/* NAV */
#nav{position:fixed;top:0;left:0;right:0;height:62px;z-index:300;background:var(--nav-bg);border-bottom:1px solid var(--border);display:flex;align-items:stretch;backdrop-filter:blur(12px);}
.nb{padding:0 20px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--border);min-width:170px;}
.nb-top{font-family:Arial,Helvetica,sans-serif;font-size:9px;color:var(--muted);letter-spacing:.2em;text-transform:uppercase;}
.nb-name{font-family:'Hanken Grotesk',sans-serif;font-size:22px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;}
.nb-name span{color:var(--accent);}
.ntabs{display:flex;align-items:stretch;flex:1;overflow-x:auto;}
.ntab{display:flex;align-items:center;padding:0 20px;font-family:'Hanken Grotesk',sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent;transition:all .18s;user-select:none;white-space:nowrap;border-right:1px solid var(--border);gap:7px;}
.ntab:hover{color:var(--text);background:rgba(26,100,180,.07);}
.ntab.active{color:var(--accent);border-bottom-color:var(--accent);background:rgba(26,127,232,.05);}
/* Technicians Area sub-tab bar */
#techSubBar{position:fixed;top:62px;left:0;right:0;z-index:250;background:var(--bg);border-bottom:1px solid var(--border);box-shadow:0 2px 8px rgba(0,0,0,.18);}
body.tech-sub #page-parts,body.tech-sub #page-scan,body.tech-sub #page-kit,body.tech-sub #page-count,body.tech-sub #page-shop,body.tech-sub #page-viewer{top:116px !important;}
#techSubBar .tsb-inner{display:flex;gap:8px;padding:8px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
#techSubBar .tsb-inner::-webkit-scrollbar{display:none;}
.tsb-tab{display:flex;align-items:center;gap:6px;padding:7px 16px;font-family:'Hanken Grotesk',sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);cursor:pointer;border:1px solid var(--border);border-radius:5px;background:transparent;transition:all .18s;user-select:none;white-space:nowrap;}
.tsb-tab:hover{color:var(--text);border-color:var(--accent);background:rgba(26,127,232,.06);}
.tsb-tab.active{color:#fff;background:var(--accent);border-color:var(--accent);}
.tsb-tab .ti{font-size:14px;}
body.light #techSubBar{box-shadow:0 2px 8px rgba(0,0,0,.07);}
.ti{font-size:15px;}
.nr{display:flex;align-items:center;padding:0 16px;gap:16px;margin-left:auto;}
.nstats{display:flex;gap:18px;}
.ns{text-align:center;}
.ns-n{font-family:Arial,Helvetica,sans-serif;font-size:17px;display:block;line-height:1;}
.ns-l{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-family:Arial,Helvetica,sans-serif;}
.ns-n.a{color:var(--available);}.ns-n.d{color:var(--deployed);}.ns-n.m{color:var(--maintenance);}
.pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--available);margin-right:5px;animation:pulse 2s ease-in-out infinite;}
@keyframes pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(0,196,154,.5)}50%{opacity:.5;box-shadow:0 0 0 5px rgba(0,196,154,0)}}

.page{display:none;position:fixed;top:62px;left:0;right:0;bottom:0;overflow:hidden;}
.page.active{display:block;}

/* STUB */
.stub{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--bg);}
.stub-i{font-size:52px;opacity:.2;}.stub-t{font-family:'Hanken Grotesk',sans-serif;font-size:28px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);}
.stub-s{font-size:14px;color:var(--muted);max-width:400px;text-align:center;line-height:1.6;font-family:'Hanken Grotesk',sans-serif;}