/* Hajipur Mosque Site Polish v7 — visual-only layer. Existing IDs, classes, APIs and JS are intentionally untouched. */
:root{--hm7-primary:#075e4a;--hm7-primary2:#0b8065;--hm7-gold:#c99a3a;--hm7-bg:#f4f7f6;--hm7-card:#ffffff;--hm7-line:#dfe8e5;--hm7-text:#12231f;--hm7-muted:#667a74;--hm7-shadow:0 12px 34px rgba(15,23,42,.07)}
html{scroll-behavior:smooth}
body{background:linear-gradient(180deg,#f8fbfa 0%,#f1f6f4 48%,#eef4f2 100%);color:var(--hm7-text)}
body.site-page{min-height:100vh}
.container{width:min(1420px,100%);margin-inline:auto}
.card{overflow:visible}
.section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e7efec}
.section-title h4,.section-title h5,.section-title h6{margin-bottom:2px;font-weight:800;color:#123b32}
.section-eyebrow{font-size:.68rem;letter-spacing:.12em;font-weight:900;color:#0b8065;text-transform:uppercase;margin-bottom:3px}
.btn{transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(15,23,42,.08)}.btn:active{transform:translateY(0)}
.table-responsive{box-shadow:0 4px 18px rgba(15,23,42,.035)}
.table>thead th{font-weight:800;color:#24453c;background:#f2f7f5!important;border-bottom:2px solid #dce8e4!important}
.table>tbody>tr{transition:background .14s ease}.table>tbody>tr:hover{background:#f4fbf8!important}
.form-label{font-weight:750;color:#28453e}.form-control,.form-select,.input-group-text{border-color:#d4e2de}.form-control::placeholder{color:#9aa9a5}.form-control:focus,.form-select:focus{border-color:#0b8065;box-shadow:0 0 0 .2rem rgba(11,128,101,.11)}
.alert{box-shadow:0 5px 18px rgba(15,23,42,.04)}
.badge{font-weight:800}
.admin-menu-card{border-radius:20px!important;box-shadow:var(--hm7-shadow)!important;background:rgba(255,255,255,.96)!important}
.admin-nav .nav-link{min-height:46px!important;border-radius:12px!important}
.admin-nav .nav-link i{font-size:.95rem}
.nav-pills#mainTab{gap:4px}
.nav-pills#mainTab .nav-link{font-size:.88rem;white-space:nowrap}
.reference-notice-bar{border:1px solid #dcebe5!important;border-radius:14px!important;box-shadow:0 6px 18px rgba(15,23,42,.05)!important}
.hero-banner{border-radius:24px!important;box-shadow:0 18px 42px rgba(7,94,74,.16)!important}
.quick-btn,.feature-card,.media-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.quick-btn:hover,.feature-card:hover,.media-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(15,23,42,.09)}
.dashboard-card,.panel,.report-summary-card,.finance-mini,.chart-card,.doc-preview{border-radius:18px!important}
.table-pagination{margin-top:10px!important}.table-pagination .btn,.table-pagination button{min-width:40px;min-height:38px;border-radius:10px}
.empty-state{padding:35px 18px;text-align:center;color:#71827d;background:#f8fbfa;border:1px dashed #cbdcd6;border-radius:16px}
.toast-stack{pointer-events:none}.premium-toast{pointer-events:auto}
@media(max-width:991.98px){.container{padding-inline:12px}.hero-banner{border-radius:18px!important}.section-title{align-items:flex-start;flex-direction:column}.section-title>.btn,.section-title>.badge{align-self:flex-start}.admin-menu-card{position:static!important}.admin-nav{max-height:none!important}}
@media(max-width:575.98px){body{font-size:.9rem}.card{border-radius:15px!important}.nav-pills#mainTab{overflow-x:auto;flex-wrap:nowrap!important}.nav-pills#mainTab .nav-link{flex:0 0 auto}.hero-banner{padding:22px 14px!important}.table-responsive{border-radius:11px}.btn{min-height:42px}.section-title{gap:9px}.form-control,.form-select{min-height:42px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.no-print,.floating-actions,.toast-stack{display:none!important}.card{box-shadow:none!important;border:1px solid #bbb!important}.table-responsive{overflow:visible!important}}