/* ОРТАНС 7.0 — «Редакция».
 *
 * Визуальный язык: тёплая бумага, серифные заголовки и крупные числа,
 * типографские таблицы на волосяных линейках. Ни карточек с тенями, ни
 * скруглений — иерархию держат шрифт, воздух и линейка.
 *
 * Слой подключается последним и переопределяет токены прежней системы
 * («Чертёжный регистр» и слой 4.0), поэтому разметку менять не нужно:
 * --pine (главное действие) стал оксбладом, --mono — гротеском с
 * табличными цифрами, сериф живёт в отдельном --serif.
 *
 * Три правила, которыми снят риск концепции (docs/DESIGN_EDITORIAL.md):
 *   1. Сериф — только дисплей: заголовки, крупные числа, имена в
 *      карточках. Всё рабочее — строки, таблицы, кнопки, поля, вкладки —
 *      набрано гротеском: менеджеру в заявках важна скорость чтения.
 *   2. У каждой нажимаемой зоны видимая граница или подчёркивание, не
 *      только при наведении: без рамок непонятно, что нажимается.
 *   3. Цифры — табличные и с прямыми знаками (lining), выключены вправо:
 *      столбцы денег сравниваются глазом.
 */

/* ================= ТОКЕНЫ ================= */
:root{
  --serif:'Playfair Display',"Times New Roman",Georgia,serif;
  --sans:'Source Sans 3','PT Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  /* Всё, что раньше было моноширинным, теперь гротеск с табличными
     цифрами: в реестрах он читается быстрее, а «печатную машинку»
     редакционный лист не терпит. */
  --mono:var(--sans);
  --code:ui-monospace,"SF Mono",Menlo,Consolas,monospace;

  --paper:#F7F3EC; --paper2:#F1E9DD;
  --surface:#FFFDF8; --sunk:#F1E9DD;
  --ink:#1A1714; --muted:#6B635C; --faint:#9C948B; --muted2:#9C948B;
  --line:#E6DECF; --line2:#D8CFC0; --line3:#BDB2A0;

  /* Главное действие и активное состояние — оксблад. Прежнее имя --pine
     сохранено: на него ссылается половина правил. */
  --pine:#7A1F2B; --pine2:#5F141F; --pine-soft:#9B3742;
  --brick:#7A1F2B; --brick-d:#5F141F; --brick-bg:#F3E4E1;
  /* Зелёного в «Редакции» нет. Состояния различаются так:
     сделано — нейтральные чернила, ждёт — охра, проблема — оксблад. */
  --paid:#3F3A34; --paid-bg:#EDE7DA;
  --wait:#A9761C; --wait-bg:#F2E6CA;

  --grid:rgba(26,23,20,.05);
  --shadow:0 1px 0 rgba(26,23,20,.04);
  --shadow-soft:0 1px 0 rgba(26,23,20,.04);
  --shadow-pop:0 18px 44px -22px rgba(45,33,20,.45);

  --radius-md:0px; --ui-radius-sm:2px; --ui-radius:2px; --ui-radius-lg:2px;
  --o4-r-xs:2px; --o4-r-sm:2px; --o4-r-md:0px; --o4-r-lg:0px;

  --o4-bg:#F7F3EC; --o4-surface:#FFFDF8; --o4-surface-2:#F1E9DD;
  --o4-sidebar:#F7F3EC; --o4-sidebar-2:#F1E9DD;
  --o4-text:#1A1714; --o4-text-2:#6B635C;
  --o4-border:#E6DECF; --o4-border-strong:#D8CFC0;
  --o4-accent:#7A1F2B; --o4-accent-soft:#F3E4E1;
  --o4-success:#3F3A34; --o4-warning:#A9761C; --o4-danger:#7A1F2B;
  --o4-shadow-sm:0 1px 0 rgba(26,23,20,.04);
  --o4-shadow-md:0 18px 44px -22px rgba(45,33,20,.45);
  --o4-top-h:auto; --o4-sidebar-w:auto;

  /* Подпись на залитой кнопке: светлая бумага на оксбладе. */
  --on-pine:#FBF7F0;

  --ed-gutter:clamp(20px,4.4vw,88px);
  --ed-measure:1180px;
}

:root[data-theme="dark"]{
  /* Тёмные чернила, а не чёрный: та же бумага, вывернутая наизнанку. */
  --paper:#17130F; --paper2:#1E1A15;
  --surface:#1E1A15; --sunk:#251F19;
  --ink:#F2EBE0; --muted:#B3A899; --faint:#8C8175; --muted2:#8C8175;
  --line:#2E2721; --line2:#3B332B; --line3:#4C4238;
  --pine:#D9A3AB; --pine2:#EEC6CB; --pine-soft:#8A2B37;
  --brick:#D9848F; --brick-d:#EBA9B1; --brick-bg:#33211F;
  --paid:#C9C0B2; --paid-bg:#26231D;
  --wait:#D8A94E; --wait-bg:#2E2718;
  --shadow:0 1px 0 rgba(0,0,0,.4);
  --shadow-soft:0 1px 0 rgba(0,0,0,.4);
  --shadow-pop:0 18px 44px -20px rgba(0,0,0,.7);
  --o4-bg:#17130F; --o4-surface:#1E1A15; --o4-surface-2:#251F19;
  --o4-sidebar:#17130F; --o4-sidebar-2:#1E1A15;
  --o4-text:#F2EBE0; --o4-text-2:#B3A899;
  --o4-border:#2E2721; --o4-border-strong:#3B332B;
  --o4-accent:#D9A3AB; --o4-accent-soft:#33211F;
  --o4-success:#C9C0B2; --o4-warning:#D8A94E; --o4-danger:#D9848F;
  --on-pine:#FBEFEF;
}

/* ================= ТИПОГРАФИКА ================= */
body{font-family:var(--sans);font-size:15px;line-height:1.55;color:var(--ink);background:var(--paper)}
code,pre,kbd,.mono-field,.cmd kbd{font-family:var(--code)}
h1,h2,.head h1,.ui-page-title h1,.ui-page-title h2{font-family:var(--serif);font-weight:500;letter-spacing:-.015em}
.head h1,.ui-page-title h1{font-size:34px;line-height:1.08}
.head p,.ui-page-title p{font-family:var(--sans);font-size:15px;line-height:1.55;color:var(--muted)}
h3,.panel h3,.panel>h3,.ex-panel-head h3{font-family:var(--serif);font-weight:500;font-size:22px;letter-spacing:-.01em}
/* Надзаголовок — капитель с разрядкой: это подпись полосы, а не текст. */
.eyebrow,.sc,th,.field span,.ui-field>label,.card .eyebrow{font-family:var(--sans);font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--faint)}
.eyebrow{font-size:11.5px}
/* Цифры: табличные, прямые, вправо. */
.num,.money,.big,.card .big,td.r,.kv dd,.fc-kpi>b,.ex-kpis button>b,.ex-score>b{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1}
.card .big,.ex-score>b,.ex-kpis button>b,.os5-metrics b,.ar-summary b,.fc-kpi>b,.entity-metric>b,.card.stat>b,.owner-due>b{font-family:var(--serif);font-weight:500;letter-spacing:-.02em}
.tick{color:var(--pine);font-family:var(--serif)}

/* ================= ШАПКА НОМЕРА (десктоп) ================= */
@media(min-width:701px){
  .app{
    grid-template-columns:auto minmax(0,1fr)!important;
    grid-template-rows:auto auto minmax(0,1fr)!important;
    grid-template-areas:"brand top" "nav nav" "main main"!important;
    background:var(--paper);
  }
  .a-brand{
    grid-area:brand;display:flex;align-items:center;gap:9px;
    padding:18px var(--ed-gutter) 12px;background:var(--paper);border:0;color:var(--ink);
  }
  .a-brand b{font-family:var(--sans);font-weight:600;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}
  .a-brand .mk{width:20px;height:20px;color:var(--pine)}
  .a-brand small{display:none}
  .a-top{
    grid-area:top;display:flex;align-items:center;gap:18px;min-height:0;height:auto;
    padding:18px var(--ed-gutter) 12px 0;
    background:var(--paper)!important;color:var(--ink)!important;border:0!important;
    backdrop-filter:none!important;box-shadow:none!important;
  }
  /* Название компании — вордмарк номера. */
  .a-top .ws{min-width:0;flex:0 1 auto}
  .a-top .ws small{display:none}
  .a-top .ws b{font-family:var(--serif);font-weight:500;font-size:27px;line-height:1.05;letter-spacing:-.015em;color:var(--ink);max-width:none}
  .a-top .context-path{display:none}
  .a-top .sp{flex:1}
  .a-top .top-title{display:none}

  /* Полоса разделов: одна навигация на экране, без бокового меню. */
  /* Выдвижного меню на широком экране нет: полоса разделов всегда видна,
     поэтому «☰» и шапка выдвижной панели скрыты. */
  .menu-btn,.nav-scrim,.nav-head{display:none!important}
  nav.side{
    grid-area:nav;position:static;top:auto;bottom:auto;left:auto;z-index:auto;
    width:auto;max-width:none;transform:none;overscroll-behavior:auto;
    display:flex!important;align-items:stretch;gap:0;overflow-x:auto;overflow-y:hidden;
    padding:0 var(--ed-gutter);background:var(--paper)!important;
    border:0!important;border-top:2px solid var(--ink)!important;border-bottom:1px solid var(--line2)!important;
    box-shadow:none!important;scrollbar-width:none;
  }
  nav.side::-webkit-scrollbar{display:none}
  nav.side .grp-block{display:flex;margin:0}
  nav.side .grp-block .grp-items{display:flex;gap:0}
  nav.side button.grp{display:none}
  nav.side a{
    display:inline-flex;align-items:center;min-height:46px;margin:0;padding:0 15px;
    border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;
    background:transparent!important;color:var(--muted)!important;
    font-family:var(--sans);font-size:15px;font-weight:500;white-space:nowrap;
    box-shadow:none!important;transform:none!important;
  }
  nav.side a:first-child{padding-left:0}
  nav.side a .ic{display:none}
  nav.side a:hover{color:var(--ink)!important;background:transparent!important}
  nav.side a.on{color:var(--ink)!important;font-weight:600;border-bottom-color:var(--pine)!important;background:transparent!important}
  nav.side a.on::before{display:none}
  nav.side a .badge{margin-left:7px;background:var(--brick-bg);color:var(--brick-d);border-radius:999px;font-family:var(--sans);font-weight:700;font-size:11.5px;padding:1px 7px}
  /* Настройки устройства — в правом конце полосы. */
  nav.side .nav-foot{display:flex;align-items:center;gap:0;margin:0 0 0 auto;padding:0;border:0}
  nav.side .nav-foot a{color:var(--faint)!important;font-size:13.5px;font-weight:400}
  nav.side .nav-foot a .ic{display:none}
  nav.side .nav-note{font-size:13px;color:var(--faint);margin-left:6px}

  main.content{
    grid-area:main;background:var(--paper)!important;
    padding:26px var(--ed-gutter) 72px!important;
  }
  main.content>*{max-width:var(--ed-measure);margin-left:0;margin-right:0}
  .head,.ui-page-head{align-items:flex-start;margin-bottom:22px}
  .head p,.ui-page-title p{max-width:56ch}
  .head-actions,.ui-actions,.head>div:last-child:has(>.btn){margin-top:5px}
}

/* Шапка номера у окна входа и лендинга не участвует: там своя вёрстка. */

/* ================= ПОЛОСЫ, ПАНЕЛИ, КАРТОЧКИ ================= */
/* Панель — не коробка, а полоса номера: заголовок с линейкой и тело. */
.panel,.ui-card,.ui-table-wrap,.ui-toolbar{
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  overflow:visible;
}
.panel{margin-bottom:26px}
/* Надзаголовок и название читаются слева, одной строкой; действие —
   в правом конце. Прежде тут стояло space-between, и название полосы
   уезжало к правому краю, отрываясь от надзаголовка. */
.panel>h3,.panel h3{
  display:flex;align-items:baseline;justify-content:flex-start;gap:10px;flex-wrap:wrap;
  margin:0 0 8px;padding:0 0 7px;
  border:0!important;border-bottom:1px solid var(--line2)!important;background:transparent!important;
}
.panel>h3 .eyebrow{font-size:11.5px}
.panel h3>span:not(.eyebrow),.panel h3 .sub2{margin-left:auto}
/* Имя собственника — заголовок карточки, а не полосы: линейка под ним
   читалась как подчёркнутая ссылка. */
.owner-card .owner-who h3{border-bottom:0!important;padding-bottom:0!important;display:block}
.panel>.hint,.hint{
  background:transparent;border:0;border-top:1px solid var(--line);
  padding:9px 0 0;color:var(--muted);font-size:13.5px;line-height:1.5;
}
.panel>.sub2,.panel>p{padding:9px 0 0;color:var(--muted)}

/* Показатель — крупное серифное число на линейке, без рамки. */
.cards{gap:0 30px;margin-bottom:22px}
.card,.card.premium-card{
  background:transparent!important;border:0!important;border-top:1px solid var(--line)!important;
  border-radius:0!important;box-shadow:none!important;padding:13px 0 15px!important;
}
.card .eyebrow,.card.stat>span{font-size:11.5px}
.card .big,.card.stat>b{font-size:32px;line-height:1.05;margin:6px 0 3px}
.card .sub,.card.stat>small{font-size:13px;color:var(--faint);font-family:var(--sans)}
.card.alert{box-shadow:none!important;border-top-color:var(--pine)!important;border-top-width:2px!important}
.card.alert .big{color:var(--pine)}

/* Таблица — типографская: капитель в шапке, волосяная линейка в строках. */
table{font-size:14.5px}
thead th{background:transparent!important;border-bottom:1px solid var(--line2)!important;
  font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);padding:9px 12px 7px}
th:first-child,td:first-child{padding-left:0}
th:last-child,td:last-child{padding-right:0}
tbody td{border-bottom:1px solid var(--line)!important;padding:11px 12px;vertical-align:top}
tbody tr:last-child td{border-bottom:0!important}
tbody tr:hover{background:transparent}
td b,.tname{font-family:var(--serif);font-weight:600;font-size:16.5px;line-height:1.2}
.sub2{color:var(--muted);font-size:13px}

/* Пилюля состояния — контур и точка, без заливки цветом. */
.pill{border:1px solid var(--line2);background:transparent;color:var(--ink);font-family:var(--sans);
  font-weight:600;font-size:11.5px;letter-spacing:.11em;text-transform:uppercase;padding:3px 10px}
.pill .d{width:7px;height:7px}
.pill.ok,.ui-status.ok{background:transparent;color:var(--ink)}
.pill.warn,.ui-status.warn{background:transparent;color:var(--wait);border-color:#DDC79A}
.pill.bad,.pill.danger,.ui-status.danger{background:transparent;color:var(--pine);border-color:#D9B4AE}

/* Замечание — охряная врезка курсивом. */
.note{background:linear-gradient(90deg,var(--wait-bg),rgba(242,230,202,0));border:0;border-left:3px solid var(--wait);
  border-radius:0;color:#4A3A18;font-family:var(--serif);font-style:italic;font-size:15.5px;line-height:1.45;padding:10px 14px}
.note.brick{background:linear-gradient(90deg,var(--brick-bg),rgba(243,228,225,0));border-left-color:var(--pine);color:var(--brick-d)}
:root[data-theme="dark"] .note{color:var(--wait)}
:root[data-theme="dark"] .note.brick{color:var(--brick-d)}

/* ================= ДЕЙСТВИЯ: ВИДНО, ЧТО НАЖИМАЕТСЯ ================= */
.btn{
  font-family:var(--sans);font-weight:600;font-size:13.5px;letter-spacing:.02em;
  border-radius:2px;border:1px solid var(--pine);background:var(--pine);color:#FBF7F0;
  padding:10px 17px;box-shadow:none;
}
.btn:hover{background:var(--pine2);border-color:var(--pine2)}
.btn.brick,.btn.primary{background:var(--pine);border-color:var(--pine);color:#FBF7F0;box-shadow:none}
.btn.brick:hover,.btn.primary:hover{background:var(--pine2);border-color:var(--pine2)}
.btn.brick:hover{background:var(--pine2);border-color:var(--pine2)}
/* Второстепенная кнопка всегда в рамке: без неё непонятно, что это кнопка. */
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line3)}
.btn.ghost:hover{background:var(--sunk);border-color:var(--ink);color:var(--ink)}
.btn.sm{padding:7px 13px;font-size:13px;border-radius:2px}
.btn:active{transform:translateY(1px)}
.btn:disabled{opacity:.4}
.btn:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,
tbody tr[tabindex]:focus-visible{outline:2px solid var(--pine);outline-offset:2px}

/* Ссылка-действие — с постоянным подчёркиванием. */
.lnk,.hint a,.empty-state a,main.content p a{color:var(--pine);text-decoration:underline;text-decoration-color:rgba(122,31,43,.4);text-underline-offset:3px}
.lnk:hover,.hint a:hover{text-decoration-color:var(--pine)}

/* Строка, открывающая карточку, отзывается наведением и указателем. */
tbody tr[data-layout],tbody tr[data-invcard],tbody tr[data-metercard],tbody tr[data-open-card],tbody tr[style*="cursor"]{cursor:pointer}
tbody tr[data-layout]:hover,tbody tr[data-invcard]:hover,tbody tr[data-metercard]:hover,
tbody tr[data-open-card]:hover,tbody tr[style*="cursor"]:hover{background:var(--sunk)}
.ex-att-list>button:hover,.os5-att-list>button:hover,.quick-create-card:hover{background:var(--sunk)}

/* Поля ввода — рамка и линейка снизу, без скруглений. */
.field span,.ui-field>label{font-size:12px}
.field input,.field select,.field textarea,.ui-control,.premium-control{
  border-radius:2px;border:1px solid var(--line3);background:var(--surface);color:var(--ink);
  font-family:var(--sans);font-size:15px;
}
.field input:focus,.field select:focus,.field textarea:focus,.ui-control:focus,.premium-control:focus{
  outline:none;border-color:var(--pine);box-shadow:0 0 0 2px rgba(122,31,43,.14)
}
.seg{border:1px solid var(--line2);border-radius:2px;background:transparent}
main.content select,main.content input:not([type="checkbox"]):not([type="radio"]),main.content textarea{
  border-radius:2px;border:1px solid var(--line3);background:var(--surface);color:var(--ink);font-family:var(--sans)
}
.seg button{border-radius:0;font-family:var(--sans);font-weight:600;font-size:13px;color:var(--muted)}
.seg button.on{background:var(--ink);color:var(--paper)}

/* Вкладки раздела — гротеск (скорость), активная с оксбладовой линией. */
.view-tabs{border-bottom:1px solid var(--line2);gap:0;margin:-2px 0 20px}
.view-tabs a{font-family:var(--sans);font-weight:500;font-size:14.5px;color:var(--muted);padding:9px 14px;
  border-bottom:2px solid transparent;text-decoration:none}
.view-tabs a:first-child{padding-left:0}
.view-tabs a:hover{color:var(--ink)}
.view-tabs a.on{color:var(--ink);font-weight:600;border-bottom-color:var(--pine)}

/* Кнопки шапки: контур, без заливки, кроме «Создать». */
.menu-btn,.bell,.search-btn,.who-btn,.icon-btn{
  border-radius:2px!important;border:1px solid var(--line2)!important;
  background:transparent!important;color:var(--ink)!important;box-shadow:none!important;
}
.menu-btn:hover,.bell:hover,.search-btn:hover,.who-btn:hover,.icon-btn:hover{background:var(--sunk)!important;border-color:var(--ink)!important}
.quick-btn{border-radius:2px!important;background:var(--pine)!important;border:1px solid var(--pine)!important;color:#FBF7F0!important;font-family:var(--sans);font-weight:600}
.quick-btn:hover{background:var(--pine2)!important;border-color:var(--pine2)!important;transform:none!important}
.search-btn kbd{font-family:var(--code);border:1px solid var(--line2);border-radius:2px;color:var(--faint)}
.who-btn .avatar{border-radius:50%!important;background:transparent!important;border:1px solid var(--line3)!important;
  color:var(--muted)!important;font-family:var(--sans);font-weight:600;font-size:11.5px;letter-spacing:.06em}
.bell .cnt{background:var(--pine);color:#FBF7F0;font-family:var(--sans);font-weight:700;border-radius:999px}

/* Окна и панели поверх — белая бумага с линейками. */
.modal,.notif-panel,.prof-pop,.rowmenu-pop,.cmd,.context-drawer,.drawer{
  background:var(--surface);border:1px solid var(--line2);border-radius:0;box-shadow:var(--shadow-pop);
}
.modal{border-radius:0}
.modal>header,.modal header{border-bottom:1px solid var(--line2);background:var(--surface)}
.modal header b{font-family:var(--serif);font-weight:500;font-size:20px;letter-spacing:-.01em}
.modal footer{border-top:1px solid var(--line2);background:var(--surface)}
.scrim{background:rgba(26,23,20,.38)}
.prof-pop b,.notif-panel header b{font-family:var(--serif);font-weight:500}
.notif .t{font-family:var(--serif);font-weight:600;font-size:16.5px}
.notif .m{font-family:var(--sans);color:var(--faint)}
.notif.unread{background:var(--paper2)}
.notif.unread::before{background:var(--pine)}
.empty,.empty-state{color:var(--muted)}
.empty-state b{font-family:var(--serif);font-weight:500;font-size:19px}
.toast{background:var(--ink);color:var(--paper);border-radius:2px;font-family:var(--sans)}
.chip{border:1px solid var(--line2);background:transparent;border-radius:999px;font-family:var(--sans);font-size:13px}
.quick-create-card{border:1px solid var(--line2);border-radius:0;background:transparent}
.quick-create-card b{font-family:var(--serif);font-weight:600;font-size:16.5px}
.quick-create-card .qic{border-radius:2px;background:var(--sunk);color:var(--ink);font-family:var(--sans)}
.skel{background:linear-gradient(90deg,var(--sunk),var(--paper2),var(--sunk))}

/* Главный экран: индекс — большое серифное число. */
.ex-hero,.os5-hero{background:transparent!important;border:0!important;box-shadow:none!important;padding:0 0 4px!important}
.ex-score{border:0!important;flex-wrap:wrap}
.ex-score>b{font-size:76px;line-height:.96}
/* Подпись индекса держим В ПОТОКЕ и своей строкой.
   Прежний слой ставил ей position:absolute и сдвиг на -18px под число
   34 px. Число здесь 62-76 px, и подпись уезжала на чужой текст: на
   телефоне накрывала строку сигналов, на широком экране лезла в полосу
   вкладок. Абсолютной подписи никто не уступает места — поэтому она
   больше не абсолютная. */
.ex-score>span{position:static!important;transform:none!important;flex:1 1 100%;
  font-size:11.5px;margin-bottom:2px}
.ex-brief h2{font-family:var(--serif);font-weight:500;font-size:28px;letter-spacing:-.015em}
.ex-kpis button,.os5-metrics button,.ar-summary>div,.fc-kpi,.entity-metric,.oc-kpis>div,.or-kpis>div,.wf-kpis>div,.dt-kpis>div{
  background:transparent!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;
  box-shadow:none!important;padding:13px 0 15px!important;
}
/* «Требует внимания» — одна оксбладовая линия сверху и оксбладовое
   число. Полосу слева (inset 3px от мобильного слоя) убираем: в этой
   сетке у карточки нет левого отступа, и полоса рисовалась ПОВЕРХ цифр —
   ровно то, что видно на телефоне как линейка, режущая «200 000 ₽». */
.ex-kpis button.attention,.os5-metrics button.attention{border-top-color:var(--pine)!important;border-top-width:2px!important;box-shadow:none!important}
.ex-panel-head{border-bottom:1px solid var(--line2);padding-bottom:7px;margin-bottom:4px}
.ex-att-list>button,.os5-att-list>button{background:transparent!important;border-bottom:1px solid var(--line)!important;border-radius:0!important}
.ex-att-list b,.os5-att-list b{font-family:var(--serif);font-weight:600;font-size:16.5px}
.ex-occ i,.occ{background:var(--line)}
.ex-occ i u{background:var(--pine)}

/* Прежний слой рисовал сетку заливками и скруглениями — здесь всё это
   становится линейками: одна толщина, один цвет, никаких плашек. */
.ex-att-list,.os5-att-list,.il-findings,.ar-list{background:transparent!important;gap:0!important}
.ex-layout>.panel,.os5-grid>.panel,.il-layout>.panel{padding:0!important}
.ex-portfolio-grid>div,.oc-queue>div,.dt-kpis>div,.wf-kpis>div{
  background:transparent!important;border:0!important;border-top:1px solid var(--line)!important;
  border-radius:0!important;padding:9px 0!important;
}
.dt-company,.dt-project,.oc-card,.il-finding,.ar-rule,.or-routes article,.or-runs article,
.wf-defs header,.wf-runs article,.sc-card,.entity-workspace,.entity-hero,.wfv-node{
  background:transparent!important;border-radius:0!important;box-shadow:none!important;
  border:0!important;border-top:1px solid var(--line)!important;
}
.ex-money-row,.fc-obligations>div{border-bottom:1px solid var(--line)}
.il-score,.ex-score{background:transparent!important}
.entity-tab,.dt-lenses button,.seg button{font-family:var(--sans)}

/* Остатки прежней палитры, вписанные жёсткими цветами: зелёные рамки
   успеха, песочная рамка кода, серо-зелёные подписи на хвойных
   подложках. Приводим к «Редакции»: линейка слева вместо рамки. */
.ok,.note.ok{background:var(--paid-bg);color:var(--ink);border:0;border-left:3px solid var(--line3);border-radius:0;
  background-image:none}
.note.ok{font-family:var(--serif);font-style:italic}
/* Лендинг: шапка на той же бумаге, а не на прежней прохладной. */
header.nav{background:color-mix(in srgb,var(--paper) 88%,transparent)!important;border-bottom:1px solid var(--line2)!important}
header.nav .logo small{color:var(--faint)}
.err{background:var(--brick-bg);color:var(--brick-d);border:0;border-left:3px solid var(--pine);border-radius:0}
.devcode{background:var(--wait-bg);color:#4A3A18;border:0;border-left:3px solid var(--wait);border-radius:0;font-family:var(--code)}
:root[data-theme="dark"] .devcode{color:var(--wait)}
.ev-cost .ev-ic{border-color:var(--line2)!important}
.ev-due .ev-ic{border-color:#D9B4AE!important}
.shot .card.alert{border-color:#D9B4AE!important}
.a-brand small,.shot .brand small{color:var(--faint)!important;font-family:var(--sans)}
/* Подписи на оксбладовых подложках — светлая бумага, а не серо-зелёный. */
.auth-side .law,.residency .law,.band .law,.lock-sub{color:rgba(251,247,240,.62)!important}
.lock-exit{color:rgba(251,247,240,.8)!important}

/* Тёмная тема: оксблад светлеет и годится для текста и линий, но не для
   заливки — залитая кнопка остаётся тёмно-вишнёвой со светлой подписью,
   иначе «светлое на светлом» не читается. */
:root[data-theme="dark"] .btn,
:root[data-theme="dark"] .btn.brick,
:root[data-theme="dark"] .btn.primary{background:var(--pine-soft);border-color:var(--pine-soft);color:#FBEFEF}
:root[data-theme="dark"] .btn:hover,
:root[data-theme="dark"] .btn.brick:hover,
:root[data-theme="dark"] .btn.primary:hover{background:#9E3441;border-color:#9E3441}
:root[data-theme="dark"] .btn.ghost{background:transparent;color:var(--ink);border-color:var(--line3)}
:root[data-theme="dark"] .btn.ghost:hover{background:var(--sunk);border-color:var(--ink)}
:root[data-theme="dark"] .quick-btn{background:var(--pine-soft)!important;border-color:var(--pine-soft)!important;color:#FBEFEF!important}
:root[data-theme="dark"] .bell .cnt,
:root[data-theme="dark"] nav.side a .badge{background:var(--pine);color:#241A18}
:root[data-theme="dark"] .seg button.on{background:var(--ink);color:var(--paper)}
:root[data-theme="dark"] .toast{background:var(--surface);color:var(--ink);border:1px solid var(--line2)}

/* ================= ТЕЛЕФОН ================= */
@media(max-width:700px){
  .app{background:var(--paper)}
  /* Шапка номера: вордмарк серифом, инструменты в рамках. */
  .a-top{background:var(--paper)!important;border-bottom:2px solid var(--ink)!important}
  .a-top .ws b{font-family:var(--serif)!important;font-weight:500!important;font-size:21px!important;letter-spacing:-.015em!important}
  main.content{background:var(--paper)!important}
  .head h1,.ui-page-title h1{font-size:30px!important;line-height:1.05!important}
  .head p,.ui-page-title p{display:none!important}

  /* Нижняя панель остаётся навигацией: до верха экрана большой палец не
     дотягивается, а редакционный лист от этого не страдает. */
  .mobile-tabs{
    background:var(--paper)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
    border-top:2px solid var(--ink)!important;
  }
  .mobile-tabs a,.mobile-tabs button{color:var(--faint)!important;font-family:var(--sans)!important;font-weight:500!important}
  .mobile-tabs .on,.mobile-tabs a.on,.mobile-tabs button.on{color:var(--ink)!important;font-weight:600!important}
  .mobile-tabs .on::before{background:var(--pine)}

  /* Показатели: два столбца на линейках, без рамок. */
  .cards{gap:0 22px!important}
  .card,.card.premium-card{border-top:1px solid var(--line)!important;padding:11px 0 13px!important;min-height:0!important}
  /* Тревожная карточка: оксбладовая линия сверху вместо полосы слева. */
  .card.alert{border-top-color:var(--pine)!important;border-top-width:2px!important;box-shadow:none!important}
  .card .big,.card.stat>b{font-size:27px!important;font-family:var(--serif)!important}
  .cards>.card:last-child:nth-child(odd){min-height:0!important}

  /* Таблица-карточка: метки обычным регистром, значения вправо. */
  .panel tbody tr{background:transparent!important;padding:12px 0!important;border-bottom:1px solid var(--line)!important}
  .panel tbody tr[style*="cursor"],.panel tbody tr[data-layout],.panel tbody tr[data-invcard],
  .panel tbody tr[data-metercard],.panel tbody tr[data-open-card]{padding-right:26px!important}
  .panel tbody tr::after{border-color:var(--line3)!important}
  .panel tbody td{padding:4px 0!important;font-size:14.5px!important}
  .panel tbody td::before{font-family:var(--sans)!important;font-size:13px!important;color:var(--muted)!important;letter-spacing:0!important;text-transform:none!important}
  .panel tbody td:first-child{font-family:var(--serif)!important;font-weight:600!important;font-size:17px!important;padding-bottom:6px!important}
  .panel>h3,.panel h3{padding:0 0 7px!important;min-height:0!important;font-size:19px!important}
  .panel>.hint,.hint{background:transparent!important;padding:9px 0 0!important;border-top:1px solid var(--line)!important}
  .panel>.sub2,.panel>p{padding:8px 0 0!important}
  .note,.panel>.note,main.content>.note{margin:12px 0!important}
  .period-bar{padding:10px 0!important;border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}
  .period-bar .field input{background:var(--sunk)!important;border:1px solid var(--line2)!important;border-radius:2px!important}

  /* Карточка собственника — тоже полоса, а не коробка. */
  .owner-head{padding:14px 0 10px!important;border-bottom:1px solid var(--line)!important}
  .owner-card .owner-who h3{font-family:var(--serif)!important;font-size:19px!important}
  .owner-due>b{font-family:var(--serif)!important;font-size:24px!important}
  .owner-note{margin:10px 0!important}
  .owner-objects summary{padding:0!important;border-top:1px solid var(--line)!important}
  .owner-objects .chips{padding:8px 0 10px!important}
  .owner-actions{padding:10px 0 12px!important;border-top:1px solid var(--line)!important}

  /* Лист снизу: 2px чернильная линия сверху вместо круглых углов. */
  .modal{border-radius:0!important;border-top:2px solid var(--ink)!important;background:var(--surface)!important}
  .modal::before{background:var(--line3)}
  .modal>header{border-bottom:1px solid var(--line2)!important}
  .view-tabs{margin:-2px 0 14px!important;border-bottom:1px solid var(--line2)}
  .view-tabs a{font-size:14.5px!important}
  .quick-create-card{border:0!important;border-bottom:1px solid var(--line)!important}
  .more-sheet-device{border-top:1px solid var(--line2)}
  .ex-score>b{font-size:62px!important}
  .ex-kpis button,.os5-metrics button,.ar-summary>div,.fc-kpi,.entity-metric{padding:11px 0 13px!important;min-height:0!important;border-top:1px solid var(--line)!important}
  .ex-kpis button>b{font-family:var(--serif)!important;font-size:27px!important}
  .ex-panel-head{padding:8px 0!important}
  /* Строка очереди внимания: точка · текст · сумма. Прежний слой давал
     три колонки на четыре ребёнка, и сумма попадала в колонку 16 px —
     «200 000 ₽» складывалось в четыре строки и уезжало за край. Сумме
     нужна своя колонка по содержимому и запрет на перенос. */
  .ex-att-list>button{padding:10px 0!important;
    grid-template-columns:8px minmax(0,1fr) auto!important;column-gap:10px!important}
  .ex-att-list>button>strong{white-space:nowrap;font-family:var(--sans);font-size:13.5px;
    font-weight:600;color:var(--muted);text-align:right;
    font-variant-numeric:tabular-nums lining-nums}
  .ex-portfolio-grid,.ex-money-row,.ex-occ,.ex-ops-grid,.ex-intel-list{padding-left:0!important;padding-right:0!important}
  .ex-portfolio-grid>div{border:0;border-top:1px solid var(--line);border-radius:0;padding:8px 0}
  .notif-panel{background:var(--surface)!important;border:0!important}
  .notif-panel header{border-bottom:1px solid var(--line2)}
}

/* Подсветка «здесь ты сейчас» в боковом меню на планшете (меню выдвижное). */
@media(min-width:701px) and (max-width:900px){
  .a-brand{padding-left:20px}
  main.content{padding-left:20px!important;padding-right:20px!important}
  nav.side{padding:0 20px}
}