.quat-side-dock{gap:4px;padding:7px;border:1px solid rgba(17,17,17,.08);background:rgba(252,252,250,.94);box-shadow:0 18px 46px rgba(0,0,0,.16),inset 0 1px 0 #fff}
.quat-side-dock a{position:relative;width:46px;height:46px;color:#171817;transition:background-color .18s ease,transform .18s ease,color .18s ease}
.quat-side-dock a svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.quat-side-dock a:hover,.quat-side-dock a:focus-visible{background:#111;color:#fff;transform:none;outline:none}
.quat-side-dock a:focus-visible{box-shadow:0 0 0 3px #ffd400}
.dock-label{position:absolute;left:calc(100% + 13px);top:50%;padding:8px 11px;transform:translate(6px,-50%);border-radius:8px;background:#111;color:#fff;font-size:11px;font-weight:700;letter-spacing:.01em;line-height:1;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;box-shadow:0 8px 22px rgba(0,0,0,.18)}
.dock-label:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:#111}
.quat-side-dock a:hover .dock-label,.quat-side-dock a:focus-visible .dock-label{opacity:1;transform:translate(0,-50%)}
@media(max-width:900px){.quat-side-dock{display:none}}
@media(prefers-reduced-motion:reduce){.quat-side-dock a,.dock-label{transition:none}}
.quat-logo{display:flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:12px;background:#080808;line-height:0;letter-spacing:0}
.quat-logo img{display:block;width:auto;height:34px;object-fit:contain}
.quat-logo-footer img{height:38px}
@media(max-width:900px){.quat-logo{padding:7px 10px;border-radius:10px}.quat-logo img{height:28px}.quat-logo-footer img{height:32px}}