/* Lina — тёплая тема. Токены: фон, поверхность, чернила, акцент; статусы мягче платформенных. */ :root{color-scheme:light;--bg:#F7F5F1;--card:#fff;--line:#E5E0D8;--soft:#F1EDE6;--tint:#FBFAF8;--line-w:#F3F0EA;--line-s:#CFC8BE;--dim:#B8B1A7;--sh:rgba(30,27,23,.14);--text:#1E1B17;--muted:#6B645E;--faint:#79726B;--accent:#2E7D68;--accent-h:#256856;--accent-soft:var(--soft-ok); --ok:#2E7D68;--warn:#C7891A;--bad:#C93B3B;--slot:36px;--ack-read:#3A86D8; /* ⚠️ светлые значения (23.09.2026): при переводе цветов в токены 22.09 строка сама себя заменила на var(--soft-ok) — ссылка на саму себя недействительна, и в светлой теме мягкие заливки пропали (выбранный список в «Задачах» не подсвечивался). Цвета взяты из app.css от 21.09 — самые частые в тех же правилах. */ --soft-ok:#DDEEE7;--soft-warn:#FBF1D9;--soft-bad:#FDE2E0;--soft-info:#EFEEF9; --ink-ok:#1F5F4E;--ink-warn:#7A5A12;--ink-bad:#9E2B2B;--ink-info:#3A44B8;--bd-warn:#E2C56B;--bd-bad:#F1C9C9; --wait:#DDF3EA;--wait-e:#1F9E7E;--conf:#E3E5FA;--conf-e:#5661D6;--came:#FCE8B8;--came-e:#D2921A;--paid:#FFDCC4;--paid-e:#E4702B;--no:#FAD4D4;--no-e:#D64545; /* заливки записей в журнале — сочные, как в YClients (25.09.2026, владелец); --wait/--conf/… выше — мягкие, для плашек и чипов */ --r-wait:#8EDFCD;--r-conf:#A7B2FD;--r-came:#F7C255;--r-paid:#FF9B5E;--r-no:#FF7070; --r-wait-e:#0B8A70;--r-conf-e:#4250D6;--r-came-e:#B0700A;--r-paid-e:#D0500C;--r-no-e:#C42B2B; --r-site:#6DBDFB;--r-ya:#FFE04A;--r-fm:#D3A4F6} /* Тёмная тема (22.09.2026, владелец: «чтобы можно было выбирать — светлая, тёмная»). Атрибут data-theme на ставит JS (light | dark), «как на устройстве» он вычисляет сам — поэтому здесь один блок, а не две копии под prefers-color-scheme. */ :root[data-theme="dark"]{color-scheme:dark; /* 22.09.2026, владелец: «тёмная как-то не очень круто выглядит». Первый вариант был коричнево-чёрный — заливки записей выглядели грязными, колонки журнала сливались. Взяли чистый графит с холодным отливом: поверхности различимы между собой, статусы записей насыщённые, текст почти белый. */ --bg:#15171C;--card:#1D2027;--tint:#22262E;--soft:#2A2F39;--line:#333945;--line-w:#262A33;--line-s:#454D5C;--dim:#6E7686; --sh:rgba(0,0,0,.5);--text:#ECEFF4;--muted:#A6AEBC;--faint:#8B93A2; --accent:#3FB08F;--accent-h:#52C4A2;--accent-soft:#17362D;--ok:#3FB08F;--warn:#E0A94A;--bad:#EB7C74;--ack-read:#6FB2F0; --wait:#14392F;--wait-e:#36CBA2;--conf:#212951;--conf-e:#8C95F8;--came:#3C3117;--came-e:#EFC163; --paid:#402715;--paid-e:#FF9A5C;--no:#3E1F1F;--no-e:#F28B8B; --r-wait:#146656;--r-conf:#36419A;--r-came:#86600A;--r-paid:#9A4413;--r-no:#8E2433; --r-wait-e:#4FE0BA;--r-conf-e:#A3AAFF;--r-came-e:#FFD27A;--r-paid-e:#FFAA70;--r-no-e:#FF9B9B; --r-site:#1A5A8E;--r-ya:#636A08;--r-fm:#5A3A8C; --soft-ok:#17362D;--soft-warn:#3A3017;--soft-bad:#3B1F1F;--soft-info:#212951; --ink-ok:#6FD8B7;--ink-warn:#EDC46E;--ink-bad:#F49A93;--ink-info:#A3AAF8;--bd-warn:#6B5628;--bd-bad:#6C3835} /* записи «с сайта / Яндекс Карты / Fitmost»: в тёмной теме пастель меняем на глубокий тон того же цвета */ /* тёмная: журнал должен «читаться сеткой» — шапка мастеров отделена, часовые линии видны, карточка записи чуть приподнята */ :root[data-theme="dark"] .gh{background:var(--tint)} :root[data-theme="dark"] .gt{background:var(--card)} :root[data-theme="dark"] .cell.hour{border-bottom-color:#39404C} :root[data-theme="dark"] .cell.half{border-bottom-color:#2C313A} :root[data-theme="dark"] .rec{box-shadow:0 1px 3px rgba(0,0,0,.45)} :root[data-theme="dark"] .rec .new,:root[data-theme="dark"] .mitem .new{border-color:rgba(255,255,255,.55);color:rgba(255,255,255,.85)} /* метка «новый» на тёмной заливке не читалась (25.09.2026) */ :root[data-theme="dark"] .cell.off{background:repeating-linear-gradient(135deg,#1F232A 0 5px,#191C22 5px 10px)} :root[data-theme="dark"] .journal{border-color:var(--line)} :root[data-theme="dark"] .side-card{border-left:1px solid var(--line)} :root[data-theme="dark"] .peek,:root[data-theme="dark"] .modal-card{border:1px solid var(--line)} *{box-sizing:border-box} [hidden]{display:none!important} html,body{margin:0;background:var(--bg);color:var(--text);font:14px/1.4 Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-variant-numeric:tabular-nums} button{font:inherit;cursor:pointer;color:inherit} a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline} input,select,textarea{font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);width:100%;min-height:38px} textarea{min-height:auto} input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)} input::placeholder{color:var(--faint)} /* 22.09.2026, дизайн-ревизия: базовое правило input{width:100%;min-height:38px} раздувало галочки — в карточке записи «Гостю важен мастер» квадрат был во всю строку. Чиним один раз для всей Lina. */ input[type=checkbox],input[type=radio]{width:auto;min-height:0;height:16px;padding:0;margin:0 6px 0 0;flex:none;accent-color:var(--accent);vertical-align:middle} input[type=checkbox]{width:16px} /* «Войти как» (08.09.2026): управляющий смотрит Lina глазами сотрудника — плашка над шапкой, шапка съезжает вниз */ .actas{position:sticky;top:0;z-index:26;display:flex;align-items:center;gap:10px;padding:6px 16px;min-height:36px;background:#8A5A00;color:#fff;font-size:13px;font-weight:600} .actas .sp{flex:1} .actas .btn{background:#fff;color:#8A5A00;border-color:#fff} body.act-as .top{top:var(--actas-h,36px)} @media (max-width:700px){.actas{padding:6px 10px;font-size:12.5px}} .top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:8px 16px;background:var(--card);border-bottom:1px solid var(--line);height:54px} .brand{font:italic 600 26px/1 "Cormorant Garamond",Georgia,serif;color:var(--accent);white-space:nowrap;letter-spacing:.01em} .tabs{display:flex;gap:2px;overflow-x:auto} .tab{padding:7px 12px;border:0;background:transparent;border-radius:8px;color:var(--muted);white-space:nowrap;font-weight:600} .tab.active{background:var(--soft);color:var(--text)} .gsearch{margin-left:auto;position:relative;display:flex;align-items:center;gap:8px;width:280px;height:36px;border:1px solid var(--line);border-radius:10px;padding:0 10px;color:var(--faint);background:var(--tint)} .gsearch input{border:0;background:transparent;padding:0;min-height:0;height:34px;outline:none!important} .gsearch .dd{top:40px;left:0;width:360px} #company{width:auto;max-width:210px;font-weight:600;min-height:36px;padding:6px 10px} /* выбор филиалов в шапке (23.09.2026): один на всю Lina, в «Показателях», «Картах», «Аналитике» — несколько галочками */ #company.co-legacy{display:none!important} .copick-w{position:relative;flex:none} .copick{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);font-weight:600;font-size:14px;cursor:pointer;max-width:260px} .copick span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copick svg{flex:none;color:var(--muted)} .copick:hover,.copick.on{border-color:var(--accent)} .co-dd{position:absolute;right:0;top:calc(100% + 6px);z-index:60;min-width:270px;max-height:calc(70vh/var(--z,1));overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px var(--sh);padding:6px} .co-h{font-size:12px;color:var(--muted);padding:6px 10px 4px} .co-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4px 0 10px;border-radius:8px;min-height:38px} .co-row:hover{background:var(--soft)} .co-dd label{display:flex!important;align-items:center;justify-content:flex-start!important;gap:9px;cursor:pointer;flex:1;min-height:38px;margin:0;font-weight:600;font-size:14px;white-space:nowrap;color:var(--text)} .co-dd label .muted{font-weight:400;font-size:12px} .co-row input{width:16px;height:16px;min-height:0;margin:0;accent-color:var(--accent)} .co-all{border-bottom:1px solid var(--line-w);border-radius:8px 8px 0 0;margin-bottom:2px} .co-only{visibility:hidden;border:0;background:none;color:var(--accent);font-size:12px;font-weight:600;padding:6px 8px;cursor:pointer;border-radius:6px} .co-row:hover .co-only{visibility:visible}.co-only:hover{background:var(--accent-soft)} button.co-row.co-one{width:100%;border:0;background:none;justify-content:flex-start;font-weight:600;font-size:14px;color:var(--text);cursor:pointer;padding:0 10px} button.co-row.co-one.on{background:var(--accent-soft);color:var(--accent)} @media (hover:none){.co-only{visibility:visible}} @media (max-width:700px){.copick-w{flex:1;min-width:0}.copick{width:100%;max-width:100%;justify-content:space-between}.co-dd{right:0;left:auto;min-width:min(290px,calc(92vw/var(--z,1)))}} .theme-btn{color:var(--muted);border-color:transparent;background:transparent;flex:none}.theme-btn:hover{background:var(--soft);color:var(--text)} /* тема — в шапке (22.09.2026) */ .btn.user{color:var(--muted);border-color:transparent;background:transparent;font-weight:600}.btn.user:hover{background:var(--soft)} main{padding:10px 12px} .bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px} .bar input[type=date],.bar input[type=month]{width:auto} .btn{padding:8px 14px;border-radius:10px;border:1px solid var(--line);background:var(--card);font-weight:600;display:inline-flex;align-items:center;gap:6px;justify-content:center;min-height:36px} .btn:hover{border-color:var(--line-s)} .btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.primary:hover{background:var(--accent-h)} .btn.ok{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.ok:hover{background:var(--accent-h)} .btn.danger{color:var(--bad);border-color:var(--bd-bad)} .btn.lnk{border:0;background:transparent;padding:0 6px;color:var(--muted)}.btn.lnk.danger{color:var(--bad)} .btn.small{padding:5px 10px;font-size:13px;min-height:30px} .btn.ic{width:36px;padding:0}.btn.ic.small{width:30px} .btn.big{width:100%;min-height:46px;font-size:15px;border-radius:12px} .btn:disabled{opacity:.5;cursor:default} .btn.ok-t{color:var(--ok);border-color:var(--accent-soft);background:var(--accent-soft)} .muted{color:var(--muted)}.small{font-size:12.5px} .card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px} .rel{position:relative} .eyebrow{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:8px} /* дата-переключатель: видна подпись, нативный календарь спрятан поверх неё (журнал, «Продано за день») */ .jdate{position:relative;display:inline-flex;align-items:center;cursor:pointer} .jdate>span{border-bottom:1px dashed var(--line)} .jdate input{position:absolute;inset:0;opacity:0;cursor:pointer;min-height:0;width:100%} /* календарь в подписи даты (08.09.2026, Катя Блинова: листала по одному дню до октября — пунктир под датой за кнопку не считали) */ .jdate i.cal{display:inline-flex;margin-left:6px;color:var(--muted);line-height:0;flex:none}.jdate:hover>span{border-bottom-color:var(--text)}.jdate:hover i.cal{color:var(--text)} /* журнал: слот (15 мин) считается в JS так, чтобы весь день влезал в экран; ниже 11px — прокрутка */ .jbar .jdate{position:relative;display:inline-flex;align-items:center;font-size:17px;font-weight:800;letter-spacing:-.01em;margin-left:4px;cursor:pointer} .jbar .jdate input{position:absolute;inset:0;opacity:0;cursor:pointer;min-height:0} #wlbtn{display:inline-flex;align-items:center;gap:6px}#wlbtn .wl-i{display:none;line-height:0} @media (max-width:700px){#wlbtn .wl-i{display:inline-block}} .legend{display:inline-flex;gap:10px;align-items:center;color:var(--muted);font-size:12px;margin-left:6px} .legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:-4px} .legend i.wait{background:var(--r-wait)}.legend i.conf{background:var(--r-conf)}.legend i.came{background:var(--r-came)}.legend i.paid{background:var(--r-paid)}.legend i.no{background:var(--r-no)}.legend i.cancel{background:var(--dim)} .journal{overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:12px;position:relative} .grid{display:grid;grid-auto-rows:var(--slot);position:relative} .gh{position:sticky;top:0;z-index:5;background:var(--card);border-bottom:1px solid var(--line);border-left:1px solid var(--line-w);padding:0 8px;display:flex;align-items:center;gap:8px;min-width:120px;overflow:hidden} .gh .av{width:30px;height:30px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:12px} .gh .gn{min-width:0;line-height:1.2} .gh .gn b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .gh .gn small{display:block;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .gh .cnt{margin-left:auto;font-size:11px;color:var(--muted);background:var(--soft);padding:1px 7px;border-radius:999px;flex:none} .gh.first{border-left:0;padding:0} .gt{position:sticky;left:0;z-index:4;background:var(--card);border-right:1px solid var(--line);font-size:11px;color:var(--muted);padding:2px 6px 0;text-align:right;min-width:48px;line-height:1;font-weight:600} .cell{border-right:1px solid var(--line-w);border-bottom:1px solid var(--line-w);position:relative} .cell.half{border-bottom-color:#EFEBE4} .cell.hour{border-bottom-color:#DDD7CE} .cell.off{background:repeating-linear-gradient(135deg,var(--line-w) 0 5px,var(--tint) 5px 10px)} .cell .plus{display:none;position:absolute;inset:1px 3px;border:1.5px dashed var(--accent);border-radius:6px;background:rgba(46,125,104,.06);color:var(--accent);font-weight:800;font-size:11px;align-items:center;justify-content:center;pointer-events:none} .cell:hover{cursor:pointer}.cell:hover .plus{display:flex} .rec{position:relative;margin:0 3px 0 2px;border-radius:6px;padding:3px 6px 3px 9px;font-size:11px;line-height:1.12;overflow:hidden;color:var(--text);cursor:pointer;z-index:2;box-shadow:0 1px 2px rgba(30,27,23,.10)} .rec::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px} .rec .t{display:flex;justify-content:space-between;gap:4px;font-size:10px;font-weight:600;opacity:.75;white-space:nowrap} .rec .t span:last-child{display:inline-flex;align-items:center;gap:3px;overflow:hidden} .rec .n{font-weight:800;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:5px} .rec .n.one span:first-child{font-weight:600;opacity:.75;margin-right:2px} .rec .n.one span.g{font-weight:600;opacity:.8;margin:0 0 0 5px} .rec .g{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:5px} /* гость под ритуалом (06.09.2026, Максим) */ .rec .noname{opacity:.55;font-weight:600} .rec .new{font-size:9.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border:1px solid rgba(30,27,23,.45);color:rgba(30,27,23,.75);padding:0 4px;border-radius:4px;flex:none;line-height:1.5} .rec .s,.rec .c{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .rec .c{opacity:.7;font-style:italic} .rec.wait{background:var(--r-wait)}.rec.wait::before{background:var(--r-wait-e)} .rec.conf{background:var(--r-conf)}.rec.conf::before{background:var(--r-conf-e)} .rec.came{background:var(--r-came)}.rec.came::before{background:var(--r-came-e)} .rec.paid{background:var(--r-paid)}.rec.paid::before{background:var(--r-paid-e)} /* 25.09.2026, ICE FACE: бледно-розовый «не пришёл» (ещё и с прозрачностью) сливался с персиковым «оплачено» — заливка насыщенно-красная, без прозрачности */ .rec.no{background:var(--r-no)}.rec.no::before{background:var(--r-no-e)} .rec.no .n,.rec.no .s,.rec.no .g{text-decoration:line-through;text-decoration-color:currentColor;text-decoration-thickness:1px} /* статус «Отменена» (05.09.2026): серая, пунктиром, под живыми записями; окно мастера свободно */ .rec .rph{font-weight:600;white-space:normal;overflow-wrap:anywhere}.rec .rph a{color:inherit;text-decoration:none} .rec .rhand{color:var(--ink-ok);font-weight:600} /* «на руках» гостя (21.09.2026) */ .rec .rmark{color:var(--ink-bad);font-weight:700} /* пометка «НЕ ЗВОНИТЬ / НЕ ПИСАТЬ» (21.09.2026) */ .tag.cmark{background:var(--soft-bad);color:var(--ink-bad);font-weight:700;border-color:var(--bd-bad)} .rec.clash{outline:2px solid #D64545;outline-offset:-2px;z-index:3} /* накладка у мастера — видна и не прячется под широкой парой (16.09.2026) */ .rec.cancel{background:var(--soft);opacity:.75;z-index:1;box-shadow:none;border:1px dashed var(--line-s);color:var(--muted)}.rec.cancel::before{background:var(--dim)} /* откуда запись (14.09.2026, Катя: «записи с сайта другим цветом, иначе мы их пропускаем»): сайт — оранжевая рамка и метка */ .rec.src-site{box-shadow:inset 0 0 0 2px #1C7ED6,0 1px 3px rgba(28,126,214,.25)} .rec.src-ya{box-shadow:inset 0 0 0 2px #C99700,0 1px 3px rgba(201,151,0,.3)} .rec.src-fm{box-shadow:inset 0 0 0 2px #7B5EA7,0 1px 3px rgba(123,94,167,.3)} /* 21.09.2026, владелец по фото Ксении: «цвет такой же, подпись только есть» — рамки мало. Пока гость не пришёл (ждём/подтвердил), запись от источника залита его цветом; статус — полоской слева и словом. Пришёл/оплачено/не пришёл — снова цвет статуса. */ .rec.src-site.wait,.rec.src-site.conf{background:var(--r-site)} /* сайт голубой, не оранжевый: оранжевый путался с «оплачено» */ .rec.src-ya.wait,.rec.src-ya.conf{background:var(--r-ya)} .rec.src-fm.wait,.rec.src-fm.conf{background:var(--r-fm)} .rec.src-site::before,.rec.src-ya::before,.rec.src-fm::before{width:5px} .rec .src{font-size:9px;font-weight:800;letter-spacing:.04em;padding:0 4px;border-radius:4px;color:#fff;background:#1C7ED6;line-height:1.5;flex:none;text-transform:uppercase} .rec .src.fm{background:#7B5EA7}.rec .src.ya{background:#FFCC00;color:#1E1B17} .legend i.site{background:var(--r-site);box-shadow:inset 0 0 0 2px #1C7ED6}.legend i.ya{background:var(--r-ya);box-shadow:inset 0 0 0 2px #C99700}.legend i.fm{background:var(--r-fm);box-shadow:inset 0 0 0 2px #7B5EA7} .rec.cancel .n,.rec.cancel .s,.rec.cancel .g{text-decoration:line-through;text-decoration-color:rgba(30,27,23,.35)}.rec.cancel .rz{display:none} .mitem.cancel::before{background:var(--dim)}.mitem.cancel{opacity:.75}.mitem.cancel .pill{background:var(--soft);color:var(--muted)}.mitem.cancel .nm,.mitem.cancel .sv.g{text-decoration:line-through} .cancelbox{background:var(--soft);border:1px dashed var(--line-s);border-radius:10px;padding:10px 12px;font-weight:800;color:var(--muted);margin-bottom:10px}.cancelbox small{display:block;font-weight:500;margin-top:3px;font-size:12px} /* вид «Неделя» одного мастера (05.09.2026) */ .jmseg{margin-left:6px}.jmseg button{padding:7px 10px;font-size:12.5px} .wsel{max-width:220px;padding:7px 10px} .gh.td{background:var(--accent-soft)}.gh.td .gn b{color:var(--accent)} .grid.week .gh .gn b{font-size:13.5px} @media (max-width:1450px){.jbar.week .legend{display:none}} @media (max-width:700px){.wsel{max-width:150px}.jbar.week #sum{width:100%;order:9}.jbar.week .legend{display:none}} .rec:hover{box-shadow:0 0 0 2px var(--accent),0 4px 14px rgba(30,27,23,.18);z-index:3} .rec .room{display:inline-block;font-size:10px;font-weight:800;padding:0 4px;border-radius:4px;background:rgba(30,27,23,.09);margin-left:4px;vertical-align:1px} .rec.pair{border:1.5px solid rgba(86,97,214,.5)} .rec .s.m{opacity:.75;font-weight:600} .gh .av.rm{border-radius:9px;font-size:11px} .cell .split{position:absolute;left:0;right:0;top:-1px;border-top:2px dashed var(--line-s);font-size:10px;color:var(--muted);font-weight:700;padding:1px 6px;background:var(--card);width:max-content;border-radius:0 0 4px 0;pointer-events:none;z-index:1} .warn{background:var(--no);border-radius:10px;padding:8px 10px;color:var(--ink-bad);font-size:12.5px;display:flex;gap:8px;align-items:flex-start;margin-top:6px} .warn svg{flex:none;margin-top:2px}.warn b{font-weight:800} .sug{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.sug .chip{border-color:#D64545;color:var(--ink-bad);background:var(--card)} .rec .rz{position:absolute;left:0;right:0;bottom:0;height:6px;cursor:ns-resize} .rec.dragging{opacity:.35;pointer-events:none} .rec.ghost{box-shadow:0 12px 32px rgba(30,27,23,.35);opacity:.95;transform:rotate(-.5deg)} .cell.drop{background:var(--accent-soft)!important} .rec{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none} /* палец: прокрутка обычная, перенос — после удержания (см. wireDrag), поэтому touch-action не трогаем */ .rec.lift{box-shadow:0 0 0 2px var(--accent),0 10px 28px rgba(30,27,23,.3);transform:scale(1.04);z-index:4;transition:transform .12s} .seg.mseg{display:none} /* переключатель «Сетка/Лента» — только на телефоне */ .dseg{margin-right:4px} @media (max-width:1150px){.legend{display:none}}.dseg button{padding:7px 10px;font-size:12.5px} /* телефон: лента дня */ .mlist{position:relative;padding-bottom:90px} .mchips{display:flex;gap:6px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none}.mchips::-webkit-scrollbar{display:none} .mchips .chip{white-space:nowrap;flex:none} .mitems{display:flex;flex-direction:column;gap:6px} .mitem{display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px 10px 0;overflow:hidden;position:relative;min-height:60px} .mitem::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px} .mitem.wait::before{background:var(--wait-e)}.mitem.conf::before{background:var(--conf-e)}.mitem.came::before{background:var(--came-e)}.mitem.paid::before{background:var(--paid-e)}.mitem.no::before{background:var(--no-e)} .mitem .tm{font-weight:800;font-size:13px;text-align:center}.mitem .tm small{display:block;color:var(--muted);font-weight:600;font-size:10.5px} .mitem .mi{min-width:0} .mitem .nm{font-weight:800;font-size:13.5px;display:flex;gap:6px;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .mitem .new{font-size:8.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border:1px solid rgba(30,27,23,.45);color:rgba(30,27,23,.75);padding:0 4px;border-radius:4px;flex:none} .mitem .noname{opacity:.55;font-weight:600} .mitem .sv.g{color:var(--text);font-weight:600;display:flex;gap:6px;align-items:center}.mitem .sv{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mitem .sv.c{font-style:italic} .mitem .pill{font-size:11px;font-weight:700;padding:4px 8px;border-radius:999px;white-space:nowrap} .mitem.wait .pill{background:var(--wait);color:var(--ink-ok)}.mitem.conf .pill{background:var(--conf);color:var(--ink-info)}.mitem.came .pill{background:var(--came);color:var(--ink-warn)}.mitem.paid .pill{background:var(--paid);color:#9A4412}.mitem.no .pill{background:var(--no);color:var(--ink-bad)} .mnow{display:flex;align-items:center;gap:8px;color:var(--bad);font-weight:800;font-size:11px;padding:2px 4px}.mnow::after{content:"";flex:1;height:2px;background:var(--bad)} .fab{position:fixed;right:16px;bottom:22px;width:56px;height:56px;border-radius:50%;border:0;background:var(--accent);color:#fff;font-size:30px;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(46,125,104,.4);z-index:30} .nowline{position:absolute;left:0;right:0;height:0;border-top:2px solid var(--bad);z-index:3;pointer-events:none} .nowline b{position:absolute;left:4px;top:-9px;background:var(--bad);color:#fff;font-size:10px;padding:1px 5px;border-radius:4px;font-weight:700} /* подсказка при наведении */ .peek{position:fixed;z-index:40;width:320px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 40px rgba(30,27,23,.22);padding:12px 14px;font-size:12.5px} .peek .pn{font-size:14px;font-weight:800;display:flex;align-items:center;gap:8px;flex-wrap:wrap} .peek .pn .chip{font-size:10.5px;padding:2px 7px} .peek .pm{color:var(--muted);margin:3px 0 8px} .peek .note{color:var(--text);background:var(--soft-warn);border-radius:8px;padding:4px 8px;margin-top:5px;display:inline-flex;gap:5px;align-items:center} .peek .chips{margin-bottom:10px} .peek .acts{display:flex;gap:6px}.peek .acts>*{flex:1;white-space:nowrap} /* чипы */ .chips{display:flex;gap:6px;flex-wrap:wrap} .chip{padding:5px 10px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-weight:600;font-size:12px;display:inline-flex;align-items:center;gap:5px} .chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)} .chip.ok{background:var(--accent-soft);border-color:var(--accent-soft);color:var(--ink-ok)} .chip.new{background:var(--text);border-color:var(--text);color:var(--card)} /* #fff на светлой подложке тёмной темы пропадал (ревью 26.09.2026) */ .chip.note{background:var(--soft-warn);border-color:var(--soft-warn);color:var(--ink-warn)} .chip.dead{background:var(--soft);border-color:var(--line);color:var(--muted);font-weight:600;font-size:11.5px} /* лояльность закончилась: видно, но не действует (22.09.2026) */ a.chip.dead{text-decoration:none;cursor:pointer}a.chip.dead:hover{background:var(--line)} /* «Использованные и отменённые» в карточке гостя — свёрнутая история лояльностей (22.09.2026, ICE FACE) */ .loy-gone>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px;padding:2px 0;user-select:none} .loy-gone>summary::-webkit-details-marker{display:none} .loy-gone>summary::before{content:"›";display:inline-block;transition:transform .15s;font-size:14px;line-height:1} .loy-gone[open]>summary::before{transform:rotate(90deg)} .loy-gone>summary:hover{color:var(--text)} .loy-gone>div{padding-left:14px;margin-top:2px} /* боковая панель записи */ .side{position:fixed;inset:0;background:transparent;pointer-events:none;z-index:50} .side-card{position:absolute;top:0;right:0;bottom:0;width:560px;max-width:100%;background:var(--card);pointer-events:auto;box-shadow:-16px 0 48px rgba(30,27,23,.22);display:flex;flex-direction:column} .ph{display:flex;align-items:center;gap:10px;padding:14px 18px 12px;border-bottom:1px solid var(--line)} .ph b{font-size:15px;font-weight:800;white-space:nowrap} .ph .muted{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ph .x{margin-left:auto;width:32px;height:32px;border-radius:8px;border:1px solid var(--line);background:var(--card);display:flex;align-items:center;justify-content:center;color:var(--muted);flex:none;padding:0} .ph .x:first-child{margin-left:0} .ph .x + b{margin-left:0} .pb{flex:1;overflow:auto;padding:14px 18px;display:flex;flex-direction:column;gap:12px}.pb>*{flex:none} .pf{display:flex;gap:8px;align-items:center;padding:12px 18px;border-top:1px solid var(--line);background:var(--tint)} .pf .pf-more{display:none} @media (max-width:700px){.pf .pf-x{display:none}.pf .pf-more{display:inline-flex}} /* телефон: опасные действия записи — под «Ещё…» (ревью 26.09.2026) */ .guest{display:flex;gap:12px;align-items:flex-start} .guest .av{width:44px;height:44px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;flex:none} .guest .gi{min-width:0;flex:1} .guest .gn{font-size:17px;font-weight:800;line-height:1.15} .guest .gp{color:var(--muted);margin:1px 0 6px} .guest .glinks{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:700;white-space:nowrap;text-align:right} .prow{display:flex;gap:6px;align-items:center;margin-bottom:6px}.prow select{flex:1 1 auto;min-width:0} .newcl{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px} .newcl input{flex:1 1 110px;min-width:0}.newcl .small{flex:0 0 auto} .seg{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden} .seg button{flex:1;text-align:center;padding:9px 4px;font-weight:700;color:var(--muted);border:0;border-left:1px solid var(--line);background:var(--card)} .seg button:first-child{border-left:0} .seg button.on{background:var(--came);color:var(--ink-warn)} .seg button[data-v="0"].on{background:var(--wait);color:var(--ink-ok)}.seg button[data-v="2"].on{background:var(--conf);color:var(--ink-info)}.seg button[data-v="-1"].on{background:var(--no);color:var(--ink-bad)} .fld{display:grid;grid-template-columns:96px 1fr;gap:10px;align-items:start}.fld>label{padding-top:9px} .fld label{color:var(--muted);font-weight:600;font-size:12.5px} .when{display:flex;gap:6px;align-items:center;flex-wrap:wrap} .when input[type=date]{width:auto;flex:0 0 auto}.when select{width:auto;flex:0 0 auto} .when .len{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font-weight:700} .when .len input{width:58px;text-align:center;font-weight:700;padding:6px 4px} .hint{color:var(--faint);font-size:12px;margin-top:4px} .svc-line{display:flex;gap:8px;align-items:center;padding:7px 0;border-bottom:1px dashed var(--line)} .svc-line .t{flex:1;font-weight:700}.svc-line .t small{display:block;color:var(--muted);font-weight:500} .svc-line input{width:100px;text-align:right} .svc-line .who{display:block;font-weight:500;font-size:12px;color:var(--muted);margin-top:2px}.svc-line .who select{width:auto;padding:1px 6px;font-size:12px;margin-left:4px} .pop{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:8px} .pop .chip{background:var(--tint)} .total{font-size:18px;font-weight:800;text-align:right;margin:8px 0} /* оплата */ .pay-sum{font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1} .pay-sum small{display:block;font-size:12px;color:var(--muted);font-weight:600;letter-spacing:0;margin-bottom:6px} .hintbox{background:var(--soft-warn);border-radius:10px;padding:10px 12px;color:var(--ink-warn);font-size:12.5px;display:flex;gap:8px;align-items:flex-start} .hintbox svg{flex:none;margin-top:2px} .tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} .tile{border:1px solid var(--line);border-radius:10px;padding:10px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;font-weight:700;font-size:12.5px;background:var(--card);text-align:left;min-height:44px} .tile small{color:var(--muted);font-weight:500;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} .tile span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} .tiles.disc{grid-template-columns:repeat(3,minmax(0,1fr))} /* акции — по три в ряд: в четыре названия не помещались даже в две строки (22.09.2026) */ .tiles.disc .tile span{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2} /* названия акций не режем многоточием (22.09.2026) */ .tile[data-kind=certificate],.tile[data-kind=abonement],.tile[data-kind=abon_dead]{grid-column:span 2} /* абонемент гостя, который не работает (просрочен, визиты кончились): виден, но в оплату не берётся (10.09.2026) */ .tile.off{background:var(--tint);border-style:dashed;color:var(--muted)}.tile.off small{color:#8A6A3A;white-space:normal} .tile:hover{border-color:var(--line-s)} .tile.sel{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent) inset} .tile.late{border-color:var(--bd-warn);background:var(--soft-warn)}.tile.late small{color:var(--ink-warn)} .left{font-size:14px;padding-top:6px} .left .done{display:inline-flex;align-items:center;gap:6px;color:var(--ink-ok);font-weight:800} /* списки, выпадашки */ .list{display:flex;flex-direction:column;gap:6px} .item{display:flex;justify-content:space-between;gap:8px;padding:9px 12px;background:var(--card);border:1px solid var(--line);border-radius:10px;cursor:pointer} .item:hover{border-color:var(--accent)} .dd{position:absolute;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 28px rgba(30,27,23,.14);max-height:280px;overflow:auto;z-index:60;width:100%;color:var(--text)} .dd div{padding:8px 12px;cursor:pointer}.dd div:hover{background:var(--soft)} .dd div.kb{background:var(--soft);box-shadow:inset 3px 0 0 var(--accent)} /* строка, выбранная стрелками (ревью 26.09.2026) */ .dd .svc-off{cursor:default;line-height:1.4}.dd .svc-off:hover{background:none}.dd .svc-off a{font-weight:600} .tag{display:inline-block;padding:2px 7px;border-radius:6px;font-size:11px;background:var(--soft);color:var(--muted)} .row{display:flex;gap:8px;margin-bottom:8px;align-items:center} .row>*{flex:1} .row label{flex:0 0 110px;color:var(--muted)} .pp-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap} .pp-row>select{width:auto;flex:0 0 auto;max-width:260px}.pp-row>input[type=checkbox]{width:auto}.pp-row label{width:auto;flex:0 0 auto} /* строки редактора воронок и причин отказа (21.09.2026) */ /* модалка (гости, финансы, история) */ .modal{position:fixed;inset:0;background:rgba(30,27,23,.35);z-index:70;display:flex;align-items:flex-start;justify-content:center;padding:20px 8px;overflow:auto} .modal-card{background:var(--card);border-radius:14px;width:100%;max-width:560px;padding:16px;box-shadow:0 16px 48px rgba(30,27,23,.25)} .modal h3{margin:0 0 10px} /* полоска «Lina думает» вверху экрана (22.09.2026): видно, что запрос идёт, экран не «повис» */ #netbar{position:fixed;top:0;left:0;right:0;height:2px;z-index:120;pointer-events:none;opacity:0;transition:opacity .2s} #netbar.on{opacity:1} #netbar::after{content:"";position:absolute;inset:0;width:40%;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:netslide 1.1s ease-in-out infinite} @keyframes netslide{0%{transform:translateX(-45%)}100%{transform:translateX(255%)}} .toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:var(--text);color:var(--card);padding:10px 16px;border-radius:10px;z-index:99;max-width:calc(90vw/var(--z,1));font-weight:600} .toast.err{background:var(--bad);color:#fff} /* тост — var(--card) на var(--text): в тёмной теме был белый текст на светлом, не читался (ревью 26.09.2026) */ /* смены */ .shifts{overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:12px} .shifts table{border-collapse:collapse;min-width:100%} .shifts th,.shifts td{border:1px solid #EFEBE4;padding:4px;text-align:center;font-size:12px;min-width:44px} .shifts th{position:sticky;top:0;background:var(--card);z-index:2} .shifts td:first-child,.shifts th:first-child{position:sticky;left:0;background:var(--card);text-align:left;min-width:140px;z-index:3;font-weight:600} .shifts td.we{background:var(--tint)} .shifts tr.shcap td{font-weight:700;cursor:default;color:var(--muted)}.shifts tr.shcap td:first-child{font-weight:600;color:var(--text)}.shifts tr.shcap td.warn{background:var(--came);color:var(--came-e)}.shifts tr.shcap td.bad{background:var(--no);color:var(--no-e)} /* мастеров одновременно (26.09.2026) */.shifts th.we{color:var(--muted)} .shifts th.td{background:var(--accent);color:#fff}.shifts th.td small{color:#fff}.shifts td.td{box-shadow:inset 2px 0 0 var(--accent),inset -2px 0 0 var(--accent)} /* сегодня (ревью 26.09.2026) */ @media (max-width:700px){.sh-drag{display:none}.shifts td:first-child,.shifts th:first-child{min-width:104px;max-width:120px;font-size:11.5px}} .shifts td.on{background:var(--accent-soft);cursor:pointer} .shifts td.off{cursor:pointer;color:#D3CDC4} .shifts td.on:hover,.shifts td.off:hover{outline:2px solid var(--accent)} .shifts td[data-staff]{user-select:none;-webkit-user-select:none} .shifts td.sel{outline:2px solid var(--accent);background:var(--soft-ok)!important;color:var(--ink)} table.plain{width:100%;border-collapse:collapse} table.plain td,table.plain th{padding:6px 8px;border-bottom:1px solid var(--line);text-align:left} table.plain td.r,table.plain th.r{text-align:right} .kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:10px} /* 22.09.2026: плитки карточки гостя вставали 3+1, четвёртая растягивалась во всю строку */ .kpi .card{min-width:140px}.kpi .v{font-size:20px;font-weight:800} .login{max-width:360px;margin:60px auto;text-align:center} .login input{text-align:center} @media (max-width:700px){.brand{display:none}.theme-btn{padding:0;width:36px;min-width:36px}main{padding:8px}.row label{flex-basis:80px}.gh{min-width:110px}.gsearch{width:44px;padding:0 12px}.gsearch input{display:none}.gsearch.open{width:min(240px,calc(62vw/var(--z,1)))}.gsearch.open input{display:block}.fld{grid-template-columns:1fr}.fld label:empty{display:none}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.legend{display:none}.peek{display:none!important}.dseg{display:none}.jbar #newrec{display:none}.jbar #sum{width:100%;order:9}.tabs{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--card);border-top:1px solid var(--line);justify-content:space-around;padding:4px 4px calc(6px + env(safe-area-inset-bottom));overflow-x:auto;overflow-y:visible;box-shadow:inset -28px 0 18px -18px rgba(30,27,23,.22)}.tab{flex:none}.tab{padding:9px 8px;font-size:12.5px;min-height:44px}.top{gap:8px;padding:8px 10px}#company{flex:1;min-width:0;max-width:100%}.login .brand{display:block}.toast{bottom:calc(86px + env(safe-area-inset-bottom));max-width:calc(94vw/var(--z,1))}.gsearch{margin-left:0}.fab{bottom:78px}body.has-pwa .fab{bottom:232px}body.has-pwa .mlist{padding-bottom:240px}.mlist{padding-bottom:150px}main{padding-bottom:70px}} /* финансы */ .subtabs{gap:6px} .bar .w{width:auto;max-width:220px} .bar input#f_q{width:220px} .kpi .v.ok,.ok{color:var(--ok)}.kpi .v.bad,.bad{color:var(--bad)} .two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px} .tbl{overflow-x:auto;padding:0} .tbl table{min-width:900px}.modal-card .tbl table{min-width:0}.anbar .seg button{padding:7px 10px;font-size:12.5px} .tbl select.w{width:auto;max-width:240px} #e_tbl{min-width:0} table.plain td.nw,table.plain th.nw{white-space:nowrap} table.plain tr.del td{opacity:.5;text-decoration:line-through} table.plain thead th:not(.nosort):not(:empty){cursor:pointer;user-select:none} table.plain thead th:not(.nosort):not(:empty):hover{color:var(--text)} table.plain thead th.sorted{color:var(--accent)} /* теги карточки (22.09.2026): гость и обращение — как теги в amoCRM */ .tg-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0 0} .tg{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:12px;font-weight:700;border:1px solid transparent} .tg-ok{background:var(--soft-ok);color:var(--ink-ok)}.tg-warn{background:var(--soft-warn);color:var(--ink-warn)} .tg-bad{background:var(--soft-bad);color:var(--ink-bad)}.tg-info{background:var(--soft-info);color:var(--ink-info)} .tg-x{border:0;background:transparent;color:inherit;padding:0 0 0 2px;font-size:14px;line-height:1;opacity:.6}.tg-x:hover{opacity:1} .tg-plus{border:1px dashed var(--line-s);background:transparent;color:var(--muted);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600} .tg-plus:hover{border-color:var(--accent);color:var(--accent)} .tg-add .dd{top:26px;left:0;width:260px;z-index:80} .tg-new{padding:6px;border-bottom:1px solid var(--line)}.tg-new input{min-height:32px} .tg.sm{font-size:11px;padding:1px 7px} .ghead .gsort{cursor:pointer;user-select:none}.ghead .gsort:hover{color:var(--text)}.ghead .gsort.on{color:var(--accent)} table.plain thead th.sorted::after{content:"↑";margin-left:4px;font-size:10px} table.plain thead th.sorted[data-sd="-1"]::after{content:"↓"} table.plain tfoot tr.tot td{background:var(--soft);border-bottom:0;font-weight:600} /* итог дня в «Продажах» (22.09.2026) */ .zp-tbl td.r,.zp-tbl th.r{white-space:nowrap} /* «1 195 371 ₽» в итогах ЗП рвался на две строки (22.09.2026) */ .accounts{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:10px} .acc.off{opacity:.6} .acc-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:8px} .acc-bal{font-size:22px;font-weight:800;text-align:right;white-space:nowrap} .acc-body{display:grid;grid-template-columns:1fr 1fr;gap:12px} .acc-body .days td{padding:3px 4px;font-size:13px} .acc-body .days tr.lnk{cursor:pointer} .acc-body .days tr.lnk:hover td{background:var(--soft-ok);border-radius:6px} .acc-actions{margin:10px 0 0;flex-wrap:wrap}.acc-actions>*{flex:0 0 auto} @media (max-width:700px){.two{grid-template-columns:1fr}.accounts{grid-template-columns:1fr}.acc-body{grid-template-columns:1fr}.bar .w{max-width:100%}.bar input#f_q{width:100%}} /* аналитика (только владелец): пять экранов, инфографика. Серии: акцент, тёплый оранжевый, фиолетовый, розовый, золото, синий, коричневый */ :root{--s1:#2E7D68;--s2:#E4702B;--s3:#5661D6;--s4:#C2528B;--s5:#B99A2B} .anbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:2px 0 14px} .an-seg button{padding:8px 14px} .an-per{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-left:auto} .an-per input[type=date]{width:auto;min-height:32px;padding:4px 8px;font-size:13px} .an-pre,.an-dates{display:flex;align-items:center;gap:6px;flex-wrap:wrap} .an{max-width:1400px} .anh{margin:0 0 14px}.anh h2{margin:0 0 2px;font-size:24px;letter-spacing:-.02em;font-weight:800} .an-note{margin:-4px 0 12px} .st-l{font-size:12px;color:var(--muted);font-weight:600;letter-spacing:.01em} .st{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;min-width:0} .st.bare{background:transparent;border:0;padding:0} .st-v{font-size:28px;font-weight:800;letter-spacing:-.02em;margin:4px 0 6px;font-variant-numeric:normal;line-height:1.1} .st-v .btn{vertical-align:middle;margin-left:6px} .st-n{font-size:12.5px;color:var(--muted);line-height:1.4;margin-top:6px} .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-bottom:12px} .cmp{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12.5px;color:var(--muted);align-items:center} .cmp-l{white-space:nowrap} .pill{display:inline-block;padding:2px 8px;border-radius:999px;font-weight:800;font-size:12px;margin-right:4px;background:var(--soft);color:var(--muted)} .pill.good{background:var(--accent-soft);color:var(--ink-ok)}.pill.bad{background:var(--soft-bad);color:var(--ink-bad)}.pill.flat{background:var(--soft);color:var(--muted)} .hero{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,2fr);gap:24px;padding:20px 22px;margin-bottom:12px;border-radius:16px} .hero-v{font-size:44px;font-weight:800;letter-spacing:-.03em;line-height:1;margin:6px 0 10px;font-variant-numeric:normal} .hero-c{min-width:0}.hero-c .st-l{margin-bottom:4px} .blk{margin-bottom:12px;padding:16px 18px;border-radius:14px}.blk .bt{font-weight:800;font-size:15px;margin-bottom:10px;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.blk .bt .small{font-weight:500} .two .blk{margin:0}.two{margin-bottom:12px;gap:12px}.two.wide{grid-template-columns:3fr 2fr} .ch{width:100%;height:auto;display:block;overflow:visible} .ch .gl{stroke:#EDE9E2;stroke-width:1}.ch .gl.base{stroke:#D9D3C9} .ch .ax{font:11px Manrope,sans-serif;fill:var(--muted)}.ch .vl{font:700 11.5px Manrope,sans-serif;fill:var(--text)} .ch g:hover path,.ch g:hover rect:not([fill=transparent]){filter:brightness(.88)} .lg{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;font-size:12.5px;color:var(--muted)}.lg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px} .ctip{position:fixed;z-index:60;background:#1E1B17;color:#fff;font-size:12.5px;line-height:1.45;padding:8px 11px;border-radius:9px;pointer-events:none;max-width:min(300px,calc(calc(100vw/var(--z,1)) - 16px));box-shadow:0 8px 24px rgba(0,0,0,.22)} /* подсказка по тапу закреплена — элемент подсвечен, пока она открыта */ .ch g.on path,.ch g.on rect:not([fill=transparent]),.sbar i.on{filter:brightness(.82)}.donut .dsg.on{transform:scale(1.04)}.heat .hc.on{box-shadow:inset 0 0 0 2px var(--text)} .an [data-tip],.an-tip{cursor:pointer;-webkit-tap-highlight-color:transparent} .hb{display:block;width:100%;height:10px;background:var(--soft);border-radius:5px;overflow:hidden}.hb i{display:block;height:100%;border-radius:5px;background:var(--s1);transition:width .4s} .grs{display:flex;flex-direction:column;gap:12px} .gr-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px;gap:8px}.gr-n{font-weight:800;font-size:15px;white-space:nowrap}.gr-s{margin-top:4px} .sbar{display:flex;height:16px;border-radius:8px;overflow:hidden;gap:2px;margin:12px 0 4px}.sbar i{display:block;height:100%;min-width:3px}.sbar i:hover{filter:brightness(.88)} .ex-h{display:flex;gap:40px;flex-wrap:wrap} .donut{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.donut svg{width:190px;height:190px;flex:none} .donut .dsg{stroke:#fff;stroke-width:2;cursor:default;transition:transform .15s;transform-origin:90px 90px}.donut .dsg:hover{transform:scale(1.04)} .donut .dv{font:800 19px Manrope,sans-serif;fill:var(--text)}.donut .dl{font:600 11px Manrope,sans-serif;fill:var(--muted)} .dleg{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.dl-r{display:grid;grid-template-columns:12px 1fr auto auto;gap:8px;align-items:center;font-size:13px}.dl-r i{width:12px;height:12px;border-radius:4px;display:block}.dl-r .dl-n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-r .muted{min-width:36px;text-align:right} .rings{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px 28px;padding:18px 22px;margin-bottom:12px;border-radius:14px} .ringw{display:flex;align-items:center;gap:14px;min-width:0}.ring{width:92px;height:92px;flex:none}.rings.big .ring{width:120px;height:120px} .ring .rt{fill:none;stroke:var(--soft);stroke-width:9}.ring .rf{fill:none;stroke-width:9;stroke-linecap:round;transition:stroke-dasharray .5s}.ring .rv{font:800 17px Manrope,sans-serif;fill:var(--text)} .ring-l{line-height:1.35;min-width:0}.ring-l .cmp{margin-top:4px} .heat{display:grid;gap:3px;font-size:11px}.heat .hh,.heat .hl{color:var(--muted);text-align:center;font-weight:600;align-self:center}.heat .hl{text-align:left} .heat .hc{height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px}.heat .hc.off{background:repeating-linear-gradient(135deg,var(--line-w) 0 4px,var(--tint) 4px 8px)} .mcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px} .mc{padding:16px 18px;border-radius:14px}.mc-h{display:flex;gap:10px;align-items:center;margin-bottom:10px}.mc .av{width:38px;height:38px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:13px} .mc-v{font-size:24px;font-weight:800;letter-spacing:-.02em;margin-bottom:6px} .mc-g{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.mc-g b{display:block;font-size:15px;margin-top:2px} .mc-r{display:flex;gap:10px;align-items:center;border-top:1px solid var(--soft);padding-top:10px}.mc-r .ring{width:64px;height:64px}.mc-r .rv{font-size:14px} .an-tbl{overflow-x:auto}.an-tbl table{min-width:0;width:100%}.an-tbl th{font-size:11.5px;color:var(--muted);font-weight:600;white-space:nowrap}.an-tbl td{white-space:nowrap}.an-tbl td:first-child{white-space:normal} @media (max-width:1000px){.hero{grid-template-columns:1fr}.two.wide{grid-template-columns:1fr}} /* телефон: период — чипы одной прокручиваемой строкой + даты строкой ниже; графики под ширину экрана (viewBox считает analytics.js), теплокарта повёрнута, карточки мастеров и кольца в одну колонку */ @media (max-width:700px){.anbar{gap:8px;margin-bottom:10px}.an-seg{max-width:100%;min-width:0;overflow-x:auto;scrollbar-width:none}.an-seg::-webkit-scrollbar{display:none}.an-seg button{white-space:nowrap;flex:none;padding:8px 11px}.an-per{margin-left:0;width:100%;min-width:0;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:8px}.an-pre{flex-wrap:nowrap;min-width:0;overflow-x:auto;scrollbar-width:none;margin:0 -8px;padding:0 8px}.an-pre::-webkit-scrollbar{display:none}.an-pre .chip,.an-pre .btn{flex:none}.an-dates{flex-wrap:nowrap}.an-dates input[type=date]{flex:1;width:auto;min-width:0}.anh h2{font-size:21px}.hero{padding:14px 16px;gap:14px}.blk{padding:14px 16px}.hero-v{font-size:34px}.stats{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.st{padding:12px 14px}.st-v{font-size:22px}.st .cmp-p{display:inline;white-space:normal}.st .cmp-l{white-space:normal}.mc-g{grid-template-columns:repeat(2,1fr)}.mcards{grid-template-columns:1fr}.heat{gap:2px}.heat.tr .hc{height:26px;font-size:11.5px}.heat.tr .hh{font-size:11.5px}.heat.tr .hl{font-size:11px}.donut{flex-direction:column;align-items:stretch}.donut svg{align-self:center}.dleg{width:100%}.ex-h{gap:20px}.rings{grid-template-columns:1fr;gap:14px;padding:14px}.ring{width:76px;height:76px}.rings.big .ring{width:96px;height:96px}} @media (max-width:360px){.stats{grid-template-columns:1fr}.hero-v{font-size:30px}.an-all .an-allg{grid-template-columns:1fr}} .zp-days input[type=checkbox],.modal input[type=checkbox]{width:auto;min-height:0;margin:0 6px 0 0;vertical-align:middle} .zp-days label.small{white-space:nowrap;display:inline-flex;align-items:center} /* Рассылки гостям (в коде — iris) */ .iris-kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:10px 0}.iris-kpi .card{min-width:0} .iris-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap} /* каналы рассылок — своей строкой слева, одинаково во всех трёх (владелец 22.09.2026) */ .mail-chans{margin:0 0 8px} .mail-chans .seg{display:inline-flex;width:auto} .mail-chans .seg button{flex:none;padding:8px 16px;font-size:13.5px} .mail-chans .seg button.on{background:var(--accent-soft);color:var(--accent-h)} .iris-title{font:800 24px/1.15 Manrope,sans-serif;letter-spacing:-.02em}.iris-title small{font:600 13px/1.3 Manrope,sans-serif;color:var(--muted);margin-left:8px} .iris-g{margin:14px 0 8px;font-size:15px} .iris-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:10px} .iris-sc{min-width:0;display:flex;flex-direction:column}.iris-sc.off{background:var(--tint);color:var(--muted)}.iris-sc.off b{color:var(--muted)} .iris-sc-h{display:flex;justify-content:space-between;align-items:flex-start;gap:8px} .iris-stats{margin-bottom:6px;color:var(--muted)}.iris-stats b{color:var(--text)}.iris-sc.off .iris-stats b{color:var(--muted)} .iris-txt{white-space:pre-wrap;font-size:12.5px;line-height:1.4;background:var(--soft);border-radius:10px;padding:8px 10px;max-height:118px;overflow:hidden;position:relative;flex:1} .iris-txt::after{content:"";position:absolute;left:0;right:0;bottom:0;height:30px;background:linear-gradient(transparent,var(--soft))} .mail-img .mail-img-b{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mail-img-th{max-height:96px;max-width:180px;border-radius:8px;border:1px solid var(--line);display:block} .iris-full{white-space:pre-wrap;background:var(--soft);border-radius:10px;padding:10px 12px;margin-bottom:8px;font-size:13.5px;line-height:1.45} .ir_t{width:100%;font-size:13px;line-height:1.4} .sw{position:relative;display:inline-block;width:40px;height:22px;flex:none}.sw input{opacity:0;width:0;height:0;position:absolute} .sw i{position:absolute;inset:0;background:var(--line-s);border-radius:22px;transition:.15s}.sw i::before{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;background:var(--card);border-radius:50%;transition:.15s;box-shadow:0 1px 2px rgba(0,0,0,.2)} .sw input:checked+i{background:var(--accent)}.sw input:checked+i::before{transform:translateX(18px)}.sw input:disabled+i{opacity:.6;cursor:default} .iris-bars{display:flex;align-items:flex-end;gap:2px;height:34px;margin-top:8px}.iris-bars i{flex:1;background:var(--accent-soft);border-radius:2px 2px 0 0;min-width:2px}.iris-bars i:hover{background:var(--accent)} .iris-dist{margin-top:6px;display:grid;gap:2px}.iris-d{display:grid;grid-template-columns:12px 1fr 24px;gap:6px;align-items:center;font-size:11px;font-weight:600}.iris-d i{display:block;height:7px;background:var(--s5);border-radius:4px;min-width:2px} .iris-clip{display:inline-block;max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom} .iris-jt td{vertical-align:top}.iris-jt th{font-size:11.5px;color:var(--muted);font-weight:600} .chip.bad{background:var(--no);border-color:var(--no);color:var(--ink-bad)} @media (max-width:1000px){.iris-kpi{grid-template-columns:1fr 1fr}} @media (max-width:700px){.iris-grid{grid-template-columns:1fr}.iris-clip{max-width:200px}} /* кабинет мастера (04.09.2026): одна колонка, только своё */ body.master #company{display:none} .mst{max-width:620px;margin:0 auto;padding-bottom:40px} .mbar{justify-content:center;gap:10px}.mbar .jdate{font-size:17px;font-weight:800;margin:0 4px} .mstrip{margin:0 -4px 8px;padding:4px} .mday{flex-direction:column;align-items:center;gap:1px;padding:6px 10px;line-height:1.15;position:relative;min-width:64px} .mday b{font-size:12.5px}.mday small{font-size:10.5px;color:var(--muted);font-weight:600} .mday.off{opacity:.55;background:var(--soft)}.mday.on{opacity:1}.mday.on small{color:inherit} .mday.td::after{content:"";position:absolute;top:4px;right:6px;width:5px;height:5px;border-radius:50%;background:var(--accent)} .mday i{position:absolute;top:-4px;right:-3px;font-style:normal;font-size:9.5px;font-weight:800;background:var(--text);color:var(--card);border-radius:999px;padding:1px 5px;line-height:1.2} .mshift{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px;flex-wrap:wrap} .mst .mitem{grid-template-columns:52px 1fr auto;padding:10px 12px 10px 0;min-height:64px} .mst .mitem .sv{white-space:normal}.mst .mitem .nm{white-space:normal;display:block}.mitem .nm .len{color:var(--muted);font-weight:500;font-size:12px;white-space:nowrap;margin-left:4px} .mst .mitem.live{box-shadow:0 0 0 2px var(--accent)} .mchips2{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px} .mchips2 .chip{font-size:11px;padding:3px 8px} .mchips2 .chip.rm{background:var(--soft);border-color:var(--line);color:var(--muted)} .mchips2 .chip.vis{background:var(--soft-info);border-color:var(--soft-info);color:var(--ink-info)} .mchips2 .chip.vis.sh{background:var(--soft);border-color:var(--line);color:var(--muted)} .mchips2 .chip.vis.fst{background:var(--soft-warn);border-color:var(--bd-warn);color:var(--ink-warn)} .mchips2 .chip.pd{background:var(--paid);border-color:var(--paid);color:var(--paid-e)} .mchips2 .chip.pr8{background:var(--soft-ok);border-color:#D8EAE1;color:var(--ink-ok)}.mchips2 .chip.pr8 s{opacity:.55;font-weight:600;margin-left:5px} .mchips2 .chip.pr{background:var(--conf);border-color:var(--conf);color:var(--ink-info)}.mchips2 .chip.pr small{font-weight:600;opacity:.8} .mst .rt{display:flex;flex-direction:column;align-items:flex-end;gap:5px} .mst .rt .sal{font-size:13px;color:var(--accent)} .msal{margin-top:10px}.msal-v{font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.1}.msal-v small{font-size:15px;color:var(--muted);font-weight:700} .mper{margin-top:10px;border-top:1px solid var(--line);padding-top:8px;display:flex;flex-direction:column;gap:8px} .mper-row{display:flex;justify-content:space-between;gap:10px;align-items:flex-start} .mper-v{text-align:right;white-space:nowrap}.mper-v b{font-size:15px}.mper-v small{color:var(--muted);font-weight:700} /* таблицы на телефоне (04.09.2026): суммы уезжали за экран. table.plain с ≥4 колонками внутри .tbl / .zp-days получает класс stk (labelTable в app.js) и складывается в карточки: строка = карточка, текстовая ячейка = «подпись слева + значение», числовая (.r) = плитка «подпись сверху», по две в ряд */ @media (max-width:700px){ .tbl{overflow:visible}.tbl table,.tbl table.plain{min-width:0;width:100%} .kpi{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kpi .card{min-width:0;padding:10px 12px}.kpi .v{font-size:17px;overflow-wrap:anywhere} .acc-bal{font-size:18px;white-space:normal;overflow-wrap:anywhere;max-width:55%}.acc-head>div:first-child{min-width:0} table.stk{display:block;border-collapse:separate} table.stk thead,table.stk tr.thr{display:none} table.stk tbody,table.stk tfoot{display:block} table.stk tr{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;padding:9px 0 8px;border-bottom:1px solid var(--line);align-items:start} table.stk tr[hidden]{display:none} table.stk td{display:block;border:0;padding:1px 0 1px 120px;grid-column:1/-1;position:relative;min-height:18px;white-space:normal;text-align:left;overflow-wrap:anywhere} table.stk td::before{content:attr(data-l);position:absolute;left:0;top:2px;width:112px;font-size:11px;line-height:1.25;color:var(--muted);font-weight:500} table.stk td:empty{display:none} table.stk td[data-l=""],table.stk td:first-child{padding-left:0} table.stk td[data-l=""]::before,table.stk td:first-child::before{display:none} table.stk td:first-child{font-weight:700;padding-bottom:3px} table.stk td:first-child>div,table.stk td:nth-child(2)>div.small{display:inline;margin-left:6px} /* числовые ячейки — плитки в две колонки, подпись сверху */ table.stk td.r:not([data-l=""]){grid-column:auto;padding-left:0;padding-top:15px;text-align:left} table.stk td.r:not([data-l=""])::before{top:1px;width:auto;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} table.stk td.r>div.small{display:block} #f_tx.stk td.r:not([data-l=""]){font-size:16px;font-weight:700}#f_tx.stk td[data-l="Кто провёл"],#f_tx.stk td[data-l="Услуга"]{font-size:12.5px} table.stk td[colspan]{padding:0} table.stk tr.tot td:first-child{font-size:15px} table.stk tr.del td{text-decoration:none;opacity:.55} table.stk td>div.zp-rec{display:block;margin:0} .zp-days table.stk td:nth-child(3){padding-left:0;padding-top:16px}.zp-days table.stk td:nth-child(3)::before{top:0;width:auto} .modal-card .tbl[style*="max-height"]{max-height:none!important} } /* UX-аудит 04.09.2026 — добавки */ .seg button{white-space:nowrap} @media (max-width:1500px){.tab{padding:7px 8px;font-size:13px}.gsearch{width:200px}#company{max-width:180px}} /* 11 вкладок владельца не влезали на 1366/1440 */ @media (max-width:1280px) and (min-width:701px){.gsearch{width:44px;padding:0 12px}.gsearch input{display:none}.gsearch.open{width:220px}.gsearch.open input{display:block}} .toast .tact{margin-left:12px;padding:4px 10px;border-radius:8px;border:1px solid currentColor;background:transparent;color:inherit;font-weight:700} a.tel{color:inherit}a.wa{display:inline-flex;vertical-align:-2px;margin-left:6px;color:#25A244}a.wa:hover{text-decoration:none} .paidbox{background:var(--soft-ok);border-radius:10px;padding:8px 12px;font-size:12.5px;display:flex;gap:8px;align-items:flex-start;line-height:1.35}.paidbox svg{flex:none;margin-top:2px} .pb .note{background:var(--soft-warn);border-radius:10px;padding:8px 12px;font-size:12.5px;color:var(--ink-warn)} .rel .pweye{position:absolute;right:6px;top:50%;transform:translateY(-50%);min-height:0;padding:4px 8px} .stale{opacity:.45;pointer-events:none;transition:opacity .15s} .shifts.locked td[data-staff]{cursor:default;opacity:.75} /* несколько филиалов в «Сменах» (21.09.2026): строка филиала с числом мастеров на смене */ .shifts.multi tr.shco td{background:var(--accent-soft);font-weight:700;color:var(--ink);opacity:1} .shifts.multi tr.shco td:first-child{background:var(--accent-soft)} .shifts.multi td{cursor:default}.shifts.multi td.on:hover,.shifts.multi td.off:hover{outline:none} .shifts.locked td.lo{cursor:pointer;opacity:1} .shifts.locked td.lo.on:hover,.shifts.locked td.lo.off:hover{outline:2px solid var(--accent)} .rec.narrow .t .stx{display:none} /* узкая колонка (класс ставит JS по ширине): статус резался «не ог» — остаётся цвет и иконки */ .jbar #sum .owed{color:var(--bad,#b3261e);font-weight:700} /* «не закрыто N ₸» в сводке дня: визиты прошли, денег в Lina нет (22.09.2026) */ .chip.mch{flex-direction:column;gap:0;line-height:1.1;padding:4px 10px}.chip.mch small{font-size:10px;color:var(--muted);font-weight:600} .mgap{margin:0 0 8px;padding:9px 12px;border:1.5px dashed var(--accent);border-radius:10px;color:var(--accent);font-weight:700;background:rgba(46,125,104,.05);cursor:pointer} .hrow{cursor:pointer}.hrow:hover td{background:var(--soft)} /* услуги визита — каждая своей строкой (22.09.2026, ICE FACE) */ .hsv{line-height:1.35}.hsv+.hsv{margin-top:3px} #hist_tbl td{vertical-align:top} /* дата, мастер и сумма — на одной линии с первой услугой, а не по центру столбика */ /* история визитов на телефоне: 5 колонок не помещались — сумма и статус уезжали за край экрана (22.09.2026) */ @media (max-width:700px){ #hist_tbl,#hist_tbl tbody{display:block} #hist_tbl tr{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-items:start} #hist_tbl td{display:block;border-bottom:0;padding:1px 0} #hist_tbl tr.hrow,#hist_tbl tr:not(.hnrow){padding-top:8px} #hist_tbl td:nth-child(1){grid-area:1/1;font-weight:600} #hist_tbl td:nth-child(2){grid-area:2/1;color:var(--muted);font-size:12.5px} #hist_tbl td:nth-child(3){grid-area:3/1/auto/-1;margin-top:3px} #hist_tbl td:nth-child(4){grid-area:1/2;text-align:right;font-weight:600} #hist_tbl td:nth-child(5){grid-area:2/2;text-align:right} #hist_tbl tr.hnrow{grid-template-columns:1fr;padding-bottom:8px;border-bottom:1px solid var(--line)} #hist_tbl tr.hnrow td:first-child{display:none} #hist_tbl tr.hnrow td{grid-column:1/-1} } /* заметки с визита в истории гостя (22.09.2026, ICE FACE) */ .vnote{font-size:12px;line-height:1.35;margin-top:3px;color:var(--text)} .vnote.muted{color:var(--muted)} .vnx{margin-left:4px;color:var(--muted);text-decoration:none;visibility:hidden} tr:hover .vnx,.vnote:hover .vnx{visibility:visible} .vnadd{display:inline-block;font-size:12px;color:var(--muted);text-decoration:none} .hnrow td{padding-top:0 !important;border-top:0 !important} .hnrow .vnadd{visibility:hidden} .hnrow:hover .vnadd,tr.hrow:hover + .hnrow .vnadd,.hnrow:focus-within .vnadd{visibility:visible} @media (max-width:700px){.hnrow .vnadd{visibility:visible}} .vnadd:hover{color:var(--accent);text-decoration:underline} .vned{margin-top:6px} .vned textarea{width:100%;min-width:220px;font:inherit;font-size:13px} .vnb{display:flex;gap:6px;align-items:center;margin-top:4px} .cmp .cmp-p{display:inline-flex;align-items:center;gap:6px;white-space:nowrap} .mc-r .ringw{flex:none} .an-all{margin-bottom:10px}.an-all .an-allg{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.an-all .v{font-size:20px;font-weight:800;margin:2px 0}.an-all .nw{white-space:nowrap} /* плашка и её подпись переносятся вместе, не «к» в конце строки (телефон) */ .mbar .jdate{position:relative;cursor:pointer}.mbar .jdate input{position:absolute;inset:0;opacity:0;min-height:0;cursor:pointer} .mitem .mdet{margin-top:6px;padding:8px 10px;background:var(--soft);border-radius:8px;font-size:12.5px;line-height:1.4} .mfoot{padding:14px 8px 24px;text-align:center}.mfoot a{margin:0 8px;font-weight:600} @media (max-width:700px){body.master .mitem .nm{font-size:16px}body.master .mitem .sv{font-size:14px}body.master .mitem .tm small{font-size:12px}body.master .mday{min-height:46px}body.master .btn.ic,body.master .btn.small{min-height:44px}body.master .mbar{flex-wrap:nowrap;overflow-x:auto}} /* Журнал на телефоне (Максим, 04.09.2026): сетка колонок мастеров вместо ленты, переключатель «Сетка/Лента» в шапке, карточки ленты залиты цветом статуса как в Altegio */ @media (max-width:700px){ .seg.mseg{display:flex;flex:none}.mseg button{padding:6px 10px;font-size:12px} /* ревью 26.09.2026: было три строки кнопок, дата — на третьей. Теперь строка 1: ‹ сб 26 сен › Сегодня; строка 2: День/Неделя, Сетка/Лента, лист ожидания значком, + Мастер; под ними — сводка дня мелко */ .jbar .jsp{display:none} .jbar #prev{order:0}.jbar .jdate{order:1;font-size:16px;margin:0 2px}.jbar #next{order:2}.jbar #todayb{order:3} .jbar .jmseg{order:4}.jbar .mseg{order:5}.jbar .wsel{order:5}.jbar #wlbtn{order:6}.jbar #addstaff{order:7} .jbar #wlbtn .wl-t{display:none}.jbar #wlbtn{gap:4px;padding:0 8px}.jbar #addstaff{padding:0 8px}.jbar .mseg button{padding:6px 7px} /* вторая строка влезает в 374 px */ .jbar #sum{order:9;width:100%;flex:none;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px} .grid.mob .gh{min-width:0;padding:0 5px;gap:5px}.grid.mob .gh .av{width:24px;height:24px;font-size:10px}.grid.mob .gh .gn b{font-size:12px}.grid.mob .gh .gn small{font-size:10px}.grid.mob .gh .cnt{display:none} .grid.mob .gt{min-width:34px;font-size:10px;padding:2px 3px 0} .grid.mob .rec{margin:0 2px 0 1px;padding:2px 4px 2px 7px}.grid.mob .rec .rz{display:none}.grid.mob .rec .t .stx{display:none} /* в колонке 112px слово статуса не влезает — статус виден по цвету */ .grid.mob .nowline b{font-size:10px} .mlist .mitem.wait{background:var(--r-wait)}.mlist .mitem.conf{background:var(--r-conf)}.mlist .mitem.came{background:var(--r-came)}.mlist .mitem.paid{background:var(--r-paid)}.mlist .mitem.no{background:var(--r-no)} .mlist .mitem.no .nm,.mlist .mitem.no .sv{text-decoration:line-through;text-decoration-color:rgba(214,69,69,.5)} .mlist .mitem .pill{background:rgba(255,255,255,.65)}.mlist .mitem .sv,.mlist .mitem .tm small{color:var(--muted)}.mlist .mitem .sv.g{color:var(--text)} } /* оплата 05.09.2026: кассы по точкам с кассой по умолчанию, скидки и акции плитками */ .pointseg{margin-bottom:8px}.pointseg button.on{background:var(--accent-soft);color:var(--accent)} .tile.def{border-color:var(--line-s);background:var(--tint);position:relative}.tile.def::after{content:"по умолчанию";position:absolute;top:7px;right:8px;font-size:9.5px;color:var(--ink-ok);font-weight:700;letter-spacing:.02em} .tiles.disc .tile.dt{min-height:40px}.tiles.disc .tile.dt span{font-size:13px} .pay-sum .dnote{font-size:12.5px;color:var(--muted);font-weight:600;letter-spacing:0;line-height:1.35;margin-top:6px} .svc-line small b.dsc{color:var(--ink-bad);font-weight:700}.svc-line small s{color:var(--muted)} .tag.ok{background:var(--accent-soft);color:var(--ink-ok)} /* каталог услуг по категориям в карточке записи (05.09.2026): список в потоке формы, а не поверх — не уходит под футер панели */ #svcdd.dd{position:static;box-shadow:none;margin-top:6px;max-height:320px;width:100%} .dd .cat{position:sticky;top:0;display:flex;justify-content:space-between;gap:8px;padding:7px 12px;background:var(--soft);color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-top:1px solid var(--line)} .dd .cat:first-child{border-top:0}.dd .cat.open{color:var(--ink)} .dd .cat>span:first-child::before{content:"▸ "}.dd .cat.open>span:first-child::before{content:"▾ "} .dd .cat .n{font-weight:600;color:var(--muted)} .dd .si{padding-left:22px} /* реестр сертификатов «Продажи → Сертификаты» (05.09.2026) */ .bar input#c_q{width:300px}.tag.bad{background:var(--no);color:var(--ink-bad)} @media (max-width:700px){.bar input#c_q{width:100%}} /* «что мастер не делает» (05.09.2026): список услуг в модалке смен и пометка в карточке записи */ .svc-line.bad{background:var(--no)} .shifts td .skl{font:inherit;font-weight:700;padding:0;color:inherit;text-align:left} .skl-list{max-height:calc(46vh/var(--z,1));overflow:auto;border:1px solid var(--line);border-radius:8px;padding:6px 8px} .skl-cat{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:8px 0 4px;font-size:13px} .skl-cat:first-child{margin-top:2px} .skl-i{display:flex;gap:8px;align-items:center;padding:3px 0;font-size:14px;cursor:pointer} .skl-i input{margin:0} /* «уже в смене» в окне «Кто ещё работает»: строка-кнопка с часами справа (07.09.2026) */ .skl-i.as-b{width:100%;justify-content:space-between;background:none;border:0;font:inherit;color:inherit;text-align:left;padding:5px 0;border-bottom:1px solid var(--line)} .skl-i.as-b:last-child{border-bottom:0} .skl-i.as-b small{color:var(--muted);white-space:nowrap} .skl-i.as-b:hover{color:var(--accent)} /* сертификат картинкой (05.09.2026): форма слева, превью справа; на телефоне столбиком */ .modal-card.cgw{max-width:980px} .modal-card.cgm{max-width:720px} /* карточка гостя: истории визитов и переписке тесно в 560px (22.09.2026) */ .cg{display:grid;grid-template-columns:minmax(260px,1fr) minmax(260px,1.05fr);gap:16px;align-items:start} .cg-prev{position:sticky;top:0}.cg-prev img{display:block;width:100%;max-height:calc(74vh/var(--z,1));object-fit:contain;border:1px solid var(--line);border-radius:10px;background:var(--soft)} @media (max-width:820px){.cg{grid-template-columns:1fr}.cg-prev{position:static}.cg-prev img{max-height:calc(60vh/var(--z,1))}} /* меню по имени мастера в шапке колонки (06.09.2026) */ .gh.hm{cursor:pointer}.gh.hm:hover{background:var(--soft)} .pmenu-bg{position:fixed;inset:0;z-index:70;background:transparent} .pmenu{position:fixed;z-index:71;min-width:240px;max-width:320px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 40px rgba(30,27,23,.22);padding:6px;font-size:13.5px} .pmenu .ph{padding:8px 10px 6px;line-height:1.25}.pmenu .ph b{display:block}.pmenu .ph small{color:var(--muted);font-size:12px} .pmenu .pi{display:block;width:100%;text-align:left;background:none;border:0;border-radius:8px;padding:9px 10px;line-height:1.2} .pmenu .pi:hover{background:var(--soft)}.pmenu .pi small{display:block;color:var(--muted);font-size:11.5px;margin-top:2px}.pmenu .pi.danger{color:var(--bad)} .pmenu .phr{height:1px;background:var(--line);margin:4px 8px} @media (max-width:700px){.pmenu-bg{background:rgba(30,27,23,.35)}.pmenu{left:0;right:0;bottom:0;top:auto;max-width:none;border-radius:16px 16px 0 0;padding:8px 10px calc(10px + env(safe-area-inset-bottom));font-size:15px}.pmenu .pi{padding:13px 10px;min-height:46px}.pmenu .ph{padding:10px 10px 8px;font-size:15px}} /* Наблюдатель (контроль качества, 06.09.2026): экраны те же, но всё, чем меняют, скрыто — подвал карточки записи, статусы визита, «сменить гостя», правка и запись в карточке гостя. Поля остаются на виду (их читают), но не редактируются. Сервер это же проверяет по scope 'read'. */ body.ro .pf, body.ro #att, body.ro #g_change, body.ro #edit, body.ro #book, body.ro #bonus_manual, body.ro #rebook, body.ro #pop, body.ro .svc-line .btn, body.ro #g_open + #g_change { display: none !important; } body.ro .pb input, body.ro .pb select, body.ro .pb textarea { pointer-events: none; background: #F4F1ED; color: #6B635A; } body.ro .cell .plus { display: none; } body.ro .cell:hover { background: transparent; cursor: default; } /* ---------- «Диалоги» (07.09.2026): переписка, обращения, задачи, звонки ---------- */ .ch-seg button{padding:8px 14px}.ch-seg .cnt{font-style:normal;display:inline-block;min-width:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:#fff;font-size:11px;line-height:18px;margin-left:2px}.ch-seg .cnt.bad{background:var(--bad)} .tbadge{font-style:normal;display:inline-block;min-width:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:#fff;font-size:11px;line-height:18px;vertical-align:1px} .ch-split{display:grid;grid-template-columns:360px minmax(0,1fr);gap:10px;height:calc(calc(100dvh/var(--z,1)) - 54px - 10px - 52px);min-height:420px} .ch-list{display:flex;flex-direction:column;min-height:0;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden} .ch-filters{padding:8px 8px 6px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.ch-filters .chips{gap:4px}.ch-filters .chip{padding:4px 8px;font-size:11.5px} .ch-items{flex:1;overflow:auto;min-height:0} .ch-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:6px 10px;border-bottom:1px solid var(--soft);cursor:pointer} .ch-item:hover{background:var(--tint)}.ch-item.sel{background:var(--soft)}.ch-item.unread .ch-nm b{color:var(--text)}.ch-item.unread .ch-last{color:var(--text);font-weight:600} .ch-av{width:34px;height:34px;border-radius:50%;color:#fff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;flex:none} .ch-mid{min-width:0}.ch-nm{display:flex;align-items:center;gap:6px;min-width:0}.ch-nm b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}.ch-nm .tag{flex:none} .ch-k{color:var(--muted);display:inline-flex;flex:none}.ch-last{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.ch-last.out{color:var(--faint)} .ch-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:3px}.ch-tags:empty{display:none} .ch-rt{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none} .ub{font-style:normal;display:inline-block;min-width:20px;padding:0 6px;border-radius:10px;background:var(--accent);color:#fff;font-size:11.5px;line-height:20px;text-align:center;font-weight:700} .chip.tiny{padding:2px 7px;font-size:11px}.chip.stg{font-size:11px;padding:2px 8px} /* галочки филиалов в «Диалогах» (10.09.2026): менеджер держит открытыми сразу свои салоны */ .ch-cos{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto;align-items:center} .ch-cos label{cursor:pointer;user-select:none;padding:4px 9px;font-size:11.5px} .ch-cos input{width:13px;height:13px;min-height:0;margin:0;accent-color:var(--accent)} .chip.co{background:var(--soft);border-color:var(--line);color:var(--muted);font-weight:700} @media (max-width:700px){.ch-cos{margin-left:0;width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.ch-cos::-webkit-scrollbar{display:none}.ch-cos label{flex:none}} .chip.st-new{background:var(--accent);border-color:var(--accent);color:#fff}.chip.st-work{background:var(--conf);border-color:var(--conf);color:var(--ink-info)}.chip.st-later{background:var(--came);border-color:var(--came);color:var(--ink-warn)} .chip.st-booked{background:var(--accent-soft);border-color:var(--accent-soft);color:var(--ink-ok)}.chip.st-lost{background:var(--soft);border-color:var(--soft);color:var(--muted)}.chip.st-cert{background:var(--soft-info);border-color:var(--soft-info);color:var(--ink-info)} .ch-thread{display:flex;flex-direction:column;min-height:0;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden} .ch-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.5} .ch-th{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap;padding:7px 12px;border-bottom:1px solid var(--line)}.ch-back{display:none;flex:none} .ch-who{flex:1 1 300px;min-width:0}.ch-who>b{font-size:15px}.ch-who .chip{margin-left:6px;vertical-align:2px}.ch-note{background:var(--soft-warn);border-radius:8px;padding:3px 8px;margin-top:4px;display:inline-block;color:var(--text)} .ch-acts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;flex:none} .ch-brsel{height:30px;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:var(--card);font:inherit;font-size:13px;max-width:210px} /* «Филиал беседы» — общий номер (17.09.2026) */ .ch-inq{padding:5px 12px;border-bottom:1px solid var(--line);background:var(--tint);display:flex;flex-direction:column;gap:4px} .ch-mark{display:inline-block;padding:2px 7px;border-radius:7px;font-size:11.5px;font-weight:600;background:var(--soft);color:var(--muted);white-space:nowrap} .ch-mark.ok{background:var(--accent-soft);color:var(--accent)}.ch-mark.bad{background:var(--soft-warn);color:var(--ink-warn)} /* «Гость просит время» (10.09.2026): что Лина вычитала из переписки и свободно ли окно — полосой под обращением */ .ch-intent{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:7px 12px;border-bottom:1px solid var(--line);background:var(--accent-soft)} .ch-intent.warn{background:var(--soft-warn)}.ch-intent.old{background:var(--soft)} .ch-intent .ci-l{flex:1;min-width:220px;font-weight:600;color:var(--text)} .ch-intent .ci-l small{display:block;font-weight:400;font-size:12px;margin-top:2px} .ch-intent .ci-b{display:flex;gap:6px;flex-wrap:wrap} @media (max-width:700px){.ch-intent{padding:7px 10px}.ch-intent .ci-b{width:100%}} .ch-inq-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ch-stg{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.ch-stg .chip{padding:3px 9px;font-size:12px} .ch-brief{line-height:1.4;margin-top:1px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer} .ch-brief.open{-webkit-line-clamp:unset} .ch-prev{line-height:1.4;margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46%}.ch-tasks{display:flex;gap:6px;flex-wrap:wrap}.ch-tasks a{display:inline-flex;color:inherit;margin-left:2px} .ch-msgs{flex:1;overflow:auto;padding:8px 12px;display:flex;flex-direction:column;gap:4px;background:var(--bg)} /* Переписка и звонки внутри окна обращения (18.09.2026): лента коротким блоком с прокруткой */ .im-msgs{display:flex;flex-direction:column;gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:8px 10px;max-height:calc(46vh/var(--z,1));overflow:auto} .im-msgs .bub{max-width:min(88%,460px)} #im_calls{max-height:calc(30vh/var(--z,1));overflow:auto} .ch-day{align-self:center;font-size:11.5px;color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:1px 10px;margin:3px 0} .msg{display:flex}.msg.out{justify-content:flex-end}.msg.ev{justify-content:center} .bub.call{background:var(--bg);border-style:dashed;color:var(--muted);font-size:12.5px;max-width:min(88%,420px);text-align:center} .bub.call.miss{background:var(--soft-bad);border-color:var(--bd-bad);color:var(--ink-bad)}.bub.call .meta{text-align:center;float:none;margin:2px 0 0}.bub.call a{color:inherit;text-decoration:underline} .bub{max-width:min(86%,760px);padding:6px 10px;display:flow-root;border-radius:14px;background:var(--card);border:1px solid var(--line);white-space:pre-wrap;word-break:break-word;line-height:1.4;font-size:13.5px} .msg.out .bub{background:var(--accent-soft);border-color:var(--accent-soft);border-bottom-right-radius:4px}.msg.in .bub{border-bottom-left-radius:4px} /* время — в хвосте последней строки, как в WhatsApp и amoCRM (21.09.2026, Лена): не съедает строку на каждое сообщение */ .bub .meta{font-size:10.5px;color:var(--muted);text-align:right;float:right;margin:5px 0 -3px 12px;line-height:1.3;white-space:nowrap} /* Галочки доставки (22.09.2026, ICE FACE): серые ✓/✓✓ — отправлено/доставлено, синие ✓✓ — гость прочитал. */ .bub .meta .ack{letter-spacing:-1px;cursor:default}.bub .meta .ack.read{color:var(--ack-read);font-weight:700} .bub .meta .ack.bad{color:var(--bad);letter-spacing:normal} .bub .pgap{display:block;height:5px}.ch-media{display:block;margin-bottom:3px} .bub .msg-link{color:var(--accent,#2563eb);text-decoration:underline;word-break:break-all} .ch-compose{display:flex;gap:8px;padding:8px 10px;border-top:1px solid var(--line);align-items:flex-end;position:relative}.ch-compose textarea{flex:1;resize:none;min-height:42px;max-height:160px} .ch-cbtn{display:flex;gap:6px;flex:none} /* примечание для коллег (14.09.2026, как в amoCRM) и смайлики */ .ch-mode{flex-basis:100%;display:flex;gap:6px} @media (min-width:701px){.ch-mode{flex-basis:auto;flex-direction:column;gap:4px;align-self:stretch;justify-content:center}.ch-mode .chip{padding:3px 9px;font-size:12px}} /* «Гостю / Примечание» — сбоку от поля, а не отдельной строкой (21.09.2026) */.ch-cant{flex-basis:100%} .ch-compose.is-note{background:var(--soft-warn)}.ch-compose.is-note textarea{background:var(--soft-warn);border-color:#EAD9A0} .ch-compose.is-note .ch-go,.ch-compose.is-note .ch-att{display:none} .msg.nt{justify-content:center}.bub.note{background:var(--soft-warn);border-color:#EFDDA3;max-width:min(88%,560px)} .nt-h{font-size:11px;font-weight:600;color:var(--ink-warn);margin-bottom:2px;white-space:normal} .ch-emo{position:absolute;left:10px;right:10px;bottom:calc(100% - 4px);background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(30,27,23,.16);padding:6px;display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:2px;max-height:calc(40vh/var(--z,1));overflow:auto;z-index:70} .ch-emo[hidden]{display:none} .ch-emo button{border:0;background:none;font-size:22px;line-height:1;padding:6px 0;border-radius:8px;cursor:pointer}.ch-emo button:hover{background:var(--soft)} .ch-emo-sep{grid-column:1/-1;border-top:1px solid var(--line);margin:3px 0} /* Язык беседы и перевод (10.09.2026) */ .ch-lang{display:inline-flex;align-items:center;gap:3px;flex:none;margin-right:2px} .ch-lang .chip.tiny{padding:3px 7px}.ch-lang .chip.tr{box-shadow:inset 0 0 0 1px var(--accent)} .ch-lang .chip.tiny{cursor:pointer} /* Правка и удаление отправленного (24.09.2026, ICE FACE): ссылки видны при наведении, на телефоне — всегда */ .bub .meta .msg-act{visibility:hidden}.msg:hover .bub .meta .msg-act,.msg.act-on .bub .meta .msg-act{visibility:visible} /* на телефоне наведения нет: кнопки — по нажатию на своё сообщение (иначе «Удалить» висит под каждым) */ @media (hover:none){.bub .meta .msg-act{display:none}.msg.act-on .bub .meta .msg-act{display:inline} .msg.act-on .bub .meta .msg-act a{display:inline-block;padding:4px 2px;font-size:12.5px}} /* «Ответить» на конкретное сообщение (25.09.2026): только в ленте беседы, где можно писать; плашка над полем */ .msg-rep,.msg-rb{display:none}#ch_msgs.can-rep .msg-rep{display:inline} .msg-rb{flex:none;align-self:center;width:28px;height:28px;margin:0 4px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;align-items:center;justify-content:center;visibility:hidden} .msg.out .msg-rb{order:-1}.msg-rb:hover{background:var(--soft);color:var(--accent)} @media (hover:hover){#ch_msgs.can-rep .msg-rb{display:inline-flex}#ch_msgs.can-rep .msg:hover .msg-rb{visibility:visible}#ch_msgs.can-rep .msg-rep{display:none}} .ch-att.ch-rep{border-left:3px solid var(--accent)}.ch-rep>span{min-width:0;display:flex;flex-direction:column;gap:1px} .ch-rep b{font-weight:600;color:var(--accent);font-size:12px}.ch-rep i{font-style:normal;color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .msg.del .bub{opacity:.6}.msg.del .bub>span{text-decoration:line-through} .msg-gone{font-size:11.5px;font-weight:600;color:var(--muted);margin-bottom:2px;white-space:normal} .msg-ed{min-width:min(420px,70vw)}.msg-ed textarea{width:100%;box-sizing:border-box;resize:vertical;font:inherit} .msg-ed-b{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:4px;white-space:normal}.msg-ed-b .muted{font-size:11.5px} .msg-ed-err{color:var(--bad);font-size:12px;white-space:normal}.msg-ed-err:empty{display:none} .msg-src{margin-top:4px;padding-top:4px;border-top:1px dashed rgba(0,0,0,.12);color:var(--muted);font-size:12px;line-height:1.35} .ch-stt{margin:2px 0 4px;padding:5px 8px;border-left:2px solid rgba(0,0,0,.18);font-size:13px;line-height:1.4;white-space:pre-wrap} .ch-stt::before{content:"🎙 ";opacity:.7} .ch-tr{margin-top:4px;padding:5px 8px;border-radius:8px;background:rgba(0,0,0,.045);font-size:12.5px;line-height:1.4} .msg-tr{white-space:nowrap} /* Ответ свайпом на конкретное сообщение (11.09.2026) — плашка над текстом, как в WhatsApp */ .msg-q{display:block;margin:0 0 5px;padding:4px 8px;border-left:3px solid var(--accent);border-radius:6px;background:rgba(0,0,0,.045);color:inherit;text-decoration:none;white-space:normal;font-size:12px;line-height:1.35;min-width:140px} .msg-q b{display:block;font-weight:600;color:var(--accent);font-size:11.5px} .msg-q span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted)} .msg-q .msg-ig{display:inline-block;margin-top:2px;font-size:12px;font-weight:600;color:var(--accent)} .msg-q:hover{background:rgba(0,0,0,.07);text-decoration:none} /* общий a:hover подчёркивал цитату (на телефоне — залипал после нажатия) */ .msg.flash .bub{animation:msgFlash 1.6s ease-out} @keyframes msgFlash{0%,40%{box-shadow:0 0 0 3px var(--accent)}100%{box-shadow:0 0 0 3px transparent}} /* Шаблоны по «/» в поле ответа (10.09.2026, как в amoCRM) */ .ch-slash{position:absolute;left:10px;right:10px;bottom:calc(100% - 4px);background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(30,27,23,.16);max-height:calc(46vh/var(--z,1));overflow:auto;z-index:70} .ch-slash>div[data-i]{padding:8px 12px;cursor:pointer;display:flex;flex-direction:column;gap:2px;border-bottom:1px solid var(--line)} .ch-slash>div[data-i]:last-of-type{border-bottom:0} .ch-slash>div[data-i].on,.ch-slash>div[data-i]:hover{background:var(--soft)} .ch-slash>div[data-i] span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ch-slash-h{position:sticky;bottom:0;padding:6px 12px;background:var(--soft);border-top:1px solid var(--line)} /* список шаблонов прямо в переписке (22.09.2026, Виктория ICE FACE: «как в Вазап — открыть, найти и направить») */ .ch-qrp{display:flex;flex-direction:column;padding:0;overflow:hidden} .ch-qrp-s{position:sticky;top:0;display:flex;gap:8px;align-items:center;padding:8px 10px;background:var(--card);border-bottom:1px solid var(--line);border-radius:12px 12px 0 0;z-index:2} .ch-qrp-s input{flex:1;min-width:0} .ch-qrp-l{overflow:auto;flex:1} .ch-qri2-i{width:34px;height:34px;object-fit:cover;border-radius:6px;border:1px solid var(--line);flex:none} .ch-qri2{display:flex;gap:8px;align-items:center;padding:7px 12px;cursor:pointer;border-bottom:1px solid var(--line)} .ch-qri2:last-of-type{border-bottom:0} .ch-qri2.on,.ch-qri2:hover{background:var(--soft)} .ch-qri2-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px} .ch-qri2-t span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ch-qri2 button{flex:none} .ch-qrl{max-height:calc(50vh/var(--z,1));overflow:auto;display:flex;flex-direction:column;gap:4px}.ch-qri{padding:8px 10px;border:1px solid var(--line);border-radius:10px;cursor:pointer;position:relative}.ch-qri:hover{border-color:var(--accent);background:var(--tint)}.ch-qri a{position:absolute;right:10px;top:8px} /* Шаблоны ответов — отдельный раздел, список строками как в amoCRM (10.09.2026) */ .qr-t td{vertical-align:top} .qr-t td:first-child{max-width:260px;white-space:normal} .qr-txt{display:block;color:var(--muted);max-height:3.2em;overflow:hidden;white-space:pre-wrap} .qr-off td{color:var(--muted);background:var(--tint)} /* группы и перетаскивание шаблонов (24.09.2026, ICE FACE) */ .qr-h{display:inline-block;cursor:grab;touch-action:none;user-select:none;color:var(--muted);padding:2px 8px 2px 0;font-size:16px;line-height:1} .qr-h:hover{color:var(--text)} .qr-g td{background:var(--soft);padding-top:9px;padding-bottom:9px} .qr-ga{margin-left:12px;font-weight:400} .qr-empty td{text-align:center;padding:14px;border:2px dashed var(--line)} .qr-drag td{background:var(--accent-soft);outline:1px dashed var(--accent);outline-offset:-1px} .qr-drag .qr-h{cursor:grabbing} tr.qr-fold{display:none} @media (max-width:700px){table.stk tr.qr-g{background:var(--soft);padding:8px 10px;border-radius:8px}table.stk tr.qr-g td{background:none;padding:0}.qr-h{font-size:20px;padding:4px 10px 4px 0}} .ch-qrp-g{padding:6px 10px;border-bottom:1px solid var(--line);flex-wrap:nowrap;overflow-x:auto} .ch-qrp-g .chip{flex:none} .ch-qrg{padding:6px 12px 3px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--card)} .qr-img{display:block;max-width:220px;max-height:220px;border-radius:8px;border:1px solid var(--line);margin:0 0 6px} .qr-tr{border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin:0 0 8px 118px;white-space:pre-wrap} @media (max-width:700px){.qr-tr{margin-left:0}.qr-txt{max-height:none}} .tk-over td{background:var(--soft-bad)}.tk-done td{color:var(--muted)} @media (max-width:1000px){.ch-split{grid-template-columns:300px minmax(0,1fr)}} @media (max-width:700px){.ch-split{grid-template-columns:1fr;height:calc(calc(100dvh/var(--z,1)) - 54px - 8px - 78px - 52px);min-height:320px}body.has-pwa .ch-split{height:calc(calc(100dvh/var(--z,1)) - 54px - 8px - 78px - 52px - 160px)}.ch-split .ch-thread{display:none}.ch-split.th-open .ch-list{display:none}.ch-split.th-open .ch-thread{display:flex} .ch-back{display:inline-flex}.ch-acts{width:100%;justify-content:flex-start}.ch-th{flex-wrap:wrap}.bub{max-width:88%}.ch-seg{width:100%}.ch-seg button{padding:8px 6px;font-size:12.5px}.ch-hint{display:none}.ch-slash>.ch-slash-h{display:none}.ch-qrp .kb-hint{display:none}.qr-lbl{display:none}.ch-slash{max-height:calc(38vh/var(--z,1))} .ch-compose textarea{min-height:40px} /* ревью 26.09.2026: поле ввода на телефоне было шириной в треть экрана — теперь «Гостю/Примечание» и кнопки строкой сверху, поле во всю ширину */ .ch-compose .cm-lbl{display:none}.ch-compose .ch-mode{order:1}.ch-compose .ch-cbtn{order:2;margin-left:auto}.ch-compose textarea{order:3;flex:1 1 100%}} /* ---- Комментарии под постами Instagram (10.09.2026): карточка = пост + комментарий + ответ ---- */ .cmts{display:flex;flex-direction:column;gap:8px} .cmt-list{display:flex;flex-direction:column;gap:8px} .cmt{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;padding:10px;background:var(--card);border:1px solid var(--line);border-radius:12px} .cmt.wait{border-left:3px solid var(--accent)} .cmt-post{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit} .cmt-post img{width:64px;height:64px;object-fit:cover;border-radius:8px;display:block} .cmt-post span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:10.5px;line-height:1.25} .cmt-main{min-width:0;display:flex;flex-direction:column;gap:5px} .cmt-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .cmt-text{white-space:pre-wrap;word-break:break-word} .cmt-reply{padding:6px 8px;background:var(--soft);border-radius:8px;font-size:12.5px;white-space:pre-wrap;word-break:break-word} .cmt-acts{display:flex;gap:6px;flex-wrap:wrap} .cmt-form{display:flex;flex-direction:column;gap:6px;margin-top:2px;position:relative} .cmt-form textarea{resize:vertical;min-height:44px} .cmt-form label{display:flex;align-items:center;gap:6px;color:var(--muted)}.cmt-form label input[type=checkbox]{width:15px;height:15px;min-height:0;margin:0;flex:none} .cmt-send{display:flex;gap:6px;flex-wrap:wrap} @media (max-width:700px){.cmt{grid-template-columns:48px minmax(0,1fr)}.cmt-post img{width:48px;height:48px}.cmt-post span{display:none}} /* ---- Бот продаж (11.09.2026, erp/salesbot.py): режим по филиалам и журнал решений ---- */ .bot{display:flex;flex-direction:column;gap:8px} .bot-intro{padding:8px 10px;background:var(--soft);border-radius:10px;line-height:1.4} .bot-cos{display:flex;flex-direction:column;gap:6px} .bot-co{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 10px;background:var(--card);border:1px solid var(--line);border-radius:12px} .bot-co b{min-width:84px} .bot-seg button.on.auto{background:var(--accent);color:#fff}.bot-seg button.on.shadow{background:var(--soft-warn);color:var(--ink-warn)} .bot-list{display:flex;flex-direction:column;gap:8px} .bot-run{display:flex;flex-direction:column;gap:5px;padding:10px;background:var(--card);border:1px solid var(--line);border-radius:12px} .bot-run.escalate{border-left:3px solid #E0A100}.bot-run.reply{border-left:3px solid var(--accent)}.bot-run.error{border-left:3px solid var(--ink-bad)} .bot-guest{white-space:pre-wrap;word-break:break-word;padding:6px 8px;background:var(--soft);border-radius:8px;font-size:13px} .bot-text div{white-space:pre-wrap;word-break:break-word;font-size:12.5px;padding:6px 8px;border:1px dashed var(--line);border-radius:8px;margin-top:4px} .bot-err{color:var(--ink-bad)} .bot-chip.auto{background:var(--accent-soft);color:var(--accent)}.bot-chip.shadow{background:var(--soft-warn);color:var(--ink-warn)}.bot-chip.off{opacity:.7} @media (max-width:700px){.bot-co b{min-width:0;width:100%}} /* ---- Задачи (07.09.2026, вместо Todoist): списки слева, задачи справа ---- */ .td-seg .cnt{font-style:normal;display:inline-block;min-width:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:#fff;font-size:11px;line-height:18px;margin-left:4px} .td-seg .cnt.bad{background:var(--bad)} .td-split{display:grid;grid-template-columns:280px minmax(0,1fr);gap:10px;height:calc(calc(100vh/var(--z,1)) - 54px - 10px - 52px);min-height:420px} .td-lists{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:auto;padding:6px} .td-gr-h{display:flex;align-items:center;gap:4px;padding:8px 8px 4px;font-size:11.5px;font-weight:700;color:var(--faint);text-transform:uppercase;letter-spacing:.04em} .td-li{display:flex;align-items:center;gap:8px;width:100%;padding:7px 9px;border:0;border-radius:9px;background:transparent;text-align:left;font-weight:600;color:var(--text)} .td-li:hover{background:var(--tint)}.td-li.sel{background:var(--soft)} .td-li-t{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500} .td-li .cnt{font-style:normal;flex:none;min-width:20px;text-align:center;padding:1px 6px;border-radius:9px;background:var(--soft);color:var(--muted);font-size:11.5px;font-weight:700} .td-li.sel .cnt{background:var(--card)}.td-li .cnt.bad{background:var(--no);color:var(--no-e)} .td-main{background:var(--card);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;min-height:0;overflow:hidden} .td-h{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line)} .td-h-t{font-weight:700;font-size:16px;display:flex;align-items:baseline;gap:8px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .td-h-t small{font-weight:500;color:var(--muted);font-size:12.5px;white-space:nowrap;flex:none} .td-add{display:flex;gap:8px;padding:10px 12px;border-bottom:1px solid var(--soft)} .td-add input{flex:1} .td-items{flex:1;overflow:auto;min-height:0} .td-it{display:flex;align-items:flex-start;gap:8px;padding:7px 12px;border-bottom:1px solid var(--soft);cursor:pointer} .td-it:hover{background:var(--tint)} .td-it.fading{opacity:.45} .td-chk{width:20px;height:20px;margin-top:1px;border:1.6px solid var(--line-s);border-radius:50%;background:var(--card);padding:0;display:flex;align-items:center;justify-content:center;color:#fff;flex:none} .td-chk:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)} .td-it:not(.done) .td-chk .td-tick{opacity:0}.td-it:not(.done) .td-chk:hover .td-tick{opacity:1} .td-it.done .td-chk{background:var(--accent);border-color:var(--accent)} .td-it.done .td-t{text-decoration:line-through;color:var(--muted)} .td-t{font-weight:500;line-height:1.35;word-break:break-word} /* в Todoist название обычным весом, жирное «резало глаз» */ .td-meta{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:2px;font-size:12px;color:var(--muted)} .td-meta b{color:var(--accent)} .td-late{color:var(--bad);font-weight:700} .td-rep{color:var(--faint)} .td-note{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .td-card .row{margin-bottom:8px} .td-card .row label{flex-basis:110px;flex:none;color:var(--muted)} .td-card .td-col{align-items:flex-start} .td-title{font-weight:700;font-size:16px;width:100%;margin-bottom:10px} .td-acts{display:flex;gap:8px;align-items:center;margin:12px 0 4px;flex-wrap:wrap} .td-cm{border-top:1px solid var(--line);margin-top:10px;padding-top:10px} .td-cm-h{font-weight:700;margin-bottom:6px} .td-cm-i{padding:7px 0;border-bottom:1px solid var(--soft)} .td-cm .td-add{padding:10px 0 0;border:0} @media (max-width:1000px){.td-split{grid-template-columns:240px minmax(0,1fr)}} @media (max-width:700px){ .td-split{grid-template-columns:1fr;height:calc(calc(100vh/var(--z,1)) - 54px - 8px - 70px - 52px)} .td-split .td-main{display:none}.td-split.it-open .td-lists{display:none}.td-split.it-open .td-main{display:flex} .td-bar #td_q{width:100%;order:9} .td-it{padding:11px 12px}.td-chk{width:24px;height:24px} .td-h{padding:8px 10px}.td-h-t{font-size:15px;flex:1}.td-h-t small{display:none}.td-h .td-sp{display:none} /* «28 открытых» на телефоне ломало заголовок на три строки */ .td-h #td_edlist{display:none}.td-add{padding:8px 10px} } /* вкладок стало 13 (07.09.2026: «Диалоги» и «Задачи») — на ноутбуке 1440 подписи обрезались; ужимаем поля, не трогая крупные экраны */ .tabs{min-width:0}.tab{flex:none} /* подписи вкладок не режем по буквам: не влезли — прокручиваем ленту вкладок */ @media (max-width:1560px){.tabs{gap:0}.tab{padding:7px 8px;font-size:13px}.gsearch{width:210px}} @media (max-width:1280px){.tab{padding:7px 6px;font-size:12.5px}.gsearch{width:170px}} /* группы и строки в духе Todoist (07.09.2026): «Приоритет 1…4», цветной кружок, список задачи справа */ .td-grp{display:flex;align-items:center;gap:6px;flex:none} .td-grp select{width:auto;min-height:32px;padding:4px 8px;font-weight:600} .td-bk{border-bottom:1px solid var(--soft)} .td-bk:last-child{border-bottom:0} .td-bh{display:flex;align-items:baseline;gap:8px;padding:12px 12px 4px;font-size:13.5px} .td-bh b{font-weight:700} .td-bh.late b{color:var(--bad)} .td-bh.p1 b{color:var(--bad)}.td-bh.p2 b{color:var(--warn)}.td-bh.p3 b{color:var(--conf-e)} .td-it .td-body{flex:1;min-width:0} .td-it .td-proj{flex:none;color:var(--faint);font-size:12.5px;white-space:nowrap;padding-top:2px;max-width:180px;overflow:hidden;text-overflow:ellipsis} .td-it.p1 .td-chk{border-color:var(--bad);background:var(--soft-bad)} .td-it.p2 .td-chk{border-color:var(--warn);background:var(--soft-warn)} .td-it.p3 .td-chk{border-color:var(--conf-e);background:var(--soft-info)} .td-it.p1 .td-chk:hover{background:var(--no)}.td-it.p2 .td-chk:hover{background:var(--soft-warn)}.td-it.p3 .td-chk:hover{background:var(--conf)} .td-it.done .td-chk{background:var(--accent);border-color:var(--accent)} .td-today{color:var(--accent);font-weight:700} .td-addrow{display:block;width:100%;text-align:left;padding:8px 12px 12px 46px;border:0;background:transparent;color:var(--accent);font-weight:600} .td-addrow:hover{color:var(--accent)} .td-qa{display:flex;gap:8px;padding:4px 12px 12px 46px;flex-wrap:wrap} .td-qa input{flex:1;min-width:180px}.td-qa select{width:auto;max-width:220px} .td-prio{display:flex;gap:6px} .td-pb{width:34px;height:34px;border-radius:9px;border:1.6px solid var(--line);background:var(--card);font-weight:700;color:var(--muted)} .td-pb.p1{border-color:#EBC2C2;color:var(--bad)}.td-pb.p2{border-color:#EFDCB6;color:var(--warn)}.td-pb.p3{border-color:#CDD1F3;color:var(--conf-e)} .td-pb.on{color:#fff}.td-pb.p1.on{background:var(--bad);border-color:var(--bad)}.td-pb.p2.on{background:var(--warn);border-color:var(--warn)} .td-pb.p3.on{background:var(--conf-e);border-color:var(--conf-e)}.td-pb.p4.on{background:var(--muted);border-color:var(--muted)} @media (max-width:700px){.td-bar .td-grp{order:8}.td-bar .td-grp span{display:none} /* на телефоне подпись «Группировать» съедала строку */ .td-it .td-proj{display:none}.td-addrow,.td-qa{padding-left:12px}} /* секции, меню и подзадачи — как в Todoist (07.09.2026) */ .td-li-w{display:flex;align-items:center;gap:2px} .td-li-w .td-li{flex:1;min-width:0} .td-li-m{border:0;background:transparent;color:var(--faint);padding:4px 6px;border-radius:8px;opacity:0;flex:none} .td-li-w:hover .td-li-m,.td-bh:hover .td-li-m{opacity:1} .td-li-m:hover{background:var(--soft);color:var(--text)} .td-fav{color:var(--warn);display:flex;flex:none} .td-bc{border:0;background:transparent;color:var(--faint);padding:2px;border-radius:6px;display:flex;align-items:center;flex:none} .td-bc.off{transform:rotate(-90deg)} .td-bc:hover{background:var(--soft);color:var(--text)} .td-bh{align-items:center} .td-lnote{padding:8px 12px;color:var(--muted);border-bottom:1px solid var(--soft);font-size:13px} .td-it .td-chk{margin-left:0} .td-it.sub{padding-left:34px;background:var(--tint)} .td-desc{color:var(--muted);font-size:12.5px;margin-top:1px;overflow:hidden;text-overflow:ellipsis} .td-im{border:0;background:transparent;color:var(--faint);padding:4px 6px;border-radius:8px;opacity:0;align-self:start;flex:none} .td-it:hover .td-im{opacity:1} .td-im:hover{background:var(--soft);color:var(--text)} .td-meta span{display:inline-flex;align-items:center;gap:3px} .td-share{max-height:300px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:6px} .td-sh{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px} .td-sh:hover{background:var(--soft)} .td-sh input{width:auto;min-height:0} .td-sh span{flex:1} .td-subs{border-top:1px solid var(--soft);margin-top:10px;padding-top:8px} .td-sub{padding:4px 0;color:var(--muted)} @media (max-width:700px){.td-im,.td-li-m{opacity:1}.td-it.sub{padding-left:26px}} /* строка задачи: аватар исполнителя справа и действия при наведении — как в Todoist (07.09.2026) */ .td-av{flex:none;width:22px;height:22px;border-radius:50%;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px} .td-acts-row{display:none;gap:2px;align-items:center;flex:none;margin-left:auto} .td-it:hover .td-acts-row{display:flex} .td-it:hover .td-proj{display:none} .td-ib{border:0;background:transparent;color:var(--faint);padding:4px;border-radius:7px;display:flex;align-items:center} .td-ib:hover{background:var(--soft);color:var(--text)} .td-desc a{color:var(--accent);text-decoration:underline;text-underline-offset:2px} .td-desc{white-space:normal} @media (max-width:700px){.td-acts-row{display:none!important}.td-av{width:20px;height:20px}} .td-it.dragging{opacity:.4} .td-it.over-b{box-shadow:inset 0 2px 0 var(--accent)} .td-it.over-a{box-shadow:inset 0 -2px 0 var(--accent)} .td-bh.over-b{box-shadow:inset 0 -2px 0 var(--accent)} /* карточка задачи окном по центру — как в Todoist (07.09.2026): слева задача и комментарии, справа свойства */ .td-md{display:flex;flex-direction:column;min-height:0} .td-md-h{display:flex;align-items:center;gap:4px;padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:12px} .td-md-h .btn.ic{padding:4px 8px;min-height:30px} .td-md-b{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px} .td-md-l{min-width:0} .td-md-r{border-left:1px solid var(--line);padding-left:16px;display:flex;flex-direction:column;gap:4px} .td-md-r label{color:var(--muted);font-size:12px;margin-top:8px} .td-md-r select,.td-md-r input{min-height:34px} .td-md-t{display:flex;gap:10px;align-items:flex-start} .td-md-t .td-chk{margin-top:6px} .td-md-t .td-title{font-size:18px;border:0;padding:4px 0;resize:none;margin:0} .td-md-t .td-title:focus{outline:0;border-bottom:1px solid var(--accent)} .td-mdnote{border:0;padding:4px 0;color:var(--muted);resize:vertical;margin-bottom:6px} .td-mdnote:focus{outline:0;border-bottom:1px solid var(--line)} .td-quick{display:flex;gap:6px;margin-top:6px} .td-quick .btn{flex:1;padding:5px 6px;min-height:30px;font-size:12px} .td-cm-i{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--soft);align-items:flex-start} .td-cm-b{min-width:0;flex:1} .td-cm-t{margin-top:2px;white-space:pre-wrap;word-break:break-word} .td-av.sm{width:26px;height:26px;font-size:11px;margin-top:2px} /* комментарии как в Todoist (владелец 23.09.2026: «там поприятнее»): аватар 30px, без разделителей, текст крупнее и воздушнее */ .td-av.md{width:30px;height:30px;font-size:11.5px;margin-top:1px} .td-cm .td-cm-i{gap:12px;padding:10px 0;border-bottom:0} .td-cm-a{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap} .td-cm-a b{font-weight:600;font-size:14px} .td-cm-a span{color:var(--muted);font-size:12.5px} .td-cm .td-cm-t{margin-top:3px;font-size:14.5px;line-height:1.55;color:var(--text)} .td-cm-h{font-weight:600} /* поле: свёрнуто — «таблетка», по клику — рамка с «Уведомить», кнопками и «Комментировать» */ .td-cmw{display:flex;gap:12px;align-items:flex-start;margin-top:12px} .td-cmc{position:relative;flex:1;min-width:0;border:1px solid var(--line);border-radius:20px;background:var(--card);padding:4px 14px;cursor:text;transition:border-radius .12s} .td-cmc.open{border-radius:12px;padding:10px 14px;cursor:auto;border-color:var(--line-s)} .td-cmc textarea{display:block;width:100%;border:0;padding:5px 0;resize:none;background:transparent;font:inherit;font-size:14.5px;line-height:1.5;min-height:30px;box-shadow:none} .td-cmc textarea:focus{outline:0;box-shadow:none} .td-cmc.open textarea{min-height:56px} .td-cmc:not(.open) .td-cmc-top,.td-cmc:not(.open) .td-cmc-bar,.td-cmc:not(.open) .td-cmc-att{display:none} .td-cmc-top{display:flex;align-items:center;gap:6px;margin-bottom:4px} .td-cmc-lbl{background:var(--soft);border-radius:6px;padding:3px 8px;font-size:13px;font-weight:600} .td-cmc-who{border:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;padding:3px 6px;border-radius:6px;cursor:pointer} .td-cmc-who:hover{background:var(--soft)} .td-cmc-who.on{color:var(--accent);font-weight:600} .td-cmc-bar{display:flex;align-items:center;gap:2px;margin-top:8px} .td-cmc-bar .btn{min-height:34px} .td-tb{border:0;background:transparent;color:var(--muted);width:34px;height:34px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0} .td-tb:hover{background:var(--soft);color:var(--text)} .td-cmc-att{display:flex;align-items:center;gap:6px;margin-top:6px;padding:6px 6px 6px 10px;border:1px solid var(--line);border-radius:10px;background:var(--tint)} .td-cmc-att audio{height:34px;flex:1;min-width:0;max-width:320px} .td-att-n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .td-cmc-rec{display:flex;align-items:center;gap:8px;min-height:56px;font-variant-numeric:tabular-nums} .td-rec-dot{width:10px;height:10px;border-radius:50%;background:var(--bad);animation:tdrec 1s infinite} @keyframes tdrec{50%{opacity:.25}} .td-cmc .ch-emo{left:0;right:0} .td-ntf{position:absolute;left:10px;top:40px;z-index:5;width:280px;max-width:calc(100% - 20px);background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px var(--sh);padding:6px} .td-ntf[hidden]{display:none} .td-ntf-q{width:100%;margin-bottom:4px} .td-ntf-l{max-height:260px;overflow:auto} .td-ntf-s{font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:8px 8px 4px} .td-ntf-i{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;cursor:pointer} .td-ntf-i:hover{background:var(--soft)} .td-ntf-i input{margin:0;width:auto;min-height:0} .td-ntf-i .td-av.sm{margin-top:0} .td-ntf-f{padding:6px 8px 2px;border-top:1px solid var(--line);margin-top:4px} @media (max-width:700px){.td-cmw>.td-av{display:none}.td-cmc-bar .btn{padding:6px 10px}} .td-fi{display:inline-block;margin-top:6px} .td-fi img{max-width:260px;max-height:260px;border-radius:10px;border:1px solid var(--line)} .td-fa{display:block;margin-top:6px;width:100%;max-width:320px} .td-fv{display:block;margin-top:6px;max-width:320px;border-radius:10px} .td-fd{display:inline-flex;gap:6px;align-items:center;margin-top:6px;padding:6px 10px;border:1px solid var(--line);border-radius:9px;background:var(--tint)} @media (max-width:820px){.td-md-b{grid-template-columns:1fr}.td-md-r{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:10px}} /* ---- «Диалоги»: вложения, медиа в ленте, поиск по переписке и воронка доской (07.09.2026, окно менеджера) ---- */ .ch-img{display:block;margin-bottom:4px}.ch-img img{max-width:260px;max-height:280px;border-radius:10px;display:block} .ch-aud{display:block;margin-bottom:4px;width:240px;max-width:100%;height:36px} .ch-vid{display:block;margin-bottom:4px;max-width:260px;border-radius:10px} .bub mark{background:var(--soft-warn);color:inherit;border-radius:3px;padding:0 1px} .ch-att{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--tint);border:1px solid var(--line);border-radius:9px;padding:5px 9px;font-size:12.5px;width:100%;order:-1} .ch-compose{flex-wrap:wrap} .ch-split.drop .ch-thread{outline:2px dashed var(--accent);outline-offset:-4px} .ch-found{display:flex;gap:8px;align-items:center;padding:6px 12px;border-bottom:1px solid var(--line);background:var(--tint)}.ch-found input{flex:1;min-height:32px;padding:4px 8px} /* Отмечены не все студии — прямо над списком бесед, иначе «сообщения пропали» (22.09.2026, Нонна ICE FACE) */ .ch-hidden{margin:0 0 2px;padding:5px 8px;border-radius:6px;background:var(--soft-warn);color:var(--ink-warn);font-size:11.5px;line-height:1.35} .ch-hidden a{color:inherit;font-weight:600;text-decoration:underline;white-space:nowrap} .ch-lines button{padding:6px 4px;font-size:12px}.ch-lines .cnt{font-style:normal;display:inline-block;min-width:16px;padding:0 4px;border-radius:8px;background:var(--accent);color:#fff;font-size:10.5px;line-height:16px} .ch-seg2{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;flex:none} .ch-seg2 button{border:0;background:var(--card);padding:6px 12px;font-size:12.5px;cursor:pointer;color:var(--muted)}.ch-seg2 button.on{background:var(--accent);color:#fff} .ch-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(180px,1fr);gap:10px;overflow-x:auto;padding:2px;background:transparent;border:0} .ch-col{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:8px;display:flex;flex-direction:column;min-height:180px} .ch-col.over{outline:2px dashed var(--accent);outline-offset:-3px} .ch-colh{font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;align-self:flex-start;margin-bottom:8px}.ch-colh .muted{color:inherit;opacity:.75}.ch-colsum{font-weight:800;margin-left:2px} .ch-cards{display:flex;flex-direction:column;gap:6px;overflow:auto;max-height:calc(calc(100dvh/var(--z,1)) - 300px)} .ch-card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:7px 9px;cursor:pointer;line-height:1.35} .ch-card:hover{border-color:var(--accent)}.ch-card.drag{opacity:.5}.ch-card>b{font-size:13px} .ch-empty2{padding:6px 4px} @media (max-width:700px){.ch-board{grid-auto-columns:minmax(calc(78vw/var(--z,1)),1fr)}.ch-cards{max-height:none}.ch-att{font-size:12px}} /* график на месяц в кабинете мастера (08.09.2026, Александр — старший мастер ММ) */ .mst .mmt{font-size:15px;font-weight:800;min-width:150px;text-align:center} .mmseg{margin:0 0 8px} .mmsum{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px} .mcal-h{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px} .mcal-h span{text-align:center;font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.03em} .mcal-g{display:grid;grid-template-columns:repeat(7,1fr);gap:4px} .mcell{background:var(--card);border:1px solid var(--line);border-radius:10px;min-height:58px;padding:5px 3px;text-align:center;position:relative;overflow:hidden} .mcell b{display:block;font-size:13px;font-weight:800;line-height:1.2} .mcell small{display:block;font-size:9.5px;font-weight:700;color:var(--muted);line-height:1.25;word-break:break-word} .mcell.on{background:var(--came);border-color:transparent}.mcell.on small{color:var(--ink-warn)} .mcell.off small.w{opacity:.6} .mcell.we:not(.on){background:var(--soft)} .mcell.pad{border:0;background:transparent;min-height:0} .mcell.td{box-shadow:0 0 0 2px var(--accent)} .mcell i{position:absolute;top:2px;right:3px;font-style:normal;font-size:9px;font-weight:800;background:var(--text);color:var(--card);border-radius:999px;padding:0 4px;line-height:1.35} .mtsum{margin-bottom:8px} .mtsum-r{display:flex;align-items:baseline;gap:8px;padding:4px 0;border-top:1px solid var(--line)} .mtsum-r:first-of-type{border-top:0}.mtsum-r span:first-child{flex:1;font-weight:700}.mtsum-r .me{color:var(--accent)} .mtdays{padding-top:10px} .mtrow{display:flex;gap:10px;align-items:flex-start;padding:6px 0;border-top:1px solid var(--line)} .mtrow .dt{width:54px;flex:none;color:var(--muted);font-size:12px;font-weight:700} .mtrow .dt b{color:var(--text);font-size:14px} .mtrow .who{display:flex;gap:4px;flex-wrap:wrap;min-width:0} .mtrow .who .chip{font-size:11.5px;padding:3px 8px;background:var(--soft)} .mtrow .who .chip small{color:var(--muted);font-weight:600} .mtrow .who .chip.me{background:var(--came);color:var(--ink-warn)}.mtrow .who .chip.me small{color:var(--ink-warn)} .mtrow.we{background:var(--soft)} .mtrow.td .dt b{color:var(--accent)} @media (max-width:700px){body.master .mcell{min-height:64px}body.master .mcell b{font-size:15px}body.master .mcell small{font-size:10px}body.master .mtrow .who .chip{font-size:13px}} .mshift .mteam{display:flex;gap:4px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--muted);margin-top:2px} .mshift .mteam .chip{font-size:11.5px;padding:3px 8px;background:var(--soft);color:var(--text)} .mshift .mteam .chip small{color:var(--muted);font-weight:600} /* перерыв мастера в журнале (08.09.2026, Александр ММ): полосатый блок вместо карточки гостя — как в YCLIENTS */ .brk{position:relative;margin:0 3px 0 2px;border-radius:6px;padding:3px 6px 3px 9px;font-size:11px;line-height:1.15;overflow:hidden;cursor:pointer;z-index:2; background:repeating-linear-gradient(135deg,var(--line) 0 6px,var(--soft) 6px 12px);color:var(--muted);border:1px solid var(--line-s);box-shadow:none} .brk::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--dim)} .brk .bt{display:flex;justify-content:space-between;gap:4px;font-size:10px;font-weight:700;opacity:.8;white-space:nowrap} .brk .bn{font-weight:800;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .brk.mini .bn{display:none} .cell .pause{display:none;position:absolute;right:3px;top:1px;bottom:1px;width:20px;border:0;border-radius:5px;background:rgba(93,87,78,.10);color:var(--muted);font-size:11px;line-height:1;align-items:center;justify-content:center;cursor:pointer;z-index:3} .cell:hover .pause{display:flex} .cell:hover .pause:hover{background:rgba(93,87,78,.22)} .brklist{display:flex;flex-direction:column;gap:6px;margin:6px 0} .brklist .b{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;background:var(--soft);font-weight:600} .brklist .b small{color:var(--muted);font-weight:600} /* окно между записями в кабинете мастера (10.09.2026): видно, где в смене свободно */ .mitem.gapitem{background:rgba(46,125,104,.05);border-style:dashed;border-color:var(--accent);color:var(--accent);min-height:52px} .mitem.gapitem .nm,.mitem.gapitem .tm{color:var(--accent)}.mitem.gapitem .sv.g{color:var(--muted);font-weight:600} .mitem.gapitem .pill{background:rgba(46,125,104,.12);color:var(--accent)} .mitem.gapitem.past{opacity:.5;border-color:var(--line);color:var(--muted)}.mitem.gapitem.past .nm,.mitem.gapitem.past .tm{color:var(--muted)} .mitem.gapitem.past .pill{background:var(--soft);color:var(--muted)} .mitem.brkitem{background:repeating-linear-gradient(135deg,var(--soft) 0 6px,var(--line-w) 6px 12px);color:var(--muted)} .mitem.brkitem .pill{background:var(--line);color:var(--muted)} /* вкладка «Услуги» (08.09.2026): каталог и цены филиала — категории карточками, услуги таблицей, карточка услуги в модалке */ .svc-bar input[type=search]{width:240px} .svc-note{margin:-2px 0 10px} .svc-cat{margin:0 0 10px;padding:0} .svc-ch{display:flex;gap:8px;align-items:center;padding:8px 12px;flex-wrap:wrap} .svc-ch .svc-tg{font-size:14px;min-height:0;padding:0 4px} .svc-tbl{border-top:1px solid var(--line)} .svc-tbl table{min-width:760px} .svc-cat tr[data-s]{cursor:pointer}.svc-cat tr[data-s]:hover td{background:var(--soft)} .svc-cat tr.off td{opacity:.55} .svc-cat td .svc-cm{display:block;color:var(--muted);font-size:12px;font-weight:400} .svc-card .row input[type=number]{max-width:130px} .svc-hist .card{margin:6px 0;padding:8px 10px} @media (max-width:700px){.svc-tbl table{min-width:0}.svc-bar input[type=search]{width:100%}.svc-card .row input[type=number]{max-width:none}} /* ошибка у поля в окне (10.09.2026): «нажимаю — ничего не происходит» — теперь причина видна рядом с полем */ .ferr{margin:-2px 0 8px;font-weight:600} input.errfld,select.errfld{border-color:var(--bad);box-shadow:0 0 0 2px rgba(158,43,43,.12)} /* входящий звонок (11.09.2026, chats.js callPop*): справа снизу, поверх любой вкладки, несколько звонков — стопкой */ #callpops{position:fixed;right:16px;bottom:16px;z-index:95;display:flex;flex-direction:column;gap:10px;width:340px;max-width:calc(calc(100vw/var(--z,1)) - 32px)} .callpop{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px;box-shadow:0 14px 40px rgba(30,27,23,.22);padding:10px 12px} .callpop.cp-ring{border-left-color:var(--warn);animation:cpin .25s ease-out} .callpop.cp-miss{border-left-color:var(--bad)} .callpop.cp-done{border-left-color:var(--line)} .callpop .cp-h{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);font-weight:600} .callpop .cp-h .cp-grip+span{flex:1;min-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .callpop .cp-st{font-weight:700;white-space:nowrap}.callpop .cp-st.cp-ring{color:var(--warn)}.callpop .cp-st.cp-talk{color:var(--ok)}.callpop .cp-st.cp-miss{color:var(--bad)} /* окно звонка двигают за шапку и сворачивают в строку (22.09.2026, Дарья ICE FACE) */ .callpop .cp-x,.phcall .ph-min{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:22px;height:22px;border:0;border-radius:7px;background:transparent;color:var(--faint);padding:0;cursor:pointer;transition:background .12s,color .12s} .callpop .cp-x:hover,.phcall .ph-min:hover{background:rgba(30,27,23,.07);color:var(--text)} .cp-h[data-drag],.ph-h[data-drag]{cursor:grab;user-select:none;-webkit-user-select:none} .cp-grip,.ph-grip{flex:0 0 auto;display:inline-flex;color:var(--faint);opacity:.45;margin-left:-3px;transition:opacity .12s} .cp-h:hover .cp-grip,.ph-h:hover .ph-grip{opacity:.85} #callpops.dragging .cp-h,#phonebox.dragging .ph-h{cursor:grabbing} #callpops.dragging .callpop,#phonebox.dragging .phcall{box-shadow:0 22px 60px rgba(30,27,23,.32)} .phcall .ph-h .ph-grip+span{flex:1;min-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /* свёрнуто — окно ужимается в строку по содержимому и не закрывает журнал */ #callpops.mini,#phonebox.mini{width:max-content} /* ужимаемся по содержимому, но не шире развёрнутого окна — иначе окна встанут друг на друга */ #callpops.mini{max-width:340px}#phonebox.mini{max-width:320px} #callpops.mini .callpop,#phonebox.mini .phcall{padding:6px 8px 6px 10px} #callpops.mini .cp-h,#phonebox.mini .ph-h{gap:8px;font-size:12.5px} #callpops.mini .cp-h .cp-grip+span,#phonebox.mini .ph-h .ph-grip+span{flex:1 1 auto;min-width:0;font-weight:700;color:var(--text)} #callpops.mini .cp-st,#phonebox.mini .ph-st{flex:0 0 auto} /* статус в строке короткий — режем имя, а не его */ #phonebox.mini .ph-h .ph-b{flex:0 0 auto;gap:4px;margin:0} #phonebox.mini .btn.ic.small{width:28px;min-height:28px;border-radius:8px} @media (max-width:700px){#callpops.mini,#phonebox.mini{width:max-content;left:auto;max-width:calc(100vw - 16px)}.cp-grip,.ph-grip{display:none}} /* на телефоне окно не двигают — ручку не показываем */ .callpop .cp-n{font-size:16px;font-weight:800;margin-top:4px} .callpop .cp-f{margin-top:3px} .callpop .cp-b{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px} @keyframes cpin{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}} @media (max-width:700px){#callpops{right:8px;left:8px;width:auto;max-width:none;bottom:calc(84px + env(safe-area-inset-bottom))}} /* переписка в карточке гостя (22.09.2026, Виктория ICE FACE): видно мессенджер и последние сообщения */ .gchat{border:1px solid var(--line);border-radius:10px;padding:7px 9px;margin-bottom:6px;cursor:pointer;background:var(--card,#fff)} .gchat:hover{border-color:var(--accent)} .gchat-h{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px;margin-bottom:4px} .gchat-h .gchat-go{margin-left:auto;font-size:12.5px;white-space:nowrap} .gmsg{font-size:13px;line-height:1.45;padding:1px 0;overflow-wrap:anywhere} .gmsg.out{color:var(--muted)} .gmsg .nw{white-space:nowrap;font-size:12px;margin-right:4px} .gchat-more{margin-top:3px} /* звонки везде (11.09.2026): строка звонка в карточке гостя, итог, плеер записи на месте */ .call-ln{padding:5px 0;border-bottom:1px solid var(--soft);font-size:13px;line-height:1.45} .call-ln:last-child{border-bottom:0} .call-ln.miss{color:var(--ink-bad)}.call-bad{color:var(--bad);font-weight:600} .call-note{font-size:12.5px;margin-top:2px;color:var(--text)} .call-nf{display:flex;gap:6px;align-items:center;margin-top:6px;flex-wrap:wrap}.call-nf input{flex:1;min-width:180px;min-height:32px;padding:5px 8px} audio.call-aud{height:32px;max-width:260px;vertical-align:middle} .call-acts{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:6px}.call-ln .call-acts{justify-content:flex-start} .btn.call-b{min-height:28px;padding:3px 10px;font-size:12.5px;text-decoration:none}.bub.call .btn.call-b{color:var(--text)} /* Звонок в ленте — карточкой, как в amoCRM (владелец 24.09.2026: «в amo заметнее») */ .callc{margin:3px 0;width:min(92%,440px);background:var(--card);border:1px solid var(--line);border-left:3px solid var(--ok);border-radius:12px;padding:10px 12px;box-shadow:0 1px 2px var(--sh);font-size:13px;line-height:1.35;text-align:left} .callc.miss{border-left-color:var(--bad)}.callc.nocon{border-left-color:var(--line-s)} .callc-h{display:flex;align-items:center;gap:10px} .callc-ic{position:relative;flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--soft-ok);color:var(--ink-ok)} .callc.miss .callc-ic{background:var(--soft-bad);color:var(--ink-bad)}.callc.nocon .callc-ic{background:var(--soft);color:var(--muted)} .callc-ic i{position:absolute;right:-4px;bottom:-4px;width:16px;height:16px;border-radius:50%;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:700;line-height:1} .callc-t{flex:1;min-width:0;display:flex;flex-direction:column}.callc-t b{font-size:13.5px;color:var(--text)}.callc.miss .callc-t b{color:var(--ink-bad)} .callc-t span{color:var(--muted);font-size:12px}.callc-tm{align-self:flex-start;color:var(--muted);font-size:11px} .callc-note{margin-top:8px;padding:6px 10px;background:var(--tint);border:1px solid var(--line-w);border-radius:8px;white-space:pre-wrap;word-break:break-word}.callc-note a{color:var(--accent)} .callc-add{display:block;margin-top:8px;width:100%;text-align:left;border:1px dashed var(--line-s);background:transparent;border-radius:8px;padding:6px 10px;color:var(--muted);font-size:12.5px} .callc-add:hover{border-color:var(--accent);color:var(--accent)} /* плеер записи звонка: круглая ▶, полоса с перемоткой, время, скорость — в ленте, карточке гостя, «Звонках», ОКК */ .cplay{display:flex;align-items:center;gap:10px;margin-top:10px;background:var(--tint);border:1px solid var(--line);border-radius:999px;padding:4px 10px 4px 4px;min-width:220px;max-width:420px} td .cplay,.call-ln .cplay{margin-top:4px} .cplay-b{flex:none;width:32px;height:32px;border-radius:50%;border:0;background:var(--accent);color:#fff;display:grid;place-items:center;padding:0 0 0 1px} .cplay-b:hover{background:var(--accent-h)}.cplay.on .cplay-b{padding:0} .cplay-l{font-weight:600;color:var(--accent);font-size:13px}.cplay.on .cplay-l{display:none} .cplay-bar{flex:1;height:20px;display:flex;align-items:center;cursor:pointer;position:relative} .cplay-bar::before{content:"";position:absolute;left:0;right:0;height:4px;border-radius:2px;background:var(--line)} .cplay-bar i{position:relative;height:4px;border-radius:2px;background:var(--accent);width:0} .cplay-t{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap} .cplay-sp{border:1px solid var(--line);background:var(--card);border-radius:6px;font-size:11px;padding:1px 6px;color:var(--muted)} .cplay:not(.on) .cplay-sp{display:none} .cplay.err .cplay-b{background:var(--dim);cursor:default}.cplay.err .cplay-l,.cplay.err .cplay-bar{display:none} .btn.call-dial{padding:3px 8px;min-height:0;font-size:12px} /* телефон в Lina (11.09.2026, phone.js): кнопка в шапке и окно звонка голосом — слева от окон «звонит» */ .btn.user.phone-btn{white-space:nowrap}.btn.user.phone-btn.on{color:var(--ok)}.btn.user.phone-btn.bad{color:var(--bad)} #phonebox{position:fixed;right:372px;bottom:16px;z-index:96;display:flex;flex-direction:column;gap:10px;width:320px;max-width:calc(calc(100vw/var(--z,1)) - 32px)} /* окно звонка как на телефоне (25.09.2026, владелец: «красиво, сочно и удобно — и на телефоне, и на компе»): кружок с инициалами (пока звонит — пульсирует), крупное имя, таймер, круглые кнопки с подписями. Цвета — только токены. */ .phcall{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 48px rgba(30,27,23,.22),0 2px 6px rgba(30,27,23,.06);padding:10px 14px 14px;animation:cpin .25s ease-out} .phcall.ph-ring{border-color:var(--warn);box-shadow:0 0 0 3px var(--soft-warn),0 18px 48px rgba(30,27,23,.24)} .phcall.done{opacity:.8} .phcall .ph-h{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11.5px;color:var(--muted);font-weight:600;letter-spacing:.02em} .phcall .ph-main{display:flex;align-items:center;gap:12px;margin:8px 0 12px} .phcall .ph-av{flex:0 0 auto;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;background:var(--soft-ok);color:var(--ok);position:relative} .phcall.ph-ring .ph-av{background:var(--soft-warn);color:var(--warn)} .phcall.ph-ring .ph-av::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--warn);animation:phpulse 1.4s ease-out infinite} .phcall.ph-dial .ph-av{background:var(--soft-info);color:var(--text)} .phcall.done .ph-av{background:var(--soft);color:var(--muted)} @keyframes phpulse{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.35);opacity:0}} .phcall .ph-n{flex:1;min-width:0} .phcall .ph-name{font-size:16.5px;font-weight:700;color:var(--text);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .phcall .ph-sub{font-size:13px;color:var(--muted);margin-top:1px} .phcall .ph-st{font-size:13px;font-weight:700;color:var(--ok);white-space:nowrap;margin-top:3px;font-variant-numeric:tabular-nums} .phcall .ph-main .ph-st::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:6px;vertical-align:1px} .phcall.ph-ring .ph-st{color:var(--warn)}.phcall.ph-ring .ph-main .ph-st::before{animation:phblink 1s steps(2) infinite} .phcall.ph-dial .ph-st{color:var(--muted)}.phcall.done .ph-st{color:var(--muted);white-space:normal}.phcall.done .ph-main .ph-st::before{display:none} @keyframes phblink{50%{opacity:.2}} .phcall .ph-b{display:flex;gap:4px;justify-content:space-around} .phcall .ph-b:empty{display:none} .phcall .btn.bad{color:#fff;background:var(--bad);border-color:var(--bad)}.phcall .ph-h .ph-st{margin-top:0} /* свёрнутый вид: кнопки в строке шапки */ .phcall .ph-rb{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:0;padding:0;cursor:pointer;color:var(--muted);font:inherit;font-size:11.5px;font-weight:600} .phcall .ph-ic{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--soft);color:var(--text);transition:transform .08s,background .12s,filter .12s} .phcall .ph-rb:hover .ph-ic{background:var(--line)}.phcall .ph-rb:active .ph-ic{transform:scale(.93)} .phcall .ph-rb:focus-visible .ph-ic{outline:2px solid var(--ok);outline-offset:2px} .phcall .ph-rb.ok .ph-ic{background:var(--ok);color:#fff;box-shadow:0 6px 16px rgba(46,125,104,.35)} .phcall .ph-rb.bad .ph-ic{background:var(--bad);color:#fff;box-shadow:0 6px 16px rgba(201,59,59,.3)} .phcall .ph-rb.ok:hover .ph-ic,.phcall .ph-rb.bad:hover .ph-ic{filter:brightness(1.08)} .phcall .ph-rb.ok .ph-lb{color:var(--ok)}.phcall .ph-rb.bad .ph-lb{color:var(--bad)} .phcall .ph-rb.on .ph-ic{background:var(--text);color:var(--card)} .phcall .ph-rb.on-bad .ph-ic{background:var(--soft-bad);color:var(--bad)}.phcall .ph-rb.on-bad .ph-lb{color:var(--bad)} .phcall.ph-ring .ph-rb.ok .ph-ic{animation:phring 1.2s ease-in-out infinite} @keyframes phring{0%,60%,100%{transform:rotate(0)}10%,30%,50%{transform:rotate(-12deg)}20%,40%{transform:rotate(12deg)}} @media (prefers-reduced-motion:reduce){.phcall .ph-av::after,.phcall .ph-rb .ph-ic,.phcall .ph-st::before{animation:none!important}} @media (max-width:1100px){#phonebox{right:16px;bottom:auto;top:70px}} @media (max-width:700px){.btn.user.phone-btn{padding:4px 6px;font-size:12px}#phonebox{left:8px;right:8px;width:auto;top:62px} .phcall{padding:10px 14px 16px}.phcall .ph-av{width:58px;height:58px;font-size:20px}.phcall .ph-name{font-size:18px}.phcall .ph-ic{width:56px;height:56px}.phcall .ph-rb{font-size:12px}} /* Воронка обращений (13.09.2026, chats.js chFunnel) */ .fn-kpi .card{display:flex;flex-direction:column;gap:3px}.fn-kpi .card.hot{border-color:var(--bd-warn);background:var(--soft-warn)} .fn-v{font:800 26px/1.1 Manrope,sans-serif;letter-spacing:-.02em;margin:2px 0}.fn-v a,.fn-kpi a,.fn-r a,.an-tbl a[data-fn]{color:inherit;text-decoration:none;border-bottom:1px dashed var(--line-s)} .fn-v a:hover,.fn-kpi a:hover,.fn-r a:hover,.an-tbl a[data-fn]:hover{color:var(--accent);border-color:var(--accent)} .fn-sub{font-size:14px;color:var(--muted);font-weight:700} .fn-h{margin:14px 0 6px;font-size:14px} #fn_body{min-width:0;max-width:100%}.fn-tbl{max-width:100%;overflow-x:auto}.fn-tbl table{min-width:760px} @media (max-width:700px){.fn-tbl{max-width:calc(calc(100vw/var(--z,1)) - 20px)}} .fn-bars{display:flex;align-items:flex-end;gap:2px;height:34px;margin-top:6px}.fn-bars i{flex:1;background:var(--accent-soft);border-radius:2px 2px 0 0;min-width:2px;display:flex;align-items:flex-end} .fn-bars i b{display:block;width:100%;background:var(--accent);border-radius:2px 2px 0 0} .fn-r{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,2fr) 40px;gap:10px;align-items:center;padding:4px 0;font-size:13px}.fn-r i{display:block;height:8px;background:#E7A08A;border-radius:4px}.fn-r a{justify-self:end;font-weight:700} @media (max-width:700px){.fn-r{grid-template-columns:1fr 60px 32px}.fn-v{font-size:22px}} /* Возможные дубли гостя (13.09.2026, app.js dupsModal) */ .dp-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px} @media (max-width:700px){.dp-pair{grid-template-columns:1fr}} /* Разовые рассылки (13.09.2026, iris.js campaignEdit) */ .cm-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.cm-grid label{display:flex;flex-direction:column;gap:3px;font-size:12.5px;color:var(--muted)} .cm-grid label span{display:flex;align-items:center;gap:6px;color:var(--text)}.cm-grid input[type=number]{width:80px} .cm-list{max-height:220px;overflow:auto;margin-top:6px}.cm-list .item.off{opacity:.45;text-decoration:line-through} @media (max-width:700px){.cm-grid{grid-template-columns:1fr}} /* Лист ожидания в журнале (13.09.2026, app.js waitlistModal; правки критиков 13.09) */ .wl-row{margin:6px 0;padding:8px 10px}.wl-row.off{opacity:.6} .wl-row.money{border-left:3px solid var(--accent)}.wl-row.cert{background:var(--tint)} .wl-head{display:flex;gap:6px;flex-wrap:wrap;align-items:baseline} .wl-want{font-size:13px;margin:4px 0}.wl-pay{font-size:11.5px;padding:3px 9px;cursor:pointer} .wl-paypick,.wl-why{margin:6px 0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.wl-why .chip{border-style:dashed} .wl-acts{justify-content:flex-end;gap:6px;margin-top:6px;flex-wrap:wrap} .wl-list{max-height:calc(60vh/var(--z,1));overflow:auto}.wl-f{margin:6px 0}.wl-f .chip{white-space:nowrap;flex:none} .wl-when{color:var(--ink-ok);font-size:12px}.wl-slot{background:var(--accent-soft);border-radius:10px;padding:8px 10px;margin:6px 0;font-size:13px} .wl-sugg{position:absolute;left:0;right:0;top:100%;z-index:5;background:var(--card);border:1px solid var(--line);border-radius:10px;max-height:240px;overflow:auto;box-shadow:0 6px 18px rgba(0,0,0,.08)} .wl-offer{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;z-index:60;background:var(--card);border:1px solid var(--accent);border-radius:12px;padding:10px 12px;display:flex;gap:10px;align-items:center;box-shadow:0 8px 24px rgba(0,0,0,.15);max-width:calc(calc(100vw/var(--z,1)) - 32px);font-size:13px} @media (max-width:700px){.wl-offer{bottom:76px;flex-wrap:wrap}} .btn .cnt{font-style:normal;display:inline-block;min-width:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:#fff;font-size:11px;line-height:18px;margin-left:4px} @media (max-width:700px){.wl-hint{display:none}.wl-f{flex-wrap:nowrap;overflow-x:auto}.wl-list{max-height:none;overflow:visible} .wl-pay{min-height:32px;padding:6px 10px}.wl-note{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wl-note.open{display:block}} /* «Показатели → Email» (15.09.2026): письмо во фрейме, реквизиты, тревоги */ .mh{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.mh h3{margin:0;font-size:16px;line-height:1.3} .st.warn{border-color:#E4702B;background:var(--soft-warn)} .em-meta{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px 14px;margin:6px 0 10px}.em-m .st-l{margin-bottom:2px} .em-flag{display:flex;gap:8px;align-items:flex-start;padding:6px 0;color:var(--ink-warn)}.em-flag svg{flex:none;margin-top:2px} .em-frame{border:1px solid var(--line,var(--line));border-radius:10px;overflow:hidden;background:var(--soft);margin:8px 0}.em-frame iframe{display:block;width:100%;height:calc(70vh/var(--z,1));border:0;background:var(--card)} .em-link{display:flex;gap:10px;padding:4px 0;font-size:13px}.em-link .r{min-width:36px;text-align:right}.em-link a{word-break:break-all} tr.muted2 td{opacity:.7} /* «Настройки → Подключения» (16.09.2026): мессенджеры филиалов, живой QR прямо в карточке */ .cn{max-width:760px} .cn-co{margin:0 0 12px;padding:12px 14px} .cn-h{margin-bottom:6px;font-size:15px} .cn-row{display:grid;grid-template-columns:96px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line)} .cn-k{font-weight:700} .cn-m{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center} .cn-qr{text-align:center;padding:14px 8px 12px;border-top:1px dashed var(--line)} .cn-qt{font-weight:700;margin-bottom:6px} .cn-qr img{image-rendering:pixelated;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:6px;max-width:100%} .cn-pw{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:6px auto 10px;max-width:360px} .cn-pw input{flex:1 1 200px}.cn-pw .err{flex-basis:100%;color:var(--bad);min-height:1em} .cn-add{padding-top:10px;border-top:1px solid var(--line)} .cn-addf{padding:10px 0 2px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px} .cn-addr{display:flex;flex-wrap:wrap;gap:8px}.cn-addr input{flex:1 1 220px;min-width:0} .cn-addf .err{color:var(--bad);min-height:1em}.cn-addf .chip[disabled]{opacity:.45;cursor:not-allowed} @media (max-width:700px){.cn-row{grid-template-columns:1fr;gap:6px}.cn-row .btn{justify-self:start}} /* список «Гости» (17.09.2026): строка колонками — гость · визиты · последний визит · ближайшая запись · на руках */ .gsegs{gap:6px;margin-bottom:10px}.gsegs #garch{display:contents}.gsegs .chip.arch{border-style:dashed}.gsegs .chip.arch.on{border-style:solid}.gsegs .gsep{width:1px;height:18px;background:var(--line);margin:0 2px} /* «Клиенты Цветного» (21.09.2026) */ .gsegs .gfilt-t{display:none}.g-short{display:none} @media (max-width:700px){ /* «Гости» на телефоне (ревью 26.09.2026): чипы одной прокручиваемой строкой, фильтры — под «Фильтры» */ #gsegs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}#gsegs::-webkit-scrollbar{display:none}#gsegs .chip{flex:none} .gsegs .gfilt-t{display:inline-flex}.gcnt-m{display:block;margin:0 0 8px} .gmore{display:none}.gmore.open{display:flex} .g-long{display:none}.g-short{display:inline}#gsegs .gfilt-t{order:-1} } .gcold{margin-top:-4px}.gcold .chip{font-size:12px;padding:3px 9px}.gsegs .chip{cursor:pointer}.gsegs #gcount{margin-left:6px} .grow{display:grid;grid-template-columns:minmax(230px,1.5fr) 120px minmax(170px,1.2fr) minmax(180px,1.2fr) minmax(120px,.9fr);gap:16px;align-items:center} .item.grow{padding:10px 14px;justify-content:initial} .ghead{padding:0 14px 2px;font-size:11.5px;font-weight:600;letter-spacing:.02em;color:var(--faint);text-transform:uppercase} .g-who{display:flex;align-items:center;gap:11px;min-width:0}.g-mid,.g-c{min-width:0} .g-av{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:14px} .g-av.av0{background:var(--soft-ok);color:var(--ink-ok)}.g-av.av1{background:var(--came);color:var(--came-e)}.g-av.av2{background:var(--conf);color:var(--conf-e)}.g-av.av3{background:var(--paid);color:var(--paid-e)}.g-av.av4{background:#F3DCE8;color:#97336A} .g-nm{display:flex;align-items:center;gap:6px;min-width:0}.g-nm b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700} .g-sub{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px} .g-v{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g-v b{font-weight:800;font-size:15px}.faint{color:var(--faint)} .gtag{flex:none;padding:1px 7px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap} .gtag.new{background:var(--wait);color:var(--wait-e)}.gtag.reg{background:var(--conf);color:var(--conf-e)}.gtag.warn{background:var(--came);color:var(--came-e)}.gtag.bad{background:var(--no);color:var(--no-e)}.gtag.bd{background:#F3DCE8;color:#97336A} .g-next{display:inline-block;padding:2px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent-h);font-weight:700;font-size:12.5px} .g-hand{display:flex;flex-direction:column;gap:1px;font-size:12.5px;color:var(--muted)} @media (max-width:1100px){.grow{grid-template-columns:minmax(200px,1.4fr) 100px minmax(150px,1fr) minmax(160px,1fr)}.grow>:nth-child(5){display:none}} @media (max-width:700px){.ghead{display:none}.item.grow{grid-template-columns:1fr 1fr;gap:8px 12px}.item.grow .g-who{grid-column:1/-1}.item.grow>:nth-child(5){display:flex} .item.grow .g-c::before{content:attr(data-l);display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.02em;color:var(--faint)} .item.grow .g-c:has(>.faint:only-child){display:none}.gsegs #gcount{width:100%;margin-left:0}.item.grow .g-c .g-sub{white-space:normal}} /* Масштаб на компьютере — 80 % (владелец 17.09.2026: «я всегда минусую до 80, у тебя крупновато»). Только мышь и экран шире телефона; телефон и планшет — как были. Координаты в JS делят на ZM() (app.js), viewport-единицы в стилях — calc(…/var(--z)). Поменять масштаб — здесь и больше нигде. */ :root{--z:1} @media (min-width:701px) and (hover:hover) and (pointer:fine){:root{--z:.8}html{zoom:.8}} /* Филиалы номера (17.09.2026): один номер на несколько филиалов */ .cn-br{margin-top:3px}.cn-brf{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.cn-brf>label{display:inline-flex;gap:7px;align-items:center;font-size:14px;white-space:nowrap}.cn-brf input[type=checkbox]{width:16px;height:16px;margin:0;flex:none}.cn-brf>.muted{width:100%}.cn-brb{width:100%;display:flex;gap:8px}.cn-brf .err:empty{display:none} /* Email у клиентов Lina (17.09.2026) */ .emc-intro p{line-height:1.55} .emc-small{font-size:19px;line-height:1.3;word-break:break-word} .emc-tbl table{min-width:0} .emc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px 14px;margin:10px 0} .emc-f{display:flex;flex-direction:column;gap:4px;font-size:13px}.emc-f span{color:var(--muted)}.emc-f input,.emc-f select,.emc-f textarea{width:100%;box-sizing:border-box} .emc-wide{grid-column:1/-1} .emc-val code{word-break:break-all;font-size:12px}.emc-val .btn{margin-top:4px} .emc-order{padding:10px 0;border-top:1px solid var(--line)}.emc-order:first-of-type{border-top:0} .emc-oh{display:flex;gap:8px;align-items:center;flex-wrap:wrap} .emc-st{display:flex;gap:18px;flex-wrap:wrap;margin-top:8px}.emc-st div{display:flex;flex-direction:column} .emc-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px} /* «Озвучка» (17.09.2026): видеоуроки — список слева, текст и запись справа */ .vo-wrap{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start} .vo-list{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:6px;max-height:calc(100vh/var(--z,1) - 160px);overflow:auto;position:sticky;top:12px} .vo-sec{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:12px 10px 4px} .vo-it{display:flex;gap:10px;width:100%;text-align:left;background:none;border:0;border-radius:10px;padding:8px 10px;cursor:pointer;font:inherit;color:inherit} .vo-it:hover{background:var(--bg)}.vo-it.on{background:var(--accent-soft)} .vo-n{flex:0 0 22px;height:22px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--muted)} .vo-t{display:flex;flex-direction:column;gap:2px;font-size:13.5px;line-height:1.3} .vo-st{font-size:11.5px;color:var(--muted)}.vo-st.ok{color:var(--ink-ok)}.vo-st.bad{color:var(--ink-bad)}.vo-st.wait{color:var(--ink-warn)} .vo-main{min-width:0;display:flex;flex-direction:column;gap:14px} .vo-title h2{margin:2px 0 0} .vo-text{background:var(--card);border:1px solid var(--line);border-radius:14px;margin:0;padding:6px 22px;font-size:19px;line-height:1.55;list-style:none} .vo-text li{padding:12px 0;border-bottom:1px solid var(--soft)}.vo-text li:last-child{border-bottom:0} /* без номеров: 17.09 Рамиля читала «пятое, шестое» вслух */ .vo-card{display:flex;flex-direction:column;gap:10px} .vo-recbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap} .vo-recbar .btn.danger{background:var(--ink-bad);border-color:var(--ink-bad);color:#fff} .vo-timer{font-variant-numeric:tabular-nums;font-size:18px;color:var(--ink-bad)} .vo-upl{cursor:pointer} .vo-have{display:flex;flex-direction:column;gap:4px} .vo audio{width:100%;max-width:520px} .vo-send{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:8px} .vo-tip{line-height:1.45} .vo-videos{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start} .vo-v video{display:block;border-radius:10px;background:#000;max-width:100%} .vo-v.pc{flex:1 1 420px}.vo-v.pc video{width:100%}.vo-v.phone video{height:420px} .vo-rev{display:flex;flex-direction:column;gap:10px;align-items:flex-start} .vo-fix{display:flex;gap:8px;width:100%;align-items:flex-start}.vo-fix textarea{flex:1} @media (max-width:700px){ .vo-wrap{grid-template-columns:1fr}.vo-list{position:static;max-height:none} .vo-text{font-size:18px;padding:4px 14px} .vo-v.phone video{height:auto;width:100%}.vo-fix{flex-direction:column}.vo-fix .btn{align-self:flex-start} } .cn.vo{max-width:1180px} /* рассылки: пошаговая инструкция подключения канала (18.09.2026) */ .mail-how{margin:10px 0 14px;padding-left:20px}.mail-how li{margin:0 0 8px;line-height:1.5} /* «Показатели → Контент» (18.09.2026): заявки на ролики, посты и макеты — erp/ui/studio.js */ .st-intro p{max-width:760px} .st-list{display:flex;flex-direction:column;gap:10px} .st-row{border:1px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer;background:var(--card)} .st-row:hover{border-color:var(--accent)} .st-row.hot{border-color:var(--accent);box-shadow:0 0 0 2px rgba(0,0,0,.03)} .st-rh{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:2px} .st-thumb{display:block;margin:8px 0;max-height:150px;max-width:100%;border-radius:8px;background:#000} .st-kinds{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px} .st-k{display:flex;flex-direction:column;gap:2px} .st-nets{display:flex;flex-wrap:wrap;gap:6px 14px} .st-net{display:flex;align-items:center;gap:5px;font-size:14px} .st-net input{width:auto;min-height:0;margin:0} .st-title h2{margin:4px 0 2px} .st-brief{white-space:normal;line-height:1.55;margin:0} .st-fh{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:12px 0 6px} .st-files{display:flex;flex-wrap:wrap;gap:12px} .st-kit{border-top:1px solid var(--line);padding:10px 0} .st-kh{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px} .st-kh .btn{margin-left:auto} .st-kc{width:14px;color:var(--ok)} .st-kit .st-files{margin-top:8px} .st-f{width:190px;display:flex;flex-direction:column;gap:4px} .st-files.big .st-f{width:300px} .st-f video,.st-f img{width:100%;max-height:420px;border-radius:10px;background:#000;object-fit:cover} .st-f audio{width:100%} .st-fn{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:12px} .st-fn>span:first-child{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .st-doc{display:block;padding:14px 10px;border:1px dashed var(--line);border-radius:10px;text-align:center;word-break:break-word} .st-dec{margin-top:12px;gap:10px} .st-chat{display:flex;flex-direction:column;gap:8px;margin-bottom:10px;max-height:420px;overflow:auto} .st-m{padding:8px 10px;border-radius:10px;background:var(--soft);max-width:640px;line-height:1.45} .st-m.lina{background:rgba(46,125,96,.09)} .st-mh{font-size:12px;color:var(--muted);margin-bottom:2px} .st-vtext{font-size:17px;line-height:1.65;padding:8px 0} .st-rec{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:6px 0} .st-timer{font-variant-numeric:tabular-nums;font-size:18px} .st-kitchen{border-style:dashed} .cn.stu{max-width:1180px} .st-exs{display:flex;flex-direction:column;gap:16px} .st-ex{display:flex;gap:16px;align-items:flex-start} .st-exm{flex:0 0 300px} .st-exm video,.st-exm img{width:100%;border-radius:12px;background:#000;display:block} .st-exb{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0} .st-exq{white-space:pre-line;line-height:1.5;font-size:14px;color:var(--faint);border-left:2px solid var(--line);padding-left:12px} .st-exq.cut{max-height:104px;overflow:hidden;position:relative} .st-exq.cut::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34px;background:linear-gradient(to bottom,transparent,var(--card))} .st-exb .btn.lnk{align-self:flex-start} @media (max-width:700px){ .st-f,.st-files.big .st-f{width:100%} .st-fn>span:first-child{max-width:none} .st-ex{flex-direction:column}.st-exm{flex:0 0 auto;width:100%;max-width:340px} } /* «Написать» гостю — выбор мессенджера (21.09.2026, ICE FACE) */ .wp-h{margin-bottom:2px}.wp-who{font-weight:600;margin-bottom:6px} .wpick{display:flex;flex-direction:column;gap:8px;margin-top:14px} .wp-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);text-align:left;transition:border-color .12s,background .12s,box-shadow .12s} .wp-row:hover:not(:disabled){border-color:var(--accent);background:var(--tint);box-shadow:0 2px 10px rgba(46,125,104,.10)} .wp-row:focus-visible{outline:2px solid var(--accent);outline-offset:1px} .wp-row.off{opacity:.55;cursor:not-allowed} .wp-row:disabled:not(.off){cursor:progress} .wp-ic{flex:none;width:38px;height:38px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;color:#fff} .wp-ic.wp-wa{background:#25D366}.wp-ic.wp-tg{background:#2AABEE} .wp-ic.wp-max{background:linear-gradient(135deg,#4B8BFF,#8D4BFF)}.wp-ic.wp-max b{font-size:10.5px;letter-spacing:.4px} .wp-ic.wp-wait{background:var(--soft);position:relative}.wp-ic.wp-wait::after{content:"";width:16px;height:16px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:wpspin .8s linear infinite} @keyframes wpspin{to{transform:rotate(360deg)}} .wp-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px} .wp-k{font-weight:700;display:flex;align-items:center;gap:8px;flex-wrap:wrap} .wp-has{font-size:11px;font-weight:600;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:1px 8px} /* «Читает — вчера» / «отвечал 5 дн. назад» (22.09.2026, ICE FACE: в какой мессенджер писать) */ .wp-live{font-size:11px;font-weight:600;color:var(--muted);background:var(--soft);border-radius:999px;padding:1px 8px} .wp-live.on{color:var(--ink-ok);background:var(--soft-ok)} .wp-sub{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .wp-ph{white-space:nowrap;color:var(--text)} .wp-note{font-size:12px;color:var(--bad)} .wp-go{flex:none;font-size:22px;line-height:1;color:var(--faint)} .wp-row:hover:not(:disabled) .wp-go{color:var(--accent)} .wp-err{font-size:13px;color:var(--ink-bad);margin-top:8px}.wp-err:empty{display:none} @media (max-width:700px){.wp-sub{white-space:normal}.wp-row{padding:10px}} .ch-empty{margin:auto;text-align:center;color:var(--muted);font-weight:600;padding:40px 16px}.ch-empty span{font-weight:400;font-size:12.5px;color:var(--faint)} /* «пора» — задача в срок всплывает окном (21.09.2026, chDuePop в chats.js) */ .due-pop{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:90;display:flex;flex-direction:column;gap:8px;width:min(340px,calc(92vw/var(--z,1)));max-height:calc(70vh/var(--z,1));overflow:auto} .due-it{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--bad);border-radius:10px;padding:10px 12px;box-shadow:0 6px 24px rgba(30,27,23,.18)} .due-b{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap} .due-it{position:relative;padding-right:30px}.due-x{position:absolute;top:6px;right:6px;border:0;background:none;color:var(--muted);cursor:pointer;font-size:13px;padding:4px} .due-bell{position:relative;padding:4px 10px}.due-bell .tbadge{position:absolute;top:-6px;right:-8px;background:var(--bad)} .due-list{position:fixed;top:calc(58px/var(--z,1));right:16px;z-index:95;width:min(360px,calc(92vw/var(--z,1)));max-height:calc(70vh/var(--z,1));overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 32px rgba(30,27,23,.2);padding:6px 0} .due-lh{display:flex;justify-content:space-between;align-items:center;padding:6px 14px 8px;border-bottom:1px solid var(--line)} .due-li{padding:8px 14px;border-bottom:1px solid var(--line)}.due-lf{padding:8px 14px} @media (max-width:700px){.due-list{left:8px;right:8px;width:auto}.due-pop{right:8px;left:8px;width:auto;bottom:calc(80px + env(safe-area-inset-bottom))}} /* «Задачи»: фильтр «Кому» и вид «По дням» (21.09.2026, Нонна ICE FACE) */ .tk-who{position:relative}.tk-who>summary{list-style:none;cursor:pointer;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tk-who>summary::-webkit-details-marker{display:none} .tk-who-dd{position:absolute;z-index:30;top:calc(100% + 4px);left:0;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 10px;box-shadow:0 6px 20px rgba(0,0,0,.12);min-width:240px} .tk-who-dd label{display:flex;gap:6px;align-items:center;padding:3px 0;font-size:13px;cursor:pointer;white-space:nowrap}.tk-who-dd input{width:16px;height:16px;min-height:0} /* «Звонки»: фильтры двумя строками, на телефоне чипы едут вбок, а не ломают вёрстку (21.09.2026) */ .cl-bar{margin-bottom:6px}.cl-sep{width:1px;height:18px;background:var(--line);flex:none}.cl-bar .tk-who>summary{max-width:none} @media (max-width:700px){.cl-bar{gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -8px 6px;padding:0 8px}.cl-bar::-webkit-scrollbar{display:none} .cl-bar>*{flex:none}.cl-bar .chips{flex-wrap:nowrap}.cl-bar input[type=date]{width:auto;min-width:0}} .tk-list tr[data-tk]{cursor:pointer}.tk-list tr[data-tk]:hover td{background:var(--tint)} .tk-board{grid-auto-columns:minmax(200px,1fr)} .tk-cardh{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.tk-cardh b{white-space:nowrap}.tk-cardh input[type=checkbox]{flex:none;cursor:pointer} .tk-nav{display:flex;align-items:center;gap:4px}.tk-nav input[type=date]{width:auto;min-height:28px;padding:2px 6px;font-size:13px} .mlock{display:inline-flex;align-items:center;gap:5px;margin-top:6px;font-size:12px;cursor:pointer}.mlock input{margin:0}.mlock svg{opacity:.8} /* «Показатели → Квизы» (21.09.2026, quizedit.js) */ .qz-bar-top{display:flex;justify-content:flex-end;margin-bottom:12px} .qz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px} .qz-card-l{display:flex;flex-direction:column;gap:8px;margin:0} .qz-l-top{display:flex;align-items:center;gap:8px}.qz-l-top b{flex:1;font-size:15px} .qz-dot{width:12px;height:12px;border-radius:50%;flex:none;display:inline-block;vertical-align:middle} /* inline-block — иначе в ячейке таблицы точка без размеров (22.09.2026) */ .qz-l-nums{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:4px 0} .qz-l-nums div{background:var(--bg,#f6f7f9);border-radius:10px;padding:8px}.qz-l-nums b{display:block;font-size:18px}.qz-l-nums span{font-size:11.5px;color:var(--muted,#777)} .qz-l-btns{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px} .qz-ed-top{display:flex;align-items:center;gap:10px;margin-bottom:12px;position:sticky;top:0;z-index:5;background:var(--bg,#f6f7f9);padding:6px 0} .qz-ed-t{font-size:16px}.qz-sp{flex:1} .qz-ed{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:14px;align-items:start}.qz-ed.nop{grid-template-columns:minmax(0,1fr)} .qz-ed-l{min-width:0} .qz-sec{margin:0 0 10px}.qz-sec summary{cursor:pointer;padding:2px 0}.qz-sec[open] summary{margin-bottom:10px} .qz-f{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;flex:1;min-width:0}.qz-f>span{font-size:12.5px;color:var(--muted,#777);font-weight:600} .qz-f input,.qz-f textarea,.qz-f select,.qz-opt-ed input{width:100%;font:inherit;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--card)} .qz-f textarea{resize:vertical}.qz-color input{height:40px;padding:3px;width:80px}.qz-color{flex:0 0 auto} .qz-row{display:flex;gap:10px} .qz-ck{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:14px} .qz-img{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.qz-img img{height:56px;border-radius:8px} .qz-q-ed{border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:10px;background:var(--tint)} .qz-q-h{display:flex;align-items:center;gap:6px;margin-bottom:8px} .qz-opts-ed{display:flex;flex-direction:column;gap:6px} .qz-opt-ed{display:flex;align-items:center;gap:6px}.qz-opt-ed img{height:36px;width:48px;object-fit:cover;border-radius:6px} .qz-when{display:flex;flex-wrap:wrap;gap:4px 14px;margin:-4px 0 6px} .qz-prev{position:sticky;top:56px;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden} .qz-prev-h{display:flex;gap:8px;align-items:baseline;padding:8px 12px;border-bottom:1px solid var(--line)}.qz-prev-h .muted{flex:1} .qz-prev iframe{border:0;width:100%;height:calc((100vh - 170px)/var(--z,1));min-height:520px;display:block} .qz-code{display:grid;grid-template-columns:1fr;gap:6px;margin-bottom:14px} .qz-code pre{margin:0;background:var(--tint);border-radius:10px;padding:10px;white-space:pre-wrap;word-break:break-all;font-size:12.5px} .qz-code .btn{justify-self:start} @media (max-width:1100px){.qz-ed{grid-template-columns:minmax(0,1fr)}.qz-prev{position:static}.qz-prev iframe{height:600px}} @media (max-width:700px){.qz-row{flex-direction:column;gap:0}.qz-grid{grid-template-columns:1fr}.qz-l-nums b{font-size:15px}} .qz-cond{border-top:1px dashed var(--line);padding-top:8px;margin-top:4px}.qz-cond .qz-row{align-items:flex-end}.qz-cdel{margin-bottom:12px} .qz-ck input{width:auto!important;height:auto;flex:none;margin:0}.qz-ck{justify-content:flex-start;text-align:left} /* «Настройки → Переезд из amoCRM» (21.09.2026, erp/ui/amoimport.js) */ .amo .cn-row{grid-template-columns:minmax(150px,38%) 1fr} .amo .cn-k{font-weight:600} .amo-f{display:flex;flex-wrap:wrap;gap:10px}.amo-f label{display:flex;flex-direction:column;gap:4px;flex:1 1 220px;min-width:0;font-size:13px} .amo .err{color:var(--bad);min-height:1em;margin:6px 0} .amo-b{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:6px} .amo .amo-ck{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;padding:6px 0;border-top:1px solid var(--line);cursor:pointer;text-align:left;font-weight:400} .amo .amo-ck input{width:16px;height:16px;min-width:0;margin:0;padding:0;flex:0 0 16px} .amo select{max-width:100%} @media (max-width:700px){.amo .cn-row{grid-template-columns:1fr}} /* «Сообщить о проблеме» (21.09.2026, erp/ui/report.js) */ .rp-imgs{display:flex;flex-wrap:wrap;gap:8px}.rp-img{position:relative}.rp-img img{height:72px;border:1px solid var(--line);border-radius:6px;display:block} .rp-img button{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;border:0;background:var(--bad);color:#fff;line-height:18px;padding:0;cursor:pointer} .ob-code{font-size:11.5px;word-break:break-all;background:var(--soft);padding:1px 4px;border-radius:4px;user-select:all} .ob .cn-row{grid-template-columns:minmax(150px,34%) 1fr auto} .ob .amo-ck{border-top:0;padding:3px 0} @media (max-width:700px){.ob .cn-row{grid-template-columns:1fr}} /* UX-проход 21.09.2026: «таблетки» вариантов, прогресс переезда и запуска, вопросы анкеты */ .pills{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 2px} .pill{position:relative;display:inline-flex;align-items:center;cursor:pointer;user-select:none} .pill input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px} .pill span{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);font-size:13px;font-weight:600;color:var(--text);transition:background .12s,border-color .12s} .pill span em{font-style:normal;font-weight:500;color:var(--muted);font-size:12px} .pill:hover span{border-color:var(--accent)} .pill input:checked+span{background:var(--accent-soft);border-color:var(--accent);color:var(--ink-ok)} .pill input[type=checkbox]:checked+span::before{content:"✓";font-weight:800} .pill input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px} .amo-prog{padding:4px 0 12px}.amo-prog-t{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px} .amo-bar{height:8px;border-radius:99px;background:var(--soft);overflow:hidden}.amo-bar i{display:block;height:100%;background:var(--accent);border-radius:99px;transition:width .4s} .amo-bar.run i{background:linear-gradient(90deg,var(--accent) 0,#5FB39A 50%,var(--accent) 100%);background-size:200% 100%;animation:amoRun 1.6s linear infinite} @keyframes amoRun{to{background-position:-200% 0}} .amo-conn{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.amo-conn .dot{width:9px;height:9px;border-radius:50%;background:var(--accent)} .ob .ob-row.ok .cn-k{color:var(--muted);font-weight:600} .ob-q{scroll-margin-top:70px;transition:box-shadow .3s}.ob-q.flash{box-shadow:0 0 0 3px var(--accent-soft),0 0 0 4px var(--accent)} .ob-qh{display:flex;align-items:center;gap:10px;margin-bottom:4px;font-size:15px} .ob-n{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;font-weight:800;flex:none} .ob-hint{margin:0 0 6px 34px}.ob-sub{margin:12px 0 4px} .ob-hook{padding:8px 10px;border:1px solid var(--line);border-radius:10px;margin:6px 0;background:var(--tint)} .ob-hrow{display:flex;gap:8px;align-items:center;margin-top:4px}.ob-hrow .ob-code{flex:1;min-width:0} @media (max-width:700px){.ob-hint{margin-left:0}.ob-hrow{flex-direction:column;align-items:stretch}} .rp-att{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0}.rp-imgs{margin-top:4px} .pill,.amo .pill{background:none;border:0;padding:0;margin:0;box-shadow:none;flex-direction:row;font-weight:inherit} /* Анкета заявки (21.09.2026, ICE FACE): ответы квиза и форм — парами «вопрос → ответ», а не полотном */ .lead-box .lead-t{display:grid;grid-template-columns:1fr;gap:2px} .lead-r{display:grid;grid-template-columns:minmax(120px,42%) 1fr;gap:8px;padding:3px 0;border-bottom:1px solid var(--line)} .lead-r:last-child{border-bottom:0} .lead-r > div:first-child{align-self:center} .lf-q{display:block;padding:3px 0;font-size:13px} @media (max-width:700px){.lead-r{grid-template-columns:1fr;gap:0}} /* «Автоматические сообщения гостю» во вкладке «Рассылки» (21.09.2026, ICE FACE) */ .as-box{margin:4px 0 12px;padding:12px 14px} .as-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px} .as-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0 0} .as-row .as-l{flex:0 0 150px;color:var(--muted);font-size:13px} .as-row .chip{display:inline-flex;align-items:center;gap:2px} .as-row .as-f,.as-row .as-chk{display:inline-flex;align-items:center;gap:6px;font-size:13px} .as-row .as-chk input[type=checkbox]{width:16px;height:16px;min-height:0;margin:0;flex:none} .as-row input[type=time]{width:auto} .as-row input[type=number]{width:62px;text-align:center} .as-row #as_save{margin-left:auto} @media (max-width:700px){.as-row .as-l{flex:0 0 100%}} .bb-t{margin:8px 0;padding:10px 12px} .bb-t textarea{width:100%;font-size:13px;line-height:1.45} .bb-t .as-chk{flex:0 0 auto} .bb-foot{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:12px} .ok-note{color:var(--ok,#1a6b53);background:rgba(26,107,83,.08);border-radius:8px;padding:8px 10px;margin:8px 0} /* Действия в карточке гостя (22.09.2026, Виктория ICE FACE: «чтобы написать клиенту, приходится листать в самый низ через все визиты»): ряд кнопок стоит сразу под именем и остаётся на виду, пока листаешь историю. */ .cl-acts{position:sticky;top:0;z-index:3;gap:6px;flex-wrap:wrap;margin:8px 0;padding:8px 0;background:var(--card);border-bottom:1px solid var(--line)} .cl-acts>*{flex:0 0 auto}.cl-acts .cl-acts2{margin-left:auto;display:inline-flex;gap:2px}.cl-acts .cl-acts2:empty{display:none} /* «Редактировать» и «Объединить» — ссылками справа: главное действие одним рядом (ревью 26.09.2026) */ @media(max-width:700px){.cl-acts{position:static;border-bottom:none}} /* «Финучёт» (22.09.2026): ДДС, план-факт, сверка кассы с банком */ .fin .fin-in{color:var(--ink-ok)} .fin .fin-out{color:var(--ink-bad)} .fin .fin-ok{color:var(--ink-ok)} .fin .fin-bad{color:var(--bad)} .fin .fin-wait{color:var(--ink-warn)} .fin .fin-warn{border-color:var(--bd-warn);background:var(--came)} .fin .tag.fin-none{background:var(--soft-bad);color:var(--ink-bad)} .fin .tag.fin-auto{background:var(--soft);color:var(--muted)} .fin .fin-sec td{font-weight:700;background:var(--soft);color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.03em} .fin .fin-tot td{border-top:1px solid var(--line)} .fin .fin-und td{color:var(--ink-bad)} .fin .fin-dds td,.fin .fin-pf td{white-space:nowrap} .fin .fin-ops tr{cursor:pointer} .fin-ck{display:flex;gap:8px;align-items:flex-start;margin:6px 0 10px;font-size:13px;color:var(--muted);cursor:pointer} .fin-ck input{width:auto;margin:0} /* вид как в Todoist (владелец 22.09.2026: «максимально лучше копировать Todoist, я уж к нему привык»): задачи — колонкой по центру, срезы «Сегодня / Просрочено / Мои» сбоку над списками. ⚠️ Размеры даны в 1,25 от размеров Todoist: у нас весь интерфейс идёт в масштабе 80 % (html{zoom}), то есть 17,5 px здесь — это ровно те же 14 px, что в Todoist на экране. */ :root{--td-w:1000px} /* шрифт вкладки — системный, как у Todoist (владелец 22.09.2026: «в Todoist он более приятный»): Manrope на мелком тексте суше, у Todoist системный SF Pro. Откат — убрать это правило. */ .td-split,.td-bar,.td-card,.td-cm{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} /* ⚠️ начертание тонкое, как у Todoist (владелец 22.09.2026: «у нас 15 сентября какое-то жирное»): название задачи и срок — обычным весом, счётчики в панели — серой цифрой без плашки */ .td-t{font-weight:400} .td-duebtn{border:0;background:transparent;padding:0;font:inherit;color:inherit;border-radius:5px} /* срок кликабелен, но выглядит текстом, как в Todoist */ .td-duebtn:hover{background:var(--soft)} .td-meta .td-late,.td-meta .td-today,.td-date{font-weight:400} .td-lists .td-li,.td-sl{font-weight:450} .td-lists .td-li.sel,.td-sl.sel{font-weight:600} .td-lists .cnt{background:transparent;color:var(--faint);font-weight:400;padding:0 2px} .td-lists .cnt.bad{background:transparent;color:var(--bad)} .td-lists .td-li.sel .cnt{background:transparent} .td-bh b{font-weight:700} .td-it .td-proj{font-weight:400} .td-split{grid-template-columns:300px minmax(0,1fr)} .td-main{overflow:auto} .td-h{max-width:var(--td-w);width:100%;margin:0 auto;padding:26px 14px 2px;border-bottom:0;align-items:center} .td-h-t{font-size:36px;font-weight:800;letter-spacing:-.02em;line-height:1.15} .td-h-sub{max-width:var(--td-w);width:100%;margin:0 auto;display:flex;align-items:center;gap:7px;padding:6px 14px 14px; color:var(--muted);font-size:15px;border-bottom:1px solid var(--line)} .td-h-sub svg{opacity:.7;width:15px;height:15px} .td-items{overflow:visible;padding-bottom:32px} .td-items > *,.td-lnote{max-width:var(--td-w);margin-left:auto;margin-right:auto} .td-it{padding:8px 14px;align-items:flex-start;gap:10px} /* плотнее: у Todoist на том же экране помещается на задачу больше */ .td-t{font-size:17.5px;line-height:1.42} .td-desc,.td-meta{font-size:15px} .td-meta{gap:5px 10px;margin-top:1px} .td-date{display:inline-flex;align-items:center;gap:4px} .td-date svg{opacity:.85} .td-chk{width:22px;height:22px;margin-top:2px} .td-bh{font-size:17px;padding:20px 14px 6px} .td-bk{border-bottom:0} .td-bk + .td-bk{border-top:1px solid var(--soft)} .td-addrow{font-size:16px;padding-left:50px} .td-qa{padding-left:50px} .td-it .td-proj{font-size:15px;max-width:230px;padding-top:3px} .td-av{flex:none} /* срезы в боковой панели — первым блоком, как «Входящие / Сегодня / Предстоящее» у Todoist */ .td-slices{border-bottom:1px solid var(--line);padding-bottom:6px;margin-bottom:6px} .td-sl{font-weight:600} .td-sl-i{display:flex;flex:none;color:var(--muted)} .td-sl-i.bad{color:var(--bad)} .td-sl.sel .td-sl-i{color:var(--accent)} .td-lists .td-li,.td-lists .td-gr-h{font-size:16.5px} .td-lists .td-gr-h{font-size:13px} .td-lists .td-li{padding:8px 9px} .td-lists .cnt{font-size:14px} .td-li-sp{width:16px;flex:none} /* место под стрелку у списков без вложенных */ .td-li-w .td-bc.small{flex:none} @media (max-width:1300px){:root{--td-w:900px}.td-split{grid-template-columns:280px minmax(0,1fr)}} @media (max-width:700px){ .td-h{padding:12px 10px 2px}.td-h-t{font-size:26px}.td-h-sub{padding:4px 10px 10px;font-size:14px} .td-items > *{max-width:100%} .td-t{font-size:16.5px}.td-desc,.td-meta{font-size:14px} } .td-gr-h .td-li-m{margin-left:auto} .td-gr:hover .td-gr-h .td-li-m{opacity:1} .td-gr-add{display:block;width:100%;text-align:left;padding:8px 9px;border:0;background:transparent;color:var(--muted);font-size:15px} .td-gr-add:hover{color:var(--accent);background:var(--tint);border-radius:9px} .td-rep{display:inline-flex;align-items:center;color:var(--faint)} /* повтор — значком, без «каждый вторник, пятницу» */ .td-it .td-av{opacity:.85} .td-bh{padding-top:16px} /* заголовок группы — как секция у Todoist (владелец 22.09.2026: «просто тёмный, чуть выделенный, жирненьким», и между приоритетами нужен воздух): без цветных подписей, линия под заголовком, отступ между группами */ .td-bh b,.td-bh.late b,.td-bh.p1 b,.td-bh.p2 b,.td-bh.p3 b{color:var(--text);font-weight:700} .td-bh{padding:6px 14px 8px;border-bottom:1px solid var(--line);margin-bottom:2px} .td-bh .muted{font-weight:400} .td-bk + .td-bk{border-top:0;margin-top:22px} /* верх боковой панели — как у Todoist: «Добавить задачу» и поиск над срезами (22.09.2026) */ .td-top{padding:2px 2px 8px;border-bottom:1px solid var(--line);margin-bottom:6px} .td-addbtn{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border:0;border-radius:9px; background:transparent;color:var(--accent);font-weight:700;font-size:16px} .td-addbtn:hover{background:var(--tint)} .td-addbtn svg{flex:none} .td-search{display:flex;align-items:center;gap:7px;padding:6px 9px;margin-top:2px;border-radius:9px;background:var(--soft);color:var(--faint)} .td-search input{flex:1;min-width:0;border:0;background:transparent;padding:0;min-height:22px;font-size:15px;color:var(--text)} .td-search input:focus{outline:none;box-shadow:none} .td-search:focus-within{background:var(--card);box-shadow:inset 0 0 0 1.5px var(--accent-soft)} /* «Задачи» как в Todoist, второй заход (владелец 23.09.2026: «дизайн в Todoist намного прикольнее, всё крупнее»): одно полотно без рамок-карточек — панель списков тонирована, задачи на белом; полосы над задачами нет; форма добавления — рамкой, с плашками «срок / приоритет» и списком внизу. Размеры ×1,25 из-за масштаба 80 %. ⚠️ Тем же днём ужато обратно («всё слишком крупно, умещается меньше»): размеры сверены со снимком Todoist 1:1. */ .td-split{gap:0;height:calc(calc(100vh/var(--z,1)) - 54px - 20px);border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--card)} .td-lists{background:var(--tint);border:0;border-right:1px solid var(--line);border-radius:0;padding:10px 8px} .td-main{border:0;border-radius:0} .td-lists .td-li{font-size:16px;padding:7px 9px} .td-lists .td-gr-h{font-size:12.5px;padding:12px 9px 4px} .td-lists .td-li:hover{background:var(--soft)} .td-lists .td-li.sel,.td-sl.sel{background:var(--line)} /* выбранный раздел — серым, как в Todoist (владелец 23.09): взгляд влево — и видно, где ты */ .td-addbtn{font-size:16px;padding:7px 9px} .td-addbtn svg{width:20px;height:20px} .td-search{padding:6px 9px}.td-search input{font-size:15px} .td-h-t{font-size:30px} .td-it{padding:9px 14px;gap:11px} .td-t{font-size:17px} .td-desc,.td-meta{font-size:14.5px} .td-it .td-proj{font-size:14.5px} .td-bh{font-size:16px} .td-chk{width:22px;height:22px;border-width:2px} .td-addrow{font-size:16px;padding:9px 14px 12px 47px} .td-gr-add{font-size:15px} /* форма новой задачи */ .td-qa{display:block;margin:6px 14px 18px;padding:0;border:1px solid var(--line-s);border-radius:12px;background:var(--card);box-shadow:0 2px 10px var(--sh)} .td-qa:focus-within{border-color:var(--dim)} .td-qa-t,.td-qa-d{display:block;width:100%;border:0;background:transparent;box-shadow:none;min-height:0;color:var(--text)} .td-qa-t{padding:15px 16px 3px;font-size:19px;font-weight:600} .td-qa-d{padding:4px 16px 8px;font-size:16px} .td-qa-t:focus,.td-qa-d:focus{outline:none;box-shadow:none;border:0} textarea.td-qa-d{resize:none;overflow:hidden;line-height:1.4;border-radius:0} .td-it.editing{display:none} .td-qa-chips{display:flex;flex-wrap:wrap;gap:8px;padding:6px 16px 14px;position:relative} .td-chip{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border:1px solid var(--line);border-radius:8px; background:var(--card);color:var(--muted);font-size:15.5px;font-weight:500;white-space:nowrap;cursor:pointer} .td-chip:hover{background:var(--tint)} .td-chip svg{flex:none} .td-chip.on{color:var(--text)} .td-chip.today{color:var(--accent)}.td-chip.late{color:var(--bad)} .td-chip.p1 svg{color:var(--bad)}.td-chip.p2 svg{color:var(--warn)}.td-chip.p3 svg{color:var(--conf-e)} .td-chip .x{font-style:normal;font-size:18px;line-height:1;margin-left:2px;padding:0 3px;border-radius:5px;color:var(--faint)} .td-chip .x:hover{background:var(--soft);color:var(--text)} .td-qa-date{position:absolute;left:16px;bottom:12px;width:1px;height:1px;min-height:0;opacity:0;pointer-events:none;border:0;padding:0} .td-qa-foot{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--line)} .td-qa-foot .btn{min-height:38px;font-size:15.5px;padding:0 16px} .td-qa-l{border-color:transparent;background:transparent;color:var(--text);font-weight:600;max-width:60%;min-width:0} .td-qa-l span{overflow:hidden;text-overflow:ellipsis} .td-qa-l:hover{background:var(--soft)} /* выбор списка с поиском */ .td-lp{width:320px;padding:8px;font-size:15px} .td-lp-q{width:100%;margin-bottom:6px} .td-lp-l{max-height:360px;overflow:auto} .td-lp .pi{display:flex;align-items:center;gap:8px;width:100%} .td-lp .pi span:nth-child(2){flex:1;text-align:left} .td-lp .pi.sel{color:var(--accent)} .td-lp-i{display:flex;color:var(--faint)} .td-split{grid-template-columns:285px minmax(0,1fr)} @media (max-width:1300px){.td-split{grid-template-columns:260px minmax(0,1fr)}} @media (max-width:700px){ /* ⚠️ колонки «300px + остальное» с 22.09 перебивали телефонную «1fr» — задачи ужимались до 280 px */ .td-split{grid-template-columns:1fr;height:calc(calc(100vh/var(--z,1)) - 54px - 8px - 70px - 8px);border-radius:0;border-left:0;border-right:0} .td-lists{border-right:0} .td-h-t{font-size:26px}.td-t{font-size:16.5px}.td-desc,.td-meta{font-size:14px} .td-qa{margin:6px 10px 14px}.td-qa-t{font-size:17px} .td-qa-foot{flex-wrap:wrap}.td-qa-l{max-width:100%;flex:1 1 100%;justify-content:flex-start}.td-qa-foot .btn{flex:1;padding:0 12px} .td-lp{width:auto}.td-lp-l{max-height:55vh} } /* выбор срока как в Todoist (владелец 23.09.2026): быстрые сроки с иконками, месяцы прокруткой, «Время» и «Повтор» */ .pmenu.td-dp{width:300px;max-width:300px;padding:0;overflow:hidden;font-size:14px} .td-dp-q{display:block;width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:12px 14px;font:inherit;background:transparent;box-shadow:none;min-height:0} .td-dp-q:focus{outline:0;box-shadow:none} .td-dp-qs{padding:4px;border-bottom:1px solid var(--line)} .td-dp-sug{padding:4px;border-bottom:1px solid var(--line)} .td-dp-sug .td-dp-o{background:var(--soft)} .td-dp-no{font-size:12.5px;color:var(--muted);padding:8px 10px;line-height:1.35} .td-dp-f .td-dp-no{padding:0 2px} .td-dp-no.ok{color:var(--ok)} .td-dp-no[hidden],.td-dp-sug[hidden]{display:none} .td-dp-o{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;border-radius:8px;padding:8px 10px;text-align:left;font:inherit;cursor:pointer} .td-dp-o:hover{background:var(--soft)} .td-dp-o span{flex:1;font-weight:500} .td-dp-o small{color:var(--muted);font-size:13px} .td-dp-o svg{flex:none} .td-dp-cal{padding:10px 12px 4px} .td-dp-h{display:flex;align-items:center;gap:2px;margin-bottom:6px} .td-dp-h b{font-size:14px;font-weight:600} .td-dp-h .td-tb{width:28px;height:28px;font-size:17px;line-height:1} .td-dp-wd,.td-dp-g{display:grid;grid-template-columns:repeat(7,1fr);text-align:center} .td-dp-wd span{font-size:11.5px;color:var(--muted);padding-bottom:4px} .td-dp-sc{max-height:210px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin} .td-dp-mt{font-weight:600;font-size:13.5px;padding:10px 4px 6px;border-bottom:1px solid var(--line);margin-bottom:4px} .td-dp-d{border:0;background:none;font:inherit;font-size:13.5px;height:34px;width:34px;margin:1px auto;border-radius:50%;cursor:pointer;color:var(--text);font-variant-numeric:tabular-nums} .td-dp-d:hover{background:var(--soft)} .td-dp-d.past{color:var(--dim)} .td-dp-d.today{color:var(--accent);font-weight:700} .td-dp-d.sel{background:var(--accent);color:#fff;font-weight:700} .td-dp-f{display:flex;flex-direction:column;gap:6px;padding:8px 12px 12px;border-top:1px solid var(--line)} .td-dp-f>.btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%} .td-dp-row{display:flex;align-items:center;gap:6px;color:var(--muted)} .td-dp-row[hidden]{display:none} .td-dp-row input{flex:1;min-height:34px} .td-dp-row .td-tb{width:30px;height:30px} @media (max-width:700px){.pmenu.td-dp{width:auto;max-width:none;padding:0 0 env(safe-area-inset-bottom)}.td-dp-sc{max-height:34vh}} /* срок в карточке задачи — кнопкой, как чип в Todoist */ .td-dpbtn{display:flex;align-items:center;gap:6px;width:100%;min-height:34px;border:1px solid var(--line);background:var(--card);border-radius:8px;padding:6px 10px;font:inherit;color:var(--muted);text-align:left;cursor:pointer} .td-dpbtn:hover{background:var(--soft)} .td-dpbtn span{flex:1} .td-dpbtn.on{color:var(--text)}.td-dpbtn.today{color:var(--ok)}.td-dpbtn.late{color:var(--bad)} /* действия при наведении на задачу — крупнее, как в Todoist (владелец 23.09.2026) */ .td-acts-row{gap:4px} .td-acts-row .td-ib{padding:5px;border-radius:6px} .td-acts-row .td-ib svg{width:18px;height:18px} /* панель списков: край тянется мышкой, список перетаскивается в другой раздел (23.09.2026) */ .td-split{position:relative} .td-rs{position:absolute;top:0;bottom:0;width:8px;cursor:col-resize;z-index:3;touch-action:none} .td-rs:hover,.td-rs.on{background:linear-gradient(to right,transparent 3px,var(--accent) 3px,var(--accent) 5px,transparent 5px)} .td-li-w.dragging{opacity:.45} .td-gr.drop{background:var(--accent-soft);border-radius:10px;outline:1.5px dashed var(--accent);outline-offset:-1px} @media (max-width:700px){.td-rs{display:none}} /* строка значков в меню (срок и приоритет в меню задачи, как в Todoist, 23.09.2026) */ .pmenu .pic{padding:6px 10px 8px} .pmenu .pic small{display:block;color:var(--muted);font-size:12px;margin-bottom:4px} .pmenu .pic>div{display:flex;gap:4px} .pmenu .pib{border:1px solid transparent;background:none;border-radius:8px;width:38px;height:34px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0} .pmenu .pib:hover{background:var(--soft)} .pmenu .pib.on{border-color:var(--line-s);background:var(--tint)} /* карточка задачи 23.09.2026: подзадачи строками с кружком (как в Todoist), ссылка на основную, правка своего комментария */ .td-subs .td-sub{display:flex;align-items:center;gap:10px;padding:8px 4px;color:var(--text);border-bottom:1px solid var(--soft);cursor:pointer;border-radius:6px} .td-subs .td-sub:hover{background:var(--tint)} .td-subs .td-sub .td-chk{width:18px;height:18px;margin:0;flex:none;border-width:1.6px} .td-sub-t{flex:1;min-width:0} .td-sub.done .td-sub-t{color:var(--muted);text-decoration:line-through} .td-sub-d{font-size:12.5px;flex:none} .td-parent{border:0;background:none;padding:0 2px;font:inherit;color:var(--accent);cursor:pointer} .td-parent:hover{text-decoration:underline} .td-subq{display:flex;align-items:center;gap:6px;flex-wrap:wrap} .td-subq input{flex:1 1 220px} .td-md-t .td-title{overflow:hidden} .td-mdnote{overflow:hidden;min-height:40px} .td-cm-x{display:none;margin-left:auto;gap:0;font-style:normal} .td-cm-i:hover .td-cm-x,.td-cm-x:focus-within{display:inline-flex} .td-cm-x .td-tb{width:28px;height:28px} .td-cm-a{align-items:center} .td-cm-ed textarea{width:100%;resize:none;overflow:hidden;font:inherit;font-size:14.5px;line-height:1.5;margin-top:4px} .td-cm-edb{display:flex;gap:6px;justify-content:flex-end;margin-top:6px} .td-fl{display:inline-flex}.td-fl.p1{color:var(--bad)}.td-fl.p2{color:var(--warn)}.td-fl.p3{color:var(--conf-e)}.td-fl.p4{color:var(--muted)} @media (hover:none){.td-cm-x{display:inline-flex}} /* список перетаскивают на место другого — полоска показывает, куда встанет (23.09.2026) */ .td-li-w.over-b{box-shadow:inset 0 2px 0 var(--accent)} .td-li-w.over-a{box-shadow:inset 0 -2px 0 var(--accent)} /* название и описание задачи правятся в рамке с «Отмена / Сохранить», как в Todoist (23.09.2026) */ .td-ed{flex:1;min-width:0;border:1px solid transparent;border-radius:10px;padding:2px 10px 4px;margin-left:-2px} .td-ed:hover{border-color:var(--line)} .td-ed.on{border-color:var(--line-s);background:var(--card)} .td-ed .td-title:focus{border-bottom:0} .td-ed .td-mdnote{display:block;width:100%;margin:0;padding:2px 0 4px} .td-ed .td-mdnote:focus{border-bottom:0} .td-ed-b{display:flex;justify-content:flex-end;gap:8px;margin:8px 0 4px} .td-ed-b[hidden]{display:none} #modal-card:focus{outline:0} /* «Маркетинг → Карты» (23.09.2026, ui/maps.js): что поправить в карточках Яндекса, 2ГИС, Google */ .cn.mpa{max-width:1180px} .mpa-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;flex-wrap:wrap}.mpa-h h2{margin:0 0 4px}.mpa-h .muted{max-width:640px} .mpa .st.mpa-bad .st-v{color:var(--bad)} .mpa-b>.bt{align-items:center} .mpa-tag{font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap} .mpa-tag.bad{background:var(--soft-bad);color:var(--ink-bad)}.mpa-tag.warn{background:var(--soft-warn);color:var(--ink-warn)}.mpa-tag.ok{background:var(--soft-ok);color:var(--ink-ok)} .mpa-net{margin-bottom:10px} .mpa-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:10px} .mpa-c{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--tint);min-width:0} .mpa-ch{display:flex;justify-content:space-between;gap:8px;align-items:baseline;flex-wrap:wrap} .mpa-c a{color:inherit} .mpa-fill{display:flex;align-items:center;gap:8px;margin:8px 0 6px}.mpa-fill .hb{flex:1;max-width:140px} .mpa-i{display:flex;gap:8px;align-items:flex-start;padding:5px 0;line-height:1.35} .mpa-i>i{flex:none;width:8px;height:8px;border-radius:50%;margin-top:6px;background:var(--dim)} .mpa-i[data-l=bad]>i{background:var(--bad)}.mpa-i[data-l=warn]>i{background:var(--warn)}.mpa-i[data-l=ok]>i{background:var(--ok)} .mpa-i[data-l=bad]>div>div:first-child{color:var(--ink-bad);font-weight:600}.mpa-i[data-l=ok]{color:var(--ink-ok)}.mpa-err{color:var(--ink-bad)} .mpa-lb{font-weight:700;font-size:13px;color:var(--muted);margin:10px 0 6px}.mpa-lb:first-of-type{margin-top:0} .mpa-rv>summary{cursor:pointer;list-style:none}.mpa-rv>summary::-webkit-details-marker{display:none} .mpa-rv>summary .small{text-decoration:underline dotted} .mpa-rv[open]>summary .small{display:none} .mpa-r{padding:8px 0 8px 16px;border-top:1px solid var(--line-w)} .mpa-rt{margin:3px 0;font-size:13px;overflow-wrap:anywhere} .mpa-st{font-weight:700;color:var(--ok)}.mpa-st.neg{color:var(--bad)} .mpa-add{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.mpa-add input[type=url]{flex:2 1 260px;min-width:0}.mpa-add input[type=text]{flex:1 1 200px;min-width:0}.mpa-add select{flex:1 1 200px;min-width:0} .mpa-hint{padding:10px 14px} @media (max-width:700px){.mpa-g{grid-template-columns:1fr}.mpa-add .btn{width:100%}} /* «Отдел продаж → Аналитика ОП» (23.09.2026, erp/ui/salesan.js) — цвета только токенами (тёмная тема) */ .sa-sp.ok{color:var(--ok)}.sa-sp.mid{color:var(--warn)}.sa-sp.bad{color:var(--bad)} .sa-sp-bg.ok{background:var(--ok)}.sa-sp-bg.mid{background:var(--warn)}.sa-sp-bg.bad{background:var(--bad)}.sa-sp-bg.none{background:var(--line)} .sa-share{min-width:110px;position:relative}.sa-share i{display:block;height:8px;border-radius:4px;background:var(--accent-soft);margin-bottom:2px}.sa-share span{font-size:11.5px;color:var(--muted)} .sa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.sa-wide{grid-column:1/-1} .sa-card{min-width:0}.sa-ct{font-weight:700;margin-bottom:2px} .sa-hrs{display:flex;align-items:flex-end;gap:3px;height:130px;margin-top:10px} .sa-hc{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch} .sa-hc i{display:block;border-radius:3px 3px 0 0;min-height:3px}.sa-hc span{font-size:10px;color:var(--muted);text-align:center;margin-top:3px} .sa-leg{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px}.sa-leg i{width:10px;height:10px;border-radius:2px;display:inline-block;margin-left:6px}.sa-leg i:first-child{margin-left:0} .sa-bk{margin-top:10px;display:grid;gap:8px}.sa-br{display:grid;grid-template-columns:90px 1fr 90px;gap:8px;align-items:center;font-size:13px} .sa-br i{display:block;height:12px;background:var(--soft);border-radius:6px;overflow:hidden}.sa-br b{display:block;height:100%;border-radius:6px}.sa-br em{font-style:normal;color:var(--muted);text-align:right;white-space:nowrap} .sa-hm{display:grid;grid-template-columns:28px repeat(17,minmax(0,1fr));gap:2px;margin-top:10px;font-size:10.5px} .sa-hm .sa-hh{text-align:center;color:var(--muted)}.sa-hm .sa-hd{color:var(--muted);align-self:center} .sa-hm i{position:relative;height:24px;border-radius:3px;background:var(--soft);font-style:normal;display:flex;align-items:center;justify-content:center;color:var(--text);overflow:hidden;isolation:isolate} .sa-hm i.hi{color:#fff;font-weight:700} .sa-hm i::before{content:"";position:absolute;inset:0;background:var(--accent);opacity:var(--a,0);z-index:-1} .sa-wl{margin-top:8px;display:grid;gap:2px;max-height:360px;overflow:auto} .sa-wi{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:baseline;padding:6px 4px;border-bottom:1px solid var(--line-w);color:inherit;text-decoration:none} a.sa-wi:hover{background:var(--soft)}.sa-wi .sa-wt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-wi em{font-style:normal;font-size:12px;white-space:nowrap} @media (max-width:1000px){.sa-grid{grid-template-columns:1fr}.sa-hm{font-size:9px}.sa-hm i{height:20px;font-size:0}} /* правка названия и описания — поле как в Todoist (владелец 24.09.2026: «здесь не как в тудуист»): название переносится, ссылки словом, длинное описание листается внутри — кнопки «Сохранить» всегда видно */ .td-rich{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;outline:none;cursor:text;line-height:1.4} .td-rich:empty::before{content:attr(data-ph);color:var(--faint);pointer-events:none} .td-rich a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;cursor:pointer} .td-qa-t.td-rich{line-height:1.35} .td-qa-d.td-rich{max-height:calc(40vh / var(--z,1));overflow-y:auto;color:var(--text)} .td-md-t .td-title.td-rich{padding:4px 0} .td-mdnote.td-rich{resize:none;min-height:24px;max-height:calc(45vh / var(--z,1));overflow-y:auto} /* «Показатели → Паблики» карточками (24.09.2026, владелец: «всё текстом идёт — сделай удобно, сочно, вкусно»). Аватарка в кольце Instagram, подписчики крупно, прайс плашками, размещения строками с охватом, последняя реплика из «Диалогов». */ .pb-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px} .pb-tools{display:flex;gap:8px;align-items:center}.pb-tools input{width:200px}.pb-tools select{width:auto} .pb-cn{font-weight:700;opacity:.6;margin-left:2px} .pb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(360px,100%),1fr));gap:14px;align-items:start} .pb-cell[hidden],.pb-city[hidden]{display:none} .pb-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 16px 14px;display:flex;flex-direction:column;gap:12px;overflow:hidden;transition:box-shadow .15s,border-color .15s} .pb-card:hover{box-shadow:0 6px 22px var(--sh);border-color:var(--line-s)} .pb-card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--line)} .pb-card.st-working::before{background:var(--accent)}.pb-card.st-talks::before{background:var(--conf-e)}.pb-card.st-stopped{opacity:.72} .pb-top{display:flex;align-items:center;gap:12px;min-width:0} .pb-ava-a{flex:none;text-decoration:none} .pb-ava{--s:52px;width:var(--s);height:var(--s);border-radius:50%;padding:2.5px;flex:none;display:inline-flex; background:conic-gradient(from 210deg,#FEDA75,#FA7E1E,#D62976,#962FBF,#4F5BD5,#FEDA75)} .pb-ava.vk{background:#0077FF}.pb-ava.sm{--s:40px;padding:2px} .pb-ava img,.pb-ava .pb-ini{width:100%;height:100%;border-radius:50%;border:2px solid var(--card);object-fit:cover;background:var(--soft)} .pb-ini{display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;color:#fff;background:hsl(var(--h),45%,48%)!important} .pb-ava.sm .pb-ini{font-size:12px} .pb-id{display:flex;flex-direction:column;min-width:0;flex:1} .pb-name{font-weight:800;font-size:15.5px;color:var(--text);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} a.pb-name:hover{color:var(--accent)} .pb-h{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .pb-st{flex:none;align-self:flex-start;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--soft);color:var(--muted)} .pb-st.st-working{background:var(--soft-ok);color:var(--ink-ok)}.pb-st.st-talks{background:var(--soft-info);color:var(--ink-info)}.pb-st.st-stopped{background:var(--soft-bad);color:var(--ink-bad)} .pb-kpi{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.85fr) minmax(0,.95fr) minmax(0,1.35fr);background:var(--tint);border:1px solid var(--line-w);border-radius:12px} .pb-kpi>div{padding:9px 10px;display:flex;flex-direction:column;gap:1px;min-width:0}.pb-kpi>div+div{border-left:1px solid var(--line-w)} .pb-kpi b{font-size:16px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-kpi span{font-size:11px;color:var(--muted)} .pb-kpi>div:first-child b{color:var(--accent)} .pb-kpi span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .pb-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:-4px} .pb-tag{font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--soft);color:var(--muted)} .pb-tag.ok{background:var(--soft-ok);color:var(--ink-ok)}.pb-tag.warn{background:var(--soft-warn);color:var(--ink-warn)} .pb-sec{display:flex;flex-direction:column;gap:6px} .pb-lbl{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)} .pb-prices{display:flex;flex-wrap:wrap;gap:6px} .pb-price{display:inline-flex;align-items:baseline;gap:6px;max-width:100%;padding:5px 10px;border-radius:10px;background:var(--soft-warn);color:var(--ink-warn);font-size:12px} .pb-price i{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px;color:var(--text);opacity:.8} .pb-price b{white-space:nowrap}.pb-price.extra{background:var(--soft);color:var(--muted)}.pb-price.more{cursor:pointer;background:var(--soft);color:var(--muted);font-weight:700} .pb-terms{font-size:12.5px;color:var(--muted);background:var(--tint);border-radius:10px;padding:8px 10px} .pb-post{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:12.5px;padding:7px 0;border-top:1px dashed var(--line)} .pb-post:first-of-type{border-top:0;padding-top:0} .pb-pd{font-weight:700;font-variant-numeric:tabular-nums} .pb-pk{font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px;background:var(--soft-ok);color:var(--ink-ok)}.pb-pk.paid{background:var(--soft-warn);color:var(--ink-warn)} .pb-pf{color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px} .pb-pm{margin-left:auto;display:inline-flex;flex-wrap:wrap;gap:10px;align-items:center}.pb-pm a{font-weight:700} .pb-chat{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:10px 12px;border-radius:12px;background:var(--tint);border:1px solid var(--line-w)} .pb-chat:hover{border-color:var(--accent)} .pb-msg{font-size:12.5px;line-height:1.4;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .pb-msg.out{color:var(--muted)} .pb-note{font-size:12px;color:var(--muted);font-style:italic;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .pb-act{display:flex;flex-wrap:wrap;gap:6px;padding-top:10px;border-top:1px solid var(--line-w);margin-top:auto} .pb-act .btn{text-decoration:none} /* размещения за период — строками с аватаркой и цифрами справа */ .pb-rows{display:flex;flex-direction:column} .pb-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line-w)}.pb-row:first-child{border-top:0} .pb-rw{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px} .pb-rt{display:flex;gap:8px;align-items:baseline;min-width:0} .pb-rs{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;font-size:12.5px} .pb-rm{display:flex;gap:14px;text-align:right}.pb-rm>div{min-width:70px}.pb-rm>div{display:flex;flex-direction:column}.pb-rm b{font-size:15px;font-weight:800;white-space:nowrap}.pb-rm span{font-size:11px;color:var(--muted);white-space:nowrap} .pb-ra{display:flex;gap:6px;align-items:center}.pb-ra a{text-decoration:none} @media (max-width:700px){ .pb-tools{width:100%}.pb-tools input{flex:1;width:auto;min-width:0} .pb-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.pb-kpi>div:nth-child(3){border-left:0}.pb-kpi>div:nth-child(n+3){border-top:1px solid var(--line-w)} .pb-row{flex-wrap:wrap}.pb-rm{width:100%;justify-content:flex-start;text-align:left;padding-left:52px}.pb-ra{padding-left:52px} .pb-pm{margin-left:0} } /* Переписка прямо из «Пабликов» и «Блогеров» (24.09.2026, erp/ui/mktchat.js): панель справа поверх раздела */ .mc-wrap[hidden]{display:none} .mc-dim{position:fixed;inset:0;background:rgba(20,18,15,.28);z-index:80} .mc{position:fixed;top:0;right:0;bottom:0;width:min(480px,100vw);background:var(--bg);border-left:1px solid var(--line);box-shadow:-10px 0 34px var(--sh);z-index:81;display:flex;flex-direction:column;animation:mcIn .18s ease-out} @keyframes mcIn{from{transform:translateX(24px);opacity:.4}to{transform:none;opacity:1}} .mc-h{display:flex;align-items:center;gap:12px;padding:14px 16px 10px;background:var(--card)} .mc-t{flex:1;min-width:0;display:flex;flex-direction:column}.mc-t b{font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-t span{font-size:12px;color:var(--muted)} .mc-bar{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 12px;background:var(--card);border-bottom:1px solid var(--line)} .mc-tabs{display:flex;gap:6px;padding:8px 16px;border-bottom:1px solid var(--line-w);background:var(--card)} .mc-ms{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column} .mc-more{text-align:center;margin-bottom:8px} .mc-cmp{border-top:1px solid var(--line);background:var(--card);padding:10px 12px;display:flex;flex-direction:column;gap:8px} .mc-cmp textarea{width:100%;resize:vertical;min-height:54px;max-height:40vh} .mc-cr{display:flex;align-items:center;gap:8px}.mc-err{flex:1;min-width:0} .mc-att{font-size:12.5px;background:var(--soft);border-radius:8px;padding:6px 10px} .mc-ro{padding:14px 16px} .mc-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:30px 28px;color:var(--muted)} .mc-empty b{color:var(--text);font-size:15px}.mc-empty p{margin:0;font-size:13px;line-height:1.5}.mc-empty-i{font-size:34px} body.mc-on{overflow:hidden} @media (max-width:700px){.mc{width:100vw;border-left:0}} .bl-chat{margin-top:8px}.bl-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px} /* избранное и свой порядок пабликов (24.09.2026) */ .pb-grp{font-weight:800;font-size:13px;margin:14px 0 8px;display:flex;gap:8px;align-items:baseline}.pb-grp:first-child{margin-top:4px} .pb-star{all:unset;cursor:pointer;flex:none;align-self:flex-start;font-size:19px;line-height:1;color:var(--dim);padding:2px 2px 0 0} .pb-star:hover{color:var(--warn)}.pb-star.on{color:var(--warn)} .pb-dnd .pb-cell{cursor:grab}.pb-dnd .pb-cell .pb-card{user-select:none} .pb-dragging{opacity:.35}.pb-dragging .pb-card{outline:2px dashed var(--accent);outline-offset:2px} .pb-grid.pb-over{outline:2px dashed var(--line-s);outline-offset:6px;border-radius:14px} .pb-drop{grid-column:1/-1;border:2px dashed var(--line);border-radius:14px;padding:22px;text-align:center} .pb-grid[data-grp="pin"] .pb-card{border-color:var(--bd-warn)} /* «Блогеры» карточками (24.09.2026) */ .pb-kpi.bl-kpi{grid-template-columns:repeat(4,minmax(0,1fr))}.bl-kpi b{font-size:15px} .bl-kpi>div[data-evb]{cursor:pointer}.bl-kpi>div[data-evb]:hover b{color:var(--accent)} @media (max-width:700px){.pb-kpi.bl-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}} /* ревью 27.09: на телефоне 4 колонки резали «подписч…» и дату */ .bl-review{font-size:12.5px;font-style:italic;color:var(--text);background:var(--soft-ok);border-radius:10px;padding:8px 11px;line-height:1.45} /* «Отдел продаж → Телефония» (24.09.2026, erp/ui/tel.js; вечером — «сделай дизайн вкусным»). ⚠️ только токены темы: экран живёт и в тёмной теме */ .tel{max-width:1240px} .tel-top{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:16px}.tel-top .anh{margin:0} .tel-tabs{display:inline-flex;background:var(--soft);border-radius:12px;padding:4px;gap:2px} .tel-tabs button{border:0;background:transparent;padding:8px 14px;border-radius:9px;font-weight:700;color:var(--muted);display:inline-flex;align-items:center;gap:6px;cursor:pointer} .tel-tabs button.on{background:var(--card);color:var(--text);box-shadow:0 1px 3px var(--sh)} .tel-tabs i{font-style:normal;font-size:11px;background:var(--accent-soft);color:var(--ink-ok);border-radius:999px;padding:1px 7px} .tel-skel{height:120px;border-radius:14px;background:linear-gradient(90deg,var(--soft),var(--tint),var(--soft));background-size:200% 100%;animation:telsk 1.2s linear infinite;margin-bottom:12px}.tel-skel.s2{height:260px} @keyframes telsk{to{background-position:-200% 0}} .tel h4{margin:0;font-size:15px;display:flex;align-items:center;gap:6px} /* мой телефон */ .tel-me{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start} .tel-mcol{display:flex;flex-direction:column;gap:14px;min-width:0} .tel-hero{display:flex;align-items:center;gap:18px;padding:20px 22px;position:relative;overflow:hidden} .tel-hero::after{content:"";position:absolute;right:-90px;top:-110px;width:220px;height:220px;border-radius:50%;background:var(--soft);opacity:.6;pointer-events:none} .tel-hero.on::after{background:var(--accent-soft)}.tel-hero.bad::after,.tel-hero.off::after{background:var(--soft-bad);opacity:.45} .tel-orb{flex:none;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--muted);position:relative;z-index:1} .tel-orb svg{width:24px;height:24px}.tel-orb.sm{width:42px;height:42px}.tel-orb.sm svg{width:18px;height:18px} .tel-hero.on .tel-orb{background:var(--accent);color:var(--card);box-shadow:0 0 0 0 var(--accent);animation:telpulse 2.4s ease-out infinite} .tel-hero.off .tel-orb,.tel-hero.bad .tel-orb{background:var(--soft-bad);color:var(--ink-bad)} .tel-hero.wait .tel-orb{background:var(--soft-warn);color:var(--ink-warn)} @keyframes telpulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 45%,transparent)}100%{box-shadow:0 0 0 18px transparent}} .tel-hx{flex:1;min-width:0;position:relative;z-index:1;display:flex;flex-direction:column;gap:3px;align-items:flex-start}.tel-hx .eyebrow{margin:0} .tel-ht{font-size:21px;font-weight:800;letter-spacing:-.01em}.tel-hero.on .tel-ht{color:var(--ink-ok)}.tel-hero.bad .tel-ht,.tel-hero.off .tel-ht{color:var(--ink-bad)} .tel-hx .btn{margin-top:8px} .tel-ext{position:relative;z-index:1;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px 14px} .tel-ext span{display:block;font-size:11px;color:var(--muted)}.tel-ext b{font-size:22px;font-variant-numeric:tabular-nums} .tel-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .tel-stat{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:2px} .tel-stat span{font-size:12px;color:var(--muted);font-weight:600}.tel-stat b{font-size:28px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.tel-stat em{font-style:normal;font-size:12px;color:var(--muted)} .tel-stat.bad{background:var(--soft-bad);border-color:var(--bd-bad)}.tel-stat.bad b,.tel-stat.bad span{color:var(--ink-bad)} .tel-stat.good b{color:var(--ink-ok)} .tel-box{padding:6px 0 8px}.tel-bh{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:10px 18px 8px} .tel-day{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:12px 18px 4px} .tel-cr{display:grid;grid-template-columns:32px minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.3fr) 48px 36px;gap:12px;align-items:center;padding:8px 18px;border-top:1px solid var(--line-w)} .tel-cr:hover{background:var(--tint)} .tel-di{width:32px;height:32px;border-radius:50%;display:grid;place-items:center} .tel-di.in{background:var(--accent-soft);color:var(--ink-ok)}.tel-di.out{background:var(--conf);color:var(--conf-e)}.tel-di.miss{background:var(--soft-bad);color:var(--ink-bad)} .tel-who{display:flex;flex-direction:column;min-width:0}.tel-who b,.tel-who span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tel-who span{font-size:12px;color:var(--muted)} .tel-res{display:flex;flex-direction:column;font-size:13px}.tel-res span+span{font-size:12px} .tel-tm{font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px;text-align:right} .tel-call{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--accent);display:grid;place-items:center;cursor:pointer} .tel-call:hover{background:var(--accent);color:var(--card);border-color:var(--accent)} .tel-cr .btn.small{display:inline-flex;align-items:center;gap:6px;grid-column:span 2;justify-self:end} .tel-empty{display:flex;gap:14px;align-items:center;padding:18px;color:var(--muted)}.tel-empty>svg{width:32px;height:32px;flex:none;opacity:.5} .tel-empty div{display:flex;flex-direction:column;gap:3px}.tel-empty b{color:var(--text)}.tel-empty span{font-size:13px} /* микрофон */ .tel-side{position:sticky;top:12px} .tel-mic{display:flex;flex-direction:column;gap:10px;padding:16px 18px}.tel-mic .tel-bh{padding:0}.tel-mic select{width:100%} .tel-vu{display:flex;gap:3px;height:34px;align-items:flex-end;padding:6px 8px;background:var(--soft);border-radius:10px} .tel-vu i{flex:1;height:100%;border-radius:2px;background:var(--line);transition:background .06s} .tel-vu i.g{background:var(--ok)}.tel-vu i.y{background:var(--warn)}.tel-vu i.r{background:var(--bad)} .tel-vu.big{height:42px} .tel-note{font-size:13px;color:var(--muted);background:var(--tint);border-radius:10px;padding:9px 11px;line-height:1.45} .tel-note.good{background:var(--soft-ok);color:var(--ink-ok)}.tel-note.mid{background:var(--soft-warn);color:var(--ink-warn)}.tel-note.bad{background:var(--soft-bad);color:var(--ink-bad)} .tel-tips{margin:2px 0 0;padding:0 0 0 18px;font-size:12.5px;color:var(--muted);display:flex;flex-direction:column;gap:3px} /* плеер */ .tel-pl{display:flex;align-items:center;gap:10px;min-width:0;--p:0%} .tel-pb{flex:none;width:38px;height:38px;border-radius:50%;border:0;background:var(--accent);color:var(--card);display:grid;place-items:center;cursor:pointer;transition:transform .12s} .tel-pb:hover{transform:scale(1.06);background:var(--accent-h)}.tel-pb svg{margin-left:1px} .tel-pl.mini .tel-pb{width:30px;height:30px;background:var(--soft);color:var(--text)}.tel-pl.mini.on .tel-pb{background:var(--accent);color:var(--card)} .tel-pt{flex:none;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;min-width:32px} .tel-wv{flex:1;min-width:0;height:40px;position:relative;cursor:pointer} .tel-wb{position:absolute;inset:0;display:flex;align-items:center;gap:2px;pointer-events:none} .tel-wb i{flex:1;height:calc(var(--h) * 100%);min-height:3px;border-radius:2px;background:var(--line-s)} .tel-wb.on{clip-path:inset(0 calc(100% - var(--p)) 0 0)}.tel-wb.on i{background:var(--accent)} .tel-trk{flex:1;min-width:40px;height:4px;border-radius:2px;background:var(--line);position:relative;cursor:pointer} .tel-trk::before{content:"";position:absolute;inset:-8px 0} .tel-trk b{position:absolute;left:0;top:0;bottom:0;width:var(--p);background:var(--accent);border-radius:2px;pointer-events:none} /* линии */ .tel-line{padding:20px 22px;margin-bottom:18px;display:flex;flex-direction:column;gap:16px} .tel-lh{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.tel-lh .tel-orb{background:var(--accent-soft);color:var(--ink-ok)} .tel-lt{flex:1;min-width:0}.tel-lt h3{margin:0;font-size:20px;letter-spacing:-.01em} .tel-num{font-variant-numeric:tabular-nums;font-weight:600;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap}.tel-num span{font-weight:400} .tel-pills{display:flex;gap:6px;flex-wrap:wrap} .tel-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--soft);color:var(--muted);white-space:nowrap} .tel-pill i{width:7px;height:7px;border-radius:50%;background:var(--dim)} .tel-pill.ok{background:var(--soft-ok);color:var(--ink-ok)}.tel-pill.ok i{background:var(--ok)} .tel-pill.warn{background:var(--soft-warn);color:var(--ink-warn)}.tel-pill.warn i{background:var(--warn)} .tel-pill.bad{background:var(--soft-bad);color:var(--ink-bad)}.tel-pill.bad i{background:var(--bad)} .tel-callout{display:flex;gap:10px;align-items:flex-start;border-radius:12px;padding:11px 14px;font-size:13px;line-height:1.45}.tel-callout svg{flex:none;margin-top:1px} .tel-callout.warn{background:var(--soft-warn);color:var(--ink-warn)}.tel-callout.info{background:var(--soft-info);color:var(--ink-info)} .tel-facts{display:grid;grid-template-columns:1.2fr 1fr 1.3fr;gap:12px} .tel-fact{background:var(--tint);border:1px solid var(--line-w);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;min-width:0}.tel-fact .eyebrow{margin:0} .tel-ppl{display:flex;gap:12px;flex-wrap:wrap} .tel-pp{display:flex;flex-direction:column;align-items:center;gap:3px;width:54px} .tel-av{width:40px;height:40px;border-radius:50%;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;font-weight:800;font-size:13px;color:var(--text);position:relative} .tel-av i{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;border:2px solid var(--tint);background:var(--dim)} .tel-av i.on{background:var(--ok)}.tel-av i.off{background:var(--bad)} .tel-pn{font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .tel-hrs{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tel-hrs span{color:var(--muted);font-size:13px} .tel-hrs input{width:74px;min-width:0;padding:6px 8px;text-align:center;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}.tel-hrs.ro b{font-size:20px;font-variant-numeric:tabular-nums} .tel-dnum{display:flex;gap:14px;flex-wrap:wrap}.tel-dnum span{display:flex;flex-direction:column;font-size:11.5px;color:var(--muted)} .tel-dnum b{font-size:20px;color:var(--text);font-variant-numeric:tabular-nums}.tel-dnum .ok b{color:var(--ink-ok)}.tel-dnum .bad b{color:var(--ink-bad)} .tel-jh{display:flex;align-items:baseline;gap:10px;margin-top:4px} .tel-jr{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:18px;align-items:start} .tel-lane{background:var(--tint);border:1px solid var(--line-w);border-radius:14px;padding:14px 16px 6px} .tel-ln{display:flex;align-items:center;gap:7px;font-weight:700;margin-bottom:10px}.tel-ln span{font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums} .tel-lane.night .tel-ln svg{color:var(--conf-e)}.tel-lane:not(.night) .tel-ln svg{color:var(--warn)} .tel-step{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;position:relative;padding-bottom:14px} .tel-step::before{content:"";position:absolute;left:14px;top:30px;bottom:0;width:2px;background:var(--line)} .tel-step.end::before{display:none} .tel-dot{align-self:start;width:30px;height:30px;border-radius:50%;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--muted);position:relative;z-index:1} .tel-dot.num{background:var(--accent);border-color:var(--accent);color:var(--card);font-weight:800;font-size:13px} .tel-step.tel-no .tel-dot.num{background:var(--card);color:var(--muted);border:2px dashed var(--line-s)} .tel-step>div{display:flex;flex-direction:column;gap:1px;font-size:13.5px;padding-top:5px;min-width:0}.tel-step>div>span{font-size:12px;color:var(--muted)} .tel-ph{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px !important;gap:8px !important;box-shadow:0 1px 2px var(--sh)} .tel-step.tel-no .tel-ph{border-style:dashed} .tel-phh{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.tel-phh b{font-size:15px} .tel-meta{font-size:12px;color:var(--muted)} .tel-none{font-size:13px;color:var(--muted);background:var(--tint);border-radius:9px;padding:10px 12px} .tel-acts{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.tel-acts .btn{display:inline-flex;align-items:center;gap:6px} .tel-rdot{width:9px;height:9px;border-radius:50%;background:var(--bad);display:inline-block} .tel-del{color:var(--muted);margin-left:auto}.tel-del:hover{color:var(--ink-bad)} .tel-script summary{cursor:pointer;font-size:12.5px;color:var(--muted);font-weight:600;list-style:none}.tel-script summary::before{content:"▸ "}.tel-script[open] summary::before{content:"▾ "} .tel-script textarea{margin-top:6px;width:100%;resize:vertical;font:inherit}.tel-script .btn{margin-top:6px} .tel-quote{font-size:13px;color:var(--muted);font-style:italic;border-left:3px solid var(--line);padding-left:10px} .tel-prev{display:flex;flex-direction:column;gap:8px;background:var(--soft-ok);border-radius:10px;padding:10px 12px} .tel-recbox{display:flex;flex-direction:column;gap:10px;background:var(--soft-bad);border-radius:10px;padding:12px} .tel-rh{display:flex;align-items:center;gap:8px;color:var(--ink-bad)}.tel-timer{font-variant-numeric:tabular-nums;font-weight:800;font-size:18px;margin-left:auto} .tel-live{width:12px;height:12px;border-radius:50%;background:var(--bad);animation:tdrec 1s infinite} .tel-prompt{font-size:19px;line-height:1.5;font-weight:600;color:var(--text);background:var(--card);border-radius:10px;padding:12px 14px} .tel-emptyline{display:flex;gap:18px;align-items:flex-start;padding:22px;max-width:760px}.tel-emptyline h3{margin:4px 0 6px}.tel-emptyline p{margin:0} @media (max-width:1100px){.tel-me{grid-template-columns:1fr}.tel-side{position:static}.tel-jr{grid-template-columns:1fr}} @media (max-width:760px){.tel-facts,.tel-stats{grid-template-columns:1fr}.tel-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tel-stat{padding:10px 12px}.tel-stat b{font-size:22px} .tel-cr{grid-template-columns:32px minmax(0,1fr) auto 36px;padding:8px 12px}.tel-cr .tel-res,.tel-cr .tel-rec:empty{display:none}.tel-cr .tel-rec{grid-column:2/-1;grid-row:2} .tel-hero{padding:16px;gap:12px}.tel-ht{font-size:18px}.tel-line{padding:14px}.tel-tabs{width:100%}.tel-tabs button{flex:1;justify-content:center;padding:8px 6px} .tel-pills{width:100%}.tel-num{white-space:nowrap}.tel-lane{padding:12px 10px 4px}.tel-step{grid-template-columns:26px minmax(0,1fr);gap:8px}.tel-dot{width:26px;height:26px}.tel-step::before{left:12px}.tel-ph{padding:10px 11px !important}.tel-tabs .tel-tl{display:none}} .tel-step.tel-sp>.tel-dot{margin-top:14px}.tel-step.tel-sp::before{top:44px} .tel-recbox .btn.danger{background:var(--bad);border-color:var(--bad);color:#fff} /* проверка 24.09.2026: цифры размещений в одну колонку, ✎ в шапке карточки, группы на телефоне */ .pb-ra{min-width:150px;justify-content:flex-end} .pb-edit{all:unset;cursor:pointer;flex:none;align-self:flex-start;font-size:15px;line-height:1;color:var(--dim);padding:3px 2px 0}.pb-edit:hover{color:var(--accent)} .pb-grp{flex-wrap:wrap}.pb-grp b{white-space:nowrap} @media (max-width:700px){.pb-ra{min-width:0;justify-content:flex-start}} .tel-recent{border:1px solid var(--line);border-radius:12px;padding:4px 0 6px;background:var(--card)} .fin-flt-t{display:none} @media (max-width:700px){.fin-flt-t{display:inline-flex}#main:not(.fin-flt-open) .fin-flt{display:none}} /* «Финансы» на телефоне: фильтры по кнопке (ревью 26.09.2026) */ .fp{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:8px 16px}.fp-row{display:flex;align-items:center;gap:8px}.fp-row span:first-child{min-width:120px;text-transform:capitalize}.fp-row input{width:70px;flex:none}.fp-row .muted{white-space:nowrap} /* «Касса прошлых дней» (27.09.2026) */