/* css/01-base.css */
/* основа: цвета, каркас, доска, таблицы, карточка сделки, вход, окна */
/* Фирменный стиль TONPAINT (как в прайс-листе): чернила, оранжевый TON, тёплые серые, Montserrat, тонкие линии. */
:root{
  --ink:#141210;--paper:#fbfaf8;--bg:#f4f1ec;--panel:#fff;--text:#141210;--muted:#7a736c;--line:#e3ddd5;--hair:#ece7e1;
  --side:#2e2d2b;--side-2:#383634;--side-line:#454240;--side-text:#a8a199;
  --orange:#f15a22;--orange-soft:#fdf0e9;
  --field:#fff;--strong:#141210;--on-strong:#fff;
  --danger:#c8371b;--warn:#c98a1e;--ok:#4f8f63;--r:4px;
}

/* ---------- темы (выбираются в «Настройках» или по клику на своё имя) ---------- */
:root[data-theme="dark"]{
  --ink:#ece7e1;--text:#ece7e1;--paper:#1d1c1a;--bg:#161514;--panel:#232220;--field:#1b1a19;--muted:#9a938b;
  --line:#3a3734;--hair:#2e2c29;--side:#0f0e0e;--side-2:#1d1c1a;--side-line:#2e2c29;--side-text:#8f887f;
  --orange:#f26b36;--orange-soft:rgba(242,107,54,.15);--strong:#f26b36;--on-strong:#fff;--ok:#6fb383;--danger:#e2553a;
  color-scheme:dark;
}
:root[data-theme="olive"]{
  --bg:#eef0ea;--paper:#f8f9f5;--panel:#fff;--line:#d6dacd;--hair:#e6e9e0;--muted:#6e7566;
  --side:#2f3529;--side-2:#3a4133;--side-line:#4a5242;--side-text:#b3bba8;
  --orange:#6b8f3a;--orange-soft:#edf3e3;--strong:#1f241b;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{background:var(--bg);color:var(--text);font:500 13.5px/1.5 "Montserrat",-apple-system,"Segoe UI",Arial,sans-serif;
  font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;border:1px solid var(--line);background:var(--panel);border-radius:var(--r);padding:7px 13px;font-weight:600;font-size:12.5px}
button:hover{border-color:var(--ink)}
button.primary{background:var(--strong);border-color:var(--strong);color:var(--on-strong);letter-spacing:.06em;text-transform:uppercase;font-size:11.5px;
  box-shadow:inset 0 -2px 0 var(--orange)}
button.primary:hover{background:var(--orange);border-color:var(--orange)}
button.ghost{border-color:transparent;background:transparent}
button.danger{color:var(--danger)}
input,select,textarea{border:1px solid var(--line);border-radius:var(--r);padding:7px 10px;background:var(--field);width:100%;font-weight:500}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px var(--orange-soft)}
textarea{min-height:64px;resize:vertical}
label{display:block;font-size:10.5px;color:var(--muted);margin:10px 0 4px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
a{color:var(--orange)}
.hidden{display:none!important}
.muted{color:var(--muted)}
.row{display:flex;gap:8px;align-items:center}
.row>*{flex:1}
.row>.auto{flex:0 0 auto}
.num-o{color:var(--orange);font-weight:700;font-size:10.5px;letter-spacing:.04em}

/* ---------- логотип ---------- */
.logo{display:flex;flex-direction:column;align-items:center;gap:7px;text-decoration:none}
.logo img{display:block;width:44px;height:auto;border-radius:2px}
.logo .crm{font:700 9px/1 "Montserrat",Arial,sans-serif;letter-spacing:.5em;color:var(--side-text);padding-left:.5em}

/* ---------- каркас: графитовая панель слева ---------- */
#app{display:flex;height:100vh;height:100dvh}
.side{flex:0 0 84px;background:var(--side);display:flex;flex-direction:column;align-items:stretch;padding:16px 0 10px;gap:1px;
  border-right:3px solid var(--orange)}
.side .logo{padding:2px 0 16px;margin:0 14px 10px;border-bottom:1px solid var(--side-line)}
.nav-btn{border:0;border-radius:0;background:none;color:var(--side-text);display:flex;flex-direction:column;align-items:center;
  gap:5px;padding:10px 4px;font-size:9.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;position:relative}
.nav-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.nav-btn:hover{color:#fff;background:var(--side-2)}
.nav-btn.on{color:#fff;background:var(--side-2)}
.nav-btn.on::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--orange)}
.nav-btn .badge{position:absolute;top:5px;right:14px}
.side .spacer{flex:1}
.side .me{color:var(--side-text);font-size:10.5px;text-align:center;padding:8px 6px;word-break:break-word;border-top:1px solid var(--side-line);margin:0 10px}
.badge{display:inline-block;min-width:17px;padding:0 5px;border-radius:9px;background:var(--orange);color:#fff;
  font-size:10px;line-height:17px;text-align:center;font-weight:700}
.main{flex:1;min-width:0;display:flex;flex-direction:column}

/* верхняя строка раздела — как шапка страницы прайса */
.topbar{background:var(--paper);border-bottom:1px solid var(--ink);display:flex;align-items:center;gap:14px;
  padding:12px 24px;min-height:62px;flex-wrap:wrap}
.topbar h1{margin:0;font-size:22px;font-weight:500;letter-spacing:-.02em;line-height:1}
.topbar .search{position:relative;flex:1;max-width:420px;min-width:180px}
.topbar .search input{padding-left:32px;background:var(--field)}
.topbar .search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:15px;height:15px;stroke:var(--muted);fill:none;stroke-width:2}
.topbar .stat{color:var(--muted);font-size:12px;white-space:nowrap}
.topbar .stat b{color:var(--ink);font-weight:700}
.topbar .grow{flex:1}
.topbar select{width:auto}
.content{flex:1;overflow:auto;padding:18px 24px}

/* ---------- воронка ---------- */
.board{display:flex;gap:14px;height:100%;align-items:stretch;overflow-x:auto;padding:0 0 6px}
.col{flex:0 0 268px;display:flex;flex-direction:column;min-height:0;min-width:0}
.col-head{padding:2px 2px 10px;border-bottom:2px solid var(--c)}
.col-head .name{display:flex;align-items:baseline;gap:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.col-head .meta{font-size:12px;color:var(--muted);margin-top:4px;display:flex;justify-content:space-between}
.col-head .meta b{color:var(--ink);font-weight:700;font-size:13px}
.col .cards{flex:1;overflow-y:auto;padding:8px 0 12px;display:flex;flex-direction:column;gap:7px;min-height:80px}
.col.drop .cards{background:var(--orange-soft);outline:1px dashed var(--orange);outline-offset:-1px}
.quick{border:1px dashed var(--line);border-radius:var(--r);padding:8px;color:var(--muted);text-align:center;cursor:pointer;font-size:12px;font-weight:600}
.quick:hover{color:var(--orange);border-color:var(--orange);background:var(--orange-soft)}
.quick-form{background:var(--panel);border:1px solid var(--ink);border-radius:var(--r);padding:8px;display:flex;flex-direction:column;gap:6px}
.card{background:var(--panel);border:1px solid var(--hair);border-radius:var(--r);padding:10px 12px 9px;cursor:pointer;position:relative;
  transition:border-color .12s}
.card::before{content:"";position:absolute;left:-1px;top:10px;bottom:10px;width:2px;background:var(--c)}
.card:hover{border-color:var(--ink)}
.card.dragging{opacity:.45}
.card .top{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.card .t{font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.card .date{font-size:10.5px;color:var(--muted);white-space:nowrap}
.card .who{font-size:12px;color:var(--muted);margin-top:2px}
.card .amt{font-weight:700;margin-top:6px;font-size:14px;letter-spacing:-.01em}
.card .foot{display:flex;align-items:flex-start;gap:7px;margin-top:8px;font-size:11.5px;color:var(--muted);border-top:1px solid var(--hair);padding-top:7px}
.card .foot .tx{flex:1;min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35}
.card .foot .dot{margin-top:4px}
.dot{width:7px;height:7px;border-radius:50%;flex:0 0 7px;background:var(--ok)}
.dot.overdue{background:var(--danger)}.dot.today{background:var(--warn)}.dot.none{background:var(--orange)}
.ava{width:22px;height:22px;border-radius:50%;background:var(--strong);color:var(--on-strong);font-size:9px;font-weight:700;display:grid;place-items:center;flex:0 0 22px;letter-spacing:.02em}
.overdue{color:var(--danger)}.today{color:var(--warn)}

/* ---------- таблицы, панели ---------- */
.panel{background:var(--panel);border:1px solid var(--hair);border-radius:var(--r);padding:18px;margin-bottom:16px}
.panel h2{margin:0 0 12px;font-size:16px;font-weight:600;letter-spacing:-.01em}
table{width:100%;border-collapse:collapse;background:var(--panel)}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--hair);vertical-align:middle}
th{font-size:10px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.14em;border-bottom:1.5px solid var(--ink);background:transparent}
td.num,th.num{text-align:right;white-space:nowrap}
tr.click{cursor:pointer}
tr.click:hover td{background:var(--orange-soft)}
td .name{color:var(--ink);font-weight:600}
.wrap{overflow-x:auto;border:1px solid var(--hair);border-radius:var(--r);background:var(--panel)}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:18px;border-top:1.5px solid var(--ink);background:var(--panel);border-bottom:1px solid var(--hair)}
.kpi{padding:14px 18px 16px}
.kpi+.kpi{border-left:1px solid var(--hair)}
.kpi .l{font-size:10.5px;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.kpi .l .num-o{margin-right:8px}
.kpi .v{font-size:26px;font-weight:500;margin-top:6px;letter-spacing:-.02em}
.kpi.hl .v{color:var(--orange);font-weight:600}
.bar{height:6px;background:var(--hair);overflow:hidden;min-width:80px}
.bar i{display:block;height:100%;background:var(--c)}

/* задачи */
.task-row{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid var(--hair)}
.task-row:last-child{border-bottom:0}
.task-row input[type=checkbox]{width:17px;height:17px;margin-top:1px;flex:0 0 auto;accent-color:var(--orange)}
.task-row .body{flex:1;min-width:0}
.task-row .meta{font-size:11.5px;color:var(--muted)}
.task-row.done .body{text-decoration:line-through;color:var(--muted)}

/* ---------- карточка сделки ---------- */
.modal{position:fixed;inset:0;background:rgba(20,18,16,.55);z-index:20;display:flex}
.sheet{background:var(--bg);flex:1;display:flex;min-width:0}
.deal-side{flex:0 0 410px;background:var(--paper);display:flex;flex-direction:column;border-right:1px solid var(--line);min-height:0}
.deal-top{background:var(--side);color:#fff;padding:14px 20px 18px;border-bottom:3px solid var(--orange)}
.deal-top .nav{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.deal-top .nav button{color:#d9d3cc;border-color:var(--side-line);background:transparent;padding:4px 10px;font-size:11.5px}
.deal-top .nav button:hover{color:#fff;border-color:var(--orange)}
.deal-top .nav .id{color:var(--side-text);font-size:10.5px;margin-left:auto;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.deal-name{background:transparent;border:1px solid transparent;color:#fff;font-size:22px;font-weight:500;letter-spacing:-.02em;padding:3px 6px;margin-left:-7px}
.deal-name:hover{border-color:var(--side-line)}
.deal-name:focus{background:var(--side-2);border-color:var(--orange);box-shadow:none}
.deal-name::placeholder{color:#8a837b}
.stepper{display:flex;gap:2px;margin-top:14px}
.stepper button{flex:1;height:22px;padding:0;border:0;border-radius:0;background:var(--side-2);color:#8a837b;font-size:9.5px;font-weight:700}
.stepper button.past{background:color-mix(in srgb,var(--c) 45%,var(--side));color:#fff}
.stepper button.cur{background:var(--c);color:#141210}
.stepper button:hover{outline:1px solid var(--orange);outline-offset:-1px}
.stage-line{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12px}
.stage-line select{width:auto;background:var(--side-2);border-color:var(--side-line);color:#fff;padding:4px 8px;font-weight:600}
.stage-line .days{color:var(--side-text);font-size:11.5px}
.deal-body{flex:1;overflow:auto;padding:6px 20px 20px}
.field{display:grid;grid-template-columns:118px 1fr;gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid var(--hair)}
.field>span{font-size:10.5px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.field input,.field select,.field textarea{border-color:transparent;background:transparent;padding:5px 8px}
.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--line)}
.field input:focus,.field select:focus,.field textarea:focus{background:var(--field);border-color:var(--ink)}
.field .static{padding:5px 8px}
.block-h{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--ink);margin:22px 0 6px;padding-bottom:6px;
  border-bottom:1.5px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:8px}
.block-h .num-o{margin-right:8px}
.saved{font-size:11px;color:var(--ok);letter-spacing:0;text-transform:none;font-weight:600}
.contact-box{border-left:2.5px solid var(--orange);padding:4px 0 4px 12px;margin-top:10px}
.contact-box .nm{font-weight:600}
.feed{flex:1;display:flex;flex-direction:column;min-width:0}
.feed-head{background:var(--paper);border-bottom:1px solid var(--ink);padding:0 18px;display:flex;align-items:center;gap:4px;min-height:52px}
.tab{border:0;background:none;padding:16px 12px;color:var(--muted);border-bottom:2px solid transparent;border-radius:0;font-weight:600;font-size:11px;
  letter-spacing:.12em;text-transform:uppercase;margin-bottom:-1px}
.tab.on{color:var(--ink);border-bottom-color:var(--orange)}
.feed-body{flex:1;min-height:0;overflow:auto}
.chat-frame{width:100%;height:100%;border:0;display:block;background:#fff}
.chat-wait{padding:30px;text-align:center;color:var(--muted)}
.msgs{padding:16px;display:flex;flex-direction:column;gap:8px}
.msg{max-width:75%;padding:7px 11px;border-radius:var(--r);background:var(--panel);border:1px solid var(--hair);font-size:13px;white-space:pre-wrap;word-break:break-word}
.msg.out{align-self:flex-end;background:var(--orange-soft);border-color:transparent}
.msg .when{font-size:10.5px;color:var(--muted);margin-top:2px}

/* вход — графитовый фон с оранжевой полосой, как обложка прайса */
.login-wrap{min-height:100vh;display:grid;place-items:center;background:var(--side);padding:16px;
  background-image:linear-gradient(transparent calc(100% - 4px),var(--orange) 0)}
.login{width:100%;max-width:360px;background:var(--paper);padding:30px 28px 26px;border-radius:var(--r);border-top:3px solid var(--orange)}
.login .logo{margin-bottom:22px;gap:10px}
.login .logo img{width:84px}
.login .logo .crm{font-size:11px;color:var(--muted)}
.err{color:var(--danger);font-size:12.5px;margin-top:8px;min-height:18px}
#toast{position:fixed;right:16px;bottom:16px;z-index:30;display:flex;flex-direction:column;gap:8px}
#toast div{background:var(--strong);color:var(--on-strong);padding:10px 14px;border-radius:var(--r);border-left:3px solid var(--orange);max-width:320px;font-size:12.5px}
.pill{display:inline-block;padding:2px 9px;border-radius:2px;background:var(--orange-soft);color:var(--orange);font-size:11px;font-weight:700;letter-spacing:.04em}
.pill.gray{background:var(--hair);color:var(--muted)}
.stage-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text)}
.stage-pill::before{content:"";width:8px;height:8px;background:var(--c);display:inline-block}
.empty{padding:40px;text-align:center;color:var(--muted)}

/* телефон: панель снизу, карточка одной колонкой */
@media (max-width:820px){
  #app{flex-direction:column-reverse}
  .side{flex:0 0 auto;flex-direction:row;padding:0;overflow-x:auto;justify-content:space-around;border-right:0;border-top:3px solid var(--orange)}
  .side .logo,.side .spacer,.side .me{display:none}
  .nav-btn{flex:1;padding:8px 2px;font-size:8.5px}
  .nav-btn.on::before{left:8px;right:8px;top:0;bottom:auto;width:auto;height:3px}
  .nav-btn .badge{right:6px}
  .topbar{padding:10px 14px}
  .topbar h1{font-size:18px}
  .topbar .mobile-logo{display:flex!important}
  .content{padding:14px}
  .col{flex-basis:82vw}
  .sheet{flex-direction:column;overflow:auto}
  .deal-side{flex:0 0 auto;border-right:0}
  .feed{min-height:85vh}
  .field{grid-template-columns:100px 1fr}
}
.topbar .mobile-logo{display:none}
.topbar .mobile-logo img{width:34px}

/* своё окно подтверждения / ввода */
.dlg-wrap{position:fixed;inset:0;z-index:40;background:rgba(20,18,16,.55);display:grid;place-items:center;padding:16px}
.dlg{background:var(--paper);width:100%;max-width:380px;padding:20px;border-radius:var(--r);border-top:3px solid var(--orange)}
.dlg-t{font-weight:600;margin-bottom:10px}

/* генератор КП поверх сделки */
.kp-wrap{position:fixed;inset:0;z-index:35;background:var(--bg);display:flex;flex-direction:column}
.kp-bar{display:flex;align-items:center;gap:16px;padding:10px 18px;background:var(--side);color:#fff;border-bottom:3px solid var(--orange);flex-wrap:wrap}
.kp-bar button:not(.primary){color:#d9d3cc;border-color:var(--side-line);background:transparent}
.kp-bar button.primary{background:var(--orange);border-color:var(--orange);box-shadow:none}
.kp-bar button.primary:disabled{opacity:.45;cursor:default}
.kp-bar .cap{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--side-text);font-weight:600;margin-right:6px}
.kp-who{flex:1;min-width:140px}
.kp-sum b{font-size:16px}
.kp-frame{flex:1;width:100%;border:0;background:#fff}

/* массовое назначение ответственного */
th.chk,td.chk{width:38px;padding-right:0}
th.chk input,td.chk input{width:17px;height:17px;accent-color:var(--orange);cursor:pointer;margin:0}
tr.picked td{background:var(--orange-soft)}
.bulk{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px;padding:10px 14px;
  background:var(--side);color:#fff;border-radius:var(--r);border-left:3px solid var(--orange)}
.bulk select{width:auto;min-width:160px;background:var(--side-2);color:#fff;border-color:var(--side-line)}
.bulk .muted{color:var(--side-text)}
.bulk button:not(.primary){background:transparent;color:#d9d3cc;border-color:var(--side-line)}
.bulk button.primary{background:var(--orange);border-color:var(--orange);box-shadow:none}



/* css/02-themes.css */
/* темы оформления: воздушная, олива, угли, неон; выбор темы */
/* воздушная: светлое меню, мягкие тени вместо линий, небесный акцент */
:root[data-theme="air"]{
  --ink:#2b3442;--text:#2b3442;--paper:#fdfeff;--bg:#f5f8fc;--panel:#fff;--field:#fff;--muted:#8a94a3;
  --line:#e6ebf2;--hair:#eef2f7;--side:#ffffff;--side-2:#eef4fd;--side-line:#e9eef5;--side-text:#7d8796;
  --orange:#5b8def;--orange-soft:#edf3fe;--strong:#5b8def;--on-strong:#fff;--ok:#3fae7a;--danger:#e5566d;--warn:#e6a23c;
  --r:10px;
}
:root[data-theme="air"] .side{border-right:1px solid var(--line);box-shadow:4px 0 24px rgba(60,90,140,.05)}
:root[data-theme="air"] .nav-btn:hover,:root[data-theme="air"] .nav-btn.on{color:var(--orange)}
:root[data-theme="air"] .nav-btn.on::before{border-radius:0 3px 3px 0}
:root[data-theme="air"] .topbar,:root[data-theme="air"] .feed-head{border-bottom-color:var(--line);background:rgba(255,255,255,.85);backdrop-filter:blur(8px)}
:root[data-theme="air"] th{border-bottom-color:var(--line)}
:root[data-theme="air"] .block-h{border-bottom-color:var(--hair)}
:root[data-theme="air"] .kpis{border-top:0;border-radius:var(--r);box-shadow:0 4px 20px rgba(60,90,140,.06);border-bottom:0}
:root[data-theme="air"] .panel,:root[data-theme="air"] .wrap{border-color:transparent;box-shadow:0 4px 20px rgba(60,90,140,.06)}
:root[data-theme="air"] .card{border-color:transparent;box-shadow:0 2px 12px rgba(60,90,140,.07)}
:root[data-theme="air"] .card:hover{box-shadow:0 6px 22px rgba(60,90,140,.13)}
:root[data-theme="air"] .col-head{border-bottom-width:3px}
:root[data-theme="air"] .quick-form{border-color:var(--line)}
:root[data-theme="air"] button.primary{box-shadow:0 4px 14px rgba(91,141,239,.35);letter-spacing:.04em}
:root[data-theme="air"] button.primary:hover{background:#4a7fe6;border-color:#4a7fe6}
:root[data-theme="air"] .deal-top,:root[data-theme="air"] .kp-bar,:root[data-theme="air"] .bulk{
  background:linear-gradient(120deg,#6d9cf2,#8fb6f7);border-color:transparent}
:root[data-theme="air"] .deal-top .nav button,:root[data-theme="air"] .kp-bar button:not(.primary),:root[data-theme="air"] .bulk button:not(.primary){
  color:#fff;border-color:rgba(255,255,255,.45)}
:root[data-theme="air"] .deal-top .nav .id,:root[data-theme="air"] .stage-line .days,:root[data-theme="air"] .kp-bar .cap,:root[data-theme="air"] .bulk .muted{color:rgba(255,255,255,.8)}
:root[data-theme="air"] .stage-line select,:root[data-theme="air"] .bulk select{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4);color:#fff}
:root[data-theme="air"] .stage-line select option,:root[data-theme="air"] .bulk select option{color:#2b3442}
:root[data-theme="air"] .stepper button{background:rgba(255,255,255,.25);color:#fff}
:root[data-theme="air"] .stepper button.past{background:rgba(255,255,255,.6);color:#3d5a99}
:root[data-theme="air"] .stepper button.cur{background:var(--c);color:#141210;box-shadow:0 0 0 2px #fff}
:root[data-theme="air"] .deal-name:hover{border-color:rgba(255,255,255,.4)}
:root[data-theme="air"] .deal-name:focus{background:rgba(255,255,255,.15);border-color:#fff}
:root[data-theme="air"] .deal-name::placeholder{color:rgba(255,255,255,.7)}
:root[data-theme="air"] .kp-bar button.primary,:root[data-theme="air"] .bulk button.primary{background:#fff;color:#4a7fe6;border-color:#fff}
:root[data-theme="air"] .contact-box{border-left-color:var(--orange)}
:root[data-theme="air"] .login-wrap{background:linear-gradient(160deg,#eaf1fd,#f8fbff 55%,#eef5fb)}
:root[data-theme="air"] .login{box-shadow:0 20px 60px rgba(60,90,140,.12);border-top-color:var(--orange)}


/* ---------- Олива: мягкие формы, мох, «таблетки» ---------- */
:root[data-theme="olive"]{--r:12px;--bg:#eceee5}
:root[data-theme="olive"] body{background:radial-gradient(900px 500px at 100% 0,rgba(134,168,79,.10),transparent 60%),radial-gradient(700px 500px at 0 100%,rgba(107,143,58,.08),transparent 60%),var(--bg)}
:root[data-theme="olive"] .side{background:linear-gradient(180deg,#3a4630,#232b1d);border-right:0;box-shadow:4px 0 20px rgba(35,43,29,.18)}
:root[data-theme="olive"] .nav-btn{margin:2px 8px;border-radius:10px}
:root[data-theme="olive"] .nav-btn.on{background:rgba(134,168,79,.22)}
:root[data-theme="olive"] .nav-btn.on::before{display:none}
:root[data-theme="olive"] .topbar,:root[data-theme="olive"] .feed-head{background:rgba(248,249,245,.85);backdrop-filter:blur(8px);border-bottom-color:var(--line)}
:root[data-theme="olive"] button:not(.theme):not(.tab):not(.nav-btn):not(.act){border-radius:999px}
:root[data-theme="olive"] .theme{border-radius:14px}
:root[data-theme="olive"] button.primary{background:linear-gradient(135deg,#5f8232,#86a84f);border-color:#5f8232;box-shadow:0 4px 14px rgba(95,130,50,.3);letter-spacing:.03em}
:root[data-theme="olive"] input,:root[data-theme="olive"] select,:root[data-theme="olive"] textarea{border-radius:10px}
:root[data-theme="olive"] .card{border-color:transparent;box-shadow:0 2px 10px rgba(47,53,41,.08)}
:root[data-theme="olive"] .card:hover{box-shadow:0 6px 20px rgba(47,53,41,.14)}
:root[data-theme="olive"] .card::before{top:12px;bottom:12px;width:3px;border-radius:3px;left:0}
:root[data-theme="olive"] .panel,:root[data-theme="olive"] .wrap,:root[data-theme="olive"] .kpis{border-color:transparent;box-shadow:0 3px 16px rgba(47,53,41,.07);border-radius:var(--r)}
:root[data-theme="olive"] .kpis{border-top:0}
:root[data-theme="olive"] th,:root[data-theme="olive"] .block-h{border-bottom-color:#c9cfbd}
:root[data-theme="olive"] .col-head{border-bottom-width:3px}
:root[data-theme="olive"] .deal-top,:root[data-theme="olive"] .kp-bar,:root[data-theme="olive"] .bulk{background:linear-gradient(135deg,#2f3a26,#55702f);border-color:transparent}
:root[data-theme="olive"] .pill,:root[data-theme="olive"] .stage-pill::before{border-radius:999px}
:root[data-theme="olive"] .stepper button{border-radius:999px}


/* ---------- Тёмная «Угли»: зарево, стекло, раскалённый оранжевый ---------- */
:root[data-theme="dark"] body{background:radial-gradient(1100px 600px at 90% -10%,rgba(242,107,54,.13),transparent 60%),radial-gradient(800px 500px at -10% 110%,rgba(242,107,54,.07),transparent 60%),#121110}
:root[data-theme="dark"] .side{background:#0c0b0b;border-right:1px solid rgba(242,107,54,.35);box-shadow:0 0 30px rgba(242,107,54,.10)}
:root[data-theme="dark"] .nav-btn.on::before{box-shadow:0 0 12px #f26b36}
:root[data-theme="dark"] .topbar,:root[data-theme="dark"] .feed-head{background:rgba(18,17,16,.7);backdrop-filter:blur(10px);border-bottom-color:rgba(255,255,255,.08)}
:root[data-theme="dark"] .card,:root[data-theme="dark"] .panel,:root[data-theme="dark"] .wrap,:root[data-theme="dark"] .kpis,:root[data-theme="dark"] .quick-form{
  background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
:root[data-theme="dark"] table{background:transparent}
:root[data-theme="dark"] .card:hover{border-color:rgba(242,107,54,.6);box-shadow:0 0 18px rgba(242,107,54,.18)}
:root[data-theme="dark"] button.primary{background:linear-gradient(135deg,#f26b36,#ff9b45);border-color:#f26b36;box-shadow:0 6px 20px rgba(242,107,54,.35)}
:root[data-theme="dark"] .num-o,:root[data-theme="dark"] .kpi.hl .v{text-shadow:0 0 10px rgba(242,107,54,.6)}
:root[data-theme="dark"] th,:root[data-theme="dark"] .block-h{border-bottom-color:rgba(255,255,255,.14)}
:root[data-theme="dark"] .deal-top,:root[data-theme="dark"] .kp-bar,:root[data-theme="dark"] .bulk{background:linear-gradient(135deg,#0c0b0b,#2a1810);box-shadow:0 2px 20px rgba(242,107,54,.18)}
:root[data-theme="dark"] .deal-side{background:rgba(20,19,18,.92)}

/* ---------- Неон ультрафиолет: тёмный асфальт, мягкое ультрафиолетовое свечение, высокий контраст ---------- */
:root[data-theme="neon"]{
  --ink:#eceef0;--text:#eceef0;--paper:#16191b;--bg:#111315;--panel:#1c1f22;--field:#15181a;--muted:#a3a9b0;
  --line:#33383d;--hair:#272b2f;--side:#0b0d0e;--side-2:#1a1d21;--side-line:#262a2e;--side-text:#9aa1a8;
  --orange:#b06bff;--orange-soft:rgba(176,107,255,.14);--strong:#9b4dff;--on-strong:#fff;
  --ok:#5ee6a8;--danger:#ff6b8f;--warn:#ffc65c;
  color-scheme:dark;
}
:root[data-theme="neon"] .side{border-right:1px solid rgba(176,107,255,.45);box-shadow:0 0 20px rgba(155,77,255,.18)}
:root[data-theme="neon"] .nav-btn.on{background:rgba(176,107,255,.12);color:#fff}
:root[data-theme="neon"] .nav-btn.on::before{box-shadow:0 0 8px rgba(176,107,255,.9)}
:root[data-theme="neon"] .topbar,:root[data-theme="neon"] .feed-head{border-bottom-color:var(--line)}
:root[data-theme="neon"] .card,:root[data-theme="neon"] .panel,:root[data-theme="neon"] .wrap,:root[data-theme="neon"] .kpis{border-color:var(--line)}
:root[data-theme="neon"] .card:hover{border-color:#b06bff;box-shadow:0 0 0 1px rgba(176,107,255,.35),0 0 14px rgba(155,77,255,.18)}
:root[data-theme="neon"] th,:root[data-theme="neon"] .block-h{border-bottom-color:#3d4349}
:root[data-theme="neon"] input,:root[data-theme="neon"] select,:root[data-theme="neon"] textarea{border-color:#353a40}
:root[data-theme="neon"] input:focus,:root[data-theme="neon"] select:focus,:root[data-theme="neon"] textarea:focus{border-color:#b06bff;box-shadow:0 0 0 3px rgba(176,107,255,.2)}
:root[data-theme="neon"] button:not(.primary):not(.ghost):not(.nav-btn):not(.tab):not(.theme):not(.act){background:#1f2326;border-color:#353a40}
:root[data-theme="neon"] button:not(.primary):not(.ghost):not(.nav-btn):not(.tab):not(.theme):not(.act):hover{border-color:#b06bff}
:root[data-theme="neon"] button.primary{background:linear-gradient(135deg,#8f45ff,#b06bff);border-color:#9b4dff;box-shadow:0 0 12px rgba(155,77,255,.35)}
:root[data-theme="neon"] button.primary:hover{box-shadow:0 0 16px rgba(155,77,255,.55)}
:root[data-theme="neon"] .deal-top,:root[data-theme="neon"] .kp-bar,:root[data-theme="neon"] .bulk{background:#0e1012;border-bottom-color:#9b4dff;box-shadow:0 2px 14px rgba(155,77,255,.18)}
:root[data-theme="neon"] #toast div{background:#1f2326;color:var(--text);border:1px solid var(--line);border-left:3px solid #b06bff;box-shadow:0 6px 24px rgba(0,0,0,.45)}
:root[data-theme="neon"] #toast .ntf.lead{border-left-color:var(--ok)}
:root[data-theme="neon"] .pill{background:rgba(176,107,255,.16);color:#d4b3ff}
:root[data-theme="neon"] .kpi.hl .v{color:#c9a0ff}
:root[data-theme="neon"] .phone{border-top-color:#b06bff;box-shadow:0 12px 40px rgba(0,0,0,.5),0 0 18px rgba(155,77,255,.15)}
:root[data-theme="neon"] ::-webkit-scrollbar{width:10px;height:10px}
:root[data-theme="neon"] ::-webkit-scrollbar-track{background:#111315}
:root[data-theme="neon"] ::-webkit-scrollbar-thumb{background:#2c3136;border-radius:6px;border:2px solid #111315}
:root[data-theme="neon"] ::-webkit-scrollbar-thumb:hover{background:#3d434a}
:root[data-theme="neon"] *{scrollbar-color:#2c3136 #111315}

/* выбор темы */
.themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.theme{border:1.5px solid var(--line);border-radius:var(--r);padding:0;overflow:hidden;background:var(--panel);text-align:left;cursor:pointer}
.theme.on{border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-soft)}
.theme .pv{display:flex;height:54px}
.theme .pv i{display:block}
.theme .pv .s{width:22%}
.theme .pv .b{flex:1;padding:8px;display:flex;flex-direction:column;gap:5px}
.theme .pv .b u{display:block;height:7px;border-radius:2px}
.theme .nm{display:block;padding:7px 9px;font-size:12px;font-weight:600;color:var(--text)}
.bulk .grp{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-left:12px;border-left:1px solid var(--side-line)}


/* css/03-components.css */
/* уведомления, телефон, звонки, кнопки сделки, аналитика, поля, редактор воронок */
/* уведомления о лидах и сообщениях */
#toast .ntf{cursor:pointer;display:flex;flex-direction:column;gap:2px;min-width:260px;animation:ntfIn .25s ease-out}
#toast .ntf b{font-size:13px}
#toast .ntf span{opacity:.9;font-size:12.5px}
#toast .ntf small{opacity:.55;font-size:10.5px;margin-top:2px}
#toast .ntf.lead{border-left:4px solid var(--ok)}
#toast .ntf:hover{filter:brightness(1.12)}
@keyframes ntfIn{from{transform:translateX(30px);opacity:0}to{transform:none;opacity:1}}

/* телефон */
.ph-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#8a837b;flex:0 0 8px}
.ph-dot.on{background:#3cb371;box-shadow:0 0 0 3px rgba(60,179,113,.25)}
.ph-dot.err{background:var(--danger)}
.nav-btn .ph-dot{position:absolute;top:8px;right:22px}
.phone{position:fixed;left:96px;bottom:16px;z-index:28;width:320px;max-height:calc(100vh - 32px);overflow:auto;
  background:var(--panel);color:var(--text);border:1px solid var(--line);border-top:3px solid var(--orange);border-radius:var(--r);
  padding:14px;box-shadow:0 12px 40px rgba(0,0,0,.25)}
.ph-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.ph-row{display:flex;align-items:center;gap:8px;padding:7px 4px;border-bottom:1px solid var(--hair);cursor:pointer;font-size:13px}
.ph-row:hover{background:var(--orange-soft)}
.ph-call{text-align:center}
.ph-call .ph-who{font-size:20px;font-weight:600;margin-top:4px}
.ph-call a{display:inline-block;margin-top:6px;font-size:12.5px}
.ph-timer{font:600 26px/1.2 ui-monospace,Consolas,monospace;margin:10px 0;min-height:30px}
.ph-btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.ph-btns button{flex:1;padding:10px}
.ph-ok{background:#3cb371;border-color:#3cb371;color:#fff}
.ph-no{background:var(--danger);border-color:var(--danger);color:#fff}
.ph-call.ringing .ph-who{animation:phPulse 1s ease-in-out infinite}
@keyframes phPulse{50%{opacity:.55}}
.ph-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}
.ph-keys button{padding:9px;font-size:16px}
.call-row{display:flex;align-items:center;gap:10px;padding:10px;background:var(--panel);border:1px solid var(--hair);border-radius:var(--r);flex-wrap:wrap}
.call-row .ci{display:flex}
.call-row audio{height:34px;max-width:100%}
@media (max-width:820px){.phone{left:8px;right:8px;width:auto;bottom:70px}}

/* журнал звонков */
td.ci{width:1%;white-space:nowrap}
.cicon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;flex:0 0 24px;vertical-align:middle;
  background:color-mix(in srgb,var(--cc) 14%,transparent);color:var(--cc)}
.cicon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.cicon.in{--cc:var(--ok)}.cicon.out{--cc:#3b82f6}.cicon.missed{--cc:var(--danger)}.cicon.fail{--cc:var(--muted)}.cicon.int{--cc:#8b5cf6}
.ckind{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted)}
th.chk,td.chk{width:1%;padding-right:0}
th.chk input,td.chk input{width:16px;height:16px;accent-color:var(--orange);cursor:pointer}
tr.sel td{background:var(--orange-soft)}
.sel-bar{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:30;display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--panel);border:1px solid var(--danger);border-radius:var(--r);font-size:13px;font-weight:600;box-shadow:0 8px 28px rgba(0,0,0,.18);white-space:nowrap}
.rec{display:flex;align-items:center;gap:6px}
.rec audio{height:32px;width:240px;max-width:100%}
.rec a{text-decoration:none;font-size:16px}

/* шапка сделки: кнопки в ряд, без переноса текста */
.deal-top .nav{flex-wrap:wrap;row-gap:6px}
.deal-top .nav button{white-space:nowrap}

/* большие кнопки действий в карточке сделки */
.deal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 4px}
.act{display:flex;align-items:center;gap:10px;padding:13px 14px;border-radius:calc(var(--r) + 4px);text-align:left;
  font-size:14px;border:1px solid transparent;transition:transform .08s,filter .12s,box-shadow .12s}
.act:hover{filter:brightness(1.07);transform:translateY(-1px)}
.act:active{transform:none}
.act svg{width:24px;height:24px;flex:0 0 24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.act span{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.act b{font-weight:700;font-size:14.5px}
.act small{font-size:11.5px;opacity:.85;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.act-call{background:#2f9e63;border-color:#2f9e63;color:#fff;box-shadow:0 4px 14px rgba(47,158,99,.28)}
.act-kp{background:var(--strong);border-color:var(--strong);color:var(--on-strong);box-shadow:0 4px 14px rgba(0,0,0,.14)}
.act-kp:hover,.act-call:hover{border-color:transparent}
@media (max-width:420px){.deal-actions{grid-template-columns:1fr}}
:root[data-theme="neon"] .stepper button{background:#1f2326;border:0}
:root[data-theme="neon"] .stepper button.past{background:color-mix(in srgb,var(--c) 40%,#111315);color:#fff}
:root[data-theme="neon"] .stepper button.cur{background:var(--c);color:#141210;box-shadow:0 0 10px color-mix(in srgb,var(--c) 60%,transparent)}

/* аналитика */
.seg-pills{display:flex;gap:2px;background:var(--hair);padding:3px;border-radius:calc(var(--r) + 3px);flex-wrap:wrap}
.seg-pills button{border:0;background:transparent;padding:6px 10px;font-size:12px;border-radius:var(--r);color:var(--muted)}
.seg-pills button.on{background:var(--panel);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.kpis-8{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.kpis-8 .kpi{border-bottom:1px solid var(--hair)}
.kpi .hint{font-size:11.5px;color:var(--muted);margin-top:4px}
.kpi .v{font-size:24px}
.r-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px}
.r-grid>.panel{margin-bottom:16px}
.r-sub{font-weight:500;font-size:12px;margin-left:6px}
.r-note{font-size:11.5px;margin-top:10px}
.fn-row{display:grid;grid-template-columns:150px 1fr 82px 58px;gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid var(--hair);cursor:default}
.fn-row:last-of-type{border-bottom:0}
.fn-row:hover{background:var(--orange-soft)}
.fn-name{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fn-name .num-o{margin-right:6px}
.fn-bar{height:14px;background:var(--hair);border-radius:4px;overflow:hidden}
.fn-bar i{display:block;height:100%;background:var(--c);border-radius:0 4px 4px 0}
.fn-n{text-align:right;font-size:12.5px;white-space:nowrap}
.fn-step{text-align:right;font-size:12px;color:var(--muted);white-space:nowrap}
.fn-step.low{color:var(--danger);font-weight:700}
.bars{display:flex;align-items:flex-end;gap:2px;height:170px;padding-top:16px;border-bottom:1px solid var(--line)}
.bar-col{flex:1;min-width:6px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;cursor:default}
.bar-col i{display:block;width:100%;max-width:26px;background:var(--orange);border-radius:4px 4px 0 0;min-height:2px}
.bar-col:hover i{filter:brightness(1.15)}
.bar-v{position:absolute;top:-2px;font-size:11px;font-weight:700}
.bar-d{position:absolute;bottom:-18px;font-size:10px;color:var(--muted)}
.r-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:28px}
.r-mini div{display:flex;flex-direction:column;font-size:12px}
.r-mini b{font-size:16px;margin-top:2px}
@media (max-width:1100px){.r-grid{grid-template-columns:1fr}}
@media (max-width:600px){.fn-row{grid-template-columns:110px 1fr 64px}.fn-step{display:none}.r-mini{grid-template-columns:repeat(2,1fr)}}
.fn-side{display:flex;flex-direction:column;gap:6px;margin-top:12px;padding-top:10px;border-top:1px dashed var(--line);font-size:12.5px}
.fn-side>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

/* поля сделки: сегмент, быстрые даты, метки */
.seg2{display:inline-flex;background:var(--hair);padding:3px;border-radius:calc(var(--r) + 3px);gap:2px}
.seg2 button{border:0;background:transparent;padding:5px 16px;font-weight:700;font-size:12px;border-radius:var(--r);color:var(--muted)}
.seg2 button.on{background:var(--panel);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.quick-dates{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px;padding-left:8px}
.quick-dates button{padding:3px 9px;font-size:11.5px;font-weight:600}
.nx-warn{font-size:11.5px;color:var(--danger);margin-top:5px;padding-left:8px}
.field input.overdue{color:var(--danger)}
.tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}
.tag{display:inline-block;font-size:10.5px;font-weight:700;padding:1px 6px;border-radius:3px;background:var(--hair);color:var(--muted);letter-spacing:.02em}
.tag.b2b{background:var(--orange-soft);color:var(--orange)}
.kpis-8{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.st-row{grid-template-columns:150px 1fr 70px}

/* площадь объекта: крупные — жёлтые, очень крупные — оранжевые */
.tag.m2-l{background:#fde68a;color:#7a5200}
.tag.m2-xl{background:#f97316;color:#fff}
.tag.need-soon{background:var(--ok);color:#fff}
.tag.need-past{background:var(--hair);color:var(--danger)}
.card.no-step{outline:1.5px solid var(--danger);outline-offset:-1px}
.nostep-btn{margin-left:10px;font-size:12px;font-weight:700;color:var(--danger);border:1px solid var(--danger);background:transparent;padding:2px 8px;border-radius:var(--r);cursor:pointer}
.nostep-btn.on,.nostep-btn:hover{background:var(--danger);color:#fff}

/* редактор воронок */
.pe-list{display:flex;flex-direction:column;gap:4px}
.pe-row{display:flex;align-items:center;gap:8px;padding:5px 6px;border:1px solid var(--hair);border-radius:var(--r);background:var(--panel);flex-wrap:wrap}
.pe-row .num-o{width:20px}
.pe-move{display:flex;flex-direction:column}
.pe-move button{padding:0 6px;font-size:9px;line-height:1.3}
.pe-move button:disabled{opacity:.25;cursor:default}
.pe-color{width:22px;height:22px;border-radius:50%;background:var(--c);flex:0 0 22px;cursor:pointer;position:relative;margin:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.pe-color input{opacity:0;position:absolute;inset:0;width:100%;height:100%;cursor:pointer;padding:0;border:0}
.pe-name{flex:1 1 200px;min-width:160px}
.pe-row select{width:auto;flex:0 0 auto}
.pe-chk{display:flex;align-items:center;gap:4px;margin:0;font-size:12px;text-transform:none;letter-spacing:0;color:var(--text);font-weight:500;white-space:nowrap}
.pe-chk input{width:15px;height:15px;accent-color:var(--orange)}
.pe-gap{flex:0 0 0}
.pe-cnt{font-size:12px;min-width:70px;text-align:right}
.pe-row{display:grid;grid-template-columns:22px 20px 22px minmax(120px,1fr) 150px auto 70px 30px;gap:8px;flex-wrap:nowrap}
.pe-flags{display:flex;gap:10px;align-items:center}
.pe-row select{width:100%}
@media (max-width:1150px){
  .pe-row{grid-template-columns:22px 20px 22px minmax(110px,1fr) 140px 30px}
  .pe-flags{grid-column:4 / 6;grid-row:2;flex-wrap:wrap}
  .pe-cnt{grid-column:1 / 4;grid-row:2;text-align:left;min-width:0}
}


/* css/04-mobile.css */
/* телефон: нижнее меню, шапки, карточка */
/* ---------- телефон: компактное меню и шапки ---------- */
#moreBtn,.show-m{display:none}
.more-menu{position:fixed;inset:0;z-index:30;background:rgba(0,0,0,.35);display:flex;align-items:flex-end}
.more-sheet{width:100%;background:var(--side);padding:10px 10px 74px;border-top:3px solid var(--orange);display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-radius:14px 14px 0 0}
.more-sheet button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;background:var(--side-2);border:0;color:#fff;font-size:11.5px;font-weight:600;border-radius:10px}
.more-sheet button.on{outline:2px solid var(--orange)}
.more-sheet svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.more-sheet button[data-act]{grid-column:span 3;flex-direction:row;justify-content:center}
@media (max-width:820px){
  #moreBtn{display:flex}
  .side .nav-btn[data-view="calls"],.side .nav-btn[data-view="kp"],.side .nav-btn[data-view="chats"],
  .side .nav-btn[data-view="report"],.side .nav-btn[data-view="settings"],.side #logout{display:none}
  .side{overflow:visible}
  .nav-btn{flex:1 1 0;min-width:0;font-size:9px}
  .hide-m{display:none}.show-m{display:inline}
  /* шапка: логотип, название и главная кнопка — первыми; фильтры листаются вбок */
  .topbar{flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:8px 12px;min-height:54px;scrollbar-width:none}
  .topbar::-webkit-scrollbar{display:none}
  .topbar>*{flex-shrink:0}
  .topbar .mobile-logo{order:-3}
  .topbar h1{order:-2;font-size:17px}
  .topbar .primary{order:-1}
  .topbar .grow{display:none}
  .topbar .search{min-width:170px;max-width:200px}
  .topbar .stat{display:none}
  .topbar>span.muted{display:none}
  .seg-pills{flex-wrap:nowrap}
  .seg-pills button{white-space:nowrap}
  .kpis-8{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kpi .v{font-size:19px}
  .deal-top{padding:12px 14px 14px}
  .deal-body{padding:4px 14px 16px}
  .field{grid-template-columns:96px 1fr;gap:6px}
  .field>span{font-size:9.5px}
  .bulk{gap:8px}
  .bulk .grp{border-left:0;padding-left:0}
  .panel{padding:14px}
}
@media (max-width:600px){
  .pe-row{grid-template-columns:20px 20px 22px minmax(0,1fr) 30px}
  .pe-row select{grid-column:4 / 6;grid-row:2}
  .pe-flags{grid-column:2 / 6;grid-row:3}
  .pe-cnt{grid-column:1 / 4;grid-row:2}
}
/* основная колонка не должна вырастать выше экрана — прокручивается содержимое */
.main{min-height:0}
.more-sheet{padding-bottom:calc(14px + env(safe-area-inset-bottom))}
@media (max-width:600px){
  .pe-flags{gap:2px 12px;flex-wrap:wrap}
  .pe-chk{font-size:11.5px}
  #pipeEditor .row{flex-wrap:wrap}
  #pipeEditor .row.auto{width:100%;justify-content:flex-end}
}


/* css/05-deal-blocks.css */
/* дожим, «Сейчас», сводка Claude, расшифровки звонков */
/* воронка «Дожим»: блок текущего касания в карточке сделки */
.dz{border:1.5px solid var(--orange);border-radius:var(--r);padding:12px 14px;margin:4px 0 8px;background:var(--panel)}
.dz-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:12px}
.dz-step{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--orange)}
.dz-dots{display:flex;gap:4px;margin:8px 0 10px}
.dz-dots span{flex:1;height:4px;border-radius:2px;background:var(--hair)}
.dz-dots span.past{background:color-mix(in srgb,var(--orange) 45%,transparent)}.dz-dots span.cur{background:var(--orange)}
.dz-title{font-size:16px;font-weight:700;color:var(--ink)}
.dz-meta{font-size:12px;color:var(--muted);margin:2px 0 8px}
.dz-goal{font-size:13px;line-height:1.45;margin-bottom:8px}
.dz-more{font-size:12.5px;margin:6px 0}
.dz-more summary{cursor:pointer;font-weight:600;color:var(--ink)}
.dz-more ul{margin:6px 0 0;padding-left:18px}.dz-more li{margin:2px 0}
.dz-script{border:1px solid var(--hair);border-radius:var(--r);margin:8px 0;overflow:hidden}
.dz-script-h{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:5px 6px 5px 10px;background:var(--hair);font-size:12px;font-weight:600}
.dz-script-h button{font-size:11.5px;padding:3px 8px}
.dz-text{white-space:pre-wrap;font-size:13px;line-height:1.45;padding:8px 10px}
.dz-ans{width:100%;font-size:12px;border-collapse:collapse;margin-top:6px}
.dz-ans td{border-top:1px solid var(--hair);padding:5px 6px;vertical-align:top}.dz-ans td:first-child{font-weight:600;width:38%}
.dz-note{font-size:12px;line-height:1.4;margin:6px 0;color:var(--muted)}.dz-dont b{color:var(--danger)}
.dz-done{width:100%;padding:9px;margin-top:8px}
.dz-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.dz-actions button{font-size:12px;padding:5px 9px}.dz-actions select{flex:1;min-width:150px;font-size:12px}
.act-dz{grid-column:1/-1;border:1.5px solid var(--orange)}

/* «Сейчас» и сводка Claude вверху карточки сделки */
.now{border-left:3px solid var(--danger);background:var(--panel);border-radius:var(--r);padding:10px 12px;margin:4px 0 10px;box-shadow:0 0 0 1px var(--hair)}
.now-h{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--danger);margin-bottom:4px}
.now ul{margin:0;padding-left:18px;font-size:13px;line-height:1.45}.now li{margin:3px 0}
.now li.hot b{color:var(--danger)}.now li.warn b{color:var(--warn)}
.now li button{font-size:11.5px;padding:2px 8px;margin-left:4px}
.now-hist{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.4}
.ai{border:1px solid var(--hair);border-left:3px solid #8b5cf6;border-radius:var(--r);padding:10px 12px;margin:0 0 10px;background:var(--panel)}
.ai-h{display:flex;justify-content:space-between;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#8b5cf6;margin-bottom:4px}
.ai-text{font-size:13px;line-height:1.45;white-space:pre-wrap}
.ai-next{font-size:13px;line-height:1.45;margin-top:6px}
.ai button{font-size:12px;padding:4px 10px;margin-top:8px}
.ai-note{font-size:11px;color:var(--muted);margin-top:6px}
.tag.wait{background:var(--danger);color:#fff}

/* расшифровка звонка */
.tr{font-size:12.5px;margin-top:4px}.tr summary{cursor:pointer;color:var(--muted)}
.tr div{white-space:pre-wrap;line-height:1.45;max-height:260px;overflow:auto;padding:6px 8px;margin-top:4px;background:var(--hair);border-radius:var(--r)}


/* css/06-mobile-extra.css */
/* телефон: доработки удобства (полоска этапов, переключатель карточки, звонки) */
/* ================= телефон: доработки удобства ================= */
.m-stages,.m-switch{display:none}
@media (max-width:820px){
  /* поля 16px — иначе iPhone приближает страницу при нажатии на поле */
  input,select,textarea{font-size:16px}
  .field>span{font-size:10px}
  /* уведомления сверху, не закрывают нижнее меню; касание — закрыть */
  #toast{left:8px;right:8px;top:calc(8px + env(safe-area-inset-top));bottom:auto;z-index:45}
  #toast div{max-width:none;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.18)}
  #toast .ntf{min-width:0}
  /* нижнее меню над «полоской» iPhone */
  .side{padding-bottom:env(safe-area-inset-bottom)}
  /* шапка доски: строка 1 — заголовок и кнопка, строка 2 — воронки, строка 3 — поиск */
  .topbar.tb-board{flex-wrap:wrap;overflow:visible;row-gap:8px}
  .topbar.tb-board #pipeTabs{order:5;flex:1 1 100%;display:flex}
  .topbar.tb-board #pipeTabs button{flex:1 1 0;min-width:0;padding:7px 4px;overflow:hidden;text-overflow:ellipsis}
  .topbar.tb-board .search{order:6;flex:1 1 0;min-width:0;max-width:none}
  .topbar.tb-board #fUser{order:7;flex:0 0 38%;min-width:0}
  .topbar.tb-board .primary{margin-left:auto}
  /* полоска этапов */
  .content:has(> .m-stages){display:flex;flex-direction:column;padding-top:8px}
  .m-stages{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:0 0 8px;flex:0 0 auto}
  .m-stages::-webkit-scrollbar{display:none}
  .m-stages button{flex:0 0 auto;display:flex;align-items:center;gap:5px;padding:5px 10px;font-size:12px;border-radius:999px;border:1px solid var(--hair);background:var(--panel);color:var(--muted)}
  .m-stages button b{color:var(--ink)}
  .m-stages .dot{width:8px;height:8px;border-radius:50%;background:var(--c)}
  .m-stages button.on{border-color:var(--c);box-shadow:inset 0 0 0 1px var(--c);color:var(--ink)}
  .board{flex:1 1 auto;min-height:0;height:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .col{flex-basis:min(calc(100vw - 56px), 330px);scroll-snap-align:start}
  .col .cards{overscroll-behavior-y:contain}
  /* карточка сделки: переключатель «Сделка / Переписка и звонки» */
  .m-switch{display:flex;gap:4px;position:sticky;top:0;z-index:5;background:var(--side);padding:8px 8px 8px 6px;flex:0 0 auto}
  .m-switch button{flex:1;border:0;border-radius:var(--r);background:transparent;color:rgba(255,255,255,.75);font-size:13px;font-weight:600;padding:8px 6px}
  .m-switch button[data-pane-close]{flex:0 0 40px;font-size:18px;color:#fff}
  .m-switch button.on{background:var(--orange);color:#fff}
  .sheet.pane-feed .deal-side{display:none}
  .sheet.pane-deal .feed{display:none}
  .sheet.pane-feed .feed{min-height:0;flex:1 1 auto;height:calc(100dvh - 52px)}
  .sheet:has(.m-switch) .deal-top .nav button#x{display:none}
  /* звонки: цифры 2×2, строки таблицы — карточками */
  .kpis-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kpis-4 .kpi{padding:10px 12px}
  .kpis-4 .kpi:nth-child(odd){border-left:0}.kpis-4 .kpi:nth-child(n+3){border-top:1px solid var(--hair)}
  .calls-table thead{display:none}
  .calls-table,.calls-table tbody{display:block}
  .calls-table tr{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;padding:10px 8px;border-bottom:1px solid var(--hair)}
  .calls-table td{display:block;border:0;padding:0;width:auto!important;white-space:normal}
  .calls-table td.ci .ckind>span:last-child{display:none}
  .calls-table td.chk{flex:0 0 auto}
  .calls-table td.c-client{flex:1 1 100%;min-width:0;font-weight:600;order:2}
  .calls-table td.c-num{flex:1 1 100%;font-size:12px;color:var(--muted);order:3}
  .calls-table td.c-user{font-size:12px;color:var(--muted);order:4}
  .calls-table td.c-res{font-size:12px;order:4}
  .calls-table td.c-rec{flex:1 1 100%;order:5}.calls-table td.c-rec:empty,.calls-table td.c-rec>.muted{display:none}
  .calls-table td.c-call{order:1;margin-left:auto}
  .calls-table td.c-when{font-size:12px;color:var(--muted)}
  .rec audio{width:100%}
  /* телефон-звонилка не перекрывает нижнее меню */
  .phone{bottom:calc(70px + env(safe-area-inset-bottom))}
}


/* css/07-home.css */
/* главная: цифры, список дел, цели, менеджеры, рабочий день */
/* главная */
.home{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.h-ai{background:var(--panel);border:1px solid var(--hair);border-left:3px solid #8b5cf6;border-radius:var(--r);padding:12px 14px}
.h-ai-h{display:flex;justify-content:space-between;gap:10px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#8b5cf6}
.h-ai-title{font-size:15px;font-weight:700;margin-top:6px;color:var(--ink)}
.h-ai-stats{display:flex;flex-wrap:wrap;gap:6px 14px;margin:6px 0;font-size:12.5px;color:var(--muted)}.h-ai-stats b{color:var(--ink)}
.h-ai-text{font-size:13px;line-height:1.5;white-space:pre-wrap;margin-top:4px}
.h-ai-old{font-size:12px;margin-top:8px;color:var(--muted)}.h-ai-old summary{cursor:pointer}.h-ai-old div{margin-top:4px}
.h-group{background:var(--panel);border:1px solid var(--hair);border-top:3px solid var(--ok);border-radius:var(--r);overflow:hidden}
.h-group.hot{border-top-color:var(--danger)}.h-group.today{border-top-color:var(--warn)}.h-group.warn{border-top-color:var(--orange)}.h-group.muted{border-top-color:var(--hair)}
.h-group-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:10px 14px;font-weight:700;font-size:14px;border-bottom:1px solid var(--hair)}
.h-group-h small{font-weight:500;color:var(--muted);font-size:12px;text-align:right}
.h-row{display:flex;gap:12px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--hair)}.h-row:last-child{border-bottom:0}
.h-main{flex:1;min-width:0}
.h-top{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.h-name{font-size:14px;color:var(--ink)}.h-amt{font-weight:700;font-size:13px}
.h-what{font-size:13px;line-height:1.45;margin-top:3px}
.h-group.hot .h-what{font-weight:600}
.h-meta{font-size:11.5px;color:var(--muted);margin-top:2px}
.h-btns{display:flex;flex-direction:column;gap:6px;flex:0 0 auto}
.h-btns button{font-size:12px;padding:6px 12px;white-space:nowrap}
@media (max-width:820px){
  .h-row{flex-direction:column;align-items:stretch;gap:8px}
  .h-btns{flex-direction:row}.h-btns button{flex:1;padding:9px}
  .h-group-h{flex-direction:column;gap:2px}.h-group-h small{text-align:left}
  .side .nav-btn[data-view="contacts"]{display:none}
}

/* главная: цифры, две колонки, цели, менеджеры */
.h-kpis{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:0}
.h-kpis .kpi .l{font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:700}
.h-kpis .kpi .v{font-size:22px;font-weight:700;margin-top:2px}.h-kpis .kpi .v.bad{color:var(--danger)}
.h-kpis .kpi small{display:block;font-size:11.5px;color:var(--muted)}
.h-cols{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:14px;align-items:start}
.h-left,.h-right{display:flex;flex-direction:column;gap:14px;min-width:0}
.h-row{cursor:pointer}.h-row:hover{background:var(--orange-soft)}
.h-box{background:var(--panel);border:1px solid var(--hair);border-radius:var(--r);padding:12px 14px}
.h-box-h{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--ink);margin-bottom:8px}
.h-goal{margin:8px 0 10px}.h-goal-top{display:flex;justify-content:space-between;font-size:13px}
.h-goal-top b{color:var(--danger)}.h-goal-top b.ok{color:var(--ok)}
.h-track{height:6px;border-radius:3px;background:var(--hair);margin:5px 0 3px;overflow:hidden}
.h-track span{display:block;height:100%;background:var(--danger);border-radius:3px}.h-track span.ok{background:var(--ok)}
.h-goal small{font-size:11px;color:var(--muted)}
.h-mgr{width:100%;border-collapse:collapse;font-size:12.5px}
.h-mgr th{font-size:10px;color:var(--muted);font-weight:600;text-align:center;padding:2px 3px}
.h-mgr td{text-align:center;padding:6px 3px;border-top:1px solid var(--hair);vertical-align:top}
.h-mgr td:first-child{text-align:left}.h-mgr td small{display:block;color:var(--muted);font-size:11px}
.h-mgr td b{display:block}
.h-mini{display:flex;gap:8px;align-items:baseline;padding:6px 0;border-top:1px solid var(--hair);cursor:pointer;font-size:13px}
.h-mini:first-of-type{border-top:0}.h-mini span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.h-mini span.muted{font-size:11.5px;white-space:nowrap}.h-mini:hover span:first-child{text-decoration:underline}
.h-none{font-size:12.5px}
@media (max-width:1100px){.h-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.h-cols{grid-template-columns:minmax(0,1fr)}}
@media (max-width:820px){.h-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.h-kpis .kpi .v{font-size:18px}
  .h-btns button[data-hcall]{flex:0 0 52px}}

/* рабочий день */
.h-wd{padding:7px 0;border-top:1px solid var(--hair)}.h-wd:first-of-type{border-top:0}
.h-wd-name{font-weight:700;font-size:13px}
.h-wd-today{font-size:13px;margin-top:2px}
.h-wd-old{font-size:12px;margin-top:4px;color:var(--muted)}.h-wd-old summary{cursor:pointer}
.h-wd-old div{display:flex;gap:10px;margin-top:3px}.h-wd-old div span{flex:0 0 90px}
.h-wd-old b{color:var(--text)}

.h-group.done{border-top-color:var(--ok);opacity:.85}.h-group.done summary{cursor:pointer;list-style:none}
.h-group.done summary::-webkit-details-marker{display:none}.h-group.done summary span::before{content:"▸ ";color:var(--muted)}
.h-group.done[open] summary span::before{content:"▾ "}

/* css/08-energy.css */
/* тема «Энергия» (2026): светлая тёплая основа, мягкие карточки вместо линий, один яркий акцент TON-оранжевый,
   зелёный — только для сделанного, красный — только для того, что горит. Шрифт Onest, обычный регистр вместо КАПСА. */
:root[data-theme="energy"]{
  --ink:#1b1a21;--text:#1b1a21;--paper:#ffffff;--bg:#f6f4f0;--panel:#ffffff;--field:#faf9f7;--muted:#77727f;
  --line:#e8e4de;--hair:#f0ece7;--side:#16151b;--side-2:rgba(255,255,255,.07);--side-line:rgba(255,255,255,.08);--side-text:#a29eab;
  --orange:#ff5a1f;--orange-soft:#fff0e8;--strong:#ff5a1f;--on-strong:#fff;
  --ok:#16a34a;--ok-soft:#e9f8ee;--warn:#f59e0b;--danger:#e5484d;--violet:#7c5cff;
  --r:14px;--sh:0 1px 2px rgba(27,26,33,.04),0 6px 20px rgba(27,26,33,.05);--sh-hi:0 2px 4px rgba(27,26,33,.05),0 14px 34px rgba(27,26,33,.10);
}
:root[data-theme="energy"] body{
  font-family:"Onest","Montserrat",-apple-system,"Segoe UI",Arial,sans-serif;font-size:14px;font-weight:450;letter-spacing:-.005em;
  background:radial-gradient(900px 520px at 100% -10%,rgba(255,138,61,.13),transparent 60%),
             radial-gradient(800px 520px at -10% 110%,rgba(22,163,74,.07),transparent 60%),var(--bg) fixed}

/* обычный регистр: КАПС с разрядкой утомляет и «кричит» */
:root[data-theme="energy"] label,:root[data-theme="energy"] th,:root[data-theme="energy"] .kpi .l,:root[data-theme="energy"] .h-kpis .kpi .l,
:root[data-theme="energy"] .block-h,:root[data-theme="energy"] .col-head .name,:root[data-theme="energy"] .tab,:root[data-theme="energy"] .field>span,
:root[data-theme="energy"] .h-box-h,:root[data-theme="energy"] .h-ai-h,:root[data-theme="energy"] .nav-btn,:root[data-theme="energy"] button.primary,
:root[data-theme="energy"] .deal-top .nav .id,:root[data-theme="energy"] .kp-bar .cap{text-transform:none;letter-spacing:0}
:root[data-theme="energy"] label,:root[data-theme="energy"] .field>span{font-size:12px;font-weight:600}
:root[data-theme="energy"] th{font-size:12px;font-weight:600;border-bottom:1px solid var(--line)}

/* кнопки и поля */
:where(:root[data-theme="energy"]) button{border-radius:11px;border-color:transparent;background:#f2efeb;font-weight:600;font-size:13px;
  transition:transform .12s ease,box-shadow .15s ease,background .15s ease}
:where(:root[data-theme="energy"]) button:hover{border-color:transparent}
:where(:root[data-theme="energy"] button:not(.primary)):hover{background:#ebe7e1}  /* слабее любых кнопок разделов — их цвета не трогает */
:where(:root[data-theme="energy"]) button:active{transform:scale(.97)}
:where(:root[data-theme="energy"]) button.primary{background:linear-gradient(135deg,#ff5a1f,#ff8a3d);color:#fff;font-size:13px;
  box-shadow:0 4px 14px rgba(255,90,31,.32)}
:where(:root[data-theme="energy"]) button.primary:hover{background:linear-gradient(135deg,#f24d12,#ff7b2a);box-shadow:0 6px 20px rgba(255,90,31,.42)}
:where(:root[data-theme="energy"]) button.ghost{background:transparent}
:where(:root[data-theme="energy"]) input,:where(:root[data-theme="energy"]) select,:where(:root[data-theme="energy"]) textarea{border-radius:11px;border-color:var(--line);background:var(--field)}
:where(:root[data-theme="energy"]) input:focus,:where(:root[data-theme="energy"]) select:focus,:where(:root[data-theme="energy"]) textarea:focus{border-color:var(--orange);background:#fff;box-shadow:0 0 0 4px var(--orange-soft)}
:root[data-theme="energy"] :focus-visible{outline:2px solid var(--orange);outline-offset:2px}

/* левое меню: тёмное, активный раздел — светящаяся «таблетка» */
:root[data-theme="energy"] .side{background:var(--side);border-right:0;padding-top:18px}
:root[data-theme="energy"] .side .logo{border-bottom-color:var(--side-line)}
:root[data-theme="energy"] .nav-btn{background:transparent;margin:2px 9px;border-radius:13px;font-size:10.5px;font-weight:600;padding:10px 2px;transition:background .15s,color .15s}
:root[data-theme="energy"] .nav-btn svg{width:21px;height:21px;stroke-width:1.8}
:root[data-theme="energy"] .nav-btn:hover{background:var(--side-2);color:#fff}
:root[data-theme="energy"] .nav-btn.on{background:rgba(255,90,31,.16);color:#fff}
:root[data-theme="energy"] .nav-btn.on svg{stroke:#ff7a3d;filter:drop-shadow(0 0 6px rgba(255,90,31,.55))}
:root[data-theme="energy"] .nav-btn.on::before{display:none}
:root[data-theme="energy"] .badge{background:var(--danger);box-shadow:0 0 0 2px var(--side)}
:root[data-theme="energy"] .side .me{border-top-color:var(--side-line)}

/* шапка раздела — стекло без линии */
:root[data-theme="energy"] .topbar,:root[data-theme="energy"] .feed-head{background:rgba(255,255,255,.72);backdrop-filter:blur(14px) saturate(1.4);
  border-bottom:1px solid rgba(27,26,33,.06)}
:root[data-theme="energy"] .topbar h1{font-size:24px;font-weight:700;letter-spacing:-.03em}
:root[data-theme="energy"] .topbar .stat b{color:var(--orange)}
:root[data-theme="energy"] .content{padding:22px 26px}

/* поверхности: мягкая тень вместо рамок */
:root[data-theme="energy"] .panel,:root[data-theme="energy"] .wrap,:root[data-theme="energy"] .h-box,:root[data-theme="energy"] .h-group,
:root[data-theme="energy"] .h-ai,:root[data-theme="energy"] .quick-form{border:0;box-shadow:var(--sh);border-radius:10px}
:root[data-theme="energy"] .panel h2{font-size:17px;font-weight:700;letter-spacing:-.02em}
:root[data-theme="energy"] table{background:transparent}
:root[data-theme="energy"] th,:root[data-theme="energy"] td{border-bottom-color:var(--hair)}
:root[data-theme="energy"] tr.click:hover td,:root[data-theme="energy"] tr.picked td{background:#fff6f1}

/* цифры — отдельные плитки (бенто) */
:root[data-theme="energy"] .kpis{border:0;background:transparent;gap:12px}
:root[data-theme="energy"] .kpi{background:var(--panel);border-radius:18px;box-shadow:var(--sh);padding:14px 16px 15px}
:root[data-theme="energy"] .kpi+.kpi{border-left:0}
:root[data-theme="energy"] .kpi .l,:root[data-theme="energy"] .h-kpis .kpi .l{font-size:12.5px;font-weight:600;color:var(--muted)}
:root[data-theme="energy"] .kpi .v{font-weight:750;letter-spacing:-.03em}
:root[data-theme="energy"] .kpi.hl .v{color:var(--orange)}

/* доска */
:root[data-theme="energy"] .board{gap:16px}
:root[data-theme="energy"] .col-head{border-bottom:0;padding:4px 4px 10px}
:root[data-theme="energy"] .col-head .name{font-size:13.5px;font-weight:700;color:var(--ink)}
:root[data-theme="energy"] .col-head .name::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--c);flex:0 0 9px;align-self:center;box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 22%,transparent)}
:root[data-theme="energy"] .col .cards{gap:9px;padding:4px 2px 14px;border-radius:16px}
:root[data-theme="energy"] .card{border:0;border-radius:8px;box-shadow:var(--sh);padding:12px 13px 11px;transition:transform .15s ease,box-shadow .15s ease}
:root[data-theme="energy"] .card::before{left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0}
:root[data-theme="energy"] .card:hover{transform:translateY(-2px);box-shadow:var(--sh-hi)}
:root[data-theme="energy"] .card .foot{border-top-color:var(--hair)}
:root[data-theme="energy"] .quick{border-radius:14px;border-color:#ddd7cf}
:root[data-theme="energy"] .col.drop .cards{outline:2px dashed var(--orange);outline-offset:-2px}

/* метки этапов — мягкие «чипы» */
:root[data-theme="energy"] .stage-pill{background:color-mix(in srgb,var(--c) 14%,transparent);padding:2px 9px 2px 7px;border-radius:999px;font-size:12px}
:root[data-theme="energy"] .stage-pill::before{border-radius:50%;width:7px;height:7px}
:root[data-theme="energy"] .pill{border-radius:999px}

/* карточка сделки */
:root[data-theme="energy"] .modal,:root[data-theme="energy"] .dlg-wrap{background:rgba(22,21,27,.42);backdrop-filter:blur(6px)}
:root[data-theme="energy"] .deal-side{background:var(--paper);border-right:1px solid var(--hair)}
:root[data-theme="energy"] .deal-top,:root[data-theme="energy"] .kp-bar,:root[data-theme="energy"] .bulk{
  background:radial-gradient(600px 200px at 100% 0,rgba(255,90,31,.28),transparent 70%),linear-gradient(135deg,#16151b,#2a2230);border:0}
:root[data-theme="energy"] .deal-top .nav button,:root[data-theme="energy"] .kp-bar button:not(.primary),:root[data-theme="energy"] .bulk button:not(.primary){
  background:rgba(255,255,255,.08);border-color:transparent;color:#e9e6ef}
:root[data-theme="energy"] .deal-top .nav button:hover{background:rgba(255,255,255,.16)}
:root[data-theme="energy"] .deal-name{font-weight:700;letter-spacing:-.03em;border-radius:10px;background:transparent;border-color:transparent;color:#fff}
:root[data-theme="energy"] .deal-name:hover{border-color:rgba(255,255,255,.2)}
:root[data-theme="energy"] .deal-name:focus{background:rgba(255,255,255,.1);border-color:var(--orange);box-shadow:none}
:root[data-theme="energy"] .stepper{gap:4px}
:root[data-theme="energy"] .stepper button{border-radius:999px;height:24px;background:rgba(255,255,255,.08)}
:root[data-theme="energy"] .stepper button.past{background:color-mix(in srgb,var(--c) 45%,#16151b);color:#fff}
:root[data-theme="energy"] .stepper button.cur{background:var(--c);color:#16151b;box-shadow:0 0 0 2px #fff,0 0 16px color-mix(in srgb,var(--c) 70%,transparent)}
:root[data-theme="energy"] .stage-line select,:root[data-theme="energy"] .bulk select{background:rgba(255,255,255,.1);border-color:transparent;color:#fff}
:root[data-theme="energy"] .stage-line select option,:root[data-theme="energy"] .bulk select option{color:#1b1a21}
:root[data-theme="energy"] .block-h{font-size:14px;font-weight:700;border-bottom:1px solid var(--hair);color:var(--ink)}
:root[data-theme="energy"] .field{border-bottom-color:var(--hair)}
:root[data-theme="energy"] .field input,:root[data-theme="energy"] .field select,:root[data-theme="energy"] .field textarea{background:transparent;border-color:transparent}
:root[data-theme="energy"] .field input:focus,:root[data-theme="energy"] .field select:focus,:root[data-theme="energy"] .field textarea:focus{background:#fff;border-color:var(--orange)}
:root[data-theme="energy"] .contact-box{border-left:3px solid var(--orange);border-radius:0 12px 12px 0;background:#fffaf7;padding:8px 12px}
:root[data-theme="energy"] .tab{font-size:13px;font-weight:600;background:transparent;border-radius:0}
:root[data-theme="energy"] .h-more{background:transparent;border-radius:0}
:root[data-theme="energy"] .tab.on{border-bottom-width:3px}
:root[data-theme="energy"] .msg{border:0;box-shadow:0 1px 2px rgba(27,26,33,.06);border-radius:16px 16px 16px 6px}
:root[data-theme="energy"] .msg.out{border-radius:16px 16px 6px 16px;background:#ffece2}

/* вход, окна, уведомления */
:root[data-theme="energy"] .login-wrap{background:radial-gradient(700px 400px at 80% 10%,rgba(255,90,31,.35),transparent 60%),linear-gradient(160deg,#16151b,#251e2a)}
:root[data-theme="energy"] .login,:root[data-theme="energy"] .dlg{border-top:0;border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
:root[data-theme="energy"] #toast div{background:#1b1a21;border-left:0;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.22);padding:11px 15px;font-size:13px;
  animation:en-pop .25s cubic-bezier(.2,.9,.3,1.3)}
:root[data-theme="energy"] .task-row input[type=checkbox]{accent-color:var(--ok)}

/* главная */
:root[data-theme="energy"] .home{gap:16px}
:root[data-theme="energy"] .h-group{overflow:hidden;border-top:0}
:root[data-theme="energy"] .h-group-h{border-bottom:1px solid var(--hair);font-size:15px;padding:13px 16px}
:root[data-theme="energy"] .h-group-h>span:first-child::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--ok);margin-right:9px;vertical-align:1px}
:root[data-theme="energy"] .h-group.hot .h-group-h>span:first-child::before{background:var(--danger);box-shadow:0 0 0 4px rgba(229,72,77,.15)}
:root[data-theme="energy"] .h-group.today .h-group-h>span:first-child::before{background:var(--warn)}
:root[data-theme="energy"] .h-group.warn .h-group-h>span:first-child::before{background:var(--orange)}
:root[data-theme="energy"] .h-group.muted .h-group-h>span:first-child::before{background:#c9c3bb}
:root[data-theme="energy"] .h-row{padding:12px 16px;transition:background .15s}
:root[data-theme="energy"] .h-row:hover{background:#fffaf6}
:root[data-theme="energy"] .h-name{font-weight:700}
:root[data-theme="energy"] .h-ai{border-left:0;background:linear-gradient(160deg,#ffffff,#f6f3ff)}
:root[data-theme="energy"] .h-ai-h{color:var(--violet);font-size:13px}
:root[data-theme="energy"] .h-box-h{font-size:14px;font-weight:700}
:root[data-theme="energy"] .h-track{height:8px;border-radius:99px;background:#f0ece7}
:root[data-theme="energy"] .h-track span{border-radius:99px;background:linear-gradient(90deg,#ff8a3d,#ff5a1f)}
:root[data-theme="energy"] .h-track span.ok{background:linear-gradient(90deg,#34d06e,#16a34a)}
:root[data-theme="energy"] .h-goal-top b{color:var(--orange)}
:root[data-theme="energy"] .h-goal-top b.ok{color:var(--ok)}

@keyframes en-pop{from{transform:translateY(8px) scale(.96);opacity:0}to{transform:none;opacity:1}}

@media (max-width:820px){
  :root[data-theme="energy"] .side{padding:4px 4px calc(4px + env(safe-area-inset-bottom));border-top:0;box-shadow:0 -6px 24px rgba(0,0,0,.18)}
  :root[data-theme="energy"] .nav-btn{margin:0 2px;font-size:9.5px;padding:7px 2px}
  :root[data-theme="energy"] .content{padding:14px}
  :root[data-theme="energy"] .topbar h1{font-size:20px}
}

/* css/09-energy-ui.css */
/* новый интерфейс «Энергии»: разметка — static/js/16-energy.js, классы e-* есть только в этой теме.
   Мягкий тёплый стиль: тёмные шапки, крупные скругления, карточки без рамок на мягких тенях, цветные значки шагов.
   Логика — как в Salesforce: путь сделки с подсказками, главные поля наверху, выводы в аналитике. */
:root[data-theme="energy"]{--e-late:#c4321f;--e-late-bg:#fdeeeb;--e-today:#8f5300;--e-today-bg:#fff3df;--e-ok:#1b7f45;--e-ok-bg:#e9f5ed;
  --e-soft:#f4f1ed;--e-text2:#5d5866;--e-border:#ece8e2;--e-r:20px}
.ic{width:1.05em;height:1.05em;flex:0 0 auto;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.15em}
button .ic,.e-chip .ic,.e-quest .ic,.e-kick .ic{margin-right:6px}

/* общие блоки */
.e-ava{flex:0 0 32px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#4a4651;background:#ebe8e4}
.e-ava .ic{width:14px;height:14px;margin:0;color:#8b8692}
.e-ava.sm{flex-basis:24px;width:24px;height:24px;font-size:10px}
.e-ava.lg{flex-basis:44px;width:44px;height:44px;font-size:15px}
.deal-top .e-ava.lg{background:rgba(255,255,255,.14);color:#fff}
.deal-top .e-ava.lg .ic{color:rgba(255,255,255,.7)}
.e-chip{display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;background:var(--e-soft);color:var(--e-text2);flex:0 0 auto}
.e-chip.late,.e-chip.hot{background:var(--e-late-bg);color:var(--e-late)}
.e-chip.today,.e-chip.warn{background:var(--e-today-bg);color:var(--e-today)}
.e-chip.none{color:#9a95a3}
.e-hint{margin:0 16px 10px;padding:9px 12px;border-radius:8px;background:var(--e-soft);color:var(--e-text2);font-size:13px}
.e-tabs{display:flex;gap:6px;padding:10px 12px;overflow-x:auto;scrollbar-width:none}
.e-tabs::-webkit-scrollbar{display:none}
.e-tabs button{background:transparent;border:0;border-radius:999px;padding:7px 12px;font-size:13.5px;font-weight:600;color:var(--e-text2);white-space:nowrap;display:inline-flex;gap:6px;align-items:center}
.e-tabs button span{font-size:11.5px;background:#f0ece7;color:var(--e-text2);border-radius:99px;padding:1px 7px;font-weight:600}
.e-tabs button:hover{background:var(--e-soft)}
.e-tabs button.on{background:#1b1a21;color:#fff}.e-tabs button.on span{background:rgba(255,255,255,.18);color:#fff}
.e-tabs-line{padding:0 4px;margin:-4px -4px 12px}
.e-tabs-line{padding:0}
.e-seg{display:inline-flex;gap:2px;padding:3px;background:#ebe7e1;border-radius:999px;overflow-x:auto;max-width:100%;scrollbar-width:none}
.e-seg button{background:transparent!important;border:0;border-radius:999px!important;padding:6px 11px!important;font-size:13px!important;font-weight:600;color:var(--e-text2);white-space:nowrap}
.e-seg button.on{background:#1b1a21!important;color:#fff}
.e-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:32px 20px;background:var(--panel);border-radius:var(--e-r);box-shadow:var(--sh)}
.e-empty b{font-size:16px}.e-empty span{color:var(--muted);font-size:13.5px;max-width:380px}
.e-empty button{margin-top:6px}
.ic.e-big{width:36px;height:36px;color:var(--e-ok);stroke-width:1.8}
.e-none{padding:18px;text-align:center;color:var(--muted);font-size:13.5px}
.e-more{display:block;width:100%;background:transparent!important;border:0;border-top:1px solid var(--e-border);border-radius:0!important;color:var(--e-text2);padding:10px;font-size:13px}
.e-link{display:inline-block;background:transparent!important;border:0;padding:0!important;color:#0b6bcb;font-size:13px;font-weight:600}
.e-more:hover,.e-link:hover{color:var(--orange)}
.e-skel{display:flex;flex-direction:column;gap:12px;max-width:1240px;margin:0 auto}
.e-skel i{display:block;height:96px;border-radius:var(--e-r);background:linear-gradient(90deg,#ebe8e4 25%,#f5f3f0 50%,#ebe8e4 75%);background-size:200% 100%;animation:e-shine 1.2s infinite}
@keyframes e-shine{to{background-position:-200% 0}}
.e-page{max-width:1240px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.e-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.e-count-l{color:var(--muted);font-size:13px;margin-left:auto}
.e-card-frame{background:var(--panel);border-radius:var(--e-r);box-shadow:var(--sh);overflow:hidden}
.e-bulk{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;background:linear-gradient(135deg,#16151b,#2a2230);color:#fff;border-radius:var(--e-r)}
.e-bulk .grp{display:flex;gap:6px;align-items:center}
.e-bulk select{width:auto;min-width:150px;background:#2b2a31!important;color:#fff;border-color:#3a3941!important}
.e-bulk .ghost{color:#c9c6cf}

/* шапка страницы (как page header в Salesforce) */
.e-ph-ic{flex:0 0 36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#ff5a1f,#ff8a3d);color:#fff;box-shadow:0 4px 12px rgba(255,90,31,.3)}
.e-ph-ic .ic{width:18px;height:18px;margin:0}
.e-ph{display:flex;flex-direction:column;line-height:1.15}
.e-ph small{font-size:11.5px;color:var(--muted);font-weight:600}
:root[data-theme="energy"] .e-ph h1{font-size:22px;font-weight:700;letter-spacing:-.03em}

/* таблицы */
.e-tbl{width:100%;border-collapse:collapse;font-size:13.5px;background:transparent}
.e-tbl th{font-size:12px;font-weight:600;color:var(--muted);text-align:left;padding:12px 16px;border-bottom:1px solid var(--e-border);white-space:nowrap}
.e-tbl td{padding:11px 16px;border-bottom:1px solid #f0eeea;vertical-align:middle}
.e-tbl tr:last-child td{border-bottom:0}
.e-tbl tr.click{cursor:pointer}.e-tbl tr.click:hover td{background:#faf9f7}
.e-tbl tr.picked td{background:#fff5ef}
.e-tbl .num{text-align:right;white-space:nowrap}
.e-tbl .bad{color:var(--e-late);font-weight:600}
.e-tbl .chk{width:36px;padding-right:0}.e-tbl .chk input{width:16px;height:16px;accent-color:var(--orange);margin:0}
.e-tbl .e-total td{font-weight:700;background:#faf9f7}
.e-who{display:flex;align-items:center;gap:10px;min-width:0}
.e-who b{font-weight:600}.e-who small{display:block;color:var(--muted);font-size:12px}

/* шаги задачи */
.e-ctx{color:#7a7583;font-size:13px;margin:2px 0 8px}
.e-steps{list-style:none;margin:10px 0 4px;padding:0;display:flex;flex-direction:column;gap:7px}
.e-steps li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:#2b2933}
.e-steps li>.ic{flex:0 0 24px;width:24px;height:24px;padding:5px;border-radius:8px;background:var(--e-soft);color:var(--e-text2);margin-top:0}
.e-steps li.ask>.ic{background:#eef0ff;color:#4f46e5}.e-steps li.say>.ic{background:#fff0e6;color:#c2410c}.e-steps li.note>.ic{background:var(--e-ok-bg);color:var(--e-ok)}
.e-steps li.do>.ic{stroke-width:6}
.e-to{display:inline-flex;align-items:center;gap:4px;font-style:normal;font-size:12px;font-weight:600;color:var(--e-ok);background:var(--e-ok-bg);border-radius:6px;padding:1px 7px}
.e-to .ic{width:12px;height:12px;margin:0}

/* действия */
.e-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;align-items:center}
.e-actions>button,.e-move>summary{display:inline-flex;align-items:center;padding:10px 16px;font-size:14px;border-radius:11px}
:root[data-theme="energy"] .e-actions>button:not(.primary),:root[data-theme="energy"] .e-move>summary{background:#f2efeb}
:root[data-theme="energy"] .e-actions>button:not(.primary):hover,:root[data-theme="energy"] .e-move>summary:hover{background:#ebe7e1}
:root[data-theme="energy"] .e-actions .e-done{color:var(--e-ok);background:var(--e-ok-bg)}
.e-move{position:relative}
.e-move>summary{list-style:none;cursor:pointer;font-weight:600;user-select:none}
.e-move>summary::-webkit-details-marker{display:none}
.e-move>div{position:absolute;z-index:6;top:calc(100% + 4px);left:0;background:#fff;border-radius:8px;box-shadow:var(--sh-hi);padding:4px;display:flex;flex-direction:column;min-width:170px}
.e-move>div button{background:transparent;text-align:left;padding:8px 12px;border-radius:6px}
.e-icon-btn{width:32px;height:32px;padding:0!important;display:grid;place-items:center;border-radius:10px!important;background:rgba(255,255,255,.1)!important;color:#fff}
.e-icon-btn .ic{margin:0;width:16px;height:16px}

/* награды — сдержанно */
.e-gone{animation:e-gone .35s ease forwards;pointer-events:none}
@keyframes e-gone{0%{background:var(--e-ok-bg)}100%{opacity:0;transform:translateX(24px)}}
.e-out{animation:e-out .16s ease forwards}.e-in{animation:e-in .24s ease}
@keyframes e-out{to{opacity:0;transform:translateY(-6px)}}
@keyframes e-in{from{opacity:0;transform:translateY(8px)}}
.e-confetti{position:fixed;z-index:70;width:7px;height:7px;border-radius:2px;pointer-events:none;animation:e-confetti .9s cubic-bezier(.15,.7,.3,1) forwards}
@keyframes e-confetti{to{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}
.e-xp-pop{position:fixed;z-index:70;transform:translate(-50%,-100%);pointer-events:none;font:700 13px/1 "Onest",sans-serif;color:var(--e-ok);
  background:#fff;padding:4px 8px;border-radius:6px;box-shadow:var(--sh-hi);white-space:nowrap;animation:e-xp .9s ease-out forwards}
@keyframes e-xp{0%{opacity:0;margin-top:0}15%{opacity:1}100%{opacity:0;margin-top:-30px}}
@media (prefers-reduced-motion:reduce){.e-gone,.e-out,.e-in,.e-xp-pop,.e-skel i{animation-duration:.01s}}

/* Сегодня */
.e-today{color:var(--muted);font-size:13.5px}
.e-find{display:inline-flex;align-items:center;background:#fff!important;box-shadow:inset 0 0 0 1px var(--e-border);color:var(--muted);font-weight:500!important;min-width:220px;border-radius:8px!important}
.e-cols{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;max-width:1240px;margin:0 auto;align-items:start}
.e-main,.e-side{display:flex;flex-direction:column;gap:12px;min-width:0}
.e-hero{display:flex;align-items:center;gap:20px;padding:20px 24px;border-radius:22px;color:#fff;
  background:radial-gradient(420px 200px at 100% 0,rgba(255,90,31,.32),transparent 70%),linear-gradient(135deg,#16151b,#2a2230);box-shadow:var(--sh-hi)}
.e-hero-main{flex:1;min-width:0}
.e-hero-side{display:flex;align-items:center;gap:12px}
.e-hero-btns{display:flex;flex-direction:column;gap:6px}
.e-lvl{display:flex;align-items:center;gap:10px;max-width:380px}
.e-lvl>div{flex:1;min-width:0}
.e-lvl b{font-size:12.5px;font-weight:700;color:var(--e-text2)}
.e-lvl small{font-size:11.5px;color:var(--muted)}
.e-lvl-n{flex:0 0 30px;height:30px;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:14px;color:var(--orange);background:var(--orange-soft)}
.e-xpbar{height:5px;border-radius:99px;background:#ebe8e4;margin:4px 0 3px;overflow:hidden}
.e-xpbar i{display:block;height:100%;border-radius:99px;background:var(--orange);transition:width .8s}
.e-hello{font-size:22px;font-weight:750;letter-spacing:-.03em;margin-top:12px}
.e-plan{font-size:14.5px;color:rgba(255,255,255,.88);margin-top:4px}.e-plan b{color:#fff}
.e-quests{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.e-quest{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.08);font-size:12.5px;font-weight:600;color:rgba(255,255,255,.75)}
.e-quest b{margin-left:5px;color:#fff}
.e-quest.ok{background:rgba(52,208,110,.16);color:#86efac}.e-quest.ok b{color:#86efac}
.e-quest.fire{background:transparent;color:#ffb27a;font-weight:700;padding-left:0}
.e-ring{position:relative;width:84px;height:84px;flex:0 0 84px}
.e-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.e-ring circle{fill:none;stroke-width:9}.e-ring .bg{stroke:rgba(255,255,255,.12)}
.e-ring .fg{stroke:#ff7a3d;stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.2,.8,.2,1)}
.e-ring.full .fg{stroke:#34d06e}
.e-ring>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center;line-height:1.05}
.e-ring b{font-size:24px;font-weight:800}.e-ring span{font-size:11px;color:rgba(255,255,255,.6)}
.e-focus{background:var(--panel);border-radius:24px;padding:20px 24px 22px;box-shadow:0 0 0 2px rgba(255,90,31,.18),var(--sh-hi)}
.e-focus-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.e-focus-top .grow{flex:1}
.e-quest-tag{font-size:12.5px;font-weight:700;color:var(--orange)}
.e-kick{display:inline-flex;align-items:center;font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--e-soft);color:var(--e-text2)}
.e-kick.late,.e-kick.hot{background:var(--e-late-bg);color:var(--e-late)}.e-kick.today,.e-kick.warn{background:var(--e-today-bg);color:var(--e-today)}
.e-reward{font-size:12px;font-weight:600;color:var(--muted)}
.e-skip{display:inline-flex;align-items:center;background:transparent!important;border:0;padding:4px 8px!important;font-size:12.5px!important;color:var(--muted);border-radius:6px!important}
.e-skip:hover{color:var(--ink);background:var(--e-soft)!important}
.e-client{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:14px;font-size:14px;color:var(--e-text2)}
.e-client b{font-size:15px;color:var(--ink)}
.e-client-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:2px;font-size:13px;color:var(--e-text2)}
.e-coin{color:var(--e-text2)}
.e-title{display:flex;align-items:flex-start;gap:10px;margin:6px 0 2px;font-size:22px;line-height:1.3;font-weight:750;letter-spacing:-.02em}
.e-title .ic{width:22px;height:22px;margin-top:4px;color:#e2366f}
.e-quote{margin:10px 0 2px;padding:9px 12px;border-radius:8px;background:var(--e-soft);font-size:14px}
.e-queue{background:var(--panel);border-radius:var(--e-r);box-shadow:var(--sh);overflow:hidden}
.e-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid #f0eeea;cursor:pointer}
.e-list>.e-item:first-child{border-top:0}
.e-item:hover{background:#faf9f7}
.e-item-name{font-weight:600;font-size:14px;display:flex;gap:8px;align-items:baseline;min-width:0}
.e-item-name span{font-weight:500;font-size:12.5px;color:var(--muted);white-space:nowrap}
.e-item-t{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--e-text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.e-ico{width:34px;height:34px;border-radius:11px;background:#f6f3ef;display:grid;place-items:center;color:var(--e-text2)}
.e-ico .ic{margin:0;width:16px;height:16px}
.e-ico.k-phone{color:#e2366f}.e-ico.k-chat{color:#7c5cff}.e-ico.k-doc{color:#c2410c}.e-ico.k-check{color:var(--e-ok)}.e-ico.k-plus{color:var(--e-today)}
.e-item.is-hot .e-ico{background:var(--e-late-bg)}
.e-item.is-hot .e-item-t{color:var(--e-late)}.e-item.is-hot .e-item-t .ic{color:var(--e-late)}
.e-check{width:34px;height:34px;border-radius:50%!important;padding:0!important;display:grid;place-items:center;background:transparent!important;border:2px solid #ddd7cf!important;color:transparent}
.e-check .ic{margin:0;width:14px;height:14px}
.e-check:hover{border-color:var(--e-ok)!important;color:var(--e-ok);background:var(--e-ok-bg)!important}
.e-card-box{background:var(--panel);border-radius:var(--e-r);box-shadow:var(--sh);padding:14px 16px}
.e-box-h{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;margin-bottom:10px;list-style:none}
.e-box-h span{margin-left:auto;font-size:12px;font-weight:500;color:var(--muted)}
.e-box-h .ic{color:#a29eab}
.e-team .e-box-h{cursor:pointer;margin:0}.e-team[open] .e-box-h{margin-bottom:10px}.e-team .e-box-h::-webkit-details-marker{display:none}
.e-team .e-box-h::after{content:"▾";color:var(--muted);margin-left:auto}
.e-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px}
.e-stats>div{background:#faf9f7;border-radius:8px;padding:9px 10px}
.e-stats b{display:block;font-size:20px;font-weight:750;letter-spacing:-.02em}.e-stats b small{font-size:12px;color:var(--muted);font-weight:600}
.e-stats span{font-size:11.5px;color:var(--muted);line-height:1.25;display:block}
.e-money{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid #f0eeea;font-size:13.5px}
.e-money span{display:flex;align-items:center;gap:6px;color:var(--muted)}.e-money .ic{color:#a29eab}
.e-claude .e-box-h .ic{color:var(--violet)}
.e-claude-t{font-weight:600;font-size:13.5px;margin-bottom:4px}
.e-claude .e-clamp,.e-claude .e-full{font-size:13px;line-height:1.5;white-space:pre-wrap;color:var(--e-text2)}
.e-clamp{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.e-claude .e-link{margin-top:6px}
.e-mini{display:flex;gap:8px;align-items:center;padding:7px 0;border-top:1px solid #f0eeea;font-size:13.5px;cursor:pointer}
.e-mini:first-of-type{border-top:0}.e-mini span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.e-mini small{color:var(--muted)}
.e-mini:hover span{color:#0b6bcb}
.e-mate{display:flex;gap:10px;align-items:center;padding:8px 0;border-top:1px solid #f0eeea;font-size:13px}
.e-mate b small{color:var(--muted);font-weight:600}.e-mate span{display:block;color:var(--muted)}

/* поиск */
.e-pal{align-items:start;padding-top:12vh}
.e-pal-card{width:100%;max-width:560px;background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.25);overflow:hidden;animation:e-in .18s ease}
.e-pal-in{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--e-border)}
.e-pal-in .ic{width:18px;height:18px;color:var(--muted)}
.e-pal-in input{border:0!important;box-shadow:none!important;background:transparent!important;font-size:15px;padding:4px 0}
.e-pal-list{max-height:52vh;overflow:auto;padding:6px}
.e-pal-it{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;cursor:pointer;font-size:14px}
.e-pal-it .ic{width:16px;height:16px;color:var(--muted)}
.e-pal-it small{margin-left:auto;color:var(--muted)}
.e-pal-it.on{background:var(--e-soft)}

/* итоги дня */
.e-final-card{width:100%;max-width:420px;background:#fff;border-radius:26px;padding:26px 24px 22px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:e-in .25s ease}
.e-final-ic{width:60px;height:60px;margin:0 auto 4px;border-radius:50%;display:grid;place-items:center;background:var(--orange-soft);color:var(--orange)}
.e-final-ic .ic{width:30px;height:30px;stroke-width:1.8;margin:0}
.e-final-card h2{margin:10px 0 4px;font-size:22px;letter-spacing:-.02em}
.e-final-card p{margin:0 0 16px;color:var(--muted);font-size:14px}
.e-final-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:16px}
.e-final-stats div{background:#faf9f7;border-radius:8px;padding:10px 4px}
.e-final-stats b{display:block;font-size:19px;font-weight:750}.e-final-stats span{font-size:11.5px;color:var(--muted)}
.e-final-card .e-lvl{max-width:none;text-align:left;margin-bottom:16px}
.e-final-card .primary{width:100%;padding:11px;font-size:14.5px}

/* Сделки — канбан как в Pipedrive/Salesforce: одинаковые колонки, строгие карточки, цвет только у статуса */
.e-board-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:-4px 0 12px;font-size:13.5px;color:var(--muted)}
.e-bstat b{color:var(--ink)}
.e-bstat.hot,.e-bstat.hot b{color:var(--e-late)}
.e-filter{background:var(--e-today-bg)!important;color:var(--e-today);padding:4px 10px!important;border-radius:999px!important;font-size:12.5px!important}
.e-filter.on{background:#1d1c22!important;color:#fff}
.e-board{gap:10px}
.e-board .col{flex-basis:272px;background:transparent;padding:0}
.e-board .col-head{padding:4px 6px 10px;border-bottom:0}
.e-board .col-head .name{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--ink)}
.e-board .col-head .name::before{content:"";display:block;flex:0 0 9px;height:9px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 22%,transparent)}
.e-col-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.e-count{font-size:11.5px;font-weight:700;background:#ebe7e1;color:var(--e-text2);border-radius:99px;padding:1px 8px;margin-left:auto}
.e-board .col-head .meta{margin:2px 0 0 17px;font-size:12px;font-weight:600;color:var(--muted);display:block}
.e-board .col .cards{padding:2px 2px 14px;gap:9px}
.e-board .quick{display:flex;align-items:center;justify-content:center;background:transparent;border:1px dashed #cdc9c2;color:var(--e-text2);border-radius:8px}
.e-col-empty{flex:0 0 44px!important;transition:flex-basis .2s}
.e-col-empty .col-head{padding:10px 0;border-radius:var(--e-r)}
.e-col-empty .col-head .name{flex-direction:column;gap:8px}
.e-col-empty .e-col-name{writing-mode:vertical-rl;transform:rotate(180deg);font-size:12.5px;color:var(--e-text2);max-height:240px}
.e-col-empty .e-count,.e-col-empty .col-head .meta{display:none}
.e-board.e-dragging .e-col-empty{flex-basis:220px!important}
.e-board.e-dragging .e-col-empty .col-head .name{flex-direction:row}
.e-board.e-dragging .e-col-empty .e-col-name{writing-mode:horizontal-tb;transform:none}
.e-board .col.drop{outline:2px dashed var(--orange);outline-offset:-2px}
.e-board .col.drop .cards{background:transparent;outline:0}
:root[data-theme="energy"] .e-card{padding:12px 14px!important;border-radius:15px;position:relative;box-shadow:var(--sh)}
:root[data-theme="energy"] .e-card::before{display:none}
:root[data-theme="energy"] .e-card:hover{transform:translateY(-2px);box-shadow:var(--sh-hi)}
.e-card-top{display:flex;align-items:center;gap:8px;min-width:0}
.e-nm{flex:1;min-width:0;font-size:13.5px;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.e-owner{flex:0 0 auto;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:700;background:#ebe8e4;color:var(--e-text2)}
.e-card-sub{margin-top:2px;font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.e-card-sub b{color:var(--ink);font-weight:650}.e-card-sub i{font-style:normal;margin:0 5px;color:#c4bfb8}
.e-card .tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.e-card .tag{font-size:11px;font-weight:650;padding:2px 7px;border-radius:6px;background:#f2efeb;color:var(--e-text2);letter-spacing:0}
.e-card .tag.b2b{background:var(--orange-soft);color:#c2410c}
.e-card .tag.m2-l{background:#fdf0c4;color:#7a5200}
.e-card .tag.m2-xl{background:#ffe1cc;color:#b03a00}
.e-card .tag.need-soon{background:var(--e-ok-bg);color:var(--e-ok)}
.e-card .tag.need-past{background:var(--e-late-bg);color:var(--e-late)}
.e-card-alert{display:flex;align-items:center;gap:5px;margin-top:6px;font-size:12px;font-weight:600;color:var(--e-late)}
.e-card-alert .ic{margin:0;width:13px;height:13px}
.e-card-note{margin-top:6px;font-size:12px;color:var(--muted)}
.e-card-next{display:flex;align-items:center;gap:7px;margin-top:8px;padding-top:8px;border-top:1px solid #f0eeea;min-width:0;font-size:12.5px;color:var(--e-text2)}
.e-st{flex:0 0 20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#ebe8e4;color:var(--e-text2)}
.e-st .ic{width:11px;height:11px;margin:0}
.e-st.plan{background:#e7f0fb;color:#1f5fa8}
.e-st.today{background:var(--e-ok-bg);color:var(--e-ok)}
.e-st.late{background:var(--e-late-bg);color:var(--e-late)}
.e-st.warn{background:var(--e-today-bg);color:var(--e-today)}
.e-card-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.e-card-t.warn{color:var(--e-today);font-weight:600}
.e-card-due{flex:0 0 auto;font-size:11.5px;color:var(--muted);font-weight:600}
.e-card-due.late{color:var(--e-late)}
.e-card-acts{position:absolute;right:8px;bottom:6px;display:flex;gap:4px;opacity:0;transition:opacity .12s;background:#fff;padding-left:6px}
.e-card:hover .e-card-acts{opacity:1}
.e-card-acts button{width:28px;height:28px;padding:0!important;display:grid;place-items:center;border-radius:9px!important;background:#f2efeb!important;color:var(--e-text2)}
.e-card-acts button .ic{margin:0;width:13px;height:13px}
.e-card-acts button:hover{color:var(--ink);background:var(--e-soft)!important}
.e-card-acts button.ok:hover{color:var(--e-ok);background:var(--e-ok-bg)!important}

/* Задачи */
.e-tasks{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.e-tasks>.e-tabs{padding:0;border:0}
.e-tasks>.e-hint{margin:0}
.e-tlist{background:var(--panel);border-radius:var(--e-r);box-shadow:var(--sh);overflow:hidden}
.e-task{border-top:1px solid #f0eeea}.e-task:first-child{border-top:0}
.e-task-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto 12px;gap:12px;align-items:center;padding:12px 16px;cursor:pointer}
.e-task-row:hover{background:#faf9f7}
.e-round{width:24px;height:24px;border-radius:50%!important;padding:0!important;display:grid;place-items:center;background:transparent!important;border:1.5px solid #cfcac3!important;color:transparent}
.e-round .ic{margin:0;width:12px;height:12px}
.e-round:hover,.e-round.on{border-color:var(--e-ok)!important;background:var(--e-ok-bg)!important;color:var(--e-ok)}
.e-task-t{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:600;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.e-task-t .ic{color:#a29eab}
.e-task.open .e-task-t{white-space:normal}
.e-task-who{font-size:12.5px;color:var(--muted);margin-top:1px;display:flex;gap:8px}.e-task-who span::before{content:"· "}
.e-caret{color:#b6b0a8;font-size:18px;transition:transform .15s}.e-task.open .e-caret{transform:rotate(90deg)}
.e-task-more{display:none;padding:0 18px 14px 54px}.e-task.open .e-task-more{display:block}

/* Карточка сделки: шапка, Path с подсказкой этапа, главные поля */
.e-deal .deal-top{padding-bottom:14px}
.e-deal-head{display:flex;align-items:center;gap:12px;margin-top:4px}
.e-deal-head>div{flex:1;min-width:0}
.e-deal-client{display:block;width:100%;background:transparent!important;border:1px solid transparent!important;color:#fff;font-size:21px;font-weight:700;letter-spacing:-.02em;padding:1px 6px;margin-left:-7px;border-radius:6px;box-shadow:none!important}
.e-deal-client:hover{border-color:rgba(255,255,255,.2)!important}.e-deal-client:focus{background:rgba(255,255,255,.1)!important;border-color:var(--orange)!important}
.e-deal-sub{font-size:13px;color:rgba(255,255,255,.65);margin-top:2px}
:root[data-theme="energy"] .e-deal .deal-name{font-size:13.5px;font-weight:500;color:rgba(255,255,255,.7);padding:1px 6px;margin-left:-7px}
.e-deal-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:rgba(255,255,255,.7);margin-top:8px}
.e-deal-meta span,.e-deal-meta b{display:inline-flex;align-items:center;gap:5px}.e-deal-meta b{color:#fff;font-size:15px}
.e-deal-meta .ic{color:rgba(255,255,255,.5)}
.e-deal .deal-top .e-actions>button:not(.primary){background:rgba(255,255,255,.1);box-shadow:none;color:#fff}
.e-path{background:#fff;padding:10px 14px 12px;border-bottom:1px solid var(--e-border)}
:root[data-theme="energy"] .e-path .stepper{display:flex;gap:2px;margin:0}
:root[data-theme="energy"] .e-path .stepper button{flex:1 1 0;min-width:0;height:28px;border-radius:0;padding:0 6px 0 12px;font-size:11.5px;font-weight:700;color:var(--e-text2);
  background:#ebe8e4;box-shadow:none;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%,8px 50%);
  display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root[data-theme="energy"] .e-path .stepper button:first-child{clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%);border-radius:6px 0 0 6px}
:root[data-theme="energy"] .e-path .stepper button:last-child{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,8px 50%);border-radius:0 6px 6px 0}
:root[data-theme="energy"] .e-path .stepper button.past{background:#dcefe3;color:var(--e-ok)}
:root[data-theme="energy"] .e-path .stepper button.past .ic{margin:0;width:13px;height:13px}
:root[data-theme="energy"] .e-path .stepper button.cur{flex:3 1 0;background:linear-gradient(135deg,#ff5a1f,#ff8a3d);color:#fff;box-shadow:none}
:root[data-theme="energy"] .e-path .stepper button:hover:not(.cur){background:#dedad4;outline:0}
.e-guide{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding:12px 14px;border-radius:14px;background:#faf8f5;font-size:13px;color:var(--e-text2)}
.e-guide-t b{color:var(--ink)}
.e-guide-miss{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.e-guide-miss span{background:var(--e-today-bg);color:var(--e-today);border-radius:5px;padding:1px 7px;font-size:12px;font-weight:600}
.e-stage-done{align-self:flex-start;display:inline-flex;align-items:center;background:var(--e-ok-bg)!important;color:var(--e-ok);padding:7px 12px!important;font-size:13px!important;border-radius:8px!important}
.e-stage-done:hover{background:#d8eee0!important}
.e-hl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border-bottom:1px solid var(--e-border)}
.e-hl>div{padding:9px 14px;border-left:1px solid #f0eeea;min-width:0}
.e-hl>div:first-child{border-left:0}
.e-hl small{display:block;font-size:11.5px;color:var(--muted);font-weight:600}
.e-hl b{display:block;font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.e-hl select{border:0!important;background:transparent!important;padding:0!important;font-weight:600;font-size:13.5px;box-shadow:none!important}
:root[data-theme="energy"] .e-deal .deal-body{background:var(--bg);padding:12px 14px 24px}
.e-wait{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--e-late-bg);margin-bottom:10px;font-size:13.5px}
.e-wait>.ic{width:20px;height:20px;color:var(--e-late)}
.e-wait>div{flex:1;min-width:0;display:grid;gap:2px}
.e-wait b{color:var(--e-late)}
.e-next{background:var(--panel);border-radius:20px;padding:16px 18px;box-shadow:0 0 0 2px rgba(255,90,31,.14),var(--sh)}
.e-next-h{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--orange)}
.e-next-h>span:first-child{display:inline-flex;align-items:center;gap:5px}
.e-next h3{display:flex;align-items:flex-start;gap:8px;margin:8px 0 2px;font-size:18px;line-height:1.35;font-weight:750;letter-spacing:-.02em}
.e-next h3 .ic{width:20px;height:20px;margin-top:3px;color:#e2366f}
.e-warn-t,.e-warn-t .ic{color:var(--e-late)!important}
.e-tip{display:flex;gap:8px;align-items:flex-start;margin-top:10px;padding:9px 12px;border-radius:12px;background:#f5f3ff;font-size:13px;color:var(--e-text2)}
.e-tip .ic{color:var(--violet);margin-top:2px}
.e-dz{margin-top:10px;background:var(--panel);border-radius:var(--e-r);padding:12px 16px 14px;box-shadow:var(--sh)}
.e-dz-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.e-dz-n{font-size:12.5px;font-weight:700;color:var(--e-text2)}
.e-dz-dots{display:flex;gap:3px}
.e-dz-dots i{width:16px;height:5px;border-radius:99px;background:#ebe8e4}
.e-dz-dots i.past{background:#9fd2b2}.e-dz-dots i.cur{background:var(--orange)}
.e-dz-top small{margin-left:auto;color:var(--muted);font-size:12px}
.e-dz-t{font-size:14.5px;font-weight:700;margin-top:6px}
.e-dz .e-actions{margin-top:10px}
.e-sec{background:var(--panel);border-radius:var(--e-r);box-shadow:var(--sh);margin-top:10px}
.e-sec>summary{list-style:none;cursor:pointer;padding:12px 14px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}
.e-sec>summary .ic{color:#a29eab}
.e-sec>summary::-webkit-details-marker{display:none}
.e-sec>summary::after{content:"▾";color:var(--muted);transition:transform .15s}
.e-sec[open]>summary::after{transform:rotate(180deg)}
.e-sec>summary span{margin-left:auto;font-size:12.5px;font-weight:600;color:var(--muted)}
.e-sec>summary span.warn{color:var(--e-today);background:var(--e-today-bg);border-radius:99px;padding:1px 8px}
.e-sec>summary .saved{color:var(--e-ok)}
.e-sec>:not(summary){margin-left:14px;margin-right:14px}
.e-sec[open]{padding-bottom:12px}
.e-sec>.block-h:first-of-type{display:none}
.e-sec .ai{border:0;padding:0;background:transparent;margin:0}.e-sec .ai-h{display:none}
.e-tf{margin-top:10px;display:flex;flex-direction:column;gap:6px}
.e-box{background:var(--panel);border-radius:var(--e-r);box-shadow:var(--sh);padding:12px 14px}
.e-box-t{display:flex;align-items:baseline;gap:8px;font-size:14px;font-weight:700;margin-bottom:10px}
.e-box-t span{font-size:12.5px;font-weight:500;color:var(--muted)}
.e-rel{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #f0eeea;cursor:pointer}
.e-rel:first-of-type{border-top:0}
.e-rel>div{flex:1;min-width:0}.e-rel>div b{display:block;font-weight:600;font-size:13.5px}.e-rel small{color:var(--muted);font-size:12px}
.e-rel-sum{font-size:13.5px}
.e-rel:hover>div b{color:#0b6bcb}

/* Звонки */
.e-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.e-kpis.small .e-kpi b{font-size:18px}
.e-kpi{background:var(--panel);border-radius:18px;box-shadow:var(--sh);padding:14px 16px;min-width:0}
.e-kpi small{display:block;font-size:12px;color:var(--muted);font-weight:600}
.e-kpi b{display:block;font-size:24px;font-weight:800;letter-spacing:-.02em;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.e-kpi span{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.e-kpi.main{background:linear-gradient(135deg,#16151b,#2a2230);color:#fff}.e-kpi.main small,.e-kpi.main span{color:rgba(255,255,255,.65)}
.e-kpi.bad b{color:var(--e-late)}
.e-calls{display:flex;flex-direction:column;gap:12px}
.e-day-h{display:flex;justify-content:space-between;padding:12px 16px 8px;font-size:13px;font-weight:700;color:var(--ink)}
.e-day-h span{color:var(--muted)}
.e-call{display:grid;grid-template-columns:auto 30px minmax(0,1fr) auto auto auto 30px;align-items:center;gap:12px;padding:9px 16px;border-top:1px solid #f0eeea}
.e-day-h+.e-call{border-top:0}
.e-call>input{width:16px;height:16px;accent-color:var(--orange);margin:0}
.e-call-ic{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;background:var(--e-soft);color:var(--e-text2)}
.e-call-ic .ic{width:15px;height:15px;margin:0}
.e-call-ic.in{background:#e7f0fb;color:#1f5fa8}.e-call-ic.out{background:var(--e-ok-bg);color:var(--e-ok)}.e-call-ic.miss{background:var(--e-late-bg);color:var(--e-late)}
.e-call-who{min-width:0}.e-call-who a,.e-call-who b{font-weight:600;font-size:13.5px;color:var(--ink);text-decoration:none}
.e-call-who a:hover{color:#0b6bcb}
.e-call-who small{display:block;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.e-call.miss .e-call-who small{color:var(--e-late)}
.e-call-u{font-size:12.5px;color:var(--e-text2);white-space:nowrap}
.e-call-t{font-size:13px;font-weight:600;text-align:right;white-space:nowrap}.e-call-t small{display:block;font-size:11.5px;color:var(--muted);font-weight:500}
.e-call-rec audio{height:30px;width:210px;display:block}
.e-call-btn{width:30px;height:30px;padding:0!important;display:grid;place-items:center;border-radius:8px!important;background:#fff!important;box-shadow:inset 0 0 0 1px var(--e-border);color:var(--e-text2)}
.e-call-btn .ic{margin:0;width:14px;height:14px}
.e-call-tr{grid-column:3/-1;font-size:13px}.e-call-tr summary{cursor:pointer;color:#0b6bcb;font-weight:600}.e-call-tr div{margin-top:6px;white-space:pre-wrap;color:var(--e-text2);line-height:1.5}

/* Чаты */
.e-chats{display:flex;height:100%;min-height:0}
.e-chats-side{flex:0 0 300px;background:#fff;border-right:1px solid var(--e-border);overflow:auto;padding:0 0 12px}
.e-chats-h{display:flex;justify-content:space-between;padding:14px 16px 10px;font-size:14px;font-weight:700}
.e-chats-h span{color:var(--e-late)}
.e-chats-it{display:flex;gap:10px;align-items:flex-start;padding:10px 16px;border-top:1px solid #f0eeea;cursor:pointer}
.e-chats-it:hover{background:#faf9f7}
.e-chats-it>div{flex:1;min-width:0}.e-chats-it b{display:block;font-size:13.5px;font-weight:600}
.e-chats-it small{display:block;font-size:12.5px;color:var(--e-text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.e-chats-it>span{font-size:11.5px;color:var(--e-late);font-weight:600;white-space:nowrap}
.e-chats-ok{display:flex;align-items:center;gap:8px;padding:12px 16px;color:var(--e-ok);font-weight:600;font-size:13.5px}
.e-chats-note{padding:12px 16px 0;font-size:12px;color:var(--muted)}
.e-chats-main{flex:1;min-width:0;display:flex}
.e-chats-main .chat-frame{flex:1}
.e-chats-main .chat-wait{flex:1}

/* Аналитика */
.e-r-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px;align-items:start}
:root[data-theme="energy"] .e-panel{margin:0;padding:14px 16px;border-radius:var(--e-r);box-shadow:var(--sh)}
.e-fn{display:grid;grid-template-columns:minmax(110px,190px) minmax(0,1fr) 44px 46px;gap:10px;align-items:center;padding:5px 0;font-size:13px}
.e-fn-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--e-text2)}
.e-fn-bar{height:10px;background:#f0ece7;border-radius:99px;overflow:hidden}
.e-fn-bar i{display:block;height:100%;background:linear-gradient(90deg,#ff8a3d,#ff5a1f);border-radius:99px}
.e-fn:first-of-type .e-fn-bar i{background:var(--orange)}
.e-fn b{text-align:right}
.e-fn-c{text-align:right;font-size:12px;color:var(--muted)}.e-fn-c.bad{color:var(--e-late);font-weight:700}
.e-foot{margin-top:10px;font-size:12px;color:var(--muted)}
.e-ins{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.e-ins li{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;border-radius:14px;background:var(--e-soft);font-size:13.5px;line-height:1.45}
.e-ins li .ic{margin-top:2px;color:var(--e-text2)}
.e-ins li.bad .ic{color:var(--e-late)}.e-ins li.warn .ic{color:var(--e-today)}.e-ins li.ok .ic{color:var(--e-ok)}
.e-ins li[data-rtab]{cursor:pointer}.e-ins li[data-rtab]:hover{background:#ebe8e4}
.e-bars{display:flex;align-items:flex-end;gap:2px;height:110px}
.e-bars div{flex:1;height:100%;display:flex;align-items:flex-end}
.e-bars i{display:block;width:100%;background:linear-gradient(180deg,#ff8a3d,#ff5a1f);border-radius:4px 4px 0 0;min-height:2px;opacity:.85}
.e-bars div:hover i{background:var(--orange)}
.e-rtab{overflow-x:auto}
.e-rtab table:not(.e-tbl){width:100%;font-size:13.5px}

@media (max-width:1100px){.e-cols,.e-r-grid{grid-template-columns:minmax(0,1fr)}.e-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){
  .e-find{min-width:0;padding:8px 10px!important}
  .e-today,.e-ph small{display:none}
  .e-ph-ic{display:none}
  .e-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:14px;gap:0 12px}
  .e-hero-main{display:contents}
  .e-hero-main>*{grid-column:1}
  .e-hero-side{grid-column:2;grid-row:1/3;flex-direction:column;align-items:flex-end}
  .e-hero-btns{flex-direction:row}
  .e-quests{grid-column:1/-1!important}
  .e-hello{font-size:18px}.e-plan{font-size:13.5px}
  .e-ring{width:68px;height:68px;flex-basis:68px}.e-ring b{font-size:17px}
  .e-focus{padding:14px 14px 16px}.e-title{font-size:17px}
  .e-reward{display:none}
  .e-actions>button.primary{flex:1 1 100%;justify-content:center}
  .e-item{grid-template-columns:34px minmax(0,1fr) auto;gap:3px 10px;padding:11px 12px}
  .e-item>.e-ico{grid-row:1/3}
  .e-item .e-chip{grid-column:2;grid-row:2;justify-self:start}
  .e-item .e-check{grid-column:3;grid-row:1/3}
  .e-task-row{grid-template-columns:24px minmax(0,1fr) 12px;gap:3px 12px;padding:11px 12px}
  .e-task-row .e-round{grid-row:1/3}
  .e-task-row .e-chip{grid-column:2;grid-row:2;justify-self:start}
  .e-task-row .e-caret{grid-column:3;grid-row:1/3}
  .e-task-more{padding:0 14px 14px 48px}
  .e-board .col{flex-basis:84vw}
  .e-col-empty{flex-basis:84vw!important}
  .e-col-empty .col-head .name{flex-direction:row}
  .e-col-empty .e-col-name{writing-mode:horizontal-tb;transform:none}
  .e-card-acts{position:static;opacity:1;justify-content:flex-end;margin-top:8px;padding:0}
  .e-final-stats{grid-template-columns:repeat(2,1fr)}
  .e-hl{grid-template-columns:repeat(2,minmax(0,1fr))}.e-hl>div:nth-child(3){border-left:0}.e-hl>div:nth-child(n+3){border-top:1px solid #f0eeea}
  :root[data-theme="energy"] .e-path .stepper button:not(.cur){font-size:0;padding:0}
  :root[data-theme="energy"] .e-path .stepper button.past .ic{width:11px;height:11px}
  .e-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .e-call{grid-template-columns:30px minmax(0,1fr) auto 30px;gap:4px 10px;padding:9px 12px}
  .e-call>input,.e-call-u{display:none}
  .e-call-rec{grid-column:2/-1;grid-row:2}.e-call-rec:empty{display:none}
  .e-call-rec audio{width:100%}
  .e-call-tr{grid-column:2/-1}
  .e-chats-side{display:none}
  .e-fn{grid-template-columns:96px minmax(0,1fr) 34px 38px;gap:6px}
  .e-tbl{min-width:560px}
  .e-card-frame{overflow-x:auto}
}

/* главная как в любимом варианте: строка серии под планом, значки-эмодзи, «Пропустить» внизу справа */
.e-sub{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12.5px;color:rgba(255,255,255,.6);margin-top:8px}.e-sub:empty{display:none}
.e-streak{color:#ffb27a;font-weight:700}
.e-pos{margin-left:auto;font-size:12.5px;color:var(--muted);font-weight:600}
.e-emo{font-size:21px;line-height:1.3}
.e-ico{font-size:15px}
.e-check{font-weight:800;color:transparent}
.e-skip-row{display:flex;justify-content:flex-end;margin-top:10px}
.e-big{font-size:40px;line-height:1.1}
.deal-body>.e-next{margin:12px 0 6px}

/* цели на главной: значение, полоска прогресса, подсказка; выполненная цель — зелёная */
.e-goal{padding:9px 0 10px;border-top:1px solid #f0eeea}
.e-goal:first-of-type{border-top:0;padding-top:2px}
.e-goal-top{display:flex;justify-content:space-between;align-items:baseline;font-size:13.5px}
.e-goal-top b{font-size:16px;font-weight:800;color:var(--orange)}.e-goal-top b small{font-size:12px;color:var(--muted);font-weight:600}
.e-goal-bar{height:8px;border-radius:99px;background:#f0ece7;margin:6px 0 4px;overflow:hidden}
.e-goal-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#ff8a3d,#ff5a1f);transition:width .6s}
.e-goal small{font-size:11.5px;color:var(--muted)}
.e-goal.ok .e-goal-top b{color:var(--e-ok)}.e-goal.ok .e-goal-bar i{background:linear-gradient(90deg,#34d06e,#16a34a)}
.e-goals .e-money{margin-top:2px}

/* большая карточка дела: полный текст шагов, факты по сделке, совет Claude, переписка, что знаем о клиенте */
.e-focus .e-steps li{font-size:15px;line-height:1.55}
.e-focus .e-steps li>span{white-space:normal;overflow:visible}
.e-focus-more{margin-top:14px}
.e-more-load{font-size:13px;color:var(--muted);padding:6px 0}
.e-facts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.e-facts span{display:inline-flex;flex-direction:column;padding:6px 10px;border-radius:10px;background:#faf8f5;font-size:13.5px;font-weight:650;line-height:1.25}
.e-facts small{font-size:11px;font-weight:500;color:var(--muted)}
.e-more-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.e-more-box{background:#faf8f5;border-radius:14px;padding:12px 14px;min-width:0}
.e-more-h{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;font-weight:750;color:var(--e-text2);margin-bottom:8px}
.e-more-h span{font-weight:500;color:var(--muted)}
.e-more-ai{background:linear-gradient(160deg,#faf8f5,#f3f0ff)}
.e-more-ai .e-more-h{color:var(--violet)}
.e-more-next{font-size:14px;line-height:1.5;font-weight:600;white-space:pre-wrap}
.e-more-sum{font-size:13px;line-height:1.5;color:var(--e-text2);white-space:pre-wrap;margin-top:8px}
.e-more-sum.e-clamp{-webkit-line-clamp:3}
.e-chat{display:flex;flex-direction:column;gap:6px}
.e-msg{max-width:92%;align-self:flex-start;background:#fff;border-radius:12px 12px 12px 4px;padding:7px 10px;font-size:13px;line-height:1.4;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.e-msg div{white-space:pre-wrap;word-break:break-word}
.e-msg small{display:block;margin-top:2px;font-size:11px;color:var(--muted)}
.e-msg.out{align-self:flex-end;background:#ffece2;border-radius:12px 12px 4px 12px}
.e-brief{display:grid;gap:6px}
.e-brief small{display:block;font-size:11px;color:var(--muted)}.e-brief b{font-size:13.5px;font-weight:600}

/* css/10-home.css */
/* главная во всех темах (разметка — static/js/16-energy.js). Цвета берутся из темы: акцент --orange, панели --panel, текст --text,
   поэтому в «Тёмной» и «Неоне» главная тоже тёмная. Своя тема «Энергия» переопределяет переменные в 09-energy-ui.css. */
:root{
  --e-late:#c4321f;--e-today:#9a5b00;--e-ok:#1b8a4c;
  --e-late-bg:color-mix(in srgb,#d92d20 13%,var(--panel));--e-today-bg:color-mix(in srgb,#f59e0b 16%,var(--panel));--e-ok-bg:color-mix(in srgb,#16a34a 14%,var(--panel));
  --e-soft:color-mix(in srgb,var(--text) 5%,var(--panel));--e-soft2:color-mix(in srgb,var(--text) 9%,var(--panel));
  --e-line:color-mix(in srgb,var(--text) 8%,var(--panel));--e-text2:color-mix(in srgb,var(--text) 72%,var(--panel));
  --e-sh:0 1px 2px rgba(0,0,0,.05),0 6px 20px rgba(0,0,0,.06);--e-sh-hi:0 2px 4px rgba(0,0,0,.06),0 14px 34px rgba(0,0,0,.12);
  --e-acc2:color-mix(in srgb,var(--orange) 72%,#fff);
}
.ic{width:1.05em;height:1.05em;flex:0 0 auto;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.15em}
.e-home button .ic,.e-home .e-move .ic{margin-right:6px}
.e-home{color:var(--text)}
.e-today{color:var(--muted);font-size:13.5px}
.e-cols{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;max-width:1240px;margin:0 auto;align-items:start}
.e-main,.e-side{display:flex;flex-direction:column;gap:14px;min-width:0}

/* шапка: приветствие, план дня, серия, кольцо */
.e-hero{display:flex;align-items:center;gap:20px;padding:20px 24px;border-radius:22px;color:#fff;
  background:radial-gradient(420px 200px at 100% 0,color-mix(in srgb,var(--orange) 38%,transparent),transparent 70%),linear-gradient(135deg,#16151b,#2a2230);box-shadow:var(--e-sh-hi)}
.e-hero-main{flex:1;min-width:0}
.e-hello{font-size:22px;font-weight:750;letter-spacing:-.03em}
.e-plan{font-size:14.5px;color:rgba(255,255,255,.88);margin-top:4px}.e-plan b{color:#fff}
.e-sub{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12.5px;color:rgba(255,255,255,.6);margin-top:8px}.e-sub:empty{display:none}
.e-streak{color:#ffb27a;font-weight:700}
.e-ring{position:relative;width:88px;height:88px;flex:0 0 88px}
.e-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.e-ring circle{fill:none;stroke-width:9}.e-ring .bg{stroke:rgba(255,255,255,.12)}
.e-ring .fg{stroke:var(--e-acc2);stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.2,.8,.2,1)}
.e-ring.full .fg{stroke:#34d06e}
.e-ring>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center;line-height:1.05}
.e-ring b{font-size:24px;font-weight:800}.e-ring span{font-size:11px;color:rgba(255,255,255,.6)}

/* главное дело */
.e-focus{background:var(--panel);border-radius:24px;padding:20px 24px 22px;box-shadow:0 0 0 2px color-mix(in srgb,var(--orange) 22%,transparent),var(--e-sh-hi)}
.e-focus-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.e-kick{display:inline-flex;align-items:center;font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--e-soft);color:var(--e-text2)}
.e-kick.late,.e-kick.hot{background:var(--e-late-bg);color:var(--e-late)}.e-kick.today,.e-kick.warn{background:var(--e-today-bg);color:var(--e-today)}
.e-pos{margin-left:auto;font-size:12.5px;color:var(--muted);font-weight:600}
.e-client{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:14px;font-size:14px;color:var(--e-text2)}
.e-client b{font-size:15px;color:var(--text)}
.e-title{display:flex;align-items:flex-start;gap:10px;margin:6px 0 2px;font-size:22px;line-height:1.3;font-weight:750;letter-spacing:-.02em;color:var(--text)}
.e-emo{font-size:21px;line-height:1.3}
.e-quote{margin:10px 0 2px;padding:10px 14px;border-radius:14px;background:var(--e-soft);border-left:3px solid var(--orange);font-size:14.5px}
.e-ctx{color:var(--muted);font-size:13px;margin:2px 0 8px}
.e-steps{list-style:none;margin:10px 0 4px;padding:0;display:flex;flex-direction:column;gap:8px}
.e-steps li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.55;color:var(--text)}
.e-steps li>.ic{flex:0 0 24px;width:24px;height:24px;padding:5px;border-radius:8px;background:var(--e-soft);color:var(--e-text2)}
.e-steps li.ask>.ic{background:color-mix(in srgb,#4f46e5 12%,var(--panel));color:#6366f1}
.e-steps li.say>.ic{background:color-mix(in srgb,#ea580c 12%,var(--panel));color:#ea580c}
.e-steps li.note>.ic{background:var(--e-ok-bg);color:var(--e-ok)}
.e-steps li.do>.ic{stroke-width:6}
.e-to{display:inline-flex;align-items:center;gap:4px;font-style:normal;font-size:12px;font-weight:600;color:var(--e-ok);background:var(--e-ok-bg);border-radius:6px;padding:1px 7px}
.e-to .ic{width:12px;height:12px;margin:0}
.e-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;align-items:center}
.e-home .e-actions>button,.e-home .e-move>summary{display:inline-flex;align-items:center;padding:10px 16px;font-size:14px;font-weight:600;border-radius:11px;
  background:var(--e-soft);border:0;color:var(--text);text-transform:none;letter-spacing:0;box-shadow:none;cursor:pointer}
.e-home .e-actions>button:hover,.e-home .e-move>summary:hover{background:var(--e-soft2)}
.e-home .e-actions>button.primary{background:linear-gradient(135deg,var(--orange),var(--e-acc2));color:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--orange) 35%,transparent)}
.e-home .e-actions>button.e-done{background:var(--e-ok-bg);color:var(--e-ok)}
.e-move{position:relative}
.e-move>summary{list-style:none;user-select:none}.e-move>summary::-webkit-details-marker{display:none}
.e-move>div{position:absolute;z-index:6;top:calc(100% + 6px);left:0;background:var(--panel);border-radius:14px;box-shadow:var(--e-sh-hi);padding:6px;display:flex;flex-direction:column;min-width:170px}
.e-move>div button{background:transparent;border:0;text-align:left;padding:9px 12px;border-radius:8px;color:var(--text);text-transform:none;letter-spacing:0}
.e-move>div button:hover{background:var(--e-soft)}
.e-skip-row{display:flex;justify-content:flex-end;margin-top:10px}
.e-home .e-skip{background:transparent;border:0;padding:4px 8px;font-size:12.5px;color:var(--muted);border-radius:8px;text-transform:none;letter-spacing:0}
.e-home .e-skip:hover{color:var(--orange)}

/* подробности по главной сделке */
.e-focus-more{margin-top:14px}
.e-more-load{font-size:13px;color:var(--muted);padding:6px 0}
.e-facts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.e-facts span{display:inline-flex;flex-direction:column;padding:6px 10px;border-radius:10px;background:var(--e-soft);font-size:13.5px;font-weight:650;line-height:1.25}
.e-facts small{font-size:11px;font-weight:500;color:var(--muted)}
.e-more-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.e-more-box{background:var(--e-soft);border-radius:14px;padding:12px 14px;min-width:0}
.e-more-h{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;font-weight:750;color:var(--e-text2);margin-bottom:8px}
.e-more-h span{font-weight:500;color:var(--muted)}
.e-more-ai .e-more-h{color:#7c5cff}
.e-more-next{font-size:14px;line-height:1.5;font-weight:600;white-space:pre-wrap}
.e-more-sum{font-size:13px;line-height:1.5;color:var(--e-text2);white-space:pre-wrap;margin-top:8px}
.e-clamp{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.e-more-sum.e-clamp{-webkit-line-clamp:3}
.e-home .e-link{display:inline-block;background:transparent;border:0;padding:4px 0 0;color:var(--orange);font-size:13px;font-weight:600;text-transform:none;letter-spacing:0}
.e-chat{display:flex;flex-direction:column;gap:6px}
.e-msg{max-width:92%;align-self:flex-start;background:var(--panel);border-radius:12px 12px 12px 4px;padding:7px 10px;font-size:13px;line-height:1.4;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.e-msg div{white-space:pre-wrap;word-break:break-word}
.e-msg small{display:block;margin-top:2px;font-size:11px;color:var(--muted)}
.e-msg.out{align-self:flex-end;background:color-mix(in srgb,var(--orange) 14%,var(--panel));border-radius:12px 12px 4px 12px}
.e-brief{display:grid;gap:6px}
.e-brief small{display:block;font-size:11px;color:var(--muted)}.e-brief b{font-size:13.5px;font-weight:600}

/* очередь дел */
.e-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:32px 20px;background:var(--panel);border-radius:22px;box-shadow:var(--e-sh)}
.e-empty b{font-size:17px}.e-empty span{color:var(--muted);font-size:13.5px;max-width:380px}.e-big{font-size:40px;line-height:1.1}
.e-queue{background:var(--panel);border-radius:22px;box-shadow:var(--e-sh);overflow:hidden}
.e-tabs{display:flex;gap:6px;padding:10px 12px;overflow-x:auto;scrollbar-width:none}
.e-tabs::-webkit-scrollbar{display:none}
.e-home .e-tabs button{background:transparent;border:0;border-radius:999px;padding:7px 12px;font-size:13.5px;font-weight:600;color:var(--e-text2);white-space:nowrap;display:inline-flex;gap:7px;align-items:center;text-transform:none;letter-spacing:0}
.e-home .e-tabs button span{font-size:11.5px;background:var(--e-soft2);color:var(--e-text2);border-radius:99px;padding:1px 7px}
.e-home .e-tabs button:hover{background:var(--e-soft)}
.e-home .e-tabs button.on{background:var(--text);color:var(--panel)}.e-home .e-tabs button.on span{background:color-mix(in srgb,var(--panel) 22%,transparent);color:var(--panel)}
.e-hint{margin:0 16px 10px;padding:9px 12px;border-radius:12px;background:var(--e-soft);color:var(--e-text2);font-size:13px}
.e-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--e-line);cursor:pointer;transition:background .15s}
.e-item:hover{background:var(--e-soft)}
.e-ico{width:34px;height:34px;border-radius:11px;background:var(--e-soft);display:grid;place-items:center;font-size:15px}
.e-item.is-hot .e-ico{background:var(--e-late-bg)}
.e-item-main{min-width:0}
.e-item-name{font-weight:700;font-size:14.5px;display:flex;gap:8px;align-items:baseline;min-width:0}
.e-item-name span{font-weight:600;font-size:12.5px;color:var(--muted);white-space:nowrap}
.e-item-t{font-size:13.5px;color:var(--e-text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.e-chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;background:var(--e-soft);color:var(--e-text2);flex:0 0 auto}
.e-chip.late,.e-chip.hot{background:var(--e-late-bg);color:var(--e-late)}
.e-chip.today,.e-chip.warn{background:var(--e-today-bg);color:var(--e-today)}
.e-home .e-check{width:34px;height:34px;border-radius:50%;padding:0;display:grid;place-items:center;background:transparent;border:2px solid var(--e-soft2);color:transparent;font-weight:800}
.e-home .e-check:hover{border-color:var(--e-ok);color:var(--e-ok);background:var(--e-ok-bg)}
.e-home .e-more{display:block;width:100%;background:transparent;border:0;border-top:1px solid var(--e-line);border-radius:0;color:var(--muted);padding:11px;font-size:13px;text-transform:none;letter-spacing:0}
.e-home .e-more:hover{color:var(--orange)}
.e-none{padding:18px;text-align:center;color:var(--muted);font-size:13.5px}

/* правая колонка: цели, сводка Claude, горячие, команда */
.e-card-box{background:var(--panel);border-radius:20px;box-shadow:var(--e-sh);padding:16px 18px}
.e-box-h{display:flex;align-items:center;gap:6px;font-size:14.5px;font-weight:750;margin-bottom:10px;list-style:none}
.e-box-h span{margin-left:auto;font-size:12px;font-weight:500;color:var(--muted)}
.e-goal{padding:9px 0 10px;border-top:1px solid var(--e-line)}
.e-goal:first-of-type{border-top:0;padding-top:2px}
.e-goal-top{display:flex;justify-content:space-between;align-items:baseline;font-size:13.5px}
.e-goal-top b{font-size:16px;font-weight:800;color:var(--orange)}.e-goal-top b small{font-size:12px;color:var(--muted);font-weight:600}
.e-goal-bar{height:8px;border-radius:99px;background:var(--e-soft2);margin:6px 0 4px;overflow:hidden}
.e-goal-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--e-acc2),var(--orange));transition:width .6s}
.e-goal small{font-size:11.5px;color:var(--muted)}
.e-goal.ok .e-goal-top b{color:var(--e-ok)}.e-goal.ok .e-goal-bar i{background:linear-gradient(90deg,#34d06e,#16a34a)}
.e-money{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid var(--e-line);font-size:13.5px}.e-money span{color:var(--muted)}
.e-claude .e-box-h{color:#7c5cff}
.e-claude-t{font-weight:700;font-size:14px;margin-bottom:4px}
.e-claude .e-clamp,.e-claude .e-full{font-size:13px;line-height:1.5;white-space:pre-wrap;color:var(--e-text2)}
.e-mini{display:flex;gap:8px;align-items:baseline;padding:7px 0;border-top:1px solid var(--e-line);font-size:13.5px;cursor:pointer}
.e-mini:first-of-type{border-top:0}.e-mini span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.e-mini small{color:var(--muted)}
.e-mini:hover span{color:var(--orange)}
.e-team .e-box-h{cursor:pointer;margin:0}.e-team[open]>.e-box-h{margin-bottom:10px}.e-team .e-box-h::-webkit-details-marker{display:none}
.e-team>.e-box-h::after{content:"▾";color:var(--muted);margin-left:auto}
.e-team .h-mgr{width:100%}

/* анимации наград */
.e-gone{animation:e-gone .38s ease forwards;pointer-events:none}
@keyframes e-gone{0%{background:var(--e-ok-bg)}100%{opacity:0;transform:translateX(30px)}}
.e-out{animation:e-out .18s ease forwards}.e-in{animation:e-in .28s cubic-bezier(.2,.9,.3,1.2)}
@keyframes e-out{to{opacity:0;transform:translateY(-8px) scale(.98)}}
@keyframes e-in{from{opacity:0;transform:translateY(10px) scale(.98)}}
.e-confetti{position:fixed;z-index:70;width:8px;height:8px;border-radius:2px;pointer-events:none;animation:e-confetti .9s cubic-bezier(.15,.7,.3,1) forwards}
@keyframes e-confetti{to{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}
.e-xp-pop{position:fixed;z-index:70;transform:translate(-50%,-100%);pointer-events:none;font:700 13px/1 inherit;color:var(--e-ok);background:var(--panel);padding:4px 8px;border-radius:6px;box-shadow:var(--e-sh-hi);white-space:nowrap;animation:e-xp .9s ease-out forwards}
@keyframes e-xp{0%{opacity:0;margin-top:0}15%{opacity:1}100%{opacity:0;margin-top:-30px}}
@media (prefers-reduced-motion:reduce){.e-gone,.e-out,.e-in,.e-xp-pop{animation-duration:.01s}.e-confetti{display:none}}

@media (max-width:1100px){.e-cols{grid-template-columns:minmax(0,1fr)}}
@media (max-width:820px){
  .e-today{display:none}
  .e-hero{padding:16px;gap:12px}.e-hello{font-size:19px}.e-plan{font-size:13.5px}
  .e-ring{width:72px;height:72px;flex-basis:72px}.e-ring b{font-size:19px}
  .e-focus{padding:16px 16px 18px;border-radius:20px}.e-title{font-size:19px}
  .e-home .e-actions>button.primary{flex:1 1 100%;justify-content:center}
  .e-item{grid-template-columns:34px minmax(0,1fr) auto;gap:3px 10px;padding:11px 12px}
  .e-item>.e-ico{grid-row:1/3}
  .e-item .e-chip{grid-column:2;grid-row:2;justify-self:start}
  .e-item .e-check{grid-column:3;grid-row:1/3}
  .e-team .h-mgr{font-size:11.5px}
}