/* Shared reading and brand hierarchy. */
:root{--ink:#153650;--muted:#51697b;--accent:#087e95;--line:#dce6ed}
body{color:var(--ink);font-family:"Segoe UI","Microsoft YaHei",Arial,sans-serif;line-height:1.6;background:#f2f6fa}
.main{display:flex;flex-direction:column;min-height:100vh}.content{width:100%;flex:1}.app-brand-footer{background:#f8fafc}
.sidebar{background:linear-gradient(160deg,#102e4a,#163b57);border-right:1px solid #224963}.nav.active{background:#23526c;box-shadow:inset 3px 0 #53d0de}.nav:hover{background:#244b66}
.muted,.head p,.metric small,.tagline,.board-note,.board-section span,.chart-col,.inventory-line span{color:var(--muted)}
.board-hero{background:linear-gradient(115deg,#123550,#164d62);border:1px solid #285d72;box-shadow:0 8px 28px #1536500a}.board-eyebrow{color:#a1e9ed}.board-hero h2{letter-spacing:.5px}
.card,.board-panel,.board-metric{border-color:var(--line);box-shadow:0 4px 18px #17365004}.board-metric strong,.inventory-line b{font-variant-numeric:tabular-nums;letter-spacing:-.8px}.board-metric small{color:#526d7d}
button.primary{background:#12627c;border-color:#12627c}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #138fa4;outline-offset:2px}
th{color:#38566e;background:#edf3f7;font-weight:600}td{line-height:1.6}.tablewrap tbody tr:hover{background:#f2f8fb}
.login{background:radial-gradient(ellipse at 20% 20%,#205976 0,transparent 55%),linear-gradient(130deg,#0c263e,#133e56);padding:24px 0}.loginbox{box-shadow:0 22px 75px #0617254d;border:1px solid #dce8ee}
.flyai-legal{color:#50677a}.lobby{background:#eff4f7}.lobby-head{border-bottom:1px solid #d2e1e9;padding-bottom:12px}.lobby-head h1{color:#123a54}.lobby-head p{color:#4f697b}.lobby .board-metric{border-top:3px solid #13899c}.lobby .board-metric.attention{border-top-color:#c77940}.screen-footer{border-top:1px solid #d2e1e9}.screen-footer .flyai-brand{padding:8px 0}
@media(max-width:720px){.content{padding:20px 14px}.board-hero h2{font-size:25px}.head p{font-size:14px}.flyai-legal{gap:8px 14px}.loginbox{padding:26px}.board-panel{padding:18px}.lobby-head{padding-bottom:8px}}
@media(min-width:1400px) and (min-height:900px){.lobby-main{padding:20px 36px;gap:16px}.lobby #screen-content{gap:20px}}

.drill-link{cursor:pointer;text-align:left;color:#135a91;min-height:44px}.drill-link:hover{text-decoration:underline}.drill-link:focus-visible{outline:3px solid #178ab5;outline-offset:2px}.queue-row .actions{flex-wrap:wrap}.queue-row p{overflow-wrap:anywhere}

.metric .drill-link{display:flex;flex-direction:column;align-items:flex-start;width:100%;border:0;background:transparent;padding:0;white-space:normal}.metric .drill-link>span{display:none}.metric>small{display:block}.queue-row>div:first-child{min-width:0}.queue-row .actions{flex-shrink:0}
@media(max-width:720px){.queue-row{flex-direction:column;align-items:stretch}.queue-row .actions{display:flex;gap:8px}.queue-row .actions button{flex:1;min-height:44px}.inventory-line{flex-wrap:wrap;gap:8px}.inventory-line>.drill-link{flex:1;min-width:80px}}