:root{--v17-bg:#f7f8fa;--v17-card:#fff;--v17-text:#17202a;--v17-muted:#667085;--v17-accent:#00c2e8;--v17-accent-dark:#009ec0;--v17-danger:#d92d20;--v17-success:#079455;--v17-radius:18px;--v17-shadow:0 10px 32px rgba(16,24,40,.08)}
html{background:var(--v17-bg);scroll-behavior:auto}body{background:var(--v17-bg);color:var(--v17-text);font-family:Arial,"Noto Sans Hebrew",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,select,textarea{font:inherit}button,.btn,[role="button"]{min-height:44px;border-radius:14px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}button:active,.btn:active,[role="button"]:active{transform:scale(.985)}
.card,.panel,.modal-content,.sheet,.dashboard-card,.employee-card,.job-card{background:var(--v17-card);border:1px solid rgba(16,24,40,.07);border-radius:var(--v17-radius);box-shadow:var(--v17-shadow)}
input,select,textarea{border:1px solid #d0d5dd;border-radius:14px;background:#fff;min-height:44px;padding:10px 12px;color:var(--v17-text)}input:focus,select:focus,textarea:focus{outline:3px solid rgba(0,194,232,.18);border-color:var(--v17-accent)}
nav,.topbar,.header,.app-header{backdrop-filter:saturate(160%) blur(16px);-webkit-backdrop-filter:saturate(160%) blur(16px);background:rgba(255,255,255,.9);border-bottom:1px solid rgba(16,24,40,.07)}
.badge,.chip,.status-pill{border-radius:999px;padding:.35rem .7rem;font-weight:700}.primary,.btn-primary,[data-variant="primary"]{background:var(--v17-accent);color:#001b22;border-color:transparent}.primary:hover,.btn-primary:hover{background:var(--v17-accent-dark);color:#fff}
.toast,.notification{border-radius:16px;box-shadow:var(--v17-shadow)}:focus-visible{outline:3px solid rgba(0,194,232,.45);outline-offset:2px}
@media(max-width:720px){body{padding-bottom:env(safe-area-inset-bottom)}.card,.panel,.dashboard-card{border-radius:16px}.modal-content,.sheet{border-radius:22px 22px 0 0}.table-wrap{overflow:auto;-webkit-overflow-scrolling:touch}button,.btn,[role="button"]{min-height:48px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(prefers-color-scheme:dark){:root{--v17-bg:#101418;--v17-card:#182027;--v17-text:#f2f4f7;--v17-muted:#98a2b3;--v17-shadow:0 10px 32px rgba(0,0,0,.32)}input,select,textarea{background:#11181e;border-color:#344054;color:var(--v17-text)}nav,.topbar,.header,.app-header{background:rgba(16,20,24,.9)}}

/* ENTERPRISE V18 — refined responsive shell */
:root{--v18-space-1:.35rem;--v18-space-2:.6rem;--v18-space-3:.9rem;--v18-space-4:1.2rem;--v18-radius:18px;--v18-shadow:0 10px 30px rgba(0,0,0,.08)}
:is(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid color-mix(in srgb,currentColor 38%,transparent);outline-offset:3px}
:is(button,.btn,[role="button"]){min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
:is(input,select,textarea){font-size:16px;max-width:100%}
:is(.card,.panel,.modal-content,.sheet){border-radius:var(--v18-radius);box-shadow:var(--v18-shadow)}
:is(.toolbar,.actions,.button-row){display:flex;gap:var(--v18-space-2);flex-wrap:wrap;align-items:center}
:is(table){border-collapse:separate;border-spacing:0;width:100%}
:is(th,td){padding:.75rem;vertical-align:middle}
@media(max-width:760px){body{overflow-x:hidden}:is(.grid,.dashboard-grid){grid-template-columns:minmax(0,1fr)!important}:is(.toolbar,.actions,.button-row)>*{flex:1 1 100%}:is(table){display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.modal-content{width:min(96vw,720px)!important;max-height:92dvh;overflow:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(prefers-contrast:more){:is(button,.btn,input,select,textarea,.card,.panel){border-width:2px!important}}

/* Enterprise V28 — persistent customer reminder status */
.tomorrow-jobs-page{display:grid;gap:18px}
.tomorrow-job-list{display:grid;gap:14px}
.tomorrow-job-card{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(220px,.75fr) auto;gap:16px;align-items:center;padding:18px;border:1px solid rgba(15,23,42,.08);border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.tomorrow-job-card:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(15,23,42,.09)}
.tomorrow-job-card.is-sent{border-color:rgba(16,185,129,.35);background:linear-gradient(180deg,#fff 0%,#f1fff9 100%)}
.tomorrow-job-card.is-pending{border-color:rgba(239,68,68,.2)}
.tomorrow-job-number{font-weight:900;color:#111827;background:#f3f4f6;border-radius:999px;padding:8px 12px;white-space:nowrap}
.tomorrow-job-main h3{margin:0 0 6px;font-size:1.1rem}
.tomorrow-job-main p,.tomorrow-job-main small{display:block;margin:0;color:#4b5563}
.tomorrow-reminder-state{display:grid;gap:4px;padding:12px 14px;border-radius:16px;background:rgba(15,23,42,.04)}
.tomorrow-reminder-state b{font-size:.95rem}.tomorrow-reminder-state span{font-size:.82rem;color:#6b7280}
.tomorrow-job-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
@media(max-width:900px){.tomorrow-job-card{grid-template-columns:1fr}.tomorrow-job-actions{justify-content:stretch}.tomorrow-job-actions button{flex:1 1 140px}.tomorrow-job-number{width:max-content}}

/* V761 — global Wolt-like Hebrew typography. Font and contrast only: no layout metrics. */
@font-face{
  font-family:"Clean Style Rubik";
  src:url("/fonts/rubik-hebrew-regular.ttf") format("truetype");
  font-style:normal;
  font-weight:400;
  font-display:swap
}
@font-face{
  font-family:"Clean Style Rubik";
  src:url("/fonts/rubik-hebrew-regular.ttf") format("truetype");
  font-style:normal;
  font-weight:500;
  font-display:swap
}
@font-face{
  font-family:"Clean Style Rubik";
  src:url("/fonts/rubik-hebrew-bold.ttf") format("truetype");
  font-style:normal;
  font-weight:600;
  font-display:swap
}
@font-face{
  font-family:"Clean Style Rubik";
  src:url("/fonts/rubik-hebrew-bold.ttf") format("truetype");
  font-style:normal;
  font-weight:700;
  font-display:swap
}
@font-face{
  font-family:"Clean Style Rubik";
  src:url("/fonts/rubik-hebrew-bold.ttf") format("truetype");
  font-style:normal;
  font-weight:800;
  font-display:swap
}
@font-face{
  font-family:"Clean Style Rubik";
  src:url("/fonts/rubik-hebrew-bold.ttf") format("truetype");
  font-style:normal;
  font-weight:900;
  font-display:swap
}
:root{
  --cs-font-ui:"Clean Style Rubik","Rubik",Arial,sans-serif;
  --cs-text-strong:#20243a;
  --cs-text-body:#2d3548;
  --cs-text-muted:#526176;
  --cs-text-placeholder:#667085;
  --v17-text:var(--cs-text-strong);
  --v17-muted:var(--cs-text-muted);
  --ink:var(--cs-text-strong);
  --muted:var(--cs-text-muted);
  font-family:var(--cs-font-ui)
}
html,body,.cloud-login,.employee-login,.portal-shell,.setup-shell,.storage-required-card{
  font-family:var(--cs-font-ui)!important
}
body{font-weight:600;font-kerning:normal}
button,input,select,textarea,option,optgroup,.cloud-status,.employee-cloud-badge{
  font-family:var(--cs-font-ui)!important
}
button,.btn,[role="button"]{font-weight:700}
h1,h2,h3,h4,h5,h6{font-weight:800}
label,th{font-weight:700}
p,li,dd,dt,td,input,select,textarea{font-weight:600}
small,.hint,.helper-text,.field-help{font-weight:600!important}
input::placeholder,textarea::placeholder{
  color:var(--cs-text-placeholder);
  opacity:1;
  font-weight:600
}
@media(prefers-color-scheme:dark){:root{--v17-text:#f2f4f7;--v17-muted:#a9b6c7}}

/* V787 — one readable Hebrew type system across every CRM surface. */
body,
body :where(h1,h2,h3,h4,h5,h6,p,span,small,strong,b,em,label,legend,summary,a,button,input,select,textarea,option,optgroup,li,dt,dd,th,td){
  font-family:var(--cs-font-ui)!important
}
:where(code,pre,kbd,samp,.totp-secret,.copy-secret-row input,.error-code){
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important
}
.settings-organized-grid :where(.entity-card>p,.integration-note,.settings-preview p){
  font-size:13px!important;
  line-height:1.65
}
.settings-organized-grid small,
.settings-sidebar-title span,
.settings-group-title p{
  font-size:12px!important;
  line-height:1.55
}
.settings-organized-grid .connection-status{
  font-size:12px!important;
  line-height:1.35;
  padding:7px 10px
}

/* V789 — explicit financial actions and payment-proof workflow. */
.ledger-action-card{display:grid;gap:15px}.ledger-kind-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ledger-kind-options label{position:relative;cursor:pointer}.ledger-kind-options input{position:absolute;opacity:0;pointer-events:none}.ledger-kind-options span{display:block;min-height:112px;padding:16px;border:2px solid #dbe5ef;border-radius:18px;background:#fff}.ledger-kind-options b,.ledger-kind-options small{display:block}.ledger-kind-options b{color:#102f57;font-size:17px}.ledger-kind-options small{margin-top:7px;color:#60748a;line-height:1.5}.ledger-kind-options label:has(input:checked) span{border-color:#0b63d8;background:#eef6ff;box-shadow:0 0 0 3px rgba(11,99,216,.1)}
.ledger-payment-due{display:grid;gap:5px;padding:16px;border-radius:18px;background:linear-gradient(135deg,#eaf4ff,#f8fbff);border:1px solid #bad6f5}.ledger-payment-due small{color:#476784}.ledger-payment-due strong{color:#0757be;font-size:28px}.ledger-payment-due span{color:#405d79;font-size:12px}.employee-payment-proof-button{width:100%;min-height:44px}.job-proof-view img{display:block;max-width:100%;max-height:65vh;margin:auto;border-radius:16px;object-fit:contain}
@media(max-width:620px){.ledger-kind-options{grid-template-columns:1fr}.ledger-kind-options span{min-height:0;padding:14px}.ledger-payment-due strong{font-size:24px}}

/* V795 — guided manager ledger actions with explicit before/after balance. */
.manager-ledger-action-panel{margin:8px 0 18px;padding:16px;border:1px solid #d9e5f0;border-radius:20px;background:linear-gradient(180deg,#f8fbff,#fff)}
.manager-ledger-action-heading h3{margin:0;color:#102f57;font-size:19px}.manager-ledger-action-heading p{margin:5px 0 14px;color:#60748a;font-size:13px;line-height:1.45}
.manager-ledger-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.manager-ledger-action-grid>button{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;min-height:78px;padding:12px 14px;text-align:right;border:1px solid #ceddea;border-radius:14px;background:#fff;color:#173654;box-shadow:0 4px 14px rgba(28,66,99,.06);cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.manager-ledger-action-grid>button:hover{border-color:#6fa5d7;box-shadow:0 8px 20px rgba(28,66,99,.12);transform:translateY(-1px)}.manager-ledger-action-grid>button:focus-visible{outline:3px solid rgba(11,99,216,.24);outline-offset:2px}
.manager-ledger-action-grid>button b,.manager-ledger-action-grid>button small{display:block}.manager-ledger-action-grid>button b{font-size:15px}.manager-ledger-action-grid>button small{margin-top:3px;color:#64788c;font-size:11px;line-height:1.35}
.ledger-action-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eef5fb;color:#135c9f;font-size:20px;font-weight:900}.ledger-action-icon.received{background:#e8f8ef;color:#087847}.ledger-action-icon.credit{background:#fff5d8;color:#8c6400}.ledger-action-icon.pay{background:#e9f2ff;color:#0b63d8}.ledger-action-icon.adjust{background:#f1edff;color:#6140b5}.ledger-action-icon.reset{background:#fff0ef;color:#b13a31}
.manager-ledger-action-grid>button.ledger-action-danger{border-color:#efd2cf;background:#fffafa}
.ledger-guided-action{gap:16px}.ledger-balance-flow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:14px;border:1px solid #d5e3ef;border-radius:16px;background:#f7fbff}.ledger-balance-flow>div{display:grid;gap:4px}.ledger-balance-flow small{color:#63778a}.ledger-balance-flow strong{color:#153a5c;font-size:21px}.ledger-balance-flow>span{color:#7890a6;font-size:22px}.ledger-balance-flow .after strong{color:#0969c6}
.ledger-action-meaning{padding:12px 14px;border-radius:13px;background:#f1f5f8;color:#50677c;font-size:13px;font-weight:700;line-height:1.5}.ledger-action-meaning.ready{background:#eaf7ef;color:#17643d}
@media(max-width:620px){.manager-ledger-action-panel{padding:13px;border-radius:17px}.manager-ledger-action-grid{grid-template-columns:1fr}.manager-ledger-action-grid>button{min-height:70px}.ledger-balance-flow{grid-template-columns:1fr auto 1fr;gap:8px}.ledger-balance-flow strong{font-size:17px}}