/* ═══════════════════════════════════════════════
   Warm Theme Override
   Injects warm cream colors over dark-themed pages
   This file MUST be loaded AFTER any inline dark CSS
   ═══════════════════════════════════════════════ */

/* Force warm background and text */
body{background:var(--bg,#F5F4F0)!important;color:var(--t,#18181B)!important;font-family:'Outfit',sans-serif!important}

/* Dark sidebar overrides */
.sidebar,aside.sidebar,nav.sidebar{background:var(--s,#FFFFFF)!important;border-right:1px solid var(--b,#E2E0D8)!important}
.sidebar *{color:var(--m,#78716C)!important}
.sidebar .active,.sidebar .nav-item.active,.sidebar .sb-link.active{background:var(--gold-l,#FFFBEB)!important;color:var(--gold,#B45309)!important;border-left:3px solid var(--gold,#B45309)!important}
.sidebar .active *,.sidebar .nav-item.active *,.sidebar .sb-link.active *{color:var(--gold,#B45309)!important}
.sidebar-brand,.sb-logo{border-bottom:1px solid var(--b,#E2E0D8)!important}
.sidebar-brand *,.brand-text *,.sb-logo *{color:var(--t,#18181B)!important}
.sidebar-footer,.sb-footer{border-top:1px solid var(--b,#E2E0D8)!important}

/* Main content */
.main{background:var(--bg,#F5F4F0)!important}

/* Topbar */
.topbar,.header{background:var(--s,#FFFFFF)!important;border-bottom:1px solid var(--b,#E2E0D8)!important}
.topbar *,.header *{color:var(--t,#18181B)!important}

/* Cards, containers */
.card,.container,.panel,.section,.content-card,.experiment-card,.flow-card{background:var(--s,#FFFFFF)!important;border:1px solid var(--b,#E2E0D8)!important;color:var(--t,#18181B)!important}
.card *,.container *,.panel *{color:inherit!important}

/* Tables */
table,th,td{border-color:var(--b,#E2E0D8)!important}
th{color:var(--m,#78716C)!important}
td{color:var(--t,#18181B)!important}
tr:hover{background:var(--bg,#F5F4F0)!important}

/* Inputs */
input,textarea,select{background:var(--bg,#F5F4F0)!important;border:1px solid var(--b,#E2E0D8)!important;color:var(--t,#18181B)!important;font-family:'Outfit',sans-serif!important}
input:focus,textarea:focus,select:focus{border-color:var(--gold,#B45309)!important;box-shadow:0 0 0 3px rgba(180,83,9,.1)!important;outline:none!important}

/* Buttons */
button{background:var(--s,#FFFFFF)!important;border:1px solid var(--b,#E2E0D8)!important;color:var(--m,#78716C)!important;font-family:'Outfit',sans-serif!important;border-radius:var(--rs,8px)!important;transition:all .2s!important}
button:hover{background:var(--bg,#F5F4F0)!important;color:var(--t,#18181B)!important;border-color:var(--gold,#B45309)!important}
button.primary,button.active,.btn-primary{background:var(--t,#18181B)!important;color:#fff!important;border-color:transparent!important}
button:disabled{opacity:.4!important}

/* Badges, tags */
.badge,.tag,.label,.chip{border-radius:999px!important}

/* Links */
a{color:var(--blue,#1D4ED8)!important;text-decoration:none!important}
a:hover{text-decoration:underline!important}

/* Scrollbar */
::-webkit-scrollbar{width:5px!important}
::-webkit-scrollbar-track{background:transparent!important}
::-webkit-scrollbar-thumb{background:var(--b,#E2E0D8)!important;border-radius:3px!important}
::-webkit-scrollbar-thumb:hover{background:var(--m,#78716C)!important}

/* code, pre */
code,pre{background:var(--bg,#F5F4F0)!important;color:var(--t,#18181B)!important;border:1px solid var(--b,#E2E0D8)!important;border-radius:var(--rs,8px)!important;font-family:'JetBrains Mono',monospace!important}

/* IFRAME MODE */
html.in-iframe .sidebar,html.in-iframe aside.sidebar,html.in-iframe nav.sidebar{display:none!important}
html.in-iframe .nav-header{display:none!important}
html.in-iframe .main{margin-left:0!important}
html.in-iframe .main-content{margin:0!important;padding:20px!important}

/* nav-header - hidden by default since main.html provides navigation */
.nav-header{display:none!important}
