/* Tema vermelho claro — variáveis e acentos (base = data-caprind-theme-family="light" em caprind-theme-light.css) */

.page[data-caprind-theme="light-red"] {
    --ds-color-brand-800: #f5e4e4;
    --ds-color-primary: #c46a6a;
    --ds-color-primary-hover: #a85555;
    --ds-color-brand-700: #f2d8d8;
    --ds-color-brand-600: #fff8f8;
    --ds-color-bg-muted: rgba(255, 255, 255, 0.52);
    --ds-color-border: rgba(140, 40, 50, 0.18);
    --ds-shadow-md: 0 2px 8px rgba(140, 40, 50, 0.1);
    --ds-scrollbar-track: rgba(120, 30, 40, 0.14);
    --ds-scrollbar-thumb: rgba(160, 50, 60, 0.46);
    --ds-scrollbar-thumb-hover: rgba(190, 70, 80, 0.64);
    --ds-scrollbar-thumb-active: rgba(170, 55, 65, 0.84);
    --ds-scrollbar-corner: rgba(120, 30, 40, 0.12);
    --ds-form-notch-bg: rgba(255, 250, 250, 0.97);
    --ds-input-bg: rgba(170, 50, 60, 0.09);
    --ds-input-text: #4a1f24;
    --ds-input-border: #e0b8b8;
    --ds-input-border-focus: #c46a6a;
    --ds-color-brand-100: #f2d8d8;
    --caprind-welcome-toast-bg: linear-gradient(135deg, #ffffff 0%, #faf3f3 58%, #f5e8e8 100%);
    --caprind-welcome-toast-border: rgba(196, 106, 106, 0.38);
    --caprind-welcome-toast-logo-border: rgba(196, 106, 106, 0.28);
    --caprind-toast-info-accent: var(--ds-color-primary);
    --caprind-toast-success-accent: var(--ds-color-primary);
    --caprind-toast-warning-accent: color-mix(in srgb, var(--ds-color-primary) 35%, #d4a017);
    --caprind-toast-warning-accent-hover: color-mix(in srgb, var(--caprind-toast-warning-accent) 86%, #000);
    --caprind-toast-btn-cancel-border: rgba(196, 106, 106, 0.35);
    --caprind-toast-btn-cancel-hover-bg: rgba(196, 106, 106, 0.08);
    --caprind-toast-btn-confirm-bg: var(--ds-color-primary);
    --caprind-toast-btn-confirm-hover: var(--ds-color-primary-hover);
}

.page[data-caprind-theme="light-red"] main.app-area--inner {
    background-color: var(--ds-color-brand-800) !important;
    background-image: none !important;
    --ds-area-bg-overlay: linear-gradient(180deg, rgba(245, 228, 228, 0.32) 0%, rgba(240, 218, 218, 0.28) 100%);
}

.page[data-caprind-theme="light-red"] main.app-area--inner article {
    background-color: #fff8f8 !important;
}

/* Início: foto nítida, sem véu escuro por cima */
.page[data-caprind-theme="light-red"] main.app-area--home {
    background-color: var(--ds-color-brand-800) !important;
    background-image: none !important;
    --ds-area-bg-overlay: transparent;
}

@media (max-width: 767.98px) {
    .page[data-caprind-theme="light-red"] main.app-area--home .app-area-bg__photo,
    .page[data-caprind-theme="light-red"] main.app-area--inner .app-area-bg__photo {
        object-fit: contain;
        object-position: center center;
    }
}

.page[data-caprind-theme="light-red"] .login-industrial-bg {
    background-color: transparent !important;
    background-image: none !important;
}

.page[data-caprind-theme="light-red"] .login-industrial-bg.login-industrial-bg--home-style {
    background-color: var(--ds-color-brand-800) !important;
    background-image: none !important;
}

.page[data-caprind-theme="light-red"] main.app-area--inner article .container-fluid.app-page.rh-list-page,
.page[data-caprind-theme="light-red"] main.app-area--inner article .rh-list-page.container-fluid.app-page,
.page[data-caprind-theme="light-red"] main.app-area--inner article .rh-list-page .app-page-content,
.page[data-caprind-theme="light-red"] main.app-area--inner article .rh-list-page .compras-grupos-familias-layout {
    background-color: #fff8f8 !important;
}

.page[data-caprind-theme="light-red"] main.app-area--inner article .container-fluid.app-page,
.page[data-caprind-theme="light-red"] main.app-area--inner article .app-panel,
.page[data-caprind-theme="light-red"] main.app-area--inner article .compras-produtos-page .compras-produtos-panel,
.page[data-caprind-theme="light-red"] main.app-area--inner article .vendas-produtos-page .compras-produtos-panel {
    background-color: #fff8f8 !important;
    border: 1px solid #e8c4c4 !important;
    box-shadow: 0 4px 18px rgba(120, 30, 40, 0.1) !important;
}

.page[data-caprind-theme="light-red"] main.app-area--inner article .container-fluid.app-page.app-page-fill,
.page[data-caprind-theme="light-red"] main.app-area--inner article form.app-fill-form > .container-fluid.app-page {
    min-height: 100%;
}

.page[data-caprind-theme="light-red"] main.app-area--inner article .container-fluid.app-page.text-black,
.page[data-caprind-theme="light-red"] main.app-area--inner article .container-fluid.text-black.app-page {
    color: #1f2937 !important;
}

.page[data-caprind-theme="light-red"] main.app-area--inner article .app-section-title,
.page[data-caprind-theme="light-red"] main.app-area--inner article .empresa-form-section-title {
    color: #1f2a37 !important;
}

.page[data-caprind-theme="light-red"] main.app-area--inner article .app-section-title .app-section-title-brand {
    color: #1f2a37 !important;
}

.page[data-caprind-theme="light-red"] main.app-area--inner article .app-section-title .app-section-title-screen {
    color: #6b7280 !important;
}

.page[data-caprind-theme="light-red"] main.app-area--inner article .app-section-title .app-section-title-sep {
    color: #9ca3af !important;
}

.page[data-caprind-theme="light-red"] main.app-area--inner article .empresa-required-hint,
.page[data-caprind-theme="light-red"] main.app-area--inner article .text-muted {
    color: #5b6578 !important;
}

.page[data-caprind-theme="light-red"] main.app-area--inner article .app-panel .app-panel-toolbar {
    background: rgba(240, 210, 210, 0.55) !important;
    border-color: #e8c4c4 !important;
}

.page[data-caprind-theme="light-red"] main.app-area--inner article .empresa-form-section {
    background: #fff0f0 !important;
    border-color: #f0d0d0 !important;
}

.page[data-caprind-theme="light-red"] main.app-area--inner article .empresa-cert-field {
    background: #fce8e8 !important;
    border-color: #e8c4c4 !important;
}

.page[data-caprind-theme="light-red"] main .app-menubar,
.page[data-caprind-theme="light-red"] .app-menubar-shell .app-menubar {
    background: linear-gradient(180deg, #f2d8d8 0%, #e8c8c8 100%) !important;
    border-bottom: 1px solid rgba(140, 40, 50, 0.22) !important;
}

.page[data-caprind-theme="light-red"] .sidebar.sidebar-rail {
    background: linear-gradient(180deg, #f2d8d8 0%, #e8c8c8 100%) !important;
    border-right: 1px solid rgba(140, 40, 50, 0.22) !important;
    color: #1e293b !important;
}

.page[data-caprind-theme="light-red"] .sidebar.sidebar-rail .navmenu-content .nav-item a:hover {
    background-color: rgba(15, 23, 42, 0.06) !important;
}

.page[data-caprind-theme="light-red"] .sidebar.sidebar-rail .navmenu-content .nav-item a.active {
    background-color: #f1f5f9 !important;
    color: #1e293b !important;
}

.page[data-caprind-theme="light-red"] .sidebar-rail-pin-btn {
    background: rgba(15, 23, 42, 0.07) !important;
    color: #334155 !important;
}

.page[data-caprind-theme="light-red"] .sidebar-rail-pin-btn:hover {
    background: rgba(15, 23, 42, 0.12) !important;
    color: #0f172a !important;
}

.page[data-caprind-theme="light-red"] main .app-statusbar {
    background: linear-gradient(180deg, #f2d8d8 0%, #ecd0d0 100%) !important;
    border-top: none !important;
    color: #4a1f24 !important;
    --app-statusbar-gateway-online: #15803d;
    --app-statusbar-gateway-offline: #7f1d1d;
}

.page[data-caprind-theme="light-red"] main .topbar-user-menu .topbar-actions-icons .topbar-ghost-icon {
    color: #7a3038 !important;
    opacity: 1 !important;
}

.page[data-caprind-theme="light-red"] main .topbar-user-menu .topbar-actions-icons .topbar-ghost-icon i.bi {
    color: inherit !important;
}

.page[data-caprind-theme="light-red"] main .topbar-user-menu .topbar-actions-icons .topbar-ghost-icon:hover:not(:disabled) {
    background-color: rgba(170, 50, 60, 0.14) !important;
    color: #3a151a !important;
}

.page[data-caprind-theme="light-red"] main .topbar-user-menu .topbar-actions-icons .topbar-bell-btn .topbar-bell-dot {
    box-shadow: 0 0 0 2px var(--ds-color-brand-800, #f5e4e4) !important;
}

.page[data-caprind-theme="light-red"] .mobile-menu-button,
.page[data-caprind-theme="light-red"] .topbar-overflow-button {
    border-color: rgba(120, 30, 40, 0.24) !important;
    background: rgba(170, 50, 60, 0.1) !important;
    color: #4a1f24 !important;
}

.page[data-caprind-theme="light-red"] main.app-area--inner article .app-page .form-control:not(.no-caprind-field):focus,
.page[data-caprind-theme="light-red"] main.app-area--inner article .app-panel .form-control:not(.no-caprind-field):focus,
.page[data-caprind-theme="light-red"] main.app-area--inner article .app-page select.form-select:not(.no-caprind-field):focus,
.page[data-caprind-theme="light-red"] main.app-area--inner article .app-panel select.form-select:not(.no-caprind-field):focus {
    box-shadow: 0 0 0 3px rgba(190, 70, 80, 0.28) !important;
}

/* Listas — tabela e paginação no tom vermelho suave */
.page[data-caprind-theme="light-red"] main.app-area--inner article .table-responsive:has(> .table.app-data-table) {
    --caprind-dash-border: #f0d0d0;
}

.page[data-caprind-theme="light-red"] main.app-area--inner article .app-data-table.table {
    --bs-table-striped-bg: #fff0f0 !important;
    --bs-table-hover-bg: #fce8e8 !important;
    --bs-table-active-bg: #f5d8d8 !important;
    --bs-table-border-color: #f0d0d0 !important;
}

.page[data-caprind-theme="light-red"] main.app-area--inner article .app-data-table,
.page[data-caprind-theme="light-red"] .modal .modal-content .app-data-table {
    --caprind-dash-border: #f0d0d0;
    --caprind-table-total-bg: #f2d8d8;
}

.page[data-caprind-theme="light-red"] main.app-area--inner article .app-data-table thead th {
    background: #f2d8d8 !important;
    border-bottom: 1px solid #d8a8a8 !important;
}

.page[data-caprind-theme="light-red"] main.app-area--inner article .app-data-table tfoot .app-data-table-total-row td,
.page[data-caprind-theme="light-red"] .modal .modal-content .app-data-table tfoot .app-data-table-total-row td {
    background-color: #f2d8d8 !important;
    border-top: 2px solid #d8a8a8 !important;
    color: #4a1a1a !important;
}

.page[data-caprind-theme="light-red"] main.app-area--inner article .app-data-table th.app-actions-col {
    background: #f2d8d8 !important;
    border-left: 1px solid #d8a8a8 !important;
    border-bottom: 1px solid #d8a8a8 !important;
}

.page[data-caprind-theme="light-red"] main.app-area--inner article .app-data-table td.app-actions-col {
    background-color: #fce8e8 !important;
    border-left: 1px solid #f0d0d0 !important;
    border-bottom: 1px solid #f0d0d0 !important;
}

.page[data-caprind-theme="light-red"] main.app-area--inner article .app-data-table th.app-actions-col:first-child,
.page[data-caprind-theme="light-red"] main.app-area--inner article .app-data-table td.app-actions-col:first-child {
    border-left: none !important;
    border-right: 1px solid #d8a8a8 !important;
}

.page[data-caprind-theme="light-red"] main.app-area--inner article .app-data-table td.app-actions-col:first-child {
    border-right-color: #f0d0d0 !important;
}

.page[data-caprind-theme="light-red"] main.app-area--inner article nav.app-pagination .page-item.active .page-link {
    background: linear-gradient(180deg, #c46a6a 0%, #a83848 100%) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(170, 50, 60, 0.42) !important;
}

.page[data-caprind-theme="light-red"] main.app-area--inner article nav.app-pagination .page-link:hover {
    background: rgba(170, 50, 60, 0.12) !important;
    border-color: #c46a6a !important;
    color: #4a1f24 !important;
}