/* Warna diatur admin lewat variabel --c-* yang dicetak di includes/header.php */
body{background:var(--c-bg,#f4f7fb);color:#17243a;min-height:100vh}
.topbar{background:var(--c-dark,#142d4e);box-shadow:0 3px 14px #00000022}
.brand-mark{display:inline-grid;place-items:center;background:#fff;color:var(--c-dark,#142d4e);border-radius:10px;width:30px;height:30px}
.brand-logo{height:32px;width:auto;max-width:140px;object-fit:contain;border-radius:6px}
.card{border:0;border-radius:16px;box-shadow:0 6px 24px #152b4610}
.balance-card{background:linear-gradient(120deg,var(--c-dark,#142d4e),var(--c-accent,#2464a2));color:#fff}
.balance-card .muted{color:#ffffffc7}
.stat{font-size:1.65rem;font-weight:750}
.btn-primary{--bs-btn-bg:var(--c-primary,#205b98);--bs-btn-border-color:var(--c-primary,#205b98);--bs-btn-hover-bg:color-mix(in srgb,var(--c-primary,#205b98) 80%,#000);--bs-btn-hover-border-color:color-mix(in srgb,var(--c-primary,#205b98) 80%,#000);--bs-btn-active-bg:color-mix(in srgb,var(--c-primary,#205b98) 70%,#000);--bs-btn-active-border-color:color-mix(in srgb,var(--c-primary,#205b98) 70%,#000);--bs-btn-disabled-bg:var(--c-primary,#205b98);--bs-btn-disabled-border-color:var(--c-primary,#205b98)}
.btn-outline-primary{--bs-btn-color:var(--c-primary,#205b98);--bs-btn-border-color:var(--c-primary,#205b98);--bs-btn-hover-bg:var(--c-primary,#205b98);--bs-btn-hover-border-color:var(--c-primary,#205b98);--bs-btn-active-bg:var(--c-primary,#205b98);--bs-btn-active-border-color:var(--c-primary,#205b98)}
.text-bg-primary{background-color:var(--c-primary,#205b98)!important}
.qr-image{max-width:100%;width:330px;border-radius:12px;border:1px solid #e5eaf0}
.table{vertical-align:middle}
.sidebar-link{display:block;padding:.65rem .8rem;border-radius:9px;text-decoration:none;color:#24364d}
.sidebar-link:hover,.sidebar-link.active{background:#e8f1fb;color:#164f87}
.small-muted{font-size:.88rem;color:#6b7788}
.proof-thumb{max-width:180px;max-height:180px;object-fit:contain;border:1px solid #ddd;border-radius:8px}
.form-control,.form-select{border-radius:10px;padding:.65rem .8rem}
.btn{border-radius:10px}
.status-pill{font-size:.78rem}
.site-banner{width:100%;max-height:260px;object-fit:cover;border-radius:16px;box-shadow:0 6px 24px #152b4614}
.form-control-color{width:3.5rem;padding:.25rem}
.settings-preview{max-height:90px;max-width:100%;object-fit:contain;border:1px solid #dde3ea;border-radius:8px;background:#fff;padding:4px}
.settings-preview.banner{max-height:140px;width:100%;object-fit:cover;padding:0}