.mosque-management{max-width:520px;margin:auto;padding:12px 18px 90px;background:#fffaf1;color:#0b4a3b}.mm-top{display:flex;align-items:center;text-align:center;margin:5px 0 18px}.mm-top div{flex:1}.mm-top span{font-size:.65rem;font-weight:800;letter-spacing:.25em;color:#b9852c}.mm-top h2{margin:3px 0;font-size:1.15rem}.mm-top button{background:transparent;border:0;color:#064836;font-size:1.55rem;width:42px}.mm-hero{text-align:center;padding:18px;font-size:2rem}.mm-hero h2{font-size:1.1rem;margin:7px 0 0}.mm-hero p,.mm-card p,.mm-subtitle{font-size:.8rem;color:#5d675f}.mm-card,.mm-tv{margin:10px 0;padding:13px;border:1px solid #ebdeca;border-radius:14px;background:#fffdf8;box-shadow:0 4px 15px #2e1f0910}.mm-card h3{margin:0 0 5px;font-size:.94rem}.mm-schedule{display:grid;gap:7px;margin:10px 0}.mm-schedule label,.mm-card label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.82rem;font-weight:700}.mm-schedule input,.mm-card input,.mm-card textarea{box-sizing:border-box;max-width:185px;border:1px solid #ead4b5;border-radius:9px;background:#fff;padding:9px;text-align:right;font:inherit}.mm-card textarea{width:100%;max-width:none;min-height:70px;text-align:left}.mm-primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;background:#006047;color:#fff;border:0;border-radius:9px;font-size:.72rem;font-weight:800;text-transform:uppercase}.mm-quick,.mm-types{display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.mm-quick button,.mm-types button{padding:11px 5px;border:1px solid #ebdeca;border-radius:10px;background:#fff;color:#064836}.mm-quick span{display:block;font-size:.65rem}.mm-types{grid-template-columns:1fr 1fr}.mm-types button{text-align:left;font-weight:700}.mm-types b{margin-right:7px}.mm-row{display:flex;justify-content:space-between;width:100%;padding:12px 0;border:0;border-bottom:1px solid #eee2d2;background:transparent;color:#164336;text-align:left}.mm-row:last-child{border:0}.mm-tv strong{display:block;font-size:1.1rem}.mm-tv i,.mm-card i{color:#178251;font-style:normal}.mm-preview{display:grid;grid-template-columns:1fr auto;background:linear-gradient(135deg,#003b2d,#0b7257);border-radius:10px;color:white;padding:16px;margin:11px 0}.mm-preview small{grid-column:1/-1;opacity:.75}.mm-preview em{display:block;font-size:1.7rem;font-style:normal}.mm-preview span{align-self:end;font-size:.7rem}.mosque-management a{display:block;text-align:center;margin:13px;color:#07523e}.mm-nav{position:fixed;z-index:8;bottom:0;left:50%;transform:translateX(-50%);display:flex;justify-content:space-around;width:min(520px,100%);padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#fffdf8;border-top:1px solid #e9ddca}.mm-nav button{display:grid;gap:3px;place-items:center;border:0;background:none;color:#657069;font-size:.62rem}.mm-nav b{font-size:1rem}.mm-nav .active{color:#006047;font-weight:800}.mm-empty{padding:45px 20px;text-align:center}.mm-profile-entry{width:100%;margin-top:12px;padding:12px;border:1px solid #dbc49f;border-radius:10px;background:#fffaf1;color:#07523e;font-weight:800;text-align:left} /* Gestione Moschea dashboard — Home only. */ .mm-dashboard{max-width:680px;margin:0 auto;padding:18px 18px 122px;color:#07523e}.mm-dashboard-header{text-align:center;padding:2px 8px 21px}.mm-eyebrow{display:block;color:#b47a1c;font-size:.72rem;font-weight:900;letter-spacing:.22em}.mm-ornament{display:flex;align-items:center;justify-content:center;gap:10px;color:#bf8a31;font-size:1rem;margin:6px auto 11px}.mm-ornament:before,.mm-ornament:after{content:"";width:58px;height:1px;background:#ddbd81}.mm-dashboard h1{margin:0;color:#064c39;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.05rem,9vw,3rem);line-height:1.03;letter-spacing:-.04em}.mm-mosque-identity{display:flex;justify-content:center;align-items:center;gap:12px;margin:18px auto 0;text-align:left}.mm-mosque-mark{display:grid;place-items:center;width:57px;height:57px;border:1px solid #eadac0;border-radius:18px;background:radial-gradient(circle at 35% 25%,#fffdf7,#f3ead7);color:#b58128}.mm-mosque-mark svg{width:29px;height:29px}.mm-active-badge{display:inline-block;margin-bottom:3px;padding:4px 9px;border-radius:999px;background:#e8f2e9;color:#0a6a4d;font-size:.68rem;font-weight:900;letter-spacing:.03em}.mm-mosque-identity h2{margin:0;color:#07523e;font-size:1.1rem;line-height:1.2}.mm-mosque-identity p{margin:3px 0 0;color:#74716c;font-size:.91rem}.mm-dashboard-card,.mm-dashboard-actions{margin:14px 0;border:1px solid #e7d7be;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,250,241,.78));box-shadow:0 11px 30px rgba(62,49,25,.055);padding:18px}.mm-card-title{display:flex;align-items:center;gap:12px}.mm-card-title h3,.mm-dashboard-actions h3{margin:0;color:#07523e;font-size:1.18rem;letter-spacing:-.02em}.mm-card-title p{margin:3px 0 0;color:#6e6d69;font-size:.87rem;line-height:1.35}.mm-icon-badge{display:grid;flex:0 0 auto;place-items:center;width:45px;height:45px;border-radius:15px;background:#edf1e8;color:#0a6048}.mm-icon-badge svg{width:24px;height:24px}.mm-prayer-list{margin:16px 0 14px;border-top:1px solid #ecd8b5}.mm-prayer-row{display:flex;align-items:center;gap:9px;min-height:48px;border-bottom:1px dashed #eadfce}.mm-prayer-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:11px;background:#f6f3e9;color:#087056}.mm-prayer-icon svg{width:19px;height:19px}.mm-prayer-row>b{min-width:67px;color:#07523e;font-size:.97rem}.mm-prayer-row>i{flex:1;border-bottom:1px dotted #d8ccb9;transform:translateY(2px)}.mm-prayer-row strong{min-width:49px;text-align:right;color:#07523e;font-size:1.05rem}.mm-dashboard-primary{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:49px;margin:0;border-radius:14px}.mm-dashboard-primary svg{width:21px;height:21px}.mm-jumuah-slots{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.mm-jumuah-slots span{display:flex;flex-direction:column;min-width:94px;padding:10px 12px;border:1px solid #e9d5b0;border-radius:14px;background:#fffaf1}.mm-jumuah-slots small{color:#826d48;font-size:.68rem;font-weight:700}.mm-jumuah-slots b{margin-top:2px;color:#07523e;font-size:1.15rem}.mm-empty-copy,.mm-card-error{margin:16px 0 0;color:#77736d;font-size:.9rem;line-height:1.4}.mm-card-error{color:#9b6320}.mm-outline-action{width:100%;margin-top:15px;padding:11px 14px;border:1px solid #b48435;border-radius:13px;background:#fffdf8;color:#07523e;font-weight:800}.mm-tv-status{font-style:normal;color:#b77b1d;font-size:.94rem;white-space:nowrap}.mm-tv-status.is-online{color:#16734e}.mm-tv-status.is-offline{color:#a76535}.mm-dashboard-row{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:15px;padding:13px 0 0;border:0;border-top:1px solid #eadaca;border-radius:0;background:transparent;color:#07523e;font-size:.95rem;font-weight:800;text-align:left}.mm-dashboard-row b{font-size:1.6rem;line-height:.7}.mm-dashboard-actions h3{margin-bottom:14px}.mm-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mm-action-grid button{display:flex;min-height:119px;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:14px;border:1px solid #eadcca;border-radius:17px;background:#fffdf8;color:#07523e;text-align:left}.mm-action-grid button>span{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#edf1e8;color:#0a6048}.mm-action-grid svg{width:20px;height:20px}.mm-action-grid b{font-size:.95rem;line-height:1.15}.mm-action-grid small{color:#77736d;font-size:.72rem}.mm-action-grid button:not(:disabled):active{transform:scale(.985)}.mm-action-grid button:disabled{opacity:.58;color:#77736d}.mm-action-grid button:disabled>span{color:#98702a;background:#f6f0e3}@media(max-width:374px){.mm-dashboard{padding-left:13px;padding-right:13px}.mm-dashboard-card,.mm-dashboard-actions{padding:15px}.mm-prayer-row>b{min-width:60px}.mm-action-grid button{min-height:110px;padding:12px}.mm-dashboard h1{font-size:2rem}} /* Home refinement: all selectors are scoped to the mosque-management dashboard. */ .mm-dashboard .mm-mosque-photo{display:grid;flex:0 0 auto;place-items:center;width:66px;height:66px;overflow:hidden;border:1px solid #e6d4b4;border-radius:20px;background:#f7f1e5;box-shadow:0 7px 18px rgba(74,52,20,.08)}.mm-dashboard .mm-mosque-photo img{width:100%;height:100%;object-fit:cover}.mm-dashboard .mm-mosque-identity{max-width:460px}.mm-dashboard .mm-mosque-identity h2{font-size:1.12rem}.mm-dashboard .mm-publish-card,.mm-dashboard .mm-team-card{padding:17px}.mm-publish-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:15px}.mm-publish-options button{display:flex;min-height:72px;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 4px;border:1px solid #ebddc8;border-radius:14px;background:#fffdf8;color:#6d746e;font-size:.78rem;font-weight:750}.mm-publish-options button svg{width:22px;height:22px;color:#b07b25}.mm-publish-options button:disabled{opacity:.78}.mm-dashboard .mm-soon{display:block;margin:10px 0 0;color:#917043;font-size:.73rem;font-weight:750;text-align:center}.mm-team-card .mm-card-title{align-items:center}.mm-team-card .mm-card-chevron{margin-left:auto;color:#07523e;font-size:1.55rem;line-height:1}.mm-team-card>.mm-soon{margin-left:57px;text-align:left}@media(max-width:374px){.mm-publish-options button{font-size:.72rem}.mm-dashboard .mm-mosque-photo{width:58px;height:58px}} /* TV Moschea V1: reuses the existing Gestione Moschea card grammar. */ .mosque-management .mm-tv-device,.mosque-management .mm-tv-pair-card{padding:17px}.mosque-management .mm-tv-device-actions{display:grid;gap:8px;margin:15px 0 0;padding-top:13px;border-top:1px solid #eadaca}.mosque-management .mm-tv-device-actions .mm-outline-action{display:flex;align-items:center;justify-content:center;margin:0;text-decoration:none}.mosque-management .mm-tv-device-actions p{margin:0;color:#6e6d69;font-size:.84rem}.mosque-management .mm-text-action{display:block;width:100%;padding:8px;border:0;background:transparent;color:#07523e;font:800 .79rem/1 inherit;text-align:center;text-decoration:underline}.mosque-management .mm-tv-pair-card form{display:grid;gap:12px;margin-top:16px}.mosque-management .mm-tv-code-label{display:grid;gap:6px;color:#07523e;font-size:.82rem;font-weight:800}.mosque-management .mm-tv-code-label input{width:100%;min-height:48px;padding:10px 12px;border:1px solid #e4cfae;border-radius:12px;background:#fffdf8;color:#07523e;font:800 1rem/1 inherit}.mosque-management [data-mm-tv-code]{letter-spacing:.21em;text-align:center}.mosque-management .mm-tv-status.is-online{color:#16734e}.mosque-management .mm-tv-status.is-offline{color:#a76535}.mosque-management .mm-tv-device h3{display:flex;flex-wrap:wrap;gap:5px}.mosque-management .mm-tv-pair-card .mm-subtitle{margin:0;color:#82745d;font-size:.76rem;font-weight:700} /* Content destinations + Multi-TV targeting V1 — preserves the existing Pubblica component grammar. */ .mm-tv-destinations{margin:17px 0 3px;padding:14px;border:1px solid #d9be8a;border-radius:17px;background:linear-gradient(145deg,#fffdf8,#f7efe1)}.mm-tv-destinations legend{padding:0 5px;color:#07523e;font-size:.83rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.mm-tv-target-heading{display:grid;gap:3px;margin:15px 0 8px;color:#07523e}.mm-tv-target-heading b{font-size:.82rem}.mm-tv-target-heading small,.mm-tv-target-note,.mm-tv-empty-targets{color:#75664d;font-size:.73rem;line-height:1.35}.mm-tv-target-list{display:grid;gap:7px;margin-top:10px}.mm-tv-target{overflow:hidden;border:1px solid #e3cfaa;border-radius:13px;background:#fffdf8}.mm-tv-target.is-selected{border-color:#b88939;background:#fff8e9}.mm-tv-target>button{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;width:100%;padding:11px;border:0;background:transparent;color:#07523e;text-align:left}.mm-tv-target>button b{font-size:.82rem}.mm-tv-target>button small{color:#6f756d;font-size:.68rem}.mm-tv-target>button i{display:grid;place-items:center;width:22px;height:22px;border:1px solid #c79b4b;border-radius:50%;color:#9b711e;font-style:normal;font-weight:900}.mm-tv-target.is-selected>button i{background:#07523e;color:#fff;border-color:#07523e}.mm-tv-device-override{margin:0 10px 10px;padding:9px;border-top:1px solid #ead9bb}.mm-tv-device-override summary{color:#96702d;font-size:.73rem;font-weight:850;cursor:pointer}.mm-tv-device-override label{display:grid;gap:3px;margin-top:8px;color:#07523e;font-size:.67rem;font-weight:800}.mm-tv-device-override input{width:100%;box-sizing:border-box;min-height:33px;padding:7px;border:1px solid #e2cda5;border-radius:8px;background:#fff;color:#07523e;font:inherit}.mm-tv-empty-targets{margin:12px 0 0;padding:12px;border:1px dashed #d9be8a;border-radius:12px;text-align:center} /* Evento TV V1 — local editing only; nothing is persisted until the explicit save. */ .mm-tv-customization{margin:17px 0 3px;border:1px solid #d9be8a;border-radius:17px;background:linear-gradient(145deg,#fffdf8,#f7efe1);overflow:hidden}.mm-tv-customization summary{padding:13px 15px;color:#07523e;font-size:.86rem;font-weight:900;cursor:pointer}.mm-tv-customization>p,.mm-tv-customization-fields,.mm-tv-preview-heading,.mm-tv-customization>.mm-primary,.mm-tv-new-note{margin-left:15px;margin-right:15px}.mm-tv-customization>p{margin-top:0;color:#716a5c;font-size:.76rem;line-height:1.35}.mm-tv-customization-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mm-tv-customization-fields label{display:grid;gap:4px;color:#07523e;font-size:.72rem;font-weight:800}.mm-tv-customization-fields input{box-sizing:border-box;width:100%;min-height:38px;padding:8px;border:1px solid #e2cda5;border-radius:9px;background:#fffdf9;color:#07523e;font:inherit}.mm-tv-customization-fields small{color:#85755d;font-size:.65rem;font-weight:600}.mm-tv-preview-heading{margin-top:15px;margin-bottom:7px;color:#07523e;font-size:.79rem}.mm-event-tv-preview{display:grid;grid-template-columns:23% 1fr;grid-template-rows:1fr 24%;aspect-ratio:16/9;margin:0 15px 14px;overflow:hidden;border:1px solid #cda85e;border-radius:9px;background:linear-gradient(105deg,#003b33,#00231f 70%);color:#fff;font-size:clamp(6px,1.6vw,14px);box-shadow:0 5px 14px #2c24131c}.mm-event-tv-preview-side{display:grid;align-content:start;gap:6px;grid-row:1;padding:11% 10%;border-right:1px solid #d6a64678;background:#003a33c7}.mm-event-tv-preview-side small{color:#d6a646;font-size:.68em;font-weight:900;letter-spacing:.06em}.mm-event-tv-preview-side b{font-size:1.14em;line-height:1.05}.mm-event-tv-preview-side span{margin-top:38%;color:#efbc58;font-size:.9em;font-weight:900}.mm-event-tv-preview-side i{font-size:.72em;font-style:normal;line-height:1.2}.mm-event-tv-preview-main{display:grid;align-content:center;padding:8% 9%;background:linear-gradient(90deg,#002e28e8,#00231f43),url('assets/tv/tv-event-generic-quran-lantern-v1.png') center/cover}.mm-event-tv-preview-main em{justify-self:start;padding:4px 7px;border:1px solid #d6a646;border-radius:99px;color:#e8bb61;font-size:.72em;font-style:normal}.mm-event-tv-preview-main h4{margin:8% 0 4%;font-size:2.25em;line-height:.95;letter-spacing:-.04em}.mm-event-tv-preview-main p{margin:0;font-size:.9em;line-height:1.2}.mm-event-tv-preview-main small{margin-top:7%;color:#e8bc60;font-size:.68em}.mm-event-tv-preview-footer{display:grid;grid-template-columns:1fr auto;grid-column:1/-1;gap:7px;align-items:center;padding:4% 5%;border-top:1px solid #d6a646;background:#003f38;font-size:.76em}.mm-event-tv-preview-footer b{color:#e8bb61}.mm-event-tv-preview-footer span{line-height:1.15}.mm-event-tv-preview-footer i{grid-column:2;grid-row:1/3;display:grid;place-items:center;width:4em;height:4em;background:#fff;border-radius:4px;color:#003b33;font-style:normal;font-weight:900}.mm-tv-config-save{margin-top:3px;margin-bottom:15px}.mm-tv-new-note{display:block;margin-top:9px;margin-bottom:15px;color:#75664d;font-size:.72rem;line-height:1.35}.mm-content-actions{display:flex;flex-wrap:wrap;gap:7px}.mm-content-actions button:first-child:not(:last-child){border-color:#cfa865;color:#07523e}@media(max-width:420px){.mm-tv-customization-fields{grid-template-columns:1fr}.mm-event-tv-preview{font-size:clamp(5px,2.7vw,12px)}} /* Pagina moschea / follow V1: same Smart Muslim palette and card system. */ .mosque-public-page{max-width:680px;margin:0 auto;padding:16px 18px 112px;background:#fffaf1;color:#07523e}.mp-shell{max-width:560px;margin:auto}.mp-header{position:relative;text-align:center;padding:5px 8px 18px}.mp-back{position:absolute;left:0;top:2px;width:42px;height:42px;border:0;background:transparent;color:#07523e;font-size:2rem;line-height:1}.mp-eyebrow{display:block;color:#b47a1c;font-size:.72rem;font-weight:900;letter-spacing:.22em}.mp-ornament{display:flex;align-items:center;justify-content:center;gap:10px;margin:6px auto 12px;color:#bf8a31}.mp-ornament:before,.mp-ornament:after{content:"";width:54px;height:1px;background:#ddbd81}.mp-image,.mp-fallback{display:grid;place-items:center;width:112px;height:76px;margin:0 auto 13px;overflow:hidden;border:1px solid #e6d4b4;border-radius:20px;background:#f7f1e5;box-shadow:0 8px 18px rgba(74,52,20,.08)}.mp-image{object-fit:cover}.mp-fallback{color:#b58128}.mp-fallback svg{width:42px;height:42px}.mp-kicker{margin:0 0 5px;color:#a77d37;font-size:.68rem;font-weight:900;letter-spacing:.14em}.mp-header h1{margin:0;color:#064c39;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.85rem,8vw,2.55rem);line-height:1.06}.mp-city{margin:8px 0 0;color:#07523e;font-size:1.02rem;font-weight:800}.mp-address{margin:3px 0 0;color:#77736d;font-size:.85rem}.mp-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 0 14px}.mp-primary,.mp-secondary{display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding:10px;border-radius:14px;font-size:.8rem;font-weight:850}.mp-primary{border:1px solid #006047;background:#006047;color:#fff}.mp-primary.is-selected{background:#e8f2e9;color:#087056;border-color:#c8dfce}.mp-secondary{border:1px solid #d4ae6c;background:#fffdf8;color:#07523e}.mp-secondary.is-followed{border-color:#b4d1bf;background:#eef7f0}.mp-primary svg,.mp-secondary svg{width:19px;height:19px}.mp-primary:disabled,.mp-secondary:disabled{opacity:1}.mp-text-action,.mp-feedback{grid-column:1/-1;margin:0;text-align:center}.mp-text-action{border:0;background:transparent;color:#07523e;font-size:.82rem;text-decoration:underline}.mp-feedback{color:#796b54;font-size:.8rem}.mp-card{margin:14px 0;padding:17px;border:1px solid #e7d7be;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,250,241,.78));box-shadow:0 9px 25px rgba(62,49,25,.05)}.mp-card-title{display:flex;align-items:center;gap:11px}.mp-card-title>span{display:grid;place-items:center;flex:0 0 auto;width:43px;height:43px;border-radius:14px;background:#edf1e8;color:#0a6048}.mp-card-title svg{width:23px;height:23px}.mp-card-title h2{margin:0;color:#07523e;font-size:1.1rem}.mp-card-title p{margin:3px 0 0;color:#6e6d69;font-size:.83rem}.mp-prayer-table{margin-top:15px;border-top:1px solid #eadaca}.mp-prayer-table>div{display:grid;grid-template-columns:minmax(0,1.25fr) .9fr .8fr;align-items:center;gap:7px;min-height:43px;border-bottom:1px dashed #eadfce;font-size:.84rem}.mp-prayer-table .mp-table-head{min-height:31px;color:#8b7d67;font-size:.65rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.mp-prayer-table .mp-table-head span:not(:first-child),.mp-prayer-table>div:not(.mp-table-head)>span,.mp-prayer-table strong{text-align:right}.mp-prayer-table b,.mp-prayer-table strong{color:#07523e}.mp-jumuah{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.mp-jumuah span{display:flex;min-width:96px;flex-direction:column;padding:10px 12px;border:1px solid #ead6b6;border-radius:14px;background:#fffaf1}.mp-jumuah small{color:#826d48;font-size:.67rem;font-weight:800}.mp-jumuah b{margin-top:2px;font-size:1.12rem}.mp-facilities{display:grid;gap:0;margin:14px 0 0;padding:0;list-style:none;border-top:1px solid #eadaca}.mp-facilities li{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:7px;min-height:41px;border-bottom:1px dashed #eadfce}.mp-facilities b{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#eaf4eb;color:#087056;font-size:.72rem}.mp-facilities .is-unavailable b{background:#f2eee6;color:#887e6d}.mp-facilities small{color:#77736d;font-size:.72rem}.mp-contact-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.mp-contact-links a{padding:9px 12px;border:1px solid #dfc28f;border-radius:11px;background:#fffdf8;color:#07523e;font-size:.78rem;font-weight:800;text-decoration:none}.mp-empty{padding:48px 18px;text-align:center;color:#6e6d69}@media(max-width:374px){.mosque-public-page{padding-left:13px;padding-right:13px}.mp-card{padding:15px}.mp-prayer-table>div{grid-template-columns:minmax(0,1.1fr) .9fr .85fr;font-size:.8rem}.mp-actions{grid-template-columns:1fr}.mp-header h1{font-size:1.8rem}} /* Pubblica V1 — uses the existing management palette, card and control treatment. */ .mm-publish-page{display:grid;gap:16px;padding-bottom:12px}.mm-publish-hero{padding:20px 18px;border:1px solid #eadcc6;border-radius:22px;background:linear-gradient(145deg,#fffdf9,#fcf5e9);box-shadow:0 12px 26px rgba(18,74,58,.07)}.mm-publish-hero .mm-eyebrow{margin:0 0 6px}.mm-publish-hero h2{margin:0;color:#07523e;font-size:clamp(1.75rem,8vw,2.35rem);line-height:1.02;font-family:Georgia,serif}.mm-publish-hero p{margin:9px 0 0;color:#66716a;line-height:1.45}.mm-publish-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.mm-publish-choice{display:grid;place-items:center;gap:7px;min-height:92px;padding:10px 6px;border:1px solid #eadcc6;border-radius:17px;background:#fffdf9;color:#07523e;font:inherit;font-weight:800;text-align:center;box-shadow:0 7px 16px rgba(18,74,58,.04)}.mm-publish-choice i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eef3eb;color:#07523e;font-style:normal;font-size:1.14rem}.mm-publish-choice:active,.mm-publish-choice[aria-pressed="true"]{border-color:#0b624b;background:#f6fbf6;box-shadow:inset 0 0 0 1px #0b624b}.mm-content-form,.mm-content-list{display:grid;gap:13px;padding:18px;border:1px solid #eadcc6;border-radius:22px;background:#fffdf9;box-shadow:0 12px 26px rgba(18,74,58,.055)}.mm-content-form h3,.mm-content-list h3{margin:0;color:#07523e;font-size:1.2rem}.mm-content-form label{display:grid;gap:7px;color:#07523e;font-weight:750}.mm-content-form input,.mm-content-form textarea,.mm-content-form select{box-sizing:border-box;width:100%;min-height:46px;padding:11px 12px;border:1px solid #e6d8c1;border-radius:13px;background:#fffdf9;color:#174b3d;font:inherit}.mm-content-form textarea{min-height:112px;resize:vertical;line-height:1.45}.mm-content-form input:focus,.mm-content-form textarea:focus,.mm-content-form select:focus{outline:2px solid rgba(187,138,59,.28);border-color:#bb8a3b}.mm-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.mm-content-inline{display:flex;align-items:center;gap:9px;margin:0;padding:11px 12px;border:1px solid #eadcc6;border-radius:13px;background:#fffaf2;color:#07523e;font-size:.9rem}.mm-content-inline input{width:auto;min-height:0;padding:0}.mm-content-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.mm-content-actions button,.mm-content-card button{min-height:48px;border-radius:13px;font:inherit;font-weight:850}.mm-content-actions .mm-primary{border:0;background:#087056;color:#fff;box-shadow:0 9px 17px rgba(7,82,62,.16)}.mm-content-actions .mm-secondary,.mm-content-card .mm-link{border:1px solid #b98a3a;background:#fffdf9;color:#07523e}.mm-content-empty{margin:0;padding:16px;border:1px dashed #d6b26f;border-radius:14px;background:#fffaf2;color:#68736d;text-align:center}.mm-content-card{display:grid;gap:8px;padding:14px;border:1px solid #eadcc6;border-radius:16px;background:#fffaf8}.mm-content-card header{display:flex;align-items:center;justify-content:space-between;gap:8px}.mm-content-card h4{margin:0;color:#07523e;font-size:1rem}.mm-content-card p{margin:0;color:#68736d;line-height:1.4}.mm-content-meta{display:flex;flex-wrap:wrap;gap:6px;color:#7b6a4e;font-size:.78rem}.mm-content-pill{padding:4px 7px;border-radius:999px;background:#f2ebdf;color:#7a5a24;font-size:.71rem;font-weight:850;text-transform:uppercase;letter-spacing:.045em}.mm-content-card footer{display:flex;gap:8px;margin-top:3px}.mm-content-card footer button{flex:1;min-height:39px}.mm-content-delete-confirm{display:grid;gap:8px;padding:11px;border-radius:12px;background:#fbf1e8;color:#814e2a;font-size:.86rem}.mm-content-delete-confirm div{display:flex;gap:7px}.mm-content-delete-confirm button{flex:1;min-height:37px;border:1px solid #d0a16c;border-radius:10px;background:#fffaf4;color:#814e2a}.mm-content-delete-confirm button[data-mm-content-delete-confirm]{background:#9d5638;color:#fff;border-color:#9d5638}@media(max-width:374px){.mm-publish-choices{gap:6px}.mm-publish-choice{min-height:84px;font-size:.82rem}.mm-content-grid{grid-template-columns:1fr}.mm-content-actions{grid-template-columns:1fr}.mm-content-inline{align-items:flex-start}} .mm-publish-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.mm-publish-options button{display:grid;place-items:center;gap:6px;min-height:74px;border:1px solid #eadcc6;border-radius:14px;background:#fffdf9;color:#07523e;font:inherit;font-size:.78rem;font-weight:850}.mm-publish-options svg{width:22px;height:22px}.mm-publish-new{width:100%;min-height:50px;border:0;border-radius:14px;background:#087056;color:#fff;font:inherit;font-weight:850}.mm-content-item{position:relative;display:grid;gap:7px;padding:14px;border:1px solid #eadcc6;border-radius:15px;background:#fffdf8}.mm-content-item h3{margin:0;padding-right:74px;color:#07523e;font-size:1.02rem}.mm-content-item p{margin:0;color:#6c716b;font-size:.84rem}.mm-content-kind,.mm-content-status{display:inline-flex;align-items:center;width:max-content;padding:4px 7px;border-radius:999px;font-size:.66rem;font-weight:850;letter-spacing:.045em;text-transform:uppercase}.mm-content-kind{background:#f4eddf;color:#8a6428}.mm-content-status{position:absolute;right:12px;top:12px;background:#eaf4eb;color:#087056}.mm-content-status.is-Bozza{background:#f2eee6;color:#786f61}.mm-content-status.is-Programmata{background:#eef1f8;color:#496783}.mm-content-confirm{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:7px;margin-top:4px;padding:10px;border-radius:11px;background:#fdf2e8;color:#875332;font-size:.79rem;font-weight:750}.mm-content-confirm button{min-height:34px;padding:7px 9px;border:1px solid #d5ad79;border-radius:9px;background:#fffaf4;color:#875332;font:inherit;font-size:.75rem;font-weight:800}.mm-content-confirm button[data-mm-content-delete-confirm]{background:#9d5638;color:#fff;border-color:#9d5638}.mm-content-editor .mm-content-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:14px 0}.mm-content-editor .mm-content-types button{min-height:39px;border:1px solid #e3d3bb;border-radius:11px;background:#fffdf8;color:#07523e;font:inherit;font-size:.76rem;font-weight:800}.mm-content-editor .mm-content-types button.active{border-color:#087056;background:#eaf4eb}.mm-content-editor form{display:grid;gap:11px}.mm-content-editor form>label{display:grid;gap:6px;color:#07523e;font-size:.86rem;font-weight:780}.mm-content-editor input,.mm-content-editor textarea,.mm-content-editor select{box-sizing:border-box;width:100%;min-height:44px;padding:10px 11px;border:1px solid #e4d5bd;border-radius:12px;background:#fffdf9;color:#174b3d;font:inherit}.mm-content-editor textarea{min-height:100px;resize:vertical;line-height:1.4}.mm-content-submit{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:4px}.mm-content-submit button{min-height:48px;border-radius:13px;font:inherit;font-weight:850}.mm-content-submit .mm-primary{border:0;background:#087056;color:#fff}.mp-content-stack{display:grid;gap:10px;margin-top:14px}.mp-content-item{display:grid;gap:7px;padding:13px;border:1px solid #eadcc6;border-radius:14px;background:#fffdf9}.mp-content-item.is-urgent{border-left:4px solid #b75b3e}.mp-content-item.is-important{border-left:4px solid #bd8a32}.mp-content-item strong{color:#07523e;font-size:.98rem}.mp-content-item p{margin:0;color:#66716b;font-size:.86rem;line-height:1.45}.mp-content-item small{color:#7f715a;font-size:.76rem;line-height:1.4}.mp-content-actions{display:flex;flex-wrap:wrap;gap:7px}.mp-content-actions button,.mp-content-actions a{min-height:36px;padding:8px 10px;border:1px solid #ddc28f;border-radius:10px;background:#fffdf8;color:#07523e;font:inherit;font-size:.74rem;font-weight:800;text-decoration:none}.mp-content-actions button{cursor:pointer}@media(max-width:374px){.mm-content-confirm{grid-template-columns:1fr 1fr}.mm-content-confirm span{grid-column:1/-1}.mm-content-submit{grid-template-columns:1fr}.mp-content-actions button,.mp-content-actions a{font-size:.69rem}} /* Orari editor: real time inputs with the same Smart Muslim treatment as the dashboard. */ .mm-hours-editor{padding:18px}.mm-hours-editor .mm-schedule{margin:15px 0 24px;gap:10px}.mm-hours-editor .mm-schedule label{display:grid;grid-template-columns:minmax(82px,1fr) auto minmax(108px,132px);gap:10px;min-height:50px;padding:9px 0;border-bottom:1px dashed #eadfce;color:#07523e;font-size:.96rem}.mm-hours-editor .mm-schedule label>span{color:#7d766a;font-size:.71rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.mm-hours-editor input[type="time"],.mm-hours-editor .mm-jumuah-editor input[type="time"]{width:100%;min-width:0;max-width:none;min-height:42px;padding:7px 10px;border:1px solid #e4cfae;border-radius:12px;background:#fffdf8;color:#07523e;font-size:1rem;font-weight:800;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.mm-hours-editor h3{margin:0;color:#07523e;font-size:1.08rem}.mm-hours-editor h3+.mm-subtitle{margin:3px 0 12px}.mm-jumuah-editor{display:grid;gap:9px}.mm-jumuah-editor label{display:grid;grid-template-columns:minmax(0,1fr) 126px auto;align-items:center;gap:9px;min-height:48px;padding:7px 0;border-bottom:1px dashed #eadfce;color:#07523e}.mm-jumuah-editor label>b{font-size:.94rem}.mm-hours-editor .mm-add{width:100%;min-height:45px;margin-top:14px;border:1px dashed #bb8a3b;border-radius:13px;background:#fffaf1;color:#07523e;font-weight:850;letter-spacing:.02em}.mm-hours-editor .mm-remove{padding:8px 9px;border:0;border-radius:10px;background:#f7eee1;color:#925b30;font-size:.72rem;font-weight:800}.mm-hours-editor .mm-empty-copy{margin:12px 0}.mm-hours-editor input[type="time"]::-webkit-calendar-picker-indicator{opacity:.72;filter:sepia(.8) saturate(1.2)}.mm-iqamah-rule-list{display:grid;gap:12px;margin:15px 0 22px}.mm-iqamah-rule-card{padding:13px;border:1px solid #eadcca;border-radius:15px;background:#fffdf8}.mm-iqamah-rule-heading,.mm-entry-row,.mm-iqamah-result{display:flex;align-items:center;justify-content:space-between;gap:12px}.mm-iqamah-rule-heading>div{display:grid;gap:2px}.mm-iqamah-rule-heading b{font-size:1.02rem;color:#07523e}.mm-iqamah-rule-heading small,.mm-rule-description{color:#77736d;font-size:.73rem}.mm-iqamah-rule-heading>strong{color:#07523e;font-size:1.2rem}.mm-entry-row{margin:12px 0 10px;padding:9px 10px;border-radius:11px;background:#f7f3e9;color:#716d65;font-size:.76rem;text-transform:uppercase;font-weight:800;letter-spacing:.045em}.mm-entry-row b{color:#07523e;font-size:.98rem}.mm-iqamah-rule-title{margin:0 0 7px;color:#07523e;font-size:.79rem;font-weight:850;text-transform:uppercase;letter-spacing:.045em}.mm-mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mm-mode-toggle button,.mm-offset-presets button,.mm-offset-control button{border:1px solid #e3d3bb;border-radius:10px;background:#fffdf8;color:#07523e;font:800 .76rem/1 inherit}.mm-mode-toggle button{min-height:40px;padding:8px}.mm-mode-toggle button.active,.mm-offset-presets button.active{border-color:#087056;background:#eaf4eb}.mm-offset-control{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:8px;margin-top:10px}.mm-offset-control button{min-height:42px;font-size:1.25rem}.mm-offset-control b{text-align:center;color:#07523e;font-size:1rem}.mm-offset-presets{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:8px}.mm-offset-presets button{min-height:35px;padding:5px}.mm-fixed-time{display:grid!important;grid-template-columns:1fr 122px!important;align-items:center;margin-top:10px;color:#07523e!important}.mm-fixed-time span{font-size:.83rem;font-weight:800}.mm-iqamah-result{margin:12px 0 8px;padding-top:11px;border-top:1px dashed #eadfce}.mm-iqamah-result span{font-size:.75rem;color:#796f5d;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.mm-iqamah-result b{color:#07523e;font-size:1.18rem}.mm-use-original{margin-top:2px;padding:7px 0;border:0;background:transparent;color:#966424;font:800 .76rem/1 inherit;text-decoration:underline}.mm-rule-description{display:block;margin-top:7px}.mm-jumuah-editor-heading{margin-top:6px}.mm-jumuah-editor-heading .mm-subtitle{margin:3px 0 12px}@media(max-width:374px){.mm-hours-editor .mm-schedule label{grid-template-columns:minmax(68px,1fr) minmax(94px,115px)}.mm-hours-editor .mm-schedule label>span{display:none}.mm-jumuah-editor label{grid-template-columns:minmax(0,1fr) 105px auto}.mm-hours-editor .mm-remove{padding:8px 6px;font-size:.66rem}.mm-iqamah-rule-card{padding:11px}.mm-offset-presets button{font-size:.68rem}.mm-fixed-time{grid-template-columns:1fr 105px!important}} .mm-hours-editor .mm-fixed-time{grid-template-columns:minmax(0,1fr) 122px!important;gap:9px}.mm-hours-editor .mm-fixed-time>span:first-child{grid-column:1}.mm-hours-editor .mm-fixed-time input{grid-column:2;grid-row:1}.mm-jumuah-editor{gap:10px}.mm-jumuah-turn{display:grid;grid-template-columns:minmax(104px,1fr) 112px;align-items:center;gap:8px;padding:10px 0;border-bottom:1px dashed #eadfce}.mm-jumuah-turn-label{display:grid;gap:2px;min-width:0}.mm-jumuah-turn-label small{color:#98733a;font-size:.69rem;font-weight:850;letter-spacing:.045em;text-transform:uppercase}.mm-jumuah-turn-label b{color:#07523e;font-size:.76rem;white-space:nowrap}.mm-jumuah-turn-control{display:grid;gap:4px}.mm-jumuah-turn-control input{min-height:42px!important}.mm-jumuah-turn .mm-remove{grid-column:2;grid-row:2;justify-self:end;min-height:30px;padding:6px 9px;border:1px solid #d9c4a2;border-radius:999px;background:#fffdf8;color:#925b30;font-size:.62rem;font-weight:800;line-height:1;white-space:nowrap}.mm-hours-editor .mm-add{display:flex;align-items:center;justify-content:center;gap:7px;background:#fffaf1}.mm-hours-editor .mm-add:active,.mm-hours-editor .mm-remove:active{transform:translateY(1px)}@media(max-width:374px){.mm-hours-editor .mm-fixed-time{grid-template-columns:minmax(0,1fr) 105px!important}.mm-jumuah-turn{grid-template-columns:minmax(96px,1fr) 102px;gap:6px}.mm-jumuah-turn-label b{font-size:.7rem}.mm-jumuah-turn .mm-remove{padding:6px 8px;font-size:.6rem}} /* Home content detail modal — reuses the mosque-page card grammar. */ .story-reader-window .mp-event-detail{margin:0}.story-reader-window .mp-media-player{padding:0;overflow:hidden;background:#073f34}.story-reader-window .mp-media-player video{display:block;width:100%;height:auto;max-height:70dvh;border:0;background:#073f34;object-fit:contain}.story-reader-window .mp-media-player iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#073f34}.story-reader-window .mp-donation-progress{height:10px;overflow:hidden;border:1px solid #d9be8a;border-radius:999px;background:#f5ead8}.story-reader-window .mp-donation-progress span{display:block;height:100%;border-radius:inherit;background:#087056}.story-reader-window .mp-content-actions{margin-top:14px}.story-reader-window .story-reader-window-body{padding-bottom:calc(20px + env(safe-area-inset-bottom))} /* Gestione Moschea compact dashboard — presentation only. */ .mosque-management:has(.mm-dashboard){padding-bottom:0} .mm-dashboard{max-width:520px;padding:12px 16px calc(156px + env(safe-area-inset-bottom))} .mm-dashboard-header{padding:0 4px 14px} .mm-eyebrow{font-size:.66rem;letter-spacing:.24em} .mm-ornament{margin:4px auto 7px} .mm-ornament:before,.mm-ornament:after{width:46px} .mm-dashboard h1{font-size:clamp(1.82rem,8.3vw,2.35rem);line-height:1.04} .mm-mosque-identity{margin-top:12px;gap:10px} .mm-dashboard .mm-mosque-photo,.mm-mosque-mark{width:54px;height:54px;border-radius:16px} .mm-dashboard .mm-mosque-mark{background:#f7f1e5} .mm-mosque-mark svg{width:25px;height:25px} .mm-active-badge{margin-bottom:2px;padding:3px 8px;font-size:.63rem} .mm-dashboard .mm-mosque-identity h2{font-size:1.02rem} .mm-mosque-identity p{font-size:.83rem} .mm-dashboard-card{margin:10px 0;padding:15px;border-radius:20px;background:#fffdf8;box-shadow:0 5px 15px rgba(62,49,25,.045)} .mm-card-title{gap:10px} .mm-icon-badge{width:41px;height:41px;border-radius:13px} .mm-icon-badge svg{width:21px;height:21px} .mm-card-title h3{font-size:1.04rem} .mm-card-title p{font-size:.8rem;line-height:1.3} .mm-prayer-list{margin:13px 0 12px} .mm-prayer-row{min-height:43px} .mm-prayer-icon{width:28px;height:28px;border-radius:9px} .mm-prayer-icon svg{width:17px;height:17px} .mm-prayer-row>b{font-size:.9rem} .mm-prayer-row strong{font-size:.98rem} .mm-dashboard-primary{min-height:45px;border-radius:12px;font-size:.71rem} .mm-jumuah-card{padding-bottom:14px} .mm-jumuah-slots{gap:7px;margin-top:12px} .mm-jumuah-slots span{min-width:82px;padding:8px 10px;border-radius:12px} .mm-jumuah-slots b{font-size:1.04rem} .mm-publish-card{padding:15px} .mm-publish-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px} .mm-publish-options button{min-height:60px;flex-direction:row;justify-content:flex-start;gap:8px;padding:10px 11px;border-radius:12px;color:#07523e;font-size:.78rem} .mm-publish-options button svg{width:19px;height:19px;color:#a97927} .mm-dashboard-row{margin-top:12px;padding:11px 0 0;font-size:.87rem} .mm-dashboard-row b{font-size:1.35rem} .mm-services-card,.mm-tv-dashboard{min-height:0} .mm-photo-card{padding:15px} .mm-photo-landscape{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16/9;margin:13px 0 0;overflow:hidden;border:1px solid #e6d4b4;border-radius:15px;background:#f4ecdf} .mm-photo-landscape img{display:block;width:100%;height:100%;object-fit:cover} .mm-photo-landscape-empty{gap:6px;color:#8f6c34;font-size:.78rem;font-weight:750} .mm-photo-landscape-empty svg{width:31px;height:31px} .mm-photo-status{margin:8px 0 0;color:#77736d;font-size:.73rem} .mm-photo-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:11px} .mm-photo-actions .mm-row,.mm-photo-actions .mm-primary{display:flex;align-items:center;justify-content:center;min-height:39px;margin:0;padding:8px 5px;border:1px solid #ddc89f;border-radius:11px;background:#fffaf1;color:#07523e;font-size:.69rem;font-weight:850;text-align:center} .mm-photo-actions .mm-primary{border-color:#087056;background:#087056;color:#fff} .mm-photo-actions .mm-photo-delete-action{border-color:#d7b7aa;background:#fff9f6;color:#9a4e3a} .mm-photo-card .mm-feedback{margin:10px 0 0} .mm-team-card{padding:13px 15px;opacity:.78} .mm-team-card>.mm-soon{margin:6px 0 0 51px;font-size:.7rem} .mm-nav{z-index:8} @media(max-width:374px){.mm-dashboard{padding-left:12px;padding-right:12px}.mm-publish-options button{font-size:.73rem}.mm-photo-actions .mm-row,.mm-photo-actions .mm-primary{font-size:.64rem}.mm-dashboard .mm-mosque-photo,.mm-mosque-mark{width:50px;height:50px}} /* Public mosque page — compact worshipper-facing editorial layout. */ .mosque-public-page{max-width:760px;margin:0 auto;padding:10px 14px calc(148px + env(safe-area-inset-bottom));background:#fffaf1;color:#07523e} /* The public mosque view owns its own compact header. The global controls must scroll away with that view rather than obscure its cards. */ body:has(.mosque-public-page[style*="display: block"]) .home-main-header .home-header-actions{position:absolute} /* Keep the existing gender and profile controls in the same compact top row as the public-page back button and brand. They remain their original DOM nodes, so their event handlers and state are unchanged. */ body:has(.mosque-public-page[style*="display: block"]) .home-main-header .home-header-actions{top:29px;left:0;transform:none;width:100%;box-sizing:border-box;padding-left:52px} body:has(.mosque-public-page[style*="display: block"]) .home-main-header .home-gender-control{width:96px;height:38px} body:has(.mosque-public-page[style*="display: block"]) .home-main-header .home-gender-option{min-width:48px;padding:0 6px;font-size:.62rem} body:has(.mosque-public-page[style*="display: block"]) .home-main-header .home-header-pill{width:85px;min-width:85px;height:38px;font-size:.72rem} .mosque-public-page .mp-header-brand{height:42px;min-height:42px;margin-bottom:9px} .mosque-public-page .mp-back{top:0;width:31px;height:38px;font-size:1.8rem} .mosque-public-page .mp-header-brand>div{position:absolute;left:137px;top:3px;width:90px;text-align:center} .mosque-public-page .mp-header-brand .mp-eyebrow{font-size:.5rem;letter-spacing:.16em;white-space:nowrap} .mosque-public-page .mp-header-brand .mp-ornament{margin-top:2px;font-size:.58rem} .mosque-public-page .mp-header-brand .mp-ornament:before,.mosque-public-page .mp-header-brand .mp-ornament:after{width:19px} .mosque-public-page .mp-shell{max-width:620px;margin:0 auto} .mosque-public-page .mp-header{padding:0 0 13px;text-align:center} .mosque-public-page .mp-header-brand{position:relative;display:flex;justify-content:center;min-height:37px;margin:0 0 9px} .mosque-public-page .mp-back{left:0;top:-3px;width:37px;height:37px;font-size:2rem} .mosque-public-page .mp-eyebrow{font-size:.62rem;letter-spacing:.25em} .mosque-public-page .mp-ornament{margin:3px auto 0;font-size:.72rem} .mosque-public-page .mp-ornament:before,.mosque-public-page .mp-ornament:after{width:35px} .mosque-public-page .mp-hero-media{position:relative;width:100%;aspect-ratio:16/8.3;overflow:hidden;border:1px solid #e3cfad;border-radius:19px;background:#f1eadc;box-shadow:0 7px 16px rgba(54,47,29,.07)} .mosque-public-page .mp-image,.mosque-public-page .mp-fallback{display:block;width:100%;height:100%;margin:0;border:0;border-radius:0;box-shadow:none} .mosque-public-page .mp-image{object-fit:cover;object-position:center} .mosque-public-page .mp-fallback{display:grid;place-items:center;color:#ad7d2f} .mosque-public-page .mp-fallback svg{width:46px;height:46px} .mosque-public-page .mp-hero-media.is-empty{display:grid;place-items:center;background:#edf3ec}.mosque-public-page .mp-hero-media.is-empty .mp-image{display:none}.mosque-public-page .mp-hero-media.is-empty .mp-fallback{display:grid;width:100%;height:100%;background:transparent} .mosque-public-page .mp-kicker{margin:11px 0 3px;font-size:.61rem;letter-spacing:.16em} .mosque-public-page .mp-header h1{font-size:clamp(1.75rem,7.2vw,2.3rem);line-height:1.04} .mosque-public-page .mp-header h1 .mp-name-primary,.mosque-public-page .mp-header h1 .mp-name-secondary{display:block}.mosque-public-page .mp-header h1 .mp-name-primary{font-size:.78em}.mosque-public-page .mp-header h1 .mp-name-secondary{margin-top:1px;font-size:1em;letter-spacing:.025em} .mosque-public-page .mp-city{margin:5px 0 0;font-size:.83rem;letter-spacing:.04em} .mosque-public-page .mp-address{display:flex;align-items:center;justify-content:center;gap:5px;margin:5px 0 0;color:#787268;font-size:.76rem} .mosque-public-page .mp-address svg{width:14px;height:14px;color:#a97927} .mosque-public-page .mp-actions{gap:8px;margin:0 0 10px} .mosque-public-page .mp-primary,.mosque-public-page .mp-secondary{min-height:43px;padding:8px;border-radius:12px;font-size:.75rem} .mosque-public-page .mp-primary{border-color:#b4d1bf;background:#eff7f0;color:#07523e} .mosque-public-page .mp-primary.is-selected{background:#e4f2e7;border-color:#78b18b} .mosque-public-page .mp-secondary{background:#eff7f0;border-color:#b4d1bf} .mosque-public-page .mp-secondary.is-followed{background:#e4f2e7;border-color:#78b18b} .mosque-public-page .mp-primary svg,.mosque-public-page .mp-secondary svg{width:16px;height:16px} .mosque-public-page .mp-card{min-width:0;margin:10px 0;padding:13px;border-radius:16px;background:#fffdf8;box-shadow:0 4px 13px rgba(62,49,25,.04)} .mosque-public-page .mp-card-title{gap:8px} .mosque-public-page .mp-card-title>span{width:33px;height:33px;border-radius:10px} .mosque-public-page .mp-card-title svg{width:18px;height:18px} .mosque-public-page .mp-card-title h2{font-size:.91rem} .mosque-public-page .mp-card-title p{font-size:.71rem;line-height:1.22} .mosque-public-page .mp-prayer-pair,.mosque-public-page .mp-content-pair{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:9px} .mosque-public-page .mp-prayer-pair>.mp-card,.mosque-public-page .mp-content-pair>.mp-card{margin:10px 0} .mosque-public-page .mp-prayer-pair .mp-card-title h2,.mosque-public-page .mp-content-pair .mp-card-title h2{font-size:.78rem;letter-spacing:-.015em;white-space:nowrap} .mosque-public-page .mp-next-prayer{position:relative;overflow:hidden;border-color:#e5d0ab} .mosque-public-page .mp-next-prayer:before{position:absolute;inset:12px auto 12px 0;width:3px;border-radius:0 4px 4px 0;background:#bd8a32;content:""} .mosque-public-page .mp-next-time{display:grid;gap:1px;margin:13px 0 10px;padding-left:5px} .mosque-public-page .mp-next-time b{font-size:1.1rem;color:#07523e} .mosque-public-page .mp-next-time span{color:#a57528;font-size:.7rem;font-weight:800} .mosque-public-page .mp-next-prayer dl{display:grid;gap:5px;margin:0;padding:9px 0;border-top:1px dashed #eadfce} .mosque-public-page .mp-next-prayer dl div{display:flex;justify-content:space-between;gap:8px;font-size:.7rem} .mosque-public-page .mp-next-prayer dt{color:#7b7469}.mosque-public-page .mp-next-prayer dd{margin:0;color:#07523e;font-weight:850} .mosque-public-page .mp-all-times{margin-top:8px;padding:0;border:0;background:transparent;color:#07523e;font:800 .68rem/1 inherit;text-align:left} .mosque-public-page .mp-prayer-table{margin-top:10px} .mosque-public-page .mp-prayer-table>div{min-height:29px;gap:4px;font-size:.68rem} .mosque-public-page .mp-prayer-table .mp-table-head{min-height:24px;font-size:.51rem} .mosque-public-page .mp-prayer-table>div.is-current{margin:1px -4px;padding:0 4px;border:0;border-radius:6px;background:#edf5ed} .mosque-public-page .mp-jumuah{gap:6px;margin-top:10px} .mosque-public-page .mp-jumuah span{min-width:74px;padding:7px 9px;border-radius:10px} .mosque-public-page .mp-jumuah small{font-size:.56rem}.mosque-public-page .mp-jumuah b{font-size:.94rem} .mosque-public-page .mp-content-stack{gap:7px;margin-top:10px} .mosque-public-page .mp-content-item{gap:5px;padding:10px;border-radius:11px} .mosque-public-page .mp-content-item strong{font-size:.8rem}.mosque-public-page .mp-content-item p{font-size:.72rem;line-height:1.35}.mosque-public-page .mp-content-item small{font-size:.63rem} .mosque-public-page .mp-content-actions{gap:5px}.mosque-public-page .mp-content-actions button,.mosque-public-page .mp-content-actions a{min-height:29px;padding:6px 8px;border-radius:8px;font-size:.62rem} .mosque-public-page .mp-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px} .mosque-public-page .mp-carousel-hint{color:#a97927;font-size:1.2rem;letter-spacing:.2em;white-space:nowrap} .mosque-public-page .mp-media-grid{display:grid;grid-auto-flow:column;grid-auto-columns:calc(50% - 5px);gap:10px;margin-top:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-bottom:2px} .mosque-public-page .mp-media-grid .mp-content-item{scroll-snap-align:start} .mosque-public-page .mp-photo-preview,.mosque-public-page .mp-media-preview{position:relative;width:100%;aspect-ratio:1.38/1;overflow:hidden;border-radius:9px;background:#eaf0e9} .mosque-public-page .mp-photo-preview img,.mosque-public-page .mp-media-preview img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center} .mosque-public-page .mp-media-preview i{position:absolute;inset:50% auto auto 50%;display:grid;place-items:center;width:28px;height:28px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(7,82,62,.86);color:#fff;font-size:.7rem;font-style:normal} .mosque-public-page .mp-media-preview .mp-live-badge{position:absolute;left:6px;top:6px;padding:3px 5px;border-radius:5px;background:#bb4939;color:#fff;font-size:.54rem;font-weight:900;letter-spacing:.04em} .mosque-public-page .mp-media-preview .mp-preview-fallback{display:none} .mosque-public-page .mp-media-preview.is-fallback{background:#edf1e8}.mosque-public-page .mp-media-preview.is-fallback .mp-preview-fallback{position:absolute;left:50%;top:50%;display:block;max-width:80%;transform:translate(-50%,-50%);color:#74756f;font-size:.59rem;text-align:center}.mosque-public-page .mp-media-preview.is-fallback i{display:none} .mosque-public-page .mp-facilities{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px;border:0} .mosque-public-page .mp-facilities li{grid-template-columns:1fr;justify-items:center;gap:3px;min-height:66px;padding:7px 4px;border:1px solid #ebe0cc;border-radius:10px;text-align:center} .mosque-public-page .mp-facilities b{width:19px;height:19px;font-size:.65rem}.mosque-public-page .mp-facilities span{font-size:.62rem;line-height:1.15} .mosque-public-page .mp-contact-card{display:flex;align-items:center;gap:10px}.mosque-public-page .mp-contact-card .mp-card-title{flex:1;min-width:0}.mosque-public-page .mp-contact-links{justify-content:flex-end;gap:5px;margin:0}.mosque-public-page .mp-contact-links a{padding:8px 9px;border-radius:9px;font-size:.65rem}.mosque-public-page .mp-contact-links a:first-child{border-color:#087056;background:#087056;color:#fff} @media(max-width:349px){.mosque-public-page{padding-left:11px;padding-right:11px}.mosque-public-page .mp-prayer-pair,.mosque-public-page .mp-content-pair{grid-template-columns:1fr}.mosque-public-page .mp-prayer-pair>.mp-card,.mosque-public-page .mp-content-pair>.mp-card{margin:5px 0}.mosque-public-page .mp-media-grid{grid-auto-columns:calc(58% - 5px)}.mosque-public-page .mp-contact-card{align-items:flex-start;flex-direction:column}.mosque-public-page .mp-contact-links{justify-content:flex-start}} .mosque-public-page .mp-next-prayer .mp-card-title{gap:5px} .mosque-public-page .mp-next-prayer .mp-card-title>span{width:20px;height:20px;border-radius:7px} .mosque-public-page .mp-next-prayer .mp-card-title svg{width:12px;height:12px} .mosque-public-page .mp-next-prayer .mp-card-title>div{min-width:0} .mosque-public-page .mp-next-prayer .mp-card-title h2{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:normal;word-break:normal} .mosque-public-page .mp-fundraiser-card .mp-donation-progress{height:10px;overflow:hidden;border:1px solid #d9be8a;border-radius:999px;background:#f5ead8}.mosque-public-page .mp-fundraiser-card .mp-donation-progress span{display:block;height:100%;border-radius:inherit;background:#087056} /* Focused publication editor: content type is immutable while editing. */ .mm-content-editor.is-editing>.mm-content-types{display:none!important} .mm-content-editor.is-editing [data-mm-photo-source],.mm-content-editor.is-editing [data-mm-photo-back]{display:none!important} .mm-content-editor.is-editing fieldset.mm-content-types:has([data-mm-media-source]){display:none!important} /* Unified Smart Muslim topbar wins over legacy public-mosque header positioning. */ body.sm-unified-subpage-active:has(.mosque-public-page[style*="display: block"]) .home-main-header .home-header-actions { position: fixed !important; top: max(8px, env(safe-area-inset-top, 0px)) !important; left: 50% !important; width: min(calc(100% - 24px), 406px) !important; height: auto !important; padding: 0 !important; margin: 0 !important; transform: translateX(-50%) !important; display: flex !important; align-items: center !important; justify-content: space-between !important; } body.sm-unified-subpage-active:has(.mosque-public-page[style*="display: block"]) .home-main-header .home-gender-control { display: none !important; } body.sm-unified-subpage-active:has(.mosque-public-page[style*="display: block"]) .home-main-header .home-header-pill { width: 106px !important; min-width: 106px !important; height: 44px !important; min-height: 44px !important; font-size: .77rem !important; } /* Public mosque brand lock: SMART MUSLIM is centered on the viewport in both themes. */ .mosque-public-page .mp-header-brand > div{ position:absolute!important; left:50%!important; right:auto!important; top:3px!important; width:max-content!important; min-width:90px!important; transform:translateX(-50%)!important; text-align:center!important; } /* Mosque support settings V1 */ .mm-support-page{display:grid;gap:14px;padding-bottom:18px}.mm-support-master,.mm-zakat-declaration{margin:0}.mm-support-master-toggle,.mm-zakat-declaration label{display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;gap:10px!important;margin-top:15px;padding:12px;border:1px solid #e5d3b5;border-radius:14px;background:#fffaf1;color:#07523e;font-size:.82rem!important;line-height:1.35}.mm-support-master-toggle input,.mm-zakat-declaration input{flex:0 0 auto;width:20px;height:20px;margin:0;accent-color:#087056}.mm-support-project-note{margin:12px 0 0!important;padding:11px 12px;border-radius:12px;background:#f4f3e9;color:#6e6d69!important;line-height:1.35}.mm-support-list{display:grid;gap:11px}.mm-support-method{padding:15px;border:1px solid #e7d7be;border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,250,241,.82));box-shadow:0 8px 20px rgba(62,49,25,.045)}.mm-support-method-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px}.mm-support-method h3{margin:0;color:#07523e;font-size:1rem}.mm-support-method p{margin:4px 0 0;color:#6e6d69;font-size:.76rem;line-height:1.35}.mm-support-switch{display:grid!important;justify-items:end!important;gap:5px!important;color:#07523e;font-size:.69rem!important;font-weight:850!important}.mm-support-switch input{width:24px;height:24px;margin:0;accent-color:#087056}.mm-support-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px;padding-top:13px;border-top:1px solid #eadaca}.mm-support-fields label{display:grid!important;justify-content:stretch!important;align-items:stretch!important;gap:5px!important;color:#07523e;font-size:.71rem!important;font-weight:800!important}.mm-support-fields input{box-sizing:border-box!important;width:100%!important;max-width:none!important;min-height:42px;padding:9px 10px!important;border:1px solid #e4cfae!important;border-radius:11px!important;background:#fffdf8!important;color:#07523e!important;text-align:left!important;font:inherit!important}.mm-support-save{margin-top:0}.mm-support-dashboard .mm-icon-badge{background:#eef4eb}.mm-nav button{min-width:0;flex:1}.mm-nav button b{line-height:1} @media(max-width:420px){.mm-support-fields{grid-template-columns:1fr}.mm-nav{padding-left:4px;padding-right:4px}.mm-nav button{font-size:.56rem}} /* Public mosque redesign V2: bacheca, community, support hub */ .mosque-public-page .mp-urgent-alert{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;margin:11px 0 13px;padding:13px 14px;border:1px solid #e5bd75;border-left:4px solid #c78a24;border-radius:16px;background:linear-gradient(145deg,#fff9ec,#fffdf8);color:#07523e;text-align:left}.mosque-public-page .mp-urgent-icon{display:grid;place-items:center;width:29px;height:29px;border:2px solid #d68232;border-radius:50%;color:#c96325;font-size:.9rem;font-weight:900}.mosque-public-page .mp-urgent-alert b,.mosque-public-page .mp-urgent-alert small{display:block}.mosque-public-page .mp-urgent-alert b{font-size:.86rem}.mosque-public-page .mp-urgent-alert small{margin-top:2px;color:#626b65;font-size:.72rem;line-height:1.25}.mosque-public-page .mp-urgent-alert>strong{font-size:1.35rem}.mosque-public-page .mp-section-title-row,.mosque-public-page .mp-section-heading{display:flex;align-items:center;justify-content:space-between;gap:9px}.mosque-public-page .mp-section-title-row>em{align-self:flex-start;padding:4px 7px;border-radius:99px;background:#fff1d5;color:#9b681c;font-size:.56rem;font-style:normal;font-weight:900;letter-spacing:.04em}.mosque-public-page .mp-community-card .mp-section-title-row>em{background:#eee6fb;color:#6540a3}.mosque-public-page .mp-board-list{display:grid;gap:8px;margin-top:13px}.mosque-public-page .mp-board-list>button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:10px;border:1px solid #eadcc9;border-radius:13px;background:#fffdf8;color:#07523e;text-align:left}.mosque-public-page .mp-board-list>button>span:first-child{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#f1f4ea;color:#087056}.mosque-public-page .mp-board-list svg{width:20px;height:20px}.mosque-public-page .mp-board-list b,.mosque-public-page .mp-board-list small{display:block}.mosque-public-page .mp-board-list b{font-size:.78rem;line-height:1.2}.mosque-public-page .mp-board-list small{margin-top:3px;color:#6e6d69;font-size:.66rem;line-height:1.25}.mosque-public-page .mp-board-list strong{font-size:1.35rem}.mosque-public-page .mp-wide-action{display:block;width:100%;min-height:42px;margin-top:10px;border:0;border-radius:11px;background:#edf5eb;color:#07523e;font-size:.77rem;font-weight:850}.mosque-public-page .mp-community-action{background:#f1eafb;color:#54358c}.mosque-public-page .mp-community-features{display:grid;gap:0;margin-top:12px;border:1px solid #eadcc9;border-radius:13px;overflow:hidden;background:#fffdf8}.mosque-public-page .mp-community-features>span{display:block;padding:10px 12px;border-bottom:1px solid #eee2d2}.mosque-public-page .mp-community-features>span:last-child{border-bottom:0}.mosque-public-page .mp-community-features b,.mosque-public-page .mp-community-features small{display:block}.mosque-public-page .mp-community-features b{font-size:.77rem}.mosque-public-page .mp-community-features small{margin-top:2px;color:#70716d;font-size:.66rem}.mosque-public-page .mp-support-project{margin-top:12px;padding:12px;border:1px solid #eadcc9;border-radius:14px;background:#fffdf8}.mosque-public-page .mp-support-project>span{display:flex;align-items:center;justify-content:space-between;gap:8px}.mosque-public-page .mp-support-project>span b{font-size:.85rem}.mosque-public-page .mp-support-project>span em{padding:4px 7px;border-radius:99px;background:#e9f4ea;color:#0b6c50;font-size:.54rem;font-style:normal;font-weight:850}.mosque-public-page .mp-support-project p{margin:7px 0;color:#52665e;font-size:.71rem}.mosque-public-page .mp-support-project>div{position:relative;height:8px;margin-right:38px;border:1px solid #dcbf8c;border-radius:99px;background:#f7ecd8}.mosque-public-page .mp-support-project>div i{display:block;height:100%;border-radius:inherit;background:#087056}.mosque-public-page .mp-support-project>div small{position:absolute;left:calc(100% + 8px);top:-5px;color:#07523e;font-size:.63rem;font-weight:850}.mosque-public-page .mp-support-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.mosque-public-page .mp-support-grid button{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:55px;padding:9px 10px;border:1px solid #e8d8bf;border-radius:12px;background:#fffdf8;color:#07523e;text-align:left}.mosque-public-page .mp-support-grid svg{flex:0 0 auto;width:20px;height:20px;color:#087056}.mosque-public-page .mp-support-grid span{font-size:.71rem;font-weight:850;line-height:1.15}.mosque-public-page .mp-support-other{width:100%;margin-top:9px;padding:9px;border:0;background:transparent;color:#07523e;font-size:.7rem;font-weight:800;text-align:right}.mosque-public-page .mp-support-trust{display:flex;align-items:flex-start;gap:8px;margin-top:11px;padding:10px;border-radius:11px;background:#f2f4eb;color:#07523e}.mosque-public-page .mp-support-trust>b{display:grid;place-items:center;flex:0 0 auto;width:22px;height:22px;border:1px solid #0b7257;border-radius:50%;font-size:.65rem}.mosque-public-page .mp-support-trust span,.mosque-public-page .mp-support-trust small{display:block}.mosque-public-page .mp-support-trust span{font-size:.66rem;font-weight:750;line-height:1.3}.mosque-public-page .mp-support-trust small{margin-top:2px;color:#6e6d69;font-size:.61rem;font-weight:600}.mosque-public-page .mp-inline-link{border:0;background:transparent;color:#07523e;font-size:.68rem;font-weight:850;white-space:nowrap}.mosque-public-page .mp-service-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.mosque-public-page .mp-service-chips>span{padding:7px 9px;border:1px solid #cfe0d2;border-radius:9px;background:#eef7f0;color:#07523e;font-size:.67rem;font-weight:750}.mosque-public-page .mp-service-chips b{color:#087056}.mosque-public-page .mp-contact-card{display:flex;align-items:center;gap:10px}.mosque-public-page .mp-contact-card .mp-card-title{flex:1;min-width:0}.mosque-public-page .mp-contact-links{justify-content:flex-end;margin-top:0}.mosque-public-page .mp-contact-links a:first-child{background:#087056;color:#fff;border-color:#087056}.mp-support-dialog,.mp-board-dialog{position:relative;width:min(92vw,460px);max-height:min(84vh,760px);overflow:auto;margin:auto;padding:20px;border:1px solid #e3d2b5;border-radius:22px;background:#fffdf8;color:#07523e;box-shadow:0 20px 60px rgba(22,39,32,.22)}.mp-support-dialog{text-align:center}.mp-dialog-warning{display:grid;place-items:center;width:45px;height:45px;margin:2px auto 12px;border:2px solid #c88a27;border-radius:50%;color:#b57616;font-size:1.2rem;font-weight:900}.mp-support-dialog h2,.mp-board-dialog h2{margin:0;color:#07523e;font-size:1.2rem}.mp-support-dialog>p,.mp-board-dialog header p{margin:8px 0 0;color:#626b65;font-size:.8rem;line-height:1.4}.mp-support-dialog>button[data-mp-custom-close]:not(.mp-dialog-close){width:100%;min-height:45px;margin-top:17px;border:0;border-radius:11px;background:#087056;color:#fff;font-weight:850}.mp-dialog-close,.mp-board-dialog header>button{position:absolute;top:12px;right:12px;width:34px;height:34px;border:0;border-radius:50%;background:#f4eee3;color:#07523e;font-size:1.2rem}.mp-dialog-heart{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 10px;border-radius:14px;background:#edf1e8;color:#087056}.mp-dialog-heart svg{width:25px}.mp-payment-options{display:grid;gap:9px;margin-top:15px;text-align:left}.mp-payment-options article,.mp-payment-options a{display:grid;gap:4px;padding:12px;border:1px solid #e5d4b8;border-radius:13px;background:#fffaf1;color:#07523e;text-decoration:none}.mp-payment-options small{color:#6d716c;font-size:.68rem}.mp-payment-options strong{word-break:break-all;font-size:.78rem}.mp-payment-options button{justify-self:start;margin-top:5px;padding:7px 10px;border:1px solid #c8a76d;border-radius:9px;background:#fffdf8;color:#07523e;font-weight:800}.mp-support-choice-list{display:grid;gap:8px;margin-top:16px}.mp-support-choice-list button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px;border:1px solid #e5d4b8;border-radius:12px;background:#fffaf1;color:#07523e;font-weight:800}.mp-board-dialog{text-align:left}.mp-board-dialog header{position:relative;padding-right:38px}.mp-board-dialog header small{display:inline-block;margin-bottom:5px;padding:3px 6px;border-radius:99px;background:#fff1d5;color:#996719;font-size:.54rem;font-weight:900}.mp-board-dialog>div{display:grid;gap:8px;margin-top:15px}.mp-board-dialog>div>button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:10px;border:1px solid #eadcc9;border-radius:12px;background:#fffaf1;color:#07523e;text-align:left}.mp-board-dialog>div>button>span:first-child{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#eef3e9;color:#087056}.mp-board-dialog svg{width:19px}.mp-board-dialog b,.mp-board-dialog small{display:block}.mp-board-dialog small{margin-top:2px;color:#6c716d;font-size:.67rem}.mp-services-modal-list{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}.mp-services-modal-list>span{display:flex;align-items:center;gap:7px;padding:10px;border:1px solid #e4d5bd;border-radius:11px;background:#fffaf1;font-size:.72rem}.mp-services-modal-list>span>b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#eaf4eb;color:#087056}.mp-services-modal-list .is-no>b{background:#f1eee7;color:#8a8174} @media(max-width:360px){.mosque-public-page .mp-support-grid{grid-template-columns:1fr}.mp-services-modal-list{grid-template-columns:1fr}} /* Support toggle UX V1 */ body.mosque-management-active #view-tabs{display:none!important} body.mosque-management-active .mosque-management{padding-bottom:92px} .mosque-management .mm-support-method:not(.is-enabled) .mm-support-fields{display:none} .mosque-management .mm-support-method.is-enabled{border-color:#c9dfcf;background:linear-gradient(145deg,#fffdf8,#f5fbf5)} .mosque-management .mm-support-method.is-enabled .mm-support-switch{border-color:#7fb493;background:#e9f4eb} .mosque-management .mm-support-auto-state{display:flex;align-items:center;gap:8px;margin:14px 0 0;padding:11px 12px;border:1px solid #d8e7d9;border-radius:12px;background:#f2f8f2;color:#07523e;font-size:.78rem;font-weight:750;line-height:1.35} /* Support save validation V1 */ .mosque-management .mm-support-inline-error{margin:12px 0 0!important;padding:10px 11px;border:1px solid #d79b7a;border-radius:11px;background:#fff1e9;color:#8a3f25!important;font-size:.76rem!important;font-weight:800;line-height:1.35} .mosque-management .mm-support-bottom-feedback{margin:10px 0 0;padding:10px 12px;border-radius:11px;background:#eaf5ec;color:#07523e;font-size:.78rem;font-weight:850;text-align:center} /* Mosque support discovery + project carousel V1 */ .mosque-public-page .mp-projects-section{margin-top:14px;padding-top:13px;border-top:1px solid #eadaca}.mosque-public-page .mp-projects-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:9px}.mosque-public-page .mp-projects-heading b,.mosque-public-page .mp-projects-heading small{display:block}.mosque-public-page .mp-projects-heading b{color:#07523e;font-size:.86rem}.mosque-public-page .mp-projects-heading small{margin-top:2px;color:#77736d;font-size:.67rem}.mosque-public-page .mp-projects-heading>span{color:#a97927;font-size:.65rem;font-weight:850}.mosque-public-page .mp-projects-carousel{display:block}.mosque-public-page .mp-projects-carousel.is-multiple{display:grid;grid-auto-flow:column;grid-auto-columns:min(86%,340px);gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:1px 2px 4px;margin-left:-2px;scrollbar-width:none}.mosque-public-page .mp-projects-carousel.is-multiple::-webkit-scrollbar{display:none}.mosque-public-page .mp-support-project-card{overflow:hidden;border:1px solid #e5d4b8;border-radius:15px;background:#fffdf8;scroll-snap-align:start;box-shadow:0 5px 13px rgba(62,49,25,.035)}.mosque-public-page .mp-project-media{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16/8.3;overflow:hidden;background:#edf3ec;color:#087056}.mosque-public-page .mp-project-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mosque-public-page .mp-project-media>span{display:none}.mosque-public-page .mp-project-media.is-fallback>span{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:#fffaf1;color:#a97927}.mosque-public-page .mp-project-media.is-fallback svg{width:29px;height:29px}.mosque-public-page .mp-project-body{padding:12px}.mosque-public-page .mp-project-status{display:inline-block;margin-bottom:6px;padding:3px 6px;border-radius:999px;background:#eaf4eb;color:#087056;font-size:.52rem;font-weight:900;letter-spacing:.06em}.mosque-public-page .mp-project-body h3{margin:0;color:#07523e;font-size:.9rem}.mosque-public-page .mp-project-body>p{margin:4px 0 8px;color:#6e6d69;font-size:.69rem;line-height:1.35}.mosque-public-page .mp-project-body>strong{display:block;margin-top:7px;color:#07523e;font-size:.72rem}.mosque-public-page .mp-project-progress{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;margin-top:8px}.mosque-public-page .mp-project-progress>span{height:7px;overflow:hidden;border-radius:999px;background:#f2e6cf}.mosque-public-page .mp-project-progress i{display:block;height:100%;border-radius:inherit;background:#087056}.mosque-public-page .mp-project-progress b{color:#6d716c;font-size:.65rem}.mosque-public-page .mp-project-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}.mosque-public-page .mp-project-actions button,.mosque-public-page .mp-project-actions a{display:flex;align-items:center;justify-content:center;min-height:38px;padding:7px;border:1px solid #d5b677;border-radius:10px;background:#fffdf8;color:#07523e;font-size:.66rem;font-weight:850;text-decoration:none;text-align:center}.mosque-public-page .mp-project-actions a{border-color:#087056;background:#087056;color:#fff}.mosque-public-page .mp-project-actions button:disabled{opacity:.58}.mosque-public-page .mp-project-dots{display:flex;justify-content:center;gap:5px;margin-top:8px}.mosque-public-page .mp-project-dots i{width:6px;height:6px;border-radius:50%;background:#d8cbb8}.mosque-public-page .mp-project-dots i.is-active{width:16px;border-radius:999px;background:#087056} .mosque-public-page .mp-support-grid button{align-items:center}.mosque-public-page .mp-support-grid button>span{display:grid;gap:2px}.mosque-public-page .mp-support-grid button span b{color:#07523e;font-size:.7rem;line-height:1.15}.mosque-public-page .mp-support-grid button span small{color:#77736d;font-size:.57rem;font-weight:700}.mosque-public-page .mp-support-grid button.is-enabled{border-color:#b9d4c0;background:#f2f8f2}.mosque-public-page .mp-support-grid button.is-enabled svg{color:#087056}.mosque-public-page .mp-support-grid button.is-disabled{border-style:dashed;background:#fbf7ef;color:#8c857a}.mosque-public-page .mp-support-grid button.is-disabled svg{color:#9a8d7c}.mosque-public-page .mp-support-grid button.is-disabled span b{color:#776f64}.mosque-public-page .mp-support-other{margin-top:10px;padding:9px 0;border-top:1px dashed #e6d7c0;text-align:left} .mp-payment-dialog{width:min(92vw,440px);padding:22px}.mp-payment-dialog .mp-dialog-heart{margin-bottom:9px}.mp-payment-dialog>p{margin:5px 0 0;color:#72706b;font-size:.76rem}.mp-payment-options{display:grid;gap:10px;margin-top:16px}.mp-payment-options .mp-payment-option{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:start;padding:13px;border:1px solid #e2cfaa;border-radius:14px;background:#fffaf1;text-align:left}.mp-payment-options .mp-payment-option.is-disabled{opacity:.68;background:#f7f3eb}.mp-payment-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eaf4eb;color:#087056}.mp-payment-icon svg{width:20px}.mp-payment-option>div{display:grid;gap:4px;min-width:0}.mp-payment-option b{color:#07523e;font-size:.8rem}.mp-payment-option small{color:#73716c;font-size:.67rem;line-height:1.3}.mp-payment-option strong{color:#07523e;font-size:.77rem;word-break:break-all}.mp-payment-option button,.mp-payment-primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:39px;margin-top:6px;padding:8px;border:1px solid #c8a76d;border-radius:10px;background:#fffdf8;color:#07523e;font-size:.69rem;font-weight:850;text-decoration:none}.mp-payment-primary{border-color:#087056;background:#087056;color:#fff}.mp-payment-option button:disabled{opacity:.58}.mp-find-support{width:100%;min-height:45px;margin-top:16px;border:0;border-radius:11px;background:#087056;color:#fff;font-weight:850}.mp-dialog-secondary{width:100%;min-height:41px;margin-top:8px;border:1px solid #d7c7ad;border-radius:11px;background:#fffaf1;color:#07523e;font-weight:800}.mp-support-choice-list button.is-disabled{border-style:dashed;opacity:.8}.mp-support-choice-list button span{display:grid;gap:2px;text-align:left}.mp-support-choice-list button small{color:#77736d;font-size:.62rem;font-weight:650}.mp-nearby-support{width:min(94vw,500px)}.mp-nearby-support>header>div>small{display:inline-block;margin-bottom:4px;color:#a97927;font-size:.56rem;font-weight:900;letter-spacing:.08em}.mp-nearby-list{display:grid!important;gap:8px!important}.mp-nearby-list>button{grid-template-columns:38px minmax(0,1fr) auto!important}.mp-nearby-list>button>span:first-child{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#edf4ec;color:#087056}.mp-nearby-list>button svg{width:20px}.mp-nearby-list em{display:inline-block;width:max-content;margin-top:4px;padding:3px 6px;border-radius:99px;background:#eaf4eb;color:#087056;font-size:.55rem;font-style:normal;font-weight:850} @media(max-width:360px){.mosque-public-page .mp-projects-carousel.is-multiple{grid-auto-columns:91%}.mosque-public-page .mp-project-actions{grid-template-columns:1fr}.mp-payment-options .mp-payment-option{grid-template-columns:34px 1fr}.mp-payment-icon{width:34px;height:34px}} /* Mosque support / project photo V2 — 2026-09-02 */ .mm-project-photo-picker{margin:16px 0;padding:16px;border:1px solid #e2cfaa;border-radius:18px;background:#fffdf8}.mm-project-photo-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.mm-project-photo-head h4{margin:0;color:#07523e;font-size:1rem}.mm-project-photo-head h4 em{display:inline-block;margin-left:6px;padding:3px 7px;border-radius:999px;background:#edf4ec;color:#087056;font-size:.62rem;font-style:normal;font-weight:850;vertical-align:middle}.mm-project-photo-head p{margin:4px 0 0;color:#77736d;font-size:.76rem}.mm-project-photo-preview{overflow:hidden;border-radius:14px;border:1px solid #e5d4b8;background:#f2f5ef;aspect-ratio:16/8}.mm-project-photo-preview img{display:block;width:100%;height:100%;object-fit:cover}.mm-project-photo-empty{display:grid;gap:4px;place-items:center;min-height:110px;padding:18px;border:1px dashed #dbc7a5;border-radius:14px;background:#f4f7f1;text-align:center}.mm-project-photo-empty span{color:#07523e;font-size:.86rem;font-weight:850}.mm-project-photo-empty small{color:#77736d;font-size:.7rem}.mm-project-photo-empty.has-photo{border-style:solid;background:#eef6ee}.mm-project-photo-empty.is-removing{background:#faf5eb}.mm-project-photo-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.mm-project-photo-actions .mm-row{min-height:44px;margin:0;justify-content:center}.mm-project-photo-actions .mm-project-photo-remove{grid-column:1/-1;color:#8e493e;border-color:#ddb7ae;background:#fff9f6}@media(max-width:430px){.mm-project-photo-actions{grid-template-columns:1fr 1fr}.mm-project-photo-actions .mm-row:nth-child(n+3){grid-column:1/-1}} .mosque-public-page .mp-support-project-card:not(:has(.mp-project-media)) .mp-project-body{padding-top:14px}.mosque-public-page .mp-project-media{background:#edf3ec}.mosque-public-page .mp-project-media img{display:block;width:100%;height:100%;object-fit:cover} .mp-dialog-chip{display:table;margin:0 auto 13px;padding:5px 10px;border-radius:999px;background:#eaf4eb;color:#087056;font-size:.58rem;font-weight:900;letter-spacing:.08em}.mp-dialog-chip.is-gold{background:#fff0ce;color:#a66f18}.mp-dialog-heart.is-gold{background:#fff9ed;color:#a97927}.mp-payment-dialog-v2,.mp-support-notice-v2,.mp-nearby-empty-v2,.mp-nearby-results-v2{width:min(92vw,440px);padding:24px 22px;border:1px solid #dfc99e;border-radius:24px;background:#fffdf8;box-shadow:0 18px 60px rgba(20,40,32,.18)}.mp-payment-dialog-v2 h2,.mp-support-notice-v2 h2,.mp-nearby-empty-v2 h2,.mp-nearby-results-v2 h2{margin:7px 0 0;color:#07523e;text-align:center;font-size:1.45rem}.mp-payment-dialog-v2 .mp-dialog-mosque{margin:8px 0 0!important;color:#07523e!important;text-align:center;font-size:.78rem!important;font-weight:800}.mp-payment-dialog-v2 .mp-dialog-lead,.mp-support-notice-v2 .mp-dialog-lead,.mp-nearby-empty-v2 .mp-dialog-lead,.mp-nearby-results-v2 .mp-dialog-lead{margin:7px auto 0!important;max-width:340px;color:#6f716d!important;text-align:center;font-size:.82rem!important;line-height:1.45}.mp-dialog-secondary-copy{margin:12px auto 0;max-width:340px;color:#77736d;text-align:center;font-size:.76rem;line-height:1.45}.mp-payment-dialog-v2 .mp-payment-options{display:grid;gap:11px;margin-top:18px}.mp-payment-dialog-v2 .mp-payment-option{padding:14px;border:1px solid #dfc99e;border-radius:16px;background:#fffaf1}.mp-payment-dialog-v2 .mp-payment-option>div{gap:5px}.mp-payment-dialog-v2 .mp-payment-option b{font-size:.88rem}.mp-payment-dialog-v2 .mp-payment-option strong{font-size:.83rem}.mp-payment-dialog-v2 .mp-payment-option button{min-height:42px;margin-top:8px;border-radius:11px}.mp-payment-online-v2{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;padding:14px;border:1px solid #dfc99e;border-radius:16px;background:#fffaf1;color:#07523e;text-decoration:none}.mp-payment-online-v2>span:nth-child(2){display:grid;gap:3px}.mp-payment-online-v2 b{font-size:.88rem}.mp-payment-online-v2 small{color:#73716c;font-size:.69rem;line-height:1.35}.mp-payment-online-v2>strong{grid-column:1/-1;display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:3px;border-radius:11px;background:#087056;color:#fff;font-size:.75rem;font-weight:900}.mp-payment-online-v2.is-disabled{opacity:.68}.mp-payment-online-v2.is-disabled>strong{background:#e7e4dc;color:#77736d}.mp-support-trust-v2{margin-top:14px;padding:13px 14px!important;border-radius:15px!important;background:#eef5ec!important}.mp-support-trust-v2 span{font-size:.72rem!important;line-height:1.35}.mp-support-trust-v2 small{margin-top:3px!important;font-size:.66rem!important}.mp-support-notice-v2 .mp-find-support,.mp-nearby-empty-v2 .mp-find-support{min-height:46px;margin-top:18px;border-radius:12px;background:#087056;color:#fff;font-size:.78rem}.mp-support-notice-v2 .mp-dialog-secondary,.mp-nearby-empty-v2 .mp-dialog-secondary{min-height:43px;margin-top:9px;border-radius:12px}.mp-nearby-results-v2 .mp-nearby-list{display:grid;gap:8px;margin-top:16px}.mp-nearby-results-v2 .mp-nearby-list>button{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:11px;border:1px solid #e1d3bb;border-radius:14px;background:#fffaf1;color:#07523e;text-align:left}.mp-nearby-results-v2 .mp-nearby-list>button>span:first-child{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eaf4eb}.mp-nearby-results-v2 .mp-nearby-list svg{width:21px}.mp-nearby-results-v2 .mp-nearby-list span:nth-child(2){display:grid;gap:2px}.mp-nearby-results-v2 .mp-nearby-list small{color:#77736d;font-size:.65rem}.mp-nearby-results-v2 .mp-nearby-list em{width:max-content;margin-top:3px;padding:3px 6px;border-radius:999px;background:#eaf4eb;color:#087056;font-size:.55rem;font-style:normal;font-weight:850} /* Project photo persistence + exact trust card alignment V1 */ .mm-project-photo-confirm{width:100%;min-height:46px;margin:11px 0 0}.mm-project-photo-save-note{display:block;margin-top:10px;color:#77736d;font-size:.69rem;line-height:1.35;text-align:left} .mp-payment-dialog-v2 .mp-support-trust-v2{display:flex!important;align-items:flex-start!important;gap:8px!important;margin-top:14px!important;padding:10px!important;border-radius:11px!important;background:#f2f4eb!important;color:#07523e!important;text-align:left!important}.mp-payment-dialog-v2 .mp-support-trust-v2>b{display:grid!important;place-items:center!important;flex:0 0 auto!important;width:22px!important;height:22px!important;border:1px solid #0b7257!important;border-radius:50%!important;font-size:.65rem!important}.mp-payment-dialog-v2 .mp-support-trust-v2 span,.mp-payment-dialog-v2 .mp-support-trust-v2 small{display:block!important}.mp-payment-dialog-v2 .mp-support-trust-v2 span{font-size:.66rem!important;font-weight:750!important;line-height:1.3!important}.mp-payment-dialog-v2 .mp-support-trust-v2 small{margin-top:2px!important;color:#6e6d69!important;font-size:.61rem!important;font-weight:600!important;line-height:1.3!important} /* Public mosque bottom safe-area V1 — keep last card fully above Smart Muslim dock + iOS browser chrome. */ .mosque-public-page{padding-bottom:calc(238px + env(safe-area-inset-bottom,0px))} /* Unified project detail modal V1 — same visual language as public mosque project card. */ .mp-project-detail-window{width:min(94vw,520px)} .mp-project-detail-window .story-reader-window-head{border-bottom:1px solid #eadaca} .mp-project-detail-window .mp-project-modal-kicker{display:inline-block!important;width:max-content;margin:0 0 8px;padding:4px 8px;border-radius:999px;background:#eaf4eb!important;color:#087056!important;font-size:.56rem!important;font-weight:900!important;letter-spacing:.07em!important} .mp-project-detail-window .mp-project-detail-shell{margin:0!important;padding:0!important;overflow:hidden;border:0!important;background:transparent!important;box-shadow:none!important} .mp-project-detail-window .mp-modal-project-card{overflow:hidden;border:1px solid #e5d4b8;border-radius:16px;background:#fffdf8;box-shadow:0 5px 13px rgba(62,49,25,.035)} .mp-project-detail-window .mp-modal-project-card .mp-project-media{position:relative;width:100%;aspect-ratio:16/8.3;overflow:hidden;background:#edf3ec} .mp-project-detail-window .mp-modal-project-card .mp-project-media img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center} .mp-project-detail-window .mp-modal-project-card .mp-project-body{padding:15px} .mp-project-detail-window .mp-modal-project-card:not(:has(.mp-project-media)) .mp-project-body{padding-top:15px} .mp-project-detail-window .mp-modal-project-card .mp-project-status{display:inline-block;margin-bottom:7px;padding:4px 7px;border-radius:999px;background:#eaf4eb;color:#087056;font-size:.55rem;font-weight:900;letter-spacing:.07em} .mp-project-detail-window .mp-modal-project-card .mp-project-body>p{margin:0 0 10px;color:#6e6d69;font-size:.82rem;line-height:1.4} .mp-project-detail-window .mp-modal-project-card .mp-project-body>strong{display:block;margin-top:7px;color:#07523e;font-size:.86rem} .mp-project-detail-window .mp-modal-project-card .mp-project-progress{display:grid;grid-template-columns:1fr auto;align-items:center;gap:9px;margin-top:10px} .mp-project-detail-window .mp-modal-project-card .mp-project-progress>span{height:8px;overflow:hidden;border-radius:999px;background:#f2e6cf} .mp-project-detail-window .mp-modal-project-card .mp-project-progress i{display:block;height:100%;border-radius:inherit;background:#087056} .mp-project-detail-window .mp-modal-project-card .mp-project-progress b{color:#6d716c;font-size:.72rem} .mp-project-detail-window .mp-modal-project-card .mp-project-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px} .mp-project-detail-window .mp-modal-project-card .mp-project-actions button,.mp-project-detail-window .mp-modal-project-card .mp-project-actions a{display:flex;align-items:center;justify-content:center;min-height:43px;padding:8px;border:1px solid #d5b677;border-radius:11px;background:#fffdf8;color:#07523e;font-size:.75rem;font-weight:850;text-decoration:none;text-align:center} .mp-project-detail-window .mp-modal-project-card .mp-project-actions a{border-color:#087056;background:#087056;color:#fff} .mp-project-detail-window .story-reader-window-body>.mp-content-actions{gap:8px;margin-top:12px} @media(max-width:360px){.mp-project-detail-window .mp-modal-project-card .mp-project-actions{grid-template-columns:1fr}} /* Community v1: real mosque-linked post preview */ .mosque-public-page .mp-community-features>button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-bottom:1px solid #eee2d2;background:#fffdf8;color:#07523e;text-align:left}.mosque-public-page .mp-community-features>button:last-child{border-bottom:0}.mosque-public-page .mp-community-features>button span{min-width:0}.mosque-public-page .mp-community-features>button b,.mosque-public-page .mp-community-features>button small{display:block}.mosque-public-page .mp-community-features>button b{font-size:.77rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mosque-public-page .mp-community-features>button small{margin-top:2px;color:#70716d;font-size:.66rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mosque-public-page .mp-community-features>button strong{font-size:1.15rem;color:#6540a3} html.sm-dark-v2 body.sm-dark-v2 .mosque-public-page .mp-community-features>button{background:#182923!important;border-color:#31463f!important;color:#e8f0ed!important}html.sm-dark-v2 body.sm-dark-v2 .mosque-public-page .mp-community-features>button small{color:#aebcb7!important} /* Mosque Community local gateway V1 */ .mosque-public-page .mp-community-card{padding:17px 16px 16px} .mosque-public-page .mp-community-card .mp-section-title-row{align-items:flex-start} .mosque-public-page .mp-community-card .mp-card-title{align-items:flex-start} .mosque-public-page .mp-community-card .mp-card-title>span{display:grid;place-items:center;flex:0 0 auto;width:46px;height:46px;border-radius:14px;background:#eef4eb;color:#087056} .mosque-public-page .mp-community-card .mp-card-title>span svg{width:25px;height:25px} .mosque-public-page .mp-community-card .mp-card-title h2{font-size:1.03rem;line-height:1.12} .mosque-public-page .mp-community-card .mp-card-title p{max-width:245px;margin-top:4px;font-size:.71rem;line-height:1.35;color:#6e706c} .mosque-public-page .mp-community-card .mp-section-title-row>em{margin-top:1px;padding:5px 8px;background:#eee6fb;color:#6540a3;font-size:.56rem} .mosque-public-page .mp-community-tabs{display:grid;grid-template-columns:1fr 1fr;margin-top:15px;border:1px solid #e5d2b3;border-radius:13px;overflow:hidden;background:#fffdf8} .mosque-public-page .mp-community-tabs button{min-height:40px;border:0;background:transparent;color:#6f706d;font-size:.72rem;font-weight:850} .mosque-public-page .mp-community-tabs button+button{border-left:1px solid #eadbc5} .mosque-public-page .mp-community-tabs button.is-active{background:linear-gradient(145deg,#f1f6ed,#f7f5ee);color:#07523e} .mosque-public-page .mp-community-features{margin-top:11px;border-radius:14px} .mosque-public-page .mp-community-features>button{grid-template-columns:auto minmax(0,1fr) auto!important;min-height:65px;padding:10px 11px!important} .mosque-public-page .mp-community-preview-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#f1eafa;color:#6843aa} .mosque-public-page .mp-community-preview-icon svg{width:21px;height:21px} .mosque-public-page .mp-community-features>button b{font-size:.77rem!important;line-height:1.22;white-space:normal!important} .mosque-public-page .mp-community-features>button small{font-size:.65rem!important;line-height:1.25;white-space:normal!important} .mosque-public-page .mp-community-features>button>strong{padding-left:3px;color:#6540a3!important;font-size:1.35rem!important} .mosque-public-page .mp-community-action{min-height:47px;margin-top:12px;border-radius:13px;background:#087056!important;color:#fff!important;font-size:.77rem;font-weight:900} .mosque-public-page .mp-community-global{display:block;width:100%;margin-top:8px;padding:7px 6px;border:0;background:transparent;color:#6843aa;font-size:.68rem;font-weight:820;text-align:center} .mosque-public-page .mp-community-global span{font-weight:720} html.sm-dark-v2 body.sm-dark-v2 .mosque-public-page .mp-community-card .mp-card-title>span{background:#22352e!important;color:#9fd3bd!important} html.sm-dark-v2 body.sm-dark-v2 .mosque-public-page .mp-community-tabs{background:#17231f!important;border-color:#3d493f!important} html.sm-dark-v2 body.sm-dark-v2 .mosque-public-page .mp-community-tabs button{color:#b9b7af!important} html.sm-dark-v2 body.sm-dark-v2 .mosque-public-page .mp-community-tabs button+button{border-color:#3d493f!important} html.sm-dark-v2 body.sm-dark-v2 .mosque-public-page .mp-community-tabs button.is-active{background:#22352e!important;color:#f3efe6!important} html.sm-dark-v2 body.sm-dark-v2 .mosque-public-page .mp-community-preview-icon{background:#302740!important;color:#cbb0f4!important} html.sm-dark-v2 body.sm-dark-v2 .mosque-public-page .mp-community-action{background:#0c775c!important;color:#fff!important} html.sm-dark-v2 body.sm-dark-v2 .mosque-public-page .mp-community-global{color:#c7a9ed!important} @media(max-width:390px){.mosque-public-page .mp-community-card{padding-left:13px;padding-right:13px}.mosque-public-page .mp-community-card .mp-card-title p{max-width:215px}.mosque-public-page .mp-community-card .mp-section-title-row>em{font-size:.51rem}.mosque-public-page .mp-community-action{font-size:.72rem}} /* SmartMuslim School — public mosque preview */ .mosque-public-page .mp-school-card[hidden]{display:none!important}.mosque-public-page .mp-school-card .mp-section-title-row>em{background:#e9f4ea;color:#0b6c50}.mosque-public-page .mp-school-summary{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:12px;padding:10px 8px;border:1px solid #e4ddcd;border-radius:12px;background:#f8f8f1;color:#07523e}.mosque-public-page .mp-school-summary span{display:flex;align-items:baseline;gap:4px}.mosque-public-page .mp-school-summary b{font-size:.84rem}.mosque-public-page .mp-school-summary small{color:#74746f;font-size:.62rem}.mosque-public-page .mp-school-summary i{color:#a99d8c;font-style:normal;font-size:.65rem}.mosque-public-page .mp-school-preview{display:grid;gap:0;margin-top:10px;border:1px solid #eadcc9;border-radius:13px;overflow:hidden;background:#fffdf8}.mosque-public-page .mp-school-preview>button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-bottom:1px solid #eee2d2;background:#fffdf8;color:#07523e;text-align:left}.mosque-public-page .mp-school-preview>button:last-child{border-bottom:0}.mosque-public-page .mp-school-preview>button b,.mosque-public-page .mp-school-preview>button small,.mosque-public-page .mp-school-preview>span b,.mosque-public-page .mp-school-preview>span small{display:block}.mosque-public-page .mp-school-preview>button b,.mosque-public-page .mp-school-preview>span b{font-size:.78rem}.mosque-public-page .mp-school-preview>button small,.mosque-public-page .mp-school-preview>span small{margin-top:3px;color:#70716d;font-size:.66rem}.mosque-public-page .mp-school-preview>button strong{font-size:1.15rem;color:#6540a3}.mosque-public-page .mp-school-preview>span{padding:11px 12px}.mosque-public-page .mp-school-action{background:#087056;color:#fff}.mosque-public-page .mp-school-how{display:block;width:100%;margin-top:7px;padding:7px;border:0;background:transparent;color:#07523e;font-size:.69rem;font-weight:850;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}.sm-dark-v2 .mosque-public-page .mp-school-summary,.sm-dark-v2 .mosque-public-page .mp-school-preview,.sm-dark-v2 .mosque-public-page .mp-school-preview>button{background:#182923!important;border-color:#39463f!important;color:#e8f0ed!important}.sm-dark-v2 .mosque-public-page .mp-school-summary small,.sm-dark-v2 .mosque-public-page .mp-school-preview small{color:#aebcb7!important}.sm-dark-v2 .mosque-public-page .mp-school-action{background:#2d725b!important;color:#fff!important}.sm-dark-v2 .mosque-public-page .mp-school-how{color:#e8f0ed!important}