/* GHS V7 THEME — navy · maroon · emas, mengikuti desain "GHS OS" (Nov 2026).
   Dimuat PALING AKHIR (setelah semua <style> inline) agar menang urutan.
   Selektor diawali "html body" untuk mengalahkan aturan !important lama. */
:root{
  --v7-navy:#0F2444; --v7-navy-2:#132D55; --v7-navy-3:#0A1A33;
  --v7-maroon:#9B1B22; --v7-maroon-2:#B3232B; --v7-maroon-d:#741219;
  --v7-gold:#C9A043; --v7-gold-2:#E2C376; --v7-gold-soft:#F7EED7;
  --v7-bg:#F3F5F9; --v7-card:#FFFFFF; --v7-line:#E5E9F0; --v7-ink:#16243A; --v7-ink-2:#5D6B80;
  --v7-ok:#1F8A4C; --v7-ok-soft:#E3F4EA; --v7-warn-soft:#FDECEC; --v7-radius:14px;
  --v7-shadow:0 6px 18px rgba(15,36,68,.07);
  --P:#9B1B22; --Pd:#0F2444; --Pl:#FBEDEE; --Pa:#C9A043; --BG:#F3F5F9; --INK:#16243A; --INK2:#5D6B80; --LINE:#E5E9F0;
  --ghs-header-h:72px;
}
html body{background:var(--v7-bg)!important;color:var(--v7-ink);}

/* ───────── HEADER ───────── */
html body .hdr.ghs-topbar-v6{
  height:72px!important;min-height:72px!important;padding:0 14px 0 0!important;
  background:#fff!important;border-bottom:0!important;
  box-shadow:0 4px 18px rgba(15,36,68,.08)!important;backdrop-filter:none!important;
}
html body .hdr.ghs-topbar-v6::after{ /* garis aksen maroon → emas */
  content:'';position:absolute;left:0;right:0;bottom:-3px;height:3px;
  background:linear-gradient(90deg,var(--v7-maroon) 0%,var(--v7-maroon) 22%,var(--v7-gold) 46%,var(--v7-gold-2) 60%,rgba(201,160,67,0) 100%);
}
html body .hdr.ghs-topbar-v6 .hdr-inner{
  grid-template-columns:272px 230px minmax(240px,520px) minmax(12px,1fr) auto!important;gap:16px!important;
}
html body .v7-brand.ghs-brand-v6{
  grid-column:1!important;align-self:stretch;height:72px;display:flex!important;align-items:center!important;gap:10px!important;
  padding:0 30px 0 14px;position:relative;color:#fff;min-width:0;overflow:hidden;
  background:linear-gradient(135deg,var(--v7-navy-3) 0%,var(--v7-navy) 55%,var(--v7-navy-2) 100%);
  clip-path:polygon(0 0,100% 0,calc(100% - 18px) 100%,0 100%);
}
html body .v7-brand.ghs-brand-v6::after{content:'';position:absolute;right:6px;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--v7-gold-2),var(--v7-gold));transform:skewX(-14deg);}
html body .v7-os #ghsNavToggle.ghs-nav-toggle{
  width:34px!important;height:34px!important;border-radius:9px!important;flex:none;
  background:#fff!important;border:1px solid #DDE3EC!important;color:var(--v7-navy)!important;font-size:0!important;box-shadow:0 2px 6px rgba(15,36,68,.05)!important;
}
html body .v7-os #ghsNavToggle.ghs-nav-toggle svg{width:19px;height:19px}
html body .v7-os #ghsNavToggle.ghs-nav-toggle:hover{border-color:var(--v7-navy)!important}
html body .v7-brand .hdr-logo-img{width:74px!important;height:48px!important;flex:none!important;object-fit:contain!important;filter:drop-shadow(0 3px 6px rgba(0,0,0,.35))!important;margin:0!important;}
html body .v7-brand-text{display:flex!important;flex-direction:column!important;gap:3px;min-width:0;line-height:1!important}
html body .v7-brand-name{font-weight:900;font-size:13.5px;letter-spacing:.02em;color:#fff;line-height:1.05;text-transform:uppercase;white-space:nowrap}
html body .v7-ribbon{
  display:inline-block;align-self:flex-start;margin-top:3px;padding:3px 9px 3px 7px;font-size:8.6px;font-weight:700;letter-spacing:.02em;color:#fff;white-space:nowrap;
  background:linear-gradient(90deg,var(--v7-maroon-2),var(--v7-maroon));clip-path:polygon(0 0,100% 0,calc(100% - 6px) 100%,0 100%);
}
html body .v7-os{grid-column:2;display:flex;align-items:center;gap:12px;min-width:0}
html body .v7-os-text{display:flex;flex-direction:column;justify-content:center;min-width:0}
html body .v7-os .ghs-brand-main{font-size:20px!important;font-weight:900!important;color:var(--v7-navy)!important;letter-spacing:.01em!important}
html body .v7-os .ghs-brand-sub{font-size:10px!important;letter-spacing:.02em!important;color:var(--v7-ink-2)!important;font-weight:600!important;text-transform:none!important}
html body .ghs-top-search{grid-column:3!important;height:42px!important;border-radius:12px!important;border:1px solid #DDE3EC!important;background:#fff!important;box-shadow:0 2px 6px rgba(15,36,68,.04)!important}
html body .ghs-top-search .ghs-search-ico{color:var(--v7-navy)!important}
html body .user-bar{gap:10px!important}
html body .bell-btn,html body .ghs-apps-btn{width:42px!important;height:42px!important;border-radius:12px!important;background:#fff!important;border:1px solid #E1E6EE!important;box-shadow:0 2px 6px rgba(15,36,68,.05)!important}
html body .bell-count{background:var(--v7-maroon)!important;color:#fff!important;border:2px solid #fff!important}
html body .ghs-db-status{border-radius:12px!important;background:#fff!important;border:1px solid #E1E6EE!important;height:40px!important;padding:0 12px!important}
html body .ghs-profile-menu>summary{border-radius:14px!important;background:#fff!important;border:1px solid #E1E6EE!important;box-shadow:0 2px 6px rgba(15,36,68,.05)!important;padding:5px 10px 5px 6px!important}
html body .user-avatar{background:linear-gradient(135deg,var(--v7-navy),var(--v7-navy-2))!important;color:#fff!important;border:2px solid var(--v7-gold-2)!important}
html body .ui-nama{color:var(--v7-navy)!important;font-weight:800!important}
html body .ui-jabatan{color:var(--v7-ink-2)!important}

/* ───────── SIDEBAR ───────── */
@media (min-width:769px){
  html:not(.gh-sidebar-collapsed) body #divBar.divnav{width:272px!important;min-width:272px!important;max-width:272px!important}
  html:not(.gh-sidebar-collapsed) body .division.active{width:calc(100% - 272px)!important;margin-left:272px!important}
}
html body #divBar.divnav{
  background:radial-gradient(120% 60% at 0% 100%,rgba(155,27,34,.35) 0%,rgba(155,27,34,0) 60%),linear-gradient(180deg,var(--v7-navy) 0%,var(--v7-navy-3) 100%)!important;
  border-right:0!important;box-shadow:6px 0 24px rgba(10,26,51,.18)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html body #divBar.divnav{padding:14px 12px 110px!important}
@media (min-width:769px){
  html body #divBar.divnav::after{ /* gelombang emas di dasar sidebar */
    content:'';position:fixed;left:0;bottom:0;width:inherit;height:78px;pointer-events:none;z-index:0;opacity:.9;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 120' preserveAspectRatio='none'%3E%3Cpath d='M0 70 C70 30 140 110 256 45 L256 120 L0 120Z' fill='%23741219' opacity='.85'/%3E%3Cpath d='M0 86 C80 46 150 120 256 62' fill='none' stroke='%23E2C376' stroke-width='3'/%3E%3Cpath d='M0 98 C80 62 160 128 256 78' fill='none' stroke='%23C9A043' stroke-width='1.5' opacity='.7'/%3E%3C/svg%3E") no-repeat bottom/100% 100%;
  }
}
html body #divBar>.div-btn[data-div]{
  position:relative;z-index:1;display:flex!important;align-items:center!important;gap:12px!important;
  min-height:44px!important;margin:3px 0!important;padding:10px 14px!important;border-radius:12px!important;
  color:rgba(255,255,255,.88)!important;font-weight:650!important;font-size:13.5px!important;letter-spacing:.005em;
  background:transparent!important;border:1px solid transparent!important;box-shadow:none!important;text-align:left;
}
html body #divBar>.div-btn[data-div][title],html body #divBar>.div-btn[data-div]{opacity:1!important;transform:none!important}
html body #divBar>.div-btn[data-div]:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
html body #divBar>.div-btn[data-div].active{
  color:#fff!important;font-weight:800!important;
  background:linear-gradient(90deg,var(--v7-maroon-2) 0%,var(--v7-maroon) 70%,var(--v7-maroon-d) 100%)!important;
  border-color:rgba(226,195,118,.85)!important;box-shadow:0 8px 18px rgba(116,18,25,.35),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
html body #divBar>.div-btn[data-div] .v7-ico{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:9px;color:var(--v7-gold-2);background:rgba(255,255,255,.06)}
html body #divBar>.div-btn[data-div].active .v7-ico{color:#fff;background:rgba(255,255,255,.14)}
html body #divBar>.div-btn[data-div] .ghs-nav-chevron{margin-left:auto;color:rgba(255,255,255,.6)!important;font-size:16px}
html body .divnav button.locked::after,html body #divBar>.div-btn.locked::after{content:none!important;display:none!important}
html body #divBar>.v7-nav-heading{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin:16px 6px 6px;font-size:10.5px;font-weight:800;letter-spacing:.12em;color:rgba(255,255,255,.55);text-transform:uppercase}
html body #divBar>.v7-nav-heading::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(226,195,118,.55),rgba(226,195,118,0))}
html body #divBar>.ghs-root-nav{border-left:1px solid rgba(226,195,118,.35)!important;margin:0 0 6px 26px!important;padding:2px 0 4px 10px!important;position:relative;z-index:1}
html body #divBar>.ghs-root-nav>.ghs-root-nav-item,html body #divBar .v6-dir-sidebtn{color:rgba(255,255,255,.72)!important;background:transparent!important;border-radius:8px!important;font-size:12.5px!important}
html body #divBar>.ghs-root-nav>.ghs-root-nav-item:hover,html body #divBar .v6-dir-sidebtn:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}
html body #divBar>.ghs-root-nav>.ghs-root-nav-item.active,html body #divBar .v6-dir-sidebtn.active{background:rgba(201,160,67,.16)!important;color:var(--v7-gold-2)!important;font-weight:800!important}
html body #divBar>.ghs-root-nav>.ghs-root-nav-item.active::before{background:var(--v7-gold)!important}
html body #divBar::-webkit-scrollbar{width:6px}html body #divBar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:6px}
/* rel ikon (sidebar diciutkan) */
html.gh-sidebar-collapsed body #divBar>.div-btn[data-div]::before{content:none!important;display:none!important}
html.gh-sidebar-collapsed body #divBar>.div-btn[data-div]{padding:0!important;justify-content:center!important;width:48px!important;min-width:48px!important;margin:3px auto!important}
html.gh-sidebar-collapsed body #divBar>.div-btn[data-div] .v7-ico{width:34px;height:34px}
html.gh-sidebar-collapsed body #divBar>.v7-nav-heading{font-size:0;margin:10px 4px}
html.gh-sidebar-collapsed body #divBar.divnav{padding:12px 6px 140px!important}
html.gh-sidebar-collapsed body #divBar.divnav::after{width:64px}

/* ───────── KOMPONEN UMUM ───────── */
html body .division .card,html body .v55-card{border-radius:var(--v7-radius)!important;border:1px solid var(--v7-line)!important;box-shadow:var(--v7-shadow)!important;background:#fff!important}
html body .division .card h2{color:var(--v7-navy)!important;font-weight:800!important}
html body .btn.btn-p,html body button.btn-p{background:linear-gradient(180deg,var(--v7-maroon-2),var(--v7-maroon))!important;border-color:var(--v7-maroon-d)!important;color:#fff!important;box-shadow:0 6px 14px rgba(155,27,34,.22)!important}
html body .btn.btn-p:hover{background:linear-gradient(180deg,var(--v7-maroon),var(--v7-maroon-d))!important}
html body .btn.btn-ghost{color:var(--v7-navy)!important;border-color:#D7DDE7!important;background:#fff!important}
html body .btn.btn-ghost:hover{background:#F5F7FB!important;border-color:var(--v7-navy)!important}
html body .division nav.tabs{border-bottom:1px solid var(--v7-line)!important;gap:4px}
html body .division nav.tabs .tab-btn{color:var(--v7-ink-2)!important;font-weight:750!important}
html body .division nav.tabs .tab-btn.active{color:var(--v7-maroon)!important;border-bottom:3px solid var(--v7-maroon)!important;background:transparent!important}
html body .division table thead th{background:#F5F7FB!important;color:var(--v7-navy)!important;border-bottom:2px solid var(--v7-navy)!important}
html body .stat{border-radius:var(--v7-radius)!important;border:1px solid var(--v7-line)!important;box-shadow:var(--v7-shadow)!important;background:#fff!important;border-left:4px solid var(--v7-navy)!important}
html body .stat.ok{border-left-color:var(--v7-ok)!important}html body .stat.purple{border-left-color:var(--v7-maroon)!important}html body .stat.warn{border-left-color:var(--v7-gold)!important}
html body .stat .sval{color:var(--v7-navy)!important}
html body input:focus,html body select:focus,html body textarea:focus{border-color:var(--v7-navy)!important;box-shadow:0 0 0 3px rgba(15,36,68,.10)!important;outline:none!important}
html body footer.note{color:var(--v7-ink-2)!important}

/* ───────── BERANDA DIREKTUR ───────── */
html body .v7-home{display:flex;flex-direction:column;gap:16px}
html body .v7-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:stretch;min-height:150px;border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--v7-line);box-shadow:var(--v7-shadow)}
html body .v7-hero-copy{padding:22px 26px;display:flex;flex-direction:column;justify-content:center;gap:6px;position:relative;z-index:1}
html body .v7-hero-copy h1{margin:0;font-size:27px;font-weight:900;color:var(--v7-navy);letter-spacing:-.01em}
html body .v7-hero-copy h1 em{font-style:normal;color:var(--v7-maroon)}
html body .v7-hero-copy p{margin:0;color:var(--v7-ink-2);font-size:14px}
html body .v7-date{align-self:flex-start;margin-top:8px;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;background:#fff;border:1px solid var(--v7-line);box-shadow:0 2px 8px rgba(15,36,68,.06);font-weight:700;color:var(--v7-navy);font-size:13px}
html body .v7-date svg{color:var(--v7-maroon)}
html body .v7-hero-art{position:relative;background:url('/app-test/assets/login-background.png') center 62%/cover no-repeat}
html body .v7-hero-art::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.55) 16%,rgba(255,255,255,0) 38%)}
html body .v7-hero-badge{position:absolute;right:18px;bottom:14px;display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:14px;background:rgba(10,26,51,.82);border:1px solid rgba(226,195,118,.6);color:#fff;backdrop-filter:blur(4px)}
html body .v7-hero-badge img{width:66px;height:43px;object-fit:contain}
html body .v7-hero-badge b{display:block;font-size:12.5px;letter-spacing:.05em;line-height:1.15}
html body .v7-hero-badge small{display:block;margin-top:3px;font-size:9.5px;color:var(--v7-gold-2);letter-spacing:.03em}
html body .v7-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
html body .v7-kpi{display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--v7-radius);background:#fff;border:1px solid var(--v7-line);box-shadow:var(--v7-shadow);min-width:0}
html body .v7-kpi-ico{width:48px;height:48px;flex:none;border-radius:12px;display:grid;place-items:center;color:#fff}
html body .v7-kpi-ico.maroon{background:linear-gradient(135deg,var(--v7-maroon-2),var(--v7-maroon-d))}
html body .v7-kpi-ico.navy{background:linear-gradient(135deg,var(--v7-navy-2),var(--v7-navy-3))}
html body .v7-kpi-ico.gold{background:linear-gradient(135deg,var(--v7-gold-2),var(--v7-gold))}
html body .v7-kpi small{display:block;font-size:12.5px;font-weight:700;color:var(--v7-ink);line-height:1.2}
html body .v7-kpi strong{display:block;font-size:24px;font-weight:900;color:var(--v7-navy);line-height:1.15}
html body .v7-grid3{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr) minmax(0,1fr);gap:14px;align-items:start}
html body .v7-panel{background:#fff;border:1px solid var(--v7-line);border-radius:var(--v7-radius);box-shadow:var(--v7-shadow);overflow:hidden;min-width:0}
html body .v7-panel>header{display:flex;align-items:center;gap:10px;padding:14px 16px 10px}
html body .v7-panel>header .v7-head-ico{color:var(--v7-maroon);display:grid}
html body .v7-panel>header h3{margin:0;font-size:15.5px;font-weight:850;color:var(--v7-navy);flex:1}
html body .v7-link{border:0;background:none;color:var(--v7-navy-2);font-weight:800;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;padding:0}
html body .v7-link:hover{color:var(--v7-maroon)}
html body .v7-panel-body{padding:0 16px 14px}
html body .v7-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 0;border:0;border-top:1px solid #EEF1F5;background:none;text-align:left;cursor:pointer;color:inherit;font:inherit}
html body .v7-row:first-child{border-top:0}
html body .v7-row-ico{width:34px;height:34px;flex:none;border-radius:9px;display:grid;place-items:center;background:var(--v7-gold-soft);color:#A07A22}
html body .v7-row-ico.maroon{background:#FBEDEE;color:var(--v7-maroon)}
html body .v7-row-main{flex:1;min-width:0}
html body .v7-row-main b{display:block;font-size:13px;color:var(--v7-ink);font-weight:750;line-height:1.3;overflow:hidden;text-overflow:ellipsis}
html body .v7-row-main small{display:block;font-size:11.5px;color:var(--v7-ink-2);margin-top:2px}
html body .v7-row-val{font-size:13px;color:var(--v7-ink);font-weight:650;white-space:nowrap}
html body .v7-pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}
html body .v7-pill.wait{background:var(--v7-warn-soft);color:var(--v7-maroon)}
html body .v7-pill.ok{background:var(--v7-ok-soft);color:var(--v7-ok)}
html body .v7-timeline .v7-row{cursor:default;align-items:flex-start}
html body .v7-dot{width:9px;height:9px;flex:none;border-radius:50%;margin-top:5px;background:var(--v7-navy-2);box-shadow:0 0 0 3px rgba(19,45,85,.12)}
html body .v7-empty{padding:18px 4px;color:var(--v7-ink-2);font-size:13px;text-align:center}
html body .v7-section-title{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;padding:9px 34px 9px 16px;color:#fff;font-weight:850;font-size:15.5px;letter-spacing:.01em;
  background:linear-gradient(90deg,var(--v7-maroon-d),var(--v7-maroon-2));clip-path:polygon(0 0,100% 0,calc(100% - 18px) 100%,0 100%);border-radius:10px 0 0 10px;box-shadow:inset 0 -3px 0 var(--v7-gold)}
html body .v7-programs-wrap{background:#fff;border:1px solid var(--v7-line);border-radius:18px;box-shadow:var(--v7-shadow);padding:14px;display:flex;flex-direction:column;gap:12px}
html body .v7-programs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
html body .v7-program{position:relative;overflow:hidden;min-height:118px;border-radius:14px;border:1px solid var(--v7-line);padding:14px;text-align:left;cursor:pointer;color:var(--v7-navy);display:flex;flex-direction:column;justify-content:space-between;gap:10px;
  background:radial-gradient(130% 120% at 100% 100%,rgba(201,160,67,.22) 0%,rgba(201,160,67,0) 55%),linear-gradient(160deg,#fff 0%,#F6F7FB 100%);transition:transform .16s ease,box-shadow .16s ease}
html body .v7-program:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(15,36,68,.12)}
html body .v7-program-art{position:absolute;right:-10px;bottom:-14px;color:rgba(15,36,68,.07)}
html body .v7-program-ico{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--v7-maroon-2),var(--v7-maroon-d));box-shadow:0 6px 12px rgba(155,27,34,.25)}
html body .v7-program b{position:relative;font-size:15px;font-weight:850;line-height:1.2;max-width:80%}
html body .v7-program .v7-go{position:absolute;right:12px;bottom:12px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--v7-maroon);color:#fff;box-shadow:0 0 0 3px #fff}
html body .v7-quick{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid var(--v7-line);border-radius:18px;box-shadow:var(--v7-shadow);padding:12px 16px}
html body .v7-quick-title{display:flex;align-items:center;gap:8px;font-weight:850;font-size:16px;color:var(--v7-navy);margin-right:8px}
html body .v7-quick-title svg{color:var(--v7-gold)}
html body .v7-quick-btn{flex:1 1 100px;min-width:96px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;border-radius:12px;border:1px solid var(--v7-line);background:#fff;color:var(--v7-navy);font-weight:750;font-size:12px;cursor:pointer;box-shadow:0 2px 6px rgba(15,36,68,.04)}
html body .v7-quick-btn svg{color:var(--v7-maroon)}
html body .v7-quick-btn:hover{border-color:var(--v7-maroon);transform:translateY(-1px)}
@media (max-width:1280px){html body .v7-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}html body .v7-programs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1100px){html body .v7-grid3{grid-template-columns:1fr 1fr}html body .v7-grid3>.v7-panel:last-child{grid-column:1/-1}}
@media (max-width:768px){
  html body .hdr.ghs-topbar-v6{height:64px!important;min-height:64px!important}
  html body .hdr.ghs-topbar-v6 .hdr-inner{grid-template-columns:auto 40px minmax(0,1fr) max-content!important;gap:8px!important}
  html body .user-bar #ghsDbStatus.ghs-db-status{display:none!important}
  html body .v7-brand-name{white-space:normal!important;max-width:118px}
  html body .v7-brand.ghs-brand-v6{height:64px;padding:0 20px 0 8px;gap:6px!important;max-width:190px}
  html body .v7-brand .hdr-logo-img{width:56px!important;height:36px!important}
  html body .v7-brand-name{font-size:10px!important;line-height:1.15!important}html body .v7-ribbon{display:none}
  html body #ghsDbStatus,html body .ghs-profile-menu .ghs-profile-caret,html body .v7-os-text,html body .ghs-top-search .ghs-search-text,html body .ghs-top-search kbd,html body .ghs-db-status,html body .ghs-apps-btn,html body .ghs-profile-copy{display:none!important}
  html body .ghs-top-search{grid-column:3!important;width:40px!important;height:40px!important;justify-self:end!important;padding:0!important;justify-content:center!important}
  html body .user-bar{grid-column:4!important;gap:6px!important;justify-self:end}
  html body .bell-btn{width:40px!important;height:40px!important}
  html body .v7-os #ghsNavToggle.ghs-nav-toggle{width:40px!important;height:40px!important}
  html body .v7-hero{grid-template-columns:1fr}html body .v7-hero-art{min-height:140px}html body .v7-hero-art::before{background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,0) 30%)}
  html body .v7-hero-copy h1{font-size:22px}
  html body .v7-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  html body .v7-grid3{grid-template-columns:1fr}
  html body .v7-programs{grid-template-columns:repeat(2,minmax(0,1fr))}
  html body .v7-quick-btn{flex:1 1 calc(33% - 12px)}
}

/* ───────── LOGIN ───────── */
html body #loginScreen .btn-login{background:linear-gradient(180deg,var(--v7-maroon-2),var(--v7-maroon))!important;box-shadow:0 10px 22px rgba(155,27,34,.35)!important;border:1px solid var(--v7-maroon-d)!important}
html body #loginScreen .btn-login:hover{background:linear-gradient(180deg,var(--v7-maroon),var(--v7-maroon-d))!important}
html body #loginScreen .login-card{background:linear-gradient(160deg,rgba(15,36,68,.72),rgba(10,26,51,.62))!important;border:1px solid rgba(226,195,118,.45)!important}
html body #loginScreen .login-sso{border-color:rgba(226,195,118,.5)!important}