/* Стили зоны T5: доска менеджера, окно заказа, выбор товара, комментарии. Цвета — токены app.css, обе темы. */
.boardroot [hidden],.sheet [hidden]{display:none !important}
.boardroot{display:flex; flex-direction:column; height:100%; min-height:0}
.boardroot .quick,.boardroot .viewsw,.boardroot .steps{flex:none}
.bd-body{flex:1; min-height:0; display:flex; flex-direction:column}
.bd-body>.grid{flex:1; min-height:0}
.bd-body>.board{flex:1; min-height:0; align-items:stretch}
.boardroot .col{min-height:0}
.boardroot .colbody{min-height:0}

/* сводка смены: крупные цифры */
.quick{padding-top:12px}
.qstat{display:flex; align-items:baseline; gap:6px; font-size:14px; padding:10px 16px}
.qstat b{font-size:24px; line-height:1; margin-right:2px}
.qstat.alarm{border:1px solid var(--late)}
.qstat.alarm b{color:var(--late)}

/* переключатель вида и кнопка создания */
.viewsw{align-items:center; flex-wrap:wrap}
.viewsw button{min-height:40px}
.viewsw .newbtn{padding:9px 18px; font-size:15px}

/* шаги */
.step{min-height:46px; font-size:15px}
.step b{font-size:20px}
.step.alarm{border-color:var(--late); box-shadow:0 0 0 1px var(--late)}
.step.alarm b{color:var(--late)}
.step.on.alarm b{color:var(--accent-ink)}
.step .warnmark{color:var(--late)}
.step.on .warnmark{color:var(--accent-ink)}

/* карточка заказа */
.card.still{animation:none}
.card{gap:10px}
.card.is-late{border-left:4px solid var(--late)}
.onum{font-size:22px}
.ago{font-size:12px}
.dlt{font-size:17px}
.dlc{font-size:17px}
.cust .nm{font-size:19px}
.cust .ph{font-size:15px}
.meta .addr{font-size:14px; color:var(--ink); font-weight:600}
.reviewwhy{font-size:13px; line-height:1.4; color:#9E2B24; background:#F6E1DD; border-radius:var(--radius); padding:7px 10px}
html[data-theme="dark"] .reviewwhy{background:#3A1A22; color:#FF9DAE}
.items li{font-size:16px; line-height:1.35}
.items li .q{font-size:17px}
.total{font-size:24px}
.total .brk{font-size:12px; color:var(--sub); font-weight:600; margin-top:2px}
.foot{align-items:flex-end}
.acts{flex-wrap:wrap; justify-content:flex-end}
.mini{min-height:38px}
.go2{min-height:38px; font-size:15px}
.mini.cancelbtn:hover{color:var(--late); border-color:var(--late)}
.okmark{font-weight:800; font-size:20px; color:var(--ok); align-self:center}
.dl.dl-ready{background:#E5EEDD; border-color:#CFE0BF}
.dl.dl-ready .dlc{color:#3E6B2E}
.dl.dl-done{background:var(--inset)}
.dl.dl-done .dlt{color:var(--sub)}
.card.st-done{opacity:.92}
.empty{color:var(--sub)}

/* тёмная тема: светло-пастельные плашки из прототипа заменяем на тёмные */
html[data-theme="dark"] .lv-late{background:#3A1A22; border-color:#7A2A3A}
html[data-theme="dark"] .dl.dl-ready{background:#213018; border-color:#3B5A2C}
html[data-theme="dark"] .dl.dl-ready .dlc{color:#9FD38F}
html[data-theme="dark"] .items li.rdy{color:#9FD38F}
html[data-theme="dark"] .chip.pickup{background:#3A302A; color:#D9C8A8}
html[data-theme="dark"] .chip.deliv{background:#17303A; color:#8FD0E8}
html[data-theme="dark"] .chip.warn{background:#3A1A22; color:#FF9DAE}
html[data-theme="dark"] .chip{background:#352A2E; color:var(--ink)}
html[data-theme="dark"] .chip.promo{background:#3E2F14; color:#F3C77A}
html[data-theme="dark"] .chip.gift{background:#213018; color:#9FD38F}
html[data-theme="dark"] .chip.night{background:#17303A; color:#8FD0E8}
html[data-theme="dark"] .mini.has{background:#3A2A48; color:#D9C2F0; border-color:#5B3E78}
html[data-theme="dark"] .note.client{background:#3A3016; border-color:#5E4F24; color:#F0DFA6}
html[data-theme="dark"] .note.mgr{background:#2E2240; border-color:#4E3868; color:#DCC8F2}
html[data-theme="dark"] .colhead .c{background:rgba(255,255,255,.12)}

/* окно заказа */
.sheet.wide{width:min(840px,96vw)}
.os-meta{display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:14px; color:var(--sub)}
.os-review{background:#F6E1DD; color:#9E2B24; border-radius:var(--radius); padding:10px 12px; font-size:14px; line-height:1.45}
html[data-theme="dark"] .os-review{background:#3A1A22; color:#FF9DAE}
.os-static{padding:11px 0}
.os-deliv{display:flex; flex-direction:column; gap:12px}
.os-add{display:flex; gap:8px; flex-wrap:wrap; margin-top:10px}
.os-name{font-size:16px}
.os-linesum{font-size:18px}
.os-sum{display:flex; flex-direction:column; gap:3px; min-width:0}
.os-total{font-size:15px; color:var(--sub)}
.os-total b{font-size:26px; color:var(--ink)}
.os-saved{font-size:12px; color:var(--sub); max-width:46ch}
.sheet .sf .solid.ok{background:var(--ok); border-color:var(--ok); color:#fff}
.solid.danger{background:var(--late); border-color:var(--late); color:#fff}
.solid:disabled,.ghostbtn:disabled{opacity:.5}
.ferr{color:var(--late); font-size:13px; min-height:0; font-weight:600}
.ferr:empty{display:none}
.fhint{font-size:12px; color:var(--sub)}
.fhint:empty{display:none}
.fld.invalid input,.fld.invalid select,.fld.invalid textarea{border-color:var(--late); box-shadow:0 0 0 1px var(--late)}
.fld input[type=time]{min-height:46px}
.orow-note{color:var(--hot)}
.orow .ferr{margin-top:6px}
.chk input{flex:none}

/* выбор товара */
.pk-hint{font-size:13px; color:var(--sub)}
.pk-prod{display:block}
.pk-name{font-weight:700; font-size:16px; margin-bottom:8px; line-height:1.3}
.pk-vars{display:flex; gap:8px; flex-wrap:wrap}
.pk-vars .rowbtn{min-height:42px; font-size:14px}
.pk-none{color:var(--sub); text-align:center; padding:30px 10px}

/* комментарии */
.nt-head{display:flex; align-items:center; gap:8px; font-size:14px}
.nt-list{display:flex; flex-direction:column; gap:8px}
.nt-list .notes{gap:8px}
.nt-muted{color:var(--sub); font-size:14px}