/* Look Car CRM — тема v5 (світла + темна).
   Лише оформлення: кольори, шрифт, насиченість, рамки, тіні.
   Розміри, відступи й розташування не змінюються. */

@font-face{font-family:"LC Roboto";font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/roboto-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"LC Roboto";font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/roboto-cyrillic-ext-400-normal.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"LC Roboto";font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/roboto-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"LC Roboto";font-style:normal;font-weight:500;font-display:swap;src:url(/static/fonts/roboto-cyrillic-500-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"LC Roboto";font-style:normal;font-weight:500;font-display:swap;src:url(/static/fonts/roboto-cyrillic-ext-500-normal.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"LC Roboto";font-style:normal;font-weight:500;font-display:swap;src:url(/static/fonts/roboto-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"LC Roboto";font-style:normal;font-weight:600 900;font-display:swap;src:url(/static/fonts/roboto-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"LC Roboto";font-style:normal;font-weight:600 900;font-display:swap;src:url(/static/fonts/roboto-cyrillic-ext-700-normal.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"LC Roboto";font-style:normal;font-weight:600 900;font-display:swap;src:url(/static/fonts/roboto-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* =========================================================================
   ПРАВИЛО: тут лише кольори, шрифт, насиченість, заокруглення, рамки й тіні.
   Жодних змін розмірів, відступів, позицій чи порядку елементів.
   ========================================================================= */

/* ---------- Токени ---------- */
html[data-theme]{--t-accent:#EFCE4B;--t-accent-ink:#17150A;--t-danger:#E5484D}
html[data-theme="dark"]{        /* значення зняті з прикладу */
  color-scheme:dark;
  --t-bg:#17191C;--t-head:#0F1012;--t-surface:#24272B;--t-surface-2:#30353B;--t-line:#383D43;
  --t-ink:#F2F3F5;--t-ink-2:#B4B9BF;--t-ink-3:#8B9198;
  --t-shadow:none;--t-nav:#24272B;--t-nav-line:#383D43;
  --t-st-bg:30%;--t-st-on:#24272B;--t-st-txt:#fff;--t-st-mix:70%;
  --t-danger-ink:#F07672;
}
html[data-theme="light"]{
  color-scheme:light;
  --t-bg:#F2F3F5;--t-head:#0F1012;--t-surface:#FFFFFF;--t-surface-2:#EDEFF2;--t-line:#E3E6EA;
  --t-ink:#15171A;--t-ink-2:#4F555C;--t-ink-3:#80868D;
  --t-shadow:0 1px 2px rgba(20,23,27,.05),0 6px 20px rgba(20,23,27,.06);--t-nav:#24272B;--t-nav-line:transparent;
  --t-st-bg:16%;--t-st-on:#fff;--t-st-txt:#000;--t-st-mix:72%;
  --t-danger-ink:#C93838;
}

/* ---------- Основа ---------- */
html[data-theme]{background:var(--t-bg)!important}
html[data-theme] body{background:var(--t-bg)!important;color:var(--t-ink)!important;font-family:"LC Roboto",Roboto,system-ui,-apple-system,"Segoe UI",sans-serif!important;-webkit-font-smoothing:antialiased}
html[data-theme] body :where(button,input,select,textarea){font-family:inherit}

/* ---------- Шапка (логотип білий — шапка темна в обох темах) ---------- */
html[data-theme] .mobile-appbar{background:var(--t-head)!important;box-shadow:none!important}
html[data-theme] .mobile-appbar::before,html[data-theme] .mobile-appbar::after{background:none!important}
html[data-theme] .mobile-top-menu{color:#B4B9BF!important;background:transparent!important}
html[data-theme] .mobile-top-menu svg{fill:currentColor}
html[data-theme] .mobile-user-name{color:#E6E8EB!important}

/* ---------- Нижня навігація (положення й розмір без змін) ---------- */
html[data-theme] .mobile-bottom-nav.nav-v416.nav-v416.nav-v416{background:var(--t-nav)!important;box-shadow:0 0 0 1px var(--t-nav-line),0 10px 28px rgba(0,0,0,.30)!important}
html[data-theme] .mobile-bottom-nav.nav-v416.nav-v416.nav-v416>a{color:#8B9198!important;font-weight:500!important}
html[data-theme] .mobile-bottom-nav.nav-v416.nav-v416.nav-v416>a.active{color:var(--t-accent)!important;font-weight:600!important}
html[data-theme] .mobile-bottom-nav.nav-v416.nav-v416.nav-v416>a.active>span{color:#F2F3F5!important}
html[data-theme] .mobile-bottom-nav.nav-v416.nav-v416.nav-v416 .mobile-nav-new{background:var(--t-accent)!important;color:var(--t-accent-ink)!important;box-shadow:0 0 0 4px rgba(255,255,255,.04),0 4px 12px rgba(0,0,0,.30)!important}
html[data-theme] .mobile-bottom-nav.nav-v416.nav-v416.nav-v416 .mobile-nav-new b{color:var(--t-accent-ink)!important;font-weight:400!important}
html[data-theme] .mobile-bottom-nav.nav-v416.nav-v416.nav-v416>a em{border-color:var(--t-nav)!important;background:var(--t-danger)!important}

/* ---------- Заголовок ---------- */
html[data-theme] .workspace h1{color:var(--t-ink)!important;font-weight:700!important}
html[data-theme] .today-head-v416-title span{color:var(--t-ink-2)!important;font-weight:400!important}

/* Перемикач Сьогодні/Завтра — як у прикладі: доріжка світліша, обране — темніше */
html[data-theme] .today-head-v416-switch{background:var(--t-surface-2)!important;box-shadow:inset 0 0 0 1px var(--t-line)!important}
html[data-theme] .today-head-v416-switch a{color:var(--t-ink-2)!important;font-weight:400!important;background:transparent!important;box-shadow:none!important}
html[data-theme] .today-head-v416-switch a.is-active{color:var(--t-ink)!important;font-weight:600!important}
html[data-theme="dark"] .today-head-v416-switch a.is-active{background:var(--t-surface)!important;box-shadow:0 1px 3px rgba(0,0,0,.35)!important}
html[data-theme="light"] .today-head-v416-switch a.is-active{background:#fff!important;box-shadow:0 1px 3px rgba(20,23,27,.12)!important}

/* Плитки */
html[data-theme] .today-stat-v416{background:var(--t-surface)!important;border-color:transparent!important;box-shadow:var(--t-shadow)!important;color:var(--t-ink)!important}
html[data-theme] .today-stat-v416 strong{color:var(--t-ink)!important;font-weight:500!important}
html[data-theme] body .today-stats-v416 a.today-stat-v416:not(#_) span{color:var(--t-ink-2)!important;font-weight:400!important}
html[data-theme] .today-stat-v416.is-wash{background:var(--t-accent)!important;border-color:var(--t-accent)!important;box-shadow:none!important}
html[data-theme] body .today-stats-v416 a.today-stat-v416.is-wash:not(#_) strong,
html[data-theme] body .today-stats-v416 a.today-stat-v416.is-wash:not(#_) span{color:var(--t-accent-ink)!important}
html[data-theme] body .today-stats-v416 a.today-stat-v416.is-wash:not(#_) span{font-weight:500!important}
html[data-theme] .today-stat-v416-badge{background:var(--t-danger)!important;border-color:var(--t-bg)!important;color:#fff!important;font-weight:700!important}

/* ---------- Панелі ---------- */
html[data-theme] .panel{background:var(--t-surface)!important;border-color:transparent!important;box-shadow:var(--t-shadow)!important;color:var(--t-ink)!important}
html[data-theme] .panel h2{color:var(--t-ink)!important;font-weight:700!important}
html[data-theme] .master-availability-head::before,html[data-theme] .today-bookings-v182-head::before{background:none!important}

/* Хто вільний */
html[data-theme] .availability-date-trigger{background:var(--t-surface-2)!important;border-color:transparent!important;color:var(--t-ink)!important;box-shadow:none!important}
html[data-theme] .availability-date-trigger-value{color:var(--t-ink)!important;font-weight:500!important}
html[data-theme] .availability-date-caret{background:transparent!important;color:var(--t-ink-2)!important;box-shadow:inset 1px 0 0 var(--t-line)!important}
html[data-theme] .master-availability-row{border-color:var(--t-line)!important}
html[data-theme] .master-availability-person-main .person-avatar{border-color:transparent!important;box-shadow:none!important}
html[data-theme] .master-availability-row b{color:var(--t-ink)!important;font-weight:600!important}
html[data-theme] .master-availability-row small{color:var(--t-ink-3)!important;font-weight:400!important}
html[data-theme] .availability-summary-text{color:var(--t-danger-ink)!important;font-weight:500!important}
html[data-theme] .availability-slot-links a,html[data-theme] .availability-slot-short{background:var(--t-surface-2)!important;border-color:transparent!important;color:var(--t-ink)!important;font-weight:500!important;box-shadow:none!important}
html[data-theme] .availability-slot-short{color:var(--t-ink-3)!important}

/* Діалог вибору дати */
html[data-theme] .availability-date-dialog::backdrop{background:rgba(8,9,10,.6)}
html[data-theme] .availability-date-dialog,html[data-theme] .availability-date-dialog-card{background:var(--t-surface)!important;color:var(--t-ink)!important;border-color:transparent!important}
html[data-theme] .availability-date-dialog-head strong{color:var(--t-ink)!important;font-weight:600!important}
html[data-theme] .availability-date-month-nav{background:var(--t-surface-2)!important;color:var(--t-ink)!important;border-color:transparent!important}
html[data-theme] .availability-date-weekdays span{color:var(--t-ink-3)!important;font-weight:400!important}
html[data-theme] .availability-date-days button{background:transparent!important;color:var(--t-ink)!important;border-color:transparent!important;font-weight:400!important}
html[data-theme] .availability-date-days button:disabled{color:var(--t-ink-3)!important;opacity:.5}
html[data-theme] .availability-date-days button.is-selected,html[data-theme] .availability-date-days button[aria-pressed="true"]{background:var(--t-accent)!important;color:var(--t-accent-ink)!important;font-weight:600!important}

/* ---------- Записи на сьогодні ---------- */
/* Зовнішня рамка навколо списку прозора (розмір і відступи ті самі) — картки лежать на фоні, як у прикладі */
html[data-theme] .today-bookings-panel{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
html[data-theme] .today-bookings-v182-all{background:var(--t-surface-2)!important;border-color:transparent!important;color:var(--t-ink)!important;font-weight:500!important;box-shadow:none!important}
html[data-theme="light"] .today-bookings-v182-all{background:#fff!important;box-shadow:var(--t-shadow)!important}
html[data-theme] .today-bookings-v182-switch{background:var(--t-surface-2)!important;border-color:transparent!important}
html[data-theme] .today-bookings-v182-switch a{color:var(--t-ink-2)!important;background:transparent!important;font-weight:400!important}
html[data-theme] .today-bookings-v182-switch a.active{background:var(--t-surface)!important;color:var(--t-ink)!important;font-weight:600!important}

html[data-theme] .today-booking-v416{background:var(--t-surface)!important;border-color:transparent!important;box-shadow:var(--t-shadow)!important}
html[data-theme] .today-booking-v416-time strong{color:var(--t-ink)!important;font-weight:600!important}
html[data-theme] .today-booking-v416-time span{color:var(--t-ink-3)!important;font-weight:400!important}
html[data-theme] .today-booking-v182-customer{color:var(--t-ink)!important;font-weight:700!important}
html[data-theme] .today-booking-v182-carline span{color:var(--t-ink)!important;opacity:.9}
html[data-theme] .today-booking-v182-service-item{color:var(--t-ink-3)!important;font-weight:400!important}
html[data-theme] .today-booking-v182-additional{color:var(--t-ink-2)!important;background:var(--t-surface-2)!important;border-color:transparent!important}
html[data-theme] .today-booking-v182-avatar{border-color:transparent!important;box-shadow:none!important}
html[data-theme] .today-booking-v416-price{color:var(--t-ink)!important;font-weight:600!important}
html[data-theme] .today-booking-v416.is-owner-closed-v345{opacity:.7}
html[data-theme] .today-bookings-panel .empty{background:var(--t-surface)!important;color:var(--t-ink-3)!important}

/* ---------- Статуси: кольори як у програмі, вигляд — тонована плашка з крапкою (як у прикладі) ---------- */
html[data-theme] [class*="status-"]{--st:#8B9198}
html[data-theme] .status-pending,html[data-theme] .status-pending_reconfirm{--st:#F0A400}
html[data-theme] .status-time_proposed,html[data-theme] .status-confirmed{--st:#2F80ED}
html[data-theme] .status-vehicle_received,html[data-theme] .status-in_progress{--st:#E0B400}
html[data-theme] .status-ready,html[data-theme] .status-completed{--st:#19A35B}
html[data-theme] .status-closed{--st:#14A44D}
html[data-theme] .status-owner_closed,html[data-theme] .status-rejected{--st:#8B9198}
html[data-theme] .status-no_show,html[data-theme] .status-cancelled{--st:#D74A4A}
html[data-theme] .status-client_refused{--st:#E28621}
/* Статус: кольорова крапка + текст, без фону */
html[data-theme] .today-booking-v182-status{color:var(--t-ink)!important;font-weight:500!important;background:transparent!important;box-shadow:none!important}
html[data-theme] .today-booking-v182-status .status-text-v210{color:inherit!important;font-weight:500!important}

/* ---------- Світла тема: світлі верхня й нижня панелі ---------- */
/* Логотип: оригінальний файл із темним написом (той самий, що на сторінці входу), розмір 720×187 — як у білого */
html[data-theme="light"] .mobile-brand-art img{content:url(/static/lookcar-login-brand.png?v=138)}
html[data-theme="light"] .mobile-brand-art::after{background:none!important}
html[data-theme="light"] .mobile-appbar{background:#FFFFFF!important;box-shadow:0 1px 0 var(--t-line)!important;color:var(--t-ink)!important}
html[data-theme="light"] .mobile-top-menu{color:#4F555C!important}
html[data-theme="light"] .mobile-user-name{color:var(--t-ink)!important}
html[data-theme="light"] .mobile-user-avatar-trigger .person-avatar{box-shadow:0 0 0 1px var(--t-line)!important}

html[data-theme="light"] .mobile-bottom-nav.nav-v416.nav-v416.nav-v416{background:#FFFFFF!important;box-shadow:0 0 0 1px var(--t-line),0 10px 28px rgba(20,23,27,.12)!important}
html[data-theme="light"] .mobile-bottom-nav.nav-v416.nav-v416.nav-v416>a{color:#80868D!important}
html[data-theme="light"] .mobile-bottom-nav.nav-v416.nav-v416.nav-v416>a.active,
html[data-theme="light"] .mobile-bottom-nav.nav-v416.nav-v416.nav-v416>a.active>span{color:var(--t-ink)!important}
html[data-theme="light"] .mobile-bottom-nav.nav-v416.nav-v416.nav-v416 .mobile-nav-new{box-shadow:0 4px 12px rgba(239,206,75,.35)!important}
html[data-theme="light"] .mobile-bottom-nav.nav-v416.nav-v416.nav-v416>a em{border-color:#FFFFFF!important}

/* Вхід: у темній темі — оригінальний білий логотип, у світлій — оригінальний темний */
html[data-theme="dark"] .login-brand img{content:url(/static/lookcar-brand.png?v=173)}

/* Темна тема: оригінальний логотип із білим написом там, де в оригіналі стоїть темний */
html[data-theme="dark"] img[src*="lookcar-login-brand"]{content:url(/static/lookcar-brand.png?v=173)}
/* Іконки типів авто (темні контурні) — світла підкладка, щоб їх було видно; саме зображення не змінюється */
html[data-theme="dark"] .vehicle-illustration{background:#D9DCE0!important}
/* Світле нижнє меню: «Черга» з можливістю запису — насичений червоний замість блідого */
html[data-theme="light"] body nav.mobile-bottom-nav.nav-v416.nav-v416.nav-v416 [data-queue-nav].queue-has-opportunity-v341,
html[data-theme="light"] body nav.mobile-bottom-nav.nav-v416.nav-v416.nav-v416 [data-queue-nav].queue-has-opportunity-v341>span{color:#D13B3B!important}

/* ---------- Комп'ютер: бічна панель (у темній темі — графіт шапки) ---------- */
html[data-theme="dark"] .sidebar{background:#0F1012!important;color:#F2F3F5!important;box-shadow:inset -1px 0 0 #24272B}
html[data-theme="dark"] .sidebar nav a{color:#A6ACB3!important}
html[data-theme="dark"] .sidebar nav a.active,html[data-theme="dark"] .sidebar nav a:hover{background:#24272B!important;color:#F2F3F5!important}

/* ---------- Перемикач теми (Меню) ---------- */
html[data-theme] .theme-switch-v5{display:grid;gap:8px;margin:12px 0 0;padding:14px 16px;border-radius:16px;background:var(--t-surface);box-shadow:var(--t-shadow)}
html[data-theme] .theme-switch-v5>b{font-size:var(--fs-lead,16px);font-weight:700;color:var(--t-ink)}
html[data-theme] .theme-switch-v5>small{font-size:var(--fs-sec,12px);color:var(--t-ink-3)}
html[data-theme] .theme-seg-v5{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:3px;border-radius:12px;background:var(--t-surface-2);box-shadow:inset 0 0 0 1px var(--t-line)}
html[data-theme] .theme-seg-v5 button{min-height:40px;border:0;border-radius:9px;background:transparent;color:var(--t-ink-2);font:inherit;font-size:13.5px;font-weight:400;cursor:pointer;padding:0 4px;display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;letter-spacing:-.01em;-webkit-tap-highlight-color:transparent}
html[data-theme] .theme-seg-v5 button svg{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
html[data-theme] .theme-seg-v5 button[aria-pressed="true"]{color:var(--t-ink);font-weight:600;background:var(--t-surface);box-shadow:0 1px 3px rgba(20,23,27,.14)}
html[data-theme="dark"] .theme-seg-v5 button[aria-pressed="true"]{background:#3A3F46;box-shadow:none}
html[data-theme] .theme-seg-v5 button:focus-visible{outline:2px solid var(--t-accent);outline-offset:1px}
html[data-theme] .theme-seg-v5 button:active{transform:scale(.97)}
html[data-theme] .sidebar-theme-v5{background:transparent;border:0;color:#8d9399;font:inherit;font-size:12px;padding:9px;text-align:left;cursor:pointer}

/* ---------- v1.6.463: календар одного майстра (натискання на ім'я) ---------- */
html[data-theme] a.cal-staff-focus-v463{color:inherit;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
html[data-theme] a.cal-staff-focus-v463:active .cal-staff-person-v263{transform:scale(.97)}
html[data-theme] a.cal-staff-focus-v463:focus-visible{outline:2px solid var(--t-accent);outline-offset:-2px}
html[data-theme] .master-focus-v463 a.cal-staff-focus-v463{position:sticky}
html[data-theme] .cal-focus-back-v463{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 10px;border-radius:999px;background:var(--t-surface-2);color:var(--t-ink);font-size:13px;font-weight:600;box-shadow:inset 0 0 0 1px var(--t-line)}
html[data-theme] .cal-focus-back-v463 svg,html[data-theme] .cal-focus-chip-v463 span svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
html[data-theme] .cal-focus-chip-v463{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:8px 10px 8px 8px;border-radius:16px;background:var(--t-surface);box-shadow:var(--t-shadow);color:var(--t-ink);text-decoration:none}
html[data-theme] .cal-focus-chip-v463 b{flex:1;min-width:0;font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-theme] .cal-focus-chip-v463 span{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 10px;border-radius:999px;background:var(--t-surface-2);font-size:13px;font-weight:600;box-shadow:inset 0 0 0 1px var(--t-line)}
html[data-theme] .cal-focus-chip-v463 .person-avatar{width:36px;height:36px;flex:0 0 36px}

/* ---------- v1.6.465: верхня панель лише на Головній (на телефоні) ---------- */
@media (max-width:820px){
  .app-shell.no-appbar-v465>.mobile-appbar{display:none!important}
  .app-shell.no-appbar-v465{padding-top:env(safe-area-inset-top,0px)!important}
}

/* ---------- v1.6.466: кнопка «Excel» на сторінці «Звіти» ---------- */
html[data-theme] .fx-export-v466{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:12px;background:var(--t-surface);color:var(--t-ink);border:1px solid var(--t-line);box-shadow:var(--t-shadow);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent}
html[data-theme="dark"] .fx-export-v466{background:var(--t-surface-2);border-color:transparent;box-shadow:none}
html[data-theme] .fx-export-v466 svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html[data-theme] .fx-export-v466:active{transform:scale(.96)}
html[data-theme] .fx-export-v466:focus-visible{outline:2px solid var(--t-accent);outline-offset:2px}
html[data-theme] .fx-export-v466.is-loading-v466{opacity:.6;pointer-events:none}

/* ---------- v1.6.467: зміна імені клієнта в картці ---------- */
.ck-htop>div{flex:1 1 auto;min-width:0}
html body .ck-pen.ck-name-pen-v467{margin-left:auto;align-self:center}
html body .ck-pen.ck-name-pen-v467[aria-expanded="true"]{background:#151719!important;border-color:#151719!important;color:#fff}
html[data-theme="dark"] body .ck-pen.ck-name-pen-v467[aria-expanded="true"]{background:#3A3F46!important;border-color:#3A3F46!important;color:#fff}
.ck-name-form-v467{margin:14px 0 2px!important}
.ck-name-form-v467 label{display:flex;flex-direction:column;gap:4px}

/* v1.6.468 — редагування й видалення завдань */
.tk-main.tk-editable-v468{cursor:pointer}
.tk-del-form-v468{margin:14px 0 calc(110px + env(safe-area-inset-bottom));display:flex;justify-content:center}
.tk-del-v468{min-height:46px;padding:0 20px;border:1px solid var(--t-line,#e3e5e8);border-radius:14px;background:transparent;color:var(--t-danger-ink,#d64545);font:inherit;font-weight:600}
.tk-del-v468.is-armed{background:var(--t-danger,#d64545);border-color:var(--t-danger,#d64545);color:#fff}

/* v1.6.469 — подвійний тап на «＋» у календарі не збільшує сторінку */
.cal-create-slot.calendar-cell-action{touch-action:manipulation}

/* v1.6.469 — часткові та спільні оплати */
.bc-partial-v469{display:grid;gap:2px;margin-top:10px;padding:10px 12px;border:1px solid var(--t-line,#e3e5e8);border-radius:14px;background:var(--t-surface,#fff)}
.bc-partial-h-v469{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:6px;font-size:14px}
.bc-partial-h-v469 b{font-weight:700;color:var(--t-ink,#101214)}
.bc-partial-h-v469 span{font-weight:700;color:var(--t-ink-2,#4b5157);white-space:nowrap}
.bc-partial-h-v469 span.is-debt{color:var(--t-danger-ink,#c43c3c)}
.bc-partial-row-v469{display:flex;align-items:center;gap:10px;min-height:34px;border-top:1px solid var(--t-line,#eceef0);font-size:13px}
.bc-partial-row-v469 span{flex:1;min-width:0;color:var(--t-ink-2,#4b5157)}
.bc-partial-row-v469 b{font-weight:700;color:var(--t-ink,#101214);white-space:nowrap}
.bc-partial-row-v469 form{margin:0}
.bc-partial-row-v469 button{min-height:30px;padding:0 10px;border:1px solid var(--t-line,#e3e5e8);border-radius:9px;background:transparent;color:var(--t-danger-ink,#c43c3c);font:inherit;font-size:12px;font-weight:600}
.pd469{display:grid;gap:10px;margin:0 0 12px}
.pd469-extra{display:grid;gap:6px}
.pd469-cap{font-size:13px;font-weight:700;color:var(--t-ink-2,#4b5157)}
.pd469-job{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border:1.5px solid var(--t-line,#e6e8eb);border-radius:14px;background:var(--t-surface,#fff);cursor:pointer}
.pd469-job input{width:20px;height:20px;margin:0;accent-color:#111}
html[data-theme="dark"] .pd469-job input{accent-color:#EFCE4B}
.pd469-job span{display:grid;gap:2px;min-width:0}
.pd469-job b{font-size:14px;font-weight:700;color:var(--t-ink,#101214)}
.pd469-job small{font-size:12px;color:var(--t-ink-3,#70757b);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd469-job em{font-style:normal;font-weight:700;font-size:14px;color:var(--t-ink,#101214);white-space:nowrap}
.pd469-job.is-off{opacity:.55;cursor:default}
.pd469-job:has(input:checked){border-color:var(--t-ink,#101214)}
.pd469-amount{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 8px;padding:8px 12px;border:1.5px solid var(--t-line,#e6e8eb);border-radius:14px;background:var(--t-surface,#fff)}
.pd469-amount span{grid-column:1/-1;font-size:12px;font-weight:700;color:var(--t-ink-3,#70757b)}
.pd469-amount input{width:100%;min-width:0;border:0;outline:0;background:transparent;padding:0;font:inherit;font-size:22px;font-weight:700;color:var(--t-ink,#101214)}
.pd469-amount i{font-style:normal;font-size:15px;font-weight:700;color:var(--t-ink-3,#70757b)}
.pd469-amount:focus-within{border-color:var(--t-ink,#101214)}
.pd469-note{margin:0;padding:8px 12px;border-radius:12px;background:var(--t-surface-2,#f4f5f6);color:var(--t-ink-2,#4b5157);font-size:13px;line-height:1.45;white-space:pre-line}
.pd469-note.is-bad{color:var(--t-danger-ink,#c43c3c)}
html body .pd462 .pd462-opt:disabled,html body .pd462 .pd462-opt.is-off{opacity:.45}
/* v1.6.469 — кілька робіт в одній фактурі */
.iv-job-v469{display:flex;flex-direction:column;gap:8px}
.iv-job-h-v469{display:flex;flex-direction:column;gap:1px}
.iv-job-h-v469 b{font-size:15px;line-height:20px;font-weight:700}
.iv-job-h-v469 small{font-size:12px;line-height:16px;color:#70757b}
html[data-theme="dark"] .iv-job-h-v469 small{color:#a9aeb4}
.iv-job-sum-v469>div{font-size:13px}
.iv-job-sum-v469 dt{color:inherit!important;font-weight:600}
.iv-cut-soft-v469{opacity:.55}
.pd469-job.is-fixed{cursor:default}
.pd469-job.is-fixed input{opacity:.6}
html body .pd469-amount input,html body .pd469-amount input:focus{border:0!important;box-shadow:none!important;outline:0!important;background:transparent!important;height:auto!important;min-height:0!important;padding:0!important}

/* v1.6.470 — позначка «Борг»: виконана, але не оплачена повністю робота (частково оплачена або день минув) */
html[data-theme] .is-debt-v470{color:#c62828!important}
html[data-theme="dark"] .is-debt-v470{color:#ff8a80!important}
html[data-theme] .status-debt-v470,html[data-theme] .status-debt-v470 .status-text-v210{color:#c62828!important}
html[data-theme="dark"] .status-debt-v470,html[data-theme="dark"] .status-debt-v470 .status-text-v210{color:#ff8a80!important}
html[data-theme] .status-debt-v470 i,html[data-theme] .status-debt-v470 i::before{background:#e53935!important;border-color:#e53935!important}
.ol-pill.debt-v470{background:#fdecec;color:#a4262c}
html[data-theme="dark"] .ol-pill.debt-v470{background-color:#3a2426;color:#ff9e98}
html[data-theme] body .is-debt-v470.is-debt-v470.is-debt-v470{--lc-oc:#c62828!important;--lc-ob:#fdecec!important;color:#c62828!important;-webkit-text-fill-color:currentColor}
html[data-theme] body .calendar-price-status-v292.is-debt-v470.is-debt-v470,html[data-theme] body .today-booking-v416-price.is-debt-v470.is-debt-v470{background-color:#fdecec!important;background-image:none!important}
html[data-theme="dark"] body .is-debt-v470.is-debt-v470.is-debt-v470{--lc-oc:#ff9e98!important;--lc-ob:#3a2426!important;color:#ff9e98!important}
html[data-theme="dark"] body .calendar-price-status-v292.is-debt-v470.is-debt-v470,html[data-theme="dark"] body .today-booking-v416-price.is-debt-v470.is-debt-v470{background-color:#3a2426!important}
/* v1.6.470 — оплата наперед */
html body .bc-prepay-v470{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;height:46px;margin-top:8px;border:1.5px solid var(--t-line,#e3e5e8);border-radius:14px;background:transparent;color:var(--t-ink,#101214);font:inherit;font-size:15px;font-weight:700}
html body .bc-prepay-v470 svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2}

/* v1.6.471 — статус оплати біля суми (окремо від статусу роботи) */
html[data-theme] body .pay-partial-v471.pay-partial-v471{--lc-oc:#8a5a00!important;--lc-ob:#fff4d6!important;color:#8a5a00!important}
html[data-theme] body .pay-prepaid-v471.pay-prepaid-v471{--lc-oc:#16804a!important;--lc-ob:#e3f5ea!important;color:#16804a!important}
html[data-theme] body .pay-overpaid-v471.pay-overpaid-v471{--lc-oc:#5b3fb5!important;--lc-ob:#efeafd!important;color:#5b3fb5!important}
html[data-theme] body :is(.calendar-price-status-v292,.today-booking-v416-price).pay-partial-v471{background-color:#fff4d6!important;background-image:none!important}
html[data-theme] body :is(.calendar-price-status-v292,.today-booking-v416-price).pay-prepaid-v471{background-color:#e3f5ea!important;background-image:none!important}
html[data-theme] body :is(.calendar-price-status-v292,.today-booking-v416-price).pay-overpaid-v471{background-color:#efeafd!important;background-image:none!important}
html[data-theme="dark"] body .pay-partial-v471.pay-partial-v471{--lc-oc:#ffd27a!important;--lc-ob:#3d3220!important;color:#ffd27a!important}
html[data-theme="dark"] body .pay-prepaid-v471.pay-prepaid-v471{--lc-oc:#8fe0b4!important;--lc-ob:#1f3a2c!important;color:#8fe0b4!important}
html[data-theme="dark"] body .pay-overpaid-v471.pay-overpaid-v471{--lc-oc:#c8b6ff!important;--lc-ob:#2e2745!important;color:#c8b6ff!important}
html[data-theme="dark"] body :is(.calendar-price-status-v292,.today-booking-v416-price).pay-partial-v471{background-color:#3d3220!important}
html[data-theme="dark"] body :is(.calendar-price-status-v292,.today-booking-v416-price).pay-prepaid-v471{background-color:#1f3a2c!important}
html[data-theme="dark"] body :is(.calendar-price-status-v292,.today-booking-v416-price).pay-overpaid-v471{background-color:#2e2745!important}

/* v1.6.471 — «Розрахунок»: підказка в картці, кнопка фактури у вікні */
html body .bc-hint-v471{width:100%;display:flex;align-items:center;gap:8px;min-height:40px;margin-top:8px;padding:8px 12px;border:1px dashed var(--t-line,#d6d9dd);border-radius:12px;background:transparent;color:var(--t-ink-2,#4b5157);font:inherit;font-size:13px;font-weight:600;text-align:left}
html body .bc-hint-v471 span{flex:1;min-width:0}
html body .bc-hint-v471 svg{flex:0 0 16px;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
html body .pd471-invoice{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;border:1.5px solid var(--t-line,#e3e5e8);border-radius:14px;background:var(--t-surface,#fff);color:var(--t-ink,#101214);font:inherit;font-size:15px;font-weight:700}
html body .pd471-invoice svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.pd471-paycap{margin-top:4px}
.bc-partial-h-v469 span.is-over{color:#5b3fb5}
html[data-theme="dark"] .bc-partial-h-v469 span.is-over{color:#c8b6ff}
.bc-refund-v471{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:8px;border-top:1px solid var(--t-line,#eceef0);font-size:13px;color:var(--t-ink-2,#4b5157)}
.bc-refund-v471 span{flex:1 1 100%}
.bc-refund-v471 button{min-height:34px;padding:0 12px;border:1px solid var(--t-line,#e3e5e8);border-radius:10px;background:transparent;color:var(--t-ink,#101214);font:inherit;font-size:13px;font-weight:600}

/* v1.6.472 — фото власника на Головній: натисніть, щоб змінити */
.mobile-user-avatar-trigger.is-editable-v472{position:relative;cursor:pointer}
.avatar-cam-v472{position:absolute;right:-3px;bottom:-3px;width:17px;height:17px;border-radius:50%;background:#EFCE4B;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff;pointer-events:none}
html[data-theme="dark"] .avatar-cam-v472{box-shadow:0 0 0 2px #121315}
.avatar-cam-v472 svg{width:11px;height:11px;fill:none;stroke:#101214;stroke-width:2.2;stroke-linejoin:round}
.mobile-user-avatar-trigger.is-busy-v472,.mobile-user-avatar-trigger.is-busy{opacity:.5}