:root {
  color-scheme: dark;
  --bg: #080b14;
  --bg-elevated: #0d1220;
  --panel: rgba(17, 23, 38, 0.86);
  --panel-solid: #111726;
  --panel-soft: #151c2c;
  --line: rgba(255, 255, 255, 0.08);
  --line-strong: rgba(255, 255, 255, 0.14);
  --text: #f4f6fb;
  --muted: #8d97aa;
  --subtle: #616c80;
  --accent: #7c6cff;
  --accent-2: #a89cff;
  --cyan: #4ed6c8;
  --green: #4ed69b;
  --amber: #ffbd66;
  --red: #ff6f7d;
  --blue: #5da7ff;
  --shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
  --radius: 22px;
  --sidebar: 264px;
  --font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  overflow-x: hidden;
  color: var(--text);
  background:
    radial-gradient(circle at 68% -10%, rgba(124, 108, 255, 0.15), transparent 32rem),
    radial-gradient(circle at 105% 70%, rgba(78, 214, 200, 0.07), transparent 30rem),
    var(--bg);
  font: 14px/1.5 var(--font);
  -webkit-font-smoothing: antialiased;
}
button, input, textarea, select { font: inherit; }
button { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button:focus-visible, input:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid var(--accent-2);
  outline-offset: 2px;
}

.app-shell { min-height: 100vh; }
.sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 30;
  display: flex;
  width: var(--sidebar);
  flex-direction: column;
  padding: 25px 16px 18px;
  border-right: 1px solid var(--line);
  background: rgba(8, 11, 20, 0.86);
  backdrop-filter: blur(24px);
}
.brand {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 2px 10px 28px;
  color: var(--text);
  text-decoration: none;
  letter-spacing: -0.04em;
  font-size: 20px;
}
.brand span:last-child { display: flex; gap: 5px; align-items: baseline; }
.brand strong { font-weight: 760; }
.brand em { color: var(--accent-2); font-size: 11px; font-style: normal; letter-spacing: 0.12em; }
.brand-mark {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid rgba(168, 156, 255, 0.42);
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(124, 108, 255, 0.3), rgba(78, 214, 200, 0.08));
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 8px 22px rgba(70, 48, 190, 0.22);
}
.brand-mark svg { width: 22px; fill: none; stroke: #d9d3ff; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.brand-mark.hero { width: 58px; height: 58px; margin-bottom: 18px; border-radius: 18px; }
.brand-mark.hero svg { width: 30px; }

.nav-list { display: grid; gap: 5px; }
.nav-item {
  display: grid;
  grid-template-columns: 23px 1fr auto;
  align-items: center;
  width: 100%;
  min-height: 45px;
  padding: 0 12px;
  border: 1px solid transparent;
  border-radius: 13px;
  color: var(--muted);
  background: transparent;
  cursor: pointer;
  text-align: left;
  transition: 160ms ease;
}
.nav-item:hover { color: var(--text); background: rgba(255, 255, 255, 0.035); }
.nav-item.active {
  color: #fff;
  border-color: rgba(141, 127, 255, 0.18);
  background: linear-gradient(90deg, rgba(124, 108, 255, 0.18), rgba(124, 108, 255, 0.05));
  box-shadow: inset 3px 0 var(--accent);
}
.nav-item svg, [data-icon] svg, [data-icon-button] svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.nav-item b { min-width: 22px; padding: 1px 6px; border-radius: 99px; color: var(--subtle); background: rgba(255,255,255,.05); font-size: 10px; text-align: center; }
.nav-item.active b { color: #c8c0ff; background: rgba(124,108,255,.15); }
.sidebar-spacer { flex: 1; }

.ai-launch {
  display: grid;
  grid-template-columns: 37px 1fr 18px;
  gap: 10px;
  align-items: center;
  width: 100%;
  padding: 12px;
  margin-bottom: 10px;
  border: 1px solid rgba(124, 108, 255, 0.2);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(124, 108, 255, 0.14), rgba(78, 214, 200, 0.05));
  cursor: pointer;
  text-align: left;
}
.ai-launch:hover { border-color: rgba(124, 108, 255, 0.42); transform: translateY(-1px); }
.ai-launch span:nth-child(2), .sync-card span:last-child, .profile-card span:nth-child(2), .ai-panel header span span { display: grid; min-width: 0; }
.ai-launch strong, .sync-card strong, .profile-card strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.ai-launch small, .sync-card small, .profile-card small, .ai-panel header small { color: var(--muted); font-size: 10px; }
.ai-orb, .mini-orb {
  position: relative;
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 50%;
  background: conic-gradient(from 210deg, #6e5cff, #b994ff, #4ed6c8, #6e5cff);
  box-shadow: 0 0 24px rgba(124, 108, 255, 0.28);
}
.ai-orb::after, .mini-orb::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: inherit;
  background: #121727;
}
.ai-orb i { position: relative; z-index: 1; width: 9px; height: 9px; border-radius: 50%; background: #fff; box-shadow: 0 0 11px #fff; }
.ai-orb.large { width: 42px; height: 42px; }

.sync-card, .profile-card { display: flex; align-items: center; gap: 10px; padding: 11px 10px; }
.sync-card { width: 100%; border: 0; border-bottom: 1px solid var(--line); color: inherit; background: transparent; cursor: pointer; text-align: left; }
.sync-card:hover { background: rgba(255,255,255,.025); }
.sync-card:disabled { cursor: wait; opacity: .72; }
.sync-action { margin-left: auto; color: var(--subtle); font-size: 17px; transition: transform .2s ease; }
.sync-card:hover .sync-action { color: var(--accent-2); transform: rotate(35deg); }
.sync-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--amber); box-shadow: 0 0 0 4px rgba(255, 189, 102, 0.1); }
.sync-dot.ok { background: var(--green); box-shadow: 0 0 0 4px rgba(78, 214, 155, 0.1); }
.sync-dot.error { background: var(--red); box-shadow: 0 0 0 4px rgba(255, 111, 125, 0.1); }
.sync-dot.running { background: var(--cyan); box-shadow: 0 0 0 4px rgba(78, 214, 200, 0.1); animation: syncPulse 1s infinite ease-in-out; }
@keyframes syncPulse { 50% { transform: scale(1.35); opacity: .62; } }
.avatar { display: grid; width: 34px; height: 34px; flex: 0 0 auto; place-items: center; border-radius: 11px; color: #e4e0ff; background: #2a254c; font-size: 11px; font-weight: 700; }
.profile-card button { margin-left: auto; border: 0; color: var(--subtle); background: transparent; cursor: pointer; }

.main-content { min-height: 100vh; margin-left: var(--sidebar); }
.topbar {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  height: 76px;
  align-items: center;
  gap: 20px;
  padding: 0 clamp(20px, 3.2vw, 48px);
  border-bottom: 1px solid var(--line);
  background: rgba(8, 11, 20, 0.72);
  backdrop-filter: blur(22px);
}
.global-search { display: flex; width: min(520px, 52vw); align-items: center; gap: 10px; padding: 10px 13px; border: 1px solid var(--line); border-radius: 13px; color: var(--subtle); background: rgba(255,255,255,.025); }
.global-search:focus-within { border-color: rgba(124, 108, 255, 0.45); background: rgba(124,108,255,.045); }
.global-search input { min-width: 0; flex: 1; border: 0; outline: 0; color: var(--text); background: transparent; }
.global-search input::placeholder { color: var(--subtle); }
kbd { padding: 1px 6px; border: 1px solid var(--line-strong); border-bottom-width: 2px; border-radius: 6px; color: var(--subtle); background: rgba(255,255,255,.03); font: 10px var(--font); }
.topbar-actions { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.icon-button, .mobile-menu { position: relative; display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid var(--line); border-radius: 12px; color: var(--muted); background: rgba(255,255,255,.025); cursor: pointer; }
.icon-button:hover { color: var(--text); border-color: var(--line-strong); }
.icon-button i { position: absolute; top: 8px; right: 8px; width: 5px; height: 5px; border-radius: 50%; background: var(--red); }
.copilot-button, .primary-button {
  display: inline-flex;
  min-height: 41px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 16px;
  border: 1px solid rgba(168,156,255,.28);
  border-radius: 12px;
  color: white;
  background: linear-gradient(135deg, #6857e8, #8878ff);
  box-shadow: 0 10px 26px rgba(78, 56, 190, 0.24), inset 0 1px rgba(255,255,255,.16);
  cursor: pointer;
  font-weight: 650;
}
.copilot-button:hover, .primary-button:hover { filter: brightness(1.08); transform: translateY(-1px); }
.primary-button:disabled { cursor: wait; opacity: .68; transform: none; }
.mobile-menu { display: none; }

.view-container { max-width: 1620px; margin: 0 auto; padding: 38px clamp(20px, 3.2vw, 48px) 72px; }
.intelligence-hero { position: relative; display: grid; grid-template-columns: minmax(0,1.5fr) 190px minmax(240px,.7fr); gap: 22px; margin: 0 0 26px; padding: 26px; overflow: hidden; border: 1px solid rgba(124,108,255,.24); border-radius: 22px; background: radial-gradient(circle at 80% 0%, rgba(93,167,255,.12), transparent 34%), linear-gradient(135deg, rgba(124,108,255,.12), rgba(13,19,33,.92) 55%); box-shadow: 0 22px 70px rgba(0,0,0,.16); }
.intelligence-hero::after { content:""; position:absolute; right:-70px; bottom:-100px; width:260px; height:260px; border-radius:50%; background:rgba(78,214,200,.05); filter:blur(18px); pointer-events:none; }
.intelligence-copy, .pressure-card, .brief-metrics { position:relative; z-index:1; }
.intelligence-copy .eyebrow { display:flex; align-items:center; gap:9px; }
.intelligence-copy .ai-orb { width:22px; height:22px; }
.intelligence-copy .ai-orb i { width:5px; height:5px; }
.intelligence-copy h2 { max-width:760px; margin:7px 0 8px; font-size:clamp(22px,2.5vw,34px); letter-spacing:-.035em; }
.intelligence-copy > p:not(.eyebrow) { max-width:740px; margin:0; color:var(--muted); line-height:1.65; }
.intelligence-actions { display:flex; align-items:center; gap:14px; margin-top:20px; }
.intelligence-actions > span { color:var(--subtle); font-size:10px; }
.pressure-card { display:grid; align-content:center; justify-items:center; padding:18px; border:1px solid var(--line); border-radius:18px; background:rgba(5,8,16,.38); text-align:center; }
.pressure-card > span { color:var(--muted); font-size:10px; }
.pressure-card > strong { margin:6px 0 0; font-size:34px; line-height:1; letter-spacing:-.06em; }
.pressure-card > small { margin-top:5px; color:var(--subtle); font-size:9px; }
.pressure-card > i { width:100%; height:4px; margin-top:15px; overflow:hidden; border-radius:99px; background:var(--line); }
.pressure-card > i::after { content:""; display:block; width:var(--pressure); height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--green),var(--amber),var(--red)); }
.brief-metrics { display:grid; align-content:center; gap:9px; }
.brief-metrics > span { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 13px; border:1px solid var(--line); border-radius:13px; background:rgba(5,8,16,.26); }
.brief-metrics strong { font-size:18px; }
.brief-metrics small { color:var(--muted); font-size:9px; text-align:right; }
.plan-layout { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr); gap:20px; align-items:start; }
.plan-stack { display:grid; gap:12px; }
.plan-action { display:grid; grid-template-columns:52px 1fr; gap:17px; padding:20px; border:1px solid var(--line); border-radius:18px; background:var(--panel); }
.plan-action.critical { border-color:rgba(255,111,125,.24); background:linear-gradient(135deg,rgba(255,111,125,.06),var(--panel) 45%); }
.plan-action.high { border-color:rgba(255,189,102,.2); }
.plan-index { display:grid; width:44px; height:44px; place-items:center; border:1px solid var(--line-strong); border-radius:13px; color:var(--accent-2); background:rgba(124,108,255,.08); font-size:12px; font-weight:700; }
.plan-title { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.plan-title .eyebrow { margin:0; }
.priority-label { padding:4px 7px; border-radius:7px; color:var(--muted); background:rgba(255,255,255,.04); font-size:8px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.plan-action.critical .priority-label { color:var(--red); background:rgba(255,111,125,.08); }
.plan-action.high .priority-label { color:var(--amber); background:rgba(255,189,102,.08); }
.plan-content h3 { margin:6px 0 7px; font-size:18px; }
.plan-content > p { margin:0; color:var(--muted); line-height:1.6; }
.plan-content dl { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:16px 0; }
.plan-content dl div { padding:11px 12px; border:1px solid var(--line); border-radius:11px; background:rgba(255,255,255,.015); }
.plan-content dt { color:var(--subtle); font-size:8px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.plan-content dd { margin:5px 0 0; color:var(--muted); font-size:10px; line-height:1.5; }
.plan-buttons { display:flex; flex-wrap:wrap; gap:8px; }
.plan-buttons .primary-button { min-height:34px; padding:0 12px; font-size:11px; }
.why-domo { position:sticky; top:96px; overflow:hidden; }
.why-domo .panel-header { padding-bottom:14px; }
.why-flow { display:grid; padding:0 20px 20px; }
.why-step { display:grid; grid-template-columns:34px 1fr; gap:11px; padding:14px 0; border-top:1px solid var(--line); }
.why-step > span { display:grid; width:28px; height:28px; place-items:center; border-radius:9px; color:var(--accent-2); background:rgba(124,108,255,.1); font-size:9px; font-weight:700; }
.why-step strong { font-size:12px; }
.why-step p { margin:4px 0 0; color:var(--muted); font-size:10px; line-height:1.5; }
.method-note { display:flex; gap:11px; margin:0 20px 20px; padding:13px; border:1px solid rgba(78,214,155,.16); border-radius:12px; color:var(--green); background:rgba(78,214,155,.05); }
.method-note > span { flex:0 0 auto; }
.method-note p { display:grid; gap:3px; margin:0; color:var(--muted); font-size:9px; line-height:1.5; }
.method-note strong { color:var(--green); font-size:10px; }
.loading-state { display: grid; min-height: 72vh; place-items: center; align-content: center; gap: 10px; text-align: center; }
.loading-state span { color: var(--muted); }
.loading-orb { display: flex; gap: 5px; margin-bottom: 12px; }
.loading-orb i { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); animation: bounce 1s infinite ease-in-out; }
.loading-orb i:nth-child(2) { animation-delay: .12s; background: var(--accent-2); }
.loading-orb i:nth-child(3) { animation-delay: .24s; background: var(--cyan); }
@keyframes bounce { 0%, 70%, 100% { transform: translateY(0); opacity: .45; } 35% { transform: translateY(-8px); opacity: 1; } }

.page-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 28px; }
.page-header h1 { margin: 3px 0 5px; font-size: clamp(28px, 3vw, 42px); font-weight: 680; letter-spacing: -0.045em; line-height: 1.08; }
.page-header h1 span { color: var(--accent-2); }
.page-header p { max-width: 680px; margin: 0; color: var(--muted); }
.eyebrow { margin: 0; color: var(--accent-2); font-size: 10px; font-weight: 750; letter-spacing: .14em; text-transform: uppercase; }
.header-meta { display: flex; align-items: center; gap: 8px; }
.status-pill, .chip { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid var(--line); border-radius: 99px; color: var(--muted); background: rgba(255,255,255,.025); font-size: 11px; }
.status-pill i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 8px var(--green); }

.kpi-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 14px; }
.kpi-card, .panel, .insight-card, .building-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--line);
  background: linear-gradient(145deg, rgba(20, 27, 44, .9), rgba(13, 18, 31, .92));
  box-shadow: inset 0 1px rgba(255,255,255,.025);
}
.kpi-card { min-height: 155px; padding: 21px; border-radius: 19px; }
.kpi-card::after { content: ""; position: absolute; inset: auto -28px -54px auto; width: 120px; height: 120px; border-radius: 50%; background: var(--glow, rgba(124,108,255,.12)); filter: blur(18px); }
.kpi-top { display: flex; align-items: center; justify-content: space-between; color: var(--muted); font-size: 12px; }
.kpi-icon { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 11px; color: var(--kpi, var(--accent-2)); background: color-mix(in srgb, var(--kpi, var(--accent)) 13%, transparent); }
.kpi-value { margin: 18px 0 5px; font-size: clamp(27px, 2.4vw, 36px); font-weight: 700; letter-spacing: -.045em; line-height: 1; }
.kpi-foot { display: flex; align-items: center; justify-content: space-between; color: var(--subtle); font-size: 11px; }
.delta { color: var(--green); }
.delta.warn { color: var(--amber); }
.kpi-progress { height: 3px; margin-top: 13px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.05); }
.kpi-progress i { display: block; height: 100%; border-radius: inherit; background: var(--kpi, var(--accent)); }

.insights-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-bottom: 14px; }
.insight-card { display: grid; min-height: 160px; grid-template-columns: 42px 1fr; gap: 14px; padding: 19px; border-radius: 19px; cursor: pointer; transition: 180ms ease; }
.insight-card:hover { border-color: var(--line-strong); transform: translateY(-2px); box-shadow: var(--shadow); }
.insight-card .signal { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 13px; color: var(--signal); background: color-mix(in srgb, var(--signal) 12%, transparent); }
.insight-card.critical { --signal: var(--red); }
.insight-card.warning { --signal: var(--amber); }
.insight-card.info { --signal: var(--blue); }
.insight-card h3 { margin: 2px 0 7px; font-size: 15px; }
.insight-card p { margin: 0 0 15px; color: var(--muted); font-size: 12px; }
.text-action { display: inline-flex; align-items: center; gap: 6px; color: var(--signal); font-size: 11px; font-weight: 650; }

.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(300px, .75fr); gap: 14px; margin-bottom: 14px; }
.panel { border-radius: var(--radius); }
.panel-header { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 20px 22px; border-bottom: 1px solid var(--line); }
.panel-header h2, .panel-header h3 { margin: 0; font-size: 15px; }
.panel-header p { margin: 3px 0 0; color: var(--muted); font-size: 11px; }
.panel-body { padding: 20px 22px; }
.ghost-button, .filter-button { display: inline-flex; min-height: 34px; align-items: center; gap: 7px; padding: 0 11px; border: 1px solid var(--line); border-radius: 10px; color: var(--muted); background: rgba(255,255,255,.025); cursor: pointer; font-size: 11px; }
.ghost-button:hover, .filter-button:hover { color: var(--text); border-color: var(--line-strong); }

.chart-wrap { position: relative; height: 230px; }
.chart-wrap svg { width: 100%; height: 190px; overflow: visible; }
.chart-grid line { stroke: rgba(255,255,255,.055); stroke-width: 1; }
.chart-area { fill: url(#areaFill); }
.chart-line { fill: none; stroke: #8c7dff; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 7px rgba(124,108,255,.4)); }
.chart-point { fill: #0f1422; stroke: #b6adff; stroke-width: 2; }
.chart-labels { display: flex; justify-content: space-between; color: var(--subtle); font-size: 10px; }
.chart-summary { display: flex; align-items: baseline; gap: 10px; margin-bottom: 20px; }
.chart-summary strong { font-size: 20px; letter-spacing: -.03em; }
.chart-summary span { color: var(--muted); font-size: 11px; }

.donut-layout { display: grid; place-items: center; gap: 18px; }
.donut { position: relative; display: grid; width: 158px; height: 158px; place-items: center; border-radius: 50%; background: conic-gradient(var(--green) 0 var(--clear), var(--amber) var(--clear) var(--light), var(--accent) var(--light) var(--medium), var(--red) var(--medium) 100%); }
.donut::after { content: ""; position: absolute; inset: 18px; border-radius: 50%; background: var(--panel-solid); box-shadow: inset 0 0 0 1px var(--line); }
.donut-center { position: relative; z-index: 1; display: grid; text-align: center; }
.donut-center strong { font-size: 20px; }
.donut-center small { color: var(--muted); }
.legend { display: grid; width: 100%; gap: 9px; }
.legend-row { display: grid; grid-template-columns: 9px 1fr auto; align-items: center; gap: 8px; color: var(--muted); font-size: 11px; }
.legend-row i { width: 8px; height: 8px; border-radius: 50%; background: var(--dot); }
.legend-row strong { color: var(--text); font-size: 11px; }

.data-table { width: 100%; border-collapse: collapse; }
.data-table th { padding: 0 12px 11px; color: var(--subtle); font-size: 9px; font-weight: 700; letter-spacing: .09em; text-align: left; text-transform: uppercase; }
.data-table td { padding: 13px 12px; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; }
.data-table tr { transition: background 140ms ease; }
.data-table tbody tr:hover { background: rgba(255,255,255,.02); }
.data-table td strong { color: var(--text); font-weight: 580; }
.data-table .right { text-align: right; }
.table-scroll { overflow-x: auto; }
.building-name { display: flex; align-items: center; gap: 10px; min-width: 220px; }
.building-mini { display: grid; width: 32px; height: 32px; flex: 0 0 auto; place-items: center; border-radius: 10px; color: var(--accent-2); background: rgba(124,108,255,.1); }
.building-name span { display: grid; }
.building-name small { color: var(--subtle); }
.risk-score { display: inline-flex; min-width: 48px; align-items: center; gap: 5px; padding: 4px 7px; border-radius: 8px; color: var(--risk); background: color-mix(in srgb, var(--risk) 11%, transparent); font-weight: 650; }
.risk-score.high { --risk: var(--red); }
.risk-score.medium { --risk: var(--amber); }
.risk-score.low { --risk: var(--green); }
.status { display: inline-flex; align-items: center; gap: 6px; padding: 4px 8px; border-radius: 99px; color: var(--muted); background: rgba(255,255,255,.045); font-size: 10px; white-space: nowrap; }
.status::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.status.urgent { color: var(--red); background: rgba(255,111,125,.09); }
.status.open { color: var(--amber); background: rgba(255,189,102,.09); }
.status.done { color: var(--green); background: rgba(78,214,155,.09); }

.toolbar { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; }
.toolbar .filter-search { display: flex; min-width: 240px; flex: 1; align-items: center; gap: 8px; padding: 9px 12px; border: 1px solid var(--line); border-radius: 12px; color: var(--subtle); background: var(--panel); }
.filter-search input { width: 100%; border: 0; outline: 0; color: var(--text); background: transparent; }
.building-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.building-card { min-height: 230px; padding: 20px; border-radius: 19px; cursor: pointer; transition: 180ms ease; }
.building-card:hover { border-color: rgba(124,108,255,.34); transform: translateY(-3px); box-shadow: var(--shadow); }
.building-card header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.building-card h3 { margin: 0 0 4px; font-size: 15px; }
.building-card header p { margin: 0; color: var(--subtle); font-size: 10px; }
.building-card .metric-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin: 22px 0; }
.building-card .metric { display: grid; gap: 2px; padding: 9px; border-radius: 11px; background: rgba(255,255,255,.025); }
.building-card .metric strong { font-size: 14px; }
.building-card .metric small { color: var(--subtle); font-size: 9px; }
.building-card footer { display: flex; align-items: center; justify-content: space-between; padding-top: 14px; border-top: 1px solid var(--line); color: var(--muted); font-size: 10px; }
.adoption-track { width: 74px; height: 5px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.06); }
.adoption-track i { display: block; height: 100%; border-radius: inherit; background: var(--cyan); }

.section-grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, .7fr); gap: 14px; }
.stat-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; border: 1px solid var(--line); border-radius: 18px; overflow: hidden; background: var(--line); margin-bottom: 14px; }
.stat-strip div { padding: 18px; background: var(--panel-solid); }
.stat-strip span { display: block; color: var(--muted); font-size: 11px; }
.stat-strip strong { display: block; margin-top: 4px; font-size: 18px; }
.issue-list { display: grid; gap: 8px; }
.issue-row { display: grid; min-width: 0; grid-template-columns: 38px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 12px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.018); }
.issue-row > div { min-width: 0; }
.issue-row .issue-icon { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 11px; color: var(--amber); background: rgba(255,189,102,.08); }
.issue-row.urgent .issue-icon { color: var(--red); background: rgba(255,111,125,.09); }
.issue-row h4 { overflow: hidden; margin: 0 0 3px; font-size: 12px; font-weight: 580; text-overflow: ellipsis; white-space: nowrap; }
.issue-row p { margin: 0; color: var(--subtle); font-size: 10px; }
.issue-row-action { cursor:pointer; transition:border-color 160ms ease,background 160ms ease,transform 160ms ease; }
.issue-row-action:hover { border-color:rgba(124,108,255,.34); background:rgba(124,108,255,.055); transform:translateY(-1px); }
.issue-row-action:focus-visible { outline:2px solid var(--accent-2); outline-offset:2px; }
.issue-row-copy { display:grid; gap:2px; }
.issue-row-meta { display:flex; min-width:0; flex-wrap:wrap; gap:5px; margin-top:5px; }
.issue-row-meta span { padding:4px 7px; border:1px solid var(--line); border-radius:99px; color:var(--muted); background:rgba(255,255,255,.018); font-size:10px; white-space:nowrap; }
.issue-row-meta .priority-dot::before { content:""; display:inline-block; width:5px; height:5px; margin-right:5px; border-radius:50%; background:var(--green); vertical-align:1px; }
.issue-row-meta .priority-dot.high::before { background:var(--amber); }
.issue-row-meta .priority-dot.critical::before { background:var(--red); box-shadow:0 0 8px rgba(255,111,125,.55); }

.empty-state { display: grid; min-height: 260px; place-items: center; align-content: center; gap: 8px; color: var(--muted); text-align: center; }
.empty-state span:first-child { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 15px; color: var(--green); background: rgba(78,214,155,.09); }
.empty-state strong { color: var(--text); }
.mobile-nav { display: none; }

.nav-item b.agent-working { color:var(--cyan); background:rgba(78,214,200,.12); animation:syncPulse 1.2s infinite ease-in-out; }
.section-hero { --hero-accent:var(--accent); position:relative; display:grid; grid-template-columns:minmax(0,1.45fr) 160px minmax(230px,.55fr); gap:24px; align-items:center; min-height:250px; margin-bottom:14px; padding:30px; overflow:hidden; border:1px solid color-mix(in srgb,var(--hero-accent) 28%,transparent); border-radius:24px; background:radial-gradient(circle at 73% 45%,color-mix(in srgb,var(--hero-accent) 16%,transparent),transparent 18rem),linear-gradient(135deg,color-mix(in srgb,var(--hero-accent) 9%,#111827),rgba(11,15,26,.96)); box-shadow:inset 0 1px rgba(255,255,255,.04),0 24px 70px rgba(0,0,0,.18); }
.section-hero.amber { --hero-accent:var(--amber); }
.section-hero.red { --hero-accent:var(--red); }
.section-hero.cyan { --hero-accent:var(--cyan); }
.section-hero.green { --hero-accent:var(--green); }
.section-hero::after { content:""; position:absolute; right:-80px; top:-140px; width:360px; height:360px; border:1px solid color-mix(in srgb,var(--hero-accent) 18%,transparent); border-radius:50%; box-shadow:0 0 0 45px color-mix(in srgb,var(--hero-accent) 3%,transparent),0 0 0 90px color-mix(in srgb,var(--hero-accent) 2%,transparent); }
.section-hero-copy,.hero-orbit,.hero-metrics { position:relative; z-index:1; }
.section-hero-copy h2 { max-width:720px; margin:8px 0 10px; font-size:clamp(26px,3vw,42px); line-height:1.05; letter-spacing:-.045em; }
.section-hero-copy > p:not(.eyebrow) { max-width:700px; margin:0; color:var(--muted); line-height:1.65; }
.section-hero-action { margin-top:20px; }
.hero-orbit { display:grid; width:130px; height:130px; place-items:center; justify-self:center; border:1px solid color-mix(in srgb,var(--hero-accent) 32%,transparent); border-radius:50%; box-shadow:inset 0 0 40px color-mix(in srgb,var(--hero-accent) 9%,transparent),0 0 45px color-mix(in srgb,var(--hero-accent) 10%,transparent); }
.hero-orbit::before,.hero-orbit::after { content:""; position:absolute; border:1px solid color-mix(in srgb,var(--hero-accent) 18%,transparent); border-radius:50%; }
.hero-orbit::before { inset:15px; }
.hero-orbit::after { inset:34px; }
.hero-orbit span { position:relative; z-index:2; width:26px; height:26px; border-radius:50%; background:var(--hero-accent); box-shadow:0 0 32px var(--hero-accent); }
.hero-orbit span i { position:absolute; top:-39px; left:7px; width:9px; height:9px; border-radius:50%; background:#fff; box-shadow:0 0 12px var(--hero-accent); }
.hero-metrics { display:grid; gap:9px; }
.hero-metrics div { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:13px 14px; border:1px solid var(--line); border-radius:13px; background:rgba(4,7,14,.34); }
.hero-metrics small { color:var(--muted); }
.hero-metrics strong { font-size:17px; }
.segment-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-bottom:14px; }
.segment-card { --segment:var(--green); padding:20px; border:1px solid var(--line); border-radius:19px; background:linear-gradient(145deg,color-mix(in srgb,var(--segment) 6%,var(--panel-solid)),var(--panel)); }
.segment-card.watch { --segment:var(--amber); }
.segment-card.critical { --segment:var(--red); }
.segment-card header { display:flex; align-items:center; justify-content:space-between; color:var(--muted); }
.segment-card header strong { color:var(--segment); font-size:24px; }
.segment-line { height:4px; margin:15px 0; overflow:hidden; border-radius:99px; background:var(--line); }
.segment-line i { display:block; height:100%; border-radius:inherit; background:var(--segment); }
.segment-card dl { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin:0 0 14px; }
.segment-card dl div { padding:9px; border-radius:10px; background:rgba(255,255,255,.025); }
.segment-card dt { color:var(--subtle); font-size:8px; text-transform:uppercase; }
.segment-card dd { margin:3px 0 0; font-size:12px; }
.segment-card > small { color:var(--segment); }
.focus-command { display:grid; grid-template-columns:60px minmax(0,1fr) auto auto; gap:18px; align-items:center; margin-bottom:24px; padding:20px; border:1px solid rgba(124,108,255,.2); border-radius:19px; background:linear-gradient(90deg,rgba(124,108,255,.1),var(--panel)); }
.focus-rank { display:grid; width:52px; height:52px; place-items:center; border-radius:15px; color:var(--accent-2); background:rgba(124,108,255,.13); font-weight:700; }
.focus-command h2 { margin:4px 0; font-size:19px; }
.focus-command p:not(.eyebrow) { margin:0; color:var(--muted); font-size:11px; }
.focus-metrics { display:flex; gap:8px; }
.focus-metrics span { display:grid; min-width:108px; gap:3px; padding:10px; border:1px solid var(--line); border-radius:11px; background:rgba(255,255,255,.02); }
.focus-metrics small { color:var(--subtle); font-size:8px; }
.section-divider { display:flex; align-items:center; gap:12px; margin:26px 0 14px; color:var(--subtle); font-size:9px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.section-divider::after { content:""; height:1px; flex:1; background:var(--line); }
.scenario-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-bottom:14px; }
.scenario-card { position:relative; padding:21px; overflow:hidden; border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,rgba(255,189,102,.07),var(--panel)); }
.scenario-card span { color:var(--amber); font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.scenario-card strong { display:block; margin:7px 0 4px; font-size:22px; letter-spacing:-.04em; }
.scenario-card p { margin:0 0 16px; color:var(--muted); font-size:10px; }
.scenario-card > i { display:block; height:3px; border-radius:99px; background:linear-gradient(90deg,var(--amber),var(--accent)); }
.intelligence-section { margin-bottom:14px; }
.lane-list { display:grid; gap:13px; padding:20px 22px; }
.lane-row { display:grid; grid-template-columns:minmax(120px,170px) 1fr 38px; gap:14px; align-items:center; }
.lane-row > div:first-child { display:grid; }
.lane-row span { color:var(--subtle); font-size:9px; }
.lane-row b { text-align:right; }
.lane-track { height:7px; overflow:hidden; border-radius:99px; background:var(--line); }
.lane-track i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--accent),var(--accent-2)); }
.lane-row.breached .lane-track i { background:var(--red); }
.lane-row.watch .lane-track i { background:var(--amber); }
.cohort-note { display:flex; min-height:100%; flex-direction:column; justify-content:center; padding:26px; background:radial-gradient(circle at 100% 0%,rgba(255,189,102,.12),transparent 16rem),var(--panel); }
.cohort-note h2 { margin:7px 0 9px; font-size:23px; }
.cohort-note > p:not(.eyebrow) { margin:0 0 20px; color:var(--muted); }
.cohort-note .ghost-button { align-self:flex-start; }
.detail-panel { margin-top:14px; }
.cluster-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin-bottom:14px; }
.cluster-card { display:grid; grid-template-columns:38px 1fr auto; gap:10px; align-items:center; min-width:0; padding:15px; border:1px solid var(--line); border-radius:16px; background:var(--panel); }
.cluster-card > span { display:grid; width:36px; height:36px; place-items:center; border-radius:11px; color:var(--blue); background:rgba(93,167,255,.08); }
.cluster-card.urgent > span { color:var(--red); background:rgba(255,111,125,.09); }
.cluster-card small { color:var(--subtle); font-size:8px; }
.cluster-card h3 { overflow:hidden; margin:2px 0 0; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.cluster-card > strong { font-size:20px; }
.sla-panel { margin-bottom:14px; }
.adoption-segments { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:14px; }
.adoption-segment { --adoption:var(--red); padding:17px; border:1px solid var(--line); border-top-color:var(--adoption); border-radius:15px; background:var(--panel); }
.adoption-segment.start { --adoption:var(--amber); }
.adoption-segment.grow { --adoption:var(--blue); }
.adoption-segment.digital { --adoption:var(--green); }
.adoption-segment span { color:var(--adoption); font-size:10px; }
.adoption-segment strong { display:block; margin:4px 0; font-size:17px; }
.adoption-segment p { margin:0; color:var(--subtle); font-size:9px; }
.campaign-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.campaign-card { position:relative; display:grid; grid-template-columns:1fr auto; gap:5px 14px; min-height:155px; padding:19px; overflow:hidden; border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,rgba(78,214,200,.055),var(--panel)); cursor:pointer; }
.campaign-card h3 { margin:4px 0; font-size:14px; }
.campaign-card span,.campaign-card small { color:var(--muted); font-size:9px; }
.campaign-card > strong { align-self:center; color:var(--cyan); font-size:24px; }
.campaign-card > small { text-align:right; }
.campaign-card > i { position:absolute; inset:auto 0 0; height:3px; background:linear-gradient(90deg,var(--cyan),var(--accent)); }
.trust-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-bottom:14px; }
.coverage-card { padding:22px; border:1px solid var(--line); border-radius:19px; background:var(--panel); text-align:center; }
.coverage-ring { position:relative; display:grid; width:110px; height:110px; margin:0 auto 15px; place-items:center; border-radius:50%; background:conic-gradient(var(--green) var(--coverage),var(--line) 0); }
.coverage-ring::before { content:""; position:absolute; width:84px; height:84px; border-radius:50%; background:var(--panel-solid); }
.coverage-ring strong { position:relative; z-index:1; font-size:20px; }
.coverage-card h3 { margin:0 0 4px; font-size:13px; }
.coverage-card p { margin:0; color:var(--muted); font-size:9px; }
.check-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:14px; }
.trust-check { display:grid; grid-template-columns:34px 1fr; gap:10px; align-items:start; padding:16px; border:1px solid rgba(78,214,155,.14); border-radius:15px; background:rgba(78,214,155,.035); }
.trust-check > span { color:var(--green); }
.trust-check strong { font-size:11px; }
.trust-check p { margin:3px 0 8px; color:var(--muted); font-size:9px; }
.trust-check b { grid-column:2; color:var(--green); font-size:8px; text-transform:uppercase; }
.agent-status { display:inline-flex; align-items:center; gap:8px; padding:8px 11px; border:1px solid rgba(78,214,155,.2); border-radius:99px; color:var(--green); background:rgba(78,214,155,.06); font-size:10px; }
.agent-status i { width:7px; height:7px; border-radius:50%; background:currentColor; box-shadow:0 0 10px currentColor; }
.agent-status.working { color:var(--cyan); }
.agent-status.working i { animation:syncPulse 1s infinite; }
.agent-hero { position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:20px; margin-bottom:14px; padding:27px; overflow:hidden; border:1px solid rgba(124,108,255,.24); border-radius:24px; background:radial-gradient(circle at 85% 0%,rgba(78,214,200,.1),transparent 23rem),linear-gradient(135deg,rgba(124,108,255,.11),var(--panel)); }
.agent-core { display:flex; gap:17px; align-items:center; }
.agent-core h2 { margin:5px 0; font-size:clamp(24px,3vw,38px); letter-spacing:-.045em; }
.agent-core p:not(.eyebrow) { max-width:760px; margin:0; color:var(--muted); }
.agent-orb { position:relative; display:grid; width:78px; height:78px; flex:0 0 auto; place-items:center; border:1px solid rgba(168,156,255,.36); border-radius:50%; background:radial-gradient(circle,#8778ff 0 10%,rgba(124,108,255,.2) 11% 40%,transparent 41%),conic-gradient(from 0deg,rgba(124,108,255,.8),rgba(78,214,200,.7),rgba(124,108,255,.8)); box-shadow:0 0 48px rgba(124,108,255,.24); }
.agent-orb::after { content:""; position:absolute; inset:6px; border:1px solid rgba(255,255,255,.18); border-radius:50%; }
.agent-orb i { width:11px; height:11px; border-radius:50%; background:#fff; box-shadow:0 0 14px #fff; }
.agent-facts { display:flex; gap:8px; align-items:center; }
.agent-facts span { display:grid; min-width:106px; gap:3px; padding:12px; border:1px solid var(--line); border-radius:12px; background:rgba(4,7,14,.28); }
.agent-facts small { color:var(--subtle); font-size:8px; }
.approval-lock { grid-column:1/-1; display:flex; gap:11px; align-items:flex-start; padding:13px; border:1px solid rgba(78,214,155,.14); border-radius:13px; background:rgba(78,214,155,.035); }
.approval-lock > span { color:var(--green); }
.approval-lock strong { font-size:10px; }
.approval-lock p { margin:3px 0 0; color:var(--muted); font-size:9px; }
.building-ai-context { display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:11px; align-items:center; margin-bottom:14px; padding:13px 15px; border:1px solid rgba(78,214,200,.2); border-radius:15px; color:var(--cyan); background:linear-gradient(90deg,rgba(78,214,200,.07),rgba(124,108,255,.045)); }
.building-ai-context > span { display:grid; width:42px; height:42px; place-items:center; border-radius:12px; background:rgba(78,214,200,.08); }
.building-ai-context > div { display:grid; }
.building-ai-context small { font-size:7px; letter-spacing:.09em; }
.building-ai-context strong { color:var(--text); font-size:12px; }
.building-ai-context p { margin:2px 0 0; color:var(--muted); font-size:8px; }
.building-ai-context button { padding:8px 10px; border:1px solid rgba(78,214,200,.18); border-radius:9px; color:var(--cyan); background:rgba(78,214,200,.04); cursor:pointer; font-size:8px; }
.agent-workspace { display:grid; grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr); gap:14px; align-items:start; }
.agent-tasks,.agent-thread { min-height:570px; }
.agent-task-list { display:grid; gap:9px; max-height:520px; overflow-y:auto; padding:15px; }
.agent-task-list .empty-state { min-height:370px; }
.agent-task { display:grid; grid-template-columns:35px 1fr; gap:11px; padding:13px; border:1px solid var(--line); border-radius:13px; background:rgba(255,255,255,.018); }
.task-state { display:grid; width:31px; height:31px; place-items:center; border-radius:10px; color:var(--cyan); background:rgba(78,214,200,.09); }
.agent-task.working .task-state::before { content:""; width:9px; height:9px; border-radius:50%; background:var(--cyan); box-shadow:0 0 12px var(--cyan); animation:syncPulse 1s infinite; }
.agent-task.complete .task-state { color:var(--green); background:rgba(78,214,155,.09); }
.task-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; }
.task-heading strong { font-size:11px; }
.task-heading span { color:var(--cyan); font-size:8px; text-transform:uppercase; }
.agent-task.complete .task-heading span { color:var(--green); }
.agent-task p { margin:5px 0; color:var(--muted); font-size:9px; line-height:1.5; }
.agent-task small { color:var(--subtle); font-size:8px; }
.agent-thread { display:grid; grid-template-rows:auto minmax(360px,1fr) auto; }
.agent-messages { display:grid; align-content:start; gap:13px; max-height:500px; overflow-y:auto; padding:18px; }
.agent-message-row { display:flex; max-width:88%; gap:9px; align-items:flex-start; }
.agent-message-row > div { padding:12px 13px; border:1px solid var(--line); border-radius:4px 14px 14px; background:var(--panel-soft); }
.agent-message-row.manager { justify-self:end; }
.agent-message-row.manager > div { border-color:rgba(124,108,255,.2); border-radius:14px 4px 14px 14px; background:rgba(124,108,255,.12); }
.agent-message-row small { color:var(--subtle); font-size:8px; }
.agent-message-row p { margin:5px 0 0; white-space:pre-line; font-size:11px; line-height:1.55; }
.agent-composer { display:flex; gap:9px; padding:14px; border-top:1px solid var(--line); }
.agent-composer textarea { min-width:0; flex:1; resize:none; padding:11px 12px; border:1px solid var(--line-strong); border-radius:12px; outline:0; color:var(--text); background:var(--panel-soft); }
.agent-composer textarea:focus { border-color:rgba(124,108,255,.48); }
.agent-composer .primary-button { align-self:stretch; }
.action-channel-console { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr); gap:14px; margin-bottom:14px; align-items:stretch; }
.channel-grid-panel,.channel-activity { overflow:hidden; }
.action-channel-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:13px; }
.action-channel-card { position:relative; display:grid; min-height:245px; grid-template-rows:auto auto 1fr auto auto; padding:14px; overflow:hidden; border:1px solid var(--line); border-radius:15px; background:radial-gradient(circle at 100% 0%,rgba(124,108,255,.09),transparent 12rem),rgba(255,255,255,.016); }
.action-channel-card::after { content:""; position:absolute; inset:auto 0 0; height:2px; background:var(--subtle); opacity:.35; }
.action-channel-card.connected::after { background:var(--green); opacity:1; }
.action-channel-card.setup::after { background:var(--amber); opacity:.8; }
.channel-icon { display:grid; width:42px; height:42px; place-items:center; border:1px solid rgba(124,108,255,.22); border-radius:13px; color:#b6adff; background:rgba(124,108,255,.1); }
.channel-icon svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.channel-status { position:absolute; inset:13px 12px auto auto; display:flex; align-items:center; gap:5px; padding:5px 7px; border-radius:99px; color:var(--subtle); background:rgba(255,255,255,.025); font-size:7px; }
.channel-status i { width:6px; height:6px; border-radius:50%; background:currentColor; }
.connected .channel-status { color:var(--green); background:rgba(78,214,155,.06); }
.setup .channel-status { color:var(--amber); background:rgba(255,189,102,.06); }
.action-channel-card h3 { margin:14px 0 4px; font-size:14px; }
.action-channel-card > p { margin:0 0 12px; color:var(--muted); font-size:8px; line-height:1.5; }
.channel-metrics { display:grid; grid-template-columns:1fr 1fr; gap:5px; margin-bottom:10px; }
.channel-metrics span { display:grid; gap:2px; padding:7px; border:1px solid var(--line); border-radius:9px; background:rgba(255,255,255,.015); }
.channel-metrics strong { overflow:hidden; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.channel-metrics small { color:var(--subtle); font-size:7px; }
.action-channel-card > button { min-height:34px; justify-content:center; padding:0 9px; font-size:8px; }
.live-pulse { width:9px; height:9px; border-radius:50%; background:var(--cyan); box-shadow:0 0 0 6px rgba(78,214,200,.06),0 0 16px var(--cyan); }
.channel-activity-list { display:grid; align-content:start; gap:6px; max-height:290px; overflow-y:auto; padding:12px; }
.channel-activity-list .empty-state { min-height:220px; }
.channel-activity-row { display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:9px; align-items:center; padding:9px; border:1px solid var(--line); border-radius:11px; background:rgba(255,255,255,.015); }
.activity-channel { padding:5px; border-radius:7px; color:#d7d2ff; background:rgba(124,108,255,.1); font-size:7px; text-align:center; }
.activity-channel.sms { color:var(--cyan); background:rgba(78,214,200,.07); }
.activity-channel.email { color:#b3a8ff; }
.activity-channel.voice { color:var(--amber); background:rgba(255,189,102,.07); }
.channel-activity-row > div { display:grid; min-width:0; }
.channel-activity-row strong { overflow:hidden; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.channel-activity-row small { color:var(--subtle); font-size:7px; }
.channel-activity-row > b { padding:5px 6px; border-radius:7px; color:var(--muted); background:rgba(255,255,255,.025); font-size:7px; font-weight:600; }
.channel-activity-row > b.failed { color:var(--red); }
.channel-activity-row > b.started { color:var(--green); }
.agent-playbooks { margin-bottom:14px; padding:18px; border:1px solid rgba(78,214,200,.12); border-radius:20px; background:linear-gradient(110deg,rgba(78,214,200,.035),rgba(124,108,255,.04)); }
.playbook-heading { display:flex; justify-content:space-between; gap:18px; align-items:end; margin-bottom:13px; }
.playbook-heading h2 { margin:3px 0; font-size:18px; }
.playbook-heading p:not(.eyebrow) { margin:0; color:var(--muted); font-size:9px; }
.playbook-heading > span { color:var(--cyan); font:8px ui-monospace,SFMono-Regular,Menlo,monospace; text-transform:uppercase; }
.playbook-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.playbook-card { display:grid; grid-template-rows:auto auto 1fr auto auto; padding:14px; border:1px solid var(--line); border-radius:15px; background:rgba(8,12,21,.48); }
.playbook-card.active { border-color:rgba(78,214,155,.25); box-shadow:inset 0 0 30px rgba(78,214,155,.025); }
.playbook-card > div:first-child { display:flex; align-items:center; gap:9px; }
.playbook-icon { display:grid; width:34px; height:34px; place-items:center; border-radius:10px; color:var(--cyan); background:rgba(78,214,200,.07); }
.playbook-icon svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; }
.playbook-card h3 { margin:11px 0 4px; font-size:12px; }
.playbook-card > p { margin:0 0 11px; color:var(--muted); font-size:8px; line-height:1.5; }
.playbook-flow { display:flex; align-items:center; gap:4px; margin-bottom:11px; }
.playbook-flow i { width:9px; height:9px; border-radius:3px; background:linear-gradient(135deg,var(--accent),var(--cyan)); box-shadow:0 0 8px rgba(124,108,255,.3); }
.playbook-flow span { color:var(--subtle); font-size:7px; }
.playbook-card button { padding:8px; border:1px solid rgba(78,214,200,.16); border-radius:9px; color:#b8f4eb; background:rgba(78,214,200,.055); cursor:pointer; font-size:8px; }
.playbook-card.active button { color:var(--green); }
.skill-builder { display:grid; grid-template-columns:minmax(390px,.88fr) minmax(0,1.3fr); gap:14px; margin-bottom:14px; align-items:start; }
.agent-stack-panel,.skill-library { overflow:hidden; }
.skill-capacity { position:relative; display:grid; width:64px; height:64px; flex:0 0 auto; place-items:center; border-radius:50%; background:conic-gradient(var(--accent-2) var(--capacity),var(--line) 0); }
.skill-capacity::before { content:""; position:absolute; inset:5px; border-radius:50%; background:var(--panel-solid); }
.skill-capacity strong,.skill-capacity small { position:relative; z-index:1; grid-column:1; grid-row:1; }
.skill-capacity strong { margin-top:-10px; font-size:18px; }
.skill-capacity small { margin-top:20px; color:var(--subtle); font-size:7px; }
.active-skill-slots { display:grid; gap:8px; padding:14px; }
.agent-skill-slot { display:grid; min-height:68px; grid-template-columns:38px 38px minmax(0,1fr) 28px 28px; gap:9px; align-items:center; padding:10px; border:1px solid var(--line); border-radius:14px; background:linear-gradient(100deg,rgba(124,108,255,.055),rgba(255,255,255,.018)); transition:border-color 160ms ease,background 160ms ease,transform 160ms ease; }
.agent-skill-slot.empty { grid-template-columns:38px 1fr; border-style:dashed; color:var(--subtle); background:rgba(255,255,255,.012); }
.agent-skill-slot.empty > span { display:grid; width:31px; height:31px; place-items:center; border:1px solid var(--line); border-radius:9px; font-size:8px; }
.agent-skill-slot > div { display:grid; min-width:0; }
.agent-skill-slot strong { overflow:hidden; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.agent-skill-slot small { overflow:hidden; color:var(--subtle); font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.agent-skill-slot button { display:grid; width:28px; height:28px; place-items:center; border:1px solid var(--line); border-radius:9px; color:var(--muted); background:rgba(255,255,255,.025); cursor:pointer; }
.agent-skill-slot button:hover { border-color:rgba(124,108,255,.35); color:white; }
.skill-slot-index { color:#8175d4; font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace; }
.skill-module-icon { display:grid; width:38px; height:38px; flex:0 0 auto; place-items:center; border:1px solid rgba(124,108,255,.2); border-radius:12px; color:#b4aaff; background:linear-gradient(145deg,rgba(124,108,255,.16),rgba(78,214,200,.045)); }
.skill-module-icon svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.dragging { opacity:.42; }
.agent-skill-slot.drag-over { border-color:var(--cyan); background:rgba(78,214,200,.07); transform:translateY(-2px); }
.stack-safety { display:flex; gap:9px; margin:0 14px 14px; padding:11px; border:1px solid rgba(78,214,155,.13); border-radius:12px; color:var(--green); background:rgba(78,214,155,.03); }
.stack-safety > span { flex:0 0 auto; }
.stack-safety p { display:grid; margin:0; }
.stack-safety strong { font-size:9px; }
.stack-safety small { color:var(--muted); font-size:8px; line-height:1.45; }
.skill-library.drag-over { border-color:var(--red); box-shadow:inset 0 0 0 2px rgba(255,111,125,.09); }
.skill-library-tools { display:grid; gap:9px; padding:13px 14px; border-bottom:1px solid var(--line); }
.skill-library-tools > label { display:flex; align-items:center; gap:8px; padding:9px 11px; border:1px solid var(--line); border-radius:11px; color:var(--subtle); background:rgba(255,255,255,.02); }
.skill-library-tools input { width:100%; min-width:0; border:0; outline:0; color:var(--text); background:transparent; }
.skill-categories { display:flex; gap:5px; overflow-x:auto; }
.skill-categories button { padding:7px 9px; border:1px solid transparent; border-radius:8px; color:var(--subtle); background:rgba(255,255,255,.025); cursor:pointer; font-size:8px; white-space:nowrap; }
.skill-categories button.active { border-color:rgba(124,108,255,.27); color:#d8d2ff; background:rgba(124,108,255,.12); }
.skill-catalog-grid { display:grid; max-height:560px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; overflow-y:auto; padding:12px; }
.skill-library-card { display:grid; min-height:168px; grid-template-rows:auto auto 1fr auto; padding:13px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.018); cursor:grab; transition:border-color 160ms ease,transform 160ms ease,background 160ms ease; }
.skill-library-card:hover { border-color:rgba(124,108,255,.27); background:rgba(124,108,255,.045); transform:translateY(-2px); }
.skill-library-card.active { opacity:.64; cursor:default; }
.skill-card-top,.skill-card-actions { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.skill-badge { padding:5px 7px; border-radius:99px; color:var(--green); background:rgba(78,214,155,.08); font-size:7px; text-transform:uppercase; }
.skill-badge.setup { color:var(--amber); background:rgba(255,189,102,.08); }
.skill-library-card h3 { margin:11px 0 4px; font-size:12px; }
.skill-library-card p { margin:0 0 10px; color:var(--muted); font-size:8px; line-height:1.5; }
.skill-card-actions small { color:var(--subtle); font-size:7px; text-transform:uppercase; }
.skill-card-actions button { padding:7px 9px; border:1px solid rgba(124,108,255,.22); border-radius:8px; color:#d8d2ff; background:rgba(124,108,255,.09); cursor:pointer; font-size:8px; }
.skill-card-actions button:disabled { border-color:var(--line); color:var(--subtle); background:transparent; cursor:default; }
.service-directory { margin-bottom:14px; overflow:hidden; }
.contact-stats { display:flex; gap:7px; }
.contact-stats span { display:grid; min-width:70px; padding:8px 10px; border:1px solid var(--line); border-radius:10px; text-align:center; }
.contact-stats strong { font-size:14px; }
.contact-stats small { color:var(--subtle); font-size:7px; }
.service-directory-grid { display:grid; grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr); min-height:360px; }
.service-contact-form { display:grid; align-content:start; gap:10px; padding:16px; border-right:1px solid var(--line); background:rgba(124,108,255,.018); }
.form-heading { display:flex; gap:10px; align-items:center; margin-bottom:3px; }
.form-heading > div { display:grid; }
.form-heading strong { font-size:11px; }
.form-heading small { color:var(--subtle); font-size:8px; }
.service-contact-form > label,.contact-form-row label { display:grid; gap:5px; }
.service-contact-form label > span:first-child,.contact-form-row label > span:first-child { color:var(--subtle); font-size:8px; }
.service-contact-form input:not([type=checkbox]),.service-contact-form select { min-width:0; height:38px; padding:0 10px; border:1px solid var(--line); border-radius:10px; outline:0; color:var(--text); background:var(--panel-soft); }
.service-contact-form input:focus,.service-contact-form select:focus { border-color:rgba(124,108,255,.45); }
.contact-form-row { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.contact-permission { display:grid !important; grid-template-columns:18px 1fr; gap:9px !important; align-items:start; padding:11px; border:1px solid rgba(78,214,155,.14); border-radius:11px; background:rgba(78,214,155,.025); }
.contact-permission input { margin:2px 0 0; accent-color:var(--green); }
.contact-permission > span { display:grid; }
.contact-permission strong { color:var(--text); font-size:9px; }
.contact-permission small { color:var(--muted); font-size:7px; line-height:1.4; }
.form-error { min-height:14px; margin:0; color:var(--red); font-size:8px; }
.service-contact-list { display:grid; align-content:start; gap:8px; max-height:480px; overflow-y:auto; padding:14px; }
.service-contact-card { display:grid; grid-template-columns:40px minmax(0,1fr) auto; gap:11px; align-items:center; padding:12px; border:1px solid var(--line); border-radius:13px; background:rgba(255,255,255,.017); }
.service-contact-card.archived { opacity:.5; }
.contact-avatar { display:grid; width:40px; height:40px; place-items:center; border-radius:12px; color:#d9d3ff; background:linear-gradient(145deg,rgba(124,108,255,.23),rgba(78,214,200,.1)); font-size:10px; font-weight:800; }
.contact-main { display:grid; min-width:0; gap:3px; }
.contact-main > div { display:flex; gap:7px; align-items:center; }
.contact-main strong { overflow:hidden; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.contact-main span { padding:3px 6px; border-radius:99px; color:var(--cyan); background:rgba(78,214,200,.07); font-size:7px; }
.contact-main a { width:max-content; color:#c9c3f9; font:9px ui-monospace,SFMono-Regular,Menlo,monospace; text-decoration:none; }
.contact-main small { color:var(--subtle); font-size:7px; }
.contact-controls { display:grid; gap:5px; justify-items:end; }
.contact-controls button { border:0; background:transparent; cursor:pointer; }
.permission-toggle { display:flex; align-items:center; gap:6px; padding:6px 8px; border-radius:8px !important; color:var(--subtle); background:rgba(255,255,255,.025) !important; font-size:7px; }
.permission-toggle i { width:7px; height:7px; border-radius:50%; background:var(--subtle); }
.permission-toggle.enabled { color:var(--green); background:rgba(78,214,155,.07) !important; }
.permission-toggle.enabled i { background:var(--green); box-shadow:0 0 8px var(--green); }
.contact-archive { color:var(--subtle); font-size:7px; }
.agent-app-shell { display:grid; max-width:1480px; gap:18px; margin:0 auto; }
.agent-app-header { display:flex; min-height:72px; align-items:center; justify-content:space-between; gap:18px; padding:14px 18px; border:1px solid rgba(137,124,255,.22); border-radius:20px; background:linear-gradient(120deg,rgba(124,108,255,.1),rgba(78,214,200,.045) 55%,rgba(255,255,255,.018)); box-shadow:0 18px 50px rgba(0,0,0,.18); }
.agent-app-header > div { display:flex; align-items:center; gap:15px; }
.agent-app-header.simple { min-height:60px; padding:11px 16px; }
.agent-app-header.simple > div { gap:13px; }
.agent-app-header.simple > div > strong { padding-left:13px; border-left:1px solid rgba(255,255,255,.09); color:#7be0b0; }
.agent-app-header.simple > .agent-safe { display:flex; align-items:center; gap:7px; color:#7f899a; font-size:11px; }
.agent-app-logo { display:flex; align-items:center; gap:8px; color:#fff; font-size:18px; font-weight:850; letter-spacing:-.04em; }
.agent-app-logo i { width:11px; height:11px; border-radius:50%; background:linear-gradient(135deg,var(--accent-2),var(--cyan)); box-shadow:0 0 0 7px rgba(124,108,255,.1),0 0 24px rgba(124,108,255,.65); }
.agent-app-header small { display:block; margin-bottom:3px; color:#8d96aa; font-size:10px; letter-spacing:.14em; }
.agent-app-header strong { color:#eef1f7; font-size:14px; }
.agent-app-score { display:flex; gap:7px !important; }
.agent-app-score > span { display:flex; align-items:center; gap:6px; padding:9px 11px; border:1px solid rgba(255,255,255,.075); border-radius:11px; color:#9da6b8; background:rgba(255,255,255,.025); font-size:11px; }
.agent-app-score b { color:#fff; font-size:13px; }
.agent-app-score .agent-safe { color:#77e6b2; }
.agent-safe i { width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 12px var(--green); }
.agent-focus-chip { display:grid; grid-template-columns:40px minmax(0,1fr) 32px; align-items:center; gap:11px; padding:11px 13px; border:1px solid rgba(78,214,200,.2); border-radius:15px; background:linear-gradient(90deg,rgba(78,214,200,.08),rgba(124,108,255,.04)); }
.agent-focus-chip > span { display:grid; width:40px; height:40px; place-items:center; border-radius:12px; color:var(--cyan); background:rgba(78,214,200,.09); }
.agent-focus-chip > span svg { width:20px; }
.agent-focus-chip small,.agent-focus-chip strong { display:block; }
.agent-focus-chip small { margin-bottom:2px; color:#758096; font-size:10px; }
.agent-focus-chip strong { font-size:14px; }
.agent-focus-chip button { width:30px; height:30px; border:0; border-radius:9px; color:#8993a6; background:rgba(255,255,255,.045); cursor:pointer; font-size:18px; }
.agent-play-stage { position:relative; display:grid; min-height:520px; grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr); overflow:hidden; border:1px solid rgba(137,124,255,.2); border-radius:30px; background:radial-gradient(circle at 17% 48%,rgba(107,86,236,.22),transparent 28rem),radial-gradient(circle at 85% 20%,rgba(78,214,200,.08),transparent 28rem),linear-gradient(145deg,#101527,#0a0f1b 62%); box-shadow:0 34px 90px rgba(0,0,0,.34); }
.agent-play-stage::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.17; background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px); background-size:32px 32px; mask-image:linear-gradient(90deg,#000,transparent 62%); }
.domo-character-stage { position:relative; z-index:1; display:grid; min-width:0; place-items:center; align-content:center; gap:14px; padding:30px 24px; }
.domo-speech { position:relative; width:auto; max-width:300px; padding:11px 15px; border:1px solid rgba(255,255,255,.11); border-radius:16px 16px 16px 5px; background:rgba(9,13,24,.66); box-shadow:0 18px 40px rgba(0,0,0,.2); backdrop-filter:blur(18px); }
.domo-speech::after { content:""; position:absolute; left:32px; bottom:-10px; width:18px; height:18px; border-right:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,.1); background:#0d1322; transform:rotate(45deg); }
.domo-speech small { color:#8275ff; font-size:9px; font-weight:800; letter-spacing:.16em; }
.domo-speech p { margin:0; color:#eef1f8; font-size:14px; line-height:1.35; }
.domo-character { position:relative; width:250px; height:300px; cursor:pointer; animation:domoFloat 4s ease-in-out infinite; }
.domo-character:focus-visible { border-radius:42px; outline:2px solid var(--cyan); outline-offset:6px; }
.domo-halo { position:absolute; top:44px; left:50%; width:232px; height:232px; border:1px solid rgba(125,108,255,.24); border-radius:50%; background:radial-gradient(circle,rgba(124,108,255,.18),rgba(78,214,200,.055) 45%,transparent 70%); box-shadow:0 0 70px rgba(114,95,255,.23),inset 0 0 42px rgba(78,214,200,.08); transform:translateX(-50%); }
.domo-halo::before,.domo-halo::after { content:""; position:absolute; inset:14px; border:1px dashed rgba(126,111,255,.25); border-radius:50%; animation:domoOrbit 14s linear infinite; }
.domo-halo::after { inset:34px; border-color:rgba(78,214,200,.18); animation-direction:reverse; animation-duration:9s; }
.domo-head { position:absolute; z-index:3; top:78px; left:50%; width:150px; height:118px; border:2px solid rgba(255,255,255,.42); border-radius:46px; background:linear-gradient(145deg,#7f6fff,#4ccfcb); box-shadow:0 18px 42px rgba(74,54,190,.42),inset 0 2px 10px rgba(255,255,255,.35); transform:translateX(-50%); }
.domo-head::before { content:""; position:absolute; inset:13px; border-radius:34px; background:linear-gradient(160deg,#151e37,#0a1121); box-shadow:inset 0 0 30px rgba(82,225,219,.08); }
.domo-eye { position:absolute; z-index:2; top:49px; width:18px; height:10px; border-radius:999px; background:#bafcff; box-shadow:0 0 14px #4ed6c8; }
.domo-eye.left { left:42px; }
.domo-eye.right { right:42px; }
.domo-smile { position:absolute; z-index:2; top:73px; left:50%; width:30px; height:12px; border-bottom:3px solid #bafcff; border-radius:0 0 20px 20px; transform:translateX(-50%); }
.domo-ear { position:absolute; z-index:2; top:114px; width:24px; height:45px; border:1px solid rgba(255,255,255,.32); background:linear-gradient(180deg,#7061e7,#253056); box-shadow:0 0 18px rgba(124,108,255,.32); }
.domo-ear.left { left:34px; border-radius:14px 4px 4px 14px; }
.domo-ear.right { right:34px; border-radius:4px 14px 14px 4px; }
.domo-body { position:absolute; z-index:2; top:181px; left:50%; width:112px; height:80px; border:2px solid rgba(255,255,255,.28); border-radius:32px 32px 42px 42px; background:linear-gradient(145deg,#6758d8,#25345e 78%); box-shadow:0 20px 42px rgba(0,0,0,.38); transform:translateX(-50%); }
.domo-body i { position:absolute; top:13px; left:50%; width:45px; height:7px; border-radius:999px; background:#5ee1d1; box-shadow:0 0 15px #5ee1d1; transform:translateX(-50%); }
.domo-body b { position:absolute; top:34px; left:50%; color:rgba(255,255,255,.72); font-size:16px; letter-spacing:.16em; transform:translateX(-50%); }
.domo-shadow { position:absolute; bottom:13px; left:50%; width:145px; height:24px; border-radius:50%; background:rgba(0,0,0,.38); filter:blur(8px); transform:translateX(-50%); }
.domo-character.working .domo-halo { box-shadow:0 0 95px rgba(114,95,255,.5),inset 0 0 42px rgba(78,214,200,.18); }
.domo-state { display:flex; align-items:center; gap:8px; padding:8px 12px; border:1px solid rgba(255,255,255,.09); border-radius:999px; color:#c9cfdd; background:rgba(8,12,22,.7); font-size:11px; }
.domo-state i { width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 12px var(--green); animation:livePulse 1.8s ease infinite; }
.agent-talk-card { position:relative; z-index:2; display:grid; min-width:0; align-content:center; gap:11px; margin:18px; padding:24px; border:1px solid rgba(255,255,255,.095); border-radius:24px; background:rgba(8,12,22,.78); box-shadow:0 28px 60px rgba(0,0,0,.24); backdrop-filter:blur(24px); }
.agent-talk-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.agent-talk-heading h1 { margin:4px 0 7px; color:#fff; font-size:clamp(27px,3vw,42px); line-height:1.05; letter-spacing:-.045em; }
.agent-talk-heading p:not(.eyebrow) { max-width:560px; margin:0; color:#8f99ad; font-size:14px; line-height:1.5; }
.agent-conversation-label { display:flex; align-items:center; gap:7px; color:#8f83ff; font-size:9px; font-weight:800; letter-spacing:.14em; }
.agent-conversation-label i { width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 11px var(--green); }
.agent-voice-main { display:grid; width:72px; height:72px; flex:0 0 72px; place-items:center; align-content:center; gap:1px; border:1px solid rgba(124,108,255,.36); border-radius:22px; color:#fff; background:linear-gradient(145deg,rgba(124,108,255,.3),rgba(78,214,200,.1)); cursor:pointer; box-shadow:0 14px 35px rgba(76,57,196,.25); }
.agent-voice-main span { font-size:24px; }
.agent-voice-main small { font-size:9px; }
.agent-voice-main.listening,.agent-composer-mic.listening { color:#09131b; background:#63e0d2; box-shadow:0 0 0 8px rgba(99,224,210,.1),0 0 34px rgba(99,224,210,.45); }
.agent-chat-feed { display:grid; align-content:start; gap:10px; min-height:220px; max-height:300px; overflow:auto; padding:3px 6px 3px 1px; }
.agent-chat-feed .agent-message-row { display:flex; gap:9px; align-items:flex-start; }
.agent-chat-feed .agent-message-row > div { max-width:82%; padding:11px 13px; border:1px solid rgba(255,255,255,.075); border-radius:16px 16px 16px 4px; background:rgba(255,255,255,.035); }
.agent-chat-feed .agent-message-row.manager { justify-content:flex-end; }
.agent-chat-feed .agent-message-row.manager > div { border-color:rgba(124,108,255,.2); border-radius:16px 16px 4px 16px; background:rgba(124,108,255,.12); }
.agent-chat-feed .agent-message-row small { color:#717d92; font-size:9px; }
.agent-chat-feed .agent-message-row p { margin:4px 0 0; color:#dce1eb; font-size:13px; line-height:1.45; white-space:pre-line; }
.agent-conversation { display:grid; min-height:154px; max-height:228px; align-content:start; gap:9px; overflow-y:auto; padding:12px; border:1px solid rgba(255,255,255,.075); border-radius:17px; background:rgba(3,7,14,.42); scroll-behavior:smooth; }
.agent-conversation .agent-message-row { display:flex; align-items:flex-end; gap:8px; }
.agent-conversation .agent-message-row.manager { justify-content:flex-end; }
.agent-conversation .agent-message-row > div { max-width:84%; padding:9px 12px; border:1px solid rgba(255,255,255,.075); border-radius:15px 15px 15px 4px; background:rgba(255,255,255,.045); }
.agent-conversation .agent-message-row.manager > div { border-color:rgba(124,108,255,.23); border-radius:15px 15px 4px 15px; background:linear-gradient(135deg,rgba(105,83,232,.22),rgba(124,108,255,.1)); }
.agent-conversation .mini-orb { flex:0 0 20px; width:20px; height:20px; }
.agent-conversation small { display:block; color:#707c91; font-size:8px; }
.agent-conversation p { margin:3px 0 0; color:#e1e5ed; font-size:12px; line-height:1.42; white-space:pre-line; }
.agent-game-composer { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; padding:9px; border:1px solid rgba(139,126,255,.3); border-radius:18px; background:linear-gradient(135deg,rgba(124,108,255,.1),rgba(255,255,255,.025)); box-shadow:0 0 0 5px rgba(124,108,255,.035); }
.agent-game-composer textarea { min-width:0; min-height:54px; resize:none; padding:11px 12px; border:0; outline:0; color:#fff; background:transparent; font:inherit; font-size:15px; line-height:1.45; }
.agent-game-composer textarea::placeholder { color:#69758c; }
.agent-game-composer > div { display:flex; align-items:stretch; gap:7px; }
.agent-composer-mic,.agent-go-button { border:0; cursor:pointer; }
.agent-composer-mic { width:46px; border-radius:13px; color:#aab3c5; background:rgba(255,255,255,.055); font-size:18px; }
.agent-go-button { display:flex; align-items:center; gap:8px; padding:0 18px; border-radius:13px; color:white; background:linear-gradient(135deg,#6452e8,#8f79ff); box-shadow:0 12px 26px rgba(95,73,224,.28); font-size:13px; font-weight:800; }
.agent-go-button svg { width:16px; }
.agent-latest-result { display:grid; min-width:0; grid-template-columns:34px minmax(0,1fr); align-items:start; gap:10px; padding:13px; border:1px solid rgba(78,214,155,.12); border-radius:14px; background:rgba(78,214,155,.045); }
.agent-latest-result > span { display:grid; width:32px; height:32px; place-items:center; border-radius:10px; color:#07140f; background:var(--green); font-weight:900; }
.agent-latest-result small { display:block; margin-bottom:4px; color:#69dba7; font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.agent-latest-result p { display:-webkit-box; overflow:hidden; margin:0; color:#cbd2df; font-size:12px; line-height:1.45; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.agent-channel-dock { display:flex; align-items:center; gap:7px; overflow:auto; padding-bottom:2px; }
.agent-channel-dock > span { margin-right:2px; color:#717c91; font-size:10px; white-space:nowrap; }
.agent-channel-button { display:flex; min-width:max-content; align-items:center; gap:7px; padding:8px 10px; border:1px solid rgba(255,255,255,.075); border-radius:11px; color:#aeb7c8; background:rgba(255,255,255,.025); cursor:pointer; }
.agent-channel-button span { display:grid; width:22px; height:22px; place-items:center; color:#9a8cff; }
.agent-channel-button svg { width:15px; }
.agent-channel-button b { font-size:11px; }
.agent-channel-button i { width:6px; height:6px; border-radius:50%; background:#596477; }
.agent-channel-button.setup i { background:var(--amber); box-shadow:0 0 8px var(--amber); }
.agent-channel-button.connected i { background:var(--green); box-shadow:0 0 8px var(--green); }
.agent-mission-board { padding:18px; border:1px solid rgba(78,214,200,.14); border-radius:22px; background:linear-gradient(130deg,rgba(78,214,200,.035),rgba(124,108,255,.045)); }
.mission-board-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:12px; }
.mission-board-heading h2 { margin:0; color:#f1f3f8; font-size:19px; letter-spacing:-.025em; }
.mission-board-heading p:not(.eyebrow) { margin:0; color:#7f899c; font-size:12px; }
.mission-board-heading > span { padding:7px 10px; border:1px solid rgba(78,214,200,.15); border-radius:999px; color:#66dcca; background:rgba(78,214,200,.055); font-size:10px; }
.agent-mission-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.agent-mini-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.agent-mini-actions .agent-mission-card { min-height:66px; grid-template-columns:36px minmax(0,1fr) 32px; gap:9px; padding:9px 10px; border-radius:13px; }
.agent-mini-actions .mission-icon { width:34px; height:34px; border-radius:10px; }
.agent-mini-actions .mission-icon svg { width:17px; }
.agent-mini-actions .agent-mission-card h3 { font-size:12px; }
.agent-mini-actions .agent-mission-card button { width:30px; height:30px; border-radius:9px; }
.agent-mission-card { --mission:#8274ff; position:relative; display:grid; min-height:120px; grid-template-columns:46px minmax(0,1fr) 40px; align-items:center; gap:12px; overflow:hidden; padding:14px; border:1px solid color-mix(in srgb,var(--mission) 23%,rgba(255,255,255,.05)); border-radius:17px; background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--mission) 16%,transparent),transparent 56%),rgba(8,12,21,.72); cursor:pointer; transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease; }
.agent-app-shell.busy .agent-mission-card,.agent-app-shell.busy .agent-channel-button { pointer-events:none; opacity:.66; }
.agent-mission-card:hover { border-color:color-mix(in srgb,var(--mission) 52%,transparent); box-shadow:0 18px 35px rgba(0,0,0,.2); transform:translateY(-4px); }
.agent-mission-card.red { --mission:#ff6f7d; }
.agent-mission-card.cyan { --mission:#4ed6c8; }
.agent-mission-card.amber { --mission:#ffbd66; }
.mission-number { position:absolute; top:12px; right:14px; color:color-mix(in srgb,var(--mission) 66%,#fff); font-size:10px; font-weight:850; letter-spacing:.12em; }
.mission-icon { display:grid; width:44px; height:44px; place-items:center; margin:0; border:1px solid color-mix(in srgb,var(--mission) 25%,transparent); border-radius:14px; color:var(--mission); background:color-mix(in srgb,var(--mission) 10%,transparent); }
.mission-icon svg { width:21px; }
.agent-mission-card small { color:var(--mission); font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.agent-mission-card h3 { margin:0; color:#f2f4f8; font-size:15px; line-height:1.25; }
.agent-mission-card p { margin:0 0 16px; color:#818b9e; font-size:12px; line-height:1.45; }
.agent-mission-card button { display:grid; width:38px; height:38px; place-items:center; margin:0; padding:0; border:1px solid color-mix(in srgb,var(--mission) 24%,transparent); border-radius:12px; color:#fff; background:color-mix(in srgb,var(--mission) 13%,transparent); cursor:pointer; font-weight:780; }
.agent-mission-card button:hover { background:color-mix(in srgb,var(--mission) 24%,transparent); }
.agent-mission-card button:disabled { opacity:.55; cursor:wait; }
.agent-mission-card button svg { width:15px; }
.agent-studio { overflow:hidden; border:1px solid rgba(255,255,255,.085); border-radius:22px; background:rgba(10,14,24,.55); }
.agent-studio > summary { display:grid; min-height:78px; grid-template-columns:46px minmax(0,1fr) auto 18px; align-items:center; gap:12px; padding:14px 18px; color:#e7eaf1; cursor:pointer; list-style:none; }
.agent-studio > summary::-webkit-details-marker { display:none; }
.studio-summary-icon { display:grid; width:44px; height:44px; place-items:center; border:1px solid rgba(124,108,255,.22); border-radius:14px; color:#9d91ff; background:rgba(124,108,255,.08); }
.studio-summary-icon svg { width:20px; }
.agent-studio summary strong,.agent-studio summary small { display:block; }
.agent-studio summary strong { margin-bottom:3px; font-size:15px; }
.agent-studio summary small { color:#778195; font-size:11px; }
.studio-summary-count { padding:7px 10px; border-radius:999px; color:#a89cff; background:rgba(124,108,255,.09); font-size:11px; }
.agent-studio > summary > i { width:9px; height:9px; border-right:2px solid #717b8e; border-bottom:2px solid #717b8e; transform:rotate(45deg) translateY(-3px); transition:transform 180ms ease; }
.agent-studio[open] > summary > i { transform:rotate(225deg) translate(-2px,-2px); }
.agent-studio-content { display:grid; gap:14px; padding:0 14px 14px; border-top:1px solid rgba(255,255,255,.06); }
.studio-intro { display:flex; align-items:center; justify-content:space-between; gap:15px; margin:14px 0 0; padding:18px; border-radius:16px; background:linear-gradient(100deg,rgba(124,108,255,.09),rgba(78,214,200,.045)); }
.studio-intro h2 { margin:4px 0; font-size:20px; }
.studio-intro p:not(.eyebrow) { margin:0; color:#818b9e; font-size:12px; }
.studio-intro > span { display:grid; width:46px; height:46px; flex:0 0 auto; place-items:center; border-radius:14px; color:var(--green); background:rgba(78,214,155,.08); }
.studio-intro svg { width:22px; }
.agent-studio .service-directory,.agent-studio .skill-builder,.agent-studio .action-channel-console { margin-bottom:0; }
.studio-task-history { overflow:hidden; }
.studio-conversation-history { overflow:hidden; }
.studio-conversation-history .agent-messages { max-height:460px; overflow:auto; }
@keyframes domoFloat { 0%,100% { transform:translateY(0) } 50% { transform:translateY(-9px) } }
@keyframes domoOrbit { to { transform:rotate(360deg) } }
@media (prefers-reduced-motion:reduce) { .domo-character,.domo-halo::before,.domo-halo::after,.domo-state i { animation:none; } .agent-mission-card { transition:none; } }
.map-command-bar { display:flex; align-items:center; gap:18px; margin-bottom:12px; padding:13px 15px; border:1px solid rgba(124,108,255,.2); border-radius:16px; background:linear-gradient(90deg,rgba(124,108,255,.08),var(--panel)); }
.map-command-bar > div:first-child { display:flex; min-width:250px; align-items:center; gap:10px; }
.map-command-bar p { display:grid; margin:0; }
.map-command-bar small { color:var(--subtle); font-size:9px; }
.map-live-dot { width:9px; height:9px; border-radius:50%; background:var(--cyan); box-shadow:0 0 0 5px rgba(78,214,200,.08),0 0 18px rgba(78,214,200,.65); }
.map-legend { display:flex; flex:1; justify-content:center; gap:18px; color:var(--muted); font-size:9px; }
.map-legend span { display:flex; align-items:center; gap:6px; }
.map-legend i { width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 8px currentColor; }
.map-legend i.medium { background:var(--amber); }
.map-legend i.high { background:var(--red); }
.map-command-bar .primary-button { flex:0 0 auto; }
.map-workspace { display:grid; height:clamp(640px,calc(100vh - 280px),780px); min-height:640px; grid-template-columns:minmax(0,1fr) 370px; grid-template-rows:minmax(0,1fr); overflow:hidden; border:1px solid var(--line); border-radius:24px; background:#0a0f1b; box-shadow:0 28px 80px rgba(0,0,0,.26); }
.map-stage { position:relative; min-width:0; min-height:0; overflow:hidden; background:radial-gradient(circle at 50% 50%,rgba(124,108,255,.1),transparent 30rem),#0c111d; }
#portfolioMap { position:absolute; inset:0; }
#portfolioMap .maplibregl-canvas { outline:none; }
#portfolioMap .maplibregl-ctrl-group { overflow:hidden; border:1px solid var(--line-strong); border-radius:12px; background:rgba(10,14,24,.88); box-shadow:none; }
#portfolioMap .maplibregl-ctrl button { filter:invert(1); opacity:.76; }
#portfolioMap .maplibregl-ctrl-attrib { color:#596477; background:rgba(8,11,20,.72); font-size:8px; }
#portfolioMap .maplibregl-ctrl-attrib a { color:#8995aa; }
.map-visual-controls { position:absolute; z-index:4; inset:14px auto auto 14px; display:flex; gap:4px; padding:4px; border:1px solid rgba(255,255,255,.1); border-radius:11px; background:rgba(8,11,20,.72); backdrop-filter:blur(12px); }
.map-visual-controls button { padding:7px 9px; border:0; border-radius:7px; color:#8d98aa; background:transparent; cursor:pointer; font-size:8px; }
.map-visual-controls button.active { color:white; background:linear-gradient(135deg,rgba(124,108,255,.75),rgba(78,214,200,.36)); box-shadow:0 4px 12px rgba(0,0,0,.22); }
.domo-selected-marker { --marker:var(--green); display:grid; justify-items:center; color:var(--marker); filter:drop-shadow(0 8px 12px rgba(0,0,0,.5)); }
.domo-selected-marker.medium { --marker:var(--amber); }
.domo-selected-marker.high { --marker:var(--red); }
.domo-selected-marker > span { display:grid; width:38px; height:38px; place-items:center; border:2px solid rgba(255,255,255,.92); border-radius:50% 50% 50% 8px; background:color-mix(in srgb,var(--marker) 76%,#101827); box-shadow:0 0 0 6px color-mix(in srgb,var(--marker) 17%,transparent),0 0 26px color-mix(in srgb,var(--marker) 58%,transparent); transform:rotate(-45deg); }
.domo-selected-marker > span i { width:9px; height:9px; border-radius:50%; background:white; box-shadow:0 0 10px white; }
.domo-selected-marker > b { min-width:28px; margin-top:4px; padding:3px 6px; border:1px solid color-mix(in srgb,var(--marker) 44%,transparent); border-radius:999px; color:#fff; background:rgba(8,11,20,.9); font-size:9px; line-height:1; text-align:center; }
.map-stage::after { content:""; position:absolute; z-index:2; inset:0; pointer-events:none; box-shadow:inset 0 0 90px rgba(4,7,13,.55); }
.map-stage-overlay { position:absolute; z-index:3; inset:auto 14px 12px; display:flex; justify-content:space-between; gap:12px; pointer-events:none; color:#b1bacb; font-size:8px; text-transform:uppercase; letter-spacing:.08em; }
.map-stage-overlay span { padding:6px 8px; border:1px solid rgba(255,255,255,.1); border-radius:8px; background:rgba(8,11,20,.7); backdrop-filter:blur(10px); }
.map-empty-overlay { position:absolute; z-index:4; inset:0; display:grid; place-items:center; background:rgba(8,11,20,.86); backdrop-filter:blur(10px); }
.map-empty-overlay .empty-state { min-height:300px; }
.map-load-error { display:grid; height:100%; place-content:center; justify-items:center; gap:9px; padding:30px; text-align:center; }
.map-load-error > span { display:grid; width:52px; height:52px; place-items:center; border-radius:16px; color:var(--red); background:rgba(255,111,125,.08); }
.map-load-error p { max-width:460px; margin:0 0 8px; color:var(--muted); }
.map-sidecar { position:relative; z-index:4; display:grid; min-width:0; min-height:0; height:100%; grid-template-rows:auto minmax(0,1fr) auto; border-left:1px solid var(--line); background:rgba(10,14,24,.97); }
.map-controls { padding:14px; border-bottom:1px solid var(--line); }
.map-controls label { display:flex; align-items:center; gap:8px; padding:10px 11px; border:1px solid var(--line); border-radius:11px; color:var(--subtle); background:rgba(255,255,255,.025); }
.map-controls input { min-width:0; flex:1; border:0; outline:0; color:var(--text); background:transparent; }
.map-filter-row { display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-top:8px; }
.map-filter-row button { padding:7px 4px; border:1px solid transparent; border-radius:8px; color:var(--subtle); background:rgba(255,255,255,.025); cursor:pointer; font-size:8px; }
.map-filter-row button.active { border-color:rgba(124,108,255,.28); color:#d9d3ff; background:rgba(124,108,255,.13); }
.map-location-list { display:grid; min-height:0; align-content:start; gap:5px; overflow-y:auto; padding:9px; }
.map-location-list .empty-state { min-height:260px; }
.map-location-row { display:grid; width:100%; grid-template-columns:29px 1fr auto; gap:9px; align-items:center; padding:10px; border:1px solid transparent; border-radius:11px; color:var(--text); background:transparent; cursor:pointer; text-align:left; }
.map-location-row:hover { background:rgba(255,255,255,.025); }
.map-location-row.active { border-color:rgba(124,108,255,.22); background:linear-gradient(90deg,rgba(124,108,255,.13),rgba(124,108,255,.035)); }
.map-location-row > span:nth-child(2) { display:grid; min-width:0; }
.map-location-row strong { overflow:hidden; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.map-location-row small { overflow:hidden; color:var(--subtle); font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.map-location-row > b { color:var(--muted); font-size:11px; }
.map-pin { --pin:var(--green); position:relative; display:grid; width:26px; height:26px; place-items:center; border:1px solid color-mix(in srgb,var(--pin) 42%,transparent); border-radius:50% 50% 50% 8px; background:color-mix(in srgb,var(--pin) 14%,#111827); transform:rotate(-45deg); }
.map-pin.medium { --pin:var(--amber); }
.map-pin.high { --pin:var(--red); }
.map-pin i { width:6px; height:6px; border-radius:50%; background:var(--pin); box-shadow:0 0 9px var(--pin); }
.map-inspector { padding:17px; border-top:1px solid var(--line); background:linear-gradient(145deg,rgba(124,108,255,.06),rgba(255,255,255,.012)); }
.map-inspector h3 { margin:5px 0 13px; font-size:15px; }
.map-inspector-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:5px; }
.map-inspector-grid span { display:grid; min-width:0; gap:2px; padding:8px; border:1px solid var(--line); border-radius:9px; background:rgba(255,255,255,.02); }
.map-inspector-grid small { color:var(--subtle); font-size:7px; text-transform:uppercase; }
.map-inspector-grid strong { overflow:hidden; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.risk-text.high { color:var(--red); }
.risk-text.medium { color:var(--amber); }
.risk-text.low { color:var(--green); }
.location-proof { display:grid; grid-template-columns:25px 1fr; gap:8px; align-items:start; margin:11px 0; padding:9px; border:1px solid rgba(255,189,102,.14); border-radius:10px; color:var(--amber); background:rgba(255,189,102,.045); }
.location-proof.confirmed { border-color:rgba(78,214,155,.15); color:var(--green); background:rgba(78,214,155,.045); }
.location-proof p { display:grid; margin:0; }
.location-proof strong { font-size:9px; }
.location-proof small { overflow:hidden; color:var(--muted); font-size:7px; text-overflow:ellipsis; white-space:nowrap; }
.map-inspector-actions { display:flex; gap:7px; }
.map-inspector-actions .primary-button { min-height:34px; flex:1; padding:0 10px; font-size:9px; }
.map-inspector-actions .ghost-button { flex:0 0 auto; }
.map-data-note { display:flex; align-items:center; gap:10px; margin-top:10px; padding:11px 13px; border:1px solid var(--line); border-radius:13px; color:var(--green); background:rgba(78,214,155,.025); }
.map-data-note p { flex:1; margin:0; color:var(--muted); font-size:8px; }
.map-data-note p strong { color:var(--green); }
.map-data-note > span:last-child { color:var(--subtle); font-size:8px; }

.ai-panel {
  position: fixed;
  z-index: 60;
  inset: 0 0 0 auto;
  display: grid;
  width: min(440px, 100vw);
  grid-template-rows: auto auto 1fr auto;
  border-left: 1px solid rgba(124,108,255,.2);
  background: rgba(10, 14, 25, .97);
  box-shadow: -25px 0 70px rgba(0,0,0,.4);
  backdrop-filter: blur(30px);
  transform: translateX(105%);
  transition: transform 260ms cubic-bezier(.22,.9,.3,1);
}
.ai-panel.open { transform: translateX(0); }
.ai-panel header { display: flex; align-items: center; justify-content: space-between; padding: 20px; border-bottom: 1px solid var(--line); }
.ai-panel header > div { display: flex; align-items: center; gap: 11px; }
.ai-context { display: flex; align-items: center; gap: 8px; padding: 10px 20px; border-bottom: 1px solid var(--line); color: var(--muted); background: rgba(124,108,255,.035); font-size: 10px; }
.pulse { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 0 rgba(78,214,155,.4); animation: pulse 2s infinite; }
@keyframes pulse { 70% { box-shadow: 0 0 0 6px rgba(78,214,155,0); } }
.ai-messages { overflow-y: auto; padding: 22px 18px 26px; }
.ai-message { display: flex; gap: 10px; margin-bottom: 16px; }
.mini-orb { width: 25px; height: 25px; flex: 0 0 auto; }
.mini-orb::after { inset: 2px; }
.ai-message > div { max-width: 88%; padding: 13px 14px; border: 1px solid var(--line); border-radius: 4px 15px 15px; background: var(--panel-soft); }
.ai-message p { margin: 0; white-space: pre-line; }
.ai-message small { display: block; margin-top: 8px; color: var(--subtle); font-size: 9px; }
.ai-message.user { justify-content: flex-end; }
.ai-message.user > div { border-color: rgba(124,108,255,.2); border-radius: 15px 4px 15px 15px; background: rgba(124,108,255,.13); }
.ai-suggestions { display: grid; gap: 7px; margin-left: 35px; }
.ai-suggestions button { padding: 9px 11px; border: 1px solid var(--line); border-radius: 10px; color: var(--muted); background: transparent; cursor: pointer; text-align: left; font-size: 10px; }
.ai-suggestions button:hover { color: var(--text); border-color: rgba(124,108,255,.3); }
.typing { display: flex; gap: 4px; padding: 6px 0; }
.typing i { width: 5px; height: 5px; border-radius: 50%; background: var(--muted); animation: bounce 1s infinite; }
.typing i:nth-child(2) { animation-delay: .12s; }
.typing i:nth-child(3) { animation-delay: .24s; }
.ai-composer { padding: 14px 16px 18px; border-top: 1px solid var(--line); background: rgba(8,11,20,.94); }
.ai-composer textarea { width: 100%; resize: none; border: 1px solid var(--line-strong); border-radius: 14px; outline: none; padding: 12px 12px 6px; color: var(--text); background: var(--panel-soft); }
.ai-composer textarea:focus { border-color: rgba(124,108,255,.5); }
.ai-composer > div { display: flex; align-items: center; justify-content: space-between; margin-top: -40px; padding: 0 8px 6px 12px; pointer-events: none; }
.ai-composer > div span { color: var(--subtle); font-size: 9px; }
.ai-composer button { display: grid; width: 32px; height: 32px; place-items: center; border: 0; border-radius: 10px; color: white; background: var(--accent); cursor: pointer; pointer-events: auto; }
.scrim { position: fixed; z-index: 50; inset: 0; visibility: hidden; opacity: 0; background: rgba(2,4,10,.52); backdrop-filter: blur(3px); transition: 200ms ease; }
.scrim.visible { visibility: visible; opacity: 1; }

dialog { color: var(--text); }
dialog::backdrop { background: rgba(3,5,12,.78); backdrop-filter: blur(10px); }
.auth-dialog { width: min(430px, calc(100vw - 28px)); padding: 0; border: 1px solid rgba(124,108,255,.26); border-radius: 24px; background: #111624; box-shadow: var(--shadow); }
.auth-dialog form { padding: 35px; }
.auth-dialog h2 { margin: 5px 0 10px; font-size: 28px; letter-spacing: -.04em; }
.auth-dialog p:not(.eyebrow) { color: var(--muted); }
.auth-dialog label { display: grid; gap: 7px; margin: 24px 0 12px; color: var(--muted); font-size: 11px; }
.auth-dialog input { width: 100%; padding: 12px; border: 1px solid var(--line-strong); border-radius: 12px; outline: 0; color: var(--text); background: rgba(255,255,255,.035); }
.auth-dialog select, .auth-dialog textarea { width: 100%; padding: 12px; border: 1px solid var(--line-strong); border-radius: 12px; outline: 0; color: var(--text); background: #171d2c; }
.auth-dialog textarea { resize: vertical; }
.auth-dialog .primary-button { width: 100%; margin-top: 12px; }
.issue-dialog { width: min(560px, calc(100vw - 28px)); }
.issue-dialog form { padding: 30px; }
.issue-dialog label { margin: 15px 0 0; }
.issue-dialog .check-row { display: flex; align-items: flex-start; gap: 10px; padding: 12px; border: 1px solid rgba(124,108,255,.2); border-radius: 12px; background: rgba(124,108,255,.06); }
.issue-dialog .check-row input { width: 17px; height: 17px; margin: 2px 0 0; accent-color: var(--accent); }
.issue-dialog .check-row span { display: grid; gap: 2px; }
.issue-dialog .check-row strong { color: var(--text); font-size: 12px; }
.issue-dialog .check-row small { color: var(--muted); font-size: 10px; }
.dialog-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 10px; }
.dialog-actions .primary-button { width: auto; margin: 0; }
.form-error { min-height: 18px; margin: 0 !important; color: var(--red) !important; font-size: 10px; }
.detail-dialog { width: min(1000px, calc(100vw - 30px)); max-height: 90vh; padding: 0; overflow: auto; border: 1px solid var(--line-strong); border-radius: 24px; background: #0e1422; box-shadow: var(--shadow); }
.detail-hero { position: sticky; z-index: 3; top: 0; display: flex; align-items: flex-start; justify-content: space-between; padding: 26px; border-bottom: 1px solid var(--line); background: rgba(14,20,34,.94); backdrop-filter: blur(20px); }
.detail-hero h2 { margin: 5px 0 4px; font-size: 24px; }
.detail-body { padding: 22px; }
.building-detail-actions { display:grid; grid-template-columns:minmax(0,1fr) auto auto auto; gap:8px; align-items:center; margin-bottom:14px; padding:13px; border:1px solid rgba(124,108,255,.2); border-radius:15px; background:linear-gradient(90deg,rgba(124,108,255,.08),rgba(78,214,200,.025)); }
.building-detail-actions > div { display:grid; grid-template-columns:36px 1fr; gap:9px; align-items:center; }
.building-detail-actions > div > span { display:grid; width:36px; height:36px; place-items:center; border-radius:11px; color:#c2b9ff; background:rgba(124,108,255,.12); }
.building-detail-actions p { display:grid; margin:0; }
.building-detail-actions strong { font-size:10px; }
.building-detail-actions small { color:var(--muted); font-size:8px; }
.building-detail-actions button { min-height:36px; padding:0 10px; font-size:8px; white-space:nowrap; }
.detail-body .kpi-grid { grid-template-columns: repeat(4, 1fr); }
.detail-body .kpi-card { min-height: 115px; padding: 16px; }
.detail-body .kpi-value { margin-top: 13px; font-size: 24px; }
.building-signals-panel,.building-signals-panel .issue-list { min-width:0; }
.apartment-row { cursor:pointer; }
.apartment-row:hover,.apartment-row[aria-expanded="true"] { background:rgba(124,108,255,.06); }
.apartment-row:focus-visible { outline:2px solid var(--accent-2); outline-offset:-2px; }
.apartment-label { display:inline-flex; align-items:center; gap:7px; color:var(--text); }
.apartment-label i { display:grid; color:var(--subtle); transition:transform 160ms ease; }
.apartment-label svg { width:14px; height:14px; }
.apartment-row[aria-expanded="true"] .apartment-label i { color:var(--accent-2); transform:rotate(90deg); }
.apartment-detail-row[hidden] { display:none; }
.apartment-detail-row > td { padding:0!important; border-top:0!important; }
.apartment-detail-content { padding:14px; border-top:1px solid rgba(124,108,255,.2); border-bottom:1px solid var(--line); background:rgba(7,11,20,.52); }
.apartment-dossier { display:grid; gap:14px; padding:16px; border:1px solid rgba(124,108,255,.2); border-radius:16px; background:linear-gradient(145deg,rgba(124,108,255,.08),rgba(17,23,38,.92)); }
.apartment-dossier > header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.apartment-dossier h4 { margin:3px 0 0; color:var(--text); font-size:16px; }
.privacy-badge { display:inline-flex; align-items:center; gap:6px; padding:6px 9px; border:1px solid rgba(78,214,155,.2); border-radius:99px; color:var(--green); background:rgba(78,214,155,.06); font-size:9px; white-space:nowrap; }
.privacy-badge svg { width:14px; height:14px; }
.apartment-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.apartment-facts > span { display:grid; gap:3px; min-width:0; padding:10px; border:1px solid var(--line); border-radius:11px; background:rgba(255,255,255,.02); }
.apartment-facts small { color:var(--subtle); font-size:9px; }
.apartment-facts strong { overflow:hidden; color:var(--text); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.apartment-facts strong.debt { color:var(--amber); }
.apartment-facts strong.paid { color:var(--green); }
.people-heading { display:flex; align-items:center; gap:8px; color:var(--text); }
.people-heading > span { display:grid; min-width:22px; height:22px; place-items:center; border-radius:99px; color:var(--accent-2); background:rgba(124,108,255,.12); font-size:10px; }
.people-heading .ghost-button { margin-left:auto; }
.apartment-people { display:grid; gap:8px; }
.person-card { display:grid; grid-template-columns:38px minmax(0,1fr); gap:10px; padding:11px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.018); }
.person-avatar { display:grid; width:38px; height:38px; place-items:center; border-radius:12px; color:#ddd8ff; background:linear-gradient(145deg,rgba(124,108,255,.28),rgba(78,214,200,.12)); font-weight:750; }
.person-main { display:grid; min-width:0; gap:2px; }
.person-main > strong { color:var(--text); font-size:12px; }
.person-main > small { color:var(--muted); font-size:9px; }
.person-contacts { display:flex; flex-wrap:wrap; gap:6px 12px; margin-top:5px; }
.person-contacts a { color:var(--cyan); font-size:10px; text-decoration:none; }
.person-contacts a:hover { text-decoration:underline; }
.contact-missing { color:var(--subtle); font-size:10px; }
.apartment-no-people { display:flex; align-items:center; gap:10px; padding:13px; border:1px dashed var(--line-strong); border-radius:12px; color:var(--subtle); }
.apartment-no-people > span { display:grid; }
.apartment-no-people p { display:grid; margin:0; }
.apartment-no-people strong { color:var(--muted); font-size:11px; }
.apartment-no-people small { font-size:9px; }
.apartment-loading { display:flex; min-height:110px; align-items:center; justify-content:center; gap:12px; color:var(--muted); }
.apartment-loading .loading-orb { margin:0; }
.apartment-load-error { padding:14px; color:var(--red); }
.dialog-close { border: 1px solid var(--line); border-radius: 10px; padding: 8px 11px; color: var(--muted); background: rgba(255,255,255,.03); cursor: pointer; }
.master-dialog { width:min(610px,calc(100vw - 28px)); }
.master-dialog form { padding:30px; }
.master-dialog label { margin:15px 0 0; }
.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 12px; }
.form-checks { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.master-dialog .form-checks label { display:flex; align-items:center; gap:8px; margin:0; padding:10px 12px; border:1px solid var(--line); border-radius:11px; background:rgba(255,255,255,.02); }
.master-dialog .form-checks input { width:17px; height:17px; accent-color:var(--accent); }
.privacy-note { display:flex; align-items:center; gap:8px; padding:10px 12px; border:1px solid rgba(78,214,155,.16); border-radius:11px; color:var(--muted)!important; background:rgba(78,214,155,.045); font-size:10px; }
.privacy-note > span { display:grid; flex:0 0 auto; color:var(--green); }
.issue-control-dialog { width:min(880px,calc(100vw - 28px)); max-height:min(92vh,820px); overflow:auto; }
.issue-control-dialog form { padding:0; }
.issue-control-header { position:sticky; z-index:3; top:0; display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:26px 28px 20px; border-bottom:1px solid var(--line); background:rgba(17,22,36,.96); backdrop-filter:blur(18px); }
.issue-control-header h2 { max-width:680px; margin:5px 0 5px; font-size:25px; }
.issue-control-header p:not(.eyebrow) { margin:0; }
.source-status-banner { display:grid; grid-template-columns:38px minmax(0,1fr) auto; gap:11px; align-items:center; margin:20px 28px 0; padding:12px 14px; border:1px solid rgba(78,214,200,.18); border-radius:14px; background:linear-gradient(90deg,rgba(78,214,200,.065),rgba(124,108,255,.035)); }
.source-status-banner > span:first-child { display:grid; width:36px; height:36px; place-items:center; border-radius:11px; color:var(--cyan); background:rgba(78,214,200,.1); }
.source-status-banner div { display:grid; gap:2px; }
.source-status-banner small { color:var(--subtle); font-size:10px; font-weight:700; letter-spacing:.09em; }
.source-status-banner strong { font-size:14px; }
.source-lock { padding:7px 9px; border:1px solid var(--line); border-radius:99px; color:var(--muted); font-size:10px; white-space:nowrap; }
.issue-control-layout { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr); gap:16px; padding:18px 28px 6px; }
.issue-control-fields { min-width:0; }
.issue-control-dialog label { margin:12px 0 0; font-size:12px; }
.issue-control-dialog input,.issue-control-dialog select,.issue-control-dialog textarea { font-size:14px; line-height:1.4; }
.issue-control-dialog input:focus,.issue-control-dialog select:focus,.issue-control-dialog textarea:focus { border-color:rgba(124,108,255,.55); box-shadow:0 0 0 3px rgba(124,108,255,.08); }
.issue-audit { min-width:0; overflow:hidden; border:1px solid var(--line); border-radius:15px; background:rgba(5,9,17,.28); }
.issue-audit-heading { display:flex; gap:9px; align-items:center; padding:13px; border-bottom:1px solid var(--line); }
.issue-audit-heading > span { display:grid; width:30px; height:30px; place-items:center; border-radius:9px; color:var(--accent-2); background:rgba(124,108,255,.1); }
.issue-audit-heading div { display:grid; }
.issue-audit-heading strong { font-size:13px; }
.issue-audit-heading small { color:var(--subtle); font-size:10px; }
.issue-audit-list { display:grid; max-height:330px; overflow:auto; padding:8px 12px 12px; }
.issue-audit-event { position:relative; display:grid; grid-template-columns:10px minmax(0,1fr); gap:7px; padding:9px 0; }
.issue-audit-event:not(:last-child)::after { content:""; position:absolute; top:23px; bottom:-8px; left:4px; width:1px; background:var(--line-strong); }
.issue-audit-event > i { z-index:1; width:9px; height:9px; margin-top:3px; border:2px solid #111624; border-radius:50%; background:var(--accent-2); box-shadow:0 0 0 1px rgba(124,108,255,.36); }
.issue-audit-event div { min-width:0; }
.issue-audit-event strong { display:block; font-size:11px; }
.issue-audit-event p { margin:4px 0!important; color:var(--muted)!important; font-size:11px; line-height:1.45; }
.issue-audit-event small { color:var(--subtle); font-size:10px; }
.issue-audit-empty { display:grid; min-height:180px; place-items:center; align-content:center; gap:5px; color:var(--muted); text-align:center; }
.issue-audit-empty > span { color:var(--green); }
.issue-audit-empty strong { font-size:12px; }
.issue-audit-empty small { max-width:180px; color:var(--subtle); font-size:10px; }
.issue-control-dialog .form-error { margin:4px 28px!important; }
.issue-control-actions { position:sticky; z-index:3; bottom:0; align-items:center; padding:13px 28px 18px; border-top:1px solid var(--line); background:rgba(17,22,36,.96); backdrop-filter:blur(18px); }
.issue-control-actions > span { display:flex; align-items:center; gap:6px; margin-right:auto; color:var(--muted); font-size:11px; }
.issue-control-actions > span i { width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 8px rgba(78,214,155,.5); }
.toast { position: fixed; z-index: 90; right: 24px; bottom: 24px; visibility: hidden; max-width: 340px; padding: 12px 16px; border: 1px solid var(--line-strong); border-radius: 12px; opacity: 0; background: #161d2d; box-shadow: var(--shadow); transform: translateY(12px); transition: 180ms ease; }
.toast.show { visibility: visible; opacity: 1; transform: translateY(0); }

.file-launch {
  display: grid;
  width: min(680px, calc(100% - 32px));
  min-height: 100vh;
  margin: 0 auto;
  place-content: center;
  justify-items: start;
  padding: 50px 0;
}
.file-launch h1 { max-width: 620px; margin: 8px 0 12px; font-size: clamp(34px, 6vw, 58px); line-height: 1.02; letter-spacing: -.055em; }
.file-launch > p:not(.eyebrow) { max-width: 580px; margin: 0; color: var(--muted); font-size: 15px; }
.file-launch code { padding: 3px 7px; border: 1px solid var(--line-strong); border-radius: 7px; color: #c8c0ff; background: rgba(124,108,255,.08); font: 12px/1.6 ui-monospace, SFMono-Regular, Menlo, monospace; }
.file-launch-steps { display: grid; grid-template-columns: 32px 1fr; gap: 15px 12px; width: 100%; margin: 30px 0; padding: 20px; border: 1px solid var(--line); border-radius: 18px; background: var(--panel); }
.file-launch-steps > span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 10px; color: #d9d3ff; background: rgba(124,108,255,.15); font-weight: 700; }
.file-launch-steps div { display: grid; gap: 6px; min-width: 0; }
.file-launch-steps code { overflow-x: auto; white-space: nowrap; }
.file-launch .primary-button { width: auto; min-height: 46px; padding: 0 20px; color: white; text-decoration: none; }
.file-launch > small { margin-top: 16px; color: var(--subtle); }

@media (max-width: 600px) {
  .file-launch-steps { padding: 15px; }
  .file-launch code { font-size: 10px; }
}

@media (max-width: 1180px) {
  :root { --sidebar: 224px; }
  .intelligence-hero { grid-template-columns:1fr 170px; }
  .brief-metrics { grid-column:1/-1; grid-template-columns:repeat(3,1fr); }
  .plan-layout { grid-template-columns:1fr; }
  .why-domo { position:static; }
  .kpi-grid { grid-template-columns: repeat(2, 1fr); }
  .insights-row { grid-template-columns: repeat(2, 1fr); }
  .insight-card:last-child { display: none; }
  .building-grid { grid-template-columns: repeat(2, 1fr); }
  .section-hero { grid-template-columns:minmax(0,1fr) 125px; }
  .hero-metrics { grid-column:1/-1; grid-template-columns:repeat(3,1fr); }
  .cluster-grid { grid-template-columns:repeat(3,1fr); }
  .check-grid { grid-template-columns:repeat(2,1fr); }
  .focus-command { grid-template-columns:60px 1fr auto; }
  .focus-command .focus-metrics { grid-column:2; }
  .agent-hero { grid-template-columns:1fr; }
  .agent-facts,.approval-lock { grid-column:1; }
  .agent-play-stage { grid-template-columns:minmax(300px,.68fr) minmax(0,1.32fr); }
  .agent-mission-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .action-channel-console { grid-template-columns:1fr; }
  .map-workspace { grid-template-columns:minmax(0,1fr) 330px; }
  .map-legend { display:none; }
}

@media (max-width: 850px) {
  :root { --sidebar: min(290px, 84vw); }
  body { padding-bottom: 66px; }
  /* Менюто ляга НАД скрима (z 50), иначе бургерът отваря само мъгла. */
  .sidebar { z-index: 55; transform: translateX(-105%); transition: transform 220ms ease; box-shadow: var(--shadow); }
  .sidebar.open { transform: translateX(0); }
  .main-content { margin-left: 0; }
  .mobile-menu { display: grid; }
  .topbar { height: 66px; padding: 0 16px; }
  .topbar-actions .icon-button, .copilot-button { display: none; }
  .global-search { width: auto; flex: 1; }
  .global-search kbd { display: none; }
  .view-container { padding: 24px 15px 36px; }
  .dashboard-grid, .section-grid { grid-template-columns: 1fr; }
  .building-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .segment-grid,.scenario-grid,.campaign-grid,.trust-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .skill-builder { grid-template-columns:1fr; }
  .service-directory-grid { grid-template-columns:1fr; }
  .service-contact-form { border-right:0; border-bottom:1px solid var(--line); }
  .agent-workspace { grid-template-columns:1fr; }
  .agent-tasks,.agent-thread { min-height:auto; }
  .agent-app-header { align-items:flex-start; flex-direction:column; }
  .agent-app-header.simple { align-items:center; flex-direction:row; }
  .agent-app-score { width:100%; overflow:auto; }
  .agent-play-stage { grid-template-columns:1fr; }
  .domo-character-stage { min-height:470px; }
  .agent-talk-card { min-height:610px; }
  .map-command-bar { flex-wrap:wrap; }
  .map-command-bar > div:first-child { flex:1; }
  .map-workspace { height:auto; min-height:0; grid-template-columns:1fr; }
  .map-stage { min-height:58vh; }
  .map-sidecar { grid-template-rows:auto minmax(220px,360px) auto; border-top:1px solid var(--line); border-left:0; }
  .mobile-nav { position: fixed; z-index: 40; inset: auto 0 0; display: grid; height: 66px; grid-template-columns: repeat(5, 1fr); border-top: 1px solid var(--line); background: rgba(9,12,21,.94); backdrop-filter: blur(20px); }
  .mobile-nav button { display: grid; place-items: center; gap: 1px; border: 0; color: var(--subtle); background: transparent; }
  .mobile-nav button.active { color: var(--accent-2); }
  .mobile-nav small { font-size: 9px; }
  .mobile-nav .mobile-ai { align-self: center; width: 48px; height: 48px; justify-self: center; border-radius: 16px; color: white; background: linear-gradient(135deg, #6957e9, #907fff); box-shadow: 0 9px 24px rgba(91,69,210,.4); transform: translateY(-13px); }
}

@media (max-width: 600px) {
  .page-header { align-items: flex-start; flex-direction: column; margin-bottom: 20px; }
  .intelligence-hero { grid-template-columns:1fr; padding:20px; }
  .pressure-card { min-height:150px; }
  .brief-metrics { grid-template-columns:1fr; }
  .plan-action { grid-template-columns:1fr; }
  .plan-content dl { grid-template-columns:1fr; }
  .page-header h1 { font-size: 22px; }
  .header-meta { width: 100%; justify-content: space-between; }
  .kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  .kpi-card { min-height: 138px; padding: 15px; }
  .kpi-value { font-size: 26px; }
  .kpi-top > span:first-child { max-width: 90px; }
  .insights-row { grid-template-columns: 1fr; gap: 9px; }
  .insight-card { min-height: 145px; }
  .insight-card:nth-child(n+3) { display: none; }
  .building-grid { grid-template-columns: 1fr; }
  .toolbar { align-items: stretch; flex-direction: column; }
  .section-hero { grid-template-columns:1fr; min-height:auto; padding:21px; }
  .hero-orbit { display:none; }
  .hero-metrics { grid-template-columns:1fr; }
  .segment-grid,.scenario-grid,.campaign-grid,.trust-grid,.adoption-segments,.check-grid,.cluster-grid { grid-template-columns:1fr; }
  .focus-command { grid-template-columns:44px 1fr; }
  .focus-rank { width:40px; height:40px; }
  .focus-command .focus-metrics,.focus-command > button { grid-column:1/-1; }
  .focus-metrics { display:grid; grid-template-columns:1fr 1fr; }
  .lane-row { grid-template-columns:1fr 34px; }
  .lane-track { grid-column:1/-1; grid-row:2; }
  .agent-core { align-items:flex-start; flex-direction:column; }
  .agent-facts { display:grid; grid-template-columns:repeat(3,1fr); }
  .agent-facts span { min-width:0; }
  .agent-app-shell { gap:12px; }
  .agent-app-header { min-height:0; padding:12px; border-radius:16px; }
  .agent-app-header > div:first-child { align-items:flex-start; }
  .agent-app-header small { font-size:8px; }
  .agent-app-header strong { font-size:12px; }
  .agent-app-score > span { padding:7px 9px; font-size:9px; white-space:nowrap; }
  .agent-play-stage { min-height:0; border-radius:22px; }
  .domo-character-stage { min-height:355px; padding:18px 15px; }
  .domo-speech { width:min(100%,330px); padding:14px 15px; }
  .domo-speech p { font-size:13px; -webkit-line-clamp:4; }
  .domo-character { width:232px; height:250px; }
  .agent-talk-card { min-height:0; margin:0; padding:18px 15px; border-width:1px 0 0; border-radius:22px 22px 0 0; }
  .agent-talk-heading h1 { font-size:25px; white-space:nowrap; }
  .agent-talk-heading p:not(.eyebrow) { font-size:12px; }
  .agent-voice-main { width:58px; height:58px; flex-basis:58px; border-radius:17px; }
  .agent-chat-feed,.agent-conversation { max-height:240px; }
  .agent-game-composer { grid-template-columns:1fr; }
  .agent-game-composer > div { justify-content:flex-end; }
  .agent-go-button { min-height:44px; }
  .agent-channel-dock { margin:0 -2px; }
  .agent-mission-board { padding:17px 14px; border-radius:20px; }
  .mission-board-heading { align-items:flex-start; flex-direction:column; }
  .agent-mission-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .agent-mission-card { min-height:132px; grid-template-columns:40px minmax(0,1fr); grid-template-rows:auto auto; gap:8px; padding:11px; }
  .agent-mission-card .mission-icon { width:40px; height:40px; }
  .agent-mission-card h3 { font-size:13px; }
  .agent-mission-card button { width:100%; height:34px; grid-column:1/-1; }
  .agent-studio { border-radius:18px; }
  .agent-studio > summary { grid-template-columns:42px minmax(0,1fr) auto 16px; padding:12px; }
  .agent-studio-content { padding:0 8px 8px; }
  .studio-intro { align-items:flex-start; padding:14px; }
  .building-ai-context { grid-template-columns:42px minmax(0,1fr); }
  .building-ai-context button { grid-column:1/-1; }
  .agent-composer { align-items:stretch; flex-direction:column; }
  .action-channel-grid,.playbook-grid { grid-template-columns:1fr; }
  .playbook-heading { align-items:flex-start; flex-direction:column; }
  .action-channel-card { min-height:220px; }
  .skill-catalog-grid { grid-template-columns:1fr; max-height:520px; }
  .skill-library-card { min-height:150px; }
  .contact-form-row { grid-template-columns:1fr; }
  .service-contact-card { grid-template-columns:40px minmax(0,1fr); }
  .contact-controls { grid-column:1/-1; display:flex; justify-content:flex-end; }
  .map-command-bar { align-items:stretch; flex-direction:column; }
  .map-command-bar .primary-button { width:100%; }
  .map-workspace { min-height:0; }
  .map-stage { min-height:55vh; }
  .map-stage-overlay { display:none; }
  .map-filter-row { grid-template-columns:repeat(2,1fr); }
  .map-inspector-grid { grid-template-columns:repeat(2,1fr); }
  .map-data-note { align-items:flex-start; flex-wrap:wrap; }
  .map-data-note > span:last-child { width:100%; padding-left:28px; }
  .plan-buttons { align-items:stretch; flex-direction:column; }
  .stat-strip { grid-template-columns: 1fr; }
  .stat-strip div { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; }
  .stat-strip strong { margin: 0; }
  .panel-header, .panel-body { padding-left: 15px; padding-right: 15px; }
  .data-table th, .data-table td { padding-left: 9px; padding-right: 9px; }
  .detail-body { padding: 13px; }
  .building-detail-actions { grid-template-columns:1fr; }
  .building-detail-actions > div { margin-bottom:3px; }
  .building-detail-actions button { width:100%; }
  .detail-body .kpi-grid { grid-template-columns: repeat(2, 1fr); }
  .detail-hero { padding: 18px; }
  .apartment-dossier > header { align-items:flex-start; flex-direction:column; }
  .apartment-facts,.form-grid { grid-template-columns:1fr; }
  .people-heading { align-items:flex-start; flex-wrap:wrap; }
  .people-heading .ghost-button { width:100%; margin-left:0; }
  .issue-row { grid-template-columns:38px minmax(0,1fr); align-items:start; }
  .issue-row > .status { grid-column:2; justify-self:start; }
  .issue-control-header { padding:20px 18px 16px; }
  .issue-control-header h2 { font-size:22px; }
  .source-status-banner { grid-template-columns:36px 1fr; margin:15px 18px 0; }
  .source-lock { grid-column:2; justify-self:start; }
  .issue-control-layout { grid-template-columns:1fr; padding:12px 18px 4px; }
  .issue-audit-list { max-height:220px; }
  .issue-control-dialog .form-error { margin:4px 18px!important; }
  .issue-control-actions { flex-wrap:wrap; padding:12px 18px 16px; }
  .issue-control-actions > span { width:100%; }
  .issue-control-actions button { flex:1; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Readable interface pass: larger type, controls and touch targets. */
:root {
  --readable-type: 15px;
  --readable-small: 12px;
}
body { font-size: var(--readable-type); }
.nav-list { gap: 7px; }
.nav-item { min-height: 42px; padding: 0 12px; font-size: 13.5px; }
.nav-item svg { width: 21px; height: 21px; }
.nav-item b { min-width: 26px; padding: 3px 7px; font-size: 12px; }
.ai-launch { min-height: 62px; }
.ai-launch strong,.sync-card strong,.profile-card strong { font-size: 14px; }
.ai-launch small,.sync-card small,.profile-card small,.ai-panel header small { font-size: var(--readable-small); }
.global-search { min-height: 40px; padding: 8px 13px; }
.global-search input { font-size: 15px; }
.copilot-button,.primary-button { min-height: 40px; font-size: 13.5px; }

.agent-app-header.simple { min-height: 54px; padding: 10px 14px; }
.agent-app-logo { font-size: 21px; }
.agent-app-header strong { font-size: 15px; }
.agent-app-header.simple > .agent-safe { font-size: 13px; }
.domo-speech { max-width: 340px; padding: 14px 17px; }
.domo-speech p { font-size: 16px; line-height: 1.45; }
.domo-state { padding: 10px 14px; font-size: 13px; }
.agent-talk-card { gap: 11px; padding: 18px; }
.agent-conversation-label { font-size: 11px; }
.agent-talk-heading h1 { font-size: clamp(22px, 2.2vw, 30px); }
.agent-voice-main small { font-size: 11px; }
.agent-conversation { min-height: 210px; max-height: 300px; gap: 11px; padding: 14px; }
.agent-conversation .agent-message-row { gap: 10px; }
.agent-conversation .agent-message-row > div { max-width: 88%; padding: 12px 15px; }
.agent-conversation .mini-orb { width: 24px; height: 24px; flex-basis: 24px; }
.agent-conversation small { font-size: 11px; }
.agent-conversation p { margin-top: 4px; font-size: 13.5px; line-height: 1.5; }
.agent-game-composer { gap: 11px; padding: 10px; }
.agent-game-composer textarea { min-height: 54px; padding: 11px 12px; font-size: 14.5px; }
.agent-composer-mic { width: 52px; min-height: 52px; font-size: 21px; }
.agent-go-button { min-height: 52px; padding: 0 22px; font-size: 15px; }
.agent-mini-actions { gap: 9px; }
.agent-mini-actions .agent-mission-card { min-height: 78px; grid-template-columns: 42px minmax(0,1fr) 38px; gap: 11px; padding: 11px 12px; }
.agent-mini-actions .mission-icon { width: 40px; height: 40px; }
.agent-mini-actions .mission-icon svg { width: 20px; }
.agent-mini-actions .agent-mission-card h3 { font-size: 14px; }
.agent-mini-actions .agent-mission-card button { width: 38px; height: 38px; }
.agent-channel-dock { gap: 9px; }
.agent-channel-dock > span { font-size: 12px; }
.agent-channel-button { min-height: 44px; padding: 9px 13px; }
.agent-channel-button b { font-size: 13px; }
.agent-channel-button span { width: 26px; height: 26px; }
.agent-channel-button svg { width: 18px; }
.agent-studio > summary { min-height: 88px; }
.agent-studio summary strong { font-size: 17px; }
.agent-studio summary small,.studio-summary-count { font-size: 13px; }
.agent-studio-content .eyebrow { font-size: 11px; }
.agent-studio-content .panel-header h2 { font-size: 20px; }
.agent-studio-content .panel-header p:not(.eyebrow),.agent-studio-content .studio-intro p { font-size: 13px; }
.agent-studio-content button { min-height: 42px; font-size: 13px; }
.action-channel-card h3 { font-size: 17px; }
.action-channel-card > p { font-size: 13px; }
.channel-status,.channel-metrics small,.channel-activity-row small,.channel-activity-row > b,.activity-channel { font-size: 11px; }
.channel-metrics strong,.channel-activity-row strong { font-size: 13px; }
.action-channel-card > button { min-height: 44px; font-size: 13px; }
.agent-task p,.agent-task small,.task-heading span { font-size: 12px; }
.task-heading strong { font-size: 14px; }
.agent-message-row small { font-size: 11px; }
.agent-message-row p { font-size: 14px; }
.agent-conversation .agent-message-row p { font-size: 15px; }

@media (max-width: 850px) {
  body { padding-bottom: 72px; }
  .topbar { height: 72px; }
  .mobile-nav { height: 72px; }
  .mobile-nav small { font-size: 11px; }
}

@media (max-width: 600px) {
  .agent-app-header { padding: 14px; }
  .agent-app-header strong { font-size: 15px; }
  .agent-app-header.simple > .agent-safe { font-size: 12px; }
  .domo-speech p { font-size: 16px; }
  .agent-talk-card { padding: 20px 16px; }
  .agent-talk-heading h1 { font-size: 30px; }
  .agent-conversation { min-height: 250px; max-height: 360px; }
  .agent-conversation p { font-size: 13.5px; }
  .agent-game-composer textarea { min-height: 56px; font-size: 14.5px; }
  .agent-mini-actions .agent-mission-card { min-height: 82px; grid-template-columns: 42px minmax(0,1fr) 40px; grid-template-rows: auto; }
  .agent-mini-actions .agent-mission-card h3 { font-size: 14px; }
  .agent-mini-actions .agent-mission-card button { width: 40px; height: 40px; grid-column: auto; }
}

/* DOMO LIVE — the agent is the interface. */
.agent-app-shell {
  --agent-state:#7b6cff;
  --agent-state-soft:rgba(123,108,255,.14);
  max-width:1540px;
  gap:14px;
}
.agent-app-shell.state-listening { --agent-state:#58e6d4; --agent-state-soft:rgba(88,230,212,.14); }
.agent-app-shell.state-thinking { --agent-state:#6bc7ff; --agent-state-soft:rgba(107,199,255,.14); }
.agent-app-shell.state-working { --agent-state:#a78bfa; --agent-state-soft:rgba(167,139,250,.16); }
.agent-app-shell.state-done { --agent-state:#5ee0a6; --agent-state-soft:rgba(94,224,166,.14); }
.agent-app-shell.state-blocked { --agent-state:#ff7887; --agent-state-soft:rgba(255,120,135,.14); }
.agent-app-header.live {
  display:grid;
  min-height:72px;
  grid-template-columns:minmax(0,1fr) auto auto;
  padding:12px 16px;
  border-color:color-mix(in srgb,var(--agent-state) 28%,transparent);
  background:linear-gradient(110deg,var(--agent-state-soft),rgba(12,17,29,.78) 46%,rgba(78,214,200,.035));
}
.agent-app-header.live > div:first-child { min-width:0; }
.agent-app-header.live > div:first-child > strong { overflow:hidden; padding-left:13px; border-left:1px solid rgba(255,255,255,.1); color:var(--agent-state); text-overflow:ellipsis; white-space:nowrap; }
.agent-app-header.live .agent-app-logo i { background:var(--agent-state); box-shadow:0 0 0 7px var(--agent-state-soft),0 0 28px color-mix(in srgb,var(--agent-state) 70%,transparent); }
.agent-live-engine { display:flex; align-items:center; gap:9px; padding:7px 12px; border:1px solid rgba(255,255,255,.07); border-radius:13px; background:rgba(255,255,255,.025); }
.agent-live-engine > i { width:8px; height:8px; border-radius:50%; background:var(--agent-state); box-shadow:0 0 14px var(--agent-state); }
.agent-live-engine span { display:grid; }
.agent-live-engine small { margin:0; color:#69748a; font-size:9px; letter-spacing:.12em; }
.agent-live-engine b { color:#dfe4ee; font-size:12px; }
.agent-app-header.live > .agent-safe { display:flex; align-items:center; gap:7px; padding:8px 11px; border-radius:12px; color:#8d97aa; background:rgba(255,255,255,.025); font-size:12px; }
.agent-app-header.live > .agent-safe span { display:grid; width:22px; height:22px; place-items:center; color:#63dfa9; }
.agent-app-header.live > .agent-safe svg { width:17px; }

.agent-play-stage {
  min-height:620px;
  grid-template-columns:minmax(280px,.56fr) minmax(0,1.44fr);
  grid-template-rows:auto 1fr;
  border-color:color-mix(in srgb,var(--agent-state) 24%,transparent);
  background:radial-gradient(circle at 15% 48%,var(--agent-state-soft),transparent 29rem),radial-gradient(circle at 88% 16%,rgba(78,214,200,.08),transparent 30rem),linear-gradient(145deg,#101527,#080d17 64%);
}
.agent-mission-rail {
  position:relative;
  z-index:4;
  display:grid;
  grid-column:1/-1;
  grid-template-columns:minmax(220px,.8fr) minmax(420px,1.35fr) auto;
  align-items:center;
  gap:20px;
  margin:14px 14px 0;
  padding:11px 13px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:17px;
  background:rgba(7,11,20,.72);
  box-shadow:0 16px 36px rgba(0,0,0,.2);
  backdrop-filter:blur(20px);
}
.mission-now { display:flex; min-width:0; align-items:center; gap:10px; }
.mission-now > span { display:grid; width:38px; height:38px; flex:0 0 38px; place-items:center; border-radius:12px; color:var(--agent-state); background:var(--agent-state-soft); }
.mission-now svg { width:19px; }
.mission-now div { min-width:0; }
.mission-now small,.mission-now strong { display:block; }
.mission-now small { margin-bottom:3px; color:#737e92; font-size:9px; font-weight:850; letter-spacing:.14em; }
.mission-now strong { overflow:hidden; color:#f0f3f8; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.agent-mission-rail ol { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0; padding:0; list-style:none; }
.agent-mission-rail li { position:relative; display:grid; justify-items:center; gap:5px; color:#667187; font-size:9px; font-weight:750; }
.agent-mission-rail li::after { content:""; position:absolute; z-index:-1; top:11px; left:50%; width:100%; height:1px; background:rgba(255,255,255,.09); }
.agent-mission-rail li:last-child::after { display:none; }
.agent-mission-rail li i { display:grid; width:23px; height:23px; place-items:center; border:1px solid rgba(255,255,255,.1); border-radius:50%; color:#778297; background:#0b101b; font-size:9px; font-style:normal; }
.agent-mission-rail li.done,.agent-mission-rail li.active { color:#c8cfdb; }
.agent-mission-rail li.done i { border-color:color-mix(in srgb,var(--agent-state) 42%,transparent); color:#08130f; background:var(--agent-state); }
.agent-mission-rail li.done::after { background:color-mix(in srgb,var(--agent-state) 48%,transparent); }
.agent-mission-rail li.active i { border-color:var(--agent-state); color:var(--agent-state); box-shadow:0 0 0 5px var(--agent-state-soft),0 0 20px var(--agent-state-soft); }
.mission-safety { display:flex; align-items:center; gap:6px; color:#7f899b; font-size:10px; white-space:nowrap; }
.mission-safety span { display:grid; color:#55d99f; }
.mission-safety svg { width:17px; }

.domo-character-stage { min-height:510px; padding:20px 20px 28px; }
.domo-character { width:244px; height:286px; }
.domo-speech { border-color:color-mix(in srgb,var(--agent-state) 30%,rgba(255,255,255,.08)); background:linear-gradient(145deg,var(--agent-state-soft),rgba(8,12,22,.78)); }
.domo-speech small { display:block; margin-bottom:4px; color:var(--agent-state); }
.domo-character .domo-halo { border-color:color-mix(in srgb,var(--agent-state) 34%,transparent); box-shadow:0 0 80px var(--agent-state-soft),inset 0 0 46px var(--agent-state-soft); }
.domo-character .domo-body i,.domo-state i { background:var(--agent-state); box-shadow:0 0 16px var(--agent-state); }
.domo-character.thinking .domo-eye { animation:domoThink 1.15s ease-in-out infinite alternate; }
.domo-character.working .domo-halo::before { animation-duration:4s; }
.domo-character.working .domo-halo::after { animation-duration:2.8s; }
.domo-character.done .domo-smile { width:38px; height:16px; border-bottom-width:4px; }
.domo-character.blocked .domo-eye { width:13px; transform:rotate(12deg); }
.domo-character.blocked .domo-eye.right { transform:rotate(-12deg); }
.domo-state { border-color:color-mix(in srgb,var(--agent-state) 26%,rgba(255,255,255,.07)); color:#d4dae5; background:rgba(7,11,20,.78); }

.agent-talk-card { align-content:start; gap:12px; margin:14px; padding:22px; border-radius:25px; background:rgba(6,10,18,.79); }
.agent-talk-heading { align-items:center; }
.agent-talk-heading h1 { margin:4px 0 5px; font-size:clamp(30px,3vw,44px); }
.agent-talk-heading p:not(.eyebrow) { color:#8792a6; font-size:13px; }
.agent-conversation { min-height:150px; max-height:210px; border-color:rgba(255,255,255,.065); background:rgba(2,6,12,.42); }
.agent-conversation .agent-message-row > div { max-width:88%; }
.agent-conversation .agent-message-row.operator:last-child > div { border-color:color-mix(in srgb,var(--agent-state) 24%,rgba(255,255,255,.06)); background:linear-gradient(145deg,var(--agent-state-soft),rgba(255,255,255,.025)); }
.message-expand { margin-top:8px; padding:0; border:0; color:#9f94ff; background:transparent; cursor:pointer; font-size:11px; font-weight:750; }
.agent-message-row.expanded p { white-space:pre-line; }

.agent-action-card { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:12px; padding:11px 12px; border:1px solid color-mix(in srgb,var(--agent-state) 24%,transparent); border-radius:16px; background:linear-gradient(105deg,var(--agent-state-soft),rgba(255,255,255,.025)); }
.action-card-title { display:flex; align-items:center; gap:9px; padding-right:12px; border-right:1px solid rgba(255,255,255,.08); }
.action-card-title > span { display:grid; width:34px; height:34px; flex:0 0 34px; place-items:center; border-radius:11px; color:var(--agent-state); background:var(--agent-state-soft); }
.action-card-title svg { width:17px; }
.action-card-title small,.action-card-title strong { display:block; }
.action-card-title small { margin-bottom:2px; color:var(--agent-state); font-size:8px; font-weight:850; letter-spacing:.12em; }
.action-card-title strong { color:#edf0f6; font-size:12px; white-space:nowrap; }
.agent-action-capsules { display:flex; min-width:0; flex-wrap:wrap; gap:7px; overflow:visible; }
.agent-action-capsules button { display:flex; min-height:39px; min-width:max-content; align-items:center; gap:7px; padding:0 11px; border:1px solid rgba(255,255,255,.085); border-radius:11px; color:#cfd5e1; background:rgba(255,255,255,.035); cursor:pointer; font-size:11px; font-weight:750; transition:transform 160ms ease,border-color 160ms ease,background 160ms ease; }
.agent-action-capsules button:hover { border-color:color-mix(in srgb,var(--agent-state) 44%,transparent); background:var(--agent-state-soft); transform:translateY(-2px); }
.agent-action-capsules button span { display:grid; color:var(--agent-state); }
.agent-action-capsules svg { width:16px; }

.agent-decision-center { overflow:hidden; border:1px solid rgba(94,224,166,.2); border-radius:24px; background:radial-gradient(circle at 8% 0,rgba(94,224,166,.08),transparent 24rem),linear-gradient(135deg,rgba(12,21,27,.96),rgba(10,14,24,.92)); box-shadow:0 24px 60px rgba(0,0,0,.2); }
.agent-decision-center > header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 22px 15px; }
.agent-decision-center > header h2 { margin:4px 0; color:#f2f5f8; font-size:23px; letter-spacing:-.035em; }
.agent-decision-center > header p:not(.eyebrow) { margin:0; color:#8b96a8; font-size:13px; }
.agent-decision-center > header > span { display:grid; min-width:70px; justify-items:center; padding:11px 13px; border:1px solid rgba(94,224,166,.18); border-radius:15px; background:rgba(94,224,166,.06); }
.agent-decision-center > header > span strong { color:#72e5b3; font-size:22px; }
.agent-decision-center > header > span small { color:#7d899a; font-size:10px; }
.agent-decision-deck { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:0 14px 14px; }
.agent-decision-card { position:relative; display:grid; min-width:0; grid-template-rows:auto auto minmax(48px,auto) auto 1fr auto auto; gap:10px; padding:15px; border:1px solid rgba(255,255,255,.075); border-radius:18px; background:rgba(255,255,255,.025); }
.agent-decision-card.ready { border-color:rgba(94,224,166,.24); background:linear-gradient(145deg,rgba(94,224,166,.065),rgba(255,255,255,.02)); }
.agent-decision-card.blocked { border-color:rgba(255,189,102,.2); background:linear-gradient(145deg,rgba(255,189,102,.055),rgba(255,255,255,.02)); }
.decision-card-top { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.decision-card-top > b { padding:5px 7px; border-radius:999px; color:#ffca81; background:rgba(255,189,102,.08); font-size:9px; white-space:nowrap; }
.agent-decision-card.ready .decision-card-top > b { color:#72e5b3; background:rgba(94,224,166,.08); }
.decision-channel { display:flex; align-items:center; gap:7px; color:#cbd2de; font-size:11px; font-weight:800; }
.decision-channel i { display:grid; width:30px; height:30px; place-items:center; border-radius:9px; color:#a69aff; background:rgba(124,108,255,.1); }
.decision-channel svg { width:15px; }
.agent-decision-card h3 { margin:0; color:#f2f4f8; font-size:16px; line-height:1.25; }
.agent-decision-card > p { margin:0; color:#a0aabd; font-size:13px; line-height:1.5; }
.decision-audience { display:flex; align-items:baseline; gap:5px; padding:8px 9px; border-radius:11px; color:#929daf; background:rgba(255,255,255,.025); }
.decision-audience > span { display:grid; align-self:center; color:#8f83ff; }
.decision-audience svg { width:16px; }
.decision-audience strong { color:#f0f2f7; font-size:14px; }
.decision-audience small { font-size:10px; }
.decision-blockers { display:flex; align-content:start; flex-wrap:wrap; gap:5px; }
.decision-blockers > small { width:100%; color:#778296; font-size:9px; }
.decision-blockers > span { padding:5px 7px; border:1px solid rgba(255,189,102,.14); border-radius:8px; color:#e7b971; background:rgba(255,189,102,.055); font-size:9px; }
.decision-ready { display:flex; align-items:center; gap:7px; color:#72e5b3; font-size:10px; }
.decision-ready span { display:grid; }
.decision-ready svg { width:16px; }
.decision-actions { display:grid; grid-template-columns:auto minmax(0,1fr); gap:7px; }
.decision-actions button { min-height:42px; border-radius:11px; cursor:pointer; font-size:11px; font-weight:800; }
.decision-actions button:disabled { opacity:.55; cursor:wait; }
.decision-reject { padding:0 11px; border:1px solid rgba(255,255,255,.09); color:#9ea8ba; background:rgba(255,255,255,.025); }
.decision-approve { border:1px solid rgba(94,224,166,.2); color:#07130f; background:linear-gradient(135deg,#60dfa8,#5dcbd1); box-shadow:0 10px 24px rgba(68,194,158,.15); }
.decision-footnote { color:#6f7a8d; text-align:right; font-size:9px; }
.agent-decision-center > footer { display:flex; align-items:center; gap:15px; padding:11px 18px; border-top:1px solid rgba(255,255,255,.055); color:#7d8799; font-size:10px; }
.agent-decision-center > footer span { display:flex; align-items:center; gap:6px; }
.agent-decision-center > footer i { width:7px; height:7px; border-radius:50%; background:#60dfa8; box-shadow:0 0 10px #60dfa8; }
.agent-decision-center > footer button { margin-left:auto; padding:7px 9px; border:0; color:#a99fff; background:transparent; cursor:pointer; font-size:10px; font-weight:750; }
.agent-decision-clear { display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:12px; padding:13px 15px; border:1px solid rgba(94,224,166,.14); border-radius:18px; background:linear-gradient(105deg,rgba(94,224,166,.045),rgba(255,255,255,.018)); }
.agent-decision-clear > span { display:grid; width:40px; height:40px; place-items:center; border-radius:12px; color:#69e0ab; background:rgba(94,224,166,.07); }
.agent-decision-clear svg { width:20px; }
.agent-decision-clear div { min-width:0; }
.agent-decision-clear small,.agent-decision-clear strong { display:block; }
.agent-decision-clear small { margin-bottom:2px; color:#6fe0ae; font-size:9px; font-weight:850; letter-spacing:.12em; }
.agent-decision-clear strong { color:#edf1f6; font-size:13px; }
.agent-decision-clear p { margin:2px 0 0; color:#7c8799; font-size:11px; }
.agent-decision-clear > b { display:grid; width:34px; height:34px; place-items:center; border-radius:50%; color:#07130f; background:#62dfa9; }

.agent-mission-dock { display:grid; gap:7px; }
.agent-mission-dock > span { color:#69758a; font-size:9px; font-weight:850; letter-spacing:.13em; }
.agent-mission-dock > div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }
.agent-mission-dock .agent-mission-card { min-height:58px; grid-template-columns:32px minmax(0,1fr) 28px; gap:7px; padding:8px; border-radius:13px; }
.agent-mission-dock .mission-icon { width:31px; height:31px; border-radius:9px; }
.agent-mission-dock .mission-icon svg { width:15px; }
.agent-mission-dock .agent-mission-card h3 { font-size:10px; line-height:1.2; }
.agent-mission-dock .agent-mission-card button { width:27px; height:27px; border-radius:8px; }
.agent-mission-dock .agent-mission-card:hover { transform:translateY(-2px); }
.agent-mission-dock > div,.agent-channel-dock { scrollbar-width:none; }
.agent-mission-dock > div::-webkit-scrollbar,.agent-channel-dock::-webkit-scrollbar { display:none; }
.agent-app-shell.state-thinking .agent-game-composer,.agent-app-shell.state-thinking .agent-mission-dock,.agent-app-shell.state-thinking .agent-channel-dock { pointer-events:none; opacity:.58; }

@keyframes domoThink { from { width:18px; opacity:1; } to { width:7px; opacity:.55; } }
@keyframes domoFloat { 0%,100% { transform:translateY(0) scale(var(--domo-scale,1)); } 50% { transform:translateY(-9px) scale(var(--domo-scale,1)); } }

@media (max-width:1100px) {
  .agent-mission-rail { grid-template-columns:minmax(200px,.8fr) minmax(350px,1.2fr); }
  .mission-safety { display:none; }
  .agent-mission-dock > div { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .agent-mission-dock .agent-mission-card h3 { font-size:12px; }
  .agent-decision-deck { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:850px) {
  .agent-app-header.live { grid-template-columns:minmax(0,1fr) auto; }
  .agent-app-header.live .agent-live-engine { display:none; }
  .agent-play-stage { grid-template-columns:1fr; grid-template-rows:auto auto auto; }
  .agent-mission-rail { grid-column:1; grid-template-columns:1fr; gap:10px; }
  .agent-mission-rail ol { width:100%; }
  .mission-now strong { white-space:normal; }
  .domo-character-stage { min-height:360px; }
  .agent-talk-card { min-height:0; }
}

@media (max-width:600px) {
  .view-container { padding-right:10px; padding-left:10px; }
  .agent-app-header.live { min-height:62px; padding:10px 11px; }
  .agent-app-header.live > div:first-child { gap:9px; }
  .agent-app-header.live > div:first-child > strong { padding-left:9px; font-size:12px; }
  .agent-app-logo { font-size:17px; }
  .agent-app-header.live > .agent-safe { padding:7px; font-size:0; }
  .agent-app-header.live > .agent-safe span { width:24px; height:24px; }
  .agent-mission-rail { margin:9px 9px 0; padding:10px; border-radius:14px; }
  .mission-now > span { width:34px; height:34px; flex-basis:34px; }
  .mission-now strong { font-size:12px; }
  .agent-mission-rail li { font-size:8px; }
  .agent-mission-rail li i { width:22px; height:22px; }
  .domo-character-stage { min-height:270px; padding:10px 12px 14px; overflow:hidden; }
  .domo-speech { max-width:290px; padding:11px 13px; }
  .domo-speech p { font-size:14px; }
  .domo-character { --domo-scale:.76; width:220px; height:214px; margin-top:-24px; }
  .domo-character-stage .domo-state { margin-top:-36px; }
  .agent-talk-card { gap:11px; margin:0; padding:16px 13px 18px; border-radius:22px 22px 0 0; }
  .agent-talk-heading h1 { font-size:27px; }
  .agent-talk-heading p:not(.eyebrow) { font-size:12px; }
  .agent-voice-main { width:56px; height:56px; flex-basis:56px; }
  .agent-conversation { min-height:210px; max-height:320px; padding:11px; }
  .agent-conversation .agent-message-row > div { max-width:91%; padding:10px 12px; }
  .agent-action-card { grid-template-columns:1fr; gap:9px; }
  .action-card-title { padding:0 0 9px; border-right:0; border-bottom:1px solid rgba(255,255,255,.07); }
  .agent-action-capsules button { min-height:44px; font-size:12px; }
  .agent-game-composer textarea { min-height:58px; }
  .agent-mission-dock > div { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; }
  .agent-mission-dock .agent-mission-card { min-width:190px; scroll-snap-align:start; }
  .agent-channel-dock { padding-bottom:3px; }
  .agent-decision-center { border-radius:20px; }
  .agent-decision-center > header { align-items:flex-start; padding:17px 15px 13px; }
  .agent-decision-center > header h2 { font-size:20px; }
  .agent-decision-center > header p:not(.eyebrow) { font-size:12px; }
  .agent-decision-center > header > span { min-width:58px; padding:8px 9px; }
  .agent-decision-deck { display:flex; overflow-x:auto; padding:0 10px 12px; scroll-snap-type:x mandatory; scrollbar-width:none; }
  .agent-decision-deck::-webkit-scrollbar { display:none; }
  .agent-decision-card { min-width:calc(100vw - 48px); scroll-snap-align:center; }
  .decision-actions button { min-height:46px; font-size:12px; }
  .agent-decision-center > footer { flex-wrap:wrap; }
  .agent-decision-clear { grid-template-columns:40px minmax(0,1fr); }
  .agent-decision-clear p { display:none; }
  .agent-decision-clear > b { display:none; }
}

/* DOMO Focus — спокойна работна зона, в която разговорът е основният интерфейс. */
.agent-app-shell { max-width:1180px; gap:12px; }
.agent-app-header.live.calm { min-height:52px; padding:7px 13px; border-radius:16px; box-shadow:0 12px 34px rgba(0,0,0,.16); }
.agent-app-header.live.calm .agent-app-logo { font-size:19px; }
.agent-app-header.live.calm > div:first-child > strong { font-size:13px; }

.agent-calm-workspace { overflow:hidden; border:1px solid color-mix(in srgb,var(--agent-state) 22%,rgba(255,255,255,.06)); border-radius:26px; background:radial-gradient(circle at 0 0,var(--agent-state-soft),transparent 25rem),linear-gradient(145deg,#0d1421,#080d16 68%); box-shadow:0 28px 80px rgba(0,0,0,.28); }
.agent-calm-heading { display:grid; grid-template-columns:64px minmax(0,1fr) auto; align-items:center; gap:16px; padding:15px 22px 14px; border-bottom:1px solid rgba(255,255,255,.065); }
.agent-calm-heading > div { min-width:0; }
.agent-calm-heading small { display:flex; align-items:center; gap:7px; margin-bottom:5px; color:var(--agent-state); font-size:11px; font-weight:800; }
.agent-calm-heading small i { width:7px; height:7px; border-radius:50%; background:var(--agent-state); box-shadow:0 0 12px var(--agent-state); }
.agent-calm-heading h1 { margin:0; color:#f7f8fb; font-size:clamp(30px,3vw,42px); line-height:1.08; letter-spacing:-.045em; }
.agent-calm-heading p { max-width:720px; margin:7px 0 0; color:#909bad; font-size:14px; line-height:1.5; }
.domo-compact-avatar { display:grid; width:58px; height:58px; place-items:center; border:1px solid color-mix(in srgb,var(--agent-state) 34%,transparent); border-radius:19px; background:linear-gradient(145deg,var(--agent-state-soft),rgba(255,255,255,.035)); cursor:pointer; box-shadow:0 12px 28px rgba(0,0,0,.2),0 0 28px var(--agent-state-soft); }
.domo-compact-avatar > span { position:relative; width:42px; height:34px; border:2px solid color-mix(in srgb,var(--agent-state) 68%,#fff); border-radius:15px; background:#0b1322; }
.domo-compact-avatar i { position:absolute; top:10px; width:7px; height:5px; border-radius:99px; background:#bffdf5; box-shadow:0 0 9px #59dfd1; }
.domo-compact-avatar i:first-child { left:9px; }
.domo-compact-avatar i:nth-child(2) { right:9px; }
.domo-compact-avatar b { position:absolute; bottom:7px; left:50%; width:14px; height:6px; border-bottom:2px solid #bffdf5; border-radius:0 0 10px 10px; transform:translateX(-50%); }
.agent-voice-main.calm { width:58px; height:58px; flex-basis:58px; border-radius:18px; }
.agent-voice-main.calm span { font-size:21px; }

.agent-talk-card.calm { display:grid; min-height:0; gap:14px; margin:0; padding:20px 24px 22px; border:0; border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; }
.agent-calm-workspace .agent-conversation { min-height:clamp(200px,26vh,340px); max-height:clamp(200px,26vh,340px); gap:11px; padding:14px; border-color:rgba(255,255,255,.075); border-radius:20px; background:rgba(2,6,12,.52); scrollbar-color:rgba(137,124,255,.4) transparent; }
.agent-calm-workspace .agent-conversation .agent-message-row { align-items:flex-start; gap:11px; }
.agent-calm-workspace .agent-conversation .agent-message-row > div { max-width:min(82%,760px); padding:15px 17px; border-radius:18px 18px 18px 6px; }
.agent-calm-workspace .agent-conversation .agent-message-row.manager > div { border-radius:18px 18px 6px 18px; }
.agent-calm-workspace .agent-conversation .mini-orb { width:28px; height:28px; flex-basis:28px; margin-top:4px; }
.agent-calm-workspace .agent-conversation small { font-size:12px; }
.agent-calm-workspace .agent-conversation p { margin-top:7px; color:#e7eaf0; font-size:16px; line-height:1.65; }
.agent-calm-workspace .agent-action-card { padding:10px 12px; border-radius:14px; background:rgba(255,255,255,.025); }
.agent-calm-workspace .action-card-title small { font-size:9px; }
.agent-calm-workspace .action-card-title strong { font-size:13px; }
.agent-calm-workspace .agent-action-capsules button { min-height:42px; padding:0 13px; font-size:12px; }
.agent-calm-workspace .agent-game-composer { gap:12px; padding:11px; border-radius:20px; background:linear-gradient(135deg,rgba(124,108,255,.12),rgba(255,255,255,.025)); box-shadow:0 0 0 5px rgba(124,108,255,.035),0 18px 42px rgba(0,0,0,.16); }
.agent-calm-workspace .agent-game-composer textarea { min-height:64px; padding:12px 13px; font-size:14.5px; line-height:1.5; }
.agent-calm-workspace .agent-composer-mic { width:58px; min-height:58px; }
.agent-calm-workspace .agent-go-button { min-height:58px; padding:0 24px; border-radius:15px; font-size:15px; }

.agent-quick-tools { overflow:hidden; border:1px solid rgba(255,255,255,.07); border-radius:15px; background:rgba(255,255,255,.018); }
.agent-quick-tools > summary { display:grid; min-height:58px; grid-template-columns:34px minmax(0,1fr) 14px; align-items:center; gap:11px; padding:9px 13px; cursor:pointer; list-style:none; }
.agent-quick-tools > summary::-webkit-details-marker { display:none; }
.agent-quick-tools > summary > span { display:grid; width:34px; height:34px; place-items:center; border-radius:11px; color:var(--agent-state); background:var(--agent-state-soft); }
.agent-quick-tools > summary svg { width:17px; }
.agent-quick-tools summary strong,.agent-quick-tools summary small { display:block; }
.agent-quick-tools summary strong { color:#dce1ea; font-size:13px; }
.agent-quick-tools summary small { margin-top:2px; color:#748096; font-size:11px; }
.agent-quick-tools > summary > i { width:8px; height:8px; border-right:2px solid #69758b; border-bottom:2px solid #69758b; transform:rotate(45deg) translateY(-2px); }
.agent-quick-tools[open] > summary > i { transform:rotate(225deg); }
.agent-quick-tools-content { display:grid; gap:13px; padding:4px 13px 13px; border-top:1px solid rgba(255,255,255,.055); }
.agent-quick-tools .agent-mission-dock { padding-top:12px; }
.agent-quick-tools .agent-channel-dock { flex-wrap:wrap; }
.agent-decision-clear { min-height:58px; padding:10px 13px; border-radius:16px; }
.agent-decision-clear p { font-size:12px; }
.agent-studio > summary { min-height:68px; }

@media (max-width:850px) {
  .agent-calm-heading { grid-template-columns:58px minmax(0,1fr) auto; padding:15px 17px; }
  .domo-compact-avatar { width:56px; height:56px; border-radius:18px; }
  .agent-calm-heading h1 { font-size:23px; }
  .agent-calm-workspace .agent-conversation { min-height:320px; max-height:46vh; }
  .agent-calm-workspace .agent-conversation .agent-message-row > div { max-width:88%; }
}

@media (max-width:600px) {
  .agent-app-shell { gap:9px; }
  .agent-app-header.live.calm { min-height:54px; }
  .agent-app-header.live.calm .agent-live-engine { display:none; }
  .agent-calm-workspace { border-radius:21px; }
  .agent-calm-heading { grid-template-columns:50px minmax(0,1fr) 50px; gap:11px; padding:15px 13px; }
  .domo-compact-avatar { width:48px; height:48px; border-radius:16px; }
  .domo-compact-avatar > span { width:34px; height:28px; border-radius:12px; }
  .domo-compact-avatar i { top:8px; }
  .domo-compact-avatar i:first-child { left:7px; }
  .domo-compact-avatar i:nth-child(2) { right:7px; }
  .domo-compact-avatar b { bottom:5px; }
  .agent-calm-heading h1 { font-size:24px; }
  .agent-calm-heading p { display:none; }
  .agent-calm-heading small { font-size:10px; }
  .agent-voice-main.calm { width:48px; height:48px; flex-basis:48px; border-radius:15px; }
  .agent-talk-card.calm { gap:11px; padding:12px; }
  .agent-calm-workspace .agent-conversation { min-height:52vh; max-height:52vh; padding:12px; border-radius:16px; }
  .agent-calm-workspace .agent-conversation .agent-message-row > div { max-width:92%; padding:13px 14px; }
  .agent-calm-workspace .agent-conversation p { font-size:15px; line-height:1.58; }
  .agent-calm-workspace .agent-action-card { grid-template-columns:1fr; }
  .agent-calm-workspace .action-card-title { padding:0 0 9px; border-right:0; border-bottom:1px solid rgba(255,255,255,.07); }
  .agent-calm-workspace .agent-game-composer { grid-template-columns:1fr; }
  .agent-calm-workspace .agent-game-composer textarea { min-height:68px; font-size:14.5px; }
  .agent-calm-workspace .agent-game-composer > div { justify-content:flex-end; }
  .agent-quick-tools > summary { min-height:56px; }
  .agent-quick-tools .agent-mission-dock > div { display:flex; overflow-x:auto; }
}

/* DOMO Workspaces — разговор, реални задачи и проследими комуникации. */
.agent-workspace-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:7px; border:1px solid rgba(255,255,255,.07); border-radius:18px; background:rgba(7,12,21,.86); box-shadow:0 14px 38px rgba(0,0,0,.16); }
.agent-workspace-tabs button { display:grid; min-width:0; min-height:64px; grid-template-columns:40px minmax(0,1fr) auto; align-items:center; gap:10px; padding:9px 12px; border:1px solid transparent; border-radius:13px; color:#8e99ab; background:transparent; cursor:pointer; text-align:left; transition:160ms ease; }
.agent-workspace-tabs button:hover { color:#dce1e9; background:rgba(255,255,255,.03); }
.agent-workspace-tabs button.active { border-color:rgba(139,125,255,.38); color:#f4f5f8; background:linear-gradient(135deg,rgba(124,108,255,.19),rgba(85,212,196,.055)); box-shadow:inset 0 0 24px rgba(124,108,255,.06); }
.agent-workspace-tabs button > span { display:grid; width:38px; height:38px; place-items:center; border-radius:12px; color:#968bff; background:rgba(124,108,255,.1); }
.agent-workspace-tabs button > span svg { width:18px; }
.agent-workspace-tabs button div { min-width:0; }
.agent-workspace-tabs button strong,.agent-workspace-tabs button small { display:block; }
.agent-workspace-tabs button strong { color:inherit; font-size:14px; }
.agent-workspace-tabs button small { margin-top:3px; overflow:hidden; color:#737f92; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.agent-workspace-tabs button.active small { color:#a8b0c0; }
.agent-workspace-tabs button > b { padding:6px 8px; border-radius:999px; color:#aaa2ff; background:rgba(124,108,255,.1); font-size:10px; white-space:nowrap; }

.agent-task-center,.agent-communications-center { display:grid; gap:12px; }
.agent-center-heading { display:flex; min-height:132px; align-items:center; justify-content:space-between; gap:24px; padding:24px 26px; border:1px solid rgba(255,255,255,.075); border-radius:24px; background:radial-gradient(circle at 100% 0,rgba(124,108,255,.12),transparent 28rem),linear-gradient(145deg,#0e1523,#090e18); }
.agent-center-heading > div { max-width:760px; }
.agent-center-heading h1 { margin:5px 0 7px; color:#f5f7fa; font-size:clamp(28px,3vw,38px); line-height:1.1; letter-spacing:-.04em; }
.agent-center-heading p:not(.eyebrow) { margin:0; color:#929daf; font-size:14px; line-height:1.55; }
.agent-center-heading .primary-button { flex:none; min-height:48px; }

.agent-task-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.agent-task-stats article { display:grid; min-height:112px; grid-template-columns:minmax(0,1fr) auto; align-content:center; gap:4px 12px; padding:17px 19px; border:1px solid rgba(255,255,255,.07); border-radius:17px; background:rgba(255,255,255,.025); }
.agent-task-stats small { color:#8792a5; font-size:11px; font-weight:750; }
.agent-task-stats strong { grid-row:1/3; grid-column:2; align-self:center; color:#eeeefd; font-size:34px; }
.agent-task-stats span { color:#626f83; font-size:11px; }
.agent-mode-guide { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:8px; border:1px solid rgba(94,224,166,.14); border-radius:18px; background:rgba(94,224,166,.025); }
.agent-mode-guide article { display:grid; grid-template-columns:34px minmax(0,1fr); align-items:center; gap:10px; padding:11px; border-radius:13px; background:rgba(255,255,255,.022); }
.agent-mode-guide article > span { display:grid; width:32px; height:32px; place-items:center; border-radius:10px; color:#78e4b4; background:rgba(94,224,166,.08); font-size:11px; font-weight:900; }
.agent-mode-guide strong { color:#dfe4eb; font-size:13px; }
.agent-mode-guide p { margin:3px 0 0; color:#748094; font-size:11px; line-height:1.4; }
.agent-task-center > .agent-tasks { max-height:none; }
.agent-task-center .agent-task-list { max-height:680px; overflow:auto; }

.communication-live-count { display:grid; min-width:126px; grid-template-columns:12px auto; align-items:center; gap:2px 8px; padding:13px 15px; border:1px solid rgba(255,107,128,.18); border-radius:16px; background:rgba(255,107,128,.055); }
.communication-live-count i { grid-row:1/3; width:9px; height:9px; border-radius:50%; background:#ff6b80; box-shadow:0 0 12px rgba(255,107,128,.7); }
.communication-live-count.connected { border-color:rgba(94,224,166,.2); background:rgba(94,224,166,.055); }
.communication-live-count.connected i { background:#5ee0a6; box-shadow:0 0 12px rgba(94,224,166,.7); }
.communication-live-count strong { color:#edf1f6; font-size:17px; }
.communication-live-count small { color:#8a96a8; font-size:10px; }
.agent-integration-status { padding:20px; border:1px solid rgba(255,189,102,.16); border-radius:21px; background:radial-gradient(circle at 100% 0,rgba(255,189,102,.07),transparent 24rem),rgba(255,255,255,.02); }
.agent-integration-status > header { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:14px; }
.agent-integration-status h2 { margin:4px 0 0; color:#f0f2f6; font-size:18px; }
.not-realtime { padding:8px 11px; border:1px solid rgba(255,189,102,.18); border-radius:999px; color:#ffca7c; background:rgba(255,189,102,.07); font-size:11px; }
.agent-integration-flow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.agent-integration-flow article { display:grid; min-height:118px; grid-template-columns:42px minmax(0,1fr); align-content:start; gap:8px 11px; padding:15px; border:1px solid rgba(255,255,255,.065); border-radius:15px; background:rgba(5,10,18,.48); }
.flow-logo { display:grid; width:40px; height:40px; grid-row:1/3; place-items:center; border-radius:12px; color:#e8e5ff; background:rgba(124,108,255,.14); font-size:17px; font-weight:900; }
.flow-logo.domo { color:#bdfff4; background:rgba(85,212,196,.12); }
.flow-logo.realtime { color:#ffd292; background:rgba(255,189,102,.1); }
.agent-integration-flow article div { min-width:0; }
.agent-integration-flow strong { color:#e8ebf0; font-size:13px; }
.agent-integration-flow p { margin:4px 0; color:#929cad; font-size:11px; line-height:1.4; }
.agent-integration-flow small { color:#626f83; font-size:10px; line-height:1.35; }
.agent-integration-flow article > b { grid-column:2; width:max-content; padding:5px 7px; border-radius:999px; color:#a69dff; background:rgba(124,108,255,.08); font-size:9px; }
.agent-integration-flow article:last-child > b { color:#ffc778; background:rgba(255,189,102,.07); }
.communication-truth { display:grid; grid-template-columns:46px minmax(0,1fr); align-items:center; gap:13px; padding:14px 16px; border:1px solid rgba(94,224,166,.17); border-radius:17px; background:rgba(94,224,166,.045); }
.communication-truth > span { display:grid; width:44px; height:44px; place-items:center; border-radius:13px; color:#65dfaa; background:rgba(94,224,166,.08); }
.communication-truth svg { width:21px; }
.communication-truth strong { color:#e8eef0; font-size:14px; }
.communication-truth p { margin:4px 0 0; color:#829088; font-size:11px; line-height:1.45; }
.communication-status-legend { display:flex; flex-wrap:wrap; gap:8px; }
.communication-status-legend span { display:flex; align-items:center; gap:6px; padding:8px 10px; border:1px solid rgba(255,255,255,.06); border-radius:10px; color:#788498; background:rgba(255,255,255,.018); font-size:10px; }
.communication-status-legend strong { color:#cdd3dc; }
.communication-status-legend i { width:7px; height:7px; border-radius:50%; }
.communication-status-legend i.connected { background:#5ee0a6; }
.communication-status-legend i.setup { background:#ffbd66; }
.communication-status-legend i.inactive { background:#68758a; }
.communications-primary { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr); gap:12px; }
.communications-primary > .panel { min-width:0; }
.communications-primary .action-channel-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.communications-primary .channel-activity-list { max-height:430px; overflow:auto; }
.communications-primary .action-channel-card.setup .primary-button { border-color:rgba(255,189,102,.2); color:#ffd294; background:rgba(255,189,102,.08); box-shadow:none; }
.communications-primary .action-channel-card.inactive { opacity:.78; }
.channel-activity-row b.approved { color:#ffca7f; background:rgba(255,189,102,.08); }
.channel-activity-row b.sent,.channel-activity-row b.delivered,.channel-activity-row b.completed { color:#69e0ad; background:rgba(94,224,166,.08); }

@media (max-width:1050px) {
  .communications-primary { grid-template-columns:1fr; }
  .agent-integration-flow { grid-template-columns:1fr; }
  .agent-integration-flow article { min-height:0; }
}

@media (max-width:700px) {
  .agent-workspace-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:6px; }
  .agent-workspace-tabs button { min-width:0; min-height:62px; grid-template-columns:30px minmax(0,1fr); gap:7px; padding:8px 7px; }
  .agent-workspace-tabs button > span { width:30px; height:30px; border-radius:9px; }
  .agent-workspace-tabs button > span svg { width:15px; }
  .agent-workspace-tabs button strong { font-size:11px; }
  .agent-workspace-tabs button small,.agent-workspace-tabs button > b { display:none; }
  .agent-center-heading { min-height:0; align-items:flex-start; padding:19px 16px; }
  .agent-center-heading h1 { font-size:21px; }
  .agent-center-heading .primary-button { display:none; }
  .agent-task-stats { grid-template-columns:1fr; }
  .agent-task-stats article { min-height:82px; }
  .agent-mode-guide { grid-template-columns:1fr; }
  .agent-integration-status { padding:16px 12px; }
  .agent-integration-status > header { align-items:flex-start; flex-direction:column; }
  .not-realtime { white-space:normal; }
  .communications-primary .action-channel-grid { grid-template-columns:1fr; }
  .communication-status-legend { display:grid; }
}

/* DOMO Focus 38 — повече място за четене и проста история на задачите. */
.agent-calm-heading { grid-template-columns:54px minmax(0,1fr) 54px; gap:13px; padding:12px 18px; }
.agent-calm-heading h1 { font-size:clamp(29px,2.5vw,36px); }
.agent-calm-heading p { max-width:820px; margin-top:4px; font-size:13px; }
.domo-compact-avatar { width:52px; height:52px; border-radius:17px; }
.agent-voice-main.calm { width:52px; height:52px; flex-basis:52px; border-radius:16px; }
.agent-talk-card.calm { gap:10px; padding:16px 20px 18px; }
.agent-calm-workspace .agent-conversation { min-height:clamp(300px,34vh,420px); max-height:clamp(300px,34vh,420px); padding:16px; }
.agent-calm-workspace .agent-conversation .agent-message-row > div { max-width:min(84%,820px); }
.agent-calm-workspace .agent-conversation p { font-size:17px; line-height:1.68; }
.agent-calm-workspace .agent-action-card { min-height:52px; }
.agent-calm-workspace .agent-game-composer textarea { min-height:60px; }

.agent-task-center.simple { gap:10px; }
.agent-task-simple-header { display:grid; min-height:104px; grid-template-columns:50px minmax(0,1fr) auto; align-items:center; gap:14px; padding:17px 20px; border:1px solid rgba(255,255,255,.075); border-radius:21px; background:radial-gradient(circle at 100% 0,rgba(124,108,255,.11),transparent 24rem),linear-gradient(145deg,#0e1523,#090e18); }
.agent-task-simple-header > span { display:grid; width:48px; height:48px; place-items:center; border-radius:15px; color:#9b91ff; background:rgba(124,108,255,.12); }
.agent-task-simple-header > span svg { width:22px; }
.agent-task-simple-header div { min-width:0; }
.agent-task-simple-header h1 { margin:3px 0 4px; color:#f5f7fa; font-size:22px; line-height:1.08; letter-spacing:-.04em; }
.agent-task-simple-header p:not(.eyebrow) { margin:0; color:#8793a6; font-size:13px; }
.agent-task-simple-header p strong { color:#7be2b1; }
.agent-task-simple-header .primary-button { min-height:46px; }
.agent-task-now { display:grid; min-height:66px; grid-template-columns:11px minmax(0,1fr) auto; align-items:center; gap:12px; padding:11px 15px; border:1px solid rgba(94,224,166,.14); border-radius:16px; background:rgba(94,224,166,.035); }
.agent-task-now > i { width:9px; height:9px; border-radius:50%; background:#5ee0a6; box-shadow:0 0 13px rgba(94,224,166,.65); }
.agent-task-now.idle > i { background:#887bff; box-shadow:0 0 13px rgba(124,108,255,.65); }
.agent-task-now strong,.agent-task-now small { display:block; }
.agent-task-now strong { color:#e6ebef; font-size:13px; }
.agent-task-now small { margin-top:3px; color:#778396; font-size:11px; }
.agent-task-now button { display:flex; min-height:38px; align-items:center; gap:7px; padding:0 11px; border:1px solid rgba(255,255,255,.08); border-radius:10px; color:#bbb5ff; background:rgba(255,255,255,.025); cursor:pointer; font-size:11px; font-weight:750; }
.agent-task-now button span { display:grid; }
.agent-task-now button svg { width:15px; }
.agent-tasks.simple { min-height:0; overflow:hidden; }
.agent-simple-list-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:16px 18px; border-bottom:1px solid rgba(255,255,255,.06); }
.agent-simple-list-heading h2 { margin:0; color:#eef1f5; font-size:19px; }
.agent-simple-list-heading p { margin:4px 0 0; color:#778396; font-size:12px; }
.agent-simple-list-heading > span { padding:7px 9px; border-radius:999px; color:#948aff; background:rgba(124,108,255,.09); font-size:10px; font-weight:750; }
.agent-task-list.simple { max-height:none; gap:7px; overflow:visible; padding:11px; }
.agent-task.agent-task-simple { display:block; padding:0; border-color:rgba(255,255,255,.065); border-radius:14px; background:rgba(255,255,255,.018); }
.agent-task-simple > summary { display:grid; min-height:68px; grid-template-columns:36px minmax(0,1fr) auto 12px; align-items:center; gap:11px; padding:10px 13px; cursor:pointer; list-style:none; }
.agent-task-simple > summary::-webkit-details-marker { display:none; }
.agent-task-simple > summary .task-state { width:34px; height:34px; }
.agent-task-simple > summary div { min-width:0; }
.agent-task-simple > summary strong,.agent-task-simple > summary small { display:block; }
.agent-task-simple > summary strong { overflow:hidden; color:#e7ebf1; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
.agent-task-simple > summary small { margin-top:4px; color:#6f7b8e; font-size:10px; }
.agent-task-simple > summary b { padding:5px 7px; border-radius:999px; color:#68dfaa; background:rgba(94,224,166,.075); font-size:9px; text-transform:uppercase; }
.agent-task-simple.working > summary b { color:#72dfe2; background:rgba(78,214,200,.08); }
.agent-task-simple > summary > i { width:8px; height:8px; border-right:2px solid #647086; border-bottom:2px solid #647086; transform:rotate(45deg) translateY(-2px); }
.agent-task-simple[open] > summary > i { transform:rotate(225deg); }
.agent-task-result { padding:0 60px 15px; border-top:1px solid rgba(255,255,255,.045); }
.agent-task-result > strong { display:block; padding-top:12px; color:#8f84ff; font-size:9px; letter-spacing:.13em; text-transform:uppercase; }
.agent-task-result p { margin:6px 0 9px; color:#bdc5d2; font-size:13px; line-height:1.55; }
.agent-task-result small { color:#697589; font-size:10px; }
.agent-task-archive { border-top:1px solid rgba(255,255,255,.055); }
.agent-task-archive > summary { display:flex; min-height:52px; align-items:center; justify-content:center; gap:9px; color:#9187f8; cursor:pointer; list-style:none; font-size:11px; font-weight:750; }
.agent-task-archive > summary::-webkit-details-marker { display:none; }
.agent-task-archive > summary i { width:7px; height:7px; border-right:2px solid #776dec; border-bottom:2px solid #776dec; transform:rotate(45deg) translateY(-2px); }
.agent-task-archive[open] > summary i { transform:rotate(225deg); }
.agent-task-archive .agent-task-list.older { padding-top:0; }

@media (max-width:850px) {
  .agent-calm-workspace .agent-conversation { min-height:50vh; max-height:58vh; }
  .agent-task-simple-header { grid-template-columns:44px minmax(0,1fr); }
  .agent-task-simple-header > span { width:42px; height:42px; }
  .agent-task-simple-header .primary-button { display:none; }
}

@media (max-width:600px) {
  .agent-calm-heading { grid-template-columns:46px minmax(0,1fr) 46px; padding:11px 12px; }
  .agent-calm-heading h1 { font-size:23px; }
  .agent-talk-card.calm { padding:10px; }
  .agent-calm-workspace .agent-conversation { min-height:58vh; max-height:58vh; padding:13px; }
  .agent-calm-workspace .agent-conversation p { font-size:16px; }
  .agent-task-simple-header { min-height:88px; padding:13px; }
  .agent-task-simple-header h1 { font-size:23px; }
  .agent-task-simple-header p:not(.eyebrow) { font-size:11px; }
  .agent-task-now { grid-template-columns:10px minmax(0,1fr); }
  .agent-task-now button { display:none; }
  .agent-task-simple > summary { grid-template-columns:34px minmax(0,1fr) 10px; }
  .agent-task-simple > summary b { display:none; }
  .agent-task-result { padding:0 14px 14px 58px; }
}

/* ─── Кампания: пълен изглед ──────────────────────────────────────────── */
.campaign-detail { display: grid; gap: 18px; }
.campaign-editor { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 18px; }
@media (max-width: 900px) { .campaign-editor { grid-template-columns: 1fr; } }
.campaign-detail textarea {
  width: 100%; resize: vertical; min-height: 130px; border-radius: 14px;
  border: 1px solid var(--line, rgba(148, 163, 208, 0.24));
  background: rgba(10, 14, 26, 0.6); color: inherit; padding: 12px 14px;
  font: inherit; font-size: 14px; line-height: 1.55;
}
.campaign-editor-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; flex-wrap: wrap; }
.campaign-editor-row label { display: flex; align-items: center; gap: 8px; font-size: 13px; opacity: 0.85; }
.campaign-editor-row select {
  border-radius: 10px; padding: 7px 10px; font: inherit; color: inherit;
  background: rgba(10, 14, 26, 0.6); border: 1px solid rgba(148, 163, 208, 0.24);
}
.campaign-preview {
  margin: 0; padding: 14px 16px; border-radius: 14px; font-size: 14px; line-height: 1.6;
  background: rgba(138, 124, 255, 0.08); border: 1px solid rgba(138, 124, 255, 0.25);
  white-space: pre-wrap;
}
.campaign-sending-note { display: flex; gap: 8px; align-items: flex-start; font-size: 12.5px; opacity: 0.75; margin: 12px 0 0; }
.campaign-sending-note svg { width: 15px; height: 15px; flex: none; margin-top: 1px; }
.campaign-recipients { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.campaign-recipients th, .campaign-recipients td { text-align: left; padding: 8px 10px; border-bottom: 1px solid rgba(148, 163, 208, 0.12); white-space: nowrap; }
.campaign-recipients td { max-width: 220px; overflow: hidden; text-overflow: ellipsis; }
.campaign-recipients .num { text-align: right; font-variant-numeric: tabular-nums; }
.campaign-more { font-size: 12.5px; opacity: 0.7; margin: 10px 2px 0; }

/* ─── Обява за входа ─────────────────────────────────────────────────── */
.announce-field { display: grid; gap: 6px; margin-bottom: 12px; font-size: 13px; opacity: 0.9; }
.announce-field input, .announce-field textarea {
  width: 100%; border-radius: 12px; padding: 10px 12px; font: inherit; font-size: 14px;
  color: inherit; background: rgba(10, 14, 26, 0.6);
  border: 1px solid rgba(148, 163, 208, 0.24); resize: vertical;
}
.announce-livo { display: flex; align-items: center; gap: 9px; margin: 4px 0 10px; font-size: 13px; }
.announce-livo input { width: 16px; height: 16px; accent-color: #8a7cff; }

/* ─── Телефония ──────────────────────────────────────────────────────── */
.voice-panel .voice-actions { display: flex; gap: 9px; }
.voice-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 16px; padding: 14px 16px 16px; }
@media (max-width: 980px) { .voice-grid { grid-template-columns: 1fr; } }
.voice-grid h3 { margin: 0 0 9px; font-size: 13px; letter-spacing: .02em; opacity: .85; }
.voice-unavailable { color: #ffbd66; font-weight: 500; margin-left: 6px; }
.voice-conv-list, .voice-order-list { display: grid; gap: 7px; }
.voice-conv-row, .voice-order-row {
  display: grid; grid-template-columns: 86px minmax(0, 1fr) auto; align-items: center; gap: 10px;
  width: 100%; padding: 9px 11px; border: 1px solid rgba(148, 163, 208, 0.14); border-radius: 12px;
  background: rgba(10, 14, 26, 0.45); text-align: left; color: inherit; font: inherit;
}
.voice-conv-row { cursor: pointer; transition: border-color 140ms ease; }
.voice-conv-row:hover { border-color: rgba(138, 124, 255, 0.45); }
.voice-conv-row strong, .voice-order-row strong { display: block; font-size: 13px; }
.voice-conv-row small, .voice-order-row small { display: block; overflow: hidden; font-size: 11.5px; opacity: .65; text-overflow: ellipsis; white-space: nowrap; }
.voice-dir { font-size: 11px; font-weight: 700; }
.voice-dir.in { color: #4ed6c8; }
.voice-dir.out { color: #a89cff; }
.voice-meta { font-size: 11px; opacity: .6; white-space: nowrap; }
.voice-order-status { justify-self: start; padding: 3px 8px; border-radius: 999px; font-size: 10.5px; font-weight: 700; background: rgba(148,163,208,.14); }
.voice-order-status.started, .voice-order-status.done { background: rgba(78,214,155,.16); color: #6fe3ad; }
.voice-order-status.failed { background: rgba(255,111,125,.16); color: #ff8f9b; }
.voice-order-status.calling, .voice-order-status.queued { background: rgba(255,189,102,.15); color: #ffcd85; }
.voice-settings-card { margin-top: 13px; padding: 12px 13px; border: 1px dashed rgba(148,163,208,.25); border-radius: 12px; }
.voice-settings-card h4 { margin: 0 0 9px; font-size: 12px; letter-spacing: .04em; opacity: .8; }
.voice-toggle { display: flex; align-items: center; gap: 8px; font-size: 12.5px; margin-bottom: 9px; }
.voice-toggle input { width: 15px; height: 15px; accent-color: #8a7cff; }
.voice-settings-row { display: flex; align-items: center; gap: 11px; flex-wrap: wrap; font-size: 12px; margin-top: 7px; }
.voice-settings-row select { padding: 4px 7px; border-radius: 8px; font: inherit; font-size: 12px; color: inherit; background: rgba(10,14,26,.6); border: 1px solid rgba(148,163,208,.24); }
.voice-transcript { display: grid; gap: 9px; padding: 14px; }
.voice-line { max-width: 82%; padding: 9px 12px; border-radius: 13px 13px 13px 4px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.07); }
.voice-line.agent { justify-self: start; }
.voice-line.user { justify-self: end; border-radius: 13px 13px 4px 13px; background: rgba(124,108,255,.12); border-color: rgba(124,108,255,.22); }
.voice-line small { display: block; margin-bottom: 3px; font-size: 10px; opacity: .55; }
.voice-line p { margin: 0; font-size: 13px; line-height: 1.5; white-space: pre-line; }

/* ─── Секция „Обаждания“ ─────────────────────────────────────────────── */
.calls-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 4px 0 14px; }
.calls-filters { display: flex; gap: 7px; flex-wrap: wrap; }
.calls-filters button {
  padding: 7px 13px; border-radius: 999px; font: inherit; font-size: 12.5px; cursor: pointer;
  color: #aab3c5; background: rgba(255,255,255,.035); border: 1px solid rgba(148,163,208,.18);
}
.calls-filters button.active { color: #fff; background: rgba(124,108,255,.18); border-color: rgba(138,124,255,.5); }
.calls-grid { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); align-items: start; }
@media (max-width: 1080px) { .calls-grid { grid-template-columns: 1fr; } }
.call-list { display: grid; gap: 8px; padding: 12px; }
.call-row {
  display: grid; grid-template-columns: 40px minmax(0,1fr) auto auto; align-items: center; gap: 12px;
  width: 100%; padding: 11px 13px; border: 1px solid rgba(148,163,208,.13); border-radius: 14px;
  background: rgba(10,14,26,.45); color: inherit; font: inherit; text-align: left;
}
.call-row:not(.static) { cursor: pointer; transition: border-color 140ms ease, transform 140ms ease; }
.call-row:not(.static):hover { border-color: rgba(138,124,255,.5); transform: translateY(-1px); }
.call-dir { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 11px; }
.call-dir svg { width: 17px; height: 17px; }
.call-dir.in { color: #4ed6c8; background: rgba(78,214,200,.12); }
.call-dir.out { color: #a89cff; background: rgba(138,124,255,.13); }
.call-dir.order { color: #ffcd85; background: rgba(255,189,102,.12); }
.call-row-main strong { display: block; font-size: 13.5px; line-height: 1.35; }
.call-row-main small { display: block; margin-top: 2px; font-size: 11.5px; opacity: .6; }
.call-row-meta { text-align: right; }
.call-row-meta b { display: block; font-size: 13px; font-variant-numeric: tabular-nums; }
.call-row-meta small { font-size: 10.5px; opacity: .55; }
.calls-side { display: grid; gap: 14px; }
.voice-settings-card.standalone { margin-top: 0; padding: 14px 15px; border-style: solid; }
.calls-recent-orders { padding: 14px 15px; }
.calls-recent-orders h4 { margin: 0 0 10px; font-size: 12px; letter-spacing: .04em; opacity: .8; }
.call-detail { display: grid; gap: 14px; }
.call-summary-card { padding: 16px 18px; }
.call-summary-text { margin: 8px 0 0; font-size: 15px; line-height: 1.6; }
.call-audio-card { padding: 16px 18px; }
.call-audio-card audio { width: 100%; margin: 10px 0 6px; }
.call-audio-card small { font-size: 11px; opacity: .55; }
.call-transcript-details summary {
  display: flex; align-items: center; gap: 8px; padding: 11px 14px; cursor: pointer;
  border: 1px dashed rgba(148,163,208,.28); border-radius: 12px; font-size: 13px; opacity: .8;
}
.call-transcript-details[open] summary { margin-bottom: 10px; }
.link-button { padding: 0; border: 0; background: none; color: #a89cff; font: inherit; font-size: 13px; cursor: pointer; }
.link-button:hover { text-decoration: underline; }

/* ─── Обаждания v2: категории, дни, настройки, факти ─────────────────── */
.calls-filterbar { display: grid; gap: 9px; margin: 0 0 12px; }
.calls-cats { display: flex; gap: 6px; flex-wrap: wrap; }
.call-cat-chip {
  display: inline-flex; align-items: center; gap: 5px; padding: 5px 11px; border-radius: 999px;
  font: inherit; font-size: 11.5px; cursor: pointer; color: #aab3c5;
  background: rgba(255,255,255,.03); border: 1px solid rgba(148,163,208,.16);
}
.call-cat-chip b { font-size: 10.5px; opacity: .7; }
.call-cat-chip.mini { padding: 2px 8px; font-size: 10px; cursor: default; }
.call-cat-chip.signal { color: #ff8f9b; } .call-cat-chip.signal.active { background: rgba(255,111,125,.16); border-color: rgba(255,111,125,.5); }
.call-cat-chip.finance { color: #ffcd85; } .call-cat-chip.finance.active { background: rgba(255,189,102,.15); border-color: rgba(255,189,102,.5); }
.call-cat-chip.info { color: #7fd7ff; } .call-cat-chip.info.active { background: rgba(107,199,255,.13); border-color: rgba(107,199,255,.5); }
.call-cat-chip.tech { color: #a89cff; } .call-cat-chip.tech.active { background: rgba(138,124,255,.15); border-color: rgba(138,124,255,.5); }
.call-cat-chip.other, .call-cat-chip.all { color: #aab3c5; }
.call-cat-chip.all.active, .call-cat-chip.other.active { background: rgba(148,163,208,.14); border-color: rgba(148,163,208,.5); color: #e8ecf4; }
.call-cat-chip.pending { color: #8e99ad; font-style: italic; }
.call-day-header { margin: 12px 4px 4px; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; opacity: .55; }
.call-day-header:first-child { margin-top: 0; }
.call-row-tags { display: flex; align-items: center; gap: 6px; }
.call-followup {
  display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%;
  background: rgba(255,111,125,.18); color: #ff8f9b; font-size: 12px; font-weight: 800;
}
.call-followup-label { margin-left: 8px; font-size: 11px; color: #ff8f9b; }
.call-hero-meta { display: flex; align-items: center; gap: 9px; margin-top: 6px; }
.calls-enriching { display: flex; align-items: center; gap: 8px; margin: 0 2px 10px; font-size: 12px; opacity: .7; }
.calls-settings-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
@media (max-width: 980px) { .calls-settings-grid { grid-template-columns: 1fr; } }
.calls-settings-grid .panel { padding: 15px 16px; }
.calls-settings-grid h4 { margin: 0 0 11px; font-size: 12.5px; letter-spacing: .04em; opacity: .85; }
.call-fact-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 760px) { .call-fact-grid { grid-template-columns: 1fr; } }
.call-fact { padding: 13px 15px; }
.call-fact p:last-child { margin: 7px 0 0; font-size: 13.5px; line-height: 1.5; }
.campaign-sending-note.standalone { margin: 12px 4px 0; }
.when-row { margin-top: 4px; }
.when-row input[type="datetime-local"] {
  padding: 6px 9px; border-radius: 9px; font: inherit; font-size: 12.5px; color: inherit;
  background: rgba(10,14,26,.6); border: 1px solid rgba(148,163,208,.24); color-scheme: dark;
}

/* ─── История на плащанията в досието ────────────────────────────────── */
.payment-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; margin: 9px 0 12px; }
.payment-stats span { display: grid; gap: 3px; padding: 9px 11px; border-radius: 11px; background: rgba(10,14,26,.45); border: 1px solid rgba(148,163,208,.12); }
.payment-stats small { font-size: 10px; letter-spacing: .06em; text-transform: uppercase; opacity: .55; }
.payment-stats strong { font-size: 13px; }
.payment-stats strong.debt { color: #ff8f9b; }
.payment-stats strong.paid { color: #6fe3ad; }
.payment-events { display: grid; gap: 6px; margin-bottom: 9px; }
.pay-event { display: flex; align-items: center; gap: 10px; padding: 8px 11px; border-radius: 11px; border: 1px solid rgba(148,163,208,.12); background: rgba(10,14,26,.4); }
.pay-event.pay .pay-arrow { color: #6fe3ad; }
.pay-event.charge .pay-arrow { color: #ffbd66; }
.pay-event strong { font-size: 12.5px; }
.pay-event small { display: block; font-size: 11px; opacity: .6; }
.payment-note { margin: 4px 2px 0; font-size: 11px; opacity: .5; }

/* ─── Одобрение на място ─────────────────────────────────────────────── */
.kpi-link { display: block; width: 100%; padding: 0; border: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.kpi-link:hover { filter: brightness(1.12); }
.call-row.decidable { cursor: pointer; border-color: rgba(255,189,102,.35); }
.call-row.decidable:hover { border-color: rgba(255,189,102,.7); transform: translateY(-1px); }
.decision-actions.dialog { display: flex; justify-content: flex-end; gap: 10px; }
.decision-actions.dialog button { min-height: 42px; padding: 0 18px; border-radius: 12px; font: inherit; font-size: 13.5px; cursor: pointer; }
.decision-actions.dialog .decision-reject { border: 1px solid rgba(255,111,125,.3); color: #ff9aa5; background: rgba(255,111,125,.08); }

/* ─── Кликаеми резултати от чата ─────────────────────────────────────── */
.agent-entity-chips { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; margin: 9px 2px 2px; }
.agent-entity-chips small { font-size: 9.5px; letter-spacing: .1em; opacity: .5; }
.agent-entity-chips button {
  display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px;
  font: inherit; font-size: 12px; cursor: pointer; color: #c9c2ff;
  background: rgba(124,108,255,.1); border: 1px solid rgba(138,124,255,.35);
}
.agent-entity-chips button:hover { background: rgba(124,108,255,.2); }
.agent-entity-chips button svg { width: 13px; height: 13px; }

/* ─── Такси и фондове на сграда ──────────────────────────────────────── */
.building-finances { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 14px 0; }
@media (max-width: 900px) { .building-finances { grid-template-columns: 1fr; } }
.fee-list { display: grid; gap: 6px; padding: 10px 13px 13px; }
.fee-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 11px; border-radius: 11px; background: rgba(10,14,26,.42); border: 1px solid rgba(148,163,208,.11); }
.fee-row strong { display: block; font-size: 13px; }
.fee-row small { display: block; margin-top: 1px; font-size: 11px; opacity: .55; }
.fee-row b { font-size: 13.5px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.fee-row.improvement { border-color: rgba(255,189,102,.3); }
.fee-row.improvement b { color: #ffcd85; }
.fee-row.reserve b { color: #6fe3ad; }
.fee-row.poll { border-style: dashed; }

/* ─── Етикетите в диалозите: да не потъват в заобления ъгъл ──────────── */
.campaign-detail .panel { padding: 16px 18px 18px; }
.campaign-detail .panel > .announce-field:first-child { margin-top: 2px; }
.announce-field { margin: 0 0 14px; }
.announce-field > input, .announce-field > textarea { display: block; }

/* ─── Откъде идва дългът ─────────────────────────────────────────────── */
.fee-list.dossier { padding: 8px 0 4px; }
.tax-months-details summary { display: flex; align-items: center; gap: 7px; margin: 6px 0; padding: 8px 12px; font-size: 12.5px; cursor: pointer; border: 1px dashed rgba(148,163,208,.25); border-radius: 11px; opacity: .8; }
.tax-month-list { display: grid; gap: 4px; margin-top: 7px; max-height: 300px; overflow-y: auto; }
.tax-month-row { display: grid; grid-template-columns: 52px minmax(0,1fr) auto auto; align-items: center; gap: 10px; padding: 6px 10px; border-radius: 9px; background: rgba(10,14,26,.4); font-size: 12px; }
.tax-month-row span { font-variant-numeric: tabular-nums; opacity: .7; }
.tax-month-row strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.tax-month-row small { font-size: 10.5px; opacity: .55; }
.tax-month-row b { font-variant-numeric: tabular-nums; }
.tax-month-row.unpaid b { color: #ff8f9b; }
.tax-month-row.paid b { color: #6fe3ad; }

/* ─── Дневник на движенията ──────────────────────────────────────────── */
.ledger-panel { margin-top: 14px; }
.fee-list.ledger { max-height: 420px; overflow-y: auto; }
.fee-row.tx-income b { color: #6fe3ad; }
.fee-row.tx-expense b { color: #ff9aa5; }

.issue-reporter-line { margin: 4px 0 0; font-size: 12.5px; color: #9fe0b8; }

/* ─── „DOMO мисли" ───────────────────────────────────────────────────── */
.thinking-line { display: flex; align-items: center; gap: 8px; opacity: .75; font-style: italic; }
.thinking-dots { display: inline-flex; gap: 3px; }
.thinking-dots i { width: 5px; height: 5px; border-radius: 50%; background: #8a7cff; animation: thinkPulse 1.2s ease-in-out infinite; }
.thinking-dots i:nth-child(2) { animation-delay: .2s; }
.thinking-dots i:nth-child(3) { animation-delay: .4s; }
@keyframes thinkPulse { 0%, 100% { opacity: .25; transform: translateY(0); } 50% { opacity: 1; transform: translateY(-2px); } }
.issue-row-reporter { font-size: 11px; color: #9fe0b8; }

/* --- „DOMO ПРЕДЛАГА": AI решение на сигнала ------------------------------ */
.issue-resolution { margin: 14px 0 4px; padding: 14px 16px; border: 1px solid rgba(138,124,255,.25); border-radius: 14px; background: linear-gradient(135deg, rgba(138,124,255,.10), rgba(138,124,255,.03)); }
.res-thinking { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 13px; }
.res-error { color: var(--muted); font-size: 13px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.res-head { display: flex; align-items: center; gap: 10px; }
.res-brand { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; letter-spacing: .12em; color: #8a7cff; }
.res-brand svg { width: 14px; height: 14px; }
.res-urgency { font-size: 11px; font-weight: 700; padding: 2px 9px; border-radius: 999px; text-transform: uppercase; letter-spacing: .06em; }
.res-urgency-critical { background: rgba(255,92,92,.16); color: #ff7b7b; }
.res-urgency-high { background: rgba(255,176,32,.14); color: #ffb020; }
.res-urgency-normal { background: rgba(138,124,255,.14); color: #a99cff; }
.res-urgency-low { background: rgba(120,144,156,.14); color: var(--muted); }
.res-refresh { margin-left: auto; border: 0; background: transparent; color: var(--muted); font-size: 15px; cursor: pointer; padding: 2px 6px; border-radius: 8px; }
.res-refresh:hover { color: var(--text); background: rgba(255,255,255,.06); }
.res-diagnosis { margin: 8px 0 0; font-size: 13.5px; line-height: 1.45; }
.res-steps { margin: 8px 0 0; padding-left: 18px; font-size: 12.5px; color: var(--muted); display: grid; gap: 2px; }
.res-actions { display: grid; gap: 8px; margin-top: 12px; }
.res-action { display: flex; align-items: center; gap: 11px; width: 100%; text-align: left; padding: 10px 12px; border-radius: 11px; border: 1px solid rgba(255,255,255,.09); background: rgba(255,255,255,.035); cursor: pointer; transition: border-color .15s, background .15s; }
.res-action:hover:not(:disabled):not(.done) { border-color: rgba(138,124,255,.55); background: rgba(138,124,255,.08); }
.res-action:disabled { opacity: .6; cursor: wait; }
.res-action > span[data-icon] svg, .res-action > span[data-icon] { width: 16px; height: 16px; color: #8a7cff; flex-shrink: 0; }
.res-action div { flex: 1; min-width: 0; }
.res-action strong { display: block; font-size: 13px; }
.res-action small { display: block; font-size: 11.5px; color: var(--muted); margin-top: 1px; }
.res-action .res-go { font-size: 11.5px; font-weight: 700; color: #8a7cff; border: 1px solid rgba(138,124,255,.4); padding: 4px 12px; border-radius: 999px; flex-shrink: 0; }
.res-action.done { border-color: rgba(78,214,155,.3); background: rgba(78,214,155,.05); cursor: default; }
.res-check { width: 18px; height: 18px; border-radius: 50%; background: rgba(78,214,155,.16); color: var(--green); font-size: 12px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.res-action.done small { color: var(--green); }
.res-note { margin: 9px 0 0; font-size: 11px; color: var(--muted); }

/* --- филтри в Центъра за сигнали ---------------------------------------- */
.issue-filter-bar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 12px 18px 2px; }
.filter-chips { display: inline-flex; gap: 6px; flex-wrap: wrap; }
.filter-chip { border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.03); color: var(--muted); font-size: 12px; font-weight: 600; padding: 6px 13px; border-radius: 999px; cursor: pointer; transition: all .15s; }
.filter-chip:hover { color: var(--text); }
.filter-chip.active { background: rgba(138,124,255,.16); border-color: rgba(138,124,255,.5); color: #a99cff; }
.issue-filter-bar select { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.12); color: var(--text); font-size: 12.5px; padding: 7px 10px; border-radius: 10px; }
.filter-search { display: inline-flex; align-items: center; gap: 7px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.12); border-radius: 10px; padding: 0 10px; flex: 1; min-width: 170px; max-width: 320px; }
.filter-search svg { width: 14px; height: 14px; color: var(--muted); }
.filter-search input { background: transparent; border: 0; outline: 0; color: var(--text); font-size: 12.5px; padding: 8px 0; width: 100%; }
.filter-count { font-size: 11.5px; color: var(--muted); margin-left: auto; white-space: nowrap; }
.show-more { display: block; margin: 12px auto 4px; }

/* --- звънецът и настройките ---------------------------------------------- */
.topbar-actions { position: relative; }
.notif-count { position: absolute; top: -4px; right: -4px; min-width: 16px; height: 16px; border-radius: 999px; background: #ff5c5c; color: #fff; font-size: 10px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; padding: 0 4px; }
#notifBell { position: relative; }
.notif-panel { position: absolute; top: calc(100% + 10px); right: 0; width: min(360px, calc(100vw - 32px)); max-height: 62vh; overflow: auto; background: var(--panel, #12172b); border: 1px solid rgba(255,255,255,.12); border-radius: 14px; box-shadow: 0 18px 50px rgba(0,0,0,.45); z-index: 60; padding: 6px; }
.notif-item { display: flex; gap: 10px; align-items: flex-start; width: 100%; text-align: left; background: transparent; border: 0; padding: 10px 12px; border-radius: 10px; cursor: pointer; }
.notif-item:hover { background: rgba(255,255,255,.05); }
.notif-item svg { width: 15px; height: 15px; color: #8a7cff; margin-top: 2px; }
.notif-item strong { display: block; font-size: 12.5px; color: var(--text); }
.notif-item small { display: block; font-size: 11.5px; color: var(--muted); margin-top: 1px; }
.notif-empty { padding: 18px 14px; font-size: 12.5px; color: var(--muted); text-align: center; }
.settings-grid { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); align-items: start; }
.settings-form { display: grid; gap: 10px; padding: 14px 18px 18px; }
.settings-form label { display: grid; gap: 5px; font-size: 12px; color: var(--muted); }
.settings-form input { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.12); border-radius: 10px; color: var(--text); padding: 9px 11px; font-size: 13.5px; }
.settings-form .primary-button { justify-self: start; }
.user-list { display: grid; gap: 8px; margin-bottom: 14px; }
.user-row { display: flex; align-items: center; gap: 11px; padding: 9px 11px; border: 1px solid rgba(255,255,255,.08); border-radius: 11px; }
.user-row div { flex: 1; min-width: 0; }
.user-row strong { font-size: 13px; display: block; }
.user-row small { font-size: 11.5px; color: var(--muted); }
.settings-system { display: grid; gap: 4px; }
.settings-line { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 2px; border-bottom: 1px solid rgba(255,255,255,.06); font-size: 13px; }
.settings-line:last-child { border-bottom: 0; }
.settings-line > span { color: var(--muted); }

/* мобилно: дългите мета-чипове на сигналите не бива да стърчат от картата */
.issue-row-meta { flex-wrap: wrap; max-width: 100%; }
.issue-row-meta span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
@media (max-width: 600px) {
  .issue-filter-bar { padding: 10px 12px 2px; }
  .filter-search { max-width: none; }
  .filter-count { margin-left: 0; width: 100%; text-align: right; }
}

/* Долният бутон е входът към AI Агента — свети, когато изгледът е активен */
.ai-launch.active { border-color: rgba(138,124,255,.65); background: linear-gradient(135deg, rgba(138,124,255,.16), rgba(138,124,255,.05)); box-shadow: 0 0 22px rgba(138,124,255,.25); }
.ai-launch-badge { margin-left: auto; color: #4ed69b; font-size: 9px; }

/* --- мобилно: край на неканения зум ------------------------------------- */
/* iOS Safari зумва екрана при фокус върху поле с шрифт под 16px и после
   оставя страницата зумната. С 16px на всички полета зумът изобщо не
   тръгва — класическият и единствен надежден лек. */
@media (max-width: 850px) {
  input,
  select,
  textarea {
    font-size: 16px !important;
  }
}

/* --- мобилен режим: карти вместо километричен скрол ---------------------- */
@media (max-width: 850px) {
  /* Сгънат панел = само заглавната лента, с индикатор ▾ */
  .m-fold > *:not(.panel-header) { display: none !important; }
  .m-fold.m-open > *:not(.panel-header) { display: revert !important; }
  .m-fold.m-open > .table-scroll { display: block !important; }
  .m-fold.m-open > .panel-body { display: block !important; }
  .m-fold > .panel-header { cursor: pointer; border-bottom: 0; padding: 15px 16px; user-select: none; }
  .m-fold.m-open > .panel-header { border-bottom: 1px solid var(--line); }
  .m-fold > .panel-header::after { content: "▾"; margin-left: 6px; color: var(--muted); font-size: 12px; transition: transform .18s; flex-shrink: 0; }
  .m-fold.m-open > .panel-header::after { transform: rotate(180deg); }
  .m-fold > .panel-header p { display: none; } /* подзаглавието е шум в сгънат вид */
  .m-fold.m-open > .panel-header p { display: block; }

  /* Героите — стегнати, метриките една до друга с хоризонтален скрол */
  .section-hero { padding: 18px 16px; }
  .section-hero h2 { font-size: 19px; }
  .hero-metrics { display: flex; overflow-x: auto; gap: 8px; padding-bottom: 4px; scrollbar-width: none; }
  .hero-metrics::-webkit-scrollbar { display: none; }
  .hero-metrics > * { flex: 0 0 auto; min-width: 120px; }

  /* KPI картите: 2×2 вместо колона от кули */
  .dashboard-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .dashboard-grid .stat-card, .dashboard-grid > * { min-width: 0; }

  /* Клъстерите на сигналите: хоризонтална лента с плъзгане */
  .cluster-grid { display: flex; overflow-x: auto; gap: 9px; scrollbar-width: none; padding-bottom: 4px; }
  .cluster-grid::-webkit-scrollbar { display: none; }
  .cluster-grid > * { flex: 0 0 72%; min-width: 0; }

  .page-header { margin-bottom: 14px; }
  .page-header h1 { font-size: 22px; }
  .view-container { padding: 16px 12px 90px; }
}

@media (max-width: 850px) {
  /* Панел в решетка заема цял ред — 2-те колони са за малките KPI карти */
  .dashboard-grid .panel, .section-grid .panel { grid-column: 1 / -1; }
  .m-fold > .panel-header { flex-wrap: wrap; }
  .m-fold > .panel-header h2 { font-size: 14px; }
}

@media (max-width: 850px) {
  /* Дневният AI преглед: метриките една до друга, блокът диша по-малко */
  .intelligence-hero { padding: 18px 14px; }
  .brief-metrics { display: flex; overflow-x: auto; gap: 8px; scrollbar-width: none; }
  .brief-metrics::-webkit-scrollbar { display: none; }
  .brief-metrics > * { flex: 0 0 auto; min-width: 128px; }
}

@media (max-width: 850px) {
  .building-finances { grid-template-columns: 1fr; }
  .detail-body .kpi-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
}

.danger-link { background: transparent; border: 0; color: #ff7b7b; font-size: 12.5px; cursor: pointer; padding: 6px 8px; margin-right: auto; border-radius: 8px; }
.danger-link:hover { background: rgba(255,92,92,.1); }
.danger-link:disabled { opacity: .5; cursor: wait; }

/* --- редактор на пера ----------------------------------------------------- */
.fee-row.editable { cursor: pointer; transition: background .15s; }
.fee-row.editable:hover { background: rgba(138,124,255,.07); }
.fee-pencil { color: var(--muted); font-size: 12px; margin-left: 8px; flex-shrink: 0; }
.fee-row.editable:hover .fee-pencil { color: #a99cff; }
.fee-editor { padding: 12px 16px 16px; border-top: 1px solid var(--line); }
.fee-edit-form { display: grid; gap: 10px; }
.fee-edit-form strong { font-size: 13.5px; display: flex; align-items: center; gap: 8px; }
.fee-edit-form label { display: grid; gap: 5px; font-size: 12px; color: var(--muted); }
.fee-edit-form input, .fee-edit-form select { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.12); border-radius: 10px; color: var(--text); padding: 9px 11px; font-size: 13.5px; }
.fee-edit-actions { display: flex; gap: 10px; justify-content: flex-end; }

/* --- перата: подравнена колона за сумите + попъп диалог ------------------- */
.fee-row { display: grid !important; grid-template-columns: 1fr auto auto; align-items: center; column-gap: 12px; }
.fee-row > b { font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; min-width: 84px; }
.fee-row:not(.editable) { grid-template-columns: 1fr auto; }
.fee-dialog { width: min(430px, 92vw); border: 1px solid rgba(138,124,255,.28); border-radius: 18px; padding: 0; }
.fee-dialog #feeDialogContent { padding: 20px 22px 22px; }
.fee-dialog .fee-edit-form header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 2px; }
.fee-dialog .fee-edit-form header strong { font-size: 15px; }
.fee-dialog-meta { margin: 0 0 6px; font-size: 12px; color: var(--muted); }
.fee-dialog-meta b { color: #a99cff; }
.fee-dialog .res-thinking { padding: 26px 22px; }

.fee-math { margin: -4px 0 0; font-size: 12.5px; color: var(--muted); min-height: 16px; }
.fee-math b { color: #4ed69b; font-variant-numeric: tabular-nums; }

/* --- холограмната карта --------------------------------------------------- */
.map-stage { background: #070b16; }
.map-stage::before { content: ""; position: absolute; z-index: 2; inset: 0; pointer-events: none;
  background:
    radial-gradient(120% 90% at 50% -10%, rgba(82,201,255,.10), transparent 55%),
    radial-gradient(80% 60% at 50% 115%, rgba(45,227,195,.08), transparent 60%),
    repeating-linear-gradient(0deg, rgba(120,205,255,.024) 0 1px, transparent 1px 44px),
    repeating-linear-gradient(90deg, rgba(120,205,255,.024) 0 1px, transparent 1px 44px);
}
.map-stage::after { box-shadow: inset 0 0 110px rgba(4,7,13,.72), inset 0 0 0 1px rgba(82,201,255,.18); }

/* --- филтри на сградите --------------------------------------------------- */
.filter-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 10px 0 16px; }
.filter-chip { display: inline-flex; align-items: center; gap: 6px; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; background: rgba(255,255,255,.04); color: var(--muted); font-size: 12.5px; padding: 6px 13px; cursor: pointer; transition: border-color .15s, color .15s, background .15s; }
.filter-chip b { font-size: 11px; opacity: .75; font-weight: 600; }
.filter-chip:hover { border-color: rgba(138,124,255,.5); color: var(--text); }
.filter-chip.on { border-color: rgba(138,124,255,.75); background: rgba(138,124,255,.14); color: #cfc7ff; }
.filter-chip.risk-high.on { border-color: rgba(255,94,138,.7); background: rgba(255,94,138,.12); color: #ffb3c8; }
.filter-chip.risk-medium.on { border-color: rgba(255,197,88,.7); background: rgba(255,197,88,.1); color: #ffd9a1; }
.filter-chip.risk-low.on { border-color: rgba(45,227,195,.6); background: rgba(45,227,195,.09); color: #9af0dd; }
.filter-chip.clear { border-color: rgba(255,94,138,.4); color: #ff9ab5; }
.chip-sep { width: 1px; height: 18px; background: rgba(255,255,255,.12); }
.segment-card[role="button"] { cursor: pointer; transition: transform .15s, border-color .15s; }
.segment-card[role="button"]:hover { transform: translateY(-2px); border-color: rgba(138,124,255,.45); }
@media (max-width: 850px) {
  .filter-chips { overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none; padding-bottom: 4px; }
  .filter-chips::-webkit-scrollbar { display: none; }
  .filter-chip { flex: 0 0 auto; }
}

/* Сгъваемите панели важат и извън мобилния режим (финансите в детайла) */
.m-fold > *:not(.panel-header) { display: none !important; }
.m-fold.m-open > *:not(.panel-header) { display: revert !important; }
.m-fold.m-open > .table-scroll { display: block !important; }
.m-fold.m-open > .panel-body { display: block !important; }
.m-fold.m-open > .fee-list { display: grid !important; }
.m-fold > .panel-header { cursor: pointer; border-bottom: 0; user-select: none; }
.m-fold.m-open > .panel-header { border-bottom: 1px solid var(--line); }
.m-fold > .panel-header::after { content: "▾"; margin-left: 6px; color: var(--muted); font-size: 12px; transition: transform .18s; flex-shrink: 0; }
.m-fold.m-open > .panel-header::after { transform: rotate(180deg); }

.load-more-row { display: grid; place-items: center; margin: 16px 0 6px; }
.load-more-row .ghost-button { padding: 10px 26px; }

/* --- обажданията, подредени: шумът настрана, важното изпъква -------------- */
.call-row.noise { opacity: .55; }
.call-row.noise .call-row-main strong { font-weight: 500; font-size: 12.5px; }
.call-row.important { border-left: 3px solid rgba(255,94,138,.65); background: rgba(255,94,138,.04); }
.calls-noise-toggle { border: 1px dashed rgba(255,255,255,.2); border-radius: 999px; background: transparent; color: var(--muted); font-size: 12px; padding: 6px 13px; cursor: pointer; }
.calls-noise-toggle b { font-size: 11px; opacity: .8; }
.calls-noise-toggle:hover { border-color: rgba(138,124,255,.5); color: var(--text); }
.calls-noise-toggle.on { border-style: solid; border-color: rgba(138,124,255,.5); color: #cfc7ff; }

/* --- касиерът в досието --------------------------------------------------- */
.cashier-button { margin-top: 5px; border: 1px solid rgba(45,227,195,.4); border-radius: 999px; background: rgba(45,227,195,.08); color: #7fead6; font-size: 11px; padding: 3px 11px; cursor: pointer; }
.cashier-button:hover { background: rgba(45,227,195,.16); }
.cashier-form { max-height: 78vh; }
.cashier-items { display: grid; gap: 5px; max-height: 300px; overflow-y: auto; padding-right: 4px; }
.cashier-item { display: grid; grid-template-columns: auto 1fr 88px auto; align-items: center; gap: 9px; font-size: 12.5px; padding: 6px 9px; border: 1px solid rgba(255,255,255,.08); border-radius: 9px; background: rgba(255,255,255,.03); }
.cashier-item-name { color: var(--text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cashier-item input[type=number] { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); border-radius: 8px; color: var(--text); padding: 5px 8px; font-size: 12.5px; text-align: right; }
.cashier-item input[type=number]:disabled { opacity: .35; }
.cashier-item em { color: var(--muted); font-style: normal; font-size: 11px; }
.cashier-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.cashier-total { margin: 2px 0 0; font-size: 13.5px; }
.cashier-total b { color: #4ed69b; font-variant-numeric: tabular-nums; }
.fee-dialog { width: min(520px, 94vw); }

/* --- търсене на човек по телефон/име -------------------------------------- */
.global-search { position: relative; }
.people-search-results { position: absolute; z-index: 70; top: calc(100% + 8px); left: 0; right: 0; max-height: 62vh; overflow-y: auto; display: grid; gap: 4px; padding: 6px; border: 1px solid rgba(138,124,255,.28); border-radius: 14px; background: rgba(10,14,26,.98); box-shadow: 0 24px 60px rgba(0,0,0,.5); backdrop-filter: blur(16px); }
.people-hit { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 11px; width: 100%; text-align: left; padding: 9px 11px; border: 0; border-radius: 10px; background: transparent; color: var(--text); cursor: pointer; }
.people-hit:hover { background: rgba(138,124,255,.12); }
.people-hit-avatar { width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; background: rgba(138,124,255,.18); color: #cfc7ff; font-weight: 700; font-size: 13px; }
.people-hit-main { display: grid; gap: 1px; min-width: 0; }
.people-hit-main strong { font-size: 13.5px; }
.people-hit-main small { font-size: 11.5px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.people-hit-contact { color: #8fa2c9 !important; font-variant-numeric: tabular-nums; }
.people-hit-debt { display: grid; text-align: right; font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.people-hit-debt small { font-size: 10px; font-weight: 500; color: var(--muted); }
.people-hit-debt.owing { color: #ff7b7b; }
.people-hit-debt.clear { color: #4ed69b; }
.people-hit.empty { display: block; padding: 14px; cursor: default; }
.people-hit.empty strong { display: block; font-size: 13.5px; margin-bottom: 3px; }
.people-hit.empty small { color: var(--muted); font-size: 12px; }
.people-search-results .res-thinking { padding: 14px; }