/* Стили страниц CRM — только токены (tokens.css) и компоненты (components.css). */
* { box-sizing:border-box; }
html, body { margin:0; }
body { font:var(--fs-md)/var(--lh-md) var(--font); background:var(--c-bg); color:var(--c-text); }
a { color:var(--c-primary); text-decoration:none; } a:hover { text-decoration:underline; }

/* шапка */
nav.top { background:var(--c-nav); color:var(--c-on-primary); display:flex; align-items:center; gap:var(--sp-1); padding:0 var(--sp-4);
  height:var(--h-nav); position:sticky; top:0; z-index:var(--z-nav); }
nav.top .brand { font-weight:var(--fw-bold); margin-right:var(--sp-3); white-space:nowrap; color:var(--c-on-primary); }
nav.top > a { color:var(--c-nav-text); padding:0 var(--sp-2); height:var(--h-nav); display:inline-flex; align-items:center; gap:var(--sp-1); white-space:nowrap; }
nav.top > a.on, nav.top > a:hover { color:var(--c-on-primary); text-decoration:none; box-shadow:inset 0 -3px 0 var(--c-nav-accent); }
nav.top > a.brand:hover { box-shadow:none; }
nav.top .sp { flex:1; }
nav.top .count { background:var(--c-primary); }
nav.top .count.danger { background:var(--c-danger); }
/* глобальный поиск */
.gsearch { position:relative; display:flex; align-items:center; margin-left:var(--sp-3); flex:0 1 var(--w-search); }
.gsearch .ico { position:absolute; left:var(--sp-2); color:var(--c-nav-text); pointer-events:none; }
.gsearch input { height:var(--h-control-sm); padding:0 var(--sp-8) 0 var(--sp-8); background:var(--c-nav-field); border-color:var(--c-nav-field-border);
  color:var(--c-on-primary); width:100%; }
.gsearch input::placeholder { color:var(--c-nav-text); }
.gsearch input:focus { background:var(--c-surface); color:var(--c-text); }
.gsearch > kbd { position:absolute; right:var(--sp-2); }
.gres { top:calc(100% + var(--sp-1)); left:0; width:calc(var(--w-search) * 1.5); max-height:70vh; overflow-y:auto; }
.gres .item { flex-direction:column; align-items:flex-start; gap:0; color:var(--c-text); text-decoration:none; }
.gres .item.on { background:var(--c-info-bg); }
.menu-group { padding:var(--sp-2) var(--sp-3) var(--sp-1); font-size:var(--fs-xs); font-weight:var(--fw-bold); color:var(--c-text-secondary); }
.menu-head { padding:var(--sp-2) var(--sp-3); border-bottom:1px solid var(--c-border); margin-bottom:var(--sp-1); }
.empty-sm { padding:var(--sp-3); }
/* меню «Создать» и пользователя */
.dd { position:relative; }
.dd > .menu { top:calc(100% + var(--sp-2)); left:0; }
.dd > .menu.right { left:auto; right:0; }
.dd .menu a.item { text-decoration:none; }
.dd .menu kbd { margin-left:auto; }
.avatar-btn { background:none; border:0; padding:0; height:auto; margin-left:var(--sp-2); }
.avatar-btn:hover { background:none; }
kbd { font:var(--fs-xs)/var(--lh-xs) var(--font-mono); padding:0 var(--sp-1); border:1px solid var(--c-border-strong); border-radius:var(--r-sm);
  background:var(--c-surface-sunken); color:var(--c-text-secondary); }

/* каркас */
main { padding:var(--sp-4); }
.wrap { max-width:var(--w-page); margin:0 auto; }  /* формы и карточки — до 1440 px; канбан, почта — во всю ширину */
h1 { font-size:var(--fs-xl); line-height:var(--lh-xl); font-weight:var(--fw-bold); margin:0 0 var(--sp-3); }
h2 { font-size:var(--fs-lg); line-height:var(--lh-lg); font-weight:var(--fw-bold); margin:0 0 var(--sp-2); }
.card { background:var(--c-surface); border:1px solid var(--c-border); border-radius:var(--r-lg); padding:var(--sp-3) var(--sp-4); margin-bottom:var(--sp-3); }
.row { display:flex; gap:var(--sp-3); flex-wrap:wrap; align-items:flex-end; } .row > div { flex:1; min-width:160px; }

/* таблицы страниц (старые — без класса .table) */
table { width:100%; border-collapse:collapse; }
th, td { text-align:left; padding:var(--sp-2); border-bottom:1px solid var(--c-border); vertical-align:top; }
th { font-size:var(--fs-xs); color:var(--c-text-secondary); font-weight:var(--fw-bold); }
td.num, th.num { text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }

/* текстовые статусы */
.muted { color:var(--c-text-secondary); font-size:var(--fs-xs); }
.ok { color:var(--c-success); } .bad { color:var(--c-danger); } .warn { color:var(--c-warning); }
.hidden { display:none !important; }

/* канбан */
.toolbar { display:flex; gap:var(--sp-2); align-items:center; flex-wrap:wrap; margin-bottom:var(--sp-3); }
.toolbar input, .toolbar select { width:auto; }
.board { display:flex; gap:var(--sp-2); overflow-x:auto; padding-bottom:var(--sp-2); align-items:flex-start; min-height:calc(100vh - 150px); }
.col { flex:0 0 var(--w-kanban-col); background:var(--c-surface-sunken); border-radius:var(--r-lg); display:flex; flex-direction:column;
  max-height:calc(100vh - 150px); }
.col h3 { margin:0; padding:var(--sp-2) var(--sp-3) var(--sp-1); font-size:var(--fs-sm); display:flex; justify-content:space-between;
  gap:var(--sp-2); border-top:4px solid var(--c); border-radius:var(--r-lg) var(--r-lg) 0 0; }
.col .sum { padding:0 var(--sp-3) var(--sp-2); font-size:var(--fs-xs); color:var(--c-text-secondary); font-variant-numeric:tabular-nums; }
.col .cards { padding:0 var(--sp-2) var(--sp-2); overflow-y:auto; min-height:60px; flex:1; }
.col.over .cards { background:var(--c-info-bg); border-radius:var(--r-md); }
.dcard { display:block; color:inherit; background:var(--c-surface); border:1px solid var(--c-border); border-radius:var(--r-md);
  padding:var(--sp-2); margin-bottom:var(--sp-2); cursor:grab; }
.dcard:hover { border-color:var(--c-border-strong); box-shadow:var(--shadow-1); text-decoration:none; } .dcard.drag { opacity:.4; }
.dcard .t { font-weight:var(--fw-bold); font-size:var(--fs-sm); }
.dcard .c { font-size:var(--fs-xs); color:var(--c-text-secondary); }
.dcard .m { display:flex; justify-content:space-between; gap:var(--sp-1); font-size:var(--fs-xs); color:var(--c-text-secondary);
  margin-top:var(--sp-1); font-variant-numeric:tabular-nums; }

/* карточка сделки */
.grid { display:grid; grid-template-columns:minmax(0, 1fr) 360px; gap:var(--sp-3); align-items:start; }
@media (max-width:900px) { .grid { grid-template-columns:1fr; } }
.stages { display:flex; gap:var(--sp-1); flex-wrap:wrap; margin-bottom:var(--sp-3); }
.stages button { background:var(--c-surface-sunken); color:var(--c-text); border:0; border-radius:var(--r-sm); height:var(--h-control-sm);
  padding:0 var(--sp-3); font-size:var(--fs-xs); font-weight:var(--fw-normal); }
.stages button:hover { background:var(--c-border); }
.stages button.on { background:var(--c); color:var(--c-on-primary); }
.timeline .ev { border-left:3px solid var(--c-border); padding:var(--sp-1) 0 var(--sp-2) var(--sp-3); margin-left:var(--sp-0); }
.timeline .ev.note { border-color:var(--stage-1); } .timeline .ev.stage { border-color:var(--stage-5); }
.timeline .ev.email { border-color:var(--stage-3); } .timeline .ev.task { border-color:var(--stage-2); }
.timeline .ev .h { font-size:var(--fs-xs); color:var(--c-text-secondary); } .timeline .ev .b { white-space:pre-wrap; }
.items td input { height:var(--h-control-sm); padding:0 var(--sp-2); }
.items td:nth-child(1) input { min-width:170px; } .items td:nth-child(2) input { min-width:220px; }
.kv { display:grid; grid-template-columns:130px 1fr; gap:var(--sp-2) var(--sp-3); align-items:center; }
.login { max-width:360px; margin:12vh auto; }

/* вкладки воронок */
.pipes { display:flex; gap:var(--sp-1); flex-wrap:wrap; margin-right:var(--sp-2); }
.pipes a { padding:var(--sp-1) var(--sp-3); border-radius:var(--r-full); border:1px solid var(--c-border); text-decoration:none;
  color:inherit; font-size:var(--fs-md); }
.pipes a.on { background:var(--c-primary); border-color:var(--c-primary); color:var(--c-on-primary); }
.pipes a.add { border-style:dashed; color:var(--c-text-secondary); }

/* карточка сделки (дизайн, шаг 3) */
.crumbs { margin:0 0 var(--sp-2); }
.dhead { display:flex; justify-content:space-between; align-items:flex-start; gap:var(--sp-4); }
.dhead-main { min-width:0; flex:1; }
.dhead h1 { margin:0; display:flex; align-items:center; gap:var(--sp-1); }
.editable input { font:inherit; border-color:transparent; background:transparent; padding:0 var(--sp-1); height:auto; width:100%; }
.editable input:hover { border-color:var(--c-border); } .editable input:focus { background:var(--c-surface); border-color:var(--c-primary); }
.editable .pencil { color:var(--c-text-secondary); opacity:0; } .editable:hover .pencil { opacity:1; }
.dhead-sub { display:flex; flex-wrap:wrap; gap:var(--sp-1) var(--sp-3); align-items:baseline; margin-top:var(--sp-1); padding-left:var(--sp-1); }
.dhead-sub .sum { font-weight:var(--fw-bold); font-variant-numeric:tabular-nums; }
.dhead-act { display:flex; gap:var(--sp-2); align-items:center; flex-shrink:0; }
.progress { display:flex; gap:var(--sp-1); flex-wrap:wrap; align-items:center; margin:0 0 var(--sp-3); }
.progress button { height:var(--h-control-sm); padding:0 var(--sp-3); font-size:var(--fs-sm); font-weight:var(--fw-normal); border-radius:var(--r-sm);
  background:var(--c-surface); color:var(--c-text); border:1px solid var(--c-border-strong); }
.progress button.past { background:var(--c-surface-sunken); border-color:var(--c-surface-sunken); color:var(--c-text-secondary); }
.progress button.cur { background:var(--c); border-color:var(--c); color:var(--c-on-primary); font-weight:var(--fw-bold); cursor:default; }
.progress button.next:hover, .progress button.past:hover { border-color:var(--c); }
.progress .link-quiet { margin-left:auto; background:none; border:0; color:var(--c-text-secondary); text-decoration:underline; }
.progress .link-quiet:hover { color:var(--c-danger); background:none; }
.badge.block { display:block; padding:var(--sp-2) var(--sp-3); margin:0 0 var(--sp-3); }
.card-head { display:flex; justify-content:space-between; align-items:center; gap:var(--sp-2); flex-wrap:wrap; margin-bottom:var(--sp-2); }
.card-head h2 { margin:0; } .card-head .acts { display:flex; gap:var(--sp-2); }
.table-scroll { overflow-x:auto; }
.so-orders { min-width:1450px; }
.so-orders thead th { position:sticky; top:0; z-index:1; background:var(--c-surface); }
.so-orders-scroll { max-height:calc(100vh - 260px); overflow:auto; }
.items td, .items th { padding:var(--sp-1) var(--sp-1); vertical-align:middle; }
.items td input { border-color:transparent; background:transparent; height:var(--h-control-sm); padding:0 var(--sp-1); width:100%; min-width:0; }
.items td input:hover { border-color:var(--c-border); } .items td input:focus { background:var(--c-surface); border-color:var(--c-primary); }
.items td.num input { text-align:right; font-variant-numeric:tabular-nums; }
.items td:nth-child(2) input { min-width:110px; } .items td:nth-child(3) input { min-width:150px; }
.items .ref { padding:0 var(--sp-1); max-width:320px; }
.items .w-xs { width:52px; } .items .w-s { width:80px; }
.items td.low { background:var(--c-warning-bg); color:var(--c-warning); font-weight:var(--fw-bold); }
.items tr.extra { display:none; } .items.all tr.extra { display:table-row; }
.items tfoot td { border-bottom:0; border-top:2px solid var(--c-border); padding-top:var(--sp-2); }
.small { font-size:var(--fs-xs); }
.dgrid { display:grid; grid-template-columns:minmax(0, 1fr) var(--w-sidebar); gap:var(--sp-3); align-items:start; }
@media (max-width:1279px) { .dgrid { grid-template-columns:1fr; } .dhead { flex-direction:column; } }
.tabs { display:flex; gap:var(--sp-1); border-bottom:1px solid var(--c-border); margin:0 0 var(--sp-3); }
.tabpane.hidden { display:none; }
.activity .tabs button { background:none; border:0; border-radius:0; color:var(--c-text-secondary); font-weight:var(--fw-normal); height:var(--h-control);
  padding:0 var(--sp-3); box-shadow:none; }
.activity .tabs button:hover { color:var(--c-text); background:none; }
.activity .tabs button.on { color:var(--c-primary); font-weight:var(--fw-bold); box-shadow:inset 0 -2px 0 var(--c-primary); }
.deal-mail-toolbar { margin-bottom:var(--sp-2); }
.deal-mail-split { display:grid; grid-template-columns:minmax(220px, 34%) minmax(0, 1fr); min-height:360px; max-height:560px; border:1px solid var(--c-border); border-radius:var(--r-md); overflow:hidden; }
.deal-mail-list { overflow:auto; border-right:1px solid var(--c-border); background:var(--c-surface-subtle, var(--c-surface)); }
.deal-mail-row { display:flex; flex-direction:column; align-items:flex-start; gap:4px; width:100%; padding:10px 12px; border:0; border-bottom:1px solid var(--c-border); border-radius:0; background:transparent; color:var(--c-text); text-align:left; }
.deal-mail-row:hover, .deal-mail-row.on { background:var(--c-info-bg); }
.deal-mail-row span, .deal-mail-row small { display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:var(--fs-xs); }
.deal-mail-row small { color:var(--c-text-secondary); }
.deal-mail-preview { overflow:auto; padding:14px; }
.deal-mail-preview header { padding-bottom:10px; border-bottom:1px solid var(--c-border); }
.deal-mail-preview pre { margin:12px 0; white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; }
@media (max-width:760px) { .deal-mail-split { grid-template-columns:1fr; max-height:none; } .deal-mail-list { max-height:220px; border-right:0; border-bottom:1px solid var(--c-border); } .deal-mail-preview { min-height:250px; } }
.composer { display:flex; flex-direction:column; gap:var(--sp-2); margin-bottom:var(--sp-2); }
.seg { display:flex; gap:var(--sp-1); flex-wrap:wrap; }
.seg label, .seg button { display:inline-flex; align-items:center; gap:var(--sp-1); height:var(--h-control-sm); padding:0 var(--sp-3); margin:0;
  border:1px solid var(--c-border); border-radius:var(--r-full); background:var(--c-surface); color:var(--c-text); font-size:var(--fs-sm); font-weight:var(--fw-normal); cursor:pointer; }
.seg input { width:auto; margin:0; }
.seg button.on, .seg label:has(input:checked) { background:var(--c-info-bg); border-color:var(--c-primary); color:var(--c-primary); }
.seg.filter { margin-bottom:var(--sp-2); }
.timeline .ev.call { border-color:var(--stage-4); }
.timeline .ev .h { display:flex; align-items:center; gap:var(--sp-1); }
.side .card { margin-bottom:var(--sp-3); }
.side .step { border-left:4px solid var(--c-primary); } .side .step.warn { border-left-color:var(--c-warning); background:var(--c-warning-bg); }
.side .step.over { border-left-color:var(--c-danger); }
.side .step p { margin:var(--sp-1) 0; }
.task-line { display:flex; gap:var(--sp-2); align-items:flex-start; margin-top:var(--sp-2); } .task-line input { width:auto; margin-top:var(--sp-1); }
details.card > summary { list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; }
details.card > summary::-webkit-details-marker { display:none; }
details.card > summary::after { content:"▾"; color:var(--c-text-secondary); } details.card:not([open]) > summary::after { content:"▸"; }
details.card > summary h2 { margin:0; } details.card[open] > summary { margin-bottom:var(--sp-2); }
.side .kv { grid-template-columns:120px 1fr; }
.num-l { font-variant-numeric:tabular-nums; }
#filesCard.drop { outline:2px dashed var(--c-primary); outline-offset:var(--sp-1); }

/* сделки: панель, канбан, список (дизайн, шаг 4) */
.pagebar { display:flex; gap:var(--sp-2); align-items:center; flex-wrap:wrap; margin-bottom:var(--sp-3); }
.pagebar h1 { margin:0 var(--sp-2) 0 0; } .pagebar .sp { flex:1; } .pagebar select { width:auto; }
.pb-search { margin:0; } .pb-search input { width:calc(var(--w-search) * .7); }
.btn-seg { display:inline-flex; align-items:center; gap:var(--sp-1); height:var(--h-control-sm); padding:0 var(--sp-3); border:1px solid var(--c-border);
  border-radius:var(--r-full); background:var(--c-surface); color:var(--c-text); font-size:var(--fs-sm); white-space:nowrap; }
.btn-seg:hover { border-color:var(--c-border-strong); text-decoration:none; }
.btn-seg.on { background:var(--c-info-bg); border-color:var(--c-primary); color:var(--c-primary); }
.chips select { height:var(--h-control-sm); }
.col h3 .count { background:var(--c-border-strong); color:var(--c-text); }
.col.final.folded { flex:0 0 var(--w-kanban-col-folded); }
.col.final h3 { cursor:pointer; }
.col.folded h3 { flex-direction:column; align-items:center; padding:var(--sp-2) 0; }
.col.folded h3 .nm { writing-mode:vertical-rl; transform:rotate(180deg); white-space:nowrap; }
.col.folded .sum, .col.folded .cards { display:none; }
.col.folded.over { outline:2px dashed var(--c); }
.dcard { position:relative; }
.dcard .t { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.dcard .amt { color:var(--c-text); font-weight:var(--fw-bold); }
.dcard .mg.low, td.num.low { color:var(--c-warning); font-weight:var(--fw-bold); }
.dcard .foot { align-items:center; }
.step-l { display:inline-flex; align-items:center; gap:var(--sp-1); color:var(--c-text-secondary); }
.step-l.over { color:var(--c-danger); font-weight:var(--fw-bold); }
.dcard .quick { display:none; position:absolute; right:var(--sp-1); top:var(--sp-1); gap:var(--sp-1); background:var(--c-surface);
  border-radius:var(--r-sm); box-shadow:var(--shadow-1); }
.dcard:hover .quick, .dcard:focus-within .quick { display:flex; }
.empty-col { text-align:center; padding:var(--sp-3) 0; }
.listbar { display:flex; justify-content:space-between; align-items:center; margin-bottom:var(--sp-2); }
.bulk { display:flex; gap:var(--sp-2); align-items:center; padding:var(--sp-2) var(--sp-3); margin-bottom:var(--sp-2); background:var(--c-info-bg);
  border-radius:var(--r-md); } .bulk select { width:auto; height:var(--h-control-sm); }
.dlist th a { color:inherit; } .dlist td { vertical-align:middle; } .dlist input[type=checkbox] { width:auto; }
.tag[style*="--stage"] { background:var(--stage); color:var(--c-on-primary); }
.drawer { overflow-y:auto; } .drawer h3 { font-size:var(--fs-md); margin:var(--sp-3) 0 var(--sp-2); }
.drawer .step { margin:var(--sp-3) 0; border-left:4px solid var(--c-primary); } .drawer .step.warn { border-left-color:var(--c-warning); background:var(--c-warning-bg); }
.drawer .step.over { border-left-color:var(--c-danger); }

/* компании (дизайн, шаг 6) */
.lf { font-size:var(--fs-md); font-weight:var(--fw-normal); }
.mono { font-family:var(--font-mono); font-variant-numeric:tabular-nums; }
button.copy { background:none; border:0; color:var(--c-text); height:auto; padding:0; font-weight:var(--fw-normal); cursor:copy; }
button.copy:hover { background:none; color:var(--c-primary); text-decoration:underline dotted; }
.kpis { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:var(--sp-3); margin-bottom:var(--sp-3); }
.kpis .kpi { display:flex; flex-direction:column; gap:var(--sp-1); background:var(--c-surface); border:1px solid var(--c-border);
  border-radius:var(--r-lg); padding:var(--sp-3) var(--sp-4); }
.kpis .kpi b { font-size:var(--fs-xl); line-height:var(--lh-xl); font-variant-numeric:tabular-nums; }
.people { display:grid; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:var(--sp-3); }
.person { display:flex; flex-direction:column; gap:var(--sp-1); margin:0; }
.person input { border-color:transparent; background:transparent; height:var(--h-control-sm); padding:0 var(--sp-1); }
.person input:hover { border-color:var(--c-border); } .person input:focus { background:var(--c-surface); border-color:var(--c-primary); }
.person .pn { font-weight:var(--fw-bold); }
.person .acts { display:flex; gap:var(--sp-1); flex-wrap:wrap; margin-top:var(--sp-1); }
.person.new input { border-color:var(--c-border); }
.mrow { display:grid; grid-template-columns:90px minmax(0, 220px) minmax(0, 1fr); gap:var(--sp-2); padding:var(--sp-1) 0;
  border-bottom:1px solid var(--c-border); } .mrow > * { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* задачи (дизайн, шаг 6) */
.quick-task { display:flex; align-items:center; gap:var(--sp-2); padding:var(--sp-2) var(--sp-3); }
.quick-task input { border:0; background:transparent; } .quick-task input:focus { box-shadow:none; }
.tgroup h2 { display:flex; align-items:center; gap:var(--sp-2); }
.tgroup.over { border-left:4px solid var(--c-danger); }
.tgroup td.chk { width:32px; } .tgroup td.chk input { width:auto; }
.tgroup td.ttype { width:130px; white-space:nowrap; color:var(--c-text-secondary); }
.tgroup td.num { width:150px; }

/* настройки (дизайн, шаг 6) */
.set-grid { display:grid; grid-template-columns:220px minmax(0, 1fr); gap:var(--sp-4); align-items:start; }
.set-nav { position:sticky; top:calc(var(--h-nav) + var(--sp-3)); display:flex; flex-direction:column; gap:var(--sp-0);
  background:var(--c-surface); border:1px solid var(--c-border); border-radius:var(--r-lg); padding:var(--sp-2); }
.set-nav a { padding:var(--sp-2) var(--sp-3); border-radius:var(--r-md); color:var(--c-text); }
.set-nav a:hover { background:var(--c-surface-sunken); text-decoration:none; }
.set-nav a.on { background:var(--c-info-bg); color:var(--c-primary); font-weight:var(--fw-bold); }
@media (max-width:900px) { .set-grid { grid-template-columns:1fr; } .set-nav { position:static; flex-direction:row; flex-wrap:wrap; } }
label.inline { display:inline-flex; gap:var(--sp-1); align-items:center; margin:0; } label.inline input { width:auto; }
#stages td.grip { cursor:grab; color:var(--c-text-secondary); width:28px; } #stages tr.drag { opacity:.5; }
.palette { display:flex; gap:var(--sp-1); align-items:center; flex-wrap:wrap; max-width:260px; }
.palette .sc { width:40px; height:var(--h-control-sm); padding:var(--sp-0); }
.sw-c { width:18px; height:18px; min-width:0; padding:0; border-radius:var(--r-full); border:1px solid var(--c-border-strong); }
.secret .st { display:none; } .secret.edit .st, .secret:not(:has(.mono)) .st { display:block; } .secret.edit .mono, .secret.edit button { display:none; }

/* позиции: единица, наличие (F-20) */
.items td.qty { white-space:nowrap; } .items td.qty .unit { width:40px; color:var(--c-text-secondary); text-align:left; }
.items td.avail select { height:var(--h-control-sm); padding:0 var(--sp-1); border-color:transparent; background:transparent; width:96px; }
.items td.avail select:hover, .items td.avail select:focus { border-color:var(--c-border); }
.items select.st-stock { color:var(--c-success); } .items select.st-none { color:var(--c-danger); } .items select.st-analog { color:var(--c-warning); }
.dhead .stuck { float:right; }

/* очередь запросов (F-11) */
.nowrap { white-space:nowrap; }
tr.over td:first-child { box-shadow:inset 3px 0 0 var(--c-danger); }

/* сегменты клиентов (F-32) */
.badge.st-new { background:var(--c-info-bg); color:var(--c-primary); }
.badge.st-active { background:var(--c-success-bg); color:var(--c-success); }
.badge.st-sleeping { background:var(--c-warning-bg); color:var(--c-warning); }
.badge.st-lost { background:var(--c-danger-bg); color:var(--c-danger); }
.person.inactive { opacity:.6; } .person .flags { display:flex; gap:var(--sp-3); flex-wrap:wrap; }
.purch { margin-bottom:var(--sp-3); } .purch h3 { font-size:var(--fs-md); margin:0 0 var(--sp-1); }

/* колокольчик и «Мой день» (F-41, F-42) */
.bell { position:relative; background:none; border:0; color:var(--c-nav-text); height:var(--h-control-sm); padding:0 var(--sp-2); }
.bell:hover { background:none; color:var(--c-on-primary); }
.bell .count { position:absolute; top:0; right:-2px; }
.bellmenu { width:360px; max-height:70vh; overflow-y:auto; }
.bellmenu .menu-head { display:flex; justify-content:space-between; align-items:center; }
.bellmenu .item { flex-direction:column; align-items:flex-start; gap:0; } .bellmenu .item.unread span:first-child { font-weight:var(--fw-bold); }
.attn { display:flex; gap:var(--sp-2); align-items:center; padding:var(--sp-1) 0; border-bottom:1px solid var(--c-border); flex-wrap:wrap; }
.attn button { margin-left:auto; }

/* отчёт руководителя (F-50) */
.funnel { display:flex; flex-direction:column; gap:var(--sp-2); margin-bottom:var(--sp-3); }
.frow { display:grid; grid-template-columns:160px minmax(0, 1fr) 56px 160px; gap:var(--sp-2); align-items:center; }
.small-row { grid-template-columns:150px minmax(0, 1fr) 40px; margin-bottom:var(--sp-1); }
.fname { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.fbar { height:var(--sp-6); background:var(--c-surface-sunken); border-radius:var(--r-sm); overflow:hidden; }
.small-row .fbar { height:var(--sp-3); }
.fbar span { display:block; height:100%; background:var(--c, var(--c-primary)); min-width:2px; }
.fnum { text-align:right; font-weight:var(--fw-bold); font-variant-numeric:tabular-nums; } .fnum.wide { grid-column:2 / -1; }
.fconv { font-size:var(--fs-xs); }