/**
 * Apple School Manager visual tokens — typography, brand chrome, color, spacing, style.
 * Does NOT change layout structure (grids/panes/IA stay). Loaded last on split pages.
 */

html[data-ui-skin="apple"],
html[data-ui-skin="apple"] body,
html[data-ui-skin="apple"] body.invoice-split-page,
body.invoice-split-page[data-ui-skin="apple"],
body[data-ui-skin="apple"] {
    /* ——— Brand / color ——— */
    --apple-blue: #0071e3;
    --apple-blue-hover: #0077ed;
    --apple-blue-soft: rgba(0, 113, 227, 0.1);
    --apple-blue-focus: rgba(0, 113, 227, 0.16);
    --apple-canvas: #f5f5f7;
    --apple-surface: #ffffff;
    --apple-border: #d2d2d7;
    --apple-border-strong: #c7c7cc;
    --apple-muted: #86868b;
    --apple-text: #1d1d1f;
    --apple-text-secondary: #6e6e73;
    --apple-radius: 8px;
    --apple-radius-lg: 12px;
    --apple-shadow: none;

    /* Map AL4 / theme brand tokens → Apple */
    --color-brand-50: #e8f1fc;
    --color-brand-100: #d6e6fa;
    --color-brand-500: var(--apple-blue);
    --color-brand-600: var(--apple-blue-hover);
    --color-brand-700: #0058b0;
    --color-accent-500: #0077ed;
    --color-secondary-500: #86868b;
    --color-secondary-600: #6e6e73;
    --color-surface-page: var(--apple-canvas);
    --color-surface-card: var(--apple-surface);
    --color-surface-muted: #eef2f7;
    --color-border-default: var(--apple-border);
    --color-text-primary: var(--apple-text);
    --color-text-secondary: var(--apple-text-secondary);
    --color-text-muted: var(--apple-muted);
    --color-text-on-brand: #ffffff;
    --color-info-500: var(--apple-blue);
    --layout-header-bg: #ffffff;
    --nav-sidebar-link-hover-bg: rgba(0, 0, 0, 0.04);
    --nav-sidebar-active-bg: rgba(0, 113, 227, 0.12);

    /* ——— Typography (system / SF Pro Text stack) ——— */
    --apple-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;
    --t-font: var(--apple-font);
    --font-family-sans: var(--apple-font);
    --bs-body-font-family: var(--apple-font);
    --wds-font: var(--apple-font);
    --type-display: 2.5rem;
    --type-h1: 1.75rem;
    --type-h2: 1.375rem;
    --type-h3: 1.125rem;
    --type-h4: 1rem;
    --type-body-lg: 1rem;
    /* Apple School Manager density: 14px body, 12px floor for meta */
    --type-body: 0.875rem;
    --type-small: 0.875rem;
    --type-caption: 0.75rem;
    --bs-body-font-size: var(--type-body);
    --bs-btn-font-size: var(--type-small);

    /* ——— Spacing (Apple-owned; compact CRM density) ——— */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --layout-card-padding: var(--space-4);
    --layout-form-gap: var(--space-3);
    --t-row: 36px; /* Apple-owned compact row token (was Twenty literal) */

    /* ——— Style / chrome ——— */
    --t-accent: var(--apple-blue);
    --t-accent-soft: var(--apple-blue-soft);
    --t-accent-soft-strong: rgba(0, 113, 227, 0.14);
    --t-radius: var(--apple-radius);
    --t-gray-1: #ffffff;
    --t-gray-2: #f8fafc;
    --t-gray-3: #f1f5f9;
    --t-gray-4: #eef2f7;
    --t-gray-5: #d2d2d7;
    --t-gray-6: #c7c7cc;
    --t-gray-9: #86868b;
    --t-gray-11: #6e6e73;
    --t-gray-12: #1d1d1f;
    --bs-primary: var(--apple-blue);
    --bs-primary-rgb: 0, 113, 227;
    --bs-link-color: var(--apple-blue);
    --bs-link-hover-color: var(--apple-blue-hover);
    --bs-body-color: var(--apple-text);
    --bs-body-bg: var(--apple-canvas);
    --bs-border-color: var(--apple-border);
    --bs-border-radius: var(--apple-radius);
    --bs-border-radius-sm: var(--apple-radius);
    --bs-border-radius-lg: var(--apple-radius-lg);
    --bs-btn-border-radius: var(--apple-radius);
    --bs-focus-ring-color: var(--apple-blue-focus);
    --wds-accent: var(--apple-blue);
    --wds-accent-dark: var(--apple-blue-hover);
    --wds-radius: var(--apple-radius);
    --wds-radius-input: var(--apple-radius);
    --wds-radius-btn: var(--apple-radius);
    --wds-shadow: var(--apple-shadow);
    --wds-bg-page: var(--apple-canvas);
    --wds-bg-card: var(--apple-surface);
    --wds-bg-header: var(--apple-surface);
    --wds-bg-th: var(--apple-surface);
    --wds-bg-muted: var(--t-gray-3);
    --wds-border: var(--apple-border);
    --wds-text-primary: var(--apple-text);
    --wds-text-secondary: var(--apple-text-secondary);
    --wds-text-muted: var(--apple-muted);
    --radius-sm: var(--apple-radius);
    --radius-md: var(--apple-radius-lg);
    --shadow-sm: var(--apple-shadow);
    --shadow-md: var(--apple-shadow);

    font-family: var(--apple-font) !important;
    color: var(--apple-text);
    background: var(--apple-canvas) !important;
}

html[data-ui-skin="apple"] body.invoice-split-page,
body.invoice-split-page[data-ui-skin="apple"],
html[data-ui-skin="apple"] body.invoice-split-page .app-wrapper,
html[data-ui-skin="apple"] body.invoice-split-page .app-main,
html[data-ui-skin="apple"] body.invoice-split-page .app-content {
    font-family: var(--apple-font) !important;
    background: var(--apple-canvas) !important;
}

body.invoice-split-page[data-ui-skin="apple"] .invoice-split-pane-left,
body.invoice-split-page[data-ui-skin="apple"] .invoice-split-pane-right,
body[data-ui-skin="apple"] .invoice-split-pane-left,
body[data-ui-skin="apple"] .invoice-split-pane-right {
    background: transparent !important;
}

body.invoice-split-page[data-ui-skin="apple"] .invoice-panel-shell.asm-patient-detail:not(.is-asm-checkin):not(.is-asm-history):not(.is-asm-profile):not(.is-vitals-priority):not(.is-consult-priority) .invoice-panel-chrome,
body[data-ui-skin="apple"] .invoice-panel-shell.asm-patient-detail:not(.is-asm-checkin):not(.is-asm-history):not(.is-asm-profile):not(.is-vitals-priority):not(.is-consult-priority) .invoice-panel-chrome {
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
    background: var(--apple-surface) !important;
    border-radius: 12px !important;
    border: 1px solid var(--apple-border) !important;
    box-shadow: none !important; /* ASM: no floating card shadow */
}

/* Brand chrome — header */
body.layout-topnav[data-ui-skin="apple"] .app-header.navbar,
body.layout-topnav[data-ui-skin="apple"] .app-header,
body.invoice-split-page[data-ui-skin="apple"].layout-topnav .app-header.navbar,
body.invoice-split-page[data-ui-skin="apple"].layout-topnav .app-header {
    background: rgba(255, 255, 255, 0.82) !important;
    backdrop-filter: saturate(180%) blur(16px);
    -webkit-backdrop-filter: saturate(180%) blur(16px);
    border-bottom: 1px solid var(--apple-border) !important;
    border-bottom-color: var(--apple-border) !important;
    color: var(--apple-text) !important;
}

body.layout-topnav[data-ui-skin="apple"] .app-header .nav-link,
body.layout-topnav[data-ui-skin="apple"] .app-header .navbar-nav .nav-link,
body.invoice-split-page[data-ui-skin="apple"].layout-topnav .app-header .nav-link {
    color: var(--apple-text-secondary) !important;
}

body.layout-topnav[data-ui-skin="apple"] .top-nav-bar .top-nav-item,
body.invoice-split-page[data-ui-skin="apple"] .top-nav-bar .top-nav-item {
    color: var(--apple-text-secondary) !important;
}

body[data-ui-skin="apple"] .top-nav-bar .top-nav-item.is-active {
    border-bottom-color: var(--apple-blue) !important;
    background: rgba(0, 113, 227, 0.08) !important;
    color: var(--apple-text) !important;
}

/* Multi-color nav icon chips */
body[data-ui-skin="apple"] .top-nav-item-icon-tile,
body.invoice-split-page[data-ui-skin="apple"] .top-nav-item-icon-tile {
    flex: 0 0 auto;
    width: 1.35rem;
    height: 1.35rem;
    border-radius: var(--apple-radius);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    box-shadow: inset 0 0 0 999px color-mix(in srgb, var(--nav-icon-color, #93c5fd) 22%, transparent);
    color: var(--nav-icon-color, #1e40af);
    line-height: 1;
}

body[data-ui-skin="apple"] .top-nav-item-icon-tile .top-nav-item-icon,
body[data-ui-skin="apple"] .top-nav-item-icon-tile .bi {
    font-size: 0.75rem;
    line-height: 1;
    color: inherit !important;
    opacity: 1 !important;
}



/* Primary CTAs */
body[data-ui-skin="apple"] .btn-primary:not(.studio-print-widget),
body[data-ui-skin="apple"] .btn-primary:not(.studio-print-widget):hover,
body[data-ui-skin="apple"] .btn-primary:not(.studio-print-widget):focus,
body[data-ui-skin="apple"] .btn-primary:not(.studio-print-widget):active,
body.invoice-split-page[data-ui-skin="apple"] .btn-primary:not(.studio-print-widget),
body.invoice-split-page[data-ui-skin="apple"] .btn-primary:not(.studio-print-widget):hover,
body.invoice-split-page[data-ui-skin="apple"] .btn-primary:not(.studio-print-widget):focus,
body.invoice-split-page[data-ui-skin="apple"] .btn-primary:not(.studio-print-widget):active,
body.invoice-split-page[data-ui-skin="apple"] .gs-actions .btn-primary,
body.invoice-split-page[data-ui-skin="apple"] .crud-right-panel .btn-primary:not(.studio-print-widget) {
    background: var(--apple-blue) !important;
    border-color: var(--apple-blue) !important;
    color: #ffffff !important;
    border-radius: var(--apple-radius) !important;
    font-family: var(--apple-font) !important;
    font-weight: 600;
}

body[data-ui-skin="apple"] .btn-primary:not(.studio-print-widget):hover,
body[data-ui-skin="apple"] .btn-primary:not(.studio-print-widget):focus,
body.invoice-split-page[data-ui-skin="apple"] .btn-primary:not(.studio-print-widget):hover,
body.invoice-split-page[data-ui-skin="apple"] .btn-primary:not(.studio-print-widget):focus {
    background: var(--apple-blue-hover) !important;
    border-color: var(--apple-blue-hover) !important;
}

/* Surfaces */
body.invoice-split-page[data-ui-skin="apple"] .invoice-list-card,
body.invoice-split-page[data-ui-skin="apple"] .card.invoice-list-card,
body.invoice-split-page[data-ui-skin="apple"] .invoice-panel-shell:not(.asm-patient-panel):not(.asm-patient-detail),
body.invoice-split-page[data-ui-skin="apple"] .crud-right-panel .card {
    border: 1px solid var(--apple-border) !important;
    border-radius: var(--apple-radius-lg) !important;
    box-shadow: none !important;
    background: var(--apple-surface) !important;
}

/* Patient detail: shell uses canvas so white cards contrast — except ASM work panes */
body.invoice-split-page[data-ui-skin="apple"] .invoice-panel-shell.asm-patient-detail:not(.is-asm-checkin):not(.is-asm-history):not(.is-asm-profile):not(.is-vitals-priority):not(.is-consult-priority),
body[data-ui-skin="apple"] .invoice-panel-shell.asm-patient-detail:not(.is-asm-checkin):not(.is-asm-history):not(.is-asm-profile):not(.is-vitals-priority):not(.is-consult-priority) {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: var(--apple-canvas) !important;
}

body.invoice-split-page[data-ui-skin="apple"] .invoice-panel-shell.asm-patient-detail.is-vitals-priority,
body.invoice-split-page[data-ui-skin="apple"] .invoice-panel-shell.asm-patient-detail.is-consult-priority,
body[data-ui-skin="apple"] .invoice-panel-shell.asm-patient-detail.is-vitals-priority,
body[data-ui-skin="apple"] .invoice-panel-shell.asm-patient-detail.is-consult-priority {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: var(--apple-surface, #ffffff) !important;
}

/* Create/edit patient form: full-bleed into right pane (no floating card chrome) */
body.invoice-split-page[data-ui-skin="apple"] .invoice-panel-shell.asm-patient-panel,
body[data-ui-skin="apple"] .invoice-panel-shell.asm-patient-panel {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #ffffff !important;
}

body.invoice-split-page[data-ui-skin="apple"] .crud-right-panel.invoice-panel-card:has(.asm-patient-panel),
body[data-ui-skin="apple"] .crud-right-panel.invoice-panel-card:has(.asm-patient-panel) {
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body.invoice-split-page[data-ui-skin="apple"] .crud-right-panel:has(.asm-patient-panel) > .invoice-panel-card-body,
body[data-ui-skin="apple"] .crud-right-panel:has(.asm-patient-panel) > .invoice-panel-card-body {
    padding: 0 !important;
    background: #ffffff !important;
}

/* Let soft canvas show around floating identity / rail / main cards — not vitals work pane */
body.invoice-split-page[data-ui-skin="apple"] .crud-right-panel.invoice-panel-card:has(.asm-patient-detail:not(.is-asm-checkin):not(.is-asm-history):not(.is-vitals-priority):not(.is-consult-priority)),
body[data-ui-skin="apple"] .crud-right-panel.invoice-panel-card:has(.asm-patient-detail:not(.is-asm-checkin):not(.is-asm-history):not(.is-vitals-priority):not(.is-consult-priority)) {
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--apple-canvas) !important;
    box-shadow: none !important;
}

body.invoice-split-page[data-ui-skin="apple"] .crud-right-panel.invoice-panel-card:has(.is-vitals-priority),
body.invoice-split-page[data-ui-skin="apple"] .crud-right-panel.invoice-panel-card:has(.is-consult-priority),
body[data-ui-skin="apple"] .crud-right-panel.invoice-panel-card:has(.is-vitals-priority),
body[data-ui-skin="apple"] .crud-right-panel.invoice-panel-card:has(.is-consult-priority),
body.invoice-split-page[data-ui-skin="apple"] #vitals-right-panel:has(.is-vitals-priority),
body.invoice-split-page[data-ui-skin="apple"] #consultations-right-panel:has(.is-consult-priority),
body.invoice-split-page[data-ui-skin="apple"] #labcashier-right-panel:has(.is-lab-pay-priority),
body.invoice-split-page[data-ui-skin="apple"] #labcashier-right-panel:has(.is-vitals-priority),
body[data-ui-skin="apple"] #vitals-right-panel:has(.is-vitals-priority),
body[data-ui-skin="apple"] #consultations-right-panel:has(.is-consult-priority),
body[data-ui-skin="apple"] #labcashier-right-panel:has(.is-lab-pay-priority),
body[data-ui-skin="apple"] #labcashier-right-panel:has(.is-vitals-priority) {
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--apple-surface, #ffffff) !important;
    box-shadow: none !important;
}

body.invoice-split-page[data-ui-skin="apple"] .crud-right-panel:has(.asm-patient-detail:not(.is-asm-checkin):not(.is-asm-history):not(.is-vitals-priority):not(.is-consult-priority)) > .invoice-panel-card-body,
body[data-ui-skin="apple"] .crud-right-panel:has(.asm-patient-detail:not(.is-asm-checkin):not(.is-asm-history):not(.is-vitals-priority):not(.is-consult-priority)) > .invoice-panel-card-body {
    padding: 0.15rem 0.65rem 1.35rem !important;
    background: var(--apple-canvas) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    /* Block formatting so the shell can grow with content; flex+min-height:0
       was sizing the shell to the viewport and dropping bottom canvas at scroll end. */
    display: block !important;
}

body.invoice-split-page[data-ui-skin="apple"] .crud-right-panel:has(.is-vitals-priority) > .invoice-panel-card-body,
body.invoice-split-page[data-ui-skin="apple"] .crud-right-panel:has(.is-consult-priority) > .invoice-panel-card-body,
body[data-ui-skin="apple"] .crud-right-panel:has(.is-vitals-priority) > .invoice-panel-card-body,
body[data-ui-skin="apple"] .crud-right-panel:has(.is-consult-priority) > .invoice-panel-card-body,
body.invoice-split-page[data-ui-skin="apple"] #vitals-right-panel:has(.is-vitals-priority) > .invoice-panel-card-body,
body.invoice-split-page[data-ui-skin="apple"] #consultations-right-panel:has(.is-consult-priority) > .invoice-panel-card-body,
body.invoice-split-page[data-ui-skin="apple"] #labcashier-right-panel:has(.is-lab-pay-priority) > .invoice-panel-card-body,
body.invoice-split-page[data-ui-skin="apple"] #labcashier-right-panel:has(.is-vitals-priority) > .invoice-panel-card-body,
body[data-ui-skin="apple"] #vitals-right-panel:has(.is-vitals-priority) > .invoice-panel-card-body,
body[data-ui-skin="apple"] #consultations-right-panel:has(.is-consult-priority) > .invoice-panel-card-body,
body[data-ui-skin="apple"] #labcashier-right-panel:has(.is-lab-pay-priority) > .invoice-panel-card-body,
body[data-ui-skin="apple"] #labcashier-right-panel:has(.is-vitals-priority) > .invoice-panel-card-body,
body.invoice-split-page[data-ui-skin="apple"] #patients-right-panel:has(.is-asm-checkin) > .invoice-panel-card-body,
body.invoice-split-page[data-ui-skin="apple"] #patients-right-panel:has(.is-asm-history) > .invoice-panel-card-body,
body[data-ui-skin="apple"] #patients-right-panel:has(.is-asm-checkin) > .invoice-panel-card-body,
body[data-ui-skin="apple"] #patients-right-panel:has(.is-asm-history) > .invoice-panel-card-body {
    padding: 0 !important;
    background: var(--apple-surface, #ffffff) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    display: block !important;
}

/* Shell must be content-sized (not flex-fill) so padding-bottom scrolls into view */
body.invoice-split-page[data-ui-skin="apple"] .crud-right-panel:has(.asm-patient-detail) > .invoice-panel-card-body > .invoice-panel-shell.asm-patient-detail,
body[data-ui-skin="apple"] .crud-right-panel:has(.asm-patient-detail) > .invoice-panel-card-body > .invoice-panel-shell.asm-patient-detail {
    flex: 0 0 auto !important;
    min-height: auto !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
}

/* X strip matches soft canvas (not a white bar) when patient detail is open */
body.invoice-split-page[data-ui-skin="apple"] .crud-right-panel:has(.asm-patient-detail) > .peek-chrome,
body[data-ui-skin="apple"] .crud-right-panel:has(.asm-patient-detail) > .peek-chrome,
body.invoice-split-page[data-ui-skin="apple"] #patients-right-panel:has(.asm-patient-detail) > .peek-chrome {
    background: var(--apple-canvas) !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

body.invoice-split-page[data-ui-skin="apple"] .crud-list-table > tbody > tr.crud-row-selected > td {
    background: var(--apple-blue-soft) !important;
}

body.invoice-split-page[data-ui-skin="apple"] .crud-list-table > tbody > tr.crud-row-selected {
    box-shadow: none !important; /* soft fill only — no solid blue bar */
}

body.invoice-split-page[data-ui-skin="apple"] .crud-list-stack-secondary {
    color: var(--apple-muted, #86868b) !important; /* quiet secondary, not accent blue */
}

body.invoice-split-page[data-ui-skin="apple"] a:not(.btn):not(.top-nav-item):not(.dropdown-item) {
    color: var(--apple-blue);
}

/* Setup hub — soft multi-color icon tiles (ASM Settings accent chips) */
body.invoice-split-page[data-ui-skin="apple"] .setup-hub-nav-icon-tile,
body[data-ui-skin="apple"] .setup-hub-nav-icon-tile,
body.asm-shell .setup-hub-nav-icon-tile {
    width: 1.4rem !important;
    height: 1.4rem !important;
    border-radius: 8px !important;
    background: color-mix(in srgb, var(--setup-icon-color, #86868b) 16%, #ffffff) !important;
    color: var(--setup-icon-color, #86868b) !important;
}

body.invoice-split-page[data-ui-skin="apple"] .setup-hub-nav-item.is-active,
body.asm-shell .setup-hub-page .setup-hub-nav-item.is-active {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.invoice-split-page[data-ui-skin="apple"] .setup-hub-nav-item.is-active::before,
body.asm-shell .setup-hub-page .setup-hub-nav-item.is-active::before {
    display: none !important;
    content: none !important;
}

/* Kill Twenty indigo fallbacks when Apple skin is active */
body.invoice-split-page[data-ui-skin="apple"] {
    --t-accent: var(--apple-blue) !important;
    --bs-primary: var(--apple-blue) !important;
    --wds-accent: var(--apple-blue) !important;
    --color-brand-500: var(--apple-blue) !important;
}

/* ——— Component chrome (forms / Select2 / DT / soft badges) ——— */
/* Note: do not flatten existing elevation shadows beyond current token policy. */

body[data-ui-skin="apple"] .form-control,
body[data-ui-skin="apple"] .form-select,
body.invoice-split-page[data-ui-skin="apple"] .form-control,
body.invoice-split-page[data-ui-skin="apple"] .form-select,
body.invoice-split-page[data-ui-skin="apple"] .form-control-sm,
body.invoice-split-page[data-ui-skin="apple"] .crud-right-panel .form-control,
body.invoice-split-page[data-ui-skin="apple"] .crud-right-panel .form-control-sm,
body.invoice-split-page[data-ui-skin="apple"] .crud-right-panel .form-select,
body.invoice-split-page[data-ui-skin="apple"] .wds-form input,
body.invoice-split-page[data-ui-skin="apple"] .wds-form select,
body.invoice-split-page[data-ui-skin="apple"] .wds-form textarea {
    border: 1px solid var(--apple-border) !important;
    border-radius: var(--apple-radius) !important;
    font-family: var(--apple-font) !important;
    color: var(--apple-text) !important;
    background: var(--apple-surface) !important;
}

body[data-ui-skin="apple"] .form-control:focus,
body[data-ui-skin="apple"] .form-control:focus-visible,
body[data-ui-skin="apple"] .form-select:focus,
body[data-ui-skin="apple"] .form-select:focus-visible,
body.invoice-split-page[data-ui-skin="apple"] .form-control:focus,
body.invoice-split-page[data-ui-skin="apple"] .form-control:focus-visible,
body.invoice-split-page[data-ui-skin="apple"] .form-select:focus,
body.invoice-split-page[data-ui-skin="apple"] .form-select:focus-visible,
body.invoice-split-page[data-ui-skin="apple"] .wds-form input:focus,
body.invoice-split-page[data-ui-skin="apple"] .wds-form input:focus-visible,
body.invoice-split-page[data-ui-skin="apple"] .wds-form select:focus,
body.invoice-split-page[data-ui-skin="apple"] .wds-form textarea:focus {
    border-color: var(--apple-blue) !important;
    box-shadow: 0 0 0 2px var(--apple-blue-soft) !important;
    outline: none !important;
}

body[data-ui-skin="apple"] .form-label,
body.invoice-split-page[data-ui-skin="apple"] .form-label,
body.invoice-split-page[data-ui-skin="apple"] .crud-prop-label {
    font-family: var(--apple-font) !important;
    color: var(--apple-muted) !important;
}

body[data-ui-skin="apple"] .form-check-input:checked,
body.invoice-split-page[data-ui-skin="apple"] .form-check-input:checked {
    background-color: var(--apple-blue) !important;
    border-color: var(--apple-blue) !important;
}

/* Select2 */
body[data-ui-skin="apple"] .select2-container .select2-selection--single,
body[data-ui-skin="apple"] .select2-container--default .select2-selection--single,
body[data-ui-skin="apple"] .select2-container--bootstrap-5 .select2-selection--single,
body[data-ui-skin="apple"] .select2-container .select2-selection--multiple,
body.invoice-split-page[data-ui-skin="apple"] .select2-container .select2-selection--single,
body.invoice-split-page[data-ui-skin="apple"] .select2-container--default .select2-selection--single,
body.invoice-split-page[data-ui-skin="apple"] .select2-container--bootstrap-5 .select2-selection--single,
body.invoice-split-page[data-ui-skin="apple"] .select2-container .select2-selection--multiple {
    border-color: var(--apple-border) !important;
    border-radius: var(--apple-radius) !important;
    background: var(--apple-surface) !important;
    font-family: var(--apple-font) !important;
}

body[data-ui-skin="apple"] .select2-container--default.select2-container--focus .select2-selection--single,
body[data-ui-skin="apple"] .select2-container--bootstrap-5.select2-container--focus .select2-selection--single,
body[data-ui-skin="apple"] .select2-container--open .select2-selection--single,
body.invoice-split-page[data-ui-skin="apple"] .select2-container--default.select2-container--focus .select2-selection--single,
body.invoice-split-page[data-ui-skin="apple"] .select2-container--bootstrap-5.select2-container--focus .select2-selection--single,
body.invoice-split-page[data-ui-skin="apple"] .select2-container--open .select2-selection--single {
    border-color: var(--apple-blue) !important;
    box-shadow: 0 0 0 2px var(--apple-blue-soft) !important;
}

body[data-ui-skin="apple"] .select2-dropdown,
body.invoice-split-page[data-ui-skin="apple"] .select2-dropdown {
    border-color: var(--apple-border) !important;
    border-radius: var(--apple-radius-lg) !important;
    font-family: var(--apple-font) !important;
}

body[data-ui-skin="apple"] .select2-results__option--highlighted.select2-results__option--selectable,
body.invoice-split-page[data-ui-skin="apple"] .select2-results__option--highlighted.select2-results__option--selectable {
    background: var(--apple-blue) !important;
    color: #ffffff !important;
}

/* DataTables / pagination */
body[data-ui-skin="apple"] .page-item.active .page-link,
body[data-ui-skin="apple"] .dataTables_paginate .paginate_button.current,
body.invoice-split-page[data-ui-skin="apple"] .page-item.active .page-link,
body.invoice-split-page[data-ui-skin="apple"] .dt-paging .page-item.active .page-link,
body.invoice-split-page[data-ui-skin="apple"] .dataTables_paginate .paginate_button.current {
    background: var(--apple-blue) !important;
    border-color: var(--apple-blue) !important;
    color: #ffffff !important;
    border-radius: var(--apple-radius) !important;
}

body[data-ui-skin="apple"] .page-link,
body.invoice-split-page[data-ui-skin="apple"] .page-link,
body.invoice-split-page[data-ui-skin="apple"] .dataTables_paginate .paginate_button {
    color: var(--apple-blue) !important;
    border-radius: var(--apple-radius) !important;
    font-family: var(--apple-font) !important;
}

body[data-ui-skin="apple"] .page-link:hover,
body.invoice-split-page[data-ui-skin="apple"] .page-link:hover,
body.invoice-split-page[data-ui-skin="apple"] .dataTables_paginate .paginate_button:hover {
    background: var(--apple-blue-soft) !important;
    border-color: var(--apple-border) !important;
    color: var(--apple-blue-hover) !important;
}

/* Soft badges — convert solid Bootstrap text-bg-* to Zoho pastels */
body[data-ui-skin="apple"] .badge:not(.badge-asm),
body.invoice-split-page[data-ui-skin="apple"] .badge:not(.badge-asm) {
    border-radius: var(--apple-radius) !important;
    font-weight: 600 !important;
    border: 1px solid transparent;
}

body[data-ui-skin="apple"] .badge.text-bg-primary,
body[data-ui-skin="apple"] .badge.bg-primary,
body.invoice-split-page[data-ui-skin="apple"] .badge.text-bg-primary,
body.invoice-split-page[data-ui-skin="apple"] .badge.bg-primary {
    background: #e8f1ff !important;
    color: #1d4ed8 !important;
    border-color: #b6d0fe !important;
}

body[data-ui-skin="apple"] .badge.text-bg-success,
body[data-ui-skin="apple"] .badge.bg-success,
body.invoice-split-page[data-ui-skin="apple"] .badge.text-bg-success,
body.invoice-split-page[data-ui-skin="apple"] .badge.bg-success {
    background: #e8f8ef !important;
    color: #0f7b3a !important;
    border-color: #9bd4b3 !important;
}

body[data-ui-skin="apple"] .badge.text-bg-warning,
body[data-ui-skin="apple"] .badge.bg-warning,
body.invoice-split-page[data-ui-skin="apple"] .badge.text-bg-warning,
body.invoice-split-page[data-ui-skin="apple"] .badge.bg-warning {
    background: #fef3c7 !important;
    color: #b45309 !important;
    border-color: #fcd34d !important;
}

body[data-ui-skin="apple"] .badge.text-bg-danger,
body[data-ui-skin="apple"] .badge.bg-danger,
body.invoice-split-page[data-ui-skin="apple"] .badge.text-bg-danger,
body.invoice-split-page[data-ui-skin="apple"] .badge.bg-danger {
    background: #fdebec !important;
    color: #b42318 !important;
    border-color: #f5c2c0 !important;
}

body[data-ui-skin="apple"] .badge.text-bg-info,
body[data-ui-skin="apple"] .badge.bg-info,
body.invoice-split-page[data-ui-skin="apple"] .badge.text-bg-info,
body.invoice-split-page[data-ui-skin="apple"] .badge.bg-info {
    background: #eef8fb !important;
    color: #0e7490 !important;
    border-color: #a8dce8 !important;
}

body[data-ui-skin="apple"] .badge.text-bg-secondary,
body[data-ui-skin="apple"] .badge.bg-secondary,
body.invoice-split-page[data-ui-skin="apple"] .badge.text-bg-secondary,
body.invoice-split-page[data-ui-skin="apple"] .badge.bg-secondary {
    background: #f0f2f5 !important;
    color: #4b5563 !important;
    border-color: #cfd4dc !important;
}

/* Nav / tabs under Apple */
body[data-ui-skin="apple"] .nav-tabs .nav-link.active,
body.invoice-split-page[data-ui-skin="apple"] .nav-tabs .nav-link.active {
    color: var(--apple-blue) !important;
    border-color: var(--apple-border) var(--apple-border) var(--apple-surface) !important;
    font-weight: 600;
}

body[data-ui-skin="apple"] .nav-link,
body.invoice-split-page[data-ui-skin="apple"] .nav-link {
    font-family: var(--apple-font) !important;
    color: var(--apple-text-secondary);
}

body[data-ui-skin="apple"] .nav-link:hover,
body.invoice-split-page[data-ui-skin="apple"] .nav-link:hover {
    color: var(--apple-blue) !important;
}

/* Clinical type floor — bump Twenty/consult micro type to readable Apple sizes */
body.invoice-split-page[data-ui-skin="apple"],
body.invoice-split-page[data-ui-skin="apple"] .crud-list-table,
body.invoice-split-page[data-ui-skin="apple"] .form-control,
body.invoice-split-page[data-ui-skin="apple"] .form-select,
body.invoice-split-page[data-ui-skin="apple"] .btn {
    font-size: var(--type-body) !important;
}

body.invoice-split-page[data-ui-skin="apple"] .crud-list-table > thead > tr > th {
    font-size: 0.75rem !important;
}

body.invoice-split-page[data-ui-skin="apple"] .crud-list-table > tbody > tr > td {
    font-size: 0.9375rem !important;
}

body.invoice-split-page[data-ui-skin="apple"] .invoice-split-layout.is-outlook-list .crud-list-stack-primary {
    font-size: 0.9375rem !important;
}

body.invoice-split-page[data-ui-skin="apple"] .invoice-split-layout.is-outlook-list .crud-list-stack-secondary {
    font-size: 0.875rem !important;
}

body.invoice-split-page[data-ui-skin="apple"] .form-label,
body.invoice-split-page[data-ui-skin="apple"] .crud-prop-label,
body.invoice-split-page[data-ui-skin="apple"] .text-muted.small,
body.invoice-split-page[data-ui-skin="apple"] .small,
body.invoice-split-page[data-ui-skin="apple"] .badge.badge-asm,
body.invoice-split-page[data-ui-skin="apple"] .visit-journey-bubble,
body.invoice-split-page[data-ui-skin="apple"] .lab-order-picker-hint,
body.invoice-split-page[data-ui-skin="apple"] .lab-order-picker-total,
body.invoice-split-page[data-ui-skin="apple"] .consult-vitals-grid {
    font-size: var(--type-caption) !important; /* 12px floor */
}

body.invoice-split-page[data-ui-skin="apple"] .crud-context-card-title,
body.invoice-split-page[data-ui-skin="apple"] .crud-context-meta-label,
body.invoice-split-page[data-ui-skin="apple"] .crud-context-card-row dt {
    font-size: 0.8125rem !important;
}

body.invoice-split-page[data-ui-skin="apple"] .crud-context-card-row dd {
    font-size: 0.875rem !important;
}

body.invoice-split-page[data-ui-skin="apple"] .invoice-panel-title,
body.invoice-split-page[data-ui-skin="apple"] .consult-patient-name,
body.invoice-split-page[data-ui-skin="apple"] [data-consult-panel] .h5,
body.invoice-split-page[data-ui-skin="apple"] [data-consult-panel] .patient-name {
    font-size: 1.125rem !important;
}

/* Patient detail: titles (Apple School Manager: near-black primary) */
body.invoice-split-page[data-ui-skin="apple"] .invoice-panel-shell.asm-patient-detail .invoice-panel-title,
body[data-ui-skin="apple"] .invoice-panel-shell.asm-patient-detail .invoice-panel-title {
    color: var(--apple-text) !important;
    font-weight: 600 !important;
}

body.invoice-split-page[data-ui-skin="apple"] .invoice-panel-shell.asm-patient-detail .asm-detail-rail-label,
body[data-ui-skin="apple"] .invoice-panel-shell.asm-patient-detail .asm-detail-rail-label,
body.invoice-split-page[data-ui-skin="apple"] .invoice-panel-shell.asm-patient-detail .asm-detail-clinical-label,
body[data-ui-skin="apple"] .invoice-panel-shell.asm-patient-detail .asm-detail-clinical-label {
    color: var(--apple-blue) !important;
}

body.invoice-split-page[data-ui-skin="apple"] .invoice-panel-shell.asm-patient-detail .crud-detail-section-title,
body[data-ui-skin="apple"] .invoice-panel-shell.asm-patient-detail .crud-detail-section-title {
    color: var(--apple-muted) !important;
}

/*
 * Row action icons — colored STROKES only (no filled buttons / no tinted chips).
 * Edit=blue, View=indigo, Print=teal, Delete=red, More=muted.
 */
body[data-ui-skin="apple"] .crud-list-table .crud-row-action-btn,
body.invoice-split-page[data-ui-skin="apple"] .crud-list-table .crud-row-action-btn,
body.invoice-split-page[data-ui-skin="apple"] .crud-list-table .crud-row-action-btn.text-primary,
body.invoice-split-page[data-ui-skin="apple"] .crud-list-table .crud-row-action-btn.text-danger,
body.invoice-split-page[data-ui-skin="apple"] .crud-list-table .crud-row-action-btn.text-secondary {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body[data-ui-skin="apple"] .crud-list-table .crud-row-action-btn .bi,
body.invoice-split-page[data-ui-skin="apple"] .crud-list-table .crud-row-action-btn .bi,
body.invoice-split-page[data-ui-skin="apple"] .dt-row-actions .bi {
    background: transparent !important;
}

/* Default muted stroke for generic / more */
body[data-ui-skin="apple"] .crud-list-table .crud-row-action-btn .bi,
body.invoice-split-page[data-ui-skin="apple"] .crud-list-table .crud-row-action-btn .bi,
body.invoice-split-page[data-ui-skin="apple"] .crud-list-table .dropdown-item .bi {
    color: #94a3b8 !important;
}

body[data-ui-skin="apple"] .crud-list-table .crud-row-action-btn .bi-pencil,
body[data-ui-skin="apple"] .crud-list-table .crud-row-action-btn .bi-pencil-square,
body[data-ui-skin="apple"] .crud-list-table .dropdown-item .bi-pencil,
body[data-ui-skin="apple"] .crud-list-table .dropdown-item .bi-pencil-square,
body.invoice-split-page[data-ui-skin="apple"] .crud-list-table .crud-row-action-btn .bi-pencil,
body.invoice-split-page[data-ui-skin="apple"] .crud-list-table .crud-row-action-btn .bi-pencil-square,
body.invoice-split-page[data-ui-skin="apple"] .crud-list-table .dropdown-item .bi-pencil,
body.invoice-split-page[data-ui-skin="apple"] .crud-list-table .dropdown-item .bi-pencil-square,
body.invoice-split-page[data-ui-skin="apple"] .crud-list-table .crud-row-action-btn.text-primary .bi-pencil-square {
    color: #0071e3 !important; /* edit — Zoho blue stroke */
}

body[data-ui-skin="apple"] .crud-list-table .crud-row-action-btn .bi-eye,
body[data-ui-skin="apple"] .crud-list-table .dropdown-item .bi-eye,
body.invoice-split-page[data-ui-skin="apple"] .crud-list-table .crud-row-action-btn .bi-eye,
body.invoice-split-page[data-ui-skin="apple"] .crud-list-table .dropdown-item .bi-eye {
    color: #6366f1 !important; /* view — indigo stroke */
}

body[data-ui-skin="apple"] .crud-list-table .crud-row-action-btn .bi-printer,
body[data-ui-skin="apple"] .crud-list-table .dropdown-item .bi-printer,
body.invoice-split-page[data-ui-skin="apple"] .crud-list-table .crud-row-action-btn .bi-printer,
body.invoice-split-page[data-ui-skin="apple"] .crud-list-table .dropdown-item .bi-printer {
    color: #0d9488 !important; /* print — teal stroke */
}

body[data-ui-skin="apple"] .crud-list-table .crud-row-action-btn .bi-trash,
body[data-ui-skin="apple"] .crud-list-table .crud-row-action-btn .bi-trash3,
body[data-ui-skin="apple"] .crud-list-table .dropdown-item .bi-trash,
body[data-ui-skin="apple"] .crud-list-table .dropdown-item .bi-trash3,
body[data-ui-skin="apple"] .crud-list-table .dropdown-item.text-danger .bi-trash,
body.invoice-split-page[data-ui-skin="apple"] .crud-list-table .crud-row-action-btn .bi-trash,
body.invoice-split-page[data-ui-skin="apple"] .crud-list-table .crud-row-action-btn .bi-trash3,
body.invoice-split-page[data-ui-skin="apple"] .crud-list-table .crud-row-action-btn.text-danger .bi,
body.invoice-split-page[data-ui-skin="apple"] .crud-list-table .dropdown-item .bi-trash,
body.invoice-split-page[data-ui-skin="apple"] .crud-list-table .dropdown-item .bi-trash3,
body.invoice-split-page[data-ui-skin="apple"] .crud-list-table .dropdown-item.text-danger .bi {
    color: #e11d48 !important; /* delete — rose stroke */
}

body[data-ui-skin="apple"] .crud-list-table .crud-row-action-btn .bi-three-dots,
body[data-ui-skin="apple"] .crud-list-table .crud-row-action-btn .bi-three-dots-vertical,
body.invoice-split-page[data-ui-skin="apple"] .crud-list-table .crud-row-action-btn .bi-three-dots,
body.invoice-split-page[data-ui-skin="apple"] .crud-list-table .crud-row-action-btn .bi-three-dots-vertical {
    color: #94a3b8 !important; /* more — muted stroke */
}

/* Hover: slightly deeper stroke, still no fill */
body.invoice-split-page[data-ui-skin="apple"] .crud-list-table .crud-row-action-btn:hover,
body.invoice-split-page[data-ui-skin="apple"] .crud-list-table .crud-row-action-btn:focus {
    background: transparent !important;
}

/* Sticky detail chrome: identity stays pinned; tabs live in center column */
body.invoice-split-page[data-ui-skin="apple"] .invoice-panel-shell .invoice-panel-chrome,
body[data-ui-skin="apple"] .invoice-panel-shell .invoice-panel-chrome {
    flex-shrink: 0;
    position: sticky;
    top: 0;
    z-index: 3;
    background: var(--apple-surface);
    border-bottom: 1px solid var(--apple-border);
    margin-bottom: 0.5rem;
}

body.invoice-split-page[data-ui-skin="apple"] .invoice-panel-shell.asm-patient-detail:not(.is-asm-checkin):not(.is-asm-history):not(.is-asm-profile):not(.is-vitals-priority):not(.is-consult-priority) .invoice-panel-chrome,
body[data-ui-skin="apple"] .invoice-panel-shell.asm-patient-detail:not(.is-asm-checkin):not(.is-asm-history):not(.is-asm-profile):not(.is-vitals-priority):not(.is-consult-priority) .invoice-panel-chrome {
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
    background: var(--apple-surface) !important;
    border-radius: 12px !important;
    border: 1px solid var(--apple-border) !important;
    box-shadow: none !important; /* ASM: no floating card shadow */
}

body.invoice-split-page[data-ui-skin="apple"] .invoice-panel-shell .invoice-panel-chrome .invoice-panel-header,
body[data-ui-skin="apple"] .invoice-panel-shell .invoice-panel-chrome .invoice-panel-header {
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0.55rem !important;
}

body.invoice-split-page[data-ui-skin="apple"] .invoice-panel-shell .crud-patient-detail-badges .badge,
body[data-ui-skin="apple"] .invoice-panel-shell .crud-patient-detail-badges .badge {
    font-size: 0.6875rem !important;
    font-weight: 600 !important;
}

body.invoice-split-page[data-ui-skin="apple"] .invoice-panel-shell .crud-detail-section-title,
body[data-ui-skin="apple"] .invoice-panel-shell .crud-detail-section-title {
    font-family: var(--apple-font) !important;
    font-size: 0.6875rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--apple-muted) !important;
    margin: 0 0 0.35rem;
}

body.invoice-split-page[data-ui-skin="apple"] .invoice-panel-shell .crud-detail-section + .crud-detail-section,
body[data-ui-skin="apple"] .invoice-panel-shell .crud-detail-section + .crud-detail-section {
    margin-top: 0.85rem;
}

body.invoice-split-page[data-ui-skin="apple"] .invoice-panel-shell .crud-detail-icon-btn,
body[data-ui-skin="apple"] .invoice-panel-shell .crud-detail-icon-btn,
body.invoice-split-page[data-ui-skin="apple"] .invoice-panel-header .crud-detail-icon-btn {
    width: 2rem !important;
    height: 2rem !important;
    min-width: 2rem !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

body.invoice-split-page[data-ui-skin="apple"] .invoice-panel-shell .crud-detail-icon-btn .bi-pencil-square,
body[data-ui-skin="apple"] .invoice-panel-shell .crud-detail-icon-btn .bi-pencil-square {
    color: #0071e3 !important;
    font-size: 0.95rem !important;
}

body.invoice-split-page[data-ui-skin="apple"] .invoice-panel-shell .crud-detail-icon-btn .bi-printer,
body[data-ui-skin="apple"] .invoice-panel-shell .crud-detail-icon-btn .bi-printer {
    color: #0d9488 !important;
    font-size: 0.95rem !important;
}

/*
 * Patient detail / form tabs — Apple ASM chrome
 * Sidebar nav (.asm-patient-panel) uses pills; detail record tabs stay quiet underline-free segments.
 */
body.invoice-split-page[data-ui-skin="apple"] .invoice-panel-shell:not(.asm-patient-panel) .crud-panel-tabs,
body[data-ui-skin="apple"] .invoice-panel-shell:not(.asm-patient-panel) .crud-panel-tabs {
    border-bottom: 1px solid var(--apple-border) !important;
    margin-bottom: 0 !important;
    gap: 0.2rem;
    background: transparent !important;
}

body.invoice-split-page[data-ui-skin="apple"] .invoice-panel-shell:not(.asm-patient-panel) .crud-panel-tab,
body[data-ui-skin="apple"] .invoice-panel-shell:not(.asm-patient-panel) .crud-panel-tab {
    font-family: var(--apple-font) !important;
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
    color: var(--apple-muted) !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 0 !important;
    border-radius: 8px !important;
    padding: 0.45rem 0.75rem !important;
}

body.invoice-split-page[data-ui-skin="apple"] .invoice-panel-shell:not(.asm-patient-panel) .crud-panel-tab:hover,
body.invoice-split-page[data-ui-skin="apple"] .invoice-panel-shell:not(.asm-patient-panel) .crud-panel-tab:focus,
body[data-ui-skin="apple"] .invoice-panel-shell:not(.asm-patient-panel) .crud-panel-tab:hover,
body[data-ui-skin="apple"] .invoice-panel-shell:not(.asm-patient-panel) .crud-panel-tab:focus {
    color: var(--apple-text) !important;
    background: rgba(0, 0, 0, 0.04) !important;
    outline: none !important;
}

body.invoice-split-page[data-ui-skin="apple"] .invoice-panel-shell:not(.asm-patient-panel) .crud-panel-tab.is-active,
body[data-ui-skin="apple"] .invoice-panel-shell:not(.asm-patient-panel) .crud-panel-tab.is-active {
    color: var(--apple-text) !important;
    font-weight: 600 !important;
    border-bottom-color: transparent !important;
    background: rgba(0, 0, 0, 0.06) !important;
}

/* Create/edit ASM sidebar — must beat any panel tab rules */
body.invoice-split-page[data-ui-skin="apple"] .asm-patient-panel .asm-panel-nav.crud-panel-tabs,
body[data-ui-skin="apple"] .asm-patient-panel .asm-panel-nav.crud-panel-tabs {
    flex-direction: column !important;
    border-bottom: 0 !important;
    border-right: 1px solid rgba(0, 0, 0, 0.08) !important;
    background: #f5f5f7 !important;
    gap: 0.15rem !important;
    padding: 0.75rem 0.55rem !important;
}

body.invoice-split-page[data-ui-skin="apple"] .asm-patient-panel .asm-panel-nav-item.crud-panel-tab,
body[data-ui-skin="apple"] .asm-patient-panel .asm-panel-nav-item.crud-panel-tab {
    width: 100% !important;
    text-align: left !important;
    color: #1d1d1f !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 0 !important;
    border-radius: 8px !important;
    padding: 0.5rem 0.7rem !important;
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
}

body.invoice-split-page[data-ui-skin="apple"] .asm-patient-panel .asm-panel-nav-item.crud-panel-tab:hover,
body.invoice-split-page[data-ui-skin="apple"] .asm-patient-panel .asm-panel-nav-item.crud-panel-tab:focus,
body[data-ui-skin="apple"] .asm-patient-panel .asm-panel-nav-item.crud-panel-tab:hover,
body[data-ui-skin="apple"] .asm-patient-panel .asm-panel-nav-item.crud-panel-tab:focus {
    color: #1d1d1f !important;
    background: rgba(0, 0, 0, 0.04) !important;
}

body.invoice-split-page[data-ui-skin="apple"] .asm-patient-panel .asm-panel-nav-item.crud-panel-tab.is-active,
body[data-ui-skin="apple"] .asm-patient-panel .asm-panel-nav-item.crud-panel-tab.is-active {
    color: #1d1d1f !important;
    font-weight: 600 !important;
    background: #e8e8ed !important;
    border-bottom-color: transparent !important;
    box-shadow: none !important;
}

body.invoice-split-page[data-ui-skin="apple"] .invoice-panel-shell .crud-patient-detail-avatar,
body[data-ui-skin="apple"] .invoice-panel-shell .crud-patient-detail-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
    flex-shrink: 0;
    font-family: var(--apple-font);
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1;
}

body.invoice-split-page[data-ui-skin="apple"] .invoice-panel-shell .invoice-panel-meta,
body[data-ui-skin="apple"] .invoice-panel-shell .invoice-panel-meta {
    font-family: var(--apple-font) !important;
    font-size: 0.8125rem !important;
    color: var(--apple-muted) !important;
}

body.invoice-split-page[data-ui-skin="apple"] .invoice-panel-shell .crud-prop-list,
body[data-ui-skin="apple"] .invoice-panel-shell .crud-prop-list {
    border-top-color: var(--apple-border) !important;
    margin-bottom: 0.75rem;
}

body.invoice-split-page[data-ui-skin="apple"] .invoice-panel-shell .crud-prop-row,
body[data-ui-skin="apple"] .invoice-panel-shell .crud-prop-row {
    padding: 0.6rem 0 !important;
    gap: 0.85rem !important;
    border-bottom-color: var(--apple-border) !important;
    min-height: 2.25rem;
}

body.invoice-split-page[data-ui-skin="apple"] .invoice-panel-shell .crud-prop-label,
body[data-ui-skin="apple"] .invoice-panel-shell .crud-prop-label {
    font-family: var(--apple-font) !important;
    font-size: 0.75rem !important;
    color: var(--apple-muted) !important;
}

body.invoice-split-page[data-ui-skin="apple"] .invoice-panel-shell .crud-prop-value,
body[data-ui-skin="apple"] .invoice-panel-shell .crud-prop-value {
    font-family: var(--apple-font) !important;
    font-size: 0.875rem !important;
    color: var(--apple-text) !important;
}

body.invoice-split-page[data-ui-skin="apple"] .invoice-panel-shell .crud-prop-value.is-empty,
body[data-ui-skin="apple"] .invoice-panel-shell .crud-prop-value.is-empty {
    color: var(--apple-muted) !important;
}