: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:310px; display:flex; flex-wrap:wrap; gap:7px; margin-top:7px; }.message.user .message-attachments { justify-content:flex-end; }.message-attachment { min-height:35px; 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; font-size:10px; }.message-attachment svg { width:16px; margin-left:9px; }.message-attachment span { max-width:180px; padding-right:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.image-attachment { display:grid; }.image-attachment img { display:block; width:150px; height:105px; object-fit:cover; }.image-attachment span { padding:0 9px 8px; }
.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; }

/* 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%; }
.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; }
@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; }
  .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; }
}
.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); }