:root {
  font-family: Arial, "Noto Sans Hebrew", sans-serif;
  color: #172522;
  background: #f4f6f5;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  --wf-brand: #188477;
  --wf-brand-dark: #0b645b;
  --wf-blue: #267f88;
  --wf-ink: #172522;
  --wf-muted: #64716e;
  --wf-border: #dfe7e5;
  --wf-surface: #ffffff;
  --wf-canvas: #f4f6f5;
  --wf-focus: #188477;
  --wf-shadow: 0 2px 8px rgba(18, 65, 60, .05);
}

* { box-sizing: border-box; }
html { direction: rtl; scroll-behavior: smooth; scrollbar-gutter: stable; }
body { margin: 0; min-width: 320px; min-height: 100vh; background: var(--wf-canvas); line-height: 1.45; }
button, input, select, textarea { font: inherit; }
button { transition: box-shadow .15s ease, background .15s ease, border-color .15s ease, color .15s ease; }
button:not(:disabled) { touch-action: manipulation; }
button:not(:disabled):hover { box-shadow: 0 5px 14px rgba(15, 56, 88, .11); }
button:disabled { cursor: not-allowed !important; opacity: .58; }
button:active:not(:disabled) { box-shadow: none; }
:where(button, a, input, select, textarea):focus-visible { outline: 3px solid rgba(2, 132, 199, .32); outline-offset: 2px; }
::selection { background: #bae6fd; color: #0f172a; }
a { color: inherit; }

.wf-page-title { margin: 0; font-size: clamp(28px, 3vw, 38px); color: #0f172a; }
.wf-page-subtitle { margin: 8px 0 0; color: #64748b; }
.wf-panel { background: #fff; border: 1px solid var(--wf-border); border-radius: 14px; box-shadow: var(--wf-shadow); }

.wf-main-header { position: sticky; top: 0; z-index: 90; }
.wf-environment-banner { position: relative; z-index: 45; font-size: 13px; line-height: 1.45; }
.wf-app-body { align-items: flex-start; }
.wf-main { min-height: calc(100vh - 74px); }
.wf-sidebar--desktop { flex: 0 0 260px; scrollbar-width: thin; scrollbar-color: #b9c8d5 transparent; }
.wf-app-shell[data-wf-navigation="focus"] .wf-sidebar--desktop { display: none !important; }
.wf-app-shell[data-wf-navigation="focus"] .wf-mobile-menu-button { display: inline-grid; place-items: center; }
.wf-sidebar--desktop input:focus { border-color: #38bdf8 !important; box-shadow: 0 0 0 3px rgba(56,189,248,.13); outline: 0; }
.wf-sidebar-search-clear { position: absolute; left: 5px; top: 5px; width: 30px; height: 30px; border: 0; border-radius: 8px; background: transparent; color: #64748b; cursor: pointer; }

.wf-workspace-toolbar {
  position: sticky; z-index: 42; top: 82px; min-height: 48px; margin: -14px 0 18px;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 7px 9px; border: 1px solid rgba(215,226,223,.96); border-radius: 12px;
  background: rgba(255,255,255,.96); box-shadow: 0 3px 12px rgba(18,65,60,.06);
  backdrop-filter: blur(12px);
}
.wf-workspace-location,.wf-workspace-tools,.wf-breadcrumb { display: flex; align-items: center; gap: 7px; min-width: 0; }
.wf-workspace-tools { justify-content: flex-end; }
.wf-view-preferences { position: relative; }
.wf-toolbar-view { color: #0b685e !important; border-color: #9dd3c9 !important; background: #eff9f6 !important; }
.wf-view-preferences-popover { position: absolute; z-index: 120; top: calc(100% + 8px); left: 0; width: min(320px,calc(100vw - 24px)); display: grid; gap: 11px; padding: 14px; border: 1px solid #cbd5e1; border-radius: 14px; background: #fff; box-shadow: 0 20px 50px rgba(15,23,42,.2); }
.wf-view-preferences-popover header { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.wf-view-preferences-popover header button { border: 0; background: transparent; color: #64748b; }
.wf-view-preferences-popover label { display: grid; gap: 5px; color: #334155; font-size: 12px; font-weight: 850; }
.wf-view-preferences-popover select { width: 100%; min-height: 38px; }
.wf-view-preferences-popover [role="alert"] { color: #b91c1c; font-size: 12px; }
.wf-view-preferences-reset { border-color: #cbd5e1 !important; background: #fff !important; color: #475569 !important; }
.wf-breadcrumb { color: var(--wf-muted); font-size: 12px; white-space: nowrap; overflow: hidden; }
.wf-breadcrumb strong { color: var(--wf-ink); overflow: hidden; text-overflow: ellipsis; }
.wf-workspace-toolbar button,.wf-workspace-toolbar select {
  min-height: 34px; border: 1px solid #d7e2ea; border-radius: 9px; background: #fff; color: #334155;
  padding: 0 10px; cursor: pointer; font-size: 12px; font-weight: 800;
}
.wf-workspace-toolbar select { max-width: 210px; }
.wf-toolbar-home,.wf-toolbar-top { min-width: 36px; padding: 0 !important; font-size: 18px !important; }
.wf-toolbar-search { color: #075985 !important; border-color: #bae6fd !important; background: #f0f9ff !important; }
.wf-toolbar-search kbd { direction: ltr; margin-inline-start: 5px; padding: 2px 5px; border: 1px solid #cbd5e1; border-radius: 5px; background: #fff; color: #64748b; font-size: 10px; }
.wf-mobile-menu-button { display: none; min-width: 38px; padding: 0 !important; font-size: 20px !important; color: #075985 !important; }

.wf-page-body { min-width: 0; animation: wf-page-enter .16s ease-out; }
.wf-page-body[data-wf-text-scale="small"] { font-size: .92rem; }
.wf-page-body[data-wf-text-scale="large"] { font-size: 1.075rem; }
.wf-page-body[data-wf-density="compact"] :where(th,td) { padding-block: 6px; }
.wf-page-body[data-wf-density="compact"] :where(section,article) { --wf-density-pad: 12px; }
.wf-page-body[data-wf-density="compact"] .wf-page-heading { padding-block: 12px !important; margin-bottom: 12px !important; }
.wf-page-body[data-wf-density="compact"] :where(input:not([type="checkbox"]):not([type="radio"]),select,button) { min-height: 34px; }
.wf-page-body :where(section, article, h2) { scroll-margin-top: 150px; }
.wf-page-body > div > section { transition: border-color .15s ease, box-shadow .15s ease; }
.wf-page-body > div > section:hover { border-color: #cbdde8 !important; }
.wf-page-body :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea) {
  max-width: 100%; min-height: 40px; border-color: #cbd8e2; color: #172033;
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
.wf-page-body :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea):focus {
  border-color: #58ad9e !important; box-shadow: 0 0 0 3px rgba(24,132,119,.13); outline: 0;
}
.wf-page-body :where(input, select, textarea):disabled { background: #f1f5f9 !important; color: #64748b; cursor: not-allowed; }
.wf-page-body :where(input[type="checkbox"], input[type="radio"]) { width: 18px; height: 18px; accent-color: var(--wf-brand); }
.wf-page-body :where(textarea) { resize: vertical; line-height: 1.55; }
.wf-page-body :where(button) { min-height: 38px; }
.wf-page-body :where(label) { line-height: 1.45; }
.wf-page-body :where(table) { width: 100%; border-spacing: 0; border-collapse: separate; }
.wf-page-body :where(th) { background: #eef6f4; color: #294640; font-size: 12px; font-weight: 900; }
.wf-page-body :where(th, td) { padding: 10px 11px; border-bottom: 1px solid #e6edf2; text-align: right; }
.wf-page-body :where(tbody tr:hover) { background: #f5faf8; }
.wf-page-heading { isolation: isolate; }
.wf-page-heading-actions,.wf-context-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.wf-section-heading { padding-bottom: 3px; }
.wf-stat-card.is-actionable:hover { border-color: #91cfc3 !important; box-shadow: 0 7px 18px rgba(18,112,99,.10) !important; }
.wf-stat-card-action { display: block; margin-top: 9px; color: #0b6c72; font-size: 11px; font-weight: 850; }

.wf-feedback {
  position: fixed; z-index: 1500; top: 92px; left: 50%; transform: translateX(-50%);
  width: min(620px,calc(100vw - 28px)); min-height: 52px; display: grid;
  grid-template-columns: 32px 1fr 36px; align-items: center; gap: 10px; padding: 9px 10px;
  border: 1px solid #bae6fd; border-radius: 14px; background: #f0f9ff; color: #075985;
  box-shadow: 0 18px 48px rgba(15,23,42,.2); animation: wf-feedback-enter .18s ease-out;
}
.wf-feedback > span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.8); font-weight: 950; }
.wf-feedback > strong { line-height: 1.45; }
.wf-feedback > button { width: 34px; height: 34px; border: 0; border-radius: 9px; background: rgba(255,255,255,.64); color: currentColor; cursor: pointer; }
.wf-feedback--success { border-color: #86efac; background: #ecfdf5; color: #166534; }
.wf-feedback--warning { border-color: #fcd34d; background: #fffbeb; color: #92400e; }
.wf-feedback--error { border-color: #fca5a5; background: #fff1f2; color: #9f1239; }

.wf-sticky-form-actions {
  position: sticky; z-index: 30; bottom: 10px; display: flex; gap: 10px; flex-wrap: wrap;
  width: fit-content; max-width: 100%; padding: 9px; border: 1px solid rgba(203,213,225,.94);
  border-radius: 14px; background: rgba(255,255,255,.96); box-shadow: 0 12px 32px rgba(15,23,42,.14);
  backdrop-filter: blur(10px);
}
.wf-entity-card { transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
.wf-entity-card:hover { border-color: #a5cfee !important; box-shadow: 0 8px 24px rgba(14,116,144,.1) !important; }
.wf-entity-card-layout { min-width: 0; }
.wf-entity-card-main { min-width: 0; }
.wf-card-actions { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.wf-filter-bar { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.wf-filter-clear { border: 1px solid #cbd5e1; border-radius: 9px; background: #fff; color: #475569; cursor: pointer; font-weight: 800; white-space: nowrap; }
.wf-split-layout,.wf-form-grid,.wf-responsive-summary,.wf-responsive-row { min-width: 0; }
.wf-split-layout > *,.wf-form-grid > *,.wf-responsive-summary > *,.wf-responsive-row > * { min-width: 0; }
.wf-responsive-row :where(strong,span,small) { overflow-wrap: anywhere; }
.wf-wizard-steps { overflow-x: auto; scrollbar-width: thin; }
.wf-wizard-steps > * { min-width: 125px; }
.wf-knowledge-row { transition: background .15s ease, border-color .15s ease; border: 1px solid transparent; }
.wf-knowledge-row:hover { background: #f0f9ff !important; border-color: #bae6fd; }

.wf-scheduler-viewbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 12px 0; padding: 10px 12px; border: 1px solid #d9e4ea; border-radius: 12px; background: #fff; }
.wf-scheduler-viewbar > div { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.wf-scheduler-viewbar span { color: #64748b; font-size: 12px; }
.wf-scheduler-viewbar button { min-height: 34px; padding: 0 10px; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; color: #475569; cursor: pointer; font-weight: 800; }
.wf-scheduler-viewbar button.is-active { border-color: #188477; background: #e5f5f0; color: #0b685e; }
.wf-scheduler-viewbar label { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 800; }
.wf-scheduler-sheet { overflow: hidden; border: 1px solid #cbdad6; border-radius: 10px; background: #fff; box-shadow: 0 2px 8px rgba(18,65,60,.045); }
.wf-scheduler-sheet-scroll { max-height: calc(100vh - 310px); min-height: 360px; overflow: auto; }
.wf-scheduler-sheet table { min-width: 1180px; border-collapse: separate; border-spacing: 0; }
.wf-scheduler-sheet th { position: sticky; z-index: 4; top: 0; padding: 9px 8px !important; border-inline-start: 1px solid #d8e3df; border-bottom: 2px solid #91afa7 !important; background: #eaf4f1 !important; color: #23423f !important; white-space: nowrap; }
.wf-scheduler-sheet td { padding: 6px 7px !important; border-inline-start: 1px solid #e1e8ec; border-bottom: 1px solid #dbe4e9 !important; vertical-align: middle; }
.wf-scheduler-sheet tbody tr:nth-child(even) { background: #f9fbfc; }
.wf-scheduler-sheet tbody tr.is-unassigned { background: #fff9e8; }
.wf-scheduler-sheet select,.wf-scheduler-sheet input { width: 100%; min-width: 104px; min-height: 32px !important; padding: 4px 6px; border: 1px solid #cbd5e1; border-radius: 6px; background: #fff; font-size: 12px; }
.wf-scheduler-sheet td strong,.wf-scheduler-sheet td small { display: block; }
.wf-scheduler-sheet td small { margin-top: 3px; color: #64748b; font-size: 10px; }
.wf-scheduler-category { display: block; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wf-scheduler-row-actions { display: flex; gap: 5px; }
.wf-scheduler-row-actions button { min-height: 30px !important; padding: 0 8px; border: 1px solid #b9cbd3; border-radius: 7px; background: #fff; color: #315b58; cursor: pointer; font-size: 11px; font-weight: 850; }
.wf-scheduler-sheet-empty { padding: 34px; color: #64748b; text-align: center; }

.wf-scheduler-week { overflow: hidden; border: 1px solid #b9cec8; border-radius: 14px; background: #eef5f3; box-shadow: 0 4px 14px rgba(18,65,60,.07); }
.wf-scheduler-week-hint { display: flex; align-items: center; gap: 8px 18px; flex-wrap: wrap; padding: 9px 13px; border-bottom: 1px solid #c9dad5; background: #fff; color: #536b67; font-size: 12px; font-weight: 750; }
.wf-scheduler-week-hint span:first-child { color: #164e46; font-weight: 900; }
.wf-scheduler-week-scroll { overflow-x: auto; padding: 10px; scrollbar-color: #91afa7 #eef5f3; }
.wf-scheduler-day-grid { min-width: max-content; display: grid; gap: 8px; align-items: stretch; }
.wf-scheduler-day { min-height: 570px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #c4d6d1; border-radius: 10px; background: #fff; }
.wf-scheduler-day-header { min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; border-bottom: 1px solid #77a49a; background: linear-gradient(180deg,#317d6e,#276e61); color: #fff; }
.wf-scheduler-day-header strong,.wf-scheduler-day-header small { display: block; }
.wf-scheduler-day-header strong { font-size: 16px; }
.wf-scheduler-day-header small { margin-top: 3px; color: #d9f2ec; direction: ltr; text-align: right; }
.wf-scheduler-day-header > span { padding: 4px 7px; border-radius: 999px; background: rgba(255,255,255,.14); font-size: 10px; font-weight: 850; white-space: nowrap; }
.wf-scheduler-day-assigned { flex: 1 1 auto; min-height: 310px; padding: 7px; background: linear-gradient(180deg,#fbfdfc,#f6faf8); }
.wf-scheduler-day-empty { display: grid; min-height: 118px; place-items: center; border: 1px dashed #cad8d4; border-radius: 8px; color: #82938f; font-size: 11px; }
.wf-scheduler-assigned-wrap + .wf-scheduler-assigned-wrap { margin-top: 6px; }
.wf-scheduler-employee-band { --employee-color: #64748b; display: flex; align-items: center; gap: 6px; margin: 8px 1px 4px; color: #38514d; font-size: 10px; }
.wf-scheduler-employee-band:first-child { margin-top: 1px; }
.wf-scheduler-employee-band > span { width: 9px; height: 9px; border-radius: 50%; background: var(--employee-color); box-shadow: 0 0 0 3px color-mix(in srgb,var(--employee-color) 16%,white); }
.wf-scheduler-assigned-row { --employee-color: #64748b; --category-bg: #f8fafc; --category-color: #334155; padding: 7px 8px; border: 1px solid color-mix(in srgb,var(--employee-color) 36%,#dbe5e2); border-inline-start: 6px solid var(--employee-color); border-radius: 7px; background: color-mix(in srgb,var(--employee-color) 6%,white); cursor: grab; }
.wf-scheduler-assigned-row + .wf-scheduler-assigned-row { margin-top: 5px; }
.wf-scheduler-assigned-topline { display: grid; grid-template-columns: 58px minmax(0,1fr) auto; align-items: center; gap: 6px; }
.wf-scheduler-assigned-topline input { width: 58px; min-height: 26px !important; padding: 2px 3px; border: 1px solid #c7d5d1; border-radius: 5px; background: #fff; font-size: 10px; }
.wf-scheduler-work-link { min-width: 0; overflow: hidden; border: 0; background: transparent; color: #163e38; text-align: right; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; font-size: 12px; font-weight: 900; }
.wf-scheduler-work-link:hover { color: #087f70; text-decoration: underline; }
.wf-scheduler-work-site { margin-top: 3px; overflow: hidden; color: #475f5b; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; font-weight: 750; }
.wf-scheduler-work-meta { display: flex; justify-content: space-between; gap: 8px; margin-top: 4px; color: #60746f; font-size: 9px; }
.wf-scheduler-work-meta span:first-child { max-width: 67%; overflow: hidden; padding: 2px 5px; border-radius: 4px; background: var(--category-bg); color: var(--category-color); text-overflow: ellipsis; white-space: nowrap; font-weight: 850; }
.wf-scheduler-inline-controls { display: grid; grid-template-columns: minmax(76px,1fr) minmax(72px,1fr) 27px 27px auto; gap: 4px; margin-top: 6px; }
.wf-scheduler-inline-controls select { min-width: 0; min-height: 27px !important; padding: 2px 4px; border: 1px solid #c7d5d1; border-radius: 5px; background: #fff; font-size: 9px; }
.wf-scheduler-inline-controls button { min-height: 27px !important; padding: 0 6px; border: 1px solid #c7d5d1; border-radius: 5px; background: #fff; color: #38514d; cursor: pointer; font-size: 9px; font-weight: 850; }
.wf-scheduler-inline-controls button:hover { border-color: #4f9386; background: #edf8f5; }
.wf-scheduler-day-pool { flex: 0 0 auto; min-height: 142px; padding: 8px; border-top: 3px solid #e4b850; background: #fff9e9; }
.wf-scheduler-day-pool-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 7px; color: #75530a; font-size: 11px; }
.wf-scheduler-day-pool-title span { min-width: 23px; height: 23px; display: grid; place-items: center; border-radius: 50%; background: #f5dc99; font-weight: 900; }
.wf-scheduler-waiting-row { padding: 7px; border: 1px solid #eadba9; border-radius: 7px; background: #fff; }
.wf-scheduler-waiting-row + .wf-scheduler-waiting-row { margin-top: 6px; }
.wf-scheduler-work-identity { min-width: 0; }
.wf-scheduler-work-identity button,.wf-scheduler-work-identity strong,.wf-scheduler-work-identity small { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wf-scheduler-work-identity button { padding: 0; border: 0; background: transparent; color: #183f39; cursor: pointer; font-size: 11px; font-weight: 900; }
.wf-scheduler-work-identity strong { margin-top: 2px; color: #526762; font-size: 10px; }
.wf-scheduler-work-identity small { margin-top: 3px; color: #768883; font-size: 9px; }
.wf-scheduler-coordination { display: inline-block; margin-top: 4px; padding: 2px 5px; border-radius: 999px; background: #fff2cc; color: #8a5b00; font-size: 8px; font-weight: 900; }
.wf-scheduler-assign-control { display: block; margin-top: 6px; }
.wf-scheduler-assign-control > span,.wf-scheduler-undated-row label > span { display: block; margin-bottom: 3px; color: #60746f; font-size: 9px; font-weight: 850; }
.wf-scheduler-assign-control select,.wf-scheduler-undated-row select { width: 100%; min-height: 30px !important; padding: 3px 6px; border: 1px solid #d0c28f; border-radius: 6px; background: #fffef8; color: #4b5563; font-size: 10px; font-weight: 750; }
.wf-scheduler-pool-empty { min-height: 75px; display: grid; place-items: center; border: 1px dashed #dfcf9a; border-radius: 7px; color: #9a8959; text-align: center; font-size: 10px; }
.wf-scheduler-undated { margin: 0 10px 10px; overflow: hidden; border: 1px solid #d7c58b; border-radius: 10px; background: #fff; }
.wf-scheduler-undated-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border-bottom: 1px solid #eadfb9; background: #fff8df; color: #684e09; }
.wf-scheduler-undated-heading strong,.wf-scheduler-undated-heading small { display: block; }
.wf-scheduler-undated-heading small { margin-top: 2px; color: #8b773f; }
.wf-scheduler-undated-heading > span { min-width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; background: #eed68c; font-weight: 900; }
.wf-scheduler-undated-list { display: grid; grid-template-columns: repeat(auto-fit,minmax(330px,1fr)); gap: 7px; padding: 8px; }
.wf-scheduler-undated-row { display: grid; grid-template-columns: minmax(120px,1fr) 118px 128px; align-items: end; gap: 7px; padding: 8px; border: 1px solid #e3e9e7; border-radius: 8px; }
.wf-scheduler-undated-row .wf-scheduler-assign-control { margin-top: 0; }
.wf-scheduler-week-empty { margin: 0 10px 10px; padding: 30px; border: 1px dashed #b8cac5; border-radius: 9px; background: #fff; color: #64748b; text-align: center; }

@media (max-width: 760px) {
  .wf-scheduler-week-hint span:not(:first-child) { display: none; }
  .wf-scheduler-day-grid { grid-template-columns: repeat(var(--scheduler-days,6),minmax(84vw,1fr)) !important; }
  .wf-scheduler-day { min-height: 520px; }
  .wf-scheduler-undated-list { grid-template-columns: 1fr; }
  .wf-scheduler-undated-row { grid-template-columns: 1fr 1fr; }
  .wf-scheduler-undated-row .wf-scheduler-work-identity { grid-column: 1 / -1; }
}

.wf-mobile-menu-overlay { position: fixed; z-index: 1200; inset: 0; display: flex; justify-content: flex-start; background: rgba(15,23,42,.52); backdrop-filter: blur(3px); }
.wf-mobile-menu-dialog { width: min(380px,92vw); height: 100%; overflow: hidden; background: #fff; box-shadow: -18px 0 50px rgba(15,23,42,.24); animation: wf-drawer-enter .18s ease-out; }
.wf-mobile-menu-dialog > header { min-height: 56px; display: flex; align-items: center; justify-content: space-between; padding: 10px 15px; border-bottom: 1px solid #e2e8f0; color: #17324d; }
.wf-mobile-menu-dialog > header button { width: 38px; height: 38px; border: 0; border-radius: 10px; background: #f1f5f9; color: #475569; cursor: pointer; }
.wf-sidebar--drawer { display: block !important; height: calc(100vh - 56px) !important; border: 0 !important; }

@keyframes wf-page-enter { from { opacity: .72; transform: translateY(3px); } to { opacity: 1; transform: none; } }
@keyframes wf-drawer-enter { from { transform: translateX(24px); opacity: .6; } to { transform: none; opacity: 1; } }
@keyframes wf-feedback-enter { from { transform: translate(-50%,-8px); opacity: 0; } to { transform: translate(-50%,0); opacity: 1; } }

.wf-quick-navigation-trigger {
  position: fixed; z-index: 70; left: 22px; bottom: 20px; min-height: 44px;
  display: flex; align-items: center; gap: 8px; padding: 0 13px; border: 1px solid #bae6fd;
  border-radius: 13px; background: #fff; color: #075985; box-shadow: 0 12px 32px rgba(15,23,42,.18);
  cursor: pointer; font-weight: 900;
}
.wf-quick-navigation-trigger kbd { direction: ltr; padding: 2px 6px; border: 1px solid #cbd5e1; border-radius: 6px; background: #f8fafc; color: #475569; font-size: 11px; }
.wf-quick-navigation-overlay { position: fixed; z-index: 1000; inset: 0; display: grid; place-items: start center; padding: 11vh 16px 24px; background: rgba(15,23,42,.48); backdrop-filter: blur(3px); }
.wf-quick-navigation-dialog { width: min(680px, 100%); max-height: 76vh; overflow: hidden; border: 1px solid #cbd5e1; border-radius: 18px; background: #fff; box-shadow: 0 24px 70px rgba(15,23,42,.28); }
.wf-quick-navigation-dialog > header { display: flex; align-items: center; justify-content: space-between; padding: 16px 18px 10px; font-size: 20px; }
.wf-quick-navigation-dialog > header button { border: 0; background: transparent; color: #64748b; cursor: pointer; }
.wf-quick-navigation-dialog > input { width: calc(100% - 32px); margin: 0 16px; padding: 13px 14px; border: 2px solid #7dd3fc; border-radius: 12px; background: #f8fafc; }
.wf-quick-navigation-dialog > p { margin: 12px 18px 6px; color: #64748b; font-size: 12px; font-weight: 800; }
.wf-quick-navigation-results { max-height: 54vh; overflow-y: auto; padding: 8px 12px 14px; }
.wf-quick-navigation-row { display: grid; grid-template-columns: 1fr auto; align-items: stretch; border-bottom: 1px solid #edf2f7; }
.wf-quick-navigation-row.is-selected { background: #e5f5f0; box-shadow: inset -4px 0 #188477; }
.wf-quick-navigation-link { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-width: 0; padding: 12px 10px; border: 0; background: transparent; color: #0f172a; text-align: right; cursor: pointer; font-weight: 850; }
.wf-quick-navigation-link small { color: #64748b; font-weight: 600; }
.wf-quick-navigation-link:hover { background: #f0f8f6; }
.wf-quick-navigation-star { width: 44px; border: 0; background: transparent; color: #d97706; cursor: pointer; font-size: 20px; }
.wf-quick-navigation-empty { padding: 24px 12px; color: #64748b; text-align: center; }

.wf-business-documents-safety { display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px; border: 1px solid #fdba74; border-radius: 14px; background: #fff7ed; color: #9a3412; line-height: 1.55; }
.wf-business-documents-safety strong { white-space: nowrap; }
.wf-business-document-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap: 12px; }
.wf-business-document-card { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 13px; padding: 16px; border: 1px solid #dbe5ee; border-radius: 14px; background: linear-gradient(135deg,#fff,#f8fbff); color: #0f172a; text-decoration: none; }
.wf-business-document-card:hover { border-color: #7dd3fc; box-shadow: 0 8px 24px rgba(14,116,144,.1); }
.wf-business-document-card strong,.wf-business-document-card small { display: block; }
.wf-business-document-card small { margin-top: 5px; color: #64748b; line-height: 1.45; }
.wf-business-document-icon { font-size: 27px; }
.wf-business-document-badge { padding: 5px 9px; border: 1px solid #fdba74; border-radius: 999px; background: #fff7ed; color: #9a3412; font-size: 12px; font-weight: 900; }
.wf-business-document-back { display: inline-flex; align-items: center; min-height: 38px; padding: 0 12px; border: 1px solid #bfdbfe; border-radius: 10px; background: #eff6ff; color: #075985; text-decoration: none; font-weight: 850; }
.wf-business-document-tabs { display: flex; gap: 7px; overflow-x: auto; padding: 4px 1px 8px; scrollbar-width: thin; }
.wf-business-document-tabs a { flex: 0 0 auto; padding: 8px 11px; border: 1px solid #dbe5ee; border-radius: 999px; background: #fff; color: #334155; text-decoration: none; font-size: 13px; font-weight: 750; }
.wf-business-document-tabs a[aria-current="page"] { border-color: #0f766e; background: #ccfbf1; color: #115e59; }
.wf-business-document-alert { padding: 12px 14px; border-radius: 12px; font-weight: 750; }
.wf-business-document-alert.error { border: 1px solid #fecaca; background: #fef2f2; color: #b91c1c; }
.wf-business-document-alert.success { border: 1px solid #86efac; background: #f0fdf4; color: #166534; }
.wf-business-document-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.wf-business-document-summary > div { padding: 14px; border: 1px solid #dbeafe; border-radius: 13px; background: #fff; text-align: center; }
.wf-business-document-summary strong,.wf-business-document-summary span { display: block; }
.wf-business-document-summary strong { color: #0f766e; font-size: 24px; }
.wf-business-document-summary span { color: #64748b; font-size: 12px; }
.wf-business-document-form,.wf-business-document-list { padding: 20px; }
.wf-business-document-form h2,.wf-business-document-list h2 { margin: 0 0 14px; }
.wf-business-document-fields { display: grid; grid-template-columns: repeat(4,minmax(150px,1fr)); gap: 10px; }
.wf-business-document-fields label { display: grid; gap: 5px; color: #475569; font-size: 12px; font-weight: 800; }
.wf-business-document-fields input,.wf-business-document-fields select,.wf-business-document-line input,.wf-business-document-create-row select { min-width: 0; width: 100%; min-height: 41px; padding: 8px 10px; border: 1px solid #cbd5e1; border-radius: 10px; background: #fff; }
.wf-business-document-line { display: grid; grid-template-columns: .7fr 2fr .65fr .75fr .8fr auto; gap: 8px; align-items: center; }
.wf-business-document-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.wf-business-document-actions button,.wf-business-document-create-row button { min-height: 38px; padding: 0 12px; border: 1px solid #cbd5e1; border-radius: 9px; background: #fff; color: #334155; cursor: pointer; font-weight: 800; }
.wf-business-document-actions button.primary,.wf-business-document-create-row button.primary { border-color: #0f766e; background: #0f766e; color: #fff; }
.wf-business-document-actions button:disabled,.wf-business-document-create-row button:disabled { opacity: .55; cursor: not-allowed; }
.wf-business-document-create-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 9px; }
.wf-business-document-list > header { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 12px; }
.wf-business-document-record { display: grid; grid-template-columns: minmax(0,2fr) minmax(130px,.6fr) auto; gap: 16px; align-items: center; padding: 13px 4px; border-top: 1px solid #e5e7eb; }
.wf-business-document-record > div > strong,.wf-business-document-record > div > span { display: block; }
.wf-business-document-record > div > span { margin-top: 4px; color: #64748b; font-size: 12px; }
.wf-business-document-record .wf-business-document-actions { margin-top: 0; }
.wf-business-document-loading { position: fixed; z-index: 80; left: 22px; bottom: 76px; padding: 8px 12px; border-radius: 10px; background: #0f172a; color: #fff; box-shadow: 0 8px 24px rgba(15,23,42,.24); }

@media (max-width: 900px) {
  .wf-sidebar--desktop { display: none !important; }
  .wf-mobile-menu-button { display: inline-grid; place-items: center; }
  .wf-main { width: 100%; padding: 18px !important; }
  .wf-main-header { min-height: 66px !important; padding: 8px 12px !important; flex-wrap: nowrap !important; gap: 8px !important; }
  .wf-main-header-actions { max-width: 68%; overflow-x: auto; gap: 6px !important; padding-bottom: 2px; scrollbar-width: none; }
  .wf-main-header-actions::-webkit-scrollbar { display: none; }
  .wf-header-user > div { display: none; }
  .wf-header-user { min-width: 40px; padding: 6px !important; }
  .wf-header-business { max-width: 170px; }
  .wf-workspace-toolbar { top: 74px; margin-top: -8px; }
  .wf-business-document-fields { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .wf-business-document-line { grid-template-columns: 1fr 2fr 1fr; }
  .wf-business-document-record { grid-template-columns: 1fr auto; }
  .wf-business-document-record .wf-business-document-actions { grid-column: 1 / -1; }
  .wf-split-layout { grid-template-columns: 1fr !important; }
  .wf-responsive-summary { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}

.wf-field-shell input,
.wf-field-shell select,
.wf-field-shell textarea,
.wf-field-shell button,
.wf-field-shell a {
  -webkit-tap-highlight-color: transparent;
}

@media (max-width: 620px) {
  .wf-field-header-label { display: none; }
  .wf-field-shell button:hover { transform: none; }
  .wf-field-shell main { padding-left: 10px !important; padding-right: 10px !important; }
  .wf-main-header-brand > div:nth-of-type(2) { display: none; }
  .wf-main-header-brand > span { display: none; }
  .wf-main-header-actions { max-width: calc(100% - 52px); }
  .wf-header-mode { min-width: 38px !important; width: 38px; overflow: hidden; padding: 0 9px !important; white-space: nowrap; }
  .wf-header-business { width: 132px; max-width: 132px; }
  .wf-header-logout { padding: 0 8px !important; }
  .wf-environment-banner { padding: 7px 10px !important; font-size: 11px; }
  .wf-main { padding: 12px 10px 76px !important; }
  .wf-workspace-toolbar { top: 70px; margin: -4px 0 12px; padding: 6px; }
  .wf-toolbar-back { font-size: 0 !important; min-width: 36px; padding: 0 !important; }
  .wf-toolbar-back::after { content: "→"; font-size: 18px; }
  .wf-toolbar-home,.wf-toolbar-top { display: none; }
  .wf-breadcrumb { display: none; }
  .wf-workspace-tools select { width: 116px; max-width: 116px; padding: 0 7px; }
  .wf-toolbar-search { font-size: 0 !important; min-width: 38px; padding: 0 !important; }
  .wf-toolbar-search::before { content: "🔎"; font-size: 16px; }
  .wf-toolbar-search kbd { display: none; }
  .wf-page-heading { padding: 15px !important; border-radius: 15px !important; }
  .wf-page-heading-main { display: grid !important; }
  .wf-page-heading-actions,.wf-context-actions { width: 100%; justify-content: stretch; }
  .wf-context-actions > button { flex: 1 1 145px; }
  .wf-page-heading-actions > :where(button,a) { flex: 1 1 145px; text-align: center; }
  .wf-page-title { font-size: 27px !important; }
  .wf-feedback { top: auto; bottom: 14px; grid-template-columns: 30px 1fr 34px; font-size: 13px; }
  .wf-sticky-form-actions { bottom: 8px; width: 100%; }
  .wf-sticky-form-actions > button { flex: 1 1 120px; }
  .wf-form-grid { grid-template-columns: 1fr !important; }
  .wf-responsive-summary,.wf-responsive-row { grid-template-columns: 1fr !important; }
  .wf-responsive-row { align-items: stretch !important; }
  .wf-wizard-steps { grid-template-columns: repeat(4,minmax(125px,1fr)) !important; padding-bottom: 5px; }
  .wf-entity-card { align-items: stretch !important; flex-direction: column; }
  .wf-entity-card-layout { align-items: stretch !important; flex-direction: column; }
  .wf-entity-card > div,.wf-card-actions { width: 100%; }
  .wf-card-actions { justify-content: stretch; }
.wf-card-actions > :where(button,a) { flex: 1 1 130px; text-align: center; }
  .wf-knowledge-row { grid-template-columns: 1fr 1fr !important; }
  .wf-knowledge-row > strong { grid-column: 1 / -1; }
  .wf-quick-navigation-trigger { left: 12px; bottom: 12px; }
  .wf-quick-navigation-trigger kbd { display: none; }
  .wf-quick-navigation-overlay { padding: 6vh 8px 12px; }
  .wf-business-documents-safety { display: grid; }
  .wf-business-document-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .wf-business-document-fields,.wf-business-document-line,.wf-business-document-create-row { grid-template-columns: 1fr; }
  .wf-business-document-record { grid-template-columns: 1fr; }
  .wf-business-document-record .wf-business-document-actions { grid-column: auto; }
}

@media (min-width: 901px) {
  .wf-quick-navigation-trigger { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

.wf-scheduler-search { margin: 16px 0; padding: 16px; background: var(--wf-surface, #fff); border-radius: 16px; }
.wf-scheduler-search > label { display: block; font-weight: 700; margin-bottom: 8px; }
.wf-scheduler-search > div { display: flex; flex-wrap: wrap; gap: 8px; }
.wf-scheduler-search input { flex: 1; min-width: 180px; min-height: 46px; padding: 10px 14px; border: 1px solid #88b6d3; border-radius: 10px; font: inherit; }
.wf-scheduler-search p { margin: 10px 0 0; color: #30506d; font-size: 14px; }
.wf-accounting-connections { padding: 22px; background: #f8fcff; border: 1px solid #b4d0e5; border-radius: 18px; margin: 18px 0; }
.wf-accounting-connections h2 { margin-top: 0; }
.wf-accounting-connection-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 16px; margin: 18px 0; }
.wf-accounting-connection-grid > div { background: #fff; padding: 16px; border-radius: 12px; }
.wf-accounting-connection-grid button { padding: 12px 16px; min-height: 46px; font: inherit; background: #174575; color: #fff; border: 0; border-radius: 10px; cursor: pointer; }
.wf-accounting-connection-grid button:disabled { opacity: .55; cursor: default; }
.wf-accounting-connections summary { cursor: pointer; padding: 10px 0; font-weight: 700; }

.wf-payment-reconciliation label, .wf-payment-reconciliation label > *, .wf-payment-reconciliation section > div > * { min-width: 0; }
.wf-payment-reconciliation input, .wf-payment-reconciliation select, .wf-payment-reconciliation textarea { max-width: 100%; min-width: 0; }
.wf-payment-reconciliation code { overflow-wrap: anywhere; }
@media (max-width: 640px) { .wf-payment-reconciliation .wf-payment-match { grid-template-columns: minmax(0, 1fr) !important; } }

@media (max-width: 640px) {
  .wf-accounting-ledger .wf-form-grid { grid-template-columns: minmax(0, 1fr) !important; }
  .wf-accounting-ledger .wf-form-grid > * { grid-column: 1 / -1 !important; min-width: 0; }
  .wf-accounting-ledger .wf-form-grid button { justify-self: stretch; }
}

/* Customer masterdata: readable forms and mobile-sized actions. */
.wf-customer-fields {border:0;padding:0;margin:0 0 18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px;min-width:0}
.wf-customer-fields label{display:grid;gap:7px;font-weight:700;min-width:0}
.wf-customer-fields input,.wf-customer-fields select{box-sizing:border-box;min-width:0;width:100%;min-height:46px;padding:10px;border:1px solid var(--wf-border);border-radius:10px;background:var(--wf-surface);color:var(--wf-ink);font:inherit}
.wf-customer-contact {background:var(--wf-surface-tint);border-radius:16px;padding:18px;margin-block:14px;overflow-wrap:anywhere}
.wf-customer-contact h3{margin:0 0 10px}.wf-customer-contact .wf-context-actions{margin-top:16px}
.wf-customer-role-list,.wf-customer-role-options{display:flex;gap:10px;flex-wrap:wrap}
.wf-customer-role-list span{background:var(--wf-neutral-surface);padding:6px 10px;border-radius:8px;font-size:14px}
.wf-customer-role-options{border:1px solid var(--wf-border);border-radius:12px;padding:12px;margin:0 0 16px;min-width:0}
.wf-customer-role-options label{display:flex;align-items:center;gap:8px;min-height:44px;padding-inline:6px}.wf-customer-role-options input{width:20px;height:20px}
/* 4.73 Hadogem deep-blue and sky visual language. Business states retain their semantic colors. */
:root{--wf-brand:#165b9c;--wf-brand-dark:#113f70;--wf-ink:#183b5b;--wf-muted:#4b6580;--wf-border:#b9d2e8;--wf-canvas:#e6f0fa;--wf-shadow:0 3px 15px #145b8610;--wf-radius:18px;font-family:"Noto Sans Hebrew",Arial,sans-serif;color:var(--wf-ink);background:var(--wf-canvas)}
body{line-height:1.6;background:var(--wf-canvas)}
:where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #259cdb;outline-offset:3px}
button:not(:disabled):hover{box-shadow:none;filter:brightness(.98)}
.wf-app-shell,.wf-main{background:var(--wf-canvas)!important}
.wf-main{padding:22px clamp(20px,3.5vw,56px) 48px!important}
.wf-main-header{background:#c0ddf4!important;color:var(--wf-ink)!important;box-shadow:none!important;border-bottom:1px solid var(--wf-border);min-height:78px!important;padding:14px 30px!important}
.wf-main-header-brand,.wf-main-header-brand>div,.wf-header-control{color:var(--wf-ink)!important}
.wf-main-header-brand>div:first-child{background:#bce4fa!important;border:0!important}
.wf-main-header-brand>span{background:transparent!important;color:var(--wf-muted)!important;border:0!important;font-size:11px!important;font-weight:500!important}
.wf-header-business{background:var(--wf-surface-tint)!important;color:var(--wf-ink)!important;border:1px solid var(--wf-border)!important;max-width:210px}
.wf-header-control{background:var(--wf-surface-tint)!important}
.wf-header-mode{border:0!important;background:#f5eddc!important;font-size:12px!important;font-weight:600!important}
.wf-environment-banner{background:#f4eddd!important;color:#79663c!important;padding:5px 16px!important;font-size:12px!important;font-weight:500!important;border:0!important}
.wf-sidebar--desktop{flex:0 0 184px;width:184px;position:sticky;top:78px;min-height:calc(100vh - 105px);padding:30px 16px;background:var(--wf-surface-tint);border-left:1px solid var(--wf-border);display:flex;flex-direction:column}
.wf-sidebar nav{display:grid;gap:8px}
.wf-nav-item{display:flex;align-items:center;gap:14px;color:var(--wf-brand);text-decoration:none;padding:14px 16px;border-radius:14px;font-size:16px;font-weight:600;min-height:52px}
.wf-nav-item:hover{background:var(--wf-surface-tint)}
.wf-nav-item.is-active{background:var(--wf-brand-dark);color:#ffffff;font-weight:800}
.wf-sidebar-foot{margin-top:auto;padding:70px 10px 12px;display:flex;gap:10px;align-items:center;color:var(--wf-muted);font-size:12px}
.wf-brand-seed{display:grid;place-items:center;background:#c4e6f8;border-radius:50%;width:32px;height:32px;flex-shrink:0}
.wf-sidebar--mobile{display:none}
.wf-sidebar--drawer{padding:16px}
.wf-workspace-toolbar{position:relative;top:auto;background:transparent;border:0;box-shadow:none;backdrop-filter:none;min-height:32px;padding:0;margin:0 0 16px;opacity:.9}
.wf-workspace-toolbar button,.wf-workspace-toolbar select{background:transparent!important;border-color:transparent!important;color:var(--wf-muted)!important;font-weight:500}
.wf-toolbar-home,.wf-toolbar-top{display:none!important}
.wf-breadcrumb{font-size:11px}
.wf-toolbar-search kbd{display:none}
.wf-area-nav{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--wf-border);margin:-8px 0 14px;flex-wrap:wrap;position:relative;z-index:44}
.wf-area-nav>a{padding:10px 0 12px;text-decoration:none;color:var(--wf-muted);font-size:14px;border-bottom:2px solid transparent}
.wf-area-nav>a.active{color:var(--wf-brand);border-color:var(--wf-brand);font-weight:700}
.wf-area-extra{position:relative}
.wf-area-extra summary{font-size:13px;color:var(--wf-muted);cursor:pointer;min-height:44px;line-height:44px}
.wf-area-extra>div{position:absolute;top:calc(100% + 6px);max-width:calc(100vw - 32px);max-height:min(60vh,360px);overflow-y:auto;box-sizing:border-box;z-index:60;background:var(--wf-surface);box-shadow:0 15px 45px #163e5820;border:1px solid var(--wf-border);border-radius:12px;padding:10px;display:grid;min-width:220px;left:0}
.wf-area-extra a{padding:12px;text-decoration:none;border-radius:8px;min-height:44px;box-sizing:border-box}
.wf-area-extra a:hover{background:var(--wf-surface-tint)}
.wf-page-heading{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:8px 0 20px!important;margin-bottom:12px!important}
.wf-page-heading h1,.wf-page-title{font-size:clamp(26px,2.8vw,36px)!important;letter-spacing:-.7px;color:var(--wf-ink)!important;font-weight:700!important}
.wf-page-heading p{font-size:14px!important;color:var(--wf-muted)!important;max-width:780px}
.wf-page-body h2{font-size:20px;font-weight:650;color:var(--wf-ink)}
.wf-page-body h3{font-size:16px;font-weight:650}
.wf-page-body :where(input:not([type=checkbox]):not([type=radio]),select,textarea){border:1px solid var(--wf-border);border-radius:10px;min-height:44px;background:var(--wf-surface);padding:9px 12px}
.wf-page-body :where(button){min-height:42px}
.wf-page-body :where(details)>summary{cursor:pointer;min-height:42px;align-content:center;color:var(--wf-brand);font-size:13px}
.wf-page-body :where(th){background:var(--wf-surface-tint);color:var(--wf-muted);font-size:12px;font-weight:600}
.wf-page-body :where(th,td){padding:13px 12px;border-bottom:1px solid #c9e8f9}
.wf-page-body :where(section,article){scroll-margin-top:100px}
.wf-surface{background:var(--wf-surface);border:1px solid var(--wf-border);border-radius:var(--wf-radius);padding:24px;box-shadow:var(--wf-shadow);min-width:0}
.wf-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--wf-border);background:var(--wf-surface);color:var(--wf-brand);border-radius:10px;min-height:44px;padding:10px 18px;text-decoration:none;font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap}
.wf-button--primary{background:var(--wf-brand);color:white;border-color:var(--wf-brand)}
.wf-text-link,.wf-today-footer a{color:var(--wf-brand);text-decoration:none;font-size:13px;font-weight:600}
.wf-next-action{background:#b6d8f3;border-radius:22px;padding:28px 32px;display:flex;gap:20px;justify-content:space-between;align-items:center;margin:0 0 24px;position:relative;overflow:hidden}
.wf-next-action h2{font-size:25px;margin:8px 0;font-weight:650;letter-spacing:-.5px}
.wf-next-action p{font-size:14px;margin:0;color:#285b7a}
.wf-eyebrow{font-size:12px;color:#285b7a}
.wf-action-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:28px}
.wf-action-metrics>a{display:grid;text-decoration:none;background:var(--wf-surface);border:1px solid var(--wf-border);border-radius:16px;padding:20px 24px;color:var(--wf-muted);font-size:14px;transition:transform .15s}
.wf-action-metrics>a:hover{transform:translateY(-2px);border-color:#70b9df}
.wf-action-metrics strong{font-size:36px;line-height:1.6;color:var(--wf-ink);font-weight:500;font-variant-numeric:tabular-nums}
.wf-action-metrics small{color:#527185;font-size:12px}
.wf-today-columns{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:start}
.wf-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}
.wf-section-title h2{margin:0;font-size:18px}
.wf-section-title a{font-size:12px;text-decoration:none;color:var(--wf-brand)}
.wf-count{background:var(--wf-surface-tint);border-radius:8px;padding:2px 10px;font-size:12px}
.wf-today-work{display:flex;align-items:center;gap:16px;padding:18px 0;border-top:1px solid #dcecf6}
.wf-today-work>.wf-work-summary{flex:1}
.wf-time{font-size:13px;color:var(--wf-muted)}
.wf-risk-row{display:flex;align-items:center;gap:12px;padding:16px 0;border-top:1px solid #dcecf6;color:var(--wf-ink);font-size:14px;text-decoration:none}
.wf-risk-row strong{margin-inline-start:auto;background:#f5f2e9;border-radius:7px;padding:2px 9px;font-size:13px}
.wf-risk-dot{height:7px;width:7px;border-radius:50%;background:#b79850;flex-shrink:0}
.wf-risk-dot.critical,.wf-risk-dot.high{background:#be7664}
.wf-soft-link{display:block;background:#eaf6fd;color:var(--wf-muted);border-radius:10px;padding:12px;margin-top:12px;text-decoration:none;font-size:13px}
.wf-today-footer{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:28px;padding:20px}
.wf-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:180px;text-align:center;padding:28px;color:var(--wf-muted);font-size:14px}
.wf-empty strong{color:var(--wf-ink);font-weight:600}
.wf-stage-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 22px}
.wf-stage-tabs button{background:transparent;border:1px solid transparent;border-radius:10px;color:var(--wf-muted);padding:9px 12px;cursor:pointer;font-size:13px}
.wf-stage-tabs button strong{margin-right:6px;font-size:12px;background:#d1eafa;padding:2px 7px;border-radius:6px;font-weight:600}
.wf-stage-tabs button.is-active{background:#b9d9f2;border-color:#6ca3cf;color:var(--wf-brand)}
.wf-work-card{border-color:var(--wf-border)!important;border-radius:16px!important;box-shadow:var(--wf-shadow)}
.wf-work-card-main{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px}
.wf-work-summary{display:grid;gap:4px;min-width:0;color:var(--wf-ink);font-size:14px;text-align:right;line-height:1.55;overflow-wrap:anywhere}
.wf-work-summary>strong{font-size:17px;font-weight:650;white-space:normal}
.wf-work-summary>strong span{font-size:14px;font-weight:400;color:var(--wf-muted)}
.wf-work-summary small{font-size:12px;color:var(--wf-muted)}
.wf-bottles{color:var(--wf-brand);font-size:13px}
.wf-work-card-action{display:grid;justify-items:end;gap:12px;flex-shrink:0}
.wf-status{display:inline-block;background:#edf2e7;color:#4f6746;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:500}
.wf-status--4{background:#faeee8;color:#995738}.wf-status--5{background:#f2f2f0;color:#737b73}
.wf-evidence-toggle{display:flex;gap:10px;align-items:center;justify-content:space-between;width:100%;border:0;border-top:1px solid #eef1eb;background:#fbfcfa;color:var(--wf-muted);font-size:12px;font-weight:400;text-align:right;padding:10px 24px;cursor:pointer}
.wf-card-open{border:0;background:transparent;text-align:right;padding:0;cursor:pointer;width:100%}
.wf-work-drawer{width:460px!important;max-width:100vw!important;direction:rtl}
.wf-work-drawer>.wf-work-summary{margin:16px 0 28px}
.wf-assignment{display:grid;gap:14px;background:#eaf6fd;padding:20px;border-radius:16px;margin-bottom:24px}
.wf-assignment h3{margin:0 0 4px}.wf-assignment label{display:grid;gap:5px;font-size:13px}
.wf-assignment :where(input,select){width:100%;min-height:46px;padding:10px;border:1px solid #d7e0d6;border-radius:9px;background:var(--wf-surface);min-width:0}
.wf-assignment small{font-size:12px;color:var(--wf-muted)}
.wf-assignment-date{display:grid;grid-template-columns:1.5fr 1fr;gap:10px}
.wf-advanced{border-top:1px solid var(--wf-border);padding:12px 0;color:var(--wf-muted)}
.wf-advanced>summary{cursor:pointer;color:var(--wf-brand);font-size:14px;min-height:44px}
.wf-inline-details{position:relative;align-self:center}.wf-inline-details summary{padding:6px 14px;cursor:pointer;color:var(--wf-muted);font-size:13px}
.wf-inline-details>div{display:grid;gap:6px;position:absolute;z-index:55;top:100%;left:0;padding:12px;width:230px;background:var(--wf-surface);border:1px solid var(--wf-border);border-radius:12px;box-shadow:0 12px 36px #2343351a}
.wf-display-options{margin-bottom:10px}.wf-display-options>summary{font-size:12px}
.wf-scheduler-week{border-radius:16px;border:1px solid var(--wf-border);background:var(--wf-surface);overflow:hidden}
.wf-scheduler-week-hint{background:transparent!important;color:var(--wf-muted)!important;font-size:12px!important}
.wf-scheduler-day-header{background:#cfe9fa!important;border-color:var(--wf-border)!important;color:var(--wf-ink)!important}
.wf-scheduler-waiting-row{background:var(--wf-surface)!important;border:1px solid var(--wf-border)!important;border-radius:12px!important;padding:14px!important;margin-bottom:10px}
.wf-scheduler-work-identity .wf-work-summary>strong{font-size:14px}.wf-scheduler-work-identity .wf-work-summary>strong span{font-size:12px}
.wf-scheduler-work-identity .wf-evidence-toggle{font-size:11px;padding:6px 0;background:transparent}
.wf-scheduler-day-pool{background:var(--wf-surface-tint)!important}.wf-scheduler-day-pool-title{color:var(--wf-brand)!important}
.wf-scheduler-assign-control select{border-color:#9bcce7!important;color:var(--wf-brand)!important;min-height:44px!important}
.wf-scheduler-assigned-row{background:var(--wf-surface)!important;border-color:var(--wf-border)!important}
.wf-scheduler-inline-controls{opacity:.85}
.wf-mobile-day-picker{display:none}
.wf-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.wf-more-grid h2{margin:0 0 14px;font-size:18px}.wf-more-grid a{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #dcecf6;text-decoration:none;color:var(--wf-muted);font-size:14px}
.wf-search{width:100%;max-width:580px}
.wf-field-shell{background:var(--wf-canvas)!important}.wf-field-shell>header{background:var(--wf-brand-dark)!important;box-shadow:none!important}
.wf-field-shell :where(button,a,input:not([type=checkbox]),select){min-height:48px!important;font-size:16px}
.wf-field-shell :where(input,select,textarea){border-radius:10px}
.wf-field-shell :where(button){border-radius:12px!important}.wf-field-shell main{padding-bottom:40px!important}
.wf-import-steps{display:flex;gap:12px;margin-bottom:24px;color:var(--wf-muted);font-size:13px;flex-wrap:wrap}
.wf-import-steps span{background:var(--wf-surface-tint);border-radius:9px;padding:8px 16px}.wf-import-steps .is-active{background:#aedef9;color:var(--wf-brand);font-weight:700}
@media(max-width:1100px){.wf-sidebar--desktop{flex-basis:150px;width:150px;padding:24px 8px}.wf-nav-item{gap:10px;padding:12px}.wf-today-columns{grid-template-columns:1fr}.wf-action-metrics>a{padding:16px}.wf-main-header-brand>span{display:none}.wf-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .wf-sidebar--desktop{display:none!important}.wf-main{padding:16px 16px 112px!important}.wf-main-header{padding:10px 14px!important;min-height:64px!important;gap:6px!important}.wf-main-header-brand{gap:8px!important}.wf-main-header-brand>div:first-child{width:32px!important;height:36px!important;font-size:20px!important}.wf-main-header-brand>div:nth-child(2)>div:first-child{font-size:20px!important}.wf-main-header-brand>div:nth-child(2)>div:last-child{display:none}.wf-header-user,.wf-header-notifications,.wf-header-mode{display:none!important}.wf-header-business{max-width:135px;font-size:12px!important}.wf-header-logout{font-size:12px!important;padding:0 8px!important}.wf-main-header-actions{gap:5px!important}
 .wf-environment-banner{font-size:10px!important}.wf-sidebar--mobile{display:block!important;position:fixed;bottom:0;inset-inline:0;z-index:100;background:var(--wf-surface);border-top:1px solid var(--wf-border);padding:8px 10px max(8px,env(safe-area-inset-bottom));box-shadow:0 -4px 16px #25443806}.wf-sidebar--mobile nav{display:flex;justify-content:space-around;gap:4px}.wf-sidebar--mobile .wf-nav-item{display:grid;justify-items:center;gap:3px;flex:1;padding:6px 4px;font-size:11px;min-height:50px;border-radius:12px}
 .wf-workspace-toolbar{margin-bottom:8px}.wf-breadcrumb{display:none}.wf-workspace-tools{margin-inline-start:auto}.wf-mobile-menu-button{display:none!important}.wf-area-nav{gap:8px 18px;margin:0 0 12px;flex-wrap:wrap;overflow:visible;z-index:44}.wf-area-nav>a{flex-shrink:0;font-size:12px}.wf-area-extra{display:block;margin-inline-start:auto}.wf-page-heading h1{font-size:27px!important}.wf-page-heading{padding:8px 0 14px!important}.wf-page-heading p{font-size:13px!important}
 .wf-next-action{padding:24px;display:grid;gap:18px;margin-bottom:16px;border-radius:18px}.wf-next-action h2{font-size:22px}.wf-next-action p{font-size:12px}.wf-next-action .wf-button{justify-self:start;min-height:48px}.wf-action-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px}.wf-action-metrics>a{padding:16px;font-size:12px}.wf-action-metrics strong{font-size:30px}.wf-action-metrics small{font-size:10px}.wf-surface{padding:18px}.wf-today-columns{gap:16px}.wf-today-work{flex-wrap:wrap;gap:10px}.wf-today-work .wf-text-link{margin-inline-start:auto}.wf-work-summary>strong{font-size:16px}.wf-work-summary>strong span{font-size:12px}.wf-today-footer{gap:18px;font-size:12px;padding:4px}.wf-work-card-main{padding:18px;align-items:start;gap:12px}.wf-work-card-action{gap:10px;flex-shrink:1}.wf-work-card-action .wf-button{font-size:12px;padding:9px 12px}.wf-work-summary{font-size:13px}.wf-work-card .wf-evidence-toggle{padding:8px 18px}.wf-stage-tabs{gap:3px;margin-bottom:14px}.wf-stage-tabs button{font-size:11px;padding:6px 8px}.wf-stage-tabs button strong{font-size:10px;margin-right:3px;padding:2px 5px}.wf-more-grid{grid-template-columns:1fr}
 .wf-mobile-day-picker{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;font-size:13px}.wf-mobile-day-picker select{flex:1}.wf-scheduler-day-grid{display:block!important;min-width:0!important}.wf-scheduler-day{display:none!important;min-width:0!important}.wf-scheduler-day.is-mobile-day{display:block!important}.wf-scheduler-week-scroll{overflow:visible!important}.wf-scheduler-week-hint{display:none!important}.wf-scheduler-day-pool{min-height:0!important}.wf-work-drawer{padding:20px!important}.wf-feedback-trigger{bottom:94px!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.wf-assignment-error{background:#faeee8;color:#9a3e30;padding:12px;border-radius:10px;font-size:13px}

/* Keep daily work readable in the full desktop week and in RTL. */
.wf-page-heading{overflow:visible!important}
.wf-bottles{display:inline-flex;flex-wrap:wrap;gap:0 3px}
.wf-bottles>span{white-space:nowrap}
.wf-scheduler-day-grid{min-width:0}
.wf-scheduler-day{min-height:360px}
.wf-scheduler-day-assigned{min-height:150px}
.wf-scheduler-day-header small{color:var(--wf-muted)}
.wf-scheduler-day-header>span{font-size:11px}
.wf-assignment>label{margin-bottom:-12px}

@media(max-width:760px){
 .wf-scheduler-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
 .wf-scheduler-stats>div{padding:10px!important}.wf-scheduler-stats strong{font-size:20px!important}
 .wf-toolbar-search{display:flex;align-items:center;gap:6px}
}

.wf-import-upload:focus-within{outline:3px solid var(--wf-brand);outline-offset:3px}

.wf-scheduler-day-header{display:block;min-height:90px}
.wf-scheduler-day-header strong{font-size:14px;white-space:nowrap}
.wf-scheduler-day-header small{display:none}
.wf-scheduler-day-header>span{display:block;margin-top:5px;padding:0;white-space:normal}
.wf-scheduler-assigned-topline{grid-template-columns:1fr}
.wf-scheduler-assigned-topline input{width:100%;font-size:12px;min-height:32px!important}
.wf-scheduler-work-link{font-size:13px;white-space:normal;line-height:1.4}
.wf-scheduler-work-meta{display:flex;flex-direction:column;font-size:11px;gap:3px}
.wf-scheduler-work-meta span:first-child{max-width:none;overflow:visible;white-space:normal;background:transparent;padding:0;font-weight:500}
.wf-scheduler-work-meta .wf-bottles{font-size:12px;display:flex;flex-wrap:wrap;color:var(--wf-brand)}
.wf-scheduler-work-meta .wf-bottles>span{white-space:nowrap}
.wf-scheduler-inline-controls{grid-template-columns:repeat(2,minmax(0,1fr));opacity:1}
.wf-scheduler-inline-controls select{font-size:11px;min-height:34px!important}
@media(max-width:760px){.wf-scheduler-inline-controls select{min-height:44px!important;font-size:14px}.wf-scheduler-day-header{min-height:60px}}

.wf-lab-page select{width:100%;min-width:0;max-width:100%}
.wf-lab-page a{overflow-wrap:anywhere}
@media(max-width:760px){.wf-lab-intake{grid-template-columns:minmax(0,1fr)!important}}

/* Internal pages and actions share the same hierarchy as the daily home. */
:root{--wf-blue:#1288bf;--wf-focus:#168eca;--wf-surface:#fff;--wf-surface-tint:#edf8ff;--wf-accent:#9bd7f5}
.wf-main-header{box-shadow:0 2px 12px #18608e0d!important;border-bottom-color:#abd3ed}
.wf-nav-item.is-active{box-shadow:0 5px 14px #0879ad20}.wf-nav-item.is-active:hover{background:var(--wf-brand-dark)}
.wf-brand-seed{color:var(--wf-brand)}
.wf-page-heading{border-bottom:1px solid var(--wf-border)!important;margin-bottom:22px!important}
.wf-page-heading-main{gap:20px!important}.wf-page-heading-actions{gap:10px!important}
.wf-page-heading button{border-radius:10px!important;min-height:44px;padding:10px 16px!important}
.wf-section-heading{background:var(--wf-surface-tint);border-radius:12px;padding:14px 16px!important;margin-bottom:20px!important;gap:12px!important}
.wf-section-heading>div:first-child{background:var(--wf-blue)!important;width:4px!important;min-height:34px;border-radius:3px}
.wf-section-heading .wf-section-title{display:block;margin:0!important;font-size:18px!important}
.wf-content-panel,.wf-panel,.wf-detail-page>section,.wf-point-card{border:1px solid var(--wf-border)!important;border-radius:18px!important;box-shadow:var(--wf-shadow)!important;background:var(--wf-surface)!important}
.wf-content-panel{padding:24px!important}.wf-content-panel>details>summary,.wf-detail-page details>summary{padding:10px 14px;background:var(--wf-surface-tint);border-radius:10px}
.wf-form-page :where(form>section,form>div:not(.wf-sticky-form-actions)){border-color:var(--wf-border)!important}
.wf-page-body :where(input:not([type=checkbox]):not([type=radio]),select,textarea),.wf-field-shell :where(input,select,textarea){color:var(--wf-ink);border-color:var(--wf-border)!important;background:var(--wf-surface-tint)!important;max-width:100%}
.wf-page-body :where(input,select,textarea):focus,.wf-field-shell :where(input,select,textarea):focus{border-color:var(--wf-brand)!important;box-shadow:0 0 0 3px #38a7dc20}
.wf-page-body label{line-height:1.6}.wf-page-body :where(input[type=checkbox],input[type=radio]){accent-color:var(--wf-brand)}
.wf-page-body table{border-collapse:separate;border-spacing:0;width:100%}.wf-page-body th{background:var(--wf-surface-tint)!important;color:var(--wf-brand)!important}.wf-page-body td{border-bottom-color:#dceaf5!important}
.wf-page-body tbody tr:hover{background:var(--wf-surface-tint)}.wf-page-body tbody tr:focus-within{background:#e0f2ff}
.wf-button--primary{box-shadow:0 3px 8px #0879ad1c}.wf-button--primary:not(:disabled):hover{background:var(--wf-brand-dark)}
.wf-sticky-form-actions{background:var(--wf-surface-tint)!important;border:1px solid var(--wf-border)!important;box-shadow:0 -4px 20px #17618f0a!important;gap:12px!important}
.wf-work-card-main{background:linear-gradient(110deg,var(--wf-surface) 45%,var(--wf-surface-tint))}
.wf-work-card .wf-evidence-toggle{background:var(--wf-surface-tint)!important;border-top:1px solid var(--wf-border)}
.wf-work-drawer{background:var(--wf-surface-tint)!important;border-inline-start:1px solid #abd1e9!important;box-shadow:0 0 60px #163e582e!important}
.wf-assignment{background:var(--wf-surface-tint)!important;border:1px solid var(--wf-border)!important;border-radius:16px;padding:20px!important}
.wf-assignment h3{color:var(--wf-brand)}.wf-work-drawer .wf-evidence-toggle{background:var(--wf-surface-tint);padding:12px;border-radius:10px}
.wf-detail-hero{background:linear-gradient(110deg,var(--wf-surface-tint),#bde4fa)!important;border:1px solid #9dcdea!important;border-radius:18px!important;padding:24px!important;box-shadow:none!important}
.wf-detail-hero h1{color:var(--wf-brand)!important}.wf-attendance-card{border-color:var(--wf-border)!important;box-shadow:var(--wf-shadow)!important}
.wf-point-card{padding:24px!important}.wf-point-card>div:first-child{padding-bottom:18px;border-bottom:1px solid var(--wf-border);margin-bottom:20px!important}
.wf-field-detail .wf-point-card{border-top:4px solid #36a1d9!important}
.wf-field-shell>header{box-shadow:0 3px 14px #086e9f25!important}.wf-field-shell>div{border-color:var(--wf-border)!important}
.wf-field-shell :where(button,a){touch-action:manipulation}.wf-field-shell :where(input,select,textarea){min-width:0}
.wf-calendar-input{display:grid;gap:5px;min-width:0;max-width:100%}.wf-calendar-input input{width:100%;min-width:0;direction:ltr}
.wf-calendar-input small{font-size:12px;line-height:1.45;color:#895515;background:#fff3d9;padding:6px 8px;border-radius:6px;white-space:normal}
.wf-day-navigator{align-items:start!important}.wf-day-navigator>button{min-width:44px}
.wf-week-navigation{padding:16px!important;background:var(--wf-surface-tint)!important;border-color:var(--wf-border)!important;border-radius:14px!important;align-items:center!important;gap:12px!important}
.wf-week-navigation label{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700}.wf-week-navigation .wf-calendar-input{max-width:240px}
.wf-route-error{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--wf-canvas)}.wf-route-error section{max-width:560px;padding:36px}.wf-route-error svg{color:var(--wf-brand)}
.wf-route-error p{color:var(--wf-muted)}.wf-action-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
@media(max-width:760px){
 .wf-main{padding-inline:12px!important}.wf-content-panel{padding:16px!important}.wf-section-heading{padding:12px!important}.wf-page-heading{margin-bottom:16px!important}.wf-page-heading-actions{width:100%;flex-wrap:wrap!important}
 .wf-sidebar--mobile{background:var(--wf-surface-tint)!important;border-color:var(--wf-border)}.wf-sidebar--mobile .wf-nav-item.is-active{color:#fff}
 .wf-form-grid{grid-template-columns:minmax(0,1fr)!important}.wf-sticky-form-actions{flex-wrap:wrap;bottom:86px!important;padding:12px!important}.wf-sticky-form-actions button{flex:1;min-height:48px!important}
 .wf-work-drawer{padding:16px!important}.wf-assignment{padding:16px!important}.wf-detail-hero{padding:20px!important}.wf-point-card{padding:18px!important}
 .wf-week-navigation{display:grid!important;grid-template-columns:1fr 1fr!important;padding:12px!important}.wf-week-navigation label{grid-column:1/-1;grid-row:1;justify-content:space-between}.wf-week-navigation button{font-size:13px}
 .wf-day-navigator{grid-template-columns:44px 52px minmax(0,1fr) 44px!important;gap:6px!important}.wf-calendar-input input{padding-inline:4px!important}
}
.wf-business-document-tabs a[aria-current="page"]{border-color:var(--wf-brand);background:#c5e8fb;color:var(--wf-brand-dark)}
.wf-business-document-actions button.primary,.wf-business-document-create-row button.primary{border-color:var(--wf-brand);background:var(--wf-brand);color:white}
.wf-business-document-summary strong{color:var(--wf-brand)}
.wf-form-page form>section>h2{background:var(--wf-surface-tint);border-radius:10px;padding:12px 16px;color:var(--wf-brand)!important;margin-bottom:20px!important}

/* Deep blue anchors the navigation and primary actions; sky remains a quiet surface. */
.wf-main-header{border-bottom:3px solid var(--wf-brand-dark)}
.wf-next-action{border-inline-start:5px solid var(--wf-brand)}
.wf-next-action h2,.wf-detail-hero h1{color:var(--wf-brand-dark)}
.wf-button--primary{box-shadow:0 3px 8px #113f7018}
.wf-button--primary:hover{background:var(--wf-brand-dark)}
.wf-detail-hero{background:linear-gradient(115deg,#c2dff6,#e1effb)!important;border-color:#a7cbe8!important}
.wf-form-page h2,.wf-content-panel>h2{border-inline-start:3px solid var(--wf-brand);padding-inline-start:12px}
.wf-lab-deliveries{display:grid;gap:16px}
.wf-lab-intro{display:flex;align-items:center;gap:16px;justify-content:space-between;color:var(--wf-muted);font-size:14px}
.wf-lab-destination{display:grid;gap:14px;border-top:4px solid var(--wf-brand)}
.wf-lab-destination-title{display:flex;gap:14px;align-items:center}
.wf-lab-destination h2,.wf-lab-form h2{margin:0;color:var(--wf-brand-dark)}
.wf-lab-icon{background:var(--wf-brand-dark);color:white;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:24px;flex-shrink:0}
.wf-lab-work{display:grid;gap:3px;border-bottom:1px solid var(--wf-border);padding-bottom:12px;overflow-wrap:anywhere}
.wf-lab-deliveries small,.wf-lab-form small{color:var(--wf-muted);display:block;font-size:13px}
.wf-lab-form{display:grid;gap:16px}
.wf-lab-form p{margin:0;color:var(--wf-muted)}
.wf-lab-form>button.wf-text-link{border:0;background:transparent;justify-self:start;padding:0;cursor:pointer}
.wf-lab-form fieldset{padding:0;border:0;min-width:0;margin:0;display:grid;gap:8px}
.wf-lab-form legend{font-weight:700;margin-bottom:8px}
.wf-lab-form label{display:grid;gap:6px;font-size:14px;min-width:0}
.wf-lab-form .wf-lab-selection{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--wf-border);border-radius:12px;cursor:pointer;background:#f3f8fd}
.wf-lab-selection>span{min-width:0;overflow-wrap:anywhere;flex:1}
.wf-lab-form input[type=checkbox],.wf-lab-form input[type=radio]{min-height:24px!important;width:24px;height:24px;flex-shrink:0;accent-color:var(--wf-brand);margin-top:3px}
.wf-lab-mode{display:flex;gap:12px;flex-wrap:wrap}
.wf-lab-form .wf-lab-mode label{display:flex;align-items:center;gap:8px;min-height:48px;padding:8px 12px;border-radius:12px;background:#dcebf9}
.wf-lab-fields{display:grid;gap:12px}
.wf-lab-form :where(input,textarea){width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--wf-border);padding:10px;background:var(--wf-surface)}
.wf-lab-form input[readonly]{background:#eff4f9;color:var(--wf-muted)}
.wf-lab-form .wf-lab-upload{padding:16px;border:1px dashed var(--wf-brand);background:#eef6fd;border-radius:12px;color:var(--wf-brand-dark)}
.wf-lab-form input[type=file]{font-size:13px;background:transparent;border:0;padding:4px 0}
.wf-lab-error{background:#fff1f2;color:#a52243;padding:12px;border-radius:12px;display:grid;gap:10px}
.wf-lab-warning{background:#fff6df;color:#765419;padding:12px;border-radius:12px;margin:0}
.wf-lab-history{display:grid;gap:4px;padding:16px 0;border-top:1px solid var(--wf-border)}
.wf-lab-work-status{margin-top:16px}
.wf-lab-work-status p{color:var(--wf-muted)}
@media(max-width:500px){.wf-lab-intro{align-items:stretch;flex-direction:column;gap:8px}.wf-lab-intro p{margin:0}.wf-lab-form{padding:16px}.wf-lab-form .wf-button{white-space:normal}.wf-lab-mode{display:grid;grid-template-columns:1fr}.wf-lab-destination-title h2{font-size:22px}}

.wf-field-view-tabs button{font-size:14px!important;padding:10px 5px!important;line-height:1.4;min-width:0}

/* 4.75: the entry screens share the application blue palette. */
.wf-auth-page{min-height:100vh;box-sizing:border-box;padding:clamp(16px,4vw,40px);background:radial-gradient(ellipse at top right,#c0ddf4 0,transparent 65%),var(--wf-canvas);color:var(--wf-ink);direction:rtl}
.wf-auth-page--centered{display:grid;place-items:center}
.wf-auth-card{box-sizing:border-box;width:100%;max-width:410px;min-width:0;background:var(--wf-surface);border:1px solid var(--wf-border);border-top:5px solid var(--wf-brand-dark);border-radius:22px;padding:30px;box-shadow:0 16px 48px #113f7018}
.wf-auth-brand{display:flex;align-items:center;gap:14px;margin-bottom:28px}
.wf-auth-brand>span{display:grid;place-items:center;flex-shrink:0;width:52px;height:58px;border-radius:17px;background:var(--wf-surface-tint);color:var(--wf-brand-dark)}
.wf-auth-brand h1{margin:0;color:var(--wf-brand-dark);font-size:32px;line-height:1.3}
.wf-auth-brand p{margin:4px 0 0;color:var(--wf-muted)}
.wf-auth-page :where(input,select){min-width:0;max-width:100%;min-height:46px;font-size:16px;color:var(--wf-ink);background:var(--wf-neutral-surface)}
.wf-auth-page :where(button){min-height:44px}
.wf-auth-page :where(button:disabled){cursor:wait;opacity:.65}
.wf-auth-hero{display:flex;align-items:center;gap:20px;background:linear-gradient(115deg,#216fae,var(--wf-brand-dark));color:white;border-radius:22px;padding:clamp(22px,4vw,36px)}
.wf-auth-hero>span{display:grid;place-items:center;width:60px;height:66px;flex-shrink:0;border:1px solid #ffffff40;border-radius:20px;background:#ffffff18}
.wf-auth-hero h1{margin:6px 0;font-size:32px}.wf-auth-hero p{margin:8px 0 0;color:#dceffc}
.wf-auth-company{overflow-wrap:anywhere;min-width:0;transition:border-color .15s,box-shadow .15s}
.wf-auth-company:hover:not(:disabled){border-color:var(--wf-brand)!important;box-shadow:0 5px 16px #113f7012}
.wf-auth-company-role{color:var(--wf-brand-dark);font-size:13px;font-weight:700;background:#e2f0fc;border-radius:8px;padding:3px 10px;justify-self:start}
@media(max-width:500px){.wf-auth-card{padding:24px 20px}.wf-auth-hero{gap:12px}.wf-auth-hero h1{font-size:27px}.wf-auth-hero>span{width:44px;height:50px}.wf-auth-hero p{font-size:14px}}

/* 4.76 — one operational view of lab billing prerequisites. */
.wf-lab-agreement{padding:24px;margin-bottom:22px;min-width:0}
.wf-lab-agreement h2{margin:0 0 10px;color:var(--wf-brand-dark);font-size:23px}
.wf-lab-agreement fieldset{border:0;padding:0;margin:0;min-width:0}
.wf-lab-agreement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}
.wf-lab-agreement label{display:grid;gap:7px;font-size:14px;font-weight:600;min-width:0}
.wf-lab-agreement :is(input,select){min-height:46px;box-sizing:border-box;width:100%;min-width:0;max-width:100%;border:1px solid var(--wf-border);border-radius:10px;padding:10px;background:var(--wf-surface);color:var(--wf-ink);font-size:15px}
.wf-lab-agreement :is(button,summary){min-height:44px;cursor:pointer}
.wf-lab-agreement button:disabled{cursor:default;opacity:.55}
.wf-lab-notice{padding:12px 14px;background:#eaf4ff;border-radius:10px;line-height:1.7;font-size:14px;color:var(--wf-brand-dark)}
.wf-lab-error{color:#991b1b;background:#fef2f2;padding:10px;border-radius:8px}
.wf-lab-success{color:#166534;background:#f0fdf4;padding:10px;border-radius:8px}
.wf-lab-route-filters{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.wf-lab-route-filters>button{border:1px solid var(--wf-border);border-radius:10px;padding:10px 14px;background:var(--wf-neutral-surface);color:var(--wf-brand-dark);font-size:14px}
.wf-lab-route-filters>button[aria-pressed=true]{background:var(--wf-brand-dark);color:white;border-color:var(--wf-brand-dark)}
.wf-lab-search{max-width:460px;margin-bottom:18px}.wf-lab-route-list{display:grid;gap:12px}
.wf-lab-route-card{border:1px solid var(--wf-border);border-radius:14px;padding:18px;min-width:0;background:#fafdff}
.wf-lab-route-heading{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:start}
.wf-lab-route-heading strong{font-size:16px;color:var(--wf-ink)}.wf-lab-route-heading small{display:block;color:var(--wf-muted);margin-top:6px}
.wf-lab-route-badge{background:#edf0f5;color:#3e5271;border-radius:8px;padding:6px 10px;font-size:13px}.wf-lab-route-badge--forms{background:#dceeff;color:#114d86}
.wf-lab-muted{font-size:13px;color:var(--wf-muted);line-height:1.6}.wf-lab-route-card p{line-height:1.6}
.wf-lab-route-card summary{color:var(--wf-brand);line-height:44px;font-size:14px}.wf-lab-work-override{margin-top:16px}
@media(max-width:600px){.wf-lab-agreement{padding:16px}.wf-lab-route-card{padding:14px}.wf-lab-agreement :is(input,select){font-size:16px}}
.wf-lab-show-planned { display: flex; align-items: center; gap: .65rem; margin-block: 1rem; }
.wf-lab-show-planned input[type="checkbox"] { width: 1.25rem; height: 1.25rem; flex: 0 0 auto; }
.wf-lab-office-details { padding: 1rem; margin-block: 1rem; border-radius: 1rem; background: #e7f2ff; min-width: 0; }

.wf-lab-agreement label.wf-lab-show-planned {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: .65rem;
  margin-block: 1rem;
}

/* Personal section ordering. Normal screen styles and palette stay unchanged. */
.wf-layout-block,.wf-layout-block-content{display:contents}
.wf-layout-block-tools[hidden]{display:none!important}
.wf-layout-block.is-editing{display:block;min-width:0;outline:2px dashed var(--wf-brand);border-radius:12px;margin-block:12px;padding:8px;scroll-margin-block:220px 100px}
.wf-layout-block.is-editing>.wf-layout-block-content{display:block;opacity:.78}
.wf-layout-block-tools{display:flex;gap:6px;align-items:center;padding:4px 6px 10px;color:var(--wf-brand-dark)}
.wf-layout-drag{flex:1;cursor:grab;font-weight:800;overflow-wrap:anywhere}
.wf-layout-block-tools button{min-width:44px;min-height:44px;border:1px solid var(--wf-brand);border-radius:10px;background:var(--wf-surface);color:var(--wf-brand-dark);font-size:22px;cursor:pointer}
.wf-layout-block-tools button:disabled{opacity:.35;cursor:default}
.wf-layout-launcher{background:var(--wf-surface);color:var(--wf-brand-dark);border:1px solid var(--wf-brand);border-radius:12px;padding:10px 14px;min-height:44px;font:inherit;cursor:pointer;white-space:nowrap}
.wf-layout-editor{position:fixed;top:12px;left:50%;transform:translateX(-50%);width:min(860px,calc(100vw - 24px));box-sizing:border-box;z-index:120;background:var(--wf-surface);color:var(--wf-ink);border:2px solid var(--wf-brand);border-radius:16px;padding:16px;box-shadow:0 8px 36px #12395135;font-family:inherit}
.wf-layout-editor p{margin:6px 0 12px;font-size:14px}.wf-layout-editor-actions{display:flex;flex-wrap:wrap;gap:8px}.wf-layout-editor button{min-height:44px}
.wf-layout-editor [role=alert]{color:#9f1239;margin-block:8px}.wf-layout-notice{position:fixed;bottom:70px;left:18px;z-index:65;background:#dcfce7;color:#166534;padding:10px 16px;border-radius:12px}
@media(max-width:767px){.wf-layout-launcher{padding:8px 10px;font-size:13px}.wf-layout-notice{bottom:132px;left:10px}.wf-layout-editor{padding:12px;top:8px;max-height:45dvh;overflow:auto}.wf-layout-editor-actions .wf-button{padding:8px 12px}.wf-layout-block.is-editing{margin-block:12px}}

.wf-field-layout-tools{display:flex;justify-content:flex-end;max-width:760px;margin:0 auto;padding:8px 12px 0}

/* Reused intake / recurring billing / connection forms. */
.wf-guided-form{min-width:0}
.wf-guided-form fieldset{border:0;padding:0;margin:18px 0;min-width:0}
.wf-guided-form label{display:grid;gap:7px;margin-block:10px;font-weight:650;min-width:0}
.wf-guided-form label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px;font-weight:500}
.wf-guided-form :is(input:not([type=checkbox]),select,textarea){box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:44px;border:1px solid var(--wf-border);border-radius:10px;background:var(--wf-surface);color:var(--wf-ink);padding:10px 12px;font:inherit}
.wf-guided-form input[type=checkbox]{width:20px;height:20px;flex:none;accent-color:var(--wf-brand)}
.wf-guided-form select[multiple]{min-height:140px}
.wf-guided-form :is(input,select,textarea):focus-visible{outline:3px solid #61b9e4;outline-offset:2px}
.wf-guided-form .wf-button{margin-block:8px;max-width:100%;white-space:normal}
.wf-guided-form details{margin-block:16px}
.wf-guided-form summary{cursor:pointer;color:var(--wf-ink);padding-block:8px;font-weight:650}
.wf-guided-form :is(p,strong){overflow-wrap:anywhere}

/* A separate allowance for exception work, within the existing agreement. */
.wf-retainer-exception-policy { background:var(--wf-surface-tint); border-inline-start:4px solid var(--wf-brand); border-radius:14px; padding:18px; margin-block:18px; min-width:0; }
.wf-retainer-exception-policy p { color:var(--wf-muted); line-height:1.65; }
.wf-retainer-exception-policy label { min-width:0; }
.wf-retainer-usage { background:var(--wf-surface-tint); border-radius:10px; padding:10px 14px; color:var(--wf-ink); }

/* Four field views stay balanced and touch-friendly on phones. */
.wf-field-view-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media(max-width:600px){.wf-field-view-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}.wf-field-view-tabs button{min-height:48px}}

/* Keep navigation tools readable on narrow office screens. */
@media(max-width:600px){
 .wf-workspace-toolbar{flex-wrap:wrap;align-items:flex-start}
 .wf-workspace-tools{flex-wrap:wrap;flex:1;justify-content:flex-start}
 .wf-workspace-tools>div,.wf-workspace-tools>button,.wf-workspace-tools>select{flex-shrink:0}
 .wf-toolbar-view{white-space:nowrap}
 .wf-toolbar-search::before{content:none}
}
/* Personal palette. Status colors and worker identity colors remain semantic. */
:root{--wf-neutral-surface:#f5f8fc;--wf-header:#c0ddf4;--wf-header-ink:#183b5b;--wf-sidebar:#cce2f5;--wf-on-brand:#fff;--wf-on-dark:#fff;--wf-focus:#168eca}
:root[data-wf-theme=ocean]{--wf-brand:#096b88;--wf-brand-dark:#143d66;--wf-ink:#183b55;--wf-muted:#4c6579;--wf-border:#b9cedc;--wf-canvas:#eef5fa;--wf-surface:#fff;--wf-neutral-surface:#f3f7fa;--wf-surface-tint:#e3eff6;--wf-header:#143d66;--wf-header-ink:#fff;--wf-sidebar:#dbe9f3;--wf-blue:#097b9d;--wf-accent:#b2dce9}
:root[data-wf-theme=teal]{--wf-brand:#086879;--wf-brand-dark:#174879;--wf-ink:#24434a;--wf-muted:#526c70;--wf-border:#bccfcd;--wf-canvas:#f6f4ef;--wf-surface:#fffefa;--wf-neutral-surface:#f4f3ee;--wf-surface-tint:#e5f1ef;--wf-header:#096576;--wf-header-ink:#fff;--wf-sidebar:#dcece7;--wf-blue:#16858b;--wf-accent:#b7dad2}
:root[data-wf-theme=slate]{--wf-brand:#365b83;--wf-brand-dark:#334e68;--wf-ink:#243b53;--wf-muted:#52667c;--wf-border:#bfccd8;--wf-canvas:#edf1f5;--wf-surface:#fff;--wf-neutral-surface:#f1f4f8;--wf-surface-tint:#e2e9f1;--wf-header:#334e68;--wf-header-ink:#fff;--wf-sidebar:#dce4ec;--wf-blue:#526f91;--wf-accent:#bacbdd}
.wf-main-header{background:var(--wf-header)!important;color:var(--wf-header-ink)!important}
.wf-main-header-brand,.wf-main-header-brand>div{color:var(--wf-header-ink)!important}
.wf-main-header-brand>span,.wf-main-header-brand small{color:var(--wf-header-ink)!important}
.wf-main-header-brand>div:first-child{background:var(--wf-surface-tint)!important;color:var(--wf-brand)!important}
.wf-header-control,.wf-header-business{background:var(--wf-surface-tint)!important;color:var(--wf-ink)!important}
.wf-sidebar--desktop{background:var(--wf-sidebar)}
.wf-nav-item{color:var(--wf-ink)}.wf-nav-item.is-active{color:var(--wf-on-dark)}
.wf-nav-item:hover{background:var(--wf-surface-tint)}.wf-nav-item.is-active:hover{background:var(--wf-brand-dark)}
.wf-next-action,.wf-detail-hero{background:linear-gradient(115deg,var(--wf-surface-tint),var(--wf-accent))!important;color:var(--wf-ink)}
.wf-next-action h2,.wf-detail-hero h1{color:var(--wf-ink)!important}
.wf-work-card-main{background:var(--wf-surface)}
.wf-page-body input,.wf-page-body select,.wf-page-body textarea,.wf-field-shell input,.wf-field-shell select,.wf-field-shell textarea{background:var(--wf-surface)!important;color:var(--wf-ink)!important;border-color:var(--wf-border)!important}
.wf-page-body th{background:var(--wf-surface-tint)!important;color:var(--wf-muted)!important}
.wf-page-body td{border-bottom-color:var(--wf-border)!important}
.wf-button--primary{color:var(--wf-on-brand)}
.wf-field-shell{color:var(--wf-ink)}.wf-field-shell>header{color:var(--wf-on-dark)}
.wf-field-layout-tools{display:flex;gap:8px;flex-wrap:wrap}
.wf-appearance-launcher{min-height:44px;border:1px solid var(--wf-border);border-radius:12px;background:var(--wf-surface);color:var(--wf-brand);font:inherit;font-weight:600;padding:8px 12px;cursor:pointer}
.wf-appearance-dialog{box-sizing:border-box;width:min(580px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow-y:auto;padding:24px;border:1px solid var(--wf-border);border-radius:20px;background:var(--wf-surface);color:var(--wf-ink);direction:rtl;box-shadow:0 16px 60px #0003}
.wf-appearance-dialog::backdrop{background:#12243888}.wf-appearance-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.wf-appearance-heading h2{margin:0}.wf-appearance-heading button{min-width:44px;min-height:44px;border:0;background:var(--wf-neutral-surface);color:var(--wf-ink);border-radius:10px;font:inherit}
.wf-theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}
.wf-theme-options>button{min-width:0;display:grid;gap:8px;text-align:right;border:2px solid var(--wf-border);border-radius:14px;padding:14px;background:var(--wf-surface);color:var(--wf-ink);font:inherit;cursor:pointer}
.wf-theme-options>button[aria-pressed=true]{border-color:var(--wf-brand);background:var(--wf-surface-tint)}.wf-theme-options small{min-height:22px;color:var(--wf-muted)}.wf-theme-swatches{display:flex;gap:6px}.wf-theme-swatches i{width:28px;height:28px;border-radius:50%;border:1px solid var(--wf-border)}
:where(button,a,input,select,textarea,summary):focus-visible{outline-color:var(--wf-focus)}
@media(max-width:760px){.wf-main-header-actions{flex-wrap:wrap}.wf-main-header{align-items:flex-start!important}.wf-appearance-launcher{font-size:12px;padding:7px 9px}.wf-sidebar--mobile{background:var(--wf-sidebar)!important}.wf-appearance-dialog{padding:18px}.wf-theme-options{gap:8px}}
.wf-ai-panel{margin:18px 0;padding:18px;border:1px solid var(--wf-border);border-radius:16px;background:var(--wf-surface);color:var(--wf-ink)}.wf-ai-panel>summary{font-weight:700;cursor:pointer;min-height:44px}.wf-ai-report{margin-top:16px;background:var(--wf-neutral-surface);border-radius:12px;padding:16px;overflow-wrap:anywhere}.wf-ai-report article{padding:14px 0;border-bottom:1px solid var(--wf-border)}.wf-ai-pages{display:flex;flex-wrap:wrap;gap:12px}.wf-ai-pages label{display:flex;align-items:center;gap:6px;min-height:44px}.wf-ai-panel fieldset{min-width:0;border:1px solid var(--wf-border);border-radius:12px}.wf-ai-panel blockquote{margin:12px 0;padding-inline:14px;border-inline-start:3px solid var(--wf-brand)}

.wf-qa-shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px}.wf-qa-shots a{display:grid;gap:8px;min-width:0;color:var(--wf-brand);overflow-wrap:anywhere}.wf-qa-shots img{width:100%;max-height:240px;object-fit:contain;object-position:top;border:1px solid var(--wf-border);border-radius:10px}
/* HADOGEM 4.98: shared product structure from the 2026-10-16 review.
   Loaded last intentionally. Semantic status/employee colors are not replaced. */
:root, :root[data-wf-theme=combined] {
  --wf-brand:#075dff; --wf-brand-dark:#102d47; --wf-ink:#102d47;
  --wf-muted:#58748b; --wf-border:#cfe3f4; --wf-canvas:#f4faff;
  --wf-surface:#fff; --wf-neutral-surface:#f4faff; --wf-surface-tint:#e7f6ff;
  --wf-header:#fff; --wf-header-ink:#102d47; --wf-sidebar:#fff;
  --wf-blue:#075dff; --wf-accent:#e7f6ff; --wf-focus:#075dff;
  --wf-radius:10px; --wf-control-radius:7px; --wf-shadow:0 3px 14px #102d4708;
  --wf-field-primary:#102d47; --wf-field-radius:16px;
}
:root[data-wf-theme=minimal] {
  --wf-brand:#334e60; --wf-brand-dark:#263d4c; --wf-ink:#263d4c;
  --wf-muted:#546777; --wf-border:#d5dfe5; --wf-canvas:#f8fafb;
  --wf-surface-tint:#edf2f5; --wf-accent:#edf2f5; --wf-focus:#334e60;
  --wf-radius:6px; --wf-control-radius:5px; --wf-shadow:none;
  --wf-field-primary:#334e60; --wf-field-radius:10px;
}
:root[data-wf-theme=modern-field] {
  --wf-brand:#10536d; --wf-brand-dark:#10536d; --wf-ink:#173e4d;
  --wf-muted:#4c6a73; --wf-border:#bfdcd9; --wf-canvas:#f4faf9;
  --wf-surface-tint:#e7f6f5; --wf-accent:#d5eeeb; --wf-focus:#16858b;
  --wf-field-primary:#10536d; --wf-field-radius:16px;
}
:root[data-wf-theme=premium-mobile] {
  --wf-brand:#365b83; --wf-brand-dark:#263751; --wf-ink:#263751;
  --wf-muted:#52667c; --wf-border:#cbd6e3; --wf-canvas:#f2f5fa;
  --wf-surface-tint:#e8eef6; --wf-accent:#e2e9f3; --wf-focus:#526f91;
  --wf-radius:14px; --wf-control-radius:11px; --wf-shadow:0 5px 20px #2637510c;
  --wf-field-primary:#263751; --wf-field-radius:22px;
}
html {scroll-padding-top:24px}
.wf-app-shell, .wf-field-shell {color:var(--wf-ink);background:var(--wf-canvas);overflow-wrap:anywhere}
.wf-main-header {min-height:72px!important;padding:12px clamp(16px,3vw,32px)!important}
.wf-main-header-brand>div:first-child {border-radius:12px!important}
/* Office navigation remains permission filtered, now a horizontal workspace rail. */
.wf-app-body {flex-direction:column;align-items:stretch;min-height:calc(100dvh - 72px)!important}
.wf-sidebar--desktop {position:static;flex:0 0 auto;min-height:0;width:auto;padding:8px clamp(16px,3vw,32px);border:0;border-bottom:1px solid var(--wf-border);background:var(--wf-surface)}
.wf-sidebar--desktop nav {display:flex;gap:6px;flex-wrap:wrap;max-width:1500px;width:100%;margin-inline:auto}
.wf-sidebar--desktop .wf-nav-item {min-height:44px;border-radius:7px;padding:9px 16px;font-size:14px;gap:8px}
.wf-sidebar--desktop .wf-nav-item.is-active {background:var(--wf-surface-tint);color:var(--wf-brand);box-shadow:inset 0 -2px var(--wf-brand)}
.wf-sidebar--desktop .wf-sidebar-foot {display:none}
.wf-main {padding:20px clamp(16px,3vw,32px) 48px!important}
.wf-area-nav, .wf-workspace-toolbar {max-width:1500px;margin-inline:auto}
.wf-area-nav {gap:22px;margin-top:0;margin-bottom:16px}
.wf-area-nav>a {min-height:44px;box-sizing:border-box}
.wf-page-heading {padding:8px 0 18px!important;margin-bottom:18px!important}
.wf-page-heading h1, .wf-page-title {font-size:clamp(27px,2.8vw,34px)!important;letter-spacing:-.6px}
.wf-page-heading p {font-size:16px!important;line-height:1.6}
.wf-surface, .wf-work-card, .wf-action-metrics>a {border-radius:var(--wf-radius);box-shadow:var(--wf-shadow)}
.wf-surface {padding:22px}
.wf-next-action {border-radius:var(--wf-radius);border:1px solid var(--wf-border);background:var(--wf-surface-tint)!important;padding:24px}
.wf-action-metrics {gap:18px}
.wf-action-metrics>a {border-inline-start:4px solid var(--wf-brand);padding:18px}
.wf-action-metrics strong {font-size:30px}
.wf-today-columns {grid-template-columns:minmax(0,1.85fr) minmax(280px,1fr);gap:22px}
.wf-button, .wf-page-body :where(input:not([type=checkbox]):not([type=radio]),select,textarea) {border-radius:var(--wf-control-radius)}
.wf-page-body :where(button,summary), .wf-field-shell :where(button,summary) {min-height:44px}
.wf-page-body :where(th,td) {text-align:start;padding:14px 15px}
.wf-page-body table {border-collapse:collapse}
.wf-page-body :where(section,article,fieldset), .wf-field-shell :where(section,article,fieldset) {min-width:0}
.wf-page-body [role=tablist] {display:flex;gap:12px;overflow-x:auto;border-bottom:1px solid var(--wf-border)}
.wf-page-body [role=tab] {border-radius:0;border:0;border-bottom:3px solid transparent;white-space:nowrap;background:transparent;color:var(--wf-muted)}
.wf-page-body [role=tab][aria-selected=true] {border-bottom-color:var(--wf-brand);color:var(--wf-brand);font-weight:700}
.wf-page-body dialog, .wf-appearance-dialog {max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}
.wf-page-body [data-wf-density=compact] {--wf-section-gap:12px}
.wf-page-body[data-wf-density=compact] .wf-surface {padding:16px}
.wf-page-body[data-wf-density=compact] :where(th,td) {padding-block:9px}
/* Field remains a single, touch-sized task stream; no office rail/table density. */
.wf-field-shell>header {background:var(--wf-surface)!important;color:var(--wf-ink)!important;border-bottom:1px solid var(--wf-border);box-shadow:none!important}
.wf-field-shell>header button {color:var(--wf-ink)!important;min-height:44px}
.wf-field-shell>header button:not(:first-child) {border-color:var(--wf-border)!important}
.wf-field-shell>header button>span:first-child {border-color:var(--wf-border)!important}
.wf-field-user-strip {background:var(--wf-surface-tint)!important;color:var(--wf-ink)!important;border-color:var(--wf-border)!important;flex-wrap:wrap}
.wf-field-layout-tools {max-width:760px;margin:12px auto 0;padding-inline:12px;justify-content:flex-end;box-sizing:border-box}
.wf-field-main {padding-bottom:max(42px,env(safe-area-inset-bottom))!important}
.wf-field-shell .wf-surface, .wf-field-shell .wf-work-card {border-radius:var(--wf-field-radius)}
.wf-field-shell .wf-button--primary {background:var(--wf-field-primary);border-color:var(--wf-field-primary);color:#fff}
.wf-field-shell :where(input:not([type=checkbox]):not([type=radio]),select,textarea) {min-height:48px;font-size:16px;border-radius:10px}
.wf-field-shell .wf-work-card {margin-block-end:16px}
.wf-theme-options>button {border-radius:var(--wf-radius)}
.wf-recipient-settings {margin-block:18px}
.wf-recipient-settings fieldset {border:1px solid var(--wf-border);border-radius:var(--wf-radius);padding:16px;margin-block:16px}
.wf-recipient-settings legend {font-weight:700;padding-inline:8px}
.wf-recipient-settings select {display:block;margin-top:8px;width:100%}
.wf-recipient-choice {display:flex;align-items:center;gap:10px;min-height:44px;flex-wrap:wrap}
.wf-recipient-choice input {width:20px;height:20px;flex:none}
.wf-theme-options>button>span:not(.wf-theme-swatches) {font-size:12px;color:var(--wf-muted);direction:ltr;text-align:right}
@media(max-width:800px) {
  .wf-today-columns {grid-template-columns:1fr}
  .wf-action-metrics {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .wf-main {padding-inline:16px!important}
  .wf-page-heading {gap:12px;flex-wrap:wrap}
  .wf-next-action {padding:18px;flex-wrap:wrap}
  .wf-surface {padding:18px}
}
@media(max-width:767px) {
  .wf-sidebar--desktop {display:none}
  .wf-main {padding-bottom:100px!important}
  .wf-field-shell .wf-work-card {border-radius:var(--wf-field-radius)}
  .wf-field-user-strip {gap:8px}
}
@media(prefers-reduced-motion:reduce) { .wf-action-metrics>a {transition:none} }
@media print {
  .wf-sidebar, .wf-workspace-toolbar, .wf-field-layout-tools, .wf-area-nav {display:none!important}
  .wf-main, .wf-field-main {padding:0!important;background:white!important}
}

/* Review workflows share readable office form spacing without compact field UI. */
.wf-review-panel fieldset { display:grid; gap:14px; border:1px solid var(--wf-border,#dbe5ef); border-radius:14px; padding:18px; margin-block:14px; min-width:0; }
.wf-review-panel label { display:flex; flex-wrap:wrap; align-items:center; gap:10px; line-height:1.6; }
.wf-review-panel select,.wf-review-panel input:not([type=checkbox]),.wf-review-panel textarea { max-width:100%; min-width:0; }
.wf-review-panel button { border:1px solid var(--wf-border,#dbe5ef); border-radius:10px; background:var(--wf-surface); color:var(--wf-text,#102d47); font:inherit; padding:10px 16px; margin:4px; cursor:pointer; width:fit-content; }
.wf-review-panel button:not(:disabled):hover { border-color:var(--wf-accent,#075dff); background:var(--wf-surface-soft,#e7f6ff); }
.wf-review-panel button:disabled { opacity:.55; cursor:not-allowed; }
.wf-review-panel a { display:inline-flex; margin:6px; line-height:1.7; }
.wf-review-panel > div { margin-block:12px; }
.wf-review-panel [role=alert] { color:#9f1239; background:#fff1f2; padding:12px; border-radius:10px; }
.wf-review-panel [role=status] { padding:12px; border-radius:10px; background:var(--wf-surface-soft,#e7f6ff); }
/* Approved customer-card structure: tabs, true ledger summary, two-column overview. */
.wf-customer-tabs{display:flex;gap:6px;overflow:auto;border-bottom:1px solid var(--wf-border);margin-block:12px}.wf-customer-tabs button{border:0;background:transparent;padding:12px 18px;white-space:nowrap;font-weight:800;color:var(--wf-muted);min-height:44px}.wf-customer-tabs button[aria-selected=true]{border-bottom:3px solid var(--wf-brand);color:var(--wf-brand);background:var(--wf-surface-tint)}.wf-customer-balance{display:grid;grid-template-columns:1fr 1fr auto;gap:18px;align-items:center;background:var(--wf-surface-tint);border:1px solid var(--wf-border);border-radius:10px;padding:20px;margin-block:16px}.wf-customer-balance strong{display:block;font-size:28px;overflow-wrap:anywhere}.wf-customer-overview{display:grid;grid-template-columns:minmax(0,1.36fr) minmax(0,1fr);gap:18px}.wf-customer-overview>div{min-width:0;display:grid;gap:18px;align-content:start}.wf-customer-overview .wf-surface,#customer-panel>.wf-surface{padding:18px}.wf-customer-row{display:flex;gap:12px;justify-content:space-between;align-items:center;padding-block:12px;border-bottom:1px solid var(--wf-border)}.wf-table-scroll{max-width:100%;overflow:auto}.wf-customer-overview table,#customer-panel table{border-collapse:collapse;width:100%}.wf-customer-overview th,.wf-customer-overview td,#customer-panel th,#customer-panel td{padding:10px;text-align:right;border-bottom:1px solid var(--wf-border)}@media(max-width:720px){.wf-customer-overview{grid-template-columns:minmax(0,1fr)}.wf-customer-balance{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;gap:10px}.wf-customer-balance button{grid-column:1/-1}.wf-customer-balance strong{font-size:23px}.wf-customer-row{flex-wrap:wrap}}
/* Preserve readable words in narrow customer tables; scroll the table, not the page. */
#customer-panel table{min-width:480px}#customer-panel th,#customer-panel td{word-break:normal;overflow-wrap:normal}
.wf-site-assets-panel{background:var(--wf-surface);border:1px solid var(--wf-border);border-radius:10px;padding:20px}.wf-assets-toolbar{display:flex;align-items:center;gap:18px;justify-content:space-between;flex-wrap:wrap}.wf-assets-toolbar h2{margin:0}.wf-assets-toolbar p{margin:6px 0;color:var(--wf-muted)}.wf-assets-toolbar label{display:grid;gap:6px;min-width:min(100%,320px)}.wf-asset-type-chips{display:flex;gap:8px;flex-wrap:wrap;margin-block:18px}.wf-asset-type-chips button{min-height:44px;padding:8px 16px;border:1px solid var(--wf-border);border-radius:999px;background:var(--wf-surface);color:var(--wf-brand);font-weight:700}.wf-asset-type-chips button[aria-pressed=true]{background:var(--wf-surface-tint);border-color:var(--wf-brand)}.wf-asset-rich-list{display:grid;gap:12px}.wf-asset-rich-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.3fr) minmax(90px,.45fr) auto;align-items:center;gap:24px;border:1px solid var(--wf-border);border-radius:10px;padding:18px;min-height:120px}.wf-asset-identity{display:flex;gap:18px;align-items:center;min-width:0}.wf-asset-identity h3{margin:0 0 6px;font-size:21px}.wf-asset-identity p{margin:6px 0 0;color:var(--wf-muted)}.wf-asset-symbol{width:64px;height:64px;display:grid;place-items:center;flex-shrink:0;font-size:38px;color:var(--wf-brand);background:var(--wf-surface-tint);border-radius:14px}.wf-asset-rich-row dl{border-inline:1px solid var(--wf-border);margin:0;padding-inline:22px;display:grid;gap:12px}.wf-asset-rich-row dl div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px}.wf-asset-rich-row dt{color:var(--wf-muted)}.wf-asset-rich-row dd{margin:0;font-weight:700;overflow-wrap:anywhere}.wf-asset-status{justify-self:center;background:var(--wf-surface-tint);border-radius:999px;padding:8px 14px}.wf-asset-secondary{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:0}.wf-asset-secondary button{border:0;background:transparent;color:var(--wf-brand);min-height:44px;text-decoration:underline}@media(max-width:900px){.wf-asset-rich-row{grid-template-columns:minmax(0,1fr) auto;gap:16px}.wf-asset-rich-row dl{grid-column:1/-1;grid-row:2;border:0;padding:0}.wf-asset-rich-row>.wf-button{grid-column:1/-1}.wf-asset-symbol{width:48px;height:48px;font-size:30px}.wf-site-assets-panel{padding:14px}.wf-assets-toolbar label{width:100%}.wf-asset-identity h3{font-size:19px}}
.wf-customer-unbilled{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--wf-surface-tint);border:1px solid var(--wf-border);border-radius:10px;padding:14px 18px;margin-top:18px;font-weight:700}
/* Office context shares one row on desktop; personal controls remain available. */
@media(min-width:1024px){
.wf-app-shell[data-wf-workspace="office"] .wf-main-header{min-height:56px!important;padding:6px 24px!important}
.wf-app-shell[data-wf-workspace="office"] .wf-environment-banner{padding:3px 24px!important;font-size:11px!important}
.wf-app-shell[data-wf-workspace="office"] .wf-sidebar--desktop{padding-block:2px!important}
.wf-app-shell[data-wf-workspace="office"] .wf-main{padding-top:8px!important}
.wf-office-contextbar{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1500px;margin:0 auto 8px;flex-wrap:wrap}
.wf-office-contextbar .wf-area-nav{margin:0!important;gap:16px;flex:1}
.wf-office-contextbar .wf-workspace-toolbar{position:static;top:auto;margin:0!important;min-height:44px;padding:0 6px;max-width:100%;flex:0 1 auto}
.wf-app-shell[data-wf-workspace="office"] .wf-page-heading{padding:4px 0 10px!important;margin-bottom:8px!important}
.wf-app-shell[data-wf-workspace="office"] .wf-page-heading h1{font-size:30px!important}
}
.wf-asset-row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:240px}
.wf-asset-row-actions a{padding:8px 4px;min-height:44px;display:inline-flex;align-items:center;font-size:13px}
.wf-asset-photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px}
.wf-asset-photo-grid a{display:grid;gap:8px;padding:12px;border:1px solid var(--wf-border);border-radius:12px;color:var(--wf-ink)}
.wf-asset-photo-grid img{width:100%;height:220px;object-fit:contain;background:var(--wf-page);border-radius:8px}
.wf-asset-photo-grid span{font-size:12px;color:var(--wf-muted)}

@media(max-width:600px){.wf-asset-detail-tabs{display:grid!important;grid-template-columns:1fr 1fr;overflow:visible!important;gap:0!important}.wf-asset-detail-tabs button{width:100%;min-width:0!important;padding-inline:6px!important}}

/* Keep each customer's totals and actions together on a narrow office screen. */
@media (max-width: 700px) {
  .wf-collection-table table.wf-office-summary-table,
  .wf-billing-review-queue table.wf-office-summary-table { display: block; min-width: 0; }
  .wf-office-summary-table thead {
    position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%);
  }
  .wf-office-summary-table tbody, .wf-office-summary-table tfoot { display: grid; gap: 10px; }
  .wf-office-summary-table tbody tr, .wf-office-summary-table tfoot tr {
    display: grid; gap: 6px; min-width: 0; padding: 12px; border: 1px solid var(--wf-border); border-radius: 10px;
  }
  table.wf-office-summary-table td, table.wf-office-summary-table tfoot th {
    display: block; border: 0; padding: 3px 0; min-width: 0; overflow-wrap: anywhere;
  }
  table.wf-office-summary-table td[data-label]::before {
    content: attr(data-label); display: block; margin-bottom: 3px; color: var(--wf-muted); font-size: .85em;
  }
  .wf-office-summary-table tbody td:last-child { padding-block-start: 8px; }
  .wf-office-summary-table .wf-button { min-height: 44px; }
}