/* SkillSecure Desktop Dock v1.1 — quiet surfaces, liquid motion only in hover indicator. */
#ssdock-root{position:fixed!important;left:0;right:0;bottom:22px;width:100%;height:auto;z-index:90000;display:flex;align-items:center;justify-content:center;pointer-events:none!important;isolation:isolate;contain:layout style;}
#ssdock-root,#ssdock-root *{box-sizing:border-box;}
#ssdock-root .ssdock-shell{position:relative;display:block;padding:7px;pointer-events:auto;border:1px solid rgba(12,23,41,.12);border-radius:22px;background:rgba(250,252,250,.96);-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08);box-shadow:0 10px 35px rgba(13,28,44,.10),0 2px 7px rgba(13,28,44,.045);opacity:0;visibility:hidden;transform:translate3d(0,80px,0);will-change:transform,opacity;}
#ssdock-root .ssdock-inner{position:relative;display:flex;align-items:center;justify-content:center;gap:3px;}
#ssdock-root .ssdock-liquid{position:absolute;top:2px;left:0;width:61px;height:51px;border-radius:16px;background:#eaf0e7;border:1px solid rgba(123,152,109,.16);opacity:0;z-index:0;pointer-events:none;will-change:transform,width,border-radius,opacity;}
#ssdock-root .ssdock-link{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;flex-direction:column;flex:0 0 61px;width:61px;height:55px;min-width:61px;max-width:61px;padding:5px 0 4px;text-decoration:none!important;outline:none;background:transparent!important;color:#52616B!important;border:0!important;box-shadow:none!important;border-radius:16px;transform:none!important;transition:color .18s ease!important;}
#ssdock-root .ssdock-icon{height:24px;display:flex;align-items:center;justify-content:center;pointer-events:none;}
#ssdock-root .ssdock-icon svg{display:block;width:21px;height:21px;stroke:currentColor!important;fill:none!important;stroke-width:1.65;transition:none!important;transform:none!important;}
#ssdock-root .ssdock-label{display:block;font-family:Manrope,system-ui,sans-serif;font-weight:600;font-size:9.5px;line-height:1.2;letter-spacing:0;color:inherit!important;white-space:nowrap;margin-top:3px;opacity:1;pointer-events:none;}
#ssdock-root .ssdock-active-dot{position:absolute;bottom:1px;left:50%;width:3px;height:3px;background:#9FCB39;border-radius:50%;box-shadow:none;transform:translateX(-50%);opacity:0;}
#ssdock-root .ssdock-link.is-active .ssdock-active-dot{opacity:1;}
#ssdock-root .ssdock-link.is-active{color:#0C1729!important;}
#ssdock-root .ssdock-link:is(:hover,:focus-visible){color:#0C1729!important;}
#ssdock-root .ssdock-link:focus-visible{outline:2px solid #9FCB39;outline-offset:0;}
#ssdock-root .ssdock-link:active{color:#0C1729!important;}
#ssdock-root.ssdock-shown:not([data-gsap="1"]) .ssdock-shell{opacity:1;visibility:visible;transform:translate3d(0,0,0);transition:opacity .3s ease,transform .45s cubic-bezier(.22,1,.36,1),visibility 0s;}
#ssdock-root:not(.ssdock-shown):not([data-gsap="1"]) .ssdock-shell{transition:opacity .2s ease,transform .3s ease,visibility 0s .3s;}
#ssdock-root:not([data-gsap="1"]) .ssdock-link:is(:hover,:focus-visible){background:#eaf0e7!important;}
@media (max-width:1023px),(pointer:coarse){#ssdock-root{display:none!important;}}
@media (prefers-reduced-motion:reduce){#ssdock-root *,#ssdock-root *:before{transition:none!important;animation:none!important;}#ssdock-root .ssdock-link:is(:hover,:focus-visible){background:#eaf0e7!important;}}
