@import url('/brand/theme.css');

:root{
  --navy:var(--ldin-ink);
  --gold:var(--ldin-signal);
  --bg:var(--ldin-canvas);
  --card:var(--ldin-paper);
  --txt:var(--ldin-ink);
  --red:#9f2f27;
  --green:var(--ldin-signal-deep);
}

body{font-family:var(--ldin-font-sans);background:var(--ldin-canvas);color:var(--ldin-ink)}
header{min-height:64px;padding:10px 18px;background:var(--ldin-ink);border-bottom:1px solid #3b4059;color:white}
.productLockup{display:flex;align-items:center;gap:12px;min-width:0}
.productLockup img{width:42px;height:34px;object-fit:contain;filter:brightness(0) invert(1)}
.productLockup h1{font-family:var(--ldin-font-display);font-size:20px;font-weight:700;line-height:1}
.productLockup h1 span{color:var(--ldin-signal)}
.productLockup small{display:block;margin-top:4px;font-family:var(--ldin-font-mono);font-size:8px;color:#b9bdcc;letter-spacing:.08em;text-transform:uppercase}
.tabs button{border:1px solid #565c76;border-radius:6px;color:#dfe2ea;font-family:var(--ldin-font-sans);font-weight:600}
.tabs button.active{background:var(--ldin-signal);border-color:var(--ldin-signal);color:var(--ldin-signal-ink)}

#chatView{background:var(--ldin-canvas)}
#log{padding:20px;gap:12px}
.msg{border-radius:8px;border:1px solid var(--ldin-line);box-shadow:none}
.me{background:var(--ldin-ink);border-color:var(--ldin-ink);color:white}
.bot{background:var(--ldin-paper);color:var(--ldin-ink)}
#stateBar{background:var(--ldin-canvas-2);border-color:var(--ldin-line);color:var(--ldin-ink-2);font-family:var(--ldin-font-mono)}
#announceToggle{border-color:var(--ldin-line);background:var(--ldin-paper);color:var(--ldin-ink)}
#executionPanel{background:var(--ldin-ink);border-color:#3b4059}
#executionTitle{color:white}#executionPercent{color:var(--ldin-signal)}
.progressTrack{background:#3b4059}#executionProgress{background:var(--ldin-signal)}
.executionMeta{color:#b9bdcc;font-family:var(--ldin-font-mono)}
#stateDot.on{background:var(--ldin-signal)}#stateDot.busy{background:var(--ldin-violet)}
#controls{background:var(--ldin-paper);border-top:1px solid var(--ldin-line)}
#txt{border-color:var(--ldin-line);border-radius:8px;background:white;color:var(--ldin-ink)}
#txt:focus{outline-color:var(--ldin-violet)}
#drive,#mute,#codexMode{border-radius:8px;background:white}
#ptt,#addTask,#musicButton{border-radius:50%;background:white}
#ptt{border:1px solid var(--ldin-line);color:var(--ldin-ink)}
#send{border-radius:6px;background:var(--ldin-signal);color:var(--ldin-signal-ink)}
#drive{border-color:var(--ldin-signal-deep);color:var(--ldin-signal-deep)}
#drive.on{background:var(--ldin-signal);border-color:var(--ldin-signal);color:var(--ldin-signal-ink)}
#mute{border-color:var(--ldin-line);color:var(--ldin-ink-2)}
#codexMode{border-color:var(--ldin-violet);color:var(--ldin-violet)}
#codexMode.on{background:var(--ldin-violet);border-color:var(--ldin-violet)}
#addTask{border-color:var(--ldin-cyan);color:#087e9b}
.primaryModes{border-top:1px solid var(--ldin-line);padding-top:10px}
.hint{background:var(--ldin-paper);color:var(--ldin-ink-3);font-family:var(--ldin-font-mono)}

#boardView{background:var(--ldin-canvas)}
.col{background:var(--ldin-canvas-2);border:1px solid var(--ldin-line);border-radius:6px}
.col h3{color:var(--ldin-ink);font-family:var(--ldin-font-mono);letter-spacing:.08em}
.card{background:var(--ldin-paper);border:1px solid var(--ldin-line);border-radius:6px;color:var(--ldin-ink)}
.card a{color:#087e9b}.card .lbl{background:var(--ldin-canvas);border-color:var(--ldin-line);color:var(--ldin-ink-3)}

#bidsView{background:var(--ldin-canvas);color:var(--ldin-ink)}
.bidsHead h2,.projectName,.kpi strong,.flowStep strong,.quoteSection h3,.scopeItem strong,.quoteRecord strong,.qaItem strong{color:var(--ldin-ink)}
.bidsHead h2{font-family:var(--ldin-font-display)}
.crmBtn,.kpi,.tableWrap,.flowPanel,.openBidBtn,.scopeItem,.docItem,.quoteRecord,.emptyState,.qaItem{background:var(--ldin-paper);border-color:var(--ldin-line)}
.bidTable th{background:var(--ldin-ink);font-family:var(--ldin-font-mono);letter-spacing:.06em}
.bidTable tr:hover td{background:#f6f6f1}
.flowStep{border-left-color:var(--ldin-violet);background:var(--ldin-canvas-2)}
.quotePanel{background:var(--ldin-canvas)}.quotePanelHead{background:var(--ldin-ink);border-bottom-color:var(--ldin-signal)}
.quoteRecord{border-left-color:var(--ldin-signal)}
.primaryAction{background:var(--ldin-ink);border-radius:6px}
.sourceTag{background:#e3f6fa;color:#087e9b;font-family:var(--ldin-font-mono)}

#gate{padding:28px;background:var(--ldin-canvas);color:var(--ldin-ink)}
.gateMark{width:90px;height:56px;object-fit:contain}
#gate h1{font-family:var(--ldin-font-display);font-size:42px;line-height:1}
#gate h1 span{color:var(--ldin-signal-deep)}
#gate p{max-width:390px;text-align:center;color:var(--ldin-ink-2)}
#gate small{font-family:var(--ldin-font-mono);font-size:10px;color:var(--ldin-ink-3);letter-spacing:.08em;text-transform:uppercase}
#gate input{border-color:var(--ldin-line);border-radius:6px;background:white;color:var(--ldin-ink)}
#gate input:focus{outline:3px solid rgba(91,75,245,.2);border-color:var(--ldin-violet)}
#gate button{border-radius:6px;background:var(--ldin-signal);color:var(--ldin-signal-ink)}

@media(max-width:600px){
  header{min-height:58px;padding:8px 10px}.productLockup img{display:none}.productLockup h1{font-size:18px}.productLockup small{font-size:7px}
  .tabs{gap:4px}.tabs button{padding:7px 8px;font-size:11px}
  #log{padding:12px}.msg{max-width:92%}.hint{font-size:9px;padding-inline:8px}
}