/* Complete workspace compositions. Classic deliberately has no overrides. */
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-shell {
    --admin-nav-width: 13.125rem;
    background: var(--epos-surface);
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    font-variant-numeric: tabular-nums;
}
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-sidebar { padding: .75rem .7rem; box-shadow: none; border-color: var(--epos-border); }
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-brand { min-height: 68px; border: 0; padding: .5rem .6rem 1.15rem; gap: .65rem; }
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-brand strong { font-size: .94rem; letter-spacing: -.02em; }
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-brand small { margin-top: .2rem; color: var(--epos-muted); }
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-nav { gap: .5rem; }
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-nav-group-label { padding: .35rem .75rem .25rem; font-size: .625rem; font-weight: 600; letter-spacing: .08em; color: var(--epos-muted); }
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-nav a { min-height: 40px; gap: .7rem; padding: .65rem .75rem; color: var(--epos-muted); font-size: .81rem; font-weight: 500; border: 0; margin-block: 0; }
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-nav a.active { font-weight: 650; }
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-content { background: var(--epos-surface); padding: 2rem 2.5rem; font-size: 14px; }
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-page { gap: 1.25rem; }
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-page > .page-header:first-child { min-height: 64px; padding: 0 0 1.15rem; margin: 0; border: 0; border-bottom: 1px solid var(--epos-border-soft); border-radius: 0; background: transparent; box-shadow: none; align-items: center; }
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-page > .page-header:first-child h1 { font-size: 1.75rem; line-height: 1.2; font-weight: 650; letter-spacing: -.035em; }
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-page > .page-header:first-child .eyebrow { margin: 0 0 .45rem; font-size: .625rem; font-weight: 600; letter-spacing: .1em; color: var(--epos-muted); }
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-content .surface-card { padding: 1.25rem; border-color: var(--epos-border); }
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-content .surface-card.flush-card { padding: 0; }
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-content .surface-card .card-heading-row { margin-bottom: 1.1rem; padding-bottom: .9rem; border-color: var(--epos-border-soft); }
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-content .flush-card > .card-heading-row { margin: 0; padding: 1rem 1.25rem; background: var(--epos-surface); }
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-content :is(.settings-section-card, .card-section) > .card-heading-row { margin: 0; padding: 0; border: 0; }
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-content .card-heading-title :is(h2, h3) { font-size: 1rem; font-weight: 650; letter-spacing: -.02em; }
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .card-heading-count { min-width: 1.6rem; min-height: 1.4rem; color: var(--epos-muted); background: var(--epos-surface-sunken); font-size: .7rem; }
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-content .form-grid { gap: 1rem; }
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-content .field > label { font-size: .78rem; font-weight: 550; color: var(--epos-ink-soft); }
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-content .delivery-rule-editor .card-section > .card-heading-row h3 { font-weight: 550; color: var(--epos-ink-soft); }
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-content .field :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), textarea, .themed-select) { background: var(--epos-surface); }
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-content .button { font-size: .78rem; font-weight: 600; padding-inline: .9rem; }
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-content .button-secondary { border-color: var(--epos-border); background: var(--epos-surface); color: var(--epos-text); }
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-content .button-secondary:hover:not(:disabled) { background: var(--epos-surface-sunken); }
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-content .admin-toolbar-strip { padding: .9rem 1.25rem; background: var(--epos-surface); border-color: var(--epos-border-soft); }
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-content .metric-card { border-left-width: 1px; padding: 1.2rem; gap: .65rem; }
html[data-interface-theme="precision"] .member-points-balance div { border: 0; border-bottom: 1px solid var(--epos-border-soft); border-radius: 0; background: transparent; padding: .65rem 0; }
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-content .metric-card strong { font-size: 1.85rem; letter-spacing: -.04em; }
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-content .metric-card span { font-size: .75rem; font-weight: 500; }
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-content .data-table { font-size: .8rem; }
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-content .data-table :is(th, td) { padding: .8rem 1rem; border-color: var(--epos-border-soft); }
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-content .data-table th { font-size: .7rem; font-weight: 550; text-transform: none; letter-spacing: 0; }

/* Floating editors keep an outer boundary; their sections use the same composition as the workspace. */
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-content .catalogue-editor-panel { background: var(--epos-surface); border-color: var(--epos-border); box-shadow: var(--epos-shadow); }
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-content :is(.catalogue-editor-header, .catalogue-editor-footer) { padding-inline: 1.25rem; }
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-content .catalogue-editor-body { padding: 1.25rem; gap: 1.25rem; }
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-shell .admin-content .cloud-catalogue-editor-stack > .surface-card { border: 1px solid var(--epos-border); border-radius: var(--epos-radius-panel); box-shadow: var(--epos-shadow); }
html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-shell .admin-content .cloud-catalogue-editor-stack > .surface-card:not(.flush-card) { padding: 1.25rem; }

/* Precision uses open sections and ruled columns, not nested card frames. */
html[data-interface-theme="precision"] .admin-nav a.active { background: var(--epos-surface-sunken); color: var(--epos-primary-strong); box-shadow: none; border-radius: var(--epos-radius-control); }
html[data-interface-theme="precision"] .admin-workspace-navigation { padding: 0; gap: .5rem; border: 0; border-bottom: 1px solid var(--epos-border); border-radius: 0; }
html[data-interface-theme="precision"] .admin-workspace-navigation > :is(a, button) { border: 0; border-bottom: 2px solid transparent; border-radius: 0; padding: .6rem .65rem; font-size: .8rem; font-weight: 500; }
html[data-interface-theme="precision"] .admin-workspace-navigation > .active { background: transparent; color: var(--epos-primary-strong); border-bottom-color: var(--epos-primary-strong); box-shadow: none; }
html[data-interface-theme="precision"] .admin-content .admin-workspace-navigation > :is(a, button) > small { background: var(--epos-surface-sunken); color: var(--epos-text); }
html[data-interface-theme="precision"] .admin-shell .admin-content .surface-card:where(:not(.admin-tone-success, .admin-tone-warning, .admin-tone-error)) { border: 0; border-radius: 0; background: var(--epos-surface); box-shadow: none; padding: .5rem 0 1.25rem; }
html[data-interface-theme="precision"] .admin-content .surface-card.flush-card { padding: 0; }
html[data-interface-theme="precision"] .admin-content .flush-card > .card-heading-row { padding: .75rem 0; }
html[data-interface-theme="precision"] .admin-content .admin-toolbar-strip { padding: .9rem 0; }
html[data-interface-theme="precision"] .admin-content .surface-card.admin-toolbar { padding: .25rem 0 1rem; border-bottom: 1px solid var(--epos-border-soft); }
html[data-interface-theme="precision"] .admin-content .table-wrap { border: 0; border-radius: 0; box-shadow: none; }
html[data-interface-theme="precision"] .alert-info { border: 0; border-left: 2px solid var(--epos-border-strong); border-radius: 0; background: var(--epos-surface-tint); color: var(--epos-ink-soft); box-shadow: none; font-weight: 500; }
html[data-interface-theme="precision"] .admin-content :is(.checkbox-list, .sales-report-filter-groups fieldset) { border: 0; border-top: 1px solid var(--epos-border); border-radius: 0; background: transparent; padding: .65rem 0; }
html[data-interface-theme="precision"] .admin-content .data-table th { background: var(--epos-surface); color: var(--epos-muted); }
html[data-interface-theme="precision"] .admin-shell .admin-content :is(.card-section, .cloud-ordering-channel, .portal-block) { border: 0; border-top: 1px solid var(--epos-border); border-radius: 0; background: var(--epos-surface); padding: 1rem 0 0; }
html[data-interface-theme="precision"] .admin-shell .admin-content :is(.catalogue-editor-body, .cloud-catalogue-editor-body) > .card-section:first-child { border-top: 0; padding-top: 0; }
html[data-interface-theme="precision"] .admin-shell .admin-content .connection-editor-sections > .card-section:first-child { border-top: 0; padding-top: 0; }
/* Precision's flush headings have no side padding: the platform cards line up under "Platforms". */
html[data-interface-theme="precision"] .admin-content .connection-list { padding-inline: 0; }
/* Sections that open a card directly under its heading rule or the tab strip draw no second rule. */
html[data-interface-theme="precision"] .admin-shell .admin-content :is(.restaurant-operation-grid > .card-section:first-child, .membership-plan-overview > .card-section) { border-top: 0; padding-top: 0; }
@media (min-width: 1025px) {
    html[data-interface-theme="precision"] .admin-shell .admin-content .restaurant-operation-grid > .restaurant-charges-section { border-top: 0; padding-top: 0; }
}
html[data-interface-theme="precision"] .admin-shell .admin-content .settings-section-card { border-radius: 0; }
/* The strip is ruled between figures: each figure carries its left rule and padding, and the strip reaches that far
   past the column and clips it, so whatever the number of columns or rows every row starts flush with no rule. */
html[data-interface-theme="precision"] .admin-content :is(.overview-metrics, .report-metric-grid, .cloud-metric-grid) { gap: 1.25rem 0; margin-left: calc(-1.35rem - 1px); padding-block: .5rem 1.25rem; border-bottom: 1px solid var(--epos-border); clip-path: inset(0 0 0 calc(1.35rem + 1px)); }
html[data-interface-theme="precision"] .admin-shell .admin-content .metric-card { min-height: 0; border: 0; border-left: 1px solid var(--epos-border); padding: .25rem 1.35rem; gap: .5rem; background: var(--epos-surface); }
html[data-interface-theme="precision"] .admin-content .metric-card strong { font-size: 2.05rem; font-weight: 650; }
html[data-interface-theme="precision"] .admin-content .admin-order-workspace { gap: 1.5rem; }
html[data-interface-theme="precision"] .admin-content .surface-card.admin-order-list-panel { border-right: 1px solid var(--epos-border); padding-right: 1.5rem; }
html[data-interface-theme="precision"] .admin-content .button { box-shadow: none; }

@media (min-width: 1025px) {
    html[data-interface-theme="precision"] .admin-content :is(.split-admin, .report-table-grid, .overview-sales-layout) { column-gap: 1.5rem; }
    html[data-interface-theme="precision"] .admin-content :is(.split-admin, .report-table-grid, .overview-sales-layout) > :not(:last-child) { border-right: 1px solid var(--epos-border); padding-right: 1.5rem; }
}

/* Service: spacious hospitality cards and grouped pill navigation. */
html[data-interface-theme="service"] .admin-nav a { padding-block: .6rem; border-radius: var(--epos-radius-control); }
html[data-interface-theme="service"] .admin-nav a.active { box-shadow: none; background: var(--epos-cyan-soft); color: var(--epos-primary-strong); }
html[data-interface-theme="service"] .admin-brand strong { font-size: 1.05rem; }
html[data-interface-theme="service"] .admin-page > .page-header:first-child h1 { font-size: 1.875rem; letter-spacing: -.03em; }
html[data-interface-theme="service"] .admin-workspace-navigation { width: fit-content; max-width: 100%; gap: .3rem; padding: .35rem; border: 0; border-radius: 999px; background: var(--epos-surface-sunken); }
html[data-interface-theme="service"] .admin-workspace-navigation > :is(a, button) { padding-inline: 1rem; border-radius: 999px; border: 0; font-weight: 500; }
html[data-interface-theme="service"] .admin-workspace-navigation > .active { background: var(--epos-surface); color: var(--epos-primary-strong); box-shadow: var(--epos-shadow-soft); }
html[data-interface-theme="service"] .admin-content .metric-card strong { font-size: 2rem; }
html[data-interface-theme="service"] .admin-content .data-table th { background: var(--epos-surface); color: var(--epos-muted); }
html[data-interface-theme="service"] .admin-content .data-table td { padding-block: 1rem; }
html[data-interface-theme="service"] .admin-content .status-pill { border-radius: 999px; padding: .3rem .65rem; }
html[data-interface-theme="service"] .admin-content .surface-card { box-shadow: var(--epos-shadow-soft); }

/* Blueprint: structured headings, boxed navigation and accent-top metrics. */
html[data-interface-theme="blueprint"] .admin-nav a.active { background: var(--epos-cyan-wash); box-shadow: inset 2px 0 var(--epos-primary); color: var(--epos-primary-strong); }
html[data-interface-theme="blueprint"] .admin-page > .page-header:first-child { border-bottom: 2px solid var(--epos-border-accent-soft); }
html[data-interface-theme="blueprint"] .admin-workspace-navigation { width: fit-content; max-width: 100%; border: 1px solid var(--epos-border); padding: .25rem; gap: .25rem; border-radius: var(--epos-radius-card); }
html[data-interface-theme="blueprint"] .admin-workspace-navigation > :is(a, button) { border-radius: var(--epos-radius-control); padding: .5rem .85rem; font-size: .8rem; font-weight: 550; }
html[data-interface-theme="blueprint"] .admin-workspace-navigation > .active { background: var(--epos-primary); color: var(--epos-primary-ink); box-shadow: none; border-color: transparent; }
html[data-interface-theme="blueprint"] .admin-content .metric-card { border-top: 2px solid var(--epos-border-accent); }
html[data-interface-theme="blueprint"] .admin-content .metric-card:first-child { border-top-color: var(--epos-primary); }
html[data-interface-theme="blueprint"] .admin-content .metric-card strong { font-size: 1.75rem; }
html[data-interface-theme="blueprint"] .admin-content .data-table th { background: var(--epos-surface-tint); color: var(--epos-ink-soft); }
html[data-interface-theme="blueprint"] .admin-content .flush-card > .card-heading-row { background: var(--epos-surface-tint); }
html[data-interface-theme="blueprint"] .admin-content :is(.card-section, .cloud-ordering-channel, .portal-block) { border: 0; border-top: 2px solid var(--epos-border-accent-soft); border-radius: 0; background: var(--epos-surface-tint); }

@media (max-height: 800px) {
    html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-content { padding: 1.75rem 2rem; }
}
@media (min-width: 761px) and (max-width: 1024px) {
    html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-shell { --admin-nav-width: 10.5rem; }
    html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-content { padding: 1rem 1.25rem; }
    html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-sidebar { padding: .5rem; }
    html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-nav { gap: .25rem; }
    html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-nav a { min-height: 38px; gap: .5rem; padding: .5rem .4rem; }
    html:is([data-interface-theme="service"], [data-interface-theme="blueprint"]) .admin-content .surface-card:not(.flush-card) { padding: 1rem; }
    html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-page > .page-header:first-child h1 { font-size: 1.5rem; }
}
@media (max-width: 760px) {
    html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-sidebar { padding: .5rem .75rem; }
    html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-brand { min-height: 44px; padding: .25rem; }
    html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-content { padding: 1.1rem; }
    html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-page > .page-header:first-child { min-height: 0; padding-bottom: .9rem; }
    html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-page > .page-header:first-child h1 { font-size: 1.5rem; }
    html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-workspace-navigation { width: 100%; border-radius: var(--epos-radius-card); gap: .3rem; }
    html[data-interface-theme="precision"] .admin-workspace-navigation { border-radius: 0; }
    html:is([data-interface-theme="service"], [data-interface-theme="blueprint"]) .admin-content .surface-card:not(.flush-card) { padding: 1rem; }
    html[data-interface-theme="precision"] .admin-content .metric-card strong { font-size: 1.5rem; }
    html[data-interface-theme="precision"] .admin-content .surface-card.admin-order-list-panel { border-right: 0; padding-right: 0; border-bottom: 1px solid var(--epos-border); padding-bottom: 1rem; }
    html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-content .field :is(input:not([type="checkbox"]):not([type="radio"]), .themed-select, textarea) { font-size: 16px; }
    html:is([data-interface-theme="precision"], [data-interface-theme="service"], [data-interface-theme="blueprint"], [data-interface-theme="utilitarian"]) .admin-content .data-table :is(th, td) { padding: .7rem .8rem; }
}

/* Utilitarian: the FMX Go back office. Dense rows, one ruled panel per job, a quiet blue-grey index on the left,
   figures in IBM Plex Mono. Every rule draws with 1px lines and the one 4px corner; nothing floats but dialogs. */
html[data-interface-theme="utilitarian"] .admin-shell { font-family: var(--epos-font-ui); background: var(--epos-bg); }
html[data-interface-theme="utilitarian"] .admin-sidebar { background: var(--epos-surface-sunken); border-right: 1px solid var(--epos-border); }
html[data-interface-theme="utilitarian"] .admin-brand { min-height: 56px; padding-bottom: .75rem; }
html[data-interface-theme="utilitarian"] .admin-nav { gap: .5rem; }
html[data-interface-theme="utilitarian"] .admin-nav-group-label { padding: .35rem .5rem .2rem; font-size: .72rem; font-weight: 500; letter-spacing: .02em; text-transform: none; }
html[data-interface-theme="utilitarian"] .admin-nav a { padding: .45rem .55rem; margin-block: 0; color: var(--epos-ink-soft); border-radius: var(--epos-radius-control); }
html[data-interface-theme="utilitarian"] .admin-nav a:hover { background: var(--epos-border-soft); }
html[data-interface-theme="utilitarian"] .admin-nav a.active { background: var(--epos-surface); color: var(--epos-primary-strong); box-shadow: inset 0 0 0 1px var(--epos-border); font-weight: 600; }
html[data-interface-theme="utilitarian"] .admin-content { background: var(--epos-bg); padding: 1.5rem; }
html[data-interface-theme="utilitarian"] .admin-page { gap: 1rem; }
html[data-interface-theme="utilitarian"] .admin-page > .page-header:first-child { min-height: 52px; padding: 0 0 .75rem; border-bottom: 1px solid var(--epos-border); }
html[data-interface-theme="utilitarian"] .admin-page > .page-header:first-child h1 { font-size: 1.375rem; font-weight: 600; letter-spacing: -.01em; }
html[data-interface-theme="utilitarian"] .admin-page > .page-header:first-child .eyebrow { margin-bottom: .25rem; font-size: .72rem; font-weight: 500; letter-spacing: .02em; text-transform: none; }
html[data-interface-theme="utilitarian"] .admin-content .surface-card { padding: 1rem; border: 1px solid var(--epos-border); background: var(--epos-surface); box-shadow: none; }
html[data-interface-theme="utilitarian"] .admin-content .surface-card.flush-card { padding: 0; }
html[data-interface-theme="utilitarian"] .admin-content .surface-card .card-heading-row { margin-bottom: .9rem; padding-bottom: .7rem; border-bottom: 1px solid var(--epos-border); }
html[data-interface-theme="utilitarian"] .admin-content .flush-card > .card-heading-row { margin: 0; padding: .7rem 1rem; border-bottom: 1px solid var(--epos-border); }
html[data-interface-theme="utilitarian"] .admin-content .card-heading-title :is(h2, h3) { font-size: .875rem; font-weight: 600; letter-spacing: 0; }
html[data-interface-theme="utilitarian"] .admin-content :is(.settings-section-card, .card-section, .cloud-ordering-channel, .portal-block) { border: 1px solid var(--epos-border-soft); border-radius: var(--epos-radius-card); background: var(--epos-surface-tint); box-shadow: none; }
html[data-interface-theme="utilitarian"] .admin-content .settings-section-card { padding: .85rem 1rem; }
html[data-interface-theme="utilitarian"] .admin-content .admin-toolbar-strip { padding: .7rem 1rem; border-bottom: 1px solid var(--epos-border); }
html[data-interface-theme="utilitarian"] .admin-content .table-wrap { border: 0; border-radius: 0; box-shadow: none; }
html[data-interface-theme="utilitarian"] .admin-content .data-table { font-size: .84rem; }
html[data-interface-theme="utilitarian"] .admin-content .data-table :is(th, td) { padding: .55rem 1rem; border-color: var(--epos-border-soft); }
html[data-interface-theme="utilitarian"] .admin-content .data-table th { padding-block: .5rem; background: var(--epos-bg); color: var(--epos-muted); font-size: .75rem; font-weight: 500; text-transform: none; letter-spacing: 0; }
html[data-interface-theme="utilitarian"] .admin-content .data-table tbody tr:hover > td { background: var(--epos-cyan-wash); }
html[data-interface-theme="utilitarian"] .admin-content :is(.data-table td.numeric, .metric-card strong) { font-family: var(--epos-font-figures); font-variant-numeric: tabular-nums; }
/* Metrics are one ruled strip, as the FMX Go dashboard's Today row. */
html[data-interface-theme="utilitarian"] .admin-content :is(.overview-metrics, .report-metric-grid, .cloud-metric-grid) { gap: 0; border: 1px solid var(--epos-border); border-radius: var(--epos-radius-card); background: var(--epos-surface); overflow: hidden; }
/* Each figure draws its left and top rule a pixel outside itself; the frame clips the outer ones, so any number of rows
   is ruled once. */
html[data-interface-theme="utilitarian"] .admin-shell .admin-content .metric-card { min-height: 0; margin: -1px 0 0 -1px; padding: 1rem; gap: .35rem; border: 0; border-left: 1px solid var(--epos-border); border-top: 1px solid var(--epos-border); border-radius: 0; background: var(--epos-surface); box-shadow: none; }
html[data-interface-theme="utilitarian"] .admin-content .metric-card strong { font-size: 1.5rem; font-weight: 500; letter-spacing: 0; color: var(--epos-navy); }
html[data-interface-theme="utilitarian"] .admin-content .metric-card span { font-size: .75rem; font-weight: 400; color: var(--epos-muted); }
/* Page tabs are a segmented control: one frame, ruled divisions, the chosen one tinted. */
html[data-interface-theme="utilitarian"] .admin-workspace-navigation { width: fit-content; max-width: 100%; gap: 0; padding: 0; border: 1px solid var(--epos-border); border-radius: var(--epos-radius-control); background: var(--epos-surface); overflow-x: auto; }
html[data-interface-theme="utilitarian"] .admin-workspace-navigation > :is(a, button) { border: 0; border-right: 1px solid var(--epos-border-soft); border-radius: 0; padding: .45rem .85rem; background: var(--epos-surface); color: var(--epos-ink-soft); font-size: .8rem; font-weight: 500; box-shadow: none; }
html[data-interface-theme="utilitarian"] .admin-workspace-navigation > :last-child { border-right: 0; }
html[data-interface-theme="utilitarian"] .admin-workspace-navigation > .active { background: var(--epos-cyan-wash); color: var(--epos-primary-strong); }
html[data-interface-theme="utilitarian"] .admin-content .admin-workspace-navigation > .active > small { background: var(--epos-surface); color: var(--epos-text); }
html[data-interface-theme="utilitarian"] .admin-content .button { box-shadow: none; font-weight: 500; }
html[data-interface-theme="utilitarian"] .admin-content .button-secondary { border-color: var(--epos-border); }
html[data-interface-theme="utilitarian"] .admin-content .status-pill { border-radius: 2px; }
html[data-interface-theme="utilitarian"] .alert-info { border: 1px solid var(--epos-border); border-left: 2px solid var(--epos-primary); border-radius: var(--epos-radius-card); background: var(--epos-surface); color: var(--epos-ink-soft); box-shadow: none; }
@media (min-width: 761px) and (max-width: 1024px) {
    html[data-interface-theme="utilitarian"] .admin-content { padding: 1rem; }
}
@media (max-width: 760px) {
    html[data-interface-theme="utilitarian"] .admin-content { padding: 1rem; }
    html[data-interface-theme="utilitarian"] .admin-workspace-navigation { width: 100%; }
    html[data-interface-theme="utilitarian"] .admin-content .metric-card strong { font-size: clamp(1.1rem, 5.4vw, 1.5rem); }
    html[data-interface-theme="utilitarian"] .admin-content .data-table :is(th, td) { padding-inline: .7rem; }
}