/* v22 — requested refinements */
:root{--v22-blue:#23a5b4;--v22-deep:#12656f;--v22-soft:#eef8f9;--v22-card:#fff;--v22-radius:16px}

/* Prayer */
#prayer-date .v22-prayer-date{display:block;font-weight:400!important;font-size:12px!important;color:var(--muted);white-space:nowrap;letter-spacing:0}
body[data-route="qibla"] #view{padding-top:0!important}
body[data-route="qibla"] .page-head{margin-bottom:8px!important}
body[data-route="qibla"] .e-qibla{padding-top:0!important;margin-top:-2px}
body[data-route="qibla"] .e-bearing{margin:0 auto 4px!important;padding-top:0!important}
body[data-route="qibla"] .e-compass{margin-top:3px!important;margin-bottom:7px!important}
body[data-route="qibla"] .e-qibla>h2{margin-top:5px!important}
.u-share span{white-space:nowrap}

/* Shared rectangular language across the site */
:is(.u-entry,.v20-prayer-list>a,.v20-prayer-categories .u-entry,.lesson-row,.v22-index-card){background:var(--v22-card)!important;border:1px solid var(--line)!important;border-right:3px solid var(--v22-blue)!important;border-radius:var(--v22-radius)!important;box-shadow:none!important}
.v20-prayer-list>a,.lesson-row,.v22-index-card{min-height:74px!important;padding:13px 15px!important}
.u-entry,.v20-prayer-categories .u-entry{min-height:82px!important}
.approved-learning .approved-action{border-radius:var(--v22-radius)!important;box-shadow:none!important}

/* Settings sounds are inline, not separate pages */
.v22-notify-sounds{display:grid;gap:12px;margin-bottom:18px}
.v22-sound-group{background:#fff;border:1px solid var(--line);border-right:3px solid var(--v22-blue);border-radius:16px;padding:14px}
.v22-sound-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.v22-sound-title>span{width:38px;height:38px;border-radius:12px;background:var(--v22-soft);display:grid;place-items:center;color:var(--teal)}.v22-sound-title .icon{width:20px;height:20px}.v22-sound-title strong{display:block;font-size:14px}.v22-sound-title small{display:block;font-size:11px;margin-top:1px}
.v22-sound-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.v22-sound-options button{min-height:39px;border:1px solid var(--line);border-radius:11px;background:#f9fcfc;font-size:11.5px;color:var(--muted);padding:7px 4px;display:flex;align-items:center;justify-content:center;gap:4px}.v22-sound-options button.active{background:#e8f7f9;border-color:#9edbe2;color:var(--v22-deep);font-weight:700}.v22-sound-options .icon{width:14px;height:14px}.v22-notify-note{margin:8px 0 10px}.v22-alert-card{border-radius:16px!important;border-right:3px solid var(--v22-blue)!important;padding:15px!important}.v22-alert-card h2{font-size:16px}.v22-alert-card .switch-row{font-size:13px}

/* Quran home and daily ward */
.v22-ward-home{background:linear-gradient(135deg,rgba(255,255,255,.93),rgba(237,249,250,.86));border:1px solid #cae5e8;border-right:3px solid var(--v22-blue);border-radius:18px;padding:17px;margin:2px 0 21px;box-shadow:0 7px 24px rgba(18,101,111,.035)}
.v22-ward-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.v22-ward-top small{font-size:11px;color:var(--teal)}.v22-ward-top h2{font-size:19px;margin:2px 0 1px}.v22-ward-top p{font-size:12.5px;color:var(--muted)}.v22-ward-icon{width:46px;height:46px;border-radius:14px;background:#e7f6f8;display:grid;place-items:center;color:var(--teal);flex:0 0 auto}.v22-ward-icon .icon{width:23px;height:23px}.v22-ward-progress{height:5px;background:#dcecee;border-radius:9px;overflow:hidden;margin:15px 0 10px}.v22-ward-progress i{display:block;height:100%;background:var(--v22-blue);border-radius:inherit}.v22-ward-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11.5px;color:var(--muted)}.v22-ward-foot a{display:inline-flex;align-items:center;gap:4px;color:var(--v22-deep);font-weight:700}.v22-ward-foot .icon{width:15px;height:15px}
.v22-kahf-link{display:block;text-align:center;color:var(--teal);font-size:13px;font-weight:700;padding:11px 5px;margin:5px 0 20px;border:0!important;background:transparent!important}

.v22-ward-setup{max-width:100%;padding-bottom:4px}.v22-ward-intro{display:flex;align-items:center;gap:13px;padding:15px;background:#f3fafb;border:1px solid #d8ecee;border-radius:16px;margin-bottom:14px}.v22-ward-intro>span{width:48px;height:48px;display:grid;place-items:center;background:#e5f5f7;color:var(--teal);border-radius:14px;flex:0 0 auto}.v22-ward-intro h2{font-size:18px;margin-bottom:2px}.v22-ward-intro p{font-size:12.5px;color:var(--muted);line-height:1.7}.v22-plan-list{display:grid;gap:10px}.v22-plan{display:block;margin:0;background:#fff;border:1px solid var(--line);border-right:3px solid transparent;border-radius:16px;padding:14px;color:var(--ink)}.v22-plan.selected{border-color:#a6dfe5;border-right-color:var(--v22-blue);background:#fbfefe}.v22-plan-title{display:flex;align-items:center;gap:8px}.v22-plan-title input{width:18px;height:18px;accent-color:var(--v22-blue)}.v22-plan-title strong{font-size:14px}.v22-plan-step{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:8px;margin:13px 0 5px}.v22-plan-step .secondary{min-height:40px;height:40px;margin:0;padding:0;border-radius:12px}.v22-plan-step b{text-align:center;font-size:17px}.v22-plan>small{display:block;text-align:center;font-size:11.5px}.v22-ward-setup>.primary{margin-top:13px}
.v22-ward-today{background:#fff;border:1px solid var(--line);border-right:3px solid var(--v22-blue);border-radius:18px;padding:17px;margin-bottom:8px}.v22-today-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.v22-today-head small{display:block}.v22-today-head h2{font-size:17px;margin-top:1px}.v22-today-head>span{font-size:13px;color:var(--teal);font-weight:700}.v22-range{border:1px solid #dfecef;border-radius:14px;padding:12px 14px;display:grid;gap:9px}.v22-range>div{display:grid;grid-template-columns:30px 1fr;align-items:center}.v22-range small{grid-row:1/3;font-size:11px}.v22-range strong{font-size:16px}.v22-range span{font-size:11.5px;color:var(--muted)}.v22-range>i{height:1px;background:var(--line)}.v22-today-progress{height:4px;background:#e4eff0;margin:13px 2px 2px;border-radius:5px;overflow:hidden}.v22-today-progress i{display:block;height:100%;background:var(--v22-blue)}.v22-ward-today :is(.primary,.secondary){margin-top:10px}.v22-ward-finish{text-align:center;padding:24px 14px}.v22-ward-finish>span{width:62px;height:62px;border-radius:18px;background:#e8f7f9;color:var(--teal);display:grid;place-items:center;margin:0 auto 12px}.v22-ward-finish h2{font-size:21px}.v22-ward-finish p{color:var(--muted);margin:3px 0 14px}

/* Bookmarks */
.v22-bookmarks{padding-bottom:4px}.v22-bookmarks-intro{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f3fafb;border:1px solid #d7eaed;border-radius:16px;padding:15px;margin-bottom:12px}.v22-bookmarks-intro h2{font-size:17px}.v22-bookmarks-intro p{font-size:12px;color:var(--muted);margin-top:2px;line-height:1.6}.v22-bookmarks-intro>span{width:48px;height:48px;background:#e4f4f6;color:var(--teal);border-radius:14px;display:grid;place-items:center;flex:0 0 auto}.v22-bookmark-list{display:grid;gap:10px}.v22-bookmark-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-right:3px solid var(--v22-blue);border-radius:16px;padding:13px 12px}.v22-bookmark-num{width:31px;height:31px;border-radius:10px;background:#eaf7f8;color:var(--teal);display:grid;place-items:center;font-size:12px;flex:0 0 auto}.v22-bookmark-card small{font-size:10.5px}.v22-bookmark-card h3{font-size:16px;margin:0}.v22-bookmark-card p{font-size:11.5px;color:var(--muted)}.v22-bookmark-actions{display:flex;align-items:center;gap:4px}.v22-bookmark-actions :is(a,button){width:35px;height:35px;border-radius:10px;background:#f2f8f9;color:var(--teal);display:grid;place-items:center}.v22-bookmark-actions .icon{width:17px;height:17px}

/* Quran indexes */
.v22-quran-index{display:grid;gap:9px}.v22-index-card{margin:0!important;gap:11px!important}.v22-index-no{width:36px;height:36px;border-radius:11px;background:#eaf6f7;color:var(--teal);display:grid;place-items:center;font-size:12px;flex:0 0 auto}.v22-index-card strong{font-size:15px}.v22-index-card small{font-size:11.5px}.v22-index-card .chev .icon{width:17px;height:17px}

/* Mushaf: deliberately reads as a physical Quran page rather than an app card. */
.v22-mushaf-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:-5px 1px 10px;font-size:11.5px;color:var(--muted)}.v22-mushaf-tools>div{display:flex;align-items:center;gap:5px}.v22-mushaf-tools .text-button,.v22-mushaf-tools a{font-size:11.5px;color:var(--teal);padding:6px 8px;margin:0;width:auto;min-height:0}
.v22-mushaf-page{position:relative;background:#fffdf5;border:1px solid #b9b69d;border-radius:3px;padding:11px;margin:0 auto 9px;box-shadow:0 5px 18px rgba(62,73,49,.08);font-family:"Traditional Arabic","Amiri Quran","Scheherazade New",ThmanyahText,serif;color:#171b17;min-height:570px}
.v22-mushaf-page:before,.v22-mushaf-page:after{content:"";position:absolute;pointer-events:none}.v22-mushaf-page:before{inset:6px;border:1px solid #d1cbb0}.v22-mushaf-page:after{inset:9px;border:1px solid #e1dcc7}.v22-mushaf-inner{position:relative;z-index:1;padding:10px 10px 35px;text-align:justify;direction:rtl;font-size:20px;line-height:2.03}.v22-surah-banner{display:flex;align-items:center;justify-content:center;gap:10px;margin:4px 0 8px;padding:4px 8px;border:1px solid #bdb794;background:#f5f0dd;border-radius:2px;text-align:center}.v22-surah-banner h2{font-family:inherit;font-size:20px;font-weight:700;color:#171b17}.v22-surah-banner span{font-size:13px;color:#807a5f}.v22-basmala{text-align:center;font-size:19px;margin:5px 0 7px;word-spacing:5px}.v22-ayah{font:inherit;display:inline;padding:0 1px;text-align:justify;line-height:inherit;color:inherit;border-radius:3px}.v22-ayah:active,.v22-ayah:hover{background:#ede8d4}.v22-ayah-no{white-space:nowrap;font-size:.78em;color:#635e48}.v22-page-number{position:absolute;z-index:2;bottom:10px;left:50%;transform:translateX(-50%);font-family:Thmanyah,sans-serif;font-size:11px;border:1px solid #bdb794;border-radius:50%;min-width:29px;height:29px;display:grid;place-items:center;background:#fffdf5}.v22-tafsir-note{font-size:11px;margin:6px 0 9px}.v22-page-nav{display:flex;justify-content:space-between;align-items:center;gap:8px}.v22-page-nav a{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--v22-deep);padding:8px 5px}.v22-page-nav .icon{width:16px;height:16px}

/* Quran Radio */
body[data-route="radio"] #view{padding-bottom:112px!important}.v22-radio-selectors{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.v22-radio-selector{min-width:0;text-align:right;background:#fff;border:1px solid var(--line);border-right:3px solid var(--v22-blue);border-radius:15px;padding:11px 12px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:1px 6px}.v22-radio-selector>span{grid-column:1/2;font-size:10.5px;color:var(--muted)}.v22-radio-selector>strong{grid-column:1/2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.v22-radio-selector>.icon{grid-column:2;grid-row:1/3;width:16px;height:16px;color:var(--teal)}
.v22-radio-player{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px 15px 14px;text-align:center}.v22-radio-photo{width:108px;height:108px;margin:0 auto 8px;border-radius:50%;overflow:hidden;border:5px solid #f5fbfb;outline:1px solid #d7e7e9}.v22-radio-photo .portrait.large{width:100%!important;height:100%!important;margin:0!important;border:0!important;outline:0!important;box-shadow:none!important}.v22-radio-photo img{width:100%;height:100%;object-fit:cover}.v22-radio-copy small{font-size:10px;color:var(--teal)}.v22-radio-copy h2{font-size:21px;margin:1px 0}.v22-radio-copy p{font-size:12px;color:var(--muted)}.v22-radio-progress{margin-top:13px}.v22-radio-progress input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:4px;border:0;padding:0;background:#dce9eb;border-radius:10px;accent-color:var(--v22-blue)}.v22-radio-progress input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--v22-blue);box-shadow:0 0 0 3px #e6f5f7}.v22-radio-progress>div{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:5px}.v22-radio-controls{display:grid;grid-template-columns:1fr 58px 1fr 1fr;align-items:center;gap:6px;margin-top:10px}.v22-radio-controls button{min-width:0;height:48px;border-radius:13px;background:#f3f8f9;color:var(--v22-deep);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:18px}.v22-radio-controls button small{font-size:9px;color:var(--muted)}.v22-radio-controls button .icon{width:18px;height:18px}.v22-radio-controls .v22-main-play{width:58px;height:58px;border-radius:50%;background:var(--v22-blue);color:#fff;box-shadow:0 6px 18px rgba(35,165,180,.18)}.v22-radio-controls .v22-main-play .icon{width:25px;height:25px}.v22-radio-controls .v22-main-play small{display:none}

/* Quran live */
.v22-live-card{background:#fff;border:1px solid var(--line);border-right:3px solid var(--v22-blue);border-radius:18px;padding:15px}.v22-live-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.v22-live-head>svg{width:30px;height:30px;color:var(--teal);padding:6px;background:#e9f7f8;border-radius:10px}.v22-live-head h2{font-size:18px;margin:3px 0 0}.v22-live-head p{font-size:11.5px;color:var(--muted)}.v22-live-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#ad4a4a;background:#fff1f1;padding:3px 8px;border-radius:20px}.v22-live-badge i{width:6px;height:6px;background:#d95858;border-radius:50%}.v22-live-video{aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#dfe9ea}.v22-live-video video{display:block;width:100%;height:100%;object-fit:cover}.v22-live-error{background:#fff5f5;border-radius:12px;padding:10px;margin-top:10px;font-size:12px}.v22-live-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.v22-live-links a{min-height:43px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:11.5px;color:var(--v22-deep)}.v22-live-links .icon{width:15px;height:15px}

/* Dark mode */
html[data-theme]:not([data-theme="light"]) :is(.v22-sound-group,.v22-alert-card,.v22-plan,.v22-ward-today,.v22-bookmark-card,.v22-index-card,.v22-radio-selector,.v22-radio-player,.v22-live-card){background:var(--night-card)!important;border-color:var(--night-line)!important}
html[data-theme]:not([data-theme="light"]) :is(.v22-ward-home,.v22-ward-intro,.v22-bookmarks-intro){background:var(--night-card)!important;border-color:var(--night-line)!important}
html[data-theme]:not([data-theme="light"]) .v22-mushaf-page{background:#eee9d9;color:#171b17;border-color:#8e896f}
html[data-theme]:not([data-theme="light"]) .v22-mushaf-page:before,html[data-theme]:not([data-theme="light"]) .v22-mushaf-page:after{border-color:#b4ad8e}
html[data-theme]:not([data-theme="light"]) .v22-page-number{background:#eee9d9;color:#171b17}

@media(max-width:380px){.v22-sound-options{grid-template-columns:1fr}.v22-radio-selectors{grid-template-columns:1fr}.v22-mushaf-inner{font-size:18px;padding-inline:8px}.v22-mushaf-page{padding-inline:8px}.v22-radio-controls{grid-template-columns:1fr 54px 1fr 1fr}.v22-live-links{grid-template-columns:1fr}}