/* ============================================================
   mpr-nonpublic.css — непубличный контур портала · v1.0 · 07.08.2026
   Подключать ПОСЛЕ mpr-core / mpr-site / mpr-lean (есть в styles.css).
   Область: админ-панель проектов (#mpr-admin-sitebased) и общие служебные
   компоненты внутренних поверхностей. Панель главы — mpr-admin.css (.exec-*).
   Формы — .mpr-field/.mpr-yesno из mpr-lean.css (L10), НЕ третий вид полей.
   Модалка — .mpr-dialog (mpr-site S19). Таблицы — .mpr-table + .mpr-mobile-card.
   Красный допустим (просрочка, danger-действия); формы и валидация — янтарь.
   ============================================================ */

/* ---------- N1. АЛИАСЫ --pmx-* → --mpr-* ----------
   Одна строка объявлений переводит существующий CSS админки на системные
   значения: ~90 классов .adm-* и переиспользованные .pmx-* начинают рисоваться
   каноном без правки каждого правила и без риска для JS-селекторов.
   Полное переименование классов — отдельной итерацией (см. spec-migration). */
.mpr-nonpublic{
  --pmx-surface:var(--mpr-card);
  --pmx-surface-strong:var(--mpr-card-strong);
  --pmx-line:var(--mpr-line);
  --pmx-line-soft:var(--mpr-line-soft);
  --pmx-text:var(--mpr-forest);
  --pmx-muted:var(--mpr-muted);
  --pmx-accent:var(--mpr-moss);
  --pmx-accent-2:var(--mpr-gold);
  --pmx-ok:var(--mpr-done-fg);        --pmx-ok-bg:var(--mpr-done-bg);
  --pmx-warn:var(--mpr-work-fg);      --pmx-warn-bg:var(--mpr-work-bg);
  --pmx-danger:var(--mpr-risk-fg);    --pmx-danger-bg:var(--mpr-risk-bg);
  --pmx-purple:var(--mpr-focus-fg);   --pmx-purple-bg:var(--mpr-focus-bg);
  --pmx-shadow:var(--mpr-shadow-soft);
  --pmx-shadow-strong:var(--mpr-shadow);
  font-family:var(--mpr-ff);color:var(--mpr-forest);
}
/* Веса вне канона, встречающиеся в перенесённом коде, приводятся к 600. */
.mpr-nonpublic b,.mpr-nonpublic strong{font-weight:600}

/* ---------- N2. КАРКАС РАБОЧЕЙ ОБЛАСТИ ---------- */
.np-shell{max-width:1280px;margin:0 auto;padding:0 16px 64px}
.np-top{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;margin:0 -16px 18px;background:var(--mpr-card-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--mpr-line)}
.np-top__title{flex:1;min-width:160px;font-size:15px;font-weight:600;line-height:1.25}
.np-top__side{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.np-user{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:5px 12px 5px 6px;border-radius:var(--mpr-r-pill);border:1px solid var(--mpr-line);background:rgba(255,253,247,.8);font-size:12.5px;color:var(--mpr-muted)}
.np-user__ini{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(143,149,80,.16);color:var(--mpr-moss-deep);font-size:11px;font-weight:600;letter-spacing:.02em}
.np-user__role{font-weight:600;color:var(--mpr-forest)}

/* ---------- N3. КНОПКИ ----------
   Наследуют геометрию .mpr-btn ядра; здесь только служебные тона админки. */
.np-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:var(--mpr-r-pill);border:1px solid var(--mpr-line);background:rgba(255,253,247,.82);font-family:var(--mpr-ff);font-size:13.5px;font-weight:500;color:var(--mpr-forest);cursor:pointer;-webkit-tap-highlight-color:transparent;text-decoration:none;transition:background .18s var(--mpr-bezier),border-color .18s var(--mpr-bezier),transform .18s var(--mpr-bezier)}
.np-btn:hover{background:#fff;border-color:var(--mpr-line-strong)}
.np-btn:active{transform:scale(.98)}
.np-btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(143,149,80,.28)}
.np-btn[disabled],.np-btn.is-disabled{opacity:.5;cursor:not-allowed;transform:none}
.np-btn--primary{background:var(--mpr-forest);border-color:var(--mpr-forest);color:var(--mpr-cream)}
.np-btn--primary:hover{background:var(--mpr-forest-deep);border-color:var(--mpr-forest-deep)}
.np-btn--warn{background:var(--mpr-work-bg);border-color:var(--mpr-work-line);color:var(--mpr-work-fg)}
.np-btn--danger{background:var(--mpr-risk-bg);border-color:var(--mpr-risk-line);color:var(--mpr-risk-fg)}
.np-btn--small{min-height:36px;padding:7px 14px;font-size:12.5px}
.np-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.np-btn-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.np-sep{width:1px;align-self:stretch;min-height:28px;background:var(--mpr-line);margin:0 2px}

/* ---------- N4. ВКЛАДКИ ----------
   Разделы панели (верхний ряд) и вкладки карточки — одна механика, два размера. */
.np-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}
.np-tabs::-webkit-scrollbar{display:none}
.np-tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:var(--mpr-r-pill);border:1px solid var(--mpr-line);background:rgba(255,253,247,.7);font-family:var(--mpr-ff);font-size:13.5px;font-weight:500;color:var(--mpr-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .18s var(--mpr-bezier),color .18s var(--mpr-bezier)}
.np-tab:hover{background:#fff;color:var(--mpr-forest)}
.np-tab:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(143,149,80,.28)}
.np-tab.is-active{background:var(--mpr-forest);border-color:var(--mpr-forest);color:var(--mpr-cream)}
.np-tabs--sub .np-tab{min-height:38px;padding:8px 14px;font-size:12.5px;border-radius:var(--mpr-r-sm)}
.np-tab__count{font-size:11.5px;color:var(--mpr-muted)}
.np-tab.is-active .np-tab__count{color:rgba(247,242,231,.75)}

/* ---------- N5. БЕЙДЖ-СЧЁТЧИК НЕПРОЧИТАННЫХ ----------
   Янтарь, не красный: поручение — не авария. 0 → элемента нет вовсе. */
.np-unread{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:var(--mpr-r-pill);background:var(--mpr-work-bg);border:1px solid var(--mpr-work-line);color:var(--mpr-work-fg);font-size:11.5px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}
.np-tab.is-active .np-unread{background:rgba(247,242,231,.92);border-color:transparent}

/* ---------- N6. БЕЙДЖИ СОСТОЯНИЯ ПУБЛИКАЦИИ ----------
   Словарь: Черновик · Виден главе · (опубликован — БЕЗ бейджа).
   «Виден главе» — focus-фиолетовый: янтарь занят статусом «В работе»,
   два янтарных бейджа на карточке читались бы как один. */
.np-pub{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 11px;border-radius:var(--mpr-r-pill);font-size:11.5px;font-weight:500;white-space:nowrap}
.np-pub svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.np-pub--draft{background:var(--mpr-cream);border:1px solid var(--mpr-line-strong);color:var(--mpr-muted)}
.np-pub--chief{background:var(--mpr-focus-bg);border:1px solid var(--mpr-focus-line);color:var(--mpr-focus-fg)}
.np-pub--unknown{background:var(--mpr-work-bg);border:1px solid var(--mpr-work-line);color:var(--mpr-work-fg)}

/* ---------- N7. МОДАЛКА ПУБЛИКАЦИИ: РАДИО-СОСТОЯНИЯ ----------
   Анатомия от «Закрыть проект…»: радио + живой предпросмотр аудитории. */
.np-choice{display:grid;gap:8px}
.np-choice__item{display:flex;gap:11px;align-items:flex-start;padding:12px 14px;border-radius:var(--mpr-r);border:1px solid var(--mpr-line);background:rgba(255,255,255,.7);cursor:pointer;transition:border-color .18s var(--mpr-bezier),background .18s var(--mpr-bezier)}
.np-choice__item:hover{border-color:var(--mpr-line-strong);background:#fff}
.np-choice__item:focus-within{outline:none;box-shadow:0 0 0 3px rgba(143,149,80,.24)}
.np-choice__item.is-on{border-color:var(--mpr-moss);background:rgba(143,149,80,.10)}
.np-choice__item.is-disabled{opacity:.55;cursor:not-allowed}
.np-choice__mark{flex:0 0 auto;width:20px;height:20px;margin-top:1px;border-radius:50%;border:1.5px solid var(--mpr-line-strong);background:#fff;display:grid;place-items:center}
.np-choice__item.is-on .np-choice__mark{border-color:var(--mpr-moss)}
.np-choice__item.is-on .np-choice__mark::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--mpr-moss)}
.np-choice__body{min-width:0}
.np-choice__title{font-size:13.5px;font-weight:600;line-height:1.3}
.np-choice__note{font-size:12.5px;color:var(--mpr-muted);line-height:1.45;margin-top:2px}
.np-choice input{position:absolute;opacity:0;pointer-events:none}

/* Живой предпросмотр «кто увидит» — три аудитории */
.np-audience{display:grid;gap:8px;background:var(--mpr-cream);border:1px solid var(--mpr-line);border-radius:var(--mpr-r);padding:13px 15px}
.np-audience__label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mpr-muted)}
.np-audience__row{display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.4}
.np-audience__who{flex:0 0 auto;min-width:96px;font-weight:500;color:var(--mpr-forest)}
.np-audience__state{display:inline-flex;align-items:center;gap:6px;font-weight:500}
.np-audience__state svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.np-audience__state.is-yes{color:var(--mpr-done-fg)}
.np-audience__state.is-no{color:var(--mpr-muted)}
.np-audience__hint{font-size:12px;color:var(--mpr-muted);line-height:1.5;border-top:1px solid var(--mpr-line-soft);padding-top:9px}

/* Служебные заметки модалок и экранов (валидация/предупреждение — янтарь) */
.np-note{display:flex;gap:9px;align-items:flex-start;border-radius:var(--mpr-r);padding:11px 14px;font-size:12.7px;line-height:1.5}
.np-note svg{width:15px;height:15px;margin-top:1px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.np-note--warn{background:var(--mpr-work-bg);border:1px solid var(--mpr-work-line);color:var(--mpr-work-fg)}
.np-note--info{background:var(--mpr-cream);border:1px solid var(--mpr-line);color:var(--mpr-muted)}
.np-note--danger{background:var(--mpr-risk-bg);border:1px solid var(--mpr-risk-line);color:var(--mpr-risk-fg)}
.np-note b{font-weight:600}

/* ---------- N8. ПЛАШКА «ПРЕДПРОСМОТР — НЕ ОПУБЛИКОВАНО» ----------
   Для экрана предпросмотра в админке и для карточки в exec-контуре. */
.np-preview-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--mpr-work-bg);border:1px solid var(--mpr-work-line);border-radius:var(--mpr-r-lg);padding:13px 16px}
.np-preview-bar__ico{flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:rgba(159,112,24,.12);color:var(--mpr-work-fg);display:flex;align-items:center;justify-content:center}
.np-preview-bar__ico svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.np-preview-bar__text{flex:1;min-width:180px;font-size:13px;line-height:1.45;color:var(--mpr-work-fg)}
.np-preview-bar__text b{display:block;font-weight:600;font-size:13.5px}
.np-preview-bar .np-btn-row{flex:0 0 auto}
/* Тонкая рамка вокруг предпросматриваемой карточки — в exec-контуре тоже */
.np-preview-frame{position:relative;border:1px dashed var(--mpr-work-line);border-radius:var(--mpr-r-lg);padding:10px}
.np-preview-frame::before{content:"Предпросмотр";position:absolute;top:-9px;left:16px;padding:0 8px;background:var(--mpr-parchment);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--mpr-work-fg)}

/* ---------- N9. КАРТОЧКА ПОРУЧЕНИЯ ----------
   Анатомия .adm-attention-card: заголовок + мета + действия + переход к проекту.
   Статусы: новое (нейтраль) → в работе (moss) → готово (зелёный, приглушено).
   Просрочено — модификатор, не статус; danger допустим (внутренний контур). */
.np-task{display:grid;gap:10px;background:var(--mpr-card-strong);border:1px solid var(--mpr-line);border-left:3px solid var(--mpr-line-strong);border-radius:var(--mpr-r-lg);padding:15px 17px;transition:border-color .18s var(--mpr-bezier),opacity .18s var(--mpr-bezier)}
.np-task--new{border-left-color:var(--mpr-gold)}
.np-task--doing{border-left-color:var(--mpr-moss)}
.np-task--done{border-left-color:var(--mpr-done-fg);opacity:.62}
.np-task--done:hover{opacity:1}
.np-task--overdue{border-left-color:var(--mpr-risk-fg)}
.np-task--dropped{opacity:.5;border-left-style:dashed}
.np-task__head{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}
.np-task__title{flex:1;min-width:180px;margin:0;font-size:14.5px;font-weight:600;line-height:1.4;color:var(--mpr-forest)}
.np-task__text{margin:0;font-size:13.5px;line-height:1.5;color:var(--mpr-forest);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.np-task.is-open .np-task__text{-webkit-line-clamp:unset;display:block}
.np-task__meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:var(--mpr-muted)}
.np-task__meta b{font-weight:500;color:var(--mpr-forest)}
.np-task__meta-item{display:inline-flex;align-items:center;gap:6px}
.np-task__meta-item svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.np-task__foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid var(--mpr-line-soft);padding-top:11px}
.np-task__comment{font-size:12.5px;color:var(--mpr-muted);line-height:1.45;background:var(--mpr-cream);border-radius:var(--mpr-r-sm);padding:8px 12px}
.np-task__comment b{font-weight:600;color:var(--mpr-forest)}
/* Статус-пилюли поручения (свой словарь, светофор ядра не переопределяется) */
.np-tstatus{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 11px;border-radius:var(--mpr-r-pill);font-size:11.5px;font-weight:500;white-space:nowrap}
.np-tstatus--new{background:var(--mpr-work-bg);border:1px solid var(--mpr-work-line);color:var(--mpr-work-fg)}
.np-tstatus--doing{background:rgba(143,149,80,.14);border:1px solid var(--mpr-line);color:var(--mpr-moss-deep)}
.np-tstatus--done{background:var(--mpr-done-bg);border:1px solid var(--mpr-done-line);color:var(--mpr-done-fg)}
.np-tstatus--dropped{background:var(--mpr-cream);border:1px solid var(--mpr-line-strong);color:var(--mpr-muted)}
.np-flag{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:var(--mpr-r-pill);font-size:11px;font-weight:600;white-space:nowrap}
.np-flag--overdue{background:var(--mpr-risk-bg);border:1px solid var(--mpr-risk-line);color:var(--mpr-risk-fg)}
.np-flag--today{background:var(--mpr-work-bg);border:1px solid var(--mpr-work-line);color:var(--mpr-work-fg)}
.np-flag--muted{background:var(--mpr-cream);border:1px solid var(--mpr-line-strong);color:var(--mpr-muted)}
.np-task-list{display:grid;gap:10px}
.np-task-group{margin-top:18px}
.np-task-group__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}
.np-task-group__title{font-size:12.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--mpr-muted)}
.np-task-group__count{font-size:12px;color:var(--mpr-muted);font-family:var(--mpr-mono)}

/* ---------- N10. ВЫБОР ЧЕЛОВЕКА (чипы, паттерн .adm-editor-chip) ---------- */
.np-people{display:flex;flex-wrap:wrap;gap:8px}
.np-person{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:7px 14px 7px 8px;border-radius:var(--mpr-r-pill);border:1px solid var(--mpr-line);background:rgba(255,253,247,.8);font-family:var(--mpr-ff);font-size:13px;color:var(--mpr-forest);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .18s var(--mpr-bezier),border-color .18s var(--mpr-bezier)}
.np-person:hover{background:#fff;border-color:var(--mpr-line-strong)}
.np-person:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(143,149,80,.28)}
.np-person.is-on{background:var(--mpr-forest);border-color:var(--mpr-forest);color:var(--mpr-cream)}
.np-person__ini{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(143,149,80,.16);color:var(--mpr-moss-deep);font-size:11px;font-weight:600;flex:0 0 auto}
.np-person.is-on .np-person__ini{background:rgba(247,242,231,.22);color:var(--mpr-cream)}
.np-person__mail{font-size:12px;opacity:.75}

/* ---------- N11. СЕГМЕНТЫ (привязка к вкладке карточки) ---------- */
.np-seg{display:flex;flex-wrap:wrap;gap:6px}
.np-seg__btn{min-height:40px;padding:8px 14px;border-radius:var(--mpr-r-sm);border:1px solid var(--mpr-line);background:rgba(255,253,247,.8);font-family:var(--mpr-ff);font-size:12.5px;font-weight:500;color:var(--mpr-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .18s var(--mpr-bezier),color .18s var(--mpr-bezier)}
.np-seg__btn:hover{background:#fff;color:var(--mpr-forest)}
.np-seg__btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(143,149,80,.28)}
.np-seg__btn.is-on{background:rgba(143,149,80,.14);border-color:var(--mpr-moss);color:var(--mpr-moss-deep)}

/* ---------- N12. ПЛАВАЮЩЕЕ УВЕДОМЛЕНИЕ И ТОСТ (канон showFloatingNotice/toast) ---------- */
.np-notice-wrap{position:fixed;right:16px;bottom:16px;z-index:150;display:grid;gap:10px;max-width:min(380px,calc(100vw - 32px))}
.np-notice{display:grid;gap:7px;background:var(--mpr-card-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--mpr-line);border-left:3px solid var(--mpr-moss);border-radius:var(--mpr-r);padding:13px 15px;box-shadow:var(--mpr-shadow)}
.np-notice--ok{border-left-color:var(--mpr-done-fg)}
.np-notice--warn{border-left-color:var(--mpr-gold)}
.np-notice--bad{border-left-color:var(--mpr-risk-fg)}
.np-notice__head{display:flex;align-items:center;gap:9px}
.np-notice__title{flex:1;font-size:13.5px;font-weight:600;line-height:1.3}
.np-notice__close{width:28px;height:28px;border-radius:50%;border:none;background:none;color:var(--mpr-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.np-notice__close:hover{background:rgba(176,156,103,.14)}
.np-notice__close svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
.np-notice__text{font-size:12.7px;color:var(--mpr-muted);line-height:1.5}
.np-notice__list{margin:0;padding-left:18px;font-size:12.5px;color:var(--mpr-muted);line-height:1.55}
.np-toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:150;display:inline-flex;align-items:center;gap:9px;background:var(--mpr-forest);color:var(--mpr-cream);border-radius:var(--mpr-r-pill);padding:11px 20px;font-size:13px;font-weight:500;box-shadow:var(--mpr-shadow)}
.np-toast svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.np-toast--warn{background:var(--mpr-work-fg)}
.np-toast--bad{background:var(--mpr-risk-fg)}
@media (prefers-reduced-motion:no-preference){
  .np-notice{animation:npNoticeIn .32s var(--mpr-bezier) both}
  @keyframes npNoticeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
}

/* ---------- N13. BUSY-OVERLAY С ПРОГРЕССОМ ----------
   Индикатор — ромб ядра (.mpr-loader-mark/.mpr-diamond, §14), не свой спиннер. */
.np-busy{position:fixed;inset:0;z-index:160;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(247,242,231,.72);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.np-busy[hidden]{display:none}
.np-busy__card{display:grid;justify-items:center;gap:12px;background:var(--mpr-card-strong);border:1px solid var(--mpr-line);border-radius:var(--mpr-r-lg);padding:24px 28px;box-shadow:var(--mpr-shadow);min-width:min(320px,100%)}
.np-busy__title{font-size:14px;font-weight:600}
.np-busy__text{font-size:12.5px;color:var(--mpr-muted);text-align:center;line-height:1.5}
.np-busy__progress{width:100%}

/* ---------- N14. ПУСТЫЕ СОСТОЯНИЯ ---------- */
.np-empty{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:44px 20px;background:var(--mpr-card);border:1px dashed var(--mpr-line-strong);border-radius:var(--mpr-r-lg)}
.np-empty__ico{width:52px;height:52px;border-radius:50%;background:rgba(143,149,80,.12);border:1px solid var(--mpr-line);color:var(--mpr-moss);display:flex;align-items:center;justify-content:center}
.np-empty__ico svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.np-empty__title{font-size:15px;font-weight:600}
.np-empty__text{font-size:13px;color:var(--mpr-muted);line-height:1.55;max-width:420px}
.np-empty--warn{background:var(--mpr-work-bg);border-color:var(--mpr-work-line);border-style:solid}
.np-empty--warn .np-empty__ico{background:rgba(159,112,24,.12);border-color:var(--mpr-work-line);color:var(--mpr-work-fg)}
.np-empty--warn .np-empty__title{color:var(--mpr-work-fg)}

/* ---------- N15. СЧЁТЧИКИ-ФИЛЬТРЫ РАЗДЕЛА ----------
   Кликабельные плитки (родня .mpr-stat--btn из mpr-site S27), компактнее. */
.np-counts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
@media (min-width:560px){.np-counts{grid-template-columns:repeat(4,1fr)}}
.np-count{-webkit-appearance:none;appearance:none;display:grid;gap:4px;text-align:left;background:rgba(255,253,247,.72);border:1px solid var(--mpr-line-soft);border-radius:var(--mpr-r);padding:12px 14px;font-family:var(--mpr-ff);color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .18s var(--mpr-bezier),background .18s var(--mpr-bezier),transform .18s var(--mpr-bezier)}
.np-count:hover{border-color:var(--mpr-line-strong);transform:translateY(-1px)}
.np-count:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(143,149,80,.28)}
.np-count.is-active{border-color:var(--mpr-moss);background:rgba(143,149,80,.12)}
.np-count__num{font-size:22px;font-weight:600;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.np-count__cap{font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--mpr-muted)}
.np-count--draft .np-count__num{color:var(--mpr-muted)}
.np-count--chief .np-count__num{color:var(--mpr-focus-fg)}
.np-count--live .np-count__num{color:var(--mpr-done-fg)}

@media (prefers-reduced-motion:reduce){
  .np-btn,.np-tab,.np-person,.np-seg__btn,.np-count,.np-task,.np-choice__item{transition:none}
  .np-btn:active,.np-count:hover{transform:none}
}