:root{
  --app-primary:#1f4e79;
  --app-primary-dark:#163a5a;
  --app-accent:#2e86de;
  --sidebar-w:250px;
}
*{font-family:'Sarabun',system-ui,-apple-system,'Segoe UI',sans-serif;}
body{background:#f4f6f9;color:#212529;}
.fw-600{font-weight:600;}

/* Navbar */
.app-navbar{background:var(--app-primary);}
.app-navbar .navbar-brand{font-weight:600;font-size:1.05rem;}

/* Layout shell */
.app-shell{display:flex;min-height:calc(100vh - 56px);}
.app-sidebar{width:var(--sidebar-w);background:#fff;border-right:1px solid #e3e6ea;flex-shrink:0;}
.app-main{flex:1;min-width:0;}
@media (min-width:768px){
  .app-sidebar{position:sticky;top:56px;height:calc(100vh - 56px);overflow-y:auto;}
}

/* Sidebar nav */
.app-sidebar .nav-link{color:#3d4b5c;border-radius:0;padding:.65rem 1.25rem;font-weight:500;}
.app-sidebar .nav-link:hover{background:#eef4fb;color:var(--app-primary);}
.app-sidebar .nav-link.active{background:#e7f0fb;color:var(--app-primary);border-left:3px solid var(--app-primary);}
.app-sidebar .nav-section{padding:.75rem 1.25rem .25rem;font-size:.72rem;font-weight:700;letter-spacing:.03em;color:#9aa5b1;text-transform:uppercase;}

/* Cards */
.card{border:none;box-shadow:0 1px 3px rgba(16,24,40,.08);border-radius:.6rem;}
.card-header{background:#fff;border-bottom:1px solid #eef0f3;font-weight:600;}
.stat-card .stat-value{font-size:1.9rem;font-weight:700;line-height:1.1;}
.stat-card .stat-label{color:#6b7683;font-size:.85rem;}

/* KPI category tint */
.kpi-org{border-left:4px solid #1f4e79;}
.kpi-duty{border-left:4px solid #17a2b8;}
.kpi-specific{border-left:4px solid #f0ad4e;}

/* Progress */
.progress{height:1.25rem;border-radius:.5rem;background:#e9ecef;}
.progress-bar{font-size:.75rem;font-weight:600;}

/* Cascade / tree */
.kpi-tree, .kpi-tree ul{list-style:none;margin:0;padding-left:1.25rem;}
.kpi-tree li{position:relative;padding:.35rem 0;}
.kpi-tree li::before{content:"";position:absolute;left:-.75rem;top:0;border-left:1px solid #cdd5df;height:100%;}
.kpi-tree li:last-child::before{height:1.1rem;}
.kpi-tree li::after{content:"";position:absolute;left:-.75rem;top:1.1rem;border-top:1px solid #cdd5df;width:.6rem;}
.kpi-node{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #e3e6ea;border-radius:.4rem;padding:.35rem .6rem;}

/* Auth page */
.auth-body{background:linear-gradient(135deg,var(--app-primary),var(--app-accent));min-height:100vh;display:flex;align-items:center;}
.auth-card{max-width:400px;width:100%;margin:auto;border-radius:.8rem;}
.btn-primary{background:var(--app-primary);border-color:var(--app-primary);}
.btn-primary:hover{background:var(--app-primary-dark);border-color:var(--app-primary-dark);}
.text-primary{color:var(--app-primary)!important;}

/* Print */
@media print{
  .app-navbar,.app-sidebar,.no-print,.btn{display:none!important;}
  .app-shell{display:block;}
  .app-main{width:100%;}
  body{background:#fff;}
  .card{box-shadow:none;border:1px solid #ccc;}
  .print-only{display:block!important;}
}
.print-only{display:none;}