/* ============================================================
 * DARK THEME — Cardápio Tech
 * Ativado via: html[data-theme="dark"]
 * Persistência: localStorage key "ct_theme"
 * ============================================================ */

/* ── CSS Variables ─────────────────────────────────────── */
html[data-theme="dark"] {
    --dt-bg-page:      #0f172a;
    --dt-bg-card:      #1e293b;
    --dt-bg-card-h:    #243450;
    --dt-bg-sidebar:   #1e293b;
    --dt-bg-input:     #1a2740;
    --dt-border:       rgba(148,163,184,0.12);
    --dt-text:         #e2e8f0;
    --dt-text-muted:   #94a3b8;
    --dt-text-dark:    #f1f5f9;
    --dt-link:         #93c5fd;
    --dt-dropdown-bg:  #1e293b;
    --dt-dropdown-h:   #243450;
}

/* ── Page & body ──────────────────────────────────────── */
html[data-theme="dark"],
html[data-theme="dark"] body,
html[data-theme="dark"] .bg-default,
html[data-theme="dark"] .main-content {
    background-color: var(--dt-bg-page) !important;
    color: var(--dt-text) !important;
}

/* ── Sidebar ─────────────────────────────────────────── */
html[data-theme="dark"] #sidenav-main,
html[data-theme="dark"] .navbar-vertical {
    background: var(--dt-bg-sidebar) !important;
    border-right: 1px solid var(--dt-border) !important;
}
html[data-theme="dark"] .navbar-vertical .navbar-nav .nav-link {
    color: #cbd5e1 !important;
}
html[data-theme="dark"] .navbar-vertical .navbar-nav .nav-link:hover {
    color: #fff !important;
    background: rgba(148,163,184,0.08) !important;
}
html[data-theme="dark"] .navbar-vertical .navbar-nav .nav-link.active,
html[data-theme="dark"] .navbar-vertical .navbar-nav .nav-link.active > i {
    color: #818cf8 !important;
}
html[data-theme="dark"] .navbar-heading,
html[data-theme="dark"] .navbar-vertical .navbar-heading {
    color: #475569 !important;
}
html[data-theme="dark"] .navbar-vertical hr,
html[data-theme="dark"] .navbar-vertical .divider {
    border-color: var(--dt-border) !important;
}
html[data-theme="dark"] .sidenav a {
    color: #cbd5e1 !important;
}

/* ── Top navbar (auth.blade.php) ──────────────────────── */
html[data-theme="dark"] .navbar-top,
html[data-theme="dark"] #navbar-main {
    background: var(--dt-bg-sidebar) !important;
    border-bottom: 1px solid var(--dt-border) !important;
}
html[data-theme="dark"] .navbar-top .nav-link,
html[data-theme="dark"] #navbar-main .nav-link {
    color: #cbd5e1 !important;
}
html[data-theme="dark"] .navbar-top .text-white,
html[data-theme="dark"] #navbar-main .text-white {
    color: #e2e8f0 !important;
}

/* ── Header dashboard (paineis/posdinein) ─────────────── */
html[data-theme="dark"] .header-dashboard {
    background: rgba(30,41,59,0.98) !important;
    border-bottom: 1px solid var(--dt-border) !important;
    box-shadow: 0 2px 14px rgba(0,0,0,0.3) !important;
}
html[data-theme="dark"] .header-dashboard .nav-link,
html[data-theme="dark"] .header-dashboard .text-dark {
    color: var(--dt-text) !important;
}
html[data-theme="dark"] .header-dashboard .nav-link:hover {
    background: rgba(148,163,184,0.08) !important;
    color: #fff !important;
}

/* ── Cards ────────────────────────────────────────────── */
html[data-theme="dark"] .card {
    background: var(--dt-bg-card) !important;
    border-color: var(--dt-border) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3) !important;
}
html[data-theme="dark"] .card:hover {
    box-shadow: 0 8px 30px rgba(0,0,0,0.4) !important;
    border-color: rgba(99,102,241,0.25) !important;
}
html[data-theme="dark"] .card-header {
    background: var(--dt-bg-card) !important;
    border-bottom-color: var(--dt-border) !important;
}
html[data-theme="dark"] .card-footer {
    background: var(--dt-bg-card) !important;
    border-top-color: var(--dt-border) !important;
}

/* ── PosDinein overrides ──────────────────────────────── */
html[data-theme="dark"] body.admin-grown .posdinein-wrapper {
    background: var(--dt-bg-page) !important;
}
html[data-theme="dark"] body.admin-grown .posdinein-wrapper .card,
html[data-theme="dark"] body.admin-grown .posdinein-wrapper .table-card {
    background: var(--dt-bg-card) !important;
    border-color: var(--dt-border) !important;
}
html[data-theme="dark"] body.admin-grown .posdinein-wrapper .card-header {
    background: var(--dt-bg-card) !important;
    border-bottom-color: var(--dt-border) !important;
}
html[data-theme="dark"] body.admin-grown .posdinein-wrapper .header-dashboard {
    background: rgba(30,41,59,0.98) !important;
    border-bottom: 1px solid var(--dt-border) !important;
}
html[data-theme="dark"] body.admin-grown .posdinein-wrapper .posdinein-tabs {
    background: rgba(30,41,59,0.98) !important;
    border-bottom-color: var(--dt-border) !important;
}
html[data-theme="dark"] body.admin-grown .posdinein-wrapper .posdinein-tabs .nav-link {
    color: #94a3b8 !important;
    background: rgba(148,163,184,0.06) !important;
}
html[data-theme="dark"] body.admin-grown .posdinein-wrapper .posdinein-tabs .nav-link:hover {
    color: #e2e8f0 !important;
    background: rgba(148,163,184,0.12) !important;
}
html[data-theme="dark"] body.admin-grown .posdinein-wrapper input.form-control,
html[data-theme="dark"] body.admin-grown .posdinein-wrapper select.form-control,
html[data-theme="dark"] body.admin-grown .posdinein-wrapper textarea.form-control,
html[data-theme="dark"] body.admin-grown .posdinein-wrapper #tableSearch {
    background: var(--dt-bg-input) !important;
    border-color: rgba(148,163,184,0.18) !important;
    color: var(--dt-text) !important;
}
html[data-theme="dark"] body.admin-grown .posdinein-wrapper .catalog-modal,
html[data-theme="dark"] body.admin-grown .posdinein-wrapper .ss-modal {
    background: var(--dt-bg-card) !important;
    color: var(--dt-text) !important;
}
html[data-theme="dark"] body.admin-grown .posdinein-wrapper .catalog-body {
    background: var(--dt-bg-page) !important;
}
html[data-theme="dark"] body.admin-grown .posdinein-wrapper .catalog-header,
html[data-theme="dark"] body.admin-grown .posdinein-wrapper .catalog-footer,
html[data-theme="dark"] body.admin-grown .posdinein-wrapper .ss-header,
html[data-theme="dark"] body.admin-grown .posdinein-wrapper .ss-footer {
    background: var(--dt-bg-card) !important;
    border-color: var(--dt-border) !important;
}
html[data-theme="dark"] body.admin-grown .posdinein-wrapper .catalog-item {
    background: var(--dt-bg-card) !important;
    border-color: var(--dt-border) !important;
}
html[data-theme="dark"] body.admin-grown .posdinein-wrapper .list-group-item {
    background: var(--dt-bg-card) !important;
    border-color: var(--dt-border) !important;
    color: var(--dt-text) !important;
}
html[data-theme="dark"] body.admin-grown .posdinein-wrapper .info-value {
    color: var(--dt-text-dark) !important;
}
html[data-theme="dark"] body.admin-grown .posdinein-wrapper .info-label {
    color: var(--dt-text-muted) !important;
}
html[data-theme="dark"] body.admin-grown .posdinein-wrapper .alert-light {
    background: var(--dt-bg-card-h) !important;
    border-color: var(--dt-border) !important;
    color: var(--dt-text) !important;
}

/* ── Text ─────────────────────────────────────────────── */
html[data-theme="dark"] .text-dark {
    color: var(--dt-text-dark) !important;
}
html[data-theme="dark"] h1, html[data-theme="dark"] h2,
html[data-theme="dark"] h3, html[data-theme="dark"] h4,
html[data-theme="dark"] h5, html[data-theme="dark"] h6 {
    color: var(--dt-text-dark) !important;
}
html[data-theme="dark"] .text-muted {
    color: var(--dt-text-muted) !important;
}
html[data-theme="dark"] p, html[data-theme="dark"] span,
html[data-theme="dark"] small {
    color: inherit;
}
html[data-theme="dark"] a:not(.btn):not(.btn-action):not(.exp-btn):not(.exp-action-btn):not(.dropdown-item):not(.navbar-brand) {
    color: var(--dt-link);
}
html[data-theme="dark"] a:not(.btn):not(.btn-action):not(.exp-btn):not(.exp-action-btn):not(.dropdown-item):not(.navbar-brand):hover {
    color: #bfdbfe;
}

/* ── Tables ───────────────────────────────────────────── */
html[data-theme="dark"] .table,
html[data-theme="dark"] table {
    color: var(--dt-text) !important;
}
html[data-theme="dark"] .table td,
html[data-theme="dark"] .table th,
html[data-theme="dark"] table td,
html[data-theme="dark"] table th {
    border-color: var(--dt-border) !important;
    color: var(--dt-text) !important;
    background-color: transparent !important;
}
html[data-theme="dark"] .table thead th {
    background: var(--dt-bg-card-h) !important;
    color: var(--dt-text-muted) !important;
    border-bottom-color: var(--dt-border) !important;
}
html[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd) td {
    background-color: rgba(15,23,42,0.35) !important;
}
html[data-theme="dark"] .table-hover tbody tr:hover td {
    background-color: rgba(99,102,241,0.07) !important;
}
html[data-theme="dark"] thead, html[data-theme="dark"] tbody,
html[data-theme="dark"] tr {
    border-color: var(--dt-border) !important;
}

/* ── Dropdowns ────────────────────────────────────────── */
html[data-theme="dark"] .dropdown-menu {
    background: var(--dt-dropdown-bg) !important;
    border-color: var(--dt-border) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.45) !important;
}
html[data-theme="dark"] .dropdown-item {
    color: var(--dt-text) !important;
}
html[data-theme="dark"] .dropdown-item:hover,
html[data-theme="dark"] .dropdown-item:focus {
    background: var(--dt-dropdown-h) !important;
    color: #fff !important;
}
html[data-theme="dark"] .dropdown-header {
    color: var(--dt-text-muted) !important;
}
html[data-theme="dark"] .dropdown-divider {
    border-color: var(--dt-border) !important;
}

/* ── Forms & Inputs ───────────────────────────────────── */
html[data-theme="dark"] .form-control,
html[data-theme="dark"] input.form-control,
html[data-theme="dark"] select.form-control,
html[data-theme="dark"] textarea.form-control {
    background-color: var(--dt-bg-input) !important;
    border-color: rgba(148,163,184,0.2) !important;
    color: var(--dt-text) !important;
}
html[data-theme="dark"] .form-control:focus {
    background-color: var(--dt-bg-input) !important;
    border-color: #6366f1 !important;
    color: var(--dt-text) !important;
    box-shadow: 0 0 0 3px rgba(99,102,241,0.15) !important;
}
html[data-theme="dark"] .form-control::placeholder {
    color: #475569 !important;
}
html[data-theme="dark"] .input-group-text {
    background-color: var(--dt-bg-input) !important;
    border-color: rgba(148,163,184,0.2) !important;
    color: var(--dt-text-muted) !important;
}
html[data-theme="dark"] label,
html[data-theme="dark"] .form-group label {
    color: #94a3b8 !important;
}
html[data-theme="dark"] .custom-control-label::before {
    background-color: var(--dt-bg-input) !important;
    border-color: rgba(148,163,184,0.3) !important;
}

/* ── Modals ───────────────────────────────────────────── */
html[data-theme="dark"] .modal-content {
    background: var(--dt-bg-card) !important;
    border-color: var(--dt-border) !important;
    color: var(--dt-text) !important;
}
html[data-theme="dark"] .modal-header {
    border-bottom-color: var(--dt-border) !important;
    background: var(--dt-bg-card) !important;
}
html[data-theme="dark"] .modal-footer {
    border-top-color: var(--dt-border) !important;
    background: var(--dt-bg-card) !important;
}
html[data-theme="dark"] .modal-title {
    color: var(--dt-text-dark) !important;
}
html[data-theme="dark"] .modal-body {
    background: var(--dt-bg-card) !important;
}
html[data-theme="dark"] button.close,
html[data-theme="dark"] .close {
    color: var(--dt-text-muted) !important;
}

/* ── List groups ──────────────────────────────────────── */
html[data-theme="dark"] .list-group-item {
    background: var(--dt-bg-card) !important;
    border-color: var(--dt-border) !important;
    color: var(--dt-text) !important;
}
html[data-theme="dark"] .list-group-item:hover {
    background: var(--dt-bg-card-h) !important;
}
html[data-theme="dark"] .list-group-item-action:hover {
    background: var(--dt-bg-card-h) !important;
    color: var(--dt-text) !important;
}

/* ── Alerts ───────────────────────────────────────────── */
html[data-theme="dark"] .alert-light {
    background: var(--dt-bg-card-h) !important;
    border-color: var(--dt-border) !important;
    color: var(--dt-text) !important;
}
html[data-theme="dark"] .alert-default {
    background: var(--dt-bg-card-h) !important;
    border-color: var(--dt-border) !important;
}

/* ── Badges neutros ───────────────────────────────────── */
html[data-theme="dark"] .badge-secondary {
    background: #334155 !important;
    color: #cbd5e1 !important;
}
html[data-theme="dark"] .badge-light {
    background: #334155 !important;
    color: #e2e8f0 !important;
}
html[data-theme="dark"] .badge-default {
    background: #334155 !important;
    color: #cbd5e1 !important;
}

/* ── Pagination ───────────────────────────────────────── */
html[data-theme="dark"] .page-item .page-link {
    background: var(--dt-bg-card) !important;
    border-color: var(--dt-border) !important;
    color: var(--dt-text) !important;
}
html[data-theme="dark"] .page-item.active .page-link {
    background: #5e72e4 !important;
    border-color: #5e72e4 !important;
    color: #fff !important;
}
html[data-theme="dark"] .page-item.disabled .page-link {
    background: var(--dt-bg-card) !important;
    color: #475569 !important;
}

/* ── Nav tabs ─────────────────────────────────────────── */
html[data-theme="dark"] .nav-tabs {
    border-bottom-color: var(--dt-border) !important;
}
html[data-theme="dark"] .nav-tabs .nav-link {
    color: var(--dt-text-muted) !important;
}
html[data-theme="dark"] .nav-tabs .nav-link.active {
    background: var(--dt-bg-card) !important;
    border-color: var(--dt-border) var(--dt-border) var(--dt-bg-card) !important;
    color: var(--dt-text) !important;
}
html[data-theme="dark"] .nav-tabs .nav-link:hover {
    border-color: var(--dt-border) !important;
    color: var(--dt-text) !important;
}

/* ── Select2 ──────────────────────────────────────────── */
html[data-theme="dark"] .select2-container--default .select2-selection--single,
html[data-theme="dark"] .select2-container--default .select2-selection--multiple {
    background: var(--dt-bg-input) !important;
    border-color: rgba(148,163,184,0.2) !important;
    color: var(--dt-text) !important;
}
html[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--dt-text) !important;
}
html[data-theme="dark"] .select2-dropdown {
    background: var(--dt-dropdown-bg) !important;
    border-color: var(--dt-border) !important;
}
html[data-theme="dark"] .select2-results__option {
    color: var(--dt-text) !important;
}
html[data-theme="dark"] .select2-results__option--highlighted {
    background: var(--dt-dropdown-h) !important;
    color: #fff !important;
}
html[data-theme="dark"] .select2-search__field {
    background: var(--dt-bg-input) !important;
    color: var(--dt-text) !important;
    border-color: rgba(148,163,184,0.2) !important;
}

/* ── Scrollbar ────────────────────────────────────────── */
html[data-theme="dark"] ::-webkit-scrollbar-track {
    background: var(--dt-bg-page) !important;
}
html[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: #334155 !important;
}
html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #475569 !important;
}

/* ── Misc ─────────────────────────────────────────────── */
html[data-theme="dark"] hr {
    border-color: var(--dt-border) !important;
}
html[data-theme="dark"] .border,
html[data-theme="dark"] [class*="border-"] {
    border-color: var(--dt-border) !important;
}
html[data-theme="dark"] .bg-white {
    background-color: var(--dt-bg-card) !important;
}
html[data-theme="dark"] .bg-light,
html[data-theme="dark"] .bg-secondary {
    background-color: var(--dt-bg-card-h) !important;
}
html[data-theme="dark"] .shadow {
    box-shadow: 0 4px 20px rgba(0,0,0,0.35) !important;
}
html[data-theme="dark"] .shadow-sm {
    box-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;
}
html[data-theme="dark"] .text-uppercase.text-muted {
    color: #94a3b8 !important;
}
html[data-theme="dark"] .noti-title h6 {
    color: var(--dt-text-muted) !important;
}

/* ══════════════════════════════════════════════════════
 * THEME TOGGLE BUTTON
 * ══════════════════════════════════════════════════════ */
.theme-toggle-btn {
    background: none;
    border: 1.5px solid rgba(148,163,184,0.3);
    border-radius: 8px;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #525f7f;
    font-size: 0.95rem;
    transition: all 0.2s ease;
    padding: 0;
    vertical-align: middle;
}
.theme-toggle-btn:hover {
    border-color: #5e72e4;
    color: #5e72e4;
    background: rgba(94,114,228,0.06);
    transform: rotate(12deg);
}
html[data-theme="dark"] .theme-toggle-btn {
    color: #fbbf24;
    border-color: rgba(251,191,36,0.3);
}
html[data-theme="dark"] .theme-toggle-btn:hover {
    background: rgba(251,191,36,0.08);
    border-color: #fbbf24;
    transform: rotate(20deg);
}
.theme-toggle-btn .icon-moon { display: inline; }
.theme-toggle-btn .icon-sun  { display: none;   }
html[data-theme="dark"] .theme-toggle-btn .icon-moon { display: none;   }
html[data-theme="dark"] .theme-toggle-btn .icon-sun  { display: inline; }

/* ── Modal alérgenos (items/index.blade.php — inline style) ── */
html[data-theme="dark"] #form-allergen-mgr {
    background: #172030 !important;
    border: 1px solid rgba(148,163,184,0.10) !important;
}
html[data-theme="dark"] #form-allergen-mgr label { color: #cbd5e1 !important; }
html[data-theme="dark"] #al-mgr-list .table { color: #cbd5e1 !important; }
html[data-theme="dark"] #al-mgr-list .table td,
html[data-theme="dark"] #al-mgr-list .table th { border-color: rgba(148,163,184,0.10) !important; }
html[data-theme="dark"] #al-mgr-list .thead-light th {
    background: #172030 !important;
    color: #94a3b8 !important;
    border-color: rgba(148,163,184,0.10) !important;
}
html[data-theme="dark"] #al-mgr-list tr:hover { background: rgba(94,114,228,0.05) !important; }

/* ── Upload area (partials/images.blade.php — inline style) ── */
html[data-theme="dark"] [id^="upload-area-"] {
    background: #172030 !important;
    border-color: rgba(148,163,184,0.20) !important;
}
html[data-theme="dark"] [id^="upload-area-"]:hover {
    border-color: #5e72e4 !important;
    background: #1e2d45 !important;
}

/* ── Design System fp-* / ap-* / st-* (finances, restaurants, apps, settings) ── */

/* Tab strip */
html[data-theme="dark"] .fp-tabs {
    background: rgba(148,163,184,0.08) !important;
    border-color: rgba(148,163,184,0.12) !important;
}
html[data-theme="dark"] .fp-tab { color: #94a3b8 !important; }
html[data-theme="dark"] .fp-tab:hover { color: #e2e8f0 !important; }
html[data-theme="dark"] .fp-tab.is-active,
html[data-theme="dark"] .fp-tabs .fp-tab.active {
    background: #1e293b !important;
    color: #a78bfa !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
}
html[data-theme="dark"] .fp-tab.is-active i,
html[data-theme="dark"] .fp-tabs .fp-tab.active i { color: #a78bfa !important; }

/* Stat cards */
html[data-theme="dark"] .fp-stat {
    background: #1e293b !important;
    border-color: rgba(148,163,184,0.12) !important;
}
html[data-theme="dark"] .fp-stat-value { color: #f1f5f9 !important; }
html[data-theme="dark"] .fp-stat-label { color: #94a3b8 !important; }
html[data-theme="dark"] .fp-stat-sub   { color: #64748b !important; }

/* Section cards */
html[data-theme="dark"] .fp-card {
    background: #1e293b !important;
    border-color: rgba(148,163,184,0.12) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important;
}
html[data-theme="dark"] .fp-card-head {
    background: linear-gradient(135deg, #1e293b 0%, #243450 100%) !important;
    border-bottom-color: rgba(148,163,184,0.10) !important;
}
html[data-theme="dark"] .fp-card-head h3 { color: #f1f5f9 !important; }

/* Filter row & foot */
html[data-theme="dark"] .fp-filter-row,
html[data-theme="dark"] .fp-foot {
    background: #172030 !important;
    border-color: rgba(148,163,184,0.08) !important;
}
html[data-theme="dark"] .fp-filter-row label { color: #94a3b8 !important; }

/* Table */
html[data-theme="dark"] .fp-table thead th {
    background: #172030 !important;
    color: #94a3b8 !important;
    border-bottom-color: rgba(148,163,184,0.10) !important;
}
html[data-theme="dark"] .fp-table tbody td {
    color: #cbd5e1 !important;
    border-bottom-color: rgba(148,163,184,0.08) !important;
}
html[data-theme="dark"] .fp-table tbody tr:hover { background: rgba(94,114,228,0.05) !important; }

/* Restaurant tile */
html[data-theme="dark"] .fp-resto-name { color: #f1f5f9 !important; }
html[data-theme="dark"] .fp-resto-sub  { color: #64748b !important; }

/* Action menu button */
html[data-theme="dark"] .fp-act-menu {
    background: rgba(148,163,184,0.10) !important;
    color: #e2e8f0 !important;
}
html[data-theme="dark"] .fp-act-menu+.dropdown-menu {
    background: #1e293b !important;
    border-color: rgba(148,163,184,0.12) !important;
}
html[data-theme="dark"] .fp-act-menu+.dropdown-menu .dropdown-item { color: #cbd5e1 !important; }

/* Generic fp-btn */
html[data-theme="dark"] .fp-btn {
    background: #273549 !important;
    border-color: rgba(148,163,184,0.15) !important;
    color: #94a3b8 !important;
}
html[data-theme="dark"] .fp-btn:hover { border-color: #a78bfa !important; color: #a78bfa !important; }

/* Pagination */
html[data-theme="dark"] .fp-foot .page-link {
    background: #1e293b !important;
    border-color: rgba(148,163,184,0.15) !important;
    color: #94a3b8 !important;
}

/* Empty state */
html[data-theme="dark"] .fp-empty h4 { color: #94a3b8 !important; }

/* Apps grid */
html[data-theme="dark"] .ap-card {
    background: #1e293b !important;
    border-color: rgba(148,163,184,0.12) !important;
}
html[data-theme="dark"] .ap-card-img { background: #172030 !important; }
html[data-theme="dark"] .ap-card-title { color: #f1f5f9 !important; }
html[data-theme="dark"] .ap-card-desc  { color: #94a3b8 !important; }
html[data-theme="dark"] .ap-card-actions {
    background: #172030 !important;
    border-top-color: rgba(148,163,184,0.10) !important;
}
html[data-theme="dark"] .ap-btn-outline {
    background: #273549 !important;
    border-color: rgba(148,163,184,0.18) !important;
    color: #94a3b8 !important;
}
html[data-theme="dark"] .ap-btn-outline:hover { border-color: #a78bfa !important; color: #a78bfa !important; }

/* Settings */
html[data-theme="dark"] .st-btn {
    background: #273549 !important;
    border-color: rgba(148,163,184,0.18) !important;
    color: #94a3b8 !important;
}
html[data-theme="dark"] .st-btn:hover { border-color: #a78bfa !important; color: #a78bfa !important; }
html[data-theme="dark"] .st-card {
    background: #1e293b !important;
    border-color: rgba(148,163,184,0.12) !important;
}
html[data-theme="dark"] .st-save-bar { border-top-color: rgba(148,163,184,0.10) !important; }

/* ── Modais Bootstrap (global) ── */
html[data-theme="dark"] .modal-content {
    background: var(--dt-bg-card) !important;
    border: 1px solid var(--dt-border) !important;
    box-shadow: 0 25px 60px rgba(0,0,0,0.5) !important;
}
html[data-theme="dark"] .modal-body {
    background: var(--dt-bg-card) !important;
    color: var(--dt-text) !important;
}
html[data-theme="dark"] .modal-header {
    border-bottom-color: var(--dt-border) !important;
}
html[data-theme="dark"] .modal-footer {
    background: #172030 !important;
    border-top-color: var(--dt-border) !important;
}
html[data-theme="dark"] .modal-title {
    color: var(--dt-text-dark) !important;
}
html[data-theme="dark"] .modal .close {
    color: var(--dt-text-muted) !important;
    text-shadow: none !important;
    opacity: 0.8 !important;
}
html[data-theme="dark"] .modal .close:hover {
    color: var(--dt-text-dark) !important;
    opacity: 1 !important;
}
/* Labels e textos dentro de modais */
html[data-theme="dark"] .modal-body label,
html[data-theme="dark"] .modal-body .form-group label {
    color: #cbd5e1 !important;
}
html[data-theme="dark"] .modal-body p,
html[data-theme="dark"] .modal-body small {
    color: var(--dt-text-muted) !important;
}
html[data-theme="dark"] .modal-body h4,
html[data-theme="dark"] .modal-body h5,
html[data-theme="dark"] .modal-body h6 {
    color: var(--dt-text-dark) !important;
}
/* Inputs dentro de modais */
html[data-theme="dark"] .modal-body .form-control {
    background: #0f172a !important;
    border-color: rgba(148,163,184,0.18) !important;
    color: var(--dt-text-dark) !important;
}
html[data-theme="dark"] .modal-body .form-control::placeholder {
    color: #475569 !important;
}
html[data-theme="dark"] .modal-body .form-control:focus {
    background: #0f172a !important;
    border-color: #5e72e4 !important;
    box-shadow: 0 0 0 3px rgba(94,114,228,0.15) !important;
}
/* Seção com bg branco dentro de modal (allergens form section) */
html[data-theme="dark"] .modal-body > div[style*="background"],
html[data-theme="dark"] .modal-body .bg-white,
html[data-theme="dark"] .modal-body .card {
    background: #172030 !important;
    border-color: var(--dt-border) !important;
}
html[data-theme="dark"] .modal-body .card .card-body {
    background: #172030 !important;
}
/* Botões secundários em modais */
html[data-theme="dark"] .modal-footer .btn-secondary,
html[data-theme="dark"] .modal-footer .btn-default,
html[data-theme="dark"] .modal-footer .btn-white {
    background: #273549 !important;
    border-color: rgba(148,163,184,0.18) !important;
    color: #94a3b8 !important;
}

/* ── Empty states dos gráficos (inline style cinza/laranja claro) ── */
html[data-theme="dark"] .chart-empty-state {
    background: rgba(148,163,184,0.06) !important;
}
html[data-theme="dark"] .chart-empty-state--orders {
    background: rgba(251,99,64,0.07) !important;
}
html[data-theme="dark"] .chart-empty-state h6 {
    color: #f1f5f9 !important;
}
html[data-theme="dark"] .chart-empty-state p {
    color: #94a3b8 !important;
}

/* ── Live order cards (inline style branco) ── */
html[data-theme="dark"] .order-card-inner {
    background: linear-gradient(135deg, #1e293b 0%, #243450 100%) !important;
    border-top-color: rgba(148,163,184,0.12) !important;
    border-right-color: rgba(148,163,184,0.12) !important;
    border-bottom-color: rgba(148,163,184,0.12) !important;
}
html[data-theme="dark"] .order-card-inner h6,
html[data-theme="dark"] .order-card-inner .text-dark {
    color: #f1f5f9 !important;
}
html[data-theme="dark"] .order-card-inner p {
    color: #e2e8f0 !important;
}

/* ── Badge "Pedidos" laranja-claro ── */
html[data-theme="dark"] .orders-badge {
    background-color: rgba(251,99,64,0.15) !important;
    color: #fb6340 !important;
}

/* ── Expense total highlight (verde claro) ── */
html[data-theme="dark"] .expense-total-box {
    background: rgba(45,206,137,0.08) !important;
    border-left-color: #2dce89 !important;
}
html[data-theme="dark"] .expense-total-box p {
    color: #94a3b8 !important;
}

/* ── Expense list items ── */
html[data-theme="dark"] .expense-list-item {
    border-bottom-color: rgba(148,163,184,0.10) !important;
}
html[data-theme="dark"] .expense-list-item .text-dark {
    color: #f1f5f9 !important;
}

/* ── Expense percentage badge (cinza claro) ── */
html[data-theme="dark"] .expense-pct-badge {
    background-color: rgba(148,163,184,0.12) !important;
    color: #94a3b8 !important;
}

/* ── Cards de benefícios do plano (inline style verde claro) ── */
html[data-theme="dark"] .plan-benefit-item {
    background: rgba(34, 197, 94, 0.08) !important;
    border-left-color: #22c55e !important;
}
html[data-theme="dark"] .plan-benefit-item p {
    color: #e2e8f0 !important;
}
html[data-theme="dark"] .plan-benefit-item .text-dark {
    color: #f1f5f9 !important;
}
html[data-theme="dark"] .plan-benefit-item .text-muted {
    color: #94a3b8 !important;
}

/* ── Footer do Argon (.footer) ── */
html[data-theme="dark"] .footer {
    background: var(--dt-bg-card) !important;
    border-top: 1px solid var(--dt-border) !important;
}
html[data-theme="dark"] .footer,
html[data-theme="dark"] .footer p,
html[data-theme="dark"] .footer span,
html[data-theme="dark"] .footer .copyright {
    color: var(--dt-text-muted) !important;
}
html[data-theme="dark"] .footer a {
    color: var(--dt-text-muted) !important;
}
html[data-theme="dark"] .footer a:hover {
    color: var(--dt-text-dark) !important;
}

/* ── Logo sidebar: troca claro ↔ escuro ── */
.sidebar-logo-dark { display: none !important; }
.sidebar-logo-light { display: inline-block !important; }
html[data-theme="dark"] .sidebar-logo-light { display: none !important; }
html[data-theme="dark"] .sidebar-logo-dark  { display: inline-block !important; }

/* ══════════════════════════════════════════════════════
 * POSDINEIN — correcão de texto e fundo no dark mode
 * Corrige cores hardcoded (#2c3e50, #3730a3, #374151)
 * que ficam invisíveis sobre cards escuros (#1e293b)
 * ══════════════════════════════════════════════════════ */

/* Textos com cor hardcoded escura → claro no dark */
html[data-theme="dark"] body.admin-grown .posdinein-wrapper [style*="color:#2c3e50"],
html[data-theme="dark"] body.admin-grown .posdinein-wrapper [style*="color: #2c3e50"] {
    color: var(--dt-text-dark) !important;
}
html[data-theme="dark"] body.admin-grown .posdinein-wrapper [style*="color:#3730a3"],
html[data-theme="dark"] body.admin-grown .posdinein-wrapper [style*="color: #3730a3"] {
    color: #818cf8 !important;
}
html[data-theme="dark"] body.admin-grown .posdinein-wrapper [style*="color:#374151"],
html[data-theme="dark"] body.admin-grown .posdinein-wrapper [style*="color: #374151"] {
    color: var(--dt-text) !important;
}

/* Classes com cor de texto hardcoded */
html[data-theme="dark"] body.admin-grown .posdinein-wrapper .info-value {
    color: var(--dt-text-dark) !important;
}
html[data-theme="dark"] body.admin-grown .posdinein-wrapper .catalog-item-name {
    color: var(--dt-text-dark) !important;
}
html[data-theme="dark"] body.admin-grown .posdinein-wrapper .catalog-section-title span {
    color: var(--dt-text-dark) !important;
}

/* Fundos claros hardcoded dentro de cards escuros */
html[data-theme="dark"] body.admin-grown .posdinein-wrapper [style*="background:#f8f9fb"],
html[data-theme="dark"] body.admin-grown .posdinein-wrapper [style*="background: #f8f9fb"] {
    background: var(--dt-bg-card-h) !important;
    border-color: var(--dt-border) !important;
}
html[data-theme="dark"] body.admin-grown .posdinein-wrapper [style*="background:#eef2ff"],
html[data-theme="dark"] body.admin-grown .posdinein-wrapper [style*="background: #eef2ff"] {
    background: var(--dt-bg-card-h) !important;
    border-color: var(--dt-border) !important;
}

/* Badge SEM SENHA (inline style) — escurecer no dark */
html[data-theme="dark"] body.admin-grown .posdinein-wrapper .badge[style*="background:#f0f0f0"] {
    background: #334155 !important;
    color: #cbd5e1 !important;
    border-color: rgba(148,163,184,0.2) !important;
}

/* Input/textarea hardcoded branco dentro de manage */
html[data-theme="dark"] body.admin-grown .posdinein-wrapper [style*="background:#fff"].form-control,
html[data-theme="dark"] body.admin-grown .posdinein-wrapper [style*="background: #fff"].form-control {
    background: var(--dt-bg-input) !important;
    color: var(--dt-text) !important;
    border-color: rgba(148,163,184,0.2) !important;
}