/* DaCucina — screens theme (2026-09-30, round 19 items 4 / 13 / 18). Presentation only — no behaviour.
   Applies the APPROVED 2026-09-24 design (values copied from dc-sidebar.css / admin_dashboard.css / wa-theme.css — no new palette)
   to the lead card, the customer card (lead card in customer mode), the "הורדה לביצוע" case screen and the service screen.
   The legacy tokens (--accent-primary #b88857, --bg-tertiary …) are re-pointed INSIDE these containers only, so every inline
   `var(--…)` in those views follows without touching JS. `html body …` beats the runtime-injected <style> blocks. */
html body{--dcs-cream:#F7F5F0;--dcs-surface:#FFFEFC;--dcs-stone:#EFEAE2;--dcs-line:#E5DDD2;--dcs-hover:#EEE9E0;--dcs-ink:#292621;--dcs-ink2:#5F564C;--dcs-muted:#756D63;
 --dcs-bronze:#A78053;--dcs-bronze-deep:#8a6636;--dcs-bronze-press:#74542c;--dcs-bronze-soft:rgba(167,128,83,.14);--dcs-on-bronze:#fbf6ec;--dcs-active:#2B2724;--dcs-active-text:#F7F3EC;
 --dcs-badge-bg:#E9E3D9;--dcs-badge-text:#5F564C;--dcs-ok:#3d6b3a;--dcs-warn:#b7791f;--dcs-bad:#9b2c2c;--dcs-shadow:0 1px 2px rgba(41,38,33,.06),0 6px 18px rgba(41,38,33,.07);
 --dcs-shadow-pop:0 12px 34px rgba(41,38,33,.18);--dcs-focus:0 0 0 3px rgba(167,128,83,.35);--dcs-serif:'Frank Ruhl Libre','David',serif;}
html body.dark{--dcs-cream:#161922;--dcs-surface:#1c2030;--dcs-stone:#1a1e2b;--dcs-line:rgba(245,241,234,.10);--dcs-hover:#222737;--dcs-ink:#f5f1ea;--dcs-ink2:#d3cdc1;--dcs-muted:#b3ada1;
 --dcs-bronze:#c89d6b;--dcs-bronze-deep:#c89d6b;--dcs-bronze-press:#d9b083;--dcs-bronze-soft:rgba(200,157,107,.16);--dcs-on-bronze:#1a1713;--dcs-active:#f2ede4;--dcs-active-text:#1a1713;
 --dcs-badge-bg:#2a3045;--dcs-badge-text:#d3cdc1;--dcs-ok:#4f8a4a;--dcs-warn:#e0a84a;--dcs-bad:#e06c6c;--dcs-shadow:0 1px 2px rgba(0,0,0,.3),0 8px 22px rgba(0,0,0,.35);--dcs-focus:0 0 0 3px rgba(200,157,107,.4);}

/* 1 · legacy tokens re-pointed inside the screens (inline styles follow automatically) */
html body :is(.lead-card-pro,.case-pro,.service-screen,.service-ticket-modal,.svc-detail-modal,.dc-done){--accent-primary:var(--dcs-bronze);--accent-hover:var(--dcs-bronze-deep);--accent-light:var(--dcs-bronze-soft);
 --bg-card:var(--dcs-surface);--bg-secondary:var(--dcs-surface);--bg-tertiary:var(--dcs-stone);--bg-elevated:var(--dcs-stone);--bg-hover:var(--dcs-hover);--border-default:var(--dcs-line);
 --border-subtle:rgba(151,111,65,.12);--border-strong:rgba(151,111,65,.4);--text-primary:var(--dcs-ink);--text-secondary:var(--dcs-ink2);--text-tertiary:var(--dcs-muted);
 --success:var(--dcs-ok);--warning:var(--dcs-warn);--danger:var(--dcs-bad);color:var(--dcs-ink);}

/* 2 · frames & surfaces (= .adm2-card) */
html body .lead-card-pro{border:1px solid var(--dcs-line);border-radius:18px;box-shadow:var(--dcs-shadow-pop);}
html body .lead-card-pro :is(.lead-card-header,.lead-card-tabs,.lead-card-footer){background:var(--dcs-surface);border-color:var(--dcs-line);}
html body .lead-card-pro :is(.lead-card-body,.cw-panel){background:var(--dcs-cream);}
html body .service-screen{background:var(--dcs-cream);border-radius:16px;padding:.8rem;}
html body .lead-card-pro :is(.lead-card-panel,.cw-actions-panel,.cw-stage2-placeholder),html body .case-pro :is(.case-pro-card,.case-pro-stepper-wrap,.case-pro-kpi),
html body .case-pro-body .case-files-tab .card,html body .service-screen :is(.svc-card,.svc-filters){background:var(--dcs-surface);border:1px solid var(--dcs-line);border-radius:16px;box-shadow:var(--dcs-shadow);}
html body .lead-card-pro .lead-card-panel:hover,html body .case-pro .case-pro-card:hover{box-shadow:0 10px 30px rgba(52,38,20,.10);transform:none;}

/* 3 · type */
html body .lead-card-pro .lead-card-name{font-family:var(--dcs-serif);font-weight:400;font-size:22px;}
html body .case-pro .case-pro-num{font-family:var(--dcs-serif);font-weight:300;font-size:30px;}
html body .lead-card-pro .lead-card-panel-title,html body .case-pro .case-pro-card-title{font-family:var(--dcs-serif);font-weight:400;font-size:16px;color:var(--dcs-ink);}
html body .lead-card-pro .lead-card-panel-title i,html body .case-pro .case-pro-card-title i{color:var(--dcs-bronze-deep);}
html body .lead-card-pro :is(.cw-nav-header,.cw-kpi-label),html body .case-pro .case-pro-kpi-label{font-size:11px;letter-spacing:.14em;color:var(--dcs-muted);}

/* 4 · chips (= .adm2-chip) */
html body .lead-card-pro .lead-card-hbadge,html body .case-pro .case-pro-badge{border-radius:999px;border:1px solid rgba(151,111,65,.35);background:var(--dcs-surface);color:var(--dcs-ink2);}
html body .lead-card-pro .lead-card-hbadge.accent{background:var(--dcs-bronze-soft);color:var(--dcs-bronze-deep);}
html body .case-pro .case-pro-badge.danger{background:rgba(155,44,44,.10);border-color:rgba(155,44,44,.3);color:var(--dcs-bad);}
html body .case-pro .case-pro-badge.warn{background:rgba(183,121,31,.12);border-color:rgba(183,121,31,.35);color:var(--dcs-ink);}
html body .case-pro .case-pro-badge.warn i{color:var(--dcs-warn);}

/* 5 · buttons: ghost (= .adm2-btn.ghost) → primary (= .adm2-btn) */
html body .lead-card-pro .lead-action-btn,html body .case-pro :is(.case-pro-action-btn,.case-pro-req-btn,.case-pro-icon-btn),html body .lead-card-pro .lead-card-icon-btn,
html body :is(.lead-card-pro,.case-pro,.service-screen) :is(.btn.btn-secondary,.button.secondary),html body :is(.service-screen,.modal) .svc-btn.ghost{background:transparent;color:var(--dcs-ink);border:1px solid rgba(151,111,65,.4);filter:none;}
html body .lead-card-pro :is(.lead-action-btn,.lead-card-icon-btn):hover,html body .case-pro :is(.case-pro-action-btn,.case-pro-req-btn,.case-pro-icon-btn):hover,
html body :is(.lead-card-pro,.case-pro,.service-screen) :is(.btn.btn-secondary,.button.secondary):hover,html body :is(.service-screen,.modal) .svc-btn.ghost:hover{background:var(--dcs-bronze-soft);border-color:var(--dcs-bronze);color:var(--dcs-ink);filter:none;}
html body .lead-card-pro .lead-action-btn.primary,html body .case-pro .case-pro-action-btn.primary,html body :is(.lead-card-pro,.case-pro,.service-screen) :is(.btn.btn-primary,.button.primary),
html body :is(.service-screen,.modal) :is(.svc-btn:not(.ghost),.svc-mini-btn:not([style])){background:var(--dcs-bronze-deep);border:1px solid var(--dcs-bronze-deep);color:var(--dcs-on-bronze);filter:none;}
html body .lead-card-pro .lead-action-btn.primary:hover,html body .case-pro .case-pro-action-btn.primary:hover,html body :is(.lead-card-pro,.case-pro,.service-screen) :is(.btn.btn-primary,.button.primary):hover,
html body :is(.service-screen,.modal) :is(.svc-btn:not(.ghost),.svc-mini-btn:not([style])):hover{background:var(--dcs-bronze-press);color:var(--dcs-on-bronze);transform:translateY(-1px);box-shadow:0 10px 22px rgba(106,74,38,.25);}
html body .lead-card-pro .lead-action-btn.success,html body :is(.lead-card-pro,.case-pro) .btn.btn-success,html body .lead-card-pro .btn-success{background:var(--dcs-ok);border-color:var(--dcs-ok);color:#fff;}
html body .lead-card-pro .lead-action-btn.danger,html body .case-pro .case-pro-action-btn.danger{color:var(--dcs-bad);}
html body .lead-card-pro .lead-action-btn.wa:hover{color:var(--dcs-ok);border-color:var(--dcs-ok);}
html body :is(.lead-card-pro,.case-pro,.service-screen) :is(.btn.btn-tertiary,.button.tertiary){background:transparent;color:var(--dcs-muted);}
html body :is(.lead-card-pro,.case-pro,.service-screen) :is(.btn.btn-tertiary,.button.tertiary):hover{background:var(--dcs-hover);color:var(--dcs-ink);}
html body :is(.lead-card-pro .lead-card-link,.lead-card-pro .lead-card-link-btn,.case-pro .case-pro-link-btn){color:var(--dcs-bronze-deep);}
html body :is(.lead-card-pro,.case-pro,.service-screen) :is(button,.btn,.button):focus-visible{outline:none;box-shadow:var(--dcs-focus);}

/* 6 · tabs (= .wa-tab: cream pill, graphite active + bronze underline) */
html body .lead-card-pro .lead-card-tab,html body .case-pro .case-pro-tab,html body .service-screen .svc-tab{background:var(--dcs-cream);color:var(--dcs-muted);border:1px solid var(--dcs-line);border-radius:999px;font-weight:600;}
html body .lead-card-pro .lead-card-tab:hover,html body .case-pro .case-pro-tab:hover,html body .service-screen .svc-tab:hover{background:var(--dcs-bronze-soft);color:var(--dcs-ink);border-color:var(--dcs-bronze);}
html body .lead-card-pro .lead-card-tab.is-active,html body .case-pro .case-pro-tab.is-active,html body .service-screen .svc-tab.active{background:var(--dcs-active);color:var(--dcs-active-text);border-color:var(--dcs-active);box-shadow:inset 0 -2px 0 var(--dcs-bronze);}
html body .lead-card-pro .lead-card-tab-count,html body .service-screen .svc-tab .cnt{background:rgba(41,38,33,.08);color:inherit;border-radius:999px;font-weight:700;}
html body .lead-card-pro .lead-card-tab.is-active .lead-card-tab-count,html body .service-screen .svc-tab.active .cnt{background:rgba(247,243,236,.22);}

/* 7 · steppers (lead "מצב טיפול" + case header): done = ok, current = bronze-deep */
html body .lead-card-pro .lead-card-prog-dot,html body .case-pro .case-pro-step-dot{background:var(--dcs-cream);border-color:var(--dcs-line);color:var(--dcs-muted);}
html body .lead-card-pro .lead-card-prog-step.done .lead-card-prog-dot,html body .case-pro .case-pro-step.done .case-pro-step-dot,html body .case-pro .case-pro-stage-row.done .case-pro-stage-dot{background:var(--dcs-ok);border-color:var(--dcs-ok);color:#fff;}
html body .lead-card-pro .lead-card-prog-step.current .lead-card-prog-dot,html body .case-pro .case-pro-step.current .case-pro-step-dot{background:var(--dcs-bronze-deep);border-color:var(--dcs-bronze-deep);color:var(--dcs-on-bronze);box-shadow:0 0 0 4px var(--dcs-bronze-soft);}
html body .lead-card-pro .lead-card-prog-step.current .lead-card-prog-lbl,html body .case-pro .case-pro-step.current .case-pro-step-lbl{color:var(--dcs-bronze-deep);}
html body .lead-card-pro .lead-card-prog-line,html body .case-pro .case-pro-step-line{background:var(--dcs-line);}
html body .lead-card-pro .lead-card-prog-line.on,html body .case-pro .case-pro-step-line.on{background:var(--dcs-ok);}
html body .case-pro .case-pro-prog-fill{background:linear-gradient(90deg,var(--dcs-bronze),var(--dcs-ok));}

/* 8 · "מרכז לקוח" side menu (= sidebar v2 nav-item) */
html body .lead-card-pro .cw-nav{background:var(--dcs-cream);border-left-color:var(--dcs-line);padding:.5rem .45rem;}
html body .lead-card-pro .cw-nav-header{border-bottom-color:var(--dcs-line);font-weight:600;}
html body .lead-card-pro .cw-nav-item{border-right:0;border-radius:10px;min-height:38px;color:var(--dcs-ink);font-size:13.5px;position:relative;}
html body .lead-card-pro .cw-nav-item i{color:var(--dcs-muted);}
html body .lead-card-pro .cw-nav-item:hover{background:var(--dcs-hover);color:var(--dcs-ink);}
html body .lead-card-pro .cw-nav-item:hover i{color:var(--dcs-bronze);}
html body .lead-card-pro .cw-nav-item.is-active{background:var(--dcs-active);color:var(--dcs-active-text);font-weight:500;}
html body .lead-card-pro .cw-nav-item.is-active i{color:var(--dcs-active-text);}
html body .lead-card-pro .cw-nav-item.is-active::before{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px;height:58%;background:var(--dcs-bronze);border-radius:0 3px 3px 0;}
html body .lead-card-pro .cw-nav-badge{background:var(--dcs-badge-bg);color:var(--dcs-badge-text);border-radius:999px;font-weight:600;}
html body .lead-card-pro .cw-nav-item.is-active .cw-nav-badge{background:rgba(255,255,255,.16);color:var(--dcs-active-text);}
html body .lead-card-pro .cw-nav-sep{background:var(--dcs-line);}

/* 9 · KPI tiles (= .adm2-card + .adm2-ico); the icon keeps its semantic colour */
html body .lead-card-pro .cw-kpi{background:var(--dcs-surface);border:1px solid rgba(151,111,65,.22);border-radius:16px;box-shadow:0 10px 30px rgba(52,38,20,.07);padding:.85rem .9rem;}
html body .lead-card-pro .cw-kpi.clickable:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(52,38,20,.12);border-color:rgba(167,128,80,.6);}
html body .lead-card-pro .cw-kpi i{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0 auto .45rem;border-radius:11px;background:rgba(167,128,80,.14);font-size:18px;}
html body .lead-card-pro .cw-kpi-val{font-size:17px;font-weight:600;color:var(--dcs-ink);font-variant-numeric:tabular-nums;}
html body .case-pro .case-pro-kpi-icon{width:34px;height:34px;border-radius:11px;background:rgba(167,128,80,.14);color:var(--dcs-bronze-deep);}
html body .case-pro .case-pro-kpi-val{font-size:14.5px;font-weight:600;color:var(--dcs-ink);}
html body .case-pro .case-pro-kpi-val.danger{color:var(--dcs-bad);}

/* 10 · tables + inputs (= .adm2 th/td, .adm2-input) */
html body :is(.lead-card-pro,.case-pro) .data-table thead{background:transparent;}
html body :is(.lead-card-pro,.case-pro) .data-table th,html body .service-screen .svc-table thead th{font-size:11px;letter-spacing:.12em;text-transform:none;color:var(--dcs-muted);font-weight:500;border-bottom:1px solid rgba(151,111,65,.25);}
html body :is(.lead-card-pro,.case-pro) .data-table td,html body .service-screen .svc-table tbody td{color:var(--dcs-ink);border-bottom:1px solid rgba(43,38,33,.06);}
html body :is(.lead-card-pro,.case-pro) .data-table tbody tr:hover,html body .service-screen .svc-table tbody tr:hover{background:rgba(167,128,80,.10);}
html body .service-screen .svc-table thead th.svc-th-sort:hover,html body .service-screen .svc-table thead th.svc-th-sort.active{color:var(--dcs-bronze-deep);}
html body :is(.lead-card-pro,.case-pro,.service-screen) :is(.text-input,.svc-select,.svc-search){border:1px solid rgba(151,111,65,.4);border-radius:8px;background:var(--dcs-surface);color:var(--dcs-ink);}
html body :is(.lead-card-pro,.case-pro,.service-screen) :is(.text-input,.svc-select,.svc-search):focus{outline:0;border-color:var(--dcs-bronze);box-shadow:0 0 0 3px rgba(167,128,80,.18);}

/* 11 · messages / banners */
html body :is(.lead-card-pro,.case-pro) .cw-info-banner{background:var(--dcs-bronze-soft);border-color:rgba(167,128,83,.35);color:var(--dcs-ink);}
html body :is(.lead-card-pro,.case-pro) :is(.cw-warning-banner,.lead-card-point,.case-pro-blocker){background:rgba(183,121,31,.10);border:1px solid rgba(183,121,31,.30);color:var(--dcs-ink);}
html body :is(.lead-card-pro,.case-pro) :is(.lead-card-point,.case-pro-blocker) i{color:var(--dcs-warn);}
html body .lead-card-pro .cw-all-good{background:rgba(61,107,58,.08);border-color:rgba(61,107,58,.25);color:var(--dcs-ok);}
html body .lead-card-pro .cw-actions-panel{border-right:3px solid var(--dcs-warn);}
html body .lead-card-pro .lead-card-task.overdue{background:rgba(155,44,44,.06);}
html body .case-pro .case-pro-count.danger{background:rgba(155,44,44,.10);color:var(--dcs-bad);}

/* 12 · service extras (screen + ticket modals + lead/case service tabs) */
html body :is(.service-screen,.modal) .svc-meta-chip .ti{color:var(--dcs-bronze-deep);}
html body :is(.service-screen,.modal) .svc-tl-dot{background:var(--dcs-bronze);}
html body .service-ticket-modal .modal-header{border-bottom:2px solid var(--dcs-bronze);}
html body .service-screen .svc-updated{color:var(--dcs-muted);}

/* 13 · item 13: the "measurement request sent" panel — opaque surface, readable contrast, approved buttons */
html body #modal-container .modal.dc-done{max-width:520px;width:calc(100% - 32px);background:var(--dcs-surface);border:1px solid var(--dcs-line);border-radius:18px;box-shadow:0 24px 60px rgba(41,38,33,.28);padding:1.6rem 1.75rem;display:block;direction:rtl;color:var(--dcs-ink);}
html body #modal-container .dc-done__head{display:flex;gap:.9rem;align-items:flex-start;margin-bottom:1rem;}
html body #modal-container .dc-done__ico{flex:0 0 48px;height:48px;border-radius:14px;background:rgba(61,107,58,.12);color:var(--dcs-ok);display:flex;align-items:center;justify-content:center;font-size:24px;}
html body #modal-container .dc-done__eyebrow{font-size:11px;letter-spacing:.16em;color:var(--dcs-muted);}
html body #modal-container .dc-done h2{font-family:var(--dcs-serif);font-weight:400;font-size:22px;margin:.1rem 0 .35rem;color:var(--dcs-ink);}
html body #modal-container .dc-done p{font-size:13.5px;color:var(--dcs-ink2);margin:0;line-height:1.55;}
html body #modal-container .dc-done__grid{display:grid;grid-template-columns:110px 1fr;gap:.45rem .8rem;background:var(--dcs-cream);border:1px solid var(--dcs-line);border-radius:12px;padding:.85rem 1rem;margin:0 0 .9rem;}
html body #modal-container .dc-done__grid dt{color:var(--dcs-muted);font-size:12.5px;margin:0;}
html body #modal-container .dc-done__grid dd{color:var(--dcs-ink);font-weight:600;font-size:13px;margin:0;}
html body #modal-container .dc-done__chip{display:inline-block;background:var(--dcs-bronze-soft);color:var(--dcs-bronze-deep);border-radius:999px;padding:1px 10px;font-weight:600;}
html body #modal-container .dc-done__steps{list-style:none;padding:0;margin:0 0 1.1rem;font-size:12.5px;color:var(--dcs-ink2);}
html body #modal-container .dc-done__steps li{display:flex;gap:.45rem;align-items:center;margin:.25rem 0;}
html body #modal-container .dc-done__steps li.ok i{color:var(--dcs-ok);}
html body #modal-container .dc-done__steps li.pending i{color:var(--dcs-warn);}
html body #modal-container .dc-done__steps li.failed{color:var(--dcs-bad);}
html body #modal-container .dc-done__actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-start;}
html body #modal-container .dc-btn{height:38px;border-radius:9px;padding:0 14px;font-weight:600;font-size:13px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;border:1px solid transparent;}
html body #modal-container .dc-btn.primary{background:var(--dcs-bronze-deep);border-color:var(--dcs-bronze-deep);color:var(--dcs-on-bronze);}
html body #modal-container .dc-btn.primary:hover{background:var(--dcs-bronze-press);transform:translateY(-1px);}
html body #modal-container .dc-btn.ghost{background:transparent;border-color:rgba(151,111,65,.4);color:var(--dcs-ink);}
html body #modal-container .dc-btn.ghost:hover{background:var(--dcs-bronze-soft);}
html body #modal-container .dc-btn.text{background:transparent;color:var(--dcs-muted);}
html body #modal-container .dc-btn.text:hover{background:var(--dcs-hover);color:var(--dcs-ink);}
html body #modal-container .dc-btn:focus-visible{outline:none;box-shadow:var(--dcs-focus);}

/* 14 · motion */
@media (prefers-reduced-motion:reduce){html body :is(.lead-card-pro,.case-pro,.service-screen) *{transition:none!important;transform:none!important;}}
