/* Страница менеджера: тот же вид, что у панели владельца. Без встроенных стилей в разметке (CSP).
   Блок «m-» ниже дублируется в dashboard.css — при правке менять в обоих файлах. */
:root{--bg:#f3f5f9;--card:#fff;--line:#e3e8f0;--text:#1b2433;--muted:#5b6578;--accent:#2353ce;--accent-soft:#eaf0fc;--accent-dark:#1b3f9e;
  --ok:#1b7f3b;--ok-soft:#e7f6ec;--warn:#8a5a00;--warn-soft:#fff4dc;--bad:#b3261e;--bad-soft:#fdeceb;--field:#fff;--field-line:#c9d2e3;--radius:12px;
  --shadow:0 1px 2px rgba(23,32,51,.06),0 4px 14px rgba(23,32,51,.05)}
@media (prefers-color-scheme:dark){:root{--bg:#12161d;--card:#1b212c;--line:#2c3544;--text:#e6eaf2;--muted:#9aa5b8;--accent:#5b8cff;--accent-soft:#26324d;--accent-dark:#9db9ff;
  --ok:#5ccf84;--ok-soft:#1c3326;--warn:#e8b45a;--warn-soft:#3a2f17;--bad:#ff7b72;--bad-soft:#3c1f1d;--field:#12161d;--field-line:#3a4558;--shadow:none}}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
main{max-width:1100px;margin:auto;padding:16px 16px 48px}
h1{font-size:22px;margin:4px 0 10px}
h2{font-size:18px;margin:6px 0 8px}
h3{font-size:16px;margin:0 0 8px}
p{margin:6px 0}
.muted{color:var(--muted)}
.small{font-size:13px}
.appbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:10px 16px;background:var(--card);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px}
.logo{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--accent);color:#fff;font-weight:700;font-size:14px}
.appinfo{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}
.login{max-width:420px;margin:40px auto}
button{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:9px 16px;font:inherit;font-size:14px;cursor:pointer}
button:hover{filter:brightness(.92)}
button:disabled{opacity:.55;cursor:default}
button.secondary{background:var(--accent-soft);color:var(--accent-dark)}
button.danger{background:var(--bad);color:#fff}
button.small{padding:6px 10px;font-size:13px}
button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
input,textarea,select{padding:8px 10px;border:1px solid var(--field-line);border-radius:8px;font:inherit;font-size:14px;background:var(--field);color:var(--text);max-width:100%}
input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}
textarea{width:100%;resize:vertical;line-height:1.45}
a{color:var(--accent)}
.note{min-height:1.2em;font-size:14px}
.note.ok{color:var(--ok)}.note.warn{color:var(--warn)}.note.bad{color:var(--bad)}
.tag{font-size:12px;padding:2px 10px;border-radius:999px;background:var(--warn-soft);color:var(--warn);white-space:nowrap}
.tag.bad{background:var(--bad);color:#fff}
.tag.ok{background:var(--ok-soft);color:var(--ok)}
.qcard{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--warn);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}
.qcard.done{border-left-color:var(--ok);opacity:.8}
.qcard.alarm{border-left-color:var(--bad);border-color:var(--bad);background:var(--bad-soft)}
.scroll{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:13px}
th,td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line);vertical-align:top}
/* --- блок m-: общий с dashboard.css --- */
.m-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}
.m-tab{background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-weight:600}
.m-tab:hover{background:var(--accent-soft)}
.m-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}
.m-count{margin-left:6px;font-weight:700}
.m-count.hot{background:var(--bad);color:#fff;border-radius:999px;padding:1px 8px;font-size:12px}
.m-list{display:grid;gap:12px}
.m-empty{padding:18px;text-align:center;color:var(--muted);background:var(--card);border:1px dashed var(--line);border-radius:var(--radius)}
.m-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.m-title{font-weight:600;margin:8px 0 2px}
.m-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 0}
.m-row textarea,.m-row input[type=text]{flex:1 1 260px}
.m-result{font-size:13px;color:var(--ok)}
.m-result.bad{color:var(--bad)}
.m-reaction{margin:8px 0 0;padding:6px 10px;border-radius:8px;background:var(--accent-soft);font-size:13px}
.m-phone{margin:8px 0 0}
.m-field{display:flex;flex-direction:column;gap:3px;margin:8px 0}
.m-label{font-size:13px;color:var(--muted)}
.m-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 14px;margin:0 0 12px}
.m-filters .m-field{margin:0}
.m-grow{flex:1 1 220px}
.m-check{display:flex;align-items:center;gap:4px;padding-bottom:8px}
.m-order{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px}
.m-order.stuck{border-color:var(--bad);border-left:4px solid var(--bad);background:var(--bad-soft)}
.m-goods{margin:6px 0 2px;font-weight:500}
.m-chain{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 2px}
.m-step{display:flex;flex-direction:column;min-width:120px;padding:4px 10px;border-radius:8px;font-size:12px;background:var(--ok-soft);color:var(--ok)}
.m-step b{font-weight:600}
.m-step.off{background:var(--accent-soft);color:var(--muted)}
.m-step.bad{background:var(--bad);color:#fff}
.m-toggle{background:transparent;color:var(--text);padding:2px 0;font-weight:600;font-size:15px;text-align:left}
.m-toggle:hover{background:transparent;text-decoration:underline}
.m-check-badge{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:999px;font-size:13px;font-weight:700}
.m-check-badge.ok{background:var(--ok-soft);color:var(--ok)}
.m-check-badge.bad{background:var(--bad-soft);color:var(--bad)}
.m-check-badge.off{background:var(--accent-soft);color:var(--muted)}
.m-text{white-space:pre-wrap;margin:8px 0}
.m-msgs{display:grid;gap:6px;margin:8px 0}
.m-msg{display:flex;flex-direction:column;padding:6px 10px;border-radius:8px;background:var(--accent-soft);font-size:13px}
.m-msg.owner{background:var(--warn-soft)}
.m-msg span{white-space:pre-wrap}
.m-form{margin:0 0 12px}
.m-owner{margin-top:24px}
.m-groups{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.m-gbtn{background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}
.m-gbtn:hover{background:var(--accent-soft)}
.m-gbtn.active{background:var(--accent);color:#fff;border-color:var(--accent)}
.m-gbtn b{margin-left:5px}
.m-old{margin-top:18px}
.m-old-toggle{width:100%;text-align:left;background:var(--card);color:var(--muted);border:1px dashed var(--line)}
.m-old-toggle:hover{background:var(--accent-soft)}
.m-card.m-aged{opacity:.85}
.m-card.m-done{opacity:.6;border-left-color:var(--ok)}
.m-done-note{margin:6px 0 0;font-size:13px;font-style:italic;color:var(--muted)}
.m-choose{display:grid;gap:6px;margin:10px 0 0}
.m-cand{display:flex;align-items:flex-start;gap:8px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--card);font-size:14px;cursor:pointer}
.m-cand.picked{border-color:var(--accent);background:var(--accent-soft)}
.m-cand.disabled{opacity:.6;cursor:default}
.m-cand input{margin-top:4px}
.m-check-text{font-size:13px}
.m-check-text.ok{color:var(--ok)}
.m-check-text.bad{color:var(--bad)}
.m-check-text.off{color:var(--muted)}
.m-closed{margin-top:18px}
.m-wide{width:100%;border-collapse:collapse;font-size:13px;background:var(--card)}
.m-wide th{position:sticky;top:0;background:var(--card);white-space:nowrap}
.m-wide td{vertical-align:middle}
.m-wide tr.stuck td{background:var(--bad-soft)}
.m-wide .m-nowrap{white-space:nowrap}
.m-wide .m-goodscell{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-mark{display:inline-block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;padding:2px 8px;border-radius:6px;font-size:12px;background:var(--ok-soft);color:var(--ok)}
.m-mark.off{background:var(--accent-soft);color:var(--muted)}
.m-mark.bad{background:var(--bad);color:#fff}
.m-today{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin:10px 0 0}
.m-tiles{display:flex;flex-wrap:wrap;gap:8px}
.m-tile{display:flex;flex-direction:column;align-items:flex-start;min-width:104px;padding:6px 12px;border-radius:10px;background:var(--card);color:var(--text);border:1px solid var(--line);text-align:left;font-size:12px}
.m-tile b{font-size:20px;line-height:1.2}
.m-tile:hover{background:var(--accent-soft)}
.m-tile.zero{color:var(--muted);opacity:.7}
.m-today-side{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;font-size:13px}
.m-cutoff{font-weight:600}
.m-cutoff.bad{color:var(--bad)}
.m-donecount{color:var(--muted)}
.m-refs{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.m-copy{display:inline-flex;align-items:center;gap:4px}
.m-copybtn{background:var(--accent-soft);color:var(--accent-dark);padding:1px 8px;font-size:13px;line-height:1.4}
.m-offscreen{position:fixed;left:-9999px;top:0;opacity:0}
.m-next{margin:6px 0 2px;font-size:14px}
.m-days{display:inline-block;padding:1px 8px;border-radius:999px;font-size:12px;background:var(--accent-soft);color:var(--accent-dark)}
.m-days.warn{background:var(--warn-soft);color:var(--warn)}
.m-days.bad{background:var(--bad-soft);color:var(--bad)}
.m-hint{margin:2px 0 0}
.m-handover{margin:8px 0 0;padding:8px 10px;border-radius:8px;background:var(--warn-soft);color:var(--text);font-size:13px}
.m-handover p{margin:3px 0}
.m-handover .m-row{margin:6px 0 0}
.m-asktoggle{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}
.m-ask-form{margin:8px 0 0;padding:8px 10px;border-radius:8px;background:var(--accent-soft)}
.m-linkbtn{background:transparent;color:var(--accent);padding:6px 4px;text-decoration:underline}
.m-linkbtn:hover{background:transparent;filter:none;text-decoration:none}
.m-quiet{opacity:.65;border-left-color:var(--line)}
.m-orderline{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:8px 0 0;padding:6px 10px;border-radius:8px;background:var(--accent-soft);font-size:13px}
.m-tpls{gap:6px}
.m-questions{margin:0 0 16px}
.m-wide .m-nextcell{min-width:180px;white-space:normal}
.m-wide .m-extra td{padding:4px 8px 10px;background:var(--card)}
@media (max-width:640px){
  .m-tile{flex:1 1 calc(33% - 8px);min-width:0}
  .m-today-side{width:100%}
}
@media (max-width:640px){
  main{padding:12px 12px 40px}
  .m-tab{padding:7px 12px}
  .m-step{min-width:calc(50% - 6px);flex:1 1 calc(50% - 6px)}
}

/* Этап 3: колл-центр (m-kc…) и ИИ-черновик. Блок дублируется в manager.css и в конце dashboard.css — при правке менять в обоих файлах. */
.m-kc .m-title{font-size:16px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}
.m-kc-owner{border-left-color:var(--accent);background:var(--accent-soft)}
.m-kc-thread{margin:6px 0 0;padding-left:10px;border-left:3px solid var(--line)}
.m-kc-note{font-style:italic}
.m-kcsetup ol.m-steps{margin:6px 0 10px;padding-left:22px}
.m-kcsetup ol.m-steps li{margin:3px 0}
.m-botname{font-size:15px;user-select:all}
.m-groupslist{display:flex;flex-direction:column;gap:6px}
.m-grouprow{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:6px 8px;border:1px solid var(--line);border-radius:8px}
.m-grouprow input[type=checkbox]{width:20px;height:20px}
button[data-ai-for]:disabled{font-style:italic}
@media (max-width:640px){
  .m-kc .m-row button{flex:1 1 auto}
  .m-grouprow{align-items:flex-start}
}