/* ═══ ЧЗ · КАРТОЧКИ (26.09.2026) · карточки Честного знака из моделей Реестра.
   Префикс chz-, токены — из styles.css, детали — как в Реестре и Озоне (nr-, nz-, ozc-). ═══ */
#chzRoot{padding-bottom:40px}
#chzRoot button.nz-opt{border:0;font-family:inherit;cursor:pointer;white-space:nowrap}
#chzRoot .nr-btn[disabled]{opacity:.45;cursor:default;box-shadow:none}
.chz-top{align-items:flex-start}
.chz-acts{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.chz-tabs{display:inline-flex;margin:-4px 0 18px}
.chz-tabs .nz-opt{height:32px;padding:0 15px;font-size:13px}
.chz-n{margin-left:4px;font-weight:800;opacity:.7}
.chz-msg{position:sticky;top:10px;z-index:5;margin:0 0 14px;background:var(--text);color:#fff;border-radius:13px;padding:11px 16px;font-size:13px;font-weight:700;box-shadow:var(--shadow2)}
.chz-card{padding:10px 22px 14px}
.chz-empty{padding:28px;font-size:14px;font-weight:600;color:var(--muted);line-height:1.5}
.chz-note{margin-top:12px;font-size:12px;font-weight:600;color:var(--muted);line-height:1.5;max-width:980px}
.chz-pills{margin-bottom:14px}
.chz-tbl td{height:52px}
.chz-mrow{cursor:pointer}
.chz-mrow:hover td{background:#fafbf6}
.chz-mrow.on td{background:var(--limesoft)}
.chz-mrow .nr-sh{margin:2px 0}
.chz-scen{display:inline-flex;padding:3px;gap:3px}
.chz-scen .nz-opt{height:24px;padding:0 10px;font-size:11.5px}
.chz-dots{display:inline-flex;align-items:center}
.chz-dots i{width:14px;height:14px;border-radius:50%;margin-left:-4px;box-shadow:0 0 0 2px #fff,inset 0 0 0 1px rgba(0,0,0,.08);display:block}
.chz-dots i:first-child{margin-left:0}
.chz-ub{font-weight:800;color:var(--limed);background:var(--limesoft);border-radius:4px;padding:0 2px}
.chz-bad{color:var(--red);font-weight:700}
.chz-warn{color:var(--peachd);font-weight:700}
.chz-ok{color:var(--green);font-weight:700}

/* статусы карточек */
.chz-st{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:8px;font-size:11.5px;font-weight:700;white-space:nowrap}
.chz-st::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
.chz-st-new,.chz-st-draft{background:var(--card2);color:var(--muted)}
.chz-st-moderation{background:var(--bluebg);color:var(--blue)}
.chz-st-errors{background:var(--redbg);color:var(--red)}
.chz-st-notsigned{background:var(--violetbg);color:var(--violet)}
.chz-st-published{background:var(--greenbg);color:var(--green)}
.chz-st-archived{background:#f0f1ea;color:var(--faint)}

/* подробности модели */
.chz-det>td{background:var(--card2);padding:0!important;height:auto!important}
.chz-mdet{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;padding:18px 20px}
@media(max-width:1000px){.chz-mdet{grid-template-columns:1fr}}
.chz-ex{font-size:15px;font-weight:800;letter-spacing:-.2px;margin-bottom:6px}
.chz-exs{font-size:12.5px;line-height:1.45;margin-top:6px}
.chz-docline{font-size:12.5px;font-weight:600;color:var(--muted);line-height:1.5}
.chz-docline b{color:var(--text)}
.chz-iss{font-size:13px;font-weight:700;line-height:1.4;padding:9px 12px;border-radius:11px;margin-bottom:6px}
.chz-iss.error{background:var(--redbg);color:#a3395f}
.chz-iss.warn{background:var(--peachsoft);color:var(--peachd)}
.chz-iss.ok{background:var(--greenbg);color:var(--green)}
.chz-dups{display:flex;flex-direction:column;gap:4px;margin-top:8px;font-weight:600;color:var(--text)}
.chz-mat{display:flex;align-items:center;gap:10px;margin:8px 0}
.chz-mat input,.chz-in{height:32px;border:1px solid var(--line2);border-radius:10px;background:#fff;padding:0 10px;font:inherit;font-size:12.5px;font-weight:600;color:var(--text)}
.chz-mat input{flex:1}
.chz-in{width:100%;min-width:170px}
.chz-mat input:focus,.chz-in:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(207,226,74,.3)}
.chz-dact{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}
.chz-dact .nr-dim{font-size:12px}

/* пакеты */
.chz-bar{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.chz-bar .sp,.chz-bh .sp,.chz-bacts .sp{flex:1}
.chz-upl{cursor:pointer}
.chz-batch{padding:0;margin-bottom:12px;overflow:hidden}
.chz-batch+.chz-batch{margin-top:0}
.chz-bh{display:flex;align-items:center;gap:14px;padding:16px 22px;cursor:pointer;font-size:13px;font-weight:600;flex-wrap:wrap}
.chz-bh:hover{background:#fafbf6}
.chz-btag{font-size:17px;font-weight:800;letter-spacing:-.3px}
.chz-scn{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:8px;font-size:12px;font-weight:800;white-space:nowrap}
.chz-scn.white{background:#fff;box-shadow:inset 0 0 0 1.5px var(--line2);color:var(--text)}
.chz-scn.grey{background:#e7e8e1;color:#5d6152}
.chz-chev{color:var(--faint);font-size:12px}
.chz-bb{padding:4px 22px 18px;border-top:1px solid var(--line)}
.chz-ctbl td{height:40px;font-size:12.5px}
.chz-ctbl th{padding-top:12px}
.chz-sub td{background:var(--card2);font-size:11px!important;font-weight:800!important;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);height:32px!important;padding-left:10px!important}
.chz-bacts{display:flex;align-items:center;gap:10px;margin-top:16px;flex-wrap:wrap}
.chz-more{display:flex;justify-content:center;padding:12px 0 4px}

/* документы */
.chz-docs{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:1000px){.chz-docs{grid-template-columns:1fr}}
.chz-doc+.chz-doc{margin-top:0}
.chz-doch{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.chz-fld{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;flex:1}
.chz-fld span{font-size:11px;font-weight:700;letter-spacing:.3px;color:var(--muted)}
.chz-fld input{height:38px;border:1px solid var(--line2);border-radius:11px;padding:0 12px;font:inherit;font-size:13.5px;font-weight:650;color:var(--text);background:#fff}
.chz-fld input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(207,226,74,.3)}
.chz-2{display:grid;grid-template-columns:1.6fr 1fr;gap:10px}

/* окно загрузки Excel */
.chz-scrim{position:fixed;inset:0;background:rgba(44,47,38,.28);z-index:60}
.chz-modal{position:fixed;left:50%;top:6vh;translate:-50% 0;width:min(1000px,94vw);max-height:88vh;display:flex;flex-direction:column;z-index:61;background:#fff;border-radius:22px;padding:22px 24px;box-shadow:var(--shadow2)}
.chz-modal h3{font-size:19px;font-weight:800;letter-spacing:-.3px}
.chz-mscroll{overflow:auto;margin-top:12px;flex:1;min-height:120px}
.chz-was{color:var(--red);text-decoration-thickness:1.5px}
.chz-now{color:var(--green)}
td.chz-matc{max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chz-card,.chz-bb{overflow-x:auto}
.chz-tabs{max-width:100%;overflow-x:auto}
@media(max-width:700px){
  .chz-mtbl th:nth-child(3),.chz-mtbl td:nth-child(3),.chz-mtbl th:nth-child(5),.chz-mtbl td:nth-child(5),.chz-mtbl th:nth-child(6),.chz-mtbl td:nth-child(6){display:none}
  .chz-card{padding:6px 14px 10px}.chz-tbl td{height:auto;padding-top:10px;padding-bottom:10px}
  .chz-bh{padding:14px 16px;gap:8px}.chz-bb{padding:4px 14px 14px}.chz-mdet{padding:14px}}
.chz-tbl td:nth-child(4),.chz-tbl td:nth-child(7){white-space:nowrap}

/* таблица моделей не «гуляет» при переключении Трусы/Бюсты: ширины колонок постоянные (27.09) */
.chz-mtbl{table-layout:fixed}
.chz-mtbl td,.chz-mtbl th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chz-mtbl td.chz-recs{white-space:nowrap}
.chz-mtbl td.chz-recs .nr-sh{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:inline-flex}
.chz-mtbl tr.chz-det td{white-space:normal}
.chz-card{min-height:420px}
@media(max-width:700px){.chz-mtbl{table-layout:auto}.chz-mtbl colgroup{display:none}}

/* ═══ 27.09: пакеты-заказы, конвейер, кабинет ЧЗ ═══ */
.chz-st-sent{background:var(--bluebg);color:var(--blue)}
.chz-cb{width:24px;height:24px;border-radius:7px;border:1.8px solid #c5c9b5;background:#fff;display:inline-grid;place-items:center;font:800 13px/1 inherit;color:#fff;cursor:pointer;padding:0}
.chz-cb.on{background:var(--accent);border-color:var(--accent)}
.chz-mrow.pick td{background:#f7fbe6}
.chz-code{display:inline-flex;height:24px;align-items:center;padding:0 9px;border-radius:8px;font-size:11.5px;font-weight:750;white-space:nowrap}
.chz-code.none{background:var(--card2);color:var(--muted)}
.chz-code.part{background:var(--peachsoft);color:var(--peachd)}
.chz-code.all{background:var(--greenbg);color:var(--green)}
.chz-szs{display:flex;flex-wrap:wrap;gap:6px}
.chz-sz{display:inline-flex;align-items:center;height:26px;padding:0 9px;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1px var(--line2);font-size:12px;font-weight:700;white-space:nowrap}
.chz-sz.reg{background:var(--greenbg);color:var(--green);box-shadow:none}
.chz-sz.cat{background:var(--bluebg);color:var(--blue);box-shadow:none}
/* шапка таблицы моделей на месте при прокрутке (5B) */
.chz-mtbl thead th{position:sticky;top:0;background:var(--card);z-index:2}
.chz-mwrap{overflow:visible}
/* выбор моделей для пакета */
.chz-pickbar{position:sticky;bottom:12px;z-index:20;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0;padding:12px 16px;background:#fff;border-radius:16px;box-shadow:0 0 0 1.5px var(--accent),var(--shadow2);font-size:13px}
.chz-pickbar input{flex:1;min-width:220px;height:38px;border:1px solid var(--line2);border-radius:11px;padding:0 12px;font:inherit;font-size:13px;font-weight:600;background:#fff}
.chz-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.chz-opt2{display:flex;flex-direction:column;gap:4px;text-align:left;padding:14px 16px;border-radius:14px;border:1.5px solid var(--line2);background:#fff;cursor:pointer;font:inherit}
.chz-opt2 b{font-size:15px;font-weight:800}
.chz-opt2 span{font-size:12.5px;font-weight:600;color:var(--muted)}
.chz-opt2.rec{border-color:var(--accent);background:var(--limesoft)}
.chz-opt2:hover{border-color:var(--accent)}
/* пакеты */
.chz-pk{padding:16px 22px;margin-bottom:12px;cursor:pointer}
.chz-pk+.chz-pk{margin-top:0}
.chz-pk:hover{box-shadow:var(--shadow2)}
.chz-pk.closed{opacity:.6}
.chz-pkh{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;font-weight:600}
.chz-pkh b{font-size:17px;font-weight:800;letter-spacing:-.3px}
.chz-pkh.big b{font-size:21px}
.chz-pkh .sp{flex:1}
.chz-pkno{font-weight:800;color:var(--limed);background:var(--limesoft);border-radius:9px;padding:3px 9px;font-size:13px}
.chz-pkc{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.chz-steps{display:flex;gap:6px;margin-top:12px}
.chz-step{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:var(--card2);color:var(--muted);font-size:12px}
.chz-step i{width:20px;height:20px;border-radius:50%;flex:none;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:11px;box-shadow:inset 0 0 0 1.8px #c5c9b5}
.chz-step b{font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chz-step span{margin-left:auto;font-weight:700;white-space:nowrap}
.chz-step.done{background:var(--greenbg);color:var(--green)}
.chz-step.done i{background:var(--green);color:#fff;box-shadow:none}
.chz-step.active{background:var(--limesoft);color:var(--limed);box-shadow:inset 0 0 0 1.5px var(--accent)}
.chz-step.active i{box-shadow:inset 0 0 0 5px var(--accent)}
.chz-steps.big .chz-step{padding:12px 12px;font-size:13px}
.chz-back{margin-bottom:12px}
.chz-pkpage{padding:20px 22px}
.chz-acts2{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.chz-act{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 16px;border-radius:14px;background:var(--card2)}
.chz-act>div:first-child{display:flex;flex-direction:column;gap:3px;flex:1;min-width:220px}
.chz-act b{font-size:15px;font-weight:800}
.chz-act span{font-size:12.5px;font-weight:600;color:var(--muted)}
.chz-act.red{background:var(--redbg)}
.chz-act.vio{background:var(--violetbg)}
.chz-act.ok{background:var(--greenbg)}
.chz-actb{display:flex;gap:8px;flex-wrap:wrap}
.nr-btn.chz-vio{background:var(--violet);box-shadow:0 4px 14px rgba(136,104,191,.35)}
.chz-pms{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.chz-pm{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.chz-pmh{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 18px;cursor:pointer;font-size:13px}
.chz-pmh b{font-size:15px;font-weight:800}
.chz-pmh .sp{flex:1}
.chz-pmh:hover{background:#fafbf6}
.chz-ctbl tr.err td{background:#fff6f9}
.chz-cerr{font-size:11.5px;font-weight:650;color:var(--red);margin-top:3px;white-space:normal}
.chz-ctbl a,.chz-tbl a{color:var(--text);text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:3px;cursor:pointer}
.chz-lk{display:inline-flex;height:24px;align-items:center;padding:0 9px;border-radius:8px;background:var(--limesoft);color:var(--limed);font-size:11.5px;font-weight:750;white-space:nowrap}
.chz-tbl tr.pick td{background:#f7fbe6}
/* карточка ЧЗ сбоку */
.chz-drawer{position:fixed;right:0;top:0;bottom:0;width:min(620px,96vw);z-index:61;background:#fff;box-shadow:var(--shadow2);padding:20px 22px;overflow:auto;display:flex;flex-direction:column;gap:12px}
.chz-drh{display:flex;align-items:flex-start;gap:12px}
.chz-drh h3{flex:1;font-size:19px;font-weight:800;letter-spacing:-.3px;line-height:1.25}
.chz-drs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px}
/* прогресс фоновой задачи */
.chz-job{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:10px 16px;background:var(--violetbg);color:var(--violet);border-radius:13px;font-size:13px;font-weight:700}
.chz-job i{flex:1;height:8px;border-radius:4px;background:#fff;overflow:hidden}
.chz-job u{display:block;height:100%;background:var(--violet);border-radius:4px}
@media(max-width:700px){.chz-steps{flex-wrap:wrap}.chz-step{flex:1 1 45%}.chz-choice{grid-template-columns:1fr}.chz-mtbl thead th{position:static}}

/* документы: полный цикл */
.chz-dcur{font-size:13px;font-weight:600;color:var(--muted);margin:-4px 0 12px}
.chz-dcur b{color:var(--text)}
.chz-dmore{margin:0 0 12px;font-size:12.5px;font-weight:650;color:var(--muted)}
.chz-dmore summary{cursor:pointer;margin-bottom:8px}
.chz-dform{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px;margin-bottom:10px;background:var(--card2);border-radius:14px}
.chz-dform input,.chz-dform select{height:36px;border:1px solid var(--line2);border-radius:10px;padding:0 10px;font:inherit;font-size:13px;font-weight:600;background:#fff}
.chz-dform input[data-chz-dn]{flex:1;min-width:260px}
.chz-duse{display:flex;flex-wrap:wrap;gap:4px}
.chz-duse .nr-btn.sm{height:24px;padding:0 8px;font-size:11px}
.chz-red{color:var(--red)}
.chz-st-checking{background:var(--bluebg);color:var(--blue)}
.chz-hist td:first-child{width:120px;white-space:nowrap}.chz-hist td:nth-child(2){width:180px}
.chz-card.chz-auto{min-height:0;margin-top:14px}
