:root {
  --bg: background: linear-gradient(135deg, #1a5276, #0e3147);;
  --panel: #0f1010;
  --text: #000000;
  --accent: #56640c;
  --accent-deep: #394026;
  --teal: #000000;
  --muted: #000000;
  --line: #000000;
  --button-bg: linear-gradient(135deg,#b9f5f9,#5c85f5);
  --button-text: #000000;
  --today-bg: #dfedf7;
  --today-text: #000000;
  --today-reminder-bg: #dfedf7;
  --today-reminder-text: #000000;
  --box-bg: #dfedf7;
  --box-text: #000000;
  --backend-bg: #f5f7de;
  --backend-accent: #c9f0fd;
  --backend-accent-deep: #e8fbd5;
  --backend-muted: #000000;
  --backend-line: #000000;
  --backend-button-bg: linear-gradient(135deg,#b9f5f9,#5c85f5);
  --backend-button-text: #000000;
  --backend-box-bg: #bef4d8;
  --backend-box-text: #000000;
  --backend-sysadmin-box-bg: #bef4d8;
  --backend-sysadmin-box-text: #000000;
  --backend-sysadmin-selected-bg: #8fc25b;
  --backend-sysadmin-selected-text: #f5f7de;
  --backend-sysadmin-selected-meta: rgba(255,247,241,0.78);
  --backend-sysadmin-pill-bg: rgba(175,77,49,0.12);
  --backend-sysadmin-pill-text: #000000;
  --backend-sysadmin-pill-on-selected-bg: rgba(255,247,241,0.22);
  --backend-sysadmin-pill-on-selected-text: #000000;
  --font: "Segoe UI", sans-serif;
  --font-heading: "Segoe UI", sans-serif;
  --font-size-base: 16px;
  --font-weight-base: 600;
  --font-weight-heading: 800;
  --border-width: 3px;
  --radius-panel: 16px;
  --radius-button: 999px;
  --panel-padding: 28px;
  --button-padding-y: 10px;
  --button-padding-x: 14px;
  --sqr-grid-font-family: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  --sqr-grid-font-size: 0.82rem;
  --sqr-grid-font-weight: 700;
  --sqr-grid-header-font-weight: 800;
  --sqr-grid-header-font-size: 0.78rem;
  --sqr-grid-header-bg: #fde8bf;
  --sqr-grid-header-text: #0f0f0f;
  --sqr-grid-border: #080808;
  --sqr-grid-outer-border: #080808;
  --sqr-grid-header-rule: #080808;
  --sqr-grid-row-odd: #f5fce8;
  --sqr-grid-row-even: #fbfde8;
  --sqr-grid-row-hover: #dff4f7;
  --sqr-grid-mono-font-size: 0.78rem;
  --sqr-grid-cell-text: #0d0d0d;
}
html { font-size: 16px; }
body { font-family: "Segoe UI", sans-serif; font-weight: 600; background: var(--bg); color: var(--text); }
h1,h2,h3,h4,h5,h6,strong,th,.eyebrow { font-family: "Segoe UI", sans-serif; font-weight: 800; }
.btn,.btn-primary,.btn-secondary,button,.pill,.chip,.nav-link,.quick-link,.back-link,a.primary,a.secondary,input[type=button],input[type=submit]{border-style:solid !important;border-width:var(--border-width) !important;border-radius:var(--radius-button) !important;padding:var(--button-padding-y) var(--button-padding-x) !important;}
.hero,.topbar,.panel,.card,.stat-card,.stat-tile,.action-card,.mini-card,.today-panel,.hero-callout,.hero-card,.person-card,.result-card,.search-panel,.modal-card,.empty-state{border-radius:var(--radius-panel) !important;padding:var(--panel-padding) !important;}
.btn-primary, button.primary, .action-card.primary, .search-wrap .search-btn { background: var(--button-bg) !important; color: var(--button-text) !important; }
.panel,.card,.hero,.hero-card,.stat-card,.stat-tile,.action-card,.mini-card,.today-panel,.hero-callout,.person-card,.date-pill,.quick-link,.search-wrap input,.action-card:not(.primary),.strip,.visit-card,.appt-card { background: var(--box-bg) !important; color: var(--box-text) !important; border-color: var(--line) !important; }
.topbar-sub,.action-desc,.stat-note,.panel p,.hero p,.muted,.quick-link,.date-pill,.refresh-pill { color: var(--muted) !important; }
body{background:var(--bg) !important;color:var(--text) !important;}
h1,h2,h3,h4,h5,h6,.eyebrow,.action-title,.stat-label,.day-label,.card-name,.result-head h3,.topbar h1,.panel h2,.hero h1,.hero h2,.sum-val,.stat-value{font-weight:900 !important;line-height:1.22 !important;padding-top:2px !important;padding-bottom:2px !important;}
.topbar,.search-panel,.result-card,.empty-state,.modal-card,.sidebar,.shell-card,.card-shell,.timeline-card,.hero,.stat,.panel,.report-row,#deleteModalBox{background:var(--box-bg) !important;color:var(--box-text) !important;border:1px solid var(--line) !important;}
.topbar,.search-panel,.hero,.panel,.result-card,.empty-state,.modal-card,.timeline-card,#deleteModalBox{border-radius:24px !important;box-shadow:var(--shadow, 0 18px 45px rgba(74,45,25,0.12)) !important;}
.chip,.nav-link,.soft-btn,.page-btn,.pill,.back-link,.btn-cancel-edit,.btn-del,.day-btn,.btn,.back-btn,.btn-cancel-appt{background:var(--box-bg) !important;color:var(--box-text) !important;border-color:var(--line) !important;}
.chip.active,.btn-accent,button,.search-panel button,#searchBtn{background:var(--button-bg) !important;color:var(--button-text) !important;border-color:transparent !important;}
.pill.accent,.btn-save-cust,#deleteConfirmBtn,.print-btn,.btn-primary,.btn-teal,.btn-accent{background:var(--button-bg) !important;color:var(--button-text) !important;border-color:transparent !important;}
.chip-row .chip:hover,.nav-links .chip:hover,.soft-btn:hover{filter:brightness(0.98);}
input,select,textarea{background:var(--box-bg) !important;color:var(--box-text) !important;border-color:var(--line) !important;}
label,.summary,.summaryHint,.msg,.meta-grid strong,.msg-date,.msg-subject,.msg-snippet,#contactBlock div strong,.detail-grid strong,.edit-field label,.stat span,.sum-label,.card-meta,.items-detail,.alteration-text,.appt-phone,.appt-notes,.visit-meta,.customer-phone,.lbl,.stat-label,.stat-note{color:var(--muted) !important;}
.badge,.tag{border-color:var(--line) !important;}
.timeline-amount,.eyebrow,.pill.edit-btn{color:var(--accent) !important;}
.metric-pill.today{background:var(--today-bg) !important;color:var(--today-text) !important;border-color:var(--line) !important;}
.cust-card,.summary-bar,.day-count,.day-today,.empty,.day-count,.badge-linked,.badge-confirmed,.badge-cancelled,.badge-pending,.days-badge,.refresh-pill{background:var(--box-bg) !important;color:var(--box-text) !important;border-color:var(--line) !important;}
.card-amount,.day-label,.sum-val,.appt-time,.stat-value,.num{color:var(--accent) !important;}
.card,.add-box,.todo-item,.stat-pill,.edit-row,.range-bar,.day-range-row,.stats-bar,.stat-card,.items-table th,.sms-toast,.modal,.overlay,.empty-state,.footer,.logo .subtitle,.remember-row,.error-msg{border-color:var(--line) !important;}
.card,.add-box,.todo-item,.stat-pill,.edit-row,.stat-card,.modal,.empty-state,.filter-btn,.icon-btn,.act-btn,.range-bar input,.day-range-row input,.items-table th{background:var(--box-bg) !important;color:var(--box-text) !important;}
.logo .subtitle,.remember-row,.footer,.filter-row .filter-btn,.priority-low,.due-badge,.modal label,.field label,.range-bar label,.day-range-row label,.customer-phone,.visit-meta,.notes-row,.empty-state,.error-msg{color:var(--muted) !important;}
.btn-login,.filter-btn.active,.btn-accent,.btn-teal,.act-sms,.act-email,.act-open,.sms-toast{background:var(--button-bg) !important;color:var(--button-text) !important;border-color:transparent !important;}
.back-btn:hover,.icon-btn:hover,.filter-btn:hover,.act-btn:hover{background:color-mix(in srgb, var(--box-bg) 88%, var(--accent) 12%) !important;}
.topbar,.card,.add-box,.todo-item,.stat-card,.appt-card,.visit-card,.modal{box-shadow:var(--shadow, 0 18px 45px rgba(74,45,25,0.12)) !important;}
.topbar,.hero,.hero-card,.today-panel,.search-panel{overflow:visible !important; padding-top:10px !important; padding-bottom:10px !important;}
.topbar h1,.hero h1,.today-panel h2,.search-panel h2{line-height:1.24 !important; padding-top:4px !important; padding-bottom:4px !important;}
/* Compact global sizing */
.shell{padding-top:8px !important;padding-bottom:14px !important;}
.topbar,.hero,.search-panel,.panel,.card,.result-card,.timeline-card,.empty-state,.stat,.stat-card,.stat-tile,.action-card,.mini-card,.today-panel,.hero-callout,.hero-card,.person-card{padding:8px 10px !important;border-radius:10px !important;}
.topbar h1,.hero h1,.search-panel h2,.today-panel h2,h1{font-size:1.02rem !important;line-height:1.1 !important;}
h2{font-size:0.94rem !important;line-height:1.12 !important;}h3{font-size:0.88rem !important;line-height:1.14 !important;}
.eyebrow{font-size:0.64rem !important;letter-spacing:0.08em !important;margin-bottom:4px !important;}
.btn,.btn-primary,.btn-secondary,button,.pill,.chip,.nav-link,.quick-link,.back-link,a.primary,a.secondary,input[type=button],input[type=submit],.page-btn,.soft-btn,.tag,.badge{padding:4px 9px !important;font-size:0.74rem !important;border-radius:999px !important;line-height:1.05 !important;min-height:0 !important;}
.chip-row,.nav-links,.hero-actions,.topbar-right{gap:6px !important;}
.stats-grid,.detail-grid,.meta-grid,.results,.appointments-grid,.totals-row{gap:6px !important;}
.card,.panel,.timeline-card,.appointment-card,.contact-item,.report-row,.result-card{margin-bottom:6px !important;}
input,select,textarea{padding:6px 8px !important;font-size:0.8rem !important;border-radius:8px !important;}
table th,table td{padding:4px 5px !important;font-size:0.78rem !important;}
@media (max-width: 640px){.topbar,.hero,.search-panel,.panel,.card{padding:7px 8px !important;}.btn,.pill,.chip{padding:3px 7px !important;font-size:0.72rem !important;}}
/* Hero single-row compact layout */
.hero{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:8px !important;flex-wrap:nowrap !important;}
.hero > div:first-child{display:flex !important;align-items:center !important;gap:6px !important;flex-wrap:wrap !important;min-width:0 !important;flex:1 1 auto !important;}
.hero .hero-actions{display:flex !important;align-items:center !important;gap:4px !important;flex-wrap:nowrap !important;margin:0 !important;flex:0 0 auto !important;white-space:nowrap !important;}
.hero h1,.hero h2,.hero .eyebrow,.hero p,.hero .muted,#subtitle{display:inline-block !important;margin:0 !important;line-height:1.08 !important;}
.hero .hero-actions .pill,.hero .hero-actions .back-link,.hero .hero-actions .btn,.hero .hero-actions .chip{padding:3px 7px !important;font-size:0.7rem !important;}
.hero .muted,#subtitle,.hero .sub{font-size:0.72rem !important;}
@media (max-width: 900px){.hero{flex-wrap:wrap !important;}.hero .hero-actions{flex-wrap:wrap !important;white-space:normal !important;}}
/* Visit page spreadsheet controls */
#customerCard,#visitDetailsCard,#orderTotalsCard,#paymentStatusCard,#alterationItemsCard,#visitActivityCard,#pdTotalsCard,#requiredReportCard,#signatureCard{background:#d5f0fb !important;border:1px solid var(--line) !important;}
#visitActivityCard .sheet-table thead th,#pdTotalsCard .sheet-table thead th,#visitActivityCard .activity-changes-sheet thead th,#pdTotalsCard .activity-changes-sheet thead th{background:#e1f7df !important;}
#visitActivityCard .sheet-table tbody tr:nth-child(odd) td,#pdTotalsCard .sheet-table tbody tr:nth-child(odd) td,#visitActivityCard .activity-changes-sheet tbody tr:nth-child(odd) td,#pdTotalsCard .activity-changes-sheet tbody tr:nth-child(odd) td{background:#e3f6fd !important;}
#visitActivityCard .sheet-table tbody tr:nth-child(even) td,#pdTotalsCard .sheet-table tbody tr:nth-child(even) td,#visitActivityCard .activity-changes-sheet tbody tr:nth-child(even) td,#pdTotalsCard .activity-changes-sheet tbody tr:nth-child(even) td{background:#f7ffe0 !important;}
#visitActivityCard .sheet-table tbody tr:hover td,#pdTotalsCard .sheet-table tbody tr:hover td,#visitActivityCard .activity-changes-sheet tbody tr:hover td,#pdTotalsCard .activity-changes-sheet tbody tr:hover td{background:#eef6ff !important;}
/* Customer snapshot/timeline controls */
.contact-item,.appointment-card,#contactBlock .report-row{background:#ddf2fd !important;border:1px solid var(--line) !important;border-radius:0 !important;}
.timeline-card{background:#edf5fd !important;border:1px solid var(--line) !important;border-radius:0 !important;padding:10px !important;box-shadow:none !important;}
.timeline-card .detail-grid > div{border:1px solid var(--line) !important;background:#fff !important;padding:6px !important;}
/* Reports page spreadsheet controls */
.totals-group{background:#f9fded !important;border:1px solid var(--line) !important;border-radius:0 !important;box-shadow:none !important;}
.totals-group .totals-label{background:#f7fbea !important;color:var(--box-text) !important;border:1px solid var(--line) !important;border-radius:0 !important;padding:5px 8px !important;}
.totals-group .metric-pill{background:#dcf9f9 !important;color:#000000 !important;border:1px solid var(--line) !important;border-radius:0 !important;box-shadow:none !important;}
#list .result-card,.results .result-card{padding:8px !important;border:1px solid var(--line) !important;border-radius:0 !important;box-shadow:none !important;}
#list .result-card:nth-child(odd),.results .result-card:nth-child(odd){background:#ebf9f0 !important;}
#list .result-card:nth-child(even),.results .result-card:nth-child(even){background:#e1f9ea !important;}
#list .result-card:hover,.results .result-card:hover{background:#e9fbf7 !important;}