/* Final presentation layer: loaded after every page's local styles.
   Gaya mengikuti admin template (card putih solid, border tipis,
   shadow lembut, radius kecil) — bukan lagi glassmorphism. */
:root{--hairline:var(--border);}
body{letter-spacing:0 !important;}
/* Dashboard */
.dash-wrap{max-width:1180px !important;padding-top:38px !important;}
.summary-grid{gap:14px !important;margin-bottom:18px !important;}
.summary-card,.widget-card{border-radius:var(--radius) !important;padding:18px !important;background:var(--surface) !important;border:1px solid var(--border) !important;box-shadow:var(--shadow-sm) !important;}
.summary-card .label{font-size:11px !important;font-weight:650;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted) !important;}
.summary-card .value{font-size:25px !important;font-variant-numeric:tabular-nums;letter-spacing:0;}
.summary-card.highlight .value{color:var(--primary-ink) !important;}
.widget-grid{gap:14px !important;margin-bottom:14px !important;}
.widget-head{padding-bottom:12px;border-bottom:1px solid var(--hairline);}
.widget-head h3{font-size:14px !important;}
.widget-link{color:var(--primary-ink) !important;}
.mini-list{gap:7px !important;}
.mini-list-item{background:#f8f9fb !important;border:1px solid var(--border);border-radius:var(--radius-sm) !important;padding:10px 12px !important;}
/* Page-specific surfaces */
.bank-toolbar{padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);}
.bank-card{background:var(--surface) !important;}
.toolbar-report{padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);}
.lr-section,.nr-section{border-radius:var(--radius) !important;overflow:hidden;}
.lr-section-title,.nr-section-title{background:rgba(var(--tint-rgb),.6) !important;color:var(--primary-ink) !important;border-color:var(--hairline) !important;}
.lr-row,.nr-row{border-color:var(--hairline) !important;}
.report-head,.report-header,.ks-headbox,.lp-headbox{background:rgba(var(--tint-rgb),.55) !important;border:1px solid var(--border) !important;border-radius:var(--radius) !important;}
.combo-arrow:hover,.date-icon:hover{background:rgba(var(--tint-rgb),.7) !important;color:var(--primary-ink) !important;}
/* Login */
body:has(.login-card){padding:24px !important;background:
  radial-gradient(circle at 18% 12%,rgba(var(--primary-rgb),.20),transparent 31rem),
  radial-gradient(circle at 86% 72%,rgba(var(--accent-rgb),.16),transparent 32rem),
  linear-gradient(145deg,var(--bg-3),var(--bg-2) 58%,#fff) !important;}
.login-card{width:380px !important;border-radius:var(--radius) !important;background:var(--surface) !important;border:1px solid var(--border);box-shadow:var(--shadow-md) !important;}
.login-header{background:transparent !important;color:var(--text-muted) !important;border-bottom:1px solid var(--hairline);font-size:10px !important;letter-spacing:.14em !important;padding:15px !important;}
.login-body{padding:28px 32px 8px !important;}
.brand-logo{width:92px !important;margin-bottom:24px !important;}
.form-row label{color:var(--text-muted) !important;font-size:11.5px !important;}
.form-row input{min-height:42px;border-radius:var(--radius-sm) !important;background:var(--surface) !important;border:1px solid var(--border) !important;}
.form-row input:focus{border-color:var(--primary) !important;box-shadow:0 0 0 3px rgba(var(--primary-rgb,93,135,255),.16) !important;}
.login-actions{margin-top:18px !important;}
.btn-enter{background:var(--primary) !important;color:#fff !important;box-shadow:0 6px 14px -8px rgba(var(--primary-rgb,93,135,255),.9);}
.btn-enter:hover{background:var(--primary-dark) !important;}
.btn-cancel{background:var(--surface) !important;color:var(--text-muted) !important;border:1px solid var(--border) !important;}
.footer-bar{background:#f8f9fb !important;border-color:var(--hairline) !important;padding:11px 16px !important;}
.footer-time{color:var(--primary-ink) !important}.footer-version{color:var(--accent-ink) !important;}
@media(max-width:860px){.dash-wrap{padding-top:22px !important}.widget-grid{grid-template-columns:1fr !important}}
@media(max-width:640px){.login-card{width:min(100%,380px) !important}.login-body{padding:24px 22px 8px !important}.summary-grid{grid-template-columns:1fr !important}.summary-card .value{font-size:22px !important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto !important;transition-duration:.01ms !important;animation-duration:.01ms !important;animation-iteration-count:1 !important}}