/* Presentation only: preserve module geometry, login, logos and printed reports. */
@media screen {
    body.app-authenticated {
        --tms-action: #30353b;
        --tms-action-hover: #202428;
        --tms-ink: #262a2e;
        --tms-muted: #646b73;
        --tms-line: #e3e5e8;
        --tms-green: #236744;
        --tms-green-bg: #edf5ef;
        --tms-amber: #805a16;
        --tms-amber-bg: #faf3e3;
        --tms-danger: #a9363d;
        --tms-danger-bg: #fbeff0;
        --tms-blue: #355f87;
        --tms-blue-bg: #eef3f8;
        /* Legacy names are shared UI accents, not the logo artwork. */
        --am-red: var(--tms-action);
        --am-red-700: var(--tms-action-hover);
        --am-red-050: #eef0f2;
        --primary-100: var(--tms-action);
        --primary-200: var(--tms-action-hover);
        --primary-300: #eef0f2;
        --brand-red: var(--tms-action);
        --brand-red-hover: var(--tms-action-hover);
        --text-100: var(--tms-ink);
        --text-200: var(--tms-muted);
        --border-color: var(--tms-line);
        --home-canvas: #f3f4f5;
        --home-surface: #ffffff;
        --home-line: var(--tms-line);
        --home-ink: var(--tms-ink);
        --home-text: #42484f;
        --home-muted: var(--tms-muted);
    }

    html body.app-authenticated,
    body.app-authenticated .main-content {
        background: #f3f4f5 !important;
    }

    body.app-authenticated .sidebar,
    body.app-authenticated .sidebar-account {
        background: #fafafa !important;
        border-color: var(--tms-line) !important;
    }

    body.app-authenticated .sidebar .nav-item {
        color: #42484f !important;
    }

    body.app-authenticated .sidebar .nav-item i {
        color: var(--tms-muted) !important;
    }

    body.app-authenticated .sidebar .nav-item:hover,
    body.app-authenticated .sidebar .nav-item.has-submenu:hover,
    body.app-authenticated .sidebar .nav-item.submenu-active:not(.active) {
        background: #eff0f2 !important;
        color: var(--tms-ink) !important;
    }

    body.app-authenticated .sidebar .nav-item.active,
    body.app-authenticated .sidebar .submenu .nav-item.active {
        background: #e9ebee !important;
        color: var(--tms-ink) !important;
        box-shadow: inset 4px 0 0 var(--tms-action) !important;
    }

    body.app-authenticated .sidebar .nav-item.active i {
        color: var(--tms-action) !important;
    }

    body.app-authenticated :is(.card, .modal-box, .filter-modal-panel, .table-container, .dropdown-content) {
        background-color: #ffffff !important;
    }

    body.app-authenticated .card > :is(.module-header-row, .card-header, h4):first-child,
    body.app-authenticated :is(.tms-modal-header, .tms-modal-footer),
    body.app-authenticated thead th:not(:where(.pdf-page *, .cfdi-render-root *)) {
        background-color: #f7f8f9 !important;
        border-color: var(--tms-line) !important;
        color: var(--tms-ink) !important;
    }

    body.app-authenticated :is(.mc-title i, .home-comparison-note > i, .home-panel-title > span) {
        color: var(--tms-action) !important;
    }

    body.app-authenticated .mc-tabs button[aria-selected="true"] {
        color: var(--tms-action);
        border-bottom-color: var(--tms-action);
    }

    body.app-authenticated .home-panel-highlight {
        border-color: var(--tms-action);
        box-shadow: 0 0 0 3px rgb(48 53 59 / 12%);
    }

    body.app-authenticated :is(.btn-primary, button.tms-page-btn.is-active, button.tms-page-btn.btn-primary) {
        background: var(--tms-action) !important;
        color: #ffffff !important;
        border-color: var(--tms-action) !important;
    }

    body.app-authenticated :is(.btn-primary, button.tms-page-btn.is-active):hover:not(:disabled) {
        background: var(--tms-action-hover) !important;
        border-color: var(--tms-action-hover) !important;
    }

    body.app-authenticated :is(.btn-secondary, .btn-info, .btn-outline-secondary, .btn-outline-info, .dropdown-btn, button.tms-page-btn:not(.is-active):not(.btn-primary)) {
        color: #4c535b !important;
    }

    body.app-authenticated :is(.btn-secondary, .btn-info, .btn-outline-secondary, .btn-outline-info, .dropdown-btn, button.tms-page-btn:not(.is-active):not(.btn-primary)):hover:not(:disabled) {
        color: var(--tms-ink) !important;
        background: #eceef0 !important;
    }

    body.app-authenticated :is(.btn-success, .btn-outline-success) {
        background: var(--tms-green-bg) !important;
        color: var(--tms-green) !important;
    }

    body.app-authenticated :is(.btn-warning, .btn-outline-warning) {
        background: var(--tms-amber-bg) !important;
        color: var(--tms-amber) !important;
    }

    body.app-authenticated :is(.btn-danger, .btn-outline-danger) {
        background: var(--tms-danger-bg) !important;
        color: var(--tms-danger) !important;
    }

    body.app-authenticated :is(.btn-success, .btn-outline-success):hover:not(:disabled) { background: #dfede3 !important; }
    body.app-authenticated :is(.btn-warning, .btn-outline-warning):hover:not(:disabled) { background: #f4e9ce !important; }
    body.app-authenticated :is(.btn-danger, .btn-outline-danger):hover:not(:disabled) { background: #f5dfe2 !important; }

    body.app-authenticated :is(button, a)[class*="btn-"]:disabled {
        opacity: .5;
    }

    body.app-authenticated :is(input, select, textarea):focus {
        border-color: #747c85 !important;
        box-shadow: 0 0 0 3px rgb(48 53 59 / 10%) !important;
    }

    body.app-authenticated :is(button, a):focus-visible {
        outline: 2px solid #646b73 !important;
        outline-offset: 2px;
    }

    body.app-authenticated :is(.badge, .status-pill) {
        border-radius: 4px !important;
        background: #f0f1f3 !important;
        border-color: #e1e4e7 !important;
        color: #515861 !important;
    }

    body.app-authenticated :is(.badge, .status-pill):is(.badge-success, .badge-disp) {
        background: var(--tms-green-bg) !important;
        border-color: #d1e4d7 !important;
        color: var(--tms-green) !important;
    }

    body.app-authenticated :is(.badge, .status-pill):is(.badge-warning, .badge-taller) {
        background: var(--tms-amber-bg) !important;
        border-color: #eadfbd !important;
        color: var(--tms-amber) !important;
    }

    body.app-authenticated :is(.badge, .status-pill).badge-danger {
        background: var(--tms-danger-bg) !important;
        border-color: #efcfd3 !important;
        color: var(--tms-danger) !important;
    }

    body.app-authenticated :is(.badge, .status-pill):is(.badge-info, .badge-ruta) {
        background: var(--tms-blue-bg) !important;
        border-color: #d6e2ee !important;
        color: var(--tms-blue) !important;
    }

    body.app-authenticated :is(.badge, .status-pill).badge-purple {
        background: #f2f0f7 !important;
        border-color: #e0dbed !important;
        color: #62517e !important;
    }

    body.app-authenticated .preventivo-estado.vigente { color: var(--tms-green); }
    body.app-authenticated .preventivo-estado.por-vencer { color: var(--tms-amber); }
    body.app-authenticated .preventivo-estado.vencido { color: var(--tms-danger); }
}
