/* style.css */
:root {
  --bg: #080a09;
  --surface: #101311;
  --surface-2: #151916;
  --surface-3: #1a1f1b;
  --line: rgba(255,255,255,.085);
  --line-strong: rgba(255,255,255,.14);
  --text: #f3f5f0;
  --muted: #b4bbb3;
  --dim: #858d84;
  --lime: #ccff00;
  --lime-soft: rgba(204,255,0,.09);
  --positive: #a8e63d;
  --warning: #f4c95d;
  --critical: #ff6b6b;
  --info: #83bfff;
  --sidebar: 236px;
  --radius-sm: 9px;
  --radius: 13px;
  --radius-lg: 18px;
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
html { background: var(--bg); color-scheme: dark; -webkit-text-size-adjust:100%; }
body { margin: 0; min-height: 100vh; background: var(--bg); color: var(--text); font-family: var(--font); font-size: 14px; line-height: 1.45; -webkit-font-smoothing: antialiased; overflow-x:hidden; }
button, input, textarea { font: inherit; }
button { color: inherit; touch-action:manipulation; }
.hidden { display: none !important; }
.app-shell { min-height: 100vh; }
.sidebar { position: fixed; inset: 0 auto 0 0; width: var(--sidebar); padding: 24px 16px 18px; border-right: 1px solid var(--line); background: #0b0d0c; display: flex; flex-direction: column; z-index: 20; }
.brand { display: flex; align-items: center; gap: 6px; padding: 0 10px 28px; font-size: 18px; font-weight: 650; letter-spacing: -.04em; }
.brand-glyph { display: grid; place-items: center; width: 32px; height: 32px; }
.brand-glyph img { width:100%; height:100%; display:block; }
.nav { display: flex; flex-direction: column; gap: 4px; }
.nav-item { width: 100%; min-height: 43px; border: 0; border-radius: 10px; background: transparent; color: var(--muted); display: flex; align-items: center; gap: 11px; padding: 0 12px; cursor: pointer; text-align: left; transition: background .16s ease, color .16s ease; position: relative; }
.nav-item:hover { color: var(--text); background: rgba(255,255,255,.035); }
.nav-item.active { color: var(--text); background: var(--surface-2); }
.nav-item.active:before { content: ""; position: absolute; left: 0; width: 3px; height: 18px; border-radius: 3px; background: var(--lime); }
.nav-item svg { width: 18px; height: 18px; flex: 0 0 auto; }
.nav-count { margin-left: auto; min-width: 21px; height: 20px; padding: 0 6px; display: grid; place-items: center; border-radius: 10px; background: var(--surface-3); color: var(--muted); font-size: 11px; }
kbd { margin-left: auto; color: var(--dim); font-size: 10px; font-family: inherit; border: 1px solid var(--line); border-radius: 5px; padding: 1px 5px; }
.sidebar-bottom { margin-top: auto; display: grid; gap: 10px; }
.profile { border: 1px solid var(--line); border-radius: 12px; background: var(--surface); padding: 10px; display: flex; gap: 10px; align-items: center; text-align: left; cursor: pointer; }
.avatar { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: #202520; color: var(--lime); font-weight: 650; }
.executive-avatar { border-radius: 9px; font-size: 10px; letter-spacing: -.03em; }
.profile strong, .profile small { display: block; }.profile strong { font-size: 13px; }.profile small { color: var(--dim); font-size: 11px; margin-top: 2px; }
.status-dot { margin-left: auto; width: 7px; height: 7px; background: var(--positive); border-radius: 50%; box-shadow: 0 0 0 3px rgba(168,230,61,.08); }
.workspace { min-height: 100vh; margin-left: var(--sidebar); padding: 42px clamp(28px, 4vw, 64px) 72px; }
.view { display: none; max-width: 1420px; margin: 0 auto; animation: enter .22s ease; }.view.active { display: block; }
@keyframes enter { from { opacity: .4; transform: translateY(4px); } to { opacity: 1; transform: none; } }
.page-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.page-header h1 { margin: 4px 0 4px; font-size: clamp(28px, 3vw, 38px); line-height: 1.08; letter-spacing: -.045em; font-weight: 620; }
.page-header p { margin: 0; color: var(--muted); font-size: 14px; max-width: 620px; }
.eyebrow, .section-kicker { color: var(--dim); font-size: 11px; letter-spacing: .09em; text-transform: uppercase; font-weight: 650; }
.header-actions { display: flex; gap: 10px; }.button { height: 40px; border-radius: 9px; border: 1px solid var(--line); padding: 0 15px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-weight: 590; cursor: pointer; transition: transform .14s ease, background .14s ease, border-color .14s ease; }
.button:hover { transform: translateY(-1px); }.button svg { width: 16px; height: 16px; }.button.primary { background: var(--lime); color: #080a09; border-color: var(--lime); }.button.secondary { background: var(--surface); color: var(--text); }.button.secondary:hover { background: var(--surface-2); border-color: var(--line-strong); }
.button kbd { color: var(--dim); margin-left: 8px; }
.attention-strip { min-height: 68px; border: 1px solid rgba(204,255,0,.16); background: var(--lime-soft); border-radius: var(--radius); padding: 14px 17px; display: flex; align-items: center; gap: 13px; margin-bottom: 16px; }
.attention-strip > svg { margin-left: auto; width: 17px; color: var(--dim); }.attention-strip strong { font-size: 13px; font-weight: 610; }.attention-strip p { margin: 2px 0 0; color: var(--muted); font-size: 12px; }.attention-pulse { width: 8px; height: 8px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 5px rgba(204,255,0,.08); }
.metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; margin-bottom: 12px; }.metric-card { min-height: 138px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 18px; display: flex; flex-direction: column; }.metric-card:hover { border-color: var(--line-strong); }.metric-label { color: var(--muted); font-size: 12px; }.metric-value { font-size: 34px; line-height: 1; letter-spacing: -.05em; font-weight: 620; margin: 18px 0 9px; }.metric-card small { margin-top: auto; color: var(--dim); font-size: 11px; }
.overview-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 12px; }.panel { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 22px; }.panel-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 18px; }.panel-header h2 { margin: 3px 0 0; font-size: 17px; letter-spacing: -.025em; font-weight: 610; }
.live-pill { display: inline-flex; align-items: center; gap: 7px; color: var(--muted); border: 1px solid var(--line); padding: 5px 9px; border-radius: 14px; font-size: 10px; white-space: nowrap; }.live-pill i { width: 6px; height: 6px; background: var(--positive); border-radius: 50%; }.text-button { border: 0; background: none; color: var(--muted); cursor: pointer; font-size: 12px; }.text-button:hover { color: var(--lime); }
.company-summary { color: var(--muted); max-width: 720px; margin: 0 0 21px; }.vertical-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }.vertical-row { min-height: 82px; padding: 15px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }.vertical-row strong { display:block; font-size:13px; font-weight:590; }.vertical-row p { color:var(--dim); font-size:11px; margin:5px 0 0; }
.commercial-panel { grid-column:1 / -1; }.commercial-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); overflow:hidden; margin-bottom:14px; border:1px solid var(--line); border-radius:11px; }.commercial-summary > span { min-height:76px; display:flex; flex-direction:column; padding:12px; border-left:1px solid var(--line); }.commercial-summary > span:first-child { border-left:0; }.commercial-summary small { color:var(--dim); font-size:9px; }.commercial-summary strong { margin-top:auto; font-size:19px; letter-spacing:-.035em; }.commercial-client-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--line); border-left:1px solid var(--line); }.commercial-client { min-height:54px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 12px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }.commercial-client span strong,.commercial-client span small { display:block; }.commercial-client span strong { font-size:11px; }.commercial-client span small { margin-top:2px; color:var(--dim); font-size:8px; }.commercial-client b { flex:0 0 auto; font-size:11px; font-weight:620; color:var(--lime); }
.system-list { display: grid; }.system-row { display:flex; align-items:center; gap:12px; min-height:53px; border-top:1px solid var(--line); }.system-row:first-child { border-top:0; }.system-icon { width:30px; height:30px; border-radius:8px; background:var(--surface-2); display:grid; place-items:center; color:var(--muted); }.system-icon svg { width:15px; }.system-copy { min-width:0; }.system-copy strong { display:block; font-size:12px; }.system-copy small { color:var(--dim); }.system-state { margin-left:auto; font-size:11px; color:var(--positive); }.system-state.offline { color:var(--critical); }
.empty-state { min-height: 180px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:var(--dim); }.empty-state.compact { min-height:145px; border:1px dashed var(--line); border-radius:10px; }.empty-state.large { min-height:420px; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); }.empty-state svg { width:23px; height:23px; margin-bottom:12px; }.empty-state strong { color:var(--text); font-weight:580; }.empty-state p { margin:4px 0 0; font-size:12px; }
.priority-list { display:grid; }.priority-row { display:grid; grid-template-columns:34px 1fr auto; gap:12px; align-items:center; min-height:74px; border-top:1px solid var(--line); }.priority-row:first-child { border-top:0; }.priority-index { color:var(--dim); font-size:11px; }.priority-row strong { font-size:13px; font-weight:590; }.priority-row p { color:var(--dim); margin:3px 0 0; font-size:11px; }.state { font-size:10px; padding:5px 8px; border-radius:8px; background:var(--surface-2); color:var(--muted); }.state.in-progress { color:var(--lime); background:var(--lime-soft); }.state.next { color:var(--info); }
.communications-view.active { display:flex; flex-direction:column; height:calc(100vh - 84px); }.compact-header { flex:0 0 auto; }.communications-layout { flex:1; min-height:0; display:grid; grid-template-columns:minmax(290px,370px) 1fr; border:1px solid var(--line); border-radius:var(--radius-lg); overflow:hidden; background:var(--surface); }.room-panel { border-right:1px solid var(--line); display:flex; flex-direction:column; min-height:0; }.room-tools { padding:13px; border-bottom:1px solid var(--line); }.search-field { height:38px; background:#0d100e; border:1px solid var(--line); border-radius:9px; display:flex; align-items:center; gap:9px; padding:0 11px; }.search-field:focus-within { border-color:rgba(204,255,0,.6); }.search-field svg { width:15px; color:var(--dim); }.search-field input { width:100%; border:0; outline:0; background:none; color:var(--text); }.search-field input::placeholder { color:var(--dim); }.room-list { overflow:auto; padding:6px; }.room-item { width:100%; min-height:72px; border:0; border-radius:10px; background:transparent; display:grid; grid-template-columns:37px 1fr auto; gap:11px; align-items:center; padding:10px; text-align:left; cursor:pointer; }.room-item:hover { background:rgba(255,255,255,.03); }.room-item.active { background:var(--surface-2); }.room-mark { width:37px; height:37px; border-radius:10px; display:grid; place-items:center; background:#202520; color:var(--muted); font-size:11px; font-weight:650; }.room-item.active .room-mark { color:var(--lime); }.room-mark.group-mark { position:relative; display:block; background:transparent; }.room-copy { min-width:0; }.room-copy strong { display:block; font-size:13px; }.room-copy p { margin:3px 0 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--dim); font-size:11px; }.room-time { align-self:start; margin-top:3px; color:var(--dim); font-size:10px; }
.thread-panel { min-width:0; display:flex; flex-direction:column; min-height:0; background:#0d100e; }.thread-header { flex:0 0 auto; min-height:70px; display:flex; align-items:center; gap:12px; padding:10px 20px; border-bottom:1px solid var(--line); background:var(--surface); }.thread-identity { min-width:0; }.thread-header h2 { font-size:14px; margin:0; font-weight:620; }.thread-header p { margin:2px 0 0; font-size:11px; color:var(--dim); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.thread-members { margin-left:auto; display:flex; align-items:center; gap:6px; }.member-chip { height:31px; display:flex; align-items:center; gap:7px; border:1px solid var(--line); border-radius:16px; padding:0 9px 0 4px; color:var(--muted); font-size:10px; }.member-chip b { font-weight:550; }.thread-members.compact-members { gap:0; }.thread-members.compact-members .member-chip { width:27px; padding:0; border:0; background:transparent; }.thread-members.compact-members .member-chip + .member-chip { margin-left:-6px; }.thread-members.compact-members .member-chip b { display:none; }.thread-back { display:none !important; }.message-list { flex:1; overflow:auto; padding:28px clamp(20px,4vw,52px); }.message-empty { height:100%; min-height:260px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:var(--dim); }.message-empty .eight-large { width:48px; height:48px; border-radius:14px; background:var(--surface-2); color:var(--lime); display:grid; place-items:center; font-size:13px; font-weight:700; margin-bottom:14px; }.message-empty strong { color:var(--text); font-size:14px; }.message-empty p { max-width:340px; font-size:12px; }.message { display:grid; grid-template-columns:32px minmax(0,700px); gap:11px; margin:0 auto 22px; max-width:800px; }.message.user { grid-template-columns:minmax(0,700px) 32px; justify-content:end; }.message.user .message-avatar { order:2; background:var(--lime); color:#080a09; }.message-avatar { width:32px; height:32px; border-radius:10px; background:var(--surface-3); color:var(--lime); display:grid; place-items:center; font-size:9px; font-weight:700; }.message.x7-chief-of-staff .message-avatar { color:var(--text); }.message-copy { min-width:0; }.message.user .message-copy { text-align:right; }.message-meta { color:var(--dim); font-size:10px; margin-bottom:5px; }.message-text { display:inline-block; text-align:left; background:var(--surface-2); border:1px solid var(--line); border-radius:4px 13px 13px 13px; padding:11px 13px; white-space:pre-wrap; overflow-wrap:anywhere; color:#e9ece7; font-size:13px; line-height:1.55; }.message-text strong { color:#fff; font-weight:750; }.message-text code { padding:2px 5px; border:1px solid #30362f; border-radius:5px; background:#090b0a; color:var(--lime); font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; font-size:.9em; }.message.user .message-text { background:var(--lime); color:#080a09; border-color:var(--lime); border-radius:13px 4px 13px 13px; }.message.user .message-text strong { color:#080a09; }.message.user .message-text code { border-color:rgba(8,10,9,.22); background:rgba(8,10,9,.1); color:#080a09; }
.message-active .message-text { border-color:rgba(204,255,0,.18); }
.live-status,.event-status,.final-status { display:inline-flex; align-items:center; gap:5px; margin-left:5px; padding:2px 6px; border-radius:8px; font-size:8px; letter-spacing:.03em; text-transform:uppercase; }
.live-status { color:var(--lime); background:var(--lime-soft); }
.live-status i { width:5px; height:5px; border-radius:50%; background:var(--lime); box-shadow:0 0 0 3px rgba(204,255,0,.08); animation:activePulse 1.2s ease-in-out infinite; }
.event-status { color:var(--info); background:rgba(131,191,255,.08); }
.final-status { color:#080a09; background:var(--lime); font-weight:750; }
.message-event { margin-block:4px 18px; }
.message-event .message-avatar { color:var(--info); }
.message-event .message-text { color:#b8c8d5; border-style:dashed; background:rgba(131,191,255,.045); font-size:11px; }
.message-final .message-text { border-color:rgba(204,255,0,.32); background:linear-gradient(145deg,rgba(204,255,0,.07),var(--surface-2) 38%); }
.message-confirmation .message-text { border-color:rgba(204,255,0,.28); background:linear-gradient(145deg,rgba(204,255,0,.075),rgba(23,26,24,.98)); }
.confirmation-status { display:inline-flex; align-items:center; margin-left:5px; padding:2px 6px; border-radius:999px; background:rgba(204,255,0,.1); color:var(--lime); font-size:8px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.message-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin-top:9px; }
.message-actions button { min-width:0; min-height:38px; padding:8px 7px; border:1px solid var(--line-strong); border-radius:11px; background:var(--surface); color:var(--text); font-size:10px; line-height:1.2; font-weight:620; cursor:pointer; }
.message-actions button:first-child { border-color:rgba(204,255,0,.45); background:var(--lime); color:#080a09; }
.message-actions button:active { transform:scale(.98); }
.message-text-wrap { position:relative; display:inline-block; max-width:100%; }
.message-collapsed .message-text-wrap { max-height:190px; overflow:hidden; border-radius:4px 13px 13px 13px; }
.message-collapsed .message-text-wrap::after { content:""; position:absolute; right:0; bottom:0; left:0; height:88px; pointer-events:none; background:linear-gradient(transparent,#171a18 82%); }
.message-final.message-collapsed .message-text-wrap::after { background:linear-gradient(transparent,#171d15 82%); }
.message-expand { display:block; min-height:34px; margin-top:7px; padding:0 11px; border:1px solid var(--line-strong); border-radius:10px; background:var(--surface); color:var(--lime); cursor:pointer; font-size:10px; font-weight:650; }
.thinking-dots { display:inline-flex; gap:3px; margin-left:7px; vertical-align:middle; }
.thinking-dots i { width:4px; height:4px; border-radius:50%; background:var(--lime); animation:thinkingDot 1s ease-in-out infinite; }
.thinking-dots i:nth-child(2) { animation-delay:.14s; }
.thinking-dots i:nth-child(3) { animation-delay:.28s; }
@keyframes thinkingDot { 0%,70%,100% { opacity:.25; transform:translateY(0); } 35% { opacity:1; transform:translateY(-2px); } }
@keyframes activePulse { 0%,100% { opacity:.4; } 50% { opacity:1; } }
.composer-zone { flex:0 0 auto; position:relative; margin:0 clamp(16px,4vw,46px) 22px; user-select:none; -webkit-user-select:none; -webkit-touch-callout:none; }.composer-row { display:flex; align-items:flex-end; gap:9px; }.composer-plus { flex:0 0 auto; width:50px; height:50px; padding:0; border:1px solid var(--line-strong); border-radius:50%; display:grid; place-items:center; background:var(--surface); color:var(--text); cursor:pointer; line-height:0; }.composer-plus span,.composer-plus svg { display:block; width:21px; height:21px; }.composer { flex:1; min-width:0; position:relative; margin:0; border:1px solid var(--line-strong); border-radius:25px; background:var(--surface); padding:12px 54px 12px 16px; }.composer:focus-within { border-color:rgba(204,255,0,.55); }.message-editor { display:block; width:100%; min-height:20px; max-height:140px; overflow-y:auto; border:0; outline:0; background:transparent; color:var(--text); line-height:1.45; white-space:pre-wrap; overflow-wrap:anywhere; user-select:text; -webkit-user-select:text; -webkit-touch-callout:default; }.message-editor:empty::before { content:attr(data-placeholder); color:#858d84; pointer-events:none; }.send-button,.voice-button { position:absolute; right:7px; bottom:6px; width:36px; height:36px; border:0; border-radius:50%; display:grid; place-items:center; cursor:pointer; }.send-button { background:var(--lime); color:#080a09; }.voice-button { background:transparent; color:var(--muted); touch-action:manipulation; user-select:none; -webkit-user-select:none; -webkit-touch-callout:none; }.voice-button * { pointer-events:none; user-select:none; -webkit-user-select:none; }.voice-button.recording { color:var(--critical); background:rgba(255,107,107,.1); }.send-button:disabled { opacity:.35; cursor:wait; }.send-button svg,.voice-button svg { width:16px; }.composer-note { display:none; }
.voice-recorder { position:absolute; right:0; bottom:0; left:0; z-index:12; min-height:164px; padding:13px; border:1px solid var(--line-strong); border-radius:25px; background:rgba(16,18,17,.985); color:var(--text); box-shadow:0 -16px 46px rgba(0,0,0,.38); }.voice-live-copy { min-height:58px; padding:3px 5px 10px; }.voice-live-copy small { color:var(--lime); font-size:9px; font-weight:650; text-transform:uppercase; letter-spacing:.08em; }.voice-live-copy p { max-height:58px; margin:5px 0 0; overflow:auto; color:var(--text); font-size:13px; line-height:1.45; }.voice-control-row { display:grid; grid-template-columns:76px minmax(112px,1fr) 76px; gap:10px; align-items:center; }.voice-stop,.voice-play,.voice-submit { height:56px; border-radius:28px; cursor:pointer; touch-action:manipulation; user-select:none; -webkit-user-select:none; -webkit-touch-callout:none; }.voice-stop { border:1px solid var(--line-strong); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; background:var(--surface); }.voice-stop-mark { width:18px; height:18px; display:grid; place-items:center; }.voice-stop-mark > i { display:block; width:14px; height:14px; border-radius:3px; background:#f3f5f2; }.voice-stop-mark svg { width:17px; height:17px; }.voice-stop.discard { border-color:rgba(255,107,107,.25); color:var(--critical); background:rgba(255,107,107,.055); }.voice-stop small,.voice-submit small,.voice-play small { font-size:7px; font-weight:650; line-height:1; }.voice-play { min-width:0; padding:0 10px; border:1px solid var(--line-strong); display:flex; align-items:center; justify-content:center; gap:8px; background:var(--surface); color:var(--text); }.voice-play-icon { width:18px; height:18px; flex:0 0 auto; display:grid; place-items:center; color:var(--lime); }.voice-play-icon svg { width:18px; height:18px; }.voice-play strong { font-size:13px; font-variant-numeric:tabular-nums; white-space:nowrap; }.voice-play.playing { border-color:rgba(204,255,0,.3); background:var(--lime-soft); }.voice-submit { padding:0; border:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; background:#f4f5f3; color:#080a09; }.voice-submit svg { width:19px; transform:translate(-1px,1px); }.voice-stop:disabled,.voice-play:disabled,.voice-submit:disabled { opacity:.38; cursor:default; }.voice-wave { height:18px; display:flex; gap:3px; align-items:center; }.voice-wave i { width:3px; height:7px; border-radius:2px; background:var(--muted); animation:voiceWave .9s ease-in-out infinite alternate; }.voice-wave i:nth-child(2),.voice-wave i:nth-child(8) { height:12px; animation-delay:.1s; }.voice-wave i:nth-child(3),.voice-wave i:nth-child(7) { height:17px; animation-delay:.2s; }.voice-wave i:nth-child(4),.voice-wave i:nth-child(6) { height:10px; animation-delay:.3s; }.voice-wave i:nth-child(5) { height:15px; animation-delay:.4s; }.voice-privacy { display:block; margin:9px 3px 0; color:var(--dim); font-size:8px; text-align:center; } @keyframes voiceWave { to { transform:scaleY(.45); opacity:.45; } }
.mention-menu { position:absolute; right:14px; bottom:calc(64px + env(safe-area-inset-bottom)); left:73px; z-index:12; max-height:260px; overflow:auto; padding:6px; border:1px solid var(--line-strong); border-radius:16px; background:rgba(17,20,18,.98); box-shadow:0 18px 48px rgba(0,0,0,.48); backdrop-filter:blur(24px); }.mention-menu button { width:100%; min-height:49px; display:flex; align-items:center; gap:10px; padding:6px 9px; border:0; border-radius:11px; background:transparent; text-align:left; }.mention-menu button:active,.mention-menu button:hover { background:var(--surface-2); }.mention-menu .agent-avatar { width:34px; height:34px; }.mention-menu strong,.mention-menu small { display:block; }.mention-menu strong { font-size:12px; }.mention-menu small { color:var(--dim); font-size:10px; }
.hidden-picker { position:fixed; width:1px; height:1px; opacity:0; pointer-events:none; }.attachment-preview { display:flex; gap:7px; overflow-x:auto; padding:0 0 8px 59px; scrollbar-width:none; }.attachment-chip { flex:0 0 auto; max-width:220px; min-height:34px; padding:5px 6px 5px 9px; display:flex; align-items:center; gap:7px; border:1px solid var(--line); border-radius:17px; background:var(--surface); color:var(--muted); }.attachment-chip > svg { width:15px; }.attachment-chip b { max-width:145px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:10px; font-weight:550; }.attachment-chip button { width:24px; height:24px; padding:0; display:grid; place-items:center; border:0; border-radius:50%; background:var(--surface-3); color:var(--dim); }.attachment-chip button svg { width:12px; }
.message-attachments { max-width:440px; display:flex; flex-wrap:wrap; gap:7px; margin-top:7px; }.message.user .message-attachments { justify-content:flex-end; }.message-attachment { min-height:35px; padding:0; display:flex; align-items:center; gap:8px; border:1px solid var(--line); border-radius:10px; overflow:hidden; background:var(--surface); color:var(--muted); text-decoration:none; text-align:left; font-size:10px; cursor:pointer; }.message-attachment:hover { border-color:var(--line-strong); color:var(--text); }.message-attachment > svg { width:16px; flex:0 0 auto; margin-left:9px; }.message-attachment > svg:last-child { width:14px; margin:0 9px 0 auto; color:var(--dim); }.message-attachment > span { min-width:0; max-width:230px; padding-right:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.message-attachment > span b,.message-attachment > span small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.message-attachment > span b { color:var(--text); font-size:10px; font-weight:580; }.message-attachment > span small { margin-top:2px; color:var(--dim); font-size:8px; }.file-attachment { width:min(100%,310px); min-height:54px; }.pdf-attachment > svg:first-child { color:var(--critical); }.image-attachment { display:grid; }.image-attachment img { display:block; width:150px; height:105px; object-fit:cover; }.image-attachment > span { padding:0 9px 8px; }
.proposal-attachments { display:block; max-width:440px; }.proposal-attachment { width:100%; min-height:132px; display:grid; grid-template-columns:190px minmax(0,1fr); align-items:stretch; gap:0; border-radius:14px; background:#0d100e; }.proposal-attachment > img { width:190px; height:132px; display:block; object-fit:cover; }.proposal-attachment > .proposal-attachment-copy { max-width:none; padding:14px; white-space:normal; display:flex; flex-direction:column; justify-content:center; }.proposal-attachment-copy b,.proposal-attachment-copy small,.proposal-attachment-copy em { display:block; }.proposal-attachment-copy b { font-size:12px; line-height:1.25; white-space:normal; }.proposal-attachment-copy small { margin-top:5px; color:var(--dim); font-size:9px; }.proposal-attachment-copy em { margin-top:13px; display:flex; align-items:center; gap:6px; color:var(--lime); font-size:9px; font-style:normal; font-weight:650; }.proposal-attachment-copy em svg { width:13px; }
.protected-image-shell { width:190px; height:132px; display:block; position:relative; overflow:hidden; background:linear-gradient(105deg,#101411 25%,#1a211c 42%,#101411 59%); background-size:300% 100%; animation:imageShimmer 1.2s linear infinite; }.protected-image-shell img { width:100%; height:100%; display:block; object-fit:cover; }.protected-image-shell:has(img[data-hydrated="true"]) { animation:none; background:#0d100e; }.protected-image-shell.image-load-failed:after,.media-image-frame.image-load-failed:after { content:"Tap to reload preview"; position:absolute; inset:auto 12px 12px; display:block; padding:8px; border-radius:10px; background:rgba(0,0,0,.72); color:var(--muted); font-size:9px; text-align:center; }.media-image-frame { position:relative; }.media-image-frame img:not([src]) { visibility:hidden; }.media-viewer-save:disabled { opacity:.55; cursor:wait; }.media-viewer-save:disabled svg { animation:sharePulse 1s ease-in-out infinite; }
@keyframes imageShimmer { from { background-position:100% 0; } to { background-position:-100% 0; } }
@keyframes sharePulse { 50% { opacity:.35; transform:translateY(-1px); } }
.room-link { min-height:34px; margin-top:7px; padding:0 10px; display:inline-flex; align-items:center; gap:7px; border:1px solid rgba(204,255,0,.28); border-radius:9px; background:var(--lime-soft); color:var(--lime); cursor:pointer; font-size:10px; }.room-link svg { width:13px; }
.work-status { flex:0 0 auto; min-height:64px; display:flex; align-items:center; gap:12px; padding:9px 18px; border-bottom:1px solid rgba(204,255,0,.12); background:linear-gradient(90deg,rgba(204,255,0,.07),rgba(13,16,14,.92) 52%); }
.work-status.complete { border-bottom-color:var(--line); background:rgba(16,19,17,.96); }
.work-status-copy { min-width:0; flex:1; display:grid; gap:2px; }
.work-status-kicker { display:flex; align-items:center; gap:6px; color:var(--lime); font-size:8px; font-weight:750; letter-spacing:.08em; text-transform:uppercase; }
.work-status-kicker > i { width:6px; height:6px; border-radius:50%; background:var(--lime); box-shadow:0 0 0 4px rgba(204,255,0,.08); animation:activePulse 1.1s ease-in-out infinite; }
.work-status.complete .work-status-kicker { color:var(--muted); }.work-status.complete .work-status-kicker > i { animation:none; background:var(--positive); }
.work-status-copy strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:10px; font-weight:560; color:#d9ddd7; }
.work-agents { display:flex; align-items:center; padding-left:7px; }
.work-agent { position:relative; width:29px; height:29px; margin-left:-7px; border:2px solid #111512; border-radius:10px; background:#111512; opacity:.42; }
.work-agent .agent-avatar { width:25px; height:25px; }
.work-agent.working,.work-agent.done { opacity:1; }.work-agent.working { box-shadow:0 0 0 2px rgba(204,255,0,.2); }
.work-agent > i { position:absolute; right:-4px; bottom:-4px; width:14px; height:14px; display:flex; align-items:center; justify-content:center; gap:1px; border:2px solid #111512; border-radius:50%; background:var(--surface-3); color:var(--positive); font-size:8px; font-style:normal; font-weight:800; }
.work-agent.working > i { background:var(--lime); }.work-agent.working > i b { width:2px; height:2px; border-radius:50%; background:#080a09; animation:thinkingDot 1s ease-in-out infinite; }.work-agent.working > i b:nth-child(2) { animation-delay:.14s; }.work-agent.working > i b:nth-child(3) { animation-delay:.28s; }
.work-wave { height:22px; display:flex; align-items:center; gap:2px; }.work-wave i { width:2px; height:7px; border-radius:2px; background:var(--lime); animation:workWave .9s ease-in-out infinite; }.work-wave i:nth-child(2) { animation-delay:.12s; height:15px; }.work-wave i:nth-child(3) { animation-delay:.24s; height:11px; }.work-wave i:nth-child(4) { animation-delay:.36s; }
@keyframes workWave { 0%,100% { transform:scaleY(.45); opacity:.35; } 50% { transform:scaleY(1); opacity:1; } }
.jump-result { min-height:31px; padding:0 10px; border:1px solid var(--line); border-radius:10px; background:var(--surface-2); color:var(--text); font-size:9px; cursor:pointer; }
.ops-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:14px; }.ops-stat { min-height:102px; display:flex; flex-direction:column; padding:15px; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); }.ops-stat span { color:var(--muted); font-size:11px; }.ops-stat strong { margin:8px 0 5px; font-size:24px; line-height:1; letter-spacing:-.045em; }.ops-stat small { margin-top:auto; color:var(--dim); font-size:10px; }
.agent-toolbar { display:flex; align-items:center; gap:10px; margin-bottom:12px; }.agent-search { width:min(360px,100%); flex:0 1 360px; }.agent-filters { display:flex; gap:6px; overflow-x:auto; scrollbar-width:none; }.agent-filters button { flex:0 0 auto; min-height:38px; padding:0 12px; border:1px solid var(--line); border-radius:19px; background:var(--surface); color:var(--muted); font-size:11px; cursor:pointer; }.agent-filters button.active { border-color:rgba(204,255,0,.35); background:var(--lime-soft); color:var(--lime); }
.agent-roster-meta { min-height:42px; display:flex; align-items:center; justify-content:space-between; gap:12px; margin:-2px 0 10px; padding:8px 12px; border:1px solid rgba(204,255,0,.16); border-radius:11px; background:rgba(204,255,0,.025); }.agent-roster-meta span { min-width:0; color:var(--muted); font-size:10px; }.agent-roster-meta b { color:var(--lime); font-weight:650; }.agent-roster-meta small { flex:0 0 auto; color:var(--dim); font-size:9px; }.agent-roster-end { min-height:62px; display:flex; align-items:center; justify-content:center; gap:9px; padding:12px; border:1px dashed var(--line-strong); border-radius:var(--radius); color:var(--dim); text-align:left; }.agent-roster-end > span { width:25px; height:25px; flex:0 0 auto; display:grid; place-items:center; border-radius:50%; background:var(--lime-soft); color:var(--lime); }.agent-roster-end svg { width:14px; }.agent-roster-end strong,.agent-roster-end small { display:block; }.agent-roster-end strong { color:var(--muted); font-size:10px; }.agent-roster-end small { margin-top:2px; font-size:8px; }
.agent-operations-layout { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; align-items:start; }.agent-operations-layout:has(.agent-detail:not(.hidden)) { grid-template-columns:minmax(0,1fr) minmax(360px,43%); }.agent-roster { display:grid; gap:12px; min-width:0; max-height:calc(100vh - 310px); overflow:auto; padding-right:5px; scrollbar-width:thin; }.agent-group { overflow:hidden; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); }.agent-group-title { height:38px; display:flex; align-items:center; justify-content:space-between; padding:0 13px; border-bottom:1px solid var(--line); color:var(--dim); font-size:10px; font-weight:650; letter-spacing:.07em; text-transform:uppercase; }.agent-group-title b { min-width:21px; height:20px; display:grid; place-items:center; border-radius:10px; background:var(--surface-3); font-size:10px; }
.agent-row { width:100%; min-height:82px; display:grid; grid-template-columns:46px minmax(0,1fr) auto 18px; align-items:center; gap:12px; padding:11px 13px; border:0; border-top:1px solid var(--line); background:transparent; text-align:left; cursor:pointer; }.agent-group-title + .agent-row { border-top:0; }.agent-row:hover,.agent-row.selected { background:rgba(255,255,255,.025); }.agent-row.selected { box-shadow:inset 3px 0 var(--lime); }.agent-row-avatar .agent-avatar { width:42px; height:42px; }.agent-row-copy { min-width:0; }.agent-row-copy strong,.agent-row-copy small,.agent-row-copy em { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.agent-row-copy strong { font-size:13px; }.agent-row-copy small { margin-top:2px; color:var(--dim); font-size:10px; }.agent-row-copy em { margin-top:5px; color:var(--muted); font-size:10px; font-style:normal; }.agent-row > svg { width:16px; color:var(--dim); }
.agent-row-state { display:inline-flex; align-items:center; gap:6px; padding:5px 8px; border-radius:12px; background:var(--surface-3); color:var(--muted); font-size:9px; white-space:nowrap; }.agent-row-state i { width:6px; height:6px; border-radius:50%; background:var(--dim); }.agent-row-state.working { color:var(--lime); background:var(--lime-soft); }.agent-row-state.working i { background:var(--lime); animation:activePulse 1.2s infinite; }.agent-row-state.attention { color:var(--critical); background:rgba(255,107,107,.08); }.agent-row-state.attention i { background:var(--critical); }.agent-row-state.scheduled { color:var(--info); background:rgba(131,191,255,.08); }.agent-row-state.scheduled i { background:var(--info); }.agent-row-state.recent i { background:var(--positive); }
.agent-detail { position:sticky; top:24px; max-height:calc(100vh - 48px); overflow:auto; padding:18px; border:1px solid var(--line); border-radius:var(--radius-lg); background:var(--surface); scrollbar-width:thin; }.agent-detail-header { display:grid; grid-template-columns:44px minmax(0,1fr) auto; gap:12px; align-items:center; }.agent-detail-header > .agent-avatar { width:44px; height:44px; }.agent-detail-header > div { min-width:0; }.agent-detail-header span:not(.agent-row-state) { color:var(--dim); font-size:9px; text-transform:uppercase; letter-spacing:.08em; }.agent-detail-header h2 { margin:1px 0; font-size:18px; }.agent-detail-header p { margin:0; color:var(--muted); font-size:10px; }.agent-detail-back { display:none; }.detail-actions { display:grid; grid-template-columns:1fr auto; gap:8px; margin:16px 0 10px; }.detail-actions .button { width:100%; }.detail-metrics,.record-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid var(--line); border-radius:11px; overflow:hidden; }.detail-metrics > span,.record-metrics > span { min-height:64px; display:flex; flex-direction:column; padding:10px; border-left:1px solid var(--line); }.detail-metrics > span:first-child,.record-metrics > span:first-child { border-left:0; }.detail-metrics small,.record-metrics small { color:var(--dim); font-size:9px; }.detail-metrics strong,.record-metrics strong { margin-top:auto; font-size:12px; }.detail-source-note,.source-note { margin:7px 1px 0; color:var(--dim); font-size:9px; }.detail-callout { display:flex; gap:10px; margin-top:13px; padding:12px; border:1px solid rgba(131,191,255,.16); border-radius:11px; background:rgba(131,191,255,.045); }.detail-callout > span { color:var(--info); }.detail-callout svg { width:18px; }.detail-callout strong { font-size:11px; }.detail-callout p { margin:2px 0 0; color:var(--muted); font-size:10px; }
.attention-card { margin:0 0 12px; overflow:hidden; border:1px solid rgba(255,107,107,.2); border-radius:12px; background:rgba(255,107,107,.035); }.attention-title { min-height:42px; display:flex; align-items:center; justify-content:space-between; padding:0 12px; border-bottom:1px solid rgba(255,107,107,.13); color:var(--critical); font-size:10px; font-weight:650; }.attention-title span { display:flex; align-items:center; gap:7px; }.attention-title i { width:7px; height:7px; border-radius:50%; background:var(--critical); }.attention-title small { color:var(--dim); }.attention-reason { position:relative; padding:10px 78px 10px 12px; border-top:1px solid var(--line); }.attention-reason:first-of-type { border-top:0; }.attention-reason strong { display:block; font-size:10px; }.attention-reason p { margin:3px 0 0; color:var(--muted); font-size:9px; line-height:1.45; }.attention-reason > small { position:absolute; top:11px; right:12px; color:var(--dim); font-size:8px; }.attention-empty { margin:0; padding:11px 12px; color:var(--muted); font-size:9px; }.detail-compact-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); overflow:hidden; border:1px solid var(--line); border-radius:12px; }.detail-compact-metrics span { min-height:62px; display:flex; flex-direction:column; padding:10px; border-left:1px solid var(--line); }.detail-compact-metrics span:first-child { border-left:0; }.detail-compact-metrics small { color:var(--dim); font-size:9px; }.detail-compact-metrics strong { margin-top:auto; font-size:12px; }.usage-card { margin-top:12px; padding:12px; border:1px solid var(--line); border-radius:12px; background:#0d100e; }.usage-head { display:flex; align-items:center; justify-content:space-between; gap:10px; }.usage-head strong,.usage-head small { display:block; }.usage-head strong { font-size:11px; }.usage-head small { margin-top:2px; color:var(--dim); font-size:8px; }.usage-refresh { width:34px; height:34px; flex:0 0 auto; background:transparent; }.usage-refresh.spinning svg { animation:usageSpin .8s linear infinite; }.usage-ranges { display:flex; gap:5px; margin:11px 0 10px; overflow-x:auto; padding:2px 18px 2px 2px; scrollbar-width:none; -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 18px),transparent 100%); mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 18px),transparent 100%); }.usage-ranges button { flex:0 0 auto; min-height:29px; padding:0 9px; border:1px solid var(--line); border-radius:15px; background:transparent; color:var(--dim); font-size:8px; cursor:pointer; }.usage-ranges button.active { border-color:rgba(204,255,0,.35); background:var(--lime-soft); color:var(--lime); }.usage-values { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--line); border-radius:10px; overflow:hidden; }.usage-values span { min-height:64px; display:flex; flex-direction:column; padding:10px; }.usage-values span + span { border-left:1px solid var(--line); }.usage-values small { color:var(--dim); font-size:8px; }.usage-values strong { margin-top:auto; font-size:18px; letter-spacing:-.03em; }.usage-breakdown,.usage-foot { display:flex; flex-wrap:wrap; gap:5px 12px; margin-top:8px; color:var(--dim); font-size:8px; }.usage-foot { justify-content:space-between; }.usage-loading,.usage-error,.usage-empty { min-height:64px; display:flex; align-items:center; justify-content:center; gap:8px; border:1px dashed var(--line); border-radius:10px; color:var(--dim); font-size:9px; text-align:center; padding:12px; }.usage-loading i { width:9px; height:9px; border:2px solid var(--line-strong); border-top-color:var(--lime); border-radius:50%; animation:usageSpin .8s linear infinite; }.usage-error { color:var(--critical); } @keyframes usageSpin { to { transform:rotate(360deg); } }
.role-profile { margin:0 0 12px; overflow:hidden; border:1px solid rgba(131,191,255,.18); border-radius:13px; background:linear-gradient(145deg,rgba(131,191,255,.055),rgba(0,0,0,.08) 55%); }.role-profile-head { display:flex; gap:10px; align-items:flex-start; padding:13px; border-bottom:1px solid var(--line); }.role-profile-head > span { width:30px; height:30px; flex:0 0 auto; display:grid; place-items:center; border-radius:9px; color:var(--info); background:rgba(131,191,255,.09); }.role-profile-head svg { width:16px; }.role-profile-head strong { font-size:11px; }.role-profile-head p { margin:2px 0 0; color:var(--muted); font-size:9px; line-height:1.4; }.role-metric-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }.role-metric { min-width:0; min-height:76px; display:flex; flex-direction:column; padding:10px; border-left:1px solid var(--line); }.role-metric:first-child { border-left:0; }.role-metric small { color:var(--dim); font-size:8px; }.role-metric strong { margin:7px 0 3px; font-size:17px; line-height:1; letter-spacing:-.035em; overflow-wrap:anywhere; }.role-metric span { margin-top:auto; color:var(--dim); font-size:7px; line-height:1.35; }.role-profile-lower { display:grid; grid-template-columns:1.25fr .75fr; border-top:1px solid var(--line); }.role-access,.role-chart { min-width:0; padding:11px; }.role-chart { border-left:1px solid var(--line); }.role-subtitle,.role-chart-head { min-height:18px; color:var(--dim); font-size:8px; text-transform:uppercase; letter-spacing:.06em; }.role-access-row { min-height:35px; display:grid; grid-template-columns:7px minmax(0,1fr); gap:8px; align-items:center; border-top:1px solid rgba(255,255,255,.045); }.role-access-row:first-of-type { border-top:0; }.role-access-row > i { width:6px; height:6px; border-radius:50%; background:var(--dim); }.role-access-row > i.connected { background:var(--positive); }.role-access-row > i.guarded { background:var(--warning); }.role-access-row > i.offline { background:var(--critical); }.role-access-row small,.role-access-row strong { display:block; }.role-access-row small { color:var(--dim); font-size:7px; }.role-access-row strong { margin-top:1px; font-size:9px; font-weight:570; }.role-chart-head { display:flex; justify-content:space-between; }.role-chart-head small { color:var(--dim); font-size:7px; letter-spacing:0; text-transform:none; }.role-chart-bars { height:96px; display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); align-items:end; gap:4px; padding-top:8px; }.role-chart-column { height:100%; display:grid; grid-template-rows:minmax(0,1fr) 12px; gap:3px; text-align:center; }.role-chart-column > span { display:flex; align-items:flex-end; justify-content:center; min-height:0; }.role-chart-column i { display:block; width:65%; min-height:2px; max-height:100%; border-radius:4px 4px 2px 2px; background:linear-gradient(180deg,var(--lime),rgba(204,255,0,.25)); }.role-chart-column small { color:var(--dim); font-size:7px; }.role-profile-source { padding:7px 11px; border-top:1px solid var(--line); color:var(--dim); font-size:7px; }.role-email { border-color:rgba(44,140,255,.24); }.role-deck { border-color:rgba(204,255,0,.2); }.role-deck .role-profile-head > span { color:var(--lime); background:var(--lime-soft); }.role-commercial { border-color:rgba(255,156,26,.2); }.role-commercial .role-profile-head > span { color:var(--warning); background:rgba(255,156,26,.08); }
.deck-guidance { margin-top:13px; border:1px solid rgba(204,255,0,.18); border-radius:12px; overflow:hidden; background:rgba(204,255,0,.025); }.deck-guidance-heading { display:flex; gap:10px; padding:13px; }.deck-guidance-heading > span { color:var(--lime); }.deck-guidance-heading svg { width:18px; }.deck-guidance-heading strong { font-size:11px; }.deck-guidance-heading p { margin:2px 0 0; color:var(--muted); font-size:10px; line-height:1.45; }.deck-guidance-list { border-top:1px solid var(--line); }.guidance-record { border-top:1px solid var(--line); }.guidance-record:first-child { border-top:0; }.guidance-record summary { min-height:54px; display:grid; grid-template-columns:1fr 17px; align-items:center; gap:10px; padding:10px 13px; cursor:pointer; list-style:none; }.guidance-record summary::-webkit-details-marker { display:none; }.guidance-record summary small,.guidance-record summary strong { display:block; }.guidance-record summary small { color:var(--dim); font-size:8px; text-transform:uppercase; letter-spacing:.07em; }.guidance-record summary strong { margin-top:2px; font-size:12px; }.guidance-record summary > svg { width:16px; transition:transform .15s; }.guidance-record[open] summary > svg { transform:rotate(90deg); }.guidance-record-body { padding:0 13px 12px; border-top:1px solid var(--line); background:rgba(0,0,0,.1); }.guidance-section { padding:10px 0; border-top:1px solid var(--line); }.guidance-section:first-child { border-top:0; }.guidance-section > small { color:var(--dim); font-size:8px; text-transform:uppercase; letter-spacing:.07em; }.guidance-section ul { margin:6px 0 0; padding-left:16px; color:var(--muted); font-size:10px; line-height:1.55; }.guidance-section li + li { margin-top:5px; }.control-section li::marker { color:var(--warning); }
.knowledge-base { margin-top:12px; overflow:hidden; border:1px solid rgba(204,255,0,.18); border-radius:12px; background:rgba(204,255,0,.018); }.knowledge-heading { display:flex; gap:10px; padding:13px; }.knowledge-heading > span { color:var(--lime); }.knowledge-heading svg { width:18px; }.knowledge-heading strong { font-size:11px; }.knowledge-heading p { margin:2px 0 0; color:var(--muted); font-size:9px; line-height:1.45; }.knowledge-tree { border-top:1px solid var(--line); }.kb-node { border-top:1px solid var(--line); }.kb-node:first-child { border-top:0; }.kb-node > summary { min-height:52px; display:grid; grid-template-columns:17px minmax(0,1fr) 15px; align-items:center; gap:9px; padding:9px 12px; list-style:none; cursor:pointer; }.kb-depth-1 > summary { padding-left:20px; }.kb-depth-2 > summary { padding-left:28px; }.kb-depth-3 > summary { padding-left:36px; }.kb-depth-4 > summary { padding-left:44px; }.kb-node > summary::-webkit-details-marker { display:none; }.kb-node > summary > span:first-child { color:var(--lime); }.kb-node > summary svg { width:15px; }.kb-node > summary > svg { color:var(--dim); transition:transform .15s; }.kb-node[open] > summary > svg { transform:rotate(90deg); }.kb-node > summary strong,.kb-node > summary small { display:block; }.kb-node > summary strong { font-size:10px; }.kb-node > summary small { margin-top:2px; color:var(--dim); font-size:8px; }.kb-children { border-top:1px solid var(--line); background:rgba(0,0,0,.1); }.kb-file { min-height:52px; display:grid; grid-template-columns:17px minmax(0,1fr); align-items:center; gap:10px; padding:9px 12px; border-top:1px solid var(--line); }.kb-file.kb-depth-1 { padding-left:20px; }.kb-file.kb-depth-2 { padding-left:28px; }.kb-file.kb-depth-3 { padding-left:36px; }.kb-file.kb-depth-4 { padding-left:44px; }.kb-file.has-preview { grid-template-columns:38px minmax(0,1fr); }.kb-file.has-download { grid-template-columns:38px minmax(0,1fr) auto; }.kb-file:first-child { border-top:0; }.kb-file-preview { width:38px; height:38px; object-fit:contain; border:1px solid var(--line); border-radius:9px; background:#fff; }.kb-file-icon { color:var(--dim); }.kb-file-icon svg { display:block; width:16px; height:16px; }.kb-file-copy { min-width:0; }.kb-file strong,.kb-file small { display:block; }.kb-file strong { font-size:10px; overflow-wrap:anywhere; }.kb-file small { margin-top:2px; color:var(--dim); font-size:8px; }.kb-download { width:34px; height:34px; display:grid; place-items:center; border:1px solid rgba(204,255,0,.2); border-radius:9px; color:var(--lime); text-decoration:none; background:rgba(204,255,0,.035); }.kb-download svg { width:15px; height:15px; }.kb-download span { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }.kb-download:hover { background:var(--lime-soft); }.kb-guidance { padding:0 12px 10px 36px; border-top:1px solid var(--line); background:rgba(0,0,0,.1); }.kb-guidance > div { padding:10px 0; border-top:1px solid var(--line); }.kb-guidance > div:first-child { border-top:0; }.kb-guidance small { color:var(--dim); font-size:8px; text-transform:uppercase; letter-spacing:.07em; }.kb-guidance ul { margin:5px 0 0; padding-left:15px; color:var(--muted); font-size:9px; line-height:1.5; }.kb-guidance li + li { margin-top:4px; }.kb-empty { padding:11px 20px; color:var(--dim); font-size:9px; }
.client-record { margin-top:13px; border:1px solid var(--line); border-radius:12px; overflow:hidden; }.client-record summary { min-height:64px; display:grid; grid-template-columns:1fr auto 17px; align-items:center; gap:10px; padding:11px 13px; cursor:pointer; list-style:none; }.client-record summary::-webkit-details-marker { display:none; }.client-record summary small,.client-record summary strong { display:block; }.client-record summary small { color:var(--dim); font-size:9px; }.client-record summary strong { margin-top:2px; font-size:13px; }.client-record summary > b { color:var(--lime); font-size:11px; }.client-record summary > svg { width:16px; transition:transform .15s; }.client-record[open] summary > svg { transform:rotate(90deg); }.client-record-body { padding:0 13px 13px; border-top:1px solid var(--line); }.record-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); margin:12px 0; }.record-section { padding:10px 0; border-top:1px solid var(--line); }.record-section > small { color:var(--dim); font-size:9px; text-transform:uppercase; letter-spacing:.07em; }.record-section p,.record-section ul { margin:5px 0 0; color:var(--muted); font-size:10px; line-height:1.55; }.record-section ul { padding-left:16px; }.risk-section li::marker { color:var(--warning); }
.detail-section { margin-top:14px; padding-top:13px; border-top:1px solid var(--line); }.detail-section-title { display:flex; justify-content:space-between; margin-bottom:9px; }.detail-section-title span { font-size:11px; font-weight:650; }.detail-section-title small { color:var(--dim); font-size:9px; }.reasoning-summary { padding:11px; border-radius:10px; background:#0d100e; }.reasoning-summary strong { font-size:11px; }.reasoning-summary p { margin:3px 0 0; color:var(--dim); font-size:9px; }.mini-work-row { min-height:48px; display:grid; grid-template-columns:7px 1fr; gap:10px; align-items:start; padding:9px 1px; border-top:1px solid var(--line); }.mini-work-row:first-of-type { border-top:0; }.mini-work-row > i { width:6px; height:6px; margin-top:5px; border-radius:50%; background:var(--positive); }.mini-work-row > i.failed,.mini-work-row > i.aborted { background:var(--critical); }.mini-work-row strong,.mini-work-row small { display:block; }.mini-work-row strong { font-size:10px; font-weight:570; }.mini-work-row small { margin-top:2px; color:var(--dim); font-size:9px; }
.work-history > summary { display:grid; grid-template-columns:1fr auto 16px; align-items:center; gap:8px; list-style:none; cursor:pointer; }.work-history > summary::-webkit-details-marker { display:none; }.work-history > summary span { font-size:11px; font-weight:650; }.work-history > summary small { color:var(--dim); font-size:9px; }.work-history > summary svg { width:15px; transition:transform .15s; }.work-history[open] > summary svg { transform:rotate(90deg); }.work-history > div { margin-top:8px; }
.personal-layout { display:grid; grid-template-columns:1.25fr .75fr; gap:12px; }.personal-approvals { grid-column:1; }.session-panel { grid-column:2; }.audit-panel { grid-column:1 / -1; }.approval-item { display:grid; grid-template-columns:1fr auto; gap:16px; align-items:center; padding:14px 0; border-top:1px solid var(--line); }.approval-item:first-child { border-top:0; }.approval-severity { display:inline-block; margin-bottom:5px; padding:3px 6px; border-radius:8px; color:var(--warning); background:rgba(244,201,93,.08); font-size:8px; text-transform:uppercase; }.approval-item strong { display:block; font-size:12px; }.approval-item p { margin:3px 0 0; color:var(--muted); font-size:10px; }.approval-actions { display:flex; gap:6px; }.approval-actions button { min-height:36px; padding:0 10px; border:1px solid var(--line); border-radius:9px; background:var(--surface-2); color:var(--muted); font-size:10px; cursor:pointer; }.approval-actions .allow { border-color:var(--lime); background:var(--lime); color:#080a09; font-weight:650; }.session-details { display:grid; }.session-details > div { min-height:42px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid var(--line); }.session-details > div:first-child { border-top:0; }.session-details span { color:var(--dim); font-size:10px; }.session-details strong { max-width:62%; overflow:hidden; text-overflow:ellipsis; color:var(--text); font-size:10px; text-align:right; }.audit-tools select { height:34px; border:1px solid var(--line); border-radius:9px; background:var(--surface-2); color:var(--muted); padding:0 9px; font-size:10px; }.audit-timeline { display:grid; max-height:760px; overflow:auto; padding-right:6px; scrollbar-width:thin; }.audit-row { display:grid; grid-template-columns:34px 1fr; gap:11px; padding:12px 0; border-top:1px solid var(--line); }.audit-row:first-child { border-top:0; }.audit-icon { width:32px; height:32px; display:grid; place-items:center; border-radius:9px; background:var(--surface-2); color:var(--muted); }.audit-icon svg { width:15px; }.audit-icon.failed,.audit-icon.denied { color:var(--critical); }.audit-heading { display:flex; justify-content:space-between; gap:12px; }.audit-heading strong { font-size:11px; }.audit-heading time { flex:0 0 auto; color:var(--dim); font-size:9px; }.audit-row p { margin:2px 0 0; color:var(--muted); font-size:10px; }.audit-row small { display:block; margin-top:3px; color:var(--dim); font-size:9px; }
.audit-toggle { width:100%; min-height:38px; margin-top:9px; display:flex; align-items:center; justify-content:center; gap:7px; border:1px solid var(--line); border-radius:10px; background:var(--surface-2); color:var(--lime); font-size:10px; font-weight:650; cursor:pointer; }.audit-toggle svg { width:14px; transition:transform .15s; }.audit-toggle[aria-expanded="true"] svg { transform:rotate(-90deg); }
.activity-list { display:grid; }.activity-row { display:grid; grid-template-columns:10px 1fr auto; gap:13px; align-items:start; padding:15px 0; border-top:1px solid var(--line); }.activity-row:first-child { border-top:0; }.activity-node { width:7px; height:7px; border-radius:50%; background:var(--lime); margin-top:6px; }.activity-row strong { font-size:12px; }.activity-row p { margin:3px 0 0; color:var(--dim); font-size:11px; }.activity-row time { color:var(--dim); font-size:10px; }
.mobile-header, .mobile-nav { display:none; }.icon-button { width:38px; height:38px; border:1px solid var(--line); border-radius:9px; background:var(--surface); display:grid; place-items:center; cursor:pointer; }.icon-button svg { width:17px; }
.login-screen { min-height:100vh; display:grid; place-items:center; padding:24px; position:relative; }.login-mark { position:absolute; top:25px; left:28px; width:38px; height:38px; }.login-mark img { display:block; width:100%; height:100%; }.login-card { width:min(100%,390px); background:var(--surface); border:1px solid var(--line); border-radius:18px; padding:30px; }.login-card h1 { margin:6px 0 8px; font-size:28px; letter-spacing:-.04em; }.login-card p { color:var(--muted); margin:0 0 25px; }.login-card label { display:block; color:var(--muted); font-size:11px; margin-bottom:7px; }.login-card input { width:100%; height:45px; border:1px solid var(--line-strong); border-radius:9px; background:#0d100e; color:var(--text); padding:0 12px; outline:0; }.login-card input:focus { border-color:var(--lime); }.login-card .button { width:100%; margin-top:13px; }.form-error { min-height:18px; color:var(--critical); font-size:11px; margin-top:6px; }
.command-dialog { width:min(620px,calc(100vw - 28px)); position:fixed; top:12vh; margin:0 auto; border:1px solid var(--line-strong); border-radius:16px; background:#111412; color:var(--text); padding:0; box-shadow:0 30px 80px rgba(0,0,0,.55); }.command-dialog::backdrop { background:rgba(0,0,0,.64); backdrop-filter:blur(3px); }.command-search { height:60px; display:flex; align-items:center; gap:12px; padding:0 14px; border-bottom:1px solid var(--line); }.command-search svg { width:18px; color:var(--dim); }.command-search input { flex:1; border:0; outline:0; background:none; color:var(--text); }.key-button { background:var(--surface-2); border:1px solid var(--line); border-radius:6px; color:var(--dim); font-size:10px; padding:4px 7px; }.command-results { padding:8px; }.command-result { width:100%; min-height:46px; display:flex; align-items:center; gap:12px; border:0; border-radius:9px; background:transparent; color:var(--muted); padding:0 11px; cursor:pointer; }.command-result:hover { background:var(--surface-2); color:var(--text); }.command-result svg { width:17px; }.command-result small { margin-left:auto; color:var(--dim); }
.command-empty { min-height:110px; display:grid; place-items:center; color:var(--dim); font-size:12px; }
.toast { position:fixed; right:24px; bottom:24px; max-width:340px; background:#1a1f1b; border:1px solid var(--line-strong); border-radius:10px; padding:11px 14px; color:var(--text); font-size:12px; transform:translateY(20px); opacity:0; pointer-events:none; transition:.2s; z-index:80; }.toast.show { transform:none; opacity:1; }

/* In-app attachment viewer */
.media-viewer { position:fixed; inset:0; z-index:260; display:flex; align-items:center; justify-content:center; padding:24px; }.media-viewer-backdrop { position:absolute; inset:0; width:100%; height:100%; border:0; background:rgba(0,0,0,.82); -webkit-backdrop-filter:blur(18px) saturate(.8); backdrop-filter:blur(18px) saturate(.8); }.media-viewer-sheet { position:relative; width:min(1180px,100%); height:min(860px,calc(100dvh - 48px)); display:grid; grid-template-rows:64px minmax(0,1fr); overflow:hidden; border:1px solid rgba(255,255,255,.13); border-radius:24px; background:#090b0a; box-shadow:0 34px 110px rgba(0,0,0,.7); }.media-drag-handle { display:none; }.media-viewer-header { min-width:0; display:grid; grid-template-columns:48px minmax(0,1fr) 64px; align-items:center; gap:10px; padding:8px 11px; border-bottom:1px solid var(--line); background:rgba(15,18,16,.94); z-index:3; }.media-viewer-control,.media-viewer-save,.media-viewer-nav { border:0; cursor:pointer; }.media-viewer-control { width:44px; height:44px; display:grid; place-items:center; border-radius:50%; background:rgba(255,255,255,.055); color:var(--text); }.media-viewer-control svg { width:18px; }.media-viewer-title { min-width:0; text-align:center; }.media-viewer-title strong,.media-viewer-title small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.media-viewer-title strong { font-size:13px; font-weight:620; }.media-viewer-title small { margin-top:2px; color:var(--dim); font-size:9px; }.media-viewer-save { min-width:58px; min-height:48px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; border-radius:13px; background:transparent; color:var(--text); }.media-viewer-save svg { width:19px; }.media-viewer-save small { font-size:8px; color:var(--muted); }.media-viewer-stage { min-width:0; min-height:0; position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden; overscroll-behavior:contain; background:radial-gradient(circle at 50% 42%,#171b18 0,#090b0a 62%); -webkit-overflow-scrolling:touch; }.media-slide-track { width:100%; height:100%; display:flex; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scroll-behavior:smooth; scrollbar-width:none; touch-action:pan-x; -webkit-overflow-scrolling:touch; }.media-slide-track::-webkit-scrollbar { display:none; }.media-image-frame { min-width:100%; min-height:100%; display:flex; flex:0 0 100%; align-items:center; justify-content:center; padding:32px 64px; scroll-snap-align:center; scroll-snap-stop:always; }.media-image-frame img { display:block; max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; box-shadow:0 16px 58px rgba(0,0,0,.32); }.media-pdf-preview { width:100%; min-height:100%; display:flex; align-items:flex-start; justify-content:center; padding:24px 72px; overflow:auto; }.media-pdf-preview > img { display:block; width:100%; height:auto; object-fit:contain; background:#fff; box-shadow:0 18px 58px rgba(0,0,0,.35); }.media-document-frame { width:100%; height:100%; border:0; background:#242724; }.media-html-frame { background:#fff; }.media-file-state { max-width:390px; padding:34px; text-align:center; color:var(--muted); }.media-file-state > svg { width:46px; color:var(--lime); }.media-file-state strong { display:block; margin-top:14px; color:var(--text); overflow-wrap:anywhere; }.media-file-state p { margin:8px 0 0; font-size:12px; }.media-viewer-nav { position:absolute; z-index:4; top:50%; width:46px; height:46px; display:grid; place-items:center; border-radius:50%; background:rgba(17,20,18,.82); color:var(--text); border:1px solid var(--line-strong); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); }.media-viewer-nav svg { width:20px; }.media-viewer-nav:disabled { display:none; }.media-viewer-previous { left:16px; }.media-viewer-next { right:16px; }.media-viewer-open { overflow:hidden; }

/* Startup and live update states */
.boot-screen { position:fixed; inset:0; z-index:200; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:calc(24px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom)); background:#080a09; text-align:center; }
.boot-screen img { width:70px; height:70px; filter:drop-shadow(0 12px 34px rgba(204,255,0,.12)); animation:bootFloat 1.8s ease-in-out infinite; }.boot-screen strong { margin-top:18px; font-size:22px; letter-spacing:-.045em; }.boot-screen > span { margin-top:5px; color:var(--muted); font-size:12px; }.boot-progress { width:104px; height:3px; margin-top:24px; border-radius:999px; overflow:hidden; background:rgba(255,255,255,.08); }.boot-progress b { display:block; width:48%; height:100%; border-radius:inherit; background:var(--lime); animation:bootLoad 1.15s ease-in-out infinite; }
@keyframes bootFloat { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-4px); } }
@keyframes bootLoad { 0% { transform:translateX(-110%); } 100% { transform:translateX(220%); } }
.update-banner { position:fixed; top:calc(10px + env(safe-area-inset-top)); left:50%; z-index:120; width:min(520px,calc(100% - 24px)); min-height:62px; transform:translateX(-50%); display:flex; align-items:center; gap:11px; padding:10px 10px 10px 13px; border:1px solid rgba(204,255,0,.25); border-radius:18px; background:rgba(20,24,21,.82); -webkit-backdrop-filter:blur(28px) saturate(1.5); backdrop-filter:blur(28px) saturate(1.5); box-shadow:0 16px 46px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.08); }.update-icon { width:34px; height:34px; flex:0 0 auto; display:grid; place-items:center; border-radius:11px; background:var(--lime-soft); color:var(--lime); }.update-icon svg { width:17px; }.update-copy { min-width:0; flex:1; }.update-copy strong,.update-copy small { display:block; }.update-copy strong { font-size:12px; }.update-copy small { margin-top:2px; color:var(--muted); font-size:10px; }.update-button { height:36px; padding:0 14px; border:0; border-radius:11px; background:var(--lime); color:#080a09; font-size:11px; font-weight:700; }

/* Original X7 agent characters */
.agent-avatar, .mini-shape { --agent-color:var(--lime); position:relative; display:inline-block; flex:0 0 auto; background:var(--agent-color); overflow:hidden; }
.agent-avatar { width:44px; height:44px; }
.mini-shape { width:31px; height:31px; }
.agent-avatar::before, .agent-avatar::after, .mini-shape::before, .mini-shape::after { content:""; position:absolute; top:31%; width:10%; height:26%; border-radius:999px; background:#090b0a; transform:rotate(-12deg); z-index:2; }
.agent-avatar::before, .mini-shape::before { left:37%; }.agent-avatar::after, .mini-shape::after { left:57%; }
.agent-avatar i, .mini-shape i { position:absolute; inset:auto 14% 8% auto; width:24%; height:24%; border:2px solid rgba(8,10,9,.22); border-radius:50%; }
/* Optional secondary badge uses the established character palette. */
.agent-avatar[class*="avatar-accent-"] i { inset:auto 16% 12% auto; width:28%; height:28%; border:2px solid var(--avatar-accent); background:rgba(8,10,9,.24); box-shadow:0 0 0 1px rgba(8,10,9,.25); }
.avatar-accent-lime { --avatar-accent:#ccff00; }.avatar-accent-coral { --avatar-accent:#ff3b5c; }.avatar-accent-amber { --avatar-accent:#ff9c1a; }.avatar-accent-teal { --avatar-accent:#18d0b2; }.avatar-accent-blue { --avatar-accent:#2c8cff; }.avatar-accent-violet { --avatar-accent:#9a63ff; }
.room-mark > .agent-avatar { width:37px; height:37px; }
.room-mark.group-mark > .agent-avatar { position:absolute; width:27px; height:27px; border:2px solid var(--surface); }
.room-mark.group-mark > .agent-avatar:first-child { top:0; left:0; z-index:2; }
.room-mark.group-mark > .agent-avatar:last-child { right:0; bottom:0; z-index:1; }
.member-chip > .agent-avatar { width:23px; height:23px; }
.thread-members.compact-members .member-chip > .agent-avatar { border:2px solid var(--surface); }
.message-avatar > .agent-avatar { width:32px; height:32px; }
.shape-orbit { border-radius:50%; }.shape-block { border-radius:25%; transform:rotate(-3deg); }.shape-gem { border-radius:21%; clip-path:polygon(50% 0, 94% 24%, 100% 75%, 52% 100%, 5% 77%, 0 25%); }.shape-drop { border-radius:58% 42% 58% 42% / 67% 44% 56% 33%; transform:rotate(18deg); }.shape-cloud { border-radius:46% 54% 41% 59% / 56% 42% 58% 44%; }.shape-kite { border-radius:29% 71% 33% 67% / 30% 39% 61% 70%; transform:rotate(-12deg); }
.color-lime { --agent-color:#ccff00; }.color-coral { --agent-color:#ff3b5c; }.color-amber { --agent-color:#ff9c1a; }.color-teal { --agent-color:#18d0b2; }.color-blue { --agent-color:#2c8cff; }.color-violet { --agent-color:#9a63ff; }

.guided-actions { flex:0 0 auto; display:flex; gap:8px; overflow-x:auto; padding:0 clamp(16px,4vw,46px) 10px; scrollbar-width:none; }.guided-actions::-webkit-scrollbar { display:none; }
.suggestion-chip { flex:0 0 auto; min-height:34px; padding:0 12px; border:1px solid var(--line); border-radius:17px; background:var(--surface); color:var(--muted); cursor:pointer; font-size:11px; }.suggestion-chip:hover { color:var(--text); border-color:var(--line-strong); }
.guided-card-wrap { flex:0 0 auto; margin:0 clamp(16px,4vw,46px) 10px; }.guided-card { max-height:min(62dvh,620px); display:flex; flex-direction:column; border:1px solid var(--line-strong); border-radius:17px; background:var(--surface); overflow:hidden; box-shadow:0 16px 38px rgba(0,0,0,.22); }.guided-card-header { display:flex; align-items:flex-start; gap:12px; padding:16px 16px 13px; }.guided-card-header > span { width:28px; height:28px; border-radius:9px; background:var(--lime-soft); color:var(--lime); display:grid; place-items:center; }.guided-card-header svg { width:15px; }.guided-card-header strong { display:block; font-size:13px; }.guided-card-header p { margin:2px 0 0; color:var(--dim); font-size:11px; }.guided-close { margin-left:auto; border:0; background:none; color:var(--dim); cursor:pointer; }.guided-fields { min-height:0; padding:0 16px 18px; display:grid; gap:10px; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; }.guided-field label { display:block; margin-bottom:5px; color:var(--muted); font-size:10px; }.guided-field input, .guided-field select, .guided-field textarea { width:100%; min-height:39px; border:1px solid var(--line); border-radius:9px; background:#0c0f0d; color:var(--text); padding:9px 10px; outline:0; resize:vertical; }.guided-field input::placeholder, .guided-field textarea::placeholder, .form-control::placeholder { color:#7f877e; opacity:1; }.guided-field input:focus, .guided-field select:focus, .guided-field textarea:focus { border-color:rgba(204,255,0,.5); }.guided-options { display:grid; gap:9px; }.guided-checklist { min-width:0; margin:0; padding:0; border:0; }.guided-checklist legend { margin-bottom:6px; color:var(--muted); font-size:10px; }.guided-option { position:relative; width:100%; border:1px solid var(--line); border-radius:10px; background:#0c0f0d; color:var(--muted); padding:10px; text-align:left; cursor:pointer; display:grid; grid-template-columns:25px 1fr; gap:9px; }.guided-option input { position:absolute; opacity:0; pointer-events:none; }.guided-option::before { content:""; width:23px; height:23px; border:1px solid var(--line-strong); border-radius:7px; background:var(--surface-3); }.guided-option.selected::before { border-color:var(--lime); background:var(--lime); box-shadow:inset 0 0 0 6px #0c0f0d; }.guided-option b { width:25px; height:25px; border-radius:8px; background:var(--surface-3); color:var(--text); display:grid; place-items:center; }.guided-option strong { display:block; color:var(--text); font-size:11px; }.guided-option small { display:block; margin-top:2px; color:var(--dim); }.guided-option.selected { border-color:rgba(204,255,0,.45); background:var(--lime-soft); }.guided-submit { position:static; width:100%; height:42px; margin-top:4px; box-shadow:none; }

.agent-dialog { width:min(620px,calc(100vw - 24px)); max-height:min(820px,calc(100dvh - 24px)); border:1px solid var(--line-strong); border-radius:24px; padding:0; background:#111412; color:var(--text); box-shadow:0 30px 100px rgba(0,0,0,.62); }.agent-dialog::backdrop { background:rgba(0,0,0,.7); backdrop-filter:blur(8px); }.agent-dialog-shell { padding:20px; overflow:auto; max-height:inherit; }.agent-dialog-header { display:flex; align-items:center; gap:13px; margin-bottom:22px; }.agent-dialog-header .icon-button { border:0; border-radius:50%; }.agent-dialog-header svg { width:18px; }.agent-dialog-header h2 { margin:1px 0 0; font-size:18px; letter-spacing:-.025em; }.agent-dialog-kicker { color:var(--dim); font-size:9px; letter-spacing:.08em; text-transform:uppercase; }.step-count { margin-left:auto; color:var(--dim); font-size:10px; }.agent-preview { min-height:130px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }.agent-preview .agent-avatar { width:68px; height:68px; margin-bottom:12px; }.agent-preview strong { font-size:15px; }.agent-preview small { color:var(--dim); margin-top:2px; }.field-label, .choice-section legend { display:block; padding:0; margin:14px 0 7px; color:var(--muted); font-size:10px; }.form-control { width:100%; min-height:44px; border:1px solid var(--line); border-radius:12px; background:#1a1d1b; color:var(--text); padding:11px 12px; outline:0; resize:vertical; }.form-control:focus { border-color:rgba(204,255,0,.56); box-shadow:0 0 0 3px rgba(204,255,0,.06); }.agent-name-input { height:52px; text-align:center; font-size:16px; font-weight:620; }.choice-section { border:0; padding:0; margin:0; }.role-choice-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.role-choice { min-height:68px; border:1px solid var(--line); border-radius:12px; background:#171a18; color:var(--muted); padding:10px; display:grid; grid-template-columns:24px 1fr; column-gap:8px; text-align:left; cursor:pointer; }.role-choice svg { width:18px; align-self:center; }.role-choice b { color:var(--text); font-size:11px; align-self:end; }.role-choice small { grid-column:2; color:var(--dim); font-size:9px; }.role-choice.selected { border-color:rgba(204,255,0,.5); background:var(--lime-soft); color:var(--lime); }.character-row { border:1px solid var(--line); border-radius:14px; background:#171a18; padding:12px; }.shape-picker, .color-picker { display:flex; justify-content:center; flex-wrap:wrap; gap:9px; }.color-picker { margin-top:13px; padding-top:12px; border-top:1px solid var(--line); }.shape-option, .color-option { width:39px; height:39px; display:grid; place-items:center; border:1px solid transparent; border-radius:11px; background:transparent; cursor:pointer; }.shape-option.selected, .color-option.selected { border-color:var(--line-strong); box-shadow:0 0 0 2px rgba(204,255,0,.14); }.shape-option .mini-shape { --agent-color:#ccff00; }.color-option { width:29px; height:29px; border-radius:50%; background:var(--swatch); }.color-option[data-color="lime"] { --swatch:#ccff00; }.color-option[data-color="coral"] { --swatch:#ff3b5c; }.color-option[data-color="amber"] { --swatch:#ff9c1a; }.color-option[data-color="teal"] { --swatch:#18d0b2; }.color-option[data-color="blue"] { --swatch:#2c8cff; }.color-option[data-color="violet"] { --swatch:#9a63ff; }.agent-primary-action { position:static; width:100%; margin-top:18px; box-shadow:none; }.review-hero { display:flex; align-items:center; gap:14px; border:1px solid var(--line); background:#171a18; border-radius:15px; padding:14px; }.review-hero span:not(.agent-avatar) { color:var(--lime); font-size:9px; text-transform:uppercase; letter-spacing:.08em; }.review-hero h3 { margin:1px 0; font-size:18px; }.review-hero p { margin:0; color:var(--dim); font-size:10px; }.review-list { margin:14px 0; border:1px solid var(--line); border-radius:14px; overflow:hidden; }.review-row { display:grid; grid-template-columns:92px 1fr; gap:12px; padding:11px 13px; border-top:1px solid var(--line); }.review-row:first-child { border-top:0; }.review-row span { color:var(--dim); font-size:10px; }.review-row strong { font-size:11px; font-weight:560; overflow-wrap:anywhere; }.approval-callout { display:flex; gap:11px; padding:12px; border:1px solid rgba(204,255,0,.18); background:var(--lime-soft); border-radius:12px; }.approval-callout > span { color:var(--lime); }.approval-callout svg { width:17px; }.approval-callout strong { font-size:11px; }.approval-callout p { margin:2px 0 0; color:var(--muted); font-size:10px; }.agent-review-actions { display:grid; grid-template-columns:.7fr 1.3fr; gap:8px; margin-top:14px; }.agent-create-error { min-height:17px; color:var(--critical); font-size:10px; margin-top:6px; }
.room-task-badge { display:inline-flex; margin-left:6px; padding:2px 5px; border-radius:6px; background:var(--lime-soft); color:var(--lime); font-size:7px; font-style:normal; font-weight:700; letter-spacing:.05em; text-transform:uppercase; vertical-align:2px; }
.room-archive { margin-top:9px; padding-top:7px; border-top:1px solid var(--line); }
.room-archive-toggle { width:100%; min-height:54px; display:grid; grid-template-columns:34px 1fr 16px; align-items:center; gap:9px; padding:8px 10px; border:0; border-radius:10px; background:transparent; color:var(--muted); text-align:left; cursor:pointer; }
.room-archive-toggle:hover { background:rgba(255,255,255,.025); }
.room-archive-toggle > span:first-child { width:32px; height:32px; display:grid; place-items:center; border-radius:10px; background:var(--surface-2); }
.room-archive-toggle svg { width:15px; }
.room-archive-toggle > svg { color:var(--dim); transition:transform .15s; }
.room-archive.open .room-archive-toggle > svg { transform:rotate(90deg); }
.room-archive-toggle strong,.room-archive-toggle small { display:block; }
.room-archive-toggle strong { color:var(--text); font-size:11px; }
.room-archive-toggle small { margin-top:2px; color:var(--dim); font-size:9px; }
.room-archive-list { opacity:.78; }
.shared-workroom-brief { flex:0 0 auto; margin:9px clamp(20px,4vw,52px) 0; overflow:hidden; border:1px solid rgba(131,191,255,.18); border-radius:12px; background:rgba(131,191,255,.035); }
.shared-workroom-brief summary { min-height:52px; display:grid; grid-template-columns:28px minmax(0,1fr) 16px; align-items:center; gap:9px; padding:9px 11px; list-style:none; cursor:pointer; }
.shared-workroom-brief summary::-webkit-details-marker { display:none; }
.shared-workroom-brief summary > span:first-child { width:28px; height:28px; display:grid; place-items:center; border-radius:8px; background:rgba(131,191,255,.08); color:var(--info); }
.shared-workroom-brief svg { width:14px; }
.shared-workroom-brief summary > svg { color:var(--dim); transition:transform .15s; }
.shared-workroom-brief[open] summary > svg { transform:rotate(90deg); }
.shared-workroom-brief strong,.shared-workroom-brief small { display:block; }
.shared-workroom-brief strong { font-size:10px; }
.shared-workroom-brief small { margin-top:2px; color:var(--dim); font-size:8px; }
.shared-workroom-brief > div { max-height:180px; overflow:auto; padding:11px 13px; border-top:1px solid var(--line); color:var(--muted); font-size:10px; line-height:1.5; white-space:pre-wrap; }
.composer-zone.archived-room > :not(.archived-room-action) { display:none !important; }
.composer-zone.active-room > :not(.active-room-lock) { display:none !important; }
.active-room-lock { min-height:64px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 12px; border:1px solid rgba(255,107,107,.22); border-radius:16px; background:rgba(255,107,107,.045); }
.active-room-lock strong,.active-room-lock small { display:block; }.active-room-lock strong { font-size:11px; }.active-room-lock small { margin-top:3px; color:var(--muted); font-size:9px; }
.active-room-lock button,.stop-work { min-height:36px; padding:0 13px; border:1px solid rgba(255,107,107,.34); border-radius:10px; background:rgba(255,107,107,.08); color:var(--critical); font-size:10px; font-weight:700; cursor:pointer; }
.stop-work { display:flex; align-items:center; gap:5px; }.stop-work svg { width:13px; }.stop-work:disabled,.active-room-lock button:disabled { opacity:.5; cursor:wait; }
.archived-room-action { min-height:72px; display:grid; grid-template-columns:34px minmax(0,1fr) auto; align-items:center; gap:10px; padding:10px 11px; border:1px solid var(--line); border-radius:14px; background:var(--surface); }
.archived-room-action > span { width:32px; height:32px; display:grid; place-items:center; border-radius:10px; background:var(--surface-2); color:var(--muted); }
.archived-room-action svg { width:15px; }
.archived-room-action strong,.archived-room-action small { display:block; }
.archived-room-action strong { font-size:10px; }
.archived-room-action small { margin-top:2px; color:var(--dim); font-size:9px; }
.archived-room-action button { min-height:36px; padding:0 12px; border:0; border-radius:10px; background:var(--lime); color:#080a09; font-size:10px; font-weight:700; cursor:pointer; }

@media (max-width:1050px) { .metric-grid,.ops-summary { grid-template-columns:repeat(2,1fr); }.overview-grid { grid-template-columns:1fr; }.agent-operations-layout:has(.agent-detail:not(.hidden)) { grid-template-columns:1fr minmax(330px,43%); } }
@media (max-width:760px) {
  body { padding-bottom:76px; background:#0b0d0c; }.sidebar { display:none; }.workspace { margin-left:0; padding:82px 15px 26px; }.mobile-header { display:flex; position:fixed; top:0; inset-inline:0; height:68px; align-items:center; justify-content:space-between; padding:0 15px; background:rgba(11,13,12,.94); border-bottom:0; backdrop-filter:blur(18px); z-index:30; }.mobile-brand { display:flex; align-items:center; gap:10px; }.mobile-brand .brand-glyph { width:38px; height:38px; }.mobile-brand strong { font-size:16px; letter-spacing:-.025em; }.mobile-header-actions { display:flex; gap:8px; }.mobile-header .icon-button { width:39px; height:39px; border-radius:50%; background:#111412; }.mobile-nav { position:fixed; bottom:0; inset-inline:0; min-height:66px; padding:7px max(10px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left)); display:grid; grid-template-columns:repeat(4,1fr); background:rgba(11,13,12,.96); border-top:1px solid var(--line); backdrop-filter:blur(18px); z-index:40; }.mobile-nav button { border:0; background:none; color:var(--dim); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; }.mobile-nav button.active { color:var(--lime); }.mobile-nav svg { width:19px; height:19px; }.mobile-nav small { font-size:9px; }
  .page-header { align-items:flex-start; margin-bottom:21px; }.page-header h1 { font-size:29px; }.header-actions .secondary { display:none; }.header-actions .primary { font-size:0; width:40px; padding:0; }.header-actions .primary svg { width:17px; }.metric-grid { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:3px; margin-right:-16px; }.metric-card { min-width:178px; min-height:126px; scroll-snap-align:start; }.overview-grid { gap:10px; }.panel { padding:17px; }.vertical-list { grid-template-columns:1fr; }.priority-row { grid-template-columns:29px 1fr; padding:10px 0; }.priority-row .state { grid-column:2; justify-self:start; }.company-panel { order:1; }.systems-panel { order:0; }
  .communications-view.active { height:calc(100dvh - 148px); margin:0 -15px -26px; }.communications-view .compact-header { display:none; }.communications-layout { display:block; border:0; border-radius:0; position:relative; background:#0b0d0c; }.room-panel { border-right:0; height:100%; }.room-tools { padding:8px 15px 7px; border:0; }.search-field { height:42px; border:0; border-radius:13px; background:#151816; }.room-list { padding:3px 8px 20px; }.room-item { min-height:74px; border-radius:13px; grid-template-columns:50px 1fr auto; gap:11px; padding:9px 8px; }.room-item.active { background:transparent; }.room-mark { width:48px; height:48px; border-radius:15px; background:transparent; }.room-copy strong { font-size:14px; font-weight:590; }.room-copy p { font-size:11px; margin-top:4px; }.room-time { margin-top:5px; font-size:10px; }.thread-panel { display:none; position:absolute; inset:0; z-index:5; background:#0b0d0c; }.communications-layout.thread-open .room-panel { display:none; }.communications-layout.thread-open .thread-panel { display:flex; }.thread-back { display:grid !important; border:0; background:transparent; }.thread-header { min-height:62px; padding:8px 11px; background:rgba(17,20,18,.95); backdrop-filter:blur(16px); }.thread-identity h2 { font-size:14px; }.thread-members { gap:0; }.member-chip { width:27px; padding:0; border:0; background:transparent; }.member-chip + .member-chip { margin-left:-7px; }.member-chip b { display:none; }.message-list { padding:18px 13px 10px; }.thread-header { padding-bottom:10px; }.message { grid-template-columns:25px minmax(0,1fr); gap:8px; margin-bottom:17px; }.message.user { grid-template-columns:minmax(0,1fr) 25px; }.message-avatar { width:25px; height:25px; border-radius:8px; font-size:7px; }.message-text { max-width:100%; border-radius:13px; padding:11px 12px; font-size:12px; background:#171a18; }.message.user .message-text { border-radius:13px; }.message-meta { font-size:9px; }.guided-actions { padding:3px 12px 8px; }.guided-card-wrap { margin:0 12px 8px; }.guided-card { max-height:54dvh; }.composer { margin:0 10px max(9px,env(safe-area-inset-bottom)); padding-bottom:12px; border-radius:16px; background:#171a18; }.composer-note { display:none; }
  .room-mark > .agent-avatar { width:48px; height:48px; }.room-mark.group-mark > .agent-avatar { width:34px; height:34px; }.member-chip > .agent-avatar { width:25px; height:25px; }.message-avatar > .agent-avatar { width:25px; height:25px; }
  .ops-summary { display:flex; overflow-x:auto; margin-right:-15px; padding-bottom:3px; scroll-snap-type:x mandatory; scrollbar-width:none; }.ops-stat { min-width:146px; min-height:94px; scroll-snap-align:start; }.ops-stat strong { font-size:21px; }.agent-toolbar { display:block; }.agent-search { width:100%; max-width:none; margin-bottom:9px; }.agent-filters { margin-right:-15px; padding-right:15px; }.agent-roster-meta { position:relative; margin-top:1px; padding:9px 11px; }.agent-roster-meta span,.agent-roster-meta small { display:block; }.agent-roster-meta small { flex:1; text-align:right; }.agent-operations-layout { display:block; }.agent-roster { max-height:none; overflow:visible; padding:0 0 calc(18px + env(safe-area-inset-bottom)); }.agent-group { margin-bottom:10px; }.agent-row { min-height:78px; grid-template-columns:45px minmax(0,1fr) 8px; gap:10px; }.agent-row-state { grid-column:2; justify-self:start; padding:3px 6px; }.agent-row > svg { grid-column:3; grid-row:1 / span 2; }.agent-row-copy em { display:none; }.agent-roster-end { margin-top:2px; margin-bottom:8px; }.agent-detail { display:none; position:fixed; z-index:160; top:0; right:0; bottom:0; left:0; width:100%; height:100dvh; max-height:100dvh; border:0; border-radius:0; padding:calc(18px + env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left)); overflow-y:auto; overflow-x:hidden; overscroll-behavior-y:contain; -webkit-overflow-scrolling:touch; background:#0b0d0c; }.agent-detail-open .agent-detail { display:block; }.agent-detail-open .mobile-header,.agent-detail-open .mobile-nav { display:none; }.agent-detail-header { grid-template-columns:40px 44px minmax(0,1fr); }.agent-detail-header > .agent-row-state { grid-column:3; justify-self:start; }.agent-detail-back { display:grid; grid-row:1 / span 2; border:0; border-radius:50%; background:transparent; }.agent-detail-back + .agent-avatar { grid-column:2; }.agent-detail-header > div { grid-column:3; }.detail-actions { position:relative; bottom:auto; z-index:auto; padding:10px 0 0; background:none; }.attention-card { margin-top:8px; }.detail-compact-metrics { grid-template-columns:repeat(3,1fr); }.detail-compact-metrics span { padding:9px 8px; }.usage-values strong { font-size:16px; }.kb-file { grid-template-columns:17px minmax(0,1fr); }.kb-file.has-preview { grid-template-columns:38px minmax(0,1fr); }.kb-file.has-download { grid-template-columns:38px minmax(0,1fr) 38px; }.record-metrics { grid-template-columns:1fr; }.record-metrics > span { border-left:0; border-top:1px solid var(--line); }.record-metrics > span:first-child { border-top:0; }.personal-layout { display:block; }.personal-layout > .panel { margin-bottom:10px; }.approval-item { grid-template-columns:1fr; gap:10px; }.approval-actions { display:grid; grid-template-columns:1fr 1.3fr; }.approval-actions button { min-height:42px; }.audit-panel { padding-inline:13px; }.audit-panel .panel-header { align-items:center; }.audit-timeline { max-height:none; overflow:visible; }.audit-heading { display:block; }.audit-heading time { display:block; margin-top:2px; }.toast { right:12px; bottom:82px; left:12px; max-width:none; }.login-card { padding:24px; }.agent-dialog { width:100vw; max-width:none; max-height:calc(100dvh - 10px); margin:auto 0 0; border-radius:26px 26px 0 0; border-inline:0; border-bottom:0; }.agent-dialog-shell { padding:18px 16px max(28px,env(safe-area-inset-bottom)); overscroll-behavior:contain; scrollbar-width:thin; }.agent-dialog-header { position:sticky; top:-18px; z-index:4; padding:4px 0 10px; background:rgba(17,20,18,.96); backdrop-filter:blur(14px); }.agent-preview { min-height:115px; }.agent-preview .agent-avatar { width:64px; height:64px; }.role-choice-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.add-agent-button { display:none; }
}
@media (prefers-reduced-motion:reduce) { *,*:before,*:after { animation-duration:.01ms!important; transition-duration:.01ms!important; scroll-behavior:auto!important; } }

/* Installed mobile app shell */
@media (max-width:760px) {
  body { --update-offset:0px; }
  body.update-available { --update-offset:76px; }
  html, body { width:100%; height:100%; overflow:hidden; overscroll-behavior:none; }
  body { padding:0; background:#080a09; }
  .app-shell { position:fixed; top:var(--app-top,0px); left:0; width:100%; height:var(--app-height,100dvh); min-height:0; overflow:hidden; background:#0b0d0c; }
  body.agent-detail-open .app-shell { top:0; height:100dvh; }
  body.agent-detail-open { padding:0; overflow:hidden; }
  .mobile-header { top:var(--update-offset); height:calc(60px + env(safe-area-inset-top)); padding:env(safe-area-inset-top) 14px 0; align-items:center; background:linear-gradient(180deg,rgba(11,13,12,.98),rgba(11,13,12,.82)); -webkit-backdrop-filter:blur(24px) saturate(1.35); backdrop-filter:blur(24px) saturate(1.35); }
  .mobile-brand, .mobile-header-actions { min-height:44px; align-items:center; }
  .mobile-header-actions { margin-left:auto; gap:6px; }
  .mobile-header .icon-button { width:42px; height:42px; padding:0; display:grid; place-items:center; border-color:rgba(255,255,255,.08); background:rgba(255,255,255,.045); }
  .mobile-header .icon-button span, .mobile-header .icon-button svg { display:block; width:18px; height:18px; }
  body.thread-active .mobile-header { display:none; }
  .workspace { position:absolute; top:calc(60px + env(safe-area-inset-top) + var(--update-offset)); right:0; bottom:0; left:0; min-height:0; margin:0; padding:14px 15px calc(104px + env(safe-area-inset-bottom)); overflow-y:auto; overflow-x:hidden; overscroll-behavior-y:contain; -webkit-overflow-scrolling:touch; }
  body.thread-active .workspace { top:var(--update-offset); }
  body.thread-active .mobile-nav { display:none; }
  .view.active { min-height:100%; }

  .mobile-nav { position:absolute; inset-inline:12px; bottom:calc(14px + env(safe-area-inset-bottom)); width:auto; min-height:66px; padding:6px; border:1px solid rgba(255,255,255,.12); border-radius:28px; overflow:hidden; background:rgba(19,23,20,.56); -webkit-backdrop-filter:blur(30px) saturate(1.65); backdrop-filter:blur(30px) saturate(1.65); box-shadow:0 14px 42px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(255,255,255,.025); }
  .mobile-nav::before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(135deg,rgba(255,255,255,.055),transparent 45%,rgba(204,255,0,.018)); }
  .mobile-nav button { position:relative; z-index:1; min-width:0; min-height:54px; padding:4px 2px; border-radius:20px; gap:3px; transition:color .16s ease,background .16s ease,transform .12s ease; }
  .mobile-nav button:active { transform:scale(.94); }
  .mobile-nav button.active { color:var(--lime); background:transparent; }
  body[data-current-view="overview"] .mobile-nav button[data-view="overview"] { color:var(--lime) !important; background:rgba(204,255,0,.09) !important; }
  body[data-current-view="communications"] .mobile-nav button[data-view="communications"] { color:var(--lime) !important; background:rgba(204,255,0,.09) !important; }
  body[data-current-view="agents"] .mobile-nav button[data-view="agents"] { color:var(--lime) !important; background:rgba(204,255,0,.09) !important; }
  body[data-current-view="personal"] .mobile-nav button[data-view="personal"] { color:var(--lime) !important; background:rgba(204,255,0,.09) !important; }
  .mobile-nav svg { display:block; width:20px; height:20px; }
  .mobile-nav small { line-height:1; font-size:9px; }
  .workspace > .view:not(.communications-view) { padding-bottom:calc(40px + env(safe-area-inset-bottom)); }

  .communications-view.active { width:calc(100% + 30px); height:calc(100% + 118px + env(safe-area-inset-bottom)); min-height:0; margin:-14px -15px calc(-104px - env(safe-area-inset-bottom)); overflow:hidden; }
  .communications-layout { width:100%; height:100%; min-height:0; overflow:hidden; }
  .room-panel, .thread-panel { width:100%; height:100%; min-height:0; }
  .room-tools { display:none; }
  .room-list { height:100%; padding:6px 9px calc(112px + env(safe-area-inset-bottom)); overflow-y:auto; overscroll-behavior-y:contain; }
  .thread-panel { inset:0; overflow:hidden; padding-bottom:0; }
  .thread-header { min-height:calc(60px + env(safe-area-inset-top)); padding:calc(8px + env(safe-area-inset-top)) 12px 8px; gap:9px; align-items:center; border-bottom-color:rgba(255,255,255,.065); }
  .work-status { min-height:70px; padding:9px 12px; gap:9px; background:linear-gradient(90deg,rgba(204,255,0,.085),rgba(13,16,14,.97) 65%); }
  .work-status-copy strong { max-width:48vw; font-size:9px; }
  .work-agents { margin-left:auto; }.work-agent { width:27px; height:27px; }.work-agent .agent-avatar { width:23px; height:23px; }
  .jump-result { padding:0 9px; }
  .thread-back { width:40px; height:40px; flex:0 0 auto; padding:0; place-items:center; border-radius:50%; }
  .thread-back span, .thread-back svg { display:block; width:18px; height:18px; }
  .thread-identity, .thread-members { align-self:center; }
  .thread-identity { flex:1; }
  .thread-identity h2 { white-space:normal; line-height:1.22; }
  .thread-identity p { max-width:54vw; }
  .thread-panel:has(.work-status:not(.hidden)) .thread-members { display:none; }
  .message-list { min-height:0; padding:18px 14px 10px; overscroll-behavior-y:contain; -webkit-overflow-scrolling:touch; }
  .message-collapsed .message-text-wrap { max-height:160px; }
  .message-expand { min-height:38px; font-size:11px; }
  .message-empty { min-height:100%; height:auto; padding:28px 20px; }
  .guided-actions { width:100%; padding:4px 12px 9px; scroll-padding:12px; }
  .suggestion-chip { min-height:40px; padding:0 15px; border-radius:20px; font-size:12px; }
  .composer-zone { width:100%; margin:0; padding:0 14px max(12px,env(safe-area-inset-bottom)); }
  .composer-row { gap:9px; align-items:center; }
  .composer-plus { width:50px; height:50px; margin:0; background:rgba(20,23,21,.96); }
  .composer { min-height:50px; margin:0; padding:4px 50px 4px 16px; display:flex; align-items:center; border-radius:25px; background:rgba(25,29,26,.94); box-shadow:none; }
  .message-editor { min-height:40px; max-height:120px; padding:9px 0 7px; font-size:16px; line-height:1.35; }
  .send-button,.voice-button { top:50%; right:5px; bottom:auto; width:40px; height:40px; padding:0; border-radius:50%; transform:translateY(-50%); place-items:center; }
  .send-button span, .send-button svg,.voice-button span,.voice-button svg { display:block; width:18px; height:18px; }.send-button svg { transform:translate(-1px,1px); }
  .attachment-preview { padding-left:59px; }
  .message-attachments { max-width:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .message-attachment { min-width:0; width:100%; }
  .file-attachment { grid-column:1 / -1; }
  .image-attachment img { width:100%; height:auto; aspect-ratio:16 / 10; object-fit:cover; }
  .image-attachment > span { max-width:100%; }
  .proposal-attachments { display:block; }
  .proposal-attachment { min-height:0; display:block; }
  .protected-image-shell { width:100%; height:auto; aspect-ratio:16 / 9; }
  .proposal-attachment > .proposal-attachment-copy { padding:12px 13px 13px; }
  .proposal-attachment-copy b { font-size:12px; }
  .proposal-attachment-copy em { margin-top:9px; }
  .voice-recorder { right:14px; bottom:max(12px,env(safe-area-inset-bottom)); left:14px; min-height:180px; border-radius:27px; }
  .voice-live-copy p { font-size:14px; }
  .voice-control-row { grid-template-columns:78px minmax(0,1fr) 78px; }

  input, textarea, select, .message-editor, .search-field input, .command-search input, .form-control, .guided-field input, .guided-field textarea, .guided-field select, .login-card input { font-size:16px; }
  .command-dialog { top:calc(env(safe-area-inset-top) + 10px); }
  .toast { bottom:calc(90px + env(safe-area-inset-bottom)); }
  html.keyboard-open .mobile-nav { display:none; }
  html.keyboard-open .workspace { bottom:0; }
  html.keyboard-open .thread-panel { padding-bottom:0; }
  html.keyboard-open .composer-zone { padding-bottom:0; }

  .media-viewer { padding:0; align-items:flex-end; }
  .media-viewer-sheet { width:100%; height:calc(100dvh - max(8px,env(safe-area-inset-top))); border-inline:0; border-bottom:0; border-radius:25px 25px 0 0; grid-template-rows:10px 60px minmax(0,1fr); }
  .media-drag-handle { display:block; width:38px; height:5px; align-self:end; justify-self:center; border-radius:4px; background:rgba(255,255,255,.3); z-index:4; }
  .media-viewer-header { grid-row:2; grid-template-columns:48px minmax(0,1fr) 62px; padding:4px 10px 8px; border-bottom-color:rgba(255,255,255,.07); }
  .media-viewer-stage { grid-row:3; }
  .media-image-frame { padding:18px 0 calc(18px + env(safe-area-inset-bottom)); }
  .media-image-frame img { width:100%; max-height:100%; box-shadow:none; }
  .media-pdf-preview { display:block; min-height:100%; padding:0 0 calc(14px + env(safe-area-inset-bottom)); overflow-y:auto; }
  .media-pdf-preview > img { width:100%; max-width:none; box-shadow:none; }
  .media-document-frame { width:100%; height:100%; }
  .media-viewer-nav { display:none; }
  .media-viewer-title strong { font-size:12px; }
  .media-viewer-save { min-height:50px; }
  .media-viewer-open .app-shell { transform:scale(.985); transform-origin:50% 0; border-radius:24px 24px 0 0; overflow:hidden; }
}
.role-bar-0 { height:2%; }.role-bar-1 { height:10%; }.role-bar-2 { height:20%; }.role-bar-3 { height:30%; }.role-bar-4 { height:40%; }.role-bar-5 { height:50%; }.role-bar-6 { height:60%; }.role-bar-7 { height:70%; }.role-bar-8 { height:80%; }.role-bar-9 { height:90%; }.role-bar-10 { height:100%; }
@media (max-width:760px) {
  .role-metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .role-metric { border-top:1px solid var(--line); }
  .role-metric:nth-child(odd) { border-left:0; }
  .role-metric:nth-child(-n+2) { border-top:0; }
  .role-profile-lower { grid-template-columns:1fr; }
  .role-chart { border-top:1px solid var(--line); border-left:0; }
  .role-chart-bars { height:112px; }
  .commercial-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .commercial-summary > span:nth-child(odd) { border-left:0; }
  .commercial-summary > span:nth-child(n+3) { border-top:1px solid var(--line); }
  .commercial-client-list { grid-template-columns:1fr; }
}
.role-chart-column { grid-template-rows:11px minmax(0,1fr) 12px; gap:2px; }
.role-chart-column > b { color:var(--muted); font-size:7px; font-weight:570; line-height:11px; }
.role-chart-column small { color:var(--muted); }

/* Email Operations contacts */
.contact-directory { margin:0 0 12px; overflow:hidden; border:1px solid rgba(131,191,255,.2); border-radius:13px; background:#0d100e; }.contact-heading { display:flex; gap:10px; align-items:flex-start; padding:13px; border-bottom:1px solid var(--line); }.contact-heading > span { width:30px; height:30px; flex:0 0 auto; display:grid; place-items:center; border-radius:9px; color:var(--info); background:rgba(131,191,255,.09); }.contact-heading svg { width:16px; }.contact-heading strong { font-size:11px; }.contact-heading p { margin:2px 0 0; color:var(--muted); font-size:9px; }.contact-group { border-top:1px solid var(--line); }.contact-group:first-of-type { border-top:0; }.contact-group > summary { min-height:52px; display:grid; grid-template-columns:minmax(0,1fr) auto 16px; align-items:center; gap:9px; padding:9px 12px; list-style:none; cursor:pointer; }.contact-group > summary::-webkit-details-marker { display:none; }.contact-group > summary strong,.contact-group > summary small { display:block; }.contact-group > summary strong { font-size:10px; }.contact-group > summary small { margin-top:2px; color:var(--dim); font-size:8px; }.contact-group > summary b { min-width:22px; height:20px; display:grid; place-items:center; border-radius:10px; background:var(--surface-3); color:var(--muted); font-size:8px; }.contact-group > summary svg { width:15px; color:var(--dim); transition:transform .15s; }.contact-group[open] > summary svg { transform:rotate(90deg); }.contact-group > div { border-top:1px solid var(--line); padding:0 12px; background:rgba(0,0,0,.1); }.brand-contact-category { padding:0; }.brand-contact-category + .brand-contact-category { border-top:1px solid var(--line); }.brand-contact-category h4 { margin:0 -12px; padding:8px 12px; border-bottom:1px solid var(--line); color:var(--muted); background:rgba(131,191,255,.035); font-size:8px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }.contact-row { min-height:62px; display:grid; grid-template-columns:32px minmax(0,1fr) auto; align-items:center; gap:9px; border-top:1px solid var(--line); }.contact-row:first-child { border-top:0; }.contact-avatar { width:32px; height:32px; display:grid; place-items:center; border-radius:10px; background:rgba(131,191,255,.08); color:var(--info); font-size:9px; font-weight:700; }.contact-copy { min-width:0; }.contact-copy strong,.contact-copy small,.contact-copy a,.contact-copy em { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.contact-copy strong { font-size:10px; }.contact-copy small { margin-top:2px; color:var(--dim); font-size:8px; }.contact-copy a,.contact-copy em { margin-top:3px; color:var(--info); font-size:8px; text-decoration:none; }.contact-copy em { color:var(--warning); font-style:normal; }.contact-status { padding:4px 6px; border-radius:9px; background:rgba(76,217,100,.07); color:var(--positive); font-size:7px; text-transform:uppercase; letter-spacing:.05em; }.contact-status.missing,.contact-status.unconfirmed { color:var(--warning); background:rgba(255,156,26,.08); }.contact-status.inactive { color:var(--dim); background:var(--surface-3); }.contact-empty { padding:14px 0; color:var(--dim); font-size:9px; }.contact-source { padding:8px 12px; border-top:1px solid var(--line); color:var(--dim); font-size:7px; }

/* X7 World is a separate, optional view of HQ. Preserve every existing HQ tab. */
.world-nav-link { text-decoration:none; }
.world-nav-link:focus-visible { outline:2px solid var(--lime); outline-offset:3px; }
@media (max-width:760px) {
  .mobile-nav { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .mobile-nav .world-nav-link { position:relative; z-index:1; min-width:0; min-height:54px; padding:4px 2px; border:0; border-radius:20px; background:none; color:var(--dim); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; transition:color .16s ease,background .16s ease,transform .12s ease; }
  .mobile-nav .world-nav-link:active { transform:scale(.94); }
  .mobile-nav .world-nav-link:hover { color:var(--text); background:rgba(255,255,255,.035); }
  .mobile-nav .world-nav-link svg { display:block; width:20px; height:20px; }
  .mobile-nav .world-nav-link small { line-height:1; font-size:9px; white-space:nowrap; }
}

/* Agent browser workspace — existing X7HQ surfaces and lime selection. */
.bw-agent-strip{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 20px;scrollbar-width:thin;max-width:100%;}
.bw-agent-chip{flex:0 0 auto;display:flex;align-items:center;gap:9px;padding:9px 13px;background:var(--surface);border:1px solid var(--line);border-radius:11px;color:var(--muted);cursor:pointer;max-width:260px;font-size:12px;}
.bw-agent-chip:hover,.bw-agent-chip.active{border-color:rgba(204,255,0,.38);color:var(--text);background:var(--lime-soft);}
.bw-agent-initial{width:25px;height:25px;display:grid;place-items:center;background:var(--surface-3);border-radius:7px;font-weight:650;color:var(--text);text-transform:uppercase;}
.bw-chip-state{width:6px;height:6px;border-radius:50%;background:var(--dim);margin-left:4px;}.bw-chip-state.running{background:var(--lime);}
.bw-overview{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:16px;}
.bw-workspace-card{text-align:left;display:flex;flex-direction:column;min-height:220px;padding:22px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);cursor:pointer;transition:border-color .15s;}
.bw-workspace-card:hover{border-color:var(--line-strong);}.bw-card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;}.bw-card-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);}.bw-card-icon svg{width:20px;height:20px;color:var(--lime);}
.bw-workspace-card h2{margin:22px 0 5px;font-size:17px;letter-spacing:-.02em;}.bw-workspace-card p{margin:0 0 10px;color:var(--muted);font-size:12px;}.bw-workspace-card small{color:var(--dim);font-size:12px;line-height:1.6;}.bw-card-open{margin-top:auto;padding-top:20px;display:flex;align-items:center;gap:7px;color:var(--text);font-size:12px;}.bw-card-open svg{width:14px;height:14px;}
.bw-notice{padding:12px 16px;border:1px solid rgba(244,201,93,.25);background:rgba(244,201,93,.05);color:var(--warning);border-radius:var(--radius-sm);margin-bottom:16px;font-size:13px;}
.bw-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px;align-items:start;}.bw-browser{min-width:0;border:1px solid var(--line-strong);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);}
.bw-browser-title{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;gap:16px;border-bottom:1px solid var(--line);}.bw-browser-title>div{min-width:0;display:grid;gap:3px;}.bw-browser-title>div>span{font-size:15px;font-weight:650;}.bw-browser-title small{color:var(--dim);font-size:11px;}
.bw-state{font-size:10px;letter-spacing:.02em;white-space:nowrap;border:1px solid var(--line-strong);padding:4px 8px;border-radius:6px;color:var(--muted);}.bw-state.running{color:var(--lime);border-color:rgba(204,255,0,.25);background:var(--lime-soft);}
.bw-tab-strip{display:flex;gap:4px;overflow-x:auto;padding:10px 12px 0;background:#0c0f0d;}.bw-browser-tab{display:flex;align-items:center;gap:8px;min-width:120px;max-width:230px;flex:0 0 auto;padding:9px 13px;border-radius:9px 9px 0 0;color:var(--dim);font-size:11px;border:1px solid transparent;border-bottom:0;}.bw-browser-tab.active{background:var(--surface-2);color:var(--text);border-color:var(--line);}.bw-browser-tab svg{width:13px;height:13px;flex-shrink:0;}.bw-browser-tab span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.bw-browser-tab.empty{color:var(--dim);}
.bw-address-bar{display:flex;align-items:center;gap:10px;padding:9px 14px;background:var(--surface-2);border-top:1px solid var(--line);}.bw-address-bar>span:first-child{display:grid;place-items:center;color:var(--dim);}.bw-address-bar svg{width:15px;height:15px;}.bw-address-bar #bw-address{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:11px ui-monospace,SFMono-Regular,monospace;color:var(--muted);}.bw-address-bar .icon-button{width:29px;height:29px;}.bw-address-bar .icon-button:disabled{opacity:.35;cursor:default;}
.bw-frame-meta{padding:9px 15px;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--dim);border-bottom:1px solid var(--line);}.bw-viewport{position:relative;min-height:400px;background:#0a0c0b;display:grid;place-items:center;overflow:hidden;}.bw-viewport>img{display:block;width:100%;height:auto;max-height:72vh;object-fit:contain;align-self:start;}.bw-no-frame{display:flex;flex-direction:column;align-items:center;text-align:center;padding:55px 28px;max-width:500px;}.bw-no-frame>span{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;border:1px solid var(--line);background:var(--surface);color:var(--dim);}.bw-no-frame svg{width:25px;height:25px;}.bw-no-frame h2{font-size:19px;margin:22px 0 8px;letter-spacing:-.03em;}.bw-no-frame p{color:var(--dim);font-size:13px;line-height:1.7;margin:0 0 18px;}.bw-stale-label{position:absolute;bottom:14px;left:14px;background:#161b15;border:1px solid var(--line-strong);padding:7px 11px;border-radius:7px;color:var(--warning);font-size:11px;}
.bw-context{display:grid;gap:14px;}.bw-context>section{padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);}.bw-context h2{font-size:16px;margin:10px 0 4px;letter-spacing:-.02em;}.bw-context p{font-size:12px;color:var(--dim);line-height:1.65;margin:0;}.bw-context .section-kicker{font-size:9px;}.bw-workflow-step{display:flex;gap:10px;padding-top:22px;}.bw-workflow-step>span{width:7px;height:7px;border:1px solid var(--line-strong);border-radius:50%;margin-top:5px;flex-shrink:0;}.bw-workflow-step strong{font-size:11px;font-weight:550;display:block;margin-bottom:6px;}.bw-workflow-step small{font-size:11px;color:var(--dim);}.bw-context dl{margin:16px 0 0;display:grid;gap:12px;}.bw-context dl>div{display:flex;justify-content:space-between;gap:12px;font-size:11px;}.bw-context dt{color:var(--dim);}.bw-context dd{margin:0;text-align:right;color:var(--muted);}.bw-context .bw-scope-note{font-size:10px;border-top:1px solid var(--line);padding-top:14px;margin-top:16px;}.bw-context>.button{justify-content:center;width:100%;}.bw-context svg{width:15px;height:15px;}.bw-thread-button{flex-shrink:0;gap:7px;}
@media(max-width:1100px){.bw-layout{grid-template-columns:minmax(0,1fr)}.bw-context{grid-template-columns:1fr 1fr;align-items:start}.bw-context>.button{grid-column:1/-1}.bw-viewport{min-height:360px}}
@media(max-width:760px){#view-browsers .page-header{align-items:flex-start;gap:16px}#view-browsers .header-actions{gap:6px}#view-browsers .header-actions .button{padding:8px 10px;font-size:11px}.bw-agent-strip{padding-bottom:14px}.bw-agent-chip{font-size:11px;padding:8px 10px}.bw-layout{gap:14px}.bw-context{grid-template-columns:1fr}.bw-context>.button{grid-column:auto}.bw-browser-title{padding:14px}.bw-browser-title>div>span{font-size:13px}.bw-tab-strip{padding:8px 7px 0}.bw-browser-tab{padding:8px 10px;min-width:100px;max-width:190px}.bw-address-bar{padding:6px 10px}.bw-frame-meta{padding:8px 10px;font-size:9px}.bw-viewport{min-height:320px}.bw-no-frame{padding:35px 22px}.bw-thread-button{font-size:0;padding:8px;min-width:34px}.bw-thread-button svg{width:17px;height:17px}.agent-record-actions [data-open-agent-browser]{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.bw-workspace-card{transition:none}}
@media(max-width:760px){#view-browsers .header-actions .secondary{display:inline-flex}.agent-record-actions{flex-wrap:wrap}.agent-record-actions [data-open-agent-browser]{min-width:100px}}
.bw-search-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.bw-search{display:flex;align-items:center;gap:9px;max-width:400px;flex:1;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 13px}.bw-search svg{width:15px;height:15px;color:var(--dim);flex-shrink:0}.bw-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.bw-search input::placeholder{color:var(--dim)}#bw-result-count{font-size:11px;color:var(--dim);margin-left:auto;white-space:nowrap}#bw-show-all{font-size:11px;height:34px;padding:0 11px}.bw-search:focus-within{border-color:rgba(204,255,0,.4)}@media(max-width:760px){.bw-search-row{flex-wrap:wrap;gap:9px}.bw-search{max-width:none;flex-basis:100%}#bw-result-count{margin-left:0}#bw-show-all{margin-left:auto}}

/* Empty-state guidance stays at the top of the viewport, never below the fold. */
.bw-viewport:has(> .bw-no-frame:not(.hidden)){place-items:start center;min-height:300px}.bw-no-frame{align-content:start;justify-content:flex-start;min-height:300px;padding:32px 24px}
/* Verified633px viewport: show held-state title and explanation immediately. */
.bw-no-frame{padding:24px}.bw-no-frame>span{display:none}.bw-no-frame h2{margin:0 0 8px}

/* hq-brand-design4-v1.css */
/* X7HQ-only owner design4. Existing readiness/auth lifecycle remains authoritative. */
.brand-glyph:has(img[src*="hq-brand-"]),.login-mark:has(img[src*="hq-brand-"]) { overflow:hidden; border-radius:25%; box-shadow:0 0 0 1px rgba(204,255,0,.15); }
.boot-screen.hq-brand-boot { isolation:isolate; overflow:hidden; background:radial-gradient(ellipse at 15% 10%,rgba(204,255,0,.09),transparent 50%),radial-gradient(ellipse at 85% 85%,rgba(255,0,168,.06),transparent 46%),#080a09; }
.hq-brand-boot::before { content:""; position:absolute; width:min(68vw,410px); height:min(68vw,410px); border-radius:50%; background:rgba(204,255,0,.035); filter:blur(52px); transform:translate(-17%,-24%); pointer-events:none; z-index:-1; }
.hq-startup-card { width:min(100%,344px); padding:36px 28px 30px; display:flex; flex-direction:column; align-items:center; border:1px solid rgba(255,255,255,.14); border-radius:36px; background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018)); box-shadow:inset 0 1px 0 rgba(255,255,255,.13),inset 0 -1px 0 rgba(255,255,255,.025),0 28px 90px rgba(0,0,0,.35); -webkit-backdrop-filter:blur(28px) saturate(150%); backdrop-filter:blur(28px) saturate(150%); }
.hq-startup-logo { padding:9px; border:1px solid rgba(255,255,255,.17); border-radius:35px; background:linear-gradient(140deg,rgba(255,255,255,.13),rgba(255,255,255,.025)); box-shadow:0 16px 44px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.16); }
.boot-screen .hq-startup-logo img { display:block; width:112px; height:112px; object-fit:contain; border-radius:26px; filter:none; animation:none; }
.hq-startup-eyebrow { margin-top:28px; font-size:9px; font-weight:600; letter-spacing:.18em; line-height:1.5; color:#969f95; }
.boot-screen .hq-startup-title { display:block; margin-top:8px; font-size:34px; line-height:1.15; font-weight:650; letter-spacing:-.055em; color:#f3f6f0; }
.hq-startup-card #boot-message { display:block; margin-top:11px; min-height:18px; font-size:12px; line-height:1.5; color:#abb3a9; }
.hq-startup-card .boot-progress { display:block; width:136px; height:3px; margin-top:27px; border-radius:99px; background:rgba(255,255,255,.08); overflow:hidden; }
.hq-startup-card .boot-progress b { display:block; width:45%; height:100%; border-radius:inherit; background:linear-gradient(90deg,rgba(204,255,0,.3),#ccff00); animation:hqBrandOpening 1.7s ease-in-out infinite; }
.hq-script-required { position:fixed; inset:0; z-index:201; display:grid; place-items:center; padding:24px; color:#f3f6f0; background:#080a09; font:14px/1.5 system-ui,sans-serif; text-align:center; }
@keyframes hqBrandOpening { 0% { transform:translateX(-110%); } 100% { transform:translateX(325%); } }
@media (max-width:380px) { .hq-startup-card { padding:30px 22px 26px; border-radius:30px; } .boot-screen .hq-startup-title { font-size:32px; } }
@media (prefers-reduced-motion:reduce) { .hq-startup-card .boot-progress b { animation:none; transform:none; width:100%; background:rgba(204,255,0,.65); } }

/* error-engine.css */
/* Error Engine inherits the existing HQ typography, surfaces and controls. */
#error-engine-root{display:grid;gap:20px;min-width:0}.ee-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ee-overview article{border:1px solid var(--line,#29332a);border-radius:16px;padding:18px;background:var(--surface,#111611)}.ee-overview small,.ee-muted{color:var(--muted,#889185);font-size:13px;line-height:1.6}.ee-overview strong{display:block;margin-top:8px;font-size:28px;font-weight:600}.ee-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.ee-toolbar label{min-width:150px;flex:1}.ee-toolbar label.ee-search{flex:2}.ee-toolbar label,.ee-report label,.ee-update label{display:grid;gap:8px;font-size:12px;color:var(--muted,#889185)}.ee-toolbar input,.ee-toolbar select,.ee-report input,.ee-report select,.ee-report textarea,.ee-update input,.ee-update select,.ee-update textarea{width:100%;min-height:44px;border:1px solid var(--line,#29332a);border-radius:10px;padding:11px 12px;background:var(--surface,#111611);color:var(--text,#e9eee4);font:inherit;font-size:14px;box-sizing:border-box}.ee-list{display:grid;gap:10px}.ee-record{border:1px solid var(--line,#29332a);border-radius:16px;background:var(--surface,#111611);overflow:hidden}.ee-record>summary{display:grid;grid-template-columns:minmax(110px,170px) minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:18px;cursor:pointer;list-style:none}.ee-record>summary::-webkit-details-marker{display:none}.ee-code{font-size:12px;color:var(--muted,#889185);overflow-wrap:anywhere}.ee-code b{display:block;color:var(--lime,#ccff00);font-size:20px;margin-top:4px}.ee-record-title{min-width:0}.ee-record-title strong{display:block;font-size:15px;font-weight:600;overflow-wrap:anywhere}.ee-record-title small{display:block;font-size:11px;margin-top:7px;color:var(--muted,#889185);overflow-wrap:anywhere}.ee-status{font-size:11px;white-space:nowrap;padding:6px 9px;border:1px solid var(--line,#29332a);border-radius:99px;text-transform:capitalize}.ee-status.resolved{color:#b4d99e;border-color:#3d5a32}.ee-status.open,.ee-status.investigating{color:#e6c776}.ee-count{font-size:12px;color:var(--muted,#889185)}.ee-record-body{padding:0 18px 20px;border-top:1px solid var(--line,#29332a)}.ee-meta{display:flex;gap:16px;flex-wrap:wrap;padding:18px 0;font-size:11px;color:var(--muted,#889185)}.ee-meta b{display:block;color:var(--text,#e9eee4);font-weight:500;margin-top:6px}.ee-record-body h3{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#889185);margin:18px 0 8px}.ee-record-body p{font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.ee-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ee-occurrences,.ee-update{margin-top:18px;border-top:1px solid var(--line,#29332a);padding-top:16px}.ee-occurrences>summary,.ee-update>summary,.ee-report>summary{cursor:pointer;font-size:14px;padding:5px 0}.ee-occurrences>summary span{font-size:11px;color:var(--muted,#889185);margin-left:12px}.ee-occurrences ol{list-style:none;padding:0;margin:16px 0;display:grid;gap:16px}.ee-occurrences li{padding:12px;border-radius:10px;background:rgba(128,150,128,.06)}.ee-occurrences time{font-size:11px;color:var(--muted,#889185);margin-left:12px}.ee-occurrences li small{font-size:11px;color:var(--muted,#889185);overflow-wrap:anywhere}.ee-tag{font-size:10px;text-transform:uppercase;color:var(--lime,#ccff00)}.ee-report form,.ee-update form{display:grid;gap:16px;margin-top:18px}.ee-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ee-form-status{font-size:12px;color:var(--lime,#ccff00)}.ee-form-status.error,.ee-notice.error{color:#f2a69e}.ee-notice:empty{display:none}.ee-notice{font-size:13px;color:var(--lime,#ccff00)}.ee-warning{border:1px solid #665532;background:#292514;color:#e6c776;border-radius:12px;padding:16px;font-size:13px;line-height:1.6}.ee-loading{padding:48px 20px;text-align:center;color:var(--muted,#889185)}.ee-profile-link{display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer}.ee-profile-link strong{font-size:15px}.ee-profile-link small{display:block;color:var(--muted,#889185);margin-top:6px;font-size:12px}.ee-profile-link>span:last-child{color:var(--lime,#ccff00);font-size:20px}.ee-report{padding:18px}@media(max-width:760px){.ee-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ee-overview article{padding:15px}.ee-overview strong{font-size:24px}.ee-toolbar{gap:10px}.ee-toolbar label{min-width:calc(50% - 10px)}.ee-toolbar label.ee-search{flex-basis:100%}.ee-toolbar #ee-refresh{width:100%}.ee-record>summary{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:15px}.ee-code{grid-column:1;display:flex;align-items:center;gap:8px}.ee-code b{display:inline;font-size:17px;margin:0}.ee-record-title{grid-column:1/-1;grid-row:2}.ee-status{grid-column:2;grid-row:1}.ee-count{grid-column:2;grid-row:2;align-self:end}.ee-record-title{padding-right:35px}.ee-proof-grid,.ee-form-grid{grid-template-columns:1fr}.ee-record-body{padding:0 15px 18px}.ee-occurrences>summary span{display:block;margin:6px 0 0}.ee-update button,.ee-report button{width:100%}.ee-report input,.ee-report select,.ee-report textarea,.ee-update input,.ee-update select,.ee-update textarea,.ee-toolbar input,.ee-toolbar select{font-size:16px}}

/* tasks.css */
#view-tasks{max-width:1000px}#task-notice{color:var(--muted);font-size:13px;min-height:20px;margin:0 0 8px}.todo-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 24px}.todo-heading h2{font-size:26px;margin:0 0 6px}.todo-heading p{color:var(--muted);font-size:14px;margin:0}.todo-heading>.button{padding:10px 16px;white-space:nowrap}.todo-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 0 14px;margin-bottom:16px;scrollbar-width:thin}.todo-tab{flex:0 0 auto;display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--muted);padding:9px 14px;font:inherit;font-size:13px;cursor:pointer}.todo-tab span{font-size:11px;opacity:.7}.todo-tab.active{border-color:var(--lime);background:var(--lime-soft);color:var(--text)}.todo-row{display:flex;align-items:center;gap:14px;padding:18px 4px;border-bottom:1px solid var(--line)}.todo-check{flex:0 0 26px;width:26px;height:26px;padding:0;display:grid;place-items:center;border:1.5px solid var(--muted);border-radius:50%;background:transparent;color:var(--surface);cursor:pointer;font-size:17px}.todo-check[aria-checked=true]{background:var(--lime);border-color:var(--lime);color:#111800}.todo-check:disabled{opacity:.55;cursor:wait}.todo-copy{min-width:0;display:flex;flex-direction:column;gap:6px}.todo-title{font-size:15px;line-height:1.5;overflow-wrap:anywhere;color:var(--text)}.todo-copy small{font-size:12px;color:var(--muted)}.is-complete .todo-title{text-decoration:line-through;color:var(--muted)}.todo-completed{margin-top:28px}.todo-completed-toggle{display:flex;gap:10px;align-items:center;padding:8px 0;border:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;cursor:pointer}.todo-completed-toggle span{opacity:.65}.todo-create{display:grid;grid-template-columns:minmax(0,1fr) 220px auto;align-items:end;gap:14px;padding:20px;margin-bottom:16px}.todo-create label{display:grid;gap:8px;color:var(--muted);font-size:12px;min-width:0}.todo-create input,.todo-create select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);padding:10px;font:inherit;font-size:16px;box-sizing:border-box}.todo-check:focus-visible,.todo-tab:focus-visible,.todo-completed-toggle:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.task-loading{padding:36px;color:var(--muted)}@media(max-width:700px){.todo-heading h2{font-size:22px}.todo-heading p{font-size:12px}.todo-heading{gap:10px;margin-bottom:20px}.todo-create{grid-template-columns:1fr;padding:16px}.todo-create>.button{justify-self:start}.todo-row{padding:16px 2px}.todo-tabs{max-width:100%}.todo-heading>.button{font-size:12px;padding:9px 12px}}

.todo-tabs{scrollbar-width:none}.todo-tabs::-webkit-scrollbar{display:none}.todo-check{position:relative;flex-basis:44px;width:44px;height:44px;border:0;background:transparent!important;isolation:isolate}.todo-check::before{content:"";position:absolute;width:26px;height:26px;border:1.5px solid var(--muted);border-radius:50%;z-index:-1}.todo-check[aria-checked=true]::before{background:var(--lime);border-color:var(--lime)}.todo-row{gap:8px;padding:12px 0}.todo-list>.empty-state{padding:32px 16px}.todo-tab{min-height:44px}

/* codex/workspace.css */

.cx-workspace{padding:28px;color:#dce8ec;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.cx-heading{display:flex;align-items:center;gap:20px;padding:30px 0}.cx-symbol{color:#72e4cf;width:42px;flex:none}.cx-symbol svg{width:42px;height:46px}.cx-eyebrow{font-size:9px;letter-spacing:.2em;color:#85aaa9;font-weight:600}.cx-heading h2{margin:10px 0 7px;font-size:32px;letter-spacing:-.04em;font-weight:550}.cx-heading p{color:#839aa8;font-size:12px;margin:0;line-height:1.6}.cx-badge{margin-left:auto;font-size:8px;letter-spacing:.15em;border:1px solid #78dfc22b;border-radius:30px;padding:9px 12px;color:#7cc8b4;white-space:nowrap}.cx-tabs{display:flex;gap:10px;border-bottom:1px solid #ffffff0d;padding:6px 0 20px}.cx-tabs button{font:inherit;font-size:12px;border:1px solid transparent;color:#8ea4b0;background:none;padding:12px 22px;border-radius:9px;display:flex;align-items:center;gap:8px;cursor:pointer}.cx-tabs button.active{color:#e5f4f1;border-color:#789f9f30;background:#80bfb10b}.cx-dot{width:6px;height:6px;border-radius:50%;background:#72e4cf}.cx-dot.cx-personal{background:#bda1ff}.cx-dot.cx-company{background:#f4c27b}.cx-launch{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:30px;padding:48px 36px;border:1px solid #7fa3b31b;border-radius:18px;margin:28px 0;background:radial-gradient(ellipse at 100% 0,#4e9e9a12,transparent 60%),linear-gradient(135deg,#10232e88,#101b26)}.cx-launch h3{font-size:29px;letter-spacing:-.03em;font-weight:550;margin:16px 0}.cx-launch p{font-size:12px;line-height:1.9;color:#8ca2ad;max-width:360px}.cx-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.cx-primary,.cx-secondary{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:13px 18px;border-radius:9px;font:inherit;font-size:11px;text-decoration:none;cursor:pointer}.cx-primary{background:#acebd5;color:#12352f;border:1px solid #acebd5;font-weight:600}.cx-secondary{color:#a8bcca;border:1px solid #8facbf30;background:#adcbd906}.cx-vault-art{display:grid;place-items:center;min-height:200px;perspective:800px}.cx-safe{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;width:180px;height:180px;border:1px solid #79d7cf6b;border-radius:50%;color:#72e4cf;background:radial-gradient(ellipse at 30% 20%,#4b7d8150,#0e2330 70%);box-shadow:inset 0 0 0 9px #1c3947,inset 0 0 0 11px #79d7cf25,14px 16px 0 #050d134a;transform:rotateY(-18deg) rotateX(7deg)}.cx-safe svg{width:46px;height:52px}.cx-safe span{font-size:8px;letter-spacing:.22em}.cx-personal .cx-safe{border-radius:36px;color:#bda1ff;border-color:#bda1ff77;transform:rotateY(-18deg) rotateX(7deg) rotate(-4deg);background:linear-gradient(130deg,#463c6255,#181829)}.cx-company .cx-safe{border-radius:14px;color:#f4c27b;border-color:#f4c27b77;background:linear-gradient(130deg,#694d3255,#201e26)}.cx-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding:8px 0 24px}.cx-notes article>span{font-size:9px;color:#476470;letter-spacing:.1em}.cx-notes h4{font-size:12px;font-weight:500;margin:12px 0 9px}.cx-notes p,.cx-setup p{font-size:11px;color:#7e98a4;line-height:1.8}.cx-setup{border-top:1px solid #ffffff10;padding:22px 0}.cx-setup summary{font-size:11px;color:#9bb5bf;cursor:pointer}.cx-setup p{max-width:780px}.cx-footer{display:flex;justify-content:space-between;gap:20px;padding:22px 0;color:#3f606c;font-size:8px;letter-spacing:.1em}.cx-footer a{color:#89b9b5;text-decoration:none;letter-spacing:0;font-size:11px}.cx-vault-frame{width:100%;height:min(800px,80dvh);min-height:520px;border:1px solid #8196a43b;border-radius:16px;background:#fff}.cx-workspace:has(.cx-vault-frame) .cx-launch{display:none}@media(max-width:700px){.cx-workspace{padding:16px 0}.cx-heading{gap:12px;padding:20px 0}.cx-heading h2{font-size:27px}.cx-heading p{font-size:11px}.cx-symbol{width:32px}.cx-symbol svg{width:32px}.cx-badge{display:none}.cx-tabs{gap:3px}.cx-tabs button{padding:11px 15px}.cx-launch{padding:26px 22px;grid-template-columns:1fr;margin:20px 0;gap:10px}.cx-launch h3{font-size:27px}.cx-vault-art{min-height:170px;grid-row:1}.cx-safe{width:145px;height:145px}.cx-notes{grid-template-columns:1fr;gap:12px}.cx-notes article{padding:13px 0;border-bottom:1px solid #ffffff08}.cx-notes h4{display:inline-block;margin:0 0 6px 12px}.cx-notes p{margin:3px 0}.cx-footer>span{display:none}.cx-vault-frame{min-height:650px;height:85dvh}}

/* accounting.css */
.acct-root{display:grid;gap:14px}.acct-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}
.acct-help{color:var(--muted);font-size:12px;margin:0 0 12px}.acct-empty{color:var(--dim);font-size:12px;padding:8px 0}
.acct-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.acct-form input,.acct-form select,.acct-vault-row input{background:var(--surface-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px 10px;font-size:12px;min-width:160px}
.acct-pill{font-size:10px;color:var(--lime);border:1px solid var(--line);border-radius:999px;padding:3px 9px}
.acct-fys{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.acct-fys span{font-size:10px;background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:3px 8px}.acct-fys .dim{color:var(--dim)}
.acct-file,.acct-vault-row{border-top:1px solid var(--line);padding:10px 0;display:grid;gap:6px}.acct-file strong,.acct-vault-row strong{font-size:13px}.acct-file span,.acct-vault-row span{display:block;color:var(--muted);font-size:11px}
.acct-meta{color:var(--muted);font-size:11px}.acct-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.acct-actions .button{font-size:11px;padding:6px 10px}
.acct-note{padding:10px 12px;border-radius:8px;font-size:12px;border:1px solid var(--line)}.acct-note.good{color:var(--lime)}.acct-note.bad{color:var(--warning)}
.acct-secret{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:10px;font-size:12px;display:grid;gap:4px}.acct-secret code{user-select:all}

/* agent-workspace.css */
/* Desktop agent workspace */
#view-agents .page-header { margin-bottom:16px; }
#view-agents .page-header h1 { font-size:30px; }
.agent-operations-layout { min-height:calc(100vh - 255px); display:grid; grid-template-columns:360px minmax(0,1fr); gap:0; overflow:hidden; border:1px solid var(--line); border-radius:var(--radius-lg); background:var(--surface); }
.agent-operations-layout:has(.agent-detail:not(.hidden)) { grid-template-columns:360px minmax(0,1fr); }
.agent-rail { min-width:0; display:flex; flex-direction:column; border-right:1px solid var(--line); background:#0c0f0d; transition:width .18s ease; }
.agent-rail-heading { min-height:68px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 14px; border-bottom:1px solid var(--line); }
.agent-rail-heading span,.agent-rail-heading strong { display:block; }
.agent-rail-heading span { color:var(--dim); font-size:10px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; }
.agent-rail-heading strong { margin-top:3px; font-size:15px; }
.agent-rail-heading .icon-button { width:34px; height:34px; background:transparent; }
.agent-rail .agent-toolbar { display:block; margin:0; padding:11px; border-bottom:1px solid var(--line); }
.agent-rail .agent-search { width:100%; margin-bottom:8px; }
.agent-rail .agent-filters { gap:4px; }
.agent-rail .agent-filters button { min-height:34px; padding:0 11px; font-size:10px; }
.agent-rail .agent-roster-meta { min-height:35px; margin:0; padding:7px 11px; border:0; border-bottom:1px solid var(--line); border-radius:0; background:transparent; }
.agent-rail .agent-roster-meta small { display:none; }
.agent-rail .agent-roster { flex:1; max-height:none; overflow:auto; gap:0; padding:0; }
.agent-rail .agent-group { border:0; border-bottom:1px solid var(--line); border-radius:0; background:transparent; }
.agent-rail .agent-group-title { height:38px; padding:0 14px; color:#929b94; font-size:10px; }
.agent-rail .agent-row { min-height:76px; grid-template-columns:44px minmax(0,1fr) auto; gap:11px; padding:10px 14px; }
.agent-rail .agent-row-avatar .agent-avatar { width:42px; height:42px; }
.agent-rail .agent-row-copy strong { font-size:13px; line-height:1.25; }
.agent-rail .agent-row-copy small { margin-top:3px; color:#89928b; font-size:10px; line-height:1.25; }
.agent-rail .agent-row-copy em,.agent-rail .agent-row > svg { display:none; }
.agent-rail .agent-row-state { padding:5px 8px; font-size:9px; }
.agent-rail .agent-roster-end { display:none; }
.agent-operations-layout.rail-collapsed,.agent-operations-layout.rail-collapsed:has(.agent-detail:not(.hidden)) { grid-template-columns:72px minmax(0,1fr); }
.rail-collapsed .agent-rail-heading { justify-content:center; padding-inline:0; }
.rail-collapsed .agent-rail-heading > div,.rail-collapsed .agent-toolbar,.rail-collapsed .agent-roster-meta,.rail-collapsed .agent-group-title { display:none; }
.rail-collapsed .agent-rail-heading .icon-button svg { transform:rotate(180deg); }
.rail-collapsed .agent-row { min-height:58px; grid-template-columns:1fr; justify-items:center; padding:9px 0; }
.rail-collapsed .agent-row-copy,.rail-collapsed .agent-row-state { display:none; }
.rail-collapsed .agent-row.selected { box-shadow:inset 3px 0 var(--lime); background:var(--lime-soft); }
.agent-detail { position:relative; top:auto; width:100%; max-height:calc(100vh - 255px); overflow:auto; padding:0; border:0; border-radius:0; background:#0e110f; }
.agent-record-header { position:sticky; top:0; z-index:5; min-height:84px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:14px 20px; border-bottom:1px solid var(--line); background:rgba(14,17,15,.94); backdrop-filter:blur(18px); }
.agent-record-header .agent-detail-header { flex:1; grid-template-columns:50px minmax(0,1fr) auto; }
.agent-record-header .agent-detail-header > .agent-avatar { width:50px; height:50px; }
.agent-record-header .agent-detail-header h2 { font-size:20px; }
.agent-record-header .agent-detail-header p { margin-top:3px; color:#9ca49e; font-size:13px; }
.agent-record-actions { flex:0 0 auto; }
.agent-record-actions .button { min-width:112px; }
.agent-record-grid { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr); gap:16px; padding:18px; }
.agent-record-primary,.agent-record-secondary { min-width:0; }
.agent-detail-back { display:none; }
.agent-workspace-empty { min-height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:40px; text-align:center; }
.agent-workspace-empty > span { width:48px; height:48px; display:grid; place-items:center; border-radius:14px; color:var(--lime); background:var(--lime-soft); }
.agent-workspace-empty svg { width:22px; }.agent-workspace-empty strong { margin-top:14px; font-size:14px; }.agent-workspace-empty p { margin:5px 0 0; color:var(--dim); font-size:10px; }
.operating-policy-card { border:1px solid var(--line); border-radius:12px; background:rgba(14,19,15,.72); overflow:hidden; }
.operating-policy-card > div { display:flex; gap:11px; align-items:flex-start; padding:15px; }
.operating-policy-card small { display:block; color:var(--muted); font-size:9px; letter-spacing:.08em; text-transform:uppercase; }
.operating-policy-card strong { display:block; margin-top:3px; font-size:13px; }
.operating-policy-card p { margin:4px 0 0; color:var(--dim); font-size:10px; line-height:1.45; }
.operating-mode-dot { width:9px; height:9px; margin-top:5px; border-radius:50%; background:var(--lime); box-shadow:0 0 0 4px var(--lime-soft); flex:0 0 auto; }
.operating-mode-dot.paused { background:var(--warning); box-shadow:0 0 0 4px rgba(255,184,77,.1); }
.operating-policy-card details { border-top:1px solid var(--line); }
.operating-policy-card summary { display:flex; align-items:center; justify-content:space-between; padding:11px 15px; color:var(--muted); font-size:10px; cursor:pointer; }
.operating-policy-card summary svg { width:14px; height:14px; }
.operating-policy-card ul { margin:0; padding:0 20px 14px 33px; color:var(--dim); font-size:10px; line-height:1.5; }
.operating-policy-card li + li { margin-top:5px; }

/* Readable agent workspaces without changing the accepted visual system */
.agent-record-primary .operating-policy-card small,.agent-record-primary .role-metric small,.agent-record-primary .role-subtitle,.agent-record-primary .role-chart-head,.agent-record-primary .record-section > small,.agent-record-secondary .detail-compact-metrics small,.agent-record-secondary .usage-values small,.agent-record-secondary .kb-guidance small { font-size:10px; }
.agent-record-primary .operating-policy-card strong,.agent-record-primary .role-profile-head strong,.agent-record-primary .contact-heading strong,.agent-record-secondary .usage-head strong,.agent-record-secondary .knowledge-heading strong,.agent-record-secondary .detail-section-title span { font-size:13px; }
.agent-record-primary .operating-policy-card p,.agent-record-primary .role-profile-head p,.agent-record-primary .contact-heading p,.agent-record-primary .record-section p,.agent-record-primary .record-section ul,.agent-record-secondary .knowledge-heading p,.agent-record-secondary .reasoning-summary p { font-size:11px; line-height:1.55; }
.agent-record-primary .role-metric { min-height:88px; padding:13px; }
.agent-record-primary .role-metric strong { font-size:19px; }
.agent-record-primary .role-metric span,.agent-record-primary .role-access-row small,.agent-record-primary .role-profile-source,.agent-record-primary .contact-source { font-size:9px; }
.agent-record-primary .role-access-row { min-height:42px; }
.agent-record-primary .role-access-row strong { font-size:11px; }
.agent-record-primary .contact-group > summary,.agent-record-secondary .kb-node > summary,.agent-record-secondary .kb-file { min-height:60px; }
.agent-record-primary .contact-group > summary strong,.agent-record-secondary .kb-node > summary strong,.agent-record-secondary .kb-file strong,.agent-record-secondary .mini-work-row strong,.agent-record-secondary .reasoning-summary strong { font-size:12px; }
.agent-record-primary .contact-group > summary small,.agent-record-primary .contact-copy small,.agent-record-primary .contact-copy a,.agent-record-primary .contact-copy em,.agent-record-secondary .kb-node > summary small,.agent-record-secondary .kb-file small,.agent-record-secondary .mini-work-row small,.agent-record-secondary .detail-section-title small { font-size:10px; }
.agent-record-primary .contact-row { min-height:70px; }
.agent-record-primary .contact-copy strong { font-size:12px; }
.agent-record-secondary .detail-compact-metrics span { min-height:72px; padding:12px; }
.agent-record-secondary .detail-compact-metrics strong { font-size:14px; }
.agent-record-secondary .usage-card,.agent-record-secondary .knowledge-base { margin-top:14px; padding:14px; }
.agent-record-secondary .knowledge-base { padding:0; }
.agent-record-secondary .usage-head small,.agent-record-secondary .usage-breakdown,.agent-record-secondary .usage-foot,.agent-record-secondary .usage-ranges button { font-size:9px; }
.agent-record-secondary .usage-values span { min-height:72px; padding:12px; }
.agent-record-secondary .usage-values strong { font-size:20px; }
.agent-record-secondary .detail-section { margin-top:17px; padding-top:16px; }
.agent-record-secondary .reasoning-summary { padding:14px; }
.agent-record-secondary .mini-work-row { min-height:56px; padding:11px 1px; }
.research-delegations { margin-top:14px; border:1px solid var(--line); border-radius:12px; background:var(--surface); overflow:hidden; }
.research-delegations-head { display:flex; gap:11px; align-items:flex-start; padding:15px; border-bottom:1px solid var(--line); }
.research-delegations-head > span { width:34px; height:34px; display:grid; place-items:center; flex:0 0 auto; border-radius:10px; color:var(--lime); background:var(--lime-soft); }
.research-delegations-head svg { width:17px; height:17px; }
.research-delegations-head strong { display:block; font-size:13px; }
.research-delegations-head p { margin:4px 0 0; color:var(--dim); font-size:11px; line-height:1.5; }
.research-delegation { padding:14px 15px; }
.research-delegation + .research-delegation { border-top:1px solid var(--line); }
.research-delegation > div:first-child { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.research-delegation time,.research-delegation > small { color:var(--muted); font-size:9px; }
.research-delegation > strong { display:block; margin-top:10px; font-size:12px; }
.research-delegation > p { margin:5px 0 0; color:var(--dim); font-size:11px; line-height:1.55; white-space:pre-wrap; }
.research-delegation details { margin-top:11px; border:1px solid var(--line); border-radius:9px; background:rgba(9,12,10,.55); overflow:hidden; }
.research-delegation summary { min-height:38px; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:9px 11px; color:var(--muted); font-size:10px; cursor:pointer; }
.research-delegation summary svg { width:13px; height:13px; }
.research-delegation details > div { padding:0 11px 11px; color:var(--dim); font-size:10px; line-height:1.55; }
.bda-workspace { padding:16px; }
.bda-snapshot { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:10px; }
.bda-snapshot-three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.bda-snapshot article { min-height:108px; display:flex; flex-direction:column; padding:15px; border:1px solid var(--line); border-radius:12px; background:var(--surface); }
.bda-snapshot small { color:var(--muted); font-size:10px; }
.bda-snapshot strong { margin:13px 0 7px; font-size:25px; line-height:1; letter-spacing:-.045em; }
.bda-snapshot span { margin-top:auto; color:var(--dim); font-size:9px; }
.bda-panel { margin-top:10px; overflow:hidden; border:1px solid var(--line); border-radius:13px; background:var(--surface); }
.bda-database-launch-head { width:100%; min-height:84px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:14px 16px; border:0; border-bottom:1px solid var(--line); background:transparent; color:var(--text); text-align:left; cursor:pointer; }
.bda-database-launch-head:hover { background:rgba(204,255,0,.025); }
.bda-database-launch-head span,.bda-database-launch-head small,.bda-database-launch-head strong,.bda-database-launch-head em { display:block; }
.bda-database-launch-head small { color:var(--dim); font-size:8px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.bda-database-launch-head strong { margin-top:4px; font-size:15px; }
.bda-database-launch-head em { margin-top:4px; color:var(--dim); font-size:9px; font-style:normal; }
.bda-database-launch-head > b { display:flex; align-items:center; gap:6px; color:var(--lime); font-size:9px; white-space:nowrap; }
.bda-database-launch-head svg { width:14px; }
.bda-database-preview { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.bda-database-preview-row { min-width:0; min-height:66px; display:grid; grid-template-columns:minmax(0,1fr) auto 14px; align-items:center; gap:10px; padding:10px 12px; border:0; border-left:1px solid var(--line); background:transparent; color:var(--text); text-align:left; cursor:pointer; }
.bda-database-preview-row:first-child { border-left:0; }
.bda-database-preview-row:hover { background:rgba(204,255,0,.025); }
.bda-database-preview-row span,.bda-database-preview-row strong,.bda-database-preview-row small { display:block; min-width:0; }
.bda-database-preview-row strong { overflow:hidden; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.bda-database-preview-row small { margin-top:3px; overflow:hidden; color:var(--dim); font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.bda-database-preview-row svg { width:13px; color:var(--dim); }
.bda-database-page { min-height:100%; padding:16px; }
.bda-database-page-head { min-height:76px; display:flex; align-items:center; gap:16px; padding:0 2px 6px; }
.bda-database-page-head .button { flex:0 0 auto; gap:7px; }
.bda-database-page-head .button svg { width:14px; }
.bda-database-page-head > div span { color:var(--dim); font-size:8px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.bda-database-page-head h2 { margin:3px 0; font-size:20px; }
.bda-database-page-head p { margin:0; color:var(--dim); font-size:9px; }
.bda-database-page > .bda-database { margin-top:0; }
.agent-operations-layout.bda-database-open { display:block; }
.bda-database-open .agent-rail { display:none; }
.bda-database-open .agent-detail { max-height:calc(100vh - 255px); }
.bda-database-open .agent-record-header { display:none; }
.bda-section-head { min-height:64px; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 14px; border-bottom:1px solid var(--line); }
.bda-section-head span { color:var(--dim); font-size:8px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.bda-section-head h3 { margin:3px 0 0; font-size:14px; }
.bda-section-head > small { color:var(--dim); font-size:8px; }
.bda-stage-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); }
.bda-stage { min-width:0; min-height:90px; position:relative; display:flex; flex-direction:column; padding:12px; border-left:1px solid var(--line); overflow:hidden; }
.bda-stage:first-child { border-left:0; }
.bda-stage span { min-height:27px; color:var(--muted); font-size:8px; line-height:1.3; }
.bda-stage strong { margin-top:auto; font-size:20px; }
.bda-stage > i { position:absolute; right:0; bottom:0; left:0; height:3px; background:linear-gradient(90deg,var(--warning) var(--stage-fill),transparent var(--stage-fill)); }
.bda-database-toolbar { min-height:57px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:9px 14px; border-bottom:1px solid var(--line); background:#101311; }
.bda-database-toolbar > small { flex:0 0 auto; color:var(--dim); font-size:10px; }
.bda-filter-row { display:flex; gap:7px; overflow-x:auto; padding:0; scrollbar-width:none; }
.bda-filter-row button { flex:0 0 auto; min-height:34px; padding:0 13px; border:1px solid var(--line); border-radius:7px; background:#151916; color:var(--muted); font-size:10px; cursor:pointer; }
.bda-filter-row button.active { border-color:rgba(204,255,0,.35); background:var(--lime-soft); color:var(--lime); }
.bda-table-wrap { overflow:auto; background:#0f1210; }
.bda-table-wrap table { width:100%; min-width:1050px; table-layout:fixed; border-collapse:separate; border-spacing:0; text-align:left; }
.bda-table-wrap th { position:sticky; top:0; z-index:2; height:44px; padding:0 16px; border-bottom:1px solid var(--line-strong); border-right:1px solid var(--line); color:#a2aaa4; background:#141714; font-size:10px; font-weight:650; letter-spacing:.01em; text-transform:none; white-space:nowrap; }
.bda-table-wrap th:nth-child(1) { width:28%; }.bda-table-wrap th:nth-child(2) { width:9%; }.bda-table-wrap th:nth-child(3) { width:13%; }.bda-table-wrap th:nth-child(4) { width:12%; }.bda-table-wrap th:nth-child(5) { width:15%; }.bda-table-wrap th:nth-child(6) { width:20%; }.bda-table-wrap th:nth-child(7) { width:3%; }
.bda-table-wrap td { height:72px; padding:12px 16px; border-bottom:1px solid rgba(255,255,255,.075); border-right:1px solid rgba(255,255,255,.045); color:#bac1bc; font-size:11px; line-height:1.35; vertical-align:middle; }
.bda-table-wrap th:last-child,.bda-table-wrap td:last-child { border-right:0; }
.bda-table-wrap td strong,.bda-table-wrap td small { display:block; }
.bda-table-wrap td strong { color:#f4f6f4; font-size:12px; font-weight:650; }
.bda-table-wrap td small { margin-top:5px; overflow:hidden; color:#7f8982; font-size:9.5px; text-overflow:ellipsis; white-space:nowrap; }
.bda-company-cell { display:grid; grid-template-columns:34px minmax(0,1fr); align-items:center; gap:11px; }
.bda-company-cell > span:last-child { min-width:0; }
.bda-company-cell strong,.bda-company-cell small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bda-company-mark { width:32px; height:32px; display:grid; place-items:center; border:1px solid rgba(204,255,0,.15); border-radius:7px; color:var(--lime); background:rgba(204,255,0,.055); font-size:12px; font-weight:750; }
.bda-rank { display:inline-flex; min-width:38px; min-height:26px; align-items:center; justify-content:center; padding:0 8px; border:1px solid var(--line); border-radius:6px; color:#d8ddd9; background:#171b18; font-size:11px; font-weight:700; }
.bda-score { color:var(--lime) !important; font-size:13px !important; }
.bda-row-open { padding-inline:9px !important; color:var(--dim) !important; text-align:center; }
.bda-row-open svg { width:14px; }
.bda-table-wrap tr[data-bda-prospect] { cursor:pointer; outline:none; }
.bda-table-wrap tr[data-bda-prospect]:nth-child(even) td { background:rgba(255,255,255,.012); }
.bda-table-wrap tr[data-bda-prospect]:hover td,.bda-table-wrap tr[data-bda-prospect]:focus td { background:rgba(204,255,0,.045); }
.bda-prospect-detail { position:fixed; z-index:240; inset:0; display:flex; justify-content:flex-end; }
.bda-detail-backdrop { position:absolute; inset:0; border:0; background:rgba(0,0,0,.7); backdrop-filter:blur(4px); cursor:default; }
.bda-detail-shell { position:relative; width:min(960px,calc(100vw - 90px)); height:100dvh; display:flex; flex-direction:column; border-left:1px solid var(--line-strong); background:#0e110f; box-shadow:-28px 0 90px rgba(0,0,0,.55); }
.bda-detail-shell > header { min-height:100px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:19px 24px; border-bottom:1px solid var(--line); background:rgba(14,17,15,.96); }
.bda-detail-shell > header span { color:var(--lime); font-size:10px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; }
.bda-detail-shell > header h3 { margin:4px 0; font-size:26px; }
.bda-detail-shell > header p { margin:0; color:#929b94; font-size:12px; }
.bda-detail-shell > header svg { width:17px; }
.bda-detail-scroll { flex:1; overflow:auto; padding:20px; overscroll-behavior:contain; }
.bda-detail-score { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); overflow:hidden; border:1px solid var(--line); border-radius:12px; background:var(--surface); }
.bda-detail-score > span { min-height:86px; display:flex; flex-direction:column; justify-content:center; padding:14px 16px; border-left:1px solid var(--line); }
.bda-detail-score > span:first-child { border-left:0; }
.bda-detail-score small { color:#879088; font-size:10px; text-transform:uppercase; letter-spacing:.05em; }
.bda-detail-score strong { margin-top:7px; font-size:15px; line-height:1.35; overflow-wrap:anywhere; }
.bda-apollo-panel { margin-top:10px; overflow:hidden; border:1px solid rgba(131,191,255,.22); border-radius:12px; background:linear-gradient(135deg,rgba(131,191,255,.055),rgba(17,21,18,.98)); }
.bda-apollo-panel > header { min-height:82px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 16px; border-bottom:1px solid var(--line); }
.bda-apollo-panel > header span { color:var(--info); font-size:9px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; }
.bda-apollo-panel > header h4 { margin:4px 0 2px; font-size:15px; }.bda-apollo-panel > header p { margin:0; color:#8e9891; font-size:10px; }
.bda-apollo-saved { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-bottom:1px solid var(--line); }
.bda-apollo-saved > span { min-width:0; padding:13px 15px; border-left:1px solid var(--line); }.bda-apollo-saved > span:first-child { border-left:0; }
.bda-apollo-saved small,.bda-apollo-saved strong { display:block; }.bda-apollo-saved small { color:#879088; font-size:9px; text-transform:uppercase; }.bda-apollo-saved strong { margin-top:5px; overflow-wrap:anywhere; font-size:12px; }
.bda-apollo-note,.bda-apollo-empty { margin:0; padding:11px 15px; color:#879088; font-size:10px; line-height:1.5; }
.bda-apollo-candidates { padding:8px; }.bda-apollo-candidate { min-height:66px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:10px 11px; border-top:1px solid var(--line); }
.bda-apollo-candidate:first-child { border-top:0; }.bda-apollo-candidate > div { min-width:0; }.bda-apollo-candidate strong,.bda-apollo-candidate small,.bda-apollo-candidate em { display:block; }
.bda-apollo-candidate strong { font-size:12px; }.bda-apollo-candidate small { margin-top:3px; color:#a4ada6; font-size:10px; }.bda-apollo-candidate em { margin-top:4px; color:#748078; font-size:9px; font-style:normal; }
.bda-apollo-approval { margin:10px; padding:14px; border:1px solid rgba(244,201,93,.25); border-radius:9px; background:rgba(244,201,93,.055); }.bda-apollo-approval > strong { color:var(--warning); font-size:12px; }.bda-apollo-approval p { margin:5px 0; font-size:11px; }.bda-apollo-approval small { display:block; color:#939c95; font-size:9px; line-height:1.5; }.bda-apollo-approval > div { display:flex; gap:8px; margin-top:11px; }
.bda-instagram-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); overflow:hidden; margin-top:10px; border:1px solid var(--line); border-radius:12px; background:var(--surface); }
.bda-instagram-metrics > span { min-width:0; min-height:82px; display:flex; flex-direction:column; justify-content:center; padding:13px 15px; border-left:1px solid var(--line); }
.bda-instagram-metrics > span:first-child { border-left:0; }
.bda-instagram-metrics small { color:#879088; font-size:10px; text-transform:uppercase; letter-spacing:.05em; }
.bda-instagram-metrics strong { margin-top:6px; overflow-wrap:anywhere; font-size:14px; line-height:1.35; }
.bda-evidence-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:10px; }
.bda-evidence-image { min-width:0; overflow:hidden; border:1px solid var(--line); border-radius:12px; background:var(--surface); }
.bda-evidence-image > div { display:flex; justify-content:space-between; gap:10px; padding:13px 15px; }
.bda-evidence-image strong { font-size:13px; }.bda-evidence-image small { color:#879088; font-size:10px; }
.bda-evidence-preview { display:block; overflow:hidden; border-block:1px solid var(--line); background:#f3f3ef; cursor:zoom-in; }
.bda-evidence-image img { width:100%; height:auto; display:block; background:#f3f3ef; }
.bda-image-unavailable { width:100%; min-height:64px; display:grid; place-items:center; padding:16px; background:#090b0a; }
.bda-evidence-image img { filter:brightness(1.12) saturate(1.04) contrast(1.02); }
.bda-image-unavailable { display:grid; place-items:center; color:#939b95; font-size:11px; }
.bda-evidence-image p { margin:0; padding:11px 15px; color:#879088; font-size:10px; line-height:1.45; }
.bda-evidence-image a,.bda-detail-group a { color:var(--info); overflow-wrap:anywhere; }
.bda-detail-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:14px; align-items:start; }
.bda-detail-group { overflow:hidden; border:1px solid var(--line); border-radius:12px; background:var(--surface); }
.bda-detail-group h4 { margin:0; padding:15px 16px; border-bottom:1px solid var(--line); background:#151815; font-size:14px; line-height:1.25; }
.bda-detail-group dl { margin:0; }
.bda-detail-group dl > div { display:grid; grid-template-columns:145px minmax(0,1fr); gap:16px; padding:13px 16px; border-top:1px solid var(--line); }
.bda-detail-group dl > div:first-child { border-top:0; }
.bda-detail-group dt { color:#8f9891; font-size:10.5px; font-weight:600; line-height:1.45; }.bda-detail-group dd { margin:0; color:#c2c8c3; font-size:12px; line-height:1.55; overflow-wrap:anywhere; }
.bda-temp { display:inline-flex; padding:4px 7px; border-radius:10px; color:var(--dim); background:var(--surface-3); font-size:7px; font-weight:700; text-transform:uppercase; }
.bda-temp.hot { color:var(--critical); background:rgba(255,107,107,.08); }.bda-temp.warm { color:var(--warning); background:rgba(244,201,93,.08); }.bda-temp.cold { color:var(--info); background:rgba(131,191,255,.08); }
.bda-empty { min-height:230px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:28px; text-align:center; }
.bda-empty > span { width:43px; height:43px; display:grid; place-items:center; border-radius:13px; color:var(--warning); background:rgba(244,201,93,.08); }
.bda-empty svg { width:21px; }
.bda-empty strong { margin-top:13px; font-size:13px; }
.bda-empty p { max-width:480px; margin:5px 0 15px; color:var(--dim); font-size:10px; }
.bda-calendar-week,.bda-calendar-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); }
.bda-calendar-week { border-bottom:1px solid var(--line); }
.bda-calendar-week span { padding:7px 9px; color:var(--dim); font-size:8px; text-align:right; }
.bda-calendar-day { min-height:76px; padding:8px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.bda-calendar-day:nth-child(7n) { border-right:0; }
.bda-calendar-day b { width:22px; height:22px; margin-left:auto; display:grid; place-items:center; border-radius:50%; color:var(--muted); font-size:9px; }
.bda-calendar-day.today b { background:var(--lime); color:#080a09; }
.bda-calendar-day i { display:block; margin-top:4px; padding:3px 5px; overflow:hidden; border-radius:5px; background:rgba(131,191,255,.07); color:var(--info); font-size:7px; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.bda-control-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.bda-control-grid > span { min-height:75px; display:grid; grid-template-columns:7px minmax(0,1fr); align-content:center; gap:2px 8px; padding:12px; border-left:1px solid var(--line); }
.bda-control-grid > span:first-child { border-left:0; }
.bda-control-grid i { grid-row:1 / span 2; width:7px; height:7px; margin-top:4px; border-radius:50%; background:var(--dim); }
.bda-control-grid i.connected { background:var(--positive); }.bda-control-grid i.guarded { background:var(--warning); }.bda-control-grid i.offline { background:var(--critical); }
.bda-control-grid small { color:var(--dim); font-size:8px; }.bda-control-grid strong { font-size:9px; }
@media (max-width:1180px) and (min-width:761px) {
  .agent-operations-layout { grid-template-columns:72px minmax(0,1fr); }
  .agent-rail-heading > div,.agent-rail .agent-toolbar,.agent-rail .agent-roster-meta,.agent-rail .agent-group-title { display:none; }
  .agent-rail-heading { justify-content:center; padding-inline:0; }
  .agent-rail-heading .icon-button svg { transform:rotate(180deg); }
  .agent-rail .agent-row { min-height:58px; grid-template-columns:1fr; justify-items:center; padding:9px 0; }
  .agent-rail .agent-row-copy,.agent-rail .agent-row-state { display:none; }
  .bda-snapshot { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .bda-stage-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .bda-stage:nth-child(5) { border-left:0; }.bda-stage:nth-child(n+5) { border-top:1px solid var(--line); }
}
@media (max-width:760px) {
  .agent-operations-layout,.agent-operations-layout:has(.agent-detail:not(.hidden)),.agent-operations-layout.rail-collapsed { min-height:0; display:block; overflow:visible; border:0; border-radius:0; background:transparent; }
  .agent-rail { display:block; border:0; background:transparent; }
  .agent-rail-heading { display:none; }
  .agent-rail .agent-toolbar { padding:0; border:0; }
  .agent-rail .agent-search { margin-bottom:9px; }
  .agent-rail .agent-roster-meta { margin:1px 0 10px; padding:9px 11px; border:1px solid rgba(204,255,0,.16); border-radius:11px; }
  .agent-rail .agent-roster-meta small { display:block; font-size:11px; line-height:1.35; }
  .agent-rail .agent-roster { overflow:visible; padding-bottom:calc(92px + env(safe-area-inset-bottom)); }
  .agent-rail .agent-group { margin-bottom:10px; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); }
  .agent-rail .agent-group-title { display:flex; height:42px; padding:0 14px; font-size:11px; }
  .agent-rail .agent-row { min-height:86px; grid-template-columns:48px minmax(0,1fr) 8px; padding:12px 14px; }
  .agent-rail .agent-row-avatar .agent-avatar { width:46px; height:46px; }
  .agent-rail .agent-row-copy strong { font-size:14px; }
  .agent-rail .agent-row-copy small { font-size:11px; }
  .agent-rail .agent-row-state { color:#aeb6b0; }
  .agent-rail .agent-group-title b { color:#c2c9c3; }
  .agent-rail .agent-row-copy { display:block; }.agent-rail .agent-row-state { display:inline-flex; grid-column:2; justify-self:start; }
  .agent-detail { display:none; position:fixed; top:0; max-height:100dvh; }
  .agent-workspace-empty { display:none; }
  .agent-detail-open .agent-detail { display:block; }
  .agent-record-header { position:relative; min-height:0; display:block; padding:0 0 13px; background:#0b0d0c; backdrop-filter:none; }
  .agent-record-header .agent-detail-header { grid-template-columns:40px 44px minmax(0,1fr); }
  .agent-record-header .agent-detail-header > .agent-avatar { width:44px; height:44px; }
  .agent-record-header .agent-detail-header h2 { font-size:21px; }
  .agent-record-header .agent-detail-header p { font-size:12px; line-height:1.4; }
  .agent-detail-back { display:grid; }
  .agent-record-actions { margin-top:12px; }.agent-record-actions .button { width:100%; }
  .agent-record-grid { display:block; padding:0; }.agent-record-secondary { margin-top:12px; }
  .bda-workspace { padding:0; }
  .agent-operations-layout.bda-database-open { display:block; }
  .bda-database-open .agent-detail { display:block; }
  .bda-database-open .agent-record-header { display:none; }
  .bda-database-page { padding:0; }
  .bda-database-page-head { display:block; padding:0 0 10px; }
  .bda-database-page-head .button { width:100%; justify-content:center; margin-bottom:10px; }
  .bda-database-page-head h2 { font-size:17px; }
  .bda-database-toolbar { display:block; padding:9px 0 0; border:1px solid var(--line); border-bottom:0; border-radius:10px 10px 0 0; }
  .bda-database-toolbar > small { display:block; padding:0 11px 9px; font-size:9px; }
  .bda-filter-row { padding:0 9px 9px; }
  .bda-table-wrap { border:1px solid var(--line); border-radius:0 0 10px 10px; }
  .bda-table-wrap table { width:100%; min-width:0; max-width:100%; display:block; table-layout:auto; overflow:hidden; }
  .bda-table-wrap thead { display:none; }
  .bda-table-wrap tbody,.bda-table-wrap tr,.bda-table-wrap td { min-width:0; max-width:100%; display:block; width:100%; }
  .bda-table-wrap tr[data-bda-prospect] { position:relative; padding:14px 42px 14px 14px; overflow:hidden; border-bottom:1px solid var(--line); background:#111412; }
  .bda-table-wrap tr[data-bda-prospect]:last-child { border-bottom:0; }
  .bda-table-wrap td { height:auto; min-height:0; padding:0; border:0; background:transparent !important; }
  .bda-table-wrap td:not(.bda-company-cell):not(.bda-row-open) { display:inline-flex; width:auto; margin:10px 8px 0 0; vertical-align:top; }
  .bda-table-wrap td:not(.bda-company-cell):not(.bda-row-open) small { display:none; }
  .bda-company-cell { display:grid; }
  .bda-company-cell strong { font-size:13px; }
  .bda-company-cell small { max-width:260px; font-size:9px; }
  .bda-row-open { position:absolute; top:25px; right:12px; display:block !important; width:auto !important; margin:0 !important; }
  .bda-score { min-height:26px; display:inline-flex !important; align-items:center; padding:0 8px; border-radius:6px; background:var(--lime-soft); font-size:11px !important; }
  .bda-snapshot { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .bda-snapshot-three { grid-template-columns:1fr; }
  .bda-snapshot article { min-height:94px; padding:11px; }.bda-snapshot strong { font-size:21px; }
  .bda-database-launch-head { align-items:flex-start; flex-direction:column; }
  .bda-database-launch-head > b { align-self:flex-start; }
  .bda-database-preview { grid-template-columns:1fr; }
  .bda-database-preview-row { border-left:0; border-top:1px solid var(--line); }
  .bda-database-preview-row:first-child { border-top:0; }
  .bda-stage-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .bda-stage { border-top:1px solid var(--line); }.bda-stage:nth-child(odd) { border-left:0; }.bda-stage:nth-child(-n+2) { border-top:0; }
  .bda-calendar-day { min-height:52px; padding:5px; }.bda-calendar-day i { display:none; }
  .bda-control-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.bda-control-grid > span:nth-child(odd) { border-left:0; }.bda-control-grid > span:nth-child(n+3) { border-top:1px solid var(--line); }
  .bda-prospect-detail { z-index:260; }
  .bda-detail-shell { width:100vw; border-left:0; }
  .bda-detail-shell > header { min-height:76px; padding:calc(12px + env(safe-area-inset-top)) 14px 12px; }
  .bda-detail-shell > header h3 { font-size:22px; }
  .bda-detail-shell > header > div { min-width:0; padding-right:10px; }
  .bda-detail-shell > header p { max-width:calc(100vw - 86px); }
  .bda-detail-scroll { padding:10px 10px calc(22px + env(safe-area-inset-bottom)); }
  .bda-detail-score { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .bda-detail-score > span:nth-child(odd) { border-left:0; }.bda-detail-score > span:nth-child(n+3) { border-top:1px solid var(--line); }
  .bda-evidence-grid,.bda-detail-columns { grid-template-columns:1fr; }
  .bda-apollo-panel > header,.bda-apollo-candidate { align-items:flex-start; flex-direction:column; }.bda-apollo-panel > header .button,.bda-apollo-candidate .button { width:100%; justify-content:center; }
  .bda-apollo-saved { grid-template-columns:repeat(2,minmax(0,1fr)); }.bda-apollo-saved > span:nth-child(odd) { border-left:0; }.bda-apollo-saved > span:nth-child(n+3) { border-top:1px solid var(--line); }
  .bda-apollo-approval > div { flex-direction:column; }.bda-apollo-approval .button { width:100%; justify-content:center; }
  .bda-instagram-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .bda-instagram-metrics > span:nth-child(odd) { border-left:0; }
  .bda-instagram-metrics > span:nth-child(n+3) { border-top:1px solid var(--line); }
  .bda-detail-group h4 { padding:14px; font-size:14px; }
  .bda-detail-group dl > div { grid-template-columns:112px minmax(0,1fr); gap:12px; padding:12px 14px; }
  .bda-detail-group dt { font-size:10px; }
  .bda-detail-group dd { font-size:12px; }
}

/* comms-rakazo.css */
/* X7HQ Communications: Rakazo-inspired design language (design only, no code copied).
   Scope: Communications view + collapsible left menu. Markup, IDs and logic are unchanged. */
/* Desktop only (761px and wider). Phones keep the original mobile layout. */
@media (min-width:761px) {


/* ---------- Collapsible left menu ---------- */
.sidebar { transition: width .2s ease, padding .2s ease; }
.workspace { transition: margin-left .2s ease; }
.nav-toggle { display:none; }
@media (min-width:761px) {
  .brand { position:relative; }
  .nav-toggle { display:grid; place-items:center; margin-left:auto; width:30px; height:30px; border:0; border-radius:8px; background:transparent; color:var(--dim); cursor:pointer; }
  .nav-toggle:hover { background:rgba(255,255,255,.05); color:var(--text); }
  .nav-toggle svg { width:16px; height:16px; transition:transform .2s ease; }
  body.nav-collapsed { --sidebar: 68px; }
  body.nav-collapsed .sidebar { padding:24px 10px 18px; }
  body.nav-collapsed .brand { padding:0 0 22px; flex-direction:column; gap:10px; align-items:center; }
  body.nav-collapsed .brand > span:not(.brand-glyph) { display:none; }
  body.nav-collapsed .nav-toggle { margin:0; }
  body.nav-collapsed .nav-toggle svg { transform:rotate(180deg); }
  body.nav-collapsed .nav-item { justify-content:center; padding:0; }
  body.nav-collapsed .nav-item > span:not([data-icon]),
  body.nav-collapsed .nav-item kbd,
  body.nav-collapsed .profile > span:not(.avatar) { display:none; }
  body.nav-collapsed .profile { justify-content:center; padding:8px; }
  body.nav-collapsed .nav-item.active:before { left:-10px; }
  /* floating peek: hover the rail to read labels without moving the page */
  body.nav-collapsed .sidebar:hover { width:236px; padding:24px 16px 18px; box-shadow:18px 0 48px rgba(0,0,0,.45); }
  body.nav-collapsed .sidebar:hover .brand { flex-direction:row; padding:0 10px 28px; }
  body.nav-collapsed .sidebar:hover .brand > span:not(.brand-glyph),
  body.nav-collapsed .sidebar:hover .nav-item > span:not([data-icon]),
  body.nav-collapsed .sidebar:hover .nav-item kbd,
  body.nav-collapsed .sidebar:hover .profile > span:not(.avatar) { display:revert; }
  body.nav-collapsed .sidebar:hover .nav-toggle { margin-left:auto; }
  body.nav-collapsed .sidebar:hover .nav-item { justify-content:flex-start; padding:0 12px; }
  body.nav-collapsed .sidebar:hover .profile { justify-content:flex-start; padding:10px; }
}

/* ---------- Communications: tokens ---------- */
.communications-view {
  --rk-bg:#0b0c0e; --rk-side:#111215; --rk-card:#141518; --rk-accent:#1a1b20;
  --rk-border:#1c1d22; --rk-user:#22242b; --rk-text:#ececee; --rk-muted:#85858a;
  --rk-radius:12px;
}
.communications-view.active { height:100vh; max-width:none; margin:-42px calc(-1 * clamp(28px,4vw,64px)) -72px; }
.communications-view .compact-header { display:none; }
.communications-layout {
  flex:1; border:0; border-radius:0; background:var(--rk-bg);
  grid-template-columns:minmax(280px,328px) 1fr;
}

/* ---------- Conversation list ---------- */
.room-panel { background:var(--rk-side); border-right:1px solid var(--rk-border); }
.room-panel:before {
  content:"Messages"; display:block; padding:20px 18px 6px; color:var(--rk-text);
  font-size:17px; font-weight:620; letter-spacing:-.02em;
}
.room-tools { padding:8px 14px 10px; border:0; }
.search-field { height:38px; border:1px solid var(--rk-border); border-radius:10px; background:var(--rk-bg); }
.search-field:focus-within { border-color:#3b82f6; box-shadow:0 0 0 3px rgba(59,130,246,.14); }
.room-list { padding:2px 8px 16px; }
.room-item {
  min-height:64px; border-radius:var(--rk-radius); padding:9px 10px; gap:11px;
  transition:background .14s ease;
}
.room-item:hover { background:var(--rk-accent); }
.room-item.active { background:var(--rk-accent); box-shadow:inset 2px 0 0 var(--lime); }
.room-mark { background:transparent; }
.room-copy strong { font-size:13.5px; font-weight:590; color:var(--rk-text); }
.room-copy p { font-size:12px; color:var(--rk-muted); margin-top:3px; }
.room-time { color:var(--rk-muted); font-size:11px; }
.room-task-badge { background:rgba(59,130,246,.13); color:#6ea8fe; border-radius:5px; }
.room-archive { border-top-color:var(--rk-border); }
.room-archive-toggle:hover { background:var(--rk-accent); }

/* ---------- Thread ---------- */
.thread-panel { background:var(--rk-bg); }
.thread-header {
  min-height:60px; padding:10px 22px; background:rgba(11,12,14,.86);
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  border-bottom:1px solid var(--rk-border); position:relative; z-index:3;
}
.thread-header h2 { font-size:14.5px; font-weight:610; color:var(--rk-text); }
.thread-header p { color:var(--rk-muted); font-size:12px; }
.member-chip { border-color:var(--rk-border); background:var(--rk-side); }
.work-status { background:var(--rk-side); border-bottom:1px solid var(--rk-border); }
.work-status.complete { background:var(--rk-side); }
.shared-workroom-brief { border-color:var(--rk-border); background:var(--rk-side); }

.message-list { padding:26px clamp(18px,5vw,64px) 14px; scroll-behavior:smooth; }
.message { max-width:780px; margin:0 auto 20px; grid-template-columns:30px minmax(0,1fr); gap:12px; }
.message.user { grid-template-columns:minmax(0,1fr); justify-content:stretch; }
.message.user .message-avatar { display:none; }
.message.user .message-copy { text-align:right; }
.message-avatar { width:30px; height:30px; background:transparent; border-radius:9px; }
.message-avatar > .agent-avatar { width:28px; height:28px; }
.message-meta { color:var(--rk-muted); font-size:11.5px; margin-bottom:4px; }

/* assistant: flat text, no box (Rakazo style) */
.message-text {
  background:transparent; border:0; border-radius:0; padding:2px 0;
  font-size:14.5px; line-height:1.65; color:var(--rk-text);
}
/* user: soft rounded bubble */
.message.user .message-text {
  background:var(--rk-user); color:var(--rk-text); border:0;
  border-radius:18px 18px 4px 18px; padding:10px 15px; max-width:min(560px,92%);
}
.message.user .message-text strong { color:#fff; }
.message.user .message-text code { background:rgba(255,255,255,.08); border-color:transparent; color:var(--rk-text); }
.message-text code { background:var(--rk-card); border:1px solid var(--rk-border); color:#cfd3dc; border-radius:6px; }

/* system / event lines become quiet chips */
.message-event { margin-block:2px 14px; }
.message-event .message-text {
  display:inline-flex; align-items:center; gap:6px; padding:5px 12px; border-radius:999px;
  background:var(--rk-card); border:1px solid var(--rk-border); color:var(--rk-muted); font-size:12.5px;
}
/* final integrated answer: gentle card */
.message-final .message-text,
.message-confirmation .message-text {
  background:var(--rk-card); border:1px solid var(--rk-border); border-radius:14px; padding:14px 16px;
}
.message-active .message-text { border:0; }
.live-status { background:rgba(59,130,246,.12); color:#6ea8fe; }
.live-status i { background:#6ea8fe; box-shadow:0 0 0 3px rgba(59,130,246,.12); }
.final-status { background:rgba(78,203,113,.14); color:#4ecb71; }
.event-status { background:transparent; color:var(--rk-muted); }
.message-collapsed .message-text-wrap::after { background:linear-gradient(transparent,var(--rk-bg) 85%); }
.message-final.message-collapsed .message-text-wrap::after { background:linear-gradient(transparent,var(--rk-card) 85%); }

/* workroom link and action buttons */
.room-link { border-radius:999px; border-color:var(--rk-border); background:var(--rk-card); color:var(--rk-text); min-height:32px; font-size:12.5px; }
.room-link:hover { background:var(--rk-accent); }
.message-actions button { background:var(--rk-card); border-color:var(--rk-border); border-radius:10px; font-size:12px; }
.message-actions button:first-child { background:var(--rk-text); color:var(--rk-bg); border-color:var(--rk-text); }
.message-attachment { background:var(--rk-card); border-color:var(--rk-border); border-radius:12px; }

/* ---------- Composer ---------- */
.composer-zone { margin:0 auto 18px; width:min(780px,calc(100% - 36px)); }
.composer-row { align-items:flex-end; }
.composer {
  border-radius:20px; background:var(--rk-card); border:1px solid var(--rk-border);
  padding:13px 56px 13px 18px; box-shadow:0 8px 30px rgba(0,0,0,.28);
}
.composer:focus-within { border-color:#3b82f6; box-shadow:0 0 0 3px rgba(59,130,246,.12), 0 8px 30px rgba(0,0,0,.28); }
.composer-plus { width:46px; height:46px; background:var(--rk-card); border-color:var(--rk-border); }
.composer-plus:hover { background:var(--rk-accent); }
.send-button { background:var(--rk-text); color:var(--rk-bg); }
.message-editor { font-size:15px; }
.mention-menu { background:rgba(20,21,24,.98); border-color:var(--rk-border); border-radius:14px; }
.mention-menu button:hover, .mention-menu button:active { background:var(--rk-accent); }
.voice-recorder { background:rgba(20,21,24,.99); border-color:var(--rk-border); }
.attachment-chip { background:var(--rk-card); border-color:var(--rk-border); }

/* ---------- Mobile (Rakazo-style full-screen list and thread) ---------- */



/* ---------- Mobile fixes: thread fills the screen, brief never overlaps ---------- */




}

/* ---------- Smooth arrival of new messages ---------- */
.message-enter { animation:rkEnter .2s cubic-bezier(.2,.7,.2,1) both; }
@keyframes rkEnter { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:none; } }
.live-status i, .thinking-dots i { will-change:opacity, transform; }
.message-list { overflow-anchor:auto; }

/* codex/documents.css */
.cd-library{margin-top:28px;border:1px solid #29403c;border-radius:22px;padding:24px;background:#0e1d23;color:#e4f2ed}.cd-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.cd-heading h2{font-size:32px;margin:10px 0}.cd-heading p,.cd-privacy,.cd-item p,.cd-form-help{color:#9ab1ae;line-height:1.6}.cd-status{padding:12px 0;color:#bde9d1;min-height:24px}.cd-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 24px}.cd-toolbar input{flex:1;min-width:180px}.cd-library input,.cd-library select,.cd-library textarea{box-sizing:border-box;max-width:100%;background:#0a151b;color:#e4f2ed;border:1px solid #34514b;border-radius:10px;padding:12px;font:inherit}.cd-library input[type=checkbox]{width:auto}.cd-library button,.cd-library a{cursor:pointer;background:#203a36;color:#dcf5e8;border:1px solid #426359;border-radius:10px;padding:10px 14px;font:inherit;text-decoration:none}.cd-library button:disabled{opacity:.5;cursor:wait}.cd-library button:hover{border-color:#79d7b9}.cd-item{display:flex;align-items:center;gap:16px;padding:20px 0;border-top:1px solid #243a36}.cd-item>div:nth-child(2){flex:1;min-width:0}.cd-item h3{font-size:17px;margin:0 0 6px;overflow-wrap:anywhere}.cd-item p{font-size:13px;margin:0 0 6px;overflow-wrap:anywhere}.cd-item small{color:#7c9890;overflow-wrap:anywhere}.cd-file-icon{font-size:30px;color:#a4e0c7}.cd-item-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.cd-item-actions button{font-size:12px}.cd-empty{padding:36px 12px;text-align:center;color:#a4bcb7;border:1px dashed #3a564b;border-radius:14px}.cd-privacy{font-size:12px;border-top:1px solid #243a36;padding-top:20px;margin-top:24px}.cd-form,.cd-access{padding:24px;border:1px solid #375a4f;border-radius:16px;margin-top:24px;background:#10232a}.cd-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cd-form label,.cd-access label{display:flex;flex-direction:column;gap:8px;color:#c5d9d1;font-size:13px;margin-bottom:14px}.cd-access label:has(input[type=checkbox]){flex-direction:row;align-items:center}.cd-upload,.cd-note-input,.cd-table-input{margin-top:18px}.cd-form-actions{display:flex;gap:10px}.cd-note-preview{white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;border:1px solid #375a4f;border-radius:12px;max-height:500px;overflow:auto}.cd-table-scroll{overflow:auto;max-height:500px;margin:20px 0}.cd-table{border-collapse:collapse;min-width:100%;font-size:13px}.cd-table td,.cd-table th{border:1px solid #35594b;padding:12px;text-align:left;white-space:pre-wrap;min-width:80px}.cd-table th{background:#1c3930;position:sticky;top:0}.cd-grants p{line-height:1.8;overflow-wrap:anywhere}.cd-library [hidden]{display:none!important}@media(max-width:650px){.cd-library{padding:16px;border-radius:16px}.cd-heading{align-items:flex-start}.cd-heading h2{font-size:26px}.cd-fields{grid-template-columns:1fr}.cd-item{align-items:flex-start;flex-wrap:wrap}.cd-item-actions{width:100%;justify-content:flex-start;margin-left:40px}.cd-toolbar input,.cd-toolbar select{width:100%;flex:auto}.cd-form,.cd-access{padding:16px}.cd-heading p{font-size:13px}}

.cd-section-title p,.cd-section-owner,.cd-agent-status{color:#9ab1ae;font-size:13px;line-height:1.6}.cd-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.cd-section{padding:16px;background:#10242a;border:1px solid #34514b;border-radius:12px;min-width:0}.cd-section summary{cursor:pointer;line-height:1.6;font-weight:600}.cd-section summary small{display:block;color:#a3bdb3;font-weight:400}.cd-field{display:flex;gap:10px;align-items:center;justify-content:space-between;border-top:1px solid #29433c;padding:12px 0}.cd-field strong{font-size:13px;overflow-wrap:anywhere}.cd-field small{display:block;color:#a1b5ae;font-size:11px;margin-top:4px}.cd-field button{font-size:11px;flex-shrink:0;padding:8px}.cd-portals{padding:16px;border:1px solid #34514b;border-radius:12px;margin:18px 0}.cd-portals p{font-size:12px;line-height:1.6}.cd-portals a{display:inline-block;padding:7px 10px}.cd-portals span{display:block;color:#a3bdb3;margin-top:8px}.cd-agent-status{padding-bottom:18px;border-bottom:1px solid #34514b}@media(max-width:750px){.cd-section-grid{grid-template-columns:1fr}.cd-field{align-items:flex-start}.cd-field>div{min-width:0}}
.cd-views{display:flex;gap:8px;margin:18px 0}.cd-views button{border:1px solid #263742;background:#0e1b25;color:#b2c5d2;border-radius:20px;padding:9px 18px;font:inherit;cursor:pointer}.cd-views button[aria-pressed=true]{background:#202a10;color:#CCFF00;border-color:#617329}.cd-library .cd-toolbar[hidden],.cd-library .cd-sections[hidden]{display:none!important}.cd-brand-kit{--kit-ink:#f4f6ee;--kit-muted:#a2ad98;border:1px solid #313b25;border-radius:24px;padding:28px;background:linear-gradient(130deg,rgba(204,255,0,.025),transparent 55%),#10130c;color:var(--kit-ink);margin:20px 0}.cd-kit-breadcrumb{font-size:11px;color:var(--kit-muted);margin-bottom:24px;line-height:1.6}.cd-kit-hero{display:grid;grid-template-columns:230px minmax(0,1fr);gap:32px;align-items:center}.cd-kit-logo{aspect-ratio:1;background:#CCFF00;display:grid;place-items:center;overflow:hidden;border-radius:0}.cd-kit-logo img{display:block;width:100%;height:100%;object-fit:contain}.cd-kit-eyebrow{font-size:10px;color:#CCFF00;letter-spacing:.12em}.cd-brand-kit h3{font-size:28px;line-height:1.2;letter-spacing:-.03em;margin:12px 0}.cd-kit-version{font-size:12px;color:var(--kit-muted);margin:10px 0}.cd-kit-description{font-size:13px;color:var(--kit-muted);line-height:1.7;max-width:520px}.cd-kit-downloads{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.cd-kit-downloads button{font:inherit;font-size:11px;color:var(--kit-ink);background:#1c2215;border:1px solid #36412a;border-radius:10px;padding:10px 12px;cursor:pointer}.cd-kit-downloads button:first-child{background:#CCFF00;color:#111800;border-color:#CCFF00}.cd-kit-details{display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid #2b3221;margin-top:30px;padding-top:26px}.cd-kit-details h4{margin:0 0 18px;font-size:13px}.cd-kit-palette{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:320px}.cd-kit-palette>div{display:flex;flex-direction:column;gap:8px}.cd-kit-palette span{height:72px;width:100%;border:1px solid #36412a;border-radius:10px}.cd-kit-palette strong{font-size:12px}.cd-kit-palette small,.cd-kit-type small{font-size:11px;color:var(--kit-muted);line-height:1.6}.cd-kit-type{display:flex;flex-direction:column;gap:7px;margin-bottom:20px}.cd-kit-type strong{font-size:22px;letter-spacing:-.02em}.cd-kit-usage{grid-column:1/-1}.cd-kit-usage ol{display:grid;grid-template-columns:1fr 1fr;gap:14px 32px;padding-left:18px;margin:0;color:var(--kit-muted);font-size:12px;line-height:1.7}.cd-kit-integrity{border-top:1px solid #2b3221;padding-top:20px;margin-top:26px;font-size:10px;color:var(--kit-muted);line-height:1.7}.cd-kit-downloads button:focus-visible,.cd-views button:focus-visible{outline:2px solid #CCFF00;outline-offset:3px}@media(max-width:700px){.cd-brand-kit{padding:20px;border-radius:20px}.cd-kit-hero{grid-template-columns:1fr;gap:24px}.cd-kit-logo{width:100%;max-width:280px;margin:auto}.cd-brand-kit h3{font-size:24px}.cd-kit-details{grid-template-columns:1fr;gap:26px}.cd-kit-usage ol{grid-template-columns:1fr;gap:10px}.cd-kit-breadcrumb{font-size:10px}.cd-kit-downloads button{min-height:42px}.cd-kit-palette{max-width:none}}

/* Fluid startup v2: only compositor transforms and opacity move; no synthetic wait. */
@keyframes X7FluidFloat { 0%,100% { transform:translate3d(0,0,0); } 50% { transform:translate3d(0,-5px,0); } }
@keyframes X7FluidOrbit { to { transform:rotate(360deg); } }
@keyframes X7FluidLight { 0%,100% { opacity:.18; transform:rotate(-18deg) scale(.96); } 50% { opacity:.65; transform:rotate(22deg) scale(1.04); } }
@keyframes X7FluidEnter { from { opacity:0; transform:translate3d(0,6px,0) scale(.97); } to { opacity:1; transform:translate3d(0,0,0) scale(1); } }

.hq-startup-logo { position:relative; isolation:isolate; overflow:visible; border-radius:50%; background:linear-gradient(145deg,#ffffff13,#ffffff03 58%,#ccff000a); -webkit-backdrop-filter:none; backdrop-filter:none; animation:X7FluidFloat 3.2s ease-in-out infinite; will-change:transform; filter:none; }
.hq-startup-logo::before { content:''; position:absolute; inset:-11px; box-sizing:border-box; border:2px solid rgba(204,255,0,.1); border-top-color:rgba(204,255,0,.8); border-right-color:rgba(255,0,168,.38); border-radius:50%; pointer-events:none; animation:X7FluidOrbit 2.4s linear infinite; will-change:transform; }
.hq-startup-logo::after { content:''; position:absolute; inset:0; border-radius:50%; background:linear-gradient(135deg,#ffffff2e,transparent 40%,transparent 60%,#ccff0010); pointer-events:none; animation:X7FluidLight 3.6s ease-in-out infinite; will-change:transform,opacity; }
@media(prefers-reduced-motion:reduce) { .hq-startup-logo, .hq-startup-logo::before, .hq-startup-logo::after { animation:none!important; will-change:auto; } }

.hq-startup-card { animation:X7FluidEnter 350ms cubic-bezier(.16,1,.3,1) both; }
@media(prefers-reduced-motion:reduce) { .hq-startup-card { animation:none; } }

.hq-brand-boot:has(#boot-retry:not(.hidden)) .hq-startup-logo,.hq-brand-boot:has(#boot-retry:not(.hidden)) .hq-startup-logo::before,.hq-brand-boot:has(#boot-retry:not(.hidden)) .hq-startup-logo::after { animation:none; will-change:auto; }