/* Panel visual system. Screen-only, scoped away from the public form/print.
   Never override [hidden]: permissions and workspace tabs own visibility. */
@media screen {
  .console-shell {
    --paper: var(--panel-background);
    --line: var(--panel-border);
    --ink: var(--panel-text);
    --muted: var(--panel-muted);
    --console-sidebar: var(--panel-surface);
    grid-template-columns: var(--panel-sidebar-width) minmax(0,1fr);
    font-size: 1rem;
    line-height: 1.5;
  }
  .console-shell .console-sidebar {
    background: var(--panel-surface); border-color: var(--panel-border);
    color: var(--panel-text); box-shadow: none; padding: 24px 16px 16px;
    scrollbar-width: thin; scrollbar-gutter: auto;
  }
  .panel-brand-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
  .console-sidebar .product-mark { min-height: 48px; justify-content: flex-start; padding: 0 10px; }
  .console-sidebar .sidebar-product-logo { width: 158px; max-width: 100%; mix-blend-mode: normal; }
  .panel-sidebar-content { display: flex; flex: 1; flex-direction: column; min-height: min-content; }
  .panel-organization-switcher { display: grid; gap: 6px; margin: 22px 4px 8px; font-weight: 500; font-size: .75rem; }
  .panel-organization-switcher span { color: var(--panel-muted); display: block; }
  .panel-organization-switcher select { width: 100%; max-width: 100%; min-width: 0; min-height: 40px; font-size: .875rem; font-weight: 600; background: #f7f9fb; border-color: var(--panel-border); border-radius: 8px; }
  .console-shell .console-nav { display: grid; grid-template-columns: minmax(0,1fr); gap: 5px; margin: 18px 0 24px; }
  .console-shell .console-nav-group-toggle { min-height: 44px; padding: 10px; border-radius: 8px; color: #556174; font-size: .9375rem; font-weight: 600; gap: 12px; }
  .console-shell .console-nav-group-toggle:hover,
  .console-shell .console-nav-group.is-expanded > .console-nav-group-toggle { background: #f7f9fb; color: var(--panel-text); border-color: transparent; }
  .console-shell .console-nav-group.is-current > .console-nav-group-toggle { background: transparent; color: var(--panel-accent); }
  .console-shell .console-subnav { grid-template-columns: minmax(0,1fr); margin: 4px 0 10px; padding-left: 0; border-left: 0; border-color: var(--panel-border); }
  .console-shell .console-subnav .nav-icon { display: inline-block; flex-shrink: 0; }
  .console-shell .console-nav-item { color: #647083; min-height: 44px; font-size: .875rem; font-weight: 450; border: 0; border-radius: 7px; padding: 8px 12px; overflow-wrap: anywhere; }
  .console-shell .console-nav-item:hover { background: #f4f7fa; color: var(--panel-text); transform: none; }
  .console-shell .console-nav-item.is-active { color: #fff; background: var(--panel-accent); font-weight: 650; box-shadow: 0 4px 12px #1367d926; }
  .console-shell .console-nav-item.is-active::after { display: none; }
  .console-shell .console-nav-group-current { color: var(--panel-accent); font-size: .75rem; }
  .console-shell .console-nav-group-platform { border-color: var(--panel-border); margin-top: 12px; padding-top: 12px; }
  .console-shell .console-nav :focus-visible { outline-color: var(--focus-ring); }
  .console-shell .nav-icon { color: #637c99; }
  .console-shell .console-nav-item.is-active .nav-icon { color: currentColor; }
  .console-shell .sidebar-context { display: block; border-color: var(--panel-border); margin-top: auto; padding: 14px 0 0; }
  .console-shell .account-menu-trigger { min-height: 52px; gap: 8px; border-radius: 8px; }
  .console-shell .account-menu-identity { display: block; }
  .console-shell .account-menu-identity strong { color: var(--panel-text); font-size: .75rem; font-weight: 650; }
  .console-shell .account-menu-identity small { color: var(--panel-muted); font-size: .75rem; }
  .console-shell .studio-avatar { width: 30px; height: 30px; flex: 0 0 30px; }
  .console-shell .account-menu-panel { bottom: calc(100% + 8px); top: auto; }
  .panel-menu-toggle { display: none; }

  .console-shell .console-main { background: var(--panel-background); padding: 0 clamp(20px,3vw,44px) 48px; min-width: 0; }
  .console-main .panel-topbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 88px; padding: 16px 0; margin-bottom: 24px; border-bottom: 1px solid var(--panel-border); }
  .panel-topbar-context { display: grid; gap: 2px; min-width: 0; }
  .panel-topbar-context > span { color: var(--panel-muted); font-size: .75rem; }
  .panel-topbar-context > span span { margin-inline: 8px; color: #8c9fb6; }
  .panel-topbar-context strong { font-size: 1rem; font-weight: 600; overflow-wrap: anywhere; }
  .console-main .panel-topbar .notification-bell { background: #fff; border-radius: 12px; min-height: 44px; flex-shrink: 0; }
  .console-main > div { max-width: 1440px; margin-inline: auto; }
  .console-main .console-header { max-width: none; align-items: center; margin-bottom: 24px; }
  .console-main .console-header h1 { font-size: clamp(1.6rem,2.4vw,2rem); font-weight: 650; letter-spacing: -.035em; line-height: 1.25; }
  .console-main .console-header p { font-size: .9375rem; line-height: 1.5; max-width: 76ch; margin-top: 6px; }
  .console-main .section-kicker { font-size: .75rem; font-weight: 600; letter-spacing: .065em; color: var(--panel-muted); margin-bottom: 6px; }
  .console-main .company-role-context { margin: 0 auto 12px; max-width: 1440px; min-height: 0; color: var(--panel-muted); font-size: .75rem; }
  .console-main .company-role-context:has(#company-role-label:empty) { display: none; }
  .console-main .admin-panel-context { border: 0; border-left: 3px solid #a5cde6; border-radius: 0; background: #edf4f9; margin-bottom: 20px; padding: 8px 12px; font-size: .875rem; }
  .console-main .admin-panel-context .button { min-height: 32px; padding: 4px 10px; font-size: .875rem; }
  .console-main .console-section { max-width: none; margin-top: 24px; }
  .console-main .section-heading { align-items: center; gap: 12px; margin-bottom: 18px; }
  .console-main .section-heading h2 { font-size: 16px; font-weight: 650; letter-spacing: -.015em; }
  .console-main .section-note { font-size: .875rem; line-height: 1.6; max-width: none; text-align: left; }
  .console-main .header-actions { gap: 8px; flex-wrap: wrap; }

  :is(.console-shell,.lead-drawer,.platform-admin-dialog,.company-onboarding-modal,.order-workflow-modal) .button { min-height: 38px; padding: 8px 13px; border-radius: 7px; font-weight: 550; font-size: .875rem; gap: 7px; box-shadow: none; line-height: 1.4; }
  :is(.console-shell,.lead-drawer,.platform-admin-dialog,.company-onboarding-modal,.order-workflow-modal) .button:hover { transform: none; }
  :is(.console-shell,.lead-drawer,.platform-admin-dialog,.company-onboarding-modal,.order-workflow-modal) .button-quiet { background: #fff; border-color: #dce2e9; color: #48586c; }
  :is(.console-shell,.lead-drawer,.platform-admin-dialog,.company-onboarding-modal,.order-workflow-modal) .button-quiet:hover { background: #f4f8fb; border-color: #b9cfdf; color: #086ca7; }
  :is(.console-shell,.lead-drawer,.platform-admin-dialog,.company-onboarding-modal,.order-workflow-modal) .button-primary { background: var(--panel-accent); color: #fff; }
  :is(.console-shell,.lead-drawer,.platform-admin-dialog,.company-onboarding-modal,.order-workflow-modal) .button-primary:hover { background: #096499; }
  :is(.console-shell,.lead-drawer,.platform-admin-dialog,.company-onboarding-modal,.order-workflow-modal) .button:disabled { cursor: not-allowed; opacity: .5; }
  :is(.console-shell,.lead-drawer,.platform-admin-dialog,.company-onboarding-modal,.order-workflow-modal) .field-label { color: #526174; font-size: .875rem; font-weight: 550; line-height: 1.5; }
  :is(.console-shell,.lead-drawer,.platform-admin-dialog,.company-onboarding-modal,.order-workflow-modal) :is(input,select,textarea) { font-size: .9375rem; font-weight: 400; line-height: 1.5; border-color: #dce2e9; border-radius: 7px; color: var(--panel-text); background-color: #fff; }
  :is(.console-shell,.lead-drawer,.platform-admin-dialog,.company-onboarding-modal,.order-workflow-modal) :is(input,select):not([type="checkbox"]):not([type="radio"]) { min-height: 40px; padding: 8px 11px; }
  :is(.console-shell,.lead-drawer,.platform-admin-dialog,.company-onboarding-modal,.order-workflow-modal) input::placeholder,
  :is(.console-shell,.lead-drawer,.platform-admin-dialog,.company-onboarding-modal,.order-workflow-modal) textarea::placeholder { color: #647083; }
  .console-shell .settings-toggle { font-size: .875rem; font-weight: 500; }

  .console-main :is(.metric-grid,.erp-summary-grid) { gap: 16px; max-width: none; margin: 0 0 28px; background: transparent; border: 0; border-radius: 0; }
  .console-main :is(.metric-card,.erp-summary-grid > article) { background: #fff; border: 1px solid var(--panel-border); border-radius: var(--panel-radius); padding: 22px; min-height: 148px; box-shadow: var(--panel-shadow); }

  .console-main :is(.metric-card,.erp-summary-grid > article):hover { transform: none; box-shadow: none; }
  .console-main :is(.metric-card > span,.erp-summary-grid span) { color: var(--panel-muted); font-size: .875rem; font-weight: 500; text-transform: none; }
  .console-main :is(.metric-card strong,.erp-summary-grid strong) { color: var(--panel-text); font-size: 2rem; font-weight: 650; line-height: 1.2; margin: 14px 0 8px; letter-spacing: -.035em; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
  .console-main :is(.metric-card small,.erp-summary-grid small) { color: var(--panel-muted); font-size: .75rem; margin: 0; line-height: 1.5; }
  .console-main .metric-card.metric-card-primary { background: var(--panel-accent); border-color: var(--panel-accent); }
  .console-main .metric-card-primary :is(span,strong,small) { color: #fff; }
  .console-main .metric-card-primary strong { color: #fff; }

  .console-main .company-directory-surface { background: #fff; border: 1px solid var(--panel-border); border-radius: var(--panel-radius); padding: 22px 24px 0; }
  .company-directory-surface > .section-heading { margin-bottom: 4px; }
  .company-billing-summary { margin-bottom: 16px; }
  .company-billing-help { color: #66778b; font-size: .875rem; position: relative; }
  .company-billing-help summary { cursor: pointer; padding: 6px 0; }
  .company-billing-help > div { position: absolute; right: 0; top: 100%; z-index: 5; width: min(330px,70vw); background: #fff; border: 1px solid var(--panel-border); padding: 16px; border-radius: 10px; box-shadow: 0 8px 24px #152a4414; }
  .company-billing-help .button { margin-top: 12px; }
  .console-main .platform-company-filters { gap: 12px; margin: 16px 0 22px; }
  .console-main .platform-company-filters .field-label { flex-basis: 135px; }
  .console-main .platform-company-filters .field-label:first-child { flex-grow: 1.7; }
  .console-main .platform-company-filters .settings-toggle { padding: 8px 0; }
  .company-list-heading { display: grid; grid-template-columns: minmax(180px,1.3fr) minmax(190px,1fr) minmax(160px,1fr) 164px; gap: 20px; padding: 11px 0; border-block: 1px solid var(--panel-border); color: #647083; font-size: .75rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
  .console-main .company-list { display: grid; grid-template-columns: minmax(0,1fr); gap: 0; }
  .console-main .platform-company-card { grid-template-columns: minmax(180px,1.3fr) minmax(190px,1fr) minmax(160px,1fr) 164px; gap: 12px 20px; padding: 20px 0; border: 0; border-bottom: 1px solid var(--panel-border); border-radius: 0; box-shadow: none; align-items: start; }
  .console-main .platform-company-card:hover { background: transparent; transform: none; box-shadow: none; }
  .console-main .platform-company-card .company-card-header { grid-column: 1; grid-row: 1; grid-template-columns: 36px minmax(0,1fr); gap: 5px 10px; align-items: start; }
  .console-main .platform-company-card .company-card-header > .company-state { grid-column: 2; justify-self: start; }
  .console-main .company-avatar { width: 36px; height: 36px; background: #eff4fa; border: 0; color: #516a85; border-radius: 9px; font-size: .75rem; font-weight: 650; }
  .console-main .company-card-header strong { font-size: .9375rem; font-weight: 650; overflow-wrap: anywhere; }
  .console-main .company-card-header small { font-size: .75rem; margin-top: 3px; }
  .console-main .company-state { font-weight: 500; font-size: .75rem; padding: 3px 7px; }
  .console-main .platform-company-card > .platform-company-billing { grid-column: 2; grid-row: 1 / span 2; padding: 0; background: transparent; border-radius: 0; gap: 6px; }
  .console-main .platform-company-billing strong { font-size: .875rem; font-weight: 550; line-height: 1.6; }
  .console-main .platform-company-billing small { font-size: .75rem; line-height: 1.8; color: var(--panel-muted); }
  .console-main .platform-company-card > .platform-company-health { grid-column: 3; grid-row: 1; font-size: .75rem; line-height: 1.6; color: #626f82; }
  .console-main .platform-company-card > .section-note { grid-column: 3; grid-row: 2; font-size: .75rem; color: var(--panel-muted); }
  .console-main .platform-company-card .company-card-stats { grid-column: 1 / span 2; grid-row: 2; display: flex; gap: 20px; }
  .console-main .company-card-stats > span { display: inline-flex; align-items: baseline; gap: 5px; }
  .console-main .company-card-stats small { font-size: .75rem; }
  .console-main .company-card-stats strong { font-size: .75rem; font-weight: 600; }
  .console-main .platform-company-card .company-actions { grid-column: 4; grid-row: 1 / span 2; display: flex; flex-direction: column; align-items: stretch; gap: 2px; }
  .console-main .company-actions .button { min-height: 30px; padding: 5px 8px; font-size: .75rem; }
  .console-main .company-actions .button-primary { order: -1; min-height: 36px; background: #fff; color: #0b6eab; border: 1px solid #c9dfed; margin-bottom: 5px; }
  .console-main .company-actions .button-quiet { border-color: transparent; background: transparent; color: #697a90; }
  .console-main .platform-pagination { margin: 0; padding: 16px 0; }

  /* One surface per list; quiet row separators instead of nested cards. */
  .console-main .panel-list-surface { background: #fff; border: 1px solid var(--panel-border); border-radius: var(--panel-radius); padding: 22px 24px 14px; }
  .panel-list-surface .section-heading .section-kicker { display: none; }
  .console-main :is(.lead-table,.erp-table) { border: 0; border-radius: 0; box-shadow: none; margin-top: 18px; overflow: visible; }
  .console-main :is(.lead-head,.erp-head) { background: #f8fafc; border-block: 1px solid var(--panel-border); color: #647083; min-height: 40px; font-size: .75rem; font-weight: 600; letter-spacing: .035em; text-transform: uppercase; }
  .console-main :is(.lead-row,.erp-row) { gap: 16px; padding: 16px 14px; border-color: var(--panel-border); font-size: .9375rem; min-height: 72px; }
  .console-main :is(.lead-row,.erp-row) strong { font-weight: 600; }
  .console-main :is(.lead-row small,.erp-stack small,.erp-identity small) { font-size: .75rem; line-height: 1.6; }
  .console-main :is(.erp-value,.lead-value) { font-weight: 600; font-variant-numeric: tabular-nums; }
  .console-main :is(.lead-status,.lead-source,.order-status-select,.quote-status-select) { font-weight: 500; }
  .console-main .order-status-select { min-width: 0; max-width: 100%; font-size: .75rem; }
  .console-main .lead-avatar { background: #edf3fa; border: 0; color: #5f7591; font-weight: 600; border-radius: 9px; }
  .console-main :is(.customer-directory-filters,.lead-browser-filters) { gap: 14px; padding-bottom: 16px; margin-bottom: 8px; border-bottom: 1px solid var(--panel-border); }
  .console-main .lead-browser-filters { grid-template-columns: minmax(170px,1.5fr) repeat(3,minmax(120px,1fr)); }
  .console-main .lead-browser-actions { gap: 8px; }
  .console-main .lead-empty { background: transparent; padding: 36px 20px; font-size: .9375rem; line-height: 1.7; color: #647083; }
  .console-main .order-view-switch { background: #edf0f4; border: 0; border-radius: 8px; padding: 3px; }
  .console-main .order-view-switch .button { background: transparent; border: 1px solid transparent; font-weight: 500; min-height: 32px; }
  .console-main .order-view-switch [aria-pressed="true"] { background: #fff; color: var(--panel-accent); border-color: #e1e7ee; box-shadow: 0 1px 3px #22334b0a; }
  .console-main .order-workflow-section { margin-top: 20px; }
  .console-main .order-workflow-section .section-kicker { display: none; }
  .console-main .order-board-filters { gap: 10px; margin: 0 0 12px; }
  .console-main .order-board-hint { font-size: .875rem; color: #718096; }
  .console-main :is(.order-board-columns,.lead-sales-board) { gap: 16px; }
  .console-main .order-board-column { border: 0; border-radius: 10px; background: #edf0f4; padding: 14px 10px; flex-basis: 268px; }
  .console-main .order-board-column-heading { border-bottom: 2px solid var(--stage-color); margin: 0 4px 14px; padding-bottom: 10px; }
  .console-main .order-board-column h3 { font-weight: 600; font-size: .9375rem; }
  .console-main :is(.order-board-card,.lead-board-item) { border-color: #e2e7ed; border-radius: 9px; padding: 15px; box-shadow: 0 2px 4px #22354b04; }
  .console-main .lead-board-item { padding: 0; }
  .console-main .order-board-title { font-weight: 600; font-size: .9375rem; color: #263b55; }
  .console-main .order-board-customer { font-size: .875rem; margin-block: 10px; }
  .console-main .order-board-reference { font-size: .75rem; color: #647083; }
  .console-main .order-board-details { font-size: .75rem; }
  .console-main .order-board-move { padding-top: 10px; border-top: 1px solid var(--panel-border); font-size: .75rem; }
  .console-main .order-board-move select { min-height: 34px; font-size: .75rem; background: #f8fafb; border-color: transparent; }
  .console-main .erp-source-section { margin: -8px 0 24px; }
  .panel-report-disclosure > summary { color: #5b6d83; cursor: pointer; font-size: .875rem; padding: 4px 0; }
  .panel-report-disclosure > summary span { font-size: .75rem; color: #647083; margin-left: 12px; }
  .panel-report-disclosure .erp-source-report { margin-top: 14px; }

  /* Workspace tabs and record cards share one calm, document-like hierarchy. */
  :is(.console-shell,#erp-drawer) .workspace-tabs { background: transparent; border: 0; border-bottom: 1px solid var(--panel-border); border-radius: 0; gap: 20px; padding: 0; margin-bottom: 24px; }
  :is(.console-shell,#erp-drawer) .workspace-tabs button { position: relative; min-height: 44px; padding: 10px 2px; border: 0; border-radius: 0; background: transparent; box-shadow: none; font-size: .9375rem; font-weight: 500; color: #647083; }
  :is(.console-shell,#erp-drawer) .workspace-tabs button:hover { color: var(--panel-accent); background: transparent; }
  :is(.console-shell,#erp-drawer) .workspace-tabs button[aria-selected="true"] { background: transparent; color: var(--panel-accent); font-weight: 600; box-shadow: inset 0 -2px var(--panel-accent); }
  #erp-drawer { border: 1px solid #dce3eb; border-radius: 14px; box-shadow: 0 24px 90px #12213933; }
  #erp-drawer .lead-drawer-header { background: #fff; color: var(--panel-text); border-bottom: 1px solid var(--panel-border); padding: 20px 28px; }
  #erp-drawer .lead-detail-client p { color: var(--panel-muted); font-size: .9375rem; margin-top: 5px; }
  #erp-drawer .lead-detail-client h2 { color: var(--panel-text); font-weight: 600; font-size: 23px; letter-spacing: -.035em; }
  #erp-drawer .lead-avatar-large { width: 46px; height: 46px; background: #edf4fa; color: #4c7294; border: 0; border-radius: 10px; font-size: .9375rem; font-weight: 600; }
  #erp-drawer .section-kicker { font-size: .75rem; font-weight: 550; letter-spacing: .06em; color: #647083; }
  #erp-drawer .drawer-close { border-color: #e2e7ed; color: #68798e; background: #fff; border-radius: 8px; }
  #erp-drawer .erp-drawer-content { padding: 0 28px 28px; background: #fff; }
  #erp-drawer .workspace-tabs { top: 0; background: #fff; padding-top: 8px; }
  #erp-drawer .detail-section h3 { font-size: 1rem; font-weight: 600; color: #66768c; }
  #erp-drawer .erp-detail-heading { margin: 0 0 18px; }
  #erp-drawer .workspace-record-summary { gap: 24px 36px; margin-top: 24px; }
  #erp-drawer .workspace-record-summary dt { font-size: .75rem; color: #647083; margin-bottom: 5px; }
  #erp-drawer .workspace-record-summary dd { font-size: 1rem; line-height: 1.7; color: #33465d; }
  #erp-drawer .workspace-record-summary .workspace-record-name { font-size: 19px; font-weight: 600; line-height: 1.5; color: var(--panel-text); }
  #erp-drawer .workspace-record-summary [data-workspace-private] { padding: 15px 18px; border-radius: 8px; background: #f6f8fa; }
  #erp-drawer .workspace-editor { border: 1px solid var(--panel-border); border-radius: 9px; margin-top: 26px; background: #fff; }
  #erp-drawer .workspace-editor > summary { color: var(--panel-accent); font-size: .9375rem; font-weight: 550; padding: 14px 18px; }
  #erp-drawer .workspace-editor[open] > summary { border-color: var(--panel-border); background: #f9fbfc; }
  #erp-drawer .field-label { font-size: .875rem; font-weight: 550; color: #526174; }
  #erp-drawer :is(input,select,textarea) { font-size: 1rem; font-weight: 400; }
  #erp-drawer .erp-card-form { gap: 18px; }
  #erp-drawer .erp-subform { padding: 18px; background: #f8fafc; border-color: var(--panel-border); }
  #erp-drawer .workspace-editor .erp-subform { background: transparent; padding-top: 0; }
  #erp-drawer .erp-detail-list { gap: 0; }
  #erp-drawer .erp-detail-row { border: 0; border-bottom: 1px solid var(--panel-border); border-radius: 0; padding: 16px 0; }
  #erp-drawer .erp-detail-row strong { font-size: 1rem; font-weight: 550; }
  #erp-drawer .erp-detail-row small { font-size: .875rem; }
  #erp-drawer .erp-finance-grid { gap: 0; border: 1px solid var(--panel-border); border-radius: 10px; }
  #erp-drawer .erp-finance-grid article { background: transparent; border: 0; border-right: 1px solid var(--panel-border); border-radius: 0; padding: 18px 20px; }
  #erp-drawer .erp-finance-grid article:last-child { border-right: 0; }
  #erp-drawer .erp-finance-grid strong { font-size: 23px; font-weight: 600; letter-spacing: -.03em; }
  #erp-drawer .erp-finance-grid span { font-size: .75rem; font-weight: 500; color: #647083; }

  .console-main :is(.service-calendar-panel,.service-bookings-panel,.today-panel,.settings-section,.service-tasks-panel,.template-library,.template-editor-shell,.reminder-panel) { background: #fff; border: 1px solid var(--panel-border); border-radius: var(--panel-radius); box-shadow: var(--panel-shadow); padding: 24px; }
  .console-main :is(.today-section-header h2,.calendar-agenda-panel h2,.calendar-month-navigation h2,.settings-section h2,.template-library-heading h2) { font-size: 16px; font-weight: 600; }
  .console-main :is(.today-scope-button,.today-day) { background: #f8fafc; border-color: var(--panel-border); border-radius: 8px; font-size: .75rem; }
  .console-main :is(.today-scope-button,.today-day)[aria-pressed="true"] { background: var(--panel-accent-soft); border-color: #bcd9ec; color: #0872b0; }
  .console-main .today-scope-button strong { font-size: 25px; font-weight: 600; }
  .console-main :is(.calendar-event,.bookings-row,.service-task-row) { box-shadow: none; border-color: var(--panel-border); background: #fff; }
  .console-main .calendar-event { border: 0; border-left: 3px solid #a9cde6; border-radius: 0; background: #f8fafc; padding: 14px; }
  .console-main .calendar-day { border-radius: 8px; border-color: transparent; background: #f8fafc; }
  .console-main .calendar-day[aria-pressed="true"] { border-color: #9dc7e1; background: var(--panel-accent-soft); color: var(--panel-accent); }
  .console-main .workspace-daybar { padding: 0 0 18px; margin-bottom: 0; }
  .console-main .workspace-help { color: var(--panel-muted); font-size: .875rem; }
  .console-main .settings-section { padding: 28px; }
  .console-main .settings-intro { font-size: .9375rem; line-height: 1.65; color: var(--panel-muted); }
  .console-main .settings-section :is(h3,legend) { font-weight: 600; }
  .console-main :is(.erp-form-status,.dashboard-alert,.settings-success,.workflow-message) { font-size: .875rem; line-height: 1.65; border-radius: 8px; }
  .console-main .source-overview { max-width: none; margin-top: 28px; }
  .console-main .source-breakdown { border-color: var(--panel-border); box-shadow: none; }
  .console-main .source-summary { background: #fff; border-color: var(--panel-border); }
  .console-main .source-summary strong { font-weight: 600; }

  /* Analytical working surface: one real series and the existing source filters. */
  .console-main .overview-scope-note { margin: 0 0 18px; max-width: 86ch; }
  .overview-analytics-grid { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); align-items: start; gap: 24px; }
  .console-main :is(.overview-activity,.overview-analytics-grid .source-overview) { background: #fff; border: 1px solid var(--panel-border); border-radius: var(--panel-radius); box-shadow: var(--panel-shadow); padding: 24px; margin: 0; min-width: 0; }
  .console-main .source-overview-heading { align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 20px; }
  .console-main .source-overview-heading h2 { font-size: 1.125rem; font-weight: 650; letter-spacing: -.015em; }
  .console-main .source-overview-heading > span, .overview-period { font-size: .75rem; color: var(--panel-muted); border-radius: 8px; background: #f3f6fb; padding: 6px 9px; }
  .console-main .source-breakdown { grid-template-columns: minmax(0,1fr); border: 0; gap: 2px; }
  .console-main .source-summary { border: 0; border-radius: 10px; padding: 14px 12px; gap: 8px; min-height: 88px; }
  .console-main .source-summary:hover { background: var(--panel-accent-soft); }
  .console-main .source-summary-name { font-size: .875rem; font-weight: 550; }
  .console-main .source-summary-detail { grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 12px; }
  .console-main .source-summary-detail small { grid-column: 2; grid-row: 1; font-size: .75rem; }
  .console-main .source-summary-track { grid-column: 1; grid-row: 1; height: 6px; border-radius: 4px; background: #eef2f8; }
  .console-main .source-summary-track > span { border-radius: inherit; }
  .overview-activity-count { display: flex; align-items: baseline; flex-wrap: wrap; gap: 12px; margin: 20px 0; }
  .overview-activity-count strong { font-size: 2rem; letter-spacing: -.04em; font-weight: 650; color: var(--panel-text); }
  .overview-activity-count span { color: var(--panel-muted); font-size: .875rem; }
  .overview-chart { margin: 0; min-width: 0; }
  .overview-chart svg { display: block; width: 100%; height: auto; overflow: visible; }
  .overview-chart-grid { stroke: var(--panel-border); stroke-dasharray: 4 4; }
  .overview-chart-frame { position: relative; }
  .overview-chart-maximum, .overview-chart-zero { position: absolute; left: 0; font-size: .75rem; color: var(--panel-muted); transform: translateY(-50%); }
  .overview-chart-maximum { top: 14.55%; }
  .overview-chart-zero { top: 83.64%; }
  .overview-chart-fill { fill: var(--panel-accent-soft); }
  .overview-chart-line { stroke: var(--panel-accent); fill: none; stroke-width: 2.5; vector-effect: non-scaling-stroke; stroke-linecap: round; stroke-linejoin: round; }
  .overview-chart-point { fill: #fff; stroke: var(--panel-accent); stroke-width: 2; }
  .overview-chart-axis { display: flex; justify-content: space-between; gap: 12px; color: var(--panel-muted); font-size: .75rem; margin: 0 0 18px 6%; }
  .overview-chart-data { font-size: .875rem; color: var(--panel-muted); }
  .overview-chart-data summary { cursor: pointer; min-height: 44px; padding-block: 12px; color: var(--panel-accent); }
  .overview-chart-data table { border-collapse: collapse; width: 100%; text-align: left; color: var(--panel-text); font-variant-numeric: tabular-nums; }
  .overview-chart-data :is(th,td) { padding: 8px; border-bottom: 1px solid var(--panel-border); font-weight: 400; }
  .overview-chart-data caption { text-align: left; margin: 12px 0; }
  .overview-chart-empty { padding: 48px 20px; background: #f7f9fc; border-radius: 12px; color: var(--panel-muted); text-align: center; font-size: 1rem; }
  .console-main .overview-chart-note { margin: 12px 0 0; font-size: .75rem; }

  /* Shared records, inbox, forms and overlays; no visibility or permission rules. */
  .console-main :is(.panel-list-surface,.company-directory-surface,.inbox-shell) { box-shadow: var(--panel-shadow); border-color: var(--panel-border); border-radius: var(--panel-radius); }
  .console-main .inbox-shell { max-width: none; }
  .console-main .conversation-pane { background: #fcfdff; border-color: var(--panel-border); }
  .console-main .thread-pane { background: #fff; }
  .console-main .notification-row { border-color: var(--panel-border); border-radius: var(--panel-radius); box-shadow: var(--panel-shadow); }
  .console-main .notification-row.is-unread { border-left-color: var(--panel-accent); background: #f5f9ff; }
  .console-main .reminder-row { border-color: var(--panel-border); border-radius: 12px; }
  .console-shell .console-main :is(.button,.workspace-tabs button) { font-size: .875rem; min-height: 44px; }
  .console-shell .console-main :is(.field-label,.settings-toggle,.conversation-filter-fields label,.reminder-consent-form label,.lead-board-move-label,.order-board-move) { font-size: .875rem; }
  .console-shell .console-main :is(input,select,textarea), #erp-drawer :is(input,select,textarea) { font-size: 1rem; }
  .console-shell .console-main :is(.lead-row,.erp-row) { font-size: 1rem; line-height: 1.55; }
  .console-shell .console-main :is(.lead-head,.erp-head) { font-size: .75rem; }
  .console-shell .console-main :is(.lead-board-contact,.lead-board-detail,.lead-board-service,.order-board-details,.conversation-list-note,.thread-subtitle,.conversation-filter-actions .button) { font-size: .875rem; }
  .console-main :is(.lead-row,.erp-row,.order-board-card,.lead-board-item) { overflow-wrap: anywhere; min-width: 0; }
  .console-main :is(.lead-row,.erp-row):focus-within { background: #f4f8ff; }
  :is(.console-shell,#erp-drawer,.auth-panel,.platform-admin-dialog,.order-workflow-modal) :focus-visible { outline: 3px solid var(--panel-accent); outline-offset: 3px; }
  .console-shell .console-nav-item.is-active:focus-visible { outline-color: #164da0; }
  :is(.console-shell,#erp-drawer,.auth-panel) input:is([type="checkbox"],[type="radio"]) { accent-color: var(--panel-accent); }
  #erp-drawer .lead-drawer-header { background: #f7faff; }
  #erp-drawer .workspace-record-summary [data-workspace-private] { background: #fff9eb; border-left: 3px solid #e7ba55; }

  .auth-shell { background: var(--panel-background); }
  .auth-shell::before, .auth-shell::after { content: none; }
  .auth-panel { background: #fff; border: 1px solid var(--panel-border); border-radius: 24px; box-shadow: 0 16px 64px #1836550c; max-width: 460px; padding: 40px; }
  .auth-panel > p { font-size: 1rem; color: var(--panel-muted); }
  .auth-panel .field-label { font-size: .875rem; }
  .auth-panel :is(input,.button) { min-height: 48px; border-radius: 10px; font-size: 1rem; }
  .auth-panel .button-primary { color: #fff; background: var(--panel-accent); }
  .auth-panel .auth-brand { margin-bottom: 32px; }
  .auth-panel :is(.auth-text-button,.auth-public-link) { font-size: .875rem; min-height: 44px; }
}

@media screen and (max-width: 1200px) {
  .console-shell { grid-template-columns: 232px minmax(0,1fr); }
  .console-shell .console-main { padding-inline: 24px; }
  .company-list-heading { display: none; }
  .console-main .platform-company-card { grid-template-columns: minmax(0,1fr) minmax(0,1fr) 150px; border-top: 1px solid var(--panel-border); border-bottom: 0; }
  .console-main .platform-company-card .company-actions { grid-column: 3; grid-row: 1 / span 3; }
  .console-main .platform-company-card > .platform-company-health { grid-column: 2; grid-row: 3; }
  .console-main .platform-company-card > .section-note { grid-column: 1 / -1; grid-row: 4; }
  .console-main .platform-company-card .company-card-stats { grid-column: 1; grid-row: 3; }
  .console-main .lead-browser-filters { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media screen and (max-width: 1080px) {
  .console-main .metric-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .overview-analytics-grid { grid-template-columns: minmax(0,1fr); }
}
@media screen and (max-width: 880px) {
  .console-shell { display: block; }
  .console-shell .console-sidebar { position: sticky; top: 0; z-index: 10; height: auto; min-height: 0; max-height: 100dvh; overflow-y: auto; padding: 9px 20px; border-bottom: 1px solid var(--panel-border); }
  .console-sidebar .product-mark { min-height: 38px; padding: 0; }
  .console-sidebar .sidebar-product-logo { width: 134px; }
  .panel-menu-toggle { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; border: 0; background: transparent; font: inherit; font-weight: 550; color: var(--panel-text); padding: 8px; }
  .panel-menu-icon { width: 16px; height: 12px; border-block: 1.5px solid currentColor; position: relative; }
  .panel-menu-icon::after { content: ""; position: absolute; inset: 4px 0 auto; border-top: 1.5px solid currentColor; }
  .panel-organization-switcher { margin: 12px 4px; }
  .console-shell .console-nav { margin: 10px 0 20px; }
  .console-shell .console-nav-item { min-height: 44px; }
  .console-shell .sidebar-context { margin-bottom: 10px; }
  .console-shell .console-main { padding: 24px 20px 40px; }
  .console-main .panel-topbar { padding-top: 0; min-height: 64px; }
}
@media screen and (max-width: 600px) {
  .console-shell .console-main { padding: 20px 14px 32px; }
  .console-main .console-header { align-items: stretch; gap: 16px; margin-bottom: 20px; }
  .console-main .console-header .button { width: auto; }
  .console-main .section-heading { flex-direction: row; flex-wrap: wrap; align-items: center; }
  .console-main :is(.metric-card,.erp-summary-grid > article) { padding: 14px; min-height: 100px; }
  .console-main :is(.metric-card strong,.erp-summary-grid strong) { font-size: 1.6rem; }
  .console-main .metric-grid { gap: 12px; }
  .console-main .panel-topbar { flex-wrap: wrap; gap: 12px; }
  .console-main .panel-topbar .notification-bell { margin-left: auto; }
  .overview-analytics-grid { gap: 16px; }
  .console-main :is(.overview-activity,.overview-analytics-grid .source-overview) { padding: 20px 16px; }
  .auth-panel { padding: 28px 24px; }
  .console-main .erp-summary-grid { grid-template-columns: minmax(0,1fr); }
  .console-main .company-directory-surface { padding: 18px 16px 0; }
  .console-main .platform-company-filters { gap: 12px; }
  .console-main .platform-company-filters .field-label:first-child { flex-basis: 100%; }
  .console-main .platform-company-card { grid-template-columns: minmax(0,1fr); gap: 12px; }
  .console-main .platform-company-card > :is(.company-card-header,.platform-company-billing,.company-card-stats,.platform-company-health,.section-note,.company-actions) { grid-column: 1; grid-row: auto; }
  .console-main .platform-company-card .company-actions { flex-direction: row; flex-wrap: wrap; justify-content: flex-start; }
  .console-main .company-actions .button-primary { flex-basis: 100%; }
  .console-main .company-actions .button { min-height: 44px; font-size: .875rem; }
  .console-main .platform-pagination { flex-wrap: wrap; gap: 10px; }
  .console-main .panel-list-surface { padding: 18px 14px; }
  .console-main :is(.customer-directory-filters,.lead-browser-filters) { grid-template-columns: minmax(0,1fr); }
  .console-main .customer-table .customer-row { grid-template-columns: minmax(0,1fr); }
  .console-main .erp-row > span::before { font-size: .75rem; font-weight: 550; color: #647083; }
  .console-main .order-workflow-actions { width: 100%; justify-content: space-between; }
  .console-main .order-board-column { flex-basis: min(280px,82vw); }
  .panel-report-disclosure > summary span { display: none; }
  :is(.console-shell,#erp-drawer) .workspace-tabs { flex-wrap: nowrap; overflow-x: auto; gap: 18px; scrollbar-width: thin; }
  :is(.console-shell,#erp-drawer) .workspace-tabs button { flex: 0 0 auto; white-space: nowrap; }
  .console-main :is(.service-calendar-panel,.service-bookings-panel,.today-panel,.settings-section,.service-tasks-panel) { padding: 16px; }
  #erp-drawer { border: 0; border-radius: 0; }
  #erp-drawer .lead-drawer-header { padding: 16px; }
  #erp-drawer .erp-drawer-content { padding: 0 16px 20px; }
  #erp-drawer .workspace-record-summary { gap: 20px; }
  #erp-drawer .erp-finance-grid article { padding: 14px 10px; }
  #erp-drawer .erp-finance-grid strong { font-size: 20px; }
  #erp-drawer :is(input,select,textarea) { font-size: 1rem; }
  :is(.console-shell,.lead-drawer,.platform-admin-dialog,.company-onboarding-modal,.order-workflow-modal) :is(input,select,textarea) { font-size: 1rem; }
  :is(.console-shell,.lead-drawer,.platform-admin-dialog,.company-onboarding-modal,.order-workflow-modal) .button { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .console-shell *, .lead-drawer * { transition: none; scroll-behavior: auto; }
}