/* ================================================================
   YUOOM ADMIN — DARK MODE  (darkmode.css)
   SAFE VERSION — public pages (packages, hotels, blog) NOT affected.
   All rules scoped to .page-content (admin wrapper only).
   ================================================================ */

html.dark-mode {
  --dm-bg:      #0f172a;
  --dm-bg2:     #1e293b;
  --dm-bg3:     #263148;
  --dm-surface: #1e293b;
  --dm-border:  #334155;
  --dm-text:    #e2e8f0;
  --dm-text2:   #94a3b8;
  --dm-text3:   #64748b;
  --dm-blue:    #3b82f6;
  --dm-blue-l:  rgba(59,130,246,.12);
  --dm-shadow:  rgba(0,0,0,.4);
}

/* Admin layout background ONLY */
html.dark-mode .page-content { background:var(--dm-bg)!important; color:var(--dm-text)!important; }
html.dark-mode .page-content-wrapper { background:var(--dm-bg)!important; }

/* ALL text — admin only */
html.dark-mode .page-content p,
html.dark-mode .page-content div,
html.dark-mode .page-content span:not(.badge),
html.dark-mode .page-content li,
html.dark-mode .page-content td,
html.dark-mode .page-content th,
html.dark-mode .page-content label,
html.dark-mode .page-content small,
html.dark-mode .page-content h1,html.dark-mode .page-content h2,
html.dark-mode .page-content h3,html.dark-mode .page-content h4,
html.dark-mode .page-content h5,html.dark-mode .page-content h6 { color:var(--dm-text)!important; }

/* Inline colors — admin only */
html.dark-mode .page-content [style*="color:#111"],
html.dark-mode .page-content [style*="color:#0A0F1E"],
html.dark-mode .page-content [style*="color:#0f172a"],
html.dark-mode .page-content [style*="color:#1e293b"],
html.dark-mode .page-content [style*="color:#374151"],
html.dark-mode .page-content [style*="color:#4b5563"],
html.dark-mode .page-content [style*="color:#1f2937"] { color:var(--dm-text)!important; }
html.dark-mode .page-content [style*="color:#64748b"],
html.dark-mode .page-content [style*="color:#6b7280"],
html.dark-mode .page-content [style*="color:#94a3b8"],
html.dark-mode .page-content [style*="color:#475569"] { color:var(--dm-text2)!important; }

/* Inline backgrounds — admin only */
html.dark-mode .page-content [style*="background:white"],
html.dark-mode .page-content [style*="background:#fff"],
html.dark-mode .page-content [style*="background:#ffffff"] { background:var(--dm-surface)!important; }
html.dark-mode .page-content [style*="background:#f8fafc"],
html.dark-mode .page-content [style*="background:#f1f5f9"],
html.dark-mode .page-content [style*="background:#f4f6fb"],
html.dark-mode .page-content [style*="background:#F7F9FC"] { background:var(--dm-bg3)!important; }

/* Alert banners — admin only */
html.dark-mode .page-content [style*="background:#fffbeb"] { background:rgba(217,119,6,.1)!important; }
html.dark-mode .page-content [style*="background:#eff6ff"],
html.dark-mode .page-content [style*="background:#EBF3FF"] { background:var(--dm-blue-l)!important; }
html.dark-mode .page-content [style*="background:#fef2f2"] { background:rgba(220,38,38,.08)!important; }
html.dark-mode .page-content [style*="background:#f0fdf4"] { background:rgba(22,163,74,.08)!important; }
html.dark-mode .page-content [style*="background:#fef3c7"] { background:rgba(245,158,11,.08)!important; }
html.dark-mode .page-content [style*="background:#f5f3ff"] { background:rgba(124,58,237,.08)!important; }

/* Borders — admin only */
html.dark-mode .page-content [style*="border:1px solid #e"],
html.dark-mode .page-content [style*="border:1.5px solid #e"],
html.dark-mode .page-content [style*="border-bottom:1px solid #f"],
html.dark-mode .page-content [style*="border-top:1px solid #f"] { border-color:var(--dm-border)!important; }

/* Sidebar */
html.dark-mode .navbar.sidebar,html.dark-mode .offcanvas,html.dark-mode .sidebar-content { background:var(--dm-bg2)!important; border-right-color:var(--dm-border)!important; }
html.dark-mode .sidebar-content .nav-link { color:var(--dm-text2)!important; }
html.dark-mode .sidebar-content .nav-link:hover,html.dark-mode .sidebar-content .nav-link.active { background:var(--dm-blue-l)!important;color:var(--dm-blue)!important; }
html.dark-mode .sidebar-section { color:var(--dm-text3)!important; }

/* Topbar */
html.dark-mode .top-bar { background:var(--dm-bg2)!important;border-bottom-color:var(--dm-border)!important; }
html.dark-mode .top-bar .topbar-search input { background:var(--dm-bg3)!important;border-color:var(--dm-border)!important;color:var(--dm-text)!important; }
html.dark-mode .top-bar .topbar-search input::placeholder { color:var(--dm-text3)!important; }
html.dark-mode .top-bar .topbar-search input:focus { border-color:var(--dm-blue)!important;box-shadow:0 0 0 3px rgba(59,130,246,.15)!important; }
html.dark-mode .tb-action { background:var(--dm-bg3)!important;color:var(--dm-text2)!important;border-color:var(--dm-border)!important; }
html.dark-mode .tb-action:hover { background:var(--dm-blue-l)!important;color:var(--dm-blue)!important; }
html.dark-mode .date-chip { background:var(--dm-bg3)!important;color:var(--dm-text2)!important;border-color:var(--dm-border)!important; }

/* Dropdowns */
html.dark-mode .profile-dropdown,html.dark-mode .notif-dropdown,html.dark-mode .dropdown-menu { background:var(--dm-bg2)!important;border-color:var(--dm-border)!important;box-shadow:0 8px 32px var(--dm-shadow)!important; }
html.dark-mode .pd-item,html.dark-mode .dropdown-item { color:var(--dm-text2)!important; }
html.dark-mode .pd-item:hover,html.dark-mode .dropdown-item:hover { background:var(--dm-bg3)!important;color:var(--dm-text)!important; }
html.dark-mode .dropdown-divider { border-color:var(--dm-border)!important; }

/* Cards */
html.dark-mode .page-content .card { background:var(--dm-surface)!important;border-color:var(--dm-border)!important; }
html.dark-mode .page-content .card-header { background:var(--dm-bg3)!important;border-bottom-color:var(--dm-border)!important; }
html.dark-mode .page-content .card-footer { background:var(--dm-bg3)!important;border-top-color:var(--dm-border)!important; }
html.dark-mode .page-content .sec-card { background:var(--dm-surface)!important;border-color:var(--dm-border)!important; }

/* Tables */
html.dark-mode .page-content .table { color:var(--dm-text)!important; }
html.dark-mode .page-content .table th,html.dark-mode .page-content .tbl-th { color:var(--dm-text2)!important;border-color:var(--dm-border)!important;background:var(--dm-bg3)!important; }
html.dark-mode .page-content .table td { border-color:var(--dm-border)!important; }
html.dark-mode .page-content .table-hover>tbody>tr:hover>td { background:var(--dm-bg3)!important; }
html.dark-mode .page-content thead { background:var(--dm-bg3)!important; }

/* Forms */
html.dark-mode .page-content .form-control,
html.dark-mode .page-content .form-select,
html.dark-mode .page-content input[type=text],
html.dark-mode .page-content input[type=email],
html.dark-mode .page-content input[type=password],
html.dark-mode .page-content input[type=number],
html.dark-mode .page-content input[type=date],
html.dark-mode .page-content input[type=tel],
html.dark-mode .page-content textarea,
html.dark-mode .page-content select { background:var(--dm-bg3)!important;border-color:var(--dm-border)!important;color:var(--dm-text)!important; }
html.dark-mode .page-content .form-control:focus,html.dark-mode .page-content input:focus,html.dark-mode .page-content textarea:focus { border-color:var(--dm-blue)!important;box-shadow:0 0 0 3px rgba(59,130,246,.15)!important; }
html.dark-mode .page-content ::placeholder { color:var(--dm-text3)!important; }
html.dark-mode .page-content .input-group-text { background:var(--dm-bg3)!important;border-color:var(--dm-border)!important;color:var(--dm-text2)!important; }

/* Buttons */
html.dark-mode .page-content .btn-outline-secondary { border-color:var(--dm-border)!important;color:var(--dm-text2)!important; }
html.dark-mode .page-content .btn-light { background:var(--dm-bg3)!important;border-color:var(--dm-border)!important;color:var(--dm-text)!important; }

/* Stat pills & cards */
html.dark-mode .page-content .stat-pill { background:var(--dm-surface)!important;border-color:var(--dm-border)!important; }
html.dark-mode .page-content .stat-pill-val { color:var(--dm-text)!important; }
html.dark-mode .page-content .stat-pill-lbl { color:var(--dm-text2)!important; }

/* Section headers */
html.dark-mode .page-content .sec-hd { color:var(--dm-text)!important; }
html.dark-mode .page-content .sec-title { color:var(--dm-text)!important; }
html.dark-mode .page-content .sec-title i { color:var(--dm-blue)!important; }

/* Quick actions */
html.dark-mode .page-content .qa-tile { background:var(--dm-surface)!important;border-color:var(--dm-border)!important; }
html.dark-mode .page-content .qa-tile .qa-lbl { color:var(--dm-text2)!important; }
html.dark-mode .page-content .qa-tile:hover { border-color:var(--dm-blue)!important;background:var(--dm-bg3)!important; }

/* Modals */
html.dark-mode .modal-content { background:var(--dm-bg2)!important;border-color:var(--dm-border)!important;color:var(--dm-text)!important; }
html.dark-mode .modal-header,html.dark-mode .modal-footer { border-color:var(--dm-border)!important; }

/* Misc */
html.dark-mode .page-content hr { border-color:var(--dm-border)!important; }
html.dark-mode .page-content .badge.bg-light { background:var(--dm-bg3)!important;color:var(--dm-text)!important; }
html.dark-mode .os-scrollbar-track { background:var(--dm-bg3)!important; }
html.dark-mode .os-scrollbar-handle { background:var(--dm-border)!important; }

/* Dark mode toggle button */
#dm-toggle { width:38px;height:38px;border-radius:10px;border:1.5px solid #e5e7eb;background:#f8fafc;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.18s;font-size:16px;flex-shrink:0; }
#dm-toggle:hover { background:#EBF3FF;color:#0057B8;border-color:#bfdbfe; }
html.dark-mode #dm-toggle { background:#1e293b;border-color:#334155;color:#94a3b8; }
html.dark-mode #dm-toggle:hover { background:rgba(59,130,246,.12);color:#3b82f6;border-color:#3b82f6; }

/* Activity tracker */
html.dark-mode .staff-row { background:#1e293b!important;border-color:#334155!important; }
html.dark-mode .staff-row:hover { border-color:#3b82f6!important; }
html.dark-mode .url-chip { background:#263148!important;color:#94a3b8!important; }
html.dark-mode .sec-label { color:#475569!important; }
html.dark-mode .sec-label::after { background:#334155!important; }
html.dark-mode .act-card { background:#1e293b!important; }
html.dark-mode .tl-bar { background:#334155!important; }
html.dark-mode .status-dot { border-color:#1e293b!important; }
html.dark-mode .refresh-badge { background:rgba(34,197,94,.1)!important;border-color:rgba(34,197,94,.25)!important; }

/* Package create page specific */
html.dark-mode .page-content .tag-box { background:#263148!important;border-color:#334155!important; }
html.dark-mode .page-content .tag-input { color:#e2e8f0!important; }
html.dark-mode .page-content .tag-item { background:#334155!important;color:#e2e8f0!important; }
html.dark-mode .page-content .day-card { background:#1e293b!important;border-color:#334155!important; }
html.dark-mode .page-content .day-num { background:#334155!important;color:#e2e8f0!important; }
html.dark-mode .page-content .chk-wrap { background:#263148!important;border-color:#334155!important; }
html.dark-mode .page-content .chk-wrap span { color:#e2e8f0!important; }
html.dark-mode .page-content .type-card { background:#263148!important;border-color:#334155!important; }
html.dark-mode .page-content .type-card .tc-name { color:#e2e8f0!important; }
html.dark-mode .page-content .type-card .tc-desc { color:#94a3b8!important; }
html.dark-mode .page-content .day-ai-box input { background:#263148!important;border-color:#c4b5fd!important;color:#e2e8f0!important; }
html.dark-mode .page-content .add-btn { background:#263148!important;border-color:#3b82f6!important;color:#60a5fa!important; }