/* SmartMuslim Routine — visual redesign v1, 2026-09-20 */
/* Presentation only. Functional state/routing/completion logic remains in routine-hub.js. */

#view-routine-hub{
  --rtv-green:var(--sm-green,#145f4b);
  --rtv-deep:var(--sm-forest-deep,#0b4f3f);
  --rtv-gold:var(--sm-gold,#c7a05a);
  --rtv-paper:var(--sm-surface,#fffdf8);
  --rtv-soft:color-mix(in srgb,var(--sm-green-soft,#e9f4ef) 78%,#fff);
  --rtv-line:color-mix(in srgb,var(--border-color,#ded7ca) 82%,transparent);
  --rtv-muted:var(--text-muted,#7b817e);
}

/* Header */
#view-routine-hub .rt-header-clean{
  padding:18px 18px 14px!important;
  text-align:center;
}
#view-routine-hub .rt-header-clean .rt-title{
  margin:0!important;
  color:var(--rtv-deep)!important;
  font:700 2.2rem/1 var(--sm-serif,Georgia,serif)!important;
  letter-spacing:-.02em;
}
#view-routine-hub .rt-header-clean .rt-divider{
  position:relative;
  width:108px!important;
  height:14px!important;
  margin:6px auto 4px!important;
  background:none!important;
}
#view-routine-hub .rt-header-clean .rt-divider::before,
#view-routine-hub .rt-header-clean .rt-divider::after{
  content:"";
  position:absolute;
  top:7px;
  width:43px;
  height:1px;
  background:color-mix(in srgb,var(--rtv-gold) 50%,transparent);
}
#view-routine-hub .rt-header-clean .rt-divider::before{left:0}
#view-routine-hub .rt-header-clean .rt-divider::after{right:0}
#view-routine-hub .rt-header-clean .rt-divider::marker{display:none}
#view-routine-hub .rt-header-clean .rt-divider{
  color:var(--rtv-gold);
}
#view-routine-hub .rt-header-clean .rt-divider::after{}
#view-routine-hub .rt-header-clean .rt-subtitle{
  margin:0!important;
  color:var(--rtv-muted)!important;
  font-size:.91rem!important;
  line-height:1.35!important;
}

/* Segmented tabs */
#view-routine-hub .rt-main-tabs{
  width:auto!important;
  margin:0 14px 14px!important;
  padding:5px!important;
  gap:5px!important;
  border:1px solid var(--rtv-line)!important;
  border-radius:21px!important;
  background:rgba(255,253,248,.82)!important;
  box-shadow:0 8px 24px rgba(28,63,53,.045)!important;
}
#view-routine-hub .rt-main-tab{
  min-height:52px!important;
  border-radius:16px!important;
  gap:8px!important;
  color:var(--rtv-green)!important;
  font-size:.79rem!important;
  font-weight:800!important;
  box-shadow:none!important;
}
#view-routine-hub .rt-main-tab.is-active{
  background:linear-gradient(135deg,var(--rtv-green),color-mix(in srgb,var(--rtv-green) 88%,#0c3f33))!important;
  color:#fff!important;
  box-shadow:0 7px 17px rgba(20,95,75,.18)!important;
}
#view-routine-hub .rt-main-tab-icon{
  width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important;
}
#view-routine-hub .rt-main-tab .sm-icon{
  width:27px!important;height:27px!important;stroke-width:1.55!important;
}
#view-routine-hub .rt-main-tab-label{letter-spacing:-.01em}

/* Main prayer panel */
#view-routine-hub .rt-panel-prayers{
  gap:12px!important;
  margin:0 14px!important;
}
#view-routine-hub .rt-prayer-timeline-card{
  position:relative;
  margin:0!important;
  padding:18px 13px 10px!important;
  border:1px solid var(--rtv-line)!important;
  border-radius:25px!important;
  background:
    radial-gradient(circle at 92% 8%,rgba(199,160,90,.09),transparent 25%),
    linear-gradient(180deg,rgba(255,253,248,.98),rgba(253,250,244,.96))!important;
  box-shadow:0 10px 30px rgba(36,52,43,.05)!important;
  overflow:hidden!important;
}
#view-routine-hub .rt-prayer-timeline-card::after{
  content:"";
  position:absolute;
  right:-28px;
  top:-42px;
  width:150px;
  height:150px;
  border:1px solid rgba(199,160,90,.10);
  border-radius:50%;
  pointer-events:none;
}

/* Header: turn current icon into soft decorative art */
#view-routine-hub .rt-prayer-card-head{
  position:relative;
  display:block!important;
  padding:0 7px 17px!important;
  min-height:100px;
}
#view-routine-hub .rt-prayer-card-head > div{
  position:relative;
  z-index:2;
  max-width:69%;
}
#view-routine-hub .rt-prayer-heading-icon{
  position:absolute!important;
  z-index:1;
  right:1px;
  top:-5px;
  width:104px!important;
  height:104px!important;
  border-radius:28px!important;
  background:linear-gradient(145deg,rgba(243,233,211,.44),rgba(231,241,235,.56))!important;
  opacity:.34;
}
#view-routine-hub .rt-prayer-heading-icon img{
  transform:scale(1.82)!important;
  filter:saturate(.75);
}
#view-routine-hub .rt-panel-kicker{
  color:var(--rtv-green)!important;
  font-size:.67rem!important;
  font-weight:900!important;
  letter-spacing:.17em!important;
}
#view-routine-hub .rt-prayer-card-head h2{
  margin:5px 0 4px!important;
  color:var(--rtv-deep)!important;
  font:700 1.85rem/1 var(--sm-serif,Georgia,serif)!important;
  letter-spacing:-.015em;
}
#view-routine-hub .rt-prayer-card-head p{
  max-width:280px;
  margin:7px 0 0!important;
  color:var(--rtv-muted)!important;
  font-size:.78rem!important;
  line-height:1.38!important;
}

/* Prayer timeline */
#view-routine-hub .rt-prayer-timeline{
  position:relative;
  z-index:2;
}
#view-routine-hub .rt-prayer-timeline-row > button{
  min-height:78px!important;
  grid-template-columns:18px 46px minmax(0,1fr) 128px!important;
  gap:9px!important;
  padding:8px 7px 8px 0!important;
  border-radius:17px!important;
}
#view-routine-hub .rt-prayer-timeline-row + .rt-prayer-timeline-row > button{
  border-top:1px solid color-mix(in srgb,var(--rtv-line) 72%,transparent)!important;
}
#view-routine-hub .rt-prayer-timeline-row.is-focus > button{
  margin:2px 0!important;
  padding-left:5px!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--sm-green-soft,#e6f2ed) 90%,#fff),rgba(240,247,244,.74))!important;
  border-top-color:transparent!important;
  box-shadow:inset 3px 0 0 color-mix(in srgb,var(--rtv-green) 74%,transparent)!important;
}
#view-routine-hub .rt-prayer-timeline-row.is-past:not(.is-completed) > button,
#view-routine-hub .rt-prayer-timeline-row.is-upcoming > button{
  opacity:.78!important;
}

/* Timeline rail */
#view-routine-hub .rt-prayer-rail::before,
#view-routine-hub .rt-prayer-rail::after{
  width:1.5px!important;
  background:color-mix(in srgb,var(--rtv-line) 94%,transparent)!important;
}
#view-routine-hub .rt-prayer-rail i{
  width:10px!important;height:10px!important;
  border:1.5px solid color-mix(in srgb,var(--rtv-muted) 36%,var(--rtv-line))!important;
  background:var(--rtv-paper)!important;
}
#view-routine-hub .rt-prayer-timeline-row.is-completed .rt-prayer-rail i{
  width:14px!important;height:14px!important;
  border-color:var(--rtv-green)!important;
  background:var(--rtv-green)!important;
  box-shadow:inset 0 0 0 3px var(--rtv-paper)!important;
}
#view-routine-hub .rt-prayer-timeline-row.is-focus .rt-prayer-rail i{
  width:16px!important;height:16px!important;
  border:3px solid var(--rtv-paper)!important;
  background:var(--rtv-green)!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--rtv-green) 18%,transparent)!important;
}

/* Prayer medallions */
#view-routine-hub .rt-prayer-medallion{
  width:46px!important;height:46px!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#fffaf0,#f6ecda)!important;
  box-shadow:0 6px 16px rgba(110,88,48,.10)!important;
}
#view-routine-hub .rt-prayer-medallion img{
  transform:scale(1.62)!important;
}
#view-routine-hub .rt-prayer-copy strong{
  color:var(--rtv-deep)!important;
  font:700 .97rem/1.12 var(--sm-serif,Georgia,serif)!important;
}
#view-routine-hub .rt-prayer-copy small{
  margin-top:2px!important;
  color:var(--rtv-muted)!important;
  font-size:.67rem!important;
  line-height:1.32!important;
}

/* Actions: preserve existing controls, style only */
#view-routine-hub .rt-prayer-action{
  grid-template-columns:38px 82px!important;
  gap:7px!important;
  min-width:127px!important;
}
#view-routine-hub .rt-prayer-action .rt-day-complete-toggle{
  width:38px!important;height:38px!important;
  border-width:1.25px!important;
  font-size:1rem!important;
  background:rgba(255,253,248,.68)!important;
}
#view-routine-hub .rt-prayer-action .rt-day-complete-toggle.is-done{
  background:var(--rtv-green)!important;
  color:#fff!important;
}
#view-routine-hub .rt-prayer-action .rt-prayer-open{
  width:82px!important;min-width:82px!important;min-height:36px!important;
  border-radius:999px!important;
  font-size:.69rem!important;
  font-weight:850!important;
}
#view-routine-hub .rt-prayer-action .rt-prayer-open.is-primary{
  background:var(--rtv-green)!important;
  border-color:var(--rtv-green)!important;
  color:#fff!important;
  box-shadow:0 5px 12px rgba(20,95,75,.13);
}
#view-routine-hub .rt-prayer-action .rt-prayer-open.is-secondary{
  background:rgba(255,253,248,.72)!important;
  border-color:color-mix(in srgb,var(--rtv-green) 45%,var(--rtv-line))!important;
  color:var(--rtv-green)!important;
}

/* Witr + special prayers */
#view-routine-hub .rt-prayer-secondary-list{
  gap:9px!important;
}
#view-routine-hub .rt-prayer-secondary-card{
  min-height:72px!important;
  grid-template-columns:44px minmax(0,1fr) 18px!important;
  gap:10px!important;
  padding:10px 12px!important;
  border:1px solid var(--rtv-line)!important;
  border-radius:18px!important;
  background:rgba(255,253,248,.92)!important;
  box-shadow:0 6px 18px rgba(36,52,43,.035)!important;
}
#view-routine-hub .rt-prayer-secondary-card .rt-prayer-medallion{
  width:42px!important;height:42px!important;
}
#view-routine-hub .rt-prayer-secondary-card strong{
  color:var(--rtv-deep)!important;
  font:700 .9rem/1.1 var(--sm-serif,Georgia,serif)!important;
}
#view-routine-hub .rt-prayer-secondary-card small{
  font-size:.65rem!important;
  line-height:1.3!important;
}
#view-routine-hub .rt-prayer-secondary-card > i{
  font-size:1rem!important;
  color:var(--rtv-green)!important;
}

/* Oggi uses the same visual family, no behavior changes */
#view-routine-hub .rt-home-tab-content > .rt-day{
  margin:0 14px!important;
}
#view-routine-hub .rt-card.rt-day{
  border:1px solid var(--rtv-line)!important;
  border-radius:25px!important;
  background:linear-gradient(180deg,rgba(255,253,248,.98),rgba(253,250,244,.96))!important;
  box-shadow:0 10px 30px rgba(36,52,43,.05)!important;
  padding:16px 12px 10px!important;
}
#view-routine-hub .rt-dynamic-card-head{
  padding:0 7px 14px!important;
}
#view-routine-hub .rt-dynamic-card-head h2{
  color:var(--rtv-deep)!important;
  font:700 1.55rem/1 var(--sm-serif,Georgia,serif)!important;
}
#view-routine-hub .rt-dynamic-card-head p{
  color:var(--rtv-muted)!important;
  font-size:.75rem!important;
}
#view-routine-hub .rt-daily-progress{
  color:var(--rtv-green)!important;
  font-weight:850!important;
}
#view-routine-hub .rt-day-row{
  min-height:76px!important;
  border-color:color-mix(in srgb,var(--rtv-line) 72%,transparent)!important;
}
#view-routine-hub .rt-day-row.is-current{
  margin-inline:-2px!important;
  padding-inline:5px!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--sm-green-soft,#e6f2ed) 90%,#fff),rgba(240,247,244,.70))!important;
  box-shadow:inset 3px 0 0 color-mix(in srgb,var(--rtv-green) 74%,transparent);
}
#view-routine-hub .rt-day-copy strong{
  color:var(--rtv-deep)!important;
  font-family:var(--sm-serif,Georgia,serif)!important;
}
#view-routine-hub .rt-pill-btn{
  border-radius:999px!important;
}

/* Keep lower cards visually consistent */
#view-routine-hub .rt-personal-routines,
#view-routine-hub .rt-favorites-card{
  border-color:var(--rtv-line)!important;
  border-radius:22px!important;
  box-shadow:0 7px 22px rgba(36,52,43,.04)!important;
}

@media(max-width:520px){
  #view-routine-hub .rt-header-clean{padding-top:15px!important}
  #view-routine-hub .rt-header-clean .rt-title{font-size:2.05rem!important}
  #view-routine-hub .rt-main-tabs{margin-inline:13px!important}
  #view-routine-hub .rt-main-tab{min-height:49px!important;gap:6px!important}
  #view-routine-hub .rt-main-tab .sm-icon{width:25px!important;height:25px!important}
  #view-routine-hub .rt-panel-prayers{margin-inline:13px!important}
  #view-routine-hub .rt-prayer-timeline-card{padding:16px 10px 9px!important}
  #view-routine-hub .rt-prayer-card-head{min-height:94px;padding:0 7px 14px!important}
  #view-routine-hub .rt-prayer-card-head > div{max-width:72%}
  #view-routine-hub .rt-prayer-heading-icon{width:94px!important;height:94px!important}
  #view-routine-hub .rt-prayer-card-head h2{font-size:1.7rem!important}
  #view-routine-hub .rt-prayer-timeline-row > button{
    grid-template-columns:15px 42px minmax(0,1fr) 116px!important;
    gap:7px!important;
    min-height:73px!important;
    padding-right:4px!important;
  }
  #view-routine-hub .rt-prayer-medallion{width:42px!important;height:42px!important}
  #view-routine-hub .rt-prayer-action{
    grid-template-columns:35px 75px!important;
    min-width:115px!important;
    gap:5px!important;
  }
  #view-routine-hub .rt-prayer-action .rt-day-complete-toggle{
    width:35px!important;height:35px!important;
  }
  #view-routine-hub .rt-prayer-action .rt-prayer-open{
    width:75px!important;min-width:75px!important;
    font-size:.65rem!important;
  }
  #view-routine-hub .rt-prayer-copy strong{font-size:.9rem!important}
  #view-routine-hub .rt-prayer-copy small{font-size:.62rem!important}
  #view-routine-hub .rt-home-tab-content > .rt-day{margin-inline:13px!important}
}

/* Preserve night mode semantics without introducing new color logic */
html.sm-dark-v2 body.sm-dark-v2 #view-routine-hub .rt-main-tabs,
html.sm-dark-v2 body.sm-dark-v2 #view-routine-hub .rt-prayer-timeline-card,
html.sm-dark-v2 body.sm-dark-v2 #view-routine-hub .rt-card.rt-day,
html.sm-dark-v2 body.sm-dark-v2 #view-routine-hub .rt-prayer-secondary-card{
  background:var(--sm-night-surface,#11261f)!important;
}


/* ── Oggi visual polish v2 ─────────────────────────────────── */
#view-routine-hub .rt-home-tab-content > .rt-day{
  margin:0 14px 12px!important;
}
#view-routine-hub .rt-card.rt-day{
  padding:15px 12px 8px!important;
  border-radius:24px!important;
  overflow:hidden!important;
}

/* Oggi header */
#view-routine-hub .rt-dynamic-card-head{
  display:grid!important;
  grid-template-columns:76px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  min-height:92px!important;
  padding:0 6px 12px!important;
  border-bottom:1px solid color-mix(in srgb,var(--rtv-line) 70%,transparent)!important;
}
#view-routine-hub .rt-dynamic-card-head .rt-routine-card-icon-slot{
  width:76px!important;
  height:76px!important;
  flex-basis:76px!important;
}
#view-routine-hub .rt-dynamic-card-head .rt-routine-card-icon-tile{
  width:64px!important;
  height:64px!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#fff8ea,#f4ead7)!important;
  box-shadow:0 7px 20px rgba(110,88,48,.12)!important;
}
#view-routine-hub .rt-dynamic-card-head .rt-routine-card-icon-art--today{
  transform:scale(1.42)!important;
}
#view-routine-hub .rt-dynamic-card-head h2{
  margin:0 0 2px!important;
  font-size:1.75rem!important;
  line-height:1!important;
}
#view-routine-hub .rt-dynamic-card-head p{
  margin:3px 0 0!important;
  font-size:.76rem!important;
  line-height:1.3!important;
}
#view-routine-hub .rt-daily-progress{
  margin-top:6px!important;
  font-size:.69rem!important;
  line-height:1!important;
}

/* Oggi timeline */
#view-routine-hub .rt-day-list{
  position:relative;
  padding:0 2px!important;
}
#view-routine-hub .rt-day-row{
  min-height:72px!important;
  grid-template-columns:17px 44px minmax(0,1fr) 38px 78px!important;
  gap:8px!important;
  padding:8px 4px 8px 0!important;
  border-bottom:1px solid color-mix(in srgb,var(--rtv-line) 72%,transparent)!important;
  transition:opacity .18s ease,background-color .18s ease,box-shadow .18s ease!important;
}
#view-routine-hub .rt-day-row:last-child{
  border-bottom:0!important;
}

/* rail */
#view-routine-hub .rt-day-rail::before{
  width:1.5px!important;
  background:color-mix(in srgb,var(--rtv-green) 16%,var(--rtv-line))!important;
}
#view-routine-hub .rt-day-dot{
  width:9px!important;
  height:9px!important;
  border:1.5px solid color-mix(in srgb,var(--rtv-green) 28%,var(--rtv-line))!important;
  background:var(--rtv-paper)!important;
}
#view-routine-hub .rt-day-row.is-completed .rt-day-dot{
  width:13px!important;
  height:13px!important;
  border-color:var(--rtv-green)!important;
  background:var(--rtv-green)!important;
  box-shadow:inset 0 0 0 3px var(--rtv-paper)!important;
}
#view-routine-hub .rt-day-row.is-current .rt-day-dot{
  width:15px!important;
  height:15px!important;
  border:3px solid var(--rtv-paper)!important;
  background:var(--rtv-green)!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--rtv-green) 18%,transparent)!important;
}

/* row medallions */
#view-routine-hub .rt-day-icon{
  width:44px!important;
  height:44px!important;
  display:grid!important;
  place-items:center!important;
}
#view-routine-hub .rt-day-icon .rt-moment-icon{
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
  box-shadow:0 6px 16px rgba(110,88,48,.10)!important;
}
#view-routine-hub .rt-day-copy{
  gap:2px!important;
}
#view-routine-hub .rt-day-copy strong{
  font-size:.93rem!important;
  line-height:1.08!important;
}
#view-routine-hub .rt-day-copy small{
  font-size:.67rem!important;
  line-height:1.28!important;
  color:var(--rtv-muted)!important;
}

/* current row: same visual language as Preghiera */
#view-routine-hub .rt-day-row.is-current{
  margin:2px -2px!important;
  padding-left:5px!important;
  padding-right:5px!important;
  border-radius:17px!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--sm-green-soft,#e6f2ed) 92%,#fff),rgba(240,247,244,.72))!important;
  box-shadow:inset 3px 0 0 color-mix(in srgb,var(--rtv-green) 74%,transparent)!important;
  border-bottom-color:transparent!important;
}
#view-routine-hub .rt-day-row.is-upcoming{
  opacity:.78!important;
}
#view-routine-hub .rt-day-row.is-past:not(.is-completed){
  opacity:.84!important;
}

/* completion + CTA */
#view-routine-hub .rt-day-complete-toggle{
  width:36px!important;
  height:36px!important;
  flex-basis:36px!important;
  border-width:1.25px!important;
  font-size:1rem!important;
  background:rgba(255,253,248,.72)!important;
}
#view-routine-hub .rt-day-complete-toggle.is-done{
  background:var(--rtv-green)!important;
  border-color:var(--rtv-green)!important;
  color:#fff!important;
}
#view-routine-hub .rt-day-action .rt-pill-btn{
  width:78px!important;
  min-width:78px!important;
  min-height:34px!important;
  padding:0 10px!important;
  display:inline-grid!important;
  place-items:center!important;
  border-radius:999px!important;
  font-size:.68rem!important;
  font-weight:800!important;
  box-sizing:border-box!important;
  background:rgba(255,253,248,.72)!important;
  border-color:color-mix(in srgb,var(--rtv-green) 32%,var(--rtv-line))!important;
  color:var(--rtv-green)!important;
}
#view-routine-hub .rt-day-row.is-current .rt-pill-btn{
  background:var(--rtv-green)!important;
  border-color:var(--rtv-green)!important;
  color:#fff!important;
  box-shadow:0 5px 12px rgba(20,95,75,.12)!important;
}
#view-routine-hub .rt-day-row.is-completed:not(.is-current) .rt-pill-btn{
  background:rgba(255,253,248,.78)!important;
  color:var(--rtv-green)!important;
}

/* Lower cards */
#view-routine-hub .rt-personal-routines,
#view-routine-hub .rt-favorites-card{
  width:calc(100% - 28px)!important;
  margin-left:14px!important;
  margin-right:14px!important;
  padding:12px 14px!important;
  border-radius:20px!important;
  background:rgba(255,253,248,.95)!important;
  box-shadow:0 7px 20px rgba(36,52,43,.035)!important;
}
#view-routine-hub .rt-personal-routines.is-empty,
#view-routine-hub .rt-favorites-card{
  min-height:92px!important;
}
#view-routine-hub .rt-routine-compact-head{
  grid-template-columns:60px minmax(0,1fr) auto!important;
  gap:10px!important;
}
#view-routine-hub .rt-routine-card-icon-slot{
  width:60px!important;
  height:60px!important;
  flex-basis:60px!important;
}
#view-routine-hub .rt-routine-card-icon-tile{
  width:52px!important;
  height:52px!important;
  border-radius:15px!important;
  box-shadow:0 5px 14px rgba(56,64,49,.10)!important;
}
#view-routine-hub .rt-routine-card-icon-art--personal{
  transform:scale(1.62)!important;
}
#view-routine-hub .rt-routine-card-icon-art--favorites{
  transform:scale(2.02)!important;
}
#view-routine-hub .rt-routine-compact-head h2,
#view-routine-hub .rt-favorites-card strong{
  color:var(--rtv-deep)!important;
  font:700 1.03rem/1.08 var(--sm-serif,Georgia,serif)!important;
}
#view-routine-hub .rt-routine-compact-head p,
#view-routine-hub .rt-favorites-card .rt-favorites-description{
  margin-top:3px!important;
  color:var(--rtv-muted)!important;
  font-size:.68rem!important;
  line-height:1.28!important;
}
#view-routine-hub .rt-personal-create{
  min-height:34px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  border:1px solid var(--rtv-green)!important;
  color:var(--rtv-green)!important;
  background:transparent!important;
  font-size:.68rem!important;
  font-weight:850!important;
}
#view-routine-hub .rt-favorites-card{
  grid-template-columns:60px minmax(0,1fr) 18px!important;
  gap:10px!important;
}
#view-routine-hub .rt-favorites-card .rt-favorites-count{
  margin-top:4px!important;
  color:var(--rtv-muted)!important;
  font-size:.66rem!important;
}
#view-routine-hub .rt-favorites-card > i{
  font-size:1rem!important;
  color:color-mix(in srgb,var(--rtv-green) 56%,var(--rtv-muted))!important;
}

/* personal routine rows if present */
#view-routine-hub .rt-personal-list{
  gap:7px!important;
  margin-top:9px!important;
}
#view-routine-hub .rt-personal-row{
  min-height:58px!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
  padding:8px 10px!important;
  border-radius:14px!important;
}
#view-routine-hub .rt-personal-icon,
#view-routine-hub .rt-personal-row-icon{
  width:38px!important;height:38px!important;
}

@media(max-width:520px){
  #view-routine-hub .rt-home-tab-content > .rt-day{margin-inline:13px!important}
  #view-routine-hub .rt-card.rt-day{padding:14px 10px 7px!important}
  #view-routine-hub .rt-dynamic-card-head{
    grid-template-columns:68px minmax(0,1fr)!important;
    gap:10px!important;
    min-height:84px!important;
    padding:0 5px 10px!important;
  }
  #view-routine-hub .rt-dynamic-card-head .rt-routine-card-icon-slot{
    width:68px!important;height:68px!important;flex-basis:68px!important;
  }
  #view-routine-hub .rt-dynamic-card-head .rt-routine-card-icon-tile{
    width:58px!important;height:58px!important;
  }
  #view-routine-hub .rt-dynamic-card-head h2{font-size:1.62rem!important}
  #view-routine-hub .rt-day-row{
    min-height:68px!important;
    grid-template-columns:15px 40px minmax(0,1fr) 34px 72px!important;
    gap:6px!important;
    padding:7px 3px 7px 0!important;
  }
  #view-routine-hub .rt-day-icon{width:40px!important;height:40px!important}
  #view-routine-hub .rt-day-icon .rt-moment-icon{width:38px!important;height:38px!important}
  #view-routine-hub .rt-day-copy strong{font-size:.87rem!important}
  #view-routine-hub .rt-day-copy small{font-size:.62rem!important}
  #view-routine-hub .rt-day-complete-toggle{width:34px!important;height:34px!important;flex-basis:34px!important}
  #view-routine-hub .rt-day-action .rt-pill-btn{width:72px!important;min-width:72px!important;min-height:32px!important;font-size:.64rem!important}
  #view-routine-hub .rt-personal-routines,
  #view-routine-hub .rt-favorites-card{margin-inline:13px!important;width:calc(100% - 26px)!important}
  #view-routine-hub .rt-routine-compact-head{grid-template-columns:56px minmax(0,1fr) auto!important}
  #view-routine-hub .rt-routine-card-icon-slot{width:56px!important;height:56px!important;flex-basis:56px!important}
  #view-routine-hub .rt-routine-card-icon-tile{width:48px!important;height:48px!important}
  #view-routine-hub .rt-personal-create{padding-inline:10px!important;font-size:.64rem!important}
  #view-routine-hub .rt-favorites-card{grid-template-columns:56px minmax(0,1fr) 16px!important}
}


/* Routine tab bar — prayer-mat icon refinement */
#view-routine-hub .rt-main-tab:first-child .sm-icon{
  width:27px!important;
  height:27px!important;
  stroke-width:1.55!important;
}
#view-routine-hub .rt-main-tab:first-child.is-active{
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb,var(--rtv-gold) 66%,transparent),
    0 7px 17px rgba(20,95,75,.18)!important;
}