/* Material surfaces shared by Quran, Hadith, Tafsir and Dreams only. */
:is(.rr-app,.tafsir-app) {
  --rc-surface:var(--bs-body-bg,#fff);
  --rc-ink:var(--bs-body-color,#243747);
  --rc-line:color-mix(in srgb,var(--rc-ink) 20%,var(--rc-surface));
  --rc-tone:color-mix(in srgb,var(--rc-ink) 5%,var(--rc-surface));
  --rc-hover:color-mix(in srgb,var(--rc-ink) 10%,var(--rc-surface));
  --rc-selected:color-mix(in srgb,var(--bs-primary,#346b73) 16%,var(--rc-surface));
  --rc-shadow:0 3px 10px rgb(0 0 0 / .09);
}
:is(.rr-app,.tafsir-app) :is(.btn,.form-control,.form-select,.reader-select-trigger) {border-radius:12px;min-height:44px;font-size:1rem;line-height:1.5;}
:is(.rr-app,.tafsir-app) .btn {display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .9rem;font-weight:600;text-decoration:none;box-shadow:0 2px 4px rgb(0 0 0 / .08);transition:background-color .15s,box-shadow .15s;}
:is(.rr-app,.tafsir-app) .btn:hover {box-shadow:0 4px 10px rgb(0 0 0 / .14);}
:is(.rr-app,.tafsir-app) :is(.btn-outline-primary,.btn-outline-secondary) {--bs-btn-color:var(--rc-ink);--bs-btn-border-color:var(--rc-line);--bs-btn-bg:var(--rc-tone);--bs-btn-hover-color:var(--rc-ink);--bs-btn-hover-bg:var(--rc-hover);--bs-btn-hover-border-color:var(--rc-ink);--bs-btn-active-color:var(--rc-ink);--bs-btn-active-bg:var(--rc-selected);}
:is(.rr-app,.tafsir-app) .btn:disabled,:is(.rr-app,.tafsir-app) .btn.disabled {box-shadow:none;}
:is(.rr-app,.tafsir-app) .btn-group {gap:.35rem;flex-wrap:wrap;}
:is(.rr-app,.tafsir-app) .btn-group>.btn {border-radius:12px!important;margin:0!important;}
:is(.rr-app,.tafsir-app) :is(.form-control,.form-select,.reader-select-trigger) {background-color:var(--rc-tone);color:var(--rc-ink);border:1px solid var(--rc-line);box-shadow:0 1px 2px rgb(0 0 0 / .04);}
:is(.rr-app,.tafsir-app) :is(.form-control,.reader-select-trigger):hover {background-color:var(--rc-hover);}
:is(.rr-app,.tafsir-app) :is(.form-control,.reader-select-trigger):focus-visible {outline:2px solid var(--rc-ink);outline-offset:2px;box-shadow:none;}
:is(.rr-app,.tafsir-app) :is(.form-check-input,.form-range) {accent-color:var(--bs-primary);cursor:pointer;}
:is(.rr-app,.tafsir-app) :is(.form-check-label,.rr-switch) {cursor:pointer;}
:is(.rr-app,.tafsir-app) details>summary {padding:.7rem .85rem;border-radius:12px;background:var(--rc-tone);color:var(--rc-ink);font-size:1rem;font-weight:600;cursor:pointer;}
:is(.rr-app,.tafsir-app) details>summary:hover {background:var(--rc-hover);}
:is(.rr-app,.tafsir-app) :is(.rr-panel,.card,.rr-card,.rr-result) {border-color:var(--rc-line);border-radius:18px;box-shadow:var(--rc-shadow);}
:is(.rr-app,.tafsir-app) :is(.rr-card,.rr-result) {transition:background-color .15s,box-shadow .15s;}
:is(.rr-app,.tafsir-app) :is(.rr-card,.rr-result):hover {background:var(--rc-tone);box-shadow:0 5px 15px rgb(0 0 0 / .12);}
.tafsir-app .card-header {border-start-start-radius:17px;border-start-end-radius:17px;}
.tafsir-app .card-footer {border-end-start-radius:17px;border-end-end-radius:17px;}
.dreams-title-list {list-style-position:inside;padding:0!important;display:grid;gap:.45rem;}
.dreams-title-list li {border:1px solid var(--rc-line);border-radius:12px;padding:.35rem .75rem;background:var(--rc-surface);box-shadow:0 1px 3px rgb(0 0 0 / .05);}
.dreams-title-list li:hover {background:var(--rc-tone);}
.dreams-title-list .dreams-title {display:inline;line-height:1.8;}
.dreams-book {border-color:var(--rc-line);border-radius:12px;background:var(--rc-tone);}
.dreams-book:has(:checked) {background:var(--rc-selected);border-color:var(--rc-ink);}
.reader-select {position:relative;display:block;width:100%;margin-top:.4rem;}
.reader-select-native {position:absolute!important;width:1px!important;height:1px!important;clip-path:inset(50%)!important;overflow:hidden!important;padding:0!important;margin:0!important;white-space:nowrap!important;}
.reader-select-trigger {display:flex;align-items:center;justify-content:space-between;gap:.8rem;width:100%;padding:.65rem .8rem;text-align:start;cursor:pointer;font-family:inherit;}
.reader-select-trigger:disabled {opacity:.55;cursor:default;}
.reader-select-value {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}
.reader-select-chevron {width:.55rem;height:.55rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);flex:0 0 auto;margin-inline:.25rem;margin-top:-.25rem;}
.reader-select-trigger[aria-expanded=true] .reader-select-chevron {transform:rotate(225deg);margin-top:.25rem;}
.reader-select-popup {position:fixed;inset:auto;margin:0;padding:.45rem;box-sizing:border-box;overflow:hidden;background:var(--rc-surface);color:var(--rc-ink);border:1px solid var(--rc-line);border-radius:16px;box-shadow:0 12px 36px rgb(0 0 0 / .25);z-index:1080;font:400 1rem/1.5 var(--bs-body-font-family,system-ui);}
.reader-select-popup:popover-open,.reader-select-popup:not([popover]):not([hidden]) {display:flex;flex-direction:column;}
.reader-select-popup [hidden] {display:none!important;}
.reader-select-search {width:100%;flex:0 0 auto;min-height:44px;margin:0 0 .4rem!important;padding:.55rem .75rem;border:1px solid var(--rc-line);border-radius:10px;background:var(--rc-tone);color:var(--rc-ink);font:inherit;}
.reader-select-search::placeholder {color:var(--rc-ink);opacity:.7;}
.reader-select-search:focus {outline:2px solid var(--rc-ink);outline-offset:-2px;}
.reader-select-options {overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;min-height:0;}
.reader-select-option {display:flex;align-items:center;justify-content:space-between;gap:.7rem;min-height:44px;width:100%;padding:.6rem .75rem;border:0;border-radius:9px;background:transparent;color:var(--rc-ink);text-align:start;font:inherit;cursor:pointer;}
.reader-select-option span:first-child {overflow-wrap:anywhere;}
.reader-select-option.is-active,.reader-select-option:hover {background:var(--rc-hover);}
.reader-select-option[aria-selected=true] {background:var(--rc-selected);font-weight:700;}
.reader-select-option:disabled {opacity:.5;cursor:default;}
.reader-select-check {visibility:hidden;flex:0 0 auto;font-size:1.15rem;}
.reader-select-option[aria-selected=true] .reader-select-check {visibility:visible;}
.reader-select-empty {margin:.7rem;text-align:center;}
@media(prefers-reduced-motion:reduce) {:is(.rr-app,.tafsir-app) :is(.btn,.rr-card,.rr-result) {transition:none;}}
@media(max-width:575.98px) {:is(.rr-app,.tafsir-app) .btn {padding:.5rem .7rem;}.rr-app .rr-favourite {width:44px;padding:.15rem;}.reader-select-popup {border-radius:14px;}.tafsir-app .card-footer .btn-group {flex:1 1 100%;}.tafsir-app .card-footer .btn-group>.btn {flex:1 1 auto;}}
@media print {.reader-select-trigger,.reader-select-popup {display:none!important;}.reader-select-native {position:static!important;width:auto!important;height:auto!important;clip-path:none!important;}}