/* ============================================================
   INTERFACE THEME ENGINE (V5.7 Master)
   ──────────────────────────────────────────────────────────── 
   This file manages base variables and imports theme-specific 
   overrides to prevent color collisions and improve stability.
   ============================================================ */

/* 1. LAYERED ARCHITECTURE: Theme-Specific Overrides */
@import url('themes/default.css?v=5.8');
@import url('themes/light.css?v=5.8');
@import url('themes/dark.css?v=5.8');

/* 2. BASE VARIABLES (Fallback / Hierarchy) */
:root {
    --drawer-bg: #1a1a1f;
    --drawer-overlay: rgba(8, 12, 23, 0.6);
    --drawer-text: #ffffff;
    --drawer-muted: rgba(255, 255, 255, 0.4);
    --drawer-item-bg: rgba(255, 255, 255, 0.03);
    --drawer-item-border: rgba(255, 255, 255, 0.06);
    --drawer-close-bg: rgba(255, 255, 255, 0.1);
    --nav-bg: rgba(30, 30, 35, 0.88);
    --nav-border: rgba(255, 255, 255, 0.12);
}

/* 3. THEME SWITCHER UI (Global) */
.theme-switcher-wrapper {
    display: flex;
    align-items: center;
    gap: 4px;
    background: rgba(255,255,255,0.07);
    padding: 4px;
    border-radius: 50px;
    border: 1px solid rgba(255,255,255,0.12);
}

.theme-btn {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
    background: transparent;
    color: rgba(255,255,255,0.6);
    transition: all 0.25s ease;
    font-size: 0.85rem;
}

.theme-btn:hover { color: #fff; background: rgba(255,255,255,0.1); }
.theme-btn.active {
    background: #ff5e00;
    color: white !important;
    box-shadow: 0 4px 12px rgba(255,94,0,0.35);
}

@media (max-width: 768px) {
    .theme-switcher-wrapper { padding: 2px !important; gap: 2px !important; border-radius: 40px !important; }
    .theme-btn { width: 25px !important; height: 25px !important; font-size: 0.7rem !important; }
}

/* 4. PAPER THEME PROTECTION (Exempt from Theme Overrides) */
.receipt-paper, .contract-paper, .invoice-container, .contract-page, #contractContent {
    background: #ffffff !important;
    color: #1e293b !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.1) !important;
}

body.paper-body { background-color: #f1f5f9 !important; }
html[data-theme="dark"] body.paper-body { background-color: #3b3d40 !important; }

.receipt-paper h1, .receipt-paper h2, .receipt-paper p, .receipt-paper span, .receipt-paper td, .receipt-paper th, .receipt-paper strong,
.contract-paper h1, .contract-paper h2, .contract-paper p, .contract-paper span, .contract-paper td, .contract-paper th, .contract-paper strong,
.invoice-container h1, .invoice-container h2, .invoice-container p, .invoice-container span, .invoice-container td, .invoice-container th, .invoice-container strong {
    color: #1e293b !important;
}

/* 5. ANDROID ADMIN ULTRA-STABILIZER (Core Engine) */
html.android-admin-bg { background-attachment: scroll !important; }

html.android-admin-bg body::before {
    content: "" !important;
    display: block !important;
    position: fixed !important;
    inset: -10% !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: scroll !important;
    z-index: -2000 !important;
    transform: none !important;
    -webkit-transform: none !important;
}

html.android-admin-bg body::after {
    content: "" !important;
    display: block !important;
    position: fixed !important;
    inset: -10% !important;
    z-index: -1950 !important;
    pointer-events: none !important;
}

/* Stability Line Removal */
html.android-admin-bg .mobile-action-bar,
html.android-admin-bg .mobile-nav,
html.android-admin-bg .mobile-bottom-nav,
html.android-admin-bg .hub-bar,
html.android-admin-bg .admin-layout,
html.android-admin-bg .portal-content {
    border: none !important;
    border-top: none !important;
    box-shadow: none !important;
}

/* Scoped Transparency */
html.android-admin-bg:not([data-theme="light"]) .admin-layout,
html.android-admin-bg:not([data-theme="light"]) .portal-content,
html.android-admin-bg:not([data-theme="light"]) body {
    background: transparent !important;
}

/* Cleanup */
html.android-admin-bg body { background: transparent !important; }
html.android-admin-bg::after, html.android-admin-bg::before { display: none !important; }

/* 6. SIDEBAR THEME SWITCHER RELIABILITY */
.theme-switcher-sidebar-wrap .theme-switcher-wrapper {
    border-radius: 12px !important;
    padding: 3px !important;
    background: rgba(0,0,0,0.15) !important;
}
.sidebar.collapsed .theme-switcher-sidebar-wrap .theme-btn {
    width: 45px !important;
    height: 45px !important;
    background: rgba(255,255,255,0.04) !important;
}