/* Shared platform dock. Loaded after page styles to keep every route identical. */
.nav-dock-container {
    position:fixed!important;bottom:max(12px,env(safe-area-inset-bottom))!important;
    left:50vw!important;transform:translateX(-50%)!important;
    width:92vw!important;max-width:480px!important;height:84px!important;
    box-sizing:border-box!important;padding:0 12px!important;
    background:rgba(255,255,255,.9)!important;backdrop-filter:blur(40px)!important;
    border:1px solid #dce1eb!important;border-radius:24px!important;
    display:flex!important;justify-content:space-around!important;align-items:center!important;
    box-shadow:0 20px 40px rgba(79,70,229,.08)!important;z-index:999!important;
    font-family:Inter,system-ui,sans-serif!important;
}
.nav-dock-container .nav-tab {
    display:flex!important;flex:1!important;flex-direction:column!important;
    align-items:center!important;justify-content:center!important;gap:6px!important;
    min-width:0!important;min-height:64px!important;padding:4px!important;
    box-sizing:border-box!important;text-decoration:none!important;
    border-radius:16px!important;background:transparent!important;
}
.nav-dock-container .nav-tab>div {color:#64748b!important;transform:none!important;opacity:1!important;}
.nav-dock-container svg {width:28px!important;height:28px!important;stroke-width:1.8!important;}
.nav-dock-container .nav-label {
    font:700 12px/1.25 Inter,system-ui,sans-serif!important;
    letter-spacing:0!important;text-transform:none!important;min-height:30px!important;
    display:flex!important;align-items:center!important;text-align:center!important;
    color:#475569!important;opacity:1!important;overflow-wrap:anywhere!important;
}
.nav-dock-container .nav-tab.active {background:#eef2ff!important;}
.nav-dock-container .nav-tab.active>div,
.nav-dock-container .nav-tab.active .nav-label {color:#4338ca!important;}
.nav-dock-container .nav-tab:focus-visible {outline:2px solid #4338ca;outline-offset:2px;}
/* Language selection must not cover the bottom navigation. */
body:not(.kai-home-page)>#kai-language-menu {
    top:12px!important;right:12px!important;left:auto!important;bottom:auto!important;
}