/* Al-Hamid V19 Phase 2: premium Prayer & Ramadan screens. Scoped to new views. */
.prayer-v19,.ramadan-v19{max-width:1010px}.prayer-v19 h2,.ramadan-v19 h2{letter-spacing:-.025em}.prayer-switcher{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:5px;margin:16px 0 18px;background:#edece4;border:1px solid #e0e3d8;border-radius:15px;width:max-content;max-width:100%}.prayer-switcher button{border:0;border-radius:10px;background:transparent;color:#537365;padding:12px 18px;font-weight:700;font-size:12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.prayer-switcher button.selected{background:#fffefa;color:#0c533f;box-shadow:0 2px 9px #0b3a2610}.prayer-switcher .prayer-ramadan-link{border-left:1px solid #d6ded4;border-radius:0;margin-left:3px;color:#986f28}.prayer-date-controls{display:flex;align-items:center;gap:13px;background:#fffefa;border:1px solid #e5e8df;border-radius:15px;padding:12px 16px;margin-bottom:15px}.prayer-date-controls>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;text-align:center}.prayer-date-controls small{font-size:11px;color:#718379}.prayer-date-controls strong{font-size:14px;color:#184d3b}.prayer-day-arrow{height:38px;width:38px;display:grid;place-items:center;background:#f4f5ef;border:1px solid #e5e9e1;border-radius:10px;color:#23674e}.prayer-date-controls .prayer-today{background:#edf7f0;color:#246e50;border-radius:8px;padding:9px 13px;border:0;font-size:11px;font-weight:700}.prayer-v19-hero{min-height:218px;position:relative;overflow:hidden;border-radius:21px;background:linear-gradient(125deg,#034536 0%,#08634a 59%,#104b3c 100%);padding:27px 31px;color:#fff;display:flex;justify-content:space-between;align-items:start}.prayer-hero-content{position:relative;z-index:2}.prayer-hero-ornament{position:absolute;right:-24px;bottom:-100px;font-size:330px;color:#ffffff12;transform:rotate(-12deg);pointer-events:none}.prayer-eyebrow,.ramadan-kicker{font-size:10px;letter-spacing:2px;font-weight:800;color:#f1d49b}.prayer-v19-hero h2{font:500 clamp(27px,4vw,36px) Georgia,serif;margin:12px 0 6px}.prayer-hero-time{font-size:23px;font-weight:700;letter-spacing:-.4px}.prayer-hero-time span{font-size:11px;font-weight:500;color:#d7e6da}.prayer-remaining{margin-top:12px;color:#f6dfac;font-weight:800;font-size:12px}.prayer-city-chip{display:flex;align-items:center;gap:6px;border:1px solid #ffffff54;background:#ffffff1c;border-radius:30px;color:#fff;font-size:11px;padding:9px 12px;position:relative;z-index:2;cursor:pointer}.prayer-v19-list{margin-top:16px;display:grid;gap:9px}.prayer-v19-row{display:flex;align-items:center;gap:15px;background:#fffefa;border:1px solid #e9e7df;min-height:74px;border-radius:14px;padding:13px 19px;box-shadow:0 5px 15px #06453508}.prayer-v19-row.active{border-color:#a2c1ae;background:linear-gradient(110deg,#eff9ef,#fffefa)}.prayer-v19-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:#eff4ec;color:#27634c}.prayer-v19-icon .icon{width:22px;height:22px}.prayer-v19-label{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.prayer-v19-label strong{font-size:14px;color:#134a36}.prayer-v19-label small{font-size:11px;color:#87958a}.prayer-v19-row time{font-weight:800;color:#104735;font-size:15px;white-space:nowrap}.prayer-next-label{border-radius:18px;background:#dff4e4;color:#317852;font-size:10px;font-weight:800;padding:5px 9px}.prayer-source-v19{margin-top:15px;padding:18px 20px;border:1px solid #e6e4d7;background:#f9f7ed;border-radius:14px;display:flex;flex-direction:column;gap:10px}.timetable-origin{display:inline-flex;align-items:center;gap:7px;color:#86672f;font-size:12px;font-weight:800;width:fit-content}.timetable-origin.is-verified{color:#23734f}.timetable-source{font-size:12px;color:#687569;line-height:1.55}.timetable-source a,.ramadan-source-note a{color:#12654d;text-decoration:underline;margin-left:5px}.timetable-warning{font-size:11px;color:#a35f36}.prayer-source-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:4px}.prayer-source-actions button{background:#fff;border:1px solid #d9e0d6;color:#215c47;border-radius:9px;padding:9px 13px;font-weight:700;font-size:11px;display:inline-flex;gap:7px;align-items:center}.prayer-v19-footnote{font-size:11px;line-height:1.7;color:#7b8a7f;margin:15px 5px 20px}.prayer-month-v19{border:1px solid #e9e7df;border-radius:17px;background:#fffefa;overflow:hidden}.prayer-month-heading,.ramadan-v19-table-top{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:23px 23px 14px}.prayer-month-heading h2,.ramadan-v19-table-top h3{font:600 22px Georgia,serif;margin:5px 0}.prayer-month-heading p,.ramadan-v19-table-top p{font-size:11px;color:#7e8a81}.timetable-scroll{width:100%;overflow-x:auto}.timetable-table{width:100%;border-collapse:collapse;min-width:640px;text-align:left;font-size:12px;color:#355b48}.timetable-table th{background:#f5f6ef;font-size:10px;font-weight:800;color:#738779;text-transform:uppercase;letter-spacing:.55px}.timetable-table th,.timetable-table td{padding:13px 16px;border-bottom:1px solid #eff0e9;white-space:nowrap}.timetable-table tr.is-today{background:#f1f8ef}.timetable-day-link{border:none;background:#e6f2e7;color:#17674a;font-weight:800;border-radius:8px;min-width:32px;padding:7px}.timetable-empty,.ramadan-empty{text-align:center;padding:50px 25px;color:#718478}.timetable-empty h3,.ramadan-empty h3{font:600 24px Georgia,serif;color:#194c3a}.timetable-empty p,.ramadan-empty p{max-width:460px;margin:14px auto;line-height:1.7;font-size:13px}
/* Ramadan editorial design */
.ramadan-v19-hero{border-radius:23px;min-height:236px;position:relative;background:linear-gradient(130deg,#073e35 0%,#0e5a49 60%,#104337 100%);overflow:hidden;color:#fff;margin-top:18px}.ramadan-hero-inner{position:relative;z-index:2;padding:35px}.ramadan-hero-moon{position:absolute;font-size:335px;right:0;top:-165px;line-height:1.4;color:#dac48d2b;transform:rotate(-17deg);pointer-events:none}.ramadan-kicker{font-family:Amiri,serif;font-size:19px;letter-spacing:1px}.ramadan-v19-hero h2{font:500 clamp(32px,5vw,45px) Georgia,serif;margin:9px 0}.ramadan-v19-hero h2 em{font-style:normal;color:#eed8a4}.ramadan-v19-hero p{color:#c6d9ca;font-size:13px;margin:6px 0 20px}.ramadan-year-switch{display:inline-flex;align-items:center;gap:15px;border:1px solid #ffffff4a;border-radius:40px;padding:5px;color:#f0dec1;font-size:12px}.ramadan-year-switch button{width:26px;height:26px;display:grid;place-items:center;color:#fff;border:0;background:#ffffff18;border-radius:50%}.ramadan-v19-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:25px 0 16px}.ramadan-v19-intro h3{font:600 25px Georgia,serif;margin:6px 0}.ramadan-v19-intro p{font-size:12px;color:#738678;margin:0}.ramadan-status{font-size:11px;font-weight:800;color:#2b744f;border:1px solid #d1e6d6;border-radius:30px;background:#edfaef;padding:8px 13px}.ramadan-today-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ramadan-time-card{border:1px solid #dce7db;border-radius:16px;padding:22px 24px;background:#f4fbf3;display:flex;flex-direction:column;gap:14px;color:#1e6b4d}.ramadan-time-card.iftar{background:#fffaf0;border-color:#f0e6d2;color:#83652b}.ramadan-time-card>span{font-size:12px;font-weight:700;display:flex;gap:9px;align-items:center}.ramadan-time-card strong{font-size:28px;color:#154935}.ramadan-time-card.iftar strong{color:#83652b}.ramadan-time-card small{font-size:11px;color:#839585}.ramadan-countdown{font-weight:800;font-size:14px;letter-spacing:.2px;text-align:center;padding:14px;border-radius:12px;margin:12px 0 18px;background:#e9f4e8;color:#246848}.ramadan-outside{background:#f7f7ef;border-radius:12px;padding:18px;display:grid;gap:8px;margin:20px 0;color:#3b6552}.ramadan-outside span{display:flex;align-items:center;gap:10px;font-weight:700;font-size:12px}.ramadan-outside small{color:#87958b}.ramadan-v19-table-top{padding:15px 0 12px}.ramadan-v19-table-top button{display:flex;gap:8px;align-items:center;border:1px solid #dbe7d9;background:#fffefa;color:#1d6b4e;border-radius:11px;padding:11px 15px;font-size:12px;font-weight:700}.ramadan-table{background:#fffefa;border:1px solid #e8ebe2;border-radius:14px;overflow:hidden}.ramadan-source-note{margin-top:14px;padding:18px;background:#f4f5ed;border:1px solid #e5e5da;border-radius:12px}.ramadan-source-note strong{display:flex;gap:6px;align-items:center;font-size:12px;color:#54715c}.ramadan-source-note p{font-size:11px;line-height:1.7;color:#758678}.ramadan-empty{margin-top:20px;border-radius:16px;background:#fdfbf4;border:1px dashed #d7d7c8}.ramadan-empty-symbol{font-size:90px;color:#c7af72}.ramadan-help{color:#986f39!important}.ramadan-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.ramadan-shortcuts button{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #e7e8db;border-radius:13px;padding:15px;background:#fffefa;color:#275d47;font-weight:700;font-size:12px}
/* Dark-mode consistency */
.app-layout[data-theme=dark] .prayer-switcher{background:#1f3028;border-color:#355246}.app-layout[data-theme=dark] .prayer-switcher button.selected,.app-layout[data-theme=dark] .prayer-date-controls,.app-layout[data-theme=dark] .prayer-v19-row,.app-layout[data-theme=dark] .prayer-source-v19,.app-layout[data-theme=dark] .prayer-month-v19,.app-layout[data-theme=dark] .ramadan-table,.app-layout[data-theme=dark] .ramadan-shortcuts button{background:#20392f;border-color:#375348;color:#e5ebe5}.app-layout[data-theme=dark] .prayer-date-controls strong,.app-layout[data-theme=dark] .prayer-v19-label strong,.app-layout[data-theme=dark] .prayer-v19-row time,.app-layout[data-theme=dark] .prayer-month-heading h2,.app-layout[data-theme=dark] .ramadan-v19-intro h3{color:#e6f3e8}.app-layout[data-theme=dark] .prayer-v19-row.active,.app-layout[data-theme=dark] .ramadan-outside,.app-layout[data-theme=dark] .ramadan-empty,.app-layout[data-theme=dark] .ramadan-time-card,.app-layout[data-theme=dark] .ramadan-time-card.iftar{background:#263d32;border-color:#45634f}.app-layout[data-theme=dark] .ramadan-time-card strong,.app-layout[data-theme=dark] .ramadan-time-card.iftar strong,.app-layout[data-theme=dark] .timetable-empty h3,.app-layout[data-theme=dark] .ramadan-empty h3{color:#f5eed6}.app-layout[data-theme=dark] .timetable-table th{background:#28443a;color:#c6d9ca}.app-layout[data-theme=dark] .timetable-table tr.is-today{background:#2a4b38}.app-layout[data-theme=dark] .timetable-table td{border-color:#3b5044;color:#deeae1}.app-layout[data-theme=dark] .ramadan-source-note{background:#1f372d;border-color:#40564b}
@media(max-width:660px){.prayer-switcher{width:100%;display:grid;grid-template-columns:1fr 1fr}.prayer-switcher button{justify-content:center;font-size:11px;padding:10px 8px}.prayer-switcher .prayer-ramadan-link{grid-column:1/-1;border-left:0;border-top:1px solid #dce6da;padding:12px}.prayer-date-controls{gap:6px;padding:10px}.prayer-date-controls .prayer-today{padding:9px 8px}.prayer-date-controls small{font-size:9px}.prayer-date-controls strong{font-size:12px}.prayer-v19-hero{min-height:185px;padding:24px}.prayer-v19-hero h2{font-size:30px}.prayer-city-chip{font-size:10px;padding:8px}.prayer-v19-row{padding:11px 13px;min-height:66px;gap:10px}.prayer-v19-icon{width:37px;height:37px}.prayer-v19-row time{font-size:13px}.prayer-next-label{font-size:9px;padding:4px 7px}.ramadan-hero-inner{padding:26px 20px}.ramadan-v19-hero{min-height:212px}.ramadan-hero-moon{right:-75px}.ramadan-v19-intro h3{font-size:21px}.ramadan-today-grid{gap:9px}.ramadan-time-card{padding:16px;gap:10px}.ramadan-time-card strong{font-size:19px}.ramadan-time-card small{font-size:9px}.ramadan-status{font-size:9px}.ramadan-shortcuts{gap:6px}.ramadan-shortcuts button{font-size:10px;padding:10px 5px;gap:5px}.ramadan-v19-table-top h3{font-size:17px}}