:root{--bg:#07111d;--panel:#0d1b2b;--panel2:#10233a;--line:#223955;--text:#e6edf6;--muted:#8ea4ba;--blue:#2f80ed;--green:#27ae60;--yellow:#f2c94c;--orange:#f2994a;--red:#eb5757;--purple:#9b51e0;--cyan:#2dced6;}
*{box-sizing:border-box} body.shift-v33{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;height:100vh;overflow:hidden}.sb-topbar{height:72px;display:grid;grid-template-columns:260px 1fr auto;gap:14px;align-items:center;padding:10px 14px;background:linear-gradient(180deg,#0e2033,#08131f);border-bottom:1px solid var(--line)}.sb-kicker{font-size:11px;letter-spacing:.14em;color:var(--cyan);font-weight:700}.sb-topbar h1{font-size:22px;margin:2px 0 0}.sb-stats{display:flex;gap:10px;justify-content:center}.sb-stats div{min-width:86px;text-align:center;background:#091827;border:1px solid var(--line);border-radius:10px;padding:6px}.sb-stats span{display:block;font-size:22px;font-weight:800}.sb-stats label{display:block;font-size:10px;text-transform:uppercase;color:var(--muted);letter-spacing:.08em}.sb-nav{display:flex;gap:8px}.sb-nav a,.sb-tools button,.sb-panel-head button,.sb-form button,.status-buttons button,.remove-crew,.quick-assign{background:#12304d;border:1px solid #2b5d8f;color:#d9ecff;border-radius:8px;padding:8px 10px;text-decoration:none;font-size:13px;cursor:pointer}.sb-nav a:hover,.sb-tools button:hover,.sb-form button:hover,.status-buttons button:hover{background:#184b78}.sb-shell{height:calc(100vh - 72px);display:grid;grid-template-columns:310px minmax(560px,1fr) 360px;gap:10px;padding:10px;overflow:hidden}.sb-left,.sb-center,.sb-right{min-height:0;overflow:hidden}.sb-left,.sb-right{display:flex;flex-direction:column;gap:10px}.sb-panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 20px rgba(0,0,0,.25);min-height:0}.sb-panel-head{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 8px;border-bottom:1px solid rgba(255,255,255,.05)}.sb-panel h2{margin:0;font-size:15px}.sb-form{display:grid;gap:10px;padding:12px}.sb-form label{display:grid;gap:5px;font-size:12px;color:var(--muted)}select,input{width:100%;background:#071523;color:var(--text);border:1px solid #29425f;border-radius:8px;padding:9px;outline:none}.sb-form button.primary{background:var(--blue);border-color:#58a6ff;color:white;font-weight:700}.sb-message{min-height:20px;color:var(--cyan);font-size:12px}.personnel-pool{overflow:auto;max-height:calc(100vh - 435px);padding:8px;display:grid;gap:8px}.person-card{background:#081827;border:1px solid #203853;border-radius:10px;padding:10px;display:grid;gap:5px}.person-card b{font-size:14px}.person-card small{color:var(--muted)}.person-card .cert{display:inline-flex;width:max-content;border-radius:999px;padding:2px 7px;background:#112e4c;color:#cde8ff;font-size:11px}.sb-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.sb-tabs{display:flex;gap:6px;flex-wrap:wrap}.sb-tabs button{background:#0c1f34;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:8px 11px;cursor:pointer}.sb-tabs button.active{background:var(--blue);color:white;border-color:#58a6ff}.sb-tools{display:flex;gap:8px;min-width:330px}.unit-grid{height:calc(100vh - 135px);overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:10px;padding-right:2px}.unit-card{background:var(--panel);border:1px solid var(--line);border-left:5px solid #526476;border-radius:14px;padding:12px;cursor:pointer;min-height:168px;display:grid;gap:8px}.unit-card:hover,.unit-card.selected{border-color:#58a6ff;box-shadow:0 0 0 1px rgba(88,166,255,.25)}.unit-card-top{display:flex;justify-content:space-between;gap:10px}.unit-card h3{margin:0;font-size:22px}.unit-card p{margin:2px 0 0;color:var(--muted);font-size:12px}.unit-status{font-size:11px;border-radius:999px;padding:4px 8px;height:max-content;background:#172a3f;color:#d7e7f8}.capability-badge{border-radius:10px;padding:9px 10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;text-align:center}.cap-als{border-left-color:var(--blue)}.cap-als .capability-badge{background:rgba(47,128,237,.20);color:#8fc4ff;border:1px solid rgba(47,128,237,.45)}.cap-bls{border-left-color:var(--green)}.cap-bls .capability-badge{background:rgba(39,174,96,.18);color:#8cf0b5;border:1px solid rgba(39,174,96,.45)}.cap-fly{border-left-color:var(--purple)}.cap-fly .capability-badge{background:rgba(155,81,224,.20);color:#d5b2ff;border:1px solid rgba(155,81,224,.48)}.cap-partial{border-left-color:var(--yellow)}.cap-partial .capability-badge{background:rgba(242,201,76,.17);color:#ffe28a;border:1px solid rgba(242,201,76,.45)}.cap-oos,.cap-unstaffed{border-left-color:var(--red)}.cap-oos .capability-badge,.cap-unstaffed .capability-badge{background:rgba(235,87,87,.18);color:#ffb0b0;border:1px solid rgba(235,87,87,.45)}.crew-list{display:grid;gap:5px}.crew-line{display:flex;justify-content:space-between;gap:8px;background:#081827;border:1px solid rgba(255,255,255,.05);padding:5px 7px;border-radius:8px;font-size:12px}.crew-line span{color:var(--muted)}.unit-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:auto}.sb-detail{height:100%;overflow:auto;padding:12px}.sb-empty{color:var(--muted);padding:20px}.detail-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:12px}.detail-head h2{font-size:30px;margin:0}.detail-cap{margin-top:10px}.detail-section{margin-top:14px}.detail-section h3{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 8px}.detail-list{display:grid;gap:6px}.detail-row{display:flex;justify-content:space-between;gap:8px;background:#081827;border:1px solid rgba(255,255,255,.05);padding:8px;border-radius:9px}.detail-row span{color:var(--muted)}.remove-crew{background:#3b1820;border-color:#7d2d3a;color:#ffd6dc;font-size:11px;padding:5px 7px}.status-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.status-buttons button[data-status="Available"]{background:#104225;border-color:#2ca45d}.status-buttons button[data-status="Out of Service"]{background:#4c1720;border-color:#b14151}.monitor .sb-left,.monitor .sb-right,.monitor .sb-nav,.monitor .sb-toolbar{display:none}.monitor .sb-shell{grid-template-columns:1fr}.monitor .unit-grid{height:calc(100vh - 92px);grid-template-columns:repeat(auto-fill,minmax(310px,1fr))}.monitor .unit-card{min-height:200px}.monitor .unit-card h3{font-size:30px}@media(max-width:1100px){body.shift-v33{overflow:auto}.sb-topbar{height:auto;grid-template-columns:1fr}.sb-shell{height:auto;grid-template-columns:1fr;overflow:visible}.unit-grid{height:auto}.personnel-pool{max-height:320px}.sb-tools{min-width:0}}
