:root {
  --bg: #080711;
  --bg-soft: #0e0b18;
  --panel: rgba(18, 13, 31, 0.82);
  --panel-strong: #151022;
  --line: rgba(218, 193, 255, 0.11);
  --line-strong: rgba(220, 196, 255, 0.2);
  --text: #f8f3ff;
  --muted: #a59bb4;
  --muted-2: #746a83;
  --acid: #a969ff;
  --acid-strong: #7e3fe4;
  --cyan: #d6b8ff;
  --amber: #ffc66d;
  --red: #ff7293;
  --radius: 24px;
  --radius-sm: 16px;
  --shadow: 0 20px 80px rgba(0, 0, 0, .28);
  --font: Inter, "SF Pro Display", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { background: var(--bg); color-scheme: dark; }
body { margin: 0; min-height: 100vh; background: var(--bg); color: var(--text); font-family: var(--font); overflow-x: hidden; }
button, input { font: inherit; }
button { color: inherit; }

.ambient { position: fixed; pointer-events: none; filter: blur(100px); opacity: .13; border-radius: 999px; z-index: 0; }
.ambient-a { width: 420px; height: 420px; background: var(--acid); right: 8%; top: -180px; }
.ambient-b { width: 460px; height: 460px; background: #6433a9; left: 8%; bottom: -280px; }
.noise { position: fixed; inset: 0; pointer-events: none; opacity: .035; z-index: 1; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); }

.app-shell { position: relative; z-index: 2; display: grid; grid-template-columns: 255px minmax(0, 1fr); min-height: 100vh; }
.sidebar { position: fixed; width: 255px; height: 100vh; padding: 26px 18px 20px; display: flex; flex-direction: column; border-right: 1px solid var(--line); background: rgba(8, 11, 13, .82); backdrop-filter: blur(28px); z-index: 20; }
.brand { display: flex; align-items: center; gap: 12px; padding: 4px 8px 25px; }
.brand-mark { width: 38px; height: 38px; flex: 0 0 auto; }
.brand-mark svg { width: 100%; height: 100%; overflow: visible; }
.brand-mark path { fill: none; stroke: var(--text); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.brand-mark path:nth-child(2) { stroke: var(--acid); }
.brand-mark circle { fill: var(--acid); filter: drop-shadow(0 0 10px rgba(169,105,255,.55)); }
.brand-copy { line-height: 1.03; letter-spacing: -.02em; }
.brand-copy strong { display: block; font-size: 15px; font-weight: 650; }
.brand-copy span { display: block; color: var(--muted); font-size: 14px; margin-top: 4px; }

.nav-list { display: grid; gap: 5px; }
.nav-item { width: 100%; border: 0; background: transparent; display: grid; grid-template-columns: 27px 1fr auto; gap: 9px; align-items: center; padding: 12px 13px; color: var(--muted); border-radius: 13px; cursor: pointer; text-align: left; transition: .2s ease; }
.nav-item:hover { background: rgba(255,255,255,.04); color: var(--text); }
.nav-item.active { color: var(--text); background: rgba(255,255,255,.065); box-shadow: inset 0 0 0 1px rgba(255,255,255,.055); }
.nav-icon { font-size: 20px; color: var(--muted); text-align: center; }
.nav-item.active .nav-icon { color: var(--acid); text-shadow: 0 0 15px rgba(169,105,255,.5); }
.nav-badge { color: var(--acid); background: rgba(169,105,255,.1); border: 1px solid rgba(169,105,255,.18); font-size: 11px; padding: 3px 7px; border-radius: 999px; }

.sidebar-card { margin-top: auto; border: 1px solid var(--line); background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.014)); border-radius: 17px; padding: 15px; }
.sidebar-card-head { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 12px; }
.status-dot, .pulse-dot { width: 7px; height: 7px; background: var(--acid); border-radius: 50%; box-shadow: 0 0 12px rgba(169,105,255,.75); }
.sidebar-card strong { display: block; font-size: 24px; margin: 12px 0 1px; letter-spacing: -.04em; }
.sidebar-card small { color: var(--muted-2); font-size: 11px; }
.mini-meter { height: 4px; background: rgba(255,255,255,.06); border-radius: 99px; margin-top: 13px; overflow: hidden; }
.mini-meter i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--cyan), var(--acid)); }
.sidebar-footer { padding-top: 14px; }
.user-pill { border: 0; width: 100%; display: grid; grid-template-columns: 34px 1fr auto; gap: 10px; align-items: center; background: transparent; text-align: left; padding: 8px; border-radius: 13px; cursor: pointer; }
.user-pill:hover { background: rgba(255,255,255,.035); }
.avatar { width: 34px; height: 34px; border-radius: 11px; background: #232a2b; display: grid; place-items: center; font-size: 11px; font-weight: 700; border: 1px solid var(--line); }
.user-pill strong, .user-pill small { display: block; }
.user-pill strong { font-size: 12px; }
.user-pill small { color: var(--muted); font-size: 10px; margin-top: 3px; }
.chevron { color: var(--muted); }

.main { grid-column: 2; min-width: 0; padding: 0 32px 60px; }
.topbar { min-height: 112px; display: flex; justify-content: space-between; align-items: center; gap: 20px; border-bottom: 1px solid var(--line); }
.eyebrow, .section-label { margin: 0 0 7px; color: var(--muted-2); font-size: 10px; letter-spacing: .16em; font-weight: 700; }
h1 { margin: 0; font-size: clamp(24px, 3vw, 34px); letter-spacing: -.045em; font-weight: 560; }
.top-actions { display: flex; align-items: center; gap: 10px; }
.company-switcher { border: 1px solid var(--line); background: rgba(255,255,255,.025); border-radius: 15px; padding: 8px 12px 8px 9px; display: grid; grid-template-columns: 34px minmax(130px, 1fr) auto; gap: 10px; align-items: center; text-align: left; cursor: pointer; }
.company-symbol { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; font-size: 10px; color: #10091b; background: var(--acid); font-weight: 800; }
.company-switcher small, .company-switcher strong { display: block; }
.company-switcher small { color: var(--muted-2); font-size: 9px; margin-bottom: 2px; }
.company-switcher strong { font-size: 11px; max-width: 155px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.icon-button { width: 44px; height: 44px; border-radius: 14px; border: 1px solid var(--line); background: rgba(255,255,255,.025); cursor: pointer; position: relative; }
.notification-button i { width: 6px; height: 6px; background: var(--amber); border-radius: 50%; position: absolute; top: 10px; right: 10px; box-shadow: 0 0 9px rgba(255,189,104,.65); }
.primary-action, .accent-button { border: 0; cursor: pointer; background: var(--acid); color: #10091b; font-weight: 700; border-radius: 14px; padding: 13px 17px; box-shadow: 0 8px 30px rgba(137,71,236,.08); transition: .2s ease; }
.primary-action:hover, .accent-button:hover { transform: translateY(-1px); background: #c99cff; }
.primary-action span, .accent-button span { margin-left: 12px; }

.view { display: none; padding-top: 26px; animation: viewIn .35s ease; }
.view.active { display: block; }
@keyframes viewIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
.glass-card { background: linear-gradient(145deg, rgba(20,26,28,.92), rgba(12,16,18,.79)); border: 1px solid var(--line); box-shadow: var(--shadow); }
.hero-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(360px, .8fr); gap: 16px; }
.executive-card { min-height: 365px; border-radius: var(--radius); padding: clamp(24px, 4vw, 42px); position: relative; overflow: hidden; isolation: isolate; }
.executive-card::before { content: ""; position: absolute; inset: 0; z-index: -2; background: radial-gradient(circle at 80% 30%, rgba(169,105,255,.1), transparent 35%), linear-gradient(130deg, rgba(255,255,255,.025), transparent 42%); }
.card-kicker { display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: 9px; letter-spacing: .13em; font-weight: 700; }
.executive-card h2 { margin: 33px 0 16px; max-width: 670px; font-weight: 520; line-height: 1.12; letter-spacing: -.045em; font-size: clamp(28px, 4vw, 46px); }
.executive-card h2 em { color: var(--acid); font-style: normal; }
.executive-card > p { color: #b7acc5; max-width: 650px; line-height: 1.6; font-size: 14px; margin: 0; }
.brief-actions { margin-top: 30px; display: flex; flex-wrap: wrap; gap: 10px; position: relative; z-index: 2; }
.accent-button { padding: 13px 18px; }
.ghost-button { border: 1px solid var(--line); background: rgba(255,255,255,.025); padding: 12px 16px; border-radius: 14px; color: var(--muted); cursor: pointer; }
.ghost-button span { color: var(--acid); margin-right: 7px; font-size: 10px; }
.contour-rings { position: absolute; width: 320px; height: 320px; right: -65px; bottom: -95px; z-index: -1; opacity: .55; }
.contour-rings i { position: absolute; inset: calc(var(--n, 0) * 23px); border: 1px solid rgba(169,105,255,.19); border-radius: 42% 58% 63% 37% / 48% 39% 61% 52%; transform: rotate(calc(var(--n, 0) * 13deg)); }
.contour-rings i:nth-child(1){--n:0}.contour-rings i:nth-child(2){--n:1}.contour-rings i:nth-child(3){--n:2}.contour-rings i:nth-child(4){--n:3}
.contour-rings b { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: var(--acid); top: 53px; left: 94px; box-shadow: 0 0 25px var(--acid); }

.control-card { min-height: 365px; border-radius: var(--radius); padding: 22px; }
.section-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; }
.section-head h3 { margin: 0; font-weight: 590; font-size: 22px; letter-spacing: -.035em; }
.healthy-pill { border: 1px solid rgba(169,105,255,.18); color: var(--acid); background: rgba(169,105,255,.07); border-radius: 99px; font-size: 10px; padding: 7px 10px; }
.agent-orbit svg { width: 100%; height: 260px; overflow: visible; }
.orbit-line { fill: none; stroke: rgba(255,255,255,.09); stroke-dasharray: 3 6; }
.orbit-line.inner { stroke: rgba(169,105,255,.12); }
.route-line { fill: none; stroke: rgba(113,217,210,.12); stroke-width: 1.1; }
.node { cursor: pointer; }
.node circle { fill: #1c1529; stroke: rgba(255,255,255,.17); stroke-width: 1.2; transition: .2s ease; }
.node text { fill: #f1e9ff; text-anchor: middle; font: 700 10px var(--font); pointer-events: none; }
.node:hover circle { fill: #2b1f3f; stroke: var(--acid); transform-origin: center; filter: drop-shadow(0 0 9px rgba(169,105,255,.35)); }
.node.warn circle { stroke: rgba(255,189,104,.75); }
.node.muted { opacity: .45; }
.core-node circle:nth-child(2) { fill: #101513; stroke: var(--acid); }
.core-node text { fill: var(--acid); font-size: 8px; }
.orbit-legend { display: flex; justify-content: center; gap: 16px; color: var(--muted-2); font-size: 9px; margin-top: -11px; }
.orbit-legend span { display: flex; align-items: center; gap: 5px; }
.orbit-legend i { width: 6px; height: 6px; border-radius: 50%; }
.orbit-legend .good { background: var(--acid); }.orbit-legend .warn { background: var(--amber); }.orbit-legend .muted { background: #766d83; }

.metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 16px; }
.metric-card { min-height: 190px; border-radius: 20px; padding: 18px; position: relative; overflow: hidden; }
.metric-top { display: flex; justify-content: space-between; gap: 10px; color: var(--muted-2); font-size: 8px; letter-spacing: .12em; font-weight: 750; }
.trend { letter-spacing: 0; font-size: 9px; padding: 5px 7px; border-radius: 99px; white-space: nowrap; }
.trend.up { color: var(--acid); background: rgba(169,105,255,.07); }.trend.neutral { color: var(--amber); background: rgba(255,189,104,.07); }
.metric-card > strong { display: block; margin: 17px 0 8px; font-size: clamp(27px, 3vw, 38px); letter-spacing: -.05em; font-weight: 540; }
.metric-card > small { color: var(--muted-2); font-size: 9px; position: absolute; left: 18px; bottom: 14px; }
.sparkline { height: 43px; margin-top: 6px; }
.bars { display: flex; align-items: flex-end; gap: 5px; }
.bars i { flex: 1; min-width: 3px; max-width: 13px; border-radius: 3px 3px 1px 1px; background: linear-gradient(180deg, var(--acid), rgba(169,105,255,.12)); opacity: .75; }
.line-chart svg { width: 100%; height: 100%; overflow: visible; }
.line-chart path { fill: none; stroke: var(--cyan); stroke-width: 2; vector-effect: non-scaling-stroke; }
.line-chart path.area { stroke: none; fill: url(#none); opacity: .15; }
.latency-row { display: grid; grid-template-columns: 32px 1fr 45px; align-items: center; gap: 8px; font-size: 8px; color: var(--muted); margin-top: 10px; }
.latency-row div { height: 5px; background: rgba(255,255,255,.055); border-radius: 99px; overflow: hidden; }
.latency-row i { display: block; height: 100%; background: linear-gradient(90deg, var(--cyan), var(--acid)); border-radius: inherit; }
.latency-row b { color: #d8cfe4; text-align: right; font-size: 8px; }
.attention { background: radial-gradient(circle at 100% 0, rgba(255,189,104,.08), transparent 40%), linear-gradient(145deg, rgba(20,26,28,.92), rgba(12,16,18,.79)); }
.issue-stack { display: flex; flex-wrap: wrap; gap: 10px; font-size: 10px; color: var(--muted); margin-top: 13px; }
.issue-stack span { display: flex; align-items: center; gap: 6px; }
.issue-stack i { width: 6px; height: 6px; border-radius: 50%; }
.risk-high { background: var(--red); }.risk-medium { background: var(--amber); }
.text-link { border: 0; background: none; color: var(--amber); font-size: 10px; padding: 0; margin-top: 21px; cursor: pointer; }

.content-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(360px, .75fr); gap: 16px; margin-top: 16px; }
.activity-card, .performance-card { border-radius: var(--radius); padding: 22px; }
.filter-row { display: flex; background: rgba(255,255,255,.025); border: 1px solid var(--line); border-radius: 11px; padding: 3px; }
.filter { border: 0; background: transparent; color: var(--muted-2); padding: 7px 9px; border-radius: 8px; font-size: 9px; cursor: pointer; }
.filter.active { background: rgba(255,255,255,.08); color: var(--text); }
.activity-list { margin-top: 19px; }
.activity-item { display: grid; grid-template-columns: 38px 1fr auto; gap: 12px; align-items: center; padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,.055); }
.activity-icon { width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; font-size: 12px; border: 1px solid var(--line); background: rgba(255,255,255,.025); }
.activity-icon.sales { color: var(--acid); }.activity-icon.docs { color: var(--cyan); }.activity-icon.warning { color: var(--amber); }
.activity-copy strong { display: block; font-size: 11px; font-weight: 560; margin-bottom: 5px; }
.activity-copy span { color: var(--muted); font-size: 9px; line-height: 1.5; }
.activity-time { color: var(--muted-2); font-size: 8px; white-space: nowrap; }
.wide-link { width: 100%; border: 0; background: transparent; color: var(--muted); padding: 15px 0 0; text-align: left; cursor: pointer; font-size: 10px; }
.wide-link span { float: right; }
.period-button { border: 1px solid var(--line); background: rgba(255,255,255,.025); border-radius: 10px; color: var(--muted); padding: 8px 10px; font-size: 9px; }
.agent-ranking { margin-top: 21px; display: grid; gap: 15px; }
.rank-item { display: grid; grid-template-columns: 34px 1fr auto; gap: 11px; align-items: center; }
.rank-avatar { width: 34px; height: 34px; border-radius: 11px; display: grid; place-items: center; color: #10091b; background: var(--acid); font-weight: 800; font-size: 10px; }
.rank-avatar.cyan { background: var(--cyan); }.rank-avatar.gray { background: #b7a8c8; }
.rank-copy strong { display: block; font-size: 10px; margin-bottom: 5px; }
.rank-copy div { height: 4px; background: rgba(255,255,255,.055); border-radius: 99px; overflow: hidden; }
.rank-copy i { display: block; height: 100%; background: linear-gradient(90deg, var(--cyan), var(--acid)); }
.rank-value { text-align: right; }
.rank-value strong { display: block; font-size: 11px; }.rank-value small { color: var(--muted-2); font-size: 8px; }
.performance-summary { margin-top: 26px; border-top: 1px solid var(--line); padding-top: 18px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.performance-summary span { min-width: 0; }
.performance-summary small, .performance-summary strong { display: block; }
.performance-summary small { color: var(--muted-2); font-size: 8px; margin-bottom: 6px; }
.performance-summary strong { font-size: 17px; letter-spacing: -.035em; }

.view-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin: 8px 0 25px; }
.view-header h2 { margin: 0; font-size: clamp(30px, 4vw, 48px); letter-spacing: -.05em; font-weight: 540; }
.view-header p { color: var(--muted); margin: 10px 0 0; max-width: 650px; line-height: 1.55; }
.agent-catalog { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; }
.catalog-card { border: 1px solid var(--line); background: linear-gradient(145deg, rgba(20,26,28,.92), rgba(12,16,18,.79)); border-radius: 20px; padding: 20px; cursor: pointer; transition: .2s ease; }
.catalog-card:hover { border-color: rgba(169,105,255,.28); transform: translateY(-2px); }
.catalog-head { display: flex; justify-content: space-between; gap: 15px; }
.catalog-symbol { width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; background: rgba(169,105,255,.1); color: var(--acid); border: 1px solid rgba(169,105,255,.12); }
.catalog-status { font-size: 9px; color: var(--acid); }
.catalog-status.warn { color: var(--amber); }.catalog-status.paused { color: var(--muted); }
.catalog-card h3 { font-size: 17px; margin: 20px 0 7px; }
.catalog-card p { font-size: 10px; line-height: 1.55; color: var(--muted); min-height: 47px; }
.catalog-metrics { border-top: 1px solid var(--line); padding-top: 14px; margin-top: 16px; display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.catalog-metrics small, .catalog-metrics strong { display: block; }
.catalog-metrics small { color: var(--muted-2); font-size: 7px; margin-bottom: 4px; }.catalog-metrics strong { font-size: 11px; }

.flow-canvas { min-height: 460px; border-radius: var(--radius); padding: 55px 35px; display: flex; align-items: center; justify-content: center; gap: 15px; overflow-x: auto; position: relative; }
.flow-canvas::before { content:""; position:absolute; inset:0; background-image: radial-gradient(rgba(255,255,255,.08) 1px, transparent 1px); background-size: 22px 22px; opacity:.3; }
.flow-node { position: relative; z-index: 1; flex: 0 0 175px; border: 1px solid var(--line-strong); background: #151022; border-radius: 17px; padding: 17px; box-shadow: 0 18px 50px rgba(0,0,0,.25); }
.flow-node.start { border-color: rgba(169,105,255,.3); }.flow-node.approval { border-color: rgba(255,189,104,.33); }
.flow-node small, .flow-node strong, .flow-node span { display: block; }
.flow-node small { color: var(--muted-2); font-size: 7px; letter-spacing: .12em; }.flow-node strong { font-size: 13px; margin: 9px 0 7px; }.flow-node span { color: var(--muted); font-size: 8px; }
.flow-arrow { position: relative; z-index: 1; color: var(--acid); opacity: .6; }
.flow-branches { position: relative; z-index: 1; display: grid; gap: 9px; }
.flow-branches div { border: 1px solid var(--line); background: rgba(255,255,255,.025); border-radius: 11px; padding: 9px 11px; font-size: 8px; min-width: 90px; }
.flow-branches b { color: var(--acid); margin-right: 5px; }

.report-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.report-card { border-radius: 20px; padding: 22px; display: grid; grid-template-columns: 45px 1fr auto; gap: 16px; align-items: center; }
.report-icon { width: 45px; height: 45px; border-radius: 14px; display: grid; place-items: center; border: 1px solid rgba(169,105,255,.18); color: var(--acid); background: rgba(169,105,255,.05); font-size: 10px; }
.report-card small { color: var(--muted-2); font-size: 8px; letter-spacing: .1em; }.report-card h3 { margin: 7px 0 6px; font-size: 16px; }.report-card p { margin:0; color: var(--muted); font-size: 9px; line-height:1.45; }
.report-card button { border: 0; background: transparent; color: var(--acid); font-size: 10px; cursor: pointer; }
.integration-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.integration-card { border: 1px solid var(--line); background: linear-gradient(145deg, rgba(20,26,28,.92), rgba(12,16,18,.79)); border-radius: 20px; padding: 19px; }
.integration-logo { width: 40px; height: 40px; border-radius: 12px; display:grid; place-items:center; background:#eee2ff; color:#140c20; font-weight:800; font-size:10px; }
.integration-card h3 { font-size:14px; margin:16px 0 6px; }.integration-card p { color:var(--muted); font-size:9px; line-height:1.5; min-height:41px; }
.integration-state { margin-top:16px; padding-top:13px; border-top:1px solid var(--line); display:flex; align-items:center; gap:6px; color:var(--acid); font-size:8px; }.integration-state::before { content:""; width:6px; height:6px; border-radius:50%; background:var(--acid); }

.drawer-backdrop { position:fixed; inset:0; background:rgba(0,0,0,.55); backdrop-filter:blur(4px); z-index:50; opacity:0; pointer-events:none; transition:.25s; }
.drawer-backdrop.open { opacity:1; pointer-events:auto; }
.detail-drawer { position:fixed; z-index:55; width:min(455px,100vw); height:100vh; right:0; top:0; padding:42px 34px; background:#110c1c; border-left:1px solid var(--line); transform:translateX(105%); transition:.28s cubic-bezier(.2,.8,.2,1); box-shadow:-30px 0 90px rgba(0,0,0,.35); overflow:auto; }
.detail-drawer.open { transform:none; }
.drawer-close { position:absolute; right:18px; top:18px; width:34px; height:34px; border-radius:11px; border:1px solid var(--line); background:rgba(255,255,255,.03); color:var(--muted); font-size:20px; cursor:pointer; }
.detail-drawer h2 { font-size:34px; letter-spacing:-.045em; margin:12px 0; }.detail-drawer > p { color:var(--muted); line-height:1.55; }
.drawer-stat-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-top:26px; }
.drawer-stat { border:1px solid var(--line); border-radius:15px; padding:14px; background:rgba(255,255,255,.02); }
.drawer-stat small,.drawer-stat strong { display:block; }.drawer-stat small { color:var(--muted-2); font-size:8px; }.drawer-stat strong { margin-top:7px; font-size:20px; }
.drawer-list { margin-top:22px; }.drawer-list h3 { font-size:13px; }.drawer-list div { padding:12px 0; border-bottom:1px solid var(--line); display:flex; justify-content:space-between; gap:12px; font-size:9px; color:var(--muted); }.drawer-list b { color:var(--text); font-weight:550; }

.assistant-modal { position:fixed; inset:0; z-index:60; background:rgba(0,0,0,.7); backdrop-filter:blur(16px); display:grid; place-items:center; opacity:0; pointer-events:none; transition:.25s; padding:20px; }
.assistant-modal.open { opacity:1; pointer-events:auto; }
.assistant-dialog { width:min(630px,100%); min-height:520px; border:1px solid var(--line-strong); border-radius:28px; background:radial-gradient(circle at 50% 0, rgba(169,105,255,.08), transparent 35%), #110c1c; padding:45px; position:relative; text-align:center; box-shadow:0 35px 120px rgba(0,0,0,.55); }
.assistant-orb { width:105px; height:105px; margin:0 auto 23px; position:relative; display:grid; place-items:center; }
.assistant-orb i { position:absolute; inset:0; border:1px solid rgba(169,105,255,.3); border-radius:45% 55% 62% 38% / 49% 38% 62% 51%; animation:spin 8s linear infinite; }.assistant-orb i:nth-child(2){inset:14px;animation-direction:reverse;animation-duration:6s}.assistant-orb b{color:var(--acid);font-size:12px;}
@keyframes spin{to{transform:rotate(360deg)}}
.assistant-dialog h2 { font-size:36px; letter-spacing:-.05em; margin:10px 0; }.assistant-dialog > p { color:var(--muted); line-height:1.5; max-width:460px; margin:0 auto; }
.suggestions { display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin:28px 0; }.suggestions button { border:1px solid var(--line); background:rgba(255,255,255,.025); border-radius:99px; padding:9px 12px; color:var(--muted); font-size:9px; cursor:pointer; }
.ask-box { display:grid; grid-template-columns:1fr 42px; gap:8px; border:1px solid var(--line-strong); padding:7px; border-radius:17px; background:rgba(0,0,0,.18); }.ask-box input { border:0; outline:none; background:transparent; color:var(--text); padding:0 11px; }.ask-box button { border:0; border-radius:12px; background:var(--acid); color:#111; font-weight:800; cursor:pointer; }

.mobile-nav { display:none; }

@media (max-width: 1180px) {
  .metric-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .agent-catalog { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .integration-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width: 940px) {
  .app-shell { grid-template-columns: 78px minmax(0,1fr); }
  .sidebar { width:78px; padding-inline:10px; }
  .brand-copy, .nav-item span:not(.nav-icon), .nav-badge, .sidebar-card, .user-pill > span:not(.avatar) { display:none; }
  .brand { justify-content:center; padding-inline:0; }.brand-mark { width:36px;height:36px; }
  .nav-item { display:grid;grid-template-columns:1fr;justify-items:center;padding:12px 8px; }
  .main { grid-column:2;padding-inline:22px; }
  .hero-grid,.content-grid { grid-template-columns:1fr; }
  .control-card { min-height:auto; }
  .topbar { align-items:flex-start;padding:25px 0; }.company-switcher { display:none; }
}

@media (max-width: 680px) {
  body { padding-bottom:82px; }
  .app-shell { display:block; }
  .sidebar { display:none; }
  .main { padding:0 14px 30px; }
  .topbar { min-height:88px; padding:18px 2px; align-items:center; }
  .eyebrow { font-size:8px; margin-bottom:5px; }.topbar h1 { font-size:22px; }
  .top-actions .primary-action { display:none; }.icon-button { width:40px;height:40px; }
  .view { padding-top:15px; }
  .executive-card { min-height:390px; padding:24px 21px; border-radius:22px; }
  .executive-card h2 { font-size:32px; margin-top:28px; }.executive-card > p { font-size:12px; }
  .brief-actions { display:grid; }.accent-button,.ghost-button { width:100%; }
  .contour-rings { width:250px;height:250px;right:-75px;bottom:-70px;opacity:.4; }
  .control-card { border-radius:22px; }.agent-orbit svg { height:230px; }
  .metric-grid { grid-template-columns:1fr 1fr; gap:10px; }.metric-card { min-height:170px;padding:15px;border-radius:17px; }.metric-card>strong { font-size:26px; }.metric-top span { max-width:100px;line-height:1.4; }.trend { display:none; }
  .content-grid { gap:10px; }.activity-card,.performance-card { padding:18px;border-radius:20px; }
  .filter-row { display:none; }.activity-item { grid-template-columns:35px 1fr; }.activity-time { display:none; }
  .view-header { align-items:flex-start; }.view-header h2 { font-size:33px; }.view-header .primary-action { width:45px;height:45px;padding:0;font-size:0;flex:0 0 auto; }.view-header .primary-action span { font-size:20px;margin:0; }
  .agent-catalog,.report-grid,.integration-grid { grid-template-columns:1fr; }
  .flow-canvas { justify-content:flex-start;padding:35px 25px;min-height:380px; }
  .report-card { grid-template-columns:42px 1fr; }.report-card button { grid-column:2;text-align:left;padding:0; }
  .mobile-nav { position:fixed; z-index:30; left:10px;right:10px;bottom:calc(9px + env(safe-area-inset-bottom)); height:66px; border:1px solid var(--line-strong); border-radius:21px; background:rgba(14,18,20,.9); backdrop-filter:blur(24px); display:grid;grid-template-columns:repeat(4,1fr);padding:5px;box-shadow:0 18px 60px rgba(0,0,0,.45); }
  .mobile-nav button { border:0;background:transparent;color:var(--muted-2);border-radius:16px;display:grid;place-content:center;gap:2px;cursor:pointer; }.mobile-nav button span { font-size:18px; }.mobile-nav button small { font-size:8px; }.mobile-nav button.active { color:var(--text);background:rgba(255,255,255,.06); }.mobile-nav button.active span { color:var(--acid); }
  .detail-drawer { padding:58px 22px 90px; }.assistant-dialog { padding:50px 20px 24px;min-height:500px; }.assistant-dialog h2 { font-size:31px; }.suggestions { display:grid; }.ask-box input { min-width:0; }
}

@media (max-width: 390px) {
  .metric-grid { grid-template-columns:1fr; }
  .metric-card { min-height:160px; }
}

/* v0.2 — авторизация, живые данные и управление */
button, input, select, textarea { font: inherit; }
button { color: inherit; }
body.is-loading .main::after { content:""; position:fixed; inset:0 0 0 246px; z-index:90; pointer-events:none; background:linear-gradient(105deg,transparent 35%,rgba(207,255,93,.035) 50%,transparent 65%); background-size:240% 100%; animation:loadingSweep 1.3s linear infinite; }
@keyframes loadingSweep { to { background-position:-240% 0; } }

.login-screen { position:fixed; inset:0; z-index:1000; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(430px,.75fr); background:#080711; transition:opacity .35s ease, visibility .35s ease; }
.login-screen.hidden { opacity:0; visibility:hidden; pointer-events:none; }
.auth-locked { overflow:hidden; }
.login-visual { position:relative; min-height:100vh; overflow:hidden; padding:42px 54px; display:flex; flex-direction:column; justify-content:space-between; border-right:1px solid rgba(255,255,255,.08); background:radial-gradient(circle at 58% 44%,rgba(150,82,246,.11),transparent 24%),radial-gradient(circle at 18% 90%,rgba(183,130,255,.09),transparent 30%),#0b0813; }
.login-visual::before { content:""; position:absolute; inset:0; opacity:.2; background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(to bottom,black,transparent 85%); }
.login-brand { position:relative; z-index:2; display:flex; align-items:center; gap:14px; }
.login-brand .brand-mark { width:48px; height:48px; }
.login-brand strong,.login-brand span { display:block; }
.login-brand strong { font-size:17px; letter-spacing:-.02em; }
.login-brand span { color:var(--muted); margin-top:2px; }
.login-promise { position:relative; z-index:2; width:min(680px,88%); margin-bottom:22px; }
.login-promise>span { font-size:11px; letter-spacing:.19em; color:var(--acid); font-weight:800; }
.login-promise h1 { font-size:clamp(42px,5vw,78px); line-height:.98; letter-spacing:-.055em; margin:19px 0 24px; max-width:760px; }
.login-promise p { max-width:610px; color:#b7acc5; font-size:17px; line-height:1.65; }
.login-orbit { position:absolute; left:50%; top:43%; width:470px; height:470px; transform:translate(-42%,-50%); display:grid; place-items:center; }
.login-orbit::before,.login-orbit::after,.login-orbit>i { content:""; position:absolute; inset:8%; border:1px solid rgba(201,255,93,.16); border-radius:45% 55% 52% 48%/54% 46% 54% 46%; animation:orbitSpin 24s linear infinite; }
.login-orbit::after { inset:21%; border-color:rgba(59,217,210,.18); animation-direction:reverse; animation-duration:17s; }
.login-orbit>i:nth-child(1) { inset:34%; animation-duration:11s; }
.login-orbit>i:nth-child(2) { inset:2%; border-color:rgba(255,255,255,.07); animation-duration:38s; animation-direction:reverse; }
.login-orbit>i:nth-child(3) { inset:44%; background:radial-gradient(circle,rgba(205,255,88,.25),transparent 70%); border:0; filter:blur(6px); }
.login-orbit>b { position:relative; z-index:3; width:96px; height:96px; border-radius:32px; display:grid; place-items:center; background:rgba(16,21,18,.88); border:1px solid rgba(213,255,112,.45); box-shadow:0 0 80px rgba(185,255,53,.18),inset 0 0 28px rgba(198,255,80,.09); color:var(--acid); letter-spacing:.12em; }
.login-node { position:absolute; z-index:4; min-width:54px; height:54px; padding:0 10px; display:grid; place-items:center; border-radius:18px; background:#140f20; border:1px solid rgba(255,255,255,.12); color:#eadffd; font-size:11px; font-weight:800; box-shadow:0 16px 48px rgba(0,0,0,.3); }
.login-node.n1{left:8%;top:32%}.login-node.n2{right:8%;top:24%}.login-node.n3{right:11%;bottom:20%}.login-node.n4{left:14%;bottom:15%}
@keyframes orbitSpin { to { transform:rotate(360deg); } }
.login-panel { min-height:100vh; display:grid; place-items:center; padding:44px; background:linear-gradient(160deg,#130e20,#0b0813); }
.login-card { width:min(410px,100%); }
.login-card h2 { font-size:38px; letter-spacing:-.045em; margin:13px 0 10px; }
.login-card>p { color:var(--muted); line-height:1.55; margin-bottom:31px; }
.login-card label,.agent-form label { display:grid; gap:9px; color:#ded2ea; font-size:12px; font-weight:700; letter-spacing:.035em; margin-bottom:18px; }
.login-card input,.agent-form input,.agent-form select,.agent-form textarea { width:100%; border:1px solid rgba(255,255,255,.1); color:var(--text); background:rgba(255,255,255,.035); border-radius:14px; outline:none; padding:14px 15px; transition:border-color .2s,background .2s,box-shadow .2s; }
.login-card input:focus,.agent-form input:focus,.agent-form select:focus,.agent-form textarea:focus { border-color:rgba(205,255,91,.55); background:rgba(255,255,255,.055); box-shadow:0 0 0 4px rgba(196,255,66,.06); }
.login-submit { width:100%; justify-content:center; margin-top:4px; }
.login-error { min-height:22px; padding-top:12px; color:#ff8a7a; font-size:12px; }
.demo-hint { display:block; color:#6f7974; margin-top:16px; text-align:center; }

.activity-item,.rank-item { appearance:none; width:100%; border:0; text-align:left; background:transparent; cursor:pointer; }
.activity-item:hover,.rank-item:hover { background:rgba(255,255,255,.025); }
.rank-item { display:flex; }
.rank-copy { flex:1; }
.rank-meter { display:block; }
.catalog-card { cursor:pointer; }
.catalog-footer { display:flex; justify-content:space-between; gap:12px; padding-top:14px; margin-top:15px; border-top:1px solid rgba(255,255,255,.07); color:var(--muted); font-size:11px; }
.integration-state { display:flex; align-items:center; gap:7px; }
.integration-state i { width:6px; height:6px; border-radius:50%; background:var(--acid); box-shadow:0 0 10px rgba(193,255,74,.6); }
.integration-state.degraded i { background:#ffb85a; box-shadow:0 0 10px rgba(255,184,90,.5); }
.empty-state { padding:32px 18px; text-align:center; color:var(--muted); border:1px dashed rgba(255,255,255,.1); border-radius:16px; }
.mono { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:11px; max-width:190px; overflow:hidden; text-overflow:ellipsis; }
.drawer-actions { display:flex; gap:10px; margin-top:22px; }
.drawer-actions>* { flex:1; justify-content:center; }
.approval-item { padding:17px; border:1px solid rgba(255,255,255,.08); border-radius:17px; margin-bottom:12px; background:rgba(255,255,255,.025); }
.approval-item.high,.approval-item.critical { border-color:rgba(255,114,89,.28); background:rgba(255,97,73,.045); }
.approval-item small { color:#f2aa74; text-transform:uppercase; letter-spacing:.1em; font-size:9px; font-weight:800; }
.approval-item h3 { margin:8px 0 7px; font-size:16px; }
.approval-item p { margin:0; font-size:12px; color:var(--muted); line-height:1.55; }
.approval-actions { display:flex; gap:8px; margin-top:15px; }
.approval-actions button { flex:1; justify-content:center; padding:10px 12px; }
.api-key-box { padding:18px; border:1px solid rgba(203,255,91,.24); background:rgba(190,255,65,.045); border-radius:18px; margin:19px 0; }
.api-key-box small { color:var(--acid); font-size:9px; font-weight:800; letter-spacing:.13em; }
.api-key-box code { display:block; overflow-wrap:anywhere; margin:12px 0 16px; color:#f0e5ff; font-size:12px; line-height:1.6; }
.api-key-box button { width:100%; justify-content:center; }
.agent-form { width:min(640px,calc(100vw - 36px)); }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 15px; margin-top:22px; text-align:left; }
.form-grid .full { grid-column:1/-1; }
.agent-form select { appearance:none; }
.agent-form textarea { resize:vertical; }
.form-submit { width:100%; justify-content:center; margin-top:3px; }
.report-highlight-list { display:grid; gap:10px; margin:22px 0; }
.report-highlight-list>div { display:flex; align-items:center; gap:11px; padding:14px; border-radius:13px; background:rgba(255,255,255,.035); }
.report-highlight-list i { width:8px; height:8px; border-radius:50%; background:var(--acid); box-shadow:0 0 13px rgba(203,255,81,.6); }
.assistant-answer { margin:17px 0; padding:15px 17px; border-radius:16px; background:rgba(169,105,255,.07); border:1px solid rgba(169,105,255,.15); color:#e9dcfa; line-height:1.55; text-align:left; }
.organization-list { display:grid; gap:9px; margin-top:20px; }
.organization-option { display:flex; justify-content:space-between; align-items:center; width:100%; padding:15px; border:1px solid rgba(255,255,255,.08); border-radius:14px; background:rgba(255,255,255,.025); cursor:pointer; }
.organization-option.active { border-color:rgba(203,255,91,.35); background:rgba(203,255,91,.05); }
.organization-option small { color:var(--muted); }
.logout-button { width:100%; justify-content:center; margin-top:20px; }
.toast-stack { position:fixed; z-index:1500; right:22px; bottom:22px; display:grid; gap:9px; pointer-events:none; }
.toast { min-width:260px; max-width:420px; display:flex; align-items:center; gap:11px; padding:13px 15px; border-radius:14px; border:1px solid rgba(255,255,255,.1); background:rgba(16,21,22,.94); box-shadow:0 18px 50px rgba(0,0,0,.38); color:#eee5f8; font-size:12px; transform:translateY(12px); opacity:0; transition:.25s ease; backdrop-filter:blur(18px); }
.toast.show { transform:translateY(0); opacity:1; }
.toast i { width:8px; height:8px; border-radius:50%; background:var(--acid); box-shadow:0 0 10px rgba(205,255,84,.6); }
.toast.error i { background:#ff795f; box-shadow:0 0 10px rgba(255,121,95,.55); }
.toast.neutral i { background:#b78cff; }

@media (max-width: 980px) {
  .login-screen { grid-template-columns:1fr; overflow:auto; }
  .login-visual { min-height:430px; padding:30px; border-right:0; border-bottom:1px solid rgba(255,255,255,.08); }
  .login-orbit { width:330px; height:330px; left:70%; top:45%; opacity:.75; }
  .login-promise { margin-top:210px; margin-bottom:0; }
  .login-promise h1 { font-size:43px; max-width:560px; }
  .login-panel { min-height:auto; padding:46px 26px 70px; }
  body.is-loading .main::after { inset:0; }
}
@media (max-width: 640px) {
  .login-visual { min-height:480px; padding:24px 20px; }
  .login-orbit { width:300px; height:300px; left:66%; top:37%; }
  .login-promise { width:100%; margin-top:270px; }
  .login-promise h1 { font-size:35px; }
  .login-promise p { font-size:14px; }
  .login-panel { padding:38px 20px 60px; }
  .login-card h2 { font-size:32px; }
  .form-grid { grid-template-columns:1fr; }
  .form-grid .full { grid-column:auto; }
  .toast-stack { left:12px; right:12px; bottom:82px; }
  .toast { min-width:0; width:100%; }
  .drawer-actions,.approval-actions { flex-direction:column; }
}
.rank-meter { height:4px; background:rgba(255,255,255,.055); border-radius:99px; overflow:hidden; }
.rank-meter i { display:block; height:100%; background:linear-gradient(90deg,var(--cyan),var(--acid)); }
.integration-state::before { display:none; }

/* v0.3 — живые бизнес-процессы, сделки и аналитика */
.nav-badge.subtle { color:var(--cyan); background:rgba(113,217,210,.08); border-color:rgba(113,217,210,.14); }
.business-strip { margin-top:16px; border-radius:20px; padding:18px 20px; }
.business-strip-head { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.business-strip-head .section-label { margin:0; }
.business-strip-head .text-link { margin:0; color:var(--acid); }
.business-strip-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:16px; border-top:1px solid var(--line); }
.business-strip-grid>div { padding:17px 18px 2px 0; min-width:0; }
.business-strip-grid>div+div { padding-left:20px; border-left:1px solid var(--line); }
.business-strip-grid small,.business-strip-grid strong,.business-strip-grid span { display:block; }
.business-strip-grid small { color:var(--muted-2); font-size:8px; letter-spacing:.11em; font-weight:750; }
.business-strip-grid strong { margin:8px 0 4px; font-size:22px; letter-spacing:-.045em; font-weight:570; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.business-strip-grid span { color:var(--muted); font-size:9px; }

.workflow-layout { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(340px,.65fr); gap:16px; }
.workflow-card,.run-card { border-radius:var(--radius); padding:24px; min-width:0; }
.workflow-description { color:var(--muted); font-size:11px; line-height:1.6; max-width:760px; margin:10px 0 26px; }
.live-flow { position:relative; min-height:320px; display:flex; align-items:center; gap:12px; overflow-x:auto; padding:48px 16px 54px; border:1px solid rgba(255,255,255,.055); border-radius:20px; background:radial-gradient(circle at 50% 50%,rgba(169,105,255,.035),transparent 46%),rgba(0,0,0,.08); }
.live-flow::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.22; background-image:radial-gradient(rgba(255,255,255,.15) 1px,transparent 1px); background-size:22px 22px; }
.live-step { position:relative; z-index:1; flex:0 0 150px; min-height:132px; padding:16px; border:1px solid var(--line-strong); border-radius:18px; background:#140f20; box-shadow:0 18px 48px rgba(0,0,0,.22); transition:.25s ease; }
.live-step::after { content:"→"; position:absolute; right:-20px; top:50%; transform:translateY(-50%); color:rgba(169,105,255,.55); font-size:15px; }
.live-step:last-child::after { display:none; }
.live-step.completed { border-color:rgba(169,105,255,.24); }
.live-step.waiting_approval { border-color:rgba(255,189,104,.42); box-shadow:0 0 0 1px rgba(255,189,104,.06),0 18px 48px rgba(0,0,0,.22); }
.live-step.pending { opacity:.45; }
.live-step.active { transform:translateY(-4px); border-color:var(--acid); box-shadow:0 0 28px rgba(169,105,255,.11),0 18px 48px rgba(0,0,0,.22); }
.live-step small,.live-step strong,.live-step span { display:block; }
.live-step small { color:var(--muted-2); font-size:7px; letter-spacing:.12em; }
.live-step strong { margin:12px 0 8px; font-size:12px; line-height:1.35; }
.live-step span { color:var(--muted); font-size:8px; line-height:1.45; }
.live-step-icon { width:34px; height:34px; display:grid; place-items:center; border-radius:11px; margin-bottom:12px; background:rgba(169,105,255,.08); border:1px solid rgba(169,105,255,.12); color:var(--acid); font-weight:800; font-size:10px; }
.live-step.waiting_approval .live-step-icon { color:var(--amber); background:rgba(255,189,104,.08); border-color:rgba(255,189,104,.17); }
.workflow-footer { display:flex; justify-content:space-between; gap:20px; color:var(--muted-2); font-size:9px; margin-top:15px; }
.run-list { display:grid; gap:10px; margin-top:18px; max-height:474px; overflow:auto; padding-right:3px; }
.run-item { border:1px solid var(--line); border-radius:16px; padding:14px; background:rgba(255,255,255,.022); cursor:pointer; text-align:left; width:100%; }
.run-item:hover { border-color:rgba(169,105,255,.22); }
.run-item-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.run-item-head strong { font-size:11px; }
.run-status { padding:5px 7px; border-radius:99px; font-size:7px; letter-spacing:.06em; color:var(--acid); background:rgba(169,105,255,.07); border:1px solid rgba(169,105,255,.12); }
.run-status.waiting_approval { color:var(--amber); background:rgba(255,189,104,.07); border-color:rgba(255,189,104,.14); }
.run-status.needs_revision { color:var(--red); background:rgba(255,121,121,.06); border-color:rgba(255,121,121,.13); }
.run-item p { margin:9px 0 11px; color:var(--muted); font-size:9px; line-height:1.45; }
.run-meta { display:flex; justify-content:space-between; gap:12px; color:var(--muted-2); font-size:8px; }
.run-progress { display:flex; gap:4px; margin-top:12px; }
.run-progress i { flex:1; height:4px; border-radius:99px; background:rgba(255,255,255,.06); }
.run-progress i.completed { background:var(--acid); box-shadow:0 0 7px rgba(169,105,255,.28); }
.run-progress i.waiting_approval { background:var(--amber); }

.deal-summary-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:16px; }
.mini-kpi { border-radius:19px; padding:18px; min-height:125px; }
.mini-kpi small,.mini-kpi strong,.mini-kpi span { display:block; }
.mini-kpi small { color:var(--muted-2); font-size:8px; letter-spacing:.12em; font-weight:750; }
.mini-kpi strong { font-size:28px; letter-spacing:-.05em; margin:13px 0 5px; font-weight:550; }
.mini-kpi span { color:var(--muted); font-size:9px; }
.deal-pipeline { display:grid; grid-template-columns:repeat(6,minmax(220px,1fr)); gap:12px; overflow-x:auto; padding-bottom:10px; }
.pipeline-column { min-width:220px; border:1px solid var(--line); border-radius:20px; background:rgba(13,17,19,.72); padding:13px; }
.pipeline-column-head { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:4px 3px 13px; }
.pipeline-column-head strong { font-size:11px; }
.pipeline-column-head span { min-width:25px; height:25px; display:grid; place-items:center; border-radius:9px; color:var(--muted); background:rgba(255,255,255,.05); font-size:8px; }
.pipeline-cards { display:grid; gap:9px; min-height:150px; }
.deal-card { width:100%; border:1px solid rgba(255,255,255,.075); border-radius:15px; background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.015)); padding:13px; text-align:left; cursor:pointer; }
.deal-card:hover { border-color:rgba(169,105,255,.24); transform:translateY(-1px); }
.deal-card-id { display:flex; justify-content:space-between; gap:9px; color:var(--muted-2); font-size:7px; letter-spacing:.08em; }
.deal-card h3 { font-size:11px; margin:10px 0 6px; line-height:1.35; }
.deal-card p { margin:0; color:var(--muted); font-size:8px; line-height:1.45; min-height:24px; }
.deal-card-value { display:flex; justify-content:space-between; align-items:flex-end; gap:10px; margin-top:13px; padding-top:11px; border-top:1px solid rgba(255,255,255,.06); }
.deal-card-value strong { font-size:12px; }
.deal-card-value span { font-size:8px; color:var(--acid); }
.deal-card-next { color:var(--muted-2); font-size:8px; line-height:1.4; margin-top:9px; }
.probability-meter { height:3px; background:rgba(255,255,255,.055); border-radius:99px; overflow:hidden; margin-top:9px; }
.probability-meter i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--cyan),var(--acid)); }

.analytics-card { border-radius:var(--radius); padding:24px; margin-bottom:16px; overflow:hidden; }
.chart-tabs { display:flex; gap:3px; padding:3px; border:1px solid var(--line); border-radius:11px; background:rgba(255,255,255,.02); }
.chart-tabs button { border:0; background:transparent; color:var(--muted-2); padding:7px 9px; border-radius:8px; font-size:8px; cursor:pointer; }
.chart-tabs button.active { color:var(--text); background:rgba(255,255,255,.07); }
.chart-value { margin:23px 0 8px; }
.chart-value strong,.chart-value span { display:block; }
.chart-value strong { font-size:34px; letter-spacing:-.055em; font-weight:550; }
.chart-value span { color:var(--muted); font-size:9px; margin-top:5px; }
.trend-chart { height:260px; width:100%; position:relative; }
.trend-chart svg { width:100%; height:100%; overflow:visible; }
.chart-grid-line { stroke:rgba(255,255,255,.055); stroke-width:1; }
.chart-area { fill:url(#chartAreaGradient); }
.chart-line { fill:none; stroke:var(--acid); stroke-width:2.4; vector-effect:non-scaling-stroke; filter:drop-shadow(0 0 7px rgba(169,105,255,.18)); }
.chart-dot { fill:var(--bg); stroke:var(--acid); stroke-width:2; }
.chart-label { fill:var(--muted-2); font-size:8px; font-family:var(--font); }

.simulation-form { width:min(720px,calc(100vw - 36px)); text-align:left; }
.simulation-form>p { margin-left:0; margin-right:0; text-align:left; max-width:650px; }
.simulation-preview { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:22px 0 8px; padding:14px; border:1px solid rgba(169,105,255,.14); border-radius:15px; background:rgba(169,105,255,.035); color:var(--muted); font-size:9px; }
.simulation-preview i { width:8px; height:8px; border-radius:50%; background:var(--acid); box-shadow:0 0 12px var(--acid); }
.simulation-preview b { color:var(--acid); }
.step-timeline { display:grid; gap:8px; margin-top:20px; }
.step-timeline-item { display:grid; grid-template-columns:28px 1fr auto; gap:10px; align-items:start; padding:12px 0; border-bottom:1px solid var(--line); }
.step-timeline-item>i { width:28px; height:28px; display:grid; place-items:center; border-radius:9px; background:rgba(169,105,255,.08); color:var(--acid); font-style:normal; font-size:8px; }
.step-timeline-item.waiting_approval>i { color:var(--amber); background:rgba(255,189,104,.08); }
.step-timeline-item.pending { opacity:.48; }
.step-timeline-item strong { display:block; font-size:10px; margin-bottom:4px; }
.step-timeline-item span { color:var(--muted); font-size:8px; line-height:1.45; }
.step-timeline-item time { color:var(--muted-2); font-size:8px; white-space:nowrap; }

body[data-org="russian-house-oils"] .company-symbol { background:linear-gradient(145deg,#e2ceff,#8750e8); color:#12091e; }
body[data-org="russian-house-oils"] .ambient-a { background:#8b4cf0; opacity:.16; }

@media (max-width:1180px) {
  .business-strip-grid,.deal-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .business-strip-grid>div:nth-child(3) { border-left:0; padding-left:0; border-top:1px solid var(--line); }
  .business-strip-grid>div:nth-child(4) { border-top:1px solid var(--line); }
  .workflow-layout { grid-template-columns:1fr; }
  .run-list { max-height:none; grid-template-columns:repeat(3,minmax(0,1fr)); overflow:visible; }
}
@media (max-width:940px) {
  .deal-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:680px) {
  .business-strip { padding:16px; }
  .business-strip-grid { grid-template-columns:1fr 1fr; }
  .business-strip-grid>div { padding:14px 10px 10px 0; }
  .business-strip-grid>div+div { padding-left:12px; }
  .business-strip-grid strong { font-size:18px; }
  .workflow-card,.run-card,.analytics-card { padding:18px; border-radius:20px; }
  .live-flow { min-height:260px; padding:34px 12px 42px; }
  .live-step { flex-basis:138px; }
  .workflow-footer { flex-direction:column; gap:6px; }
  .run-list { grid-template-columns:1fr; }
  .deal-summary-grid { grid-template-columns:1fr 1fr; gap:9px; }
  .mini-kpi { min-height:112px; padding:15px; }
  .mini-kpi strong { font-size:22px; }
  .deal-pipeline { grid-template-columns:repeat(6,82vw); scroll-snap-type:x mandatory; }
  .pipeline-column { scroll-snap-align:start; }
  .trend-chart { height:210px; }
  .chart-tabs { overflow:auto; max-width:180px; }
  .mobile-nav { grid-template-columns:repeat(5,1fr); }
  .simulation-form { padding:31px 20px; }
}
@media (max-width:390px) {
  .business-strip-grid,.deal-summary-grid { grid-template-columns:1fr; }
  .business-strip-grid>div+div,.business-strip-grid>div:nth-child(3) { border-left:0; padding-left:0; border-top:1px solid var(--line); }
}

/* v0.4 — metallic-lilac brand system */
.brand-lockup-image { width:min(440px,72%); height:auto; display:block; filter:drop-shadow(0 0 26px rgba(155,91,255,.26)); }
.brand-mark { object-fit:contain; filter:drop-shadow(0 0 14px rgba(166,103,255,.36)); }
.brand-copy strong,.brand-copy span { color:transparent; background:linear-gradient(135deg,#f4ecff 0%,#c9a6ff 35%,#8b50ed 68%,#e2cbff 100%); -webkit-background-clip:text; background-clip:text; }
.brand-copy span { opacity:.86; }
.login-brand { align-items:flex-start; }
.login-visual { background:radial-gradient(circle at 58% 42%,rgba(152,83,246,.18),transparent 28%),radial-gradient(circle at 18% 90%,rgba(197,147,255,.1),transparent 30%),#090713; }
.login-orbit::before,.login-orbit::after { border-color:rgba(184,132,255,.22); }
.login-orbit b { color:#d9baff; border-color:rgba(180,117,255,.32); background:rgba(125,64,218,.18); box-shadow:0 0 45px rgba(143,73,235,.2); }
.login-node { border-color:rgba(208,174,255,.16); background:#130d20; }
.nav-icon,.mobile-icon { width:21px; height:21px; display:inline-block; background:currentColor; -webkit-mask-repeat:no-repeat; -webkit-mask-position:center; -webkit-mask-size:contain; mask-repeat:no-repeat; mask-position:center; mask-size:contain; }
.icon-overview { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' d='M4 15c2-7 5 5 8-3s5 3 8-5M4 20h16M6 5h4'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' d='M4 15c2-7 5 5 8-3s5 3 8-5M4 20h16M6 5h4'/%3E%3C/svg%3E"); }
.icon-agents { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='12' cy='7' r='3'/%3E%3Cpath d='M5 20c.5-5 3-7 7-7s6.5 2 7 7M3 10h3M18 10h3'/%3E%3C/g%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='12' cy='7' r='3'/%3E%3Cpath d='M5 20c.5-5 3-7 7-7s6.5 2 7 7M3 10h3M18 10h3'/%3E%3C/g%3E%3C/svg%3E"); }
.icon-flows { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M4 6h7l2 3h7M4 18h7l2-3h7M17 6l3 3-3 3M17 12l3 3-3 3'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M4 6h7l2 3h7M4 18h7l2-3h7M17 6l3 3-3 3M17 12l3 3-3 3'/%3E%3C/svg%3E"); }
.icon-deals { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M4 7h16v12H4zM8 7V5h8v2M4 12h16'/%3E%3Cpath d='M10 12h4v3h-4z'/%3E%3C/g%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M4 7h16v12H4zM8 7V5h8v2M4 12h16'/%3E%3Cpath d='M10 12h4v3h-4z'/%3E%3C/g%3E%3C/svg%3E"); }
.icon-decisions { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M12 3 4 6v6c0 4.5 3 7.5 8 9 5-1.5 8-4.5 8-9V6l-8-3Zm-4 9 2.5 2.5L16 9'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M12 3 4 6v6c0 4.5 3 7.5 8 9 5-1.5 8-4.5 8-9V6l-8-3Zm-4 9 2.5 2.5L16 9'/%3E%3C/svg%3E"); }
.icon-reports { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M5 3h14v18H5zM8 16h2v2H8zM11 12h2v6h-2zM14 8h2v10h-2z'/%3E%3C/g%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M5 3h14v18H5zM8 16h2v2H8zM11 12h2v6h-2zM14 8h2v10h-2z'/%3E%3C/g%3E%3C/svg%3E"); }
.icon-integrations { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M8 7V4M16 7V4M7 8h10v5a5 5 0 0 1-10 0V8ZM12 18v3'/%3E%3C/g%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M8 7V4M16 7V4M7 8h10v5a5 5 0 0 1-10 0V8ZM12 18v3'/%3E%3C/g%3E%3C/svg%3E"); }
.icon-team { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Ccircle cx='17' cy='9' r='2.3'/%3E%3Cpath d='M3 20c.5-5 2.5-7 6-7s5.5 2 6 7M14 14c3.5 0 5.5 1.8 6 5'/%3E%3C/g%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Ccircle cx='17' cy='9' r='2.3'/%3E%3Cpath d='M3 20c.5-5 2.5-7 6-7s5.5 2 6 7M14 14c3.5 0 5.5 1.8 6 5'/%3E%3C/g%3E%3C/svg%3E"); }
.nav-item.active { background:linear-gradient(100deg,rgba(132,69,229,.18),rgba(207,168,255,.06)); box-shadow:inset 0 0 0 1px rgba(190,136,255,.16),0 10px 28px rgba(76,32,137,.08); }
.nav-item.active .nav-icon { filter:drop-shadow(0 0 8px rgba(184,124,255,.64)); }
.nav-badge.danger { color:#ffd0df; background:rgba(255,91,139,.1); border-color:rgba(255,113,157,.2); }
.company-symbol { color:#14091f; background:linear-gradient(145deg,#eadcff 0%,#b87cff 42%,#7b3fe0 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.54),0 0 22px rgba(147,77,238,.22); }
.primary-action,.accent-button { background:linear-gradient(135deg,#c89aff 0%,#a55ff5 45%,#7134d2 100%); color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 12px 35px rgba(112,47,205,.24); }
.primary-action:hover,.accent-button:hover { background:linear-gradient(135deg,#dec0ff,#b778ff 45%,#8547e7); box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 15px 42px rgba(125,58,223,.34); }
.install-button { border:1px solid rgba(199,157,255,.18); background:rgba(139,72,232,.1); color:#d9bdff; border-radius:13px; padding:11px 14px; cursor:pointer; }
.install-button:hover { background:rgba(139,72,232,.18); }
.glass-card,.integration-card { background:linear-gradient(145deg,rgba(25,17,41,.94),rgba(12,9,23,.86)); box-shadow:0 24px 90px rgba(1,0,10,.32),inset 0 1px 0 rgba(255,255,255,.025); }
.executive-card::before { background:radial-gradient(circle at 82% 28%,rgba(166,92,255,.18),transparent 36%),linear-gradient(130deg,rgba(255,255,255,.03),transparent 42%); }
.hero-brand-symbol { position:absolute; width:340px; height:340px; right:-28px; bottom:-72px; z-index:-1; opacity:.72; transform:rotate(-3deg); filter:drop-shadow(0 0 36px rgba(135,67,232,.32)); }
.hero-brand-symbol::after { content:""; position:absolute; width:210px; height:34px; border-radius:50%; left:60px; bottom:52px; background:rgba(133,65,229,.22); filter:blur(22px); }
.hero-brand-symbol img { width:100%; height:100%; position:relative; z-index:1; }
.core-node text { fill:#e8d9ff; font-size:18px; }
.decision-toolbar { display:flex; gap:8px; }
.decision-toolbar .active { color:#fff; border-color:rgba(181,119,255,.35); background:rgba(142,73,235,.14); }
.decision-summary-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:18px; }
.decision-list { display:grid; gap:12px; }
.decision-card { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:20px; align-items:center; padding:22px; border-radius:20px; border:1px solid var(--line); background:linear-gradient(145deg,rgba(28,19,45,.92),rgba(13,10,25,.88)); }
.decision-card.high,.decision-card.critical { border-color:rgba(255,102,145,.24); box-shadow:inset 3px 0 0 rgba(255,101,144,.72); }
.decision-card.attention { box-shadow:inset 3px 0 0 rgba(255,198,109,.72); }
.decision-card.resolved { opacity:.68; }
.decision-card-head { display:flex; align-items:center; flex-wrap:wrap; gap:9px; margin-bottom:10px; }
.decision-risk { padding:5px 8px; border-radius:999px; font-size:8px; letter-spacing:.08em; text-transform:uppercase; color:#ffd5e0; background:rgba(255,104,148,.1); }
.decision-card h3 { margin:0 0 8px; font-size:17px; }
.decision-card p { margin:0; color:var(--muted); line-height:1.55; font-size:11px; }
.decision-meta { display:flex; flex-wrap:wrap; gap:14px; margin-top:13px; color:var(--muted-2); font-size:9px; }
.decision-actions { display:flex; gap:8px; align-items:center; }
.decision-actions button { white-space:nowrap; }
.role-matrix { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; border-radius:22px; overflow:hidden; margin-bottom:18px; }
.role-matrix>div { padding:22px; background:rgba(255,255,255,.018); }
.role-matrix small,.role-matrix strong,.role-matrix span { display:block; }
.role-matrix small { color:#b37aff; font-size:8px; letter-spacing:.11em; }
.role-matrix strong { margin:10px 0 6px; font-size:14px; }
.role-matrix span { color:var(--muted); font-size:9px; line-height:1.45; }
.team-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.team-card { padding:20px; border:1px solid var(--line); border-radius:20px; background:linear-gradient(145deg,rgba(26,18,42,.92),rgba(13,10,24,.86)); }
.team-head { display:flex; gap:12px; align-items:center; }
.team-avatar { width:44px; height:44px; border-radius:14px; display:grid; place-items:center; background:linear-gradient(145deg,#c99dff,#7840dc); color:#fff; font-weight:800; box-shadow:0 0 24px rgba(139,71,230,.22); }
.team-head h3 { margin:0 0 4px; font-size:14px; }.team-head p { margin:0; color:var(--muted); font-size:10px; }
.team-meta { margin-top:16px; display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.team-meta span { padding:10px; border-radius:12px; background:rgba(255,255,255,.025); }
.team-meta small,.team-meta strong { display:block; }.team-meta small { color:var(--muted-2); font-size:7px; letter-spacing:.08em; }.team-meta strong { margin-top:5px; font-size:10px; }
@media (max-width:1150px) { .decision-summary-grid,.role-matrix { grid-template-columns:repeat(2,minmax(0,1fr)); } .team-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:720px) { .brand-lockup-image { width:min(310px,90%); } .hero-brand-symbol { width:230px; height:230px; right:-62px; bottom:-35px; opacity:.4; } .decision-summary-grid,.role-matrix,.team-grid { grid-template-columns:1fr 1fr; } .decision-card { grid-template-columns:1fr; } .decision-actions { width:100%; } .decision-actions button { flex:1; } .install-button { display:none !important; } }
@media (max-width:480px) { .decision-summary-grid,.role-matrix,.team-grid { grid-template-columns:1fr; } .brand-copy strong { font-size:13px; } .brand-copy span { font-size:12px; } }
.drawer-section { margin-top:24px; }
.drawer-section h3 { margin:0 0 12px; font-size:14px; }
.tool-chips { display:flex; flex-wrap:wrap; gap:8px; }
.tool-chip { padding:8px 10px; border-radius:999px; border:1px solid rgba(183,126,255,.16); background:rgba(139,72,232,.08); color:#d8bbff; font-size:9px; }
.tool-chip.degraded { color:#ffd094; border-color:rgba(255,198,109,.2); background:rgba(255,198,109,.07); }
.drawer-event-list { display:grid; gap:8px; }
.drawer-event { width:100%; border:1px solid var(--line); background:rgba(255,255,255,.02); border-radius:14px; padding:11px; display:grid; grid-template-columns:30px 1fr; gap:10px; align-items:center; text-align:left; cursor:pointer; }
.drawer-event:hover { border-color:rgba(182,124,255,.26); background:rgba(136,71,226,.06); }
.drawer-event i { width:30px; height:30px; border-radius:10px; display:grid; place-items:center; background:linear-gradient(145deg,#c392ff,#7340d2); color:white; font-style:normal; font-size:9px; }
.drawer-event strong,.drawer-event small { display:block; }.drawer-event strong { font-size:10px; }.drawer-event small { margin-top:4px; color:var(--muted); font-size:8px; }
.drawer-form { display:grid; gap:14px; margin-top:24px; text-align:left; }
.drawer-form label { display:grid; gap:7px; color:#d8cce7; font-size:10px; font-weight:700; }
.drawer-form input,.drawer-form select { width:100%; border:1px solid var(--line); background:rgba(255,255,255,.025); color:var(--text); border-radius:13px; padding:12px; outline:none; }
.drawer-form input:focus,.drawer-form select:focus { border-color:rgba(186,126,255,.42); box-shadow:0 0 0 3px rgba(139,72,232,.08); }


/* v0.4.1 — approved production logo, no placeholder geometry */
.brand { padding: 0 4px 24px; min-height: 58px; }
.sidebar-brand-lockup { display:block; width: 205px; max-width:100%; height:auto; object-fit:contain; filter:drop-shadow(0 0 16px rgba(164,101,255,.28)); }
.brand-lockup-image { width:min(620px,88%); max-height:190px; object-fit:contain; }
.hero-brand-symbol { width:460px; height:auto; right:-12px; bottom:-42px; opacity:.78; transform:none; }
.hero-brand-symbol::after { width:300px; left:72px; bottom:38px; }
.hero-brand-symbol img { width:100%; height:auto; display:block; }
@media (max-width:1180px) {
  .sidebar-brand-lockup { width:44px; height:44px; object-fit:cover; object-position:left center; }
}
@media (max-width:720px) {
  .brand-lockup-image { width:min(520px,96%); max-height:150px; }
  .hero-brand-symbol { width:300px; right:-74px; bottom:-12px; opacity:.48; }
}

/* v0.5.0 — RDM live pilot workspace */
.icon-rdm {
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M6 7v12h12V7M9 4h6l1 3H8l1-3ZM9 11h6M9 15h6'/%3E%3C/g%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M6 7v12h12V7M9 4h6l1 3H8l1-3ZM9 11h6M9 15h6'/%3E%3C/g%3E%3C/svg%3E");
}
.rdm-only[hidden] { display:none !important; }
.live-data-pill { align-self:flex-start; display:inline-flex; align-items:center; gap:8px; padding:9px 12px; border-radius:999px; border:1px solid rgba(188,132,255,.26); background:linear-gradient(135deg,rgba(161,88,255,.16),rgba(104,50,183,.07)); color:#dbc3ff; font-size:9px; letter-spacing:.05em; white-space:nowrap; box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 28px rgba(123,62,212,.08); }
.live-data-pill::before { content:""; width:7px; height:7px; border-radius:50%; background:#b982ff; box-shadow:0 0 12px rgba(185,130,255,.9); }
.rdm-summary-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:18px; }
.rdm-workspace { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr); gap:18px; align-items:start; }
.rdm-catalog-card,.rdm-quote-card,.rdm-quotes-log { padding:22px; }
.rdm-catalog-card .section-head { align-items:center; gap:16px; }
.compact-search { width:min(260px,42%); border:1px solid var(--line); background:rgba(255,255,255,.025); color:var(--text); border-radius:12px; padding:10px 12px; outline:none; }
.compact-search:focus { border-color:rgba(190,132,255,.45); box-shadow:0 0 0 3px rgba(148,75,239,.08); }
.catalog-safety-note { margin:14px 0; padding:12px 14px; border-radius:14px; border:1px solid rgba(255,198,109,.16); background:rgba(255,198,109,.045); color:#c9bdd7; font-size:10px; line-height:1.55; }
.catalog-safety-note strong { color:#ffd291; }
.rdm-catalog-list { display:grid; gap:8px; max-height:620px; overflow:auto; padding-right:5px; }
.rdm-catalog-list::-webkit-scrollbar { width:7px; }.rdm-catalog-list::-webkit-scrollbar-thumb { background:rgba(181,122,255,.18); border-radius:10px; }
.rdm-product-row { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(170px,.75fr) auto; gap:12px; align-items:center; padding:13px 14px; border-radius:15px; border:1px solid rgba(219,193,255,.08); background:rgba(255,255,255,.018); transition:.18s ease; }
.rdm-product-row:hover { border-color:rgba(188,132,255,.2); background:rgba(151,78,239,.045); transform:translateY(-1px); }
.rdm-product-main { min-width:0; display:flex; align-items:center; gap:10px; }
.rdm-product-main strong,.rdm-product-main small { display:block; }.rdm-product-main strong { font-size:11px; }.rdm-product-main small { color:var(--muted); font-size:8px; line-height:1.45; margin-top:4px; }
.rdm-sku { flex:0 0 auto; color:#d7b7ff; background:rgba(154,85,239,.1); border:1px solid rgba(184,126,255,.14); border-radius:9px; padding:5px 7px; font-size:7px; letter-spacing:.07em; }
.rdm-price-block { min-width:0; display:grid; justify-items:start; gap:6px; }.rdm-price-block b { font-size:10px; font-weight:650; }
.rdm-status { display:inline-flex; align-items:center; padding:4px 7px; border-radius:999px; font-size:7px; letter-spacing:.06em; font-weight:750; white-space:nowrap; border:1px solid transparent; }
.rdm-status.safe { color:#e9d8ff; background:rgba(151,82,239,.11); border-color:rgba(187,128,255,.2); }
.rdm-status.attention,.rdm-status.needs { color:#ffd69a; background:rgba(255,198,109,.06); border-color:rgba(255,198,109,.16); }
.rdm-status.danger { color:#ffd0df; background:rgba(255,102,145,.07); border-color:rgba(255,102,145,.18); }
.rdm-quote-card h3 { margin:2px 0 8px; font-size:20px; }.rdm-quote-card>p { margin:0 0 18px; color:var(--muted); font-size:10px; line-height:1.6; }
.rdm-quote-form { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.rdm-quote-form label { display:grid; gap:7px; color:#d8cce7; font-size:9px; font-weight:700; }
.rdm-quote-form label small { color:var(--muted-2); font-size:7px; line-height:1.3; font-weight:500; }
.rdm-quote-form input,.rdm-quote-form select { width:100%; min-width:0; border:1px solid var(--line); background:rgba(255,255,255,.025); color:var(--text); border-radius:12px; padding:11px 12px; outline:none; }
.rdm-quote-form select option { background:#160f25; color:#f8f3ff; }
.rdm-quote-form input:focus,.rdm-quote-form select:focus { border-color:rgba(186,126,255,.42); box-shadow:0 0 0 3px rgba(139,72,232,.08); }
.rdm-quote-form .full { grid-column:1/-1; }.check-row { display:flex !important; grid-template-columns:auto 1fr; flex-direction:row; align-items:flex-start; gap:9px !important; padding:11px; border-radius:12px; background:rgba(255,198,109,.035); border:1px solid rgba(255,198,109,.1); color:#c9bdd7 !important; font-weight:500 !important; line-height:1.45; }.check-row input { width:auto; margin-top:2px; accent-color:#a969ff; }
.quote-result { margin-top:16px; min-height:0; }.quote-result:empty { display:none; }.quote-result:not(:empty) { padding:15px; border-radius:15px; background:linear-gradient(145deg,rgba(156,86,242,.08),rgba(255,255,255,.018)); border:1px solid rgba(184,126,255,.14); }
.quote-result-head { display:flex; justify-content:space-between; align-items:center; gap:10px; }.quote-result-head b { font-size:9px; color:var(--muted); }.quote-total { display:block; margin:13px 0 7px; font-size:23px; letter-spacing:-.03em; }.quote-result p { color:var(--muted); font-size:9px; line-height:1.55; }.quote-result .accent-button { margin-top:6px; }
.rdm-quotes-log { margin-top:18px; }.rdm-quotes-log #rdm-quotes-list { display:grid; gap:8px; }
.rdm-quote-row { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(180px,.7fr) auto; gap:14px; align-items:center; padding:13px 14px; border:1px solid rgba(219,193,255,.08); border-radius:14px; background:rgba(255,255,255,.015); }.rdm-quote-row>div:first-child { display:grid; grid-template-columns:auto 1fr; column-gap:9px; align-items:center; }.rdm-quote-row>div:first-child strong { font-size:10px; }.rdm-quote-row>div:first-child small { grid-column:2; color:var(--muted); font-size:8px; margin-top:4px; }.rdm-quote-money { display:grid; gap:6px; justify-items:start; }.rdm-quote-money b { font-size:11px; }
body[data-org="russian-house-oils"] .company-symbol { background:linear-gradient(145deg,#eadcff,#b978ff 42%,#7435d4); color:#160920; }

@media (max-width:1180px) { .rdm-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .rdm-workspace { grid-template-columns:1fr; }.rdm-catalog-list{max-height:none;} }
@media (max-width:720px) { .rdm-summary-grid { grid-template-columns:1fr 1fr; }.rdm-product-row,.rdm-quote-row { grid-template-columns:1fr; }.rdm-price-block { grid-template-columns:auto auto; align-items:center; justify-content:start; }.rdm-quote-form { grid-template-columns:1fr; }.rdm-quote-form .full { grid-column:auto; }.compact-search { width:100%; }.rdm-catalog-card .section-head { align-items:stretch; flex-direction:column; }.live-data-pill { white-space:normal; } }
@media (max-width:480px) { .rdm-summary-grid { grid-template-columns:1fr; } }

/* v0.6.0 control core */
.runtime-mode-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(202,168,255,.25);border-radius:999px;background:linear-gradient(135deg,rgba(137,92,246,.13),rgba(204,163,255,.07));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 24px rgba(157,102,255,.08);color:#d7bcff;font-size:9px;font-weight:800;letter-spacing:.16em;white-space:nowrap}.runtime-mode-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#c89bff;box-shadow:0 0 10px #b876ff}@media(max-width:1120px){.runtime-mode-badge{display:none}}


/* v0.6.0 — policy & authority control core */
.icon-policies { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 5 6v5c0 5 2.7 8 7 10 4.3-2 7-5 7-10V6l-7-3Z'/%3E%3Cpath d='M9 12l2 2 4-5'/%3E%3C/g%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 5 6v5c0 5 2.7 8 7 10 4.3-2 7-5 7-10V6l-7-3Z'/%3E%3Cpath d='M9 12l2 2 4-5'/%3E%3C/g%3E%3C/svg%3E"); }
.policy-summary-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:18px; }
.policy-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-bottom:18px; }
.policy-card { position:relative; min-height:250px; padding:20px; border-radius:20px; border:1px solid rgba(219,193,255,.10); background:linear-gradient(145deg,rgba(25,17,41,.95),rgba(11,8,22,.92)); box-shadow:0 22px 70px rgba(2,0,10,.26),inset 0 1px 0 rgba(255,255,255,.025); transition:.2s ease; }
.policy-card.enabled:hover { transform:translateY(-2px); border-color:rgba(192,135,255,.24); box-shadow:0 26px 80px rgba(56,20,103,.22),inset 0 1px 0 rgba(255,255,255,.04); }
.policy-card.disabled { opacity:.56; filter:saturate(.65); }
.policy-card-head { display:grid; grid-template-columns:42px 1fr auto; gap:12px; align-items:center; }
.policy-icon { width:42px;height:42px;border-radius:13px;display:grid;place-items:center;border:1px solid rgba(196,145,255,.20);background:linear-gradient(145deg,rgba(173,102,255,.16),rgba(102,47,182,.06));color:#d7b8ff;font-size:12px;font-weight:850;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 25px rgba(145,77,231,.08); }
.policy-card-head small { display:block; margin-bottom:4px; color:#947fae; font-size:7px; font-weight:800; letter-spacing:.12em; }
.policy-card h3 { margin:0; font-size:14px; line-height:1.2; }
.policy-card>p { min-height:54px; margin:16px 0 18px; color:var(--muted); font-size:9.5px; line-height:1.6; }
.policy-toggle { width:37px;height:21px;border:1px solid rgba(210,181,255,.16);border-radius:999px;background:rgba(255,255,255,.04);padding:2px;cursor:pointer;transition:.18s ease; }
.policy-toggle i { display:block;width:15px;height:15px;border-radius:50%;background:#756d80;transition:.18s ease; }
.policy-toggle.on { background:linear-gradient(135deg,rgba(183,111,255,.45),rgba(110,50,199,.28));border-color:rgba(203,153,255,.34);box-shadow:0 0 20px rgba(151,79,238,.12); }
.policy-toggle.on i { transform:translateX(15px);background:#e7d2ff;box-shadow:0 0 10px rgba(216,184,255,.7); }
.policy-rule { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0; border-top:1px solid rgba(219,193,255,.07); font-size:9px; }
.policy-rule span { color:var(--muted-2); }.policy-rule strong { font-size:9.5px; color:#e9dcf7; text-align:right; }
.policy-action.approval { color:#d9b8ff; }.policy-action.block { color:#ffb8ce; }.policy-action.notify { color:#ffd28f; }.policy-action.allow { color:#b9f5d5; }
.policy-card-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:4px; padding-top:11px; border-top:1px solid rgba(219,193,255,.07); color:var(--muted); font-size:8px; }
.policy-audit-card { padding:20px; }.policy-hit-list { display:grid; gap:8px; margin-top:14px; }
.policy-hit { width:100%; display:grid; grid-template-columns:10px 1fr auto; gap:12px; align-items:center; padding:12px 13px; border:1px solid rgba(219,193,255,.08); border-radius:14px; background:rgba(255,255,255,.015); color:var(--text); text-align:left; cursor:pointer; }
.policy-hit:hover { background:rgba(151,78,239,.045); border-color:rgba(188,132,255,.18); }
.policy-hit div strong,.policy-hit div small { display:block; }.policy-hit div strong { font-size:10px; }.policy-hit div small { margin-top:4px; color:var(--muted); font-size:8px; }.policy-hit>b { font-size:8px; color:#d7b8ff; }
.risk-dot { width:8px;height:8px;border-radius:50%;background:#9a75c5;box-shadow:0 0 8px currentColor; }.risk-dot.attention { background:#ffc46b; }.risk-dot.high,.risk-dot.critical { background:#ff6e91; }
.policy-enabled-row { display:flex !important; grid-template-columns:auto 1fr !important; flex-direction:row; align-items:center; gap:9px !important; padding:11px 12px; border:1px solid rgba(188,132,255,.12); border-radius:12px; background:rgba(151,78,239,.04); }.policy-enabled-row input { width:auto !important; accent-color:#aa68ff; }
@media(max-width:1180px){.policy-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.policy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.policy-summary-grid,.policy-grid{grid-template-columns:1fr}.policy-card{min-height:auto}.policy-card>p{min-height:0}}

/* v0.7 CRM foundation */
.icon-crm { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3Cpath d='M3.5 18c.7-3.2 2.4-4.8 4.5-4.8S11.8 14.8 12.5 18'/%3E%3Cpath d='M15 6h6M15 10h6M15 14h6M15 18h6'/%3E%3C/g%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3Cpath d='M3.5 18c.7-3.2 2.4-4.8 4.5-4.8S11.8 14.8 12.5 18'/%3E%3Cpath d='M15 6h6M15 10h6M15 14h6M15 18h6'/%3E%3C/g%3E%3C/svg%3E"); }
.crm-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.crm-toolbar{min-height:64px;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;margin-bottom:12px}.crm-tabs{display:flex;gap:6px;flex-wrap:wrap}.crm-tabs button{border:1px solid rgba(219,196,255,.08);background:rgba(255,255,255,.02);color:var(--muted);padding:9px 13px;border-radius:10px;font:inherit;font-size:11px;cursor:pointer}.crm-tabs button.active{color:#f6efff;background:rgba(169,105,255,.14);border-color:rgba(187,129,255,.28);box-shadow:inset 0 0 18px rgba(138,69,235,.07)}.crm-workspace{padding:0;overflow:hidden;min-height:360px}.crm-list-head,.crm-list-row{display:grid;grid-template-columns:1.3fr 1.15fr .8fr .8fr 1.05fr .7fr;gap:12px;align-items:center;padding:13px 17px}.crm-list-head{color:#6f647d;font-size:9px;letter-spacing:.08em;border-bottom:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.012)}.crm-list-row{min-height:66px;border-bottom:1px solid rgba(255,255,255,.045)}.crm-list-row:last-child{border-bottom:0}.crm-main strong{display:block;color:var(--text);font-size:12px}.crm-main small,.crm-muted{display:block;color:var(--muted);font-size:9.5px;margin-top:4px}.crm-source,.crm-score,.crm-status{justify-self:start;padding:6px 8px;border-radius:8px;background:rgba(169,105,255,.08);color:#cdaeff;font-size:9px;border:1px solid rgba(183,124,255,.14)}.crm-score.good{color:#78e6bd;background:rgba(84,201,157,.07);border-color:rgba(84,201,157,.12)}.crm-task-high{color:#ff8da9}.crm-row-action{border:0;background:transparent;color:#b77dff;font-size:10px;cursor:pointer;text-align:right}.crm-empty{padding:70px 30px;text-align:center;color:var(--muted)}.crm-company-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px}.crm-company-card{padding:18px;border:1px solid rgba(219,196,255,.08);border-radius:15px;background:rgba(255,255,255,.015)}.crm-company-card h3{margin:0 0 7px;font-size:14px}.crm-company-card p{margin:0;color:var(--muted);font-size:10px}.crm-company-meta{display:flex;gap:8px;margin-top:16px}.crm-company-meta span{flex:1;padding:9px;border-radius:10px;background:rgba(255,255,255,.025)}.crm-company-meta small{display:block;color:#70657a;font-size:7px}.crm-company-meta b{display:block;margin-top:4px;font-size:10px}.crm-task-list{padding:8px 14px}.crm-task-item{display:grid;grid-template-columns:28px 1fr auto auto;gap:12px;align-items:center;padding:14px 4px;border-bottom:1px solid rgba(255,255,255,.045)}.crm-task-check{width:20px;height:20px;border:1px solid rgba(184,125,255,.3);border-radius:7px}.crm-task-item.done{opacity:.45}.crm-task-item h4{margin:0;font-size:11.5px}.crm-task-item small{display:block;color:var(--muted);margin-top:4px;font-size:9px}.crm-task-due{font-size:9px;color:#c5afd9}.crm-task-priority{font-size:8px;padding:5px 7px;border-radius:7px;background:rgba(255,255,255,.03);color:#8e829a}.crm-task-priority.high{color:#ff8da9;background:rgba(255,90,130,.06)}@media(max-width:1100px){.crm-summary-grid{grid-template-columns:repeat(2,1fr)}.crm-company-grid{grid-template-columns:1fr 1fr}.crm-list-head,.crm-list-row{grid-template-columns:1.4fr 1fr .8fr .7fr}.crm-list-head>:nth-child(5),.crm-list-head>:nth-child(6),.crm-list-row>:nth-child(5),.crm-list-row>:nth-child(6){display:none}}@media(max-width:720px){.crm-summary-grid{grid-template-columns:1fr 1fr}.crm-toolbar{align-items:flex-start;gap:10px;flex-direction:column}.crm-company-grid{grid-template-columns:1fr}.crm-list-head{display:none}.crm-list-row{grid-template-columns:1fr auto;padding:13px}.crm-list-row>:not(.crm-main):not(.crm-status){display:none}.crm-task-item{grid-template-columns:24px 1fr}.crm-task-due,.crm-task-priority{display:none}}

/* v0.8 SaaS CRM Workspace ------------------------------------------------ */
.crm-create-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.soft-action{border:1px solid rgba(205,174,255,.14);background:rgba(255,255,255,.025);color:#cfc0df;border-radius:11px;padding:10px 13px;font:inherit;font-size:10px;cursor:pointer;transition:.2s}.soft-action:hover{background:rgba(169,105,255,.09);color:#fff;border-color:rgba(185,127,255,.28)}
.crm-row-button,.crm-company-button{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;border-left:0;border-right:0;border-top:0;background:transparent}.crm-row-button:hover{background:linear-gradient(90deg,rgba(152,82,255,.07),rgba(255,255,255,.012))}.crm-company-button{border:1px solid rgba(219,196,255,.08)}.crm-company-button:hover{transform:translateY(-2px);border-color:rgba(190,133,255,.25);box-shadow:0 14px 30px rgba(0,0,0,.16)}.crm-company-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.crm-company-mark{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(182,118,255,.2),rgba(76,35,142,.1));border:1px solid rgba(206,171,255,.2);color:#dcc3ff;font-weight:800;font-size:10px}.crm-live-dot{width:7px;height:7px;border-radius:50%;background:#77e7bb;box-shadow:0 0 12px rgba(119,231,187,.5)}.crm-owner-line{margin-top:14px!important}.crm-status.stage-won{color:#78e6bd;background:rgba(84,201,157,.07);border-color:rgba(84,201,157,.12)}.crm-status.stage-lost{color:#8e829a}.crm-status.stage-proposal{color:#e2b9ff}.crm-status.stage-negotiation{color:#ffc77c;background:rgba(255,183,80,.06);border-color:rgba(255,183,80,.12)}
.crm-task-check{display:grid;place-items:center;background:rgba(255,255,255,.015);color:#aaf0d5;font-size:11px;cursor:pointer}.crm-task-check:hover{border-color:rgba(133,238,196,.5)}
.crm-kanban{display:grid;grid-template-columns:repeat(5,minmax(190px,1fr));gap:10px;padding:12px;overflow-x:auto;min-height:410px}.crm-kanban-column{background:rgba(255,255,255,.012);border:1px solid rgba(214,185,255,.055);border-radius:14px;min-width:190px;padding:10px}.crm-kanban-column>header{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;padding:4px 4px 11px;border-bottom:1px solid rgba(255,255,255,.04)}.crm-kanban-column>header strong{font-size:10.5px;color:#eee7f8}.crm-kanban-column>header small{display:block;margin-top:3px;color:#756a81;font-size:7.5px}.crm-kanban-column>header>span{padding:4px 6px;border-radius:6px;background:rgba(164,92,255,.08);color:#b98bf7;font-size:7.5px}.crm-kanban-card{display:block;width:100%;margin-top:8px;padding:11px;border:1px solid rgba(209,177,255,.07);border-radius:11px;background:rgba(15,11,25,.78);text-align:left;color:inherit;font:inherit;cursor:pointer}.crm-kanban-card:hover{border-color:rgba(183,124,255,.25);background:rgba(42,23,67,.5)}.crm-kanban-card>strong{display:block;font-size:10.5px;color:#f0e8fa}.crm-kanban-card>small{display:block;color:#86798f;font-size:8px;margin:6px 0 10px;line-height:1.4}.crm-kanban-card>div{display:flex;justify-content:space-between;gap:8px;align-items:center;color:#776b81;font-size:7.5px}.crm-kanban-card b{color:#bb8cff;font-size:8px}.crm-kanban-empty{color:#574e5f;font-size:8.5px;text-align:center;padding:30px 8px}
.crm-activity-stream{padding:6px 18px 18px}.crm-activity-stream article{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.045)}.crm-activity-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(160,90,255,.09);border:1px solid rgba(185,127,255,.13);color:#c99cff;font-size:8px;font-weight:800}.crm-activity-icon.agent{background:linear-gradient(145deg,rgba(169,105,255,.2),rgba(99,52,193,.08))}.crm-activity-icon.user{color:#9fd8ff;background:rgba(75,142,255,.07)}.crm-activity-stream strong{font-size:10.5px}.crm-activity-stream p{margin:4px 0 5px;color:#9a8fa4;font-size:9px}.crm-activity-stream small{color:#61586a;font-size:8px}
.crm-detail-hero{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.crm-detail-hero>div{padding:12px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(210,177,255,.06)}.crm-detail-hero small{display:block;font-size:7px;color:#71647d;letter-spacing:.08em}.crm-detail-hero strong{display:block;margin-top:7px;font-size:13px;color:#f2eafa}.crm-ai-summary{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:13px;margin:15px 0;border-radius:13px;background:linear-gradient(130deg,rgba(164,86,255,.12),rgba(93,48,166,.04));border:1px solid rgba(190,136,255,.16)}.crm-ai-summary>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(173,103,255,.14);color:#d7b7ff;font-size:9px;font-weight:900}.crm-ai-summary small{color:#a47bda;font-size:7px;letter-spacing:.09em}.crm-ai-summary p{margin:5px 0 0;color:#c8bacf;font-size:9.5px;line-height:1.55}.crm-stage-switch{display:flex;gap:5px;flex-wrap:wrap}.crm-stage-switch button{border:1px solid rgba(206,173,255,.09);background:rgba(255,255,255,.02);color:#82758c;border-radius:8px;padding:7px 9px;font:inherit;font-size:8px;cursor:pointer}.crm-stage-switch button.active{color:#f5effb;background:rgba(169,105,255,.15);border-color:rgba(190,132,255,.28)}.crm-timeline article{display:grid;grid-template-columns:26px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04)}.crm-timeline i{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:rgba(169,105,255,.08);color:#c7a2ff;font-size:7px;font-style:normal}.crm-timeline strong{font-size:9.5px}.crm-timeline p{margin:3px 0;color:#8c8096;font-size:8.5px;line-height:1.45}.crm-timeline small{color:#5f5567;font-size:7.5px}
.notification-count{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:linear-gradient(135deg,#bc70ff,#7b42ff);color:#fff;font-size:8px;display:grid;place-items:center;border:2px solid #0b0810}.notification-button{position:relative}.notification-list{display:grid;gap:8px}.notification-item{width:100%;display:grid;grid-template-columns:9px 1fr;gap:11px;padding:13px;border:1px solid rgba(205,174,255,.08);border-radius:12px;background:rgba(255,255,255,.02);text-align:left;color:inherit;font:inherit;cursor:pointer}.notification-item>i{width:7px;height:7px;border-radius:50%;margin-top:5px;background:#a767ff;box-shadow:0 0 12px rgba(167,103,255,.5)}.notification-item.priority-high>i{background:#ff7fa2;box-shadow:0 0 12px rgba(255,80,130,.45)}.notification-item.read{opacity:.48}.notification-item.read>i{background:#554d5e;box-shadow:none}.notification-item strong{font-size:10px}.notification-item p{margin:4px 0;color:#9c90a6;font-size:9px;line-height:1.45}.notification-item small{color:#62586b;font-size:7.5px}
.drawer-form textarea{width:100%;resize:vertical;min-height:85px;border:1px solid rgba(202,168,255,.1);background:rgba(255,255,255,.02);color:var(--text);border-radius:10px;padding:11px;font:inherit;font-size:10px;outline:0}.drawer-form textarea:focus{border-color:rgba(187,124,255,.35);box-shadow:0 0 0 3px rgba(149,80,255,.05)}
@media(max-width:900px){.crm-create-actions{width:100%}.crm-create-actions .soft-action{display:none}.crm-kanban{grid-template-columns:repeat(5,210px)}.crm-detail-hero{grid-template-columns:1fr}.crm-company-grid{grid-template-columns:1fr}.notification-count{top:-4px;right:-3px}}

/* v1.0.0 · SaaS Account & CRM Core */
.auth-card{display:none}.auth-card.active{display:block}.auth-switch{width:100%;margin-top:12px;padding:10px;border:0;background:transparent;color:#caa9ff;font:inherit;font-size:11px;cursor:pointer}.auth-switch:hover{color:#f2e8ff}
.icon-documents{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M6 3h8l4 4v14H6z'/%3E%3Cpath d='M14 3v5h5M9 12h6M9 16h6'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M6 3h8l4 4v14H6z'/%3E%3Cpath d='M14 3v5h5M9 12h6M9 16h6'/%3E%3C/g%3E%3C/svg%3E")}
.icon-settings{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19 13.5v-3l-2-.7a7 7 0 0 0-.7-1.6l.9-1.9-2.1-2.1-1.9.9a7 7 0 0 0-1.6-.7L10.5 2h-3l-.7 2a7 7 0 0 0-1.6.7l-1.9-.9-2.1 2.1.9 1.9a7 7 0 0 0-.7 1.6L0 10.5v3l2 .7a7 7 0 0 0 .7 1.6l-.9 1.9 2.1 2.1 1.9-.9a7 7 0 0 0 1.6.7l.7 2h3l.7-2a7 7 0 0 0 1.6-.7l1.9.9 2.1-2.1-.9-1.9a7 7 0 0 0 .7-1.6z' transform='translate(2.25 .25) scale(.8)'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19 13.5v-3l-2-.7a7 7 0 0 0-.7-1.6l.9-1.9-2.1-2.1-1.9.9a7 7 0 0 0-1.6-.7L10.5 2h-3l-.7 2a7 7 0 0 0-1.6.7l-1.9-.9-2.1 2.1.9 1.9a7 7 0 0 0-.7 1.6L0 10.5v3l2 .7a7 7 0 0 0 .7 1.6l-.9 1.9 2.1 2.1 1.9-.9a7 7 0 0 0 1.6.7l.7 2h3l.7-2a7 7 0 0 0 1.6-.7l1.9.9 2.1-2.1-.9-1.9a7 7 0 0 0 .7-1.6z' transform='translate(2.25 .25) scale(.8)'/%3E%3C/g%3E%3C/svg%3E")}
.global-search-wrap{position:relative;width:min(300px,25vw);height:42px;display:flex;align-items:center;border:1px solid rgba(218,193,255,.10);background:rgba(255,255,255,.025);border-radius:13px;padding:0 10px;transition:.2s}.global-search-wrap:focus-within{border-color:rgba(184,123,255,.34);box-shadow:0 0 0 4px rgba(169,105,255,.06);background:rgba(255,255,255,.04)}.global-search-icon{color:#b687f5;margin-right:8px}.global-search{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:11px}.global-search::placeholder{color:#6d6377}.global-search-wrap kbd{font:inherit;font-size:8px;color:#756980;border:1px solid rgba(255,255,255,.08);padding:3px 5px;border-radius:6px}.global-search-results{position:absolute;top:49px;left:0;width:420px;max-width:80vw;max-height:420px;overflow:auto;z-index:80;background:rgba(13,9,22,.98);border:1px solid rgba(201,165,255,.16);border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.45);padding:8px;display:none}.global-search-results.open{display:block}.global-search-result{width:100%;display:grid;grid-template-columns:80px 1fr;grid-template-rows:auto auto;gap:3px 10px;text-align:left;border:0;background:transparent;color:var(--text);padding:10px;border-radius:10px;cursor:pointer}.global-search-result:hover{background:rgba(169,105,255,.09)}.global-search-result .search-type{grid-row:1/3;align-self:center;font-size:7px;letter-spacing:.08em;color:#9d6cdb}.global-search-result strong{font-size:11px}.global-search-result small{color:var(--muted);font-size:9px}.search-empty{padding:24px;text-align:center;color:var(--muted);font-size:10px}
.document-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.document-list{padding:0;overflow:hidden}.document-table-head,.document-row{display:grid;grid-template-columns:1.4fr .7fr .8fr .8fr .8fr .7fr;gap:12px;align-items:center;padding:14px 18px}.document-table-head{font-size:8px;letter-spacing:.08em;color:#70647e;border-bottom:1px solid rgba(255,255,255,.05)}.document-row{width:100%;min-height:66px;border:0;border-bottom:1px solid rgba(255,255,255,.045);background:transparent;color:var(--text);text-align:left;cursor:pointer;font:inherit}.document-row:hover{background:rgba(169,105,255,.035)}.document-row strong{display:block;font-size:11px}.document-row small{display:block;color:var(--muted);margin-top:4px;font-size:8.5px}.document-row>span{font-size:9.5px;color:#b7a9c6}.document-status{justify-self:start;padding:5px 7px;border-radius:7px;border:1px solid rgba(184,125,255,.14);background:rgba(169,105,255,.07);color:#c9a9fb!important}.document-status.status-approved{color:#7ee3b9!important;background:rgba(69,190,145,.06);border-color:rgba(69,190,145,.14)}.document-status.status-review{color:#ffcc7a!important;background:rgba(255,188,87,.06);border-color:rgba(255,188,87,.14)}
.settings-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:14px}.settings-card{padding:22px}.settings-card h3{font-size:18px;margin:9px 0 18px}.settings-copy{color:var(--muted);font-size:10px;margin:-10px 0 18px}.settings-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-form label{display:grid;gap:7px;color:#cbbcd8;font-size:9px;font-weight:700}.settings-form input{width:100%;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:var(--text);border-radius:11px;padding:11px 12px;outline:0}.settings-form input:focus{border-color:rgba(184,125,255,.3)}.settings-form .full{grid-column:1/-1}.session-list{display:grid;gap:8px}.session-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.018);border-radius:12px}.session-item strong{display:block;font-size:10.5px}.session-item small,.session-item span{display:block;color:var(--muted);font-size:8px;margin-top:4px;max-width:390px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-item.revoked{opacity:.45}.crm-deal-head,.crm-deal-row{grid-template-columns:1.3fr 1.1fr .8fr .8fr 1.1fr .7fr}
@media(max-width:1200px){.global-search-wrap{width:220px}.document-table-head,.document-row{grid-template-columns:1.5fr .8fr .8fr 1fr}.document-table-head>:nth-child(5),.document-table-head>:nth-child(6),.document-row>:nth-child(5),.document-row>:nth-child(6){display:none}.settings-grid{grid-template-columns:1fr}}
@media(max-width:900px){.global-search-wrap{display:none}.document-summary-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.settings-form{grid-template-columns:1fr}.document-table-head{display:none}.document-row{grid-template-columns:1fr auto}.document-row>:not(:first-child):not(.document-status){display:none}}

/* v1.0.0 · SaaS Staging Foundation */
.onboarding-card{margin:18px 0 20px;padding:22px 24px}.onboarding-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.onboarding-head h3{margin:6px 0 5px;font-size:21px}.onboarding-head p{margin:0;max-width:760px;color:var(--muted);font-size:13px;line-height:1.55}.onboarding-head>strong{font-size:30px;line-height:1;color:#d8b7ff;text-shadow:0 0 24px rgba(168,103,255,.32)}.onboarding-bar{height:7px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden;margin:18px 0 16px}.onboarding-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6f38f4,#c07bff);box-shadow:0 0 18px rgba(167,97,255,.5);transition:width .4s ease}.onboarding-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.onboarding-step{appearance:none;border:1px solid rgba(188,145,255,.14);background:rgba(255,255,255,.025);color:var(--text);min-height:58px;border-radius:14px;padding:10px 12px;display:flex;align-items:center;gap:9px;text-align:left;font:inherit;cursor:pointer;transition:.18s ease}.onboarding-step:hover{border-color:rgba(190,143,255,.38);transform:translateY(-1px)}.onboarding-step i{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;font-style:normal;color:#dcbfff;background:rgba(148,73,255,.12);flex:0 0 auto}.onboarding-step span{font-size:11px;line-height:1.3}.onboarding-step.done{border-color:rgba(98,239,177,.22)}.onboarding-step.done i{color:#75efb8;background:rgba(77,203,147,.12)}@media(max-width:1100px){.onboarding-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.onboarding-card{padding:17px}.onboarding-head{gap:12px}.onboarding-head>strong{font-size:24px}.onboarding-steps{grid-template-columns:1fr}}


/* v1.1 Cloud CRM & Storage Core */
.file-drop{border:1px dashed rgba(189,137,255,.42);border-radius:18px;padding:18px!important;background:linear-gradient(135deg,rgba(123,66,255,.09),rgba(226,124,255,.04));min-height:112px;display:flex!important;flex-direction:column;justify-content:center;gap:8px}.file-drop>span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.file-drop input[type=file]{padding:12px;background:rgba(7,8,18,.68);border-radius:12px}.file-drop small{color:var(--muted);font-size:11px}.document-download{margin-top:18px}.document-no-file{margin-top:18px;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:14px;color:var(--muted);font-size:12px}.mono-short{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px!important}.system-card{grid-column:1/-1}.system-card-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.system-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.system-status-item{min-height:92px;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px;background:rgba(9,8,20,.56);display:grid;grid-template-columns:10px 1fr;grid-template-rows:1fr auto;gap:7px 10px;align-items:center}.system-status-item>i{width:8px;height:8px;border-radius:50%;background:#8b83a1;box-shadow:0 0 14px currentColor}.system-status-item>span{display:flex;flex-direction:column;gap:4px;min-width:0}.system-status-item small{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.system-status-item strong{font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis}.system-status-item em{grid-column:2;font-size:10px;color:var(--muted);font-style:normal;text-transform:uppercase}.system-status-item.tone-ok>i{background:#65e6b5}.system-status-item.tone-neutral>i{background:#b986ff}.system-status-item.tone-warn>i{background:#ffb35c}@media(max-width:900px){.system-status-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.system-status-grid{grid-template-columns:1fr}.system-card-head{flex-direction:column}.document-table-head,.document-row{grid-template-columns:minmax(180px,1fr) 90px 120px}.document-table-head span:nth-child(n+4),.document-row>span:nth-child(n+4){display:none}}


/* v1.2 Integration Hub */
.integration-view-head .header-actions{display:flex;gap:10px;align-items:center}.integration-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.integration-kpis article{padding:17px 18px;border:1px solid rgba(201,168,255,.12);border-radius:18px;background:linear-gradient(145deg,rgba(37,25,57,.82),rgba(15,11,25,.94));box-shadow:inset 0 1px rgba(255,255,255,.025)}.integration-kpis small{display:block;color:#796f88;font-size:9px;letter-spacing:1.25px}.integration-kpis strong{display:block;color:#f7f2ff;font-size:25px;margin-top:8px;font-weight:600}.integration-kpis span{display:block;color:#9e95aa;font-size:10px;margin-top:3px}.integration-hub-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:16px;align-items:start}.integration-hub-main,.integration-queue-panel,.integration-catalog-section,.integration-journal-section{border:1px solid rgba(201,168,255,.10);background:rgba(12,9,20,.55);border-radius:22px;padding:18px}.integration-catalog-section,.integration-journal-section{margin-top:16px}.integration-section-head{margin-bottom:14px}.integration-section-head h3,.integration-queue-panel h3{margin:3px 0 0;font-size:17px;color:#f5efff}.integration-mini-note{font-size:9px;color:#72687e;letter-spacing:.4px}.integration-grid-v12{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.integration-card-v12{position:relative;cursor:pointer;padding:18px;border-radius:18px;min-height:205px;background:linear-gradient(145deg,rgba(29,20,45,.9),rgba(13,10,21,.96));transition:.18s ease;border:1px solid rgba(199,157,255,.11)}.integration-card-v12:hover{transform:translateY(-2px);border-color:rgba(180,117,255,.32);box-shadow:0 14px 40px rgba(62,28,99,.16)}.integration-card-top{display:flex;justify-content:space-between;align-items:center}.integration-card-v12 .integration-logo{position:static;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#7d41e1,#47206e);border:1px solid rgba(220,190,255,.22);color:white;font-size:11px;font-weight:800;letter-spacing:.2px}.integration-health{display:flex;gap:6px;align-items:center;font-size:9px;color:#9d92aa}.integration-health i{width:6px;height:6px;border-radius:50%;background:#6f6679}.integration-health.connected i{background:#7cf0be;box-shadow:0 0 12px rgba(124,240,190,.5)}.integration-health.degraded i{background:#ffc66d}.integration-card-v12 h3{font-size:16px;margin:15px 0 6px}.integration-card-v12 p{min-height:34px;font-size:10px;line-height:1.55;color:#91879e;margin:0}.integration-card-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}.integration-card-meta small{display:block;color:#655d70;font-size:7px;letter-spacing:.7px}.integration-card-meta b{display:block;color:#dcd2e8;font-size:10px;margin-top:4px}.integration-card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;color:#746b80;font-size:8px}.integration-card-foot button{border:0;background:none;color:#b887ff;font-size:9px;cursor:pointer}.integration-queue-panel{min-height:250px}.integration-queue-item{display:grid;grid-template-columns:7px 1fr auto;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.05)}.integration-queue-item>i{width:7px;height:7px;border-radius:50%;background:#8f8797}.integration-queue-item>i.retry,.integration-queue-item>i.failed{background:#ffc66d}.integration-queue-item>i.dead_letter{background:#ff7293}.integration-queue-item strong{display:block;font-size:10px;color:#ddd3e8}.integration-queue-item small{display:block;font-size:8px;color:#756b80;margin-top:3px}.integration-queue-item>span{font-size:8px;color:#9f94ac}.integration-queue-ok{display:flex;gap:10px;align-items:center;padding:20px 4px}.integration-queue-ok b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(91,227,170,.1);color:#7cf0be}.integration-queue-ok span{color:#d9d0e4;font-size:11px}.integration-queue-ok small{display:block;color:#756b80;font-size:8px;margin-top:3px}.integration-catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.connector-card{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;text-align:left;padding:12px;border-radius:15px;border:1px solid rgba(190,153,245,.10);background:rgba(24,17,37,.72);cursor:pointer;color:inherit}.connector-card:hover{border-color:rgba(184,130,255,.32);background:rgba(36,24,55,.82)}.connector-card.connected{opacity:.72}.connector-logo{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(153,89,242,.12);color:#cda7ff;font-size:9px;font-weight:800}.connector-card strong{display:block;color:#eee7f7;font-size:10px}.connector-card small{display:block;color:#746a80;font-size:7.5px;margin-top:3px}.connector-card>i{font-style:normal;color:#a969ff;font-size:15px}.integration-run-list>article{display:grid;grid-template-columns:8px minmax(180px,1fr) 85px 85px 70px 80px;gap:12px;align-items:center;min-height:52px;border-bottom:1px solid rgba(255,255,255,.05)}.run-status-dot{width:7px;height:7px;border-radius:50%;background:#7cf0be}.run-status-dot.failed{background:#ff7293}.run-main strong{display:block;font-size:10px;color:#ddd4e7}.run-main small,.integration-run-list article>div small{display:block;font-size:7px;color:#6e6578;margin-top:3px}.integration-run-list article>div b{font-size:10px;color:#d6cce2}.integration-run-list b.warn{color:#ff8fa7}.run-duration{font-size:9px;color:#83798e;text-align:right}.integration-security-note{padding:13px 14px;border-radius:14px;border:1px solid rgba(169,105,255,.15);background:rgba(169,105,255,.06)}.integration-security-note b{display:block;color:#cba5ff;font-size:10px}.integration-security-note span{display:block;color:#887d94;font-size:9px;line-height:1.5;margin-top:4px}.integration-secret-box{padding:15px;border:1px solid rgba(169,105,255,.16);border-radius:16px;background:rgba(169,105,255,.05)}.integration-secret-box small{display:block;color:#7d7289;font-size:8px;margin:12px 0 5px}.integration-secret-box small:first-child{margin-top:0}.integration-secret-box code{display:block;word-break:break-all;padding:10px;border-radius:10px;background:#0c0912;color:#d7baff;font-size:10px}.integration-secret-box p{color:#8b8195;font-size:9px;line-height:1.6}.integration-empty{grid-column:1/-1}.integration-grid-v12 .integration-card{margin:0}
@media(max-width:1100px){.integration-kpis{grid-template-columns:repeat(2,1fr)}.integration-hub-grid{grid-template-columns:1fr}.integration-catalog{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.integration-grid-v12,.integration-catalog{grid-template-columns:1fr}.integration-run-list>article{grid-template-columns:8px 1fr 70px}.integration-run-list article>div:nth-of-type(2),.integration-run-list article>div:nth-of-type(3),.integration-run-list article>div:nth-of-type(4){display:none}.integration-view-head .header-actions{width:100%;margin-top:12px}.integration-kpis{grid-template-columns:1fr 1fr}}

.integration-queue-item button{border:1px solid rgba(190,140,255,.16);background:rgba(169,105,255,.08);color:#caa4ff;border-radius:8px;padding:5px 7px;font-size:7px;cursor:pointer}.integration-mapping-list{display:grid;gap:7px}.integration-mapping-list>div{display:flex;justify-content:space-between;gap:12px;padding:9px 10px;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);font-size:9px}.integration-mapping-list span{color:#8e8499}.integration-mapping-list b{color:#d1afff;font-weight:600}

/* v1.4 · Conflict Center / controlled outbound integrations */
.integration-conflict-section{margin-top:16px;border:1px solid rgba(201,168,255,.12);background:linear-gradient(145deg,rgba(18,12,30,.88),rgba(10,8,18,.9));border-radius:22px;padding:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.integration-conflict-meta{display:flex;align-items:center;gap:10px}.integration-conflict-meta b{display:grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:10px;background:rgba(169,105,255,.13);border:1px solid rgba(190,145,255,.18);color:#d9bcff;font-size:11px}
.integration-conflict-copy{max-width:880px;margin:-3px 0 14px;color:#857a91;font-size:9px;line-height:1.6}.integration-conflict-list{display:grid;gap:9px}
.integration-change-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 14px;border:1px solid rgba(255,255,255,.055);border-radius:16px;background:rgba(255,255,255,.018);transition:.18s ease}.integration-change-row:hover{border-color:rgba(169,105,255,.2);background:rgba(169,105,255,.035)}.integration-change-row.pending{border-color:rgba(255,198,109,.13)}.integration-change-row.execution_failed{border-color:rgba(255,114,147,.18)}
.integration-change-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(126,63,228,.25),rgba(169,105,255,.08));border:1px solid rgba(186,137,255,.14);color:#c49aff;font-size:15px}
.integration-change-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.integration-change-title strong{font-size:11px;color:#eee6f7}.integration-change-main>small{display:block;margin-top:4px;color:#716778;font-size:8px}.integration-change-main p{margin:7px 0 0;color:#92879d;font-size:9px;line-height:1.45}
.integration-change-risk,.integration-change-status{display:inline-flex;align-items:center;min-height:20px;padding:0 7px;border-radius:8px;font-size:7px;letter-spacing:.35px;text-transform:uppercase}.integration-change-risk{background:rgba(255,198,109,.07);color:#ffc66d;border:1px solid rgba(255,198,109,.12)}.integration-change-risk.high,.integration-change-risk.critical{background:rgba(255,114,147,.07);color:#ff8ca5;border-color:rgba(255,114,147,.13)}.integration-change-risk.normal{color:#7cf0be;background:rgba(124,240,190,.06);border-color:rgba(124,240,190,.1)}
.integration-change-status{background:rgba(169,105,255,.07);color:#b98cff;border:1px solid rgba(169,105,255,.12)}.integration-change-status.executed{color:#7cf0be;background:rgba(124,240,190,.06);border-color:rgba(124,240,190,.1)}.integration-change-status.rejected,.integration-change-status.execution_failed{color:#ff8ca5;background:rgba(255,114,147,.06);border-color:rgba(255,114,147,.1)}
.integration-change-fields{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.integration-change-fields span{min-width:90px;padding:7px 9px;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.045)}.integration-change-fields small{display:block;color:#665d70;font-size:6.5px;letter-spacing:.45px}.integration-change-fields b{display:block;margin-top:3px;color:#d7cce2;font-size:9px;font-weight:600;word-break:break-word}
.integration-change-actions{display:flex;gap:7px;align-items:center}.integration-change-actions button{min-width:82px;height:31px;padding:0 10px;border-radius:10px;font-size:8px;font-weight:700;cursor:pointer}.integration-change-actions .approve{border:1px solid rgba(124,240,190,.16);background:rgba(124,240,190,.07);color:#8ff3c7}.integration-change-actions .reject{border:1px solid rgba(255,114,147,.14);background:rgba(255,114,147,.06);color:#ff91a9}.integration-change-actions button:hover{filter:brightness(1.15)}.integration-change-actions button:disabled{opacity:.45;cursor:wait}.integration-change-actions>span{font-size:8px;color:#777080;white-space:nowrap}
.integration-conflict-empty{display:flex;gap:10px;align-items:center;padding:16px 4px;color:#d9d0e4;font-size:10px}.integration-conflict-empty>b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(124,240,190,.08);color:#7cf0be}.integration-conflict-empty small{display:block;margin-top:3px;color:#746a7f;font-size:8px}
@media(max-width:820px){.integration-change-row{grid-template-columns:34px 1fr}.integration-change-actions{grid-column:2;justify-content:flex-start}.integration-conflict-meta .integration-mini-note{display:none}}
@media(max-width:520px){.integration-change-fields{display:grid;grid-template-columns:1fr 1fr}.integration-change-fields span{min-width:0}.integration-change-actions{display:grid;grid-template-columns:1fr 1fr}.integration-change-actions button{width:100%;min-width:0}.integration-conflict-section{padding:14px}}