/* DAFTAR V1.5 FINAL DESIGN SYSTEM
   Non-destructive visual layer over the latest audited UI.
*/
:root{
  --df-navy:#0b1f36;
  --df-navy-2:#102b49;
  --df-orange:#f97316;
  --df-bg:#f4f7fb;
  --df-surface:#ffffff;
  --df-border:#e5eaf1;
  --df-text:#172033;
  --df-muted:#7e8a9b;
  --df-radius:16px;
  --df-shadow:0 8px 24px rgba(20,38,63,.07);
}
html,body{background:var(--df-bg)!important;color:var(--df-text)}
.sidebar{
  background:linear-gradient(180deg,var(--df-navy),#08192d)!important;
  box-shadow:-8px 0 30px rgba(7,22,39,.10);
}
.sidebar .brand,.brand{letter-spacing:-.01em}
.sidebar .nav-item.active,.sidebar [data-page].active,.nav-item.active{
  background:linear-gradient(90deg,#ff8125,var(--df-orange))!important;
  color:#fff!important;
  border-radius:11px!important;
  box-shadow:0 7px 18px rgba(249,115,22,.22);
}
.topbar,.header,.app-header{
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid var(--df-border)!important;
  backdrop-filter:blur(10px);
}
.card,.panel,.stat-card,.kpi,.widget,.table-wrap,.modal-content{
  background:var(--df-surface)!important;
  border:1px solid var(--df-border)!important;
  border-radius:var(--df-radius)!important;
  box-shadow:var(--df-shadow)!important;
}
button.primary,.btn-primary,.primary-btn{
  background:linear-gradient(90deg,#ff8125,var(--df-orange))!important;
  border:0!important;color:#fff!important;border-radius:10px!important;
  box-shadow:0 7px 18px rgba(249,115,22,.18);
}
button,.btn,input,select,textarea{font-family:inherit}
input,select,textarea{
  border-color:#dfe5ed!important;border-radius:9px!important;
}
table{border-collapse:separate;border-spacing:0;width:100%}
thead th{background:#f8fafc!important;color:#6f7d90!important}
th,td{border-bottom-color:#edf1f5!important}
.badge,.status{border-radius:999px!important}
.page-title h1,.page-title h2,h1,h2,h3{letter-spacing:-.02em}
.muted,.subtitle,.helper{color:var(--df-muted)!important}

/* Improve the original home/dashboard without changing IDs or handlers */
.dashboard-grid,.stats-grid,.kpi-grid{
  gap:14px!important;
}
.smart-command,.ai-command,.command-box{
  border:1px solid #fed7aa!important;
  background:linear-gradient(135deg,#fff,#fff8f1)!important;
  border-radius:18px!important;
}

/* Platform/owner links visually distinguished */
[data-page="platform-admin"],[data-page="templates"],[data-page="projects"]{
  position:relative;
}

/* Mobile */
@media(max-width:800px){
  .card,.panel,.stat-card,.kpi,.widget{border-radius:13px!important}
  .content,.main-content{padding:12px!important}
}

/* V1.5 boot/login reliability */
#loginMsg{min-height:22px;margin-top:10px;font-size:13px;font-weight:700}
.auth-card{position:relative}