/* п. 403: тема «Ночь» — ручной слой поверх night.css. Одна тема для руководителя, промоутеров и мастеров.
   Фон тёмно-синий, карточки чуть светлее, бирюзовый — главный акцент, оранжевый — дополнительный.
   Без размытия (blur) и без анимаций на весь экран — телефон не тормозит. */
html[data-theme="night"] {
  --n-bg: #0B1220; --n-bg2: #111827; --n-card: #1A2332; --n-card2: #1E293B; --n-card3: #243246;
  --n-line: rgba(148, 163, 184, .16); --n-line2: rgba(148, 163, 184, .28);
  --n-teal: #2DD4BF; --n-teal2: #00D4C8; --n-teal-ink: #04201D; --n-teal-soft: rgba(45, 212, 191, .14);
  --n-or: #FF8A3D; --n-or2: #F97316; --n-or-ink: #2A1203; --n-or-soft: rgba(255, 138, 61, .15);
  --n-ink: #F1F5F9; --n-ink2: #94A3B8; --n-red: #F87171; --n-green: #34D399;
  --n-r: 18px; --n-r-s: 12px; --n-sh: 0 8px 24px rgba(0, 0, 0, .28);
  color-scheme: dark;
}
html[data-theme="night"] body, html[data-theme="night"] body.dark, html[data-theme="night"] body.master, html[data-theme="night"] body.th-on {
  --board: transparent; --paper: var(--n-card); --ink: var(--n-ink); --ink-soft: var(--n-ink2); --line: var(--n-line);
  --tab: var(--n-teal); --tab-ink: var(--n-teal-ink); --mine: #12443F; --mine-ink: #E6FFFB;
  --alarm: var(--n-red); --warn: var(--n-or); --ok: var(--n-green);
  --b-ok: #10B981; --b-primary: var(--n-teal); --b-warn: var(--n-or); --b-danger: #EF4444; --b-violet: var(--n-teal); --b-neutral: rgba(148, 163, 184, .18);
  --g-bg: var(--n-card); --g-bg2: var(--n-card2); --g-brd: var(--n-line); --g-edge: var(--n-line);
  --g-sh: var(--n-sh); --g-sh-s: 0 4px 12px rgba(0, 0, 0, .22); --g-acc: var(--n-teal);
  --hz-grad: linear-gradient(135deg, #2DD4BF, #14B8A6); --hz-glass: var(--n-card);
  background: var(--n-bg); color: var(--n-ink);
}
html[data-theme="night"] #thBg { background: radial-gradient(700px 420px at 85% -8%, rgba(45, 212, 191, .10), transparent 60%),
  radial-gradient(600px 400px at -10% 110%, rgba(255, 138, 61, .07), transparent 60%), linear-gradient(180deg, #0B1220, #111827) !important; }
html[data-theme="night"] body *, html[data-theme="night"] body *::before, html[data-theme="night"] body *::after {
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html[data-theme="night"] body ::selection { background: rgba(45, 212, 191, .35); }

/* ---------- карточки, панели ---------- */
html[data-theme="night"] body.th-on .card, html[data-theme="night"] body.th-on .dcard, html[data-theme="night"] body.th-on .rcard, html[data-theme="night"] body.th-on .folder-box,
html[data-theme="night"] body.th-on .rep-item, html[data-theme="night"] body.th-on .mo-card, html[data-theme="night"] body.th-on .folder-card, html[data-theme="night"] body.th-on .tablewrap {
  background: var(--n-card) !important; color: var(--n-ink); border: 1px solid var(--n-line) !important; border-radius: var(--n-r) !important; box-shadow: var(--n-sh); }
html[data-theme="night"] body.th-on .folder-head { background: var(--n-card) !important; }
html[data-theme="night"] body.th-on .list, html[data-theme="night"] body.dark .list, html[data-theme="night"] body.th-on .list { background: var(--n-bg2) !important; border-color: var(--n-line) !important; }
html[data-theme="night"] body.th-on .item { border-color: var(--n-line) !important; border-radius: 14px; }
html[data-theme="night"] body.th-on .item[aria-current="true"] { background: var(--n-teal-soft) !important; box-shadow: inset 3px 0 0 var(--n-teal); }
html[data-theme="night"] body.th-on .muted, html[data-theme="night"] body.th-on .sub { color: var(--n-ink2) !important; }

/* ---------- кнопки ---------- */
html[data-theme="night"] body.th-on .btn:not(.ghost):not(.danger):not(.danger-t) { background: var(--n-teal) !important; color: var(--n-teal-ink) !important; border: 0 !important;
  border-radius: 14px; font-weight: 700; box-shadow: 0 6px 18px rgba(45, 212, 191, .22); }
html[data-theme="night"] body.th-on .btn.ghost { background: var(--n-card2) !important; color: var(--n-ink) !important; border: 1px solid var(--n-line2) !important; border-radius: 14px; box-shadow: none; }
html[data-theme="night"] body.th-on .btn.danger { background: #EF4444 !important; color: #fff !important; }
html[data-theme="night"] body.th-on .btn:active { transform: scale(.97); }
html[data-theme="night"] body.th-on .btn:disabled { opacity: .5; }
html[data-theme="night"] body.th-on .seg button, html[data-theme="night"] body.th-on .chip { background: var(--n-card2) !important; color: var(--n-ink) !important; border: 1px solid var(--n-line) !important; border-radius: 999px !important; box-shadow: none !important; }
html[data-theme="night"] body.th-on .seg button.on, html[data-theme="night"] body.th-on .seg button[aria-pressed="true"],
html[data-theme="night"] body.th-on .chip.on, html[data-theme="night"] body.th-on .chip[aria-pressed="true"] {
  background: var(--n-teal) !important; color: var(--n-teal-ink) !important; border-color: transparent !important; box-shadow: 0 0 0 3px rgba(45, 212, 191, .18) !important; font-weight: 700; }
html[data-theme="night"] body.th-on .input, html[data-theme="night"] body input.input, html[data-theme="night"] body select.input, html[data-theme="night"] body textarea.input,
html[data-theme="night"] body.th-on .composer textarea {
  background: var(--n-bg2) !important; color: var(--n-ink) !important; border: 1px solid var(--n-line2) !important; border-radius: 12px; }
html[data-theme="night"] body.th-on .input:focus, html[data-theme="night"] body.th-on .composer textarea:focus { border-color: var(--n-teal) !important; box-shadow: 0 0 0 3px rgba(45, 212, 191, .2) !important; outline: none; }
html[data-theme="night"] body.th-on .navcount, html[data-theme="night"] body.th-on .vk-b { background: var(--n-or) !important; color: var(--n-or-ink) !important; font-weight: 800; }

/* ---------- шапки, меню ---------- */
html[data-theme="night"] body.th-on .chat-head, html[data-theme="night"] body.th-on .nav, html[data-theme="night"] body.th-on .composer, html[data-theme="night"] body.th-on .chips {
  background: rgba(17, 24, 39, .97) !important; border-color: var(--n-line) !important; }
html[data-theme="night"] body.th-on .nav-i.on, html[data-theme="night"] body.th-on .nav-i[aria-current="page"] { color: var(--n-teal) !important; }

/* нижнее меню — плавающая панель с «живыми» плитками: активная светится бирюзой, «Деньги» — оранжевым */
@media (max-width: 900px) {
  html[data-theme="night"] body.vk-on .vk-tabbar { left: 10px; right: 10px; bottom: calc(8px + env(safe-area-inset-bottom, 0px)); height: 92px; padding: 0 6px;
    background: #161E2B !important; border: 1px solid var(--n-line2); border-radius: 26px; box-shadow: 0 14px 34px rgba(0, 0, 0, .55); color: var(--n-ink2); }
  html[data-theme="night"] body.vk-on #app { height: calc(100% - 108px - env(safe-area-inset-bottom, 0px)) !important; }
}
html[data-theme="night"] body.th-on .vk-tab { opacity: 1; color: var(--n-ink2); font-size: 11.5px; font-weight: 600; gap: 6px; padding: 0; }
html[data-theme="night"] body.th-on .vk-ti { width: 52px; height: 46px; border-radius: 16px; display: grid; place-items: center; background: #1F2937;
  border: 1px solid rgba(148, 163, 184, .14); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 4px 10px rgba(0, 0, 0, .3); transition: background .2s, box-shadow .2s, transform .1s; }
html[data-theme="night"] body.th-on .vk-tab svg { width: 24px; height: 24px; padding: 0; stroke-width: 1.8; }
html[data-theme="night"] body.th-on .vk-tab:active .vk-ti { transform: scale(.94); }
html[data-theme="night"] body.th-on .vk-tab.on { color: #F1F5F9; }
html[data-theme="night"] body.th-on .vk-tab.on .vk-ti { background: linear-gradient(160deg, rgba(45, 212, 191, .38), rgba(20, 184, 166, .18)); border-color: rgba(45, 212, 191, .7);
  box-shadow: 0 0 18px rgba(45, 212, 191, .45), inset 0 1px 0 rgba(255, 255, 255, .12); color: #5EEAD4; }
html[data-theme="night"] body.th-on .vk-tab.on .vk-ti svg { fill: rgba(45, 212, 191, .25); }
html[data-theme="night"] body.th-on .vk-t-money { color: #FDBA74; }
html[data-theme="night"] body.th-on .vk-t-money .vk-ti { color: var(--n-or); }
html[data-theme="night"] body.th-on .vk-t-money.on { color: var(--n-or); }
html[data-theme="night"] body.th-on .vk-t-money.on .vk-ti { background: linear-gradient(160deg, rgba(255, 138, 61, .42), rgba(249, 115, 22, .2)); border-color: rgba(255, 138, 61, .75);
  box-shadow: 0 0 18px rgba(255, 138, 61, .45), inset 0 1px 0 rgba(255, 255, 255, .12); color: #FFB37A; }
html[data-theme="night"] body.th-on .vk-t-money.on .vk-ti svg { fill: rgba(255, 138, 61, .22); }
html[data-theme="night"] body.th-on .vk-tab .vk-b { top: -4px; left: auto; right: 6px; }
html[data-theme="night"] body.th-on .vk-sheet { background: rgba(2, 6, 14, .66); }
html[data-theme="night"] body.th-on .vk-sheet-c { background: var(--n-bg2); color: var(--n-ink); border-top: 1px solid var(--n-line2); }
html[data-theme="night"] body.th-on .vk-sheet h3 button { background: var(--n-card2); color: var(--n-ink); }
html[data-theme="night"] body.th-on .vk-grid button { background: var(--n-card); color: var(--n-ink); border: 1px solid var(--n-line); border-radius: 16px; }
html[data-theme="night"] body.th-on .vk-grid svg { color: var(--n-teal); }

/* ---------- главная «Ночь» ---------- */
html[data-theme="night"] .vk-l1, html[data-theme="night"] .nh { --ink: var(--n-ink); --soft: var(--n-ink2); color: var(--n-ink); padding: 8px 14px 28px; }
.nh .nh-top { display: flex; justify-content: space-between; align-items: flex-end; padding: 16px 4px 14px; }
.nh h1 { font-size: 28px; line-height: 1.15; margin: 0; font-weight: 700; letter-spacing: -.01em; }
.nh .nh-date { color: var(--n-ink2); font-size: 14px; margin-top: 4px; }
.nh .nh-live { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--n-ink2); background: var(--n-card); border: 1px solid var(--n-line); border-radius: 999px; padding: 6px 10px; }
.nh .nh-live i { width: 8px; height: 8px; border-radius: 50%; background: var(--n-teal); box-shadow: 0 0 8px var(--n-teal); }
.nh .nh-card { display: block; width: 100%; background: var(--n-card); border: 1px solid var(--n-line); border-radius: 20px; box-shadow: var(--n-sh); padding: 16px; margin: 0 0 12px; color: var(--n-ink); text-align: left; }
.nh button.nh-card:active, .nh .nh-ai:active, .nh .nh-run:active, .nh .vk-app:active { transform: scale(.985); }
.nh .nh-k { display: block; color: var(--n-ink2); font-size: 13px; font-weight: 600; letter-spacing: .01em; }
.nh .nh-big { display: block; font-size: 32px; line-height: 1.1; font-weight: 800; margin: 4px 0 2px; font-variant-numeric: tabular-nums; }
.nh .nh-big.te { color: var(--n-teal); }
.nh .nh-big.or { color: var(--n-or); }
.nh .nh-sub { display: block; color: var(--n-ink2); font-size: 12.5px; }
.nh .nh-sub em { font-style: normal; color: var(--n-teal); font-weight: 700; }
.nh .nh-mt { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.nh .nh-right { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; text-align: right; }
.nh .nh-money { background: linear-gradient(160deg, #1E2B3E, #172234 60%, #13202F); border-color: rgba(45, 212, 191, .22); }
.nh .nh-money .nh-big { font-size: 36px; }
.nh .nh-spark { display: block; width: 100%; height: 64px; margin-top: 10px; overflow: visible; }
.nh .nh-goal { display: flex; justify-content: space-between; gap: 8px; font-size: 12px; color: var(--n-ink2); margin-top: 8px; flex-wrap: wrap; }
.nh .nh-ring { position: relative; display: inline-grid; place-items: center; width: 74px; height: 74px; flex: none; }
.nh .nh-ring svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.nh .nh-ring .nh-ring-bg { fill: none; stroke: rgba(148, 163, 184, .16); stroke-width: 7; }
.nh .nh-ring b { position: relative; font-size: 18px; font-weight: 800; }
.nh .nh-ring b small { font-size: 11px; color: var(--n-ink2); margin-left: 1px; }
.nh .nh-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.nh .nh-grid .nh-card { margin: 0; }
.nh .nh-grid .nh-wide { grid-column: 1 / -1; margin-bottom: 12px; }
.nh .nh-kp { display: flex; flex-direction: column; justify-content: space-between; min-height: 132px; }
.nh .nh-kp .nh-ring { margin: 6px 0; }
.nh .nh-days { display: flex; justify-content: space-between; font-size: 10.5px; color: var(--n-ink2); margin-top: 4px; }
.nh .nh-pill { display: inline-block; font-size: 12px; font-weight: 700; padding: 5px 10px; border-radius: 999px; white-space: nowrap; }
.nh .nh-pill.te { background: var(--n-teal-soft); color: var(--n-teal); }
.nh .nh-pill.or { background: var(--n-or-soft); color: var(--n-or); }
.nh .nh-bt { display: flex; align-items: flex-end; gap: 12px; margin-top: 12px; }
.nh .nh-bars { display: flex; align-items: flex-end; gap: 5px; height: 44px; flex: none; }
.nh .nh-bars i { width: 12px; border-radius: 4px 4px 2px 2px; background: rgba(148, 163, 184, .28); }
.nh .nh-att { padding: 6px; }
.nh .nh-ai { display: flex; align-items: center; gap: 12px; width: 100%; background: none; border: 0; border-radius: 14px; padding: 10px; color: var(--n-ink); }
.nh .nh-ai + .nh-ai { border-top: 1px solid var(--n-line); border-radius: 0 0 14px 14px; }
.nh .nh-aic { width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; font-size: 18px; flex: none; }
.nh .nh-aic.or { background: var(--n-or-soft); }
.nh .nh-aic.te { background: var(--n-teal-soft); }
.nh .nh-at { flex: 1; font-size: 15px; font-weight: 600; min-width: 0; }
.nh .nh-chev { color: var(--n-ink2); font-size: 22px; line-height: 1; }
.nh .nh-calm { color: var(--n-teal); font-weight: 600; }
.nh .nh-runs { padding: 4px 8px; }
.nh .nh-run { display: flex; align-items: center; gap: 12px; width: 100%; background: none; border: 0; padding: 10px 4px; color: var(--n-ink); }
.nh .nh-run + .nh-run { border-top: 1px solid var(--n-line); }
.nh .nh-av { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; font-weight: 800; background: linear-gradient(140deg, #2DD4BF, #0E7490); color: #04201D; flex: none; }
.nh .nh-rm { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.nh .nh-rm b { font-size: 15px; }
.nh .nh-rm > span { font-size: 12.5px; color: var(--n-ink2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nh .nh-prog { display: block; height: 6px; border-radius: 3px; background: rgba(148, 163, 184, .16); overflow: hidden; margin-top: 3px; }
.nh .nh-prog i { display: block; height: 100%; border-radius: 3px; background: linear-gradient(90deg, #14B8A6, #2DD4BF); }
html[data-theme="night"] .nh .vk-sec h2 { font-size: 17px; color: var(--n-ink); }
html[data-theme="night"] .nh .vk-sec button { color: var(--n-teal); opacity: 1; font-weight: 600; }
html[data-theme="night"] .nh .vk-upd { color: var(--n-ink2); }
/* разделы — плитки с иконками (одна палитра) */
html[data-theme="night"] .nh .vk-apps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px 8px; background: var(--n-card); border: 1px solid var(--n-line); border-radius: 20px; padding: 16px 10px; }
html[data-theme="night"] .nh .vk-app { background: none; border: 0; display: flex; flex-direction: column; align-items: center; gap: 7px; color: var(--n-ink); text-align: center; }
html[data-theme="night"] .nh .vk-ic { position: relative; width: 56px; height: 56px; border-radius: 17px; display: grid; place-items: center; background: var(--n-card2) !important;
  border: 1px solid var(--n-line2); color: var(--n-teal); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05); }
html[data-theme="night"] .nh .vk-ic svg { width: 26px; height: 26px; stroke: currentColor; fill: none; stroke-width: 1.8; }
html[data-theme="night"] .nh .vk-app:nth-child(3n+2) .vk-ic { color: var(--n-or); }
html[data-theme="night"] .nh .vk-al { font-size: 12px; font-weight: 600; line-height: 1.2; }
html[data-theme="night"] .nh .vk-ic .vk-b { position: absolute; top: -6px; right: -8px; min-width: 20px; height: 20px; line-height: 20px; border-radius: 10px; font-size: 11px; padding: 0 5px; }

/* ---------- чаты ---------- */
html[data-theme="night"] body.th-on .feed { background: transparent !important; }
html[data-theme="night"] body.th-on .msg { background: var(--n-card) !important; color: var(--n-ink) !important; border: 1px solid var(--n-line) !important; border-radius: 18px !important; box-shadow: 0 4px 12px rgba(0, 0, 0, .2) !important; }
html[data-theme="night"] body.th-on .msg.me { background: #12443F !important; border-color: rgba(45, 212, 191, .28) !important; color: #E6FFFB !important; }
html[data-theme="night"] body.th-on .msg.bot { background: var(--n-card2) !important; border-left: 3px solid var(--n-teal) !important; }
html[data-theme="night"] body.th-on .msg.card { border-left: 3px solid var(--n-or) !important; }
html[data-theme="night"] body.th-on .msg .who { color: var(--n-teal) !important; }
html[data-theme="night"] body.th-on .msg time { color: var(--n-ink2) !important; }
html[data-theme="night"] body.th-on .msg-buttons button { background: var(--n-teal-soft) !important; color: var(--n-teal) !important; border: 1px solid rgba(45, 212, 191, .35) !important; border-radius: 14px !important; font-weight: 700; }
html[data-theme="night"] body.th-on .msg-buttons button[data-tone="warn"], html[data-theme="night"] body.th-on .msg-buttons button[data-tone="danger"] { background: var(--n-or-soft) !important; color: var(--n-or) !important; border-color: rgba(255, 138, 61, .4) !important; }
html[data-theme="night"] body.th-on .day-sep { background: var(--n-card2) !important; color: var(--n-ink2) !important; border: 1px solid var(--n-line); }
html[data-theme="night"] body.th-on .round, html[data-theme="night"] body.th-on .composer button[type="submit"] { border-radius: 50% !important; }
html[data-theme="night"] body.th-on .composer button[type="submit"], html[data-theme="night"] body.th-on #sendBtn { background: var(--n-teal) !important; color: var(--n-teal-ink) !important; }

/* ---------- окна и просмотр фото ---------- */
html[data-theme="night"] body.th-on .folder-ov { background: rgba(2, 6, 14, .72) !important; }
html[data-theme="night"] body.th-on .pv-ov { background: #060B14 !important; }
html[data-theme="night"] body.th-on .vk-batt-b { border-color: var(--n-ink2) !important; }
html[data-theme="night"] body.th-on .vk-batt-b i { background: linear-gradient(90deg, #14B8A6, #2DD4BF) !important; }
html[data-theme="night"] body.th-on .off-bar { background: #3A1F0B; color: #FFD7B8; }

/* статусы заказов у мастера */
html[data-theme="night"] body.th-on .mo-st { color: var(--n-teal) !important; }
html[data-theme="night"] body.th-on .mo-new .mo-st, html[data-theme="night"] body.th-on .mo-moved .mo-st { color: var(--n-or) !important; }
html[data-theme="night"] body.th-on .mo-card { border-left: 3px solid var(--n-teal) !important; }
html[data-theme="night"] body.th-on .mo-card.mo-new { border-left-color: var(--n-or) !important; }

@media (prefers-reduced-motion: reduce) { html[data-theme="night"] body.th-on .vk-tab svg { transition: none; } }

/* шрифт — спокойный, как на образцах */
html[data-theme="night"] body, html[data-theme="night"] body h1, html[data-theme="night"] body h2, html[data-theme="night"] body h3,
html[data-theme="night"] .nh h1, html[data-theme="night"] body.th-on .fh-title, html[data-theme="night"] body.th-on .chat-head * { font-family: VGolos, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important; letter-spacing: 0; }
html[data-theme="night"] .nh h1 { font-weight: 700; font-size: 30px; }
html[data-theme="night"] body.th-on .of-chips .chip[aria-pressed="true"] { background: var(--n-teal) !important; color: var(--n-teal-ink) !important; }
html[data-theme="night"] body.th-on .folder-filt .chip.on, html[data-theme="night"] body.th-on .seg > button[aria-pressed="true"] { background: var(--n-teal) !important; color: var(--n-teal-ink) !important; border-color: transparent !important; }
html[data-theme="night"] body.th-on .ord-acts { align-self: start; align-items: flex-start; }
html[data-theme="night"] body.th-on .ord-acts .btn { height: auto !important; min-height: 50px; }

/* ---------- промоутер: кнопки сверху — «живые» плитки, как нижнее меню руководителя ---------- */
html[data-theme="night"] body.th-on .ptools { gap: 8px; padding: 10px 10px 10px; background: rgba(17, 24, 39, .97); border-bottom: 1px solid var(--n-line); }
html[data-theme="night"] body.th-on .ptool { min-width: 64px; gap: 6px; padding: 0; background: none; border: 0; color: var(--n-ink2); }
html[data-theme="night"] body.th-on .ptool .pt-i { width: 52px; height: 46px; border-radius: 16px; background: #1F2937 !important; border: 1px solid rgba(148, 163, 184, .16) !important;
  color: var(--n-teal); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 4px 10px rgba(0, 0, 0, .3) !important; font-size: 20px; }
html[data-theme="night"] body.th-on .ptool .pt-i svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
html[data-theme="night"] body.th-on .ptool .pt-l { font-size: 11.5px; font-weight: 600; color: var(--n-ink2); opacity: 1; }
html[data-theme="night"] body.th-on .ptool.take .pt-i { width: 56px; background: linear-gradient(160deg, rgba(45, 212, 191, .4), rgba(20, 184, 166, .2)) !important; border-color: rgba(45, 212, 191, .75) !important;
  box-shadow: 0 0 18px rgba(45, 212, 191, .45), inset 0 1px 0 rgba(255, 255, 255, .12) !important; color: #5EEAD4; }
html[data-theme="night"] body.th-on .ptool.take .pt-l { color: var(--n-ink); }
html[data-theme="night"] body.th-on .ptool.work.on .pt-i { background: linear-gradient(160deg, rgba(52, 211, 153, .4), rgba(16, 185, 129, .2)) !important; border-color: rgba(52, 211, 153, .7) !important; color: #6EE7B7;
  box-shadow: 0 0 16px rgba(52, 211, 153, .4) !important; }
html[data-theme="night"] body.th-on .ptool.boss .pt-i, html[data-theme="night"] body.th-on .ptool:nth-child(4) .pt-i { color: var(--n-or); }
html[data-theme="night"] body.th-on .ptool:active .pt-i { transform: scale(.94); }
@keyframes nTakePulse { 50% { box-shadow: 0 0 0 8px rgba(45, 212, 191, .25), 0 0 18px rgba(45, 212, 191, .45); } }
html[data-theme="night"] body.th-on .ptool.take.pulse .pt-i { animation: nTakePulse 1s ease 3; }
/* полоски и баннеры — в цветах темы, без жёлтого */
html[data-theme="night"] body.th-on .need-route { background: var(--n-card); color: var(--n-ink); border-bottom: 1px solid var(--n-line); }
html[data-theme="night"] body.th-on .need-route .btn { background: var(--n-teal) !important; color: var(--n-teal-ink) !important; }
html[data-theme="night"] body.th-on .push-need-btn { background: var(--n-or-soft) !important; color: var(--n-or) !important; border: 1px solid rgba(255, 138, 61, .45) !important; }
html[data-theme="night"] body.th-on .push-need { background: rgba(17, 24, 39, .97) !important; }
html[data-theme="night"] body.th-on .install-bar { background: var(--n-card2) !important; color: var(--n-ink) !important; border-bottom: 1px solid var(--n-line); }
html[data-theme="night"] body.th-on .install-bar button { color: var(--n-ink2); }

/* шрифт везде один (с эмодзи) */
html[data-theme="night"] body, html[data-theme="night"] body * { font-family: VGolos, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Color Emoji", "Apple Color Emoji", sans-serif !important; }
html[data-theme="night"] body.th-on #needRoute .btn, html[data-theme="night"] body.th-on .need-route button { background: var(--n-teal) !important; color: var(--n-teal-ink) !important; border: 0 !important; box-shadow: 0 0 14px rgba(45, 212, 191, .35) !important; }
/* списки (промоутеры, мастера, чаты) — карточками */
html[data-theme="night"] body.th-on .list .item { margin: 6px 10px; background: var(--n-card) !important; border: 1px solid var(--n-line) !important; border-radius: 16px !important; }
html[data-theme="night"] body.th-on .list .item:hover { background: var(--n-card2) !important; }
/* выбранная вкладка / фильтр — всегда бирюзовая (сильнее всех прежних правил) */
html[data-theme="night"] body.th-on .seg > button[aria-pressed="true"], html[data-theme="night"] body.th-on .seg button.on,
html[data-theme="night"] body.th-on .chip[aria-pressed="true"], html[data-theme="night"] body.th-on .chip.on, html[data-theme="night"] body.th-on .vis-act.on {
  background-color: var(--n-teal) !important; background-image: none !important; color: var(--n-teal-ink) !important; border-color: transparent !important;
  box-shadow: 0 0 14px rgba(45, 212, 191, .3) !important; font-weight: 700 !important; }

/* ---------- списки промоутеров и мастеров — карточки как на образце ---------- */
html[data-theme="night"] body.th-on .list .item.nk { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; column-gap: 12px; row-gap: 3px; align-items: center; padding: 12px 12px; margin: 8px 10px;
  background: var(--n-card) !important; border: 1px solid var(--n-line) !important; border-radius: 18px !important; box-shadow: 0 6px 16px rgba(0, 0, 0, .22); }
html[data-theme="night"] body.th-on .item.nk > .nk-av { grid-column: 1; grid-row: 1 / span 3; align-self: start; width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center;
  background: #111827; border: 1px solid var(--n-line2); color: #CBD5E1; }
html[data-theme="night"] body.th-on .item.nk > .nk-av svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
html[data-theme="night"] body.th-on .item.nk > .nm { grid-column: 2; grid-row: 1; font-size: 16px; font-weight: 600; color: var(--n-ink); }
html[data-theme="night"] body.th-on .item.nk > .nk-r { grid-column: 3; grid-row: 1 / span 2; display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
html[data-theme="night"] body.th-on .item.nk > .meta { grid-column: 2 / 4; grid-row: 2; font-size: 12.5px; color: var(--n-ink2); }
html[data-theme="night"] body.th-on .item.nk > .meta .st { background: rgba(148, 163, 184, .12) !important; color: var(--n-ink2) !important; border: 0 !important; border-radius: 8px; padding: 2px 7px; }
html[data-theme="night"] body.th-on .item.nk > .meta .st.boss { background: var(--n-or-soft) !important; color: var(--n-or) !important; }
html[data-theme="night"] body.th-on .item.nk > .last { grid-column: 2 / 4; grid-row: 3; font-size: 13px; color: var(--n-ink2); }
html[data-theme="night"] body.th-on .item.nk > .meta { grid-column: 2; }
html[data-theme="night"] body.th-on .nk-st { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 600; padding: 5px 11px; border-radius: 999px; white-space: nowrap; border: 1px solid transparent; }
html[data-theme="night"] body.th-on .nk-st::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
html[data-theme="night"] body.th-on .nk-st.te { background: rgba(45, 212, 191, .12); color: #5EEAD4; border-color: rgba(45, 212, 191, .3); }
html[data-theme="night"] body.th-on .nk-st.or { background: rgba(255, 138, 61, .12); color: #FDBA74; border-color: rgba(255, 138, 61, .35); }
html[data-theme="night"] body.th-on .nk-st.gr { background: rgba(148, 163, 184, .10); color: var(--n-ink2); border-color: rgba(148, 163, 184, .2); }
html[data-theme="night"] body.th-on .item.nk .unread { background: var(--n-or) !important; color: var(--n-or-ink) !important; }
html[data-theme="night"] body.th-on .item.nk[aria-current="true"] { border-color: rgba(45, 212, 191, .55) !important; box-shadow: 0 0 0 1px rgba(45, 212, 191, .3), 0 6px 16px rgba(0, 0, 0, .22) !important; }
html[data-theme="night"] body.th-on .item.nk.blocked { opacity: .6; }

/* =================== п. 406: ЧАТ — как на образце =================== */
html[data-theme="night"] body.th-on .feed { padding-left: 10px; padding-right: 10px; }
html[data-theme="night"] body.th-on .msg { max-width: min(78%, 560px); padding: 9px 13px 7px !important; border-radius: 18px 18px 18px 6px !important; font-size: 15.5px; line-height: 1.4;
  background: #1C2533 !important; border: 1px solid rgba(148, 163, 184, .10) !important; box-shadow: none !important; }
html[data-theme="night"] body.th-on .msg.me { border-radius: 18px 18px 6px 18px !important; background: #0F3B3A !important; border-color: rgba(45, 212, 191, .22) !important; color: #E6FFFB !important; }
html[data-theme="night"] body.th-on .msg.bot { border-left: 0 !important; background: #1C2533 !important; }
html[data-theme="night"] body.th-on .msg time { font-size: 11px; opacity: .8; }
html[data-theme="night"] body.th-on .msg .who { font-size: 12.5px; font-weight: 700; margin-bottom: 2px; }
/* Васька — круглый значок кота слева от его сообщений */
html[data-theme="night"] body.th-on .msg.bot { position: relative; margin-left: 44px !important; }
html[data-theme="night"] body.th-on .msg.bot::before { content: ""; position: absolute; left: -44px; bottom: 0; width: 36px; height: 36px; border-radius: 50%;
  background: #1A2332 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232DD4BF' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5l3 3.5M19 5l-3 3.5'/%3E%3Cpath d='M5 5v7a7 6.5 0 0014 0V5'/%3E%3Ccircle cx='9.5' cy='12' r='.9' fill='%232DD4BF'/%3E%3Ccircle cx='14.5' cy='12' r='.9' fill='%232DD4BF'/%3E%3Cpath d='M11 15h2l-1 1z'/%3E%3C/svg%3E") center/22px no-repeat;
  border: 1px solid rgba(45, 212, 191, .3); }
html[data-theme="night"] body.th-on:not(.dark) .msg.bot > .who { display: none; }        /* у промоутера и мастера имя «Васька» не нужно — есть значок */
html[data-theme="night"] body.th-on:not(.dark) .msg.bot:has(> .who) { padding-top: 9px !important; }
html[data-theme="night"] body.th-on .msg .mact, html[data-theme="night"] body.th-on .msg .rbtn { display: none !important; }   /* кнопки на сообщениях — теперь в меню */
html[data-theme="night"] body.th-on .rquote { background: rgba(45, 212, 191, .08) !important; border-left: 3px solid var(--n-teal) !important; border-radius: 8px; }
html[data-theme="night"] body.th-on .rx-pill { background: rgba(148, 163, 184, .14) !important; border: 1px solid rgba(148, 163, 184, .2) !important; border-radius: 999px !important; }
/* кнопки-ответы Васьки */
html[data-theme="night"] body.th-on .msg-buttons { gap: 6px; margin-top: 8px; }
html[data-theme="night"] body.th-on .msg-buttons button { min-height: 42px; font-size: 14.5px; }
/* карточка заказа в чате — компактная, как на образце */
html[data-theme="night"] body.th-on .msg.card { max-width: min(92%, 560px); background: #172131 !important; border: 1px solid rgba(148, 163, 184, .16) !important; border-left: 1px solid rgba(148, 163, 184, .16) !important; border-radius: 18px !important; padding: 12px !important; }
html[data-theme="night"] body.th-on .oc-body { background: none !important; border: 0 !important; }
html[data-theme="night"] body.th-on .oc-top { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
html[data-theme="night"] body.th-on .oc-top::before { content: ""; flex: none; width: 40px; height: 40px; border-radius: 50%; background: #2DD4BF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2304201D' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 6.5a4 4 0 00-5.3 5.3L3 18l3 3 6.2-6.2a4 4 0 005.3-5.3l-2.5 2.5-2.5-.5-.5-2.5z'/%3E%3C/svg%3E") center/22px no-repeat; }
html[data-theme="night"] body.th-on .oc-numchip { background: none !important; color: var(--n-ink) !important; font-size: 17px; font-weight: 700; border: 0 !important; padding: 0 !important; }
html[data-theme="night"] body.th-on .oc-head { color: var(--n-teal) !important; font-size: 12.5px; font-weight: 700; background: var(--n-teal-soft); border-radius: 8px; padding: 3px 8px; }
html[data-theme="night"] body.th-on .oc-line { display: flex; gap: 10px; align-items: flex-start; padding: 9px 10px; margin: 0; background: #111A27; border: 1px solid rgba(148, 163, 184, .12); border-top: 0; font-size: 14.5px; }
html[data-theme="night"] body.th-on .oc-top + .oc-line, html[data-theme="night"] body.th-on .oc-body > .oc-line:first-child { border-top: 1px solid rgba(148, 163, 184, .12); border-radius: 12px 12px 0 0; }
html[data-theme="night"] body.th-on .oc-body > .oc-line:last-child { border-radius: 0 0 12px 12px; }
html[data-theme="night"] body.th-on .oc-line .oc-i { width: 20px; text-align: center; flex: none; }
html[data-theme="night"] body.th-on .oc-line.oc-m { color: var(--n-ink2); }
html[data-theme="night"] body.th-on .oc-tel { color: var(--n-teal) !important; font-weight: 700; }
/* поле ввода: значок камеры, смайлики, круглая бирюзовая «отправить» */
html[data-theme="night"] body.th-on .composer { padding: 8px 10px calc(8px + env(safe-area-inset-bottom, 0px)) !important; gap: 8px; }
html[data-theme="night"] body.th-on .composer textarea { border-radius: 22px !important; padding: 11px 16px !important; background: #1A2332 !important; border: 1px solid rgba(148, 163, 184, .18) !important; font-size: 15.5px; }
html[data-theme="night"] body.th-on .composer .round { width: 44px; height: 44px; background: transparent !important; border: 0 !important; color: var(--n-teal) !important; box-shadow: none !important; }
html[data-theme="night"] body.th-on .composer .round svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.8; }
html[data-theme="night"] body.th-on .composer button[type="submit"], html[data-theme="night"] body.th-on .composer .send { width: 46px; height: 46px; background: var(--n-teal) !important; color: var(--n-teal-ink) !important; border-radius: 50% !important; box-shadow: 0 6px 16px rgba(45, 212, 191, .3) !important; }
html[data-theme="night"] body.th-on .emo-panel { display: grid; grid-template-columns: repeat(8, 1fr); gap: 4px; padding: 10px; background: #131C2A !important; border-top: 1px solid var(--n-line); max-height: 220px; overflow-y: auto; }
html[data-theme="night"] body.th-on .emo-panel.hidden { display: none; }
html[data-theme="night"] body.th-on .emo-item { font-size: 26px; line-height: 1; padding: 8px 0; background: none; border: 0; border-radius: 10px; cursor: pointer; }
html[data-theme="night"] body.th-on .emo-item:active { background: rgba(148, 163, 184, .15); }
/* меню по долгому нажатию — компактное, со значками */
html[data-theme="night"] body.th-on .rx-picker { display: flex; flex-direction: column; gap: 2px; min-width: 220px; max-width: 290px; padding: 6px !important; background: #1A2332 !important;
  border: 1px solid var(--n-line2) !important; border-radius: 16px !important; box-shadow: 0 16px 40px rgba(0, 0, 0, .55) !important; }
html[data-theme="night"] body.th-on .rx-picker .rx-row { display: flex; justify-content: space-between; padding: 2px 2px 6px; margin-bottom: 4px; border-bottom: 1px solid var(--n-line); }
html[data-theme="night"] body.th-on .rx-picker .rx-row .rx-opt { font-size: 24px; padding: 4px; background: none !important; border: 0 !important; }
html[data-theme="night"] body.th-on .rx-picker .pin-opt { display: block; width: 100%; text-align: left; font-size: 15px; padding: 10px 12px !important; background: none !important; border: 0 !important; border-radius: 10px !important; color: var(--n-ink) !important; }
html[data-theme="night"] body.th-on .rx-picker .pin-opt:active, html[data-theme="night"] body.th-on .rx-picker .pin-opt:hover { background: rgba(45, 212, 191, .10) !important; }
html[data-theme="night"] body.th-on .day-sep { border-radius: 999px !important; padding: 4px 14px !important; font-size: 12.5px; }
/* светлые жёлтые полоски прежнего вида — в цвета темы */
html[data-theme="night"] body.th-on .mcash, html[data-theme="night"] body.th-on .rf-dup { background: #1E2836 !important; color: var(--n-ink) !important; border: 1px solid var(--n-line); border-radius: 12px; }
html[data-theme="night"] body.th-on .mcash.debt, html[data-theme="night"] body.th-on .rf-dup { background: rgba(255, 138, 61, .12) !important; color: #FDBA74 !important; border-color: rgba(255, 138, 61, .35); }
html[data-theme="night"] body.th-on .pkind.unsure { background: rgba(255, 138, 61, .14) !important; color: #FDBA74 !important; }

/* =================== п. 407: «Отчёты» промоутера — карточки с кольцом % =================== */
html[data-theme="night"] body.th-on .rep-item.rp { display: grid !important; grid-template-columns: 44px minmax(0, 1fr) auto; column-gap: 12px; row-gap: 4px; align-items: center; padding: 14px !important;
  background: var(--n-card) !important; border: 1px solid var(--n-line) !important; border-radius: 18px !important; text-align: left; color: var(--n-ink); }
html[data-theme="night"] body.th-on .rep-item.rp > .rp-ic { grid-column: 1; grid-row: 1 / span 3; align-self: start; color: var(--n-teal); }
html[data-theme="night"] body.th-on .rep-item.rp > .rp-ic.or { color: var(--n-or); }
html[data-theme="night"] body.th-on .rp-ic svg { width: 38px; height: 38px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
html[data-theme="night"] body.th-on .rep-item.rp > .rep-l1, html[data-theme="night"] body.th-on .rep-item.rp > .rep-l2, html[data-theme="night"] body.th-on .rep-item.rp > .rep-rev { grid-column: 2; }
html[data-theme="night"] body.th-on .rep-item.rp > .rep-l1 .rep-st { display: none; }
html[data-theme="night"] body.th-on .rep-item.rp > .rep-l1 b { font-size: 16.5px; font-weight: 700; }
html[data-theme="night"] body.th-on .rep-item.rp > .rep-l2 { font-size: 13px; color: var(--n-ink2); }
html[data-theme="night"] body.th-on .rep-item.rp > .rep-rev { font-size: 12.5px; color: var(--n-ink2) !important; font-weight: 600; }
html[data-theme="night"] body.th-on .rep-item.rp > .rep-rev.todo { color: #FDBA74 !important; }
html[data-theme="night"] body.th-on .rep-item.rp > .rep-rev.ok { color: #5EEAD4 !important; }
html[data-theme="night"] body.th-on .rep-item.rp > .rp-side { grid-column: 3; grid-row: 1 / span 3; display: flex; flex-direction: column; align-items: center; gap: 5px; }
html[data-theme="night"] body.th-on .rp-ring { position: relative; width: 58px; height: 58px; display: grid; place-items: center; }
html[data-theme="night"] body.th-on .rp-ring svg { position: absolute; inset: 0; width: 100%; height: 100%; }
html[data-theme="night"] body.th-on .rp-ring .rp-bg { fill: none; stroke: rgba(148, 163, 184, .16); stroke-width: 5; }
html[data-theme="night"] body.th-on .rp-ring b { position: relative; font-size: 14px; font-weight: 700; }
html[data-theme="night"] body.th-on .rp-st { font-size: 11.5px; font-weight: 700; padding: 3px 10px; border-radius: 999px; white-space: nowrap; }
html[data-theme="night"] body.th-on .rp-st.te { background: #14B8A6; color: #04201D; }
html[data-theme="night"] body.th-on .rp-st.or { background: #F97316; color: #2A1203; }
html[data-theme="night"] body.th-on .rep-del { background: transparent !important; border: 0 !important; opacity: .55; }
html[data-theme="night"] body.th-on .rep-row { gap: 4px; align-items: stretch; }

/* =================== п. 407: папка маршрута =================== */
.fh-title .fh-t1 { display: block; } .fh-title .fh-t2 { display: block; font-size: 13px; font-weight: 500; opacity: .7; margin-top: 2px; }
.fp-h { display: flex; justify-content: space-between; font-size: 14px; margin-bottom: 8px; }
.fp-bar { height: 8px; border-radius: 4px; background: rgba(148, 163, 184, .2); overflow: hidden; }
.fp-bar i { display: block; height: 100%; border-radius: 4px; background: linear-gradient(90deg, #14B8A6, #2DD4BF 55%, #FF8A3D); }
.fp-bar i.full { background: linear-gradient(90deg, #14B8A6, #2DD4BF); }
.vprog .vprog-t { font-size: 12.5px; opacity: .75; margin-top: 8px; }
.pdot { position: absolute; right: 8px; bottom: 8px; width: 11px; height: 11px; border-radius: 50%; box-shadow: 0 0 0 2px rgba(11, 18, 32, .85); z-index: 2; }
.pdot.ok { background: #2DD4BF; } .pdot.warn { background: #FF8A3D; } .pdot.bad { background: #EF4444; }
html[data-theme="night"] body.th-on .folder-head { flex-wrap: wrap; align-items: flex-start; padding-bottom: 10px !important; border-bottom: 1px solid var(--n-line); }
html[data-theme="night"] body.th-on .folder-head .fh-title { font-size: 21px; font-weight: 700; flex: 1 1 60%; }
html[data-theme="night"] body.th-on .fh-acts { flex: 1 1 100%; display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; }
html[data-theme="night"] body.th-on .fh-acts .btn { flex: none; min-height: 36px; padding: 6px 12px !important; font-size: 13px !important; border-radius: 999px !important; background: var(--n-card2) !important; color: var(--n-ink) !important;
  border: 1px solid var(--n-line2) !important; box-shadow: none !important; }
html[data-theme="night"] body.th-on .fh-acts .btn:first-child { background: var(--n-teal-soft) !important; color: var(--n-teal) !important; border-color: rgba(45, 212, 191, .4) !important; }
html[data-theme="night"] body.th-on .fh-acts .danger-t { color: #FCA5A5 !important; }
html[data-theme="night"] body.th-on .vbox { background: transparent !important; border: 0 !important; padding: 10px 2px !important; }
html[data-theme="night"] body.th-on .fp-h b { color: var(--n-teal); }
html[data-theme="night"] body.th-on .folder-filt { display: flex; gap: 8px; overflow-x: auto; flex-wrap: nowrap; padding: 4px 0 10px; scrollbar-width: none; }
html[data-theme="night"] body.th-on .folder-filt .chip { flex: none; min-height: 38px; padding: 6px 16px !important; font-size: 14px; }
html[data-theme="night"] body.th-on .folder-filt .chip.on { background: rgba(45, 212, 191, .16) !important; color: #5EEAD4 !important; border: 1px solid rgba(45, 212, 191, .6) !important; box-shadow: 0 0 12px rgba(45, 212, 191, .25) !important; }
html[data-theme="night"] body.th-on .folder-grid { gap: 10px !important; }
html[data-theme="night"] body.th-on .folder-grid .ph, html[data-theme="night"] body.th-on .folder-grid .pcell { border-radius: 14px !important; overflow: hidden; background: var(--n-card) !important; border: 1px solid var(--n-line) !important; }
html[data-theme="night"] body.th-on .folder-grid .ph { position: relative; }
html[data-theme="night"] body.th-on .folder-grid .ph .badge { background: rgba(11, 18, 32, .82) !important; color: var(--n-ink) !important; border-radius: 8px; font-size: 11px; }
html[data-theme="night"] body.th-on .folder-grid .dtag { background: rgba(11, 18, 32, .82) !important; color: var(--n-ink) !important; border-radius: 8px; }
html[data-theme="night"] body.th-on .item.nk > .meta { grid-column: 2 / 4 !important; }
html[data-theme="night"] body.th-on .item.nk > .nk-r { grid-row: 1; }
html[data-theme="night"] body.th-on .item.nk > .meta .st.yes, html[data-theme="night"] body.th-on .item.nk > .meta .st.no,
html[data-theme="night"] body.th-on .item.nk > .meta .st.no_answer, html[data-theme="night"] body.th-on .item.nk > .meta .st.unknown { display: none; }
html[data-theme="night"] body.th-on .item.nk > .meta .muted { color: var(--n-ink2) !important; }

/* =================== п. 409: заказы — живые карточки =================== */
html[data-theme="night"] body.th-on .ocard.nk-o { display: block; padding: 14px !important; margin: 0 0 12px !important; background: linear-gradient(170deg, #1C2636, #172031) !important;
  border: 1px solid var(--n-line) !important; border-left: 1px solid var(--n-line) !important; border-radius: 18px !important; box-shadow: 0 8px 20px rgba(0, 0, 0, .25) !important; }
.nko-top { display: flex; gap: 12px; align-items: flex-start; }
.nko-ic { flex: none; width: 40px; height: 40px; display: grid; place-items: center; }
.nko-ic svg { width: 34px; height: 34px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.nko-ic.te { color: #2DD4BF; } .nko-ic.or { color: #FF8A3D; }
.nko-mid { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.nko-st { font-size: 13px; font-weight: 600; display: inline-flex; align-items: center; gap: 6px; }
.nko-st::after { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.nko-st.te { color: #2DD4BF; } .nko-st.or { color: #FF8A3D; }
.nko-n { font-size: 20px; font-weight: 700; color: #F1F5F9; }
.nko-d { font-size: 13px; color: #94A3B8; }
.nko-r { display: flex; align-items: center; gap: 6px; color: #94A3B8; font-size: 15px; }
.nko-chev { font-size: 24px; line-height: 1; }
.nko-a { display: flex; gap: 8px; align-items: flex-start; margin: 10px 0 0 52px; font-size: 14px; color: #CBD5E1; }
.nko-a svg { flex: none; width: 17px; height: 17px; fill: none; stroke: #94A3B8; stroke-width: 1.8; margin-top: 1px; }
.nko-sum { margin: 6px 0 0 52px; font-size: 14px; font-weight: 700; color: #2DD4BF; }
html[data-theme="night"] body.th-on .ocard.nk-o .o-desc { margin: 8px 0 0 52px; font-size: 13.5px; color: #94A3B8; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.nko-acts { display: flex; gap: 8px; margin-top: 12px; }
html[data-theme="night"] body.th-on .nko-btn { flex: 1; min-height: 48px; border-radius: 14px !important; font-size: 15.5px !important; font-weight: 700 !important; }
html[data-theme="night"] body.th-on .btn.nko-btn.te:not(.ghost):not(.danger) { background: linear-gradient(160deg, #1E8C84, #176B67) !important; color: #EFFFFD !important; border: 1px solid rgba(45, 212, 191, .45) !important; box-shadow: 0 6px 16px rgba(20, 184, 166, .2) !important; }
html[data-theme="night"] body.th-on .btn.nko-btn.or:not(.ghost):not(.danger) { background: linear-gradient(160deg, #E0702A, #B4521A) !important; color: #FFF6EE !important; border: 1px solid rgba(255, 138, 61, .5) !important; box-shadow: 0 6px 16px rgba(249, 115, 22, .22) !important; }
html[data-theme="night"] body.th-on .nko-copy { flex: none; width: 48px; min-height: 48px; border-radius: 14px !important; font-size: 18px; padding: 0 !important; }

/* у мастера «Мои заказы» — так же */
html[data-theme="night"] body.th-on .mo-card { padding: 14px !important; border-radius: 18px !important; background: linear-gradient(170deg, #1C2636, #172031) !important; border-left: 1px solid var(--n-line) !important; }
html[data-theme="night"] body.th-on .mo-top { display: flex; align-items: center; gap: 10px; }
html[data-theme="night"] body.th-on .mo-num { font-size: 19px; }
html[data-theme="night"] body.th-on .mo-st { font-size: 13px; font-weight: 600; }
html[data-theme="night"] body.th-on .mo-time { margin-left: auto; color: var(--n-ink2); }
html[data-theme="night"] body.th-on .mo-addr { margin-top: 6px; font-size: 14px; color: #CBD5E1; }
html[data-theme="night"] body.th-on .mo-addr::before { content: "📍 "; }
html[data-theme="night"] body.th-on .btn.mo-close:not(.ghost):not(.danger) { display: block; width: 100%; min-height: 48px; margin-top: 12px; border-radius: 14px !important; font-size: 15.5px !important;
  background: linear-gradient(160deg, #1E8C84, #176B67) !important; color: #EFFFFD !important; border: 1px solid rgba(45, 212, 191, .45) !important; }
html[data-theme="night"] body.th-on .mo-new .btn.mo-close:not(.ghost):not(.danger) { background: linear-gradient(160deg, #E0702A, #B4521A) !important; border-color: rgba(255, 138, 61, .5) !important; color: #FFF6EE !important; }
html[data-theme="night"] body.th-on .mo-day { color: var(--n-ink2); font-weight: 600; margin: 14px 4px 6px; }
html[data-theme="night"] body.th-on .mo-seg button { min-height: 40px; }

/* =================== п. 405: аватарки =================== */
html[data-theme="night"] body.th-on .item.nk > .nk-av { cursor: pointer; overflow: hidden; }
html[data-theme="night"] body.th-on .item.nk > .nk-av.has-av { background: none; border: 0; }
.nk-av img { width: 100%; height: 100%; display: block; border-radius: 50%; }
.av-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 10px 0 14px; }
.av-sep { grid-column: 1 / -1; font-size: 13px; opacity: .7; margin-top: 6px; }
.av-item { background: none; border: 2px solid transparent; border-radius: 50%; padding: 2px; cursor: pointer; aspect-ratio: 1; }
.av-item img { width: 100%; height: 100%; display: block; border-radius: 50%; }
.av-item.on { border-color: #2DD4BF; box-shadow: 0 0 14px rgba(45, 212, 191, .45); }
.av-item:active { transform: scale(.95); }
.chat-head .me-av { width: 40px; height: 40px; border-radius: 50%; flex: none; margin-right: 8px; }

/* =================== п. 408: Учёба Васьки — компактно =================== */
html[data-theme="night"] body.th-on #v-learn .card { border-radius: 20px !important; padding: 16px !important; margin-bottom: 12px; }
.ln-row1 { display: flex; align-items: center; gap: 12px; }
.ln-ic { width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; background: rgba(45, 212, 191, .12); color: #2DD4BF; flex: none; }
.ln-ic svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linejoin: round; }
.ln-tt { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.ln-tt b { font-size: 17px; } .ln-tt span { font-size: 13px; }
.ln-st { font-size: 13px; font-weight: 600; padding: 6px 12px; border-radius: 999px; white-space: nowrap; display: inline-flex; align-items: center; gap: 6px; }
.ln-st::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.ln-st.te { background: rgba(45, 212, 191, .12); color: #5EEAD4; } .ln-st.or { background: rgba(255, 138, 61, .14); color: #FDBA74; }
.ln-pb { display: flex; align-items: center; gap: 12px; margin: 16px 0 6px; }
.ln-pb b { color: #2DD4BF; font-size: 18px; }
.ln-bar { flex: 1; height: 10px; border-radius: 5px; background: rgba(148, 163, 184, .18); overflow: hidden; margin: 6px 0; }
.ln-bar i { display: block; height: 100%; border-radius: 5px; background: linear-gradient(90deg, #14B8A6, #2DD4BF); }
.ln-stats { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 12px; border-top: 1px solid rgba(148, 163, 184, .14); padding-top: 12px; }
.ln-stats div { display: flex; flex-direction: column; gap: 2px; padding: 0 8px; }
.ln-stats div + div { border-left: 1px solid rgba(148, 163, 184, .14); }
.ln-stats b { font-size: 16px; } .ln-stats span { font-size: 12px; opacity: .65; }
.ln-acc { display: grid; grid-template-columns: auto 1fr; gap: 16px; align-items: center; }
.ln-acc > div { display: flex; flex-direction: column; }
.ln-big { font-size: 42px; font-weight: 800; color: #2DD4BF; line-height: 1.05; }
.ln-spark { width: 100%; height: 70px; }
.ln-list { padding: 4px 14px !important; }
.ln-it { border-bottom: 1px solid rgba(148, 163, 184, .12); }
.ln-it:last-child { border-bottom: 0; }
.ln-it summary { display: flex; align-items: center; gap: 10px; padding: 13px 0; cursor: pointer; list-style: none; }
.ln-it summary::-webkit-details-marker { display: none; }
.ln-name { flex: 1; font-size: 15px; }
.ln-v { font-size: 14px; font-weight: 700; } .ln-v.te { color: #2DD4BF; } .ln-v.or { color: #FF8A3D; }
.ln-ch { font-size: 20px; opacity: .5; transition: transform .15s; }
.ln-it[open] .ln-ch { transform: rotate(90deg); }
.ln-body { padding: 0 0 12px; font-size: 13.5px; display: grid; gap: 4px; }
.ln-how summary { cursor: pointer; font-weight: 600; margin: 8px 0; }

/* =================== п. 410: ближе к образцам =================== */
/* отчёты */
html[data-theme="night"] body.th-on .rep-item.rp { grid-template-columns: 48px minmax(0, 1fr) auto !important; padding: 18px 16px !important; margin-bottom: 12px; }
html[data-theme="night"] body.th-on .rep-item.rp > .rp-ic { grid-row: 1 !important; align-self: center !important; }
html[data-theme="night"] body.th-on .rp-ic svg { width: 40px; height: 40px; }
.rp-mid { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.rp-t { font-size: 18px; font-weight: 600; color: #F1F5F9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rp-l { font-size: 14px; color: #94A3B8; }
.rp-bad { font-size: 12.5px; color: #FDBA74; }
.rp-chk { font-size: 12.5px; color: #5EEAD4; }
html[data-theme="night"] body.th-on .rep-item.rp > .rp-side { grid-row: 1 !important; }
html[data-theme="night"] body.th-on .rp-ring { width: 72px; height: 72px; }
html[data-theme="night"] body.th-on .rp-ring b { font-size: 16px; }
html[data-theme="night"] body.th-on .rp-ring .rp-bg { stroke: rgba(148, 163, 184, .14); }
html[data-theme="night"] body.th-on .rep-list { display: flex; flex-direction: column; }
html[data-theme="night"] body.th-on .rep-row .rep-del { width: 40px; font-size: 16px; }
/* списки промоутеров и мастеров — воздух */
html[data-theme="night"] body.th-on .list .item.nk { padding: 16px 14px !important; margin: 10px 12px !important; column-gap: 14px; row-gap: 4px; border-radius: 20px !important;
  background: linear-gradient(170deg, #1C2636, #182231) !important; }
html[data-theme="night"] body.th-on .item.nk > .nk-av { width: 56px; height: 56px; }
html[data-theme="night"] body.th-on .list .item.nk { grid-template-columns: 58px minmax(0, 1fr) auto; }
html[data-theme="night"] body.th-on .item.nk > .nm { font-size: 17px; align-self: end; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html[data-theme="night"] body.th-on .item.nk > .meta { grid-column: 2 / 3 !important; font-size: 14px; }
html[data-theme="night"] body.th-on .item.nk > .meta .st:not(.boss):not(.away) { display: none; }
html[data-theme="night"] body.th-on .item.nk > .meta .muted { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
html[data-theme="night"] body.th-on .item.nk > .last { grid-column: 2 / 4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; opacity: .8; }
html[data-theme="night"] body.th-on .item.nk > .nk-r { grid-row: 1 / span 2; justify-content: center; }
html[data-theme="night"] body.th-on .nk-st { padding: 6px 12px; font-size: 13px; }
/* кнопки мастера сверху — плитки как у промоутера */
html[data-theme="night"] body.th-on .mtools { display: flex; order: 0; }
html[data-theme="night"] body.th-on .mtools .mo-n { position: absolute; top: -2px; right: 4px; background: var(--n-or); color: var(--n-or-ink); border-radius: 9px; font-size: 11px; font-weight: 800; min-width: 18px; height: 18px; line-height: 18px; text-align: center; padding: 0 5px; }
html[data-theme="night"] body.th-on .mtools .ptool { position: relative; }
html[data-theme="night"] body.th-on .ptool.cash .pt-i { color: var(--n-or) !important; }
/* шапка чата промоутера/мастера — как в мессенджере */
html[data-theme="night"] body.th-on:not(.dark) .chat-head { padding: 10px 12px !important; gap: 10px; border-bottom: 1px solid var(--n-line) !important; }
html[data-theme="night"] body.th-on:not(.dark) .chat-head .title { font-size: 18px; font-weight: 700; }
html[data-theme="night"] body.th-on:not(.dark) .chat-head .sub { color: var(--n-teal) !important; font-size: 13px; }
html[data-theme="night"] body.th-on .chat-head .me-av { width: 46px; height: 46px; }
/* меньше полос над чатом промоутера: «добавить на главный экран» и уведомления — тоньше */
html[data-theme="night"] body.th-on .install-bar { font-size: 13px; padding: 8px 12px !important; }
html[data-theme="night"] body.th-on .push-need { padding: 6px 12px !important; }
html[data-theme="night"] body.th-on .push-need-btn { min-height: 40px; font-size: 14px !important; border-radius: 12px !important; }
html[data-theme="night"] body.th-on .need-route { padding: 10px 14px; }
/* пузыри — плотнее к образцу */
html[data-theme="night"] body.th-on .msg { font-size: 16px; }
html[data-theme="night"] body.th-on .feed .msg + .msg { margin-top: 8px; }
html[data-theme="night"] body.th-on .list .item.nk { width: calc(100% - 24px) !important; box-sizing: border-box; }
.rp-t { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
html[data-theme="night"] body.th-on .mtools { justify-content: space-around; }

/* =================== п. 411: главный экран промоутера и мастера — светящиеся плитки =================== */
.phm { position: fixed; inset: 0; z-index: 40; overflow-y: auto; -webkit-overflow-scrolling: touch; color: #F1F5F9; font-family: VGolos, system-ui, sans-serif;
  background: radial-gradient(600px 380px at 85% -5%, rgba(45, 212, 191, .16), transparent 60%), radial-gradient(500px 360px at -10% 60%, rgba(255, 138, 61, .08), transparent 60%), #0B1220; }
.phm.off { display: none; }
body.ph-on { overflow: hidden; }
.ph-in { max-width: 560px; margin: 0 auto; padding: calc(18px + env(safe-area-inset-top, 0px)) 16px calc(120px + env(safe-area-inset-bottom, 0px)); }
.ph-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin: 6px 2px 18px; }
.ph-hi { display: flex; flex-direction: column; }
.ph-h1 { font-size: 26px; font-weight: 500; color: #E2E8F0; }
.ph-name { font-size: 32px; font-weight: 700; line-height: 1.1; }
.ph-sub { font-size: 14.5px; color: #94A3B8; margin-top: 6px; }
.ph-av { width: 56px; height: 56px; border-radius: 50%; flex: none; display: grid; place-items: center; color: #2DD4BF; border: 2px solid rgba(45, 212, 191, .7);
  box-shadow: 0 0 16px rgba(45, 212, 191, .45); background: #12202C; overflow: hidden; }
.ph-av img { width: 100%; height: 100%; } .ph-av svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.ph-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.ph-tile { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; min-height: 150px; padding: 16px 14px 14px; border-radius: 22px; text-align: left; cursor: pointer;
  font: inherit; color: #F1F5F9; overflow: hidden; transition: transform .12s; }
.ph-tile:active { transform: scale(.97); }
.ph-tile.te { background: linear-gradient(160deg, rgba(20, 184, 166, .28), rgba(13, 42, 52, .92) 55%, #0F1F2B); border: 1.5px solid rgba(45, 212, 191, .85);
  box-shadow: 0 0 22px rgba(45, 212, 191, .35), inset 0 0 22px rgba(45, 212, 191, .12); }
.ph-tile.or { background: linear-gradient(160deg, rgba(249, 115, 22, .32), rgba(52, 26, 12, .92) 55%, #24160E); border: 1.5px solid rgba(255, 138, 61, .9);
  box-shadow: 0 0 22px rgba(255, 138, 61, .35), inset 0 0 22px rgba(255, 138, 61, .12); }
.ph-tile.on { box-shadow: 0 0 30px rgba(255, 138, 61, .6), inset 0 0 26px rgba(255, 138, 61, .2); }
.ph-ti { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; margin-bottom: auto; }
.ph-tile.te .ph-ti { color: #5EEAD4; background: rgba(45, 212, 191, .14); border: 1px solid rgba(45, 212, 191, .45); }
.ph-tile.or .ph-ti { color: #FFB37A; background: rgba(255, 138, 61, .16); border: 1px solid rgba(255, 138, 61, .5); }
.ph-ti svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.ph-arr { position: absolute; top: 14px; right: 14px; opacity: .8; }
.ph-tile.te .ph-arr { color: #5EEAD4; } .ph-tile.or .ph-arr { color: #FFB37A; }
.ph-arr svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; }
.ph-tile b { font-size: 19px; font-weight: 700; margin-top: 12px; }
.ph-tile span:not(.ph-ti):not(.ph-arr) { font-size: 13px; color: #A8B3C4; line-height: 1.3; }
.ph-badge { position: absolute; top: 12px; right: 44px; min-width: 22px; height: 22px; border-radius: 11px; background: #FF8A3D; color: #2A1203; font: 800 12px/22px VGolos, sans-serif; text-align: center; font-style: normal; padding: 0 6px; }
.ph-more { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; margin: 14px 0 0; }
.ph-chip { flex: none; min-height: 40px; padding: 8px 14px; border-radius: 999px; background: #162232; color: #E2E8F0; border: 1px solid rgba(148, 163, 184, .22); font: 600 14px VGolos, sans-serif; cursor: pointer; }
.ph-chat { margin-top: 16px; padding: 14px; border-radius: 22px; background: linear-gradient(170deg, #17222F, #121B27); border: 1px solid rgba(148, 163, 184, .16); box-shadow: 0 10px 26px rgba(0, 0, 0, .35); }
.ph-ch-h { display: flex; align-items: center; gap: 8px; color: #2DD4BF; margin-bottom: 10px; }
.ph-ch-h svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.9; }
.ph-ch-h b { color: #F1F5F9; font-size: 15px; }
.ph-msgs { display: flex; flex-direction: column; gap: 8px; }
.ph-m { align-self: flex-start; max-width: 88%; background: #1E2A3A; border-radius: 14px 14px 14px 4px; padding: 8px 11px; font-size: 14px; display: flex; flex-direction: column; gap: 2px; }
.ph-m.me { align-self: flex-end; background: #0F3B3A; border-radius: 14px 14px 4px 14px; }
.ph-m b { font-size: 11.5px; color: #2DD4BF; } .ph-m.me b { display: none; }
.ph-m span { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.ph-m time { align-self: flex-end; font-size: 10.5px; color: #94A3B8; }
.ph-empty { color: #94A3B8; font-size: 14px; }
.ph-q { display: flex; gap: 8px; margin-top: 12px; }
.ph-q input { flex: 1; min-width: 0; height: 44px; border-radius: 22px; background: #0F1826; border: 1px solid rgba(148, 163, 184, .2); color: #F1F5F9; padding: 0 16px; font: 15px VGolos, sans-serif; }
.ph-q button { width: 44px; height: 44px; border-radius: 50%; border: 0; background: #2DD4BF; color: #04201D; display: grid; place-items: center; box-shadow: 0 0 14px rgba(45, 212, 191, .45); }
.ph-q svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; }
.ph-open { display: flex; align-items: center; gap: 10px; width: 100%; margin-top: 12px; min-height: 52px; padding: 0 16px; border-radius: 16px; cursor: pointer;
  background: rgba(45, 212, 191, .10); border: 1.5px solid rgba(45, 212, 191, .75); color: #E6FFFB; font: 700 16px VGolos, sans-serif; box-shadow: 0 0 18px rgba(45, 212, 191, .3); }
.ph-open svg { width: 22px; height: 22px; fill: none; stroke: #5EEAD4; stroke-width: 1.9; }
.ph-open span { flex: 1; text-align: center; } .ph-open em { font-style: normal; font-size: 22px; color: #5EEAD4; }
.ph-nav { position: fixed; left: 10px; right: 10px; bottom: calc(8px + env(safe-area-inset-bottom, 0px)); height: 82px; display: grid; grid-template-columns: repeat(4, 1fr); align-items: center;
  background: #121A26; border: 1px solid rgba(148, 163, 184, .2); border-radius: 26px; box-shadow: 0 14px 34px rgba(0, 0, 0, .6); max-width: 560px; margin: 0 auto; }
.ph-nb { background: none; border: 0; color: #94A3B8; display: flex; flex-direction: column; align-items: center; gap: 4px; font: 600 11.5px VGolos, sans-serif; cursor: pointer; }
.ph-ni { width: 50px; height: 42px; border-radius: 15px; display: grid; place-items: center; }
.ph-ni svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.ph-nb.on { color: #5EEAD4; } .ph-nb.on .ph-ni { background: rgba(45, 212, 191, .16); border: 1px solid rgba(45, 212, 191, .6); box-shadow: 0 0 18px rgba(45, 212, 191, .45); }
.ph-nb.or { color: #FDBA74; }
/* полный чат: стрелка «назад» на главный */
.ph-back { width: 40px; height: 40px; flex: none; border-radius: 12px; background: none; border: 0; color: #2DD4BF; display: grid; place-items: center; cursor: pointer; }
.ph-back svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
/* в полном чате кнопки-плитки сверху больше не нужны — всё на главном экране */
body.th-on:not(.dark) .ptools { display: none !important; }
/* светящиеся крупные кнопки по всему сайту */
html[data-theme="night"] body.th-on .btn:not(.ghost):not(.danger):not(.danger-t):not(.nko-btn):not(.mo-close) { box-shadow: 0 0 16px rgba(45, 212, 191, .35) !important; }
html[data-theme="night"] body.th-on .list .item.nk, html[data-theme="night"] body.th-on .rep-item.rp, html[data-theme="night"] body.th-on .ocard.nk-o {
  box-shadow: 0 0 0 1px rgba(45, 212, 191, .10), 0 10px 24px rgba(0, 0, 0, .3) !important; }

/* =================== п. 412: новый заказ, фильтры, касса, профиль мастера, мастера =================== */
/* новый заказ */
html[data-theme="night"] body.th-on .of-box .fh-title { font-size: 24px; font-weight: 700; }
.of-sub { margin: -4px 0 12px; color: #94A3B8; font-size: 14px; }
html[data-theme="night"] body.th-on .of-body { background: #121B28; border: 1px solid rgba(148, 163, 184, .14); border-radius: 20px; padding: 14px; }
html[data-theme="night"] body.th-on .of-f { margin-bottom: 12px; }
html[data-theme="night"] body.th-on .of-l { font-size: 13px; color: #94A3B8; margin-bottom: 6px; font-weight: 500; }
html[data-theme="night"] body.th-on .of-body .input { min-height: 48px; border-radius: 14px !important; border: 1.5px solid rgba(45, 212, 191, .55) !important; background: #0E1724 !important;
  box-shadow: 0 0 12px rgba(45, 212, 191, .12) !important; font-size: 15.5px; }
html[data-theme="night"] body.th-on .of-body .input.of-addr { border-color: rgba(255, 138, 61, .7) !important; box-shadow: 0 0 12px rgba(255, 138, 61, .15) !important; }
html[data-theme="night"] body.th-on .of-body textarea.input { min-height: 90px; }
html[data-theme="night"] body.th-on .of-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
html[data-theme="night"] body.th-on .of-chips { display: flex; flex-wrap: wrap; gap: 8px; }
html[data-theme="night"] body.th-on .of-chips .chip { min-height: 42px; padding: 8px 14px !important; border-radius: 12px !important; }
html[data-theme="night"] body.th-on .of-chips .chip[aria-pressed="true"] { background: rgba(45, 212, 191, .16) !important; color: #5EEAD4 !important; border: 1.5px solid rgba(45, 212, 191, .8) !important;
  box-shadow: 0 0 14px rgba(45, 212, 191, .35) !important; }
html[data-theme="night"] body.th-on .of-chips .chip[aria-pressed="true"]::before { content: "✓ "; }
html[data-theme="night"] body.th-on .of-btns { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 6px; }
html[data-theme="night"] body.th-on .btn.of-send:not(.ghost) { min-height: 54px; font-size: 16.5px !important; border-radius: 16px !important; background: #2DD4BF !important; color: #04201D !important;
  box-shadow: 0 0 22px rgba(45, 212, 191, .5) !important; }
html[data-theme="night"] body.th-on .of-btns .btn.ghost { min-height: 48px; border-radius: 14px !important; }
/* быстрые фильтры заказов */
.ofq { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; margin: 4px 0 12px; padding: 2px; }
.ofq-c { flex: none; min-height: 40px; padding: 8px 14px; border-radius: 12px; background: #142030; color: #CBD5E1; border: 1px solid rgba(148, 163, 184, .2); font: 600 14px VGolos, sans-serif; cursor: pointer; }
.ofq-c.on { background: rgba(45, 212, 191, .14); color: #5EEAD4; border: 1.5px solid rgba(45, 212, 191, .8); box-shadow: 0 0 14px rgba(45, 212, 191, .3); }
.ofq-c.or { color: #FDBA74; } .ofq-c.or.on { background: rgba(255, 138, 61, .14); border-color: rgba(255, 138, 61, .8); box-shadow: 0 0 14px rgba(255, 138, 61, .3); }
html[data-theme="night"] body.th-on .ofq-adv { display: none !important; }
html[data-theme="night"] body.th-on .ofq-adv.open { display: flex !important; flex-wrap: wrap; gap: 8px; }
/* касса мастера */
.kc-bal { position: relative; padding: 18px 18px 16px; border-radius: 22px; margin: 4px 0 12px; display: flex; flex-direction: column; gap: 4px;
  background: linear-gradient(160deg, rgba(20, 184, 166, .22), #0F2230 60%); border: 1.5px solid rgba(45, 212, 191, .8); box-shadow: 0 0 26px rgba(45, 212, 191, .35), inset 0 0 26px rgba(45, 212, 191, .1); }
.kc-bal.or { background: linear-gradient(160deg, rgba(249, 115, 22, .25), #2A170C 60%); border-color: rgba(255, 138, 61, .85); box-shadow: 0 0 26px rgba(255, 138, 61, .35), inset 0 0 26px rgba(255, 138, 61, .1); }
.kc-k { font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: #94A3B8; }
.kc-big { font-size: 42px; font-weight: 300; color: #5EEAD4; line-height: 1.1; font-variant-numeric: tabular-nums; }
.kc-bal.or .kc-big { color: #FFB37A; }
.kc-sub { font-size: 13.5px; color: #CBD5E1; }
.kc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 14px; }
.kc-card { padding: 12px 10px; border-radius: 16px; background: #131D2B; border: 1px solid rgba(148, 163, 184, .16); display: flex; flex-direction: column; gap: 4px; }
.kc-card span { font-size: 11.5px; color: #94A3B8; line-height: 1.25; }
.kc-card b { font-size: 17px; font-weight: 600; } .kc-card.te b { color: #5EEAD4; } .kc-card.or b { color: #FFB37A; }
.kc-card i { font-style: normal; font-size: 11px; color: #FDBA74; }
html[data-theme="night"] body.th-on .cashbox .mr-day { color: #94A3B8; }
html[data-theme="night"] body.th-on .cashbox .mr-addr { background: #131D2B; border-radius: 12px; padding: 10px 12px; margin: 6px 0; border: 1px solid rgba(148, 163, 184, .12); }
html[data-theme="night"] body.th-on .cashbox .btn.pk-take { min-height: 52px; width: 100%; font-size: 16px !important; border-radius: 16px !important; }
/* профиль мастера */
.mp-top { display: flex; gap: 16px; align-items: center; padding: 16px; border-radius: 22px; background: linear-gradient(170deg, #182433, #121B27); border: 1px solid rgba(148, 163, 184, .16); margin: 6px 0 12px; }
.mp-av { width: 92px; height: 92px; border-radius: 50%; flex: none; display: grid; place-items: center; border: 2.5px solid #2DD4BF; box-shadow: 0 0 22px rgba(45, 212, 191, .5); background: #0F1826; color: #5EEAD4; overflow: hidden; }
.mp-av img { width: 100%; height: 100%; } .mp-av svg { width: 40px; height: 40px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.mp-nm { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.mp-nm b { font-size: 22px; } .mp-ver { color: #2DD4BF; font-size: 13.5px; }
.mp-row { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; font-size: 13.5px; color: #CBD5E1; }
.mp-on { font-size: 12.5px; padding: 3px 10px; border-radius: 999px; background: rgba(148, 163, 184, .12); color: #94A3B8; }
.mp-on.on { background: rgba(45, 212, 191, .12); color: #5EEAD4; } .mp-on.on::before { content: "● "; }
.mp-three { display: grid; grid-template-columns: repeat(3, 1fr); padding: 14px 4px; border-radius: 20px; background: #131D2B; border: 1px solid rgba(148, 163, 184, .14); margin-bottom: 12px; text-align: center; }
.mp-three div { display: flex; flex-direction: column; gap: 2px; } .mp-three div + div { border-left: 1px solid rgba(148, 163, 184, .14); }
.mp-three b { font-size: 24px; } .mp-three span { font-size: 12.5px; color: #94A3B8; }
.mp-three div:nth-child(2) b { color: #FFB37A; } .mp-three div:first-child b { color: #5EEAD4; }
.mp-stats, .mp-note { padding: 14px; border-radius: 20px; background: #131D2B; border: 1px solid rgba(148, 163, 184, .14); margin-bottom: 12px; }
.mp-h { font-weight: 600; margin-bottom: 10px; color: #E2E8F0; }
.mp-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.mp-k { padding: 12px; border-radius: 14px; background: #0F1826; border: 1px solid rgba(148, 163, 184, .14); display: flex; flex-direction: column; gap: 2px; }
.mp-k b { font-size: 20px; } .mp-k.te b { color: #5EEAD4; } .mp-k.or b { color: #FFB37A; } .mp-k span { font-size: 12px; color: #94A3B8; }
.mp-note div:last-child { color: #CBD5E1; font-size: 14px; line-height: 1.45; }
.mp-btn { width: 100%; min-height: 48px; }
/* список мастеров — строка «Мастер №», справа «за месяц» */
html[data-theme="night"] body.th-on .item.nk > .nk-spec { grid-column: 2; grid-row: 2; font-size: 13.5px; color: #2DD4BF; }
html[data-theme="night"] body.th-on .item.nk:has(> .nk-spec) > .meta { grid-row: 3; }
html[data-theme="night"] body.th-on .item.nk:has(> .nk-spec) > .last { grid-row: 4; }
html[data-theme="night"] body.th-on .item.nk:has(> .nk-spec) > .nk-av { grid-row: 1 / span 3; }
.nk-sm { font-size: 12.5px; color: #94A3B8; }

/* =================== п. 414: замечания — маршруты, шапка чата, меню, оплата, кнопки заказов, точка онлайн, живые графики =================== */
/* боковое меню чата — одна панель, чистые пункты с аккуратными значками */
html[data-theme="night"] body.th-on .menu-pop { background: #111A27 !important; border: 1px solid rgba(45, 212, 191, .28) !important; border-radius: 18px !important; padding: 6px !important; box-shadow: 0 16px 40px rgba(0, 0, 0, .55), 0 0 18px rgba(45, 212, 191, .12) !important; min-width: 270px; }
html[data-theme="night"] body.th-on .menu-pop button { display: flex !important; align-items: center; gap: 12px; width: 100%; min-height: 46px; padding: 10px 12px !important; margin: 0 !important; border: 0 !important; border-radius: 12px !important; background: transparent !important; box-shadow: none !important; color: #E2E8F0 !important; font: 500 15px VGolos, sans-serif !important; text-align: left; line-height: 1.25; }
html[data-theme="night"] body.th-on .menu-pop button + button { border-top: 1px solid rgba(148, 163, 184, .08) !important; border-radius: 0 !important; }
html[data-theme="night"] body.th-on .menu-pop button:hover, html[data-theme="night"] body.th-on .menu-pop button:focus-visible { background: rgba(45, 212, 191, .08) !important; border-radius: 12px !important; }
html[data-theme="night"] body.th-on .menu-pop button::before { content: ""; flex: none; width: 20px; height: 20px; background: #2DD4BF; -webkit-mask: var(--mi) center / contain no-repeat; mask: var(--mi) center / contain no-repeat; filter: drop-shadow(0 0 3px rgba(45, 212, 191, .6)); }
html[data-theme="night"] body.th-on .menu-pop button.danger { color: #FDBA74 !important; }
html[data-theme="night"] body.th-on .menu-pop button.danger::before { background: #FF8A3D; filter: drop-shadow(0 0 3px rgba(255, 138, 61, .6)); }
html[data-theme="night"] body.th-on .menu-pop button:not([data-act])::before { --mi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222%22/%3E%3C/svg%3E"); }
.menu-pop button[data-act="pay"] { --mi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225.5%22%20width%3D%2218%22%20height%3D%2213%22%20rx%3D%222.5%22/%3E%3Cpath%20d%3D%22M3%2010h18M7%2015h4%22/%3E%3C/svg%3E"); }
.menu-pop button[data-act="level"] { --mi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203.5l2.6%205.3%205.9.9-4.3%204.1%201%205.8L12%2016.9l-5.2%202.7%201-5.8-4.3-4.1%205.9-.9z%22/%3E%3C/svg%3E"); }
.menu-pop button[data-act="paysched"] { --mi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223.5%22%20y%3D%225%22%20width%3D%2217%22%20height%3D%2215%22%20rx%3D%222.5%22/%3E%3Cpath%20d%3D%22M3.5%2010h17M8%203v4M16%203v4%22/%3E%3C/svg%3E"); }
.menu-pop button[data-act="impersonate"] { --mi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2012s3.6-7%2010-7%2010%207%2010%207-3.6%207-10%207S2%2012%202%2012z%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22/%3E%3C/svg%3E"); }
.menu-pop button[data-act="materials"] { --mi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3.5%207.5L12%203l8.5%204.5v9L12%2021l-8.5-4.5z%22/%3E%3Cpath%20d%3D%22M3.5%207.5L12%2012l8.5-4.5M12%2012v9%22/%3E%3C/svg%3E"); }
.menu-pop button[data-act="export"] { --mi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%204v11M7%2010l5%205%205-5M5%2020h14%22/%3E%3C/svg%3E"); }
.menu-pop button[data-act="recheck"] { --mi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2012a8%208%200%2011-2.3-5.7M20%204v5h-5%22/%3E%3C/svg%3E"); }
.menu-pop button[data-act="period"] { --mi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%223%22%20width%3D%2214%22%20height%3D%2218%22%20rx%3D%222.5%22/%3E%3Cpath%20d%3D%22M8%207h8M8%2012h2M14%2012h2M8%2016h2M14%2016h2%22/%3E%3C/svg%3E"); }
.menu-pop button[data-act="ask_workday"] { --mi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%205h16v11H9l-5%204z%22/%3E%3Cpath%20d%3D%22M10%209.5a2%202%200%20113%201.7c-.6.4-1%20.8-1%201.5%22/%3E%3C/svg%3E"); }
.menu-pop button[data-act="ask_schedule"] { --mi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223.5%22%20y%3D%225%22%20width%3D%2217%22%20height%3D%2215%22%20rx%3D%222.5%22/%3E%3Cpath%20d%3D%22M3.5%2010h17M8%203v4M16%203v4%22/%3E%3C/svg%3E"); }
.menu-pop button[data-act="edit"] { --mi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2020h4L19%209l-4-4L4%2016z%22/%3E%3Cpath%20d%3D%22M13.5%206.5l4%204%22/%3E%3C/svg%3E"); }
.menu-pop button[data-act="new_code"] { --mi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2215%22%20r%3D%224%22/%3E%3Cpath%20d%3D%22M11%2012l9-9M16%207l3%203%22/%3E%3C/svg%3E"); }
.menu-pop button[data-act="camonly"] { --mi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%208h3l2-3h6l2%203h3v11H4z%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2213%22%20r%3D%223.5%22/%3E%3C/svg%3E"); }
.menu-pop button[data-act="block"] { --mi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%2211%22%20width%3D%2214%22%20height%3D%2210%22%20rx%3D%222.5%22/%3E%3Cpath%20d%3D%22M8%2011V8a4%204%200%20018%200v3%22/%3E%3C/svg%3E"); }
.menu-pop button[data-act="unblock"] { --mi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%2211%22%20width%3D%2214%22%20height%3D%2210%22%20rx%3D%222.5%22/%3E%3Cpath%20d%3D%22M8%2011V8a4%204%200%20018%200v3%22/%3E%3C/svg%3E"); }
.menu-pop button[data-act="delete"] { --mi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207h16M9%207V4h6v3M6%207l1%2013h10l1-13%22/%3E%3C/svg%3E"); }
.menu-pop button[data-act="mstat"] { --mi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2020V11M12%2020V4M19%2020v-6%22/%3E%3C/svg%3E"); }
.menu-pop button[data-act="excel"] { --mi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%223%22%20width%3D%2216%22%20height%3D%2218%22%20rx%3D%222.5%22/%3E%3Cpath%20d%3D%22M8%208l4%205m0-5l-4%205M14%2016h3%22/%3E%3C/svg%3E"); }
.menu-pop button[data-act="rename"] { --mi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2020h4L19%209l-4-4L4%2016z%22/%3E%3Cpath%20d%3D%22M13.5%206.5l4%204%22/%3E%3C/svg%3E"); }
.menu-pop button[data-act="kind"] { --mi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%207h12l-3-3M17%2017H5l3%203%22/%3E%3C/svg%3E"); }
.menu-pop button[data-act="phone"] { --mi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%204h4l2%205-2.5%201.5a11%2011%200%20005%205L15%2013l5%202v4a2%202%200%2001-2%202A16%2016%200%20013%206a2%202%200%20012-2z%22/%3E%3C/svg%3E"); }
.menu-pop button[data-act="access"] { --mi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%228%22%20r%3D%223.2%22/%3E%3Cpath%20d%3D%22M3%2020c.6-3.5%203-5.5%206-5.5s5.4%202%206%205.5%22/%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%229%22%20r%3D%222.5%22/%3E%3Cpath%20d%3D%22M17%2014.5c2%20.3%203.5%201.8%204%204.5%22/%3E%3C/svg%3E"); }
.menu-pop button[data-act="promote"] { --mi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2020V6M6%2011l6-6%206%206%22/%3E%3C/svg%3E"); }
/* шапка чата промоутера/мастера — круглые светящиеся значки вместо эмодзи */
html[data-theme="night"] body.th-on .chat-head .btn.hd-ic { width: 40px; height: 40px; min-width: 40px; min-height: 40px; padding: 0 !important; border-radius: 13px !important; display: inline-grid; place-items: center;
  background: #122030 !important; border: 1px solid rgba(45, 212, 191, .45) !important; color: #5EEAD4 !important; box-shadow: 0 0 12px rgba(45, 212, 191, .22), inset 0 0 10px rgba(45, 212, 191, .08) !important; }
html[data-theme="night"] body.th-on .chat-head .btn.hd-ic svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 3px rgba(45, 212, 191, .55)); }
html[data-theme="night"] body.th-on .chat-head .btn.hd-ic#cPayBtn { color: #FFB37A !important; border-color: rgba(255, 138, 61, .55) !important; background: #241A12 !important; box-shadow: 0 0 12px rgba(255, 138, 61, .25), inset 0 0 10px rgba(255, 138, 61, .08) !important; }
html[data-theme="night"] body.th-on .chat-head .btn.hd-ic#cPayBtn svg { filter: drop-shadow(0 0 3px rgba(255, 138, 61, .55)); }
html[data-theme="night"] body.th-on .chat-head .btn.hd-ic:active { transform: scale(.94); }
html[data-theme="night"] body.th-on .chat-head #menuBtn, html[data-theme="night"] body.th-on .chat-head #mMenuBtn, html[data-theme="night"] body.th-on .chat-head #bMenuBtn { width: 40px; height: 40px; border-radius: 13px; background: #122030; border: 1px solid rgba(148, 163, 184, .25); color: #CBD5E1; }
/* «вам оплачено» — компактный пузырь, скриншот маленькой карточкой */
html[data-theme="night"] body.th-on .msg.pay { padding: 8px 12px 6px !important; max-width: min(78%, 300px) !important; width: fit-content; border: 1px solid rgba(255, 138, 61, .45) !important; box-shadow: 0 0 14px rgba(255, 138, 61, .15) !important; }
html[data-theme="night"] body.th-on .msg.pay .who { margin-bottom: 2px; }
html[data-theme="night"] body.th-on .msg.pay .mtext, html[data-theme="night"] body.th-on .msg.pay > span { line-height: 1.35; }
html[data-theme="night"] body.th-on .msg .media-grid { display: flex !important; flex-wrap: wrap; gap: 6px; margin: 6px 0 2px; width: fit-content; max-width: 100%; }
html[data-theme="night"] body.th-on .msg .media-item { width: 112px !important; max-width: 112px; padding: 0 !important; border-radius: 12px !important; overflow: hidden; background: #0E1724 !important; border: 1px solid rgba(148, 163, 184, .18) !important; display: block; }
html[data-theme="night"] body.th-on .msg .media-item img { width: 112px !important; height: 140px !important; max-height: 140px; object-fit: cover; display: block; border-radius: 0 !important; }
html[data-theme="night"] body.th-on .msg .media-item span { display: block; padding: 4px 8px 5px; font-size: 11.5px; color: #94A3B8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* разделы: без «⌂ Главная», только название */
html[data-theme="night"] body.th-on .home-row { align-items: center; gap: 12px; }
html[data-theme="night"] body.th-on .home-row .home-row-t { font-size: 24px; font-weight: 700; letter-spacing: -.01em; }
html[data-theme="night"] body.th-on .home-row .home-btn { width: 42px; height: 42px; min-width: 42px; padding: 0 !important; border-radius: 14px !important; display: grid; place-items: center; font-size: 20px; }
/* кнопки разделов — современные, светящиеся, с аккуратными значками */
html[data-theme="night"] body.th-on .btn.tb-btn { display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 8px 14px !important; border-radius: 14px !important; font: 600 14.5px VGolos, sans-serif !important;
  background: #122030 !important; color: #CCFBF1 !important; border: 1px solid rgba(45, 212, 191, .45) !important; box-shadow: 0 0 12px rgba(45, 212, 191, .16), inset 0 0 12px rgba(45, 212, 191, .06) !important; white-space: nowrap; }
html[data-theme="night"] body.th-on .btn.tb-btn svg { width: 19px; height: 19px; flex: none; fill: none; stroke: #2DD4BF; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 3px rgba(45, 212, 191, .6)); }
html[data-theme="night"] body.th-on .btn.tb-btn.tb-main { background: #2DD4BF !important; color: #04201D !important; border-color: #5EEAD4 !important; box-shadow: 0 0 20px rgba(45, 212, 191, .45) !important; }
html[data-theme="night"] body.th-on .btn.tb-btn.tb-main svg { stroke: #04201D; filter: none; }
html[data-theme="night"] body.th-on .btn.tb-btn.tb-or { background: #241A12 !important; color: #FFE4D0 !important; border-color: rgba(255, 138, 61, .6) !important; box-shadow: 0 0 14px rgba(255, 138, 61, .22), inset 0 0 12px rgba(255, 138, 61, .07) !important; }
html[data-theme="night"] body.th-on .btn.tb-btn.tb-or svg { stroke: #FF8A3D; filter: drop-shadow(0 0 3px rgba(255, 138, 61, .6)); }
html[data-theme="night"] body.th-on .btn.tb-btn:active { transform: scale(.97); }
html[data-theme="night"] body.th-on .ord-acts { display: grid !important; grid-template-columns: 1fr 1fr; gap: 10px; }
html[data-theme="night"] body.th-on .ord-acts .btn.tb-btn { min-height: 50px; width: 100%; }
html[data-theme="night"] body.th-on .tb-row { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px !important; }
html[data-theme="night"] body.th-on .tb-row #oSearch { grid-column: 1 / -1; order: -1; min-height: 46px; border-radius: 14px !important; padding-left: 40px !important;
  background: #0E1724 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232DD4BF' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M16 16l4.5 4.5'/%3E%3C/svg%3E") 13px center / 18px no-repeat !important; }
html[data-theme="night"] body.th-on .tb-row .btn.tb-btn { width: 100%; }
html[data-theme="night"] body.th-on .list-tools { display: grid !important; grid-template-columns: 1fr; gap: 8px; }
html[data-theme="night"] body.th-on .list-tools .btn.tb-btn { width: 100%; min-height: 46px; }
@media (min-width: 761px) { html[data-theme="night"] body.th-on .tb-row { grid-template-columns: repeat(4, auto) 1fr; } html[data-theme="night"] body.th-on .tb-row #oSearch { grid-column: auto; order: 0; } }
/* п. 413: мастера — справа заказы за месяц и город, светящаяся точка «онлайн» */
html[data-theme="night"] body.th-on .item.nk.nk-dotted { padding-right: 34px !important; position: relative; }
.nk-dot { position: absolute; right: 14px; top: 50%; width: 11px; height: 11px; margin-top: -5.5px; border-radius: 50%; background: #334155; box-shadow: 0 0 0 3px rgba(51, 65, 85, .35); }
.nk-dot.on { background: #2DD4BF; box-shadow: 0 0 0 3px rgba(45, 212, 191, .18), 0 0 12px rgba(45, 212, 191, .85); }
html[data-theme="night"] body.th-on .item.nk .nk-r .nk-amt { font-size: 14.5px; font-weight: 600; color: #FFB37A; white-space: nowrap; }
html[data-theme="night"] body.th-on .item.nk .nk-r .nk-city { font-size: 12.5px; color: #94A3B8; }
html[data-theme="night"] body.th-on .item.nk .nk-r { display: flex; flex-direction: column; align-items: flex-end; gap: 3px; }
html[data-theme="night"] body.th-on .item.nk > .nk-spec.busy { color: #FFB37A; }
/* Мои маршруты — солидные карточки */
html[data-theme="night"] body.th-on .myroutes .mr-day { margin: 16px 2px 8px; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: #94A3B8; font-weight: 600; }
html[data-theme="night"] body.th-on .myroutes .mr-item.mr-card { display: flex; flex-direction: column; gap: 10px; padding: 14px; margin-bottom: 12px; border-radius: 20px;
  background: linear-gradient(165deg, #172434, #111A27) !important; border: 1px solid rgba(45, 212, 191, .3); box-shadow: 0 8px 22px rgba(0, 0, 0, .35), 0 0 16px rgba(45, 212, 191, .08); }
html[data-theme="night"] body.th-on .myroutes .mr-card.finished { border-color: rgba(148, 163, 184, .2); box-shadow: 0 8px 22px rgba(0, 0, 0, .3); }
html[data-theme="night"] body.th-on .myroutes .mr-card.walked { border-color: rgba(255, 138, 61, .45); box-shadow: 0 8px 22px rgba(0, 0, 0, .35), 0 0 16px rgba(255, 138, 61, .1); }
.mr-top { display: flex; align-items: center; gap: 12px; }
.mr-ic { flex: none; width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; background: rgba(45, 212, 191, .1); border: 1px solid rgba(45, 212, 191, .5); color: #5EEAD4; box-shadow: 0 0 14px rgba(45, 212, 191, .25); }
.mr-card.walked .mr-ic { background: rgba(255, 138, 61, .1); border-color: rgba(255, 138, 61, .55); color: #FFB37A; box-shadow: 0 0 14px rgba(255, 138, 61, .25); }
.mr-card.finished .mr-ic { background: rgba(148, 163, 184, .08); border-color: rgba(148, 163, 184, .3); color: #94A3B8; box-shadow: none; }
.mr-ic svg, .mr-big svg, .mr-mini svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.mr-tt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.mr-tt b { font-size: 17px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html[data-theme="night"] body.th-on .myroutes .mr-tt .muted { font-size: 13px; color: #94A3B8; }
html[data-theme="night"] body.th-on .myroutes .mr-card .mr-st { flex: none; font-size: 12.5px; font-weight: 600; padding: 5px 10px; border-radius: 999px; background: rgba(148, 163, 184, .12); color: #CBD5E1; }
html[data-theme="night"] body.th-on .myroutes .mr-card .mr-st.started { background: rgba(45, 212, 191, .14); color: #5EEAD4; box-shadow: 0 0 10px rgba(45, 212, 191, .2); }
html[data-theme="night"] body.th-on .myroutes .mr-card .mr-st.walked, html[data-theme="night"] body.th-on .myroutes .mr-card .mr-st.assigned { background: rgba(255, 138, 61, .14); color: #FFB37A; }
html[data-theme="night"] body.th-on .myroutes .mr-card .mr-prog { position: relative; margin: 0; padding: 10px 12px 18px; border-radius: 14px; background: #0E1724 !important; border: 1px solid rgba(148, 163, 184, .12); font-size: 13.5px; color: #CBD5E1; }
.mr-bar { position: absolute; left: 12px; right: 12px; bottom: 8px; height: 5px; border-radius: 999px; background: rgba(148, 163, 184, .15); overflow: hidden; display: block; }
.mr-bar i { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, #14B8A6, #5EEAD4); box-shadow: 0 0 10px rgba(45, 212, 191, .7); }
.mr-btns { display: grid; gap: 8px; }
html[data-theme="night"] body.th-on .myroutes .btn.mr-big { display: flex !important; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 50px; border-radius: 15px !important; font: 600 15.5px VGolos, sans-serif !important; white-space: normal; }
html[data-theme="night"] body.th-on .myroutes .btn.mr-big.cam, html[data-theme="night"] body.th-on .myroutes .btn.mr-big.te { background: #2DD4BF !important; color: #04201D !important; border: 0 !important; box-shadow: 0 0 18px rgba(45, 212, 191, .45) !important; }
html[data-theme="night"] body.th-on .myroutes .btn.mr-big.or { background: #241A12 !important; color: #FFE4D0 !important; border: 1.5px solid rgba(255, 138, 61, .75) !important; box-shadow: 0 0 16px rgba(255, 138, 61, .3) !important; }
html[data-theme="night"] body.th-on .myroutes .btn.mr-big.or svg { stroke: #FF8A3D; }
.mr-sub { display: flex; flex-wrap: wrap; gap: 8px; }
.mr-mini { flex: 1 1 0; min-width: 120px; min-height: 42px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 6px 10px; border-radius: 13px; cursor: pointer;
  background: #122030; color: #CCFBF1; border: 1px solid rgba(45, 212, 191, .35); font: 500 13.5px VGolos, sans-serif; box-shadow: 0 0 10px rgba(45, 212, 191, .1); }
.mr-mini svg { width: 18px; height: 18px; color: #2DD4BF; }
.mr-mini:active { transform: scale(.97); }
/* живые графики: свечение линий, колец и столбиков */
.vz-glow { filter: drop-shadow(0 0 4px var(--g, #2DD4BF)); }
.vz-line circle.vz-hit { fill: transparent; }
html[data-theme="night"] body.th-on .vz-card { background: linear-gradient(165deg, #172434, #111A27) !important; border: 1px solid rgba(148, 163, 184, .14) !important; box-shadow: 0 8px 22px rgba(0, 0, 0, .3) !important; border-radius: 20px !important; }
html[data-theme="night"] body.th-on .vz-t { font-weight: 600; }
html[data-theme="night"] body.th-on .vz-kpi { background: linear-gradient(165deg, color-mix(in srgb, var(--c) 14%, #131D2B), #111A27) !important; border: 1px solid color-mix(in srgb, var(--c) 55%, transparent) !important;
  box-shadow: 0 0 16px color-mix(in srgb, var(--c) 22%, transparent), inset 0 0 14px color-mix(in srgb, var(--c) 8%, transparent) !important; border-radius: 18px !important; }
html[data-theme="night"] body.th-on .vz-kv { color: var(--c); font-weight: 600; text-shadow: 0 0 14px color-mix(in srgb, var(--c) 45%, transparent); }
html[data-theme="night"] body.th-on .vz-kl { color: #94A3B8; }
html[data-theme="night"] body.th-on .vz-bars { background-image: repeating-linear-gradient(0deg, transparent 0 39px, rgba(148, 163, 184, .08) 39px 40px); }
html[data-theme="night"] body.th-on .vz-b { border-radius: 8px 8px 3px 3px; box-shadow: 0 0 10px color-mix(in srgb, var(--g, #2DD4BF) 45%, transparent), inset 0 1px 0 rgba(255, 255, 255, .3); }
html[data-theme="night"] body.th-on .vz-htr { background: rgba(148, 163, 184, .1); height: 10px; }
html[data-theme="night"] body.th-on .vz-htr i { box-shadow: 0 0 10px color-mix(in srgb, var(--g, #2DD4BF) 60%, transparent); }
html[data-theme="night"] body.th-on .vz-meter i { box-shadow: 0 0 10px var(--c); }
html[data-theme="night"] body.th-on .vz-grid-l { stroke: rgba(148, 163, 184, .1); stroke-dasharray: 3 4; }
html[data-theme="night"] body.th-on .vz-dc, html[data-theme="night"] body.th-on .vz-gc { font-weight: 600; fill: #E2E8F0; }
html[data-theme="night"] body.th-on .vz-tip { background: #111A27; border-color: rgba(45, 212, 191, .45); box-shadow: 0 0 16px rgba(45, 212, 191, .2); }
/* сводка: доход/расходы — teal/оранжевые столбики со свечением, кольцо долей */
html[data-theme="night"] body.th-on .b.inc { background: linear-gradient(180deg, #5EEAD4, #14B8A6 60%, rgba(20, 184, 166, .25)) !important; box-shadow: 0 0 12px rgba(45, 212, 191, .45); border-radius: 8px 8px 3px 3px; }
html[data-theme="night"] body.th-on .b.cost { background: linear-gradient(180deg, #FFB37A, #FF8A3D 60%, rgba(255, 138, 61, .25)) !important; box-shadow: 0 0 12px rgba(255, 138, 61, .4); border-radius: 8px 8px 3px 3px; }
html[data-theme="night"] body.th-on .lg.inc { background: #2DD4BF !important; } html[data-theme="night"] body.th-on .lg.cost { background: #FF8A3D !important; }
html[data-theme="night"] body.th-on #dsDonut { box-shadow: 0 0 22px rgba(45, 212, 191, .3); }
html[data-theme="night"] body.th-on .hz-bcol i { box-shadow: 0 0 8px rgba(45, 212, 191, .4); }
html[data-theme="night"] body.th-on .hz-ring { box-shadow: 0 0 16px rgba(45, 212, 191, .3); }
html[data-theme="night"] body.th-on .hz-spark path[stroke] { filter: drop-shadow(0 0 4px rgba(45, 212, 191, .7)); }
/* п. 414 правки после просмотра */
html[data-theme="night"] body.th-on .chat-head .btn.hd-ic { width: 36px; height: 36px; min-width: 36px; min-height: 36px; border-radius: 12px !important; }
html[data-theme="night"] body.th-on .chat-head .btn.hd-ic svg { width: 19px; height: 19px; }
html[data-theme="night"] body.th-on .chat-head #menuBtn, html[data-theme="night"] body.th-on .chat-head #mMenuBtn, html[data-theme="night"] body.th-on .chat-head #bMenuBtn { width: 36px; height: 36px; border-radius: 12px; }
html[data-theme="night"] body.th-on .chat-head { column-gap: 6px !important; }
html[data-theme="night"] body.th-on .msg.pay { max-width: min(84%, 320px) !important; }
html[data-theme="night"] body.th-on .msg.pay .media-item, html[data-theme="night"] body.th-on .msg.pay .media-item img { width: 92px !important; max-width: 92px; }
html[data-theme="night"] body.th-on .msg.pay .media-item img { height: 116px !important; }
html[data-theme="night"] body.th-on .btn.small.tb-btn.tb-or:not(.ghost) { background: #241A12 !important; color: #FFE4D0 !important; border: 1px solid rgba(255, 138, 61, .6) !important; box-shadow: 0 0 14px rgba(255, 138, 61, .22), inset 0 0 12px rgba(255, 138, 61, .07) !important; }
html[data-theme="night"] body.th-on .btn.small.tb-btn.tb-main:not(.ghost) { background: #2DD4BF !important; color: #04201D !important; }
html[data-theme="night"] body.th-on .pay-btn { display: inline-flex; align-items: center; gap: 6px; border-radius: 12px !important; background: #241A12 !important; color: #FFE4D0 !important; border: 1px solid rgba(255, 138, 61, .6) !important; box-shadow: 0 0 12px rgba(255, 138, 61, .22) !important; }
html[data-theme="night"] body.th-on .pay-btn.hidden { display: none !important; }
html[data-theme="night"] body.th-on .pay-btn svg { width: 18px; height: 18px; fill: none; stroke: #FF8A3D; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
/* сводка: карточки цифр — тёмные, цифра светится, «Подробнее» — тонкая строка */
html[data-theme="night"] body.th-on .kpi { background: linear-gradient(165deg, #172434, #111A27) !important; border: 1px solid rgba(148, 163, 184, .14) !important; border-radius: 18px !important; }
html[data-theme="night"] body.th-on .kpi-v { color: #5EEAD4; font-weight: 600; text-shadow: 0 0 14px rgba(45, 212, 191, .4); }
html[data-theme="night"] body.th-on .kpi.kpi-cash { border-color: rgba(45, 212, 191, .55) !important; box-shadow: 0 0 18px rgba(45, 212, 191, .2) !important; }
html[data-theme="night"] body.th-on .kpi-more { background: transparent !important; color: #2DD4BF !important; border-top: 1px solid rgba(148, 163, 184, .1) !important; font-weight: 600; }
html[data-theme="night"] body.th-on .chg.up { color: #5EEAD4 !important; } html[data-theme="night"] body.th-on .chg.down { color: #FFB37A !important; }

/* =================== п. 415: список промоутеров как на образце, портреты, шапка чата, справочные карточки, «Мастера» внизу =================== */
/* нижнее меню: «Мастера» вместо «Денег» — оранжевый акцент */
html[data-theme="night"] body.th-on .vk-t-masters { color: #FDBA74; }
html[data-theme="night"] body.th-on .vk-t-masters .vk-ti { color: var(--n-or); }
html[data-theme="night"] body.th-on .vk-t-masters.on { color: var(--n-or); }
html[data-theme="night"] body.th-on .vk-t-masters.on .vk-ti { background: linear-gradient(160deg, rgba(255, 138, 61, .42), rgba(249, 115, 22, .2)); border-color: rgba(255, 138, 61, .75); box-shadow: 0 0 18px rgba(255, 138, 61, .45); }
/* заголовок раздела + аккуратная кнопка «Добавить» справа */
html[data-theme="night"] body.th-on .home-row .home-row-t { flex: 1; min-width: 0; }
html[data-theme="night"] body.th-on .btn.add-pill { flex: none; display: inline-flex !important; align-items: center; gap: 7px; width: auto !important; min-height: 40px; padding: 7px 14px 7px 11px !important; border-radius: 999px !important;
  background: rgba(45, 212, 191, .1) !important; color: #CCFBF1 !important; border: 1.5px solid rgba(45, 212, 191, .7) !important; box-shadow: 0 0 16px rgba(45, 212, 191, .35), inset 0 0 10px rgba(45, 212, 191, .1) !important; font: 600 14.5px VGolos, sans-serif !important; }
html[data-theme="night"] body.th-on .btn.add-pill svg { width: 18px; height: 18px; fill: none; stroke: #2DD4BF; stroke-width: 2.2; stroke-linecap: round; filter: drop-shadow(0 0 3px rgba(45, 212, 191, .7)); }
html[data-theme="night"] body.th-on .btn.add-pill:active { transform: scale(.96); }
/* фильтры: города компактно, «Расклейка» / «Ящики» — светящиеся кнопки */
html[data-theme="night"] body.th-on #v-chats .list-tools { display: flex !important; flex-direction: column; gap: 10px; padding: 4px 12px 8px; }
html[data-theme="night"] body.th-on #citySeg { order: 1; display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding: 2px 0 !important; }
html[data-theme="night"] body.th-on #catFilter { order: 2; }
html[data-theme="night"] body.th-on #v-chats .list-tools > .row { order: 3; }
html[data-theme="night"] body.th-on .cityb { flex: none; display: inline-flex !important; align-items: center; gap: 6px; min-height: 38px; padding: 6px 12px !important; border-radius: 12px !important; font: 600 14px VGolos, sans-serif !important;
  background: #111A27 !important; color: #94A3B8 !important; border: 1px solid rgba(148, 163, 184, .22) !important; box-shadow: none !important; }
html[data-theme="night"] body.th-on .cityb .cnt { color: #64748B; font-weight: 600; margin-left: 2px; background: none !important; padding: 0 !important; }
html[data-theme="night"] body.th-on .cityb.on { color: #E2E8F0 !important; background: rgba(45, 212, 191, .1) !important; border-color: rgba(45, 212, 191, .75) !important; box-shadow: 0 0 14px rgba(45, 212, 191, .3), inset 0 0 10px rgba(45, 212, 191, .08) !important; }
html[data-theme="night"] body.th-on .cityb.on .cnt { color: #2DD4BF; }
.cityb-i { display: inline-grid; place-items: center; font-style: normal; }
.cityb-i svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
html[data-theme="night"] body.th-on .cityb.on .cityb-i { color: #2DD4BF; }
html[data-theme="night"] body.th-on .seg.cat-tg { display: grid !important; grid-template-columns: 1fr 1fr; gap: 10px; background: none !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; }
html[data-theme="night"] body.th-on .seg.cat-tg > button[data-cat="all"] { display: none !important; }
html[data-theme="night"] body.th-on .seg.cat-tg > button { display: inline-flex !important; align-items: center; justify-content: center; gap: 9px; min-height: 48px; border-radius: 14px !important; font: 600 15.5px VGolos, sans-serif !important;
  background: #0F1A27 !important; color: #5EEAD4 !important; border: 1px solid rgba(45, 212, 191, .45) !important; box-shadow: 0 0 12px rgba(45, 212, 191, .15), inset 0 0 12px rgba(45, 212, 191, .05) !important; }
html[data-theme="night"] body.th-on .seg.cat-tg > button svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 3px rgba(45, 212, 191, .6)); }
html[data-theme="night"] body.th-on .seg.cat-tg > button[aria-pressed="true"] { background: rgba(45, 212, 191, .16) !important; color: #CCFBF1 !important; border: 1.5px solid #2DD4BF !important; box-shadow: 0 0 20px rgba(45, 212, 191, .45), inset 0 0 14px rgba(45, 212, 191, .12) !important; }
html[data-theme="night"] body.th-on #v-chats .list-tools #search { min-height: 42px; border-radius: 12px !important; }
html[data-theme="night"] body.th-on #v-chats .list-tools #pSearchAll { min-height: 42px; border-radius: 12px !important; }
/* карточка промоутера */
html[data-theme="night"] body.th-on .list .item.pc { display: grid !important; grid-template-columns: 64px 1fr 14px; gap: 12px; align-items: center; padding: 12px 12px 12px 12px !important; margin: 0 12px 10px !important; width: auto !important;
  background: linear-gradient(165deg, #142131, #0F1824) !important; border: 1px solid rgba(45, 212, 191, .18) !important; border-radius: 18px !important; box-shadow: 0 6px 18px rgba(0, 0, 0, .3) !important; text-align: left; }
html[data-theme="night"] body.th-on .list .item.pc[aria-current="true"] { border-color: rgba(45, 212, 191, .6) !important; box-shadow: 0 0 16px rgba(45, 212, 191, .2) !important; }
html[data-theme="night"] body.th-on .list .item.pc.blocked { opacity: .6; }
.pc-av { position: relative; width: 64px; height: 64px; border-radius: 50%; display: grid; place-items: center; background: #0F1826; border: 2px solid rgba(45, 212, 191, .55); box-shadow: 0 0 14px rgba(45, 212, 191, .28); color: #5EEAD4; cursor: pointer; }
.pc-av img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; display: block; }
.pc-av svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.pc-un { position: absolute; top: -3px; right: -3px; min-width: 21px; height: 21px; padding: 0 5px; border-radius: 999px; background: #FF8A3D; color: #1A0E05; font: 700 12px/21px VGolos, sans-serif; text-align: center; font-style: normal; box-shadow: 0 0 10px rgba(255, 138, 61, .7); }
.pc-mid { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.pc-top { display: flex; align-items: center; gap: 8px; min-width: 0; }
html[data-theme="night"] body.th-on .item.pc .pc-top .nm { flex: 1; min-width: 0; font-size: 16.5px; font-weight: 700; color: #F1F5F9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: flex; align-items: center; gap: 5px; }
.pc-lvl { flex: none; display: inline-grid; place-items: center; width: 17px; height: 17px; }
.pc-lvl svg { width: 16px; height: 16px; fill: rgba(45, 212, 191, .25); stroke: #2DD4BF; stroke-width: 1.6; stroke-linejoin: round; }
.pc-lvl.bad svg { fill: rgba(255, 138, 61, .2); stroke: #FF8A3D; }
html[data-theme="night"] body.th-on .item.pc .nk-st { flex: none; font-size: 12px; padding: 3px 9px 3px 8px; border-radius: 999px; font-weight: 600; display: inline-flex; align-items: center; gap: 5px; }
html[data-theme="night"] body.th-on .item.pc .nk-st::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; box-shadow: 0 0 6px currentColor; }
html[data-theme="night"] body.th-on .item.pc .nk-st.te { color: #5EEAD4; background: rgba(45, 212, 191, .12); border: 1px solid rgba(45, 212, 191, .4); }
html[data-theme="night"] body.th-on .item.pc .nk-st.or { color: #94A3B8; background: rgba(148, 163, 184, .08); border: 1px solid rgba(148, 163, 184, .22); }
html[data-theme="night"] body.th-on .item.pc .nk-st.gr { color: #FDBA74; background: rgba(255, 138, 61, .1); border: 1px solid rgba(255, 138, 61, .35); }
.pc-sub { display: flex; align-items: center; gap: 10px; font-size: 13px; color: #94A3B8; min-width: 0; }
.pc-city { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.pc-city::before { content: ""; width: 13px; height: 13px; background: #64748B; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22s-7-6-7-12a7 7 0 0114 0c0 6-7 12-7 12zm0-9a3 3 0 100-6 3 3 0 000 6z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22s-7-6-7-12a7 7 0 0114 0c0 6-7 12-7 12zm0-9a3 3 0 100-6 3 3 0 000 6z'/%3E%3C/svg%3E") center / contain no-repeat; }
.pc-cat { margin-left: auto; font-weight: 600; color: #2DD4BF; white-space: nowrap; }
.pc-cat.box { color: #5EEAD4; }
.pc-stats { display: grid; grid-template-columns: 1fr 1fr; margin-top: 4px; padding-top: 7px; border-top: 1px solid rgba(148, 163, 184, .1); }
.pc-c { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.pc-c + .pc-c { padding-left: 10px; border-left: 1px solid rgba(148, 163, 184, .12); }
.pc-c i { font-style: normal; font-size: 11.5px; color: #64748B; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pc-c b { font-size: 15px; font-weight: 700; color: #E2E8F0; }
.pc-c b.pc-seen { font-size: 13.5px; color: #2DD4BF; font-weight: 600; }
.pc-c b.pc-seen.none { color: #64748B; }
.pc-warn { font-size: 12.5px; color: #FDBA74; }
.pc-go { color: #64748B; font-size: 22px; line-height: 1; justify-self: end; }
/* мастера: портрет крупнее */
html[data-theme="night"] body.th-on .item.nk > .nk-av.has-av { width: 54px; height: 54px; border: 2px solid rgba(45, 212, 191, .5) !important; box-shadow: 0 0 12px rgba(45, 212, 191, .25); }
html[data-theme="night"] body.th-on .item.nk > .nk-av img { object-fit: cover; }
/* выбор портрета */
html[data-theme="night"] body.th-on .av-grid .av-item img { border-radius: 50%; object-fit: cover; }
html[data-theme="night"] body.th-on .av-grid .av-item.on { box-shadow: 0 0 0 2px #2DD4BF, 0 0 16px rgba(45, 212, 191, .5); }
.mp-av img, .ph-av img, .me-av { object-fit: cover; }
/* шапка чата промоутера — коротко, точка «в сети» */
html[data-theme="night"] body.th-on #cSub { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #94A3B8; }
html[data-theme="night"] body.th-on #cSub.on::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 6px; border-radius: 50%; background: #2DD4BF; box-shadow: 0 0 8px #2DD4BF; vertical-align: 1px; }
html[data-theme="night"] body.th-on .chat-head .codebox { min-height: 36px; padding: 0 10px; border-radius: 12px; font-size: 12.5px; letter-spacing: .04em; background: #0F1824; border: 1px solid rgba(148, 163, 184, .2); color: #94A3B8; }
/* справочные сообщения — карточкой */
html[data-theme="night"] body.th-on .msg:has(> .icard) { max-width: min(92%, 520px) !important; padding: 0 !important; background: linear-gradient(165deg, #142333, #0F1925) !important; border: 1px solid rgba(45, 212, 191, .35) !important; border-radius: 20px !important; box-shadow: 0 0 18px rgba(45, 212, 191, .12) !important; overflow: hidden; flex: none !important; }
html[data-theme="night"] body.th-on .msg:has(> .icard) > .who { padding: 10px 14px 0; }
html[data-theme="night"] body.th-on .msg:has(> .icard) > time { padding: 0 14px 8px; }
html[data-theme="night"] body.th-on .msg:has(> .icard) > .media-grid { margin: 0 14px 6px; }
.icard { display: flex; flex-direction: column; gap: 7px; padding: 10px 14px 10px; }
.ic-h { display: flex; align-items: center; gap: 10px; padding-bottom: 8px; margin-bottom: 2px; border-bottom: 1px solid rgba(148, 163, 184, .12); }
.ic-h b { font-size: 16px; font-weight: 700; color: #F1F5F9; }
.ic-i { flex: none; width: 32px; height: 32px; border-radius: 10px; background: rgba(45, 212, 191, .12); border: 1px solid rgba(45, 212, 191, .5); box-shadow: 0 0 10px rgba(45, 212, 191, .25); position: relative; }
.ic-i::after { content: ""; position: absolute; inset: 7px; background: #2DD4BF; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h7l4 4v14H7z'/%3E%3Cpath d='M14 3v4h4M10 12h5M10 16h5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h7l4 4v14H7z'/%3E%3Cpath d='M14 3v4h4M10 12h5M10 16h5'/%3E%3C/svg%3E") center / contain no-repeat; }
.ic-p { font-size: 14.5px; line-height: 1.45; color: #CBD5E1; }
.ic-li { position: relative; padding-left: 20px; font-size: 14.5px; line-height: 1.45; color: #E2E8F0; }
.ic-li::before { content: ""; position: absolute; left: 4px; top: .6em; width: 7px; height: 7px; border-radius: 50%; background: #2DD4BF; box-shadow: 0 0 6px rgba(45, 212, 191, .8); }
.ic-li.no { color: #FED7AA; } .ic-li.no::before { background: #FF8A3D; box-shadow: 0 0 6px rgba(255, 138, 61, .8); border-radius: 2px; transform: rotate(45deg); }
.ic-li.ok::before { width: 9px; height: 5px; border-radius: 0; background: none; border-left: 2px solid #2DD4BF; border-bottom: 2px solid #2DD4BF; transform: rotate(-45deg); top: .45em; box-shadow: none; }
.ic-li.num { padding-left: 28px; } .ic-li.num::before { content: attr(data-n); width: 20px; height: 20px; left: 0; top: .1em; display: grid; place-items: center; font: 700 11.5px VGolos, sans-serif; color: #04201D; background: #2DD4BF; }
.ic-raw { display: none !important; }
/* п. 415 правки после просмотра */
html[data-theme="night"] body.th-on .home-row .btn.add-pill:not(.ghost) { background: rgba(45, 212, 191, .1) !important; color: #CCFBF1 !important; border: 1.5px solid rgba(45, 212, 191, .7) !important; }
/* шапка своего чата у промоутера: имя, короткая строка, компактные светящиеся значки */
html[data-theme="night"] body.th-on #payBtn.pay-btn { width: 38px; height: 38px; min-width: 38px; padding: 0 !important; justify-content: center; }
html[data-theme="night"] body.th-on #payBtn.pay-btn span { display: none; }
html[data-theme="night"] body.th-on #payBtn.pay-btn svg { width: 20px; height: 20px; }
html[data-theme="night"] body.th-on .chat-head #logout { width: 38px; height: 38px; min-width: 38px; border-radius: 12px; display: grid; place-items: center; background: #122030; border: 1px solid rgba(45, 212, 191, .4); color: #5EEAD4; box-shadow: 0 0 10px rgba(45, 212, 191, .18); }
html[data-theme="night"] body.th-on .chat-head #logout svg { width: 19px; height: 19px; }
html[data-theme="night"] body.th-on .chat-head #meName, html[data-theme="night"] body.th-on .chat-head #meSub { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html[data-theme="night"] body.th-on .chat-head .grow { min-width: 0; }
html[data-theme="night"] body.th-on .list .item.pc { width: calc(100% - 24px) !important; box-sizing: border-box; }

/* =================== п. 416: всё старое — в новый стиль =================== */
.rs-i { width: 1.15em; height: 1.15em; flex: none; display: inline-block; vertical-align: -0.2em; margin-right: .42em; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
h1 > .rs-i, h2 > .rs-i, h3 > .rs-i, .fh-title > .rs-i, .dcard-h .rs-i, .kpi-grp > .rs-i, .vz-t > .rs-i, summary > .rs-i { color: #2DD4BF; filter: drop-shadow(0 0 4px rgba(45, 212, 191, .6)); width: 1.05em; height: 1.05em; }
button > .rs-i, .chip > .rs-i, .seg > * > .rs-i { color: inherit; }
html[data-theme="night"] body.th-on .btn:not(.ghost):not(.danger) > .rs-i { color: currentColor; }
html[data-theme="night"] body.th-on .btn.ghost > .rs-i, html[data-theme="night"] body.th-on .chip > .rs-i, html[data-theme="night"] body.th-on .view-back > .rs-i { color: #2DD4BF; }
.rs-dot { display: inline-block; width: .62em; height: .62em; border-radius: 50%; margin: 0 .3em 0 .1em; vertical-align: .05em; font-style: normal; }
.rs-dot.te { background: #2DD4BF; box-shadow: 0 0 6px rgba(45, 212, 191, .8); }
.rs-dot.or { background: #FFB37A; box-shadow: 0 0 6px rgba(255, 179, 122, .7); }
.rs-dot.bad { background: #F97316; box-shadow: 0 0 6px rgba(249, 115, 22, .8); }
.rs-dot.gr { background: #64748B; }
/* фон с цветочками у «супер»-промоутера убран — чат как у всех, в шапке только тонкая оранжевая линия */
html[data-theme="night"] body.lvl-gold .feed::before { content: none !important; display: none !important; animation: none !important; }
html[data-theme="night"] body.lvl-good .msg.me { box-shadow: none; }
/* «Назад» и «✕» в разделах — светящиеся кнопки */
html[data-theme="night"] body.th-on .view-top .view-back { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 6px 14px !important; border-radius: 12px !important; background: #122030 !important; color: #CCFBF1 !important; border: 1px solid rgba(45, 212, 191, .4) !important; box-shadow: 0 0 10px rgba(45, 212, 191, .15) !important; }
html[data-theme="night"] body.th-on .view-top .view-x { width: 40px; height: 40px; border-radius: 12px !important; background: #122030 !important; color: #94A3B8 !important; border: 1px solid rgba(148, 163, 184, .25) !important; }
/* вкладки разделов (Деньги / Сводка / Цель, График / Планер, Обучение / Ящики) — светящиеся */
html[data-theme="night"] body.th-on .subtabs button, html[data-theme="night"] body.th-on .sub-tabs button, html[data-theme="night"] body.th-on .vtabs button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; }

/* =================== п. 417: шапка чата — только портрет, имя и светящиеся значки справа =================== */
html[data-theme="night"] body.th-on #convChat .chat-head, html[data-theme="night"] body.th-on #mChat .chat-head { display: flex !important; flex-wrap: nowrap !important; align-items: center; gap: 4px !important; min-height: 64px; padding: 8px 8px 8px 4px !important;
  background: #0B1220 !important; border-bottom: 1px solid rgba(148, 163, 184, .1) !important; box-shadow: none !important; }
html[data-theme="night"] body.th-on #convChat .chat-head .back, html[data-theme="night"] body.th-on #mChat .chat-head .back { flex: none; width: 36px; height: 40px; padding: 0; border: 0 !important; background: none !important; box-shadow: none !important; color: #2DD4BF !important; display: grid; place-items: center; }
html[data-theme="night"] body.th-on .chat-head .back svg { filter: drop-shadow(0 0 4px rgba(45, 212, 191, .6)); }
.hd-av { flex: none; width: 42px; height: 42px; border-radius: 50%; overflow: hidden; display: grid; place-items: center; background: #0F1826; border: 1.5px solid rgba(45, 212, 191, .65); box-shadow: 0 0 12px rgba(45, 212, 191, .35); cursor: pointer; margin-right: 6px; }
.hd-av img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block; }
.hd-av svg { width: 22px; height: 22px; fill: none; stroke: #5EEAD4; stroke-width: 1.7; }
html[data-theme="night"] body.th-on #convChat .chat-head .grow, html[data-theme="night"] body.th-on #mChat .chat-head .grow { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; justify-content: center; }
html[data-theme="night"] body.th-on #cName, html[data-theme="night"] body.th-on #mName { font-size: 18px; font-weight: 700; color: #F1F5F9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.2; }
html[data-theme="night"] body.th-on #cSub, html[data-theme="night"] body.th-on #mSub { font-size: 12.5px; color: #5EEAD4 !important; line-height: 1.2; }
html[data-theme="night"] body.th-on #cSub:empty, html[data-theme="night"] body.th-on #mSub:empty { display: none; }
html[data-theme="night"] body.th-on #mSub.on::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 6px; border-radius: 50%; background: #2DD4BF; box-shadow: 0 0 8px #2DD4BF; vertical-align: 1px; }
/* код, материалы и график — в меню ⋮; в шапке: поиск, папка, оплата, ⋮ (у мастера: статистика, поиск, ⋮) */
html[data-theme="night"] body.th-on #convChat .chat-head #cCode, html[data-theme="night"] body.th-on #convChat .chat-head #cMatBtn, html[data-theme="night"] body.th-on #convChat .chat-head #cSchedBtn, html[data-theme="night"] body.th-on #mChat .chat-head #mCode { display: none !important; }
html[data-theme="night"] body.th-on #convChat .chat-head .btn.hd-ic, html[data-theme="night"] body.th-on #mChat .chat-head .btn.hd-ic { flex: none; width: 38px; height: 40px; min-width: 38px; border: 0 !important; background: none !important; box-shadow: none !important; border-radius: 12px !important; color: #2DD4BF !important; }
html[data-theme="night"] body.th-on #convChat .chat-head .btn.hd-ic svg, html[data-theme="night"] body.th-on #mChat .chat-head .btn.hd-ic svg { width: 23px; height: 23px; stroke-width: 1.7; filter: drop-shadow(0 0 5px rgba(45, 212, 191, .65)); }
html[data-theme="night"] body.th-on #convChat .chat-head .btn.hd-ic#cPayBtn { background: none !important; border: 0 !important; box-shadow: none !important; color: #FF8A3D !important; }
html[data-theme="night"] body.th-on #convChat .chat-head .btn.hd-ic#cPayBtn svg { filter: drop-shadow(0 0 5px rgba(255, 138, 61, .65)); }
html[data-theme="night"] body.th-on #convChat .chat-head .btn.hd-ic:active, html[data-theme="night"] body.th-on #mChat .chat-head .btn.hd-ic:active { background: rgba(45, 212, 191, .1) !important; }
html[data-theme="night"] body.th-on #convChat .chat-head .menu, html[data-theme="night"] body.th-on #mChat .chat-head .menu { flex: none; }
html[data-theme="night"] body.th-on .chat-head #menuBtn, html[data-theme="night"] body.th-on .chat-head #mMenuBtn { width: 34px; height: 40px; border: 0 !important; background: none !important; box-shadow: none !important; color: #2DD4BF !important; display: grid; place-items: center; }
html[data-theme="night"] body.th-on .chat-head #menuBtn svg, html[data-theme="night"] body.th-on .chat-head #mMenuBtn svg { filter: drop-shadow(0 0 5px rgba(45, 212, 191, .65)); }
@media (min-width: 900px) { html[data-theme="night"] body.th-on #convChat .chat-head #cMatBtn, html[data-theme="night"] body.th-on #convChat .chat-head #cSchedBtn { display: inline-grid !important; } }
/* шапка у самого промоутера: только имя (строка «Расклейка · отчёт до …» убрана) */
html[data-theme="night"] body.th-on #meSub { display: none !important; }
html[data-theme="night"] body.th-on .chat-head #meName { font-size: 18px; font-weight: 700; }

.menu-pop button[data-act="showcode"] { --mi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2215%22%20r%3D%224%22/%3E%3Cpath%20d%3D%22M11%2012l9-9M16%207l3%203%22/%3E%3C/svg%3E"); }
/* меню сообщения (ответить, скопировать…) — значки вместо эмодзи */
html[data-theme="night"] body.th-on .rx-picker button:not(.rx-opt) { display: flex !important; align-items: center; gap: 10px; }
html[data-theme="night"] body.th-on .rx-picker button .rs-i { color: #2DD4BF; width: 19px; height: 19px; margin: 0; filter: drop-shadow(0 0 3px rgba(45, 212, 191, .55)); }
/* шапка у самого промоутера: назад, портрет, имя; значки без рамок */
html[data-theme="night"] body.th-on .chat-head .ph-back { order: -2; width: 34px; height: 40px; border: 0 !important; background: none !important; box-shadow: none !important; color: #2DD4BF !important; display: grid; place-items: center; }
html[data-theme="night"] body.th-on .chat-head .ph-back svg { filter: drop-shadow(0 0 4px rgba(45, 212, 191, .6)); }
html[data-theme="night"] body.th-on .chat-head .me-av { order: -1; width: 42px !important; height: 42px !important; border-radius: 50%; border: 1.5px solid rgba(45, 212, 191, .65); box-shadow: 0 0 12px rgba(45, 212, 191, .35); margin-right: 6px; }
html[data-theme="night"] body.th-on #payBtn.pay-btn, html[data-theme="night"] body.th-on .chat-head #logout { border: 0 !important; background: none !important; box-shadow: none !important; }
html[data-theme="night"] body.th-on #payBtn.pay-btn svg { stroke: #FF8A3D; width: 23px; height: 23px; filter: drop-shadow(0 0 5px rgba(255, 138, 61, .65)); }
html[data-theme="night"] body.th-on .chat-head #logout { color: #2DD4BF !important; }
html[data-theme="night"] body.th-on .chat-head #logout svg { width: 22px; height: 22px; filter: drop-shadow(0 0 5px rgba(45, 212, 191, .6)); }
html[data-theme="night"] body.th-on .rx-picker button:not(.rx-opt) > svg.rs-i { color: #2DD4BF !important; stroke: #2DD4BF; margin-right: 4px; }

/* =================== п. 418: мастера — как промоутеры =================== */
html[data-theme="night"] body.th-on #v-masters .list-tools { padding: 0 12px; }
html[data-theme="night"] body.th-on #mCitySeg { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding: 4px 12px 0 !important; }
html[data-theme="night"] body.th-on #v-masters .m-tools { display: grid !important; grid-template-columns: 1fr auto; gap: 10px; padding: 10px 12px 8px; }
html[data-theme="night"] body.th-on #v-masters .m-tools .btn { min-height: 46px; border-radius: 14px !important; width: 100%; }
html[data-theme="night"] body.th-on #v-masters .m-tools #mSearchAll { width: auto; padding: 8px 14px !important; }
.pc-on { position: absolute; right: 1px; bottom: 3px; width: 13px; height: 13px; border-radius: 50%; background: #334155; border: 2px solid #0F1824; font-style: normal; }
.pc-on.on { background: #2DD4BF; box-shadow: 0 0 10px rgba(45, 212, 191, .9); }
html[data-theme="night"] body.th-on .item.pc .nk-st.busy { color: #FFB37A; background: rgba(255, 138, 61, .12); border: 1px solid rgba(255, 138, 61, .45); }
html[data-theme="night"] body.th-on .item.mc .pc-cat { color: #2DD4BF; }

/* =================== п. 420: нажатие на рамку — «что это» =================== */
.fx-hit { cursor: pointer; border-style: solid; border-color: transparent; border-radius: 4px; }
.fx-hit.on { border-color: #2DD4BF !important; box-shadow: 0 0 0 9999px rgba(0, 0, 0, .25), 0 0 16px rgba(45, 212, 191, .8); }
.fx-bar { position: fixed; left: 10px; right: 10px; bottom: calc(14px + env(safe-area-inset-bottom, 0px)); z-index: 60; padding: 12px 44px 12px 12px; border-radius: 18px;
  background: #101A28; border: 1px solid rgba(45, 212, 191, .5); box-shadow: 0 12px 34px rgba(0, 0, 0, .6), 0 0 18px rgba(45, 212, 191, .2); }
.fx-bar.busy { opacity: .55; pointer-events: none; }
.fx-t { font-size: 13.5px; color: #94A3B8; margin-bottom: 9px; }
.fx-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.fx-b { min-height: 44px; border-radius: 12px; font: 600 14.5px VGolos, sans-serif; cursor: pointer; background: #122030; color: #CCFBF1; border: 1px solid rgba(45, 212, 191, .5); box-shadow: 0 0 10px rgba(45, 212, 191, .15); }
.fx-b.or { color: #FFE4D0; background: #241A12; border-color: rgba(255, 138, 61, .65); box-shadow: 0 0 10px rgba(255, 138, 61, .2); }
.fx-b.gr { color: #CBD5E1; border-color: rgba(148, 163, 184, .35); box-shadow: none; }
.fx-b.x { color: #FDBA74; background: transparent; border-color: rgba(255, 138, 61, .4); box-shadow: none; }
.fx-b:active { transform: scale(.96); }
.fx-close { position: absolute; top: 8px; right: 8px; width: 30px; height: 30px; border-radius: 10px; border: 0; background: rgba(148, 163, 184, .12); color: #CBD5E1; font-size: 15px; cursor: pointer; }

/* п. 421: реквизиты промоутера — исправить у себя */
.pe-box { max-width: 460px; }
.pe-in { width: 100%; min-height: 50px; font-size: 17px !important; border-radius: 14px !important; margin: 4px 0 8px; }
.pe-msg { font-size: 13.5px; margin-bottom: 12px; } .pe-msg.err { color: #FDBA74; }
.pe-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 10px; }
.pe-row .btn, .pe-box > .btn { min-height: 48px; width: 100%; border-radius: 14px !important; }
html[data-theme="night"] body.th-on .pe-box .btn.danger { background: transparent !important; color: #FDBA74 !important; border: 1px solid rgba(255, 138, 61, .55) !important; box-shadow: none !important; }
.pc-nmt { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* =================== п. 426: карточка-папка маршрута и живая карточка Васьки в чате =================== */
html[data-theme="night"] body.th-on .folder-card.rc { display: grid !important; grid-template-columns: 46px 1fr auto; grid-template-areas: "ic body th" "foot foot foot"; gap: 10px 12px; align-items: center;
  width: min(92%, 380px) !important; max-width: min(92%, 380px) !important; padding: 12px !important; margin: 6px auto 6px 0; border-radius: 18px !important; text-align: left;
  background: linear-gradient(165deg, #132233, #0E1824) !important; border: 1px solid rgba(45, 212, 191, .4) !important; box-shadow: 0 0 16px rgba(45, 212, 191, .14), 0 6px 18px rgba(0, 0, 0, .3) !important; }
.rc-ic { grid-area: ic; width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; background: rgba(45, 212, 191, .12); border: 1px solid rgba(45, 212, 191, .55); box-shadow: 0 0 12px rgba(45, 212, 191, .3); color: #2DD4BF; }
.rc-ic svg, .rc-foot svg, .ak-i svg, .ak-av svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.rc-ic svg { width: 24px; height: 24px; fill: rgba(45, 212, 191, .15); }
.rc-body { grid-area: body; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
html[data-theme="night"] body.th-on .rc-t { font-size: 16px; font-weight: 700; color: #F1F5F9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rc-s { font-size: 12.5px; color: #94A3B8; }
.rc-th { grid-area: th; width: 64px; height: 48px; object-fit: cover; border-radius: 10px; border: 1px solid rgba(148, 163, 184, .2); }
.rc-foot { grid-area: foot; display: flex; align-items: center; gap: 12px; padding-top: 9px; border-top: 1px solid rgba(148, 163, 184, .1); font-size: 13.5px; }
.rc-n, .rc-bad { display: inline-flex; align-items: center; gap: 6px; color: #CBD5E1; }
.rc-n svg, .rc-bad svg { width: 16px; height: 16px; } .rc-n svg { color: #2DD4BF; }
.rc-bad { color: #FDBA74; } .rc-bad.hidden { display: none; }
html[data-theme="night"] body.th-on .rc-open { margin-left: auto; color: #2DD4BF; font-weight: 700; }
.ack-card { flex: none !important; width: min(92%, 380px); max-width: min(92%, 380px) !important; padding: 12px 14px 8px !important; border-radius: 18px !important;
  background: linear-gradient(165deg, #12212F, #0D1621) !important; border: 1px solid rgba(45, 212, 191, .55) !important; box-shadow: 0 0 18px rgba(45, 212, 191, .18) !important; }
.ak-h { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.ak-av { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: rgba(45, 212, 191, .12); border: 1.5px solid rgba(45, 212, 191, .7); box-shadow: 0 0 12px rgba(45, 212, 191, .45); color: #5EEAD4; flex: none; }
.ak-av svg { width: 22px; height: 22px; }
.ak-ht { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.ak-ht b { font-size: 15.5px; color: #F1F5F9; } .ak-route { font-size: 12.5px; color: #94A3B8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ak-live { flex: none; font-size: 11.5px; font-weight: 700; letter-spacing: .06em; color: #5EEAD4; padding: 3px 9px 3px 8px; border-radius: 999px; background: rgba(45, 212, 191, .12); border: 1px solid rgba(45, 212, 191, .45); display: inline-flex; align-items: center; gap: 5px; }
.ak-live::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #2DD4BF; box-shadow: 0 0 8px #2DD4BF; animation: akpulse 1.6s ease-in-out infinite; }
.ak-live.off { color: #94A3B8; border-color: rgba(148, 163, 184, .25); background: transparent; } .ak-live.off::before { background: #64748B; box-shadow: none; animation: none; }
@keyframes akpulse { 50% { opacity: .35; } }
.ak-row { display: grid; grid-template-columns: 24px 1fr auto; align-items: center; gap: 8px; padding: 7px 0; border-top: 1px solid rgba(148, 163, 184, .08); position: relative; }
.ak-i { color: #2DD4BF; display: grid; place-items: center; } .ak-i svg { width: 18px; height: 18px; }
.ak-row.warn .ak-i { color: #FF8A3D; }
.ak-l { font-size: 14px; color: #CBD5E1; }
.ak-v { font-size: 18px; font-weight: 700; color: #F1F5F9; font-variant-numeric: tabular-nums; }
.ack-card.has-bad .ak-row.warn .ak-v { color: #FFB37A; }
.ak-v.bump { animation: akbump .6s ease; } @keyframes akbump { 30% { color: #5EEAD4; transform: scale(1.12); } }
.ak-bar { grid-column: 2 / 4; height: 4px; border-radius: 999px; background: rgba(148, 163, 184, .15); overflow: hidden; display: block; margin-top: 2px; }
.ak-bar > i { display: block; height: 100%; width: 0; border-radius: 999px; background: linear-gradient(90deg, #14B8A6, #5EEAD4); box-shadow: 0 0 8px rgba(45, 212, 191, .7); transition: width .4s; }
.ak-foot { display: flex; justify-content: space-between; gap: 8px; font-size: 11.5px; color: #64748B; padding-top: 6px; border-top: 1px solid rgba(148, 163, 184, .08); }
.ak-foot time { color: #64748B; }
html[data-theme="night"] body.th-on .msg.ack-card::before { display: none !important; content: none !important; }
html[data-theme="night"] body.th-on .msg.ack-card { margin-left: 0 !important; }
/* п. 427: название маршрута в карточке-папке — в две строки, не обрезается на полуслове */
html[data-theme="night"] body.th-on .rc-t { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.25; }
.rc-th { width: 56px; height: 44px; }
/* п. 430–434: чат мастера компактнее — заказ, касса, старые дни одной строкой; служебное — одной строкой; длинное — 3 строки */
.dfold-hid { display: none !important; }
html[data-theme="night"] body.th-on .ofold.cf { flex-wrap: nowrap; gap: 8px; padding: 9px 12px !important; margin: 4px 0 !important; border-radius: 14px !important;
  background: var(--n-card) !important; border: 1px solid var(--n-line2) !important; cursor: pointer; box-shadow: 0 0 0 1px rgba(45,212,191,.05), 0 0 12px rgba(45,212,191,.08); }
html[data-theme="night"] body.th-on .ofold.cf .ofold-t { flex: 1 1 auto; min-width: 0; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; line-height: 1.3; font-weight: 650; color: var(--n-ink); }
html[data-theme="night"] body.th-on .ofold.cf .ofold-b { flex: none; width: 30px; height: 30px; padding: 0 !important; border-radius: 50% !important; display: grid; place-items: center;
  background: var(--n-teal-soft) !important; color: var(--n-teal) !important; font-size: 18px; font-weight: 700; line-height: 1; }
html[data-theme="night"] body.th-on .ofold.cf.cf-act { border-color: rgba(45,212,191,.45) !important; box-shadow: 0 0 14px rgba(45,212,191,.18); }
html[data-theme="night"] body.th-on .ofold.cf[data-fold^="c"] { border-color: rgba(255,138,61,.35) !important; }
html[data-theme="night"] body.th-on .ofold.cf.open { border-style: solid !important; background: var(--n-card2) !important; }
@keyframes cfNew { 0%, 100% { box-shadow: 0 0 0 rgba(45,212,191,0); } 30%, 70% { box-shadow: 0 0 0 2px var(--n-teal), 0 0 22px rgba(45,212,191,.55); } }
html[data-theme="night"] body.th-on .ofold.cf.cf-new { animation: cfNew 1.2s ease 2; }
/* старый день — строка, нажать — раскрыть */
html[data-theme="night"] body.th-on .day-sep.cf-day { cursor: pointer; padding: 6px 14px !important; color: var(--n-ink) !important; border-color: var(--n-line2) !important; }
html[data-theme="night"] body.th-on .day-sep.cf-day.dopen { color: var(--n-teal) !important; }
/* служебное сообщение Васьки — одна строка */
.msg.svc .svc-line { display: none; }
.msg.svc:not(.svc-open) > :not(.svc-line):not(time) { display: none !important; }
.msg.svc:not(.svc-open) .svc-line { display: flex; align-items: center; gap: 6px; min-width: 0; }
html[data-theme="night"] body.th-on .msg.svc:not(.svc-open) { display: flex; align-items: center; gap: 8px; padding: 7px 12px !important; max-width: 78% !important; box-sizing: border-box; cursor: pointer; opacity: .9; }
.msg.svc:not(.svc-open) .svc-line { flex: 1 1 auto; }
.msg.svc .svc-t { min-width: 0; flex: 1 1 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13.5px; }
.msg.svc .svc-ar { flex: none; color: var(--n-teal, #2DD4BF); font-weight: 700; }
.msg.svc:not(.svc-open) > time { position: static !important; flex: none; margin: 0 !important; font-size: 11px; }
.msg.svc.svc-open .svc-line { display: flex; justify-content: flex-end; }
.msg.svc.svc-open .svc-line .svc-t { display: none; }
.msg.svc.svc-open .svc-line .svc-ar { transform: rotate(90deg); padding: 0 4px; cursor: pointer; }
/* длинное — 3 строки и «ещё…» */
.feed .msg .mtext.cf-clamp { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.cf-more { display: inline-block; border: 0; background: none; padding: 2px 0; margin-top: 2px; color: var(--n-teal, #2DD4BF); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
html[data-theme="night"] body.th-on .ofold-end, html[data-theme="night"] body.th-on .ofold-float { background: var(--n-card2) !important; color: var(--n-teal) !important;
  border: 1px solid rgba(45,212,191,.45) !important; box-shadow: 0 0 14px rgba(45,212,191,.2); font-size: 14px; padding: 8px 16px !important; border-radius: 999px !important; }
/* п. 441: «Проверить за период» — полоска маршрута: готово бирюзой с ✓, идёт — оранжевым с процентом */
.vk-mini.done i { background: var(--n-teal, #2DD4BF) !important; }
.vk-mini-t { flex: none; min-width: 30px; text-align: right; font-size: 12.5px; font-weight: 700; color: var(--n-or, #FF8A3D); }
.vk-mini-t.done { color: var(--n-teal, #2DD4BF); }
/* п. 446: «Отложенные» — раздел консультаций */
.of-sec { margin: 10px 2px 6px; font-weight: 700; font-size: 14px; color: var(--n-or, #FF8A3D); }
.of-cons { border-color: rgba(255,138,61,.35) !important; }
/* п. 442: заказ, открытый по номеру из напоминания */
.mo-card.mo-focus { border-color: var(--n-teal, #2DD4BF) !important; box-shadow: 0 0 16px rgba(45,212,191,.35); }
/* п. 447: касса мастера — вкладкой */
html[data-theme="night"] body.th-on .mcash-chip.debt { border-color: rgba(248,113,113,.6) !important; color: #F87171 !important; }
html[data-theme="night"] body.th-on .mcash-chip[aria-pressed="true"] { border-color: var(--n-teal) !important; }
.mcash-box { display: flex; flex-direction: column; gap: 6px; }
/* п. 450: окна мастера «Закрыть / Перенос / Отказ» */
.ms-box { display: flex; flex-direction: column; gap: 12px; }
.ms-box .ms-seg { display: flex; flex-wrap: wrap; gap: 6px; }
.ms-box .ms-f { display: flex; flex-direction: column; gap: 6px; }
.ms-box .ms-f > span { font-size: 13.5px; color: var(--n-ink2, #94A3B8); }
.ms-ph { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.ms-ph .ms-phb.on { border-color: var(--n-teal, #2DD4BF) !important; color: var(--n-teal, #2DD4BF) !important; }
.ms-phs { font-size: 13px; color: var(--n-ink2, #94A3B8); }
.ms-cash { display: flex; flex-direction: column; gap: 10px; padding: 10px 12px; border-radius: 14px; border: 1px solid rgba(255,138,61,.35); }
.ms-calc { font-weight: 700; color: var(--n-or, #FF8A3D); }
.ms-later { display: flex; align-items: center; gap: 8px; font-size: 14px; }
.ms-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.ms-ok { width: 100%; }
/* п. 451: «открыт заново → №» / «повтор по №» */
.nko-link { display: block; margin: 6px 0 0; padding: 6px 10px; border-radius: 10px; border: 1px solid rgba(45,212,191,.35); background: rgba(45,212,191,.08);
  color: var(--n-teal, #2DD4BF); font: inherit; font-size: 13.5px; font-weight: 650; text-align: left; cursor: pointer; }
.nko-link.off { border-color: var(--n-line2, rgba(148,163,184,.28)); background: none; color: var(--n-ink2, #94A3B8); cursor: default; }
.mo-link { margin-top: 4px; font-size: 13px; font-weight: 650; color: var(--n-teal, #2DD4BF); }
/* п. 454: меню действий — поверх кнопок поля ввода */
.menu-pop { z-index: 300 !important; }
/* п. 455: поиск маршрута по улице и «рядом со мной» */
.pk-search { display: flex; gap: 8px; margin: 10px 0 6px; }
.pk-search .input { flex: 1 1 auto; min-width: 0; }
.pk-near { width: 100%; margin-bottom: 8px; }
.pk-match { display: block; margin-top: 4px; font-size: 13.5px; color: var(--n-ink2, #94A3B8); }
.pk-match.on { color: var(--n-teal, #2DD4BF); font-weight: 650; }

/* п. 465: разговор с клиентом в заказе */
.of-call{display:flex;flex-direction:column;gap:8px;margin:4px 0 12px;padding:10px 12px;border-radius:12px;background:var(--surface-2,rgba(255,255,255,.04));border:1px solid var(--line,rgba(255,255,255,.08))}
.of-call.hidden{display:none}
.of-call-send{display:flex;align-items:center;gap:6px;font-size:14px}
.of-call-tr{white-space:pre-wrap;font-size:13px;line-height:1.45;max-height:260px;overflow:auto;margin-top:6px}