/* assets/app.css */
:root{
  --bg:#f6f7fb; --card:#ffffff; --text:#111827; --muted:#6b7280; --border:rgba(0,0,0,.08);
}
:root[data-theme="dark"]{
  --bg:#0b1020; --card:#0f172a; --text:#e5e7eb; --muted:#9ca3af; --border:rgba(255,255,255,.10);
}
html,body{height:100%; background:var(--bg); color:var(--text);}
.card,.navbar,.dropdown-menu,.list-group-item{background:var(--card)!important;color:var(--text)!important;border-color:var(--border)!important;}
.text-muted{color:var(--muted)!important;}
.brand-badge{width:12px;height:12px;border-radius:4px;display:inline-block;margin-right:8px;background:linear-gradient(135deg,#f59e0b,#ef4444);}
.btn-theme{border:1px solid var(--border);}

.app-layout{min-height:100vh;display:flex;}
.app-sidebar{width:260px;background:var(--card);}
.app-main{flex:1;display:flex;flex-direction:column;min-width:0;}
.app-topbar{background:var(--card);}
.app-content{flex:1;}
.app-right{width:300px;background:var(--card);}

.list-group-item.active{background:rgba(59,130,246,.12)!important;border-color:rgba(59,130,246,.25)!important;}

@media (max-width: 991.98px){
  .app-sidebar{position:fixed;top:0;left:0;height:100vh;transform:translateX(-110%);transition:transform .2s ease;z-index:1040;}
  .app-sidebar.open{transform:translateX(0);}
  .app-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:1030;}
}