/* MFAH emerald + pastel palette. Screen-only; no layout or business-state changes. */
@media screen {
body.app-shell,body.mobile-body,body.auth-shell{
 --ui-brand:#087f5b;--ui-brand-hover:#066448;--ui-ink:#183b56;--ui-muted:#566b7d;
 --ui-border:#dce5ee;--ui-soft:#eaf7f0;--ui-page:#f4f7fb;--ui-shadow:0 3px 14px #183b560b;
 --mfah-primary:#087f5b;--mfah-primary-dark:#087f5b;--mfah-primary-deep:#066448;
 --mfah-primary-soft:#eaf7f0;--mfah-primary-pale:#eaf7f0;--mfah-page:#f4f7fb;
 --mfah-text:#183b56;--mfah-muted:#566b7d;--mfah-line:#dce5ee;
 --bs-primary:#087f5b;--bs-primary-rgb:8,127,91;
 --ux2-green:#087f5b;--ux2-soft:#eaf7f0;--ux2-text:#183b56;--ux2-page:#f4f7fb;--ux2-muted:#566b7d;--ux2-line:#dce5ee;
 --theme-blue:#285f9c;--theme-blue-soft:#eaf3ff;
 --theme-violet:#6945a3;--theme-violet-soft:#f1edff;
 --theme-amber:#875700;--theme-amber-soft:#fff4d6;
 --theme-green:#087f5b;--theme-green-soft:#eaf7f0;
 --theme-rose:#a93848;--theme-rose-soft:#fff0f2;
 background-color:var(--ui-page)!important;
}
body.app-shell .app-content,body.mobile-body .mobile-shell{color:var(--ui-ink)}
/* Explicit semantic tones on summaries; status colors are never assigned by row order. */
:is(body.app-shell,body.mobile-body) .theme-blue{--theme-accent:var(--theme-blue);--theme-tint:var(--theme-blue-soft);--theme-line:#cddff4}
:is(body.app-shell,body.mobile-body) .theme-green{--theme-accent:var(--theme-green);--theme-tint:var(--theme-green-soft);--theme-line:#c7e6d8}
:is(body.app-shell,body.mobile-body) .theme-violet{--theme-accent:var(--theme-violet);--theme-tint:var(--theme-violet-soft);--theme-line:#ded4f5}
:is(body.app-shell,body.mobile-body) .theme-amber{--theme-accent:var(--theme-amber);--theme-tint:var(--theme-amber-soft);--theme-line:#efdfb3}
:is(body.app-shell,body.mobile-body) .theme-rose{--theme-accent:var(--theme-rose);--theme-tint:var(--theme-rose-soft);--theme-line:#efced4}
body.app-shell .app-content .theme-summary,body.mobile-body .mobile-shell .theme-summary{
 background:linear-gradient(120deg,var(--theme-tint),#fff 95%)!important;
 border-color:var(--theme-line)!important;border-top:3px solid var(--theme-accent)!important;
 color:var(--ui-ink)!important;
}
body.app-shell .app-content .theme-summary:is(a):hover,body.app-shell .app-content .theme-summary.active{
 background:var(--theme-tint)!important;border-color:var(--theme-accent)!important;
}
body.app-shell .app-content .theme-summary>i,body.app-shell .app-content .theme-summary .finance-stat-icon{
 color:var(--theme-accent)!important;background:var(--theme-tint)!important;border-radius:10px;
}
body.app-shell .app-content .theme-summary>i{width:40px;height:40px;display:grid;place-items:center;flex-shrink:0}
body.app-shell .app-content .theme-summary span>i{color:var(--theme-accent)!important;background:var(--theme-tint)!important}
body.app-shell .app-content .theme-summary :is(strong,h3,.finance-stat-value){color:var(--ui-ink)!important}
body.app-shell .app-content .theme-summary :is(.text-muted,small){color:var(--ui-muted)!important}
/* Light blue table headers distinguish labels from white data rows. */
body.app-shell .app-content .table:not(.manual-grid):not(.schedule-table)>thead>tr>th{
 background:#eff4fa!important;color:#38536c!important;border-bottom-color:#d9e4ef!important;
}
body.app-shell .app-content .table{--bs-table-hover-bg:#f1f7fc;--bs-table-striped-bg:#fafcff}
body.app-shell .app-content .table :is(thead a,.employee-name-link){color:#285f9c}
body.app-shell .app-content .table :is(thead a,.employee-name-link):hover{color:#174578}
body.app-shell .app-content :is(.ux2-panel>h2,.card-header h5,.settings-group h5){color:var(--ui-ink)!important}
body.app-shell .app-content .ux2-tabs a.active{border-color:#087f5b;background:#eaf7f0;color:#066448}
body.app-shell .app-content .ux2-step.active{background:#eaf7f0;border-color:#78b99e}
body.app-shell .app-content .ux2-saved-views{background:#f6f9fd;border-radius:8px}
/* Group icons carry color while navigation text and the active state remain clear. */
body.app-shell .app-sidebar .sidebar-link[data-menu-label="karyawan"]>i:first-child{color:var(--theme-blue)!important}
body.app-shell .app-sidebar .sidebar-link[data-menu-label="absensi"]>i:first-child{color:var(--theme-green)!important}
body.app-shell .app-sidebar .sidebar-link[data-menu-label="payroll"]>i:first-child,
body.app-shell .app-sidebar .sidebar-link[data-menu-label="laporan"]>i:first-child{color:var(--theme-violet)!important}
body.app-shell .app-sidebar .sidebar-link[data-menu-label="tagihan supplier"]>i:first-child{color:var(--theme-amber)!important}
body.app-shell .app-sidebar .sidebar-link[data-menu-label="pengajuan"]>i:first-child{color:var(--theme-blue)!important}
body.app-shell .app-sidebar .sidebar-link.active{background:#eaf7f0!important;color:#066448!important}
body.app-shell .app-sidebar .sidebar-link.active>i:first-child{color:#087f5b!important}
body.app-shell .settings-group.tone-blue .settings-group-icon{background:var(--theme-blue-soft)!important;color:var(--theme-blue)!important}
body.app-shell .settings-group.tone-violet .settings-group-icon{background:var(--theme-violet-soft)!important;color:var(--theme-violet)!important}
body.app-shell .settings-group.tone-amber .settings-group-icon{background:var(--theme-amber-soft)!important;color:var(--theme-amber)!important}
body.app-shell .settings-group.tone-emerald .settings-group-icon{background:var(--theme-green-soft)!important;color:var(--theme-green)!important}
body.app-shell .settings-group[class*="tone-"] .settings-item>i:first-child{background:#f1f5fa;color:#38536c}
body.app-shell .app-content .kasbon-summary-card.is-pending{background:linear-gradient(120deg,#fff4d6,#fff 95%)!important;border-color:#efdfb3!important}
body.app-shell .app-content .kasbon-summary-card.is-active{background:linear-gradient(120deg,#eaf3ff,#fff 95%)!important;border-color:#cddff4!important}
body.app-shell .app-content .kasbon-summary-card.is-balance{background:linear-gradient(120deg,#fff0f2,#fff 95%)!important;border-color:#efced4!important}
body.app-shell .app-content .kasbon-summary-card:is(.is-paid,.is-settled){background:linear-gradient(120deg,#eaf7f0,#fff 95%)!important;border-color:#c7e6d8!important}
body.app-shell .app-content .stat-mini{background:#eaf3ff!important;border-color:#cddff4!important;box-shadow:none!important}
/* Employee mobile entry points use semantic classes already present in the portal. */
body.mobile-body .simple-mobile-home .hero-card.mobile-identity-card{background:linear-gradient(125deg,#eaf7f0,#fff 85%)!important;border-color:#c7e6d8!important}
body.mobile-body .simple-mobile-home .quick-grid .quick-card.mobile-action-kasbon{background:var(--theme-violet-soft)!important;border-color:#ded4f5!important}
body.mobile-body .simple-mobile-home .quick-grid .quick-card.mobile-action-kasbon i{background:#e4dcf9!important;color:var(--theme-violet)!important}
body.mobile-body .simple-mobile-home .quick-grid .quick-card.mobile-action-broadcast{background:var(--theme-blue-soft)!important;border-color:#cddff4!important}
body.mobile-body .simple-mobile-home .quick-grid .quick-card.mobile-action-broadcast i{background:#dbeaff!important;color:var(--theme-blue)!important}
body.mobile-body .simple-mobile-home .quick-grid .quick-card.mobile-action-schedule{background:var(--theme-amber-soft)!important;border-color:#efdfb3!important}
body.mobile-body .simple-mobile-home .quick-grid .quick-card.mobile-action-schedule i{background:#ffebba!important;color:var(--theme-amber)!important}
body.mobile-body .simple-mobile-home .quick-grid .quick-card :is(span,b){color:var(--ui-ink)!important}
body.mobile-body .simple-mobile-home .attendance-primary{background:#087f5b!important;color:#fff!important}
body.mobile-body .mobile-bottom-nav a.active{color:#087f5b!important}
body.mobile-body .ux2-mobile-quick a:has(.bi-calendar-plus){--quick-bg:#fff4d6;--quick-line:#efdfb3;--quick-ink:#875700}
body.mobile-body .ux2-mobile-quick a:has(:is(.bi-clock-history,.bi-clock)){--quick-bg:#eaf3ff;--quick-line:#cddff4;--quick-ink:#285f9c}
body.mobile-body .ux2-mobile-quick a:has(:is(.bi-receipt,.bi-wallet2)){--quick-bg:#f1edff;--quick-line:#ded4f5;--quick-ink:#6945a3}
body.mobile-body .ux2-mobile-quick a{background:var(--quick-bg,#fff)!important;border-color:var(--quick-line,#dce5ee)!important;color:#183b56}
body.mobile-body .ux2-mobile-quick a>i{color:var(--quick-ink,#087f5b)!important}
/* Auth keeps one strong primary action and a quiet pastel page background. */
body.auth-shell{--accent:#087f5b;--accent-hover:#066448;--ink:#183b56;--muted:#566b7d;--line:#dce5ee;--link:#087f5b}
}