:root{--green:#07533c;--dark:#10352b;--deep:#052c22;--gold:#d5a44c;--pale:#eff7f2;--light:#f6f8f6;--line:#e1e9e4;--ink:#162923;--mute:#65776f;--shadow:0 12px 35px rgba(5,42,30,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}button{cursor:pointer}input,textarea,select{width:100%;padding:11px 13px;color:var(--ink);border:1px solid #d3dfd7;background:#fff;border-radius:10px;outline:none}input:focus,textarea:focus,select:focus{border-color:#2b9068;box-shadow:0 0 0 3px #15966d17}textarea{min-height:110px;resize:vertical}input[type=checkbox]{width:auto}h1,h2,h3,h4{line-height:1.2;letter-spacing:-.025em;margin:0 0 14px}h1{font-size:clamp(2.2rem,4.5vw,4.4rem)}h2{font-size:clamp(1.6rem,3vw,2.3rem)}h3{font-size:1.13rem}p{margin:0 0 14px}.container{width:min(1160px,calc(100% - 36px));margin:auto}.small{font-size:.85rem}.muted{color:var(--mute)}.gold{color:var(--gold)}.eyebrow{font-size:.79rem;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:#0b7958}.btn{border:1px solid transparent;display:inline-flex;gap:9px;align-items:center;justify-content:center;border-radius:11px;padding:12px 20px;font-weight:700;background:#ebf5f0;color:var(--green);transition:background .2s,transform .2s}.btn:hover{transform:translateY(-1px);background:#def1e7}.btn.primary{background:var(--green);color:#fff}.btn.primary:hover{background:#087454}.btn.light{background:#fff;color:var(--dark)}.btn.goldbtn{background:var(--gold);color:#14291f}.btn.outline{background:transparent;border-color:#d0ded5}.btn.danger{background:#fdf0ef;color:#a92f2c}.btn.smallbtn{padding:7px 11px;font-size:.83rem}.full{grid-column:1/-1}.section{padding:76px 0}.section.soft{background:var(--light)}.section-header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-header p{margin:0;color:var(--mute)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:0 3px 14px rgba(12,49,35,.025)}.card-body{padding:22px}.card-img{width:100%;height:190px;object-fit:cover}.card:hover{border-color:#c0dbcb}.tag{display:inline-block;font-weight:700;font-size:.72rem;letter-spacing:.02em;color:#0c7454;background:#e8f6ed;padding:5px 10px;border-radius:20px;margin-bottom:12px}.tag.goldtag{color:#815c14;background:#fff5df}.header{position:sticky;z-index:30;top:0;background:#fff;border-bottom:1px solid var(--line)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:18px}.brand{display:flex;gap:11px;align-items:center;font-weight:850;color:var(--green);font-size:1.1rem;line-height:1.18}.brand small{display:block;font-size:.72rem;font-weight:500;color:var(--mute);margin-top:3px}.brand-icon{display:grid;place-items:center;min-width:44px;height:44px;border-radius:12px;background:var(--green);color:#efd8a5;font-size:24px}.nav-links{display:flex;align-items:center;gap:18px;font-size:.88rem;font-weight:650}.nav-links a:hover,.nav-links a.active{color:#0e986d}.menu-toggle{display:none;background:none;border:0;font-size:28px}.hero{background:radial-gradient(circle at 90% 15%,#1c7658 0,#10533d 33%,#082f25 75%);color:#fff;position:relative;overflow:hidden}.hero:after{content:'☪';font-family:Georgia,serif;position:absolute;right:4%;top:-88px;font-size:530px;color:#ffffff07;line-height:1;pointer-events:none}.hero-inner{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;min-height:490px;gap:45px;padding:70px 0;position:relative;z-index:1}.hero .eyebrow{color:#f2d58b}.hero h1{margin:16px 0 22px;max-width:720px}.hero p{color:#d0e5da;font-size:1.05rem;max-width:610px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}.hero-card{border:1px solid #ffffff33;border-radius:20px;background:#ffffff12;backdrop-filter:blur(8px);padding:28px;box-shadow:var(--shadow)}.hero-card h3{color:#f6d795}.hero-card .prayer{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff23;padding:9px 0}.hero-card .prayer:last-child{border:0}.hero-card .prayer b{color:#fff}.statbar{position:relative;margin-top:-35px;z-index:3;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.statitem{background:#fff;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:16px;padding:24px 28px}.statitem span{font-size:.88rem;color:var(--mute)}.statitem strong{display:block;font-size:1.65rem;color:var(--green);letter-spacing:-.04em;margin-top:3px}.feature-icon{width:44px;height:44px;border-radius:13px;background:#e5f4e9;color:#08714e;display:grid;place-items:center;font-size:23px;margin-bottom:18px}.list-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:var(--mute);font-size:.83rem;margin-bottom:10px}.empty{border:1px dashed #becfc5;background:#fff;border-radius:13px;padding:32px;color:var(--mute);text-align:center}.footer{background:#092e24;color:#d8ebe2;padding:53px 0 24px}.footer-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:40px}.footer h3{color:#fff}.footer p{color:#b7d2c5}.footer a{display:block;margin-bottom:10px}.footer a:hover{color:#f3c875}.footer-bottom{border-top:1px solid #ffffff20;margin-top:36px;padding-top:20px;font-size:.84rem;color:#a9c9b9;display:flex;justify-content:space-between;gap:16px}.banner{padding:62px 0;background:linear-gradient(115deg,#eaf6ee,#f9f7ed);border-bottom:1px solid var(--line)}.banner h1{font-size:clamp(2rem,4vw,3.2rem);color:var(--dark)}.banner p{color:#5a7868;max-width:690px}.page-content{padding:52px 0 84px}.article-body{max-width:820px;font-size:1.08rem;white-space:pre-line;line-height:1.9}.article-body img{border-radius:15px}.finance-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.finance-box{border-radius:20px;background:var(--green);color:#fff;padding:27px}.finance-box:nth-child(2){background:#133b51}.finance-box h3{font-size:1.2rem}.finance-box strong{display:block;font-size:clamp(1.5rem,3vw,2.3rem);margin:13px 0}.finance-rows{display:flex;gap:22px;font-size:.91rem;flex-wrap:wrap}.finance-rows small{display:block;opacity:.76}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th{text-align:left;background:#edf4ef;color:#345547;font-size:.78rem;text-transform:uppercase;letter-spacing:.025em;padding:12px 13px;white-space:nowrap}.table td{border-bottom:1px solid var(--line);padding:12px 13px;vertical-align:top}.table td:last-child{white-space:nowrap}.table tr:hover td{background:#fafdfe}.notice{padding:18px 20px;border-radius:14px;background:#ecf7ed;border:1px solid #cce5d2;color:#325a3e}.donate-hero{padding:32px;border-radius:22px;background:#f0f8f1}.bank-number{font-size:clamp(1.3rem,3vw,2rem);font-weight:800;word-break:break-all}.qris{max-width:260px;margin:12px 0;border:8px solid #fff;border-radius:14px}.pill{display:inline-block;border-radius:25px;padding:5px 12px;background:#f0f5f2;font-size:.78rem;font-weight:750}.install-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:linear-gradient(135deg,#e5f2e9,#f7f9f7)}.install-card{width:min(720px,100%);border:1px solid var(--line);border-radius:24px;background:white;padding:36px;box-shadow:var(--shadow)}.install-card h1{font-size:2rem;margin:22px 0 12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid label{display:block;font-size:.86rem;font-weight:700}.form-grid input,.form-grid textarea,.form-grid select{margin-top:6px;font-weight:400}.form-grid hr{width:100%;border:0;border-top:1px solid var(--line)}.alert{padding:13px 16px;border-radius:10px;background:#e9f7ee;color:#216346;margin:12px 0}.alert.error{background:#fbe9e6;color:#9f302b}.admin-app{display:flex;min-height:100vh;background:#f5f8f5}.sidebar{width:254px;flex-shrink:0;background:#0c3b2e;color:#c6e3d6;position:sticky;top:0;height:100vh;overflow:auto;padding:25px 14px}.sidebar .brand{color:#fff;padding:0 11px;margin-bottom:32px}.sidebar .brand-icon{background:#206d50}.sidebar-group{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#86b7a1;font-weight:800;padding:17px 12px 9px}.sidebar a.side-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;margin:3px 0;font-size:.88rem;font-weight:650}.sidebar a.side-link:hover,.sidebar a.side-link.active{background:#ffffff1d;color:#fff}.admin-main{flex:1;min-width:0}.admin-top{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:15px}.admin-content{padding:30px 32px 80px;max-width:1480px}.admin-content h1{font-size:1.85rem}.admin-content h2{font-size:1.4rem}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.admin-stat{padding:22px;background:#fff;border:1px solid var(--line);border-radius:15px}.admin-stat span{display:block;font-size:.82rem;color:var(--mute)}.admin-stat strong{display:block;font-size:1.5rem;color:var(--dark);margin:9px 0 4px;word-break:break-word}.admin-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:23px;margin-top:20px}.admin-card h3{margin-bottom:18px}.admin-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.admin-title{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:22px}.admin-title p{margin:6px 0 0;color:var(--mute)}.admin-filter{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:18px 0}.admin-filter label{min-width:125px;max-width:210px;font-size:.84rem;font-weight:700}.admin-filter select,.admin-filter input{margin-top:5px}.action-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline-form{display:inline}.pagination{display:flex;gap:9px;margin-top:16px}.pagination a{padding:7px 13px;border:1px solid var(--line);border-radius:8px;background:#fff}.login-layout{min-height:100vh;display:grid;place-items:center;background:radial-gradient(at top right,#258462,#083b2f 65%);padding:24px}.login-card{background:#fff;border-radius:23px;padding:36px;width:min(425px,100%);box-shadow:0 22px 70px #001e1644}.login-card h1{font-size:2rem}.login-card label{display:block;font-weight:700;font-size:.85rem;margin:16px 0}.login-card label input{margin-top:8px}.mobile-admin-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 11px}.fineprint{font-size:.8rem;color:var(--mute)}.img-preview{width:145px;height:100px;object-fit:cover;border-radius:10px;margin-top:8px;border:1px solid var(--line)}.item-cover{width:75px;height:52px;object-fit:cover;border-radius:7px}.nowrap{white-space:nowrap}.searchbar{margin-bottom:16px}.searchbar input{max-width:350px}.preview-text{white-space:pre-line}.compact td,.compact th{padding:9px 11px}svg{vertical-align:middle}.tv{background:linear-gradient(135deg,#072d23,#155942);min-height:100vh;color:#fff;padding:35px}.tv-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.tv .clock{font-size:clamp(3rem,7vw,7rem);font-weight:900}.tv-prayers{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.tv-prayers>div{background:#ffffff14;padding:22px;border:1px solid #ffffff21;border-radius:16px}.tv-prayers b{font-size:2rem;display:block}.tv-box{background:#ffffff12;border-radius:17px;padding:24px;margin-top:22px}.tv a{color:#f1d794}@media(max-width:1000px){.nav-links{gap:11px;font-size:.82rem}.dashboard-stats{grid-template-columns:repeat(2,1fr)}.hero-inner{grid-template-columns:1fr 330px}.admin-content{padding:24px}.admin-top{padding:0 24px}}@media(max-width:780px){.nav-wrap{min-height:69px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:69px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:20px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:5px;max-height:80vh;overflow:auto}.nav-links.open{display:flex}.nav-links a{padding:9px 6px}.hero-inner{grid-template-columns:1fr;gap:10px;padding:64px 0 75px}.hero-card{max-width:530px}.statbar,.finance-grid,.grid.two{grid-template-columns:1fr}.grid,.grid.four{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.section{padding:53px 0}.sidebar{position:fixed;z-index:99;left:-270px;transition:left .2s;box-shadow:var(--shadow)}.sidebar.open{left:0}.mobile-admin-toggle{display:block}.admin-top{height:64px}.admin-content{padding:20px}.tv-prayers{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.container{width:min(100% - 28px,1160px)}.grid,.grid.four,.dashboard-stats,.form-grid{grid-template-columns:1fr}.section-header{align-items:start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column}.statitem{padding:19px}.hero h1{font-size:2.45rem}.hero-card{padding:20px}.admin-content{padding:15px 12px 50px}.admin-card{padding:16px}.admin-top{padding:0 12px}.admin-title{align-items:start}.install-card{padding:24px}.tv{padding:14px}.tv-head{align-items:start;flex-direction:column}.tv-prayers>div b{font-size:1.5rem}}
@media print{.sidebar,.admin-top,.admin-title .admin-actions,.admin-filter,.btn,.searchbar,.pagination{display:none!important}.admin-app,.admin-main{display:block;background:#fff}.admin-content{padding:0}.admin-card{border:0;box-shadow:none;padding:0}.table{font-size:10px}.table th,.table td{padding:5px}body{color:#000}}

/* ============ Universal Mosque Website: six switchable template styles ============ */
.site-logo-wrap{display:inline-flex;justify-content:center;align-items:center;width:46px;height:46px;background:#fff;border:1px solid #dce8e0;border-radius:12px;overflow:hidden;flex-shrink:0}
.site-logo{width:100%;height:100%;object-fit:contain;padding:3px}
.sidebar .site-logo-wrap{width:38px;height:38px}
.hero-has-image{background-image:linear-gradient(90deg,rgba(1,24,24,.93) 5%,rgba(1,35,32,.85) 55%,rgba(3,39,27,.60)),var(--hero-image)!important;background-position:center!important;background-size:cover!important}
.hero-has-image h1,.hero-has-image p{color:#fff}
/* public template palettes; backend remains consistent */
body.theme-hijau-klasik{--green:#07533c;--dark:#10352b;--deep:#052c22;--gold:#d5a44c;--pale:#eff7f2;--light:#f6f8f6;--line:#e1e9e4;--ink:#162923;--mute:#65776f}
body.theme-biru-modern{--green:#12577e;--dark:#102e49;--deep:#0b273d;--gold:#e3ab54;--pale:#edf4f9;--light:#f4f8fb;--line:#dbe5ee;--ink:#1b3141;--mute:#657b88}
body.theme-biru-modern .hero{background:linear-gradient(120deg,#0a2a49,#246d90)}
body.theme-biru-modern .finance-box:nth-child(2){background:#265f76}
body.theme-biru-modern .card,body.theme-biru-modern .hero-card{border-radius:10px}
body.theme-biru-modern .section-header h2{letter-spacing:-.04em}
body.theme-krem-elegan{--green:#6c4e37;--dark:#483927;--deep:#342719;--gold:#b38647;--pale:#f8f2e7;--light:#fcf8f1;--line:#e9dfd1;--ink:#41382f;--mute:#837362}
body.theme-krem-elegan{background:#fffcf7;font-family:Georgia,'Times New Roman',serif}
body.theme-krem-elegan .nav-links,body.theme-krem-elegan .eyebrow,body.theme-krem-elegan .tag{font-family:system-ui,sans-serif}
body.theme-krem-elegan .hero{background:linear-gradient(120deg,#3a2e22,#785438)}
body.theme-krem-elegan .hero h1{font-weight:500;letter-spacing:-.04em}
body.theme-krem-elegan .card{border-radius:5px}
body.theme-krem-elegan .section{padding-top:75px;padding-bottom:75px}
body.theme-marun-heritage{--green:#78353e;--dark:#52272c;--deep:#391b23;--gold:#d7a36c;--pale:#faf1ed;--light:#fff8f5;--line:#ecdcd7;--ink:#3d2b2c;--mute:#846d6b}
body.theme-marun-heritage .hero{background:linear-gradient(135deg,#3a1721,#7a3943)}
body.theme-marun-heritage .hero-card{border:1px solid #ce8b793b}
body.theme-marun-heritage .hero h1{font-family:Georgia,'Times New Roman',serif}
body.theme-marun-heritage .card{border-radius:8px;border-top:4px solid #bd8b74}
body.theme-malam-emas{--green:#b58b46;--dark:#e6cf9c;--deep:#0f2025;--gold:#efc376;--pale:#1e3133;--light:#192b2c;--line:#324446;--ink:#f4eddb;--mute:#bac5bd;background:#0e1b1d;color:var(--ink)}
body.theme-malam-emas .header,body.theme-malam-emas .nav-links{background:#122326;color:#faf1de}
body.theme-malam-emas .nav-links a.active{color:#efc376}
body.theme-malam-emas .hero{background:linear-gradient(135deg,#08191d,#203637)}
body.theme-malam-emas .hero-card,body.theme-malam-emas .card,body.theme-malam-emas .empty,body.theme-malam-emas .statbar,body.theme-malam-emas .banner{background:#1a2e30;color:#faf3df;border-color:#374d4c}
body.theme-malam-emas .card-body,body.theme-malam-emas .card-body a,body.theme-malam-emas .section-header,body.theme-malam-emas .notice,body.theme-malam-emas .section h2{color:#f4eddb}
body.theme-malam-emas .muted{color:#c1ccc3}
body.theme-malam-emas .section.soft{background:#122629}
body.theme-malam-emas .statitem{border-color:#3a5151}
body.theme-malam-emas .btn.outline{border-color:#d2b47f;color:#f4eddb}
body.theme-malam-emas .finance-box:nth-child(2){background:#294044}
body.theme-malam-emas .footer{background:#081416}
body.theme-malam-emas .table td{color:#2c3932}
body.theme-malam-emas .pill,body.theme-malam-emas .tag{background:#2e4843;color:#f2ddb4}
body.theme-malam-emas .donate-hero{background:#203839;color:#fff}
body.theme-malam-emas .notice{background:#243a36;border-color:#4a6353}
body.theme-minimal-terang{--green:#1b4e4c;--dark:#183c3d;--deep:#15373a;--gold:#f0b762;--pale:#eef7f6;--light:#f8fbfb;--line:#dce9e8;--ink:#192f31;--mute:#667d7c}
body.theme-minimal-terang .hero{background:#f1f7f5;color:#192f31}
body.theme-minimal-terang .hero h1{color:#113d3a;font-weight:900;letter-spacing:-.065em}
body.theme-minimal-terang .hero p{color:#4a6964}
body.theme-minimal-terang .hero .eyebrow{color:#2d6f6e}
body.theme-minimal-terang .hero-card{background:#fff;color:#183e3c;border-color:#d6e9e3;box-shadow:0 12px 38px #15372b14}
body.theme-minimal-terang .hero-card p{color:#607d77!important}
body.theme-minimal-terang .hero-card .prayer{border-color:#e5efeb}
body.theme-minimal-terang .hero-has-image{background-image:linear-gradient(90deg,rgba(7,36,35,.90),rgba(7,36,35,.52)),var(--hero-image)!important}
body.theme-minimal-terang .hero-has-image h1,body.theme-minimal-terang .hero-has-image p,body.theme-minimal-terang .hero-has-image .eyebrow{color:#fff}
body.theme-minimal-terang .card{box-shadow:none;border-radius:8px}
body.theme-minimal-terang .section-header h2{font-weight:900;letter-spacing:-.05em}
/* dashboard template previews - illustrative thumbnails without external images */
.theme-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:20px}
.theme-option{display:block;position:relative;border:2px solid #dae5df;border-radius:15px;padding:10px;background:#fff;cursor:pointer;transition:border-color .15s,transform .15s;overflow:hidden}
.theme-option:has(input:checked){border-color:#167a5b;box-shadow:0 0 0 3px #167a5b19}
.theme-option:hover{transform:translateY(-2px)}
.theme-option input[type=radio]{width:auto;position:absolute;right:19px;top:17px;z-index:1;accent-color:#167a5b}
.theme-mini{display:block;background:var(--mini-bg);border-radius:9px;overflow:hidden;border:1px solid #d6d6d62b}
.theme-mini.theme-hijau-klasik{--mini-bg:#e8f5ed;--mini-hero:#0c533e;--mini-accent:#dda849}
.theme-mini.theme-biru-modern{--mini-bg:#edf6fa;--mini-hero:#11476f;--mini-accent:#e1b56b}
.theme-mini.theme-krem-elegan{--mini-bg:#f8eedc;--mini-hero:#67513b;--mini-accent:#cdac70}
.theme-mini.theme-marun-heritage{--mini-bg:#fbf0eb;--mini-hero:#793640;--mini-accent:#d89e7a}
.theme-mini.theme-malam-emas{--mini-bg:#1d3436;--mini-hero:#0c1c20;--mini-accent:#d5b076}
.theme-mini.theme-minimal-terang{--mini-bg:#f4faf8;--mini-hero:#d9eee8;--mini-accent:#1c7064}
.mini-head{height:27px;padding:4px 10px;display:flex;align-items:center;justify-content:space-between;color:var(--mini-hero);background:var(--mini-bg)}
.mini-nav{font-size:8px;letter-spacing:4px}
.mini-emblem{font-size:14px}
.mini-hero{height:88px;background:var(--mini-hero);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:19px;gap:9px}
.mini-line{display:block;width:75%;height:8px;background:#ffffffd7;border-radius:4px}
.mini-line.narrow{width:54%;height:5px;opacity:.65}
.mini-cta{width:35%;height:12px;border-radius:4px;background:var(--mini-accent);margin-top:3px}
.theme-mini.theme-minimal-terang .mini-line{background:#195a51}
.mini-cards{display:flex;padding:10px;gap:8px}
.mini-cards i{height:25px;flex:1;background:#ffffffd8;border-radius:3px}
.theme-option-caption{display:flex;flex-direction:column;margin:9px 3px 7px;font-size:.9rem;line-height:1.45}
.theme-option-caption small{color:#60736d;font-weight:400;min-height:34px}
.theme-preview-link{color:#126c58;font-weight:750;font-size:.82rem;margin:0 3px;display:inline-flex;padding:5px 0}
@media(max-width:850px){.theme-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.theme-picker{grid-template-columns:1fr 1fr;gap:8px}.theme-option{padding:6px}.theme-option-caption{font-size:.75rem}.theme-option-caption small{font-size:.67rem;min-height:54px}.theme-preview-link{font-size:.72rem}.mini-hero{height:65px;padding:10px}.mini-cards i{height:16px}}
@media(max-width:360px){.theme-picker{grid-template-columns:1fr}}

/* SIMMasjid v3.0: pemilih modul responsif */
.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 25px}
.module-choice{display:flex;align-items:center;gap:12px;padding:15px;border-radius:12px;background:#f6faf7;border:1px solid #dce8e0;cursor:pointer}
.module-choice input{width:20px;height:20px;flex:none;accent-color:#07533c}
.module-choice span{display:flex;flex-direction:column;min-width:0;line-height:1.5}.module-choice strong{font-size:.92rem}.module-choice small{color:#658275;font-size:.78rem}
.module-choice:has(input:checked){border-color:#79b89c;background:#ecf7f0}
@media(max-width:640px){.module-grid{grid-template-columns:1fr}}
