/* CRM заказчика кухонь. Палитра, шрифт и размеры таблиц = раздел «Отчётность» кабинета клонера (index.html,
   #page-reports .rep-*): та же таблица, что видит Иван. Шрифт своей копией: страница наружу не ходит. */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-400-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-500-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-600-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#fff;--bg2:#f9fafb;--bg3:#f3f4f6;--border:#e5e7eb;--border2:#d1d5db;--text:#111827;--text2:#6b7280;--text3:#9ca3af;--accent:#2563eb;--accent-bg:#eff6ff;--accent-border:#bfdbfe;--r:8px;--r2:12px}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}
button{font-family:inherit}
a{color:var(--accent);text-decoration:none}

/* шапка */
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;border-bottom:1px solid var(--border)}
.top-l{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;min-width:0}
.top h1{font-size:16px;font-weight:600}
.top-sub{font-size:12px;color:var(--text3)}
.top-sub.warn{color:#a07a32}
.content{padding:18px 22px}
.empty{color:var(--text3);font-size:12.5px;padding:16px}

/* кнопки и карточки */
.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--r);border:1px solid var(--border2);cursor:pointer;font-size:13px;font-weight:500;background:var(--bg);color:var(--text);white-space:nowrap}
.btn:hover{background:var(--bg3)}
.btn-p{background:var(--accent);color:#fff;border-color:var(--accent)}
.btn-p:hover{background:#1d4ed8}
.btn-sm{padding:5px 10px;font-size:12px}
.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r2);margin-bottom:12px}
.card-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--border);font-size:13px;font-weight:600}
.head-sub{font-size:11.5px;font-weight:400;color:var(--text3)}

/* вход */
.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--bg2)}
.login{width:100%;max-width:340px;padding:24px;display:flex;flex-direction:column;gap:12px}
.login h1{font-size:18px;font-weight:600;margin-bottom:4px}
.login label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--text2);font-weight:500}
.login input{width:100%;border:1px solid var(--border2);border-radius:var(--r);padding:9px 11px;font:inherit;font-size:15px;color:var(--text);outline:none}
.login input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}
.login .btn{justify-content:center;padding:10px 14px;font-size:14px}
.login-err{min-height:18px;font-size:12.5px;color:#b05c5c}

/* фильтры (как .crm-tab кабинета) */
.chips{display:inline-flex;gap:4px;flex-wrap:wrap;align-items:center;font-weight:400}
.chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:1px solid var(--border);background:var(--bg);border-radius:5px;cursor:pointer;font-size:12px;color:var(--text)}
.chip:hover{background:var(--bg2)}
.chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}
.chip-cnt{display:inline-block;min-width:18px;padding:1px 6px;text-align:center;background:rgba(0,0,0,.06);border-radius:10px;font-size:11px;font-weight:600}
.chip.active .chip-cnt{background:rgba(255,255,255,.25)}
.chip-week{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent);font-weight:500}

/* таблицы (как .crm-table.rep-tbl кабинета) */
.scroll{overflow-x:auto}
.tbl{width:auto;min-width:100%;border-collapse:collapse;font-size:11.5px}
.tbl.sum{min-width:0}
.tbl th{padding:5px 8px;text-align:left;border-bottom:1px solid var(--border2);font-weight:600;color:var(--text2);font-size:10.5px;white-space:nowrap;text-transform:uppercase;letter-spacing:.02em;background:var(--bg2)}
.tbl td{padding:4px 8px;border-bottom:1px solid var(--border);vertical-align:middle;line-height:1.35}
.tbl th.gh{text-align:center}
.tbl .sep{border-left:1px solid var(--border)}
.tbl .n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.tbl .num{color:var(--text3);width:26px}
.tbl tbody tr:hover td{background:var(--bg3)}
.tbl tfoot td{font-weight:600;background:var(--bg2);border-top:1px solid var(--border2)}
.nw{white-space:nowrap}
.sub{color:var(--text3)}
.tc{color:#3f8a57}
.tr{color:#b05c5c}
.warn{display:inline-block;padding:0 6px;border:1px solid #ecd9b0;background:#fbf3e3;color:#a07a32;border-radius:4px;font-size:11px;line-height:1.5}

/* сводка */
.sum tbody tr.wk{cursor:pointer}
.sum tbody tr.wk:nth-of-type(even) td{background:#fafafa}
.sum tbody tr.wk.sel td{background:var(--accent-bg)}
.sum td.lab{white-space:nowrap}
.bar{display:inline-flex;height:8px;border-radius:4px;overflow:hidden;background:var(--bg3);vertical-align:middle}
.bar i{display:block;height:100%}
.bar .b-c{background:#5fa074}
.bar .b-p{background:#c9ced6}
.bar .b-r{background:#d38b8b}

/* заявки */
.leads tr.day td{background:var(--bg2);font-weight:600;padding:5px 8px;border-top:1px solid var(--border2);border-bottom:1px solid var(--border2);color:var(--text);white-space:nowrap}
.leads tr.day .day-in{position:sticky;left:8px}
.leads tr.day .day-n{font-weight:400;color:var(--text2)}
.leads tr.zb td{background:#fafafa}
.leads tr.lead{cursor:pointer}
.leads tr.st-confirmed>td:first-child{box-shadow:inset 3px 0 0 #5fa074}
.leads tr.st-removed>td:first-child{box-shadow:inset 3px 0 0 #d38b8b}
.leads tr.st-removed td{color:var(--text3)}
.leads tr.open td{background:var(--accent-bg)!important}
.leads tr.det td{background:var(--bg2)!important;padding:8px 12px;white-space:normal;cursor:auto}
.ph{white-space:nowrap;font-variant-numeric:tabular-nums}
.c-name{max-width:120px}
.c-kviz{min-width:190px;max-width:260px}
.c-stat{white-space:nowrap}
.c-otk{min-width:80px;max-width:140px}
.c-reg{max-width:105px}
.c-dev{min-width:90px;max-width:150px}
.c-beh{min-width:140px;max-width:190px}
.c-note{min-width:150px;max-width:230px;white-space:pre-wrap;overflow-wrap:anywhere;cursor:text}
.c-note.ph-empty{color:var(--text3)}

/* отметка (как .rep-mk кабинета) */
.mk{display:inline-flex;gap:3px}
.mk button{min-width:26px;height:24px;padding:0 5px;border:1px solid var(--border);background:var(--bg);border-radius:5px;cursor:pointer;font-size:12px;line-height:1;color:var(--text3)}
.mk button:hover{border-color:var(--border2);color:var(--text)}
.mk .mk-pending.on{background:var(--bg3);border-color:var(--border2);color:var(--text2)}
.mk .mk-confirmed.on{background:#f0f7f1;border-color:#9fc9ab;color:#3f8a57;font-weight:600}
.mk .mk-removed.on{background:#f9eded;border-color:#e0b2b2;color:#b05c5c;font-weight:600}
.mk button:disabled{opacity:.6;cursor:progress}

/* редактор комментария */
.ed{display:flex;flex-direction:column;gap:5px;min-width:200px}
.ed textarea{width:100%;min-height:58px;resize:vertical;border:1px solid var(--accent);border-radius:6px;padding:5px 7px;font:inherit;font-size:12.5px;line-height:1.4;color:var(--text);outline:none;box-shadow:0 0 0 3px var(--accent-bg)}
.ed-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11px;color:var(--text3)}
.ed-row .btn{padding:3px 9px;font-size:11.5px}
.ed-cnt.over{color:#b05c5c;font-weight:600}
.ed-hint{font-size:11px;color:var(--text3)}
.c-note.editing{outline:2px solid var(--accent-border);outline-offset:2px;border-radius:4px}

/* всплывашка комментария (ПК): поверх страницы, таблица под ней не двигается */
.dlg-fon{position:fixed;inset:0;z-index:40;display:flex;align-items:flex-start;justify-content:center;padding:14vh 16px 16px;background:rgba(17,24,39,.32)}
.dlg{width:100%;max-width:460px;display:flex;flex-direction:column;gap:10px;padding:16px;background:var(--bg);border-radius:var(--r2);box-shadow:0 12px 40px rgba(0,0,0,.22)}
.dlg-t{font-size:13.5px;font-weight:600}
.dlg-sub{font-weight:400;color:var(--text2)}
.dlg .ed{min-width:0}
.dlg .ed textarea{min-height:110px;font-size:13px}
.dlg .ed-row .btn{padding:6px 14px;font-size:12.5px}

/* раскрытие строки (как .rep-det-kv кабинета) */
.det-wrap{position:sticky;left:12px;max-width:calc(100vw - 70px);display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px 48px;font-size:12px;line-height:1.55}
.det-g{min-width:0;max-width:520px}
.det-g>b{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.02em;color:var(--text2);margin-bottom:2px}
.dl{display:grid;grid-template-columns:max-content minmax(0,auto);column-gap:14px;row-gap:2px}
.dk{color:var(--text3);white-space:nowrap}
.dv{min-width:0;overflow-wrap:anywhere}

/* история */
.hist-head{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;border:0;background:none;cursor:pointer;font-size:13px;font-weight:600;color:var(--text);text-align:left}
.hist-head:hover{background:var(--bg2);border-radius:var(--r2)}
.hist-arrow{display:inline-block;width:12px;color:var(--text2);transition:transform .15s}
.hist-head[aria-expanded="true"] .hist-arrow{transform:rotate(90deg)}
.hist-body{border-top:1px solid var(--border)}
.hist .tbl td{vertical-align:top}
.hist-note{max-width:320px;white-space:pre-wrap;overflow-wrap:anywhere}
.hist-list{display:none}

/* всплывающее сообщение */
.toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);background:#111827;color:#fff;padding:9px 14px;border-radius:8px;font-size:13px;max-width:calc(100vw - 32px);box-shadow:0 4px 16px rgba(0,0,0,.18);z-index:50}
.banner{margin-bottom:12px;padding:9px 12px;border:1px solid #e0b2b2;background:#f9eded;color:#b05c5c;border-radius:var(--r);font-size:12.5px}

/* ===== телефон и узкие планшеты: строки-блоки вместо широкой таблицы ===== */
.m-list{display:none}
@media (max-width:900px){
  .top{padding:10px 12px}
  .top h1{font-size:15px}
  .content{padding:10px}
  .card-head{padding:10px 12px}
  .chip{padding:7px 10px;font-size:13px}
  .tbl{font-size:12.5px}
  .tbl th{font-size:12px}
  .head-sub,.top-sub,.chip-cnt,.warn{font-size:12px}
  .sum td,.sum th{padding:6px 7px}
  .sum .bar-col,.bar-legend{display:none}
  .leads-desk{display:none}
  .m-list{display:block}
  .m-day{position:sticky;top:0;z-index:2;background:var(--bg2);border-top:1px solid var(--border2);border-bottom:1px solid var(--border2);padding:6px 12px;font-size:13px;font-weight:600}
  .m-day .day-n{font-weight:400;color:var(--text2)}
  .m{padding:10px 12px;border-bottom:1px solid var(--border);font-size:13.5px;line-height:1.4;cursor:pointer}
  .m.zb{background:#fafafa}
  .m.st-confirmed{box-shadow:inset 3px 0 0 #5fa074}
  .m.st-removed{box-shadow:inset 3px 0 0 #d38b8b;color:var(--text3)}
  .m.open{background:var(--accent-bg)}
  .m-top{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
  .m-num{color:var(--text3);font-size:12px;min-width:18px}
  .m-time{font-weight:600}
  .m-id{color:var(--text2);font-size:12.5px}
  .m-stat{margin-left:auto;font-size:12.5px;color:var(--text2)}
  .m-who{margin-top:3px}
  .m-who b{font-weight:600}
  .m-who a{white-space:nowrap;font-variant-numeric:tabular-nums}
  .m-kviz{margin-top:3px;color:var(--text)}
  .m-src{margin-top:3px;font-size:12.5px;color:var(--text2);overflow-wrap:anywhere}
  .m-act{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}
  .m-act .mk{gap:6px}
  .m-act .mk button{min-width:44px;height:44px;font-size:17px;border-radius:8px}
  .m-note-btn{min-height:44px;padding:0 12px;border:1px solid var(--border);background:var(--bg);border-radius:8px;font-size:13px;color:var(--text2);cursor:pointer}
  .m-note{margin-top:6px;padding:6px 8px;background:var(--bg2);border-radius:6px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;color:var(--text)}
  .m .ed{margin-top:8px}
  .m .ed textarea{font-size:15px;min-height:72px}
  .m .ed-row .btn{min-height:40px;padding:0 14px;font-size:13px}
  .m-det{margin-top:8px;padding-top:8px;border-top:1px dashed var(--border2);cursor:auto}
  .m-det .det-wrap{position:static;max-width:none;gap:10px}
  .m-det .dl{grid-template-columns:minmax(90px,max-content) minmax(0,1fr)}
  .m-det .dk{white-space:normal}
  .hist .tbl{display:none}
  .hist-list{display:block}
  .h-item{padding:8px 12px;border-bottom:1px solid var(--border);font-size:13px;line-height:1.4}
  .h-item .h-t{color:var(--text2);font-size:12px}
  .hist-head{padding:12px}
}