/* Unified interface, 2026-10-29.
   UI UX Pro Max: minimal enterprise style, semantic blue palette, mobile-first
   hierarchy, readable type and 44px controls. Local Chinese system fonts only.
   Existing templates retain their business behaviour and authorization. */
:root {
  --ui-bg:#f4f6fa; --ui-surface:#fff; --ui-ink:#19283f; --ui-muted:#596a80;
  --ui-line:#e0e6ef; --ui-blue:#245edb; --ui-blue-soft:#edf3ff;
  --ui-green:#087f5b; --ui-red:#bc3546; --ui-orange:#96551a;
  --ui-radius:16px; --ui-shadow:0 3px 16px rgba(26,47,80,.035);
  --primary:var(--ui-blue); --ink:var(--ui-ink); --muted:var(--ui-muted);
}
body {background:var(--ui-bg);color:var(--ui-ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.65;}
a,button,input,select,textarea,summary { -webkit-tap-highlight-color:#245edb14; }
:where(a,button,input,select,textarea,summary):focus-visible {outline:3px solid #245edb;outline-offset:3px;}
:where(button,.button,input,select,textarea) {font-family:inherit;}
:where(button,.button,summary) {touch-action:manipulation;}
:where(button,.button):disabled {opacity:.5;cursor:not-allowed;box-shadow:none;}
:where(h1,h2,h3,p,dd,.row-title) {overflow-wrap:break-word;}
.icon {stroke-width:1.8;}
.sidebar {background:#fff;border-right:1px solid var(--ui-line);box-shadow:none;}
.brand {padding:26px 22px 22px;gap:12px;}
.brand-mark {background:#245edb;border:0;border-radius:12px;box-shadow:none;font-weight:650;color:white;}
.brand-word {font-size:18px;color:var(--ui-ink);font-weight:700;letter-spacing:0;}
.brand-word small {font-size:11px;color:var(--ui-muted);letter-spacing:.5px;}
.workspace-label {font-size:12px;color:var(--ui-muted);margin:0 16px 18px;padding:9px 10px;background:var(--ui-bg);border-radius:8px;}
.side-nav {padding:0 12px 20px;}
.nav-caption {padding:22px 12px 8px;color:#68768a;font-size:11px;letter-spacing:1px;}
.nav-link {min-height:44px;padding:10px 12px;border-radius:9px;color:#4e5f76;font-size:14px;margin:2px 0;}
.nav-link.active {background:var(--ui-blue-soft);color:var(--ui-blue);font-weight:650;box-shadow:none;}
.nav-link:hover {background:#f0f4fa;}
.nav-link .icon {width:20px;height:20px;}
.sidebar-user {background:#fafbfd;border-top:1px solid var(--ui-line);padding:16px;}
.sidebar-user strong {font-size:14px;}.sidebar-user small {font-size:12px;color:var(--ui-muted);}
.topbar {background:#fff;border-bottom:1px solid var(--ui-line);height:72px;gap:16px;padding:12px 30px;}
.breadcrumb {font-size:13px;color:var(--ui-muted);}.breadcrumb strong {color:var(--ui-ink);font-weight:600;}
.global-search {border:1px solid var(--ui-line);background:#f8fafc;border-radius:10px;}
.global-search input {font-size:13px;min-width:0;}.global-search button {min-height:44px;color:var(--ui-blue);}
.store-switch {border:0;background:#f4f6fa;border-radius:10px;padding:0 8px;}
.store-switch select {font-size:13px;color:#43556c;min-height:44px;}
.store-switch button {min-height:44px;min-width:44px;color:var(--ui-blue);font-size:12px;background:transparent;border:0;}
.icon-button {width:44px;height:44px;min-width:44px;min-height:44px;color:#52657d;border-radius:10px;}
.icon-button:hover {background:var(--ui-blue-soft);color:var(--ui-blue);}
.main-content {max-width:1500px;margin:auto;padding:28px 30px 48px;}
.page-heading {align-items:center;gap:16px;margin-bottom:24px;}
.page-heading h1 {font-size:28px;font-weight:700;line-height:1.35;letter-spacing:0;color:var(--ui-ink);}
.page-heading p {font-size:14px;color:var(--ui-muted);line-height:1.6;margin-top:6px;}
.page-heading>div:first-child {min-width:0;flex:1;}
.page-heading .workflow-heading-actions {display:flex;width:auto;flex:none;gap:8px;align-items:center;}
.page-heading .compact-create {width:auto;height:auto;min-height:44px;border-radius:10px;padding:10px 16px;flex:none;}
.page-heading .compact-create span {display:inline;}
.page-heading .compact-create .icon {width:18px;height:18px;}
.button,.button.small,.button.tiny {min-height:44px;padding:10px 16px;border-radius:10px;font-size:14px;line-height:1.5;font-weight:600;box-shadow:none;gap:7px;}
.button.primary {background:var(--ui-blue);border:1px solid var(--ui-blue);color:#fff;box-shadow:0 3px 8px #245edb12;}
.button.primary:hover {background:#1c4fbe;border-color:#1c4fbe;}
.button.secondary {background:#fff;color:#375471;border:1px solid #ccd7e5;}
.button.secondary:hover {background:#f1f5fb;border-color:#9ab3d6;}
.button.danger {color:var(--ui-red);background:#fff3f4;border-color:#e9c1c7;}
.text-link {color:var(--ui-blue);font-size:13px;min-height:44px;display:inline-flex;align-items:center;}
.card,.business-surface,.form-card,.review-card,.retail-order-card {background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow);}
.card-header {padding:20px 22px 16px;align-items:center;}
.card-header h2 {font-size:17px;font-weight:650;color:var(--ui-ink);padding-left:0;}
.card-header h2:before {display:none;}
.card-header p {font-size:13px;color:var(--ui-muted);}
.card-header .text-link {font-size:13px;}
.card-header>.icon {color:var(--ui-muted);}
.role-test-bar {padding:9px 14px;margin-bottom:18px;min-height:56px;border:1px solid #dce5f2;border-radius:10px;background:#eef3fa;box-shadow:none;display:flex;flex-direction:row;align-items:center;gap:12px;}
.role-test-bar-identity {gap:8px;min-width:0;}
.role-test-bar-identity strong {font-size:13px;line-height:1.5;color:#425875;}
.role-test-bar-identity small {font-size:11px;color:#65768c;margin-top:1px;}
.role-test-bar-actions {margin-left:auto;display:flex;align-items:center;gap:10px;flex-shrink:0;}
.role-test-bar-actions a,.role-test-bar-actions button {min-height:44px;display:inline-flex;align-items:center;font-size:12px;padding:8px;border:0;border-radius:7px;background:transparent;color:#355a94;white-space:nowrap;}
.role-test-bar-actions button {background:#fff;border:1px solid #d9e3f1;}
.ai-assistant {border-radius:12px;border:1px solid #dce5f2;background:#fff;box-shadow:none;margin:0 0 18px;}
.ai-assistant-toggle {padding:10px 14px;min-height:56px;gap:10px;}
.ai-assistant-mark {width:30px;height:30px;min-width:30px;border-radius:8px;font-size:12px;background:#eaf1ff;color:#245edb;box-shadow:none;}
.ai-assistant-heading strong {font-size:14px;}.ai-assistant-heading small {font-size:12px;color:var(--ui-muted);}
.ai-assistant-body {font-size:14px;}.ai-assistant-description,.ai-assistant-disclosure {color:var(--ui-muted);line-height:1.7;}
/* Clear daily hierarchy: welcome, numbers, actionable work, supporting data. */
.home-customer-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;max-width:480px;}
.home-customer-actions>a {display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 12px;border:1px solid #c4d7fa;border-radius:12px;background:#fff;color:#245edb;font-size:14px;font-weight:600;text-decoration:none;box-shadow:0 3px 9px #245edb0d;}
.home-customer-actions>a:hover {background:#eef4ff;border-color:#245edb;}
.home-customer-actions>a:focus-visible {outline:3px solid #245edb;outline-offset:3px;}
.home-customer-actions .icon {width:20px;height:20px;flex-shrink:0;}
.home-customer-actions span {white-space:nowrap;}
.dashboard-welcome {background:linear-gradient(115deg,#e8f0ff 0%,#f4f8ff 70%,#fff 100%);border:1px solid #d5e3fa;border-radius:20px;padding:28px 30px;margin:0 0 20px;gap:24px;position:relative;}
.workspace-eyebrow {display:flex;flex-wrap:wrap;gap:12px;align-items:center;color:#486280;font-size:12px;margin:0 0 12px;}
.workspace-eyebrow>span {padding:3px 9px;border:1px solid #d4e1f4;border-radius:6px;background:#ffffffa6;font-size:11px;}
.dashboard-welcome h1 {font-size:30px;font-weight:700;line-height:1.4;letter-spacing:0;color:#1b3559;margin:0 0 6px;}
.dashboard-welcome .today-label {font-size:14px;color:#526c8c;line-height:1.65;margin:0;}
.welcome-contact-stats {display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:18px;color:#526c8c;font-size:12px;}
.welcome-contact-stats strong {color:#1f4e94;font-size:16px;font-variant-numeric:tabular-nums;margin:0 3px;}
.welcome-action {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;flex-shrink:0;padding:11px 18px;background:var(--ui-blue);color:white;border-radius:12px;font-size:14px;font-weight:600;box-shadow:0 5px 12px #245edb19;}
.daily-overview {gap:16px;margin-bottom:20px;}
.daily-overview>a {background:#fff;border:1px solid var(--ui-line);border-radius:14px;padding:18px 20px;min-height:126px;box-shadow:var(--ui-shadow);}
.daily-overview i {float:right;margin:0;width:36px;height:36px;border-radius:10px;}
.daily-overview span {font-size:13px;color:var(--ui-muted);line-height:1.5;padding-top:2px;}
.daily-overview strong {font-size:32px;color:var(--ui-ink);line-height:1.25;margin-top:15px;}
.daily-overview strong small {font-size:12px;color:var(--ui-muted);}
.daily-overview .overview-green i {background:#e6f6ee;color:#087f5b;}
.daily-overview .overview-blue i {background:#eaf1ff;color:#245edb;}
.daily-overview .overview-orange i {background:#fff1e3;color:#96551a;}
.daily-overview .overview-purple i {background:#f0ecfb;color:#6c50ae;}
.daily-overview progress {width:100%;margin-top:9px;height:4px;}
.mobile-dashboard-grid {gap:20px;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);align-items:start;}
.priority-card {grid-row:span 2;}
.task-list {padding:0 22px 8px;}
.priority-card .task-row,.task-row {padding:16px 0;gap:12px;align-items:center;}
.priority-card .row-title,.task-row .row-title {font-size:15px;line-height:1.65;white-space:normal;overflow:visible;color:var(--ui-ink);}
.priority-card .task-main p,.task-main p {font-size:13px;line-height:1.65;white-space:normal;color:var(--ui-muted);}
.task-indicator {width:20px;height:20px;border-radius:6px;border-color:#99abc1;}
.task-indicator:before {inset:-12px;}
.task-day {font-size:11px;padding:2px 6px;background:#fff1dd;color:#8f5112;vertical-align:1px;}
.task-day.late {background:#fff0f1;color:#b83244;}
.priority-card .task-action,.task-action {min-height:44px;min-width:44px;font-size:12px;padding:6px;color:#4e6481;}
.urgent-notice {background:#fff2ee;border:1px solid #f0d7cd;color:#9e4435;padding:12px 16px;font-size:14px;border-radius:12px;}
.urgent-tag {background:#af4332;color:white;font-size:11px;}
.quick-actions {padding:2px 22px 0;gap:8px;}
.quick-actions>a {min-height:84px;gap:10px;border-radius:10px;padding:6px 2px;}
.quick-actions>a:hover {background:#f5f8fd;}
.quick-actions strong {font-size:13px;font-weight:500;color:#42546d;}
.quick-icon {width:42px;height:42px;border-radius:12px;box-shadow:none;}
.quick-icon.blue {background:#e8f1ff;color:#245edb;}.quick-icon.purple {background:#f1ecfb;color:#7251b5;box-shadow:none;}
.quick-icon.green {background:#e3f6ed;color:#087f5b;box-shadow:none;}.quick-icon.orange {background:#fff0df;color:#975511;box-shadow:none;}
.pulse-label,.pulse-progress,.pulse-bottom span {font-size:13px;color:var(--ui-muted);}
.business-pulse {background:#fff;}
.pulse-value {color:#233f64;font-size:32px;}.pulse-bottom strong {font-size:19px;color:var(--ui-ink);}
.pulse-mark {background:#f0f4fb;color:#487cc1;}
.activity-row p,.activity-row .activity-excerpt {font-size:14px;line-height:1.8;color:#52657e;}
.activity-row small {font-size:12px;color:var(--ui-muted);}
.customer-mini strong {font-size:15px;}.customer-mini small {font-size:13px;color:var(--ui-muted);}
.workspace-map-link {padding:15px 20px;background:#edf2f9;border-color:#dce5f0;color:#466286;font-size:13px;border-radius:12px;}
/* Search, customer cards, orders and stock share the same visual rhythm. */
.business-surface {overflow:hidden;}
.business-search {padding:20px 20px 8px;gap:10px;}
.business-search .input-with-icon input {height:46px;font-size:15px;background:#f3f6fa;border:1px solid #e2e8f0;padding-left:38px;}
.business-search .search-submit {min-height:46px;min-width:56px;font-size:14px;border:1px solid #d7e2f3;background:#eef3fd;color:#245edb;border-radius:10px;}
.workflow-filters {gap:12px;padding:8px 20px 16px;}
.workflow-filters label {font-size:12px;color:var(--ui-muted);}
.workflow-filters select {font-size:14px;min-height:44px;background:#fff;border-color:#ccd7e5;border-radius:9px;color:#334b68;}
.business-tabs {gap:8px;padding:8px 20px 12px;border-bottom:1px solid var(--ui-line);background:#fff;}
.business-tabs>a {font-size:13px;padding:10px 12px;min-height:44px;line-height:24px;color:#52637b;border-radius:8px;}
.business-tabs>a.active {background:#edf3ff;color:#2059cc;}
.business-tabs .active:after {display:none;}
.list-summary {font-size:12px;gap:8px;padding:16px 20px;color:var(--ui-muted);flex-wrap:wrap;}
.summary-chip {border-radius:6px;padding:4px 8px;}
.summary-chip.blue {color:#245ac8;}.summary-chip.red {color:#b83847;}
.customer-row-list {gap:14px;padding:0 20px 20px;}
.customer-row,.customer-row:nth-child(odd) {border:1px solid #e0e6ef;border-radius:13px;padding:18px;gap:12px;box-shadow:none;background:#fff;}
.customer-row:hover {border-color:#a9c0e7;background:#fbfcff;}
.customer-avatar {width:42px;height:42px;border-radius:13px;font-size:19px;box-shadow:none;background:#e9f0ff;color:#245edb;}
.customer-avatar.avatar-violet {background:#f1ecfb;color:#7251ae;}.customer-avatar.avatar-green {background:#e4f5ed;color:#087f5b;}.customer-avatar.avatar-coral {background:#fff0e6;color:#a65e2a;}
.customer-row-title {align-items:flex-start;gap:8px;}
.customer-row-title strong {font-size:16px;font-weight:650;line-height:1.55;}
.customer-phone,.customer-meta {font-size:12px;color:var(--ui-muted);line-height:1.7;}
.customer-row-main>p {font-size:14px;color:#425772;line-height:1.65;margin:10px 0 5px;}
.workflow-tags {gap:6px;margin:9px 0;flex-wrap:wrap;}
.workflow-pill,.workflow-tags>span,.stage-pill,.badge {font-size:12px;line-height:1.5;padding:3px 7px;border-radius:5px;}
.workflow-pill.status-won,.stage-won,.order-completed,.stock-normal {color:#08764e;background:#e6f5ec;}
.workflow-pill.status-active,.stage-new,.order-confirmed {color:#2458b5;background:#edf3ff;}
.workflow-pill.status-lost,.stock-empty {color:#b73546;background:#fff0f2;}
.workflow-pill.status-paused,.stage-paused,.order-cancelled {color:#59677a;background:#edf0f5;}
.workflow-pill.review-reviewed {color:#18724f;}
.workflow-pill.grade-unknown {color:#596a80;}
.customer-next {border-top:1px solid #edf0f5;padding-top:10px;margin-top:12px;font-size:13px;color:#42618a;gap:6px;}
.customer-next.due {color:#b73546;}.customer-next .icon {width:15px;height:15px;}
.inventory-overview {gap:12px;padding:20px;}
.inventory-overview>div {background:#f2f6fc;border:0;padding:16px;border-radius:12px;}
.inventory-overview small {font-size:13px;color:#536780;}.inventory-overview strong {font-size:26px;}
.inventory-overview .inventory-alert {background:#fff1ed;}.inventory-alert strong,.inventory-alert small {color:#ac4437;}
.inventory-title>strong {font-size:16px;}.inventory-main>p {font-size:13px;color:var(--ui-muted);}
.inventory-numbers {font-size:14px;color:#4c617c;}.inventory-foot {font-size:12px;color:var(--ui-muted);}
.product-art {border-radius:12px;}
.retail-order-card {padding:20px;}
.retail-order-head>strong {font-size:14px;}.retail-order-person strong {font-size:16px;}
.retail-order-person span,.retail-order-info>p,.retail-order-foot {font-size:13px;color:var(--ui-muted);}
.retail-order-total {font-size:13px;}.retail-order-total strong {font-size:21px;color:#243c5b;}
/* Forms: keep native choices, explicit labels, readable input and calm grouping. */
.form-field label,.card-form label,.choice-field legend {font-size:14px;color:#3c506a;font-weight:550;line-height:1.6;}
.form-field input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.form-field select,.form-field textarea,.card-form select,.card-form textarea {font-size:16px;min-height:46px;border:1px solid #cbd6e4;border-radius:9px;background:#fff;color:var(--ui-ink);padding:11px 12px;}
input::placeholder,textarea::placeholder {color:#758399;opacity:1;}
.form-field textarea,.card-form textarea {line-height:1.8;}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus {border-color:#4075d8;box-shadow:0 0 0 3px #245edb12;}
.field-help,.form-field .helptext {font-size:13px;color:var(--ui-muted);line-height:1.7;}
.business-form {padding:24px;}.form-field {margin-bottom:20px;}
.form-actions {border-color:var(--ui-line);gap:12px;}
.customer-auto-owner {background:#f2f5fa;color:#53677f;border:1px solid #e4eaf2;border-radius:10px;font-size:13px;}
.customer-auto-owner strong {color:#344d6e;font-size:14px;}.customer-auto-owner small {font-size:12px;}
.form-field .customer-choice-options label {font-size:14px;min-height:46px;border-radius:9px;border-color:#ccd7e5;}
.form-field .customer-choice-options label:has(input:checked) {border-color:#245edb;background:#edf3ff;color:#245edb;}
.errorlist,.phone-validation-message {font-size:13px;color:#b52d40;}
.filter-bar {padding:16px;gap:10px;border-radius:12px;border-color:var(--ui-line);}
.filter-bar select,.filter-bar input {min-height:44px;font-size:14px;}
.segmented {background:#edf1f7;border-radius:10px;padding:4px;gap:4px;}
.segmented a {font-size:13px;min-height:44px;padding:9px 14px;border-radius:7px;}
.segmented a.active {background:#fff;box-shadow:0 2px 5px #19334e0d;color:#245edb;}
.info-grid dt,.stacked-info dt {font-size:13px;color:var(--ui-muted);}
.info-grid dd,.stacked-info dd {font-size:15px;color:var(--ui-ink);line-height:1.7;}
.timeline-content {font-size:15px;line-height:1.85;}
.empty-state.compact {padding:28px 22px;}.empty-state h3,.empty-state.compact h3 {font-size:16px;color:#344a68;}
.empty-state p,.empty-state.compact p {font-size:14px;line-height:1.8;color:var(--ui-muted);max-width:36em;margin-left:auto;margin-right:auto;}
.empty-icon {background:#f0f4fb;color:#7294be;}
.metric-card {background:#fff;border:1px solid var(--ui-line);border-radius:14px;box-shadow:var(--ui-shadow);}
.metric-card>span,.metric-card small {font-size:13px;color:var(--ui-muted);}.metric-card strong {font-size:28px;color:#233e61;}
.table-scroll {max-width:100%;}.table-scroll th {font-size:12px;color:#52647d;background:#f5f7fb;}.table-scroll td {font-size:14px;line-height:1.65;border-color:#e7edf4;}
.table-person strong {font-size:14px;}.table-person small {font-size:12px;color:var(--ui-muted);}
/* Role-specific management retains its distinct information and actions. */
.manager-workspace .mgr-hero {background:linear-gradient(115deg,#e7effe,#f8faff);color:#1d3e66;border:1px solid #d6e3f7;border-radius:20px;box-shadow:none;padding:26px;}
.manager-workspace .mgr-hero h1 {color:#1d3e66;font-size:30px;letter-spacing:0;}
.manager-workspace .mgr-hero p,.manager-workspace .mgr-eyebrow {color:#506b8c;font-size:13px;}
.manager-workspace .mgr-hero-mark {background:white;border:1px solid #cbdcf4;color:#245edb;border-radius:12px;box-shadow:none;}
.manager-workspace .mgr-action {background:white;border:1px solid var(--ui-line);border-radius:14px;box-shadow:var(--ui-shadow);padding:18px;}
.manager-workspace .mgr-action-copy>span {font-size:13px;color:#536780;}.manager-workspace .mgr-action-copy strong {font-size:30px;color:#233e61;}
.manager-workspace .mgr-card {border:1px solid var(--ui-line);border-radius:16px;background:white;box-shadow:var(--ui-shadow);}
.manager-workspace .mgr-section-header {padding:18px 20px;}.manager-workspace .mgr-section-header h2 {font-size:18px;color:var(--ui-ink);}
.manager-workspace .mgr-section-kicker {font-size:12px;color:#5c6f87;}.manager-workspace .mgr-link {font-size:13px;min-height:44px;display:inline-flex;align-items:center;color:#245edb;}
.manager-workspace .mgr-small-button {min-height:44px;padding:10px 12px;border-radius:9px;font-size:13px;}
.manager-workspace .mgr-person-copy strong,.manager-workspace .mgr-team-person strong,.manager-workspace .mgr-compact-row strong {font-size:15px;}
.manager-workspace .mgr-review-need,.manager-workspace .mgr-review-reason {font-size:14px;line-height:1.75;}
.manager-workspace .mgr-person-copy small,.manager-workspace .mgr-review-bottom>span,.manager-workspace .mgr-team-stats,.manager-workspace .mgr-footnote {font-size:12px;color:var(--ui-muted);line-height:1.7;}
.manager-workspace .mgr-empty p {font-size:14px;line-height:1.8;color:var(--ui-muted);}
.manager-workspace .mgr-sales-secondary span {font-size:13px;}.manager-workspace .mgr-sales-secondary strong {font-size:19px;}
.review-detail-card {background:linear-gradient(135deg,#fff,#f5f9ff);border:1px solid #cbdcf4;box-shadow:0 8px 24px #245edb08;}
.review-card-heading h2 {font-size:18px;}.review-facts dt {color:var(--ui-muted);font-size:13px;}.review-facts dd {font-size:15px;}
.page-footer {font-size:11px;color:#6c7c91;border-color:var(--ui-line);margin-top:28px;}
@media(max-width:1100px) and (min-width:901px) {
  .topbar {padding:12px 22px;gap:12px;}.global-search {max-width:240px;}
  .main-content {padding:24px 22px 48px;}.daily-overview>a {padding:16px;}
  .daily-overview i {float:none;margin-bottom:10px;width:30px;height:30px;}.daily-overview strong {margin-top:8px;}
  .customer-row-list,.inventory-list {grid-template-columns:1fr;}
}
@media(max-width:900px) {
  .topbar {height:auto;min-height:64px;padding:10px 16px;gap:10px;background:#fff;position:relative;flex-wrap:wrap;}
  .topbar .mobile-brand {min-width:0;flex:1;}.mobile-brand strong {font-size:16px;line-height:1.4;}.mobile-brand small {font-size:10px;color:#657991;}
  .topbar .mobile-menu {width:40px;min-width:40px;height:44px;color:#4a6689;}
  .topbar .store-switch {max-width:210px;}.topbar .store-switch select {max-width:130px;font-size:12px;min-height:44px;}.topbar .store-switch button {font-size:12px;}
  .main-content {padding:20px 20px calc(100px + env(safe-area-inset-bottom));}
  .sidebar {width:280px;}
  .mobile-tabbar {background:#fff;border-top:1px solid #dfe6f0;padding:7px 8px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #223b5b06;backdrop-filter:none;}
  .mobile-tabbar>a,.mobile-tabbar>button {font-size:12px;min-height:48px;color:#60738c;gap:4px;padding:4px;}
  .mobile-tabbar .icon {width:22px;height:22px;}.mobile-tabbar .active {color:#245edb;}
  .mobile-tabbar .active:before {content:"";position:absolute;top:0;width:38px;height:3px;border-radius:3px;background:#245edb;}
  .mobile-dashboard-grid {grid-template-columns:1fr 1fr;}
}
@media(max-width:680px) {
  body {font-size:16px;background:var(--ui-bg);}
  .topbar {padding:8px 12px;gap:6px;min-height:62px;}
  .mobile-brand strong {font-size:15px;}.mobile-brand small {font-size:10px;letter-spacing:0;}
  .topbar .inbox-top-link {width:40px;min-width:40px;}
  .topbar .store-switch {max-width:100%;flex-basis:100%;margin:2px 0 0 46px;justify-content:flex-end;background:transparent;}
  .topbar .store-switch select {max-width:210px;padding:5px 20px 5px 10px;min-height:36px;background:#f3f6fa;border-radius:7px;}
  .topbar .store-switch button {min-height:36px;background:#eef3fc;padding:6px 10px;margin-left:4px;border-radius:7px;}
  .main-content {padding:16px 14px calc(96px + env(safe-area-inset-bottom));}
  .page-heading,.business-heading {margin-bottom:18px;align-items:center;flex-wrap:wrap;gap:12px;}
  .page-heading h1 {font-size:23px;line-height:1.4;white-space:normal;}
  .page-heading p {font-size:13px;line-height:1.6;}
  .business-heading>div:first-child {flex:1;min-width:120px;}
  .business-heading>div:first-child p {display:none;}
  .page-heading .workflow-heading-actions {width:auto;max-width:100%;flex-wrap:wrap;}
  .page-heading .compact-create {width:auto;border-radius:10px;min-height:44px;padding:10px 12px;}
  .page-heading .compact-create span {display:inline;font-size:13px;}
  .page-heading>.button-group {width:100%;gap:8px;}.page-heading>.button-group .button {min-height:44px;}
  .button,.button.small,.button.tiny {min-height:44px;font-size:14px;padding:10px 13px;}
  .role-test-bar {padding:8px 10px;gap:6px;margin-bottom:16px;flex-wrap:wrap;}
  .role-test-bar-identity {flex:1;}.role-test-bar-identity strong {font-size:12px;}.role-test-bar-identity small {font-size:10px;}
  .role-test-bar-actions {gap:3px;margin-left:auto;}.role-test-bar-actions a,.role-test-bar-actions button {font-size:11px;padding:8px 6px;min-height:40px;}
  .role-test-indicator {width:7px;height:7px;box-shadow:none;}
  .ai-assistant {margin-bottom:16px;}.ai-assistant-heading {display:flex;flex-wrap:wrap;gap:3px 8px;}.ai-assistant-heading small {font-size:11px;}
  .dashboard-welcome {padding:22px 20px;border-radius:17px;gap:16px;align-items:flex-start;flex-wrap:wrap;margin-bottom:16px;}
  .welcome-copy {width:100%;}.workspace-eyebrow {font-size:12px;gap:8px;margin-bottom:10px;justify-content:space-between;}
  .dashboard-welcome h1 {font-size:25px;line-height:1.5;margin-bottom:5px;}.dashboard-welcome .today-label {font-size:13px;}
  .welcome-contact-stats {font-size:12px;gap:8px 16px;margin-top:14px;}.welcome-contact-stats strong {font-size:16px;}
  .welcome-action {min-height:44px;font-size:14px;padding:10px 14px;width:100%;border-radius:10px;}
  .daily-overview {grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:16px;}
  .daily-overview>a {padding:12px 9px;min-height:116px;border-radius:12px;border:1px solid var(--ui-line);}
  .daily-overview i {float:none;width:28px;height:28px;margin:0 0 9px;border-radius:8px;}.daily-overview i .icon {width:17px;height:17px;}
  .daily-overview span {font-size:11px;line-height:1.5;white-space:normal;padding:0;}.daily-overview strong {font-size:25px;margin-top:6px;line-height:1.2;}.daily-overview strong small {font-size:10px;margin-left:2px;}
  .daily-overview progress {height:3px;margin-top:6px;}
  .mobile-dashboard-grid {display:flex;gap:16px;align-items:stretch;}.mobile-dashboard-grid>.card {margin:0;width:100%;}
  .card {border-radius:14px;margin-bottom:16px;}.card-header {padding:16px 16px 12px;gap:8px;}
  .card-header h2 {font-size:17px;padding:0;}.card-header .text-link {font-size:12px;min-height:36px;}.card-header p {font-size:12px;}
  .priority-card .card-header,.common-functions .card-header {padding:16px 16px 12px;}
  .task-list {padding:0 16px 8px;}.priority-card .task-row,.task-row {padding:13px 0;gap:10px;}
  .priority-card .task-main {flex:1;}.priority-card .row-title,.task-row .row-title {font-size:15px;white-space:normal;line-height:1.6;}
  .priority-card .task-main p,.task-main p {font-size:12px;white-space:normal;line-height:1.65;margin-top:5px;}
  .priority-card .task-action,.task-action {font-size:12px;min-height:44px;min-width:38px;}
  .task-indicator {width:18px;height:18px;}.task-day {font-size:10px;padding:2px 5px;}
  .urgent-notice {padding:12px;font-size:13px;gap:7px;}.urgent-tag {font-size:10px;}
  .common-functions {padding-bottom:16px;}.quick-actions {padding:0 12px;gap:4px;}.quick-actions strong {font-size:12px;white-space:normal;text-align:center;}.quick-icon {height:40px;width:40px;}
  .pulse-top {padding:0 18px;}.pulse-label {font-size:13px;}.pulse-value {font-size:31px;}.pulse-bottom {margin:18px 18px 0;}.pulse-bottom span {font-size:12px;}.pulse-bottom strong {font-size:17px;}.pulse-progress {font-size:12px;margin:16px 18px 0;}
  .activity-list,.simple-list {padding:0 16px;}.activity-row p,.activity-row .activity-excerpt {font-size:14px;}.activity-row small {font-size:12px;}.customer-mini strong {font-size:15px;}.customer-mini small {font-size:12px;}
  .business-search {padding:16px 14px 8px;}.business-search .input-with-icon input {font-size:16px;min-height:46px;}
  .workflow-filters {padding:8px 14px 14px;gap:8px;}.workflow-filters label {font-size:12px;min-width:0;}.workflow-filters select {font-size:14px;min-height:44px;padding:8px;}
  .business-tabs {padding:6px 14px 10px;gap:5px;}.business-tabs>a {font-size:12px;padding:9px 10px;min-height:44px;}
  .list-summary {padding:14px;font-size:12px;gap:7px;}.summary-chip {font-size:12px;}
  .customer-row-list {grid-template-columns:1fr;padding:0 12px 14px;gap:12px;}
  .customer-row,.customer-row:nth-child(odd) {padding:16px 12px;gap:10px;border:1px solid var(--ui-line);border-radius:12px;}
  .customer-avatar {width:36px;height:36px;border-radius:11px;font-size:17px;}
  .customer-row-title {flex-wrap:wrap;gap:6px;}.customer-row-title strong {font-size:16px;flex:1;min-width:100px;}
  .customer-row-title .workflow-pill {font-size:11px;padding:3px 6px;}
  .customer-phone,.customer-meta {font-size:12px;gap:4px 10px;}.customer-row-main>p {font-size:14px;}.customer-next {font-size:13px;margin-top:12px;}
  .workflow-tags>span,.workflow-pill,.badge,.stage-pill {font-size:11px;line-height:1.6;}
  .retail-order-card {padding:16px;border-radius:14px;}.retail-order-head>strong {font-size:14px;}.retail-order-person strong {font-size:15px;}.retail-order-person span,.retail-order-info>p,.retail-order-foot {font-size:12px;}.retail-order-total strong {font-size:20px;}
  .inventory-overview {padding:16px 14px;gap:8px;}.inventory-overview>div {padding:12px 9px;}.inventory-overview small {font-size:12px;}.inventory-overview strong {font-size:22px;}
  .inventory-title>strong {font-size:15px;}.inventory-main>p {font-size:12px;}.inventory-numbers {font-size:13px;}.inventory-foot {font-size:12px;}
  .business-form {padding:20px 16px;}.form-field {margin-bottom:22px;}.form-field label,.card-form label,.choice-field legend {font-size:14px;}
  .field-help {font-size:13px;}.card-form {padding:4px 16px 20px;}
  .filter-bar select {font-size:14px!important;min-height:44px;}.filter-bar input {font-size:16px!important;min-height:44px!important;}
  .segmented a {font-size:13px;min-height:44px;}.info-grid dt,.stacked-info dt {font-size:12px;}.info-grid dd,.stacked-info dd {font-size:15px;}
  .empty-state.compact {padding:24px 18px;}.empty-state.compact h3 {font-size:16px;}.empty-state.compact p {font-size:14px;}
  .table-scroll .mobile-records td[data-label] {font-size:14px;}.table-scroll .mobile-records td[data-label]:before {font-size:12px;color:var(--ui-muted);}
  .table-scroll .mobile-records td[data-label] .button {min-height:44px;}.table-scroll .mobile-records td[data-label] .table-person small {font-size:12px;}
  .manager-workspace .mgr-hero {padding:22px 20px;border-radius:17px;}.manager-workspace .mgr-hero h1 {font-size:26px;}
  .manager-workspace .mgr-action {padding:14px;border-radius:12px;}.manager-workspace .mgr-action-copy>span {font-size:12px;}.manager-workspace .mgr-action-copy strong {font-size:26px;}
  .manager-workspace .mgr-section-header {padding:16px;}.manager-workspace .mgr-section-header h2 {font-size:17px;}
  .manager-workspace .mgr-review-item {padding:14px;}.manager-workspace .mgr-section-kicker {font-size:12px;}
  .manager-workspace .mgr-team-person strong {font-size:15px;}.manager-workspace .mgr-team-sales {font-size:12px;}
  .page-footer {font-size:11px;line-height:1.8;min-height:44px;margin-top:24px;}
}
@media(max-width:370px) {
  .main-content {padding-left:12px;padding-right:12px;}.mobile-brand strong {font-size:14px;}
  .daily-overview {grid-template-columns:repeat(2,minmax(0,1fr));}.daily-overview i {float:right;}.daily-overview>a {min-height:96px;padding:14px;}
  .role-test-bar-actions {width:100%;justify-content:flex-end;}.welcome-contact-stats {gap:6px 12px;}
}
@media(prefers-reduced-motion:reduce) {
  *,*:before,*:after {scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
}
@media print {
  body {background:white;}.main-content {padding:0;}.role-test-bar,.ai-assistant,.welcome-action,.page-footer {display:none;}
  .dashboard-welcome,.card,.business-surface {background:white;box-shadow:none;border-color:#ccc;}
}
/* Authentication shares the same palette and legible form controls. */
.auth-page {background:#f4f6fa;}
.auth-story {background:linear-gradient(135deg,#e3edff,#f5f8ff);color:#203f67;}
.auth-story h1 {color:#203f67;font-size:42px;line-height:1.6;}
.auth-story p {color:#536e8f;font-size:15px;line-height:1.9;}
.auth-kicker,.auth-footnote {color:#536e8f;font-size:13px;}
.auth-form-label {font-size:12px;color:#536e8f;letter-spacing:1px;}
.auth-form-wrap h2 {font-size:30px;color:#20344f;}
.auth-subtitle {font-size:14px;color:#596a80;}
.auth-form .form-field label {font-size:14px;color:#3c506a;}
.auth-form input:not([type=checkbox]) {border-color:#cbd6e4;min-height:48px;font-size:16px;border-radius:10px;}
.auth-form .button {font-size:16px;min-height:48px;}
.auth-support {font-size:12px;color:#596a80;}
@media(max-width:680px) {
  .auth-form-panel {padding:34px 24px;background:linear-gradient(#eef4ff,#fff 60%);}
  .auth-mobile-brand strong {font-size:20px;}.auth-mobile-brand small {font-size:12px;color:#5d7390;}
  .auth-form-wrap h2 {font-size:28px;}.auth-subtitle {font-size:14px;}
}
/* Warehouse and care use the same surfaces, with their own work priorities. */
.operations-workspace {--ops-blue:#245edb;--ops-ink:#19283f;--ops-muted:#596a80;--ops-line:#e0e6ef;}
.operations-workspace .ops-hero {background:linear-gradient(115deg,#e8f0ff,#f8faff);border:1px solid #d6e3f7;border-radius:18px;padding:24px;}
.operations-workspace .ops-hero h1 {color:#203f67;font-size:28px;}
.operations-workspace .ops-hero p,.operations-workspace .ops-eyebrow {color:#526c8c;font-size:13px;}
.operations-workspace .ops-card {border-color:var(--ui-line);border-radius:16px;box-shadow:var(--ui-shadow);}
.operations-workspace .ops-summary>a {border-color:var(--ui-line);border-radius:13px;box-shadow:var(--ui-shadow);}
.operations-workspace .ops-summary span {color:#536780;font-size:13px;}
.operations-workspace .ops-card-header h2 {font-size:18px;color:var(--ui-ink);}
.operations-workspace .ops-kicker,.operations-workspace .ops-tools small,.operations-workspace .ops-stock-glance,.operations-workspace .ops-row-end,.operations-workspace .ops-list-row small {font-size:12px;color:#596a80;}
.operations-workspace .ops-tools strong {font-size:14px;}
.operations-workspace .ops-section-description,.operations-workspace .ops-purpose,.operations-workspace .ops-empty p {font-size:14px;color:var(--ui-muted);line-height:1.8;}
.operations-workspace .ops-list-row strong {font-size:15px;}.operations-workspace .ops-text-link {font-size:13px;min-height:44px;display:inline-flex;align-items:center;}
.operations-workspace .ops-stock-heading h2,.operations-workspace .ops-service-heading h2 {font-size:17px;}
.operations-workspace .ops-completion-form label {font-size:14px;color:#3c506a;}
.operations-workspace .ops-completion-form textarea {font-size:16px;border-color:#cbd6e4;border-radius:10px;}
.operations-workspace .button {font-size:14px;min-height:44px;}
@media(max-width:680px) {
 .operations-workspace .ops-hero {padding:20px 16px;}.operations-workspace .ops-hero h1 {font-size:25px;}
 .operations-workspace .ops-card-header h2 {font-size:17px;}.operations-workspace .ops-summary span {font-size:12px;}
 .operations-workspace .ops-tools strong {font-size:13px;}.operations-workspace .ops-tools small {font-size:12px;}
}
.manager-workspace .mgr-eyebrow>span:first-child {background:#fff;border:1px solid #d4e1f4;color:#486280;border-radius:6px;}
.manager-workspace .mgr-quiet-empty {font-size:14px;color:#596a80;padding:20px;}
.role-test-bar.is-testing .role-test-bar-actions {width:auto;}
.personal-hero {background:linear-gradient(115deg,#e8f0ff,#f8faff);border:1px solid #d6e3f7;border-radius:18px;}
.personal-menu {border:1px solid var(--ui-line);border-radius:16px;background:#fff;box-shadow:var(--ui-shadow);}
.personal-menu>a {min-height:58px;font-size:15px;padding:14px 18px;border-color:#e9edf3;}
.personal-menu>a small,.personal-caption {font-size:12px;color:var(--ui-muted);}
.personal-stat {background:#fff;border-color:var(--ui-line);border-radius:12px;}
.personal-stat>span,.personal-stat>small {font-size:12px;color:#596a80;}.personal-stat>strong {font-size:23px;color:#233e61;}
.report-kpi,.payroll-card,.fulfillment-card {border:1px solid var(--ui-line);background:#fff;border-radius:16px;box-shadow:var(--ui-shadow);}
.report-kpi>span,.report-kpi>small,.report-goal,.report-note,.report-costs span,.report-costs p {font-size:12px;color:#596a80;line-height:1.7;}
.report-period input,.report-period select,.report-period button {min-height:44px;font-size:14px;border-radius:9px;}
.report-sections a {min-height:44px;font-size:13px;}
.report-compare-head,.report-compare-row,.report-compare-row div strong,.report-compare-row>b {font-size:13px;}
.report-compare-row small {font-size:12px;color:#596a80;}
.payroll-heading p,.payroll-notice,.payroll-muted,.payroll-note-text,.payroll-person small,.payroll-person-total span {font-size:13px;color:#596a80;}
.payroll-card h2 {font-size:18px;}.payroll-breakdown>div {font-size:14px;}.payroll-breakdown dd {font-size:16px;}
.payroll-breakdown dt small,.payroll-product dt,.payroll-product>p,.payroll-line-status {font-size:12px;color:#596a80;}
.payroll-product dd {font-size:14px;color:#253c5c;}
.payroll-order summary strong {font-size:14px;}.payroll-order summary b {font-size:18px;}
.payroll-policy-summary summary,.payroll-extra summary {font-size:15px;min-height:44px;}
.payroll-policy-summary summary>span,.payroll-extra summary>span {font-size:12px;}
.fulfillment-filters a {min-height:44px;display:inline-flex;align-items:center;}
.fulfillment-dates span,.fulfillment-muted {font-size:13px;color:#596a80;}.fulfillment-dates strong {font-size:15px;}
@media(max-width:370px) {.role-test-bar.is-testing .role-test-bar-actions {width:100%;}}
@media(min-width:501px) and (max-width:900px) {
 .topbar .store-switch {flex-basis:auto;margin:0;max-width:205px;background:#f4f6fa;}
 .topbar .store-switch select {max-width:135px;min-height:44px;}
 .topbar .store-switch button {min-height:44px;background:transparent;}
}
@media(max-width:680px) {
 .dashboard-welcome {padding:20px;}
 .welcome-contact-stats {display:grid;gap:2px;padding-right:116px;min-height:44px;align-content:center;}
 .welcome-action {position:absolute;right:20px;bottom:20px;width:auto;min-height:44px;padding:10px 12px;gap:5px;}
}

/* Building leads: a single entry, not a second customer-task list. */
.prospect-home-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;margin-bottom:16px;border-radius:14px;background:#edf3ff;color:#24538e}.prospect-home-entry>span{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.prospect-home-entry small{color:#526988}.prospect-home-entry b{font-size:14px;white-space:nowrap}@media(max-width:480px){.prospect-home-entry{padding:12px}.prospect-home-entry small{flex-basis:100%;margin-left:28px;font-size:12px}}