/* =============================================================
   DASHBOARD AKREDITASI UNZAH — MARUN & EMAS
   Identitas kampus • Netral lintas LAM/BAN-PT
   Ubah warna utama melalui variabel berikut untuk penyesuaian.
   ============================================================= */
:root{
  --unzah-maroon:#732B48;
  --unzah-maroon-dark:#531C36;
  --unzah-maroon-pale:#F8EEF2;
  --unzah-gold:#B98A2B;
  --unzah-gold-soft:#FFF4D9;
  --unzah-ink:#302834;
  --unzah-muted:#837784;
  --unzah-cream:#FCF9F4;
  --unzah-border:#EAE0DF;
  --bg:#FCF9F4;
  --surface:#FFFFFF;
  --navy:#352739;
  --ink:#302834;
  --muted:#837784;
  --teal:#732B48;
  --teal-dark:#531C36;
  --teal-pale:#F8EEF2;
  --dark:#531C36;
  --tint:#F8EEF2;
  --line:#EAE0DF;
  --border:#EAE0DF;
  --shadow:0 9px 30px rgba(63,26,44,.055);
}
html{accent-color:var(--unzah-maroon)}
body,.admin-body,.auth-body{background:var(--unzah-cream);color:var(--unzah-ink)}
.auth-body{background:radial-gradient(circle at 5% 0%,rgba(185,138,43,.14),transparent 44%),linear-gradient(145deg,#FCF9F4,#F8F2F4)!important}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#D5A34B!important}
.topbar,.admin-top,.portal-top{background:#fff!important;border-bottom:1px solid var(--unzah-border)!important;box-shadow:0 2px 20px rgba(65,32,45,.035)}
.topbar:before,.admin-top:before,.portal-top:before{content:'';position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--unzah-maroon-dark),var(--unzah-maroon) 62%,var(--unzah-gold))}
.topbar,.admin-top,.portal-top{position:relative}
.topbar{position:sticky;top:0;z-index:40}
.admin-top{position:sticky;top:0;z-index:30}
/* Logo asli UNZAH tanpa kotak warna, ideal untuk logo lembaga. */
.topbar .brand-icon.unzah-logo-slot,.portal-brand .unzah-logo-slot{width:78px!important;min-width:78px!important;height:66px!important;flex-basis:78px!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important}
.topbar .unzah-header-logo,.portal-brand .unzah-header-logo{width:100%!important;height:100%!important;object-fit:contain!important}
.admin-brand .admin-mark,.admin-brand .admin-mark.admin-unzah-logo{width:82px!important;min-width:82px!important;height:68px!important;flex:0 0 82px!important}
.auth-card .auth-mark,.auth-card .auth-mark.auth-unzah-logo{width:112px!important;height:98px!important;min-height:98px!important;margin-bottom:12px!important}
.auth-card .auth-mark img,.admin-brand .admin-mark img{object-fit:contain!important}
.brand-title,.admin-brand strong,.portal-brand-title,.portal-inner h1,.title-area h1,.admin-pagehead h1,.auth-card h1{color:var(--unzah-ink)!important}
.brand-caption,.admin-brand small,.portal-brand-title small{color:var(--unzah-muted)!important}
.sidebar,.admin-sidebar{background:#fffdfb!important;border-color:var(--unzah-border)!important}
.main-area,.admin-main{background:transparent}
.sidebar-eyebrow,.admin-eyebrow,.overline,.eyebrow,.portal-kicker,.auth-label{color:var(--unzah-maroon)!important}
.eyebrow-line{background:var(--unzah-gold)!important}
.criterion.active,.admin-nav-item.active,.row-active,.item-row.row-active{background:var(--unzah-maroon-pale)!important;color:var(--unzah-maroon-dark)!important}
.criterion:hover,.admin-nav-item:hover,.item-row:hover{background:#FBF5F4!important;color:var(--unzah-maroon)!important}
.criterion.active .criterion-number,.admin-nav-index.active,.criterion-number.active{background:var(--unzah-maroon)!important;color:#fff!important}
.admin-sidebar .nav-active,.admin-sidebar .active,.admin-nav-item.selected{background:var(--unzah-maroon-pale)!important;color:var(--unzah-maroon-dark)!important}
.admin-nav-item.selected .admin-nav-index{background:var(--unzah-maroon)!important;color:#fff!important}
.demo-pill,.status.public{background:#FFF6E5!important;border-color:#F2E0B9!important;color:#835E18!important}
.demo-dot{background:var(--unzah-gold)!important}
.program-icon,.doc-icon,.stat-icon.turquoise,.sort-rank{background:var(--unzah-maroon-pale)!important;color:var(--unzah-maroon)!important}
.stat-icon.blue{background:#F6F0E7!important;color:#8C6332!important}
.stat-icon.amber{background:#FFF4DB!important;color:#A6751F!important}
.title-decoration{background:linear-gradient(140deg,#fff,#FFF5DF)!important;border-color:#F1E3C1!important;color:var(--unzah-gold)!important}
.btn.primary,button.btn.primary,.program-admin .btn.primary{background:var(--unzah-maroon)!important;border-color:var(--unzah-maroon)!important;color:#fff!important}
.btn.primary:hover,button.btn.primary:hover{background:var(--unzah-maroon-dark)!important;border-color:var(--unzah-maroon-dark)!important}
.btn.subtle,.btn.outline,.portal-admin,.toggle-groups{border-color:#E6D9DA!important;color:var(--unzah-maroon)!important}
.btn.subtle:hover,.btn.outline:hover,.portal-admin:hover,.toggle-groups:hover{background:var(--unzah-maroon-pale)!important;color:var(--unzah-maroon-dark)!important}
.portal-brand:hover .portal-brand-title,.brand-home-link:hover .brand-title{color:var(--unzah-maroon)!important}
.program-card:hover,.program-card:focus-visible{border-color:#D5B6C1!important;box-shadow:0 14px 28px rgba(94,35,64,.11)!important}
.program-cta,.multi-shortcut,.multi-card details>summary{color:var(--unzah-maroon)!important}
.portal-lead,.program-desc,.portal-inner p,.admin-pagehead p{color:var(--unzah-muted)}
.footnote,.help-panel,.admin-footnote{background:#FFF9EE!important;border-color:#F0E1C6!important;color:#806B53!important}
.footnote strong,.footnote .icon,.help-panel .icon{color:#916A25!important}
.file-link:not(.not-set){background:var(--unzah-maroon-pale)!important;color:var(--unzah-maroon-dark)!important}
.file-link:not(.not-set):hover{background:#ECD8E1!important}
.search-field:focus-within{border-color:#C49CA9!important;box-shadow:0 0 0 3px rgba(115,43,72,.10)!important}
.group-title,.doc-name,.stat-detail strong,.program-name{color:var(--unzah-ink)!important}
.item-symbol,.file-symbol,.sort-rank{color:var(--unzah-maroon)!important}
.sort-rank{background:var(--unzah-maroon-pale)!important}
.auth-card,.panel,.stat-card,.program-card,.multi-card,.doc-group{border-color:var(--unzah-border)!important}
/* Semantik peringatan dan keberhasilan tetap berbeda dari warna merek. */
.alert.success,.unzah-live-status.success{background:#E9F8EE!important;color:#12633D!important;border-color:#B8DECA!important}
.alert.error,.unzah-live-status.error{background:#FFF0EE!important;color:#983A35!important;border-color:#F2C8C3!important}
@media(max-width:690px){
 .topbar .brand-icon.unzah-logo-slot,.portal-brand .unzah-logo-slot{width:56px!important;min-width:56px!important;height:48px!important;flex-basis:56px!important}
 .admin-brand .admin-mark,.admin-brand .admin-mark.admin-unzah-logo{width:57px!important;min-width:57px!important;height:49px!important;flex:0 0 57px!important}
 .auth-card .auth-mark,.auth-card .auth-mark.auth-unzah-logo{width:103px!important;height:92px!important;min-height:92px!important}
}
@media(max-width:390px){
 .topbar .brand-icon.unzah-logo-slot,.portal-brand .unzah-logo-slot{width:48px!important;min-width:48px!important;flex-basis:48px!important}
 .admin-brand .admin-mark,.admin-brand .admin-mark.admin-unzah-logo{width:49px!important;min-width:49px!important;flex:0 0 49px!important}
}
