/* SPPG JBB V10.3.37b — Dashboard terpadu, CSS scoped: tidak memengaruhi kalender, modal, tabel atau sidebar. */
.sppg-role-dash-v10337{margin:16px 0 24px;min-width:0}
.sppg-role-hero-v10337{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:21px 23px;border:1px solid #cdddec;border-radius:18px;background:linear-gradient(110deg,#edf5fd,#fafdff 85%)}
.sppg-role-eyebrow-v10337{margin:0 0 8px!important;font-size:10px;font-weight:850;letter-spacing:1.2px;color:#436587!important}
.sppg-role-hero-v10337 h3{margin:0 0 7px!important;font-size:20px!important;font-weight:850!important;color:#112e4e!important;line-height:1.25}
.sppg-role-hero-v10337 p:not(.sppg-role-eyebrow-v10337){margin:0;color:#55718e;font-size:13px;line-height:1.55}
.sppg-role-tag-v10337{display:inline-flex;padding:9px 13px;border-radius:999px;background:#173c61;color:white;font-size:12px;font-weight:800;white-space:nowrap}
.sppg-role-kpis-v10337{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
.sppg-role-kpi-v10337{min-width:0;display:flex;flex-direction:column;gap:8px;padding:15px 16px;background:#fff;border:1px solid #dde7ef;border-radius:15px}
.sppg-role-kpi-v10337 span{font-size:12px;font-weight:750;color:#4b6380;line-height:1.45}
.sppg-role-kpi-v10337 strong{font-size:24px;color:#173451;line-height:1.17;overflow-wrap:anywhere}
.sppg-role-kpi-v10337 small{font-size:11px;line-height:1.55;color:#718398}
.sppg-role-kpi-warn-v10337{border-color:#e8ca94;background:#fffaf2}
.sppg-role-columns-v10337{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:14px;align-items:start}
.sppg-role-section-v10337{min-width:0;align-self:stretch;background:#fff;border:1px solid #e0e8ef;border-radius:16px;padding:17px}
.sppg-role-section-v10337 h4{margin:0 0 12px;font-size:15px;font-weight:850;color:#203f5f}
.sppg-role-notices-v10337{display:grid;gap:10px}
.sppg-role-notice-v10337{border-left:3px solid #c29b65;background:#fbf9f4;padding:10px 12px;border-radius:0 10px 10px 0}
.sppg-role-notice-v10337 p{margin:0;font-size:12px;line-height:1.65;color:#34516f}
.sppg-role-textlink-v10337{padding:5px 0!important;min-height:32px!important;margin-top:5px!important;font-size:12px!important;font-weight:800!important;line-height:1.5!important;text-align:left!important;border:0!important;background:transparent!important;color:#175581!important;box-shadow:none!important}
.sppg-role-actions-v10337{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.sppg-role-action-v10337{position:relative;display:flex;flex-direction:column;align-items:flex-start!important;text-align:left!important;gap:5px;min-width:0;min-height:67px;padding:12px 30px 11px 12px!important;border:1px solid #dce6ef!important;border-radius:12px!important;background:#f8fbfe!important;color:#1d3d61!important;box-shadow:none!important;white-space:normal!important;line-height:1.35!important}
.sppg-role-action-v10337 strong{font-size:12px;font-weight:850;color:#1d3d61}
.sppg-role-action-v10337 small{font-size:11px;color:#658099}
.sppg-role-arrow-v10337{position:absolute;right:11px;top:12px;font-size:16px;color:#9a7b4d}
.sppg-role-action-v10337:focus-visible,.sppg-role-textlink-v10337:focus-visible{outline:2px solid #996f2b!important;outline-offset:3px}
.sppg-role-action-v10337:hover{background:#eaf3fd!important;border-color:#b4cae3!important}
.sppg-role-empty-v10337{margin:0;color:#6d7d8f;font-size:12px}
@media(max-width:900px){.sppg-role-columns-v10337{grid-template-columns:1fr}.sppg-role-kpis-v10337{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.sppg-role-dash-v10337{margin:12px 0 19px}.sppg-role-hero-v10337{padding:16px 14px;gap:10px}.sppg-role-hero-v10337 h3{font-size:18px!important}.sppg-role-tag-v10337{padding:7px 10px;font-size:11px}.sppg-role-kpi-v10337{padding:13px 12px}.sppg-role-kpi-v10337 strong{font-size:21px}.sppg-role-section-v10337{padding:13px}.sppg-role-actions-v10337{gap:8px}}
@media(max-width:360px){.sppg-role-actions-v10337{grid-template-columns:1fr}}

/* V10.3.37b: header dashboard lama ditampilkan hanya sebagai fallback
   jika dashboard sesuai jabatan belum aktif. Rincian lama TERBUKA secara permanen. */
#dashboard.sppg-role-unified-v10337 > .row:first-child,
#dashboard.sppg-role-unified-v10337 > #dashCardsV1033,
#dashboard.sppg-role-unified-v10337 > #dashScheduleReminderV10334f{display:none!important}
#dashboard.sppg-role-unified-v10337 > .sppg-dash-details{
 display:grid!important;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px;margin-top:18px}
#dashboard.sppg-role-unified-v10337 > .sppg-dash-details > [hidden]{display:none!important}
.sppg-role-intro-v10337{min-width:0;flex:1 1 330px}
.sppg-role-tools-v10337{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:12px;min-width:175px;max-width:100%}
.sppg-role-updated-v10337{margin-top:12px;max-width:100%}
.sppg-role-updated-v10337 > #dashUpdatedV1033{margin:0!important;font-size:12px;line-height:1.5;color:#416b91!important;overflow-wrap:anywhere}
.sppg-role-refresh-v10337 > #dashRefreshV1033{
 padding:10px 14px!important;white-space:normal!important;max-width:100%;font-size:12px!important;
 background:#fffaf2!important;color:#805523!important;border:1px solid #e3c690!important;
 border-radius:12px!important;box-shadow:none!important}
.sppg-role-refresh-v10337 > #dashRefreshV1033:not(:disabled):hover{background:#fff0d7!important}
.sppg-role-refresh-v10337 > #dashRefreshV1033:focus-visible{outline:2px solid #996f2b;outline-offset:3px}
@media(max-width:1199px){#dashboard.sppg-role-unified-v10337 > .sppg-dash-details{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}
@media(max-width:600px){
 .sppg-role-tools-v10337{flex:1 1 100%;flex-direction:row;align-items:center;justify-content:space-between;min-width:0;gap:10px}
 .sppg-role-refresh-v10337{max-width:60%}
 .sppg-role-refresh-v10337 > #dashRefreshV1033{min-height:42px}
 #dashboard.sppg-role-unified-v10337 > .sppg-dash-details{grid-template-columns:1fr}
}
#dashboard.sppg-role-unified-v10337[data-sppg-role="karyawan"] > #dashExecutiveV10314{display:none!important}
#dashboard.sppg-role-unified-v10337 .sppg-executive-v10314{margin-top:18px;padding-top:16px}
#dashboard.sppg-role-unified-v10337 .sppg-exec-tile{min-height:100px;padding:13px 15px;gap:5px}
#dashboard.sppg-role-unified-v10337 .sppg-exec-number{font-size:23px}
@media(max-width:600px){
 .sppg-role-details-toggle-v10337{min-height:43px}
 #dashboard.sppg-role-unified-v10337 .sppg-exec-tile{min-height:90px;padding:12px}
}