:root {
  --bg: #0a0c10;
  --panel: #11141a;
  --panel-2: #161a21;
  --line: #242a34;
  --text: #f4f5f7;
  --muted: #929baa;
  --soft: #c4cad3;
  --accent: #b9f235;
  --accent-2: #7ea814;
  --danger: #ff6d65;
  --warning: #ffc857;
  --blue: #6e9cff;
  --radius: 18px;
  --shadow: 0 24px 60px rgba(0,0,0,.24);
}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--bg); color: var(--text); font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }

body::before { content: ""; position: fixed; inset: 0; pointer-events: none; background: radial-gradient(circle at 72% -20%, rgba(185,242,53,.09), transparent 36%), radial-gradient(circle at 8% 100%, rgba(74,102,195,.08), transparent 30%); }
.shell { display: grid; grid-template-columns: 248px minmax(0, 1fr); min-height: 100vh; position: relative; }
.sidebar { padding: 28px 18px 20px; border-right: 1px solid var(--line); background: rgba(10,12,16,.84); backdrop-filter: blur(20px); display: flex; flex-direction: column; position: sticky; top: 0; height: 100vh; z-index: 20; }
.brand { display: flex; gap: 12px; align-items: center; padding: 0 10px 28px; }
.brand-mark { width: 44px; height: 44px; border: 1px solid #3e4653; border-radius: 13px; display: flex; align-items: center; justify-content: center; gap: 1px; background: linear-gradient(145deg,#1b2028,#0d0f13); font-weight: 800; letter-spacing: -2px; }
.brand-mark i { width: 5px; height: 5px; background: var(--accent); border-radius: 50%; margin: 0 1px; }
.brand strong { display: block; letter-spacing: .13em; font-size: 13px; }
.brand small { color: var(--muted); display: block; margin-top: 3px; font-size: 12px; }
nav { display: grid; gap: 6px; }
.nav-item { border: 0; background: transparent; text-align: left; padding: 12px 14px; border-radius: 12px; color: var(--muted); cursor: pointer; display: flex; align-items: center; gap: 12px; transition: .18s; }
.nav-item span { width: 22px; color: #737d8c; font-size: 19px; }
.nav-item b { margin-left: auto; background: var(--danger); color: #160303; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; font-size: 11px; display: none; align-items: center; justify-content: center; }
.nav-item:hover { background: #151920; color: var(--text); }
.nav-item.active { background: var(--accent); color: #0b0e05; font-weight: 700; box-shadow: 0 10px 25px rgba(185,242,53,.12); }
.nav-item.active span { color: inherit; }
.sidebar-foot { margin-top: auto; padding: 14px 10px; display: flex; align-items: center; gap: 10px; border-top: 1px solid var(--line); }
.sidebar-foot span,.sidebar-foot small { display: block; }
.sidebar-foot span { font-size: 12px; color: var(--soft); }
.sidebar-foot small { font-size: 10px; color: var(--muted); margin-top: 2px; }
.health-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 4px rgba(185,242,53,.1); }

.main { min-width: 0; padding: 0 32px 48px; }
.topbar { height: 116px; display: flex; align-items: center; justify-content: space-between; position: sticky; top: 0; z-index: 10; background: linear-gradient(var(--bg) 72%, transparent); }
.topbar h1 { font-size: 28px; margin: 3px 0 0; letter-spacing: -.035em; }
.eyebrow { font-size: 10px; font-weight: 800; letter-spacing: .17em; color: var(--accent); margin: 0; }
.top-actions { display: flex; align-items: center; gap: 12px; }
.sync-pill { border: 1px solid var(--line); background: var(--panel); padding: 9px 12px; border-radius: 999px; display: flex; gap: 8px; align-items: center; color: var(--muted); font-size: 12px; }
.sync-pill i { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); }
.sync-pill.running i { background: var(--warning); animation: pulse 1s infinite; }
.sync-pill.failed i { background: var(--danger); }
@keyframes pulse { 50% { opacity: .25; } }
.button { border-radius: 11px; border: 1px solid transparent; padding: 10px 15px; cursor: pointer; display: inline-flex; justify-content: center; align-items: center; transition: .18s; white-space: nowrap; }
.button.primary { background: var(--accent); color: #0b0e05; font-weight: 750; }
.button.primary:hover { background: #cafc52; transform: translateY(-1px); }
.button.secondary { background: var(--panel-2); border-color: var(--line); color: var(--soft); }
.button.secondary:hover { color: var(--text); border-color: #3b4350; }
.button.wide { width: 100%; }
.text-button { border: 0; background: transparent; padding: 5px; color: var(--accent); cursor: pointer; font-size: 13px; }
.icon-button { border: 0; background: transparent; cursor: pointer; }
.mobile-only { display: none; }

.view { display: none; animation: enter .18s ease-out; }
.view.active { display: block; }
@keyframes enter { from { opacity: 0; transform: translateY(5px); } }
.panel { border: 1px solid var(--line); background: linear-gradient(145deg,rgba(19,23,29,.98),rgba(14,17,22,.98)); border-radius: var(--radius); box-shadow: var(--shadow); }
.callout { border: 1px solid rgba(185,242,53,.26); background: rgba(185,242,53,.075); border-radius: var(--radius); padding: 20px 22px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.callout strong { font-size: 17px; }
.callout p { margin: 5px 0 0; color: var(--muted); font-size: 13px; }
.hidden { display: none !important; }

.metric-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.metric { position: relative; overflow: hidden; min-height: 138px; padding: 21px; border: 1px solid var(--line); background: var(--panel); border-radius: 16px; }
.metric::after { content:""; position:absolute; width:80px; height:80px; border-radius:50%; right:-35px; top:-35px; background:rgba(255,255,255,.025); }
.metric span,.metric small { display: block; color: var(--muted); }
.metric span { font-size: 12px; }
.metric strong { display: block; margin: 12px 0 5px; font-size: 36px; letter-spacing: -.05em; }
.metric small { font-size: 11px; }
.metric.accent { border-color: rgba(185,242,53,.25); }
.metric.accent strong { color: var(--accent); }
.metric.danger strong { color: var(--danger); }
.dashboard-grid { display: grid; grid-template-columns: minmax(0,1.75fr) minmax(280px,.75fr); gap: 16px; margin-top: 16px; }
.leads-panel { min-height: 440px; padding: 22px; }
.coverage-panel { padding: 24px; text-align: center; }
.panel-head { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 18px; }
.panel h2 { font-size: 18px; letter-spacing: -.025em; margin: 5px 0 0; }
.lead-list { display: grid; gap: 8px; }
.lead-row { display: grid; grid-template-columns: 42px minmax(0,1fr) auto; gap: 12px; align-items: center; padding: 13px; border-radius: 13px; background: #151920; border: 1px solid transparent; cursor: pointer; }
.lead-row:hover { border-color: #353c48; }
.avatar { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; background: #222935; color: var(--accent); font-weight: 800; }
.avatar.has-image { overflow:hidden; padding:0; }
.avatar.has-image img { width:100%; height:100%; object-fit:cover; }
.lead-main { min-width: 0; }
.lead-main strong,.lead-main span,.lead-main small { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.lead-main strong { font-size: 13px; }
.lead-main span { font-size: 12px; color: var(--soft); margin-top: 4px; }
.lead-main small { font-size: 10px; color: var(--muted); margin-top: 4px; }
.lead-age { text-align: right; }
.lead-age b { color: var(--danger); font-size: 11px; display:block; }
.lead-age small { color: var(--muted); }
.coverage-ring { width: 138px; height: 138px; margin: 29px auto 19px; border-radius: 50%; display: grid; place-content: center; background: radial-gradient(circle,#11151b 58%,transparent 59%), conic-gradient(var(--accent) 0 18%,#242a34 18%); box-shadow: inset 0 0 20px rgba(185,242,53,.07); }
.coverage-ring.success { background: radial-gradient(circle,#11151b 58%,transparent 59%), conic-gradient(var(--accent) 0 100%,#242a34 100%); }
.coverage-ring span { font-size: 22px; font-weight: 800; }
.coverage-ring small { color: var(--muted); font-size: 10px; margin-top: 2px; }
.coverage-panel > p:not(.eyebrow) { color: var(--muted); font-size: 12px; line-height: 1.6; }
.divider { height: 1px; background: var(--line); margin: 20px 0; }
.mini-stat { display:flex; align-items:center; justify-content:space-between; padding:7px 0; color:var(--muted); font-size:12px; }
.mini-stat strong { color: var(--text); font-size: 15px; }

.inbox-layout { display: grid; grid-template-columns: minmax(330px,.78fr) minmax(500px,1.4fr); gap: 14px; height: calc(100vh - 150px); min-height: 590px; }
.inbox-list-panel,.conversation-panel { overflow: hidden; }
.inbox-list-panel { display:flex; flex-direction:column; }
.inbox-tools { padding: 12px 12px 8px; display: grid; grid-template-columns:minmax(150px,1fr) repeat(3,minmax(105px,auto)); gap: 6px; }
.search { background: #0d1015; border: 1px solid var(--line); border-radius: 11px; display:flex; align-items:center; gap:7px; padding:0 11px; flex:1; }
.search span { color:var(--muted); font-size:18px; }
.search input { min-width:0; width:100%; border:0; outline:0; background:transparent; color:var(--text); padding:10px 0; }
select,input,textarea { color: var(--text); background: #0e1116; border: 1px solid var(--line); border-radius: 10px; padding: 10px 11px; outline: none; }
select:focus,input:focus,textarea:focus { border-color: #58616e; box-shadow: 0 0 0 3px rgba(185,242,53,.05); }
.inbox-tools select { max-width:135px; padding:8px 25px 8px 8px; font-size:9px; }
.quick-filters { padding: 0 16px 11px; display:flex; gap:6px; border-bottom:1px solid var(--line); }
.chip { border:1px solid var(--line); background:transparent; color:var(--muted); border-radius:999px; padding:5px 10px; font-size:10px; cursor:pointer; }
.chip.active { color:#0b0e05; background:var(--accent); border-color:var(--accent); font-weight:700; }
.chat-list { overflow-y:auto; flex:1; }
.chat-row { padding:14px 16px; border-bottom:1px solid #1e232c; cursor:pointer; display:grid; grid-template-columns:40px minmax(0,1fr) auto; gap:11px; }
.chat-row:hover,.chat-row.active { background:#181d25; }
.chat-row.active { box-shadow:inset 3px 0 var(--accent); }
.chat-row .avatar { width:40px; height:40px; }
.chat-copy { min-width:0; }
.chat-copy strong,.chat-copy span,.chat-copy small { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; }
.chat-copy strong { font-size:12px; }
.chat-copy span { color:var(--soft); font-size:11px; margin-top:4px; }
.chat-copy small { color:var(--muted); font-size:10px; margin-top:4px; }
.chat-meta { text-align:right; }
.chat-meta time { color:var(--muted); font-size:9px; display:block; }
.waiting-dot { display:inline-block; margin-top:9px; width:7px; height:7px; border-radius:50%; background:var(--danger); }
.conversation-panel { display:flex; flex-direction:column; }
.empty-state { margin:auto; text-align:center; color:var(--muted); max-width:320px; }
.empty-state h2 { color:var(--text); }
.empty-state p { line-height:1.55; font-size:12px; }
.empty-icon { width:60px; height:60px; border-radius:20px; border:1px solid var(--line); display:grid; place-items:center; margin:auto; font-size:28px; color:var(--accent); }
.conversation-head { border-bottom:1px solid var(--line); padding:15px 18px; display:flex; justify-content:space-between; gap:15px; align-items:center; }
.conversation-head strong,.conversation-head small { display:block; }
.conversation-head small { color:var(--muted); margin-top:4px; font-size:10px; }
.conversation-head a { color:var(--accent); font-size:11px; }
.conversation-body { display:grid; grid-template-columns:minmax(0,1fr) 255px; min-height:0; flex:1; }
.messages { overflow-y:auto; padding:18px; display:flex; flex-direction:column; gap:9px; }
.message { max-width:78%; padding:10px 12px; border-radius:13px; font-size:12px; line-height:1.48; background:#1d232c; align-self:flex-start; }
.message.out { align-self:flex-end; background:#283615; border:1px solid rgba(185,242,53,.12); }
.message time { display:block; color:var(--muted); margin-top:5px; font-size:8px; text-align:right; }
.lead-editor { border-left:1px solid var(--line); padding:16px; overflow-y:auto; background:#0e1116; }
.lead-editor .eyebrow { margin-bottom:12px; }
.lead-editor label,.connect-panel label,.task-form-panel label { display:grid; gap:6px; color:var(--muted); font-size:10px; margin-bottom:12px; }
.lead-editor select,.lead-editor input,.lead-editor textarea { width:100%; font-size:11px; }
.lead-editor textarea { resize:vertical; }
.status-line { display:flex; justify-content:space-between; font-size:10px; color:var(--muted); margin:10px 0; }
.save-state { color:var(--accent); min-height:14px; font-size:10px; }

.report-toolbar { display:flex; justify-content:space-between; align-items:center; margin-bottom:14px; }
.report-toolbar p { margin:0 0 5px; font-size:13px; }
.report-toolbar small { color:var(--muted); }
.table-panel { overflow:hidden; }
.table-wrap { overflow:auto; }
table { width:100%; border-collapse:collapse; font-size:11px; }
th { text-align:left; color:var(--muted); font-size:9px; text-transform:uppercase; letter-spacing:.08em; padding:14px 16px; border-bottom:1px solid var(--line); white-space:nowrap; }
td { padding:14px 16px; border-bottom:1px solid #1e232b; color:var(--soft); }
td strong { color:var(--text); display:block; max-width:300px; }
td small { color:var(--muted); display:block; margin-top:4px; }
.good { color:var(--accent); }
.bad { color:var(--danger); }

.tasks-grid,.settings-grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(280px,.7fr); gap:16px; }
.tasks-grid > .panel,.settings-grid > .panel { padding:22px; }
.tasks-list { display:grid; gap:8px; }
.task-row { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; padding:13px; border:1px solid var(--line); background:#151920; border-radius:12px; }
.task-row.done { opacity:.52; }
.task-row input { accent-color:var(--accent); }
.task-row strong,.task-row small { display:block; }
.task-row strong { font-size:12px; }
.task-row small { color:var(--muted); font-size:10px; margin-top:4px; }
.task-row time { font-size:10px; color:var(--muted); }
.task-row.overdue time { color:var(--danger); }
.task-form-panel textarea,.task-form-panel input { width:100%; resize:vertical; }
.muted { color:var(--muted); font-size:12px; line-height:1.6; }
.connect-panel form { max-width:580px; margin-top:24px; }
.connect-panel input { width:100%; }
.form-actions { display:flex; gap:8px; }
.account-card { margin-top:22px; border:1px solid rgba(185,242,53,.2); background:rgba(185,242,53,.06); border-radius:13px; padding:15px; }
.account-card strong,.account-card span { display:block; }
.account-card span { color:var(--muted); font-size:11px; margin-top:5px; }
.import-list { padding:0; margin:21px 0; list-style:none; counter-reset:steps; display:grid; gap:15px; }
.import-list li { position:relative; padding-left:35px; counter-increment:steps; }
.import-list li::before { content:counter(steps); position:absolute; left:0; top:0; width:24px; height:24px; display:grid; place-items:center; border-radius:8px; background:#242b35; color:var(--accent); font-size:10px; font-weight:800; }
.import-list b,.import-list span { display:block; }
.import-list b { font-size:11px; }
.import-list span { font-size:10px; color:var(--muted); margin-top:4px; line-height:1.45; }
.import-progress { margin-top:16px; text-align:center; }
.import-progress strong,.import-progress span { display:block; }
.import-progress strong { font-size:11px; margin-top:10px; }
.import-progress span { color:var(--muted); font-size:10px; margin-top:4px; }
.progress-track { height:5px; border-radius:3px; overflow:hidden; background:#232833; }
.progress-track i { display:block; width:32%; height:100%; background:var(--accent); border-radius:3px; animation:indeterminate 1.4s infinite ease-in-out; }
@keyframes indeterminate { 0% { transform:translateX(-110%); } 100% { transform:translateX(320%); } }
.data-panel { margin-top:16px; padding:20px 22px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.data-panel h2 { margin:5px 0; }
.data-panel p:last-child { margin:0; }
.export-actions { display:flex; gap:8px; }
.loading-block { color:var(--muted); font-size:12px; padding:20px; }
.empty-list { color:var(--muted); padding:35px 10px; text-align:center; font-size:12px; }
.toast { position:fixed; right:24px; bottom:24px; z-index:100; padding:12px 15px; border-radius:11px; background:#222831; border:1px solid #3a4350; color:var(--text); font-size:12px; transform:translateY(20px); opacity:0; pointer-events:none; transition:.2s; max-width:360px; box-shadow:var(--shadow); }
.toast.show { transform:none; opacity:1; }
.toast.error { border-color:rgba(255,109,101,.45); }

@media (max-width: 1050px) {
  .shell { grid-template-columns: 205px minmax(0,1fr); }
  .sidebar { padding-left:12px; padding-right:12px; }
  .main { padding-left:20px; padding-right:20px; }
  .metric-grid { grid-template-columns:repeat(2,1fr); }
  .conversation-body { grid-template-columns:minmax(0,1fr) 220px; }
}
@media (max-width: 800px) {
  .shell { display:block; }
  .sidebar { position:fixed; left:-260px; width:240px; transition:.2s; }
  .sidebar.open { left:0; box-shadow:20px 0 50px rgba(0,0,0,.5); }
  .main { padding:0 14px 30px; }
  .mobile-only { display:inline-block; margin-right:8px; }
  .topbar { height:94px; }
  .topbar > div:first-child { display:flex; align-items:center; }
  .topbar .eyebrow { display:none; }
  .topbar h1 { font-size:22px; }
  .sync-pill { display:none; }
  .dashboard-grid,.settings-grid,.tasks-grid { grid-template-columns:1fr; }
  .inbox-layout { grid-template-columns:1fr; height:auto; }
  .inbox-list-panel { height:70vh; }
  .conversation-panel { min-height:70vh; display:none; }
  .conversation-panel.mobile-open { display:flex; position:fixed; inset:0; z-index:40; border-radius:0; }
  .conversation-body { grid-template-columns:1fr; }
  .lead-editor { border-left:0; border-top:1px solid var(--line); }
  .messages { min-height:42vh; max-height:52vh; }
  .data-panel,.callout,.report-toolbar { align-items:flex-start; flex-direction:column; }
  .export-actions { width:100%; flex-direction:column; }
}
@media (max-width: 520px) {
  .metric-grid { grid-template-columns:1fr 1fr; gap:8px; }
  .metric { padding:15px; min-height:118px; }
  .metric strong { font-size:28px; }
  .top-actions .button { padding:9px 11px; font-size:11px; }
  .inbox-tools { flex-direction:column; }
  .inbox-tools select { max-width:none; }
  .form-actions { flex-direction:column; }
}

/* 0.3.x interactive operations, CRM, analytics, diagnostics and updates */
.brand small b { color:var(--accent); font-weight:650; margin-left:5px; }
.sidebar-foot { width:100%; border-left:0; border-right:0; border-bottom:0; background:transparent; color:inherit; text-align:left; cursor:pointer; }
.health-dot.running { background:var(--warning); animation:pulse 1s infinite; }
.health-dot.failed { background:var(--danger); box-shadow:0 0 0 4px rgba(255,109,101,.1); }
.sync-pill { cursor:pointer; }
.sync-pill.warning i { background:var(--warning); }
.button:disabled { opacity:.48; cursor:not-allowed; transform:none !important; }
.persistent-alert { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; padding:15px 18px; border-radius:14px; margin-bottom:16px; border:1px solid rgba(255,200,87,.28); background:rgba(255,200,87,.07); }
.persistent-alert.error { border-color:rgba(255,109,101,.35); background:rgba(255,109,101,.07); }
.persistent-alert strong { font-size:13px; }
.persistent-alert p { margin:5px 0 0; color:var(--soft); font-size:11px; line-height:1.5; max-width:900px; }
.filter-banner { display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; padding:9px 13px; border:1px solid rgba(185,242,53,.22); background:rgba(185,242,53,.06); border-radius:11px; color:var(--soft); font-size:11px; }
.chat-subtools { display:block; border-bottom:1px solid var(--line); padding:0 12px 9px; }
.chat-subtools .quick-filters { padding:0; border:0; }
.chat-subtools select { padding:6px 9px; font-size:10px; max-width:145px; }
.list-counter { display:flex; justify-content:space-between; padding:8px 16px; color:var(--muted); font-size:9px; border-bottom:1px solid #1c222a; }
.pagination { display:flex; align-items:center; justify-content:center; gap:12px; padding:9px; border-top:1px solid var(--line); }
.pagination .button { padding:5px 11px; }
.pagination span { color:var(--muted); font-size:10px; min-width:60px; text-align:center; }
.conversation-center { min-width:0; display:flex; flex-direction:column; overflow:hidden; }
.reply-box { border-top:1px solid var(--line); padding:10px 13px; background:#0e1116; }
.reply-box textarea { width:100%; resize:vertical; min-height:72px; max-height:360px; font-size:11px; }
.reply-box > div { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:7px; }
.reply-box span { color:var(--muted); font-size:9px; line-height:1.35; }
.reply-box .button { padding:8px 12px; font-size:11px; }

.kanban-board { display:grid; grid-template-columns:repeat(6,minmax(230px,1fr)); gap:11px; overflow-x:auto; padding-bottom:14px; min-height:calc(100vh - 180px); }
.kanban-column { border:1px solid var(--line); background:rgba(17,20,26,.82); border-radius:15px; min-height:520px; overflow:hidden; transition:.16s; }
.kanban-column.dragover { border-color:var(--accent); background:rgba(185,242,53,.045); }
.kanban-column > header { display:flex; align-items:center; justify-content:space-between; padding:13px; border-bottom:1px solid var(--line); font-size:11px; font-weight:750; }
.kanban-column > header b { display:grid; place-content:center; min-width:22px; height:22px; padding:0 6px; border-radius:8px; color:var(--accent); background:#242b35; font-size:10px; }
.kanban-cards { padding:9px; display:grid; align-content:start; gap:8px; min-height:470px; }
.kanban-card { border:1px solid #29303a; background:#171c23; padding:11px; border-radius:11px; cursor:grab; box-shadow:0 8px 20px rgba(0,0,0,.12); }
.kanban-card:hover { border-color:#3d4653; }
.kanban-card.dragging { opacity:.35; }
.kanban-card > div { display:flex; justify-content:space-between; gap:8px; }
.kanban-card strong { font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.kanban-card p { color:var(--soft); font-size:10px; line-height:1.45; margin:9px 0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.kanban-card small { color:var(--muted); font-size:8px; line-height:1.4; }
.priority { font-size:7px; color:var(--muted); text-transform:uppercase; }
.priority.high,.priority.urgent { color:var(--danger); }

.toolbar-fields { display:flex; gap:8px; align-items:center; }
.report-search { min-width:260px; }
.report-search input { padding:7px 0; }
.report-summary { display:flex; gap:18px; color:var(--muted); font-size:10px; margin:-5px 0 10px 3px; }
.table-link { border:0; background:transparent; color:var(--accent); padding:3px; cursor:pointer; font-weight:750; }
.sort-head { border:0; background:transparent; color:inherit; font:inherit; text-transform:inherit; letter-spacing:inherit; padding:0 14px 0 0; cursor:pointer; white-space:nowrap; position:relative; }
.sort-head::after { content:'↕'; position:absolute; right:0; color:#56606d; }
.sort-head.active { color:var(--accent); }
.sort-head.active::after { content:attr(data-direction); font-size:0; }
.sort-head.active[data-direction="asc"]::after { content:'↑'; font-size:10px; }
.sort-head.active[data-direction="desc"]::after { content:'↓'; font-size:10px; }
.item-link { color:var(--text); text-decoration:none; }
.item-link:hover { color:var(--accent); }
.analytics-panel { margin-bottom:14px; padding:20px; }
.analytics-head { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; }
.analytics-head h2 { margin:4px 0 5px; }
.analytics-head small { color:var(--muted); font-size:9px; }
.report-chart { position:relative; margin-top:15px; min-height:300px; border:1px solid var(--line); border-radius:13px; background:linear-gradient(180deg,#11171e,#0e1217); padding:10px; overflow:hidden; }
.report-chart svg { display:block; width:100%; height:280px; overflow:visible; }
.report-chart text { fill:#76818f; font-size:9px; }
.chart-grid { stroke:#252d37; stroke-width:1; }
.chart-line { fill:none; stroke:var(--accent); stroke-width:3; stroke-linejoin:round; stroke-linecap:round; filter:drop-shadow(0 0 7px rgba(185,242,53,.2)); }
.chart-point { fill:#0f141a; stroke:var(--accent); stroke-width:2; }
.chart-total { position:absolute; right:25px; top:20px; z-index:2; display:grid; text-align:right; }
.chart-total span { color:var(--muted); font-size:9px; }
.chart-total strong { color:var(--accent); font-size:25px; margin-top:3px; }
.passive-read { margin:8px 13px 0; padding:8px 10px; border:1px solid rgba(185,242,53,.18); border-radius:9px; background:rgba(185,242,53,.045); color:var(--soft); font-size:9px; line-height:1.4; }
.conversation-head > div:last-child { display:flex; align-items:center; gap:12px; }

.diagnostic-actions { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:15px; }
.diagnostic-actions p { margin:0 0 5px; font-size:13px; }
.diagnostic-actions small { color:var(--muted); }
.diagnostic-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:14px; }
.metric .small-value { font-size:22px; margin-top:21px; }
.diagnostic-panel { padding:20px; margin-bottom:14px; }
.diagnostic-panel .panel-head select { max-width:300px; }
.step-list { display:grid; gap:7px; }
.step-row { display:grid; grid-template-columns:27px minmax(0,1fr) auto; gap:10px; align-items:center; padding:10px 11px; border:1px solid var(--line); border-radius:11px; background:#141920; }
.step-row > i { width:25px; height:25px; display:grid; place-content:center; border-radius:8px; background:#242b35; color:var(--muted); font-style:normal; font-weight:800; font-size:10px; }
.step-row.success > i { color:var(--accent); background:rgba(185,242,53,.1); }
.step-row.warning > i { color:var(--warning); background:rgba(255,200,87,.1); }
.step-row.failed > i { color:var(--danger); background:rgba(255,109,101,.1); }
.step-row strong,.step-row span { display:block; }
.step-row strong { font-size:11px; }
.step-row span { color:var(--muted); font-size:9px; margin-top:3px; line-height:1.4; }
.step-row > b { color:var(--muted); font-size:10px; }
.request-table { max-height:520px; }
.request-table code { display:block; max-width:520px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--soft); font-size:9px; }
.request-table .bad { display:block; max-width:300px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.request-error { background:rgba(255,109,101,.035); }

.sheets-panel { margin-top:16px; padding:22px; display:grid; grid-template-columns:minmax(250px,.65fr) minmax(420px,1.35fr); gap:30px; }
.sheets-panel form { display:grid; grid-template-columns:1fr 250px; gap:10px; align-items:end; }
.sheets-panel label { display:grid; gap:6px; color:var(--muted); font-size:10px; }
.sheets-panel input { width:100%; }
.sheets-panel .form-actions { grid-column:1/-1; }
.sheets-panel small { color:var(--muted); grid-column:1/-1; }
.update-panel { margin-top:16px; padding:22px; display:grid; grid-template-columns:minmax(250px,.8fr) minmax(360px,1.2fr); gap:30px; align-items:center; }
.update-panel form { display:grid; gap:12px; }
.update-panel label { display:grid; gap:7px; color:var(--muted); font-size:10px; }
.update-panel input[type="file"] { width:100%; border:1px dashed #3b4654; padding:12px; border-radius:10px; background:#11161c; color:var(--soft); }
.update-panel small { color:var(--muted); line-height:1.45; }
.operation-link { margin-top:9px; }

.drawer-backdrop { position:fixed; inset:0; z-index:70; background:rgba(0,0,0,.48); backdrop-filter:blur(3px); }
.operation-drawer { position:fixed; right:-560px; top:0; bottom:0; z-index:80; width:min(540px,100vw); padding:24px; border-left:1px solid var(--line); background:#0c0f13; box-shadow:-30px 0 70px rgba(0,0,0,.45); transition:right .25s ease; overflow-y:auto; }
.operation-drawer.open { right:0; }
.drawer-head { display:flex; justify-content:space-between; align-items:flex-start; }
.drawer-head h2 { margin:5px 0 0; font-size:22px; }
.drawer-head .icon-button { font-size:20px; color:var(--muted); }
.operation-progress { margin:25px 0 16px; }
.operation-progress > div:first-child { display:flex; justify-content:space-between; align-items:end; margin-bottom:10px; }
.operation-progress strong { font-size:30px; color:var(--accent); }
.operation-progress span { color:var(--soft); font-size:11px; max-width:310px; text-align:right; }
.operation-progress .progress-track { height:9px; }
#operation-bar { width:0; animation:none; transform:none; transition:width .3s; }
.operation-counters { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; margin-bottom:16px; }
.operation-counters > div { padding:10px; border:1px solid var(--line); background:#141920; border-radius:10px; }
.operation-counters span,.operation-counters strong { display:block; }
.operation-counters span { color:var(--muted); font-size:8px; }
.operation-counters strong { margin-top:5px; font-size:16px; }
.operation-error { margin:14px 0; padding:13px; border-radius:11px; border:1px solid rgba(255,200,87,.3); background:rgba(255,200,87,.07); }
.operation-error.error { border-color:rgba(255,109,101,.35); background:rgba(255,109,101,.07); }
.operation-error strong { font-size:11px; }
.operation-error p { color:var(--soft); font-size:9px; line-height:1.55; max-height:210px; overflow:auto; }

@media (max-width: 1200px) {
  .kanban-board { grid-template-columns:repeat(6,230px); }
  .toolbar-fields { flex-wrap:wrap; justify-content:flex-end; }
  .report-search { min-width:210px; }
}
@media (max-width: 800px) {
  .persistent-alert,.diagnostic-actions { flex-direction:column; }
  .chat-subtools { align-items:flex-start; flex-direction:column; }
  .conversation-center { min-height:62vh; }
  .conversation-body { overflow-y:auto; }
  .messages { overflow:visible; }
  .kanban-board { grid-template-columns:repeat(6,215px); }
  .diagnostic-metrics { grid-template-columns:1fr 1fr; }
  .toolbar-fields { width:100%; justify-content:stretch; }
  .toolbar-fields > * { flex:1; min-width:140px; }
  .sheets-panel { grid-template-columns:1fr; }
  .update-panel { grid-template-columns:1fr; }
  .analytics-head { flex-direction:column; }
  .sheets-panel form { grid-template-columns:1fr; }
  .sheets-panel .form-actions,.sheets-panel small { grid-column:auto; }
}
@media (max-width: 520px) {
  .diagnostic-metrics { grid-template-columns:1fr 1fr; }
  .operation-drawer { padding:18px; }
  .operation-counters { grid-template-columns:1fr 1fr; }
  .reply-box > div { align-items:stretch; flex-direction:column; }
}

/* 0.4.0 — рабочая очередь, полный диалог, заказы и каталог */
.nav-item em { font-style:normal; }
.brand { position:relative; }
.sidebar-toggle { position:absolute; right:-31px; top:5px; z-index:3; width:25px; height:34px; border:1px solid var(--line); border-left:0; border-radius:0 9px 9px 0; background:#11151b; color:var(--muted); cursor:pointer; }
.shell { transition:grid-template-columns .2s ease; }
.shell.nav-collapsed { grid-template-columns:78px minmax(0,1fr); }
.nav-collapsed .sidebar { padding-left:10px; padding-right:10px; }
.nav-collapsed .brand { padding-left:7px; padding-right:7px; justify-content:center; }
.nav-collapsed .brand > div:nth-child(2),.nav-collapsed .nav-item em,.nav-collapsed .sidebar-foot > div:last-child { display:none; }
.nav-collapsed .brand-mark { width:42px; flex:none; }
.nav-collapsed .nav-item { justify-content:center; padding-left:8px; padding-right:8px; }
.nav-collapsed .nav-item span { width:auto; }
.nav-collapsed .nav-item b { position:absolute; transform:translate(15px,-13px); min-width:17px; height:17px; font-size:8px; padding:0 4px; }
.nav-collapsed .sidebar-foot { justify-content:center; }
.desktop-only { display:inline-flex; }
.mini-icon { width:27px; height:27px; display:inline-grid; place-items:center; border:1px solid var(--line); border-radius:8px; background:#151a21; color:var(--muted); cursor:pointer; padding:0; }
.mini-icon:hover { color:var(--text); border-color:#46505d; }
.list-counter > span:last-child { display:flex; align-items:center; gap:8px; }
.inbox-layout { transition:grid-template-columns .2s ease; }
.inbox-layout.list-collapsed { grid-template-columns:minmax(0,1fr); }
.inbox-layout.list-collapsed .inbox-list-panel { display:none; }
.queue-filters { max-width:100%; }
.chat-subtools { min-width:0; }
.chat-subtools .queue-filters { min-width:0; display:flex; flex-wrap:wrap; gap:5px; }
.chat-subtools .queue-filters .chip { flex:1 0 auto; padding:5px 7px; }

.lead-row.rich { grid-template-columns:42px minmax(0,1fr) minmax(220px,auto); }
.lead-controls { display:flex; align-items:center; justify-content:flex-end; gap:9px; }
.lead-controls > select,.chat-copy > select { padding:7px 28px 7px 9px; font-size:10px; min-width:145px; }
.chat-copy > select { margin-top:7px; width:100%; max-width:180px; }
.action-menu { position:relative; }
.action-menu > summary { list-style:none; width:29px; height:29px; display:grid; place-items:center; border:1px solid var(--line); border-radius:8px; color:var(--muted); cursor:pointer; font-size:10px; }
.action-menu > summary::-webkit-details-marker { display:none; }
.action-menu[open] > summary { color:var(--accent); border-color:rgba(185,242,53,.35); }
.action-menu > div { position:absolute; z-index:30; right:0; top:34px; min-width:190px; padding:6px; border:1px solid #333b47; border-radius:11px; background:#151a21; box-shadow:0 18px 45px rgba(0,0,0,.5); }
.action-menu button { display:block; width:100%; padding:9px 10px; border:0; border-radius:7px; background:transparent; color:var(--soft); text-align:left; font-size:10px; cursor:pointer; }
.action-menu button:hover { background:#222832; color:var(--text); }
.danger-action { color:var(--danger) !important; }

/* 0.5.0 — проверяемый дашборд и настраиваемая воронка */
.dashboard-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:13px; }
.dashboard-toolbar strong,.dashboard-toolbar small { display:block; }
.dashboard-toolbar strong { font-size:14px; }
.dashboard-toolbar small { color:var(--muted); font-size:10px; margin-top:4px; }
.dashboard-toolbar small.fresh { color:var(--accent); }
.dashboard-toolbar small.stale { color:var(--warning); }
.dashboard-toolbar small.old { color:var(--danger); }
.dashboard-toolbar label { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:10px; }
.dashboard-toolbar select { padding:8px 30px 8px 10px; }
.dashboard-metrics { grid-template-columns:repeat(6,minmax(0,1fr)); }
.dashboard-metrics .metric { min-height:122px; padding:17px; }
.dashboard-metrics .metric strong { font-size:30px; }
.leads-panel .panel-head small,.top-items-panel .panel-head small,.kanban-config .panel-head small { display:block; color:var(--muted); font-size:10px; margin-top:5px; }
.waiting-buckets { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:7px; margin-bottom:14px; }
.waiting-buckets button { border:1px solid var(--line); background:#12171e; color:var(--muted); border-radius:10px; padding:9px; text-align:left; cursor:pointer; }
.waiting-buckets button:hover { border-color:#3b4552; }
.waiting-buckets span,.waiting-buckets strong { display:block; }
.waiting-buckets span { font-size:9px; }
.waiting-buckets strong { color:var(--text); font-size:16px; margin-top:4px; }
.top-items-panel { margin-top:16px; padding:22px; }
.workflow-panel { margin-top:16px; padding:22px; }
.top-items { display:grid; gap:7px; max-height:430px; overflow-y:auto; }
.top-item { display:grid; grid-template-columns:30px 45px minmax(220px,1fr) repeat(3,minmax(70px,.2fr)); align-items:center; gap:12px; padding:10px 12px; border:1px solid #202630; background:#141920; border-radius:12px; }
.top-rank { width:25px; height:25px; display:grid; place-items:center; border-radius:8px; background:#242b35; color:var(--accent); font-size:10px; font-weight:800; }
.top-item img,.item-placeholder { width:45px; height:38px; object-fit:cover; border-radius:8px; background:#232a34; }
.item-placeholder { display:grid; place-items:center; color:var(--muted); font-size:9px; }
.top-item-copy { min-width:0; }
.top-item-copy a,.top-item-copy small { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.top-item-copy strong { display:inline; font-size:11px; }
.top-item-copy small,.top-item > div:not(.top-rank):not(.item-placeholder):not(.top-item-copy) span { color:var(--muted); font-size:9px; margin-top:4px; }
.top-item > div:not(.top-rank):not(.item-placeholder):not(.top-item-copy) span,.top-item > div:not(.top-rank):not(.item-placeholder):not(.top-item-copy) b { display:block; }
.top-item > div:not(.top-rank):not(.item-placeholder):not(.top-item-copy) b { font-size:12px; margin-top:3px; }
.kanban-actions { display:flex; align-items:center; gap:12px; }
.kanban-config { padding:20px; margin-bottom:14px; }
#kanban-stage-list { display:grid; gap:7px; }
.kanban-stage-row { display:grid; grid-template-columns:minmax(180px,1fr) 48px minmax(140px,.5fr) auto; gap:8px; align-items:center; }
.kanban-stage-row input { width:100%; }
.kanban-stage-row input[type=color] { padding:3px; height:39px; }
.kanban-stage-row span { color:var(--muted); font-size:9px; }
#kanban-stage-form { display:grid; grid-template-columns:minmax(180px,1fr) 48px auto; gap:8px; margin-top:12px; padding-top:12px; border-top:1px solid var(--line); }
#kanban-stage-form input[type=color] { padding:3px; height:39px; }
.kanban-column > header { box-shadow:inset 0 3px var(--stage-color,#b5ff22); }
.kanban-card em { display:block; margin-top:8px; padding-top:7px; border-top:1px solid var(--line); color:var(--accent); font-style:normal; font-size:9px; }

@media (max-width: 1450px) { .dashboard-metrics { grid-template-columns:repeat(3,1fr); } }
@media (max-width: 900px) { .waiting-buckets { grid-template-columns:repeat(2,1fr); } .top-item { grid-template-columns:30px 42px minmax(180px,1fr) repeat(2,70px); } .top-item > div:last-child { display:none; } }
@media (max-width: 650px) { .dashboard-toolbar { align-items:flex-start; flex-direction:column; } .dashboard-metrics { grid-template-columns:repeat(2,1fr); } .top-item { grid-template-columns:26px 40px minmax(0,1fr); } .top-item > div:not(.top-rank):not(.item-placeholder):not(.top-item-copy) { display:none; } .kanban-stage-row { grid-template-columns:1fr 48px; } .kanban-stage-row span { display:none; } .kanban-stage-row button { grid-column:1/-1; } }
.release-result { position:fixed; inset:0; z-index:120; display:grid; place-items:center; padding:20px; background:rgba(3,5,8,.78); backdrop-filter:blur(8px); }
.release-result > div { width:min(480px,100%); padding:25px; border:1px solid rgba(185,242,53,.3); border-radius:18px; background:#12161c; box-shadow:0 30px 90px rgba(0,0,0,.6); }
.release-result h2 { margin:7px 0 10px; }
.release-result p:not(.eyebrow) { color:var(--soft); font-size:12px; line-height:1.6; }
.release-result-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:20px; }
.chat-row { overflow:visible; }
.chat-meta .action-menu { margin-top:7px; display:inline-block; }
.chat-meta .action-menu > div { z-index:35; }

.conversation-head { min-height:66px; }
.conversation-title { min-width:0; flex:1; }
.conversation-title strong,.conversation-title small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.conversation-links { display:flex; align-items:center; gap:10px; }
.conversation-links .action-menu > div { top:35px; }
.compact-button { padding:7px 10px; font-size:9px; }
.workspace-actions { min-height:42px; padding:6px 12px; display:flex; gap:6px; align-items:center; overflow-x:auto; border-bottom:1px solid var(--line); background:#11151b; }
.workspace-actions > button { border:1px solid var(--line); border-radius:8px; background:#171c23; color:var(--soft); padding:7px 9px; white-space:nowrap; cursor:pointer; font-size:9px; }
.workspace-actions > button:hover { border-color:#46505d; color:var(--text); }
.conversation-body { grid-template-columns:minmax(0,1fr) minmax(330px,370px); }
.tool-drawer { min-width:0; border-left:1px solid var(--line); background:#0e1116; display:flex; flex-direction:column; overflow:hidden; }
.tool-tabs { display:grid; grid-template-columns:repeat(4,1fr); border-bottom:1px solid var(--line); padding:8px; gap:5px; }
.tool-tabs button { border:1px solid transparent; background:transparent; color:var(--muted); border-radius:8px; padding:8px 4px; font-size:9px; cursor:pointer; }
.tool-tabs button.active { color:#0b0e05; background:var(--accent); font-weight:750; }
.tool-pane { display:none; padding:15px; overflow-y:auto; min-height:0; }
.tool-pane.active { display:block; }
.tool-pane .eyebrow { margin-bottom:13px; }
.tool-pane label { display:grid; gap:5px; color:var(--muted); font-size:9px; margin-bottom:10px; }
.tool-pane input,.tool-pane select,.tool-pane textarea { width:100%; font-size:10px; }
.tool-pane textarea { resize:vertical; }
.tool-actions { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.message-image { display:block; width:min(280px,100%); max-height:330px; object-fit:cover; border-radius:9px; }
.message-kind { color:var(--muted); font-style:italic; }

.order-number { padding:9px 10px; margin-bottom:12px; border:1px solid var(--line); border-radius:9px; background:#151a21; color:var(--muted); font-size:9px; }
.order-number strong { color:var(--accent); }
.calc-builder { margin-bottom:14px; padding:11px; border:1px solid rgba(185,242,53,.22); border-radius:12px; background:rgba(185,242,53,.035); }
.calc-builder-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px; }
.calc-builder-head strong,.calc-builder-head small { display:block; }
.calc-builder-head small { margin-top:3px; color:var(--muted); font-size:8px; }
.calc-builder-head .button { padding:7px 10px; font-size:9px; }
.calc-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.calc-grid .span-2 { grid-column:1/-1; }
.calc-grid label { margin:0; font-size:8px; }
.calc-grid input,.calc-grid select { width:100%; margin-top:3px; padding:7px; font-size:9px; }
.calc-grid .check-field { min-height:34px; display:flex; align-items:center; gap:7px; padding:7px; border:1px solid var(--line); border-radius:9px; background:#11151b; color:var(--soft); }
.calc-grid .check-field input { width:auto; margin:0; }
.calc-module { margin-top:9px; border:1px solid var(--line); border-radius:10px; background:#11151b; overflow:hidden; }
.calc-module > summary { display:flex; justify-content:space-between; gap:10px; padding:10px 11px; cursor:pointer; color:var(--soft); font-size:10px; font-weight:750; list-style:none; }
.calc-module > summary::-webkit-details-marker { display:none; }
.calc-module > summary::before { content:'›'; color:var(--accent); margin-right:2px; }
.calc-module[open] > summary::before { transform:rotate(90deg); }
.calc-module > summary span { color:var(--accent); font-size:8px; text-transform:uppercase; letter-spacing:.05em; }
.calc-module > .calc-grid { padding:0 10px 11px; }
.calc-module > summary:hover,.calc-module[open] > summary { background:#171d25; color:var(--text); }
.calc-module > summary::before { transition:transform .16s ease; }
.calc-preview { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:9px; padding:10px; border-radius:9px; background:#11161c; }
.calc-preview span { color:var(--muted); font-size:8px; }
.calc-preview strong { color:var(--accent); font-size:16px; white-space:nowrap; }
.order-section-title { margin:13px 0 8px; color:var(--soft); font-size:9px; font-weight:750; text-transform:uppercase; letter-spacing:.08em; }
.send-calc { margin-top:9px; background:rgba(185,242,53,.12); border-color:rgba(185,242,53,.3); color:var(--accent); }
.order-line { padding:10px; margin-bottom:9px; border:1px solid var(--line); border-radius:11px; background:#141920; }
.order-line-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
.order-line-head strong { font-size:10px; }
.line-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:6px; margin-top:7px; }
.line-grid label { margin:0; }
.line-grid input,.line-grid select { padding:8px; }
.line-total,.order-total { display:flex; justify-content:space-between; align-items:center; margin-top:9px; color:var(--muted); font-size:9px; }
.line-total strong { color:var(--soft); font-size:11px; }
.order-total { padding:12px; margin:10px 0; border:1px solid rgba(185,242,53,.2); border-radius:10px; background:rgba(185,242,53,.05); }
.order-total strong { color:var(--accent); font-size:19px; }
.text-button:disabled { opacity:.35; cursor:not-allowed; }

.chat-task-list { display:grid; gap:7px; margin-top:15px; }
.chat-task-list .task-row { grid-template-columns:auto 1fr; padding:9px; }
.chat-task-list .task-row strong { font-size:10px; }
.catalog-toolbar { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:8px; margin-bottom:10px; }
.catalog-toolbar span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--soft); font-size:10px; }
.catalog-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.catalog-folder { min-height:82px; border:1px solid var(--line); border-radius:10px; background:#151a21; color:var(--soft); padding:9px; cursor:pointer; text-align:left; }
.catalog-folder span,.catalog-folder strong { display:block; }
.catalog-folder span { color:var(--accent); font-size:22px; }
.catalog-folder strong { font-size:9px; margin-top:5px; overflow:hidden; text-overflow:ellipsis; }
.catalog-image { min-width:0; border:1px solid var(--line); border-radius:10px; background:#151a21; overflow:hidden; padding-bottom:7px; }
.catalog-image img,.catalog-placeholder { display:block; width:100%; aspect-ratio:1.25; object-fit:cover; background:#232a34; }
.catalog-placeholder { display:grid; place-items:center; color:var(--muted); font-size:9px; }
.catalog-image > span { display:block; margin:6px 7px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--muted); font-size:8px; }
.catalog-image .button { width:calc(100% - 14px); margin:0 7px; padding:6px; font-size:8px; }
.local-image-form { margin-top:13px; padding-top:13px; border-top:1px solid var(--line); }
.local-image-form input[type=file] { padding:8px; }
.empty-list.compact { padding:18px 8px; }

body.order-open { overflow:hidden; }
.conversation-body.order-mode { grid-template-columns:var(--chat-width,42%) 12px minmax(380px,1fr); }
.conversation-body.order-mode .tool-drawer { border-left:0; }
.conversation-resizer { display:none; cursor:col-resize; touch-action:none; user-select:none; background:#202630; position:relative; }
.conversation-resizer::after { content:""; position:absolute; width:3px; height:70px; border-radius:3px; background:#66717f; left:4px; top:calc(50% - 35px); }
.conversation-body.order-mode .conversation-resizer { display:block; }
.conversation-resizing,.conversation-resizing * { cursor:col-resize !important; user-select:none !important; }
.order-workspace.fullscreen-open { display:flex; position:static; padding:0; border:0; background:#0d1116; overflow:hidden; flex-direction:column; min-height:0; height:100%; }
.order-workspace-head { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; padding:18px 22px; border-bottom:1px solid var(--line); background:#12171e; }
.order-workspace-head h2 { margin:3px 0 4px; font-size:18px; }
.order-workspace-head small,.order-workspace-head a { color:var(--muted); }
.order-workspace-scroll { overflow:auto; padding:15px 17px 28px; }
.order-workspace .calc-builder { max-width:none; }
.order-workspace .calc-grid { grid-template-columns:repeat(3,minmax(120px,1fr)); }
.order-workspace .calc-grid .span-2 { grid-column:span 2; }
.order-workspace #order-lines { display:grid; grid-template-columns:1fr; gap:10px; }
.order-workspace .line-grid { grid-template-columns:repeat(3,minmax(110px,1fr)); }
.order-workspace-scroll > .button.wide { width:auto; min-height:30px; padding:6px 11px; font-size:9px; }
.order-workspace .tool-actions { display:flex; align-items:center; gap:7px; }
.order-workspace .tool-actions .button { min-height:30px; padding:6px 11px; font-size:9px; }
.order-workspace .send-calc { width:auto; min-height:32px; padding:7px 12px; font-size:9px; }
.order-footer-fields { display:grid; grid-template-columns:minmax(180px,.35fr) minmax(320px,1fr); gap:12px; margin-top:14px; }
.service-builder { display:grid; grid-template-columns:minmax(220px,1fr) minmax(150px,.4fr) auto; gap:8px; margin-top:12px; padding-top:12px; border-top:1px solid var(--line); }
.service-picker { position:relative; min-width:0; }
.service-picker > summary { display:flex; align-items:center; justify-content:space-between; min-height:34px; padding:7px 10px; border:1px solid var(--line); border-radius:9px; background:#11161d; color:var(--soft); list-style:none; cursor:pointer; }
.service-picker > summary::-webkit-details-marker { display:none; }
.service-picker[open] > summary { border-color:rgba(185,242,53,.55); color:var(--text); }
.service-picker > summary i { color:var(--accent); font-style:normal; }
.service-picker > div { position:absolute; left:0; right:0; bottom:calc(100% + 6px); z-index:20; display:grid; max-height:300px; overflow:auto; padding:6px; border:1px solid #3a4451; border-radius:11px; background:#141920; box-shadow:0 20px 55px rgba(0,0,0,.6); }
.service-picker > div button { padding:9px 10px; border:0; border-radius:7px; background:transparent; color:var(--soft); text-align:left; cursor:pointer; }
.service-picker > div button:hover { background:rgba(185,242,53,.09); color:var(--text); }
.finance-preview { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:36px; padding:8px 10px; border:1px solid var(--line); border-radius:9px; background:#11161d; }
.finance-preview span { color:var(--muted); font-size:9px; }
.finance-preview strong { color:var(--accent); }
.proposal-editor { position:fixed; inset:0; z-index:160; display:grid; place-items:center; padding:24px; background:rgba(2,4,7,.82); backdrop-filter:blur(8px); }
.proposal-card { width:min(860px,100%); border:1px solid #3a4451; border-radius:18px; background:#12171e; box-shadow:0 35px 100px rgba(0,0,0,.65); overflow:hidden; }
.proposal-card header { display:flex; justify-content:space-between; gap:18px; padding:20px 22px; border-bottom:1px solid var(--line); }
.proposal-card h2 { margin:4px 0; }
.proposal-card header small { color:var(--muted); }
.proposal-card textarea { display:block; width:calc(100% - 44px); min-height:360px; max-height:62vh; margin:22px; padding:16px; resize:vertical; font-size:14px; line-height:1.55; }
.proposal-card footer { display:flex; justify-content:flex-end; gap:9px; padding:0 22px 22px; }
.pricing-lock { display:flex; flex-wrap:wrap; align-items:baseline; gap:10px; margin-bottom:16px; padding:13px 16px; border:1px solid rgba(255,183,77,.3); border-radius:13px; background:rgba(255,183,77,.06); }
.pricing-lock > span { color:#ffb74d; font-size:9px; font-weight:800; letter-spacing:.12em; }
.pricing-lock small { flex-basis:100%; color:var(--muted); }
.pricing-layout { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(300px,.7fr); gap:14px; }
.pricing-layout-full { grid-template-columns:1fr; }
.pricing-editor,.pricing-architecture { padding:20px; }
.pricing-fields { display:grid; grid-template-columns:repeat(3,minmax(160px,1fr)); gap:10px; margin:18px 0 12px; }
.pricing-fields label { display:grid; gap:6px; color:var(--muted); font-size:10px; }
.pricing-warning { margin:12px 0; padding:12px; border-radius:10px; background:#11161c; color:var(--muted); font-size:10px; line-height:1.5; }
.price-source-list { display:grid; gap:8px; margin:18px 0; }
.price-source-list span { display:flex; justify-content:space-between; gap:12px; padding:10px; border:1px solid var(--line); border-radius:9px; background:#151a21; font-size:10px; }
.price-source-list b { color:var(--accent); }
.dashboard-scroll { max-height:min(70vh,900px); overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; }
.dashboard-scroll::-webkit-scrollbar { width:8px; }
.dashboard-scroll::-webkit-scrollbar-thumb { background:#303946; border-radius:8px; }
.load-error { display:grid; justify-items:start; gap:8px; padding:24px; color:var(--muted); }
.load-error strong { color:var(--text); }
.workspace-state { color:var(--muted); font-size:10px; padding:8px 11px; border:1px solid var(--line); border-radius:999px; }
.project-price-select { display:flex; align-items:center; gap:8px; width:max-content; max-width:100%; margin:0 0 9px auto; color:var(--muted); font-size:9px; text-transform:uppercase; letter-spacing:.07em; }
.project-price-select select { width:auto; min-width:150px; min-height:32px; padding:6px 28px 6px 9px; border-color:rgba(185,242,53,.34); color:var(--text); font-size:10px; text-transform:none; letter-spacing:0; }

.message-notifications { position:fixed; right:20px; top:20px; z-index:130; display:flex; flex-direction:column; gap:9px; width:min(360px,calc(100vw - 32px)); pointer-events:none; }
.message-notification { pointer-events:auto; display:grid; grid-template-columns:38px minmax(0,1fr) auto; gap:10px; align-items:center; width:100%; padding:11px; border:1px solid rgba(185,242,53,.38); border-radius:13px; background:rgba(14,17,22,.97); color:var(--text); text-align:left; box-shadow:0 18px 44px rgba(0,0,0,.48); cursor:pointer; animation:notification-in .18s ease-out; }
.message-notification:hover { border-color:var(--accent); transform:translateY(-1px); }
.message-notification .avatar { width:38px; height:38px; }
.message-notification span { min-width:0; display:flex; flex-direction:column; gap:2px; }
.message-notification small { color:var(--accent); font-size:8px; text-transform:uppercase; letter-spacing:.08em; }
.message-notification strong,.message-notification em,.message-notification i { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-style:normal; }
.message-notification strong { font-size:12px; }
.message-notification em { color:var(--soft); font-size:11px; }
.message-notification i { color:var(--muted); font-size:9px; }
.message-notification > b { color:var(--accent); font-size:9px; white-space:nowrap; }
@keyframes notification-in { from { opacity:0; transform:translateY(-8px); } to { opacity:1; transform:none; } }
.waiting-signal { display:inline-flex; width:max-content; margin-top:5px; padding:4px 7px; border-radius:999px; font-size:9px; font-weight:700; }
.waiting-signal.manager { background:rgba(255,109,101,.12); color:#ff8f87; }
.waiting-signal.customer { background:rgba(87,227,155,.1); color:#57e39b; }
.waiting-signal.done,.waiting-signal.none { background:#171d25; color:var(--muted); }
.pricing-catalog { display:grid; gap:9px; margin:16px 0; }
.price-section { border:1px solid var(--line); border-radius:11px; overflow:hidden; background:#11161d; }
.price-section > summary { display:flex; align-items:center; justify-content:space-between; padding:13px 14px; list-style:none; cursor:pointer; font-size:11px; }
.price-section > summary::-webkit-details-marker { display:none; }
.price-section > summary b { color:var(--accent); font-size:9px; }
.price-section[open] > summary { border-bottom:1px solid var(--line); background:#171d25; }
.price-table { max-height:52vh; overflow:auto; padding:8px; }
.price-row { display:grid; grid-template-columns:minmax(260px,1.5fr) 90px 110px 130px; gap:7px; padding:5px; align-items:center; }
.price-row input { min-width:0; }
.price-head { position:sticky; top:0; z-index:2; background:#11161d; color:var(--muted); font-size:8px; text-transform:uppercase; letter-spacing:.05em; }

@media (max-width:900px){.conversation-body.order-mode{display:flex;flex-direction:column}.conversation-body.order-mode .conversation-resizer{display:none}.conversation-body.order-mode .conversation-center{min-height:45vh}.order-workspace .calc-grid{grid-template-columns:repeat(2,1fr)}.order-workspace #order-lines{grid-template-columns:1fr}.service-builder,.pricing-layout,.pricing-fields,.order-footer-fields{grid-template-columns:1fr}}

.client-name-link { border:0; background:transparent; color:var(--text); padding:0; font:inherit; font-weight:800; cursor:pointer; text-align:left; }
.client-name-link:hover { color:var(--accent); text-decoration:underline; }
.contact-modal { position:fixed; inset:0; z-index:170; display:grid; place-items:center; padding:20px; background:rgba(2,4,7,.82); backdrop-filter:blur(8px); }
.contact-card-panel { width:min(760px,100%); max-height:90vh; overflow:auto; border:1px solid #3a4451; border-radius:18px; background:#12171e; box-shadow:0 35px 100px rgba(0,0,0,.65); }
.contact-card-panel > header { display:flex; justify-content:space-between; gap:18px; padding:20px 22px; border-bottom:1px solid var(--line); }
.contact-card-panel h2 { margin:4px 0; }
.contact-card-panel form { padding:20px 22px; }
.contact-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-bottom:14px; }
.contact-summary > div { padding:11px; border:1px solid var(--line); border-radius:10px; background:#151a21; }
.contact-summary span,.contact-summary strong { display:block; }
.contact-summary span { color:var(--muted); font-size:8px; }
.contact-summary strong { margin-top:5px; font-size:11px; }
.contact-fields { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.contact-fields label { display:grid; gap:6px; color:var(--muted); font-size:9px; }
.contact-history { margin:16px 0; display:grid; gap:7px; }
.contact-history > div { padding:10px; border-left:2px solid var(--accent); background:#151a21; font-size:10px; }
.contact-related-leads { margin-top:5px; padding:11px; border:1px solid var(--line); border-radius:11px; background:#10151b; }
.contact-related-leads > header { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:7px; }
.contact-related-leads > header strong { font-size:10px; }
.contact-related-leads > header span { color:var(--accent); font-size:11px; font-weight:750; }
.contact-related-leads > button { width:100%; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:9px; border:0; border-radius:9px; background:transparent; color:var(--text); text-align:left; cursor:pointer; }
.contact-related-leads > button:hover,.contact-related-leads > button.active { background:rgba(185,242,53,.07); }
.contact-related-leads > button span { min-width:0; }
.contact-related-leads > button strong,.contact-related-leads > button small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.contact-related-leads > button strong { font-size:9px; }
.contact-related-leads > button small { margin-top:3px; color:var(--muted); font-size:8px; }
.contact-related-leads > button b { flex:0 0 auto; color:var(--accent); font-size:9px; }
.contact-card-panel footer { display:flex; justify-content:flex-end; gap:8px; margin-top:18px; }

.recovery-list { display:grid; gap:7px; }
.recovery-row { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:10px 11px; border:1px solid var(--line); border-radius:10px; background:#141920; }
.recovery-row strong,.recovery-row small { display:block; }
.recovery-row strong { font-size:10px; }
.recovery-row small { color:var(--muted); font-size:8px; margin-top:3px; max-width:900px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.recovery-row .button { padding:7px 10px; font-size:9px; }
.catalog-settings form { grid-template-columns:1fr; }

@media (max-width: 1350px) {
  .conversation-body { grid-template-columns:minmax(0,1fr) 325px; }
  .conversation-links > a { display:none; }
  .lead-row.rich { grid-template-columns:42px minmax(0,1fr) auto; }
  .lead-controls > select { min-width:125px; }
}
@media (max-width: 1050px) {
  .shell.nav-collapsed { grid-template-columns:72px minmax(0,1fr); }
  .conversation-body { grid-template-columns:minmax(0,1fr) 300px; }
  .workspace-actions { padding-left:8px; }
}
@media (max-width: 800px) {
  .sidebar-toggle,.desktop-only { display:none; }
  .shell.nav-collapsed { display:block; }
  .inbox-layout.list-collapsed .inbox-list-panel { display:flex; }
  .conversation-panel.mobile-open { overflow-y:auto; }
  .conversation-head { position:sticky; top:0; z-index:3; background:#10141a; }
  .conversation-body { display:flex; flex-direction:column; overflow:visible; }
  .conversation-center { min-height:calc(100vh - 150px); }
  .tool-drawer { border-left:0; border-top:1px solid var(--line); min-height:60vh; overflow:visible; }
  .tool-pane { overflow:visible; }
  .lead-row.rich { grid-template-columns:42px minmax(0,1fr); }
  .lead-controls { grid-column:2; justify-content:flex-start; }
  .conversation-links .compact-button { display:none; }
  .catalog-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width: 520px) {
  .workspace-actions { padding-bottom:8px; }
  .conversation-head { padding:10px; }
  .conversation-title small { max-width:210px; }
  .tool-tabs { position:sticky; top:65px; z-index:4; background:#0e1116; }
  .catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .line-grid { grid-template-columns:1fr 1fr; }
  .tool-actions { grid-template-columns:1fr; }
  .lead-controls > select { max-width:165px; }
}

/* 0.13.1 unified CRM controls, notification center and visible CRM Core */

.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#16243e,#080d15 55%,#05080d)}
.login-card{width:min(420px,100%);display:grid;gap:16px;padding:28px;border:1px solid #28364e;border-radius:22px;background:rgba(14,21,34,.96);box-shadow:0 30px 80px rgba(0,0,0,.45)}
.login-card h1{margin:0;font-size:28px}.login-card p{margin:0;color:#9aa8bc}.login-card label{display:grid;gap:7px;color:#bec9d8;font-size:13px}.login-card input{min-height:46px;padding:0 13px;border:1px solid #34435d;border-radius:12px;background:#0a111d;color:#fff;font:inherit}.login-card button{min-height:48px;border:0;border-radius:12px;background:#b5ff22;color:#0b1204;font-weight:800;font:inherit}.login-card .eyebrow{color:#b5ff22;font-size:12px;font-weight:900;letter-spacing:.18em}#login-error{min-height:20px;color:#ff8f9b;font-size:13px}
.crm-native-control { position:absolute !important; width:1px !important; height:1px !important; margin:0 !important; padding:0 !important; opacity:0 !important; pointer-events:none !important; }
.crm-control { position:relative; display:block; width:100%; min-width:0; }
.crm-select-trigger,.crm-date-trigger,.crm-color-trigger { width:100%; min-height:36px; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:8px 10px; border:1px solid var(--line); border-radius:9px; background:#0e1116; color:var(--soft); cursor:pointer; text-align:left; font-size:10px; }
.crm-select-trigger:hover,.crm-date-trigger:hover,.crm-color-trigger:hover,.crm-control.open > button { border-color:rgba(185,242,53,.55); color:var(--text); box-shadow:0 0 0 3px rgba(185,242,53,.05); }
.crm-select-trigger > span,.crm-date-trigger > span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.crm-select-trigger > i,.crm-date-trigger > i { flex:0 0 auto; color:var(--accent); font-style:normal; }
.crm-control.disabled { opacity:.45; pointer-events:none; }
.crm-popover-layer { position:fixed; inset:0; z-index:240; pointer-events:none; }
.crm-popover { position:fixed; pointer-events:auto; max-height:min(360px,calc(100vh - 16px)); overflow:auto; padding:6px; border:1px solid #3a4552; border-radius:12px; background:rgba(16,20,26,.99); box-shadow:0 26px 70px rgba(0,0,0,.72); backdrop-filter:blur(18px); animation:crm-popover-in .14s ease-out; }
@keyframes crm-popover-in { from { opacity:0; transform:translateY(-5px) scale(.99); } }
.crm-option-menu { display:grid; gap:2px; }
.crm-option-menu button { min-height:34px; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 10px; border:0; border-radius:8px; background:transparent; color:var(--soft); text-align:left; cursor:pointer; font-size:10px; }
.crm-option-menu button:hover { background:rgba(185,242,53,.08); color:var(--text); }
.crm-option-menu button.selected { background:rgba(185,242,53,.12); color:var(--accent); }
.crm-option-menu button i { font-style:normal; }
.crm-date-popover { padding:13px; overflow:visible; }
.crm-date-popover header strong,.crm-date-popover header small { display:block; }
.crm-date-popover header strong { font-size:12px; }
.crm-date-popover header small { margin-top:3px; color:var(--muted); font-size:8px; text-transform:uppercase; letter-spacing:.08em; }
.crm-date-fields { display:grid; grid-template-columns:1.3fr .7fr; gap:7px; margin-top:12px; }
.crm-date-fields label { display:grid; gap:5px; color:var(--muted); font-size:8px; }
.crm-date-fields input { width:100%; }
.crm-date-quick { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; margin:9px 0 12px; }
.crm-date-quick button { padding:7px 5px; border:1px solid var(--line); border-radius:8px; background:#161b22; color:var(--soft); font-size:8px; cursor:pointer; }
.crm-date-quick button:hover { border-color:var(--accent); color:var(--accent); }
.crm-date-popover footer { display:flex; justify-content:space-between; gap:7px; }
.crm-date-popover .button { min-height:32px; padding:7px 10px; font-size:9px; }
.crm-color-trigger { min-width:92px; }
.crm-color-trigger i { width:18px; height:18px; border-radius:6px; background:var(--picked); box-shadow:inset 0 0 0 1px rgba(255,255,255,.24); }
.crm-color-trigger span { margin-left:auto; color:var(--muted); }
.crm-color-popover { display:grid; grid-template-columns:repeat(5,1fr); gap:6px; padding:10px; }
.crm-color-popover button { aspect-ratio:1; border:1px solid rgba(255,255,255,.2); border-radius:8px; background:var(--picked); cursor:pointer; }
.inbox-tools .crm-control { max-width:135px; }
.chat-copy .crm-control { width:155px; margin-top:6px; }
.chat-copy .crm-select-trigger { min-height:27px; padding:5px 7px; font-size:8px; }
.lead-controls .crm-control { width:145px; }
.project-price-select .crm-control { min-width:160px; }
.project-price-select .crm-select-trigger { min-height:32px; border-color:rgba(185,242,53,.34); text-transform:none; letter-spacing:0; }
.calc-grid .crm-control,.line-grid .crm-control { margin-top:3px; }
.calc-grid .crm-select-trigger,.line-grid .crm-select-trigger { min-height:32px; padding:7px; font-size:9px; }
.pricing-fields .crm-control { min-width:150px; }

.notification-center-wrap { position:relative; }
.notification-bell { position:relative; width:38px; height:38px; display:grid; place-items:center; border:1px solid var(--line); border-radius:12px; background:var(--panel); color:var(--soft); cursor:pointer; }
.notification-bell:hover { border-color:rgba(185,242,53,.45); color:var(--accent); }
.notification-bell span { font-size:20px; transform:rotate(-20deg); }
.notification-bell b { display:none; position:absolute; right:-5px; top:-5px; min-width:19px; height:19px; padding:0 5px; place-items:center; border:2px solid var(--bg); border-radius:10px; background:var(--danger); color:#1a0404; font-size:8px; }
.notification-bell b.show { display:grid; }
.notification-center { position:absolute; right:0; top:48px; z-index:150; width:min(390px,calc(100vw - 28px)); max-height:min(600px,calc(100vh - 90px)); overflow:hidden; border:1px solid #3a4552; border-radius:16px; background:rgba(14,17,22,.99); box-shadow:0 30px 80px rgba(0,0,0,.68); backdrop-filter:blur(20px); }
.notification-center > header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:15px 16px; border-bottom:1px solid var(--line); }
.notification-center > header strong { display:block; margin-top:4px; font-size:14px; }
#notification-center-list { max-height:500px; overflow:auto; padding:7px; }
.notification-center-row { width:100%; display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:center; gap:9px; padding:9px; border:0; border-radius:10px; background:transparent; color:var(--text); text-align:left; cursor:pointer; }
.notification-center-row:hover { background:rgba(185,242,53,.075); }
.notification-center-row .avatar { width:38px; height:38px; border-radius:10px; }
.notification-center-row span,.notification-center-row strong,.notification-center-row em,.notification-center-row small { min-width:0; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.notification-center-row strong { font-size:11px; }
.notification-center-row em { margin-top:3px; color:var(--soft); font-size:10px; font-style:normal; }
.notification-center-row small { margin-top:3px; color:var(--muted); font-size:8px; }
.notification-center-row > b { color:var(--accent); }
.notification-empty { display:grid; gap:6px; padding:24px 16px; text-align:center; }
.notification-empty strong { font-size:12px; }
.notification-empty span { color:var(--muted); font-size:10px; line-height:1.5; }

.crm-core { padding:0; background:#0e1116; }
.crm-core-head { position:sticky; top:0; z-index:3; display:flex; align-items:flex-start; justify-content:space-between; gap:10px; padding:14px 15px; border-bottom:1px solid var(--line); background:rgba(14,17,22,.97); backdrop-filter:blur(12px); }
.crm-core-head .eyebrow { margin:0 0 5px; font-size:8px; }
.crm-core-head strong,.crm-core-head small { display:block; }
.crm-core-head strong { font-size:13px; }
.crm-core-head small { max-width:190px; margin-top:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--muted); font-size:8px; }
.crm-core-head .waiting-signal { flex:0 0 auto; margin:0; }
.crm-section { margin:10px; padding:12px; border:1px solid var(--line); border-radius:12px; background:#12171d; }
.crm-section-title { display:flex; align-items:center; justify-content:space-between; gap:9px; margin-bottom:11px; }
.crm-section-title span,.crm-section-title small { display:block; }
.crm-section-title span { color:var(--text); font-size:11px; font-weight:750; }
.crm-section-title small { margin-top:3px; color:var(--muted); font-size:8px; }
.crm-section-title > b { color:var(--accent); }
.crm-amount { color:var(--accent); font-size:13px; }
.crm-field-grid { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.crm-field-grid .span-2 { grid-column:1/-1; }
.crm-field-grid label { margin:0 0 4px; }
.crm-core input,.crm-core textarea { background:#0d1116; }
.crm-save-bar { position:sticky; bottom:0; z-index:3; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:10px 12px; border-top:1px solid var(--line); background:rgba(14,17,22,.98); backdrop-filter:blur(12px); }
.crm-save-bar .save-state { flex:1; }
.crm-save-bar .button { padding:8px 11px; font-size:9px; }
.crm-timeline { padding-bottom:5px; }
.timeline-list { display:grid; }
.timeline-event { position:relative; display:grid; grid-template-columns:24px minmax(0,1fr); gap:9px; padding:4px 0 13px; }
.timeline-event:not(:last-child)::after { content:""; position:absolute; left:11px; top:25px; bottom:0; width:1px; background:#2b333e; }
.timeline-event > i { position:relative; z-index:1; width:24px; height:24px; display:grid; place-items:center; border:1px solid rgba(185,242,53,.25); border-radius:8px; background:#182019; color:var(--accent); font-size:9px; font-style:normal; }
.timeline-event strong,.timeline-event small { display:block; }
.timeline-event strong { font-size:9px; }
.timeline-event p { margin:4px 0; color:var(--soft); font-size:9px; line-height:1.42; }
.timeline-event small { color:var(--muted); font-size:7px; }
.contact-notes { display:grid; gap:6px; margin-top:10px; color:var(--muted); font-size:9px; }
.contact-notes textarea { resize:vertical; }

.migration-gate { position:fixed; inset:0; z-index:1000; display:grid; place-items:center; padding:20px; background:rgba(6,8,11,.9); backdrop-filter:blur(18px); }
.migration-gate > section { width:min(680px,100%); max-height:calc(100vh - 40px); overflow:auto; padding:28px; border:1px solid #3c4855; border-radius:20px; background:#11161c; box-shadow:0 30px 100px rgba(0,0,0,.72); }
.migration-gate h1 { margin:6px 0 10px; font-size:25px; }
.migration-gate > section > p:not(.eyebrow) { color:var(--soft); line-height:1.55; }
.migration-warning { margin:15px 0; padding:12px; border:1px solid rgba(255,184,77,.45); border-radius:10px; background:rgba(255,184,77,.08); color:#ffd38c; font-size:10px; }
.migration-candidates { display:grid; gap:8px; margin:20px 0; }
.migration-candidate { display:grid; grid-template-columns:auto 1fr; align-items:start; gap:10px; padding:13px; border:1px solid var(--line); border-radius:12px; background:#0d1116; cursor:pointer; }
.migration-candidate:has(input:checked) { border-color:rgba(185,242,53,.65); background:rgba(185,242,53,.06); }
.migration-candidate input { margin-top:3px; accent-color:var(--accent); }
.migration-candidate strong,.migration-candidate small { display:block; }
.migration-candidate strong { font-size:12px; }
.migration-candidate small { margin-top:5px; color:var(--muted); font-size:9px; line-height:1.45; word-break:break-all; }
.migration-actions { display:grid; gap:9px; }
.migration-actions small { color:var(--muted); line-height:1.45; }

@media (max-width:800px) {
  .notification-center { position:fixed; right:14px; top:76px; }
  .crm-popover { max-width:calc(100vw - 16px); }
  .inbox-tools .crm-control { max-width:none; }
  .crm-core-head { top:49px; }
}