/* GHS v5.5 Enterprise UI hardening */
.v55-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:12px 0}.v55-kpi{background:#fff;border:1px solid var(--LINE,#c8dff0);border-radius:10px;padding:14px}.v55-kpi b{display:block;font-size:22px;color:var(--P,#1557a0)}
.v55-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.v55-card{background:#fff;border:1px solid var(--LINE,#c8dff0);border-radius:10px;padding:16px;margin:10px 0}.v55-card h3{margin:0 0 10px;color:var(--P,#1557a0)}
.v55-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.v55-form .wide{grid-column:1/-1}.v55-table{width:100%;border-collapse:collapse}.v55-table th,.v55-table td{padding:8px;border-bottom:1px solid #dde9f3;text-align:left;vertical-align:top}.v55-table th{font-size:11px;text-transform:uppercase;color:#52697e}.v55-badge{display:inline-block;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800;background:#e8f2fc;color:#1557a0}.v55-badge.err{background:#fdecea;color:#b42318}.v55-badge.ok{background:#e8f7ee;color:#19733f}.v55-badge.warn{background:#fff4d6;color:#8a5a00}
.v55-search-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.v55-search-row input,.v55-search-row select{min-width:180px;flex:1}.v55-empty{padding:24px;text-align:center;color:#708399;font-style:italic}.v55-help{font-size:11px;color:#60798f;margin-top:4px}.v55-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.v55-danger{color:#b42318;font-weight:700}.v55-success{color:#19733f;font-weight:700}.v55-scroll{overflow:auto;max-height:480px}.v55-portal-hero{background:linear-gradient(135deg,#1557a0,#257bbd);color:white;border-radius:14px;padding:20px;margin-bottom:14px}
.server-student-search{position:relative}.server-student-results{position:absolute;z-index:1000;left:0;right:0;top:calc(100% + 3px);background:#fff;border:1px solid #bdd6e8;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.14);max-height:300px;overflow:auto}.server-student-results button{display:block;width:100%;text-align:left;padding:9px 11px;background:#fff;border:0;border-bottom:1px solid #eef4f8;color:#1e3247}.server-student-results button:hover{background:#eef6fd}.server-student-results small{display:block;color:#6b7d90;margin-top:2px}
@media (max-width:768px){.v55-form{grid-template-columns:1fr}.v55-table{min-width:720px}.v55-scroll{max-height:420px}.v55-card{padding:12px}}
.v55-search-results{position:relative;z-index:20;background:#fff;border-radius:8px;box-shadow:0 6px 20px rgba(20,50,80,.12);max-height:280px;overflow:auto}.v55-search-hit{display:block;width:100%;padding:9px 11px;text-align:left;border:0;border-bottom:1px solid #e7eef5;background:#fff;color:#1d344a;cursor:pointer}.v55-search-hit:hover{background:#eef6fd}.v55-search-hit small{display:block;color:#6b7d90;margin-top:2px}.v55-search-hit b{display:block}

/* GHS V6 PHASE 1B.2 DIRECTOR PROFESSIONAL IA — PHASE 3M.2 EXACT REFERENCE */
.v6-dir-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 7px}
.v6-dir-heading h2{font-size:20px;color:#142b45;margin:2px 0}
.v6-dir-heading p,.v6-dir-breadcrumb{margin:0;color:#74869a;font-size:10.5px}
.v6-dir-breadcrumb span{padding:0 4px;color:#a6b2bf}
.v6-dir-groups{display:flex;gap:5px;flex-wrap:wrap;margin:6px 0 10px;padding-bottom:8px;border-bottom:1px solid #e4eaf0}
.v6-dir-group-btn{border:0;background:#f4f7fa;color:#40566c;padding:6px 9px;border-radius:6px;font-size:10px;font-weight:750;cursor:pointer}
.v6-dir-group-btn.active{background:#e8f2ff;color:#1557a0;box-shadow:inset 0 0 0 1px #c8ddf0}
.v6-dir-group-btn span{margin-right:5px}
.v6-dir-sidegroups{display:flex;flex-direction:column;gap:2px;margin:-1px 0 5px 17px}
.v6-dir-sidebtn{border:0;background:transparent;color:#111827;text-align:left;padding:6px 9px;border-radius:6px;cursor:pointer;font-size:9.5px;display:flex;gap:6px;align-items:center}
.v6-dir-sidebtn.active,.v6-dir-sidebtn:hover{background:rgba(255,255,255,.34)!important;color:#111827!important}
.v6-dir-summary{display:block;max-width:100%;margin:0}
.v6-dir-welcome{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 0 10px;padding:0 1px}
.v6-dir-welcome>div{display:flex;gap:9px;align-items:center;min-width:0}
.v6-dir-welcome h3{margin:0;color:#18283c;font-size:18px;line-height:1.2;font-weight:750}
.v6-dir-welcome p{margin:2px 0 0;color:#74869a;font-size:10px}
.v6-dir-welcome>b{margin:0;color:#7d8b99;font-size:9px;font-weight:650;white-space:nowrap}
.v6-dir-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:0 0 10px}
.v6-dir-kpi{min-width:0;min-height:66px;background:#fff;border:1px solid #e1e7ed;border-radius:9px;padding:9px 10px;display:grid;grid-template-columns:27px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;align-content:center;box-shadow:0 2px 5px rgba(25,45,65,.03)}
.v6-dir-kpi>span{grid-row:1/3;width:27px;height:27px;border-radius:7px;background:#f5f8fb;display:grid;place-items:center;font-size:15px}
.v6-dir-kpi small{font-size:7.8px;line-height:1.1;color:#7b8998;text-transform:uppercase;font-weight:800;letter-spacing:.02em}
.v6-dir-kpi strong{font-size:16px;line-height:1.05;color:#142b45;white-space:nowrap;margin-top:2px}
.v6-dir-grid3{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.88fr) minmax(0,.97fr);gap:8px;align-items:start}
.v6-dir-card{min-width:0;background:#fff;border:1px solid #e1e7ed;border-radius:9px;overflow:hidden;box-shadow:0 2px 6px rgba(25,45,65,.03)}
.v6-dir-card>header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;border-bottom:1px solid #edf2f6}
.v6-dir-card>header h3{margin:0;color:#18283c;font-size:11.5px;font-weight:800}
.v6-dir-card>header button{border:0;background:transparent;color:#1557a0;font-size:8.5px;font-weight:800;cursor:pointer;white-space:nowrap}
.v6-decision{width:100%;display:grid;grid-template-columns:27px minmax(0,1fr) auto;gap:7px;text-align:left;border:0;border-bottom:1px solid #edf2f6;background:#fff;padding:8px 9px;cursor:pointer;align-items:start}
.v6-decision:hover{background:#f7fbff}
.v6-decision-ico{width:25px;height:25px;border-radius:7px;background:#fff0df;color:#d66d18;display:grid;place-items:center;font-size:11px}
.v6-decision b,.v6-decision small,.v6-decision em{display:block}
.v6-decision b{font-size:9.3px;line-height:1.2;color:#1c334b}
.v6-decision small{font-size:8.2px;line-height:1.2;color:#52697e;margin-top:2px}
.v6-decision em{font-size:7.5px;color:#8795a3;font-style:normal;margin-top:1px}
.v6-decision i,.v6-ap-item i,.v6-ap-title>i{font-style:normal;font-size:7.5px;font-weight:800;padding:3px 6px;border-radius:999px;background:#fdecef;color:#b42318;white-space:nowrap}
.v6-performance{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;padding:9px 10px;border-bottom:1px solid #edf2f6;font-size:8.5px;align-items:center}
.v6-performance b{color:#20364e;font-size:9px}.v6-performance span{color:#708399;text-align:right}.v6-performance i{color:#1e9b56;font-style:normal;font-size:7.5px}
.v6-activity{display:flex;gap:7px;padding:9px 10px;border-bottom:1px solid #edf2f6}
.v6-activity>span{color:#2d85d3}.v6-activity b,.v6-activity small{display:block}.v6-activity b{font-size:9px;line-height:1.25;color:#20364e}.v6-activity small{font-size:7.5px;color:#8090a1;margin-top:2px}

/* Approval Center retains the same exact language */
.v6-ap-shell{background:#f6f9fc;border-radius:9px;padding:10px}
.v6-ap-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:8px}
.v6-ap-head h2{font-size:18px;margin:2px 0;color:#172d46}.v6-ap-head p{margin:0;color:#708399;font-size:9.5px}
.v6-ap-filters{display:flex;gap:4px;border-bottom:1px solid #dfe8f0;margin-bottom:7px}
.v6-ap-filters button{border:0;background:transparent;padding:6px 8px;color:#60768c;font-weight:750;font-size:8.5px;border-bottom:2px solid transparent;cursor:pointer}
.v6-ap-filters button.active{color:#1557a0;border-color:#1557a0}
.v6-ap-layout{display:grid;grid-template-columns:285px minmax(0,1fr);background:#fff;border:1px solid #dfe8f0;border-radius:8px;overflow:hidden;min-height:480px}
.v6-ap-list{border-right:1px solid #dfe8f0;min-width:0}.v6-ap-search{padding:7px;border-bottom:1px solid #edf2f6}
.v6-ap-search input{margin:0!important;min-height:34px!important;font-size:10.5px!important}
.v6-ap-scroll{max-height:580px;overflow:auto}
.v6-ap-item{width:100%;display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:6px;text-align:left;border:0;border-bottom:1px solid #edf2f6;background:#fff;padding:8px;cursor:pointer}
.v6-ap-item:hover,.v6-ap-item.active{background:#f4f9ff}.v6-ap-item.active{box-shadow:inset 3px 0 0 #1d73c9}
.v6-ap-doc{width:24px;height:24px;border-radius:6px;background:#e8f2ff;color:#1557a0;display:grid;place-items:center}
.v6-ap-item b,.v6-ap-item small,.v6-ap-item em{display:block}.v6-ap-item b{font-size:9px;color:#20364e}.v6-ap-item small{font-size:8px;color:#60768c}.v6-ap-item em{font-size:7.5px;color:#8a99a8;font-style:normal}
.v6-ap-item i.ok,.v6-ap-title>i.ok{background:#e7f7ed;color:#19733f}.v6-ap-item i.err,.v6-ap-title>i.err{background:#fdecea;color:#b42318}.v6-ap-item i.neutral,.v6-ap-title>i.neutral{background:#eef2f5;color:#52697e}
.v6-ap-detail{min-width:0;padding:10px}.v6-ap-title{display:flex;justify-content:space-between;gap:8px;align-items:center}.v6-ap-title>div{display:flex;gap:7px;align-items:center}.v6-ap-title h3{font-size:13px;margin:0;color:#18283c}.v6-ap-title small{color:#8090a1;font-size:7.5px}.v6-ap-bigicon{width:31px;height:31px;border-radius:8px;background:#1976d2;color:#fff;display:grid;place-items:center}
.v6-ap-tabs{display:flex;gap:3px;border-bottom:1px solid #dfe8f0;margin:8px 0}.v6-ap-tabs button{border:0;background:transparent;padding:6px 8px;font-size:8.5px;color:#708399}.v6-ap-tabs button.active{color:#1557a0;border-bottom:2px solid #1557a0}
.v6-ap-detailgrid{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:10px}.v6-ap-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.v6-ap-meta div{border-bottom:1px solid #edf2f6;padding-bottom:6px}.v6-ap-meta small,.v6-ap-copy small,.v6-ap-amount small,.v6-ap-statusbox small{display:block;font-size:7.5px;color:#8090a1;text-transform:uppercase;font-weight:800}.v6-ap-meta b,.v6-ap-copy b{font-size:9.5px;color:#20364e}.v6-ap-copy p{font-size:9.5px;color:#52697e;line-height:1.4}.v6-ap-copy small{margin-top:8px}.v6-ap-lines table{min-width:0}.v6-ap-lines th,.v6-ap-lines td{font-size:8.5px;padding:5px}.v6-ap-amount{border:1px solid #dfe8f0;border-radius:7px;padding:9px;margin-top:8px}.v6-ap-amount strong{font-size:17px;color:#102f55}.v6-ap-decision{background:#f7fafc;border:1px solid #e0e8ef;border-radius:7px;padding:9px}.v6-ap-statusbox{background:#fff4df;border-radius:7px;padding:8px;margin-bottom:9px}.v6-ap-statusbox b{font-size:8.5px;color:#9b5b00}.v6-ap-decision .btn{width:100%;justify-content:center;margin:4px 0}.v6-ap-decision textarea{min-height:76px}.v6-ap-lock{display:block;color:#8a5a00;font-size:7.5px;line-height:1.35;margin:5px 0}.v6-ap-decision .btn:disabled{opacity:.55;cursor:not-allowed}

@media(max-width:980px) and (min-width:769px){
  .v6-dir-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .v6-dir-grid3{grid-template-columns:1fr 1fr}
  .v6-dir-card:last-child{grid-column:1/-1}
  .v6-ap-layout{grid-template-columns:245px minmax(0,1fr)}
}
@media(max-width:768px){
  .v6-dir-sidegroups{display:none}
  .v6-dir-groups{overflow-x:auto;flex-wrap:nowrap}
  .v6-dir-group-btn{white-space:nowrap}
  .v6-dir-welcome{display:grid;grid-template-columns:1fr;gap:4px;margin:0 0 10px}
  .v6-dir-welcome h3{font-size:17px}.v6-dir-welcome>b{font-size:8.5px}
  .v6-dir-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .v6-dir-kpi{min-height:86px;padding:11px}
  .v6-dir-grid3{grid-template-columns:1fr;gap:9px}
  .v6-dir-card:last-child{grid-column:auto}
  .v6-ap-shell{padding:6px}.v6-ap-layout{display:block}.v6-ap-list{border-right:0;border-bottom:1px solid #dfe8f0}.v6-ap-scroll{max-height:240px}.v6-ap-detailgrid{grid-template-columns:1fr}.v6-ap-meta{grid-template-columns:1fr 1fr}
}

/* GHS V6 PHASE 1B.3 GLOBAL MODULE SIDE NAV
   PHASE 1G.2 SECONDARY MODULE CLEANUP
   REPLACES Phase1D block IN PLACE.
   One shell, one navigation registry, one visual system. */

:root{
  --ghs-header-h:64px;
  --ghs-sidebar-w:220px;
  --ghs-page-max:1480px;
  --ghs-form-max:1040px;
  --ghs-space-1:6px;
  --ghs-space-2:10px;
  --ghs-space-3:14px;
  --ghs-space-4:18px;
  --ghs-space-5:24px;
  --ghs-radius-sm:7px;
  --ghs-radius-md:10px;
  --ghs-border:#e5ebf0;
  --ghs-text:#203445;
  --ghs-muted:#6f8290;
  --ghs-surface:#fff;
  --ghs-page:#f6f8fa;
  --ghs-blue:#176ea6;
  --ghs-blue-soft:#eef6fb;
  --ghs-success:#23845d;
  --ghs-danger:#b64242;
}

/* APP SHELL */
.hdr{
  position:sticky;
  top:0;
  z-index:1100;
  min-height:var(--ghs-header-h);
  height:var(--ghs-header-h);
  padding:0 18px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  background:#fff;
  border-bottom:1px solid var(--ghs-border);
  box-shadow:0 1px 4px rgba(25,45,65,.05);
}
.hdr>*{min-width:0}
#ghsNavToggle{margin:0;align-self:center}
.hdr .brand,.hdr [class*="brand"]{min-width:0;align-self:center}
.hdr .actions,.hdr [class*="actions"],.hdr [class*="utility"]{
  justify-self:end;align-self:center;display:flex;align-items:center;gap:8px
}
.hdr h1,.hdr h2,.hdr h3,.hdr p{margin-top:0;margin-bottom:0}
.hdr img{max-height:38px;width:auto;object-fit:contain}

@media (min-width:769px){
  .divnav{width:var(--ghs-sidebar-w);min-width:var(--ghs-sidebar-w);max-width:var(--ghs-sidebar-w);overflow-x:hidden;background:linear-gradient(180deg,rgba(236,245,252,.88) 0%,rgba(213,231,244,.78) 46%,rgba(197,219,236,.82) 100%)!important;border-right:1px solid rgba(255,255,255,.72)!important;box-shadow:12px 0 32px rgba(31,65,92,.10),inset -1px 0 rgba(120,156,184,.10)!important;backdrop-filter:blur(18px) saturate(145%)!important;-webkit-backdrop-filter:blur(18px) saturate(145%)!important;}
  #divBar{width:100%;max-height:calc(100vh - var(--ghs-header-h));overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;padding:8px 6px 18px}
}

#divBar>.div-btn[data-div]{
  position:relative;width:100%;min-height:40px;margin:1px 0;padding:8px 31px 8px 10px;
  display:flex;align-items:center;gap:8px;border-radius:7px;text-align:left;line-height:1.15;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis

  color:#111827!important;
  text-shadow:none!important;
  border:1px solid transparent!important;
  box-shadow:none!important;}
#divBar>.div-btn[data-div] .ghs-nav-chevron{
  position:absolute;right:9px;top:50%;transform:translateY(-50%);width:14px;text-align:center;font-size:15px;opacity:.78;pointer-events:none
;color:#111827!important}
#divBar>.div-btn[data-div] .ghs-nav-chevron[hidden]{display:none!important}

#divBar>.ghs-root-nav{width:100%;margin:0 0 6px;padding:2px 5px 6px 23px;border-left:1px solid rgba(65,111,146,.17)!important;}
#divBar>.ghs-root-nav[hidden]{display:none!important}
#divBar>.ghs-root-nav:not([hidden]){display:flex;flex-direction:column;gap:1px}
#divBar>.ghs-root-nav>.ghs-root-nav-item{
  position:relative;width:100%;min-width:0;min-height:32px;margin:0;padding:6px 7px 6px 13px;
  display:flex;align-items:center;justify-content:flex-start;border:0;border-radius:5px;background:transparent!important;
  color:#111827!important;font-size:10.5px;font-weight:600;line-height:1.2;text-align:left;white-space:normal;overflow-wrap:anywhere;box-shadow:none

  text-shadow:none!important;}
#divBar>.ghs-root-nav>.ghs-root-nav-item::before{
  content:"";position:absolute;left:1px;top:8px;bottom:8px;width:2px;border-radius:2px;background:rgba(255,255,255,.13)
}
#divBar>.ghs-root-nav>.ghs-root-nav-item:hover{background:rgba(255,255,255,.34)!important;color:#111827!important}
#divBar>.ghs-root-nav>.ghs-root-nav-item.active{background:rgba(255,255,255,.42)!important;color:#111827!important;font-weight:800!important}
#divBar>.ghs-root-nav>.ghs-root-nav-item.active::before{background:#72c6ff}
#divBar>.ghs-root-nav[data-parent-div="direktur"]{margin-top:-1px;padding-top:3px;padding-bottom:7px}

/* compatibility DOM hidden, never another visible nav */
.ghs-root-origin-hidden{display:none!important}
.ghs-root-origin-wrapper-hidden{display:none!important}
.ghs-root-director-compat-hidden{display:none!important}
#div-direktur .v6-dir-sidegroups{display:none!important}
#divBar>.ghs-nav-children{display:none!important}

/* PAGE SHELL */
.division.ghs-v6-module-workspace,.division.ghs-v6-module-workspace.active{display:block;max-width:none;margin:0}
.division.active{
  box-sizing:border-box;width:100%;max-width:var(--ghs-page-max);margin:0 auto;padding:18px 22px 30px
}
.division.active>.panel,.division.active>[id^="panel-"]{min-width:0;width:100%;max-width:none}
.division.active>.panel.active{animation:none}

/* GHS V6 PHASE 3O.1 REFERENCE LOCK — ORIGINAL AGREED DESIGN */
:root{
  --ghs-header-h:62px;
  --ghs-sidebar-w:208px;
  --ghs-bg:#f5f7fb;
  --ghs-navy:#0d2742;
  --ghs-navy-active:#164a73;
  --ghs-blue:#176ea6;
  --ghs-line:#e3e9ef;
  --ghs-text:#20364d;
  --ghs-muted:#78899a;
}
body{background:var(--ghs-bg)!important;color:var(--ghs-text)!important}

/* AGREED TOPBAR */
.hdr{
  height:62px!important;min-height:62px!important;
  padding:0 18px!important;gap:12px!important;
  background:#fff!important;border-bottom:1px solid var(--ghs-line)!important;
  box-shadow:0 1px 4px rgba(22,43,64,.04)!important;
  align-items:center!important
}
.hdr img{max-height:31px!important}
.hdr .btn,.hdr button{min-height:34px!important;height:34px!important;border-radius:8px!important;box-shadow:none!important}
.hdr input[type="search"],.hdr input[placeholder*="Cari" i],.hdr input[placeholder*="Search" i]{
  width:min(360px,32vw)!important;min-height:34px!important;height:34px!important;
  border:1px solid #dce4eb!important;border-radius:8px!important;background:#f8fafc!important;
  padding:0 11px!important;font-size:11px!important
}

/* AGREED SIDEBAR */
.divnav,#divBar{background:rgba(225,237,247,.82)!important;}
@media(min-width:769px){
  .divnav{width:208px!important;min-width:208px!important;max-width:208px!important;background:linear-gradient(180deg,rgba(236,245,252,.88) 0%,rgba(213,231,244,.78) 46%,rgba(197,219,236,.82) 100%)!important;border-right:1px solid rgba(255,255,255,.72)!important;box-shadow:12px 0 32px rgba(31,65,92,.10),inset -1px 0 rgba(120,156,184,.10)!important;backdrop-filter:blur(18px) saturate(145%)!important;-webkit-backdrop-filter:blur(18px) saturate(145%)!important;}
  #divBar{padding:8px 6px 88px!important;max-height:calc(100vh - 62px)!important;overflow-y:auto!important}
}
#divBar>.div-btn[data-div]{
  min-height:36px!important;margin:1px 0!important;padding:7px 28px 7px 10px!important;
  border-radius:7px!important;color:#111827!important;font-size:10.4px!important;font-weight:700!important

  text-shadow:none!important;
  border:1px solid transparent!important;
  box-shadow:none!important;}
#divBar>.div-btn[data-div]:hover{background:rgba(255,255,255,.06)!important;color:#111827!important}
#divBar>.div-btn[data-div].active{
  background:linear-gradient(90deg,rgba(28,159,222,.34),rgba(31,123,190,.24))!important;color:#111827!important;
  box-shadow:inset 4px 0 0 rgba(42,188,236,.92),0 6px 18px rgba(37,105,151,.08)!important;

  border-color:rgba(126,210,245,.70)!important;
  text-shadow:none!important;}
#divBar>.ghs-root-nav{margin:0 0 5px!important;padding:3px 5px 5px 18px!important;border-left:1px solid rgba(65,111,146,.17)!important;}
#divBar>.ghs-root-nav>.ghs-root-nav-item{
  min-height:30px!important;padding:6px 7px 6px 11px!important;border-radius:6px!important;
  color:#111827!important;font-size:9.5px!important

  background:transparent!important;
  text-shadow:none!important;}
#divBar>.ghs-root-nav>.ghs-root-nav-item.active{background:rgba(255,255,255,.42)!important;color:#111827!important;font-weight:800!important}
#divBar .lock,#divBar .ghs-lock,#divBar [title*="akses" i]{opacity:.32!important;transform:scale(.78)!important}

/* AGREED PAGE CANVAS */
.division.active{background:var(--ghs-bg)!important;padding:16px 20px 26px!important;max-width:none!important}
.division.active .card,.division.active .v55-card{
  background:#fff!important;border:1px solid var(--ghs-line)!important;border-radius:10px!important;
  box-shadow:0 2px 7px rgba(21,42,64,.025)!important
}
.division.active .card{padding:14px!important;margin-bottom:10px!important}
.division.active h1{font-size:22px!important}
.division.active h2{font-size:18px!important}
.division.active h3{font-size:14px!important}

/* EXACT DIRECTOR REFERENCE COMPOSITION */
.v6-dir-summary{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
.v6-dir-welcome{
  display:flex!important;justify-content:space-between!important;align-items:center!important;
  gap:16px!important;margin:0 0 11px!important;padding:0 1px!important
}
.v6-dir-welcome h3{margin:0!important;color:#1d3349!important;font-size:18px!important;line-height:1.2!important;font-weight:780!important}
.v6-dir-welcome p{margin:3px 0 0!important;color:#7b8b9a!important;font-size:10px!important}
.v6-dir-welcome>b{color:#7e8c99!important;font-size:9px!important;font-weight:650!important;white-space:nowrap!important}

.v6-dir-kpis{
  display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:8px!important;margin:0 0 10px!important
}
.v6-dir-kpi{
  min-width:0!important;min-height:72px!important;background:#fff!important;
  border:1px solid #e1e7ed!important;border-radius:10px!important;padding:10px 11px!important;
  display:grid!important;grid-template-columns:29px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;column-gap:9px!important;align-content:center!important;
  box-shadow:0 2px 6px rgba(24,45,65,.025)!important
}
.v6-dir-kpi>span{
  grid-row:1/3!important;width:29px!important;height:29px!important;border-radius:8px!important;
  background:#f4f8fb!important;display:grid!important;place-items:center!important;font-size:15px!important
}
.v6-dir-kpi small{font-size:7.5px!important;line-height:1.1!important;color:#7d8b99!important;text-transform:uppercase!important;font-weight:800!important;letter-spacing:.02em!important}
.v6-dir-kpi strong{font-size:17px!important;line-height:1.05!important;color:#183149!important;white-space:nowrap!important;margin-top:2px!important}

.v6-dir-grid3{
  display:grid!important;grid-template-columns:minmax(0,1.18fr) minmax(0,.92fr) minmax(0,.90fr)!important;
  gap:9px!important;align-items:start!important
}
.v6-dir-card{
  min-width:0!important;background:#fff!important;border:1px solid #e1e7ed!important;border-radius:10px!important;
  overflow:hidden!important;box-shadow:0 2px 7px rgba(24,45,65,.025)!important
}
.v6-dir-card>header{
  display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;
  padding:10px 11px!important;border-bottom:1px solid #edf2f6!important
}
.v6-dir-card>header h3{margin:0!important;color:#1d3349!important;font-size:12px!important;font-weight:800!important}
.v6-dir-card>header button{border:0!important;background:transparent!important;color:#1557a0!important;font-size:8.5px!important;font-weight:800!important}

.v6-decision{
  width:100%!important;display:grid!important;grid-template-columns:27px minmax(0,1fr) auto!important;
  gap:8px!important;text-align:left!important;border:0!important;border-bottom:1px solid #edf2f6!important;
  background:#fff!important;padding:9px 10px!important;align-items:start!important
}
.v6-decision:hover{background:#f8fbfe!important}
.v6-decision-ico{width:26px!important;height:26px!important;border-radius:7px!important;background:#fff2e5!important;color:#d96c18!important;display:grid!important;place-items:center!important}
.v6-decision b{font-size:9.2px!important;line-height:1.25!important;color:#20374d!important}
.v6-decision small{font-size:8px!important;color:#61768a!important;margin-top:2px!important}
.v6-decision em{font-size:7.4px!important;color:#8796a5!important;font-style:normal!important}

.v6-performance{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;
  gap:8px!important;padding:9px 10px!important;border-bottom:1px solid #edf2f6!important;
  font-size:8.5px!important;align-items:center!important
}
.v6-performance b{font-size:9px!important;color:#20364e!important}
.v6-performance span{color:#708399!important;text-align:right!important}
.v6-activity{display:flex!important;gap:8px!important;padding:9px 10px!important;border-bottom:1px solid #edf2f6!important}
.v6-activity b{font-size:9px!important;line-height:1.25!important;color:#20364e!important}
.v6-activity small{font-size:7.5px!important;color:#8090a1!important;margin-top:2px!important}

/* exactly 5 Director groups */
.v6-dir-sidegroups{display:flex!important;flex-direction:column!important;gap:2px!important;margin:0 0 6px 17px!important}
.v6-dir-sidebtn{
  border:0!important;background:transparent!important;color:#111827!important;
  text-align:left!important;padding:6px 9px!important;border-radius:6px!important;
  font-size:9.4px!important;display:flex!important;gap:6px!important;align-items:center!important
}
.v6-dir-sidebtn.active,.v6-dir-sidebtn:hover{background:rgba(255,255,255,.34)!important;color:#111827!important}

@media(max-width:1050px) and (min-width:769px){
  .v6-dir-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .v6-dir-grid3{grid-template-columns:1fr 1fr!important}
  .v6-dir-card:last-child{grid-column:1/-1!important}
}
@media(max-width:768px){
  .hdr{min-height:58px!important;height:auto!important;padding:7px 9px!important}
  .division.active{padding:10px 8px 20px!important}
  .v6-dir-sidegroups{display:none!important}
  .v6-dir-welcome{display:grid!important;grid-template-columns:1fr!important;gap:4px!important}
  .v6-dir-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .v6-dir-grid3{grid-template-columns:1fr!important;gap:9px!important}
}

/* GHS V6 PHASE 3Q.3 EXACT HAMBURGER — ICON RAIL */
@media(min-width:769px){
  
}

/* GHS V6 PHASE 3S HEADER EXACT — ENTERPRISE PREMIUM */
:root{
  --ghs-header-h:60px;
  --ghs-header-border:#e7edf3;
  --ghs-header-text:#183247;
  --ghs-header-muted:#7b8d9c;
  --ghs-header-soft:#f7f9fb;
  --ghs-header-hover:#f1f5f8;
}

.hdr.ghs-topbar-v6{
  position:sticky!important;
  top:0!important;
  z-index:1200!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  height:60px!important;
  min-height:60px!important;
  margin:0!important;
  padding:0 6px 0 12px!important;
  background:linear-gradient(90deg,#f4f8fc 0%,#edf4fa 48%,#e8f1f8 100%)!important;
  border-bottom:1px solid #d3e0ea!important;
  box-shadow:0 3px 14px rgba(18,48,74,.075)!important;
  backdrop-filter:blur(8px)!important;

}

.hdr.ghs-topbar-v6 .hdr-inner{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  display:grid!important;
  grid-template-columns:42px 220px minmax(320px,520px) minmax(24px,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  box-sizing:border-box!important;
}

/* hamburger */
#ghsNavToggle.ghs-nav-toggle{
  width:38px!important;
  height:38px!important;
  border:1px solid #dce5ec!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#25435b!important;
  box-shadow:0 1px 2px rgba(29,52,72,.04)!important;
  font-size:20px!important;
  line-height:1!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  cursor:pointer!important;
  transition:.16s ease!important;
}
#ghsNavToggle.ghs-nav-toggle:hover{
  background:#f5f8fa!important;
  border-color:#cddae4!important;
  transform:translateY(-1px)!important;
}

/* brand */
.ghs-brand-v6{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
.ghs-brand-v6 .hdr-logo-img{
  width:40px!important;
  height:40px!important;
  object-fit:contain!important;
  flex:none!important;
}
.ghs-brand-v6 .hdr-brand-text{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  line-height:1.02!important;
}
.ghs-brand-main{
  font-size:18px!important;
  font-weight:800!important;
  letter-spacing:.005em!important;
  color:#143047!important;
}
.ghs-brand-sub{
  margin-top:2px!important;
  font-size:8.2px!important;
  font-weight:700!important;
  letter-spacing:.075em!important;
  color:#738796!important;
  white-space:nowrap!important;
}

/* centered global search */
.ghs-top-search{
  grid-column:3!important;
  width:100%!important;
  max-width:520px!important;
  justify-self:start!important;
  height:38px!important;
  min-width:0!important;
  border:1px solid #e0e7ed!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.92)!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 11px!important;
  color:#687c8d!important;
  box-shadow:inset 0 1px 1px rgba(20,46,67,.015)!important;
  cursor:pointer!important;
  text-align:left!important;
  transition:.16s ease!important;

}
.ghs-top-search:hover{
  background:#fff!important;
  border-color:#cdd9e2!important;
  box-shadow:0 2px 8px rgba(20,46,67,.05)!important;
}
.ghs-search-ico{
  flex:none!important;
  font-size:16px!important;
  color:#456078!important;
}
.ghs-search-text{
  flex:1!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:10.5px!important;
  font-weight:500!important;
}
.ghs-top-search kbd{
  flex:none!important;
  border:1px solid #dde5eb!important;
  background:#fff!important;
  border-radius:6px!important;
  padding:3px 6px!important;
  font-size:8px!important;
  color:#8593a0!important;
  font-family:inherit!important;
  box-shadow:0 1px 1px rgba(20,46,67,.03)!important;
}

/* right utilities */
#userBar.user-bar{
  position:static!important;
  right:auto!important;
  top:auto!important;
  transform:none!important;
  z-index:auto!important;
  grid-column:5!important;
  justify-self:end!important;
  align-self:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  width:max-content!important;
  min-width:max-content!important;
  margin:0!important;
  gap:2px!important;
}

#userBar .bell-wrap{
  position:relative!important;
}

#userBar .bell-btn,
.ghs-apps-btn{
  width:36px!important;
  height:36px!important;
  border:1px solid transparent!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.42)!important;
  color:#34516a!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  cursor:pointer!important;
  transition:.15s ease!important;
}

#userBar .bell-btn{
  font-size:16px!important;
}
.ghs-apps-btn{
  font-size:19px!important;
}

#userBar .bell-btn:hover,
.ghs-apps-btn:hover{
  background:var(--ghs-header-hover)!important;
  border-color:#e4ebf0!important;
}

/* DB chip */
#ghsDbStatus.ghs-db-status{
  height:30px!important;
  min-height:30px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  margin:0 3px 0 1px!important;
  padding:0 8px!important;
  border:1px solid #dfe8ee!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.58)!important;
  font-size:9px!important;
  font-weight:700!important;
  color:#52697b!important;
  white-space:nowrap!important;
}
#ghsDbStatus .ghs-db-dot{
  width:7px!important;
  height:7px!important;
  min-width:7px!important;
  border-radius:50%!important;
}
#ghsDbStatus.is-online .ghs-db-dot,
#ghsDbStatus.online .ghs-db-dot{
  background:#20a66a!important;
  box-shadow:0 0 0 3px rgba(32,166,106,.09)!important;
}

/* profile */
.ghs-profile-menu{
  position:relative!important;
  margin-left:2px!important;
}
.ghs-profile-menu>summary{
  list-style:none!important;
  min-height:40px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:3px 6px 3px 4px!important;
  border:1px solid rgba(198,213,224,.78)!important;
  border-radius:10px!important;
  cursor:pointer!important;
  transition:.15s ease!important;
}
.ghs-profile-menu>summary::-webkit-details-marker{
  display:none!important;
}
.ghs-profile-menu>summary:hover,
.ghs-profile-menu[open]>summary{
  background:#f6f8fa!important;
  border-color:#e6edf2!important;
}
.ghs-profile-menu .user-avatar{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#1979b7,#07598f)!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
  font-size:11px!important;
  font-weight:900!important;
  box-shadow:0 0 0 2px #edf4f8!important;
}
.ghs-profile-copy{
  min-width:100px!important;
  max-width:145px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  line-height:1.05!important;
}
.ghs-profile-copy .ui-nama{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:10px!important;
  font-weight:800!important;
  color:#203a50!important;
  white-space:nowrap!important;
}
.ghs-profile-copy .ui-jabatan{
  margin-top:3px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:7.8px!important;
  font-weight:600!important;
  color:#8796a3!important;
  white-space:nowrap!important;
}
.ghs-profile-caret{
  margin-left:1px!important;
  font-size:12px!important;
  color:#84929e!important;
}

/* dropdowns */
.ghs-profile-dropdown{
  position:absolute!important;
  right:0!important;
  top:calc(100% + 8px)!important;
  z-index:1500!important;
  width:220px!important;
  background:#fff!important;
  border:1px solid #e0e7ec!important;
  border-radius:11px!important;
  box-shadow:0 16px 36px rgba(28,48,64,.14)!important;
  padding:7px!important;
}
.ghs-profile-dropdown .sync-status{
  width:100%!important;
  margin:0 0 5px!important;
  padding:9px!important;
  border-radius:7px!important;
  font-size:8.8px!important;
  text-align:left!important;
  cursor:pointer!important;
}
.ghs-profile-dropdown button{
  width:100%!important;
  border:0!important;
  background:#fff!important;
  text-align:left!important;
  padding:9px 10px!important;
  border-radius:7px!important;
  font-size:9.5px!important;
  cursor:pointer!important;
  color:#30495e!important;
}
.ghs-profile-dropdown button:hover{
  background:#f4f7f9!important;
}
.ghs-profile-dropdown .ghs-profile-logout{
  color:#b42318!important;
}

#bellDropdown.bell-dropdown{
  right:0!important;
  left:auto!important;
  top:calc(100% + 8px)!important;
  z-index:1600!important;
  border-radius:11px!important;
  border:1px solid #e0e7ec!important;
  box-shadow:0 16px 36px rgba(28,48,64,.14)!important;
}

/* tablet */
@media(max-width:1180px) and (min-width:769px){
  :root{--ghs-header-h:60px}
  .hdr.ghs-topbar-v6{
    height:60px!important;
    min-height:60px!important;
    padding:0 8px 0 12px!important;
  }
  .hdr.ghs-topbar-v6 .hdr-inner{
    grid-template-columns:40px 150px minmax(220px,420px) minmax(16px,1fr) auto!important;
    gap:8px!important;
  }
  .ghs-brand-sub{
    display:none!important;
  }
  .ghs-brand-v6 .hdr-logo-img{
    width:34px!important;
    height:34px!important;
  }
  .ghs-brand-main{
    font-size:16px!important;
  }
  .ghs-top-search{
    grid-column:3!important;
    width:100%!important;
    max-width:420px!important;
    justify-self:start!important;
  }
  #userBar.user-bar{
    position:static!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
    z-index:auto!important;
    grid-column:5!important;
    justify-self:end!important;
    align-self:center!important;
  }
  .ghs-apps-btn{
    display:none!important;
  }
  .ghs-profile-copy{
    min-width:0!important;
    width:88px!important;
  }
}

/* phone */
@media(max-width:768px){
  :root{--ghs-header-h:58px}
  .hdr.ghs-topbar-v6{
    height:58px!important;
    min-height:58px!important;
    padding:0 9px!important;
  }
  .hdr.ghs-topbar-v6 .hdr-inner{
    grid-template-columns:40px minmax(0,1fr) auto!important;
    gap:8px!important;
  }
  #ghsNavToggle.ghs-nav-toggle{
    width:38px!important;
    height:38px!important;
  }
  .ghs-brand-v6{
    gap:7px!important;
    min-width:0!important;
  }
  .ghs-brand-v6 .hdr-logo-img{
    width:30px!important;
    height:30px!important;
  }
  .ghs-brand-main{
    font-size:14px!important;
  }
  .ghs-brand-sub,
  .ghs-top-search,
  .ghs-profile-copy,
  .ghs-profile-caret,
  .ghs-apps-btn,
  #ghsDbStatus{
    display:none!important;
  }
  #userBar.user-bar{
    position:static!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
    z-index:auto!important;
    grid-column:3!important;
    justify-self:end!important;
    width:max-content!important;
    min-width:0!important;
    margin:0!important;
    gap:2px!important;
  }
  #userBar .bell-btn{
    width:34px!important;
    height:34px!important;
  }
  .ghs-profile-menu .user-avatar{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
  }
  .ghs-profile-menu>summary{
    padding:2px!important;
  }
  .ghs-profile-dropdown{
    width:min(220px,calc(100vw - 20px))!important;
  }
}


/* GHS V6 PHASE 3Z.5 ROOT GEOMETRY CONSOLIDATION — SINGLE OWNER
   Desktop/tablet:
   - header full width
   - sidebar fixed 208px / collapsed 64px
   - workspace consumes remaining viewport
   - no legacy 272px wrap offset
*/
@media (min-width:769px){

  /* ROOT CANVAS */
  .wrap{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    overflow-x:clip!important;
  }

  /* TOPBAR MUST NOT INHERIT OLD NEGATIVE MARGINS */
  .hdr.ghs-topbar-v6{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }

  /* SIDEBAR — ONE GEOMETRY OWNER */
  .divnav{
    position:fixed!important;
    left:0!important;
    top:var(--ghs-header-h)!important;
    bottom:0!important;

    width:208px!important;
    min-width:208px!important;
    max-width:208px!important;

    height:calc(100dvh - var(--ghs-header-h))!important;
    max-height:calc(100dvh - var(--ghs-header-h))!important;

    margin:0!important;
    padding:0!important;

    overflow:hidden!important;
    background:linear-gradient(180deg,rgba(236,245,252,.88) 0%,rgba(213,231,244,.78) 46%,rgba(197,219,236,.82) 100%)!important;
    z-index:900!important;
  
  border-right:1px solid rgba(255,255,255,.72)!important;
  box-shadow:12px 0 32px rgba(31,65,92,.10),inset -1px 0 rgba(120,156,184,.10)!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;}

  #divBar{

    width:100%!important;
    height:100%!important;
    max-height:100%!important;

    margin:0!important;
    padding:8px 6px 88px!important;

    overflow-x:hidden!important;
    overflow-y:auto!important;

    box-sizing:border-box!important;
  }

  #divBar>.div-btn[data-div]{
    width:100%!important;
    min-height:42px!important;
    margin:1px 0!important;
    box-sizing:border-box!important;
  
  color:#111827!important;
  text-shadow:none!important;
  border:1px solid transparent!important;
  box-shadow:none!important;}

  /* WORKSPACE — MATCH SIDEBAR WIDTH */
  .division.active{
    width:calc(100% - 208px)!important;
    max-width:none!important;
    margin-left:208px!important;
    margin-right:0!important;
  }

  /* COLLAPSED = 64PX ICON RAIL */
  html.gh-sidebar-collapsed .divnav{
    width:64px!important;
    min-width:64px!important;
    max-width:64px!important;
  
  background:linear-gradient(180deg,rgba(236,245,252,.88) 0%,rgba(213,231,244,.78) 46%,rgba(197,219,236,.82) 100%)!important;
  border-right:1px solid rgba(255,255,255,.72)!important;
  box-shadow:12px 0 32px rgba(31,65,92,.10),inset -1px 0 rgba(120,156,184,.10)!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;}

  html.gh-sidebar-collapsed .division.active{
    width:calc(100% - 64px)!important;
    margin-left:64px!important;
    margin-right:0!important;
  }

  html.gh-sidebar-collapsed #divBar{
    padding:8px 6px 88px!important;
  }

  html.gh-sidebar-collapsed #divBar>.div-btn[data-div]{
    position:relative!important;

    width:52px!important;
    min-width:52px!important;
    max-width:52px!important;

    min-height:44px!important;
    height:44px!important;

    margin:1px 0!important;
    padding:0!important;

    font-size:0!important;
    line-height:0!important;

    display:flex;
    align-items:center!important;
    justify-content:center!important;

    overflow:hidden!important;
  
  color:#111827!important;
  text-shadow:none!important;
  border:1px solid transparent!important;
  box-shadow:none!important;}

  html.gh-sidebar-collapsed #divBar>.div-btn[data-div]::before{
    content:attr(data-ghs-icon)!important;

    position:static!important;

    display:block!important;

    width:auto!important;
    height:auto!important;

    font-size:18px!important;
    line-height:1!important;

    color:inherit!important;
    opacity:1!important;
    transform:none!important;
  }

  html.gh-sidebar-collapsed #divBar>.div-btn[data-div].active{
    background:linear-gradient(90deg,rgba(28,159,222,.34),rgba(31,123,190,.24))!important;
  
  color:#111827!important;
  border-color:rgba(126,210,245,.70)!important;
  box-shadow:inset 4px 0 0 rgba(42,188,236,.92),0 6px 18px rgba(37,105,151,.08)!important;
  text-shadow:none!important;}

  html.gh-sidebar-collapsed #divBar>.ghs-root-nav,
  html.gh-sidebar-collapsed #divBar .ghs-nav-chevron,
  html.gh-sidebar-collapsed #divBar .lock,
  html.gh-sidebar-collapsed #divBar .ghs-lock,
  html.gh-sidebar-collapsed #divBar [title*="akses" i],
  html.gh-sidebar-collapsed .v6-dir-sidegroups{
    display:none!important;
  }
}

/* MOBILE REMAINS OWNED BY EXISTING DRAWER RULES */
/* PAGE TITLE RHYTHM */
.division.active h1,.division.active h2,.division.active h3{color:var(--ghs-text);letter-spacing:-.01em}
.division.active h1{font-size:26px;line-height:1.2;margin:0 0 6px}
.division.active h2{font-size:20px;line-height:1.25;margin:0 0 8px}
.division.active h3{font-size:16px;line-height:1.3;margin:0 0 8px}
.division.active p{color:var(--ghs-muted)}

/* CARDS / PANELS */
.division .card,.division [class*="card"],.division .box{
  border-radius:var(--ghs-radius-md)
}
.division .card,.division [class*="card"]{
  border-color:var(--ghs-border)
}
.division .card,.division .box,.division [class*="card"]{
  box-shadow:0 1px 2px rgba(20,40,60,.04)
}
.division .panel.active>.card:first-child,
.division .panel.active>[class*="card"]:first-child{margin-top:0}

/* FORMS */
.division.active form{max-width:var(--ghs-form-max)}
.division .g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.division .g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px}
.division label{line-height:1.25;color:#526575;font-weight:600}
.division input,.division select,.division textarea{
  min-height:40px;border-radius:7px;border-color:#d9e2e8;background:#fff
}
.division textarea{min-height:88px}
.division input:focus,.division select:focus,.division textarea:focus{
  outline:0;box-shadow:0 0 0 3px rgba(23,110,166,.10);border-color:#7fb6d7
}

/* TOOLBARS / FILTERS / ACTIONS */
.division .toolbar,.division [class*="toolbar"],.division .actions,.division [class*="actions"]{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap
}
.division button,.division .btn{
  min-height:36px;border-radius:7px
}
.division button+button,.division .btn+.btn{margin-left:0}

/* TABLES */
.division table{width:100%;border-collapse:separate;border-spacing:0;background:#fff}
.division table th{
  white-space:nowrap;font-size:11px;letter-spacing:.02em;text-transform:uppercase;color:#607482
}
.division table td{vertical-align:middle}
.division table th,.division table td{padding-top:10px;padding-bottom:10px}
.division table tbody tr:hover{background:#f8fbfd}
.division .table-wrap,.division [class*="table-wrap"],.division .table-responsive{
  overflow-x:auto;-webkit-overflow-scrolling:touch
}

/* KPI / DASHBOARD TILES */
.division [class*="kpi"],.division [class*="stat"]{
  border-radius:9px
}

/* MODULE-SPECIFIC NORMALIZATION: only visual, no behavior */
#div-siswa .panel.active,
#div-akademik .panel.active,
#div-magang .panel.active,
#div-keuangan .panel.active,
#div-marketing .panel.active,
#div-medsos .panel.active,
#div-governance .panel.active,
#div-direktur .panel.active{
  padding-top:2px
}

/* Director content: no second-level navigation row inside workspace */
#div-direktur .v6-dir-sidegroups{
  display:none!important
}

/* Marketing / Medsos / Akademik local feature tabs may stay only when not root-nav compatibility */
#div-marketing .panel .tabs,
#div-medsos .panel .tabs,
#div-akademik .panel .tabs{
  border-bottom:1px solid var(--ghs-border);
  margin-bottom:14px
}


/* PHASE 1F DAILY-USE DENSITY — same root block */
#divBar > .ghs-root-nav:not([hidden]){margin-bottom:4px}
#divBar > .div-btn[data-div].active{font-weight:800;background:linear-gradient(90deg,rgba(28,159,222,.34),rgba(31,123,190,.24))!important;color:#111827!important;border-color:rgba(126,210,245,.70)!important;box-shadow:inset 4px 0 0 rgba(42,188,236,.92),0 6px 18px rgba(37,105,151,.08)!important;text-shadow:none!important;}

.division.active .card:has(input,select,textarea),
.division.active .box:has(input,select,textarea){
  width:100%;
  max-width:var(--ghs-form-max);
}
.division.active .card:has(input,select,textarea) .g2,
.division.active .card:has(input,select,textarea) .g3,
.division.active .box:has(input,select,textarea) .g2,
.division.active .box:has(input,select,textarea) .g3{
  align-items:start;
}

.division.active table,
.division.active .table-wrap,
.division.active [class*="table-wrap"],
.division.active .table-responsive{
  max-width:none;
}

.division.active .toolbar input,
.division.active .toolbar select,
.division.active [class*="toolbar"] input,
.division.active [class*="toolbar"] select{
  width:auto;
  min-width:150px;
  max-width:280px;
}

#divBar > .ghs-root-nav > .ghs-root-nav-item{opacity:.88;color:#111827!important;background:transparent!important;text-shadow:none!important;}
#divBar > .ghs-root-nav > .ghs-root-nav-item.active{opacity:1
  color:#111827!important;
}

#divBar>.ghs-root-nav[data-parent-div="direktur"]>.ghs-director-nav-group{
  display:block;
  margin:0;
  padding:0;
}
#divBar .ghs-director-group-head{
  width:100%;
  min-height:30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:5px 9px 5px 15px;
  border:0;
  background:transparent;
  color:#111827!important;
  font-size:9.8px;
  font-weight:800;
  text-align:left;
}
#divBar .ghs-director-group-head.active{
  color:#111827!important;
  background:rgba(255,255,255,.08);
}
#divBar .ghs-director-group-chevron{
  opacity:.72;
}
#divBar .ghs-director-module-list{
  padding:1px 0 4px 13px;
}
#divBar .ghs-director-module-item{
  width:100%;
  min-height:28px!important;
  padding:4px 7px 4px 13px!important;
  margin:0!important;
  font-size:9.1px!important;
  font-weight:600!important;
  opacity:.88;
  color:#111827!important;
  text-shadow:none!important;
  border-left:2px solid rgba(91,195,255,.16)!important;
  border-radius:0 6px 6px 0!important;
}
#divBar .ghs-director-module-item:hover{
  color:#111827!important;
  opacity:1;
  background:rgba(255,255,255,.34)!important;
}
#divBar .ghs-director-module-item.active{
  opacity:1;
  color:#111827!important;
  text-shadow:none!important;
  border-left-color:#5bc3ff!important;
  background:rgba(91,195,255,.12)!important;
}


.hdr .dropdown-menu,
.hdr [class*="dropdown-menu"],
.hdr [role="menu"]{
  border:1px solid var(--ghs-border);
  border-radius:8px;
  box-shadow:0 10px 28px rgba(20,40,60,.14);
}


/* PHASE 1G.1 PRIORITY MODULE CLEANUP - same root block */
#div-direktur .panel.active,#div-keuangan .panel.active,#div-akademik .panel.active,#div-magang .panel.active{display:block;min-width:0}
#div-direktur .panel.active>.card,#div-keuangan .panel.active>.card,#div-akademik .panel.active>.card,#div-magang .panel.active>.card{margin-bottom:14px}

/* Director */
#div-direktur{--ghs-director-content-max:1280px}
#div-direktur .panel.active{max-width:var(--ghs-director-content-max)}
#div-direktur .v6-dir-sidegroups{display:none!important}
#div-direktur .v6-ap-layout{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(0,1.55fr);gap:14px;align-items:start}
#div-direktur .v6-ap-layout>*{min-width:0}
#div-direktur table{font-size:12px}

/* Finance */
#div-keuangan{--ghs-finance-form-max:980px}
#div-keuangan .panel.active .card:has(input,select,textarea),#div-keuangan .panel.active .box:has(input,select,textarea){max-width:var(--ghs-finance-form-max)}
#div-keuangan #panel-kDashboard .card,#div-keuangan #panel-kLaporan .card{max-width:none}
#div-keuangan table td,#div-keuangan table th{padding-left:10px;padding-right:10px}

/* Academic */
#div-akademik{--ghs-academic-form-max:1000px}
#div-akademik .panel.active .card:has(input,select,textarea),#div-akademik .panel.active .box:has(input,select,textarea){max-width:var(--ghs-academic-form-max)}
#div-akademik #panel-aJadwal table,#div-akademik #panel-aKalender table,#div-akademik #panel-aPresensi table,#div-akademik #panel-aAbsensi table{font-size:12px}
#div-akademik #panel-aJadwal th,#div-akademik #panel-aKalender th,#div-akademik #panel-aPresensi th,#div-akademik #panel-aAbsensi th{position:sticky;top:var(--ghs-header-h);z-index:3;background:#fff}

/* Internship */
#div-magang{--ghs-internship-form-max:1000px}
#div-magang .panel.active .card:has(input,select,textarea),#div-magang .panel.active .box:has(input,select,textarea){max-width:var(--ghs-internship-form-max)}
#div-magang #panel-mMonitoring table,#div-magang #panel-mVisit table,#div-magang #panel-mEvaluasi table,#div-magang #panel-mProses table{font-size:12px}
#div-magang #panel-mMonitoring th,#div-magang #panel-mVisit th,#div-magang #panel-mEvaluasi th,#div-magang #panel-mProses th{position:sticky;top:var(--ghs-header-h);z-index:3;background:#fff}

@media (min-width:769px) and (max-width:1180px){
 #div-direktur .v6-ap-layout{grid-template-columns:minmax(220px,.9fr) minmax(0,1.4fr);gap:10px}
 #div-direktur .panel.active,#div-keuangan .panel.active,#div-akademik .panel.active,#div-magang .panel.active{width:100%;max-width:none}
}
@media (max-width:768px){
 #div-direktur .v6-ap-layout{grid-template-columns:1fr}
 #div-direktur .panel.active,#div-keuangan .panel.active,#div-akademik .panel.active,#div-magang .panel.active{max-width:none}
 #div-direktur table,#div-keuangan table,#div-akademik table,#div-magang table{min-width:720px}
}


/* PHASE 1G.2 SECONDARY MODULE CLEANUP - same root block */

/* Governance / SOP: policy-heavy forms should be readable, not stretched */
#div-governance{
  --ghs-governance-form-max:980px;
}
#div-governance .panel.active .card:has(input,select,textarea),
#div-governance .panel.active .box:has(input,select,textarea){
  max-width:var(--ghs-governance-form-max);
}
#div-governance textarea{
  min-height:110px;
}
#div-governance #panel-gSop .card,
#div-governance #panel-gPolicy .card,
#div-governance #panel-gKnowledge .card{
  margin-bottom:14px;
}

/* Student data: data entry stays compact, lists use available width */
#div-siswa{
  --ghs-student-form-max:960px;
}
#div-siswa .panel.active .card:has(input,select,textarea),
#div-siswa .panel.active .box:has(input,select,textarea){
  max-width:var(--ghs-student-form-max);
}
#div-siswa #panel-sDaftar .card,
#div-siswa #panel-sDokumen .card,
#div-siswa #panel-sAlumni .card{
  max-width:none;
}
#div-siswa table{
  font-size:12px;
}

/* Marketing: CRM/data tables wide, prospect/input forms compact */
#div-marketing{
  --ghs-marketing-form-max:1000px;
}
#div-marketing .panel.active .card:has(input,select,textarea),
#div-marketing .panel.active .box:has(input,select,textarea){
  max-width:var(--ghs-marketing-form-max);
}
#div-marketing #panel-mkProspek table,
#div-marketing #panel-mkPendaftar table,
#div-marketing #panel-mkGuruDB table,
#div-marketing #panel-mkSiswaDB table,
#div-marketing #panel-mkSekolahDB table,
#div-marketing #panel-mkKunjungan table{
  font-size:12px;
}
#div-marketing .toolbar,
#div-marketing [class*="toolbar"]{
  gap:8px;
}

/* Medsos: dense campaign/content forms need tighter field widths */
#div-medsos{
  --ghs-medsos-form-max:1040px;
}
#div-medsos .panel.active .card:has(input,select,textarea),
#div-medsos .panel.active .box:has(input,select,textarea){
  max-width:var(--ghs-medsos-form-max);
}
#div-medsos textarea{
  min-height:96px;
}
#div-medsos #panel-msDashboard .card,
#div-medsos #panel-msPerforma .card{
  max-width:none;
}

/* Dynamic HR Center and Helpdesk panels: target exact dynamic panel ids */
#panel-hrOverview,
#panel-hrPerformance,
#panel-hrLeave,
#panel-hrShift,
#panel-hrLifecycle,
#panel-hdTickets,
#panel-hdSla{
  min-width:0;
}
#panel-hrOverview .card:has(input,select,textarea),
#panel-hrPerformance .card:has(input,select,textarea),
#panel-hrLeave .card:has(input,select,textarea),
#panel-hrShift .card:has(input,select,textarea),
#panel-hrLifecycle .card:has(input,select,textarea),
#panel-hdTickets .card:has(input,select,textarea),
#panel-hdSla .card:has(input,select,textarea){
  width:100%;
  max-width:1000px;
}
#panel-hrOverview table,
#panel-hrPerformance table,
#panel-hrLeave table,
#panel-hrShift table,
#panel-hrLifecycle table,
#panel-hdTickets table,
#panel-hdSla table{
  font-size:12px;
}

/* Shared secondary-module card rhythm */
#div-governance .panel.active > .card,
#div-siswa .panel.active > .card,
#div-marketing .panel.active > .card,
#div-medsos .panel.active > .card,
#panel-hrOverview > .card,
#panel-hrPerformance > .card,
#panel-hrLeave > .card,
#panel-hrShift > .card,
#panel-hrLifecycle > .card,
#panel-hdTickets > .card,
#panel-hdSla > .card{
  margin-bottom:14px;
}

@media (min-width:769px) and (max-width:1180px){
  #div-governance .panel.active,
  #div-siswa .panel.active,
  #div-marketing .panel.active,
  #div-medsos .panel.active,
  #panel-hrOverview,
  #panel-hrPerformance,
  #panel-hrLeave,
  #panel-hrShift,
  #panel-hrLifecycle,
  #panel-hdTickets,
  #panel-hdSla{
    width:100%;
    max-width:none;
  }
}

@media (max-width:768px){
  #div-governance .panel.active,
  #div-siswa .panel.active,
  #div-marketing .panel.active,
  #div-medsos .panel.active,
  #panel-hrOverview,
  #panel-hrPerformance,
  #panel-hrLeave,
  #panel-hrShift,
  #panel-hrLifecycle,
  #panel-hdTickets,
  #panel-hdSla{
    max-width:none;
  }
  #div-siswa table,
  #div-marketing table,
  #div-medsos table,
  #panel-hrOverview table,
  #panel-hrPerformance table,
  #panel-hrLeave table,
  #panel-hrShift table,
  #panel-hrLifecycle table,
  #panel-hdTickets table,
  #panel-hdSla table{
    min-width:680px;
  }
}

/* RESPONSIVE */
@media (min-width:769px) and (max-width:1180px){
  :root{--ghs-sidebar-w:208px;--ghs-header-h:62px}
  .hdr{height:var(--ghs-header-h);min-height:var(--ghs-header-h);padding:0 13px;gap:11px}
  .hdr img{max-height:34px}

  #divBar>.div-btn[data-div]{
    min-height:32px!important;
    padding:5px 28px 5px 10px!important;
    font-size:9.8px!important;
    margin:0!important;
  
  color:#111827!important;
  text-shadow:none!important;
  border:1px solid transparent!important;
  box-shadow:none!important;}

  #divBar>.ghs-root-nav{
    margin-bottom:2px!important;
    padding-top:2px!important;
    padding-bottom:3px!important;
  
  border-left:1px solid rgba(65,111,146,.17)!important;}

  #divBar>.ghs-root-nav>.ghs-root-nav-item{
    min-height:30px!important;
    font-size:9.6px!important;
  
  color:#111827!important;
  background:transparent!important;
  text-shadow:none!important;}

  .division.active{padding:15px 16px 26px}
  .division .g3{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:768px){
  :root{--ghs-header-h:58px}
  .hdr{min-height:var(--ghs-header-h);height:var(--ghs-header-h);padding:0 9px;grid-template-columns:auto minmax(0,1fr) auto;gap:8px}
  .hdr img{max-height:32px}
  #divBar{padding:5px 4px 14px}
  #divBar>.div-btn[data-div]{min-height:44px;width:100%;margin:1px 0;padding-top:10px;padding-bottom:10px;color:#111827!important;text-shadow:none!important;border:1px solid transparent!important;box-shadow:none!important;}
  #divBar>.ghs-root-nav{padding-left:21px;padding-right:4px;border-left:1px solid rgba(65,111,146,.17)!important;}
  #divBar>.ghs-root-nav>.ghs-root-nav-item{min-height:39px;font-size:11.5px;color:#111827!important;background:transparent!important;text-shadow:none!important;}

  .division.active{width:100%;max-width:none;padding:12px 10px 22px}
  .division.active h1{font-size:22px}
  .division.active h2{font-size:18px}
  .division.active h3{font-size:15px}

  .division .g2,.division .g3{grid-template-columns:1fr;gap:11px}
  .division input,.division select,.division textarea{width:100%;min-height:44px;font-size:16px}
  .division button,.division .btn{min-height:42px}

  .division table{min-width:680px}
  .division .table-wrap,.division [class*="table-wrap"],.division .table-responsive,.division .panel{
    -webkit-overflow-scrolling:touch
  }

  .division .toolbar,.division [class*="toolbar"],.division .actions,.division [class*="actions"]{
    display:flex;flex-wrap:wrap;align-items:center;gap:7px
  }
}

@media (max-width:420px){
  .hdr{padding-left:7px;padding-right:7px;gap:6px}
  .division.active{padding-left:8px;padding-right:8px}
  #divBar>.ghs-root-nav>.ghs-root-nav-item{font-size:11px;color:#111827!important;background:transparent!important;text-shadow:none!important;}
}


/* GHS DESKTOP SIDEBAR FINAL FIX 20260912 */
@media (min-width:769px){
  .divnav{
    overflow:hidden!important;
  }
  #divBar{
    height:calc(100vh - var(--ghs-header-h))!important;
    max-height:calc(100vh - var(--ghs-header-h))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-bottom:120px!important;
    scrollbar-width:thin!important;
  }
}