/* Small, scoped UI refinements. Keep workflow and existing design tokens. */
:root {
  --order-blue-bg:#eff6ff; --order-blue-ink:#1d4ed8;
  --order-green-bg:#ecfdf5; --order-green-ink:#047857;
  --order-red-bg:#fff1f2; --order-red-ink:#b91c1c;
  --order-amber-bg:#fff7ed; --order-amber-ink:#9a3412;
  --order-violet-bg:#f5f3ff; --order-violet-ink:#6d28d9;
  --order-neutral-bg:#f1f5f9; --order-neutral-ink:#475569;
}
[data-theme="dark"] {
  --order-blue-bg:#172b46; --order-blue-ink:#93c5fd;
  --order-green-bg:#163a30; --order-green-ink:#6ee7b7;
  --order-red-bg:#40222b; --order-red-ink:#fda4af;
  --order-amber-bg:#402e1f; --order-amber-ink:#fdba74;
  --order-violet-bg:#302543; --order-violet-ink:#c4b5fd;
  --order-neutral-bg:#252c38; --order-neutral-ink:#cbd5e1;
}
/* Important is required only to override the legacy monochrome skin. */
.order-card .status-badge {
  display:inline-flex; align-items:center; gap:5px;
  background:var(--order-state-bg,var(--order-neutral-bg)) !important;
  color:var(--order-state-ink,var(--order-neutral-ink)) !important;
  border:1px solid color-mix(in srgb,var(--order-state-ink,var(--order-neutral-ink)) 22%,transparent) !important;
  border-radius:8px !important; padding:5px 9px !important;
  font-size:11px !important; line-height:1.35; font-weight:750;
}
.order-card .status-in-work { --order-state-bg:var(--order-blue-bg); --order-state-ink:var(--order-blue-ink); }
.order-card .status-paid,.order-card .status-done { --order-state-bg:var(--order-green-bg); --order-state-ink:var(--order-green-ink); }
.order-card .status-unpaid,.order-card .status-debt,.order-card .status-cancelled { --order-state-bg:var(--order-red-bg); --order-state-ink:var(--order-red-ink); }
.order-card .status-priority,.order-card .status-partial { --order-state-bg:var(--order-amber-bg); --order-state-ink:var(--order-amber-ink); }
.order-card .status-pending,.order-card .status-call { --order-state-bg:var(--order-violet-bg); --order-state-ink:var(--order-violet-ink); }
.order-card .status-overpaid,.order-card .status-own-warehouse { --order-state-bg:var(--order-blue-bg); --order-state-ink:var(--order-blue-ink); }
.order-card .status-deleted,.order-card .status-selection { --order-state-bg:var(--order-neutral-bg); --order-state-ink:var(--order-neutral-ink); }
.order-card-status-row { gap:6px 8px; align-items:center; }

/* Order dialog: same tabs, same panels and same controls. */
#order-modal .modal-order .order-modal-tab { min-height:42px !important; }
#order-modal .modal-order .modal-body { padding:16px !important; scrollbar-gutter:stable; }
#order-modal .modal-order .form-section { padding:18px !important; margin-bottom:14px !important; }
#order-modal .modal-order .form-section-title { margin-bottom:16px !important; font-size:13px !important; color:var(--text) !important; }
#order-modal .modal-order .form-label { font-size:12px !important; line-height:1.45 !important; color:var(--text2) !important; }
#order-modal .modal-order .form-grid,#order-modal .modal-order .form-row { gap:14px !important; }
#order-modal .modal-order .form-input,#order-modal .modal-order .form-select { min-height:44px !important; }
#order-modal .modal-order input::placeholder,#order-modal .modal-order textarea::placeholder { color:var(--text3); opacity:.8; }
#order-modal .modal-order input[type="checkbox"],#order-modal .modal-order input[type="radio"] {
  width:18px !important; height:18px !important; min-height:18px !important;
  padding:0 !important; margin:0; flex:0 0 18px; accent-color:var(--accent);
}
#order-modal .modal-order input:focus-visible,#order-modal .modal-order select:focus-visible,
#order-modal .modal-order textarea:focus-visible,#order-modal .modal-order button:focus-visible,
#owner-settings-content button:focus-visible,#owner-settings-content input:focus-visible,
#owner-settings-content select:focus-visible,#owner-settings-content textarea:focus-visible {
  outline:2px solid var(--accent) !important; outline-offset:2px;
}
#order-modal .modal-order input[readonly],#order-modal .modal-order input:disabled { color:var(--text3) !important; cursor:default; }
#order-modal .order-service-block { padding:14px; border-radius:12px; }
#order-modal .order-service-block.selected { border-color:color-mix(in srgb,var(--accent) 55%,var(--border)); }
#order-modal .order-service-toggle { min-height:44px; font-size:13px; }
#order-modal .service-assignees { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:8px; }
#order-modal .service-assignees > .form-label { grid-column:1/-1; }
#order-modal .service-assignees > label { display:flex; align-items:center; gap:8px; min-height:40px; padding:8px 10px; border:1px solid var(--border); border-radius:8px; font-size:12px; }
#order-modal .service-assignees > label:has(input:checked) { border-color:var(--accent); background:color-mix(in srgb,var(--accent) 8%,var(--surface)); }
#order-modal .service-variant-toggle { min-height:40px; }
#order-modal .service-job-footer { gap:12px; flex-wrap:wrap; margin-top:12px; }
#order-modal .modal-order .modal-footer { gap:12px !important; }

/* Settings: reliable spacing, labels that wrap, and comfortable controls. */
#owner-settings-content { width:100%; min-width:0; }
#owner-settings-content .owner-settings-layout { grid-template-columns:230px minmax(0,1fr); gap:22px; }
#owner-settings-content .owner-settings-category-tab { min-height:58px; padding:12px; text-align:left; }
#owner-settings-content .owner-settings-category-tab strong { font-size:13px; white-space:normal; line-height:1.4; }
#owner-settings-content .owner-settings-category-tab small { font-size:11px; line-height:1.4; white-space:normal; }
#owner-settings-content .owner-settings-category-tab.active { border-color:color-mix(in srgb,var(--accent) 40%,var(--border)); }
#owner-settings-content .settings-owner-quick-actions .settings-user-actions { grid-template-columns:minmax(200px,1.2fr) repeat(2,minmax(0,1fr)); }
#owner-settings-content .form-input,#owner-settings-content .form-select { min-height:44px; }
#owner-settings-content .company-settings-form-grid { gap:16px; }
#owner-settings-content .company-settings-form-grid > label { min-width:0; font-size:12px; line-height:1.5; }
#owner-settings-content .settings-action-row { line-height:1.45; }
#owner-settings-content .settings-action-row:hover { transform:none; }
#owner-settings-content .company-tool-card { min-width:0; }
#owner-settings-content .current-profile-settings-card { gap:20px; }

@media(max-width:1024px) {
  #owner-settings-content .settings-owner-quick-actions .settings-user-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #owner-settings-content .settings-owner-quick-actions .settings-user-section { grid-column:1/-1; }
}
@media(max-width:900px) {
  #owner-settings-content .owner-settings-layout { display:block; }
  #owner-settings-content .owner-settings-category-nav { position:static; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; overflow:visible; max-height:none; margin-bottom:18px; }
  #owner-settings-content .owner-settings-category-tab { width:100%; min-width:0; }
  #owner-settings-content .owner-settings-category-nav::after { display:none; }
}
@media(max-width:640px) {
  #order-modal .modal-order .modal-body { padding:10px !important; }
  #order-modal .modal-order .form-section { padding:14px !important; }
  #order-modal .modal-order .form-grid,#order-modal .modal-order .form-row { gap:12px !important; }
  #order-modal .modal-order .order-modal-tab { flex:1 0 auto; padding:0 10px !important; font-size:12px !important; }
  #order-modal .service-assignees { grid-template-columns:1fr; }
  #owner-settings-content .owner-settings-category-nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #owner-settings-content .owner-settings-category-tab small { display:none; }
  #owner-settings-content .settings-owner-quick-actions .settings-user-actions { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) { #owner-settings-content .owner-settings-category-panel { animation:none; } }
/* Integration fields must not force a minimum-width grid on a phone. */
#owner-settings-content .owner-banner-card-actions[style*="grid"] { grid-template-columns:repeat(2,minmax(0,1fr)) !important; min-width:0; }
#owner-settings-content .owner-banner-card-actions input { width:100%; min-width:0; }
@media(max-width:640px) {
  #owner-settings-content .settings-owner-quick-actions .settings-user-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #owner-settings-content .settings-owner-quick-actions .settings-action-row { min-height:60px; padding:10px; gap:8px; font-size:12px; }
  #owner-settings-content .settings-owner-quick-actions .settings-action-row > span { width:28px; height:28px; flex:0 0 28px; }
  #owner-settings-content .owner-settings-category-tab { min-height:52px; padding:8px; gap:8px; }
  #owner-settings-content .owner-settings-category-tab > span { width:28px; height:28px; flex:0 0 28px; }
  #owner-settings-content .owner-banner-card-actions[style*="grid"] { grid-template-columns:1fr !important; }
}

/* Order details: explicit desktop rows, stacked on phones. */
@media(min-width:721px) {
  #order-modal .modal-order .order-fields-three { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
  #order-modal .modal-order .form-row:has(#f-new-post) { align-items:end; }
  #order-modal .modal-order .form-row:has(#f-new-post) .order-flag-checkbox { min-height:44px; }
}
/* Editable values and read-only financial results share the panel's tone. */
#order-modal .order-finance-expense { --finance-tone:#dc2626; --finance-ink:#991b1b; }
#order-modal .order-finance-income { --finance-tone:#16a34a; --finance-ink:#166534; }
[data-theme="dark"] #order-modal .order-finance-expense { --finance-tone:#fb7185; --finance-ink:#fda4af; }
[data-theme="dark"] #order-modal .order-finance-income { --finance-tone:#4ade80; --finance-ink:#86efac; }
#order-modal .order-finance-expense,#order-modal .order-finance-income {
  background:color-mix(in srgb,var(--finance-tone) 6%,var(--surface)) !important;
  border-color:color-mix(in srgb,var(--finance-tone) 25%,var(--border)) !important;
  border-radius:14px; padding:16px;
}
#order-modal .order-finance-expense .form-input,#order-modal .order-finance-expense .form-select,
#order-modal .order-finance-income .form-input,#order-modal .order-finance-income .form-select {
  background:color-mix(in srgb,var(--finance-tone) 5%,var(--surface)) !important;
  border-color:color-mix(in srgb,var(--finance-tone) 23%,var(--border)) !important;
}
.finance-payment-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:14px 0; padding:14px; border:1px solid color-mix(in srgb,var(--finance-tone) 18%,var(--border)); border-radius:10px; background:color-mix(in srgb,var(--finance-tone) 3%,var(--surface)); }
.finance-results-row { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; border-top:1px solid color-mix(in srgb,var(--finance-tone) 22%,var(--border)); padding-top:16px; }
.order-finance-income .finance-results-row { grid-template-columns:repeat(3,minmax(0,1fr)); }
.finance-result { min-width:0; }
.finance-result-label { display:block; font-size:11px; line-height:1.5; color:var(--text2); margin-bottom:6px; }
.finance-result-value { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px; font-size:17px; line-height:1.5; font-weight:750; font-variant-numeric:tabular-nums; color:var(--finance-ink,var(--text)); }
.finance-result-value > span { font-size:12px; font-weight:600; }
.finance-result-value output { overflow-wrap:anywhere; }
.finance-result-value output[id$="status"] { font-size:12px; line-height:1.7; }
@media(max-width:720px) { .finance-results-row,.order-finance-income .finance-results-row { grid-template-columns:repeat(2,minmax(0,1fr)); } .finance-payment-form { padding:12px; gap:10px; } }
@media(max-width:400px) { .finance-payment-form { grid-template-columns:1fr; } }

/* Two clear header rows: navigation above, totals and actions below. */
#order-modal .modal-order .modal-header { display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; align-items:center !important; gap:12px !important; padding:14px 16px !important; }
#order-modal .modal-order .order-modal-head-main,#order-modal .order-modal-header-actions { display:contents !important; }
#order-modal #order-modal-title { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:0 !important; overflow:hidden !important; clip-path:inset(50%); }
#order-modal #order-modal-tabs { grid-column:1; grid-row:1; justify-self:start; width:100% !important; min-width:0; }
#order-modal .order-modal-tab { flex:1 !important; min-width:0; }
#order-modal .order-modal-tab:not(.active) { border:1px solid var(--border) !important; background:var(--surface) !important; }
#order-modal #modal-live-total { grid-column:1; grid-row:2; justify-self:start; margin:0; flex-wrap:wrap; gap:6px; }
#order-modal #order-modal-owner-actions { grid-column:2; grid-row:2; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:6px !important; max-width:210px; }
#order-modal .order-modal-header-actions .icon-action-btn,#order-modal .order-modal-header-actions .modal-close { width:36px !important; height:36px !important; min-height:36px !important; padding:0 !important; }
#order-modal .order-modal-header-actions .modal-close { grid-column:2; grid-row:1; justify-self:end; align-self:start; }
.service-catalogue-empty { margin:10px 0 16px; font-size:13px; line-height:1.6; color:var(--text3); }
@media(max-width:720px) {
  #order-modal .modal-order .modal-header { gap:10px 8px !important; padding:12px !important; }
  #order-modal #order-modal-tabs { grid-column:1; grid-row:1; }
  #order-modal #modal-live-total { grid-column:1/-1; grid-row:2; }
  #order-modal #order-modal-owner-actions { grid-column:1/-1; grid-row:3; max-width:none; }
  #order-modal .modal-order .order-modal-tab { padding:0 7px !important; font-size:11px !important; }
}
/* Individual dashboard cards: compact choices with clear labels. */
.dashboard-card-choices {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0;}
.dashboard-card-choice {display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--border);border-radius:10px;cursor:pointer;min-width:0;background:var(--surface);}
.dashboard-card-choice:has(input:checked) {border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 4%,var(--surface));}
.dashboard-card-choice input {width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:2px 0 0;accent-color:var(--accent);}
.dashboard-card-choice > span {width:20px;flex:0 0 20px;color:var(--text2);}
.dashboard-card-choice strong {display:block;font-size:13px;line-height:1.5;}
.dashboard-card-choice small {display:block;font-size:11px;color:var(--text3);line-height:1.5;margin-top:4px;}
#my-day-company-dashboard {margin:20px 0;}
#my-day-company-dashboard .dashboard-v2-metrics:empty,#my-day-company-dashboard .dashboard-v2-analysis:empty {display:none;}
@media(max-width:640px){.dashboard-card-choices{grid-template-columns:1fr;}}
.dashboard-v2-metrics:not(:has(> .dashboard-v2-metric)),.dashboard-v2-analysis:not(:has(> section)) {display:none;}
.dashboard-v2-analysis:has(> section:only-child) {grid-template-columns:minmax(0,1fr);}
#my-day-company-dashboard .dashboard-v2-metrics {grid-template-columns:repeat(auto-fit,minmax(160px,1fr));}
/* Native checkboxes must not inherit the height/padding of text inputs. */
html body input[type="checkbox"] {
  box-sizing:border-box !important;
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  min-height:18px !important;
  max-width:18px !important;
  max-height:18px !important;
  aspect-ratio:1 / 1 !important;
  padding:0 !important;
  border-radius:4px !important;
  flex-shrink:0;
  vertical-align:middle;
  accent-color:var(--accent);
}
.problems-modal {max-width:760px;}
.problem-filters {display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:10px;margin-bottom:16px;}
.problem-note {color:var(--text3);font-size:12px;line-height:1.6;margin-top:12px;}
.problem-row {display:flex;justify-content:space-between;gap:16px;padding:14px;border:1px solid var(--border);border-left:3px solid var(--red);border-radius:10px;margin-top:10px;}
.problem-row p {font-size:12px;color:var(--text3);margin:6px 0;overflow-wrap:anywhere;}
.problem-row > div {min-width:0;}
.problem-row-actions {display:flex;flex-direction:column;align-items:end;gap:10px;flex-shrink:0;max-width:220px;}
.problem-state {font-size:11px;font-weight:700;color:var(--red);}
.problem-completed {border-left-color:var(--green,var(--accent));}
.problem-completed .problem-state {color:var(--green,var(--accent));}
@media(max-width:640px){.problem-filters{grid-template-columns:minmax(0,1fr) auto;}.problem-filters select{grid-column:1/-1;}.problem-row{flex-direction:column;}.problem-row-actions{align-items:start;max-width:none;}}
/* One compact adjustment form for fines and bonuses. */
.employee-adjustment-modal .modal-header {align-items:center;gap:16px;}
.adjustment-tabs {display:flex;gap:6px;flex:1;}
.adjustment-tabs button {flex:1;min-height:42px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text2);font-weight:700;cursor:pointer;}
.adjustment-tabs button.active {background:var(--accent);border-color:var(--accent);color:var(--bg);}
.employee-adjustment-modal .modal-body {display:grid;gap:16px;}
.adjustment-order {display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--text3);}
.adjustment-order strong {color:var(--text);text-align:right;}
.adjustment-workers {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.adjustment-worker-choice {display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:10px;cursor:pointer;min-width:0;}
.adjustment-worker-choice:has(input:checked) {border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface));}
.adjustment-worker-choice strong,.adjustment-worker-choice small {display:block;overflow-wrap:anywhere;}
.adjustment-worker-choice strong {font-size:13px;margin-top:4px;}
.adjustment-worker-choice small {font-size:11px;color:var(--text3);}
.adjustment-worker-choice.is-disabled {opacity:.6;cursor:default;}
#adjustment-distribution {display:grid;gap:8px;}
#adjustment-distribution:empty {display:none;}
#adjustment-distribution > div {display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:8px;background:var(--surface2);font-size:13px;}
#adjustment-distribution strong {font-variant-numeric:tabular-nums;white-space:nowrap;}
.order-adjustment-launch {display:flex;flex-wrap:wrap;gap:8px;}
.adjustment-draft-summary {padding:12px;margin-top:12px;border:1px solid var(--border);border-radius:10px;font-size:13px;}
.adjustment-draft-summary p {margin:6px 0;color:var(--text2);overflow-wrap:anywhere;}
.adjustment-draft-summary small {display:block;color:var(--text3);margin-bottom:10px;}
@media(max-width:420px){.adjustment-workers{grid-template-columns:1fr;}}
#employee-adjustment-modal .employee-adjustment-modal {max-width:560px !important;width:calc(100vw - 24px) !important;}
.employee-variant-rates{margin-top:12px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--bg2)}
.employee-variant-rates summary{cursor:pointer;font-weight:600;padding:4px 0}
.employee-variant-rates small{display:block;margin:8px 0;color:var(--text3)}
.employee-variant-rate{display:grid;grid-template-columns:minmax(120px,1fr) minmax(160px,1fr) minmax(90px,.65fr);gap:8px;align-items:center;padding:8px 0}
.employee-variant-rate strong{min-width:0;overflow-wrap:anywhere}
@media(max-width:600px){.employee-variant-rate{grid-template-columns:minmax(0,1fr) minmax(90px,.7fr)}.employee-variant-rate strong{grid-column:1/-1}}