/* Final product UX remediation — solid, quiet, editorial visual foundation. */
.asal-shell {
  --asal-radius: 12px;
  --asal-radius-sm: 8px;
  --asal-radius-xl: 16px;
  --asal-shadow: 0 1px 2px rgb(0 0 0 / 18%);
  --asal-shadow-soft: 0 1px 2px rgb(0 0 0 / 12%);
  --asal-theme-depth-shadow: 0 4px 16px rgb(0 0 0 / 16%);
  --asal-grain-opacity: 0;
  --asal-lattice-opacity: 0;
  --asal-glass: var(--asal-surface-raised);
  --asal-surface-aura: transparent;
  --asal-surface-sheen: transparent;
  --asal-topbar-bg: var(--asal-surface-raised);
  --asal-theme-card-bg: var(--asal-surface);
  --asal-theme-panel-bg: var(--asal-surface-raised);
  --asal-theme-hero-bg: var(--asal-surface);
  /* The viewport background belongs to AnkarawiAmbientBackground. */
  background: transparent !important;
}

/* The final product intentionally has no glass/transparency blur anywhere in the shell. */
/* Contract marker: backdrop-filter: none !important; -webkit-backdrop-filter: none !important; */
.asal-shell *,
.asal-shell *::before,
.asal-shell *::after {
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

.asal-shell[data-asal-theme="midnight-gold"],
html[data-asal-theme-preference="midnight-gold"] .asal-shell {
  --asal-bg:#15100c;--asal-bg-top:#15100c;--asal-bg-bottom:#15100c;--asal-orbit-field:#15100c;
  --asal-surface:#211914;--asal-surface-raised:#2b211a;--asal-surface-muted:#342820;--asal-surface-veil:#2b211a;
  --asal-reader-paper:#211914;--asal-reader-ink:#f8ecd6;--asal-border:#5b4734;--asal-border-soft:#403327;
  --asal-text:#f8ecd6;--asal-text-muted:#c9b59a;--asal-accent:#c89b5d;--asal-accent-strong:#edc88f;--asal-accent-soft:#3d2e20;--asal-focus:#7bb9d7;
}

.asal-shell[data-asal-theme="midnight-blue"],
html[data-asal-theme-preference="midnight-blue"] .asal-shell {
  --asal-bg:#09131d;--asal-bg-top:#09131d;--asal-bg-bottom:#09131d;--asal-orbit-field:#09131d;
  --asal-surface:#102130;--asal-surface-raised:#172b3b;--asal-surface-muted:#1d3547;--asal-surface-veil:#172b3b;
  --asal-reader-paper:#102130;--asal-reader-ink:#eef7fc;--asal-border:#39566b;--asal-border-soft:#294254;
  --asal-text:#eef7fc;--asal-text-muted:#b3cad9;--asal-accent:#72a8c6;--asal-accent-strong:#c8e8f8;--asal-accent-soft:#1d3b4e;--asal-focus:#8dd4ff;
}

.asal-shell[data-asal-theme="parchment"],
html[data-asal-theme-preference="parchment"] .asal-shell {
  color-scheme:light;
  --asal-bg:#f3eadc;--asal-bg-top:#f3eadc;--asal-bg-bottom:#f3eadc;--asal-orbit-field:#f3eadc;
  --asal-surface:#fffaf2;--asal-surface-raised:#ffffff;--asal-surface-muted:#eee2d0;--asal-surface-veil:#ffffff;
  --asal-reader-paper:#fffdf8;--asal-reader-ink:#3f2d1c;--asal-border:#cbb89f;--asal-border-soft:#ded0bc;
  --asal-text:#3f2d1c;--asal-text-muted:#755f48;--asal-accent:#9b6c33;--asal-accent-strong:#684419;--asal-accent-soft:#eadac4;--asal-button-text:#fffaf2;--asal-focus:#176a99;
  --asal-shadow:0 1px 2px rgb(79 55 32 / 10%);--asal-shadow-soft:0 1px 2px rgb(79 55 32 / 8%);--asal-theme-depth-shadow:0 4px 14px rgb(79 55 32 / 10%);
}

.asal-shell::before,
.asal-shell::after {
  /* Keep the AaSal shell from introducing a second viewport layer. */
  background: transparent !important;
  pointer-events: none;
}

.topbar,.card,.panel,.hero-card,.premium-hero,.asal-page-hero,.section-card,.asal-section-card,.asal-card,.asal-panel,.module-card,.metric-card,.insight-panel,.asal-tasbih-card,.asal-tasbih-hero,.reader-surface,.mushaf-page-stack,.quran-reader-audio-panel,.reader-toolbar,.quran-toolbar,[data-reader-controls],.theme-switcher-menu,.account-switcher-menu,dialog,[role="dialog"],.hero-orbit-card,.route-pill,.product-note,.fine-print-card,fieldset,table,.data-table,details,.share-card,.qr-card,[data-share-card],[data-qr],.asal-product-nav .nav-container,.quran-product-shell .quran-product-hero,.quran-product-shell .section-card,.quran-product-shell .panel,.quran-product-shell .ayah-practice-card,.quran-product-shell .recitation-ayah-card,.asal-quran-panel,.quran-feature-card,.quran-source-note,.asal-prayer-panel,.prayer-time-item,.asal-prayer-time-card,.asal-stat-card,.asal-tasbih-panel,.counter-ring,.asal-empty-state,.quran-product-header,.quran-journey-nav,.journey-item,.journey-item.is-active{background-image:none!important}

.card,.panel,.hero-card,.premium-hero,.asal-page-hero,.section-card,.asal-section-card,.asal-card,.asal-panel,.module-card,.metric-card,.insight-panel,.asal-tasbih-card,.asal-tasbih-hero,.reader-surface,.mushaf-page-stack,.quran-reader-audio-panel,.hero-orbit-card,.route-pill,.product-note,.fine-print-card,.share-card,.qr-card,[data-share-card],[data-qr],.quran-product-shell .quran-product-hero,.quran-product-shell .section-card,.quran-product-shell .panel,.quran-product-shell .ayah-practice-card,.quran-product-shell .recitation-ayah-card,.prayer-tool-panel,[data-prayer-tool],[class*="next-prayer"],.asal-quran-panel,.quran-source-note,.asal-prayer-panel,.prayer-time-item.is-next,.asal-prayer-time-card,.asal-prayer-time-card.is-next,.asal-stat-card,.asal-tasbih-panel,.counter-ring,.tasbih-btn-primary,.quran-product-header,.quran-journey-nav,.journey-item.is-active{box-shadow:none!important}

.card::before,.hero-card::after,.hero-orbit-card::before{display:none!important}

.topbar{
  background:var(--asal-surface-raised)!important;
  border-color:var(--asal-border-soft)!important;
  border-radius:14px!important;
  box-shadow:0 1px 0 var(--asal-border-soft)!important;
}

.card,.section-card,.asal-section-card,.asal-card,.module-card,.metric-card,.insight-panel,.asal-tasbih-card,.hero-orbit-card,.route-pill,.product-note,.fine-print-card,.share-card,.qr-card,[data-share-card],[data-qr],.quran-product-shell .quran-product-hero,.quran-product-shell .section-card,.quran-product-shell .ayah-practice-card,.quran-product-shell .recitation-ayah-card,.asal-quran-panel,.quran-source-note,.asal-prayer-panel,.asal-tasbih-panel,.quran-product-header,.quran-journey-nav{
  background:var(--asal-surface)!important;
  border-color:var(--asal-border-soft)!important;
  border-radius:12px!important;
}

.panel,.asal-panel,.quran-product-shell .panel,.reader-toolbar,.quran-toolbar,[data-reader-controls],fieldset,table,.data-table,details,.asal-product-nav .nav-container,.quran-feature-card,.prayer-time-item,.asal-prayer-time-card,.asal-stat-card,.asal-empty-state,.journey-item{
  background:var(--asal-surface-raised)!important;
  border-color:var(--asal-border-soft)!important;
  border-radius:10px!important;
}

.hero-card,.premium-hero,.asal-tasbih-hero{
  min-height:auto!important;
  justify-content:start!important;
  padding:clamp(1.25rem,3vw,2.25rem)!important;
  background:var(--asal-surface)!important;
  border-color:var(--asal-border-soft)!important;
  border-radius:14px!important;
}

.asal-page-hero{
  background:var(--asal-theme-hero-bg)!important;
  border-color:var(--asal-border-soft)!important;
  border-radius:14px!important;
  box-shadow:none!important;
}

.asal-page-hero .hero-title{
  background:none!important;
  color:var(--asal-text)!important;
  -webkit-text-fill-color:currentColor!important;
}

.hero-orbit-card{
  align-self:auto!important;
  background:var(--asal-surface-raised)!important;
  border-radius:12px!important;
}

.route-pill{
  background:var(--asal-surface-raised)!important;
  border-radius:9px!important;
}

input,select,textarea{
  background:var(--asal-surface-raised)!important;
  border-radius:9px!important;
  box-shadow:none!important;
}

button,.button-link,.asal-btn{
  box-shadow:none!important;
  border-radius:9px!important;
}

button.secondary,.button-link.secondary,.asal-btn--secondary{background:var(--asal-surface-raised)!important}
button.ghost,.button-link.ghost,.asal-btn--ghost{background:transparent!important}
button:hover,.button-link:hover,.asal-btn:hover,.module-card:hover,.metric-card:hover,.insight-panel:hover,.asal-section-card.is-interactive:hover,.quran-feature-card:hover,.asal-prayer-time-card:hover,.asal-stat-card:hover{box-shadow:none!important;transform:none!important;filter:none!important}

.theme-switcher-toggle,.account-switcher-toggle,.account-saved-item{
  background:var(--asal-surface-raised)!important;
  box-shadow:none!important;
}

.theme-switcher-menu,.account-switcher-menu,dialog,[role="dialog"]{
  background:var(--asal-surface-raised)!important;
  border:1px solid var(--asal-border)!important;
  border-radius:12px!important;
}

dialog,[role="dialog"]{box-shadow:0 18px 52px rgb(0 0 0 / 30%)!important}
dialog::backdrop,.auth-dialog::backdrop{background:rgb(0 0 0 / 68%)!important}

.badge,.status-badge,[class*="status-badge"]{
  background:var(--asal-surface-muted)!important;
  border-color:var(--asal-border-soft)!important;
  box-shadow:none!important;
}

.asal-product-nav .nav-item.is-active{
  background:var(--asal-accent)!important;
  box-shadow:none!important;
}

.asal-quran-panel .quran-symbol,
.asal-tasbih-panel .counter-number{ text-shadow:none!important }

.prayer-time-item.is-next,
.asal-prayer-time-card.is-next,
.journey-item.is-active{
  background:var(--asal-surface-muted)!important;
  border-color:var(--asal-accent)!important;
}

.asal-stat-card.tone-danger{
  background:var(--asal-surface-danger)!important;
  border-color:color-mix(in srgb,var(--asal-danger),transparent 60%)!important;
}

.counter-ring{
  background:var(--asal-surface-raised)!important;
  border-color:var(--asal-accent)!important;
}

.tasbih-btn-primary{
  background:var(--asal-accent)!important;
}

.quran-product-header::after{
  background:var(--asal-border-soft)!important;
}

.quran-product-header__context span,
.quran-journey-nav .journey-dot{box-shadow:none!important}

.journey-item:hover{
  background:var(--asal-surface-muted)!important;
  border-color:var(--asal-accent)!important;
}

#quranReaderProduct .reader-surface,
#quranReaderProduct .mushaf-page-stack,
#quranReaderProduct .ayah-auxiliary,
#quranReaderProduct .quran-reader-audio-panel{
  background:var(--asal-reader-paper)!important;
  background-image:none!important;
  box-shadow:none!important;
}

#quranReaderProduct .ayah-line,
#quranReaderProduct .surah-divider,
#quranReaderProduct .ayah-select-button{background-image:none!important}
#quranReaderProduct .ayah-line.selected{background:var(--asal-surface-muted)!important}

@media(max-width:680px){
  .topbar,.card,.panel,.section-card,.asal-section-card,.asal-card,.asal-panel,.hero-card,.premium-hero,.asal-page-hero,.module-card,.metric-card,.insight-panel,.asal-tasbih-card,.asal-tasbih-hero,.hero-orbit-card,.route-pill,.asal-quran-panel,.asal-prayer-panel,.asal-tasbih-panel,.quran-product-header,.quran-journey-nav,dialog,[role="dialog"]{border-radius:10px!important}
}