/* Shared Speedship navigation, 2026-10-20. */
body.ssp-has-nav{padding-top:76px!important}
.ssp-header{position:fixed!important;inset:0 0 auto!important;z-index:9999!important;display:block!important;box-sizing:border-box;background:rgba(5,12,8,.96)!important;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff1f;color:#fff!important;font-family:Inter,Arial,sans-serif!important}
.ssp-header *{box-sizing:border-box}
.ssp-header .ssp-highlight{height:3px;background:linear-gradient(90deg,#45b649,#ffffff66,#1f3f22)}
.ssp-header .ssp-nav-inner{height:72px;max-width:1440px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr);gap:18px;align-items:center}
.ssp-header .ssp-nav-inner>.ssp-links{display:flex!important;grid-column:1;grid-row:1;justify-content:flex-start}
.ssp-header .ssp-links{display:flex;align-items:center;gap:14px;white-space:nowrap}
.ssp-header .ssp-links a{padding:6px 0!important;background:transparent!important;border:0!important;color:#ffffffe6!important;font:500 16px/24px Inter,Arial,sans-serif!important;letter-spacing:.3px;text-decoration:none!important}
.ssp-header .ssp-links a:hover{color:#8fe19a!important}
.ssp-header .ssp-bullet{font-size:13px;line-height:1;color:#7fbe8b;flex:none}
.ssp-header .ssp-logo-link{grid-column:2;grid-row:1;justify-self:center;display:block;width:60px;height:43px;background:transparent!important;border-radius:0;overflow:visible}
.ssp-header .ssp-logo-link img{display:block;width:60px!important;height:43px!important;max-width:100%;object-fit:contain!important;margin:0!important;filter:none!important}
.ssp-header .ssp-management{grid-column:3;grid-row:1;justify-self:end;display:inline-flex;align-items:center;justify-content:center;width:166px;min-height:43px;border:1px solid #4f9357!important;border-radius:13px!important;padding:10px 18px!important;background:linear-gradient(135deg,#45b649,#1f3f22)!important;color:#fff!important;font:600 15px/22px Inter,Arial,sans-serif!important;letter-spacing:.2px;text-decoration:none!important;box-shadow:0 3px 12px #0005,0 0 18px #45b64930;cursor:pointer;white-space:nowrap}
.ssp-header .ssp-management:hover{background:linear-gradient(135deg,#52c459,#254f2b)!important;box-shadow:0 0 22px #45b64955}
.ssp-header a:focus-visible,.ssp-header button:focus-visible,.ssp-header summary:focus-visible{outline:2px solid #b1efb8;outline-offset:4px}
.ssp-header .ssp-menu{display:none;grid-column:1;grid-row:1;justify-self:start}
.ssp-header .ssp-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:9px 12px;color:#fff;font:500 15px/22px Inter,Arial,sans-serif;border:1px solid #ffffff26;border-radius:9px;background:#ffffff08}
.ssp-header .ssp-menu summary::-webkit-details-marker{display:none}
.ssp-header .ssp-menu-panel{position:absolute;top:76px;left:0;right:0;padding:15px 18px;background:#08140ef5;backdrop-filter:blur(20px);border-bottom:1px solid #35563f;box-shadow:0 15px 25px #0003}
.ssp-header .ssp-menu-panel .ssp-links{display:flex!important;justify-content:center;flex-wrap:wrap;gap:14px}
body[data-ssp-portal=attendance] #registerButton{display:none!important}
body[data-ssp-portal=attendance] .topbar.ssp-app-toolbar{top:76px}
body[data-ssp-portal=attendance] .language{top:92px}
body[data-ssp-portal=finance] .sidebar{top:76px}
body[data-ssp-portal=finance] .app{min-height:calc(100vh - 76px)}
body[data-ssp-portal=asn] #loginPage{min-height:calc(100svh - 76px)}
body[data-ssp-portal=asn] .management-shell{min-height:calc(100svh - 76px)}
@media(max-width:950px){.ssp-header .ssp-nav-inner{padding:10px 16px;grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr);gap:10px}.ssp-header .ssp-nav-inner>.ssp-links{display:none!important}.ssp-header .ssp-menu{display:block}.ssp-header .ssp-logo-link,.ssp-header .ssp-logo-link img{width:50px!important;height:37px!important}.ssp-header .ssp-management{width:130px;min-height:40px;font-size:13px!important;padding:8px 12px!important}}
@media(max-width:380px){.ssp-header .ssp-nav-inner{padding-left:12px;padding-right:12px;gap:8px}.ssp-header .ssp-management{width:115px;font-size:12px!important}.ssp-header .ssp-menu summary{font-size:14px;padding:8px 10px}}
@media print{.ssp-header{display:none!important}body.ssp-has-nav{padding-top:0!important}}
body[data-ssp-portal=attendance] .sidebar{top:76px}
body[data-ssp-portal=fda] .topbar{top:76px}
body[data-ssp-portal=fda] .sidebar{top:154px;height:calc(100dvh - 154px)}