/* Payload visual direction: industrial lunar port. Fleet only. */
:root{--hair:#34363a;--panel:#111316;--bg-2:#0c0e11}
#top{background:linear-gradient(#060709f5,#06070900);height:64px}
#brand{letter-spacing:.27em}
.view .vhead{top:calc(var(--safe-t) + 76px);left:28px;right:28px;align-items:flex-start}
.view .vhead h1{font-size:30px;letter-spacing:-.035em;text-transform:none;font-weight:500}
.view .vhead .sub{font:11px/1.6 var(--mono);letter-spacing:.08em;margin-top:8px;max-width:46vw}
.view .vhead .actions{gap:8px}
.view .vhead .btn{border-color:#55575a;background:#111318d9;border-radius:5px;padding:10px 15px;letter-spacing:0}
#ws-pill{top:calc(var(--safe-t) + 14px)!important;border-radius:6px!important;background:#121418ed!important;border-color:#424448!important}
#ws-pill button{padding:8px 22px!important}
#ws-pill button.on{background:#e8e4dc!important;color:#161719!important}
#tabs .bar{border-radius:10px;background:#111315f0;border-color:#414347;backdrop-filter:blur(18px)}
#tabs button{letter-spacing:.04em;padding:12px 4px;gap:5px}
#tabs button.on{color:#fff;background:linear-gradient(#ffffff09,#ffffff00);box-shadow:inset 0 2px var(--red)}
.fleet-labels .lbl{border:1px solid #575c62!important;border-radius:3px!important;background:#101216e8!important;padding:9px 12px!important;letter-spacing:.04em!important}
#t-hud{background:#0d1015ed!important;border:1px solid #4e535c!important;border-radius:8px!important;padding:22px!important;backdrop-filter:blur(16px)}
#t-hud .hud-t{font-size:25px;font-weight:500;letter-spacing:-.03em}
#t-hud .hud-k{font-size:11px}#t-hud .hcell .v{font-size:25px}#t-hud .hcell .w{font-size:11px}
#p-pager{gap:8px!important}#p-dots .dot{border-radius:4px}
#p-hint{font-size:11px;letter-spacing:.09em;color:#b1b7bf}
[data-view=payloads] .gl{background:radial-gradient(ellipse at 50% 55%,#20252c,#000 70%)}
[data-view=payloads] .vhead .actions{max-width:340px;justify-content:flex-end;flex-wrap:wrap}
#p-del{border-color:#622f30!important;color:#c48e8b!important}
@media(max-width:700px){
 .view .vhead{left:16px;right:16px;top:calc(var(--safe-t) + 73px)}
 .view .vhead h1{font-size:26px}.view .vhead .sub{max-width:55vw;font-size:10px}
 #ws-pill{left:50%!important}#ws-pill button{padding:7px 16px!important}
 [data-view=payloads] .vhead{display:block}
 [data-view=payloads] .vhead .actions{margin-top:12px;justify-content:flex-start;max-width:none}
 [data-view=payloads] .vhead .btn{padding:7px 10px}
 #tabs button{letter-spacing:0;font-size:16px;padding:10px 2px}
}

#p-manifest{position:absolute;right:24px;top:225px;width:260px;max-height:calc(100% - 350px);overflow:auto;z-index:6;background:#0d1015ed;border:1px solid #3a3e44;border-radius:7px;padding:16px}
.manifest-head{font:11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#9b9fa6;padding:0 0 14px;border-bottom:1px solid #35383d}
.manifest-item{width:100%;display:grid;grid-template-columns:25px 1fr 18px;gap:10px;border:0;border-bottom:1px solid #292d33;background:transparent;color:#dcdedf;text-align:left;padding:14px 0;cursor:pointer;align-items:center}
.manifest-index{font:11px var(--mono);color:#b57b76}.manifest-item b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:16px;font-weight:400;line-height:1.35}.manifest-item small{display:block;font-size:16px;color:#969ca5;margin-top:5px}.manifest-play{color:#aaa}
#p-dots .pdot{width:30px;height:30px;border-radius:4px;color:#a8adb5;background:#12151a;border:1px solid #44484f;flex:none}#p-dots .pdot.on{background:#e4e0d8;color:#161719;border-color:#e4e0d8}
@media(min-width:1100px){[data-view=payloads] canvas.gl{width:calc(100% - 280px)}}
@media(max-width:1099px){#p-manifest{top:auto;left:16px;right:16px;bottom:138px;width:auto;max-height:140px;padding:10px 12px}#p-manifest-list{display:flex;overflow-x:auto;gap:18px}.manifest-head{border:0;padding-bottom:8px}.manifest-item{width:180px;flex:none;border:0;padding:4px 0}.manifest-item b{-webkit-line-clamp:2}.manifest-play{display:none}}

#p-dots .pdot.on{box-shadow:none}#p-dots .pdot::before{inset:0}
@media(max-width:1099px){.manifest-item{width:240px}.manifest-index{font-size:16px}.manifest-item small{font-size:16px}}