/* Smart Muslim — sistema visivo editoriale approvato, centralizzato. */
:root {
  --sm-forest:#0d513f; --sm-forest-deep:#083c30; --sm-sage:#dfe9e1;
  --sm-sage-soft:#eef3ed; --sm-coral:#c96962; --sm-coral-soft:#f6e3df;
  --sm-ivory:#fbf7ef; --sm-paper:#fffdf9; --sm-warm:#f3ecdf;
  --sm-ink:#143b32; --sm-muted:#737b76; --sm-line:#ded5c8;
  --sm-shadow:0 8px 24px rgba(49,40,29,.065); --sm-shadow-soft:0 3px 12px rgba(49,40,29,.05);
  --sm-radius:19px; --sm-radius-sm:13px; --sm-serif:Georgia,"Times New Roman",serif;
  --primary:var(--sm-forest); --primary-dark:var(--sm-forest-deep); --accent:var(--sm-coral);
  --accent-light:var(--sm-coral-soft); --bg-light:var(--sm-ivory); --bg-warm:var(--sm-warm);
  --surface:var(--sm-paper); --text-dark:var(--sm-ink); --text-muted:var(--sm-muted);
  --border-color:var(--sm-line); --shadow-sm:var(--sm-shadow-soft); --shadow-md:var(--sm-shadow);
}
html{background:#e9dfd0} body{background:#e9dfd0;color:var(--sm-ink)}
body,.app-container,button,input,textarea,select{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.app-container{max-width:430px;min-height:100dvh;padding:18px 16px calc(92px + env(safe-area-inset-bottom));background:radial-gradient(circle at 86% 0,rgba(223,233,225,.48),transparent 24%),var(--sm-ivory);box-shadow:0 0 48px rgba(48,39,27,.12)}
header{padding:0 1px 13px} header h1{margin:1px 0 2px;color:var(--sm-forest-deep);font:800 1.72rem/1.05 Inter,sans-serif;letter-spacing:-.045em} header .brand-desc{color:var(--sm-muted);font-size:.86rem}
.home-toggle-btn{width:44px!important;border:1px solid var(--sm-line)!important;border-radius:50%!important;background:rgba(255,253,249,.82)!important;font-family:var(--sm-serif)!important;font-weight:500!important;box-shadow:var(--sm-shadow-soft)}
.assistant-quick-btn{border:1px solid var(--sm-line)!important;background:rgba(255,253,249,.9)!important;color:var(--sm-forest)!important;box-shadow:var(--sm-shadow-soft)!important}
h1,h2,.results-title,.hub-title,.routine-box-title,.surah-title,.reader-title{color:var(--sm-forest-deep)}
.view-section>h2,.view-section>.results-title,.hub-header .hub-title{font-family:var(--sm-serif)!important;font-weight:700!important;letter-spacing:-.025em!important}
.card,.hub-group,.search-container,.routine-box,.counter-widget,.qibla-card,.dua-card,.story-card,.prophet-card,.ebook-card,.guide-card,.assistant-card,.settings-card,.profile-card{border:1px solid var(--sm-line)!important;border-radius:var(--sm-radius)!important;background:rgba(255,253,249,.93)!important;box-shadow:var(--sm-shadow)!important}
button,.counter-btn,.action-btn,.reset-btn{transition:transform .16s ease,box-shadow .16s ease,background .16s ease}button:active{transform:scale(.98)}
.counter-btn,.action-btn.active,.primary-btn,.search-icon-btn{border-color:var(--sm-forest)!important;background:var(--sm-forest)!important;color:#fff!important}
input,textarea,select,.search-input{border:1px solid var(--sm-line)!important;border-radius:13px!important;background:var(--sm-warm)!important;color:var(--sm-ink)!important;box-shadow:none!important}
input:focus,textarea:focus,select:focus,.search-input:focus{border-color:var(--sm-forest)!important;outline:3px solid rgba(13,81,63,.1)!important}
.card-category,.hub-group-label,.eyebrow{color:var(--sm-coral)!important;font-weight:850!important;letter-spacing:.08em!important}
.hub-section{padding:5px 0 12px!important}.hub-header{margin:0 0 17px!important;padding:4px 2px!important}.hub-header .hub-title{font-size:2.05rem!important}.hub-header .hub-eyebrow{color:var(--sm-muted)!important;font-size:.78rem!important}
.hub-group{padding:13px!important;margin-bottom:13px!important}.hub-group-label{padding:1px 2px 10px!important;font-size:.69rem!important;text-transform:uppercase}
.hub-grid{gap:10px!important}.hub-card,.hub-section .hub-card,.hub-card-link{min-height:105px!important;padding:13px!important;border:1px solid var(--sm-line)!important;border-radius:16px!important;background:var(--sm-paper)!important;box-shadow:var(--sm-shadow-soft)!important;align-content:start!important;text-align:left!important}
.hub-card:hover{transform:translateY(-1px);box-shadow:var(--sm-shadow)!important}.hub-card .hub-icon,.hub-quick-grid button span,.sisters-explore-grid button>span{width:43px!important;height:43px!important;flex-basis:43px!important;border-radius:50%!important;background:var(--sm-coral-soft)!important;color:var(--sm-coral)!important}.hub-card .sm-icon{width:22px!important;height:22px!important}.hub-card strong{font-size:.84rem!important;line-height:1.15!important;color:var(--sm-forest-deep)!important}.hub-card small{font-size:.68rem!important;line-height:1.35!important;color:var(--sm-muted)!important}
.hub-quick-grid{gap:9px!important}.hub-quick-grid button{border:1px solid var(--sm-line)!important;border-radius:16px!important;background:var(--sm-paper)!important;box-shadow:var(--sm-shadow-soft)!important}.hub-story-thumb{border-radius:12px!important;filter:saturate(.72) sepia(.08)}
.hub-vita .hub-card,.hub-impara .hub-card,.hub-routine .hub-card,.hub-profilo .hub-card{border-top:1px solid var(--sm-line)!important}.hub-routine .hub-title,.hub-impara .hub-title,.hub-vita .hub-title,.hub-profilo .hub-title{color:var(--sm-forest-deep)!important}
.profile-assistant-card{border:1px solid var(--sm-line)!important;border-radius:var(--sm-radius)!important;background:linear-gradient(135deg,var(--sm-paper),var(--sm-sage-soft))!important;color:var(--sm-forest-deep)!important;box-shadow:var(--sm-shadow)!important}.profile-assistant-icon{background:url("assets/ui/amin-mark-faithful.svg") center/88% no-repeat,var(--sm-sage)!important}.profile-assistant-icon .sm-icon{display:none}.profile-assistant-copy em{color:var(--sm-coral)!important;background:var(--sm-coral-soft)!important}
.sm-icon{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.sm-icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
.amin-fab{right:max(14px,calc((100vw - 430px)/2 + 14px))!important;bottom:calc(76px + env(safe-area-inset-bottom))!important;width:64px!important;height:64px!important;padding:0!important;border:2px solid rgba(13,81,63,.14)!important;border-radius:50%!important;background-color:#edf2eb!important;background-image:url("assets/ui/amin-mark-faithful.svg")!important;background-position:center!important;background-size:82%!important;background-repeat:no-repeat!important;box-shadow:0 11px 27px rgba(7,82,64,.22),0 0 0 3px rgba(255,255,255,.9)!important}.amin-fab svg,.amin-fab-label{display:none!important}.amin-fab::after{display:none!important}
.amin-fab>img{display:block!important;width:82%!important;height:82%!important;margin:auto!important;object-fit:contain!important}
.bottom-nav{left:50%!important;transform:translateX(-50%)!important;width:min(430px,100%)!important;height:calc(71px + env(safe-area-inset-bottom))!important;padding:8px 9px max(8px,env(safe-area-inset-bottom))!important;border:0!important;border-top:1px solid var(--sm-line)!important;border-radius:0!important;background:rgba(255,253,249,.96)!important;backdrop-filter:blur(18px);box-shadow:0 -8px 24px rgba(49,40,29,.06)!important}.bottom-nav-item{gap:3px!important;color:#707873!important;font-size:.58rem!important;font-weight:650!important}.bottom-nav-item svg{width:22px!important;height:22px!important;stroke-width:1.8!important}.bottom-nav-item.active{color:var(--sm-forest)!important}.bottom-nav-item.active[data-nav-key="vita"]{color:var(--sm-coral)!important}.bottom-nav-item.active::after{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}
.category-nav{gap:7px!important}.nav-tab{border:1px solid var(--sm-line)!important;border-radius:999px!important;background:var(--sm-paper)!important;color:var(--sm-forest)!important}.nav-tab.active{border-color:var(--sm-forest)!important;background:var(--sm-forest)!important;color:#fff!important}
.life-guide-back,.back-btn{border:1px solid var(--sm-line)!important;border-radius:999px!important;background:var(--sm-paper)!important;color:var(--sm-forest)!important}
#view-sisters{--sisters-green:var(--sm-forest);--sisters-rose:var(--sm-coral);--sisters-rose-soft:var(--sm-coral-soft);--sisters-green-soft:var(--sm-sage-soft);--sisters-line:var(--sm-line);--sisters-cream:var(--sm-ivory)}
#view-sisters .sisters-page-heading h2{font-family:var(--sm-serif)!important;color:var(--sm-coral)!important}.sisters-fasting-counter,.sisters-cycle-calendar,.sisters-day-editor{box-shadow:var(--sm-shadow-soft)!important}
.sisters-explore-grid{align-items:stretch!important}.sisters-explore-grid button,.sisters-explore-grid a{min-height:142px!important;height:100%!important;border:1px solid var(--sm-line)!important;border-radius:16px!important;background:var(--sm-paper)!important;box-shadow:var(--sm-shadow-soft)!important}.sisters-explore-grid strong{font-size:.84rem!important}.sisters-explore-grid small{font-size:.68rem!important}.sisters-explore-grid a:nth-last-child(1){font-size:inherit!important}
body.dark-theme{--sm-ivory:#101a17;--sm-paper:#17231f;--sm-warm:#1d2a25;--sm-ink:#f3eee7;--sm-muted:#b7c1bb;--sm-line:#3b5047;--sm-sage:#263a32;--sm-sage-soft:#1d3028;--sm-coral:#ef9588;--sm-coral-soft:#402c2a;--sm-forest-deep:#edf5f0;--bg-light:var(--sm-ivory);--surface:var(--sm-paper);--text-dark:var(--sm-ink);--text-muted:var(--sm-muted);--border-color:var(--sm-line)}
body.dark-theme,body.dark-theme .app-container{background:var(--sm-ivory)!important}body.dark-theme .bottom-nav{background:rgba(23,35,31,.97)!important}body.dark-theme .amin-fab{border-color:#365149!important;background-color:#e4ebe5!important}
@media(max-width:400px){.app-container{padding-inline:13px}.hub-grid{gap:8px!important}.hub-card,.hub-section .hub-card{min-height:101px!important;padding:11px!important}.hub-card strong{font-size:.8rem!important}.hub-card small{font-size:.64rem!important}.amin-fab{width:59px!important;height:59px!important}}
@media(prefers-reduced-motion:reduce){button{transition:none!important}}

/* Hub: composizioni dedicate, non una semplice griglia riutilizzata. */
.hub-section>.hub-group{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin-bottom:22px!important}
.hub-section>.hub-group>.hub-group-label{padding:0 2px 10px!important}

/* Routine: strumenti compatti e ordinati come nel rendering scelto. */
.hub-routine>.hub-group{padding:13px!important;border:1px solid var(--sm-line)!important;border-radius:var(--sm-radius)!important;background:rgba(255,253,249,.82)!important;box-shadow:var(--sm-shadow)!important}
.hub-routine .hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.hub-routine .hub-card{min-height:116px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:9px!important}
.hub-routine .hub-card small{display:none!important}

/* Impara: scorciatoie in alto e raccolte editoriali in righe illustrate. */
.hub-impara .hub-quick-grid{margin-bottom:22px!important}
.hub-impara .hub-group-stories .hub-grid,.hub-impara .hub-group-library .hub-grid{grid-template-columns:1fr!important}
.hub-impara .hub-group-stories .hub-card,.hub-impara .hub-group-library .hub-card{min-height:76px!important;display:grid!important;grid-template-columns:58px 1fr 18px!important;grid-template-rows:auto auto!important;column-gap:12px!important;align-items:center!important;padding:9px 13px!important}
.hub-impara .hub-story-thumb{grid-column:1;grid-row:1/3;width:58px!important;height:58px!important;object-fit:cover!important}
.hub-impara .hub-group-stories .hub-card strong,.hub-impara .hub-group-library .hub-card strong{grid-column:2;grid-row:1;align-self:end;font-family:var(--sm-serif);font-size:1rem!important}
.hub-impara .hub-group-stories .hub-card small,.hub-impara .hub-group-library .hub-card small{grid-column:2;grid-row:2;align-self:start}
.hub-impara .hub-group-stories .hub-card::after,.hub-impara .hub-group-library .hub-card::after{content:"›";grid-column:3;grid-row:1/3;color:var(--sm-muted);font:400 1.5rem/1 var(--sm-serif)}

/* Vita: vere righe di navigazione, come il mockup approvato. */
.hub-vita .hub-grid{grid-template-columns:1fr!important;gap:9px!important}
.hub-vita .hub-card,.hub-vita .hub-card-link{min-height:76px!important;display:grid!important;grid-template-columns:48px 1fr 18px!important;grid-template-rows:auto auto!important;column-gap:12px!important;align-items:center!important;padding:10px 13px!important}
.hub-vita .hub-card .hub-icon{grid-column:1;grid-row:1/3;width:46px!important;height:46px!important;flex-basis:46px!important}
.hub-vita .hub-card strong{grid-column:2;grid-row:1;align-self:end;font-family:var(--sm-serif);font-size:1rem!important}
.hub-vita .hub-card small{grid-column:2;grid-row:2;align-self:start;font-size:.69rem!important}
.hub-vita .hub-card::after,.hub-vita .hub-card-link::after{content:"›";grid-column:3;grid-row:1/3;color:var(--sm-muted);font:400 1.5rem/1 var(--sm-serif)}

/* Profilo: assistente protagonista, impostazioni in una lista leggera. */
.hub-profilo .hub-grid{grid-template-columns:1fr!important;gap:8px!important}
.hub-profilo .hub-card{min-height:68px!important;display:grid!important;grid-template-columns:42px 1fr 18px!important;grid-template-rows:auto auto!important;column-gap:11px!important;align-items:center!important;padding:9px 12px!important}
.hub-profilo .hub-card .hub-icon{grid-column:1;grid-row:1/3;width:40px!important;height:40px!important;flex-basis:40px!important}
.hub-profilo .hub-card strong{grid-column:2;grid-row:1;align-self:end;font-family:var(--sm-serif);font-size:.94rem!important}
.hub-profilo .hub-card small{grid-column:2;grid-row:2;align-self:start}
.hub-profilo .hub-card::after{content:"›";grid-column:3;grid-row:1/3;color:var(--sm-muted);font:400 1.45rem/1 var(--sm-serif)}

@media(max-width:400px){
  .hub-routine .hub-card{min-height:108px!important}
  .hub-vita .hub-card,.hub-vita .hub-card-link{min-height:72px!important}
}

/* ROUTINE — rendering approvato 2026-08-09 */
#view-routine-hub{
  padding-top:max(58px,calc(env(safe-area-inset-top) + 24px))!important;
  background:
    radial-gradient(circle at 92% 4%,rgba(215,225,214,.42),transparent 19%),
    radial-gradient(circle at 2% 38%,rgba(246,227,223,.22),transparent 18%);
}
#view-routine-hub .hub-header{position:relative;margin-bottom:26px!important;padding:0 8px!important}
#view-routine-hub .hub-title{font:700 3.35rem/.98 var(--sm-serif)!important;letter-spacing:-.04em!important;color:var(--sm-forest-deep)!important}
#view-routine-hub .hub-eyebrow{margin-top:10px;font-size:1rem!important;line-height:1.35!important;color:var(--sm-muted)!important}
#view-routine-hub>.hub-group{
  position:relative;overflow:hidden;margin-bottom:18px!important;padding:22px 16px 18px!important;
  border:1px solid #dccfbe!important;border-radius:24px!important;
  background:linear-gradient(145deg,rgba(255,253,249,.98),rgba(252,248,240,.94))!important;
  box-shadow:0 10px 28px rgba(55,43,29,.065)!important;
}
#view-routine-hub>.hub-group::before{content:"";position:absolute;left:-2px;top:-2px;width:84px;height:84px;background:url("assets/ui/routine-ornament.svg") left top/contain no-repeat;pointer-events:none}
#view-routine-hub>.hub-group:nth-of-type(3)::before{left:auto;right:-2px;transform:scaleX(-1)}
#view-routine-hub .hub-group-label{
  position:relative;display:flex!important;align-items:center;justify-content:center;gap:10px;
  width:100%;padding:0 32px 18px!important;color:var(--sm-coral)!important;
  font-family:var(--sm-serif)!important;font-size:1.03rem!important;font-weight:700!important;
  letter-spacing:.055em!important;text-align:center!important;
}
#view-routine-hub .hub-group-label::before,#view-routine-hub .hub-group-label::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#d8b59f)}
#view-routine-hub .hub-group-label::after{background:linear-gradient(90deg,#d8b59f,transparent)}
#view-routine-hub .hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important}
#view-routine-hub .hub-card{
  min-width:0!important;min-height:168px!important;padding:17px 8px 13px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;
  border:1px solid #ddcfbf!important;border-radius:19px!important;
  background:linear-gradient(155deg,#fffefa,#fbf6ed)!important;
  box-shadow:0 7px 18px rgba(55,43,29,.065)!important;text-align:center!important;
}
#view-routine-hub .hub-card .hub-icon{
  width:66px!important;height:66px!important;flex:0 0 66px!important;margin:0!important;
  border:1px solid rgba(13,81,63,.06)!important;border-radius:50%!important;
  background:linear-gradient(145deg,#eef2e9,#e2e9df)!important;color:var(--sm-forest)!important;
}
#view-routine-hub>.hub-group:nth-of-type(2) .hub-card:nth-child(1) .hub-icon,
#view-routine-hub>.hub-group:nth-of-type(2) .hub-card:nth-child(3) .hub-icon,
#view-routine-hub>.hub-group:nth-of-type(3) .hub-card:nth-child(1) .hub-icon{background:linear-gradient(145deg,#fae9e3,#f3ddd5)!important;color:var(--sm-coral)!important}
#view-routine-hub .hub-card .sm-icon{width:32px!important;height:32px!important;stroke-width:1.55!important}
#view-routine-hub .salah-entry-card{background:linear-gradient(155deg,#fffefa,#f5f8f2)!important}
#view-routine-hub .salah-entry-card .hub-icon{background:linear-gradient(145deg,#e8f0e8,#dbe8df)!important;color:var(--sm-forest)!important}
#view-routine-hub .hub-card strong{max-width:100%;font:700 1rem/1.12 Inter,sans-serif!important;letter-spacing:-.025em;color:var(--sm-forest-deep)!important;text-align:center!important}
#view-routine-hub .hub-card small{display:none!important}
#view-routine-hub>.hub-group:last-child{min-height:172px;padding-bottom:20px!important}
#view-routine-hub>.hub-group:last-child::after{content:"";position:absolute;right:5px;bottom:0;width:56%;height:94%;background:url("assets/ui/routine-prayer-arch.svg") right bottom/contain no-repeat;opacity:.82;pointer-events:none}
#view-routine-hub>.hub-group:last-child .hub-grid{display:block!important;position:relative;z-index:1}
#view-routine-hub>.hub-group:last-child .hub-card{width:49%!important;min-height:90px!important;padding:12px!important;display:grid!important;grid-template-columns:58px 1fr!important;align-items:center!important;gap:10px!important;text-align:left!important}
#view-routine-hub>.hub-group:last-child .hub-card .hub-icon{width:58px!important;height:58px!important;flex-basis:58px!important}
#view-routine-hub>.hub-group:last-child .hub-card strong{text-align:left!important}

@media(max-width:400px){
  #view-routine-hub{padding-top:max(52px,calc(env(safe-area-inset-top) + 20px))!important}
  #view-routine-hub .hub-title{font-size:3rem!important}
  #view-routine-hub>.hub-group{padding:19px 12px 15px!important}
  #view-routine-hub .hub-grid{gap:8px!important}
  #view-routine-hub .hub-card{min-height:151px!important;padding:14px 5px 11px!important;gap:12px!important}
  #view-routine-hub .hub-card .hub-icon{width:58px!important;height:58px!important;flex-basis:58px!important}
  #view-routine-hub .hub-card .sm-icon{width:28px!important;height:28px!important}
  #view-routine-hub .hub-card strong{font-size:.88rem!important}
}

/* VITA — rendering approvato 2026-08-09 */
#view-vita-hub{
  padding-top:max(58px,calc(env(safe-area-inset-top) + 24px))!important;
  background:
    radial-gradient(circle at 91% 3%,rgba(215,225,214,.44),transparent 19%),
    radial-gradient(circle at 4% 56%,rgba(246,227,223,.2),transparent 22%);
}
#view-vita-hub .hub-header{position:relative;margin-bottom:27px!important;padding:0 8px!important}
#view-vita-hub .hub-title{font:700 3.35rem/.98 var(--sm-serif)!important;letter-spacing:-.04em!important;color:var(--sm-forest-deep)!important}
#view-vita-hub .hub-eyebrow{margin-top:10px;font-size:1rem!important;line-height:1.35!important;color:var(--sm-muted)!important}
#view-vita-hub>.hub-group{
  position:relative;overflow:hidden;margin-bottom:18px!important;padding:22px 14px 16px!important;
  border:1px solid #dccfbe!important;border-radius:24px!important;
  background:linear-gradient(145deg,rgba(255,253,249,.98),rgba(252,248,240,.94))!important;
  box-shadow:0 10px 28px rgba(55,43,29,.065)!important;
}
#view-vita-hub>.hub-group::before{content:"";position:absolute;left:-2px;top:-2px;width:82px;height:82px;background:url("assets/ui/routine-ornament.svg") left top/contain no-repeat;pointer-events:none}
#view-vita-hub>.hub-group:nth-of-type(3)::before{left:auto;right:-2px;transform:scaleX(-1)}
#view-vita-hub .hub-group-label{
  position:relative;display:flex!important;align-items:center;justify-content:center;gap:10px;
  width:100%;padding:0 31px 18px!important;color:var(--sm-coral)!important;
  font-family:var(--sm-serif)!important;font-size:1.03rem!important;font-weight:700!important;
  letter-spacing:.05em!important;text-align:center!important;
}
#view-vita-hub .hub-group-label::before,#view-vita-hub .hub-group-label::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#d8b59f)}
#view-vita-hub .hub-group-label::after{background:linear-gradient(90deg,#d8b59f,transparent)}
#view-vita-hub .hub-grid{grid-template-columns:1fr!important;gap:10px!important}
#view-vita-hub .hub-card,#view-vita-hub .hub-card-link{
  min-width:0!important;min-height:92px!important;padding:12px 14px!important;
  display:grid!important;grid-template-columns:64px minmax(0,1fr) 18px!important;grid-template-rows:auto auto!important;
  column-gap:14px!important;align-items:center!important;
  border:1px solid #ddcfbf!important;border-radius:19px!important;
  background:linear-gradient(155deg,#fffefa,#fbf6ed)!important;
  box-shadow:0 7px 18px rgba(55,43,29,.055)!important;text-align:left!important;
}
#view-vita-hub .hub-card .hub-icon,#view-vita-hub .hub-card-link .hub-icon{
  grid-column:1!important;grid-row:1/3!important;width:62px!important;height:62px!important;flex:0 0 62px!important;margin:0!important;
  border:1px solid rgba(201,105,98,.07)!important;border-radius:50%!important;
  background:linear-gradient(145deg,#fae9e3,#f3ddd5)!important;color:var(--sm-coral)!important;
}
#view-vita-hub>.hub-group:last-child .hub-icon{background:linear-gradient(145deg,#eef2e9,#e2e9df)!important;color:var(--sm-forest)!important}
#view-vita-hub .hub-card .sm-icon,#view-vita-hub .hub-card-link .sm-icon{width:31px!important;height:31px!important;stroke-width:1.55!important}
#view-vita-hub .hub-card strong,#view-vita-hub .hub-card-link strong{grid-column:2!important;grid-row:1!important;align-self:end!important;font:750 1rem/1.16 Inter,sans-serif!important;letter-spacing:-.022em;color:var(--sm-forest-deep)!important}
#view-vita-hub .hub-card small,#view-vita-hub .hub-card-link small{display:block!important;grid-column:2!important;grid-row:2!important;align-self:start!important;margin-top:3px;font-size:.73rem!important;line-height:1.3!important;color:var(--sm-muted)!important}
#view-vita-hub .hub-card::after,#view-vita-hub .hub-card-link::after{content:"›"!important;grid-column:3!important;grid-row:1/3!important;align-self:center;color:var(--sm-muted)!important;font:400 1.65rem/1 var(--sm-serif)!important}
#view-vita-hub>.hub-group:first-of-type::after{content:"";position:absolute;right:7px;bottom:2px;width:72px;height:72px;background:url("assets/ui/routine-ornament.svg") right bottom/contain no-repeat;transform:rotate(180deg);opacity:.72;pointer-events:none}

@media(max-width:400px){
  #view-vita-hub{padding-top:max(52px,calc(env(safe-area-inset-top) + 20px))!important}
  #view-vita-hub .hub-title{font-size:3rem!important}
  #view-vita-hub>.hub-group{padding:19px 11px 14px!important}
  #view-vita-hub .hub-grid{gap:8px!important}
  #view-vita-hub .hub-card,#view-vita-hub .hub-card-link{min-height:84px!important;padding:10px 11px!important;grid-template-columns:56px minmax(0,1fr) 15px!important;column-gap:10px!important}
  #view-vita-hub .hub-card .hub-icon,#view-vita-hub .hub-card-link .hub-icon{width:54px!important;height:54px!important;flex-basis:54px!important}
  #view-vita-hub .hub-card .sm-icon,#view-vita-hub .hub-card-link .sm-icon{width:27px!important;height:27px!important}
  #view-vita-hub .hub-card strong,#view-vita-hub .hub-card-link strong{font-size:.9rem!important}
  #view-vita-hub .hub-card small,#view-vita-hub .hub-card-link small{font-size:.66rem!important}
}

/* AUDIT GRAFICO — Impara e Corano */
#view-impara-hub{padding-top:max(58px,calc(env(safe-area-inset-top) + 24px))!important}
#view-impara-hub .hub-header{padding-inline:6px!important;margin-bottom:25px!important}
#view-impara-hub .hub-title{font:700 3.05rem/.98 var(--sm-serif)!important}
#view-impara-hub .hub-eyebrow{display:block;margin-top:8px;font-size:.94rem!important}
#view-impara-hub .hub-group-library .hub-card:last-child .hub-icon{grid-column:1;grid-row:1/3;width:58px!important;height:58px!important;background:linear-gradient(145deg,var(--sm-sage-soft),var(--sm-sage))!important;color:var(--sm-forest)!important}
#view-impara-hub .hub-group-library .hub-card:last-child .sm-icon{width:29px!important;height:29px!important;stroke-width:1.65!important}

/* Dopo le preghiere — pagina nativa Smart Muslim */
.post-prayer-view{padding:max(38px,calc(env(safe-area-inset-top) + 18px)) 16px 130px!important;background:radial-gradient(circle at 82% 5%,rgba(231,237,228,.65),transparent 30%),var(--sm-ivory)!important;color:var(--sm-forest-deep)}
.post-prayer-header{padding:0 4px 18px}.post-prayer-back{display:flex;gap:8px;align-items:center;border:0;background:none;padding:6px 0 16px;color:var(--sm-coral);font:600 .98rem/1 Inter,sans-serif}.post-prayer-header h1{margin:0;font:700 clamp(2.35rem,11vw,3.2rem)/1 var(--sm-serif);letter-spacing:-.035em}.post-prayer-header>p{margin:8px 0 0;color:var(--sm-muted);font-size:.94rem}
.post-prayer-intro{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:15px;padding:18px;border:1px solid #dfd2c2;border-radius:20px;background:rgba(255,254,250,.82);box-shadow:0 8px 22px rgba(55,43,29,.045)}.post-prayer-intro-icon{display:grid;place-items:center;width:70px;height:70px;border:1px solid #e4d6c6;border-radius:50%;background:linear-gradient(145deg,#eef2e9,#faf6ed);color:var(--sm-forest)}.post-prayer-intro-icon .sm-icon{width:39px;height:39px;stroke-width:1.45}.post-prayer-intro p{margin:0;font:500 1rem/1.45 Inter,sans-serif}
.post-prayer-section-label,.post-specific-label{margin:27px 3px 13px;color:#a67858;font:750 .75rem/1 Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase}.post-prayer-list{display:grid;gap:9px}.post-prayer-card{overflow:hidden;border:1px solid #ded2c3;border-radius:19px;background:linear-gradient(150deg,#fffefa,#fcf8f1);box-shadow:0 7px 17px rgba(55,43,29,.045)}.post-prayer-select{width:100%;display:grid;grid-template-columns:55px 1fr 28px;align-items:center;gap:13px;padding:12px 14px;border:0;background:transparent;text-align:left;color:var(--sm-forest-deep)}.post-prayer-time-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:linear-gradient(145deg,#fae8e1,#f5eee2);color:var(--sm-forest)}.post-prayer-time-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.post-prayer-select strong{display:block;font:700 1.25rem/1.15 var(--sm-serif)}.post-prayer-select small{display:block;margin-top:3px;color:var(--sm-muted);font-size:.76rem}.post-prayer-select>i{font:400 1.55rem/1 var(--sm-serif);color:#817e76;text-align:center;font-style:normal}.post-prayer-card.is-open{border-color:#cfcab8}.post-prayer-expanded{padding:0 10px 12px}.post-prayer-expanded>h2{margin:4px 4px 3px;font:700 1.35rem/1.2 var(--sm-serif)}.post-prayer-note{margin:0 4px 13px;color:var(--sm-muted);font-size:.75rem}
.post-dhikr-card{margin-top:10px;padding:17px 14px 0;border:1px solid #dcdbc9;border-radius:17px;background:rgba(255,255,252,.74)}.post-dhikr-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.post-dhikr-top h3{margin:0;font:700 1.08rem/1.2 var(--sm-serif)}.post-dhikr-top>span{flex:none;padding:5px 10px;border:1px solid #ead5c5;border-radius:999px;color:#bf7359;font-size:.7rem}.post-dhikr-ar{padding:18px 5px 14px;text-align:center;color:var(--sm-forest);font:500 1.65rem/1.8 Georgia,"Times New Roman",serif}.post-dhikr-copy{display:grid;gap:11px;padding:13px 0;border-top:1px solid #e5ded2}.post-dhikr-copy b{display:block;margin-bottom:4px;color:#929087;font-size:.66rem;font-weight:500}.post-dhikr-copy p{margin:0;font-size:.77rem;line-height:1.45}.post-dhikr-counter{display:grid;grid-template-columns:56px 1fr 1fr;align-items:center;gap:16px;padding:3px 0 14px}.post-progress{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:conic-gradient(var(--sm-coral) var(--progress),#eee9df 0);position:relative}.post-progress:after{content:"";position:absolute;inset:5px;border-radius:50%;background:#fffefa}.post-progress span{position:relative;z-index:1;font-size:.73rem}.post-dhikr-counter button{height:42px;border:1px solid #e5ddd1;border-radius:50%;background:#fffefa;color:#777;font-size:1.35rem}.post-source{margin:0 -14px;border-top:1px solid #e5ded2;padding:0 14px}.post-source summary{display:grid;grid-template-columns:20px 1fr 14px;align-items:center;gap:6px;padding:12px 0;color:#85837c;font-size:.7rem;list-style:none}.post-source summary::-webkit-details-marker{display:none}.post-source summary i{text-align:right;font:400 1.2rem/1 var(--sm-serif);font-style:normal}.post-source p{margin:0 0 13px 26px;color:var(--sm-muted);font-size:.69rem;line-height:1.45}.post-specific-label{margin-top:20px}
@media(min-width:700px){.post-prayer-view{max-width:620px!important;margin:0 auto!important}.post-dhikr-copy{grid-template-columns:1fr 1fr}}

#view-quran{padding-top:max(52px,calc(env(safe-area-inset-top) + 20px))!important}
.quran-context-path{margin:0 2px 10px;color:var(--sm-muted);font-size:.68rem;font-weight:700;letter-spacing:.02em}
.app-container:has(#view-quran[style*="display: block"])>header{display:none!important}
.quran-catalogue-heading{display:flex;align-items:flex-start;justify-content:space-between;margin:0 2px 20px}
.quran-catalogue-heading .results-title{margin:0!important;text-align:left!important;font:700 2.55rem/1 var(--sm-serif)!important;color:var(--sm-forest-deep)!important}
.quran-catalogue-heading p{margin:8px 0 0;color:var(--sm-muted);font:400 .86rem/1.35 Inter,sans-serif}
.quran-heading-actions{display:flex;gap:8px}.quran-heading-actions span{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--sm-line);border-radius:50%;background:var(--sm-paper);color:var(--sm-forest);font-size:1.25rem;box-shadow:var(--sm-shadow-soft)}
#view-quran .search-container{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
#view-quran .search-wrapper{position:relative}#view-quran .search-wrapper::before{content:"⌕";position:absolute;left:14px;top:50%;z-index:1;transform:translateY(-52%);color:var(--sm-muted);font-size:1.35rem}
#view-quran #quran-search-input{min-height:50px!important;padding-left:42px!important;background:var(--sm-paper)!important}
#view-quran .category-filter-btn,#view-quran .counter-select{min-height:34px;border:1px solid var(--sm-line)!important;border-radius:999px!important;background:var(--sm-paper)!important;color:var(--sm-forest-deep)!important}
#view-quran .category-filter-btn.active{background:var(--sm-forest)!important;color:#fff!important;border-color:var(--sm-forest)!important}
.quran-progress-card{display:grid;grid-template-columns:1fr 78px;align-items:center;gap:16px;margin:0 0 18px;padding:17px 18px;border:1px solid var(--sm-line);border-radius:18px;background:linear-gradient(145deg,var(--sm-paper),var(--sm-sage-soft));box-shadow:var(--sm-shadow-soft)}
.quran-progress-card>div:first-child{display:flex;flex-direction:column;gap:5px}.quran-progress-card strong{font:700 1.08rem/1.15 var(--sm-serif);color:var(--sm-forest-deep)}.quran-progress-card small{color:var(--sm-muted);font-size:.73rem}.quran-progress-card #quran-progress-label{margin-top:6px;color:var(--sm-forest);font-size:.72rem;font-weight:750}
.quran-progress-ring{--quran-progress:0deg;width:70px;height:70px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--sm-forest) var(--quran-progress),var(--sm-line) 0);position:relative}.quran-progress-ring::before{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--sm-paper)}.quran-progress-ring span{position:relative;color:var(--sm-forest-deep);font:700 1rem var(--sm-serif)}
#quran-surahs-list{overflow:hidden;border:1px solid var(--sm-line)!important;border-radius:18px!important;background:var(--sm-paper)!important;box-shadow:var(--sm-shadow-soft)!important}
#quran-surahs-list .surah-item{min-height:72px!important;margin:0!important;padding:12px 14px!important;border:0!important;border-bottom:1px solid var(--sm-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;display:grid!important;grid-template-columns:34px 1fr 26px!important;align-items:center!important;gap:10px!important}
#quran-surahs-list .surah-item:last-child{border-bottom:0!important}#quran-surahs-list .surah-item::after{content:"♡";grid-column:3;color:var(--sm-muted);font-size:1.2rem;text-align:center}
#quran-surahs-list .surah-item-num{width:30px!important;height:30px!important;display:grid!important;place-items:center;border:1px solid var(--sm-line)!important;border-radius:50%!important;background:var(--sm-ivory)!important;color:var(--sm-forest)!important;font:700 .75rem var(--sm-serif)!important}
#quran-surahs-list .surah-item-meta{grid-column:2;min-width:0}.surah-item-name{font:700 1.02rem/1.2 var(--sm-serif)!important;color:var(--sm-forest-deep)!important}.surah-item-sub{margin-top:4px;color:var(--sm-muted)!important;font-size:.7rem!important}
#quran-detail-view{position:relative}.quran-back-icon,.quran-reader-settings-btn{width:40px!important;height:40px!important;border:1px solid var(--sm-line)!important;border-radius:50%!important;background:var(--sm-paper)!important;color:var(--sm-forest)!important;box-shadow:var(--sm-shadow-soft)!important}.quran-reader-settings-btn{font-size:0!important}.quran-reader-settings-btn::after{content:"⚙";font-size:1rem}
.surah-header-card.quran-book-header{padding:13px 52px 18px!important;border:0!important;border-bottom:1px solid var(--sm-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:center!important}.quran-book-header #surah-header-title{font:700 1.65rem/1.1 var(--sm-serif)!important;color:var(--sm-forest-deep)!important}.quran-book-header #surah-header-desc{display:none}.quran-book-header #surah-header-italian{font-style:normal!important}.quran-book-header>div:nth-of-type(4){background:transparent!important;color:var(--sm-muted)!important}
.quran-basmala-block{margin:0!important;padding:28px 12px!important;border:0!important;border-bottom:1px solid var(--sm-line)!important;border-radius:0!important;background:transparent!important;text-align:center!important}
#surah-verses-container{display:block!important}.quran-reading-card{margin:0!important;padding:24px 13px!important;border:0!important;border-bottom:1px solid var(--sm-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.quran-reading-reference{display:flex!important;align-items:center!important;justify-content:space-between!important;color:var(--sm-muted)!important;font-size:.7rem!important}.quran-arabic-ayah{margin:20px 0!important;color:var(--sm-forest-deep)!important;font-size:1.65rem!important;line-height:2!important}.quran-transliteration-ayah,.quran-translation-ayah{padding:0!important;border:0!important;background:transparent!important}.quran-transliteration-ayah>span,.quran-translation-ayah>span{display:block;margin-bottom:7px;color:var(--sm-coral)!important;font-size:.66rem!important;font-weight:800!important;letter-spacing:.08em;text-transform:uppercase}
.quran-reading-reference span,.quran-reading-reference strong{color:var(--sm-forest)!important}.quran-reading-reference strong{padding:5px 9px;border:1px solid var(--sm-line);border-radius:999px}.quran-reading-card .verse-action-btn,.quran-reading-card .action-btn{border-color:var(--sm-line)!important;background:var(--sm-sage-soft)!important;color:var(--sm-forest)!important}.quran-book-header>div:nth-of-type(4){background:var(--sm-sage-soft)!important;color:var(--sm-forest)!important}
body.dark-theme .quran-progress-card,body.dark-theme #quran-surahs-list{background:var(--sm-paper)!important}body.dark-theme .quran-progress-ring::before{background:var(--sm-paper)}body.dark-theme .hub-card strong,body.dark-theme .surah-item-name{color:var(--sm-ink)!important}body.dark-theme #view-impara-hub .hub-group-library .hub-card:last-child .hub-icon{background:#29483d!important;color:#9ed2bc!important}
@media(max-width:400px){#view-quran{padding-top:max(48px,calc(env(safe-area-inset-top) + 18px))!important}.quran-catalogue-heading .results-title{font-size:2.35rem!important}.quran-heading-actions span{width:37px;height:37px}.quran-progress-card{grid-template-columns:1fr 68px}.quran-progress-ring{width:64px;height:64px}}