/* v0.6.16 command-deck UX pass
   The sea remains the centre of the screen. Persistent controls form three
   stable zones: navigation above, all five working stations together below. */
:root{--ui-live:#e5ca86;--ui-ready:#d9d1b5;--ui-muted:#9eaa94;--ui-blocked:#748072;--ui-danger:#e69a70;--ui-panel:#101c17f4}

/* Clearer keyboard and pointer targets without changing the compact instrument style. */
#topbar nav button,#mini-chart button,#command-deck button{min-height:30px}
#topbar nav button:focus-visible,#mini-chart button:focus-visible,#command-deck button:focus-visible,#modal-card button:focus-visible{outline:3px solid #ffe39a;outline-offset:2px;box-shadow:0 0 0 4px #111b14}
#topbar nav button{background:#111b16eb;border-color:#675b3e;color:#d9d0b0}
#topbar nav button:hover{background:#303829;border-color:#b49555}
#topbar nav [data-action="chart"],#topbar nav [data-action="guidance"]{border-color:#9a814e;color:#eadcb8}

/* The order strip reads like live machinery rather than another menu. */
#response-strip{justify-content:flex-start;padding-left:18px;gap:8px;border-color:#7a6943;background:linear-gradient(90deg,#0b1712fa,#1d281ef4 52%,#0b1712f5)}
.response-order{min-height:20px;padding:2px 9px;border-left:2px solid #b79b59;background:#2631258f}
.response-order.settled{border-left-color:#758d70;background:transparent}
.response-track{height:5px;border:1px solid #314033}.response-track i{height:3px;background:linear-gradient(90deg,#9f7440,#f0cf7e)}

/* Advice stays concise and visually distinct from status instrumentation. */

#first-mate{border-color:#a08750;background:linear-gradient(125deg,#233128f8,#0d1914fa)}
.guidance-suggestions button{min-height:38px;border-left:3px solid #a98e4d}
.guidance-suggestions button:first-child{border-left-color:#e2c36f;background:linear-gradient(100deg,#3b472f,#1b2a21)}
.guidance-suggestions button:first-child>span{color:#f1ddb0}

/* Reading panels behave as real dialogs: strong title, reachable close, and
   visible lower edge indicating that long books scroll. */
#modal{background:#06100ba8}
#modal-card{scrollbar-color:#9e824c #101a14;scrollbar-width:thin;overscroll-behavior:contain;box-shadow:inset 0 0 0 6px #111a13,0 24px 110px #000d}
#modal-card>.close{position:sticky;float:right;right:0;top:0;width:42px;height:42px;padding:0;background:#142019f2;border:1px solid #75613e;color:#e6d6ad}
#modal-content h1{color:#eadbb4;line-height:1.15}
#modal-content .panel-footer{position:sticky;bottom:-34px;background:linear-gradient(#162019df,#172218 30%);padding-bottom:8px;z-index:2}

/* Never let long contextual copy collide with the primary interaction. */
#dialogue-caption{max-width:520px}
#interaction button{min-height:46px}
#toast{max-width:min(620px,85vw);text-align:center;font:12px/1.5 system-ui}
.intro-mode label:first-child{align-items:flex-start}
#assistance-description{display:block;margin-top:7px;max-width:330px;font:10px/1.5 system-ui;color:#b9c4ad}


/* The command deck owns its geometry in bridge-console.css. */
@media(max-width:900px){#modal-card{width:94vw;padding:26px}}
@media(max-width:760px){#topbar nav button{min-height:28px}}