﻿html, body {
    font-family: "Public Sans", sans-serif;
    background: #f5f5f4;
    color: #0f172a;
}

#pos-soft-route-loader {
    position: fixed;
    inset: 0;
    z-index: 3000;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    background: #f8fafc;
    transition: opacity 0.24s ease, visibility 0.24s ease;
}

html.pos-soft-route-loading #pos-soft-route-loader,
html.pos-soft-route-hiding #pos-soft-route-loader {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

html.pos-soft-route-hiding #pos-soft-route-loader {
    opacity: 0;
    pointer-events: none;
}

.pos-soft-route-card {
    display: grid;
    width: min(380px, calc(100vw - 2rem));
    justify-items: center;
    gap: 0.55rem;
    margin-top: clamp(82px, 13vh, 132px);
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: #0f766e;
    text-align: center;
    transform: translateY(4px);
    transition: transform 0.22s ease, opacity 0.22s ease;
}

html.pos-soft-route-loading .pos-soft-route-card {
    transform: translateY(0);
}

html.pos-soft-route-hiding .pos-soft-route-card {
    transform: translateY(-2px);
}

.pos-soft-route-card strong {
    color: #0f172a;
    font-size: 0.86rem;
    font-weight: 850;
}

.pos-soft-route-spinner {
    position: relative;
    width: 100%;
    height: 4px;
    margin-bottom: 0.1rem;
    overflow: hidden;
    border: 0;
    border-radius: 999px;
    background: rgba(15, 118, 110, 0.1);
}

.pos-soft-route-spinner::after {
    content: "";
    position: absolute;
    inset: 0;
    width: 42%;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(15, 118, 110, 0), #0f766e, rgba(15, 118, 110, 0));
    animation: pos-soft-route-line 1s ease-in-out infinite;
}

html.pos-dark-theme #pos-soft-route-loader,
body.pos-dark-theme #pos-soft-route-loader {
    background: #020617;
}

html.pos-dark-theme .pos-soft-route-card,
body.pos-dark-theme .pos-soft-route-card {
    background: transparent;
    box-shadow: none;
    color: #99f6e4;
}

html.pos-dark-theme .pos-soft-route-card strong,
body.pos-dark-theme .pos-soft-route-card strong {
    color: #f8fafc;
}

html.pos-dark-theme .pos-soft-route-spinner,
body.pos-dark-theme .pos-soft-route-spinner {
    background: rgba(153, 246, 228, 0.13);
}

body.pos-soft-route-body-lock {
    overflow: hidden;
}

html.pos-dark-theme .pos-soft-route-spinner::after,
body.pos-dark-theme .pos-soft-route-spinner::after {
    background: linear-gradient(90deg, rgba(153, 246, 228, 0), #99f6e4, rgba(153, 246, 228, 0));
}

@keyframes pos-soft-route-line {
    from {
        transform: translateX(-110%);
    }

    to {
        transform: translateX(250%);
    }
}

a {
    color: inherit;
}

.material-icons {
    width: 1em;
    min-width: 1em;
    max-width: 1em;
    overflow: hidden;
    flex: 0 0 auto;
    line-height: 1;
    white-space: nowrap;
}

.fw-bold {
    font-weight: 700;
}

.overflow-hidden {
    overflow: hidden;
}

.pos-layout .mud-main-content.pos-main,
.mud-main-content.pos-main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

#blazor-error-ui {
    background: #fee2e2;
    bottom: 0;
    display: none;
    left: 0;
    padding: 0.75rem 1rem;
    position: fixed;
    width: 100%;
    z-index: 2000;
}

/* Owner Admin product surface */
.owner-admin-screen {
    max-width: 1720px;
    margin: 0 auto;
}

.owner-admin-screen .owner-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 1rem;
    padding: 1.35rem;
    border-radius: 12px;
    background: linear-gradient(135deg, #111827 0%, #14532d 58%, #0f766e 100%);
    color: white;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.18);
}

.owner-admin-screen .owner-kicker {
    display: inline-flex;
    margin-bottom: 0.5rem;
    color: rgba(255, 255, 255, 0.74);
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.owner-admin-screen .owner-hero h1 {
    margin: 0;
    color: white;
    font-size: 2.15rem;
    line-height: 2.35rem;
    font-weight: 800;
}

.owner-admin-screen .owner-hero p {
    max-width: 720px;
    margin: 0.5rem 0 1rem;
    color: rgba(255, 255, 255, 0.78);
}

.owner-admin-screen .owner-hero-actions {
    display: flex;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.owner-admin-screen .owner-action,
.owner-admin-screen .refresh-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 36px;
    padding: 0 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.1);
    color: white;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.owner-admin-screen .owner-action.primary {
    background: white;
    color: #14532d;
}

.owner-admin-screen .owner-hero-side {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.1);
}

.owner-admin-screen .owner-hero-side small {
    color: rgba(255, 255, 255, 0.74);
    font-weight: 700;
}

.owner-admin-screen .outlet-picker {
    min-width: 260px;
}

.owner-admin-screen .admin-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.85rem;
}

.owner-admin-screen .admin-stat-card {
    position: relative;
    min-height: 126px;
    padding: 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 10px;
    background: white;
    overflow: hidden;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05);
}

.owner-admin-screen .admin-stat-card .mud-icon-root {
    position: absolute;
    top: 1rem;
    right: 1rem;
    color: #0f766e;
    opacity: 0.72;
}

.owner-admin-screen .admin-stat-card.sales {
    background: linear-gradient(135deg, #111827 0%, #14532d 100%);
    color: white;
}

.owner-admin-screen .admin-stat-card.sales span,
.owner-admin-screen .admin-stat-card.sales small,
.owner-admin-screen .admin-stat-card.sales strong,
.owner-admin-screen .admin-stat-card.sales .mud-icon-root {
    color: white;
}

.owner-admin-screen .admin-stat-card span {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 800;
}

.owner-admin-screen .admin-stat-card strong {
    display: block;
    margin: 0.5rem 0 0.35rem;
    color: #0f172a;
    font-size: 1.5rem;
    line-height: 1.75rem;
}

.owner-admin-screen .admin-stat-card small,
.owner-admin-screen .admin-muted {
    color: #64748b;
}

.owner-admin-screen .owner-dashboard-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
    gap: 1rem;
}

.owner-admin-screen .owner-chart-panel,
.owner-admin-screen .management-panel,
.owner-admin-screen .admin-tabs,
.owner-admin-screen .admin-form-panel,
.owner-admin-screen .admin-list-panel {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 10px;
    background: white;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.04);
}

.owner-admin-screen .owner-chart-panel,
.owner-admin-screen .management-panel,
.owner-admin-screen .admin-form-panel,
.owner-admin-screen .admin-list-panel {
    padding: 1rem;
}

.owner-admin-screen .management-panel {
    grid-column: 1 / -1;
}

.owner-admin-screen .panel-title {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.owner-admin-screen .panel-title span {
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 800;
    text-transform: uppercase;
}

.owner-admin-screen .panel-title strong {
    display: block;
    color: #0f172a;
    font-size: 1.05rem;
}

.owner-admin-screen .bar-chart {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.owner-admin-screen .bar-row {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr) 92px;
    align-items: center;
    gap: 0.75rem;
    color: #334155;
    font-size: 0.82rem;
    font-weight: 800;
}

.owner-admin-screen .bar-track {
    height: 14px;
    border-radius: 999px;
    background: #e2e8f0;
    overflow: hidden;
}

.owner-admin-screen .bar-fill {
    height: 100%;
    border-radius: inherit;
}

.owner-admin-screen .dine {
    background: #0f766e;
}

.owner-admin-screen .delivery {
    background: #2563eb;
}

.owner-admin-screen .takeaway {
    background: #f59e0b;
}

.owner-admin-screen .ring-wrap {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
}

.owner-admin-screen .ring-chart {
    width: 150px;
    aspect-ratio: 1;
    border-radius: 50%;
    position: relative;
}

.owner-admin-screen .ring-chart::after {
    content: "";
    position: absolute;
    inset: 34px;
    border-radius: 50%;
    background: white;
}

.owner-admin-screen .ring-legend {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.owner-admin-screen .ring-legend div {
    display: grid;
    grid-template-columns: 12px minmax(0, 1fr) auto;
    gap: 0.45rem;
    align-items: center;
    font-weight: 800;
    color: #334155;
}

.owner-admin-screen .legend-dot {
    width: 10px;
    height: 10px;
    border-radius: 999px;
}

.owner-admin-screen .management-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.owner-admin-screen .management-card {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
    min-height: 82px;
    padding: 0.9rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 10px;
    color: #0f172a;
    text-decoration: none;
    background: #f8fafc;
}

.owner-admin-screen .management-card .mud-icon-root {
    color: #0f766e;
}

.owner-admin-screen .management-card span {
    display: block;
    font-weight: 900;
}

.owner-admin-screen .management-card small {
    color: #64748b;
    font-weight: 600;
}

@media (max-width: 1100px) {
    .owner-admin-screen .owner-hero,
    .owner-admin-screen .owner-dashboard-grid {
        grid-template-columns: 1fr;
    }

    .owner-admin-screen .admin-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .owner-admin-screen .admin-stat-grid,
    .owner-admin-screen .management-grid,
    .owner-admin-screen .ring-wrap {
        grid-template-columns: 1fr;
    }

    .owner-admin-screen .owner-hero h1 {
        font-size: 1.6rem;
    }

    .owner-admin-screen .outlet-picker {
        width: 100%;
    }

    .owner-admin-screen .bar-row {
        grid-template-columns: 82px minmax(0, 1fr);
    }

    .owner-admin-screen .bar-row strong {
        grid-column: 2;
    }
}

/* Application-wide dark theme base. Page-specific dark surfaces are handled
   in the repair pass below so we do not accidentally catch unrelated classes. */
html.pos-dark-theme,
body.pos-dark-theme {
    color-scheme: dark;
    background: #0b1120 !important;
    color: #f8fafc !important;
}

body.pos-dark-theme {
    --pos-dark-bg: #0b1120;
    --pos-dark-shell: #020617;
    --pos-dark-surface: #111827;
    --pos-dark-surface-soft: #162033;
    --pos-dark-field: #0f172a;
    --pos-dark-border: rgba(226, 232, 240, 0.16);
    --pos-dark-border-strong: rgba(226, 232, 240, 0.26);
    --pos-dark-text: #f8fafc;
    --pos-dark-muted: #cbd5e1;
    --pos-dark-subtle: #94a3b8;
    --pos-dark-accent: #22c55e;
    --pos-dark-accent-strong: #0f766e;
    --pos-dark-danger: #f87171;
}

body.pos-dark-theme .pos-layout,
body.pos-dark-theme .pos-main,
body.pos-dark-theme .mud-layout,
body.pos-dark-theme .mud-main-content,
body.pos-dark-theme .mud-drawer-content,
body.pos-dark-theme .mud-drawer {
    background: linear-gradient(180deg, var(--pos-dark-bg), var(--pos-dark-surface)) !important;
    color: var(--pos-dark-text) !important;
}

body.pos-dark-theme .pos-appbar,
body.pos-dark-theme .mud-appbar {
    background: var(--pos-dark-shell) !important;
    color: var(--pos-dark-text) !important;
    border-color: var(--pos-dark-border) !important;
}

body.pos-dark-theme .mud-paper,
body.pos-dark-theme .mud-card,
body.pos-dark-theme .mud-dialog,
body.pos-dark-theme .mud-popover,
body.pos-dark-theme .mud-menu,
body.pos-dark-theme .mud-picker,
body.pos-dark-theme .mud-expansion-panel,
body.pos-dark-theme .mud-tabs-panels,
body.pos-dark-theme .mud-toolbar,
body.pos-dark-theme .mud-table-container {
    background: var(--pos-dark-surface) !important;
    color: var(--pos-dark-text) !important;
    border-color: var(--pos-dark-border) !important;
}

body.pos-dark-theme .mud-icon-root,
body.pos-dark-theme .material-icons,
body.pos-dark-theme svg {
    color: currentColor;
}

body.pos-dark-theme .mud-overlay,
body.pos-dark-theme .mud-dialog-container {
    color: var(--pos-dark-text) !important;
}

body.pos-dark-theme ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

body.pos-dark-theme ::-webkit-scrollbar-track {
    background: var(--pos-dark-field);
}

body.pos-dark-theme ::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 999px;
}

/* Dark theme repair pass: keep custom screens cohesive without washing out text. */
body.pos-dark-theme .app-dashboard,
body.pos-dark-theme .pos-screen,
body.pos-dark-theme .owner-admin-v2,
body.pos-dark-theme .owner-admin-screen,
body.pos-dark-theme .reports-page,
body.pos-dark-theme .sales-report-page,
body.pos-dark-theme .tax-report-page,
body.pos-dark-theme .inventory-page,
body.pos-dark-theme .inventory-reports-page,
body.pos-dark-theme .expense-report-page,
body.pos-dark-theme .profit-loss-page,
body.pos-dark-theme .products-page,
body.pos-dark-theme .tables-page {
    background: #0b1120 !important;
    color: #f8fafc !important;
}

body.pos-dark-theme .dashboard-page-header,
body.pos-dark-theme .dashboard-action-bar,
body.pos-dark-theme .dashboard-metric-card,
body.pos-dark-theme .dashboard-data-card,
body.pos-dark-theme .report-card,
body.pos-dark-theme .report-shell,
body.pos-dark-theme .report-filter-bar,
body.pos-dark-theme .report-tab-bar,
body.pos-dark-theme .report-panel,
body.pos-dark-theme .report-section,
body.pos-dark-theme .report-summary,
body.pos-dark-theme .report-kpi-card,
body.pos-dark-theme .report-stat-card,
body.pos-dark-theme .metric-card,
body.pos-dark-theme .stat-card,
body.pos-dark-theme .stat-card-v2,
body.pos-dark-theme .master-card-v2,
body.pos-dark-theme .sales-report-card-v2,
body.pos-dark-theme .owner-card-v2,
body.pos-dark-theme .section-card-v2,
body.pos-dark-theme .admin-section-v2,
body.pos-dark-theme .admin-panel-v2,
body.pos-dark-theme .role-card-v2,
body.pos-dark-theme .role-editor-v2,
body.pos-dark-theme .role-access-v2,
body.pos-dark-theme .permission-group-v2,
body.pos-dark-theme .permission-row-v2,
body.pos-dark-theme .permission-action-tile-v2,
body.pos-dark-theme .config-card-v2,
body.pos-dark-theme .configuration-card-v2,
body.pos-dark-theme .finance-card-v2,
body.pos-dark-theme .shift-card-v2,
body.pos-dark-theme .product-tile,
body.pos-dark-theme .product-card,
body.pos-dark-theme .category-card,
body.pos-dark-theme .category-row,
body.pos-dark-theme .subcategory-row,
body.pos-dark-theme .cart-shell,
body.pos-dark-theme .cart-panel,
body.pos-dark-theme .bill-panel,
body.pos-dark-theme .bill-card,
body.pos-dark-theme .payment-panel,
body.pos-dark-theme .total-payable,
body.pos-dark-theme .recent-invoices,
body.pos-dark-theme .inventory-card,
body.pos-dark-theme .stock-card,
body.pos-dark-theme .stock-panel,
body.pos-dark-theme .expense-card,
body.pos-dark-theme .expense-ledger,
body.pos-dark-theme .expense-entry,
body.pos-dark-theme .tab-strip,
body.pos-dark-theme .module-tabs,
body.pos-dark-theme .admin-tabs-v2 {
    background: #111827 !important;
    background-image: none !important;
    color: #f8fafc !important;
    border-color: rgba(226, 232, 240, 0.16) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22) !important;
}

body.pos-dark-theme .dashboard-page-header,
body.pos-dark-theme .report-hero,
body.pos-dark-theme .hero-card,
body.pos-dark-theme .owner-hero,
body.pos-dark-theme .page-hero,
body.pos-dark-theme .module-hero,
body.pos-dark-theme .inventory-hero,
body.pos-dark-theme .sales-hero,
body.pos-dark-theme .profit-hero,
body.pos-dark-theme .expense-hero {
    background: linear-gradient(135deg, #07111f 0%, #064e3b 58%, #0f766e 100%) !important;
    color: #ffffff !important;
    border-color: rgba(45, 212, 191, 0.28) !important;
}

body.pos-dark-theme .dashboard-page-header .mud-typography,
body.pos-dark-theme .report-hero .mud-typography,
body.pos-dark-theme .owner-hero .mud-typography,
body.pos-dark-theme .page-hero .mud-typography,
body.pos-dark-theme .module-hero .mud-typography {
    color: #ffffff !important;
}

body.pos-dark-theme .dashboard-metric-card:not(.is-primary),
body.pos-dark-theme .report-kpi-card:not(.is-primary),
body.pos-dark-theme .report-stat-card:not(.is-primary),
body.pos-dark-theme .stat-card:not(.is-primary),
body.pos-dark-theme .stat-card-v2:not(.sales),
body.pos-dark-theme .master-card-v2,
body.pos-dark-theme .role-card-v2:not(.selected),
body.pos-dark-theme .permission-group-v2:not(.selected),
body.pos-dark-theme .permission-row-v2:not(.selected),
body.pos-dark-theme .config-card-v2:not(.selected),
body.pos-dark-theme .product-tile,
body.pos-dark-theme .product-card,
body.pos-dark-theme .expense-card,
body.pos-dark-theme .inventory-card {
    background: linear-gradient(180deg, #111827 0%, #0f172a 100%) !important;
    color: #f8fafc !important;
}

body.pos-dark-theme .dashboard-metric-card::after,
body.pos-dark-theme .report-kpi-card::after,
body.pos-dark-theme .product-tile::after,
body.pos-dark-theme .product-card::after {
    background: linear-gradient(90deg, #0f766e, #3b82f6) !important;
}

body.pos-dark-theme .dashboard-card-header,
body.pos-dark-theme .report-card-header,
body.pos-dark-theme .section-header,
body.pos-dark-theme .table-header,
body.pos-dark-theme .mud-table-toolbar,
body.pos-dark-theme .mud-table-pagination,
body.pos-dark-theme .cart-header,
body.pos-dark-theme .bill-header,
body.pos-dark-theme .panel-header,
body.pos-dark-theme .form-header {
    background: #0f172a !important;
    background-image: none !important;
    color: #f8fafc !important;
    border-color: rgba(226, 232, 240, 0.16) !important;
}

body.pos-dark-theme .dashboard-metric-copy span,
body.pos-dark-theme .dashboard-card-header .mud-typography-overline,
body.pos-dark-theme .report-card .mud-typography-overline,
body.pos-dark-theme .report-panel .mud-typography-overline,
body.pos-dark-theme .report-section .mud-typography-overline,
body.pos-dark-theme .metric-label,
body.pos-dark-theme .stat-label,
body.pos-dark-theme .field-label,
body.pos-dark-theme .label,
body.pos-dark-theme .eyebrow {
    color: #cbd5e1 !important;
}

body.pos-dark-theme .dashboard-metric-copy strong,
body.pos-dark-theme .dashboard-card-header .mud-typography-h6,
body.pos-dark-theme .report-card h2,
body.pos-dark-theme .report-card h3,
body.pos-dark-theme .report-panel h2,
body.pos-dark-theme .report-panel h3,
body.pos-dark-theme .product-tile strong,
body.pos-dark-theme .product-card strong,
body.pos-dark-theme .item-name,
body.pos-dark-theme .card-title,
body.pos-dark-theme .section-title {
    color: #ffffff !important;
}

body.pos-dark-theme .dashboard-metric-copy small,
body.pos-dark-theme .dashboard-card-header span,
body.pos-dark-theme .report-card p,
body.pos-dark-theme .report-panel p,
body.pos-dark-theme .product-tile small,
body.pos-dark-theme .product-card small,
body.pos-dark-theme .item-meta,
body.pos-dark-theme .card-subtitle,
body.pos-dark-theme .section-subtitle {
    color: #cbd5e1 !important;
}

body.pos-dark-theme .report-tab,
body.pos-dark-theme .dashboard-action-tile,
body.pos-dark-theme .admin-nav-card-v2,
body.pos-dark-theme .module-tab,
body.pos-dark-theme .tab-item,
body.pos-dark-theme .category-tab,
body.pos-dark-theme .service-tab {
    background: #111827 !important;
    background-image: none !important;
    color: #f8fafc !important;
    border-color: rgba(226, 232, 240, 0.18) !important;
}

body.pos-dark-theme .report-tab.is-active,
body.pos-dark-theme .dashboard-action-tile.is-primary,
body.pos-dark-theme .admin-nav-card-v2.active,
body.pos-dark-theme .module-tab.active,
body.pos-dark-theme .tab-item.active,
body.pos-dark-theme .category-tab.active,
body.pos-dark-theme .service-tab.active,
body.pos-dark-theme .selected:not(input):not(select):not(textarea),
body.pos-dark-theme .active:not(input):not(select):not(textarea) {
    background: linear-gradient(135deg, #166534, #0f766e) !important;
    color: #ffffff !important;
    border-color: rgba(34, 197, 94, 0.46) !important;
}

body.pos-dark-theme .mud-button-filled-primary,
body.pos-dark-theme .mud-button-filled-success,
body.pos-dark-theme button.primary,
body.pos-dark-theme button.success,
body.pos-dark-theme .primary-button,
body.pos-dark-theme .save-button,
body.pos-dark-theme .charge-button {
    background: linear-gradient(135deg, #166534, #0f766e) !important;
    color: #ffffff !important;
}

body.pos-dark-theme .mud-button-outlined,
body.pos-dark-theme .mud-button-text,
body.pos-dark-theme button.secondary,
body.pos-dark-theme button.neutral,
body.pos-dark-theme .secondary-button,
body.pos-dark-theme .neutral-button {
    background: #111827 !important;
    color: #f8fafc !important;
    border-color: rgba(226, 232, 240, 0.22) !important;
}

body.pos-dark-theme .mud-button-root:disabled,
body.pos-dark-theme button:disabled,
body.pos-dark-theme .disabled {
    background: #1f2937 !important;
    color: #94a3b8 !important;
    -webkit-text-fill-color: #94a3b8 !important;
    opacity: 0.68 !important;
}

body.pos-dark-theme .mud-input-control,
body.pos-dark-theme .mud-input-root,
body.pos-dark-theme .mud-select,
body.pos-dark-theme .mud-select-input,
body.pos-dark-theme .mud-picker,
body.pos-dark-theme input,
body.pos-dark-theme textarea,
body.pos-dark-theme select {
    background: #0f172a !important;
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
}

body.pos-dark-theme .mud-input-label,
body.pos-dark-theme .mud-input-helper-text,
body.pos-dark-theme input::placeholder,
body.pos-dark-theme textarea::placeholder {
    color: #94a3b8 !important;
    -webkit-text-fill-color: #94a3b8 !important;
}

body.pos-dark-theme .product-category,
body.pos-dark-theme .product-stock,
body.pos-dark-theme .variant-chip,
body.pos-dark-theme .stock-chip,
body.pos-dark-theme .status-chip,
body.pos-dark-theme .count-badge,
body.pos-dark-theme .summary-pill,
body.pos-dark-theme .dashboard-health-pill,
body.pos-dark-theme .mud-chip {
    background: rgba(15, 23, 42, 0.92) !important;
    color: #f8fafc !important;
    border-color: rgba(226, 232, 240, 0.16) !important;
}

body.pos-dark-theme .status-chip.paid,
body.pos-dark-theme .mud-chip-color-success,
body.pos-dark-theme .paid,
body.pos-dark-theme .ready {
    background: rgba(22, 101, 52, 0.26) !important;
    color: #86efac !important;
    border-color: rgba(34, 197, 94, 0.5) !important;
}

body.pos-dark-theme .mud-table-container,
body.pos-dark-theme .dashboard-table,
body.pos-dark-theme .report-table,
body.pos-dark-theme .data-table,
body.pos-dark-theme table {
    background: #111827 !important;
    color: #f8fafc !important;
    border-color: rgba(226, 232, 240, 0.16) !important;
}

body.pos-dark-theme thead,
body.pos-dark-theme .mud-table-head,
body.pos-dark-theme th {
    background: #0f172a !important;
    color: #f8fafc !important;
}

body.pos-dark-theme tbody,
body.pos-dark-theme tr,
body.pos-dark-theme td,
body.pos-dark-theme .mud-table-row,
body.pos-dark-theme .mud-table-cell {
    background: #111827 !important;
    color: #f8fafc !important;
    border-color: rgba(226, 232, 240, 0.12) !important;
}

body.pos-dark-theme .empty-state,
body.pos-dark-theme .no-data,
body.pos-dark-theme .placeholder-panel,
body.pos-dark-theme .cart-empty,
body.pos-dark-theme .recent-invoice-card {
    background: #111827 !important;
    color: #cbd5e1 !important;
    border-color: rgba(226, 232, 240, 0.16) !important;
}

body.pos-dark-theme .empty-state *,
body.pos-dark-theme .no-data *,
body.pos-dark-theme .placeholder-panel *,
body.pos-dark-theme .cart-empty * {
    color: #cbd5e1 !important;
}

body.pos-dark-theme .mud-dialog,
body.pos-dark-theme .mud-popover,
body.pos-dark-theme .mud-menu,
body.pos-dark-theme .admin-menu-popover,
body.pos-dark-theme .mud-picker {
    background: #111827 !important;
    color: #f8fafc !important;
    border: 1px solid rgba(226, 232, 240, 0.16) !important;
}

body.pos-dark-theme .mud-list-item,
body.pos-dark-theme .mud-menu-item,
body.pos-dark-theme .admin-menu-popover a,
body.pos-dark-theme .admin-menu-popover button {
    color: #f8fafc !important;
    background: transparent !important;
}

body.pos-dark-theme .mud-list-item:hover,
body.pos-dark-theme .mud-menu-item:hover,
body.pos-dark-theme .admin-menu-popover a:hover,
body.pos-dark-theme .admin-menu-popover button:hover {
    background: #162033 !important;
}

body.pos-dark-theme .alert,
body.pos-dark-theme .note,
body.pos-dark-theme .info-box,
body.pos-dark-theme .validation-message {
    background: #111827 !important;
    color: #f8fafc !important;
    border-color: rgba(226, 232, 240, 0.16) !important;
}

/* Page-specific dark fixes for POS billing and Owner/Admin isolated CSS. */

/* Application-level dark theme guards.
   Keep these selectors narrow so each page keeps its branded layout and spacing. */
html.pos-dark-theme,
body.pos-dark-theme {
    color-scheme: dark;
}

html.pos-dark-theme body.pos-dark-theme {
    background: #0b1120;
    color: #f8fafc;
}

html.pos-dark-theme body.pos-dark-theme .mud-main-content,
html.pos-dark-theme body.pos-dark-theme .pos-main {
    background: #0b1120;
    color: #f8fafc;
}

html.pos-dark-theme body.pos-dark-theme .mud-dialog,
html.pos-dark-theme body.pos-dark-theme .mud-popover,
html.pos-dark-theme body.pos-dark-theme .mud-picker,
html.pos-dark-theme body.pos-dark-theme .mud-picker-content,
html.pos-dark-theme body.pos-dark-theme .mud-list {
    background: #111827;
    color: #f8fafc;
    border-color: rgba(148, 163, 184, .24);
}

html.pos-dark-theme body.pos-dark-theme .mud-input-root,
html.pos-dark-theme body.pos-dark-theme .mud-input,
html.pos-dark-theme body.pos-dark-theme .mud-select,
html.pos-dark-theme body.pos-dark-theme input,
html.pos-dark-theme body.pos-dark-theme textarea,
html.pos-dark-theme body.pos-dark-theme select {
    background-color: #0f172a;
    color: #f8fafc;
}

html.pos-dark-theme body.pos-dark-theme .mud-input-label,
html.pos-dark-theme body.pos-dark-theme .mud-input-adornment,
html.pos-dark-theme body.pos-dark-theme ::placeholder {
    color: #94a3b8;
}

html.pos-dark-theme body.pos-dark-theme .mud-input-outlined-border,
html.pos-dark-theme body.pos-dark-theme fieldset {
    border-color: rgba(148, 163, 184, .34);
}

html.pos-dark-theme body.pos-dark-theme .mud-table,
html.pos-dark-theme body.pos-dark-theme .mud-table-container {
    background: #111827;
    color: #f8fafc;
}

html.pos-dark-theme body.pos-dark-theme .mud-table-head th,
html.pos-dark-theme body.pos-dark-theme thead th {
    background: #0f172a;
    color: #f8fafc;
}

html.pos-dark-theme body.pos-dark-theme .mud-table-row,
html.pos-dark-theme body.pos-dark-theme .mud-table-cell,
html.pos-dark-theme body.pos-dark-theme tbody td {
    color: #f8fafc;
    border-color: rgba(148, 163, 184, .22);
}

html.pos-dark-theme body.pos-dark-theme .mud-button-outlined {
    color: #e2e8f0;
    border-color: rgba(148, 163, 184, .38);
}

html.pos-dark-theme body.pos-dark-theme .mud-button-root:disabled,
html.pos-dark-theme body.pos-dark-theme button:disabled {
    opacity: .55;
}

/* POS-specific dark readability fixes. */
html.pos-dark-theme body.pos-dark-theme .pos-screen .pos-workspace,
html.pos-dark-theme body.pos-dark-theme .pos-screen .category-rail,
html.pos-dark-theme body.pos-dark-theme .pos-screen .catalog-panel {
    background: #0f172a;
    color: #f8fafc;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .product-tile {
    background: linear-gradient(180deg, #111827 0%, #0f172a 100%);
    color: #f8fafc;
    border-color: rgba(148, 163, 184, .28);
    opacity: 1;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .product-name,
html.pos-dark-theme body.pos-dark-theme .pos-screen .product-price,
html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-line-name,
html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-line-price {
    color: #f8fafc;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .product-meta,
html.pos-dark-theme body.pos-dark-theme .pos-screen .product-barcode,
html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-line-sub {
    color: #cbd5e1;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .product-category,
html.pos-dark-theme body.pos-dark-theme .pos-screen .product-stock,
html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-line-tag,
html.pos-dark-theme body.pos-dark-theme .pos-screen .qty-chip {
    color: #0f766e;
}

html.pos-dark-theme body.pos-dark-theme .variant-row,
html.pos-dark-theme body.pos-dark-theme .split-payment-row,
html.pos-dark-theme body.pos-dark-theme .assign-role-option,
html.pos-dark-theme body.pos-dark-theme .assign-staff-row,
html.pos-dark-theme body.pos-dark-theme .customer-match,
html.pos-dark-theme body.pos-dark-theme .walkin-card {
    background: #111827;
    color: #f8fafc;
    border-color: rgba(148, 163, 184, .24);
}

/* POS billing dark theme repair.
   Scoped to the billing screen and its dialogs so other owner/admin pages can be fixed separately. */
html.pos-dark-theme body.pos-dark-theme .pos-screen {
    background: #0b1120 !important;
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-panel,
html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-panel-header,
html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-panel-body,
html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-panel-footer,
html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-top-controls,
html.pos-dark-theme body.pos-dark-theme .pos-screen .parked-bills-panel,
html.pos-dark-theme body.pos-dark-theme .pos-screen .recent-invoices-card,
html.pos-dark-theme body.pos-dark-theme .pos-screen .recent-invoices-head,
html.pos-dark-theme body.pos-dark-theme .pos-screen .recent-invoices-list {
    background: #111827 !important;
    color: #f8fafc !important;
    border-color: rgba(148, 163, 184, .24) !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-panel {
    box-shadow: 0 18px 42px rgba(0, 0, 0, .34) !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-panel-header,
html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-panel-footer,
html.pos-dark-theme body.pos-dark-theme .pos-screen .recent-invoices-head {
    background: linear-gradient(180deg, #111827, #0f172a) !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-eyebrow,
html.pos-dark-theme body.pos-dark-theme .pos-screen .recent-invoices-card span,
html.pos-dark-theme body.pos-dark-theme .pos-screen .recent-invoices-card small,
html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-line-unit,
html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-line-sub,
html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-line-link,
html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-line-note-row,
html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-line-note-row span {
    color: #cbd5e1 !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-line,
html.pos-dark-theme body.pos-dark-theme .pos-screen .parked-bill-row,
html.pos-dark-theme body.pos-dark-theme .pos-screen .recent-invoice-row,
html.pos-dark-theme body.pos-dark-theme .pos-screen .cart-empty,
html.pos-dark-theme body.pos-dark-theme .pos-screen .payment-compact-row,
html.pos-dark-theme body.pos-dark-theme .pos-screen .split-payment-summary,
html.pos-dark-theme body.pos-dark-theme .pos-screen .mobile-checkout-dock,
html.pos-dark-theme body.pos-dark-theme .pos-screen .tablet-checkout-strip {
    background: #0f172a !important;
    color: #f8fafc !important;
    border-color: rgba(148, 163, 184, .28) !important;
    box-shadow: none !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-line:hover,
html.pos-dark-theme body.pos-dark-theme .pos-screen .recent-invoice-row:hover {
    background: #162033 !important;
    border-color: rgba(45, 212, 191, .34) !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-line-name,
html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-line-price,
html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-line strong,
html.pos-dark-theme body.pos-dark-theme .pos-screen .recent-invoice-row strong,
html.pos-dark-theme body.pos-dark-theme .pos-screen .recent-invoice-row .invoice-no,
html.pos-dark-theme body.pos-dark-theme .pos-screen .parked-bill-row strong,
html.pos-dark-theme body.pos-dark-theme .pos-screen .parked-bill-total {
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-line-sub,
html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-line-unit,
html.pos-dark-theme body.pos-dark-theme .pos-screen .recent-invoice-row span,
html.pos-dark-theme body.pos-dark-theme .pos-screen .recent-invoice-row small,
html.pos-dark-theme body.pos-dark-theme .pos-screen .parked-bill-row span,
html.pos-dark-theme body.pos-dark-theme .pos-screen .cart-empty p,
html.pos-dark-theme body.pos-dark-theme .pos-screen .cart-empty small {
    color: #94a3b8 !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-line-note,
html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-line-tag,
html.pos-dark-theme body.pos-dark-theme .pos-screen .qty-value-button,
html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-line-index {
    background: rgba(20, 184, 166, .16) !important;
    color: #5eead4 !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .qty-chip,
html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-line-qty {
    background: #111827 !important;
    color: #f8fafc !important;
    border-color: rgba(148, 163, 184, .28) !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .remove-line {
    background: rgba(248, 113, 113, .14) !important;
    color: #fca5a5 !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-service-tab,
html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-action-btn,
html.pos-dark-theme body.pos-dark-theme .pos-screen .payment-mode-pill,
html.pos-dark-theme body.pos-dark-theme .pos-screen .tender-chip,
html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-preset {
    background: #0f172a !important;
    color: #e2e8f0 !important;
    border-color: rgba(148, 163, 184, .28) !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-service-tab.active,
html.pos-dark-theme body.pos-dark-theme .pos-screen .payment-mode-pill.active,
html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-preset.active {
    background: linear-gradient(135deg, #047857, #0f766e) !important;
    color: #ffffff !important;
    border-color: rgba(45, 212, 191, .42) !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .payment-mode-strip,
html.pos-dark-theme body.pos-dark-theme .pos-screen .quick-actions,
html.pos-dark-theme body.pos-dark-theme .pos-screen .checkout-actions {
    background: transparent !important;
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .total-payable,
html.pos-dark-theme body.pos-dark-theme .pos-screen .checkout-total-card,
html.pos-dark-theme body.pos-dark-theme .pos-screen .payment-summary-card {
    background: linear-gradient(135deg, rgba(15, 118, 110, .22), rgba(15, 23, 42, .98)) !important;
    color: #f8fafc !important;
    border-color: rgba(45, 212, 191, .36) !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .summary-mini,
html.pos-dark-theme body.pos-dark-theme .pos-screen .total-payable .summary-mini,
html.pos-dark-theme body.pos-dark-theme .pos-screen .checkout-summary-metrics {
    background: rgba(15, 23, 42, .78) !important;
    color: #f8fafc !important;
    border-color: rgba(148, 163, 184, .2) !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .summary-mini span,
html.pos-dark-theme body.pos-dark-theme .pos-screen .summary-mini small,
html.pos-dark-theme body.pos-dark-theme .pos-screen .total-payable span,
html.pos-dark-theme body.pos-dark-theme .pos-screen .total-payable small {
    color: #cbd5e1 !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .summary-mini strong,
html.pos-dark-theme body.pos-dark-theme .pos-screen .total-payable strong,
html.pos-dark-theme body.pos-dark-theme .pos-screen .due-now,
html.pos-dark-theme body.pos-dark-theme .pos-screen .due-now * {
    color: #ffffff !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .due-now,
html.pos-dark-theme body.pos-dark-theme .pos-screen .due-total {
    background: linear-gradient(135deg, #065f46, #0f766e) !important;
    border-color: rgba(45, 212, 191, .36) !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .gst-warning {
    background: rgba(245, 158, 11, .12) !important;
    color: #fbbf24 !important;
    border-color: rgba(245, 158, 11, .3) !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .mud-checkbox,
html.pos-dark-theme body.pos-dark-theme .pos-screen .mud-checkbox label,
html.pos-dark-theme body.pos-dark-theme .pos-screen .mud-checkbox .mud-typography,
html.pos-dark-theme body.pos-dark-theme .pos-screen .mud-button-label,
html.pos-dark-theme body.pos-dark-theme .pos-screen .mud-icon-root {
    color: inherit !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .recent-invoices-card .mud-icon-button-root,
html.pos-dark-theme body.pos-dark-theme .pos-screen .recent-invoice-row .mud-icon-root {
    color: #22c55e !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .product-tile,
html.pos-dark-theme body.pos-dark-theme .pos-screen .product-card {
    background: linear-gradient(180deg, #111827, #0f172a) !important;
    border-color: rgba(148, 163, 184, .28) !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .product-name,
html.pos-dark-theme body.pos-dark-theme .pos-screen .product-price,
html.pos-dark-theme body.pos-dark-theme .pos-screen .product-tile strong {
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .product-barcode,
html.pos-dark-theme body.pos-dark-theme .pos-screen .product-meta {
    color: #94a3b8 !important;
}

/* POS offer and payment split dialogs. */
html.pos-dark-theme body.pos-dark-theme .discount-panel,
html.pos-dark-theme body.pos-dark-theme .split-payment-dialog {
    background: #111827 !important;
    color: #f8fafc !important;
    border-color: rgba(148, 163, 184, .28) !important;
}

html.pos-dark-theme body.pos-dark-theme .discount-panel *,
html.pos-dark-theme body.pos-dark-theme .split-payment-dialog * {
    border-color: rgba(148, 163, 184, .24);
}

html.pos-dark-theme body.pos-dark-theme .discount-panel h1,
html.pos-dark-theme body.pos-dark-theme .discount-panel h2,
html.pos-dark-theme body.pos-dark-theme .discount-panel h3,
html.pos-dark-theme body.pos-dark-theme .discount-panel strong,
html.pos-dark-theme body.pos-dark-theme .discount-panel .mud-typography,
html.pos-dark-theme body.pos-dark-theme .split-payment-title strong,
html.pos-dark-theme body.pos-dark-theme .split-payment-method strong,
html.pos-dark-theme body.pos-dark-theme .split-payment-head strong {
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .discount-panel span,
html.pos-dark-theme body.pos-dark-theme .discount-panel small,
html.pos-dark-theme body.pos-dark-theme .discount-panel label,
html.pos-dark-theme body.pos-dark-theme .split-payment-title span,
html.pos-dark-theme body.pos-dark-theme .split-payment-head span,
html.pos-dark-theme body.pos-dark-theme .split-payment-fields label > span {
    color: #94a3b8 !important;
}

html.pos-dark-theme body.pos-dark-theme .discount-panel .mud-paper,
html.pos-dark-theme body.pos-dark-theme .discount-panel .mud-card,
html.pos-dark-theme body.pos-dark-theme .discount-panel .coupon-entry,
html.pos-dark-theme body.pos-dark-theme .discount-panel .coupon-list,
html.pos-dark-theme body.pos-dark-theme .discount-panel .coupon-list button,
html.pos-dark-theme body.pos-dark-theme .discount-panel .discount-summary-card,
html.pos-dark-theme body.pos-dark-theme .split-payment-head > div,
html.pos-dark-theme body.pos-dark-theme .split-payment-row {
    background: #0f172a !important;
    color: #f8fafc !important;
    border-color: rgba(148, 163, 184, .28) !important;
}

html.pos-dark-theme body.pos-dark-theme .discount-panel input,
html.pos-dark-theme body.pos-dark-theme .discount-panel textarea,
html.pos-dark-theme body.pos-dark-theme .discount-panel .mud-input-root,
html.pos-dark-theme body.pos-dark-theme .split-payment-dialog input,
html.pos-dark-theme body.pos-dark-theme .split-payment-dialog textarea,
html.pos-dark-theme body.pos-dark-theme .split-payment-dialog .mud-input-root {
    background: #0b1120 !important;
    color: #f8fafc !important;
    border-color: rgba(148, 163, 184, .32) !important;
}

html.pos-dark-theme body.pos-dark-theme .discount-panel ::placeholder,
html.pos-dark-theme body.pos-dark-theme .split-payment-dialog ::placeholder {
    color: #64748b !important;
}

html.pos-dark-theme body.pos-dark-theme .discount-panel .discount-mode-button,
html.pos-dark-theme body.pos-dark-theme .discount-panel .discount-type-button,
html.pos-dark-theme body.pos-dark-theme .split-payment-methods button,
html.pos-dark-theme body.pos-dark-theme .split-payment-actions button {
    background: #0b1120 !important;
    color: #e2e8f0 !important;
    border-color: rgba(148, 163, 184, .28) !important;
}

html.pos-dark-theme body.pos-dark-theme .discount-panel .discount-mode-button.active,
html.pos-dark-theme body.pos-dark-theme .discount-panel .discount-type-button.active,
html.pos-dark-theme body.pos-dark-theme .split-payment-methods button.active {
    background: linear-gradient(135deg, #047857, #0f766e) !important;
    color: #ffffff !important;
    border-color: rgba(45, 212, 191, .42) !important;
}

html.pos-dark-theme body.pos-dark-theme .split-payment-note {
    background: rgba(15, 118, 110, .14) !important;
    color: #5eead4 !important;
    border-color: rgba(45, 212, 191, .32) !important;
}

html.pos-dark-theme body.pos-dark-theme .split-payment-balance.settled,
html.pos-dark-theme body.pos-dark-theme .discount-panel .after-discount-card {
    background: rgba(15, 118, 110, .16) !important;
    color: #5eead4 !important;
}

html.pos-dark-theme body.pos-dark-theme .discount-panel .mud-alert,
html.pos-dark-theme body.pos-dark-theme .discount-panel .validation-message {
    background: rgba(244, 63, 94, .14) !important;
    color: #fecdd3 !important;
    border-color: rgba(244, 63, 94, .26) !important;
}

html.pos-dark-theme body.pos-dark-theme .split-payment-dialog,
html.pos-dark-theme body.pos-dark-theme .split-payment-list,
html.pos-dark-theme body.pos-dark-theme .split-payment-row,
html.pos-dark-theme body.pos-dark-theme .split-payment-fields,
html.pos-dark-theme body.pos-dark-theme .split-payment-methods {
    min-width: 0 !important;
    max-width: 100% !important;
}

html.pos-dark-theme body.pos-dark-theme .split-payment-dialog {
    overflow-x: hidden !important;
}

html.pos-dark-theme body.pos-dark-theme .split-payment-list {
    overflow-x: hidden !important;
}

html.pos-dark-theme body.pos-dark-theme .split-payment-fields {
    grid-template-columns: minmax(110px, .36fr) minmax(0, 1fr) !important;
}

@media (max-width: 720px) {
    html.pos-dark-theme body.pos-dark-theme .split-payment-row {
        grid-template-columns: minmax(0, 1fr) 34px !important;
        grid-template-areas:
            "method remove"
            "methods methods"
            "fields fields" !important;
    }

    html.pos-dark-theme body.pos-dark-theme .split-payment-fields {
        grid-template-columns: 1fr !important;
    }
}

/* POS dark theme pass 2: exact billing controls and readable item cards. */
html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-detail-tab {
    background: #0f172a !important;
    color: #f8fafc !important;
    border-color: rgba(148, 163, 184, 0.32) !important;
    box-shadow: none !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-detail-tab span,
html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-detail-tab .mud-icon-root {
    color: inherit !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-detail-tab.has-check {
    background: #102033 !important;
    color: #f8fafc !important;
    border-color: rgba(34, 197, 94, 0.36) !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-top-controls,
html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-panel-footer,
html.pos-dark-theme body.pos-dark-theme .pos-screen .payment-strip,
html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-action-bar {
    background: #111827 !important;
    color: #f8fafc !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-ticket-head {
    background: #0f172a !important;
    color: #f8fafc !important;
    border-color: rgba(148, 163, 184, 0.3) !important;
    box-shadow: none !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-ticket-head span {
    color: #94a3b8 !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-ticket-head strong {
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-items {
    background: #111827 !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .grand-total-strip {
    background: linear-gradient(135deg, rgba(15, 118, 110, 0.26), rgba(15, 23, 42, 0.98)) !important;
    border-color: rgba(45, 212, 191, 0.36) !important;
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .grand-total-main span,
html.pos-dark-theme body.pos-dark-theme .pos-screen .grand-total-main small,
html.pos-dark-theme body.pos-dark-theme .pos-screen .grand-total-details span {
    color: #cbd5e1 !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .grand-total-details div {
    background: rgba(15, 23, 42, 0.78) !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .grand-total-details strong,
html.pos-dark-theme body.pos-dark-theme .pos-screen .grand-total-amount strong,
html.pos-dark-theme body.pos-dark-theme .pos-screen .grand-total-amount span {
    color: #ffffff !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .grand-total-amount {
    background: linear-gradient(135deg, #065f46, #0f766e) !important;
    border-radius: 14px !important;
    padding: 0.55rem 0.9rem !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-section-toggle,
html.pos-dark-theme body.pos-dark-theme .pos-screen .recent-invoices-card > .mud-expand-panel,
html.pos-dark-theme body.pos-dark-theme .pos-screen .recent-invoices-card .mud-expand-panel-header {
    background: #0f172a !important;
    color: #f8fafc !important;
    border-color: rgba(148, 163, 184, 0.28) !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .recent-invoices-card {
    background: #111827 !important;
    border-color: rgba(148, 163, 184, 0.26) !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .recent-invoices-head span,
html.pos-dark-theme body.pos-dark-theme .pos-screen .recent-invoices-head strong,
html.pos-dark-theme body.pos-dark-theme .pos-screen .bill-section-toggle * {
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .product-tile {
    min-height: 126px !important;
    padding: 0.58rem !important;
    gap: 0.42rem !important;
    background: linear-gradient(180deg, #111827 0%, #0f172a 100%) !important;
    border-color: rgba(148, 163, 184, 0.34) !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .product-tile::after {
    background: linear-gradient(180deg, rgba(45, 212, 191, 0.08), transparent) !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .product-tile-top {
    position: relative !important;
    z-index: 1 !important;
    min-height: 20px !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .product-category,
html.pos-dark-theme body.pos-dark-theme .pos-screen .product-stock {
    background: rgba(20, 184, 166, 0.15) !important;
    color: #ccfbf1 !important;
    border: 1px solid rgba(45, 212, 191, 0.28) !important;
    max-width: 100% !important;
    opacity: 1 !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .product-stock.low {
    background: rgba(245, 158, 11, 0.18) !important;
    color: #fde68a !important;
    border-color: rgba(245, 158, 11, 0.32) !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .product-name {
    color: #ffffff !important;
    font-size: 0.82rem !important;
    line-height: 1rem !important;
    min-height: 2rem !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .product-price {
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .product-barcode {
    border-top-color: rgba(148, 163, 184, 0.22) !important;
    color: #93a4b8 !important;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen .product-add-mark {
    background: linear-gradient(135deg, #0d9488, #14b8a6) !important;
    color: #ffffff !important;
}

/* Owner admin dashboard dark theme: dashboard section only. */
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .owner-menu-shell-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .active-section-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .panel-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-chart-panel-v2 {
    background: linear-gradient(180deg, #111827 0%, #0f172a 100%) !important;
    color: #f8fafc !important;
    border-color: rgba(148, 163, 184, 0.28) !important;
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.24) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .owner-menu-shell-v2 {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.98), rgba(15, 118, 110, 0.14)) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .active-section-v2 {
    background: rgba(15, 23, 42, 0.74) !important;
    box-shadow: none !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .active-section-v2 strong,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .panel-title-v2 strong,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-shift-card-v2 strong,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-gauge-v2 strong,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-col-v2 span,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .line-labels-v2 b {
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .active-section-v2 small,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .panel-title-v2 span,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-shift-card-v2 small,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-gauge-v2 small,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-col-v2 small,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .line-labels-v2 small,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .chart-tabs-v2 em {
    color: #94a3b8 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .panel-title-v2 .material-icons,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .chart-tabs-v2 b {
    color: #5eead4 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-shift-alert-panel-v2 {
    background: linear-gradient(135deg, #111827 0%, #0f172a 72%, rgba(15, 118, 110, 0.14) 100%) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-shift-grid-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-rings-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-chart-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .line-chart-wrap-v2 {
    background: transparent !important;
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-shift-card-v2 {
    background: rgba(15, 23, 42, 0.84) !important;
    color: #f8fafc !important;
    border-color: rgba(148, 163, 184, 0.24) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-shift-card-v2.warning {
    background: rgba(245, 158, 11, 0.13) !important;
    border-color: rgba(245, 158, 11, 0.34) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-shift-card-v2.danger {
    background: rgba(244, 63, 94, 0.13) !important;
    border-color: rgba(244, 63, 94, 0.34) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-shift-card-v2.success {
    background: rgba(16, 185, 129, 0.14) !important;
    border-color: rgba(45, 212, 191, 0.34) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-shift-card-v2 .material-icons {
    color: #5eead4 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-gauge-ring-v2 {
    background-color: #1e293b !important;
    box-shadow: inset 0 0 0 12px rgba(15, 23, 42, 0.82) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-gauge-ring-v2 span {
    background: #0f172a !important;
    color: #ffffff !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-col-v2 div {
    background: linear-gradient(180deg, #14b8a6, #2563eb) !important;
    box-shadow: 0 12px 24px rgba(20, 184, 166, 0.18) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-line-chart-v2 {
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.92), rgba(17, 24, 39, 0.78)) !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
    border-radius: 12px !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .chart-tabs-v2 {
    background: rgba(15, 23, 42, 0.8) !important;
    border-color: rgba(148, 163, 184, 0.24) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .mud-button-outlined,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .admin-menu-button-v2 {
    background: #0f172a !important;
    color: #f8fafc !important;
    border-color: rgba(148, 163, 184, 0.3) !important;
}

/* Owner Admin dashboard final dark-mode override.
   This page uses CSS isolation, so these selectors intentionally stay highly specific. */
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 {
    background: radial-gradient(circle at 84% 0%, rgba(20, 184, 166, 0.12), transparent 34%), #070d1a !important;
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .active-section-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .owner-menu-shell-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .admin-workspace-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .panel-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-chart-panel-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-shift-alert-panel-v2 {
    background: linear-gradient(145deg, #0f172a 0%, #111c2f 100%) !important;
    border: 1px solid rgba(148, 163, 184, 0.24) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28) !important;
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .active-section-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .owner-menu-shell-v2 {
    background: linear-gradient(145deg, #0b1221 0%, #0f172a 100%) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .active-section-v2 strong,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .panel-v2 h2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .panel-v2 h3,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .panel-title-v2 strong,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-shift-alert-panel-v2 h3,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-shift-card-v2 strong,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-gauge-v2 strong,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-col-v2 span,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .line-labels-v2 b {
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .active-section-v2 small,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .panel-v2 p,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .panel-title-v2 span,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-shift-alert-panel-v2 p,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-shift-card-v2 small,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-gauge-v2 small,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-col-v2 small,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .line-labels-v2 small,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .chart-tabs-v2 em {
    color: #cbd5e1 !important;
}

/* Owner Admin dashboard graph/readiness final pass: must remain after broad dark-theme rules. */
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-chart-panel-v2 {
    background: linear-gradient(145deg, #0f172a 0%, #0b1220 100%) !important;
    border: 1px solid rgba(148, 163, 184, 0.34) !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-chart-panel-v2 .panel-title-v2 {
    align-items: flex-start !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.2) !important;
    margin-bottom: 12px !important;
    padding-bottom: 12px !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-chart-panel-v2 .panel-title-v2 > div span {
    color: #bfdbfe !important;
    font-size: 12px !important;
    letter-spacing: 0.05em !important;
    opacity: 1 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-chart-panel-v2 .panel-title-v2 strong {
    color: #ffffff !important;
    font-size: 1.2rem !important;
    opacity: 1 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-rings-v2 {
    background: rgba(2, 6, 23, 0.28) !important;
    border: 1px solid rgba(148, 163, 184, 0.24) !important;
    border-radius: 16px !important;
    gap: 12px !important;
    min-height: 176px !important;
    padding: 16px !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-gauge-v2 {
    background: linear-gradient(180deg, rgba(30, 41, 59, 0.82), rgba(15, 23, 42, 0.82)) !important;
    border: 1px solid rgba(148, 163, 184, 0.26) !important;
    border-radius: 14px !important;
    min-height: 144px !important;
    padding: 16px 10px !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-gauge-ring-v2 {
    height: 92px !important;
    width: 92px !important;
    box-shadow: 0 0 0 8px rgba(15, 23, 42, 0.86), 0 16px 28px rgba(0, 0, 0, 0.34) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-gauge-ring-v2::after {
    background: #f8fafc !important;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.12) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-gauge-ring-v2 span {
    color: #042f2e !important;
    font-weight: 950 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-gauge-v2 strong {
    color: #ffffff !important;
    font-size: 1.55rem !important;
    opacity: 1 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-gauge-v2 small {
    color: #dbeafe !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.05em !important;
    opacity: 1 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-chart-v2 {
    background:
        linear-gradient(to top, rgba(148, 163, 184, 0.16) 1px, transparent 1px) 0 0 / 100% 25%,
        rgba(2, 6, 23, 0.36) !important;
    border: 1px solid rgba(148, 163, 184, 0.26) !important;
    border-radius: 16px !important;
    grid-auto-columns: minmax(78px, 1fr) !important;
    grid-auto-flow: column !important;
    grid-template-columns: none !important;
    gap: 18px !important;
    height: 186px !important;
    overflow-x: auto !important;
    padding: 20px 22px 14px !important;
    scrollbar-color: rgba(94, 234, 212, 0.55) rgba(15, 23, 42, 0.9) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-col-v2 {
    min-width: 64px !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-col-v2 span {
    color: #ffffff !important;
    font-size: 0.86rem !important;
    font-weight: 950 !important;
    opacity: 1 !important;
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.3) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-col-v2 div {
    background: linear-gradient(180deg, #99f6e4 0%, #14b8a6 52%, #2563eb 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    box-shadow: 0 14px 28px rgba(20, 184, 166, 0.24) !important;
    min-height: 12px !important;
    width: min(58px, 80%) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-col-v2 small {
    color: #dbeafe !important;
    font-size: 0.82rem !important;
    font-weight: 900 !important;
    opacity: 1 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .chart-tabs-v2 {
    background: rgba(2, 6, 23, 0.48) !important;
    border: 1px solid rgba(148, 163, 184, 0.24) !important;
    border-radius: 999px !important;
    gap: 10px !important;
    padding: 5px 10px !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .chart-tabs-v2 b {
    border-bottom: 2px solid #5eead4 !important;
    color: #5eead4 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .chart-tabs-v2 em {
    color: #cbd5e1 !important;
}

@media (max-width: 900px) {
    html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-rings-v2 {
        grid-template-columns: 1fr !important;
    }

    html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-chart-v2 {
        gap: 10px !important;
        overflow-x: auto !important;
    }

    html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-col-v2 {
        min-width: 76px !important;
    }
}

/* Owner Admin avg basket chart data overflow/readability: final override. */
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-chart-v2 {
    grid-auto-columns: minmax(78px, 1fr) !important;
    grid-auto-flow: column !important;
    grid-template-columns: none !important;
    overflow-x: auto !important;
    scrollbar-color: rgba(94, 234, 212, 0.55) rgba(15, 23, 42, 0.9) !important;
}

/* App dashboard count pills: keep list totals readable in dark mode. */
html.pos-dark-theme body.pos-dark-theme .app-dashboard .dashboard-data-card .dashboard-card-header > span {
    background: rgba(20, 184, 166, 0.18) !important;
    border: 1px solid rgba(94, 234, 212, 0.42) !important;
    color: #ccfbf1 !important;
    font-weight: 950 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

/* Owner Admin Menus: dark theme compatibility. */
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .menus-page-shell-v2 {
    color: #f8fafc;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .menus-page-shell-v2 :is(h1, h2, h3, h4, h5, h6, p, span, small, label, strong, .mud-typography) {
    color: inherit;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .menus-page-shell-v2 :is(.menu-create-card-v2, .menu-steps-card-v2, .catalog-switcher-v2, .assignment-picker-panel-v2, .assignment-empty-state-v2, .menu-rollout-v2, .assignment-context-v2 > div) {
    background: linear-gradient(145deg, rgba(15, 23, 42, 0.98), rgba(17, 24, 39, 0.96)) !important;
    border-color: rgba(148, 163, 184, 0.28) !important;
    color: #f8fafc !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .menus-page-shell-v2 :is(.menu-create-card-v2, .menu-steps-card-v2) > header,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .menus-page-shell-v2 .list-head-v2 {
    background: linear-gradient(135deg, rgba(6, 95, 70, 0.34), rgba(15, 23, 42, 0.74)) !important;
    border-color: rgba(45, 212, 191, 0.22) !important;
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .menus-page-shell-v2 :is(.outlet-form-body-v2, .assignment-picker-v2, .assignment-tools-v2, .assignment-scroll-v2) {
    background: rgba(2, 6, 23, 0.28) !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .menus-page-shell-v2 :is(.mud-input-root, .mud-input-control, .mud-select, .mud-input-slot, input, textarea, select) {
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .menus-page-shell-v2 .mud-input-root {
    background: rgba(15, 23, 42, 0.92) !important;
    border-color: rgba(148, 163, 184, 0.35) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .menus-page-shell-v2 :is(.mud-input-label, .mud-input-helper-text, .mud-input-adornment, .mud-select-icon, .mud-icon-root) {
    color: #cbd5e1 !important;
    opacity: 1 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .menus-page-shell-v2 input::placeholder,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .menus-page-shell-v2 textarea::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .menus-page-shell-v2 :is(.menu-shortcuts-v2, .menu-rollout-targets-v2) {
    border-color: rgba(148, 163, 184, 0.20) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .menus-page-shell-v2 :is(.menu-rollout-target-v2, .menu-chip-v2, .assignment-check-v2, .empty-menu-note-v2, .category-card-v2, .product-card-v2) {
    background: rgba(15, 23, 42, 0.86) !important;
    border: 1px solid rgba(148, 163, 184, 0.28) !important;
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .menus-page-shell-v2 .menu-chip-v2.active,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .menus-page-shell-v2 .assignment-check-v2.selected,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .menus-page-shell-v2 :is(.category-card-v2, .product-card-v2).selected {
    background: linear-gradient(135deg, #047857, #0f766e) !important;
    border-color: rgba(45, 212, 191, 0.55) !important;
    color: #ffffff !important;
    box-shadow: 0 14px 34px rgba(15, 118, 110, 0.28) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .menus-page-shell-v2 .menu-chip-v2.targeted:not(.active) {
    background: rgba(6, 78, 59, 0.44) !important;
    border-color: rgba(34, 197, 94, 0.65) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .menus-page-shell-v2 .menu-chip-v2:disabled {
    opacity: 0.6 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .menus-page-shell-v2 :is(.menu-chip-v2 small, .menu-rollout-target-v2 small, .assignment-check-v2 small, .assignment-context-v2 span, .assignment-panel-head-v2 small, .category-card-v2 small, .product-card-v2 small) {
    color: #cbd5e1 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .menus-page-shell-v2 :is(.menu-chip-v2.active, .assignment-check-v2.selected, .category-card-v2.selected, .product-card-v2.selected) :is(small, span, strong) {
    color: #ffffff !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .menus-page-shell-v2 :is(.menu-chip-status-v2, .menu-chip-apply-v2) {
    background: rgba(255, 255, 255, 0.10) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    color: #d1fae5 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .menus-page-shell-v2 .menu-chip-status-v2.not-assigned {
    color: #cbd5e1 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .menus-page-shell-v2 .assignment-panel-head-v2 {
    border-bottom-color: rgba(148, 163, 184, 0.22) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .menus-page-shell-v2 .mud-checkbox .mud-icon-root,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .menus-page-shell-v2 .mud-checkbox svg {
    color: #22c55e !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .menus-page-shell-v2 :is(.mud-button-root:disabled, .mud-disabled) {
    color: #94a3b8 !important;
    opacity: 0.56 !important;
}

/* Tables / Areas dark theme */
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 {
    color: #f8fafc;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .tables-form-card-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .tables-list-card-v2 {
    background: linear-gradient(145deg, #0f172a 0%, #111c2e 72%, rgba(13, 148, 136, 0.12) 100%) !important;
    border: 1px solid rgba(148, 163, 184, 0.28) !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.28);
    color: #f8fafc !important;
    overflow: hidden;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .form-card-head-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .list-head-v2 {
    background: linear-gradient(90deg, rgba(20, 184, 166, 0.16), rgba(15, 23, 42, 0.96)) !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.22) !important;
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .outlet-form-body-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .scroll-list-v2 {
    background: rgba(15, 23, 42, 0.96) !important;
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 h3,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 p,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .mud-typography,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .mud-input-label,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .mud-input-label-outlined,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 label {
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 p,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .mud-input-helper-text {
    color: #cbd5e1 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .mud-input,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .mud-input-root,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .mud-input-slot,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 input {
    background: #111827 !important;
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .mud-input-outlined-border {
    border-color: rgba(148, 163, 184, 0.48) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .mud-input-control:hover .mud-input-outlined-border,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .mud-input-focused .mud-input-outlined-border {
    border-color: rgba(45, 212, 191, 0.9) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .tables-preview-note-v2 {
    background: rgba(20, 184, 166, 0.12) !important;
    border: 1px solid rgba(45, 212, 191, 0.32) !important;
    color: #d1fae5 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .tables-preview-note-v2 .material-icons {
    color: #5eead4 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .field-wide-v2 {
    width: 100%;
    margin: 0;
    padding: 12px 14px;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 14px;
    background: rgba(15, 23, 42, 0.86) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .field-wide-v2 .mud-checkbox {
    color: #f8fafc !important;
}

/* Tables / Areas checkbox polish */
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .mud-checkbox.field-wide-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .field-wide-v2.mud-checkbox {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 52px !important;
    padding: 12px 14px !important;
    border: 1px solid rgba(148, 163, 184, 0.28) !important;
    border-radius: 14px !important;
    background: rgba(15, 23, 42, 0.92) !important;
    color: #f8fafc !important;
    font-weight: 800 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .mud-checkbox.field-wide-v2 label,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .field-wide-v2.mud-checkbox label {
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .mud-checkbox.field-wide-v2 .mud-button-root,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .mud-checkbox.field-wide-v2 .mud-icon-button,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .field-wide-v2.mud-checkbox .mud-button-root,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .field-wide-v2.mud-checkbox .mud-icon-button {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    padding: 0 !important;
    border: 1px solid rgba(148, 163, 184, 0.55) !important;
    border-radius: 10px !important;
    background: rgba(2, 6, 23, 0.75) !important;
    color: transparent !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .mud-checkbox.field-wide-v2 .mud-icon-root,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .field-wide-v2.mud-checkbox .mud-icon-root {
    width: 18px !important;
    height: 18px !important;
    font-size: 18px !important;
    color: transparent !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .mud-checkbox.field-wide-v2:has(input:checked),
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .field-wide-v2.mud-checkbox:has(input:checked) {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.20), rgba(15, 23, 42, 0.94)) !important;
    border-color: rgba(52, 211, 153, 0.60) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .mud-checkbox.field-wide-v2:has(input:checked) .mud-button-root,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .mud-checkbox.field-wide-v2:has(input:checked) .mud-icon-button,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .field-wide-v2.mud-checkbox:has(input:checked) .mud-button-root,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .field-wide-v2.mud-checkbox:has(input:checked) .mud-icon-button {
    background: #93c5fd !important;
    border-color: #93c5fd !important;
    color: #0f172a !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .mud-checkbox.field-wide-v2:has(input:checked) .mud-icon-root,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .field-wide-v2.mud-checkbox:has(input:checked) .mud-icon-root {
    color: #0f172a !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .field-wide-v2 .mud-icon-button,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .field-wide-v2 .mud-button-root {
    color: #22c55e !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .mud-table,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .mud-table-container,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .mud-table-root,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 table,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 tbody,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 tr,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 td,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .mud-table-pagination {
    background: #0f172a !important;
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 th,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .mud-table-head {
    background: #0b1220 !important;
    color: #f8fafc !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.24) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 td,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 th {
    border-color: rgba(148, 163, 184, 0.2) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .mud-table-empty-row,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .mud-table-empty-row td {
    background: #0f172a !important;
    color: #94a3b8 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .tables-page-shell-v2 .mud-table-pagination .mud-icon-button {
    color: #cbd5e1 !important;
}

/* Owner Admin outlets: dark theme page-specific cleanup. */
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-section-head-v2 {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.98), rgba(12, 74, 110, 0.22)) !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
    border-radius: 16px !important;
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-section-head-v2 span {
    color: #5eead4 !important;
    opacity: 1 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-section-head-v2 h2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-section-head-v2 p {
    color: #f8fafc !important;
    opacity: 1 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 {
    background: transparent !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 {
    background: linear-gradient(145deg, rgba(15, 23, 42, 0.98), rgba(11, 18, 32, 0.98)) !important;
    border: 1px solid rgba(148, 163, 184, 0.26) !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.28) !important;
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 *,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 * {
    opacity: 1 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 h3,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 h3,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 strong,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 strong {
    color: #ffffff !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 p,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 p,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 .admin-muted {
    color: #93a4bd !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .form-card-head-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 .list-head-v2 {
    background: linear-gradient(90deg, rgba(20, 184, 166, 0.14), rgba(15, 23, 42, 0.96)) !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.22) !important;
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .outlet-form-body-v2 {
    background: rgba(2, 6, 23, 0.18) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .form-note-v2 {
    background: rgba(20, 184, 166, 0.10) !important;
    border: 1px solid rgba(94, 234, 212, 0.24) !important;
    color: #dffcf5 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .form-note-v2 span,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .form-note-v2 .material-icons {
    color: #dffcf5 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-input-control,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-input,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-input-root,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-select,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 input,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 textarea {
    background: #0f172a !important;
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-input-label,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 label,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-checkbox label,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-typography {
    color: #e2e8f0 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-input-outlined-border {
    border-color: rgba(148, 163, 184, 0.38) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 .mud-table,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 .mud-table-container,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 table,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 thead,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 tbody,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 tr,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 td,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 th {
    background: #0f172a !important;
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 th {
    background: #111827 !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.26) !important;
    color: #ffffff !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 td {
    border-bottom: 1px solid rgba(148, 163, 184, 0.18) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 .mud-table-root,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 .mud-table-pagination,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 .mud-table-empty-row {
    background: #0f172a !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 {
    overflow: hidden !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-input-control .mud-input-control-input-container,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-input-slot,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-select-input,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-input-adornment,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-icon-root {
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-checkbox,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-checkbox > label {
    background: rgba(15, 23, 42, 0.96) !important;
    color: #f8fafc !important;
    border-color: rgba(148, 163, 184, 0.24) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .status-pill-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 .status-pill-v2 {
    background: rgba(34, 197, 94, 0.14) !important;
    color: #86efac !important;
    border: 1px solid rgba(34, 197, 94, 0.28) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 .mud-table-container,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 .mud-table-root,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 .mud-table,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 .mud-table-body,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 .mud-table-pagination,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 .mud-table-empty-row {
    background-color: #0f172a !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 .mud-table-hover .mud-table-row:hover {
    background: rgba(20, 184, 166, 0.10) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 .mud-icon-button,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 .mud-icon-button .mud-icon-root {
    color: #5eead4 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-paper,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-card,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-grid,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-checkbox-root,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 .mud-paper,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 .mud-table-paper {
    background: transparent !important;
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-input-control-input-container,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-input-control > .mud-input-control-input-container,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-input > input,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-input > textarea,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-select .mud-input-slot {
    background: #0f172a !important;
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 input::placeholder,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 textarea::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-checkbox .mud-button-root,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-checkbox .mud-icon-root {
    color: #22c55e !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-checkbox.field-wide-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .field-wide-v2.mud-checkbox,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-checkbox:not(.mud-checkbox-disabled) {
    background: rgba(15, 23, 42, 0.96) !important;
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 .mud-table-container {
    min-height: 0 !important;
    border-radius: 0 0 16px 16px !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 .mud-chip,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 .mud-chip-content {
    color: #bbf7d0 !important;
}

/* Final Outlets page dark-mode override. Scoped to avoid shifting other owner-admin menus. */
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .outlet-form-body-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-card-content,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 .mud-table-paper,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 .mud-table-container {
    background: #0f172a !important;
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .form-card-head-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 .list-head-v2 {
    background: linear-gradient(90deg, rgba(20, 184, 166, 0.18), rgba(15, 23, 42, 0.98)) !important;
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 h1,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 h2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 h3,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 h4,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-typography,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 h1,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 h2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 h3,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 h4,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 .mud-typography {
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 p,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 small,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-input-label,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-input-helper-text,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 p,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 small,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 .admin-muted {
    color: #cbd5e1 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-input,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-input-root,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-input-control-input-container,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-select,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-select-input,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 input,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 textarea {
    background-color: #111827 !important;
    color: #ffffff !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-input-outlined-border,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-input-control-input-container {
    border-color: rgba(148, 163, 184, 0.45) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .form-note-v2 {
    background: rgba(20, 184, 166, 0.12) !important;
    border-color: rgba(94, 234, 212, 0.28) !important;
    color: #e6fffb !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-checkbox,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-checkbox label,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-checkbox .mud-typography {
    background: #111827 !important;
    color: #f8fafc !important;
}

/* Outlets page checkbox polish: compact branded select/unselect controls. */
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-checkbox {
    align-items: center !important;
    background: rgba(15, 23, 42, 0.86) !important;
    border: 1px solid rgba(148, 163, 184, 0.28) !important;
    border-radius: 14px !important;
    display: flex !important;
    gap: 10px !important;
    min-height: 50px !important;
    padding: 10px 12px !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-checkbox.field-wide-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .field-wide-v2.mud-checkbox {
    min-height: 48px !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-checkbox .mud-button-root,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-checkbox .mud-icon-button {
    background: rgba(2, 6, 23, 0.72) !important;
    border: 1px solid rgba(148, 163, 184, 0.52) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    color: transparent !important;
    flex: 0 0 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    min-width: 28px !important;
    padding: 0 !important;
    width: 28px !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-checkbox .mud-icon-root {
    color: transparent !important;
    font-size: 18px !important;
    height: 18px !important;
    width: 18px !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-checkbox:has(input:checked) {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.14), rgba(15, 23, 42, 0.92)) !important;
    border-color: rgba(52, 211, 153, 0.58) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-checkbox:has(input:checked) .mud-button-root,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-checkbox:has(input:checked) .mud-icon-button,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-checkbox .mud-button-root.mud-checked,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-checkbox .mud-icon-button.mud-checked {
    background: #10b981 !important;
    border-color: #34d399 !important;
    box-shadow: 0 8px 18px rgba(16, 185, 129, 0.24) !important;
    color: #ffffff !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-checkbox:has(input:checked) .mud-icon-root,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-checkbox .mud-button-root.mud-checked .mud-icon-root,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-checkbox .mud-icon-button.mud-checked .mud-icon-root {
    color: #ffffff !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-checkbox label,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-form-card-v2 .mud-checkbox .mud-typography {
    color: #f8fafc !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    line-height: 1.35 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 table,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 thead,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 tbody,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 tr,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 td,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 th {
    background-color: #0f172a !important;
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .outlets-page-shell-v2 .outlet-list-card-v2 th {
    background-color: #111827 !important;
}

/* Owner Admin avg basket chart data overflow/readability: final override. */
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-chart-v2 {
    grid-auto-columns: minmax(78px, 1fr) !important;
    grid-auto-flow: column !important;
    grid-template-columns: none !important;
    overflow-x: auto !important;
    scrollbar-color: rgba(94, 234, 212, 0.55) rgba(15, 23, 42, 0.9) !important;
}

/* Final Owner Admin dashboard graph/readiness override. Keep this last for dark-mode readability. */
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-chart-panel-v2 {
    background: linear-gradient(145deg, #0f172a 0%, #0b1220 100%) !important;
    border: 1px solid rgba(148, 163, 184, 0.34) !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-chart-panel-v2 .panel-title-v2 {
    align-items: flex-start !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.2) !important;
    margin-bottom: 12px !important;
    padding-bottom: 12px !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-chart-panel-v2 .panel-title-v2 > div span {
    color: #bfdbfe !important;
    font-size: 12px !important;
    letter-spacing: 0.05em !important;
    opacity: 1 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-chart-panel-v2 .panel-title-v2 strong {
    color: #ffffff !important;
    font-size: 1.2rem !important;
    opacity: 1 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-rings-v2 {
    background: rgba(2, 6, 23, 0.28) !important;
    border: 1px solid rgba(148, 163, 184, 0.24) !important;
    border-radius: 16px !important;
    gap: 12px !important;
    min-height: 176px !important;
    padding: 16px !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-gauge-v2 {
    background: linear-gradient(180deg, rgba(30, 41, 59, 0.82), rgba(15, 23, 42, 0.82)) !important;
    border: 1px solid rgba(148, 163, 184, 0.26) !important;
    border-radius: 14px !important;
    min-height: 144px !important;
    padding: 16px 10px !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-gauge-ring-v2 {
    height: 92px !important;
    width: 92px !important;
    box-shadow: 0 0 0 8px rgba(15, 23, 42, 0.86), 0 16px 28px rgba(0, 0, 0, 0.34) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-gauge-ring-v2::after {
    background: #f8fafc !important;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.12) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-gauge-ring-v2 span {
    color: #042f2e !important;
    font-weight: 950 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-gauge-v2 strong {
    color: #ffffff !important;
    font-size: 1.55rem !important;
    opacity: 1 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-gauge-v2 small {
    color: #dbeafe !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.05em !important;
    opacity: 1 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-chart-v2 {
    background:
        linear-gradient(to top, rgba(148, 163, 184, 0.16) 1px, transparent 1px) 0 0 / 100% 25%,
        rgba(2, 6, 23, 0.36) !important;
    border: 1px solid rgba(148, 163, 184, 0.26) !important;
    border-radius: 16px !important;
    grid-auto-columns: minmax(78px, 1fr) !important;
    grid-auto-flow: column !important;
    grid-template-columns: none !important;
    gap: 18px !important;
    height: 186px !important;
    overflow-x: auto !important;
    padding: 20px 22px 14px !important;
    scrollbar-color: rgba(94, 234, 212, 0.55) rgba(15, 23, 42, 0.9) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-col-v2 {
    min-width: 64px !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-col-v2 span {
    color: #ffffff !important;
    font-size: 0.86rem !important;
    font-weight: 950 !important;
    opacity: 1 !important;
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.3) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-col-v2 div {
    background: linear-gradient(180deg, #99f6e4 0%, #14b8a6 52%, #2563eb 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    box-shadow: 0 14px 28px rgba(20, 184, 166, 0.24) !important;
    min-height: 12px !important;
    width: min(58px, 80%) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-col-v2 small {
    color: #dbeafe !important;
    font-size: 0.82rem !important;
    font-weight: 900 !important;
    opacity: 1 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .chart-tabs-v2 {
    background: rgba(2, 6, 23, 0.48) !important;
    border: 1px solid rgba(148, 163, 184, 0.24) !important;
    border-radius: 999px !important;
    gap: 10px !important;
    padding: 5px 10px !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .chart-tabs-v2 b {
    color: #5eead4 !important;
    border-bottom: 2px solid #5eead4 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .chart-tabs-v2 em {
    color: #cbd5e1 !important;
}

@media (max-width: 900px) {
    html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-rings-v2 {
        grid-template-columns: 1fr !important;
    }

    html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-chart-v2 {
        grid-auto-columns: minmax(72px, 1fr) !important;
        overflow-x: auto !important;
    }
}

/* Owner Admin chart readability: keep graph data clear in dark mode. */
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-chart-panel-v2 {
    background: linear-gradient(145deg, #0f172a 0%, #0b1220 100%) !important;
    border: 1px solid rgba(148, 163, 184, 0.34) !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-chart-panel-v2 .panel-title-v2 {
    align-items: flex-start !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.2) !important;
    margin-bottom: 12px !important;
    padding-bottom: 12px !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-chart-panel-v2 .panel-title-v2 > div span {
    color: #bfdbfe !important;
    font-size: 12px !important;
    letter-spacing: 0.05em !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-chart-panel-v2 .panel-title-v2 strong {
    color: #ffffff !important;
    font-size: 1.2rem !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-rings-v2 {
    background: rgba(2, 6, 23, 0.28) !important;
    border: 1px solid rgba(148, 163, 184, 0.24) !important;
    border-radius: 16px !important;
    gap: 12px !important;
    min-height: 176px !important;
    padding: 16px !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-gauge-v2 {
    background: linear-gradient(180deg, rgba(30, 41, 59, 0.82), rgba(15, 23, 42, 0.82)) !important;
    border: 1px solid rgba(148, 163, 184, 0.26) !important;
    border-radius: 14px !important;
    min-height: 144px !important;
    padding: 16px 10px !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-gauge-ring-v2 {
    height: 92px !important;
    width: 92px !important;
    background: conic-gradient(#5eead4 var(--percent), rgba(71, 85, 105, 0.95) 0) !important;
    box-shadow: 0 16px 28px rgba(0, 0, 0, 0.34) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-gauge-ring-v2::after {
    background: #f8fafc !important;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.12) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-gauge-ring-v2 span {
    color: #042f2e !important;
    font-weight: 950 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-gauge-v2 strong {
    color: #ffffff !important;
    font-size: 1.55rem !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-gauge-v2 small {
    color: #dbeafe !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.05em !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-chart-v2 {
    background:
        linear-gradient(to top, rgba(148, 163, 184, 0.16) 1px, transparent 1px) 0 0 / 100% 25%,
        rgba(2, 6, 23, 0.36) !important;
    border: 1px solid rgba(148, 163, 184, 0.26) !important;
    border-radius: 16px !important;
    gap: 18px !important;
    height: 186px !important;
    padding: 20px 22px 14px !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-col-v2 {
    min-width: 64px !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-col-v2 span {
    color: #ffffff !important;
    font-size: 0.86rem !important;
    font-weight: 950 !important;
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.3) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-col-v2 div {
    background: linear-gradient(180deg, #99f6e4 0%, #14b8a6 52%, #2563eb 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    box-shadow: 0 14px 28px rgba(20, 184, 166, 0.24) !important;
    min-height: 12px !important;
    width: min(58px, 80%) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-col-v2 small {
    color: #dbeafe !important;
    font-size: 0.82rem !important;
    font-weight: 900 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .chart-tabs-v2 {
    background: rgba(2, 6, 23, 0.48) !important;
    border: 1px solid rgba(148, 163, 184, 0.24) !important;
    border-radius: 999px !important;
    gap: 10px !important;
    padding: 5px 10px !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .chart-tabs-v2 b {
    color: #5eead4 !important;
    border-bottom: 2px solid #5eead4 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .chart-tabs-v2 em {
    color: #cbd5e1 !important;
}

@media (max-width: 900px) {
    html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-rings-v2 {
        grid-template-columns: 1fr !important;
    }

    html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-chart-v2 {
        grid-auto-columns: minmax(72px, 1fr) !important;
        overflow-x: auto !important;
    }
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-shift-card-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-gauge-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-chart-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .line-chart-wrap-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-rings-v2 {
    background: rgba(15, 23, 42, 0.92) !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-shift-card-v2.warning {
    background: rgba(120, 53, 15, 0.22) !important;
    border-color: rgba(245, 158, 11, 0.45) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-shift-card-v2.danger {
    background: rgba(127, 29, 29, 0.24) !important;
    border-color: rgba(248, 113, 113, 0.45) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-shift-card-v2.success {
    background: rgba(6, 78, 59, 0.34) !important;
    border-color: rgba(45, 212, 191, 0.38) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-gauge-ring-v2 {
    background:
        radial-gradient(circle closest-side, #0f172a 69%, transparent 70% 100%),
        conic-gradient(var(--ring-color, #0f766e) var(--percent, 0%), rgba(51, 65, 85, 0.78) 0) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-gauge-ring-v2 span,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-col-v2 div {
    background: #eafff8 !important;
    color: #07111f !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-line-chart-v2 {
    background: linear-gradient(180deg, rgba(30, 41, 59, 0.94), rgba(15, 23, 42, 0.98)) !important;
    border-color: rgba(148, 163, 184, 0.2) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .chart-tabs-v2 b {
    color: #5eead4 !important;
    border-bottom-color: #5eead4 !important;
}

/* Owner Admin dashboard readability patch.
   Keep this scoped to the owner dashboard so dark mode stays readable without
   reworking the app-wide theme layer. */
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 * {
    text-shadow: none !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .owner-menu-shell-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .active-section-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .admin-menu-popover-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .admin-menu-popover-v2 .mud-paper,
html.pos-dark-theme body.pos-dark-theme .admin-menu-popover-v2,
html.pos-dark-theme body.pos-dark-theme .admin-menu-popover-v2 .mud-paper {
    background: #0f172a !important;
    border: 1px solid rgba(148, 163, 184, 0.34) !important;
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .active-section-v2 strong,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .active-section-v2 small,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .admin-menu-entry-v2 strong,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .admin-menu-entry-v2 small,
html.pos-dark-theme body.pos-dark-theme .admin-menu-popover-v2 .admin-menu-entry-v2 strong,
html.pos-dark-theme body.pos-dark-theme .admin-menu-popover-v2 .admin-menu-entry-v2 small {
    color: #f8fafc !important;
    opacity: 1 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .active-section-v2 small,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .admin-menu-entry-v2 small,
html.pos-dark-theme body.pos-dark-theme .admin-menu-popover-v2 .admin-menu-entry-v2 small {
    color: #cbd5e1 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .active-section-v2 .material-icons,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .admin-menu-entry-v2 .material-icons,
html.pos-dark-theme body.pos-dark-theme .admin-menu-popover-v2 .admin-menu-entry-v2 .material-icons {
    align-items: center !important;
    background: rgba(20, 184, 166, 0.18) !important;
    border: 1px solid rgba(94, 234, 212, 0.36) !important;
    border-radius: 12px !important;
    color: #5eead4 !important;
    display: inline-flex !important;
    justify-content: center !important;
    opacity: 1 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .admin-menu-entry-v2,
html.pos-dark-theme body.pos-dark-theme .admin-menu-popover-v2 .admin-menu-entry-v2 {
    background: transparent !important;
    border-color: rgba(148, 163, 184, 0.16) !important;
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .admin-menu-entry-v2:hover,
html.pos-dark-theme body.pos-dark-theme .admin-menu-popover-v2 .admin-menu-entry-v2:hover {
    background: rgba(20, 184, 166, 0.12) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .stat-card-v2 {
    background: linear-gradient(145deg, #101a2d, #0d1424) !important;
    border: 1px solid rgba(148, 163, 184, 0.3) !important;
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .stat-card-v2 .stat-icon-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .stat-card-v2 > .material-icons {
    background: rgba(20, 184, 166, 0.17) !important;
    border: 1px solid rgba(94, 234, 212, 0.34) !important;
    color: #5eead4 !important;
    opacity: 1 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .stat-card-v2 span,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .stat-card-v2 strong,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .stat-card-v2 b,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .stat-card-v2 em,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .stat-card-v2 small {
    color: #f8fafc !important;
    opacity: 1 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .stat-card-v2 small,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .stat-card-v2 em {
    color: #93c5fd !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .panel-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-chart-panel-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-shift-alert-panel-v2 {
    background: linear-gradient(145deg, #101a2d, #0d1424) !important;
    border: 1px solid rgba(148, 163, 184, 0.3) !important;
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .panel-v2 *,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-chart-panel-v2 *,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-shift-alert-panel-v2 * {
    opacity: 1 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .panel-v2 h2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .panel-v2 h3,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .panel-title-v2 strong,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-chart-panel-v2 h3,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-shift-alert-panel-v2 h3 {
    color: #ffffff !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .panel-title-v2 span,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .panel-title-v2 small,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .panel-v2 p,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-chart-panel-v2 p,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-shift-alert-panel-v2 p {
    color: #cbd5e1 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-shift-card-v2 {
    background: rgba(15, 23, 42, 0.88) !important;
    border-color: rgba(148, 163, 184, 0.28) !important;
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-shift-card-v2.warning {
    background: rgba(245, 158, 11, 0.18) !important;
    border-color: rgba(245, 158, 11, 0.6) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-shift-card-v2.warning strong,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-shift-card-v2.warning span,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-shift-card-v2.warning small {
    color: #fef3c7 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-shift-card-v2 .material-icons {
    background: transparent !important;
    color: #5eead4 !important;
    opacity: 1 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-rings-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-gauge-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-chart-v2,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .line-chart-wrap-v2 {
    background: rgba(15, 23, 42, 0.75) !important;
    border: 1px solid rgba(148, 163, 184, 0.24) !important;
    color: #f8fafc !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-gauge-v2 strong,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-gauge-v2 small,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-col-v2 span,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-col-v2 small,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .line-labels-v2 b,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .line-labels-v2 small {
    color: #f8fafc !important;
    opacity: 1 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-line-chart-v2 {
    background: #111827 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-line-chart-v2 text {
    fill: #cbd5e1 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-line-chart-v2 line,
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-line-chart-v2 path {
    stroke: rgba(148, 163, 184, 0.35) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-line-chart-v2 polyline {
    stroke-width: 5 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .chart-tabs-v2 b {
    color: #5eead4 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .chart-tabs-v2 em {
    color: #cbd5e1 !important;
}

/* Owner Admin dashboard graph/readiness final pass: must remain after broad dark-theme rules. */
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-chart-panel-v2 {
    background: linear-gradient(145deg, #0f172a 0%, #0b1220 100%) !important;
    border: 1px solid rgba(148, 163, 184, 0.34) !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-chart-panel-v2 .panel-title-v2 {
    align-items: flex-start !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.2) !important;
    margin-bottom: 12px !important;
    padding-bottom: 12px !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-chart-panel-v2 .panel-title-v2 > div span {
    color: #bfdbfe !important;
    font-size: 12px !important;
    letter-spacing: 0.05em !important;
    opacity: 1 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-chart-panel-v2 .panel-title-v2 strong {
    color: #ffffff !important;
    font-size: 1.2rem !important;
    opacity: 1 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-rings-v2 {
    background: rgba(2, 6, 23, 0.28) !important;
    border: 1px solid rgba(148, 163, 184, 0.24) !important;
    border-radius: 16px !important;
    gap: 12px !important;
    min-height: 176px !important;
    padding: 16px !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-gauge-v2 {
    background: linear-gradient(180deg, rgba(30, 41, 59, 0.82), rgba(15, 23, 42, 0.82)) !important;
    border: 1px solid rgba(148, 163, 184, 0.26) !important;
    border-radius: 14px !important;
    min-height: 144px !important;
    padding: 16px 10px !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-gauge-ring-v2 {
    height: 92px !important;
    width: 92px !important;
    box-shadow: 0 0 0 8px rgba(15, 23, 42, 0.86), 0 16px 28px rgba(0, 0, 0, 0.34) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-gauge-ring-v2::after {
    background: #f8fafc !important;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.12) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-gauge-ring-v2 span {
    color: #042f2e !important;
    font-weight: 950 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-gauge-v2 strong {
    color: #ffffff !important;
    font-size: 1.55rem !important;
    opacity: 1 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-gauge-v2 small {
    color: #dbeafe !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.05em !important;
    opacity: 1 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-chart-v2 {
    background:
        linear-gradient(to top, rgba(148, 163, 184, 0.16) 1px, transparent 1px) 0 0 / 100% 25%,
        rgba(2, 6, 23, 0.36) !important;
    border: 1px solid rgba(148, 163, 184, 0.26) !important;
    border-radius: 16px !important;
    gap: 18px !important;
    height: 186px !important;
    padding: 20px 22px 14px !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-col-v2 {
    min-width: 64px !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-col-v2 span {
    color: #ffffff !important;
    font-size: 0.86rem !important;
    font-weight: 950 !important;
    opacity: 1 !important;
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.3) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-col-v2 div {
    background: linear-gradient(180deg, #99f6e4 0%, #14b8a6 52%, #2563eb 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    box-shadow: 0 14px 28px rgba(20, 184, 166, 0.24) !important;
    min-height: 12px !important;
    width: min(58px, 80%) !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-col-v2 small {
    color: #dbeafe !important;
    font-size: 0.82rem !important;
    font-weight: 900 !important;
    opacity: 1 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .chart-tabs-v2 {
    background: rgba(2, 6, 23, 0.48) !important;
    border: 1px solid rgba(148, 163, 184, 0.24) !important;
    border-radius: 999px !important;
    gap: 10px !important;
    padding: 5px 10px !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .chart-tabs-v2 b {
    border-bottom: 2px solid #5eead4 !important;
    color: #5eead4 !important;
}

html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .chart-tabs-v2 em {
    color: #cbd5e1 !important;
}

@media (max-width: 900px) {
    html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-rings-v2 {
        grid-template-columns: 1fr !important;
    }

    html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-chart-v2 {
        gap: 10px !important;
        overflow-x: auto !important;
    }

    html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-col-v2 {
        min-width: 76px !important;
    }
}

/* Owner Admin avg basket chart data overflow/readability: final override. */
html.pos-dark-theme body.pos-dark-theme .owner-admin-v2 .dashboard-bar-chart-v2 {
    grid-auto-columns: minmax(78px, 1fr) !important;
    grid-auto-flow: column !important;
    grid-template-columns: none !important;
    overflow-x: auto !important;
    scrollbar-color: rgba(94, 234, 212, 0.55) rgba(15, 23, 42, 0.9) !important;
}
