/* stat.oreh.io — кастомы поверх Tabler 1.4 (база: /public/tabler/tabler.min.css).
   Здесь ТОЛЬКО: палитра данных, виджеты (heatmap, statusbar, лимиты, колокольчик),
   интерактивные таблицы tables.js (tblx-*), сворачиваемый sidebar, мелкие утилиты. */
:root{
  --ya:#FC3F1D; --goog:#4285F4; --call:#00A86B; --chat:#F4A261; --tg:#2AABEE; --pos:#9B59B6;
  --topbar-h:56px;
  --tblr-font-sans-serif:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
}
body{font-feature-settings:"cv03","cv04","cv11"}

/* ── Каркас: fluid-vertical (широкий контент + левое меню), desktop-first 27" ── */
.content{max-width:none}        /* layout-fluid-vertical: контент во всю ширину */
.page-body{margin-top:14px}
.topbar{min-height:var(--topbar-h);background:var(--tblr-bg-surface);box-shadow:inset 0 -1px 0 var(--tblr-border-color)}
.topbar .search{flex:1;max-width:520px;position:relative}
.integrations{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--tblr-secondary);white-space:nowrap}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}
.dot.on{background:#22C55E}.dot.warn{background:#F59E0B}.dot.na,.dot.off{background:#CBD5E0}

/* числа: tabular-nums + правое выравнивание */
th.num,td.num{text-align:right;font-variant-numeric:tabular-nums}
.kpi .v{font-variant-numeric:tabular-nums}

/* ── Утилиты, на которых сидят шаблоны ─────────────────────────────────── */
.muted{color:var(--tblr-secondary)}
.flex{display:flex;gap:10px;align-items:center}
.between{justify-content:space-between}
.wrap{flex-wrap:wrap}
.mt{margin-top:18px}.mb{margin-bottom:14px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:1100px){.grid2{grid-template-columns:1fr}}
.card-t{font-weight:600;font-size:14px}
.err{background:#FEE2E2;color:#991B1B;border:1px solid #FECACA;border-radius:8px;padding:10px 13px;font-size:13px;margin:12px 0}
.zero{text-align:center;padding:42px 20px;color:var(--tblr-secondary)}
.zero .ic{font-size:38px;margin-bottom:10px}
.zero .ic svg{width:38px;height:38px;stroke-width:1.5;vertical-align:middle}
/* горизонтальные бары разбивок (гео/устройства/источники) */
.gbar{display:grid;grid-template-columns:130px 1fr 96px;align-items:center;gap:9px;margin:4px 0;font-size:12.5px}
.gbar-l{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gbar-t{height:8px;background:#EEF1F6;border-radius:6px;overflow:hidden}
.gbar-t i{display:block;height:100%;background:var(--bar,#4285F4);border-radius:6px;min-width:2px}
.gbar-v{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.reveal{animation:rise .45s cubic-bezier(.22,.8,.3,1) both}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.skel{border-radius:10px;background:linear-gradient(100deg,#EEF1F6 40%,#F7F9FC 50%,#EEF1F6 60%);background-size:200% 100%;animation:shimmer 1.4s infinite}
@keyframes shimmer{to{background-position:-200% 0}}
[hidden]{display:none!important} /* inline-flex классов (.chip/.ws-prog) не должен перебивать hidden */
.sel-sm{width:auto!important;display:inline-block}

/* крошки страницы сайта/папки */
.crumbs{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.crumbs .sep{color:var(--tblr-secondary);font-size:13px}
.crumbs h1,.crumbs .page-title{font-size:19px;margin:0;font-weight:700}
.crumbs .ext{font-size:15px;color:var(--tblr-secondary)}
.crumbs .ext:hover{color:var(--tblr-primary)}

/* ── KPI-карточки (вид Tabler card, плотный) ───────────────────────────── */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:14px}
.kpis-5,.kpis-4,.kpis-3{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.kpi{background:var(--tblr-bg-surface);border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);padding:12px 14px;box-shadow:var(--tblr-box-shadow-card, none)}
.kpi .l{font-size:11.5px;color:var(--tblr-secondary);text-transform:uppercase;letter-spacing:.04em;font-weight:600;display:flex;align-items:center;gap:6px}
.kpi .v{font-size:22px;font-weight:700;margin-top:3px;line-height:1.2}
.kpi .d{font-size:12px;font-weight:600;margin-top:2px}
.d.up{color:#16A34A}.d.down{color:#DC2626}.d.flat{color:var(--tblr-secondary)}

/* строка алертов-аутсайдеров */
.alerts{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px;margin-bottom:8px}
.alert-card{flex-shrink:0;background:#FEF3F2;border:1px solid #FECDCA;color:#B42318;border-radius:10px;padding:8px 14px;font-size:13px;white-space:nowrap}

/* ── Чипы (компактнее tabler badge, используются массово) ──────────────── */
.chip{display:inline-flex;align-items:center;gap:5px;background:var(--tblr-bg-surface);border:1px solid var(--tblr-border-color);border-radius:99px;padding:2px 10px;font-size:11.5px}
.chip-ok{background:#DCFCE7;border-color:#BBF7D0;color:#166534}
.chip-filter{background:#EFF6FF;border-color:#BFDBFE;color:#1E40AF}
.chip-filter a{color:#1E40AF;font-weight:700;margin-left:3px}
.chip-flag{background:#FEF2F2;border-color:#FECACA;color:#991B1B;font-size:11px;padding:1px 8px;white-space:nowrap}
.chip-warn{background:#FEF9C3;border-color:#FDE68A;color:#854D0E}
.folder-chip{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:5px;vertical-align:middle}
/* добавить папку (в шапке) + карандаш «изменить» при наведении на строку */
.fld-add{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:6px;border:1px solid var(--tblr-border-color);border-radius:5px;background:var(--tblr-bg-surface);color:var(--tblr-secondary);font-size:14px;line-height:1;cursor:pointer;vertical-align:middle}
.fld-add:hover{color:var(--tblr-primary);border-color:var(--tblr-primary)}
.row-edit{opacity:0;margin-left:8px;border:0;background:none;color:var(--tblr-secondary);cursor:pointer;font-size:13px;transition:opacity .12s;padding:0 2px}
tr:hover .row-edit{opacity:1}
.row-edit:hover{color:var(--tblr-primary)}

/* статусы лидов */
.result{padding:2px 9px;border-radius:6px;font-size:11px;font-weight:600;display:inline-block;white-space:nowrap}
.result.agreed{background:#DCFCE7;color:#166534}.result.refused{background:#FEE2E2;color:#991B1B}
.result.consultation{background:#DBEAFE;color:#1E40AF}.result.missed{background:#FEF9C3;color:#854D0E}
.result.new{background:#F1F5F9;color:#475569}.result.too_short,.result.no_transcript,.result.unknown,.result.needs_review{background:#F1F5F9;color:#64748B}
.result.paid{background:#DCFCE7;color:#166534}.result.pending{background:#FEF9C3;color:#854D0E}

/* ── Статус-бар лидов (страница сайта) ─────────────────────────────────── */
.statusbar{display:flex;height:34px;border-radius:9px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--tblr-border-color)}
.statusbar .seg{display:flex;align-items:center;justify-content:center;color:#fff;font-size:11.5px;font-weight:700;min-width:6px;transition:filter .15s;animation:grow .6s cubic-bezier(.22,.8,.3,1) both}
.statusbar .seg:hover{filter:brightness(1.08)}
@keyframes grow{from{flex-basis:0}}
.seg-agreed{background:#16A34A}.seg-consultation{background:#2563EB}.seg-refused{background:#DC2626}
.seg-missed{background:#D97706}.seg-unknown{background:#94A3B8}
.status-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:12px;font-size:12.5px}
.sl-item b{margin-left:2px;font-variant-numeric:tabular-nums}
.sl-dot{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:6px}
.sl-prev{font-size:11px;color:var(--tblr-secondary);margin-left:4px}
.sl-prev.up{color:#16A34A}.sl-prev.down{color:#DC2626}
.lostbox{border:1px dashed #E2B007;background:#FFFBEB;border-radius:10px;padding:13px 15px}
.lost-big{font-size:14px;font-variant-numeric:tabular-nums}
.lost-big b{margin-left:8px;font-size:16px}
.lost-big b.bad{color:#DC2626}
.lost-reasons{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.chart-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--tblr-secondary)}
.chart-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.lead-list{display:flex;flex-direction:column}
.lead-row{display:flex;align-items:center;gap:10px;padding:8px 6px;border-bottom:1px solid var(--tblr-border-color);color:var(--tblr-body-color);border-radius:6px}
.lead-row:last-child{border-bottom:none}
.lead-row:hover{background:var(--tblr-bg-surface-tertiary)}
.li-who{flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.li-dt{font-size:11.5px;font-variant-numeric:tabular-nums}

/* ── Тулбар съёма (scanbar) ────────────────────────────────────────────── */
.scanbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;background:var(--tblr-bg-surface);border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);padding:10px 14px;margin-bottom:16px;font-size:12.5px}
.scanbar .form-label{margin:0;font-size:12px;font-weight:500}
.selform{margin:0}

/* позиции/конкуренты */
td.up{color:#16A34A;font-weight:600}td.down{color:#DC2626;font-weight:600}
.row-own td{background:#F5F9FF}
.pos-top3{background:#DCFCE7;color:#166534;font-weight:700}
.pos-top10{background:#FEF9C3;color:#854D0E;font-weight:600}
.pos-low{background:#F1F5F9;color:#64748B}
.pos-none{color:#CBD5E0}
.chip.pos-top3,.chip.pos-top10,.chip.pos-low{border-color:transparent}
.matrix-scroll{overflow-x:auto;max-width:100%}
table.matrix{border-collapse:separate;border-spacing:0}
table.matrix th.kwh{max-width:120px;min-width:84px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}
table.matrix td.num{min-width:46px;text-align:center}
.sticky-col{position:sticky;left:0;background:var(--tblr-bg-surface);z-index:2;box-shadow:2px 0 0 var(--tblr-border-color);min-width:190px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
thead .sticky-col{background:var(--tblr-bg-surface-tertiary);z-index:3}
.urlline{overflow:hidden;text-overflow:ellipsis;max-width:560px;white-space:nowrap}

/* ── Номера Новофон ↔ сайты ────────────────────────────────────────────── */
.phones-list{display:flex;flex-direction:column;gap:10px}
.phone-row{border:1px solid var(--tblr-border-color);border-radius:10px;padding:11px 13px}
.phone-row.phone-off{opacity:.62;background:var(--tblr-bg-surface-tertiary)}
.phone-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.phone-num{font-variant-numeric:tabular-nums;font-size:13.5px}
.phone-sites{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.phone-site{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--tblr-border-color);border-radius:99px;padding:3px 10px;font-size:12px;font-weight:500;margin:0;cursor:pointer}
.phone-site.on{background:#EFF6FF;border-color:#BFDBFE}
.phone-site input[type=checkbox],.phone-site input[type=radio]{width:auto;margin:0}
.phone-site input[type=radio]{accent-color:#D97706}
.phone-site.off{display:none}
.phone-sites .site-filter{height:28px;padding:3px 12px;font-size:12.5px;border-radius:99px;width:250px;flex-shrink:0}

/* ── Папки: строки редактирования + палитра цветов ─────────────────────── */
.folder-row td{background:#F0F3F8;font-weight:600;font-variant-numeric:tabular-nums}
.folder-row.sub td{background:#F7F9FC;font-weight:500}
.folder-line{display:flex;align-items:center;gap:5px;padding:5px 0;border-bottom:1px solid var(--tblr-border-color);flex-wrap:nowrap}
.folder-line:last-of-type{border-bottom:none}
.folder-line.sub{padding-left:20px}
.folder-line form.flex{min-width:0}
.folder-line input[name=name]{min-width:56px}
.folder-line select{max-width:128px;flex-shrink:1;min-width:80px}
.folder-line form[action*="delete"]{flex-shrink:0}
.swatches{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.swatch{width:22px;height:22px;border-radius:7px;cursor:pointer;display:inline-block;border:2px solid transparent;flex-shrink:0}
.swatch input{display:none}
.swatch.on{border-color:var(--tblr-body-color);box-shadow:0 0 0 2px #fff inset}
.colorpick{position:relative;display:inline-flex;flex-shrink:0}
.cp-cur{width:24px;height:24px;border-radius:8px;border:2px solid #fff;box-shadow:0 0 0 1px var(--tblr-border-color);cursor:pointer}
.cp-pop{display:none;position:absolute;top:30px;left:0;z-index:45;background:var(--tblr-bg-surface);border:1px solid var(--tblr-border-color);border-radius:10px;box-shadow:0 10px 28px rgba(0,0,0,.14);padding:9px;grid-template-columns:repeat(4,22px);gap:6px}
.colorpick.open .cp-pop{display:grid}

/* компакт inline-редактирования (Настройки → Структура) */
table.tbl-edit td{padding:4px 6px;vertical-align:middle}
table.tbl-edit form{margin:0}
table.tbl-edit input[type=text],table.tbl-edit select,
.folder-line input[type=text],.folder-line select{height:26px;padding:2px 7px;font-size:13px;border-radius:7px}
table.tbl-edit select{min-width:96px;max-width:120px;padding-right:20px}
table.tbl-edit .btn-sm,.folder-line .btn-sm{padding:3px 8px;font-size:11.5px;height:26px;flex-shrink:0}
table.tbl-edit td:first-child{width:26px}
table.tbl-edit .in-num{width:84px;font-variant-numeric:tabular-nums}
table.tbl-edit .in-code{width:50px}
table.tbl-edit thead th{position:static}

/* ── Иконка ⓘ у домена (защита сайта) ──────────────────────────────────── */
.site-cell{display:inline-flex;align-items:center;gap:6px}
.siteinfo{position:relative;display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;border:1px solid var(--tblr-border-color);color:var(--tblr-secondary);font-size:10px;font-style:italic;font-family:Georgia,serif;cursor:pointer;line-height:1;user-select:none}
.siteinfo:hover{color:var(--tblr-body-color);border-color:var(--tblr-secondary)}
.siteinfo.on{border-color:var(--tblr-primary);color:var(--tblr-primary)}
.siteinfo-pop{display:none;position:absolute;left:20px;top:-4px;z-index:50;width:250px;background:var(--tblr-bg-surface);border:1px solid var(--tblr-border-color);border-radius:10px;box-shadow:0 10px 28px rgba(0,0,0,.15);padding:12px;text-align:left;font-style:normal;cursor:auto}
.siteinfo.open .siteinfo-pop{display:block}
.sip-t{font-weight:700;font-size:12.5px;margin-bottom:6px}
.siteinfo-pop label{display:block;font-size:11px;margin:8px 0 3px;font-weight:600}
.siteinfo-pop input{width:100%}

/* ── Bulkbar массовых действий ─────────────────────────────────────────── */
.bulkbar{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;width:100%;
  background:var(--tblr-bg-surface-secondary);border:1px solid var(--tblr-border-color);border-radius:10px;padding:7px 12px;margin-top:12px;
  animation:bulkUp .16s ease}
@keyframes bulkUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.bulk-count-lbl{font-size:12.5px;white-space:nowrap}
.bulk-count{background:var(--tblr-primary);color:#fff;border-radius:99px;padding:1px 9px;margin-left:3px}
.bulkbar .bulk-op{height:30px;min-width:230px;flex:0 1 280px;font-size:12.5px}
.bulkbar .sel-sm,.bulkbar input[type=text]{height:30px;font-size:12.5px}
.bulkbar .bulk-apply{margin-left:auto;flex-shrink:0}

/* ── Интерактивные таблицы tables.js (tbl-x) ───────────────────────────── */
table.tbl-x th.thx-sort{cursor:pointer;user-select:none;white-space:nowrap}
table.tbl-x th.thx-sort:hover{color:var(--tblr-body-color)}
table.tbl-x th.sorted-asc::after{content:' ▲';font-size:9px;color:var(--tblr-primary)}
table.tbl-x th.sorted-desc::after{content:' ▼';font-size:9px;color:var(--tblr-primary)}
table.tbl-x th.th-drop{background:#E8F0FE}
.tblx-gear{float:right;cursor:pointer;color:var(--tblr-secondary);font-size:13px;margin-left:8px;line-height:1}
.tblx-gear:hover{color:var(--tblr-body-color)}
.tblx-pop{z-index:60;background:var(--tblr-bg-surface);border:1px solid var(--tblr-border-color);border-radius:10px;box-shadow:0 10px 28px rgba(0,0,0,.13);padding:10px 12px;min-width:200px;text-align:left}
.tblx-pop-t{font-weight:700;font-size:12px;margin-bottom:6px}
.tblx-pop label{display:flex;align-items:center;gap:7px;margin:0;padding:3px 0;font-size:12.5px;font-weight:500;cursor:pointer;text-transform:none;color:var(--tblr-body-color)}
.tblx-pop input{width:auto}
.tblx-reset{margin-top:8px;width:100%;padding:5px;border:1px solid var(--tblr-border-color);border-radius:7px;background:var(--tblr-bg-surface);font-size:11.5px;cursor:pointer;color:var(--tblr-secondary)}
.tblx-reset:hover{color:#B42318}
.tbl-x th{position:relative}
.thx-rz{position:absolute;top:0;right:-4px;width:8px;height:100%;cursor:col-resize;user-select:none;z-index:3}
.thx-rz:hover{background:linear-gradient(to right,transparent 3px,var(--tblr-primary) 3px,var(--tblr-primary) 5px,transparent 5px)}
.tblx-presets{display:flex;gap:6px;margin-bottom:10px}
.tblx-preset{padding:5px 13px;border:1px solid var(--tblr-border-color);border-radius:8px;background:var(--tblr-bg-surface);font-size:12.5px;font-weight:600;cursor:pointer;color:var(--tblr-body-color)}
.tblx-preset:hover{background:var(--tblr-bg-surface-tertiary)}
.tblx-preset.on{background:var(--tblr-primary);border-color:var(--tblr-primary);color:#fff}
.thx-stick{position:sticky;background:var(--tblr-bg-surface);z-index:2}
.tblx-filter-btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:6px;
  color:var(--tblr-secondary);cursor:pointer;vertical-align:middle;border-radius:5px}
.tblx-filter-btn svg{width:13px;height:13px}
.tblx-filter-btn:hover{color:var(--tblr-body-color);background:var(--tblr-bg-surface-tertiary)}
.tblx-filter-btn.active{color:var(--tblr-primary)}
.tblx-filter-pop{position:fixed;z-index:60;width:230px;padding:7px 11px;font-size:12.5px;background:var(--tblr-bg-surface);
  border:1px solid var(--tblr-primary);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.14)}
/* sticky-шапка полностраничных таблиц: card не должен резать (overflow:visible),
   th с фоном поверх строк. tbl-edit (настройки) — без sticky */
.card:has(> table.tbl-x:not(.tbl-edit)){overflow:visible}
table.tbl-x:not(.tbl-edit) thead th{position:sticky;top:var(--topbar-h);z-index:5;background:var(--tblr-bg-surface)}
.card > table.tbl-x:not(.tbl-edit) thead th{background:var(--tblr-bg-surface)}

/* ── Финансы: переставляемые сворачиваемые блоки ──────────────────────────── */
.fin-block{margin-bottom:18px}
.fin-block.dragging{opacity:.45}
.fin-block.drop-before{box-shadow:0 -3px 0 0 var(--tblr-primary)}
.fin-block.drop-after{box-shadow:0 3px 0 0 var(--tblr-primary)}
.fin-bar{display:flex;align-items:center;gap:9px;padding:2px 2px 8px}
/* кликабельная зона свёртки слева: шеврон + заголовок (понятнее, что блок сворачивается) */
.fin-head{display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none;border-radius:7px;padding:3px 8px 3px 6px;margin:-3px -2px;transition:background .12s}
.fin-head:hover{background:var(--tblr-bg-surface-tertiary)}
.fin-head:focus-visible{outline:2px solid var(--tblr-primary);outline-offset:1px}
.fin-toggle{display:inline-flex;color:var(--tblr-secondary);transition:transform .15s}
.fin-head:hover .fin-toggle{color:var(--tblr-primary)}
.fin-block.collapsed .fin-toggle .icon{transform:rotate(180deg)}
.fin-grip{display:inline-flex;color:var(--tblr-secondary);cursor:grab;opacity:.55;margin-left:auto}
.fin-grip:hover{opacity:1}
.fin-block.dragging .fin-grip{cursor:grabbing}
.fin-title{font-weight:600;font-size:15px;color:var(--tblr-body-color)}
.fin-sub{font-size:12px}
.fin-block.collapsed .fin-body{display:none}

/* ── Фильтр «Месяц»: выбор конкретного месяца по наведению (Дебит-Кредит) ── */
.period-month{position:relative;display:inline-block}
.period-month>.btn .icon{margin-left:2px;opacity:.7}
.pm-menu{position:absolute;top:calc(100% + 4px);left:0;display:none;flex-direction:column;min-width:170px;max-height:340px;overflow:auto;background:var(--tblr-bg-surface);border:1px solid var(--tblr-border-color);border-radius:9px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:5px;z-index:45}
/* невидимый «мостик» перекрывает зазор кнопка↔меню, чтобы наведение не терялось при переходе курсора */
.pm-menu::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}
/* открытие по клику (надёжнее hover — меню не «срывается») */
.period-month.open>.pm-menu{display:flex}
.period-month.open>.btn .icon{transform:rotate(180deg);transition:transform .15s}
.pm-item{display:block;padding:6px 10px;border-radius:6px;font-size:13px;color:var(--tblr-body-color);text-decoration:none;white-space:nowrap}
.pm-item:hover{background:var(--tblr-bg-surface-tertiary);color:var(--tblr-body-color)}
.pm-item.on{background:var(--tblr-primary);color:#fff;font-weight:600}

/* ── Виджеты шапки: лимиты 📊 + колокольчик 🔔 ─────────────────────────── */
.limits-w{position:relative}
.limits-btn{color:var(--tblr-secondary)}
.limits-btn.lim-yellow{color:#B7791F;border-color:#F6E05E;background:#FFFBEB}
.limits-btn.lim-red{color:#C53030;border-color:#FC8181;background:#FFF5F5;animation:limpulse 1.2s ease-in-out infinite}
@keyframes limpulse{0%,100%{box-shadow:0 0 0 0 rgba(197,48,48,.35)}50%{box-shadow:0 0 0 5px rgba(197,48,48,0)}}
.limits-pop{position:absolute;top:42px;right:0;min-width:280px;background:var(--tblr-bg-surface);border:1px solid var(--tblr-border-color);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.1);padding:8px;z-index:40}
.lim-row{display:flex;justify-content:space-between;gap:14px;padding:6px 8px;font-size:10.5px;border-radius:6px}
.lim-row:hover{background:var(--tblr-bg-surface-tertiary)}
.lim-name{color:var(--tblr-secondary);font-weight:600}
.lim-val{font-variant-numeric:tabular-nums;white-space:nowrap}
.lim-val.lim-yellow{color:#B7791F}
.lim-val.lim-red{color:#C53030;font-weight:600}
.lim-sect{font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:var(--tblr-secondary);padding:6px 8px 2px;font-weight:600}
.lim-conns{display:flex;flex-direction:column;gap:1px;padding:2px 4px 6px}
.lim-conn-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:3px 6px;border-radius:5px;font-size:10.5px}
.lim-conn-row:hover{background:var(--tblr-bg-surface-tertiary)}
.lim-conn-name{display:inline-flex;align-items:center;color:var(--tblr-body-color)}
.lim-foot{display:flex;align-items:center;gap:6px;justify-content:flex-end;font-size:10px;color:var(--tblr-secondary);text-decoration:none;padding:8px 8px 4px;margin-top:4px;border-top:1px solid var(--tblr-border-color)}
.lim-foot:hover{color:var(--tblr-primary)}
.btn-ghost{border:0;background:none;cursor:pointer;font-size:12px;color:var(--tblr-secondary);padding:0 2px}
.btn-ghost:hover{color:var(--tblr-body-color)}
#notif-btn{position:relative}
.notif-badge{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 4px;background:#DC2626;color:#fff;border-radius:99px;font-size:10px;font-weight:700;line-height:16px;text-align:center}
.notif-pop{min-width:360px;max-width:420px;max-height:440px;overflow:auto;padding:6px}
.ntf-filters{display:flex;gap:5px;flex-wrap:wrap;padding:2px 4px 7px;margin-bottom:4px;border-bottom:1px solid var(--tblr-border-color);position:sticky;top:0;background:var(--tblr-bg-surface);z-index:1}
.ntf-chip{font-size:10.5px;font-weight:600;padding:2px 9px;border-radius:99px;border:1px solid var(--tblr-primary);background:var(--tblr-primary);color:#fff;cursor:pointer;line-height:1.5}
.ntf-chip.off{background:transparent;color:var(--tblr-secondary);border-color:var(--tblr-border-color)}
.ntf-row{display:flex;align-items:flex-start;gap:9px;padding:8px 9px;border-radius:7px;font-size:10.5px;color:var(--tblr-body-color);line-height:1.35}
a.ntf-row:hover{background:var(--tblr-bg-surface-tertiary)}
.ntf-row.new{background:#EFF6FF}
a.ntf-row.new:hover{background:#E0EDFF}
.ntf-ic{flex-shrink:0}
.ntf-tx{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ntf-tm{flex-shrink:0;color:var(--tblr-secondary);font-size:9px;font-variant-numeric:tabular-nums;padding-top:1px}
.ntf-empty{padding:18px;text-align:center;color:var(--tblr-secondary);font-size:10.5px}

/* ── Режимы /keywords + пагинация + прогресс Wordstat ──────────────────── */
.mode-seg{display:inline-flex;background:var(--tblr-bg-surface-secondary);border:1px solid var(--tblr-border-color);border-radius:9px;padding:3px;gap:2px}
.mseg-i{padding:5px 13px;border-radius:7px;font-size:12.5px;color:var(--tblr-secondary);white-space:nowrap}
.mseg-i:hover{color:var(--tblr-body-color)}
.mseg-i.on{background:var(--tblr-bg-surface);color:var(--tblr-body-color);font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.pager{display:flex;align-items:center;gap:12px;justify-content:center;margin-top:14px}
.ws-prog{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--tblr-secondary)}
.ws-prog .track{width:130px;height:6px;border-radius:99px;background:#E4E7EC;overflow:hidden}
.ws-prog .track i{display:block;height:100%;width:0;background:var(--tg);border-radius:99px;transition:width .4s}

/* ── Иконки каналов лидов (tabler-icons, цвета палитры) ────────────────── */
.src-ic{display:inline-flex;width:16px;height:16px;vertical-align:-3px;color:var(--tblr-secondary)}
.src-ic svg{width:16px;height:16px;display:block}
.src-ic.src-call{color:var(--call)}
.src-ic.src-chat{color:var(--chat)}
.src-ic.src-telegram{color:var(--tg)}
.src-ic.src-form{color:#64748B}
.src-ic.src-google_sheet{color:#64748B}

/* ── Мониторинг (этап F) ───────────────────────────────────────────────── */
.nav-badge{font-size:10.5px}
html.sb-min .nav-badge{position:absolute;top:4px;right:5px;padding:1px 5px;font-size:9px}
.st{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:99px;font-size:11.5px;font-weight:600;white-space:nowrap}
.st i{width:7px;height:7px;border-radius:50%;display:inline-block;background:currentColor}
.st-ok{background:#DCFCE7;color:#166534}
.st-warn{background:#FEF9C3;color:#854D0E}
.st-error{background:#FEE2E2;color:#991B1B}
.st-off{background:#F1F5F9;color:#64748B}
.lvl{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600}
.lvl-critical{background:#DC2626;color:#fff}
.lvl-error{background:#FEE2E2;color:#991B1B}
.lvl-warning{background:#FEF9C3;color:#854D0E}
.seg-tabs{display:inline-flex;border:1px solid var(--tblr-border-color);border-radius:9px;overflow:hidden;background:var(--tblr-bg-surface)}
.seg-tabs a{padding:6px 14px;font-size:12.5px;font-weight:600;color:var(--tblr-secondary);border-right:1px solid var(--tblr-border-color)}
.seg-tabs a:last-child{border-right:none}
.seg-tabs a.active{background:var(--tblr-primary);color:#fff}
table.hm{border-collapse:separate;border-spacing:2px}
table.hm td{width:30px;height:20px;font-size:10px;text-align:center;border-radius:4px;background:#F1F5F9;color:#475569;font-variant-numeric:tabular-nums}
table.hm th{font-size:10.5px;color:var(--tblr-secondary);font-weight:500;padding:1px 4px;text-align:center}
.mon-alert{display:flex;align-items:center;gap:10px;background:#FEF3F2;border:1px solid #FECDCA;color:#B42318;border-radius:10px;padding:9px 14px;font-size:13px;margin-bottom:8px}
.mon-alert .since{margin-left:auto;font-size:11.5px;color:#B42318;opacity:.75;white-space:nowrap}
.msgcell{max-width:560px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.msgcell:hover{white-space:normal;word-break:break-word}

/* группы параметров (Настройки → Администрирование) */
.param-group{margin-bottom:14px}
.param-group-t{font-weight:700;font-size:12px;color:var(--tblr-secondary);text-transform:uppercase;letter-spacing:.4px;margin-bottom:2px}

/* ── Сворачиваемый sidebar (иконки, html.sb-min) ───────────────────────── */
.navbar-brand .brand-full{font-weight:800;font-size:18px;letter-spacing:.3px;color:#fff}
.navbar-brand .brand-full b,.navbar-brand .brand-min b{color:#4C8BF5}
.navbar-brand .brand-min{display:none;font-weight:800;font-size:18px;color:#fff}
.navbar-vertical{transition:width .15s ease}
.sb-toggle{text-align:left}
html.sb-min .navbar-vertical.navbar-expand-lg{width:3.5rem;min-width:3.5rem}
html.sb-min .navbar-vertical.navbar-expand-lg ~ .page-wrapper,
html.sb-min .navbar-vertical.navbar-expand-lg ~ .navbar{margin-left:3.5rem}
html.sb-min .navbar-vertical .nav-link-title,
html.sb-min .navbar-vertical .brand-full,
html.sb-min .sb-foot .small{display:none}
html.sb-min .navbar-vertical .brand-min{display:inline}
html.sb-min .navbar-vertical .nav-link{justify-content:center}
html.sb-min .navbar-vertical .nav-link-icon{margin:0}
html.sb-min .sb-foot{padding-left:0!important;padding-right:0!important;text-align:center}
.sb-foot{font-size:12px}
.sb-foot .nav-link{display:inline-flex;gap:8px;font-size:12.5px}

/* ── Вход (login) ──────────────────────────────────────────────────────── */
.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0F172A}
.login-brand{font-weight:800;font-size:22px}
.login-brand b{color:#2563EB}

/* ═══════════════════════════════════════════════════════════════════════════
   ТЁМНАЯ ТЕМА — оверрайды хардкод-цветов (Tabler theme system, аудит 2026-06-18).
   Поверхности/границы/текст уже на var(--tblr-*) → адаптируются сами.
   Здесь только статус-цвета и светлые подложки, заданные ранее хардкод-hex.
   Тинты строятся на семантичных --tblr-*-rgb, чтобы совпадать с палитрой Tabler.
   ═══════════════════════════════════════════════════════════════════════════ */
[data-bs-theme=dark]{--c-track:rgba(255,255,255,.09)}

/* нейтральные подложки и треки */
[data-bs-theme=dark] .dot.na,[data-bs-theme=dark] .dot.off{background:var(--tblr-gray-600)}
[data-bs-theme=dark] .gbar-t,[data-bs-theme=dark] .ws-prog .track{background:var(--c-track)}
[data-bs-theme=dark] table.hm td{background:var(--c-track);color:var(--tblr-gray-300)}
[data-bs-theme=dark] .skel{background:linear-gradient(100deg,rgba(255,255,255,.05) 40%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.05) 60%);background-size:200% 100%}
[data-bs-theme=dark] .folder-row td{background:rgba(255,255,255,.06)}
[data-bs-theme=dark] .folder-row.sub td{background:rgba(255,255,255,.03)}

/* статус-бейджи: успех / согласие (green) */
[data-bs-theme=dark] .chip-ok,
[data-bs-theme=dark] .result.agreed,
[data-bs-theme=dark] .result.paid,
[data-bs-theme=dark] .pos-top3,
[data-bs-theme=dark] .st-ok{background:rgba(var(--tblr-green-rgb),.16);border-color:rgba(var(--tblr-green-rgb),.28);color:#4ade80}

/* ошибка / отказ (red) */
[data-bs-theme=dark] .err,
[data-bs-theme=dark] .chip-flag,
[data-bs-theme=dark] .result.refused,
[data-bs-theme=dark] .st-error,
[data-bs-theme=dark] .lvl-error,
[data-bs-theme=dark] .alert-card,
[data-bs-theme=dark] .mon-alert{background:rgba(var(--tblr-red-rgb),.15);border-color:rgba(var(--tblr-red-rgb),.30);color:#fca5a5}
[data-bs-theme=dark] .mon-alert .since{color:inherit;opacity:.8}

/* предупреждение / пропущен (yellow) */
[data-bs-theme=dark] .result.missed,
[data-bs-theme=dark] .result.pending,
[data-bs-theme=dark] .pos-top10,
[data-bs-theme=dark] .st-warn,
[data-bs-theme=dark] .chip-warn,
[data-bs-theme=dark] .lvl-warning,
[data-bs-theme=dark] .lostbox{background:rgba(var(--tblr-yellow-rgb),.15);border-color:rgba(var(--tblr-yellow-rgb),.30);color:#fcd34d}

/* инфо / фильтр / консультация — цветной текст (badge-подобные) */
[data-bs-theme=dark] .chip-filter,
[data-bs-theme=dark] .result.consultation{background:rgba(var(--tblr-azure-rgb),.15);border-color:rgba(var(--tblr-azure-rgb),.28);color:#7cc4f8}
[data-bs-theme=dark] .chip-filter a{color:#7cc4f8}

/* инфо — только подложка (таблицы/строки, текст не перекрашиваем) */
[data-bs-theme=dark] .row-own td,
[data-bs-theme=dark] .th-drop,
[data-bs-theme=dark] .ntf-row.new,
[data-bs-theme=dark] .phone-site.on{background:rgba(var(--tblr-azure-rgb),.12)}
[data-bs-theme=dark] .phone-site.on{border-color:rgba(var(--tblr-azure-rgb),.30)}
[data-bs-theme=dark] a.ntf-row.new:hover{background:rgba(var(--tblr-azure-rgb),.2)}

/* нейтральные статусы */
[data-bs-theme=dark] .result.new,
[data-bs-theme=dark] .result.too_short,
[data-bs-theme=dark] .result.no_transcript,
[data-bs-theme=dark] .result.unknown,
[data-bs-theme=dark] .result.needs_review,
[data-bs-theme=dark] .pos-low,
[data-bs-theme=dark] .st-off{background:rgba(255,255,255,.07);color:var(--tblr-gray-300)}
[data-bs-theme=dark] .pos-none{color:var(--tblr-gray-600)}

/* виджеты лимитов в шапке */
[data-bs-theme=dark] .limits-btn.lim-yellow{background:rgba(var(--tblr-yellow-rgb),.14);border-color:rgba(var(--tblr-yellow-rgb),.30);color:#fcd34d}
[data-bs-theme=dark] .limits-btn.lim-red{background:rgba(var(--tblr-red-rgb),.14);border-color:rgba(var(--tblr-red-rgb),.34);color:#fca5a5}
[data-bs-theme=dark] .lim-val.lim-yellow{color:#fcd34d}
[data-bs-theme=dark] .lim-val.lim-red{color:#fca5a5}

/* семантический текст дельт/трендов — ярче на тёмном фоне */
[data-bs-theme=dark] .d.up,[data-bs-theme=dark] td.up,[data-bs-theme=dark] .sl-prev.up{color:#4ade80}
[data-bs-theme=dark] .d.down,[data-bs-theme=dark] td.down,[data-bs-theme=dark] .sl-prev.down,[data-bs-theme=dark] .lost-big b.bad{color:#f87171}

/* семантический текст чисел в таблицах (вместо inline color:#…, тема-безопасно) */
.t-pos{color:#166534}.t-neg{color:#B42318}.t-warn{color:#CA8A04}
[data-bs-theme=dark] .t-pos{color:#4ade80}[data-bs-theme=dark] .t-neg{color:#f87171}[data-bs-theme=dark] .t-warn{color:#fcd34d}

/* Эффективность: внешняя ссылка ↗ и кнопка денег 💰 (тема-безопасно) */
.ext-link{font-size:12px;text-decoration:none;opacity:.55}
.ext-link:hover{opacity:1}
.money-btn{border:0;background:transparent;cursor:pointer;font-size:14px;line-height:1;padding:0 2px;opacity:.8}
.money-btn:hover{opacity:1}
.money-pop{position:fixed;z-index:1080;min-width:300px;max-width:360px;max-height:70vh;overflow:auto;box-shadow:0 8px 30px rgba(0,0,0,.18);font-size:13px}
.money-pop-h{padding:8px 12px;border-bottom:1px solid var(--tblr-border-color);font-weight:600}
.money-pop-b{padding:4px 8px}
.money-pop-b table{margin:0}
.money-pop-f{padding:6px 12px;border-top:1px solid var(--tblr-border-color);font-size:11.5px}

/* Панель периода (Litepicker) — компактность + тёмная тема (тема-безопасно, var(--tblr-*)) */
.period-bar{align-items:center;gap:6px}
.period-bar .btn{white-space:nowrap}
[data-bs-theme=dark] .litepicker{
  --litepicker-container-months-color-bg: var(--tblr-bg-surface);
  --litepicker-container-footer-color-bg: var(--tblr-bg-surface);
  --litepicker-month-header-color: var(--tblr-body-color);
  --litepicker-month-weekday-color: var(--tblr-secondary);
  --litepicker-month-week-number-color: var(--tblr-secondary);
  --litepicker-day-color: var(--tblr-body-color);
  --litepicker-day-color-hover: var(--tblr-primary);
  --litepicker-is-today-color: var(--tblr-orange);
  --litepicker-button-prev-month-color: var(--tblr-secondary);
  --litepicker-button-next-month-color: var(--tblr-secondary);
  --litepicker-button-prev-month-color-hover: var(--tblr-body-color);
  --litepicker-button-next-month-color-hover: var(--tblr-body-color);
}
[data-bs-theme=dark] .litepicker .container__months,
[data-bs-theme=dark] .litepicker .container__footer{box-shadow:0 0 0 1px var(--tblr-border-color)}

/* ─── Раздел «Интеграции» (каталог карточек) ─────────────────────────────── */
.intg-filter{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.intg-chip{border:1px solid var(--tblr-border-color);background:var(--tblr-bg-surface);color:var(--tblr-body-color);
  border-radius:999px;padding:4px 11px;font-size:12.5px;cursor:pointer;line-height:1.4}
.intg-chip:hover{border-color:var(--tblr-primary)}
.intg-chip.active{background:var(--tblr-primary);border-color:var(--tblr-primary);color:#fff}
.intg-chip-n{opacity:.65;font-weight:600;margin-left:2px}
.intg-chip.active .intg-chip-n{opacity:.85}
.intg-cat-t{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;
  color:var(--tblr-secondary);margin:16px 0 8px}
.intg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.intg-card{display:flex;gap:12px;align-items:flex-start;padding:14px 14px;border:1px solid var(--tblr-border-color);
  border-radius:12px;background:var(--tblr-bg-surface);color:var(--tblr-body-color);text-decoration:none;
  transition:border-color .12s, box-shadow .12s;position:relative}
.intg-card:hover{border-color:var(--tblr-primary);box-shadow:0 1px 3px rgba(0,0,0,.06)}
.intg-ic{flex:none;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:9px;background:var(--tblr-bg-surface-secondary,rgba(var(--tblr-primary-rgb),.08));color:var(--tblr-primary)}
.intg-ic .icon{width:21px;height:21px}
.intg-ic-lg{width:34px;height:34px}
.intg-main{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.intg-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.intg-title{font-weight:600;font-size:14px;color:var(--tblr-body-color)}
.intg-desc{font-size:12.5px;color:var(--tblr-secondary);line-height:1.35}
.intg-metric{font-size:12.5px;color:var(--tblr-body-color);margin-top:2px}
.intg-metric.is-low{color:var(--tblr-red)}
.intg-reason{font-size:12px;color:var(--tblr-red);display:flex;align-items:center;gap:4px;margin-top:2px}
.intg-reason .icon{width:15px;height:15px}
.intg-gear{flex:none;color:var(--tblr-secondary);opacity:.6}
.intg-card:hover .intg-gear{opacity:1;color:var(--tblr-primary)}
.intg-key{font-size:12px;background:rgba(var(--tblr-secondary-rgb),.1);padding:2px 7px;border-radius:6px;
  color:var(--tblr-body-color);word-break:break-all}
/* бейдж статуса */
.intg-badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:500;
  padding:2px 8px;border-radius:999px;border:1px solid transparent;white-space:nowrap}
.intg-dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
.sb-ok{color:var(--tblr-green);background:rgba(var(--tblr-green-rgb),.12)}
.sb-stale{color:var(--tblr-yellow);background:rgba(var(--tblr-yellow-rgb),.14)}
.sb-error{color:var(--tblr-red);background:rgba(var(--tblr-red-rgb),.12)}
.sb-none{color:var(--tblr-secondary);background:rgba(var(--tblr-secondary-rgb),.1)}
.sb-off{color:var(--tblr-secondary);background:rgba(var(--tblr-secondary-rgb),.1)}
.sb-checking{color:var(--tblr-secondary);background:rgba(var(--tblr-secondary-rgb),.12)}

/* живой «Тест» подключения */
.intg-test{flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;
  border-radius:7px;border:1px solid transparent;background:transparent;color:var(--tblr-secondary);
  cursor:pointer;opacity:.55;transition:opacity .12s,color .12s,border-color .12s,background .12s}
.intg-card:hover .intg-test{opacity:1}
.intg-test:hover{color:var(--tblr-primary);border-color:var(--tblr-border-color);background:var(--tblr-bg-surface)}
.intg-test:focus-visible{outline:2px solid var(--tblr-primary);outline-offset:2px}
.intg-test .icon{width:17px;height:17px}
.intg-test.is-off{cursor:default;opacity:.3}
.intg-test.is-off:hover{color:var(--tblr-secondary);border-color:transparent;background:transparent}
.intg-test.spin .icon{animation:intg-spin .7s linear infinite}
@keyframes intg-spin{to{transform:rotate(360deg)}}
.intg-probe{font-size:12px;display:flex;align-items:center;gap:4px;margin-top:2px;line-height:1.3}
.intg-probe.ok{color:var(--tblr-green)}
.intg-probe.err{color:var(--tblr-red)}

/* шапка: «Тест все» / «Остановить» / прогресс */
.intg-actions{margin-left:auto;display:flex;gap:8px;align-items:center}
.intg-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--tblr-border-color);
  background:var(--tblr-bg-surface);color:var(--tblr-body-color);border-radius:8px;padding:5px 12px;
  font-size:13px;font-weight:500;cursor:pointer}
.intg-btn:hover{border-color:var(--tblr-primary);color:var(--tblr-primary)}
.intg-btn .icon{width:16px;height:16px}
.intg-stop{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;
  border-radius:8px;border:1px solid var(--tblr-red);color:var(--tblr-red);background:transparent;cursor:pointer}
.intg-stop:hover{background:rgba(var(--tblr-red-rgb),.1)}
.intg-stop .icon{width:16px;height:16px}
.intg-progress{font-size:13px;color:var(--tblr-secondary);white-space:nowrap}

/* Health Check: пустой <pre> не показывать (был «чёрный пустой блок» на /settings?tab=admin) */
#health:empty{display:none}

/* Аккордеоны страницы «Заказы с сайтов» (Справки) */
.ord-acc{border:1px solid var(--tblr-border-color);border-radius:10px;margin-bottom:14px;background:var(--tblr-bg-surface)}
.ord-acc>summary{cursor:pointer;list-style:none;padding:12px 16px;font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px}
.ord-acc>summary::-webkit-details-marker{display:none}
.ord-acc>summary:hover{color:var(--tblr-primary)}
.ord-acc[open]>summary{border-bottom:1px solid var(--tblr-border-color)}
.ord-acc-body{padding:16px}

/* PF/общее: подзаголовок карточки в одной строке с заголовком — отступ слева */
.card-header .card-title + .card-subtitle{margin-left:.5rem}

/* Переносы даты доставки (Финансы · Итог): торрент-стрелки ↓ НА день / ↑ С дня */
.tr-arrows{display:inline-flex;gap:7px;justify-content:flex-end;font-weight:600;font-size:12.5px;font-variant-numeric:tabular-nums;cursor:help}
.tr-in{color:var(--tblr-green)}
.tr-out{color:var(--tblr-red)}