/* Al-Amanah finance UI polish v2 — 2026-10-27 */
:root{--line:#e5ebf4;--shadow:0 10px 28px rgba(29,57,97,.045)}
html,body{max-width:100%;overflow-x:clip}
.shell{min-height:100dvh;background:linear-gradient(180deg,#edf3fe 0,#f5f7fc 440px,#f6f8fc 100%)}
.container{max-width:960px;padding-left:16px;padding-right:16px}
.topbar{min-height:74px;gap:12px}
.topbar h1{font-size:19px;letter-spacing:-.45px;line-height:1.25}
.topbar small{font-size:11px;line-height:1.4}
.topbar .heading{min-width:0}
.topbar .iconbtn,.topbar .brandmark{flex:0 0 42px;border-radius:15px}
.sub-header{position:sticky;top:0;z-index:42;margin:0 -16px 15px;padding:9px 16px;min-height:76px;height:auto;background:rgba(246,249,255,.92);border-bottom:1px solid #e4eaf5;box-shadow:0 7px 18px rgba(18,47,95,.045);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.home-header{padding:10px 0 14px;min-height:90px}
.home-mini{position:fixed;z-index:60;top:0;left:0;right:0;min-height:68px;display:flex;align-items:center;gap:12px;padding:10px 18px;background:rgba(247,250,255,.97);border-bottom:1px solid #e1e8f5;box-shadow:0 8px 24px rgba(25,44,85,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);visibility:hidden;opacity:0;transform:translateY(-110%);pointer-events:none;transition:opacity .2s ease,transform .26s cubic-bezier(.22,1,.36,1),visibility .26s}
.home-shell.is-scrolled .home-mini{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}
.home-mini .brandmark{width:40px;height:40px;flex-shrink:0;font-size:21px}
.home-mini strong{font-size:15px;color:#1c335b;display:block}
.home-mini small{color:#8392a8;font-size:11px}
.home-mini .avatar{flex:0 0 40px}
.page{padding:4px 0 34px}
.hero{padding:27px 23px;min-height:193px;border-radius:26px;background:radial-gradient(circle at 99% 5%,#608cec5a,transparent 46%),linear-gradient(120deg,#172b55,#25468d 73%,#3769ce);box-shadow:0 18px 40px rgba(33,65,136,.20)}
.hero:before{right:-80px;top:-110px}
.herolabel{font-size:13px;letter-spacing:.1px;color:#cfddf9}
.heroamount{margin:14px 0 22px;font-size:clamp(29px,8vw,43px);font-weight:840;letter-spacing:-1px}
.herofoot{align-items:center;gap:12px}
.herofoot span{font-size:11px;line-height:1.45;max-width:54%;color:#dae7ff}
.herofoot button{max-width:46%;border-radius:13px;white-space:normal;line-height:1.3;text-align:center;padding:11px 12px;background:rgba(255,255,255,.15)}
.hero-note{display:inline-flex;border:1px solid #ffffff50;border-radius:16px;padding:9px 10px}
.statrow{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.statcard{padding:17px 16px;border:1px solid #e8edf6;border-radius:20px;min-height:101px;box-shadow:var(--shadow)}
.statcard:last-child{grid-column:1/-1;min-height:78px}
.statcard .lbl{font-size:11px;line-height:1.45;font-weight:620}
.statcard strong{font-size:17px;margin-top:11px;letter-spacing:-.5px;line-height:1.35}
.sectionhead{margin:26px 1px 14px}
.sectionhead h2{font-size:18px;line-height:1.4}
.menu-grid{gap:20px 6px;margin:2px 0 8px}
.menu-item{gap:9px;font-size:12px}
.menu-icon{width:min(65px,16vw);height:min(65px,16vw);font-size:26px;border-radius:20px}
.card{padding:19px 18px;border-radius:23px;border:1px solid #e8edf5;box-shadow:var(--shadow);margin-bottom:13px;overflow:hidden}
.card .cardtitle{line-height:1.35}
.card .cardamount{white-space:normal;text-align:right;overflow-wrap:anywhere}
.form-card{padding:23px 20px}
.form-title{margin:8px 0 6px;font-size:19px;letter-spacing:-.4px}
.form-lead{line-height:1.65;font-size:12px;margin-bottom:17px}
.form-group{min-width:0;display:flex;flex-direction:column;gap:8px;margin:0 0 16px}
.formlabel{display:block;color:#40516b;line-height:1.42;font-size:12px;font-weight:760;margin:0;overflow-wrap:anywhere}
.field{display:block;width:100%;border:1.5px solid #e1e8f2;border-radius:15px;background:#f8faff;min-height:49px;padding:13px 15px;box-shadow:inset 0 1px 1px rgba(30,56,100,.01)}
.field:focus,.field:focus-within{border-color:#7196f2;background:white;box-shadow:0 0 0 3px rgba(60,103,230,.07)}
.fieldarea{min-height:105px;line-height:1.55}
.formgrid,.filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:12px;row-gap:0}
.formgrid>.form-group,.filters>.form-group{min-width:0}
.picker{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:pointer}
.picker>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.btn{border-radius:15px}
.btn.small{white-space:normal;text-align:center}
.footbar{position:static;margin:22px 0 2px;background:white;border:1px solid #e6ecf5;border-radius:21px;padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:10px;box-shadow:var(--shadow);backdrop-filter:none}
.footbar .grow{grid-column:1/-1;padding-bottom:4px;border-bottom:1px solid #ecf0f7}
.footbar .grow strong{font-size:23px;line-height:1.3;margin:4px 0 6px;color:#1b3b7d}
.footbar .btn{width:100%;margin:0;min-width:0;white-space:normal}
.invoiceitem{background:#fff;border:1px solid #e3eaf4;border-radius:22px;padding:17px;margin-top:14px;box-shadow:var(--shadow)}
.invoiceitem .formgrid{margin-top:3px}
.invoiceitem .tabrow{padding-top:15px}
.invoiceitem .picker{margin-bottom:18px}
.invoiceitem .preview{margin-top:8px}
.account-menu{background:#fff!important;border:1px solid #e9eef5!important;margin-bottom:9px!important;border-radius:17px!important;padding:13px 14px!important;box-shadow:var(--shadow);text-align:left;min-height:67px}
.account-menu .itemicon{width:39px;height:39px;font-size:19px;border-radius:12px}
.account-menu .grow{font-size:14px}
.profile-summary{padding:21px 18px}
.profile-summary .rowline{align-items:flex-start}
.profile-summary .cardtitle{font-size:17px}
.profile-summary .cardsub{overflow-wrap:anywhere;margin:8px 0}
.profile-badge{height:66px;width:66px;display:grid;place-items:center;background:#e7efff;color:#2256bc;border-radius:20px;font-weight:860;font-size:26px;margin:0 0 15px}
.staff-intro .cardsub{font-size:12px;line-height:1.7;margin-top:9px}
.staff-card .pillbar{margin-top:10px}
.staff-card .rowline{align-items:flex-start}
.staff-card .cardsub{overflow-wrap:anywhere}
.bottomnav{z-index:50}
.sheet{overscroll-behavior:contain}
.sheetitem{transition:background .15s,transform .15s}
.sheetitem:active{transform:scale(.99)}
.empty{padding:38px 20px}
@media(min-width:700px){.container{padding-left:30px;padding-right:30px}.sub-header{margin-left:-30px;margin-right:-30px;padding-left:30px;padding-right:30px}.statrow{grid-template-columns:repeat(3,1fr)}.statcard:last-child{grid-column:auto}.formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-icon{width:65px;height:65px}.home-mini{justify-content:center}.home-mini>.grow{max-width:710px}.hero{padding:34px}.footbar{grid-template-columns:1fr auto auto}.footbar .grow{grid-column:auto;border-bottom:0}.footbar .btn{min-width:130px}}
@media(max-width:520px){.formgrid,.filters{grid-template-columns:1fr;gap:0}.card{padding:18px 16px}.statcard strong{font-size:16px}.herofoot button{font-size:11px}.sectionhead h2{font-size:17px}}
@media(max-width:350px){.statrow{gap:9px}.statcard{padding:13px 11px}.statcard strong{font-size:14px}.hero{padding:23px 17px}.topbar h1{font-size:16px}.topbar small{font-size:10px}.menu-grid{gap:16px 4px}}

/* V1.2: 3-tab mobile nav, live date hero, and camera/gallery picker */
.bottomnav{display:flex;align-items:stretch;justify-content:center;gap:7px;padding:8px 12px calc(9px + env(safe-area-inset-bottom));min-height:67px}
.navbtn{flex:1 1 0;min-width:0;max-width:160px;padding:7px 4px;border-radius:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-size:11px;line-height:1.15}
.navbtn b{font-size:22px;line-height:1.3;font-weight:700}
.navbtn.active{color:#245aca;background:#e9f0ff}
.hero{min-height:184px}
.herofoot{margin-top:7px}
.herofoot .hero-clock{display:flex;align-items:center;max-width:100%;gap:9px;font-size:13px;color:#dfebff;letter-spacing:.1px;line-height:1.5;white-space:normal;font-variant-numeric:tabular-nums}
.herofoot .hero-clock:before{content:"◷";display:inline-flex;font-size:17px;color:#b9d0ff}
.photo-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.photo-choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:98px;border:1.5px solid #dce7fa;border-radius:18px;background:#f4f8ff;color:#254d9a;text-align:center;cursor:pointer;overflow:hidden}
.photo-choice span{font-size:26px}
.photo-choice strong{font-size:13px}
.photo-choice small{font-size:11px;color:#778eaf}
.photo-choice input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:120px}
.photo-choice:focus-within{border-color:#3267ec;box-shadow:0 0 0 3px #3267ec1f}
.photo-choice:active{background:#e7efff;transform:scale(.98)}
.photo-selected{font-size:12px;color:#6e7f98;margin-top:9px;overflow-wrap:anywhere}
.photo-preview{display:block;max-width:100%;max-height:190px;object-fit:contain;border-radius:15px;margin:10px auto 0;border:1px solid #e0e8f5}
.photo-preview[hidden]{display:none}
@media(min-width:700px){.bottomnav{width:390px}.navbtn{min-width:0;max-width:125px}}
@media(max-width:360px){.bottomnav{padding-left:7px;padding-right:7px;gap:4px}.navbtn{font-size:10px}.herofoot .hero-clock{font-size:12px}}

/* ACHO original client logo, applied only to app branding */
.home-header .brandmark,.home-mini .brandmark,.authbrand,.bootmark{background:#050505 url('/assets/icon-192.png') center/contain no-repeat!important;color:transparent!important;font-size:0!important;border:1px solid #1b2438;overflow:hidden}

/* v1.4 Rekap tagihan gabungan */
.statement-promo{background:linear-gradient(150deg,#f8fbff,#eef4ff);border:1px solid #dae6ff}
.statement-promo .itemicon{background:#dfeaff;color:#214a9c}
.statement-promo .cardsub{line-height:1.6}
.statement-actions{display:grid;gap:10px;margin-top:18px}
.statement-actions>a,.statement-actions>button{width:100%;text-align:center;text-decoration:none}

/* ACHO v1.5: tiga jenis transaksi di formulir */
.transaction-kind-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0 15px;align-items:stretch}
.transaction-kind-tabs .tab{white-space:normal;min-width:0;min-height:48px;text-align:center;border-radius:14px;line-height:1.35;font-size:12px;padding:9px 6px}
.transaction-kind-tabs .tab.active{box-shadow:0 5px 13px rgba(29,65,151,.14)}
.taxfree-hint{background:#eaf8f1;color:#247f61;border:1px solid #c9e9d9;border-radius:13px;padding:12px 13px;font-size:12px;line-height:1.6;margin:0 0 15px}
@media(max-width:360px){.transaction-kind-tabs{gap:5px}.transaction-kind-tabs .tab{font-size:10.5px;padding:8px 4px}}

/* ACHO v1.6 — pilihan Metode Ringkas / Rincian SIPLah */
.tax-method{margin:12px 0 16px;padding:15px;border-radius:17px;border:1px solid #dce8f8;background:#f7faff}
.tax-method .formlabel{margin-bottom:10px}
.tax-method-tabs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px}
.tax-method-tabs button{border:1px solid #d5e1f3;border-radius:12px;background:#fff;min-height:42px;padding:10px 8px;color:#526784;font-size:12px;line-height:1.3;font-weight:750;cursor:pointer}
.tax-method-tabs button.selected{background:#2455ae;border-color:#2455ae;color:#fff;box-shadow:0 5px 14px rgba(35,76,161,.17)}
.tax-method-description{font-size:11px;color:#647a96;line-height:1.6;margin-top:9px}
.tax-method-result{font-size:11px;color:#45618a;line-height:1.75;background:#eff5ff;border:1px solid #dbe8fa;border-radius:12px;padding:9px 12px;margin-bottom:10px}
.tax-breakdown{margin:10px 0;padding:10px 12px;border-radius:11px;background:#f0f6ff;color:#43628d;line-height:1.7;font-size:12px}
.twocol.result{border-top:1px solid #c9d8ee;margin-top:9px;padding-top:9px}
.invoiceitem .field[readonly]{background:#eef3fb;color:#405f8b;cursor:default}
@media(max-width:360px){.tax-method{padding:12px}.tax-method-tabs button{font-size:11px;padding:8px 5px}}

/* ACHO v1.6.2 — multi-item invoice shortcut */
.invoice-add-more{margin:15px 0 20px;padding:17px;border-radius:19px;border:1px dashed #bed0ec;background:linear-gradient(150deg,#f9fbff,#edf4ff);text-align:center}
.invoice-add-more .btn{min-height:48px;font-size:14px}
.invoice-add-more p{color:#687b98;font-size:12px;line-height:1.6;margin:11px 3px 0}
.invoice-add-more strong{color:#234e9b}

/* ACHO v1.7 — Hutang Modal / Liability Ledger */
.loan-hero{background:linear-gradient(125deg,#183466,#3155a9 68%,#4777cb);color:#fff;padding:24px 23px;border-radius:25px;position:relative;overflow:hidden;box-shadow:0 13px 32px rgba(38,69,136,.17);margin-bottom:14px}
.loan-hero:after{content:"";position:absolute;right:-75px;top:-110px;height:250px;width:250px;border:1px solid #ffffff33;border-radius:100%;box-shadow:0 0 0 56px #ffffff0c,0 0 0 105px #ffffff08;pointer-events:none}
.loan-kicker{font-size:12px;font-weight:760;letter-spacing:.6px;color:#c8dcff;text-transform:uppercase;line-height:1.5}
.loan-money{font-size:clamp(30px,6vw,42px);font-weight:850;letter-spacing:-.8px;line-height:1.3;margin:10px 0 16px;overflow-wrap:anywhere}
.loan-hero-foot{font-size:12px;color:#dce8ff}
.loan-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 15px}
.loan-stats>div{background:#fff;border-radius:18px;border:1px solid #e6edf6;min-height:88px;padding:18px 16px;box-shadow:0 6px 18px #1e39620b;display:flex;flex-direction:column;gap:9px;min-width:0}
.loan-stats small{font-size:11px;color:#778ba6}
.loan-stats strong{font-size:18px;color:#1c345d;overflow-wrap:anywhere}
.loan-info{font-size:12px;line-height:1.7;color:#556f99;background:#eff5ff;border:1px solid #dce9fd;border-radius:15px;padding:13px 15px;margin:12px 0 18px}
.loan-action-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 22px}
.loan-action-row .btn{min-width:0;white-space:normal;line-height:1.3;min-height:50px;font-size:12px}
.loan-lender-card{margin-bottom:12px}
.loan-right{text-align:right;min-width:90px}.loan-right small{display:block;color:#8494ab;font-size:11px;margin-bottom:4px}.loan-right strong{font-size:15px;color:#1e3970}
.loan-card-actions{margin-top:16px;display:flex;gap:9px;flex-wrap:wrap}
.loan-item-card{width:100%;text-align:left;cursor:pointer;border:1px solid #e4eaf5;background:#fff;color:inherit}
.loan-item-money{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0 10px}
.loan-item-money small{font-size:12px;color:#7389a7}
.loan-item-money strong{font-size:19px;color:#203a67}
.loan-track{height:7px;background:#e9eff9;border-radius:8px;overflow:hidden;margin:13px 0}
.loan-track span{height:100%;background:linear-gradient(90deg,#4f80e5,#2cbd9e);display:block;border-radius:8px;transition:width .3s ease}
.loan-item-meta{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:11px;color:#7890ab;gap:10px}
.loan-pay-action{min-height:52px;margin:18px 0 22px}
.loan-complete{border:1px solid #ccebdd;background:#effbf5;color:#168262;text-align:center;font-size:13px;padding:16px;border-radius:15px;margin:18px 0}
.loan-note{color:#617898;font-size:12px;line-height:1.6;margin:12px 0 0;overflow-wrap:anywhere}
@media(max-width:380px){.loan-action-row .btn{font-size:11px;padding:10px 5px}.loan-stats strong{font-size:15px}.loan-hero{padding:20px 17px}.loan-lender-card .rowline{gap:8px}.loan-right{min-width:76px}}

.loan-home-shortcut{width:100%;display:flex;align-items:center;text-align:left;gap:13px;border:1px solid #dae5f6;background:linear-gradient(120deg,#fff,#eef4ff);border-radius:20px;padding:17px 19px;box-shadow:0 8px 24px #21386b0b;cursor:pointer;color:#21395f;margin:18px 0}
.loan-home-icon{display:grid;place-items:center;font-size:29px;width:50px;height:50px;background:#e2ebff;border-radius:15px;flex-shrink:0}
.loan-home-shortcut>span:nth-child(2){flex:1;min-width:0}
.loan-home-shortcut strong{display:block;font-size:15px;margin-bottom:5px}
.loan-home-shortcut small{display:block;font-size:12px;line-height:1.5;color:#6b829f}
.loan-home-arrow{font-size:25px;color:#3e68b9}
.loan-home-shortcut:active{transform:scale(.99);background:#eaf2ff}

/* ACHO v1.7.1 — dashboard empat kartu konsisten dan pembayaran utang terarah */
.statrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 0;align-items:stretch}
.statrow>.statcard,.statrow>.statcard:last-child{
 grid-column:auto;min-width:0;min-height:122px;width:100%;margin:0;
 padding:16px 14px;box-sizing:border-box;
 display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;
 background:#fff;border:1px solid #e4eaf5;border-radius:20px;
 box-shadow:0 9px 25px rgba(25,52,103,.06)
}
.statrow>.statcard .lbl{font-size:12px;line-height:1.35;font-weight:680;color:#6b7e9b;min-height:33px;max-width:100%}
.statrow>.statcard strong{display:block;max-width:100%;font-size:clamp(13px,3.8vw,19px);font-weight:850;letter-spacing:-.5px;line-height:1.3;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin-top:auto}
.statrow>.statcard-debt{position:relative;text-align:left;color:#1e355e;cursor:pointer;appearance:none;font:inherit}
.statrow>.statcard-debt strong{padding-bottom:16px}
.statrow>.statcard-debt .stat-open{position:absolute;right:14px;bottom:10px;font-size:10px;font-weight:780;color:#315fba}
.statrow>.statcard-debt:active{transform:scale(.985);background:#f2f6ff}
.statrow>.statcard-debt:focus-visible{outline:3px solid #618ded;outline-offset:2px}
.expense-debt-notice{display:flex;align-items:center;gap:11px;flex-wrap:wrap;background:#eff5ff;border:1px solid #d7e5f8;padding:14px;border-radius:16px;margin:15px 0 19px}
.expense-debt-notice .grow{min-width:160px}
.expense-debt-notice strong{font-size:13px;display:block;color:#284778;margin-bottom:5px}
.expense-debt-notice small{font-size:11px;line-height:1.55;color:#5b7395;display:block}
.expense-debt-notice .btn{white-space:nowrap;box-shadow:none}
@media(min-width:740px){.statrow{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:350px){.statrow{gap:9px}.statrow>.statcard,.statrow>.statcard:last-child{padding:13px 11px;min-height:120px}.statrow>.statcard strong{font-size:13px}.statrow>.statcard .lbl{font-size:11px}}

/* ACHO 1.8 — Belanja SIPLah, tagihan otomatis, pengembalian dan arus kas */
.siplah-intro,.siplah-book-hero{background:linear-gradient(135deg,#1a3463,#315fc0);padding:23px;border-radius:23px;color:white;box-shadow:0 14px 35px rgba(25,54,120,.18);margin:8px 0 18px}
.siplah-intro strong{font-size:19px;display:block;margin-bottom:10px}
.siplah-intro p{font-size:12px;color:#dfebff;line-height:1.7;margin:0}
.siplah-item{margin-bottom:13px}
.siplah-item .rowline h3{margin:0;font-size:17px}
.siplah-item-fee{margin-top:12px;color:#637d9e;background:#f0f5ff;border:1px solid #e4ebfa;border-radius:13px;padding:12px;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.siplah-item-fee b{color:#2458a3;font-size:14px}
.siplah-add-bottom{margin:10px 0 18px;min-height:47px}
.siplah-summary{padding:21px;border-radius:21px;background:#fff;border:1px solid #dbe6f8;box-shadow:0 12px 24px #274e9112;margin-bottom:18px}
.siplah-summary-title{color:#244679;font-weight:800;font-size:15px;margin-bottom:12px}
.siplah-summary .minirow{font-size:12px}
.siplah-summary-total{border-top:1px solid #cbd9ed;margin-top:14px;padding-top:14px;display:flex;justify-content:space-between;gap:12px;align-items:center}
.siplah-summary-total span{font-weight:750;color:#2e4d7d;font-size:12px}
.siplah-summary-total strong{font-size:22px;color:#2457ac;overflow-wrap:anywhere}
.siplah-info{font-size:12px;line-height:1.75;color:#58739b;padding:14px 16px;background:#eff6ff;border:1px solid #d5e5fa;border-radius:15px;margin:14px 0 20px}
.siplah-save{min-height:54px;font-size:14px;margin-bottom:18px}
.siplah-entry-link{margin:16px 0;white-space:normal;line-height:1.45;min-height:50px;padding:11px}
.siplah-quick{display:flex;align-items:flex-start;gap:10px;flex-direction:column;padding:17px;border-radius:19px;background:linear-gradient(115deg,#ecf4ff,#fff);border:1px solid #dae7fa;margin:4px 0 19px}
.siplah-quick strong{font-size:15px;color:#294977}
.siplah-quick small{font-size:12px;line-height:1.55;color:#6a83a5}
.siplah-book-hero small,.siplah-book-hero span{display:block;font-size:12px;color:#c4d8fd}
.siplah-book-hero strong{display:block;font-size:clamp(26px,7vw,40px);margin:8px 0 14px;overflow-wrap:anywhere}
.siplah-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:14px 0}
.siplah-metrics>div{padding:16px 13px;background:#fff;border:1px solid #e2eaf6;border-radius:18px;min-width:0;box-shadow:0 8px 22px #23426809}
.siplah-metrics small{display:block;font-size:11px;line-height:1.5;color:#7083a2;min-height:34px}
.siplah-metrics strong{font-size:clamp(13px,4vw,17px);color:#213c6b;overflow-wrap:anywhere;display:block;margin-top:9px}
.siplah-cash-view{padding:18px;border-radius:19px;background:#eaf3ff;border:1px solid #cee1fa;margin:12px 0 18px}
.siplah-cash-view small{color:#57739c;font-size:12px}
.siplah-cash-view strong{display:block;font-size:24px;margin:9px 0;color:#24539e;overflow-wrap:anywhere}
.siplah-cash-view p{font-size:11px;line-height:1.65;color:#677e9c;margin:0}
.siplah-book-add{min-height:48px;margin:17px 0 22px}
.siplah-book-row{margin-bottom:13px}
.siplah-book-row .rowline{gap:8px;flex-wrap:wrap}
.siplah-book-row .rowline strong{font-size:14px}
.siplah-book-row .chip{font-size:10px}
@media(min-width:800px){.siplah-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ACHO v1.8.1 — verified ledger source corrections */
.siplah-account-history{margin:13px 0;padding:13px;border:1px solid #d6e4f8;background:#f3f8ff;border-radius:14px;display:grid;gap:9px}
.siplah-account-history>strong{font-size:12px;color:#28477b}
.siplah-account-history>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;border-top:1px solid #dfe9f9;padding-top:8px}
.siplah-account-history span{font-size:12px;font-weight:700;color:#365b96}
.siplah-account-history small{font-size:11px;color:#7185a7;overflow-wrap:anywhere}
.siplah-correction-intro{border:1px solid #dbe6f8;background:#eef5ff;padding:15px;border-radius:15px;margin-bottom:16px;display:grid;gap:9px}
.siplah-correction-intro>b{font-size:15px;color:#243f6d}
.siplah-correction-intro>small{font-size:11px;color:#7389a8;margin-top:-5px}
.siplah-correction-intro>div{font-size:12px;color:#6b81a0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.siplah-correction-intro strong{color:#284b86;overflow-wrap:anywhere}
.siplah-correction-note{border-radius:12px;background:#fff8ec;color:#80622e;border:1px solid #f0e1c5;padding:12px 14px;font-size:12px;line-height:1.65;margin:12px 0 18px}
.siplah-home-activity{width:100%;padding:0;margin:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;display:block}
.siplah-home-activity .card{margin-bottom:0;border-radius:18px 18px 0 0}
.siplah-home-action{display:block;padding:9px 13px;margin:0 0 12px;border:1px solid #dbe7fa;border-top:0;border-radius:0 0 16px 16px;background:#f0f6ff;color:#315da9;font-size:11px;font-weight:770}
.siplah-home-activity:focus-visible{outline:3px solid #5288dd;outline-offset:3px;border-radius:16px}
@media(max-width:390px){.siplah-correction-intro>div{font-size:11px}.siplah-account-history{padding:10px}}

.siplah-correction-impact{margin:10px 0;border-radius:12px;background:#e9f1ff;border:1px solid #c7d9f9;color:#2c568d;padding:12px 14px;font-size:12px;line-height:1.65;overflow-wrap:anywhere}

/* ACHO 1.9 — Buku Kas Umum mobile-first cash ledger */
.bku-report-promo{display:flex;align-items:center;gap:11px;background:linear-gradient(115deg,#f1f6ff,#fff);border:1px solid #dce8fc;border-radius:19px;padding:15px;margin-bottom:20px}
.bku-report-icon{font-size:26px;display:grid;place-items:center;width:48px;height:48px;background:#e2edff;border-radius:14px;flex-shrink:0}
.bku-report-promo .grow{min-width:0}.bku-report-promo strong{display:block;font-size:14px;color:#213f75;margin-bottom:5px}.bku-report-promo small{display:block;color:#7389a7;font-size:11px;line-height:1.45}
.bku-report-promo .btn{flex-shrink:0}
.bku-hero{border-radius:25px;background:linear-gradient(128deg,#182f60,#2959a6 75%,#4273cb);padding:23px 22px;color:white;margin-bottom:17px;box-shadow:0 12px 30px #193e8a26;position:relative;overflow:hidden}
.bku-hero:after{content:"";height:180px;width:180px;position:absolute;right:-70px;top:-80px;border:1px solid #ffffff29;border-radius:100%;box-shadow:0 0 0 40px #ffffff0a,0 0 0 82px #ffffff06;pointer-events:none}
.bku-hero>small{display:block;color:#cbdcfd;font-size:11px;letter-spacing:.45px;font-weight:750}
.bku-hero>strong{display:block;color:white;font-size:clamp(30px,8vw,43px);letter-spacing:-1px;margin:12px 0 15px;overflow-wrap:anywhere}
.bku-herofoot{font-size:12px;color:#d7e4ff}
.bku-period-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;background:#e8effa;padding:6px;border-radius:16px;margin-bottom:12px}
.bku-period-tabs button{border:0;border-radius:11px;background:transparent;padding:13px 10px;color:#7285a4;font-size:13px;font-weight:750;cursor:pointer}
.bku-period-tabs button.active{color:#2252a0;background:white;box-shadow:0 3px 14px #26457518}
.bku-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
.bku-filter{padding:13px;border-radius:16px;border:1px solid #d9e5f5;background:#fff;text-align:left;display:flex;align-items:center;gap:6px;cursor:pointer;min-width:0}
.bku-filter small{color:#7d8ea7;font-size:11px}.bku-filter strong{color:#1f3f78;font-size:14px;flex:1;text-align:center}.bku-filter>span{color:#7e9aca}
.bku-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
.bku-metric{padding:15px 12px;background:white;border:1px solid #e0e9f6;border-radius:18px;min-width:0;box-shadow:0 5px 15px #213d700b}
.bku-metric small{display:block;color:#788ba9;font-size:11px;line-height:1.5;min-height:17px}
.bku-metric strong{display:block;color:#1c3662;font-size:clamp(13px,4vw,18px);overflow-wrap:anywhere;margin-top:8px;line-height:1.4}
.bku-splits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.bku-split{padding:14px;background:#fff;border-radius:16px;border:1px solid #e1eafa}
.bku-split>strong{font-size:12px;color:#29466e;display:block;margin-bottom:10px}
.bku-split>div{display:flex;flex-direction:column;gap:4px;margin-top:10px}
.bku-split span{font-size:10px;color:#778ba5}.bku-split b{font-size:13px;color:#1b447d;overflow-wrap:anywhere}
.bku-report-explain,.bku-footnote,.bku-transfer-note{padding:13px 15px;background:#f0f6ff;border-radius:14px;border:1px solid #dce7f9;color:#637e9f;font-size:11px;line-height:1.7;margin:16px 0}
.bku-transfer-note{background:#f7f6ff;border-color:#e4e0f8;color:#726793}
.bku-download{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:26px}
.bku-download button{min-height:46px}
.bku-month-list,.bku-ledger-list{display:grid;gap:11px}
.bku-month-card,.bku-transaction{width:100%;padding:16px;background:#fff;border:1px solid #e3ebf5;border-radius:19px;box-shadow:0 6px 18px #1c3b6b0a;text-align:left;color:inherit}
.bku-month-card{cursor:pointer}.bku-month-card:active{transform:scale(.99)}
.bku-month-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
.bku-month-head strong{font-size:15px;color:#234575}.bku-month-open{font-size:11px;color:#2b67c7;font-weight:700}
.bku-month-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bku-month-meta>div{background:#f5f8fe;border-radius:12px;padding:10px;min-width:0}
.bku-month-meta small{display:block;font-size:10px;color:#7c8da6;margin-bottom:5px}
.bku-month-meta b{font-size:13px;color:#2b4166;overflow-wrap:anywhere;display:block}
.bku-month-bottom{border-top:1px solid #e7edf6;display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:14px;padding-top:13px}
.bku-month-bottom span{font-size:11px;color:#7a8ea7}.bku-month-bottom strong{font-size:15px;color:#214c8a;overflow-wrap:anywhere}
.bku-entry-head{display:flex;align-items:center;gap:11px}.bku-entry-head .grow{min-width:0}
.bku-entry-head strong{font-size:13px;color:#273f68;display:block}
.bku-entry-head small{font-size:10px;color:#8697ab;display:block;margin-top:4px}
.bku-entry-head>b{font-size:14px;overflow-wrap:anywhere;max-width:42%;text-align:right}
.bku-entry-head>b.income{color:#14856e}.bku-entry-head>b.expense{color:#c05362}
.bku-type{height:38px;width:38px;border-radius:13px;display:grid;place-items:center;font-size:20px;flex-shrink:0}
.bku-type.in{background:#e4f8f0;color:#16946a}.bku-type.out{background:#fff0f1;color:#c75967}
.bku-description{font-size:12px;color:#3c5379;line-height:1.6;margin:13px 0 9px;overflow-wrap:anywhere}
.bku-entry-meta{display:flex;flex-wrap:wrap;gap:7px;justify-content:space-between;color:#788da8;font-size:11px}
.bku-entry-running{display:flex;gap:10px;justify-content:space-between;align-items:center;border-top:1px solid #edf1f8;margin-top:13px;padding-top:12px}
.bku-entry-running span{font-size:10px;color:#8293ab}.bku-entry-running b{font-size:13px;color:#28579c;overflow-wrap:anywhere}
.siplah-refund-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:11px 12px;background:#f3f6fc;border:1px solid #e0e8f4;border-radius:13px;margin:11px 0}
.siplah-refund-status strong{font-size:12px;color:#63738a}
.siplah-refund-status.is-partial{background:#fff8e9;border-color:#f1e4be}
.siplah-refund-status.is-partial strong{color:#946c22}
.siplah-refund-status.is-complete{background:#eaf9f1;border-color:#d0ebdd}
.siplah-refund-status.is-complete strong{color:#168164}
.siplah-refund-status small{font-size:11px;color:#8293ab}
@media(min-width:720px){.bku-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.bku-month-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.bku-report-promo{padding:12px 10px}.bku-report-promo .btn{padding:10px;font-size:11px}.bku-entry-head>b{font-size:12px}.bku-split{padding:12px}.bku-metric strong{font-size:13px}}

/* ACHO v1.9.1 — refund settlement occurs exactly once */
.siplah-refund-footnote{background:#f2f7ff;color:#647d9e;border:1px solid #dfe9fa;border-radius:12px;padding:11px 13px;font-size:11px;line-height:1.65;margin:10px 0 14px}
.siplah-refund-modal-note{font-size:12px;line-height:1.65;color:#546f92;background:#edf5ff;border:1px solid #d7e6fa;border-radius:12px;padding:13px;margin:12px 0 17px}