/* =====================================================================
   Нео Феникс — дизайн-система 6.1 (единый CSS публичной части).
   Графит + золото. Mobile-first. Все компоненты с префиксом np6-.
   Служебные страницы (CRM, чаты, управление, цены) подключают этот файл
   ПОСЛЕ старых стилей: шапка, подвал, кнопки и таблицы приводятся к
   единому виду через раздел «STAFF» в конце файла.
   ===================================================================== */
:root{
  --np-bg:#0f1012;--np-bg-2:#131417;--np-surface:#17181c;--np-surface-2:#1d1f24;--np-surface-3:#25272d;
  --np-line:rgba(255,255,255,.09);--np-line-2:rgba(255,255,255,.16);
  --np-text:#f3f3f4;--np-text-2:#c9cbd0;--np-muted:#9a9da4;
  --np-gold:#e2b84a;--np-gold-2:#f1cc68;--np-gold-soft:rgba(226,184,74,.12);--np-gold-line:rgba(226,184,74,.35);--np-on-gold:#17140b;
  --np-danger:#ef6b73;--np-danger-soft:rgba(239,107,115,.12);--np-ok:#62cf8f;--np-ok-soft:rgba(98,207,143,.12);--np-info:#79a8ff;--np-info-soft:rgba(121,168,255,.12);
  --np-r-sm:8px;--np-r:12px;--np-r-lg:18px;--np-r-pill:999px;
  --np-s1:4px;--np-s2:8px;--np-s3:12px;--np-s4:16px;--np-s5:24px;--np-s6:32px;--np-s7:48px;--np-s8:64px;
  --np-font:Inter,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --np-fs-xs:12px;--np-fs-sm:14px;--np-fs:16px;--np-fs-lg:18px;--np-fs-h3:20px;--np-fs-h2:clamp(22px,2.4vw,28px);--np-fs-h1:clamp(28px,4vw,40px);--np-fs-hero:clamp(32px,5.4vw,58px);
  --np-shadow:0 18px 50px rgba(0,0,0,.35);--np-header-h:64px;--np-container:1240px;
  color-scheme:dark;
}
/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--np-header-h) + 16px)}
body.np6{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--np-bg);color:var(--np-text);font:400 var(--np-fs)/1.55 var(--np-font);-webkit-font-smoothing:antialiased}
body.np6 main{flex:1 0 auto}
.np6 img{max-width:100%;display:block}
.np6 a{color:inherit}
.np6 :where(h1,h2,h3,h4){line-height:1.2;margin:0 0 var(--np-s3);font-weight:750;letter-spacing:-.01em}
.np6 :where(p){margin:0 0 var(--np-s3)}
.np6 :where(button,input,select,textarea){font:inherit;color:inherit}
.np6 :focus-visible{outline:2px solid var(--np-gold);outline-offset:2px;border-radius:6px}
.np6-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.np6-skip{position:absolute;left:12px;top:-60px;z-index:200;background:var(--np-gold);color:var(--np-on-gold);padding:10px 14px;border-radius:var(--np-r);font-weight:700;text-decoration:none}
.np6-skip:focus{top:12px}
.np6-container{width:100%;max-width:var(--np-container);margin:0 auto;padding:0 var(--np-s4)}
@media(min-width:768px){.np6-container{padding:0 var(--np-s5)}}
.np6-main{padding:var(--np-s5) 0 var(--np-s7)}
@media(min-width:768px){.np6-main{padding:var(--np-s6) 0 var(--np-s8)}}
.np6-muted{color:var(--np-muted)}
.np6-gold{color:var(--np-gold)}
.np6-eyebrow{display:inline-block;font-size:var(--np-fs-xs);font-weight:750;letter-spacing:.14em;text-transform:uppercase;color:var(--np-gold);margin-bottom:var(--np-s2)}
.np6-stack>*+*{margin-top:var(--np-s4)}
.np6-row{display:flex;flex-wrap:wrap;gap:var(--np-s3);align-items:center}
.np6-hidden,[hidden]{display:none!important}

/* ---------- header ---------- */
.np6-header{position:sticky;top:0;z-index:60;background:rgba(15,16,18,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--np-line);padding:0;margin:0;box-shadow:none}
.np6-header__inner{display:flex;align-items:center;gap:var(--np-s4);min-height:var(--np-header-h)}
/* ---------- логотип и название (v6.2) ----------
   Шрифты лежат на сайте (/fonts), внешних CDN нет. Лицензия SIL Open Font
   License 1.1 — тексты: /fonts/OFL-unbounded.txt, OFL-montserrat.txt, OFL-manrope.txt.
   Браузер скачивает только тот шрифт, который реально используется.
   >>> ВЫБОР ВАРИАНТА — ОДНА СТРОКА НИЖЕ: побеждает слой, стоящий в списке ПОСЛЕДНИМ.
       A = Unbounded (широкий техно), B = Montserrat разреженный капс, C = Manrope жирный.
       Например, чтобы включить вариант A: @layer np-brand-b, np-brand-c, np-brand-a; */
@layer np-brand-a, np-brand-c, np-brand-b;
@font-face{font-family:"NP Unbounded";src:url(/fonts/unbounded-var-cyr-lat.woff2) format("woff2");font-weight:200 900;font-style:normal;font-display:swap}
@font-face{font-family:"NP Montserrat";src:url(/fonts/montserrat-var-cyr-lat.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"NP Manrope";src:url(/fonts/manrope-var-cyr-lat.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
.np6-logo{display:inline-flex;align-items:center;text-decoration:none;color:var(--np-text);flex:0 0 auto;white-space:nowrap;line-height:1}
.np6-logo__mark{display:block;flex:0 0 auto;background:url(/images/np-mark.png) center/contain no-repeat}
.np6-logo__text{display:block;line-height:1;padding-top:1px}
@layer np-brand-a{
  .np6-logo{gap:10px}
  .np6-logo__mark{width:44px;height:23px}
  .np6-logo__text{font-family:"NP Unbounded",var(--np-font);font-weight:600;font-size:16px;letter-spacing:.01em}
  .np6-logo__text b{font-weight:600;color:var(--np-gold)}
  @media(max-width:420px){.np6-logo__text{font-size:14px}.np6-logo__mark{width:38px;height:20px}}
}
@layer np-brand-b{
  .np6-logo{gap:12px}
  .np6-logo__mark{width:48px;height:25px}
  .np6-logo__text{font-family:"NP Montserrat",var(--np-font);font-weight:600;font-size:15px;letter-spacing:.2em;text-transform:uppercase;margin-right:-.2em}
  .np6-logo__text b{font-weight:700;color:var(--np-gold)}
  @media(max-width:420px){.np6-logo{gap:9px}.np6-logo__text{font-size:13px;letter-spacing:.14em;margin-right:-.14em}.np6-logo__mark{width:40px;height:21px}}
}
@layer np-brand-c{
  .np6-logo{gap:10px}
  .np6-logo__mark{width:42px;height:22px}
  .np6-logo__text{font-family:"NP Manrope",var(--np-font);font-weight:800;font-size:19px;letter-spacing:-.01em}
  .np6-logo__text b{font-weight:800;color:var(--np-gold)}
  @media(max-width:420px){.np6-logo__text{font-size:17px}.np6-logo__mark{width:38px;height:20px}}
}
.np6-nav{display:none;align-items:center;gap:2px;margin-left:var(--np-s4);flex:1 1 auto;min-width:0}
.np6-nav__link,.np6-menu>summary{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border-radius:var(--np-r-sm);color:var(--np-text-2);font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap;cursor:pointer;list-style:none;border:0;background:none}
.np6-menu>summary::-webkit-details-marker{display:none}
.np6-nav__link:hover,.np6-menu>summary:hover{color:var(--np-text);background:rgba(255,255,255,.05)}
.np6-nav__link[aria-current="page"],.np6-menu.is-active>summary{color:var(--np-gold);background:var(--np-gold-soft)}
.np6-menu{position:relative}
.np6-menu>summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:2px;opacity:.7}
.np6-menu__panel{position:absolute;top:calc(100% + 6px);left:0;min-width:230px;padding:6px;background:var(--np-surface-2);border:1px solid var(--np-line-2);border-radius:var(--np-r);box-shadow:var(--np-shadow);z-index:70}
.np6-menu--right .np6-menu__panel{left:auto;right:0}
.np6-menu__panel a,.np6-menu__panel button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:10px 12px;border-radius:var(--np-r-sm);color:var(--np-text);text-decoration:none;font-size:15px;background:none;border:0;text-align:left;cursor:pointer}
.np6-menu__panel a:hover,.np6-menu__panel button:hover{background:rgba(255,255,255,.06)}
.np6-menu__panel a[aria-current="page"]{color:var(--np-gold)}
.np6-menu__panel hr{border:0;border-top:1px solid var(--np-line);margin:6px 0}
.np6-menu__who{padding:8px 12px 10px;font-size:13px;color:var(--np-muted);line-height:1.35}
.np6-menu__who b{display:block;color:var(--np-text);font-size:15px}
.np6-header__actions{display:flex;align-items:center;gap:4px;margin-left:auto}
.np6-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:42px;height:42px;padding:0 10px;border-radius:var(--np-r-sm);border:0;background:none;color:var(--np-text-2);text-decoration:none;cursor:pointer;font-weight:600;font-size:15px;white-space:nowrap}
.np6-icon-btn:hover{background:rgba(255,255,255,.06);color:var(--np-text)}
.np6-icon-btn[aria-current="page"]{color:var(--np-gold)}
.np6-icon-btn svg{width:22px;height:22px;flex:0 0 22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.np6-icon-btn__label{display:none}
.np6-count{position:absolute;top:3px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--np-gold);color:var(--np-on-gold);font-size:11px;font-weight:800;line-height:18px;text-align:center}
.np6-count[data-n="0"]{display:none}
.np6-count--inline{position:static;display:inline-block}
.np6-header .np6-account{display:none}
.np6-burger{display:inline-flex}
@media(min-width:960px){
  .np6-nav{display:flex}
  .np6-burger{display:none}
  .np6-header .np6-account{display:inline-flex}
  .np6-icon-btn__label{display:inline}
  .np6-header .np6-fav .np6-icon-btn__label{display:none}
}
@media(min-width:1180px){.np6-header .np6-fav .np6-icon-btn__label{display:inline}}
/* drawer (mobile menu) */
.np6-drawer{position:fixed;inset:var(--np-header-h) 0 0 0;z-index:59;background:rgba(10,10,12,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.np6-drawer__panel{background:var(--np-bg-2);border-bottom:1px solid var(--np-line);max-height:calc(100vh - var(--np-header-h));overflow:auto;padding:var(--np-s3) var(--np-s4) var(--np-s5)}
.np6-drawer__group{padding:var(--np-s2) 0;border-bottom:1px solid var(--np-line)}
.np6-drawer__group:last-child{border-bottom:0}
.np6-drawer__title{font-size:var(--np-fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--np-muted);padding:8px 4px}
.np6-drawer a,.np6-drawer button.np6-drawer__link{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:0 6px;color:var(--np-text);text-decoration:none;font-size:17px;font-weight:600;background:none;border:0;text-align:left;cursor:pointer}
.np6-drawer a[aria-current="page"]{color:var(--np-gold)}
body.np6-menu-open{overflow:hidden}
.np6-badge-dot{display:inline-block;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--np-danger);color:#fff;font-size:12px;font-weight:800;line-height:20px;text-align:center}

/* ---------- footer ---------- */
.np6-footer{border-top:1px solid var(--np-line);background:var(--np-bg-2);padding:var(--np-s6) 0 var(--np-s5);color:var(--np-text-2);font-size:15px;margin-top:auto;position:relative;z-index:1}
.np6-footer__grid{display:grid;gap:var(--np-s5);grid-template-columns:1fr}
@media(min-width:640px){.np6-footer__grid{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.np6-footer__grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.np6-footer h2{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--np-text);margin:0 0 var(--np-s3)}
.np6-footer a{color:var(--np-text-2);text-decoration:none}
.np6-footer a:hover{color:var(--np-gold)}
.np6-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.np6-footer__brand p{margin:var(--np-s3) 0 0;color:var(--np-muted);max-width:340px}
.np6-footer__phone{font-size:18px;font-weight:700;color:var(--np-text)!important}
.np6-footer__bottom{display:flex;flex-wrap:wrap;gap:var(--np-s3);justify-content:space-between;border-top:1px solid var(--np-line);margin-top:var(--np-s5);padding-top:var(--np-s4);font-size:13px;color:var(--np-muted)}

/* ---------- buttons ---------- */
.np6-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:var(--np-r);border:1px solid transparent;font-weight:700;font-size:15px;line-height:1.1;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .15s;white-space:nowrap;-webkit-user-select:none;user-select:none}
.np6-btn--primary{background:var(--np-gold);color:var(--np-on-gold)}
.np6-btn--primary:hover{background:var(--np-gold-2)}
.np6-btn--secondary{background:var(--np-surface-3);color:var(--np-text);border-color:var(--np-line-2)}
.np6-btn--secondary:hover{border-color:var(--np-gold-line);color:var(--np-gold-2)}
.np6-btn--ghost{background:transparent;color:var(--np-text-2);border-color:var(--np-line-2)}
.np6-btn--ghost:hover{color:var(--np-text);border-color:var(--np-text-2)}
.np6-btn--danger{background:transparent;color:var(--np-danger);border-color:rgba(239,107,115,.45)}
.np6-btn--danger:hover{background:var(--np-danger-soft)}
.np6-btn--sm{min-height:36px;padding:0 14px;font-size:14px;border-radius:var(--np-r-sm)}
.np6-btn--block{width:100%}
.np6-btn--fav[aria-pressed="true"]{color:var(--np-gold);border-color:var(--np-gold-line);background:var(--np-gold-soft)}
.np6-btn:disabled,.np6-btn[aria-disabled="true"]{opacity:.5;cursor:not-allowed;transform:none}
.np6-btn.is-busy{position:relative;color:transparent!important}
.np6-btn.is-busy::after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;border:2px solid var(--np-on-gold);border-right-color:transparent;animation:np6spin .7s linear infinite}
.np6-btn--secondary.is-busy::after,.np6-btn--ghost.is-busy::after{border-color:var(--np-text);border-right-color:transparent}
@keyframes np6spin{to{transform:rotate(360deg)}}
.np6-link{color:var(--np-gold);text-decoration:underline;text-underline-offset:3px;background:none;border:0;padding:0;cursor:pointer;font:inherit}
.np6-link:hover{color:var(--np-gold-2)}

/* ---------- forms ---------- */
.np6-form{display:grid;gap:var(--np-s4)}
.np6-field{display:grid;gap:6px}
.np6-field>label,.np6-label{font-size:14px;font-weight:600;color:var(--np-text-2)}
.np6-field__hint{font-size:13px;color:var(--np-muted)}
.np6-field__error{font-size:13px;color:var(--np-danger);min-height:0}
.np6-field__error:empty{display:none}
.np6-input,.np6-select,.np6-textarea{width:100%;min-height:46px;padding:10px 14px;border-radius:var(--np-r);border:1px solid var(--np-line-2);background:var(--np-surface);color:var(--np-text);font-size:16px;outline:none;transition:border-color .15s,box-shadow .15s;appearance:none;-webkit-appearance:none}
.np6-select{padding-right:40px;background-image:linear-gradient(45deg,transparent 50%,var(--np-muted) 50%),linear-gradient(135deg,var(--np-muted) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat}
.np6-select option{background:var(--np-surface-2);color:var(--np-text)}
.np6-textarea{min-height:110px;resize:vertical}
.np6-input::placeholder,.np6-textarea::placeholder{color:#6f727a}
.np6-input:hover,.np6-select:hover{border-color:rgba(255,255,255,.26)}
.np6-input:focus,.np6-select:focus,.np6-textarea:focus{border-color:var(--np-gold);box-shadow:0 0 0 3px var(--np-gold-soft)}
.np6-input[aria-invalid="true"],.np6-select[aria-invalid="true"]{border-color:var(--np-danger);box-shadow:0 0 0 3px var(--np-danger-soft)}
.np6-select:disabled,.np6-input:disabled{opacity:.55;cursor:not-allowed}
.np6-input--qty{width:88px;text-align:center;padding:8px}
.np6-check{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--np-text-2);cursor:pointer;line-height:1.45}
.np6-check input{flex:0 0 20px;width:20px;height:20px;margin:1px 0 0;accent-color:var(--np-gold)}
.np6-check a{color:var(--np-gold)}
.np6-fieldset{border:1px solid var(--np-line);border-radius:var(--np-r);padding:var(--np-s4);margin:0;display:grid;gap:var(--np-s3)}
.np6-fieldset legend{padding:0 6px;font-weight:700;color:var(--np-text)}
.np6-password{position:relative}
.np6-password .np6-input{padding-right:96px}
.np6-password button{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--np-gold);font-size:14px;font-weight:600;padding:8px 10px;cursor:pointer;border-radius:6px}

/* ---------- surfaces ---------- */
.np6-card{background:var(--np-surface);border:1px solid var(--np-line);border-radius:var(--np-r-lg)}
.np6-card--pad{padding:var(--np-s5)}
@media(min-width:768px){.np6-card--pad{padding:var(--np-s6)}}
.np6-card h2{font-size:var(--np-fs-h3)}
.np6-section{margin-top:var(--np-s7)}
.np6-section__head{display:flex;flex-wrap:wrap;gap:var(--np-s3);align-items:flex-end;justify-content:space-between;margin-bottom:var(--np-s5)}
.np6-section__head h2{font-size:var(--np-fs-h2);margin:0}
.np6-section__head p{margin:6px 0 0;color:var(--np-muted);max-width:640px}
.np6-page-head{margin-bottom:var(--np-s5)}
.np6-page-head h1{font-size:var(--np-fs-h1);margin:0}
.np6-page-head p{color:var(--np-muted);margin:8px 0 0;max-width:720px}
.np6-page-head--row{display:flex;flex-wrap:wrap;gap:var(--np-s4);align-items:flex-end;justify-content:space-between}
.np6-crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:14px;color:var(--np-muted);margin-bottom:var(--np-s3);list-style:none;padding:0}
.np6-crumbs a{color:var(--np-text-2);text-decoration:none}
.np6-crumbs a:hover{color:var(--np-gold)}
.np6-crumbs li+li::before{content:"/";margin-right:6px;opacity:.5}

/* ---------- alerts / empty / skeleton / toast ---------- */
.np6-alert{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--np-r);border:1px solid var(--np-line-2);background:var(--np-surface-2);color:var(--np-text-2);font-size:15px}
.np6-alert>*{margin:0}
.np6-alert b{color:var(--np-text)}
.np6-alert--info{border-color:rgba(121,168,255,.35);background:var(--np-info-soft)}
.np6-alert--warn{border-color:var(--np-gold-line);background:var(--np-gold-soft)}
.np6-alert--error{border-color:rgba(239,107,115,.45);background:var(--np-danger-soft);color:#ffd9dc}
.np6-alert--ok{border-color:rgba(98,207,143,.4);background:var(--np-ok-soft)}
.np6-alert__actions{margin-left:auto;flex:0 0 auto}
.np6-empty{text-align:center;padding:var(--np-s7) var(--np-s4);border:1px dashed var(--np-line-2);border-radius:var(--np-r-lg);background:var(--np-bg-2)}
.np6-empty__icon{width:56px;height:56px;margin:0 auto var(--np-s4);border-radius:50%;display:grid;place-items:center;background:var(--np-gold-soft);color:var(--np-gold)}
.np6-empty__icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.np6-empty h2,.np6-empty h3{font-size:var(--np-fs-h3);margin:0 0 8px}
.np6-empty p{color:var(--np-muted);max-width:480px;margin:0 auto var(--np-s4)}
.np6-empty .np6-row{justify-content:center}
.np6-skel{position:relative;overflow:hidden;background:var(--np-surface-2);border-radius:var(--np-r-sm)}
.np6-skel::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:np6shimmer 1.3s infinite}
@keyframes np6shimmer{to{transform:translateX(100%)}}
.np6-skel--line{height:14px;margin:10px 0}
.np6-skel--title{height:24px;width:70%;margin:10px 0 16px}
.np6-skel--img{aspect-ratio:4/3;border-radius:0}
@media(prefers-reduced-motion:reduce){.np6-skel::after,.np6-btn.is-busy::after{animation:none}}
.np6-toasts{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:1300;display:grid;gap:8px;width:min(440px,calc(100% - 24px))}
.np6-toast{padding:13px 16px;border-radius:var(--np-r);background:var(--np-surface-3);border:1px solid var(--np-line-2);box-shadow:var(--np-shadow);font-size:15px;display:flex;gap:10px;align-items:center;animation:np6in .2s ease}
.np6-toast--ok{border-color:rgba(98,207,143,.5)}
.np6-toast--error{border-color:rgba(239,107,115,.6)}
.np6-toast a{color:var(--np-gold);margin-left:auto;font-weight:700;white-space:nowrap}
@keyframes np6in{from{opacity:0;transform:translateY(8px)}}

/* ---------- badges / chips ---------- */
.np6-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--np-r-pill);font-size:13px;font-weight:600;background:var(--np-surface-3);color:var(--np-text-2);white-space:nowrap}
.np6-badge--ok{background:var(--np-ok-soft);color:var(--np-ok)}
.np6-badge--out{background:rgba(255,255,255,.06);color:var(--np-muted)}
.np6-badge--gold{background:var(--np-gold-soft);color:var(--np-gold)}
.np6-badge--danger{background:var(--np-danger-soft);color:var(--np-danger)}
.np6-badge--info{background:var(--np-info-soft);color:var(--np-info)}
.np6-chips{display:flex;flex-wrap:wrap;gap:8px}
.np6-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:var(--np-r-pill);border:1px solid var(--np-line-2);background:transparent;color:var(--np-text-2);font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap}
.np6-chip:hover{border-color:var(--np-text-2);color:var(--np-text)}
.np6-chip[aria-pressed="true"],.np6-chip.is-active{background:var(--np-gold-soft);border-color:var(--np-gold-line);color:var(--np-gold)}
.np6-chip small{opacity:.75;font-weight:700}
.np6-chip__x{border:0;background:none;color:inherit;font-size:18px;line-height:1;cursor:pointer;padding:0 0 0 4px}

/* ---------- tables ---------- */
.np6-table-wrap{overflow-x:auto;border:1px solid var(--np-line);border-radius:var(--np-r)}
.np6-table{width:100%;border-collapse:collapse;font-size:15px}
.np6-table th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--np-muted);font-weight:700;text-align:left;padding:12px 14px;background:var(--np-bg-2);border-bottom:1px solid var(--np-line);white-space:nowrap}
.np6-table td{padding:14px;border-bottom:1px solid var(--np-line);vertical-align:middle}
.np6-table tr:last-child td{border-bottom:0}
.np6-table tbody tr:hover td{background:rgba(255,255,255,.02)}
.np6-table .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:719px){
  .np6-table--stack thead{display:none}
  .np6-table--stack,.np6-table--stack tbody,.np6-table--stack tr,.np6-table--stack td{display:block;width:100%}
  .np6-table--stack tr{padding:12px 14px;border-bottom:1px solid var(--np-line)}
  .np6-table--stack tr:last-child{border-bottom:0}
  .np6-table--stack td{border:0;padding:4px 0;display:flex;justify-content:space-between;gap:12px;text-align:right}
  .np6-table--stack td::before{content:attr(data-label);color:var(--np-muted);font-size:13px;text-align:left;flex:0 0 auto}
  .np6-table--stack td.num{text-align:right}
  .np6-table--stack td[data-label=""]::before{display:none}
}

/* ---------- hero / home ---------- */
.np6-hero{position:relative;overflow:hidden;border-radius:var(--np-r-lg);border:1px solid var(--np-line);background:radial-gradient(120% 140% at 85% 20%,rgba(226,184,74,.16),transparent 55%),linear-gradient(180deg,#191a1e,#121316);padding:var(--np-s6) var(--np-s5)}
@media(min-width:900px){.np6-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:var(--np-s6);align-items:center;padding:var(--np-s7) var(--np-s7)}}
.np6-hero h1{font-size:var(--np-fs-hero);line-height:1.05;margin:0 0 var(--np-s4);letter-spacing:-.02em}
.np6-hero h1 span{display:block;color:var(--np-gold)}
.np6-hero__text{font-size:var(--np-fs-lg);color:var(--np-text-2);max-width:560px;margin-bottom:var(--np-s5)}
.np6-hero__art{display:none}
@media(min-width:900px){.np6-hero__art{display:block;aspect-ratio:1.4/1;background:url(/images/logo-watermark.png) center/contain no-repeat;opacity:.9}}
.np6-ticks{list-style:none;padding:0;margin:var(--np-s5) 0 0;display:grid;gap:8px;color:var(--np-text-2);font-size:15px}
@media(min-width:640px){.np6-ticks{grid-template-columns:1fr 1fr}}
.np6-ticks li{display:flex;gap:10px;align-items:flex-start}
.np6-ticks li::before{content:"";flex:0 0 18px;height:18px;margin-top:2px;border-radius:50%;background:var(--np-gold-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e2b84a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/12px no-repeat}
.np6-fit{margin-top:var(--np-s5)}
.np6-fit__grid{display:grid;gap:var(--np-s3);grid-template-columns:1fr}
@media(min-width:720px){.np6-fit__grid{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.np6-fit__grid{grid-template-columns:1fr 1fr 1.1fr .7fr auto;align-items:end}}
.np6-fit__result{margin-top:var(--np-s4)}
.np6-saved{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--np-s4);align-items:center}
.np6-tiles{display:grid;gap:var(--np-s3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.np6-tile{display:flex;flex-direction:column;gap:6px;padding:var(--np-s5);border-radius:var(--np-r-lg);border:1px solid var(--np-line);background:var(--np-surface);text-decoration:none;color:var(--np-text);transition:border-color .15s,transform .15s}
.np6-tile:hover{border-color:var(--np-gold-line);transform:translateY(-2px)}
.np6-tile b{font-size:17px}
.np6-tile span{color:var(--np-muted);font-size:14px}
.np6-tile small{color:var(--np-gold);font-weight:700;margin-top:auto;padding-top:8px}
.np6-steps{display:grid;gap:var(--np-s3);grid-template-columns:1fr;counter-reset:s;list-style:none;padding:0;margin:0}
@media(min-width:768px){.np6-steps{grid-template-columns:repeat(3,1fr)}}
.np6-steps li{padding:var(--np-s5);border-radius:var(--np-r-lg);background:var(--np-surface);border:1px solid var(--np-line)}
.np6-steps li::before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--np-gold);color:var(--np-on-gold);font-weight:800;margin-bottom:var(--np-s3)}
.np6-steps b{display:block;font-size:17px;margin-bottom:4px}
.np6-steps span{color:var(--np-muted);font-size:15px}
.np6-cta{display:flex;flex-wrap:wrap;gap:var(--np-s4);align-items:center;justify-content:space-between}
.np6-cta p{margin:0;color:var(--np-muted)}

/* ---------- product cards ---------- */
.np6-products{display:grid;gap:var(--np-s4);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
@media(max-width:539px){.np6-products{grid-template-columns:1fr}}
.np6-pcard{display:flex;flex-direction:column;background:var(--np-surface);border:1px solid var(--np-line);border-radius:var(--np-r-lg);overflow:hidden;transition:border-color .15s}
.np6-pcard:hover{border-color:rgba(255,255,255,.2)}
.np6-pcard.is-fit{border-color:var(--np-gold-line)}
.np6-pcard__img{position:relative;display:block;aspect-ratio:4/3;background:#0c0d0f;overflow:hidden}
.np6-pcard__img img{width:100%;height:100%;object-fit:contain}
.np6-pcard__flag{position:absolute;left:10px;top:10px}
.np6-pcard__body{display:flex;flex-direction:column;gap:8px;padding:var(--np-s4);flex:1}
.np6-pcard__cat{font-size:12px;color:var(--np-muted);letter-spacing:.06em;text-transform:uppercase}
.np6-pcard__title{font-size:17px;font-weight:700;line-height:1.3;margin:0;color:var(--np-text);text-decoration:none}
.np6-pcard__title:hover{color:var(--np-gold-2)}
.np6-pcard__specs{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0}
.np6-pcard__specs span{font-size:13px;padding:3px 8px;border-radius:6px;background:var(--np-surface-3);color:var(--np-text-2)}
.np6-pcard__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px}
.np6-price{font-size:22px;font-weight:800;color:var(--np-text);white-space:nowrap;font-variant-numeric:tabular-nums}
.np6-price small{display:block;font-size:12px;color:var(--np-gold);font-weight:600}
.np6-pcard__actions{display:grid;grid-template-columns:1fr auto;gap:8px;padding:0 var(--np-s4) var(--np-s4)}
.np6-noimg{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:8px;color:var(--np-muted);font-size:13px;background:radial-gradient(circle at 50% 40%,#1b1c20,#0e0f11)}
.np6-noimg::before{content:"";width:72px;height:50px;background:url(/images/logo-watermark.png) center top/110px auto no-repeat;opacity:.35;filter:grayscale(1)}

/* ---------- catalog ---------- */
.np6-catalog{display:grid;gap:var(--np-s5);grid-template-columns:1fr}
@media(min-width:1000px){.np6-catalog{grid-template-columns:280px 1fr;align-items:start}}
.np6-filters{display:grid;gap:var(--np-s4)}
@media(min-width:1000px){.np6-filters{position:sticky;top:calc(var(--np-header-h) + 16px)}}
.np6-filters__toggle{display:flex;width:100%}
@media(min-width:1000px){.np6-filters__toggle{display:none}.np6-filters__body{display:grid!important}}
.np6-filters__body{display:none;gap:var(--np-s4)}
.np6-filters.is-open .np6-filters__body{display:grid}
.np6-filters h2{font-size:15px;margin:0 0 4px}
.np6-toolbar{display:flex;flex-wrap:wrap;gap:var(--np-s3);align-items:center;justify-content:space-between;margin-bottom:var(--np-s4)}
.np6-toolbar__count{color:var(--np-muted);font-size:15px}
.np6-search{position:relative}
.np6-search .np6-input{padding-left:42px}
.np6-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:none;stroke:var(--np-muted);stroke-width:2;stroke-linecap:round}

/* ---------- product page ---------- */
.np6-product{display:grid;gap:var(--np-s5);grid-template-columns:1fr}
@media(min-width:900px){.np6-product{grid-template-columns:1.05fr .95fr;gap:var(--np-s6);align-items:start}}
.np6-gallery__main{aspect-ratio:1/1;border-radius:var(--np-r-lg);overflow:hidden;background:#0c0d0f;border:1px solid var(--np-line)}
.np6-gallery__main img{width:100%;height:100%;object-fit:contain}
.np6-gallery__thumbs{display:flex;gap:8px;margin-top:var(--np-s3);overflow-x:auto}
.np6-gallery__thumbs button{flex:0 0 72px;height:72px;border-radius:var(--np-r-sm);overflow:hidden;border:2px solid transparent;background:#0c0d0f;padding:0;cursor:pointer}
.np6-gallery__thumbs button[aria-current="true"]{border-color:var(--np-gold)}
.np6-gallery__thumbs img{width:100%;height:100%;object-fit:cover}
.np6-buy h1{font-size:clamp(24px,3vw,34px);margin:6px 0 var(--np-s3)}
.np6-buy__meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:var(--np-s4);color:var(--np-muted);font-size:14px}
.np6-buy__price{font-size:34px;font-weight:800;margin:var(--np-s3) 0}
.np6-buy__row{display:flex;flex-wrap:wrap;gap:var(--np-s3);align-items:flex-end;margin:var(--np-s4) 0}
.np6-buy__row .np6-btn--primary{flex:1 1 220px}
.np6-qty{display:inline-flex;align-items:center;border:1px solid var(--np-line-2);border-radius:var(--np-r);overflow:hidden;height:46px;background:var(--np-surface)}
.np6-qty button{width:42px;height:100%;border:0;background:none;color:var(--np-text);font-size:20px;cursor:pointer}
.np6-qty button:hover{background:rgba(255,255,255,.06)}
.np6-qty button:disabled{opacity:.35;cursor:not-allowed}
.np6-qty input{width:52px;height:100%;border:0;background:none;text-align:center;color:var(--np-text);font-size:16px;font-weight:700;-moz-appearance:textfield;appearance:textfield}
.np6-qty input::-webkit-outer-spin-button,.np6-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.np6-qty--sm{height:38px}
.np6-qty--sm button{width:34px}
.np6-qty--sm input{width:42px}
.np6-specs{display:grid;grid-template-columns:minmax(120px,auto) 1fr;margin:0;border:1px solid var(--np-line);border-radius:var(--np-r);overflow:hidden}
.np6-specs dt,.np6-specs dd{margin:0;padding:11px 14px;border-bottom:1px solid var(--np-line);font-size:15px}
.np6-specs dt{color:var(--np-muted);background:var(--np-bg-2)}
.np6-specs dd{color:var(--np-text);font-weight:600;word-break:break-word}
.np6-specs dt:last-of-type,.np6-specs dd:last-of-type{border-bottom:0}
.np6-compat{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.np6-compat li{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:var(--np-r);background:var(--np-bg-2);border:1px solid var(--np-line);font-size:15px}
.np6-compat li span{color:var(--np-muted)}
.np6-product-info{display:grid;gap:var(--np-s4);grid-template-columns:1fr;margin-top:var(--np-s6)}
@media(min-width:900px){.np6-product-info{grid-template-columns:1fr 1fr}}

/* ---------- cart ---------- */
.np6-cart{display:grid;gap:var(--np-s5);grid-template-columns:1fr}
@media(min-width:1000px){.np6-cart{grid-template-columns:1fr 380px;align-items:start}}
.np6-cart__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--np-s3)}
.np6-line{display:grid;grid-template-columns:80px 1fr;gap:var(--np-s3) var(--np-s4);padding:var(--np-s4);border-radius:var(--np-r-lg);background:var(--np-surface);border:1px solid var(--np-line)}
@media(min-width:640px){.np6-line{grid-template-columns:96px 1fr auto;align-items:center}}
.np6-line__img{width:80px;height:80px;border-radius:var(--np-r);overflow:hidden;background:#0c0d0f}
@media(min-width:640px){.np6-line__img{width:96px;height:96px}}
.np6-line__img img{width:100%;height:100%;object-fit:contain}
.np6-line__title{font-weight:700;color:var(--np-text);text-decoration:none;line-height:1.3}
.np6-line__title:hover{color:var(--np-gold-2)}
.np6-line__meta{font-size:13px;color:var(--np-muted);margin-top:4px}
.np6-line__controls{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:var(--np-s3);flex-wrap:wrap}
@media(min-width:640px){.np6-line__controls{grid-column:auto;flex-direction:column;align-items:flex-end}}
.np6-line__sum{font-weight:800;font-size:18px;white-space:nowrap}
.np6-line__err{grid-column:1/-1;margin:0}
.np6-summary{position:relative}
@media(min-width:1000px){.np6-summary{position:sticky;top:calc(var(--np-header-h) + 16px)}}
.np6-summary__row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;color:var(--np-text-2)}
.np6-summary__total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:var(--np-s3) 0;border-top:1px solid var(--np-line);margin-top:var(--np-s2);font-size:18px;font-weight:700}
.np6-summary__total b{font-size:26px}
.np6-success{text-align:center;padding:var(--np-s7) var(--np-s4)}
.np6-success h2{font-size:var(--np-fs-h2)}

/* ---------- auth ---------- */
.np6-auth{display:grid;place-items:start center;padding-top:var(--np-s4)}
.np6-auth__card{width:min(480px,100%)}
.np6-auth__card h1{font-size:clamp(26px,3vw,32px);margin:0 0 6px}
.np6-auth__foot{margin-top:var(--np-s4);padding-top:var(--np-s4);border-top:1px solid var(--np-line);font-size:15px;color:var(--np-muted);text-align:center}
.np6-auth__foot a{color:var(--np-gold)}

/* ---------- account ---------- */
.np6-account{display:grid;gap:var(--np-s4);grid-template-columns:1fr}
@media(min-width:900px){.np6-account{grid-template-columns:repeat(3,1fr)}.np6-account__wide{grid-column:span 2}.np6-account__full{grid-column:1/-1}}
.np6-profile{display:flex;gap:var(--np-s4);align-items:center;margin-bottom:var(--np-s4)}
.np6-avatar{width:56px;height:56px;flex:0 0 56px;border-radius:50%;display:grid;place-items:center;background:var(--np-gold-soft);color:var(--np-gold);font-weight:800;font-size:20px;border:1px solid var(--np-gold-line)}
.np6-dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0;font-size:15px}
.np6-dl dt{color:var(--np-muted)}
.np6-dl dd{margin:0;word-break:break-word}
.np6-bonus{font-size:44px;font-weight:800;color:var(--np-gold);line-height:1}
.np6-cars{display:grid;gap:var(--np-s3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:var(--np-s4)}
.np6-car{padding:var(--np-s4);border-radius:var(--np-r);background:var(--np-bg-2);border:1px solid var(--np-line);display:grid;gap:6px}
.np6-car b{font-size:16px}
.np6-orders{display:grid;gap:var(--np-s3)}
.np6-order{border:1px solid var(--np-line);border-radius:var(--np-r);background:var(--np-bg-2)}
.np6-order>summary{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;padding:14px 16px;cursor:pointer;list-style:none}
.np6-order>summary::-webkit-details-marker{display:none}
.np6-order>summary b{font-size:16px}
.np6-order__body{padding:0 16px 14px}
.np6-order__body ul{margin:0;padding-left:18px;color:var(--np-text-2)}
.np6-links{display:grid;gap:8px}

/* ---------- contacts / legal / 404 ---------- */
.np6-contacts{display:grid;gap:var(--np-s4);grid-template-columns:1fr}
@media(min-width:768px){.np6-contacts{grid-template-columns:repeat(2,1fr)}}
.np6-contact{display:flex;flex-direction:column;gap:6px}
.np6-contact__value{font-size:22px;font-weight:800;color:var(--np-text);text-decoration:none;word-break:break-word}
a.np6-contact__value:hover{color:var(--np-gold)}
.np6-prose{max-width:820px;color:var(--np-text-2);font-size:16px;line-height:1.75}
.np6-prose h1{font-size:var(--np-fs-h1);color:var(--np-text);line-height:1.2}
.np6-prose h2{font-size:22px;color:var(--np-text);margin:var(--np-s6) 0 var(--np-s3)}
.np6-prose a{color:var(--np-gold)}
.np6-prose li{margin:8px 0}
.np6-prose .draft{border:1px solid var(--np-gold-line);background:var(--np-gold-soft);padding:14px 16px;border-radius:var(--np-r);color:var(--np-text)}
.np6-404{text-align:center;padding:var(--np-s7) 0}
.np6-404__code{font-size:clamp(72px,14vw,140px);font-weight:900;line-height:1;color:var(--np-gold);letter-spacing:-.04em}

/* =====================================================================
   STAFF — CRM, чаты, управление, цены. Подключается ПОСЛЕ старых CSS.
   Логику страниц не трогаем; только единый вид и раскладка.
   ===================================================================== */
body.np6-staff{background:var(--np-bg)!important;color:var(--np-text);font-family:var(--np-font)}
body.np6-staff .site-watermark,body.np6-staff #np4Dock,body.np6-staff .np4-dock,body.np6-staff .np-beta-home-link{display:none!important}
body.np6-staff .np6-header{position:sticky!important;top:0!important;padding:0!important;background:rgba(15,16,18,.92)!important;border-bottom:1px solid var(--np-line)!important;border-radius:0!important}
html body.np6-staff>main.container{max-width:var(--np-container)!important;margin:0 auto!important;padding:var(--np-s5) var(--np-s4) var(--np-s7)!important;width:100%!important;position:relative;box-sizing:border-box!important}
@media(min-width:768px){html body.np6-staff>main.container{padding:var(--np-s6) var(--np-s5) var(--np-s8)!important}}
body.np6-staff .page-title{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--np-s4);margin:0 0 var(--np-s5)}
body.np6-staff .page-title h1{font-size:var(--np-fs-h1);margin:4px 0 0;line-height:1.15}
body.np6-staff .page-title p{color:var(--np-muted);margin:8px 0 0;max-width:720px}
body.np6-staff .page-title .np6-page-actions{display:flex;flex-wrap:wrap;gap:8px}
body.np6-staff .eyebrow{color:var(--np-gold);letter-spacing:.14em;font-size:12px;font-weight:750}
body.np6-staff .muted{color:var(--np-muted)}
body.np6-staff .glass,body.np6-staff .panel{background:var(--np-surface)!important;border:1px solid var(--np-line)!important;border-radius:var(--np-r-lg)!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
body.np6-staff .glass::after{display:none!important}
body.np6-staff .panel{padding:var(--np-s5)}
body.np6-staff .btn{min-height:40px;border-radius:var(--np-r-sm);font-weight:700;font-size:14px;transform:none!important}
body.np6-staff .btn.gold{background:var(--np-gold);color:var(--np-on-gold)}
body.np6-staff .btn.gold:hover{background:var(--np-gold-2)}
body.np6-staff .btn.outline{border:1px solid var(--np-line-2);color:var(--np-text);background:transparent}
body.np6-staff .btn.outline:hover{border-color:var(--np-text-2)}
body.np6-staff .btn.danger,body.np6-staff .np6-danger{background:transparent!important;color:var(--np-danger)!important;border:1px solid rgba(239,107,115,.45)!important}
body.np6-staff .btn.danger:hover,body.np6-staff .np6-danger:hover{background:var(--np-danger-soft)!important}
body.np6-staff .data-table{font-size:15px}
body.np6-staff .data-table th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--np-muted);background:var(--np-bg-2);font-weight:700}
body.np6-staff .data-table td,body.np6-staff .data-table th{border-bottom:1px solid var(--np-line);padding:12px 14px}
body.np6-staff .table-wrap{border:1px solid var(--np-line);border-radius:var(--np-r);overflow-x:auto}
body.np6-staff input:not([type=checkbox]):not([type=radio]):not([type=file]),body.np6-staff select,body.np6-staff textarea{background:var(--np-surface-2);border:1px solid var(--np-line-2);border-radius:var(--np-r-sm);color:var(--np-text);min-height:42px}
body.np6-staff input:focus,body.np6-staff select:focus,body.np6-staff textarea:focus{border-color:var(--np-gold)!important;box-shadow:0 0 0 3px var(--np-gold-soft);outline:none}
body.np6-staff .toast{background:var(--np-surface-3);border:1px solid var(--np-line-2);border-radius:var(--np-r);z-index:300}
body.np6-staff .np6-footer{margin-top:0}
/* --- CRM --- */
.np6-crm__bar{display:flex;flex-wrap:wrap;gap:var(--np-s3);align-items:center;justify-content:space-between;margin-bottom:var(--np-s4)}
.np6-crm__tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}
.np6-crm__search{flex:0 1 300px;min-width:220px}
.np6-crm__hint{margin:0 0 var(--np-s4);color:var(--np-muted);font-size:15px}
.np6-crm-table td:first-child{font-weight:700;white-space:nowrap}
.np6-status{display:inline-flex;padding:4px 10px;border-radius:var(--np-r-pill);font-size:13px;font-weight:700;background:var(--np-surface-3);color:var(--np-text-2);white-space:nowrap}
.np6-status--new{background:var(--np-info-soft);color:var(--np-info)}
.np6-status--work{background:var(--np-gold-soft);color:var(--np-gold)}
.np6-status--done{background:var(--np-ok-soft);color:var(--np-ok)}
.np6-status--cancel{background:var(--np-danger-soft);color:var(--np-danger)}
body.np6-staff .order-panel{background:var(--np-surface-2);border:1px solid var(--np-line-2);border-radius:var(--np-r-lg)}
/* --- admin --- */
body.np6-staff .admin-control-bar{position:static!important;background:var(--np-surface)!important;border:1px solid var(--np-line)!important;border-radius:var(--np-r-lg)!important;padding:var(--np-s3) var(--np-s4)!important;margin-bottom:var(--np-s4)!important;box-shadow:none!important}
body.np6-staff .admin-control-row{display:flex;flex-wrap:wrap;gap:var(--np-s3);align-items:center;justify-content:space-between}
body.np6-staff .admin-tabs{display:flex;gap:6px;overflow-x:auto;flex-wrap:nowrap}
body.np6-staff .admin-tab{border-radius:var(--np-r-pill)!important;border:1px solid var(--np-line-2)!important;background:transparent!important;color:var(--np-text-2)!important;min-height:36px;padding:0 14px!important;white-space:nowrap;font-weight:600}
body.np6-staff .admin-tab.active{background:var(--np-gold-soft)!important;border-color:var(--np-gold-line)!important;color:var(--np-gold)!important}
body.np6-staff .admin-catalog-summary{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:var(--np-s3)!important}
body.np6-staff .admin-catalog-summary>div{background:var(--np-bg-2)!important;border:1px solid var(--np-line)!important;border-radius:var(--np-r)!important;padding:var(--np-s4)!important;min-width:0!important}
body.np6-staff .admin-catalog-summary strong{display:block;font-size:28px;color:var(--np-text)}
body.np6-staff .admin-row-actions{display:flex!important;flex-wrap:wrap;gap:8px;align-items:center}
body.np6-staff .admin-row-actions [data-delete-product],body.np6-staff .admin-row-actions [data-delete-vehicle]{margin-left:var(--np-s4)}
body.np6-staff .admin-section-block{margin-bottom:var(--np-s5)}
body.np6-staff .category-chip button{color:var(--np-danger)}
/* --- prices --- */
.np6-prices-form{display:grid;gap:var(--np-s4);grid-template-columns:1fr}
@media(min-width:900px){.np6-prices-form{grid-template-columns:1.2fr 1.2fr .8fr auto;align-items:end}}
/* --- messages: см. раздел «CHAT 6.2» в конце файла --- */
body.np6-staff #adminRoot{grid-template-columns:minmax(0,1fr)!important;min-width:0}
body.np6-staff #adminRoot>*{min-width:0;max-width:100%}
body.np6-staff .panel-head-row{display:flex;flex-wrap:wrap;gap:var(--np-s3);justify-content:space-between;align-items:flex-start}
body.np6-staff .admin-category-workspace,body.np6-staff .admin-category-info{min-width:0}
body.np6-staff .category-schema-preview{display:flex;flex-wrap:wrap;gap:6px}
body.np6-staff .admin-products-table td{white-space:normal}
body.np6-staff .admin-products-table td:nth-child(2){min-width:220px}
.np6-prices-form>*{min-width:0}
.np6-prices-form select,.np6-prices-form input{width:100%;max-width:100%}

/* =====================================================================
   ADMIN 6.2 — менеджер товаров (#np6pm), редактор (.np6pm-drawer), вкладки
   ===================================================================== */
.np6-btn--danger-ghost{background:transparent;color:var(--np-danger);border-color:transparent}
.np6-btn--danger-ghost:hover{background:var(--np-danger-soft);border-color:rgba(239,107,115,.35)}
.np6-btn svg{flex:0 0 auto}
html.np6pm-lock,html.np6pm-lock body{overflow:hidden}
:is(#np6pm,.np6pm-drawer) :is(input,select,textarea){font:inherit!important;font-size:15px!important;color:var(--np-text)!important;background:var(--np-surface)!important;border:1px solid var(--np-line-2)!important;border-radius:var(--np-r-sm)!important;min-height:42px!important;padding:9px 12px!important;width:100%!important;margin:0!important;box-shadow:none!important;outline:none!important;transition:border-color .15s,box-shadow .15s!important}
:is(#np6pm,.np6pm-drawer) textarea{min-height:110px!important;resize:vertical!important;line-height:1.5!important}
:is(#np6pm,.np6pm-drawer) select{appearance:none!important;-webkit-appearance:none!important;padding-right:34px!important;background-image:linear-gradient(45deg,transparent 50%,var(--np-muted) 50%),linear-gradient(135deg,var(--np-muted) 50%,transparent 50%)!important;background-position:calc(100% - 17px) 52%,calc(100% - 12px) 52%!important;background-size:5px 5px!important;background-repeat:no-repeat!important}
:is(#np6pm,.np6pm-drawer) :is(input,select,textarea):focus{border-color:var(--np-gold)!important;box-shadow:0 0 0 3px var(--np-gold-soft)!important}
:is(#np6pm,.np6pm-drawer) :is(input,textarea)::placeholder{color:#6f727a}
:is(#np6pm,.np6pm-drawer) input[type=checkbox]{width:18px!important;height:18px!important;min-height:0!important;padding:0!important;accent-color:var(--np-gold)!important;flex:0 0 auto!important}
:is(#np6pm,.np6pm-drawer) label{display:block;margin:0;color:inherit;font-weight:inherit;text-transform:none;letter-spacing:0}
:is(#np6pm,.np6pm-drawer) :is(h2,h3){color:var(--np-text);text-transform:none;letter-spacing:-.01em}
:is(#np6pm,.np6pm-drawer) button{font:inherit}
:is(#np6pm,.np6pm-drawer) .np6-chip{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:var(--np-r-pill);border:1px solid var(--np-line-2);background:transparent;color:var(--np-text-2);font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}
:is(#np6pm,.np6pm-drawer) .np6-chip small{color:var(--np-muted);font-weight:600}
:is(#np6pm,.np6pm-drawer) .np6-chip[aria-pressed=true]{background:var(--np-gold-soft);border-color:var(--np-gold-line);color:var(--np-gold)}
:is(#np6pm,.np6pm-drawer) .np6-chip:hover{border-color:var(--np-gold-line)}
.np6pm-section{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
#np6pm{display:grid;gap:var(--np-s4);min-width:0}
.np6pm-head{display:flex;flex-wrap:wrap;gap:var(--np-s3);align-items:flex-end;justify-content:space-between}
.np6pm-head h2{margin:0 0 4px;font-size:var(--np-fs-h2)}
.np6pm-head p{margin:0}
.np6pm-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--np-s3)}
@media(min-width:760px){.np6pm-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
.np6pm-stats>div{background:var(--np-surface);border:1px solid var(--np-line);border-radius:var(--np-r);padding:12px 16px;min-width:0}
.np6pm-stats span{display:block;color:var(--np-muted);font-size:13px}
.np6pm-stats b{display:block;font-size:26px;line-height:1.2;color:var(--np-text)}
.np6pm-stats b.is-ok{color:var(--np-ok)}.np6pm-stats b.is-out{color:var(--np-danger)}.np6pm-stats b.is-warn{color:var(--np-gold)}
.np6pm-toolbar{display:grid;gap:var(--np-s2);grid-template-columns:minmax(0,1fr)}
@media(min-width:900px){.np6pm-toolbar{grid-template-columns:minmax(220px,1fr) 240px auto;align-items:center}}
.np6pm-search{position:relative;display:block}
.np6pm-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--np-muted);pointer-events:none}
:is(#np6pm,.np6pm-drawer) .np6pm-search input{padding-left:38px!important}
.np6pm-chips{display:flex;flex-wrap:wrap;gap:6px}
.np6pm-chips::-webkit-scrollbar{display:none}
/* список товаров */
.np6pm-list{display:grid;gap:var(--np-s2)}
.np6pm-list__head{display:none}
.np6pm-item{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-areas:"thumb main" "price price" "stock stock" "compat compat" "actions actions";gap:10px 14px;padding:14px;background:var(--np-surface);border:1px solid var(--np-line);border-radius:var(--np-r);min-width:0;transition:border-color .2s,box-shadow .4s}
.np6pm-item.is-flash{border-color:var(--np-gold);box-shadow:0 0 0 3px var(--np-gold-soft)}
.np6pm-item:hover{border-color:var(--np-line-2)}
.np6pm-item__thumb{grid-area:thumb;width:64px;height:64px;border-radius:var(--np-r-sm);overflow:hidden;background:var(--np-bg-2);border:1px solid var(--np-line)}
.np6pm-item__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.np6pm-noimg{display:block;width:100%;height:100%;background:url(/images/np-mark.png) center/60% auto no-repeat;opacity:.25}
.np6pm-item__main{grid-area:main;min-width:0}
.np6pm-item__name{display:block;text-align:left;background:none;border:0;padding:0;margin:0 0 4px;color:var(--np-text);font-weight:700;font-size:15px;line-height:1.35;cursor:pointer}
.np6pm-item__name:hover{color:var(--np-gold-2)}
.np6pm-item__meta{color:var(--np-muted);font-size:13px}
.np6pm-item__specs{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px;color:var(--np-text-2);font-size:12.5px}
.np6pm-item__price{grid-area:price}.np6pm-item__stock{grid-area:stock}.np6pm-item__compat{grid-area:compat}.np6pm-item__actions{grid-area:actions}
.np6pm-item__price,.np6pm-item__compat{display:flex;align-items:center;justify-content:space-between;gap:8px}
.np6pm-item__price b{font-size:16px}
.np6pm-item__stock{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.np6pm-item__stock .np6pm-label{flex:1 0 100%}
.np6pm-item__actions{display:flex;gap:8px;justify-content:flex-end;border-top:1px solid var(--np-line);padding-top:10px}
.np6pm-item__actions .np6-btn{flex:1}
.np6pm-label{color:var(--np-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.np6pm-warn{color:var(--np-gold);font-weight:600;font-size:14px}
.np6pm-badge{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:0 10px;border-radius:var(--np-r-pill);font-size:13px;font-weight:700;white-space:nowrap}
.np6pm-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.np6pm-badge--ok{color:var(--np-ok);background:var(--np-ok-soft)}
.np6pm-badge--out{color:var(--np-danger);background:var(--np-danger-soft)}
.np6pm-step{align-self:flex-start;display:inline-flex;align-items:stretch;border:1px solid var(--np-line-2);border-radius:var(--np-r-sm);overflow:hidden;background:var(--np-bg-2)}
.np6pm-step__btn{display:grid;place-items:center;width:36px;min-height:36px;background:transparent;border:0;color:var(--np-text);cursor:pointer;padding:0}
.np6pm-step__btn:hover:not(:disabled){background:var(--np-gold-soft);color:var(--np-gold)}
.np6pm-step__btn:disabled{opacity:.35;cursor:not-allowed}
:is(#np6pm,.np6pm-drawer) .np6pm-step__input{width:64px!important;min-height:36px!important;border:0!important;border-left:1px solid var(--np-line)!important;border-right:1px solid var(--np-line)!important;border-radius:0!important;text-align:center!important;padding:4px!important;background:transparent!important;-moz-appearance:textfield!important;font-weight:700!important}
.np6pm-step__input::-webkit-inner-spin-button,.np6pm-step__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.np6pm-step--lg .np6pm-step__btn{width:46px;min-height:46px}
:is(#np6pm,.np6pm-drawer) .np6pm-step--lg .np6pm-step__input{width:96px!important;min-height:46px!important;font-size:18px!important}
.np6pm-saved{font-size:12px;color:var(--np-muted);min-height:1em}
.np6pm-saved.is-ok{color:var(--np-ok)}.np6pm-saved.is-err{color:var(--np-danger)}
.np6pm-compat{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border-radius:var(--np-r-pill);border:1px solid var(--np-line-2);background:transparent;color:var(--np-text-2);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
.np6pm-compat:hover{border-color:var(--np-gold-line);color:var(--np-gold-2)}
.np6pm-compat.is-zero{color:var(--np-gold);border-color:var(--np-gold-line);border-style:dashed}
@media(min-width:1000px){
  .np6pm-list{gap:0;border:1px solid var(--np-line);border-radius:var(--np-r);overflow:hidden;background:var(--np-surface)}
  .np6pm-list__head,.np6pm-item{grid-template-columns:56px minmax(0,1fr) 104px 180px 150px 240px;grid-template-areas:"thumb main price stock compat actions";align-items:center}
  .np6pm-list__head{display:grid;gap:14px;padding:10px 16px;background:var(--np-bg-2);border-bottom:1px solid var(--np-line);color:var(--np-muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
  .np6pm-item{border:0;border-radius:0;border-bottom:1px solid var(--np-line);padding:12px 16px;background:transparent}
  .np6pm-item:last-child{border-bottom:0}
  .np6pm-item:hover{background:rgba(255,255,255,.02)}
  .np6pm-item__thumb{width:56px;height:56px}
  .np6pm-item .np6pm-label{display:none}
  .np6pm-item__price,.np6pm-item__compat{justify-content:flex-start}
  .np6pm-item__stock{gap:6px}
  .np6pm-item__actions{border:0;padding:0}
  .np6pm-item__actions .np6-btn{flex:0 0 auto}
}
@media(max-width:420px){.np6pm-hide-sm{display:none}}
/* категории */
.np6pm-cats{background:var(--np-surface);border:1px solid var(--np-line);border-radius:var(--np-r);padding:0 16px}
.np6pm-cats>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;min-height:52px;font-weight:700}
.np6pm-cats>summary::-webkit-details-marker{display:none}
.np6pm-cats>summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid var(--np-muted);border-bottom:2px solid var(--np-muted);transform:rotate(45deg);transition:transform .2s}
.np6pm-cats[open]>summary::after{transform:rotate(225deg)}
.np6pm-cats>summary small{color:var(--np-muted);font-weight:600}
.np6pm-cats__list{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:12px}
.np6pm-cat{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 12px;border-radius:var(--np-r-pill);background:var(--np-bg-2);border:1px solid var(--np-line-2);font-size:14px}
.np6pm-cat small{color:var(--np-muted)}
.np6pm-cat button{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:0;background:transparent;color:var(--np-muted);cursor:pointer;padding:0}
.np6pm-cat button:hover:not(:disabled){background:var(--np-danger-soft);color:var(--np-danger)}
.np6pm-cat button:disabled{opacity:.3;cursor:not-allowed}
.np6pm-cats__add{display:flex;gap:8px;padding-bottom:16px;flex-wrap:wrap}
.np6pm-cats__add input{flex:1 1 220px}
/* редактор (drawer) */
.np6pm-drawer{position:fixed;inset:0;z-index:250;display:flex;justify-content:flex-end}
.np6pm-drawer__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6);opacity:0;transition:opacity .2s}
.np6pm-drawer__panel{position:relative;width:min(880px,100%);height:100%;height:100dvh;background:var(--np-bg);border-left:1px solid var(--np-line-2);display:flex;flex-direction:column;transform:translateX(24px);opacity:0;transition:transform .2s,opacity .2s;box-shadow:var(--np-shadow);color:var(--np-text);font-family:var(--np-font)}
.np6pm-drawer.is-open .np6pm-drawer__backdrop{opacity:1}
.np6pm-drawer.is-open .np6pm-drawer__panel{transform:none;opacity:1}
.np6pm-drawer__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 20px 10px;border-bottom:0}
.np6pm-drawer__head h2{margin:0;font-size:20px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.np6pm-drawer__head .np6-eyebrow{margin-bottom:2px}
.np6pm-icon-btn{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:50%;border:1px solid var(--np-line-2);background:var(--np-surface-2);color:var(--np-text);cursor:pointer;padding:0}
.np6pm-icon-btn:hover{border-color:var(--np-gold-line);color:var(--np-gold)}
.np6pm-tabs{display:flex;gap:4px;padding:0 16px;border-bottom:1px solid var(--np-line);overflow-x:auto;scrollbar-width:none}
.np6pm-tabs::-webkit-scrollbar{display:none}
.np6pm-tabs a{position:relative;display:inline-flex;align-items:center;gap:6px;padding:10px 10px 12px;color:var(--np-muted);text-decoration:none;font-weight:600;font-size:14px;white-space:nowrap;border-bottom:2px solid transparent}
.np6pm-tabs a:hover{color:var(--np-text)}
.np6pm-tabs a.is-active{color:var(--np-gold);border-bottom-color:var(--np-gold)}
.np6pm-tabs__err{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--np-danger);color:#fff;font-size:11px;font-weight:800}
.np6pm-form{display:flex;flex-direction:column;flex:1;min-height:0;margin:0}
.np6pm-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px 20px 32px;position:relative}
.np6pm-sec{padding:20px 0;border-bottom:1px solid var(--np-line)}
.np6pm-sec:last-child{border-bottom:0}
.np6pm-sec>h3{font-size:17px;margin:0 0 6px}
.np6pm-sec>p.np6-muted{margin:0 0 14px;font-size:14px}
.np6pm-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
@media(min-width:640px){.np6pm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.np6pm-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.np6pm-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.np6pm-field--full{grid-column:1/-1}
.np6pm-field>label{font-size:13px;font-weight:650;color:var(--np-text-2)}
.np6pm-req{color:var(--np-gold)}
.np6pm-hint{color:var(--np-muted);font-size:12.5px;line-height:1.4}
.np6pm-hint.is-warn{color:var(--np-gold)}
.np6pm-err{color:var(--np-danger);font-size:12.5px;min-height:0}
.np6pm-err:empty{display:none}
.np6pm-field.has-err :is(input,select,textarea){border-color:var(--np-danger)!important;box-shadow:0 0 0 3px var(--np-danger-soft)!important}
.np6pm-input-wrap{position:relative}
.np6pm-drawer .np6pm-input-wrap.has-unit input{padding-right:40px!important}
.np6pm-unit{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--np-muted);font-size:13px;pointer-events:none}
.np6pm-pcdfix{display:block;margin-top:6px}
.np6pm-pcdfix:empty{display:none}
/* фото */
.np6pm-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}
.np6pm-photo{position:relative;margin:0;border:1px solid var(--np-line-2);border-radius:var(--np-r);overflow:hidden;background:var(--np-surface)}
.np6pm-photo.is-main{border-color:var(--np-gold-line)}
.np6pm-photo__img{display:block;width:100%;aspect-ratio:1;padding:0;border:0;background:var(--np-bg-2);cursor:zoom-in}
.np6pm-photo__img img{width:100%;height:100%;object-fit:cover;display:block}
.np6pm-photo__main{position:absolute;left:8px;top:8px;padding:2px 8px;border-radius:var(--np-r-pill);background:var(--np-gold);color:var(--np-on-gold);font-size:11px;font-weight:800}
.np6pm-photo figcaption{display:flex;align-items:center;gap:2px;padding:4px}
.np6pm-photo figcaption button{display:grid;place-items:center;min-width:30px;height:30px;border:0;border-radius:6px;background:transparent;color:var(--np-text-2);cursor:pointer;padding:0 4px;font-size:12px}
.np6pm-photo figcaption button:hover:not(:disabled){background:var(--np-surface-3);color:var(--np-text)}
.np6pm-photo figcaption button:disabled{opacity:.3;cursor:default}
.np6pm-photo__mk,.np6pm-photo__sp{flex:1}
.np6pm-photo__del:hover{color:var(--np-danger)!important;background:var(--np-danger-soft)!important}
.np6pm-drop{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:140px;aspect-ratio:1;border:1.5px dashed var(--np-line-2);border-radius:var(--np-r);color:var(--np-muted);text-align:center;padding:12px;cursor:pointer;font-size:12.5px}
.np6pm-drop b{color:var(--np-text);font-size:14px}
.np6pm-drop:hover,.np6pm-drop.is-over,.np6pm-drop:focus-visible{border-color:var(--np-gold);color:var(--np-gold);background:var(--np-gold-soft)}
.np6pm-drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.np6pm-zoom{position:fixed;inset:0;z-index:400;background:rgba(0,0,0,.88);display:grid;place-items:center;padding:24px;cursor:zoom-out}
.np6pm-zoom img{max-width:100%;max-height:100%;border-radius:var(--np-r);object-fit:contain}
.np6pm-zoom .np6pm-icon-btn{position:absolute;top:16px;right:16px}
/* наличие */
.np6pm-stockbox{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
@media(min-width:640px){.np6pm-stockbox{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}
.np6pm-quick{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.np6pm-stockstate{background:var(--np-surface);border:1px solid var(--np-line);border-radius:var(--np-r);padding:14px 16px;display:grid;gap:8px;justify-items:start}
.np6pm-stockstate p{margin:0;font-size:14px}
/* совместимость */
.np6pm-fits{background:var(--np-surface);border:1px solid var(--np-line);border-radius:var(--np-r);padding:14px 16px;margin-bottom:12px}
.np6pm-fits__head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}
.np6pm-fits>p{margin:0;font-size:14px}
.np6pm-fits__chips{display:flex;flex-wrap:wrap;gap:8px;max-height:220px;overflow:auto}
.np6pm-fit{display:inline-flex;align-items:center;gap:6px;padding:5px 6px 5px 12px;border-radius:var(--np-r-pill);background:var(--np-gold-soft);border:1px solid var(--np-gold-line);font-size:13.5px;color:var(--np-text);max-width:100%}
.np6pm-fit b{color:var(--np-gold-2);font-weight:700}
.np6pm-fit em{font-style:normal;color:var(--np-gold);font-size:12px}
.np6pm-fit.is-warn{background:rgba(226,184,74,.06);border-style:dashed}
.np6pm-fit.is-missing{background:var(--np-danger-soft);border-color:rgba(239,107,115,.4)}
.np6pm-fit button{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;border-radius:50%;border:0;background:transparent;color:var(--np-text-2);cursor:pointer;padding:0}
.np6pm-fit button:hover{background:rgba(0,0,0,.3);color:var(--np-danger)}
.np6pm-suggest{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--np-r);background:var(--np-info-soft);border:1px solid rgba(121,168,255,.3);margin-bottom:12px;font-size:14px;color:var(--np-text-2)}
.np6pm-suggest>span{flex:1 1 200px}
.np6pm-picker{border:1px solid var(--np-line);border-radius:var(--np-r);padding:12px;display:grid;gap:10px}
.np6pm-picker__bar{display:grid;gap:8px;grid-template-columns:minmax(0,1fr)}
@media(min-width:640px){.np6pm-picker__bar{grid-template-columns:minmax(0,1fr) 170px 190px}}
.np6pm-picker__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;font-size:14px}
.np6pm-allin{color:var(--np-ok);font-size:14px;font-weight:600}
.np6pm-picker__hint{margin:4px 2px;font-size:14px}
.np6pm-vlist{display:grid;gap:4px;max-height:320px;overflow:auto;padding-right:2px}
.np6pm-vrow{display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:2px 12px;align-items:center;padding:9px 12px;border-radius:var(--np-r-sm);border:1px solid transparent;cursor:pointer}
.np6pm-vrow:hover{background:var(--np-surface-2)}
.np6pm-vrow.is-on{background:var(--np-gold-soft);border-color:var(--np-gold-line)}
.np6pm-vrow input{grid-row:1/3}
.np6pm-vrow__t{font-size:14.5px}
.np6pm-vrow__m{font-size:12.5px;color:var(--np-muted)}
.np6pm-vrow__m em{font-style:normal;color:var(--np-gold)}
/* нижняя панель */
.np6pm-bar{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px 20px;padding-bottom:max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--np-line-2);background:rgba(19,20,23,.96)}
.np6pm-bar__state{font-size:13px;color:var(--np-muted)}
.np6pm-bar__state.is-dirty{color:var(--np-gold)}
.np6pm-bar__btns{display:flex;gap:8px;margin-left:auto}
@media(max-width:520px){.np6pm-drawer__head{padding:12px 14px 8px}.np6pm-scroll{padding:4px 14px 24px}.np6pm-bar{padding:10px 14px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.np6pm-bar__state{display:none}.np6pm-bar__btns{width:100%}.np6pm-bar__btns .np6-btn{flex:1}}
/* вкладки «Управления» как настоящие вкладки + полировка старых разделов */
body.np6-staff #adminRoot.np6-admin-tabs-on>section[hidden]{display:none!important}
body.np6-staff #adminRoot .admin-control-bar{position:sticky!important;top:calc(var(--np-header-h) + 8px);z-index:20}
body.np6-staff #adminRoot :is(#vehicleManager,#siteEditor,#userManager,#inviteManager){background:var(--np-surface)!important;border:1px solid var(--np-line)!important;border-radius:var(--np-r-lg)!important;padding:clamp(16px,2.5vw,28px)!important;box-shadow:none!important}
body.np6-staff #adminRoot :is(#vehicleManager,#siteEditor,#userManager,#inviteManager) :is(h2){font-size:var(--np-fs-h2)!important;margin:0 0 6px!important;color:var(--np-text)!important}
body.np6-staff #adminRoot :is(#vehicleManager,#siteEditor,#userManager,#inviteManager) .eyebrow{color:var(--np-gold)!important;font-size:12px!important;letter-spacing:.14em!important}
body.np6-staff #adminRoot :is(#vehicleManager,#siteEditor,#userManager,#inviteManager) :is(input,select,textarea){background:var(--np-bg-2)!important;border:1px solid var(--np-line-2)!important;border-radius:var(--np-r-sm)!important;color:var(--np-text)!important;min-height:42px;font-size:15px!important}
body.np6-staff #adminRoot :is(#vehicleManager,#siteEditor,#userManager,#inviteManager) :is(input,select,textarea):focus{border-color:var(--np-gold)!important;box-shadow:0 0 0 3px var(--np-gold-soft)!important;outline:none}
body.np6-staff #adminRoot :is(#vehicleManager,#siteEditor,#userManager,#inviteManager) input[type=checkbox]{min-height:0;width:18px;height:18px;accent-color:var(--np-gold)}
body.np6-staff #adminRoot :is(#siteEditor,#userManager,#inviteManager) label{display:flex!important;flex-direction:column;gap:6px;font-size:13px!important;font-weight:650!important;color:var(--np-text-2)!important}
body.np6-staff #adminRoot .site-editor-form,body.np6-staff #adminRoot .manual-user-form{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
@media(min-width:760px){body.np6-staff #adminRoot .site-editor-form,body.np6-staff #adminRoot .manual-user-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
body.np6-staff #adminRoot .site-editor-form .full-field{grid-column:1/-1}
body.np6-staff #adminRoot .form-actions{display:flex!important;flex-wrap:wrap;gap:10px;padding-top:6px}
body.np6-staff #adminRoot :is(.vehicle-workspace-card,.vehicle-table-shell,.manual-user-panel){background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
body.np6-staff #adminRoot .vehicle-hub-head{display:flex!important;flex-wrap:wrap;gap:16px;align-items:flex-end;justify-content:space-between;margin-bottom:16px}
body.np6-staff #adminRoot .vehicle-total-card{background:var(--np-bg-2)!important;border:1px solid var(--np-line)!important;border-radius:var(--np-r)!important;padding:8px 14px!important}
body.np6-staff #adminRoot .vehicle-admin-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr);gap:8px;margin-bottom:10px}
@media(min-width:760px){body.np6-staff #adminRoot .vehicle-admin-toolbar{grid-template-columns:minmax(0,1fr) 200px auto;align-items:center}}
body.np6-staff #adminRoot .vehicle-bulk-bar{background:var(--np-bg-2)!important;border:1px solid var(--np-line)!important;border-radius:var(--np-r)!important;padding:10px 14px!important;display:flex!important;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px}
body.np6-staff #adminRoot .vehicle-bulk-actions{display:flex!important;flex-wrap:wrap;gap:8px}
body.np6-staff #adminRoot .vehicle-table-caption,body.np6-staff #adminRoot .vehicle-table-chip{display:none!important}
body.np6-staff #adminRoot :is(.vehicle-table-wrap,#userManager .table-wrap){border:1px solid var(--np-line)!important;border-radius:var(--np-r)!important;overflow:auto!important;background:var(--np-bg-2)!important}
body.np6-staff #adminRoot :is(.vehicle-admin-table,#userManager .data-table){width:100%;border-collapse:collapse!important;min-width:0}
body.np6-staff #adminRoot :is(.vehicle-admin-table,#userManager .data-table) th{background:var(--np-surface-2)!important;color:var(--np-muted)!important;font-size:12px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.06em;padding:10px 12px!important;text-align:left;border-bottom:1px solid var(--np-line)!important;white-space:nowrap}
body.np6-staff #adminRoot :is(.vehicle-admin-table,#userManager .data-table) td{padding:10px 12px!important;border-bottom:1px solid var(--np-line)!important;font-size:14px!important;color:var(--np-text-2)!important;vertical-align:middle;background:transparent!important}
body.np6-staff #adminRoot :is(.vehicle-admin-table,#userManager .data-table) tr:last-child td{border-bottom:0!important}
body.np6-staff #adminRoot .vehicle-spec-pill{background:var(--np-surface-3)!important;border:0!important;color:var(--np-text)!important;border-radius:6px!important;padding:2px 8px!important;font-size:13px!important}
body.np6-staff #adminRoot .admin-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
@media(min-width:900px){body.np6-staff #adminRoot .admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
body.np6-staff #adminRoot #inviteCreate{max-width:480px}
body.np6-staff #adminRoot :is(.owner-badge,.admin-count){background:var(--np-gold-soft)!important;color:var(--np-gold)!important;border:1px solid var(--np-gold-line)!important;border-radius:var(--np-r-pill)!important;padding:4px 12px!important;font-size:12px!important;font-weight:700}

body.np6-staff[data-page=admin] .page-title{display:flex!important;flex-wrap:wrap;gap:12px;align-items:flex-end;justify-content:space-between}
@media(max-width:759px){body.np6-staff[data-page=admin] .page-title h1{font-size:26px!important}body.np6-staff[data-page=admin] .page-title p{font-size:14px}}
.np6pm-compat{max-width:100%;overflow:hidden;text-overflow:ellipsis}
@media(max-width:759px){
  body.np6-staff #adminRoot #vehicleManager .vehicle-table-wrap{max-height:none!important;height:auto!important;overflow:visible!important;border:0!important;background:transparent!important}
  body.np6-staff #adminRoot #vehicleManager .vehicle-admin-table,body.np6-staff #adminRoot #vehicleManager .vehicle-admin-table tbody{display:block!important;width:100%!important;min-width:0!important}
  body.np6-staff #adminRoot #vehicleManager .vehicle-admin-table thead{display:none!important}
  body.np6-staff #adminRoot #vehicleManager .vehicle-admin-table tr{display:flex!important;flex-wrap:wrap;align-items:center;gap:6px 8px;height:auto!important;padding:12px!important;margin:0 0 8px;background:var(--np-bg-2)!important;border:1px solid var(--np-line)!important;border-radius:var(--np-r)}
  body.np6-staff #adminRoot #vehicleManager .vehicle-admin-table tr[hidden]{display:none!important}
  body.np6-staff #adminRoot #vehicleManager .vehicle-admin-table td{display:block!important;border:0!important;padding:0!important;height:auto!important;min-height:0!important;width:auto!important;font-size:14px!important}
  body.np6-staff #adminRoot #vehicleManager .vehicle-admin-table td:nth-child(2),body.np6-staff #adminRoot #vehicleManager .vehicle-admin-table td:nth-child(3){font-weight:700;color:var(--np-text)!important;font-size:15px!important}
  body.np6-staff #adminRoot #vehicleManager .vehicle-admin-table td:nth-child(3){flex:1 1 auto;min-width:0}
  body.np6-staff #adminRoot #vehicleManager .vehicle-admin-table td:nth-child(4),body.np6-staff #adminRoot #vehicleManager .vehicle-admin-table td:nth-child(5){flex-basis:100%;color:var(--np-muted)!important;padding-left:30px!important;font-size:13px!important}
  body.np6-staff #adminRoot #vehicleManager .vehicle-admin-table td:nth-child(4)::before{content:"Поколение: "}
  body.np6-staff #adminRoot #vehicleManager .vehicle-admin-table td:nth-child(5)::before{content:"Годы: "}
  body.np6-staff #adminRoot #vehicleManager .vehicle-admin-table td:nth-child(6){margin-left:30px}
  body.np6-staff #adminRoot #vehicleManager .vehicle-admin-table td:nth-child(6) .vehicle-spec-pill::before{content:"PCD\00a0"}
  body.np6-staff #adminRoot #vehicleManager .vehicle-admin-table td:nth-child(7) .vehicle-spec-pill::before{content:"ЦО\00a0"}
  body.np6-staff #adminRoot #vehicleManager .vehicle-admin-table td:nth-child(8) .vehicle-spec-pill::before{content:"Резьба\00a0"}
  body.np6-staff #adminRoot #vehicleManager .vehicle-admin-table td.admin-row-actions{flex-basis:100%;display:flex!important;flex-direction:row!important;justify-content:flex-end;gap:8px;padding-top:6px!important;border-top:1px solid var(--np-line)!important;margin-top:4px}
  body.np6-staff #adminRoot #vehicleManager .vehicle-admin-table td.admin-row-actions [data-delete-vehicle]{margin-left:0!important}
  body.np6-staff #adminRoot #vehicleManager .vehicle-model-name{display:inline}
  body.np6-staff #adminRoot #vehicleManager .vehicle-wiper-meta{display:block;font-weight:400;color:var(--np-muted);font-size:12px}
  body.np6-staff #adminRoot #vehicleManager .vehicle-admin-table td.admin-row-actions .btn{width:auto!important;flex:0 0 auto!important;margin:0!important}
}
body.np6-staff #adminRoot .vehicle-hub-title{border:0!important;padding-left:0!important;background:none!important}
body.np6-staff #adminRoot .vehicle-hub-title::before{display:none!important}
body.np6-staff #adminRoot .vehicle-hub-actions{display:flex!important;flex-wrap:wrap;gap:10px;align-items:center}
body.np6-staff #adminRoot :is(.vehicle-new-btn,#siteEditor .btn.gold,#inviteManager .btn.gold,#userManager .btn.gold,.vehicle-save-btn){background:var(--np-gold)!important;color:var(--np-on-gold)!important;border:0!important;box-shadow:none!important;border-radius:var(--np-r)!important;min-height:44px;font-weight:700!important}
body.np6-staff #adminRoot .vehicle-list-stat{background:transparent!important;border:0!important;padding:0!important;color:var(--np-muted)!important;font-size:13px}
body.np6-staff #adminRoot .vehicle-list-stat strong{color:var(--np-text)!important;font-size:15px!important}
body.np6-staff #adminRoot .vehicle-search-box{position:relative}
body.np6-staff #adminRoot .vehicle-selection-badge{background:var(--np-gold-soft)!important;color:var(--np-gold)!important;border:1px solid var(--np-gold-line)!important;box-shadow:none!important}

/* =====================================================================
   CHAT 6.2 — полноэкранный мессенджер (messages.php, body.np6-chat).
   Старые стили чата (messages*.css, style.css…) на этой странице не подключаются.
   ===================================================================== */
body.np6-chat{margin:0;height:100vh;height:100dvh;overflow:hidden;background:var(--np-bg);color:var(--np-text);font:400 15px/1.45 var(--np-font);-webkit-font-smoothing:antialiased}
body.np6-chat #np6Header,body.np6-chat .np6-drawer,body.np6-chat .np6-footer{display:none!important}
.np6-chat :where(button,input,textarea,select){font:inherit;color:inherit}
.np6-chat button{cursor:pointer}
.np6-chat .sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.np6-chat :focus-visible{outline:2px solid var(--np-gold);outline-offset:2px}
.np6-chat .np-chat-page{display:flex;flex-direction:column;height:100%;min-height:0}
/* панель */
.np6-chatbar{display:flex;align-items:center;gap:14px;height:56px;flex:0 0 56px;padding:0 16px;border-bottom:1px solid var(--np-line);background:var(--np-bg-2)}
.np6-chatbar__back{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--np-text-2);text-decoration:none}
.np6-chatbar__back:hover{background:var(--np-surface-2);color:var(--np-text)}
.np6-chatbar__logo{flex:0 0 auto}
.np6-chatbar__title{color:var(--np-muted);font-weight:600;font-size:14px;padding-left:14px;border-left:1px solid var(--np-line-2);white-space:nowrap}
.np6-chatbar__nav{display:flex;gap:4px;margin-left:auto}
.np6-chatbar__nav a{padding:7px 12px;border-radius:var(--np-r-sm);color:var(--np-text-2);text-decoration:none;font-weight:600;font-size:14px}
.np6-chatbar__nav a:hover{background:var(--np-surface-2);color:var(--np-text)}
.np6-chatbar__nav a[hidden]{display:none}
.np6-chatbar__bell{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px 0 32px;border-radius:var(--np-r-pill);border:1px solid var(--np-line-2);background:transparent no-repeat 11px 50%/15px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9cbd0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9M10 21h4'/%3E%3C/svg%3E");color:var(--np-text-2);font-size:13px;font-weight:600;white-space:nowrap}
.np6-chatbar__bell:hover{border-color:var(--np-gold-line);color:var(--np-text)}
.np6-chatbar__bell.enabled{color:var(--np-ok);border-color:rgba(98,207,143,.4)}
/* статус (ошибки) */
.np6-chat .np-chat-status{display:none;position:fixed;left:50%;top:66px;transform:translateX(-50%);z-index:50;max-width:min(560px,calc(100% - 24px));padding:9px 14px;border-radius:var(--np-r);background:var(--np-surface-3);border:1px solid rgba(239,107,115,.5);font-size:14px;box-shadow:var(--np-shadow)}
.np6-chat .np-chat-status.is-on{display:block}
/* раскладка */
.np6-chat .np-chat-layout{flex:1;min-height:0;display:grid;grid-template-columns:340px minmax(0,1fr)}
@media(min-width:1200px){.np6-chat .np-chat-layout{grid-template-columns:380px minmax(0,1fr)}}
.np6-chat .np-chat-sidebar{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--np-line);background:var(--np-bg-2)}
.np6-chat .np-chat-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 14px 8px}
.np6-chat .np-chat-sidebar-head strong{font-size:20px;font-weight:750}
.np6-chat .np-chat-sidebar-actions{display:flex;gap:6px}
.np6-chat .np-chat-sidebar-actions button{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px;border-radius:var(--np-r-sm);border:1px solid var(--np-line-2);background:var(--np-surface);color:var(--np-text-2);font-size:13px;font-weight:600}
.np6-chat .np-chat-sidebar-actions button svg{width:17px;height:17px}
.np6-chat .np-chat-sidebar-actions button:hover{border-color:var(--np-gold-line);color:var(--np-gold-2)}
.np6-chat .np-chat-search{position:relative;display:block;margin:4px 14px 10px}
.np6-chat .np-chat-search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--np-muted);pointer-events:none}
.np6-chat .np-chat-search input{width:100%;height:40px;padding:0 12px 0 36px;border-radius:var(--np-r-pill);border:1px solid var(--np-line);background:var(--np-surface);outline:none;font-size:14.5px}
.np6-chat .np-chat-search input:focus{border-color:var(--np-gold-line);box-shadow:0 0 0 3px var(--np-gold-soft)}
.np6-chat .np-chat-room-list{flex:1;min-height:0;overflow-y:auto;padding:0 8px 12px;overscroll-behavior:contain}
.np6-chat .np-chat-room{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;width:100%;padding:9px 10px;border:0;border-radius:var(--np-r);background:transparent;text-align:left;color:var(--np-text)}
.np6-chat .np-chat-room:hover{background:var(--np-surface)}
.np6-chat .np-chat-room.active{background:var(--np-gold-soft)}
.np6-chat .np-chat-avatar,.np6-chat .np-chat-thread-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(140deg,#3a3d45,#25272d);color:var(--np-text);font-weight:750;font-size:16px;letter-spacing:.02em;flex:0 0 auto}
.np6-chat .np-chat-avatar.is-group,.np6-chat .np-chat-thread-avatar.is-group{background:linear-gradient(140deg,rgba(226,184,74,.45),rgba(226,184,74,.15));color:var(--np-gold-2);border-radius:14px}
.np6-chat .np-chat-room.active .np-chat-avatar{box-shadow:0 0 0 2px var(--np-gold-line)}
.np6-chat .np-chat-room-text{display:flex;flex-direction:column;gap:2px;min-width:0;grid-column:2;grid-row:1}
.np6-chat .np-chat-room-top{display:flex;align-items:baseline;gap:8px;min-width:0}
.np6-chat .np-chat-room-title{flex:1;min-width:0;font-weight:650;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.np6-chat .np-chat-room-time{flex:0 0 auto;color:var(--np-muted);font-size:12px}
.np6-chat .np-chat-room-preview{color:var(--np-text-2);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:30px}
.np6-chat .np-chat-badge{position:absolute;right:10px;bottom:10px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--np-gold);color:var(--np-on-gold);font-size:12px;font-weight:800;display:grid;place-items:center}
.np6-chat .np-chat-empty-small{color:var(--np-text-2);font-size:14px;text-align:center;padding:24px 12px}
/* переписка */
.np6-chat .np-chat-main{position:relative;display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--np-bg) radial-gradient(circle at 20% 0,rgba(226,184,74,.04),transparent 50%)}
.np6-chat .np-chat-thread-head{display:flex;align-items:center;gap:12px;height:64px;flex:0 0 64px;padding:0 16px;border-bottom:1px solid var(--np-line);background:rgba(19,20,23,.92)}
.np6-chat .np-chat-thread-avatar{width:40px;height:40px;font-size:14px}
.np6-chat .np-chat-thread-info{display:flex;flex-direction:column;min-width:0;flex:1}
.np6-chat .np-chat-thread-info strong{font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.np6-chat .np-chat-thread-info small{color:var(--np-muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.np6-chat .np-chat-back{display:none;place-items:center;width:38px;height:38px;border-radius:50%;border:0;background:transparent;color:var(--np-text);margin-left:-8px}
.np6-chat .np-chat-secondary-btn{height:34px;padding:0 12px;border-radius:var(--np-r-sm);border:1px solid var(--np-line-2);background:var(--np-surface);color:var(--np-text-2);font-size:13px;font-weight:600}
.np6-chat .np-chat-secondary-btn:hover{border-color:var(--np-gold-line);color:var(--np-text)}
.np6-chat .np-chat-secondary-btn[hidden]{display:none}
.np6-chat .np-chat-messages{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px clamp(12px,3vw,40px) 12px;display:flex;flex-direction:column}
.np6-chat .np-chat-messages>:first-child{margin-top:auto}
.np6-chat .np-chat-welcome{margin:auto;text-align:center;max-width:360px;color:var(--np-text-2)}
.np6-chat .np-chat-welcome span{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--np-gold-soft);color:var(--np-gold);margin-bottom:12px}
.np6-chat .np-chat-welcome span svg{width:30px;height:30px}
.np6-chat .np-chat-welcome h2{font-size:20px;margin:0 0 6px;color:var(--np-text)}
.np6-chat .np-chat-welcome p{margin:0}
.np6-chat .np-chat-load-more{align-self:center;margin:4px 0 10px;padding:6px 14px;border-radius:var(--np-r-pill);border:1px solid var(--np-line-2);background:var(--np-surface);color:var(--np-text-2);font-size:13px}
.np6-chat-day{display:flex;justify-content:center;margin:14px 0 8px;pointer-events:none}
.np6-chat-day span{padding:4px 12px;border-radius:var(--np-r-pill);background:rgba(37,39,45,.92);border:1px solid var(--np-line);color:var(--np-text-2);font-size:12.5px;font-weight:600;backdrop-filter:blur(6px)}
/* пузыри */
.np6-chat .np-chat-msg{position:relative;display:flex;flex-direction:column;align-items:flex-start;max-width:min(72%,640px);margin-top:10px;align-self:flex-start}
.np6-chat .np-chat-msg.mine{align-self:flex-end;align-items:flex-end}
.np6-chat .np-chat-msg.np6-cont{margin-top:2px}
.np6-chat .np-msg-card{position:relative;padding:7px 11px 6px;border-radius:16px;background:var(--np-surface-2);border:1px solid var(--np-line);min-width:72px;max-width:100%;overflow-wrap:anywhere}
.np6-chat .np-chat-msg.mine .np-msg-card{background:linear-gradient(160deg,rgba(226,184,74,.22),rgba(226,184,74,.13));border-color:rgba(226,184,74,.32)}
.np6-chat .np-chat-msg:not(.mine).np6-last .np-msg-card{border-bottom-left-radius:5px}
.np6-chat .np-chat-msg.mine.np6-last .np-msg-card{border-bottom-right-radius:5px}
.np6-chat .np-msg-sender{display:block;font-size:13px;font-weight:700;color:var(--np-gold-2);margin-bottom:2px}
.np6-chat .np-chat-msg.np6-cont .np-msg-sender{display:none}
.np6-chat .np-chat-msg-body{white-space:pre-wrap;font-size:15px;line-height:1.45;color:var(--np-text)}
.np6-chat .np-chat-deleted{color:var(--np-muted);font-style:italic}
.np6-chat .np-chat-reply-quote{display:flex;flex-direction:column;padding:4px 8px;margin:2px 0 6px;border-left:3px solid var(--np-gold);border-radius:6px;background:rgba(0,0,0,.18);font-size:13px;max-width:100%}
.np6-chat .np-chat-reply-quote strong{color:var(--np-gold-2);font-size:12.5px}
.np6-chat .np-chat-reply-quote span{color:var(--np-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.np6-chat .np-chat-msg-meta{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:2px;color:var(--np-muted);font-size:11.5px;line-height:1.2;float:none}
.np6-chat .np-chat-msg.mine .np-chat-msg-meta{color:rgba(243,226,180,.7)}
.np6-chat .np-chat-edited{font-style:italic}
.np6-chat .np-chat-msg-actions{position:relative;display:inline-flex}
.np6-chat .np-chat-msg-more{display:grid;place-items:center;width:22px;height:18px;border:0;border-radius:6px;background:transparent;color:inherit;opacity:0;font-size:14px;line-height:1;padding:0;transition:opacity .15s}
.np6-chat .np-chat-msg:hover .np-chat-msg-more,.np6-chat .np-chat-msg-more:focus-visible,.np6-chat .np-chat-msg-more[aria-expanded=true]{opacity:1}
.np6-chat .np-chat-msg-more:hover{background:rgba(255,255,255,.08);color:var(--np-text)}
@media(hover:none){.np6-chat .np-chat-msg-more{opacity:.6}}
.np6-chat .np-chat-msg-menu{position:absolute;right:0;bottom:calc(100% + 6px);z-index:20;min-width:190px;padding:6px;border-radius:var(--np-r);background:var(--np-surface-3);border:1px solid var(--np-line-2);box-shadow:var(--np-shadow);display:flex;flex-direction:column}
.np6-chat .np-chat-msg:not(.mine) .np-chat-msg-menu{right:auto;left:0}
.np6-chat .np-chat-msg-menu[hidden]{display:none}
.np6-chat .np-chat-msg-menu>button{text-align:left;padding:8px 10px;border:0;border-radius:var(--np-r-sm);background:transparent;font-size:14px;color:var(--np-text)}
.np6-chat .np-chat-msg-menu>button:hover{background:rgba(255,255,255,.06)}
.np6-chat .np-chat-menu-reactions{display:flex;gap:2px;border-top:1px solid var(--np-line);margin-top:4px;padding-top:4px}
.np6-chat .np-chat-menu-reactions button{flex:1;height:34px;border:0;border-radius:var(--np-r-sm);background:transparent;font-size:18px}
.np6-chat .np-chat-menu-reactions button:hover{background:rgba(255,255,255,.08)}
.np6-chat .np-chat-reaction-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.np6-chat .np-chat-reaction{height:26px;padding:0 8px;border-radius:13px;border:1px solid var(--np-line-2);background:var(--np-surface);font-size:13px;color:var(--np-text-2)}
.np6-chat .np-chat-reaction.mine{border-color:var(--np-gold-line);background:var(--np-gold-soft);color:var(--np-text)}
/* вложения */
.np6-chat .np-chat-attachment{margin:2px 0}
.np6-chat .np-chat-image-link{display:block;width:fit-content;border-radius:12px;overflow:hidden;cursor:zoom-in;margin:-3px -7px 0;background:transparent}
.np6-chat .np-chat-attachment-image{display:block;max-width:min(340px,64vw);max-height:320px;width:auto;height:auto;object-fit:contain}
.np6-chat .np-msg-card .np-chat-file-link{margin:2px -5px 0}
.np6-chat .np-chat-file-link{display:flex;align-items:center;gap:12px;min-width:220px;max-width:320px;padding:8px 10px 8px 8px;border-radius:12px;background:rgba(0,0,0,.2);border:1px solid var(--np-line);color:var(--np-text);text-decoration:none}
.np6-chat .np-chat-file-link:hover{border-color:var(--np-gold-line)}
.np6-chat .np-chat-file-symbol{display:grid;place-items:center;width:42px;height:46px;flex:0 0 42px;border-radius:8px;background:var(--np-surface-3);color:var(--np-text);font-size:11px;font-weight:800;letter-spacing:.04em}
.np6-chat .np-chat-file-symbol.is-pdf{background:rgba(239,107,115,.22);color:#ffb3b8}
.np6-chat .np-chat-file-symbol:is(.is-xls,.is-xlsx){background:rgba(98,207,143,.2);color:#9fe6bc}
.np6-chat .np-chat-file-symbol:is(.is-doc,.is-docx){background:rgba(121,168,255,.2);color:#b9d0ff}
.np6-chat .np-chat-file-detail{display:flex;flex-direction:column;min-width:0}
.np6-chat .np-chat-file-name{font-weight:650;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.np6-chat .np-chat-file-size{color:var(--np-muted);font-size:12px}
.np6-chat-zoom{position:fixed;inset:0;z-index:400;background:rgba(5,5,6,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 16px 16px;cursor:zoom-out}
.np6-chat-zoom img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}
.np6-chat-zoom__bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:10px 14px;color:var(--np-text-2);font-size:14px}
.np6-chat-zoom__name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.np6-chat-zoom__open{color:var(--np-gold);font-weight:600}
.np6-chat-zoom__x{width:38px;height:38px;border-radius:50%;border:1px solid var(--np-line-2);background:var(--np-surface-2);color:var(--np-text);font-size:22px;line-height:1}
/* ответ / редактирование */
.np6-chat .np-chat-reply-bar{display:flex;align-items:center;gap:10px;margin:0 16px;padding:8px 10px 8px 12px;border-left:3px solid var(--np-gold);border-radius:var(--np-r-sm) var(--np-r-sm) 0 0;background:var(--np-surface-2)}
.np6-chat .np-chat-reply-bar[hidden]{display:none}
.np6-chat .np-chat-compose-note{display:flex;flex-direction:column;flex:1;min-width:0;font-size:13px}
.np6-chat .np-chat-compose-note strong{color:var(--np-gold-2)}
.np6-chat .np-chat-compose-note span{color:var(--np-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.np6-chat .np-chat-reply-cancel{width:30px;height:30px;border-radius:50%;border:0;background:transparent;color:var(--np-text-2);font-size:20px}
/* поле ввода */
.np6-chat .np-chat-compose{display:flex;align-items:flex-end;gap:8px;padding:10px 16px;padding-bottom:max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--np-line);background:var(--np-bg-2)}
.np6-chat .np-chat-compose[hidden]{display:none}
.np6-chat .np-chat-file-input{display:none}
.np6-chat .np-chat-attach-button{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:50%;border:0;background:transparent;color:var(--np-text-2)}
.np6-chat .np-chat-attach-button:hover{background:var(--np-surface-2);color:var(--np-gold-2)}
.np6-chat #chatMessageInput{flex:1;min-width:0;min-height:44px;max-height:160px;height:44px;resize:none;padding:11px 16px;border-radius:22px;border:1px solid var(--np-line-2);background:var(--np-surface);color:var(--np-text);font-size:15px;line-height:1.4;outline:none;overflow-y:auto}
.np6-chat #chatMessageInput:focus{border-color:var(--np-gold-line);box-shadow:0 0 0 3px var(--np-gold-soft)}
.np6-chat #chatSendButton{position:relative;width:44px;height:44px;flex:0 0 44px;border-radius:50%;border:0;background:var(--np-gold);color:transparent;font-size:0;overflow:hidden}
.np6-chat #chatSendButton::before{content:"";position:absolute;inset:0;background:var(--np-on-gold);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6'/%3E%3C/svg%3E") center/22px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6'/%3E%3C/svg%3E") center/22px no-repeat}
.np6-chat .np-msg-editing #chatSendButton::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.np6-chat #chatSendButton:hover{background:var(--np-gold-2)}
.np6-chat #chatSendButton:disabled{opacity:.5}
.np6-chat .np-msg-action-scrim{position:fixed;inset:0;z-index:15;border:0;background:rgba(0,0,0,.35)}
.np6-chat .np-msg-action-scrim[hidden]{display:none}
/* диалог создания чата */
.np6-chat .np-chat-dialog{width:min(440px,calc(100% - 24px));padding:0;border-radius:var(--np-r-lg);border:1px solid var(--np-line-2);background:var(--np-surface-2);color:var(--np-text);box-shadow:var(--np-shadow)}
.np6-chat .np-chat-dialog::backdrop{background:rgba(0,0,0,.6)}
.np6-chat .np-chat-dialog form{display:flex;flex-direction:column;gap:12px;padding:18px}
.np6-chat .np-chat-dialog-head{display:flex;align-items:center;justify-content:space-between}
.np6-chat .np-chat-dialog-head h2{font-size:18px;margin:0}
.np6-chat .np-chat-x{width:34px;height:34px;border-radius:50%;border:0;background:transparent;color:var(--np-text-2);font-size:22px}
.np6-chat #chatDialogContent{display:flex;flex-direction:column;gap:10px}
.np6-chat #chatDialogContent label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--np-text-2)}
.np6-chat #chatDialogContent :is(input:not([type=checkbox]):not([type=radio]),select){height:42px;padding:0 12px;border-radius:var(--np-r-sm);border:1px solid var(--np-line-2);background:var(--np-bg-2);color:var(--np-text);font-size:15px}
.np6-chat .np-chat-helper{margin:0;color:var(--np-muted);font-size:13px}
.np6-chat .np-chat-person-list{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow:auto}
.np6-chat .person-option{display:flex!important;flex-direction:row!important;align-items:center;gap:10px!important;padding:9px 10px;border-radius:var(--np-r-sm);background:var(--np-bg-2);font-size:14.5px!important;color:var(--np-text)!important;cursor:pointer}
.np6-chat .person-option input{accent-color:var(--np-gold);width:17px;height:17px}
.np6-chat .np-chat-dialog-actions{display:flex;justify-content:flex-end;gap:8px}
.np6-chat .np-chat-dialog-actions button{height:40px;padding:0 16px;border-radius:var(--np-r-sm);font-weight:700}
.np6-chat #chatDialogSubmit{border:0;background:var(--np-gold);color:var(--np-on-gold)}
/* телефон: список → чат на весь экран */
@media(max-width:720px){
  body.np6-chat{position:fixed;left:0;right:0;top:var(--np-msg-visual-top,0px);height:var(--np-msg-visual-height,100dvh);width:100%}
  .np6-chatbar{gap:10px;padding:0 10px 0 6px}
  .np6-chatbar__nav,.np6-chatbar__title{display:none}
  .np6-chatbar__bell{margin-left:auto;padding:0;width:36px;font-size:0;background-position:50% 50%;border-color:transparent}
  .np6-chat .np-chat-layout{grid-template-columns:minmax(0,1fr)}
  .np6-chat .np-chat-main{display:none}
  .np6-chat .np-chat-layout.thread-open .np-chat-sidebar{display:none}
  .np6-chat .np-chat-layout.thread-open .np-chat-main{display:flex}
  body.np6-chat:has(.thread-open) .np6-chatbar{display:none}
  .np6-chat .np-chat-sidebar{border-right:0}
  .np6-chat .np-chat-back{display:grid}
  .np6-chat .np-chat-thread-head{height:58px;flex-basis:58px;padding:0 10px;padding-top:env(safe-area-inset-top)}
  .np6-chat .np-chat-msg{max-width:84%}
  .np6-chat .np-chat-messages{padding:10px 10px 8px}
  .np6-chat .np-chat-compose{padding:8px 8px;padding-bottom:max(8px,var(--np-msg-bottom-safe,env(safe-area-inset-bottom)))}
  .np6-chat .np-chat-reply-bar{margin:0 8px}
  .np6-chat .np-chat-sidebar-actions button span{display:none}
  .np6-chat .np-chat-sidebar-actions button{width:38px;justify-content:center;padding:0}
  .np6-chat .np-chat-status{top:12px}
}

/* =====================================================================
   MODAL LAYER 6.2.1 — все модальные окна поверх шапки и подвала.
   Причина бага: у main.container был z-index:1 (отдельный слой наложения),
   и окно заказа (z-index:100 внутри main) не могло подняться выше подвала,
   который идёт в разметке позже и тоже имеет z-index:1.
   Слои: шапка 60 · меню 59 · карточка товара 250 · окна 1000 · просмотр фото 1200 · тосты 1300.
   ===================================================================== */
html body>main,html body>main.container,html body.np6-staff>main.container{z-index:auto!important;transform:none!important;filter:none!important;contain:none!important}
html.np6-modal-lock,html.np6-modal-lock body{overflow:hidden!important;overscroll-behavior:none}
html body .order-modal,html body .admin-modal{position:fixed!important;inset:0!important;z-index:1000!important;margin:0!important;max-width:none!important;width:auto!important;height:auto!important;overscroll-behavior:contain}
html body .order-modal.open{display:flex!important;align-items:center!important;justify-content:center!important;padding:16px!important;background:rgba(6,6,8,.8)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden!important}
html body .order-modal .order-panel{--pp:24px;position:relative;width:min(760px,100%)!important;max-width:100%!important;max-height:calc(100vh - 32px)!important;max-height:calc(100dvh - 32px)!important;margin:0!important;overflow-y:auto!important;overscroll-behavior:contain;padding:0 var(--pp) var(--pp)!important;background:var(--np-surface-2)!important;border:1px solid var(--np-line-2)!important;border-radius:var(--np-r-lg)!important;box-shadow:0 30px 90px rgba(0,0,0,.6)!important}
html body .order-modal .order-panel:focus{outline:none}
html body .order-modal .np6-modal-head{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin:0 calc(-1 * var(--pp)) 14px;padding:calc(var(--pp) - 4px) var(--pp) 12px;background:var(--np-surface-2);border-bottom:1px solid var(--np-line)}
html body .order-modal .np6-modal-head h2{margin:4px 0 0;font-size:22px}
html body .order-modal .np6-modal-actions{position:sticky;bottom:calc(-1 * var(--pp));z-index:3;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin:18px calc(-1 * var(--pp)) calc(-1 * var(--pp))!important;padding:12px var(--pp)!important;background:var(--np-surface-2);border-top:1px solid var(--np-line)}
html body .order-modal .np6-modal-actions .btn{margin:0!important}
@media(max-width:720px){
  html body .order-modal.open{align-items:flex-end!important;padding:8px 0 0!important}
  html body .order-modal .order-panel{--pp:16px;width:100%!important;max-height:calc(100vh - 8px)!important;max-height:calc(100dvh - 8px)!important;border-radius:20px 20px 0 0!important}
  html body .order-modal .np6-modal-actions{padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}
  html body .order-modal .np6-modal-actions .btn{flex:1 1 auto}
}
html body .admin-modal-card{max-height:calc(100vh - 32px)!important;max-height:calc(100dvh - 32px)!important}
@media(max-width:650px){html body .admin-modal-card{max-height:calc(100dvh - 10px)!important}}
.np6-chat-zoom,.np6pm-zoom{z-index:1200!important}
html body .order-modal .order-panel .table-wrap{overflow-x:auto;max-width:100%}
html body .order-modal .order-panel .data-table{min-width:0!important;width:100%!important}
html body .order-modal .order-panel .data-table td{white-space:normal!important;overflow-wrap:anywhere}
html body .order-modal .order-panel .data-table td:not(:first-child){white-space:nowrap!important;text-align:right}

/* =====================================================================
   SOFT 6.5 — мягкий интерфейс: скругления, мягкие тени, плавность.
   Слой стоит в конце файла и только смягчает оформление; цвета и тёмная
   тема прежние. Чтобы откатить — удалите этот блок до конца файла.
   ===================================================================== */
:root{
  --np-r-sm:10px;--np-r:14px;--np-r-lg:22px;
  --np-line:rgba(255,255,255,.07);--np-line-2:rgba(255,255,255,.13);
  --np-shadow:0 18px 48px rgba(0,0,0,.32);
  --np-shadow-soft:0 1px 0 rgba(255,255,255,.035) inset,0 10px 30px rgba(0,0,0,.22);
  --np-shadow-hover:0 1px 0 rgba(255,255,255,.05) inset,0 16px 40px rgba(0,0,0,.32);
  --np-ease:cubic-bezier(.22,.8,.3,1);
}
/* карточки и плитки */
.np6 :is(.np6-card,.np6-tile,.np6-pcard,.np6-steps>li,.np6-hero){border-radius:var(--np-r-lg);border-color:var(--np-line);box-shadow:var(--np-shadow-soft)}
.np6 :is(.np6-card,.np6-tile,.np6-pcard,.np6-steps>li):not(.np6-hero){background-image:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0) 60%)}
.np6 :is(.np6-tile,.np6-pcard){transition:transform .35s var(--np-ease),box-shadow .35s var(--np-ease),border-color .35s var(--np-ease)}
.np6 :is(.np6-tile,.np6-pcard):hover{transform:translateY(-3px);box-shadow:var(--np-shadow-hover);border-color:var(--np-gold-line)}
.np6 .np6-pcard img,.np6 .np6-noimg{border-radius:calc(var(--np-r-lg) - 6px)}
/* кнопки */
.np6 .np6-btn{border-radius:var(--np-r-pill);transition:background-color .25s var(--np-ease),border-color .25s var(--np-ease),box-shadow .25s var(--np-ease),transform .15s var(--np-ease),color .25s}
.np6 .np6-btn:active{transform:scale(.98)}
.np6 .np6-btn--primary{box-shadow:0 6px 18px rgba(226,184,74,.18)}
.np6 .np6-btn--primary:hover{box-shadow:0 10px 26px rgba(226,184,74,.28)}
.np6 .np6-btn--primary:disabled,.np6 .np6-btn--primary[disabled]{box-shadow:none}
/* поля ввода */
.np6 :is(.np6-input,.np6-select,.np6-textarea){border-radius:var(--np-r);border-color:var(--np-line-2);background-color:var(--np-surface-2);transition:border-color .2s,box-shadow .2s,background-color .2s}
.np6 :is(.np6-input,.np6-select,.np6-textarea):hover:not(:disabled){border-color:rgba(255,255,255,.2)}
.np6 :is(.np6-input,.np6-select,.np6-textarea):focus{border-color:var(--np-gold-line);box-shadow:0 0 0 4px var(--np-gold-soft);outline:none}
.np6 :is(.np6-input,.np6-select):disabled{opacity:.55}
/* чипы, плашки, уведомления */
.np6 :is(.np6-chip,.np6-badge){border-radius:var(--np-r-pill)}
.np6 .np6-alert{border-radius:var(--np-r);box-shadow:var(--np-shadow-soft)}
.np6 .np6-alert--ok,.np6 .np6-alert--warn{animation:np6-pop .35s var(--np-ease)}
/* шапка — чуть мягче */
.np6 .np6-header{background:rgba(15,16,18,.78);border-bottom-color:rgba(255,255,255,.06)}
/* больше воздуха между блоками */
@media(min-width:768px){.np6 .np6-section{margin-top:var(--np-s8)}}
@media(min-width:1000px){.np6 .np6-fit__grid{grid-template-columns:1fr 1fr 1.1fr .9fr auto}}
/* плавное появление блоков при загрузке (без ожидания прокрутки) */
@keyframes np6-up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes np6-pop{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){
  .np6-main>.np6-container>:is(section,div,article){animation:np6-up .6s var(--np-ease) both}
  .np6-main>.np6-container>:nth-child(2){animation-delay:.06s}
  .np6-main>.np6-container>:nth-child(3){animation-delay:.12s}
  .np6-main>.np6-container>:nth-child(n+4){animation-delay:.18s}
}
@media(prefers-reduced-motion:reduce){.np6 *{transition:none!important;animation:none!important}}

/* ---------- ЧАТ 6.5: мягкие пузыри ---------- */
.np6-chat .np-chat-main{background:var(--np-bg) radial-gradient(1200px 600px at 85% -10%,rgba(226,184,74,.06),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(121,168,255,.035),transparent 60%)}
.np6-chat .np-chat-messages{padding:18px clamp(12px,4vw,56px) 14px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}
.np6-chat .np-chat-messages::-webkit-scrollbar{width:8px}
.np6-chat .np-chat-messages::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:8px}
.np6-chat .np-chat-msg{margin-top:12px;animation:np6-msg .28s var(--np-ease) both}
.np6-chat .np-chat-msg.np6-cont{margin-top:3px}
@keyframes np6-msg{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.np6-chat .np-msg-card{display:flex;flex-wrap:wrap;align-items:flex-end;column-gap:10px;padding:8px 12px 7px 13px;border-radius:20px;border:0;background:#202227;box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 2px 6px rgba(0,0,0,.18)}
.np6-chat .np-msg-card>:not(.np-chat-msg-body):not(.np-chat-msg-meta){flex:1 0 100%}
.np6-chat .np-chat-msg-body{flex:0 1 auto;max-width:100%}
.np6-chat .np-chat-msg-meta{margin:0 0 -1px auto;padding-top:2px}
.np6-chat .np-chat-msg.mine .np-msg-card{background:linear-gradient(160deg,#4a3f22,#3b331d);color:#fbf3dc;box-shadow:0 1px 0 rgba(255,236,180,.08) inset,0 2px 8px rgba(0,0,0,.22)}
.np6-chat .np-chat-msg.mine .np-chat-msg-body{color:#fbf3dc}
.np6-chat .np-chat-msg.mine .np-chat-msg-meta{color:rgba(251,243,220,.62)}
.np6-chat .np-chat-msg:not(.mine).np6-last .np-msg-card{border-bottom-left-radius:6px}
.np6-chat .np-chat-msg.mine.np6-last .np-msg-card{border-bottom-right-radius:6px}
.np6-chat .np-chat-msg:not(.mine).np6-cont .np-msg-card{border-top-left-radius:8px}
.np6-chat .np-chat-msg.mine.np6-cont .np-msg-card{border-top-right-radius:8px}
.np6-chat .np-chat-reply-quote{border-radius:12px;background:rgba(0,0,0,.18)!important;border-left-width:3px!important}
.np6-chat .np-chat-deleted{opacity:.7}
.np6-chat .np-chat-reaction{height:26px;border-radius:13px;border-color:transparent;background:rgba(255,255,255,.06)}
.np6-chat .np-chat-reaction.mine{background:var(--np-gold-soft);border-color:var(--np-gold-line)}
.np6-chat .np-chat-msg-menu{border-radius:16px;padding:6px;background:rgba(37,39,45,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:np6-pop .18s var(--np-ease)}
.np6-chat .np-chat-msg-menu>button{border-radius:10px}
.np6-chat .np6-chat-day span{border:0;background:rgba(32,34,39,.85);box-shadow:0 2px 8px rgba(0,0,0,.18);font-weight:600;color:var(--np-text-2)}
/* список чатов */
.np6-chat .np-chat-sidebar{background:linear-gradient(180deg,#141519,#121316)}
.np6-chat .np-chat-room{border-radius:16px;padding:10px 12px;transition:background-color .2s var(--np-ease)}
.np6-chat .np-chat-room+.np-chat-room{margin-top:2px}
.np6-chat .np-chat-room.active{background:linear-gradient(90deg,rgba(226,184,74,.16),rgba(226,184,74,.07));box-shadow:inset 3px 0 0 var(--np-gold)}
.np6-chat .np-chat-avatar,.np6-chat .np-chat-thread-avatar{background:linear-gradient(145deg,#3d4049,#272930);box-shadow:0 2px 8px rgba(0,0,0,.25);font-weight:700;letter-spacing:.02em}
.np6-chat .np-chat-avatar.is-group,.np6-chat .np-chat-thread-avatar.is-group{border-radius:16px}
.np6-chat .np-chat-badge{border-radius:11px;box-shadow:0 2px 8px rgba(226,184,74,.35)}
.np6-chat .np-chat-search input{height:42px;background:#1c1d22;border-color:transparent}
.np6-chat .np-chat-sidebar-actions button,.np6-chat .np-chat-secondary-btn{border-radius:12px;transition:border-color .2s,color .2s,background-color .2s}
/* шапка переписки */
.np6-chat .np-chat-thread-head{background:rgba(19,20,23,.8);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:rgba(255,255,255,.05)}
/* поле ввода */
.np6-chat .np-chat-compose{gap:10px;padding:12px 18px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:rgba(19,20,23,.85);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top-color:rgba(255,255,255,.05)}
.np6-chat #chatMessageInput{border-radius:24px!important;background:#1d1f24!important;border:1px solid rgba(255,255,255,.08)!important;padding-left:18px!important;transition:border-color .2s,box-shadow .2s}
.np6-chat #chatMessageInput:focus{border-color:var(--np-gold-line)!important;box-shadow:0 0 0 4px var(--np-gold-soft)!important;outline:none}
.np6-chat .np-chat-attach-button{border-radius:50%!important;transition:background-color .2s,color .2s}
.np6-chat .np-chat-attach-button:hover{background:rgba(255,255,255,.07)!important;color:var(--np-gold-2)!important}
.np6-chat #chatSendButton{box-shadow:0 6px 18px rgba(226,184,74,.3);transition:transform .15s var(--np-ease),background-color .2s,box-shadow .2s}
.np6-chat #chatSendButton:hover{box-shadow:0 8px 24px rgba(226,184,74,.42)}
.np6-chat #chatSendButton:active{transform:scale(.94)}
.np6-chat .np-chat-reply-bar{border-radius:16px 16px 0 0}
.np6-chat .np-chat-dialog{border-radius:22px!important;border:1px solid var(--np-line-2)!important;box-shadow:0 30px 80px rgba(0,0,0,.5)!important}
.np6-chat .np-chat-dialog::backdrop{background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
@media(prefers-reduced-motion:reduce){.np6-chat .np-chat-msg{animation:none}}
/* кнопка «⋯» не занимает место в пузыре — появляется сбоку при наведении */
.np6-chat .np-chat-msg-actions{position:absolute;top:50%;transform:translateY(-50%);z-index:5}
.np6-chat .np-chat-msg.mine .np-chat-msg-actions{left:-32px;right:auto}
.np6-chat .np-chat-msg:not(.mine) .np-chat-msg-actions{right:-32px;left:auto}
.np6-chat .np-chat-msg-more{width:26px;height:26px;border-radius:50%;background:rgba(32,34,39,.9);color:var(--np-text-2)}
.np6-chat .np-chat-msg.mine .np-chat-msg-menu{right:auto;left:0}
.np6-chat .np-chat-msg:not(.mine) .np-chat-msg-menu{left:auto;right:0}
.np6-chat .np-msg-card{position:relative}

/* v6.6: скидка покупателя — старая цена зачёркнута */
.np6 .np6-price__old{display:inline-block;margin-right:8px;color:var(--np-muted);font-weight:500;font-size:.78em;text-decoration-thickness:1.5px}

/* v6.7: адрес, карта и фото для ориентира (контакты) */
.np6 .np6-place{display:grid;gap:var(--np-s4);grid-template-columns:1fr}
@media(min-width:900px){.np6 .np6-place{grid-template-columns:minmax(280px,.8fr) 1.6fr}}
.np6 .np6-place__addr{font-size:22px;font-weight:750;line-height:1.3;margin:0}
.np6 .np6-place__note{display:inline-block;margin:10px 0 0;padding:6px 12px;border-radius:var(--np-r-pill);background:var(--np-gold-soft);color:var(--np-gold-2);font-weight:650;font-size:14px}
.np6 .np6-place__map{position:relative;min-height:340px;border-radius:var(--np-r-lg);overflow:hidden;border:1px solid var(--np-line);box-shadow:var(--np-shadow-soft,none);background:var(--np-surface)}
.np6 .np6-place__map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.np6 .np6-place__photos{display:grid;gap:var(--np-s3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:var(--np-s4)}
.np6 .np6-place__photo{margin:0;border-radius:var(--np-r-lg);overflow:hidden;border:1px solid var(--np-line);background:var(--np-surface)}
.np6 .np6-place__photo img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .4s var(--np-ease,ease)}
.np6 .np6-place__photo a:hover img{transform:scale(1.03)}
.np6 .np6-place__photo figcaption{padding:10px 14px;color:var(--np-text-2);font-size:14px}
@media(min-width:1000px){.np6 .np6-contacts--3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}
.np6 .np6-contacts--3 .np6-contact__value{font-size:20px}

/* v6.10: доставка в оформлении заказа и трек-номер в кабинете */
.np6 .np6-dlv__carriers{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-bottom:6px}
.np6 .np6-dlv__opt{position:relative;display:block;cursor:pointer}
.np6 .np6-dlv__opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.np6 .np6-dlv__opt span{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:var(--np-r);border:1px solid var(--np-line-2);background:var(--np-surface-2);transition:border-color .2s,background-color .2s}
.np6 .np6-dlv__opt small{color:var(--np-muted);font-size:12px}
.np6 .np6-dlv__opt input:checked+span{border-color:var(--np-gold);background:var(--np-gold-soft);box-shadow:inset 0 0 0 1px var(--np-gold)}
.np6 .np6-dlv__opt input:focus-visible+span{outline:2px solid var(--np-gold);outline-offset:2px}
.np6 .np6-dlv textarea.np6-input{min-height:64px;resize:vertical;padding-top:10px}
.np6 .np6-dlv__pickup{font-size:14px;padding:10px 12px;border-radius:var(--np-r);background:var(--np-surface-2);margin:0}
.np6 .np6-track{padding:14px 16px;border-radius:var(--np-r);background:var(--np-gold-soft);border:1px solid var(--np-gold-line);margin-bottom:12px;display:flex;flex-direction:column;gap:6px}
.np6 .np6-track .np6-eyebrow{margin:0}
.np6 .np6-track__row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.np6 .np6-track__num{font-size:22px;letter-spacing:.06em;font-variant-numeric:tabular-nums;margin-right:auto}
.np6 .np6-dl--compact{margin:0 0 10px;font-size:14px}

/* ---------- 6.17: заявки с сайта ---------- */
.np6-fab{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:60;display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 20px 0 16px;border:0;border-radius:999px;background:var(--np-gold);color:var(--np-on-gold);font:inherit;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.45),0 0 0 4px rgba(226,184,74,.18);transition:transform .15s}
.np6-fab:hover{transform:translateY(-2px)}
.np6-fab svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:640px){.np6-fab{height:56px;width:56px;padding:0;justify-content:center;right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px))}.np6-fab span{display:none}}
.np6-lead{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.6);display:grid;place-items:center;padding:16px;overflow:auto}
.np6-lead__box{position:relative;width:min(460px,100%);background:var(--np-surface,#1b1c21);border:1px solid var(--np-line-2,rgba(255,255,255,.14));border-radius:22px;padding:24px 22px 20px;display:grid;gap:12px;box-shadow:0 24px 60px rgba(0,0,0,.5)}
.np6-lead__box h2{margin:0;font-size:22px}
.np6-lead__box>p{margin:0}
.np6-lead form{display:grid;gap:12px}
.np6-lead__x{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:50%;border:0;background:transparent;color:var(--np-text-2,#ccc);font-size:26px;cursor:pointer}
.np6-lead__x:hover{background:rgba(255,255,255,.06)}
.np6-lead__ctx{font-size:14px;color:var(--np-text-2,#ccc);background:rgba(226,184,74,.08);border:1px solid rgba(226,184,74,.25);border-radius:12px;padding:8px 12px}
.np6-lead__hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.np6-lead__or{text-align:center;margin:2px 0 0}
.np6-lead__ok{display:grid;gap:10px;justify-items:center;text-align:center;padding:10px 0}
.np6-lead__ok>span{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:32px;font-weight:800;background:rgba(98,207,143,.15);color:#62cf8f}
.np6-lead__ok h2{margin:0}
.np6-pd-ask{margin-top:10px}
.np6-contact--lead{border-color:rgba(226,184,74,.35)}

/* ===== 6.19: оплата заказа ===== */
.np6-pay{max-width:640px;padding-block:28px 56px}
.np6-pay h1{margin:0 0 18px}
.np6-pay__card h2{margin:0 0 4px;font-size:22px}
.np6-pay__items{list-style:none;margin:18px 0 0;padding:0;border-top:1px solid var(--np-line)}
.np6-pay__items li{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--np-line)}
.np6-pay__items li span:first-child{min-width:0;overflow-wrap:anywhere}
.np6-pay__items li span:last-child{white-space:nowrap}
.np6-pay__sum{display:grid;grid-template-columns:1fr auto;gap:6px 16px;margin:12px 0 0}
.np6-pay__sum dt{color:var(--np-muted)}.np6-pay__sum dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}
.np6-pay__due{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:18px 0;padding:14px 16px;border-radius:var(--np-r);background:var(--np-gold-soft);border:1px solid rgba(226,184,74,.35)}
.np6-pay__due span{font-weight:700}.np6-pay__due b{font-size:24px;color:var(--np-gold);font-variant-numeric:tabular-nums}
.np6-pay__btn{width:100%;min-height:54px;font-size:17px}
.np6-pay__fine{font-size:13px;margin:12px 0 0}
.np6-pay__done{display:flex;gap:14px;align-items:flex-start;margin-top:14px}
.np6-pay__done svg{flex:none;width:44px;height:44px;padding:9px;border-radius:50%;background:var(--np-ok-soft);stroke:var(--np-ok);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.np6-paynote{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;padding:12px 14px;border-radius:var(--np-r);background:var(--np-gold-soft);border:1px solid rgba(226,184,74,.3)}
.np6-paynote--ok{background:var(--np-ok-soft);border-color:rgba(98,207,143,.3);color:var(--np-ok);font-weight:700}