:root,
html[data-livchart-theme="premium"] {
    color-scheme: light;
    --lc-canvas: #f4f7f8;
    --lc-canvas-strong: #edf2f4;
    --lc-surface: #ffffff;
    --lc-surface-muted: #f7f9fa;
    --lc-surface-raised: #ffffff;
    --lc-border: #d8e1e7;
    --lc-border-strong: #bdcad3;
    --lc-text: #172033;
    --lc-text-muted: #66758a;
    --lc-text-subtle: #8491a3;
    --lc-brand: #0f766e;
    --lc-brand-hover: #0b5f59;
    --lc-brand-active: #084c48;
    --lc-brand-soft: #e8f6f3;
    --lc-brand-border: #a8d8d2;
    --lc-accent: #0891b2;
    --lc-accent-soft: #e7f7fb;
    --lc-ai-accent: #6d5bd0;
    --lc-ai-accent-strong: #5846b8;
    --lc-success: #15803d;
    --lc-success-soft: #edf8f0;
    --lc-warning: #b45309;
    --lc-warning-soft: #fff7e8;
    --lc-danger: #b42318;
    --lc-danger-soft: #fff1f0;
    --lc-info: #0369a1;
    --lc-info-soft: #edf7fc;
    --lc-shell: #171a21;
    --lc-shell-surface: #20252e;
    --lc-shell-hover: #292f3a;
    --lc-shell-border: rgba(255, 255, 255, 0.09);
    --lc-shell-text: #f8fafc;
    --lc-shell-muted: #98a2b3;
    --lc-shell-accent: #55d5e8;
    --lc-focus-ring: rgba(15, 118, 110, 0.22);
    --lc-radius-xs: 4px;
    --lc-radius-sm: 6px;
    --lc-radius-md: 8px;
    --lc-shadow-sm: 0 1px 2px rgba(23, 32, 51, 0.06);
    --lc-shadow-md: 0 8px 22px rgba(23, 32, 51, 0.09);
    --lc-shadow-lg: 0 18px 48px rgba(23, 32, 51, 0.14);
    --lc-duration-fast: 140ms;
    --lc-duration-normal: 200ms;
    --lc-ease: cubic-bezier(0.2, 0, 0, 1);
    --lc-font-size-micro: 0.6875rem;
    --lc-font-size-xs: 0.75rem;
    --lc-font-size-sm: 0.8125rem;
    --lc-font-size-md: 0.875rem;
    --lc-font-size-panel: 0.9375rem;
    --lc-control-height: 38px;
    --lc-page-gap: 16px;
}

html[data-livchart-density="compact"] {
    --lc-control-height: 34px;
    --lc-page-gap: 12px;
}

html[data-livchart-effective-motion="reduced"] *,
html[data-livchart-effective-motion="reduced"] *::before,
html[data-livchart-effective-motion="reduced"] *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
}

body.lc-app-shell:not(.lc-auth-shell) {
    min-height: 100vh;
    background: var(--lc-canvas);
    color: var(--lc-text);
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    letter-spacing: 0;
}

body.lc-app-shell:not(.lc-auth-shell) .main-content {
    background: var(--lc-canvas);
    scrollbar-color: var(--lc-border-strong) transparent;
}

body.lc-app-shell:not(.lc-auth-shell) .content-wrapper {
    padding: var(--lc-page-gap);
}

body.lc-app-shell:not(.lc-auth-shell) .liv-top-navbar {
    height: 40px;
    border-bottom: 1px solid var(--lc-shell-border);
    background: var(--lc-shell) !important;
    color: var(--lc-shell-text) !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.025);
}

body.lc-app-shell:not(.lc-auth-shell) .liv-top-navbar .nav-link,
body.lc-app-shell:not(.lc-auth-shell) .liv-top-navbar .btn-link {
    color: var(--lc-shell-muted) !important;
}

body.lc-app-shell:not(.lc-auth-shell) .liv-top-navbar .nav-link:hover,
body.lc-app-shell:not(.lc-auth-shell) .liv-top-navbar .nav-link:focus-visible,
body.lc-app-shell:not(.lc-auth-shell) .liv-top-navbar .btn-link:hover,
body.lc-app-shell:not(.lc-auth-shell) .liv-top-navbar .btn-link:focus-visible,
body.lc-app-shell:not(.lc-auth-shell) .liv-top-navbar .nav-link.active {
    color: var(--lc-shell-text) !important;
}

body.lc-app-shell:not(.lc-auth-shell) .topbar-actions .nav-link {
    min-height: 34px;
    border-radius: var(--lc-radius-sm);
}

body.lc-app-shell:not(.lc-auth-shell) .topbar-actions .nav-link:hover,
body.lc-app-shell:not(.lc-auth-shell) .topbar-actions .nav-link:focus-visible {
    background: var(--lc-shell-hover);
}

body.lc-app-shell:not(.lc-auth-shell) .btn {
    border-radius: var(--lc-radius-sm);
    box-shadow: none;
    font-weight: 600;
    letter-spacing: 0;
    transition:
        color var(--lc-duration-fast) var(--lc-ease),
        background-color var(--lc-duration-fast) var(--lc-ease),
        border-color var(--lc-duration-fast) var(--lc-ease),
        box-shadow var(--lc-duration-fast) var(--lc-ease);
}

body.lc-app-shell:not(.lc-auth-shell) .btn-primary,
body.lc-app-shell:not(.lc-auth-shell) .modal-content .btn-primary {
    border-color: var(--lc-brand) !important;
    background: var(--lc-brand) !important;
    color: #ffffff !important;
}

body.lc-app-shell:not(.lc-auth-shell) .btn-primary:hover,
body.lc-app-shell:not(.lc-auth-shell) .btn-primary:focus,
body.lc-app-shell:not(.lc-auth-shell) .btn-primary:active,
body.lc-app-shell:not(.lc-auth-shell) .btn-primary.active,
body.lc-app-shell:not(.lc-auth-shell) .modal-content .btn-primary:hover,
body.lc-app-shell:not(.lc-auth-shell) .modal-content .btn-primary:focus {
    border-color: var(--lc-brand-hover) !important;
    background: var(--lc-brand-hover) !important;
}

body.lc-app-shell:not(.lc-auth-shell) .btn-outline-primary,
body.lc-app-shell:not(.lc-auth-shell) .modal-content .btn-outline-primary {
    border-color: var(--lc-brand) !important;
    background: transparent;
    color: var(--lc-brand) !important;
}

body.lc-app-shell:not(.lc-auth-shell) .btn-outline-primary:hover,
body.lc-app-shell:not(.lc-auth-shell) .btn-outline-primary:focus,
body.lc-app-shell:not(.lc-auth-shell) .btn-outline-primary:active,
body.lc-app-shell:not(.lc-auth-shell) .btn-check:checked + .btn-outline-primary {
    border-color: var(--lc-brand) !important;
    background: var(--lc-brand) !important;
    color: #ffffff !important;
}

body.lc-app-shell:not(.lc-auth-shell).lc-playground-shell .btn-primary {
    border-color: var(--lc-ai-accent) !important;
    background: var(--lc-ai-accent) !important;
}

body.lc-app-shell:not(.lc-auth-shell).lc-playground-shell .btn-primary:hover,
body.lc-app-shell:not(.lc-auth-shell).lc-playground-shell .btn-primary:focus {
    border-color: var(--lc-ai-accent-strong) !important;
    background: var(--lc-ai-accent-strong) !important;
}

body.lc-app-shell:not(.lc-auth-shell).lc-playground-shell .btn-outline-primary {
    border-color: var(--lc-ai-accent) !important;
    color: var(--lc-ai-accent) !important;
}

body.lc-app-shell:not(.lc-auth-shell).lc-playground-shell .btn-outline-primary:hover,
body.lc-app-shell:not(.lc-auth-shell).lc-playground-shell .btn-outline-primary:focus {
    border-color: var(--lc-ai-accent) !important;
    background: var(--lc-ai-accent) !important;
    color: #ffffff !important;
}

body.lc-app-shell:not(.lc-auth-shell) .btn-light,
body.lc-app-shell:not(.lc-auth-shell) .btn-secondary,
body.lc-app-shell:not(.lc-auth-shell) .btn-outline-secondary {
    border-color: var(--lc-border);
}

body.lc-app-shell:not(.lc-auth-shell) .btn-light,
body.lc-app-shell:not(.lc-auth-shell) .btn-outline-secondary {
    background: var(--lc-surface);
    color: var(--lc-text);
}

body.lc-app-shell:not(.lc-auth-shell) .btn-light:hover,
body.lc-app-shell:not(.lc-auth-shell) .btn-outline-secondary:hover {
    border-color: var(--lc-border-strong);
    background: var(--lc-surface-muted);
    color: var(--lc-text);
}

body.lc-app-shell:not(.lc-auth-shell) .btn-icon,
body.lc-app-shell:not(.lc-auth-shell) .lc-icon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--lc-control-height);
    height: var(--lc-control-height);
    padding: 0;
}

body.lc-app-shell:not(.lc-auth-shell) :is(
    .form-control,
    .form-select,
    .input-group-text
):not(.lc-analytics-canvas *) {
    min-height: var(--lc-control-height);
    border-color: var(--lc-border);
    border-radius: var(--lc-radius-sm);
    background-color: var(--lc-surface);
    color: var(--lc-text);
    box-shadow: none;
}

body.lc-app-shell:not(.lc-auth-shell) textarea.form-control:not(.lc-analytics-canvas *) {
    min-height: 88px;
}

body.lc-app-shell:not(.lc-auth-shell) :is(.form-control, .form-select):not(.lc-analytics-canvas *)::placeholder {
    color: var(--lc-text-subtle);
}

body.lc-app-shell:not(.lc-auth-shell) :is(.form-control, .form-select):not(.lc-analytics-canvas *):focus {
    border-color: var(--lc-brand);
    box-shadow: 0 0 0 3px var(--lc-focus-ring);
}

body.lc-app-shell:not(.lc-auth-shell) .form-label:not(.lc-analytics-canvas *) {
    color: var(--lc-text);
    font-weight: 600;
}

body.lc-app-shell:not(.lc-auth-shell) :is(.form-text, .text-muted):not(.lc-analytics-canvas *) {
    color: var(--lc-text-muted) !important;
}

body.lc-app-shell:not(.lc-auth-shell) .form-check-input:not(.lc-analytics-canvas *):checked {
    border-color: var(--lc-brand);
    background-color: var(--lc-brand);
}

body.lc-app-shell:not(.lc-auth-shell) :is(.card, .list-group, .accordion-item):not(.lc-analytics-canvas *) {
    border-color: var(--lc-border);
    border-radius: var(--lc-radius-md);
    background: var(--lc-surface);
    box-shadow: var(--lc-shadow-sm);
}

body.lc-app-shell:not(.lc-auth-shell) .card-header:not(.lc-analytics-canvas *),
body.lc-app-shell:not(.lc-auth-shell) .accordion-button:not(.lc-analytics-canvas *) {
    border-color: var(--lc-border);
    background: var(--lc-surface-muted);
    color: var(--lc-text);
}

body.lc-app-shell:not(.lc-auth-shell) :is(.modal-content, .offcanvas) {
    border: 1px solid var(--lc-border);
    border-radius: var(--lc-radius-md);
    background: var(--lc-surface);
    color: var(--lc-text);
    box-shadow: var(--lc-shadow-lg);
}

body.lc-app-shell:not(.lc-auth-shell) .offcanvas {
    border-radius: 0;
}

body.lc-app-shell:not(.lc-auth-shell) :is(.modal-header, .offcanvas-header) {
    border-bottom: 1px solid var(--lc-border) !important;
    background: var(--lc-surface) !important;
    color: var(--lc-text) !important;
}

body.lc-app-shell:not(.lc-auth-shell) .modal-header :is(.modal-title, h1, h2, h3, h4, h5, h6, i),
body.lc-app-shell:not(.lc-auth-shell) .offcanvas-title {
    color: var(--lc-text) !important;
}

body.lc-app-shell:not(.lc-auth-shell) .modal-header .btn-close,
body.lc-app-shell:not(.lc-auth-shell) .offcanvas-header .btn-close {
    filter: none !important;
    opacity: 0.65;
}

body.lc-app-shell:not(.lc-auth-shell) :is(.modal-footer, .offcanvas-footer) {
    border-top: 1px solid var(--lc-border);
    background: var(--lc-surface-muted);
}

body.lc-app-shell:not(.lc-auth-shell) .modal-backdrop.show {
    opacity: 0.38;
}

body.lc-app-shell:not(.lc-auth-shell) :is(.dropdown-menu, .popover) {
    border: 1px solid var(--lc-border);
    border-radius: var(--lc-radius-md);
    background: var(--lc-surface);
    box-shadow: var(--lc-shadow-md);
}

body.lc-app-shell:not(.lc-auth-shell) .dropdown-item {
    color: var(--lc-text);
}

body.lc-app-shell:not(.lc-auth-shell) .dropdown-item:hover,
body.lc-app-shell:not(.lc-auth-shell) .dropdown-item:focus {
    background: var(--lc-brand-soft);
    color: var(--lc-brand-active);
}

body.lc-app-shell:not(.lc-auth-shell) .dropdown-divider {
    border-color: var(--lc-border);
}

body.lc-app-shell:not(.lc-auth-shell) :is(.table, .dataTable):not(.lc-analytics-canvas *) {
    color: var(--lc-text);
}

body.lc-app-shell:not(.lc-auth-shell) :is(.table, .dataTable):not(.lc-analytics-canvas *) > :not(caption) > * > * {
    border-color: var(--lc-border);
}

body.lc-app-shell:not(.lc-auth-shell) :is(.table, .dataTable):not(.lc-analytics-canvas *) thead th {
    background: var(--lc-surface-muted);
    color: var(--lc-text-muted);
    font-weight: 700;
    letter-spacing: 0;
}

body.lc-app-shell:not(.lc-auth-shell) :is(.table-hover, .dataTable):not(.lc-analytics-canvas *) tbody tr:hover > * {
    background: var(--lc-brand-soft);
}

body.lc-app-shell:not(.lc-auth-shell) .nav-tabs {
    border-bottom-color: var(--lc-border);
    gap: 4px;
}

body.lc-app-shell:not(.lc-auth-shell) .nav-tabs .nav-link {
    border-radius: var(--lc-radius-sm) var(--lc-radius-sm) 0 0;
    color: var(--lc-text-muted);
}

body.lc-app-shell:not(.lc-auth-shell) .nav-tabs .nav-link:hover {
    border-color: var(--lc-border);
    color: var(--lc-text);
}

body.lc-app-shell:not(.lc-auth-shell) .nav-tabs .nav-link.active {
    border-color: var(--lc-border) var(--lc-border) var(--lc-surface);
    color: var(--lc-brand);
    font-weight: 700;
}

body.lc-app-shell:not(.lc-auth-shell) .nav-pills .nav-link {
    border-radius: var(--lc-radius-sm);
    color: var(--lc-text-muted);
}

body.lc-app-shell:not(.lc-auth-shell) .nav-pills .nav-link.active {
    background: var(--lc-brand);
    color: #ffffff;
}

body.lc-app-shell:not(.lc-auth-shell) .badge {
    border-radius: var(--lc-radius-xs);
    letter-spacing: 0;
}

body.lc-app-shell:not(.lc-auth-shell) .bg-primary,
body.lc-app-shell:not(.lc-auth-shell) .list-group-item.active {
    border-color: var(--lc-brand) !important;
    background-color: var(--lc-brand) !important;
}

body.lc-app-shell:not(.lc-auth-shell) .text-primary {
    color: var(--lc-brand) !important;
}

body.lc-app-shell:not(.lc-auth-shell) .alert {
    border-radius: var(--lc-radius-md);
    box-shadow: none;
}

body.lc-app-shell:not(.lc-auth-shell) .alert-primary,
body.lc-app-shell:not(.lc-auth-shell) .alert-info {
    border-color: #b9dce9 !important;
    background: var(--lc-info-soft) !important;
    color: #0c4a6e !important;
}

body.lc-app-shell:not(.lc-auth-shell) .alert-success {
    border-color: #b9dec5;
    background: var(--lc-success-soft);
    color: #14532d;
}

body.lc-app-shell:not(.lc-auth-shell) .alert-warning {
    border-color: #efd7ac;
    background: var(--lc-warning-soft);
    color: #78350f;
}

body.lc-app-shell:not(.lc-auth-shell) .alert-danger {
    border-color: #efc4bf;
    background: var(--lc-danger-soft);
    color: #7f1d1d;
}

body.lc-app-shell:not(.lc-auth-shell) .tooltip-inner {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: var(--lc-radius-sm);
    background: var(--lc-shell);
    box-shadow: var(--lc-shadow-md);
    color: var(--lc-shell-text);
}

body.lc-app-shell:not(.lc-auth-shell) :focus-visible {
    outline: 2px solid var(--lc-brand);
    outline-offset: 2px;
}

body.lc-app-shell:not(.lc-auth-shell) :is(button, .btn, .form-control, .form-select):disabled,
body.lc-app-shell:not(.lc-auth-shell) :is(button, .btn, .form-control, .form-select).disabled {
    cursor: not-allowed;
    opacity: 0.56;
}

body.lc-app-shell:not(.lc-auth-shell) :is(.lc-empty-state, .lc-loading-state, .lc-error-state) {
    display: flex;
    min-height: 160px;
    align-items: center;
    justify-content: center;
    padding: 24px;
    border: 1px dashed var(--lc-border-strong);
    border-radius: var(--lc-radius-md);
    background: var(--lc-surface-muted);
    color: var(--lc-text-muted);
    text-align: center;
}

body.lc-app-shell:not(.lc-auth-shell) .lc-error-state {
    border-color: #efc4bf;
    background: var(--lc-danger-soft);
    color: var(--lc-danger);
}

body.lc-app-shell:not(.lc-auth-shell) .lc-admin-page {
    gap: 12px;
}

/*
 * Page identity headers share one visual contract. Product workspaces such as
 * dashboards, worksheets and editors intentionally keep their own toolbars.
 */
body.lc-app-shell:not(.lc-auth-shell) :is(.lc-page-header, .lc-admin-page-header) {
    position: relative;
    min-width: 0;
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 16px !important;
    border: 1px solid var(--lc-border) !important;
    border-radius: var(--lc-radius-md) !important;
    background: var(--lc-surface) !important;
    color: var(--lc-text) !important;
    box-shadow: var(--lc-shadow-sm) !important;
}

body.lc-app-shell:not(.lc-auth-shell) .lc-page-header > :is(.row, .d-flex) {
    flex: 1 1 auto;
    width: 100%;
}

body.lc-app-shell:not(.lc-auth-shell) :is(.lc-page-header, .lc-admin-page-header)
    :is(h1, h2, h3, h4, .lc-page-header__title) {
    margin-top: 0;
    color: var(--lc-text) !important;
    font-size: 1.2rem !important;
    font-weight: 800 !important;
    line-height: 1.25;
    letter-spacing: 0 !important;
}

body.lc-app-shell:not(.lc-auth-shell) :is(.lc-page-header, .lc-admin-page-header)
    :is(p, .lc-page-header__subtitle) {
    color: var(--lc-text-muted) !important;
}

body.lc-app-shell:not(.lc-auth-shell) .lc-page-header :is(.btn, .form-control, .form-select),
body.lc-app-shell:not(.lc-auth-shell) .lc-admin-page-header :is(.btn, .form-control, .form-select) {
    border-radius: var(--lc-radius-sm);
}

body.lc-app-shell:not(.lc-auth-shell) .lc-page-header :is(
    .health-hero-chip,
    .erp-hero-chip,
    .changelog-hero-metrics > div
) {
    border: 1px solid var(--lc-border);
    border-radius: var(--lc-radius-sm);
    background: var(--lc-surface-muted);
    box-shadow: none;
}

body.lc-app-shell:not(.lc-auth-shell) .lc-page-header
    :is(.health-hero-chip-label, .erp-hero-chip-label) {
    color: var(--lc-text-subtle);
}

body.lc-app-shell:not(.lc-auth-shell) .lc-page-header
    :is(.health-hero-chip-value, .erp-hero-chip-value) {
    color: var(--lc-text);
}

body.lc-app-shell:not(.lc-auth-shell) .lc-page-header
    :is(.health-hero-chip-value, .erp-hero-chip-value) .text-white {
    color: var(--lc-text) !important;
}

body.lc-app-shell:not(.lc-auth-shell) .lc-page-header > .row .exec-subtle {
    color: var(--lc-text-muted);
}

body.lc-app-shell:not(.lc-auth-shell) .lc-page-header .exec-progress-wrap .exec-subtle {
    color: #cbd5e1;
}

body.lc-app-shell:not(.lc-auth-shell) .lc-page-header__eyebrow {
    border: 1px solid var(--lc-brand-border) !important;
    border-radius: var(--lc-radius-sm) !important;
    background: var(--lc-brand-soft) !important;
    color: var(--lc-brand) !important;
}

body.lc-app-shell:not(.lc-auth-shell) .lc-page-header--inverse {
    border-color: var(--lc-shell-border) !important;
    background:
        linear-gradient(140deg, rgba(8, 145, 178, 0.12), transparent 42%),
        linear-gradient(180deg, var(--lc-shell-surface), var(--lc-shell)) !important;
    color: var(--lc-shell-text) !important;
    box-shadow: var(--lc-shadow-md) !important;
}

body.lc-app-shell:not(.lc-auth-shell) .lc-page-header--inverse
    :is(h1, h2, h3, h4, .lc-page-header__title) {
    color: var(--lc-shell-text) !important;
}

body.lc-app-shell:not(.lc-auth-shell) .lc-page-header--inverse
    :is(p, .lc-page-header__subtitle, .exec-subtle) {
    color: #cbd5e1 !important;
}

body.lc-app-shell:not(.lc-auth-shell) .lc-page-header--inverse :is(
    .health-hero-chip,
    .erp-hero-chip
) {
    border-color: rgba(255, 255, 255, 0.16) !important;
    background: rgba(255, 255, 255, 0.07) !important;
}

body.lc-app-shell:not(.lc-auth-shell) .lc-page-header--inverse
    :is(.health-hero-chip-label, .erp-hero-chip-label) {
    color: rgba(226, 232, 240, 0.78) !important;
}

body.lc-app-shell:not(.lc-auth-shell) .lc-page-header--inverse
    :is(.health-hero-chip-value, .erp-hero-chip-value),
body.lc-app-shell:not(.lc-auth-shell) .lc-page-header--inverse
    :is(.health-hero-chip-value, .erp-hero-chip-value) .text-white {
    color: var(--lc-shell-text) !important;
}

body.lc-app-shell:not(.lc-auth-shell) .lc-page-header--inverse .lc-page-header__eyebrow {
    border-color: rgba(85, 213, 232, 0.3) !important;
    background: rgba(85, 213, 232, 0.1) !important;
    color: #9ce8f2 !important;
}

body.lc-app-shell:not(.lc-auth-shell) .lc-page-header--editorial {
    min-height: 0;
    align-items: flex-end;
    padding: 8px 0 22px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--lc-border) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.lc-app-shell:not(.lc-auth-shell)
    .lc-page-header.lc-page-header--editorial h1 {
    font-size: 2.25rem !important;
}

body.lc-app-shell:not(.lc-auth-shell) .lc-page-header--editorial
    .changelog-hero-metrics > div {
    background: var(--lc-surface);
    box-shadow: var(--lc-shadow-sm);
}

body.lc-app-shell:not(.lc-auth-shell) .lc-page-header.help-topbar {
    display: grid;
}

body.lc-app-shell:not(.lc-auth-shell) .lc-page-header--inverse.help-topbar .help-brand-mark {
    border-color: rgba(251, 191, 36, 0.28);
    border-radius: var(--lc-radius-sm);
    background: rgba(245, 158, 11, 0.13);
    color: #fbbf24;
}

body.lc-app-shell:not(.lc-auth-shell) .lc-page-header--inverse.help-topbar .help-brand-title {
    color: var(--lc-shell-text);
}

body.lc-app-shell:not(.lc-auth-shell) .lc-page-header--inverse.help-topbar .help-brand-subtitle {
    color: #cbd5e1;
}

body.lc-app-shell:not(.lc-auth-shell) .lc-admin-page-header {
    padding: 14px 16px;
    border: 1px solid var(--lc-border);
    border-radius: var(--lc-radius-md);
    background: var(--lc-surface);
    box-shadow: var(--lc-shadow-sm);
}

body.lc-app-shell:not(.lc-auth-shell) .lc-admin-page-title,
body.lc-app-shell:not(.lc-auth-shell) .lc-admin-shell-title {
    color: var(--lc-text);
}

body.lc-app-shell:not(.lc-auth-shell) .lc-admin-page-subtitle,
body.lc-app-shell:not(.lc-auth-shell) .lc-admin-shell-hint {
    color: var(--lc-text-muted);
}

body.lc-app-shell:not(.lc-auth-shell) .lc-admin-page-actions .btn,
body.lc-app-shell:not(.lc-auth-shell) .lc-admin-page :is(.form-control, .form-select),
body.lc-app-shell:not(.lc-auth-shell) .lc-admin-modal :is(.form-control, .form-select) {
    border-radius: var(--lc-radius-sm);
}

body.lc-app-shell:not(.lc-auth-shell) .lc-admin-meta-pill {
    padding: 6px 9px;
    border: 1px solid var(--lc-border);
    border-radius: var(--lc-radius-sm);
    background: var(--lc-surface-muted);
    color: var(--lc-text-muted);
}

body.lc-app-shell:not(.lc-auth-shell) .lc-admin-shell {
    overflow: hidden;
    border: 1px solid var(--lc-border);
    border-radius: var(--lc-radius-md);
    background: var(--lc-surface);
    box-shadow: var(--lc-shadow-sm);
}

body.lc-app-shell:not(.lc-auth-shell) .lc-admin-shell-head {
    min-height: 56px;
    border-bottom: 1px solid var(--lc-border);
    background: var(--lc-surface);
}

body.lc-app-shell:not(.lc-auth-shell) .lc-admin-shell-body {
    background: var(--lc-surface);
}

body.lc-app-shell:not(.lc-auth-shell) .lc-admin-table {
    border: 1px solid var(--lc-border);
    border-radius: var(--lc-radius-md);
    background: var(--lc-surface);
    box-shadow: none;
}

body.lc-app-shell:not(.lc-auth-shell) .lc-admin-table thead th,
body.lc-app-shell:not(.lc-auth-shell) .lc-admin-table tbody tr:nth-child(even) td,
body.lc-app-shell:not(.lc-auth-shell) .lc-admin-table tbody tr:hover td,
body.lc-app-shell:not(.lc-auth-shell) .lc-admin-empty {
    background: var(--lc-surface-muted);
}

body.lc-app-shell:not(.lc-auth-shell) .lc-admin-modal .modal-content {
    border-color: var(--lc-border);
    border-radius: var(--lc-radius-md);
    box-shadow: var(--lc-shadow-lg);
}

body.lc-app-shell:not(.lc-auth-shell) .lc-admin-modal :is(.modal-header, .modal-body, .modal-footer) {
    background: var(--lc-surface) !important;
}

body.lc-app-shell:not(.lc-auth-shell) .lc-admin-modal .modal-footer {
    background: var(--lc-surface-muted) !important;
}

body.lc-app-shell:not(.lc-auth-shell) ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

body.lc-app-shell:not(.lc-auth-shell) ::-webkit-scrollbar-track {
    background: transparent;
}

body.lc-app-shell:not(.lc-auth-shell) ::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: 8px;
    background: var(--lc-border-strong);
    background-clip: padding-box;
}

body.lc-app-shell:not(.lc-auth-shell) ::-webkit-scrollbar-thumb:hover {
    background: var(--lc-text-subtle);
    background-clip: padding-box;
}

/* Dashboard presets and chart renderers own the analytics canvas appearance. */
.lc-analytics-canvas {
    isolation: isolate;
}

/* Specialized editors keep their content theme; only their containing surface is shared. */
body.lc-app-shell:not(.lc-auth-shell) :is(.CodeMirror, .handsontable, .ag-root-wrapper) {
    border-color: var(--lc-border);
}

@media (max-width: 768px) {
    body.lc-app-shell:not(.lc-auth-shell) .content-wrapper {
        padding: 10px;
    }

    body.lc-app-shell:not(.lc-auth-shell) :is(.lc-page-header, .lc-admin-page-header) {
        align-items: stretch;
        flex-direction: column;
        min-height: 0;
        gap: 10px;
        padding: 12px !important;
    }

    body.lc-app-shell:not(.lc-auth-shell) :is(.lc-page-header, .lc-admin-page-header)
        :is(.lc-admin-page-actions, .tasks-page-actions, .charts-toolbar, .chartdetail-toolbar, .favorites-toolbar) {
        width: 100%;
        justify-content: flex-start;
    }

    body.lc-app-shell:not(.lc-auth-shell) .lc-page-header.help-topbar {
        grid-template-columns: minmax(0, 1fr);
    }

    body.lc-app-shell:not(.lc-auth-shell) .lc-page-header > .qb-header-main {
        flex: 0 1 auto;
        width: 100%;
    }

    body.lc-app-shell:not(.lc-auth-shell) .lc-page-header--editorial {
        align-items: stretch;
        padding: 4px 0 18px !important;
    }

    body.lc-app-shell:not(.lc-auth-shell)
        .lc-page-header.lc-page-header--editorial h1 {
        font-size: 1.75rem !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}