/* Original Q-Branch presentation recovered from the supplied baseline. */
/* QZ-AL-2026-NZ | ARCHITECT: Q | ORIGIN: | Los Mosqueteros */

/* ── DARK THEME ─────────────────────────────────────────────── */
:root {
  --bg-base:#171a21; --bg-surface:#20252e; --bg-card:#272d38; --bg-input:#1b2029;
  --border:#323847; --border-mid:#454d60; --border-focus:#69748c;
  --text-primary:#f2f3f7; --text-secondary:#c2c9d8; --text-muted:#8e98ad; --text-dim:#4d566b;
  --accent:#1e50a8; --accent-hover:#2860c0;
  --nav-bg:#0d0f15; --nav-border:#1e2130;
  --gold:#d4a017; --gold-dim:#8a6510; --gold-bg:rgba(212,160,23,0.09);
  --claude-col:#4a85c8; --gpt-col:#4a9060; --gemini-col:#8070c0;
  --ds-col:#c07830; --grok-col:#b03030; --perp-col:#d08020;
  --ollama-col:#3a9870; --openclaw-col:#6858b8; --cesar-col:#c8980a;
  --tag-free-bg:#0a1a0a; --tag-free:#3a8a3a;
  --tag-paid-bg:#1a0a0a; --tag-paid:#8a3030;
  --tag-tier-bg:#0a1414; --tag-tier:#3a7878;
  --tag-draft-bg:#141414; --tag-draft:#585858;
  --tag-pro-bg:#0a1220; --tag-pro:#3a68b8;
  --input-bg:#0d0d0d; --input-border:#202020;
  --mandate-col:#3a9870;
}

/* ── LIGHT THEME ─────────────────────────────────────────────── */
[data-theme="light"] {
  --bg-base:#f5f3ef; --bg-surface:#ffffff; --bg-card:#fafafa; --bg-input:#f8f6f2;
  --border:#ddd8d0; --border-mid:#c8c0b8; --border-focus:#8a7a6a;
  --text-primary:#1a1612; --text-secondary:#4a4038; --text-muted:#8a7a6a; --text-dim:#d0c8c0;
  --accent:#1a4898; --accent-hover:#1a58b8;
  --nav-bg:#ffffff; --nav-border:#e8e0d8;
  --gold:#9a7008; --gold-dim:#c8a840; --gold-bg:rgba(154,112,8,0.08);
  --claude-col:#1848a0; --gpt-col:#186830; --gemini-col:#483890;
  --ds-col:#804808; --grok-col:#801818; --perp-col:#905808;
  --ollama-col:#186840; --openclaw-col:#382898; --cesar-col:#9a7008;
  --tag-free-bg:#e8f4e8; --tag-free:#186818;
  --tag-paid-bg:#f4e8e8; --tag-paid:#801818;
  --tag-tier-bg:#e8f0f4; --tag-tier:#184868;
  --tag-draft-bg:#eeeeee; --tag-draft:#585858;
  --tag-pro-bg:#e8eef8; --tag-pro:#183880;
  --input-bg:#f8f6f2; --input-border:#c8c0b8;
  --mandate-col:#186840;
}

/* ── RESET ───────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:17px}
html{overflow-x:hidden}body{font-family:Arial,sans-serif;background:var(--bg-base);color:var(--text-primary);min-height:100vh;transition:background .25s,color .25s;-webkit-font-smoothing:antialiased;line-height:1.5}
a{color:inherit;text-decoration:none}
button{cursor:pointer;font-family:inherit}
textarea,input,select{font-family:inherit;background:var(--input-bg);color:var(--text-primary);border:1px solid var(--input-border);border-radius:3px;outline:none;transition:border-color .2s;font-size:1rem}
textarea:focus,input:focus,select:focus{border-color:var(--border-focus)}

/* ── NAV ─────────────────────────────────────────────────────── */
nav{position:sticky;top:0;z-index:200;background:var(--nav-bg);border-bottom:1px solid var(--nav-border);display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:48px}
.nav-logo{font-family:'Courier New',monospace;font-size:0.72rem;font-weight:700;letter-spacing:.12em;color:var(--gold);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav-logo span{color:var(--text-muted);font-weight:400;font-size:0.6rem}
.nav-actions{display:flex;gap:8px;flex-shrink:0}
.nav-btn{background:transparent;border:1px solid var(--border-mid);color:var(--text-secondary);font-family:'Courier New',monospace;font-size:0.67rem;letter-spacing:.06em;padding:6px 14px;border-radius:3px;transition:all .2s;white-space:nowrap}
.nav-btn:hover{border-color:var(--border-focus);color:var(--text-primary)}

/* ── LOCKSCREEN ──────────────────────────────────────────────── */
/* ── BLOCKS ──────────────────────────────────────────────────── */
.block{border:1px solid var(--border-mid);border-radius:4px;padding:20px;margin-bottom:14px;background:var(--bg-surface)}
@media(min-width:600px){.block{padding:26px}}
.block-label{font-family:Arial,sans-serif;font-size:0.74rem;font-weight:600;letter-spacing:.01em;color:var(--text-secondary);text-transform:none;margin-bottom:16px}

/* ── UPLOAD ──────────────────────────────────────────────────── */
.upload-zone{border:1.5px dashed var(--border-mid);border-radius:3px;padding:24px 16px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}
.upload-zone:hover,.upload-zone.drag-over{border-color:var(--text-muted);background:var(--bg-card)}
.upload-icon{font-size:1.3rem;margin-bottom:8px}
.upload-label{font-size:0.89rem;color:var(--text-secondary);font-weight:500}
.upload-sub{font-size:0.67rem;color:var(--text-muted);margin-top:5px;font-family:'Courier New',monospace}
.upload-files{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}
.upload-file-tag{font-size:0.67rem;font-family:'Courier New',monospace;background:var(--bg-card);border:1px solid var(--border-mid);padding:4px 10px;border-radius:3px;color:var(--text-secondary)}
/* ── MISSION ─────────────────────────────────────────────────── */
.mission-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;flex-wrap:wrap;gap:8px}
.mission-status{font-family:'Courier New',monospace;font-size:0.72rem;color:var(--text-secondary);font-weight:600}
.tier-pills-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.tier-btn{background:var(--bg-card);border:1.5px solid var(--border-mid);color:var(--text-secondary);font-size:0.78rem;font-weight:600;padding:8px 14px;border-radius:3px;transition:all .2s;touch-action:manipulation;pointer-events:auto;position:relative;z-index:2;cursor:pointer}
.tier-btn:hover,.tier-btn:active{border-color:var(--border-focus);color:var(--text-primary)}
.tier-btn.active{background:var(--border-mid);color:var(--text-primary);border-color:var(--border-focus)}
.mission-textarea{width:100%;min-height:100px;padding:14px;font-size:0.89rem;line-height:1.6;resize:vertical;border-radius:3px;border:1.5px solid var(--input-border);background:var(--input-bg)}
.run-row{display:flex;gap:10px;margin-top:12px;align-items:center;flex-wrap:wrap}
.run-btn{background:var(--accent);color:#fff;border:none;border-radius:3px;font-family:'Courier New',monospace;font-size:0.78rem;font-weight:700;letter-spacing:.08em;padding:14px 28px;transition:background .2s;text-transform:uppercase;white-space:nowrap;touch-action:manipulation}
.run-btn:hover,.run-btn:active{background:var(--accent-hover)}
.deploy-select{padding:11px 12px;font-size:0.78rem;background:var(--input-bg);color:var(--text-secondary);border:1.5px solid var(--input-border);border-radius:3px;flex:1;min-width:0}
.mode-badge{font-family:'Courier New',monospace;font-size:0.72rem;padding:9px 14px;border-radius:3px;letter-spacing:.05em;border:1.5px solid;font-weight:700;white-space:nowrap}
.mode-draft{background:var(--tag-draft-bg);color:#909090;border-color:#383838}
.mode-pro{background:var(--tag-pro-bg);color:var(--tag-pro);border-color:var(--tag-pro)}

/* ── SECTION HEADERS ─────────────────────────────────────────── */
.section-header{font-family:Arial,sans-serif;font-size:0.78rem;font-weight:600;letter-spacing:.04em;color:var(--text-secondary);text-transform:none;margin:28px 0 14px;display:flex;align-items:center;gap:10px}
.section-header::after{content:'';flex:1;height:1px;background:var(--border)}

/* ── AGENT CARDS ─────────────────────────────────────────────── */
.agents-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
@media(max-width:480px){.agents-grid{grid-template-columns:1fr}}
.agent-card{background:var(--bg-card);border:1px solid var(--border-mid);border-radius:4px;padding:16px;display:flex;flex-direction:column;gap:10px}
@media(min-width:600px){.agent-card{padding:20px}}
.agent-card.card-claude  {border-left:3px solid var(--claude-col)}
.agent-card.card-gpt     {border-left:3px solid var(--gpt-col)}
.agent-card.card-gemini  {border-left:3px solid var(--gemini-col)}
.agent-card.card-ds      {border-left:3px solid var(--ds-col)}
.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.card-identity{display:flex;align-items:center;gap:10px}
.card-avatar{width:36px;height:36px;border-radius:50%;font-family:'Courier New',monospace;font-size:0.67rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.av-claude{background:color-mix(in srgb,var(--claude-col) 18%,transparent);color:var(--claude-col)}
.av-gpt   {background:color-mix(in srgb,var(--gpt-col)   18%,transparent);color:var(--gpt-col)}
.av-gemini{background:color-mix(in srgb,var(--gemini-col)18%,transparent);color:var(--gemini-col)}
.av-ds    {background:color-mix(in srgb,var(--ds-col)    18%,transparent);color:var(--ds-col)}
.card-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.card-name{font-family:Arial,sans-serif;font-size:0.88rem;font-weight:600;color:var(--text-primary)}
.card-model-tag{font-family:'Courier New',monospace;font-size:0.6rem;padding:3px 8px;border-radius:10px;background:var(--tag-draft-bg);color:#909090;border:1px solid #383838}
.card-role{font-family:Arial,sans-serif;font-size:0.71rem;font-weight:400;color:var(--text-secondary);margin-top:2px}
.copy-btn{background:var(--bg-input);border:1.5px solid var(--border-mid);color:var(--text-muted);font-family:'Courier New',monospace;font-size:0.67rem;padding:6px 12px;border-radius:3px;transition:all .2s;white-space:nowrap;font-weight:700;touch-action:manipulation;flex-shrink:0}
.copy-btn:hover,.copy-btn:active{border-color:var(--border-focus);color:var(--text-primary)}
.card-quote{font-family:Arial,sans-serif;font-size:0.76rem;font-style:italic;color:var(--text-muted);padding:8px 12px;background:rgba(255,255,255,0.02);border-radius:6px;border-left:2px solid var(--gold-dim);margin-bottom:8px}
.card-output{font-size:0.83rem;line-height:1.7;color:var(--text-secondary);min-height:56px;white-space:pre-wrap;word-break:break-word}
.waiting{color:var(--text-muted);font-style:italic;font-size:0.78rem}
.manual-note{font-size:0.72rem;color:var(--text-muted);font-family:'Courier New',monospace;padding:9px 12px;background:var(--bg-input);border-radius:3px;border:1px solid var(--border);line-height:1.65}
.arsenal-row{font-size:0.72rem;color:var(--text-muted)}
.arsenal-row a{color:var(--claude-col)}
.card-weakness{font-family:'Courier New',monospace;font-size:0.6rem;color:var(--text-dim);padding-top:8px;border-top:1px solid var(--border)}

/* ── MATILDA SYNTHESIS ───────────────────────────────────────── */
.synthesis-block{border:1.5px solid rgba(200,152,10,0.35);background:color-mix(in srgb,var(--gold) 4%,var(--bg-card));border-radius:4px;padding:20px;margin-bottom:14px}
@media(min-width:600px){.synthesis-block{padding:24px}}
.synthesis-header{font-family:'Courier New',monospace;font-size:0.67rem;font-weight:700;letter-spacing:.12em;color:var(--gold);margin-bottom:8px;text-transform:uppercase}
.synthesis-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}
.synthesis-sub{font-size:0.67rem;color:var(--text-muted);margin-bottom:14px;font-family:'Courier New',monospace}
.synthesis-output{font-size:0.89rem;color:var(--text-secondary);line-height:1.75;min-height:50px;white-space:pre-wrap;word-break:break-word}
.synthesis-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.synth-btn{background:var(--bg-input);border:1.5px solid var(--border-mid);color:var(--text-secondary);font-family:'Courier New',monospace;font-size:0.67rem;font-weight:700;padding:8px 16px;border-radius:3px;transition:all .2s;touch-action:manipulation}
.synth-btn:hover,.synth-btn:active{border-color:var(--border-focus);color:var(--text-primary)}

/* ── ARSENAL ─────────────────────────────────────────────────── */
.arsenal-block{border:1px solid var(--border-mid);background:var(--bg-surface);border-radius:4px;padding:20px;margin-bottom:14px}
@media(min-width:600px){.arsenal-block{padding:26px}}
.arsenal-cat-header{font-family:'Courier New',monospace;font-size:0.67rem;font-weight:700;letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;margin-bottom:12px;margin-top:22px;padding-bottom:7px;border-bottom:1px solid var(--border)}
.arsenal-cat-header:first-of-type{margin-top:0}
.arsenal-sub-header{font-family:'Courier New',monospace;font-size:0.6rem;font-weight:700;letter-spacing:.08em;color:var(--text-dim);text-transform:uppercase;margin:12px 0 8px;padding-left:2px}
[data-theme="light"] .arsenal-sub-header{color:#b0a898}
.arsenal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-bottom:4px}
@media(min-width:600px){.arsenal-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}
.tool-card{background:var(--bg-card);border:1px solid var(--border-mid);border-radius:3px;padding:12px 10px;display:flex;flex-direction:column;gap:4px;transition:border-color .2s;text-decoration:none;touch-action:manipulation}
.tool-card:hover,.tool-card:active{border-color:var(--border-focus)}
.tool-icon{font-size:1rem}
.tool-name{font-size:0.78rem;font-weight:700;color:var(--text-primary)}
.tool-desc{font-size:0.61rem;color:var(--text-muted);line-height:1.4}
.tool-tag{display:inline-block;font-size:0.56rem;font-family:'Courier New',monospace;padding:2px 7px;border-radius:2px;margin-top:2px;font-weight:700;letter-spacing:.04em}
.tag-free{background:var(--tag-free-bg);color:var(--tag-free)}
.tag-paid{background:var(--tag-paid-bg);color:var(--tag-paid)}
.tag-tier{background:var(--tag-tier-bg);color:var(--tag-tier)}
.tag-new{background:#0a1a0a;color:#4a8a4a;margin-left:4px}
[data-theme="light"] .tag-new{background:#eaf8ea;color:#186818}

.matrix-live-counter-badge{font-family:'Courier New',monospace;font-size:0.72rem;font-weight:700;color:var(--gold);border:1px dashed var(--gold);padding:6px 12px;border-radius:4px;background:var(--gold-bg);display:inline-block;white-space:nowrap}
.submenu-ribbon{background:var(--gold-bg);border:1px solid rgba(200,152,10,0.25);border-radius:4px;padding:10px 14px;margin-bottom:12px;font-size:0.74rem;color:var(--text-primary);line-height:1.5}
.suggest-title{font-family:'Courier New',monospace;font-size:0.67rem;font-weight:700;color:var(--gold);text-transform:uppercase;margin-bottom:8px}
.suggest-item{font-size:0.74rem;color:var(--text-secondary);margin-bottom:8px;line-height:1.45;padding-left:6px;border-left:2px solid var(--border-mid)}
.control-room-wrapper{display:grid;grid-template-columns:1fr 260px;gap:12px;align-items:start;width:100%;box-sizing:border-box}
@media(max-width:900px){.control-room-wrapper{grid-template-columns:1fr!important}}
.squad-checker-box{background:var(--bg-card);border:1px solid var(--border-mid);border-radius:6px;padding:16px;min-width:0;box-sizing:border-box}
.squad-categories-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border)}
.squad-grid-selection{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important;min-width:0;width:100%}
@media(max-width:1200px){.squad-grid-selection{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:768px){.squad-grid-selection{grid-template-columns:repeat(2,1fr)!important}}
.check-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;cursor:pointer;font-family:'Courier New',monospace;font-size:0.7rem;color:var(--text-secondary);user-select:none}
.check-item input[type="checkbox"]{accent-color:var(--gold);cursor:pointer}
.check-item:hover{border-color:var(--border-focus);color:var(--text-primary)}
.suggestion-panel{background:rgba(200,152,10,0.02);border:1px solid rgba(200,152,10,0.12);border-radius:6px;padding:16px;font-family:Arial,sans-serif;min-width:0;box-sizing:border-box;align-self:start}
.mode-badge{font-family:'Courier New',monospace;font-size:0.65rem;font-weight:700;padding:4px 10px;border-radius:3px;letter-spacing:.06em}