/* GLOBAL FIX — DO NOT REMOVE */
* {
  box-sizing: border-box;
  max-width: 100%;
}

html, body {
  width: 100%;
  overflow-x: hidden;
}

/* =========================
   CONNECT TAB
========================= */

#connectTab {
  padding: 16px;
  background: linear-gradient(
    180deg,
    #0f1020 0%,
    #17192f 100%
  );
  min-height: 100vh;
}

.connect-header h2 {
  color: #ffffff;
  font-size: 24px;
  margin-bottom: 4px;
}

.connect-header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.connect-header p {
  color: #b9bdd6;
  margin-bottom: 18px;
}

.connect-filters {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  margin-bottom: 18px;
}

.connect-filter {
  border: none;
  border-radius: 999px;
  padding: 10px 16px;
  background: #242844;
  color: white;
  white-space: nowrap;
}

.connect-filter.active {
  background: #6e5cff;
}

.connect-create-card {
  background: rgba(255,255,255,0.06);
  border-radius: 18px;
  padding: 16px;
  margin-bottom: 20px;
  backdrop-filter: blur(12px);
}

#connectPostInput {
  width: 100%;
  min-height: 90px;
  border: none;
  border-radius: 14px;
  padding: 12px;
  resize: none;
  background: rgba(255,255,255,0.08);
  color: white;
  font-size: 15px;
}

#connectPostInput::placeholder {
  color: #c2c7e6;
}

.connect-create-actions,
.connect-create-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 14px;
  gap: 10px;
  flex-wrap: wrap;
}

#connectRoomSelect {
  padding: 10px;
  border-radius: 12px;
  border: none;
  background: #252846;
  color: white;
}

.connect-rooms {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  margin: 14px 0 18px;
  padding-bottom: 4px;
}

.connect-room {
  flex: 0 0 auto;
  padding: 10px 14px;
  border-radius: 18px;
  background: rgba(255,255,255,0.08);
  color: #dfe3ff;
  font-size: 14px;
  white-space: nowrap;
}

.connect-room.active {
  background: linear-gradient(135deg, #6e5cff, #30bdfc);
  color: white;
}

#connectPostButton {
  border: none;
  border-radius: 14px;
  padding: 12px 18px;
  background: #6e5cff;
  color: white;
  font-weight: 600;
}

#connectPostButton:disabled {
  opacity: 0.68;
}

.connect-post-status {
  background: rgba(110, 92, 255, 0.22);
  color: #ffffff;
  border-radius: 14px;
  padding: 10px 12px;
  margin: 12px 0;
  text-align: center;
  font-size: 14px;
}

.connect-post-status.is-success {
  color: #8ff7bd;
}

.connect-post-status.is-error {
  color: #ff9fb2;
}

.connect-post-status.is-loading {
  color: #d9dcff;
}

#connectPostStatus.connect-post-status:empty {
  min-height: 20px;
  margin-top: 12px;
  padding: 0;
  background: transparent;
}

.connect-post-card {
  background: rgba(255,255,255,0.07);
  border-radius: 18px;
  padding: 16px;
  margin-bottom: 16px;
}

.connect-post-meta {
  color: #b9bdd6;
  font-size: 13px;
  margin-bottom: 10px;
}

.connect-post-text {
  color: white;
  font-size: 15px;
  line-height: 1.5;
}

.connect-post-actions {
  display: flex;
  gap: 18px;
  margin-top: 14px;
  color: #d0d3e8;
}

/* =========================
   CONNECT PHASE 1B
========================= */
html, body { width: 100%; max-width: 100%; overflow-x: hidden; overscroll-behavior: none; }
#connectTab { padding-bottom: 140px !important; overflow-x: hidden; }
.connect-phase-marker { color: #8ff7bd; font-size: 11px; margin: -8px 0 18px; letter-spacing: 0; }
.connect-post-card { position: relative; overflow: hidden; background: rgba(255,255,255,0.07); border-radius: 18px; padding: 16px; margin-bottom: 16px; }
.connect-post-card::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at top right, rgba(110,92,255,0.15), transparent 40%); pointer-events: none; }
.connect-post-header { position: relative; z-index: 1; display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; margin-bottom: 12px; }
.connect-post-author { color: #ffffff; font-size: 14px; font-weight: 700; margin-bottom: 6px; }
.connect-post-badge { display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,0.08); padding: 6px 10px; border-radius: 999px; font-size: 12px; color: #d9dcff; }
.connect-post-time { color: #9ca3d1; font-size: 12px; white-space: nowrap; }
.connect-post-text { position: relative; z-index: 1; color: white; font-size: 15px; line-height: 1.5; margin-top: 10px; }
.connect-post-actions { position: relative; z-index: 1; display: flex; gap: 14px; margin-top: 14px; }
.connect-post-actions button { border: none; border-radius: 999px; background: rgba(255,255,255,0.08); color: #d9dcff; font-size: 14px; padding: 9px 14px; }
.connect-empty-state { text-align: center; padding: 40px 20px; color: #cfd3ff; }
.connect-empty-state h3 { font-size: 22px; margin-bottom: 10px; color: white; }
.connect-modal { position: fixed; inset: 0; z-index: 9999; background: rgba(0,0,0,0.7); display: flex; align-items: flex-end; padding-bottom: 0 !important; }
.connect-modal.hidden { display: none; }
.connect-modal-content { width: 100%; max-height: 72vh !important; overflow-y: auto; background: #16182e; border-radius: 28px 28px 0 0; padding: 20px; padding-bottom: calc(env(safe-area-inset-bottom) + 130px) !important; }
.connect-modal-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.connect-modal-header h3 { color: white; }
.connect-modal-header button { border: none; background: transparent; color: white; font-size: 22px; }
.connect-comment-item { background: rgba(255,255,255,0.06); border-radius: 16px; padding: 12px; margin-bottom: 10px; color: white; }
.connect-comment-create { margin-top: 20px; position: sticky; bottom: 0; background: #16182e; padding: 12px 0 18px; z-index: 20; }
#connectCommentInput { width: 100%; min-height: 80px; border: none; border-radius: 14px; padding: 12px; background: rgba(255,255,255,0.08); color: white; }
#connectCommentButton { margin-top: 10px; border: none; border-radius: 14px; padding: 12px 16px; background: #6e5cff; color: white; font-weight: 700; }
body.keyboard-open .bottom-nav, body.keyboard-open .app-bottom-nav, body.keyboard-open #bottomNav { display: none !important; }

.boot-screen {
  position: fixed;
  inset: 0;
  background: #0b1020;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.boot-logo {
  width: 90px;
  height: 90px;
  object-fit: contain;
}

.boot-logo-text {
  font-size: 30px;
  font-weight: 700;
  color: white;
  letter-spacing: 0.5px;
}

#bootLoadingScreen[hidden],
.boot-screen.hidden {
  display: none !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

* {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

#kundliChart svg {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

#kundliSourceBadge {
  font-size: 12px;
  opacity: 0.8;
}

#kundliAdvancedLockedBtn {
  opacity: 0.95;
}

.action-btn.active {
  background: linear-gradient(135deg, rgba(255,255,255,0.18), rgba(255,255,255,0.08));
  border-color: rgba(255,255,255,0.28);
  color: #fff;
}

.top-status-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  flex-wrap: wrap;
}

.brand-header {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.brand-logo {
  width: 40px;
  height: 40px;
  object-fit: contain;
  flex-shrink: 0;
}

.brand-text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.brand-title {
  font-size: 18px;
  font-weight: 800;
  color: #fff;
  line-height: 1.1;
}

.brand-tagline {
  font-size: 11px;
  opacity: 0.74;
  line-height: 1.2;
}

.premium-status-pill {
  border-radius: 999px;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 700;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.12);
  color: #fff;
  white-space: nowrap;
}

html, body {
  overflow-x: hidden;
}

.tab-panel[hidden] {
  display: none !important;
}

.elevated-card {
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(10px);
}

.premium-hero {
  margin-top: 12px;
  border-radius: 28px;
  padding: 18px 16px 18px;
  background:
    radial-gradient(circle at top right, rgba(255, 193, 7, 0.20), transparent 26%),
    radial-gradient(circle at top left, rgba(167, 139, 250, 0.18), transparent 32%),
    linear-gradient(180deg, #4f46a5 0%, #352f7d 100%);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 18px 42px rgba(14, 16, 45, 0.34);
}

.premium-guidance-card {
  margin-top: 16px;
  border-radius: 22px;
  padding: 18px;
  background:
    radial-gradient(circle at top right, rgba(255, 214, 102, 0.14), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.04));
  border: 1px solid rgba(255,255,255,0.08);
}

.guidance-mode-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 10px;
}

.guidance-mode-btn {
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.06);
  color: #fff;
  border-radius: 999px;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.guidance-mode-btn.active {
  background: rgba(167, 139, 250, 0.28);
  border-color: rgba(167, 139, 250, 0.40);
}

.guidance-block + .guidance-block {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,0.08);
}

.guidance-title {
  font-size: 0.86rem;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  opacity: 0.86;
}

.guidance-text {
  margin-top: 8px;
  font-size: 0.96rem;
  line-height: 1.55;
  opacity: 0.96;
}

.wr-premium-card {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 20px;
  padding: 16px;
  margin-top: 8px;
  backdrop-filter: blur(10px);
}

.wr-premium-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
}

.wr-premium-section {
  padding: 12px 0;
  border-top: 1px solid rgba(255,255,255,0.08);
}

.wr-premium-section:first-child {
  border-top: 0;
  padding-top: 0;
}

.wr-premium-label {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  opacity: 0.8;
  margin-bottom: 6px;
}

.wr-premium-copy {
  font-size: 14px;
  line-height: 1.65;
  opacity: 0.96;
}

.wr-premium-copy-sub {
  margin-top: 6px;
  opacity: 0.86;
}

.wr-premium-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.wr-premium-chip {
  display: inline-flex;
  align-items: center;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.08);
  font-size: 12px;
  line-height: 1.2;
  white-space: nowrap;
}

.wr-premium-section-card {
  border-top: 1px solid rgba(255,255,255,0.08);
  padding: 10px 0;
}

.wr-premium-section-card:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.wr-premium-section-card.featured {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 16px;
  padding: 10px 12px;
  margin-bottom: 10px;
}

.wr-premium-section-head {
  width: 100%;
  border: 0;
  background: transparent;
  color: inherit;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  cursor: pointer;
  text-align: left;
}

.wr-premium-section-head-left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.wr-premium-section-icon {
  font-size: 16px;
  line-height: 1;
  opacity: 0.95;
}

.wr-premium-section-label {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.86;
}

.wr-premium-section-caret {
  font-size: 20px;
  line-height: 1;
  opacity: 0.65;
}

.wr-premium-section-body {
  padding-top: 10px;
}

.wr-period-tabs {
  display: flex;
  gap: 8px;
  margin: 12px 0 14px;
  overflow-x: auto;
  padding-bottom: 2px;
}

.wr-period-tab {
  border: 0;
  background: rgba(255,255,255,0.06);
  color: inherit;
  padding: 10px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}

.wr-period-tab.active {
  background: rgba(255,255,255,0.16);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12);
}

.wr-period-tab.locked {
  opacity: 0.82;
}

.wr-premium-teaser-hero {
  margin: 10px 0 14px;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.06);
}

.wr-premium-teaser-line {
  font-size: 14px;
  line-height: 1.5;
  opacity: 0.92;
}

.wr-locked-premium-card {
  margin-top: 12px;
  padding: 14px;
  border-radius: 18px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  position: relative;
  overflow: hidden;
}

.wr-locked-premium-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.wr-locked-premium-badge {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.08);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.wr-locked-premium-lock {
  font-size: 16px;
  opacity: 0.8;
}

.wr-locked-premium-title {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 8px;
}

.wr-locked-premium-preview {
  font-size: 13px;
  line-height: 1.55;
  opacity: 0.8;
  filter: blur(1.2px);
  user-select: none;
  margin-bottom: 12px;
}

.wr-upgrade-btn {
  width: 100%;
  border: 0;
  border-radius: 14px;
  padding: 12px 14px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  background: rgba(255,255,255,0.14);
  color: inherit;
}

/* =========================
   V14.2 Full Mode Cleanup + Layout Polish
   ========================= */

.wr-home-hero-card {
  position: relative;
  padding-right: 170px;
}

.wr-home-top-badge {
  position: absolute;
  top: 18px;
  right: 18px;
  min-width: 128px;
  max-width: 168px;
  padding: 10px 14px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.10);
}

.wr-home-top-badge-icon {
  font-size: 18px;
  line-height: 1;
}

.wr-home-top-badge-text {
  min-width: 0;
  display: flex;
  flex-direction: column;
  line-height: 1.1;
}

.wr-home-top-badge-title {
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wr-home-top-badge-sub {
  font-size: 10px;
  opacity: .72;
  margin-top: 2px;
}

.wr-hero-support-lines {
  margin-top: 10px;
}

.wr-hero-support-line {
  font-size: 13px;
  line-height: 1.5;
  opacity: .88;
  margin-top: 4px;
}

.wr-hero-support-line.primary {
  font-size: 15px;
  font-weight: 700;
  opacity: .96;
}

.wr-premium-traits-lines {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 4px;
}

.wr-premium-traits-line {
  font-size: 13px;
  line-height: 1.55;
  opacity: .9;
}

.wr-share-preview-inner {
  position: relative;
  padding: 18px;
}

.wr-share-preview-mode {
  position: absolute;
  top: 12px;
  right: 22px;
  padding: 5px 9px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  background: rgba(255,255,255,0.14);
  border: 1px solid rgba(255,255,255,0.12);
}

.wr-sign-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
}

.wr-sign-icon {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  flex: 0 0 auto;
}

.wr-sign-meta {
  min-width: 110px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.wr-sign-name {
  font-size: 18px;
  font-weight: 800;
  line-height: 1.1;
}

.wr-sign-label {
  font-size: 12px;
  opacity: .78;
  line-height: 1.1;
}

.wr-sign-note {
  margin-left: 8px;
  font-size: 13px;
  line-height: 1.4;
  opacity: .9;
  flex: 1 1 auto;
}

/* =========================
   V14.3 Daily Alignment Cleanup
   ========================= */

.wr-power-summary-strip {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.07);
  margin-top: 12px;
}

.wr-power-pair {
  flex: 1 1 0;
  min-width: 0;
}

.wr-power-pair-label {
  font-size: 11px;
  font-weight: 700;
  opacity: .75;
  letter-spacing: .03em;
  text-transform: uppercase;
}

.wr-power-pair-value {
  margin-top: 6px;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
}

.wr-power-divider {
  width: 1px;
  align-self: stretch;
  background: rgba(255,255,255,.10);
}

.wr-align-chip.hide-duplicate {
  display: none !important;
}

.wr-smart-upgrade-banner{
  margin-top:14px;
  padding:14px;
  border-radius:18px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  font-size:13px;
  line-height:1.5;
}

.wr-smart-upgrade-banner button{
  margin-top:10px;
  width:100%;
  border:0;
  border-radius:12px;
  padding:11px;
  font-weight:700;
}

.wr-home-moon-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 10px 14px;
  border-radius: 18px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.10);
}

.wr-home-moon-icon {
  font-size: 24px;
  line-height: 1;
}

.wr-home-moon-text {
  display: flex;
  flex-direction: column;
  line-height: 1.15;
}

.wr-home-moon-title {
  font-size: 14px;
  font-weight: 700;
}

.wr-home-moon-subtitle {
  font-size: 11px;
  opacity: 0.78;
  margin-top: 2px;
}

.wr-home-hero-strip {
  min-height: 46px;
  display: flex;
  align-items: center;
  padding: 10px 14px;
  border-radius: 16px;
}

.wr-home-sign-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

.wr-home-sign-icon {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
}

.wr-home-sign-name {
  font-size: 18px;
  font-weight: 800;
}

.wr-home-sign-sub {
  font-size: 13px;
  opacity: 0.82;
}

.wr-energy-card-compact {
  padding: 14px 16px;
  border-radius: 18px;
}

.wr-energy-card-title {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.78;
}

.wr-energy-card-value {
  margin-top: 6px;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.15;
}

.wr-energy-card-sub {
  margin-top: 4px;
  font-size: 14px;
  opacity: 0.82;
}

.wr-alignment-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 12px;
}

.wr-align-chip {
  padding: 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.07);
}

.wr-align-chip.good {
  border: 1px solid rgba(34,197,94,.45);
}

.wr-align-chip.caution {
  border: 1px solid rgba(239,68,68,.45);
}

.wr-chip-label {
  display: block;
  font-size: 11px;
  font-weight: 700;
  opacity: .75;
  letter-spacing: .03em;
  text-transform: uppercase;
}

.wr-chip-value {
  display: block;
  margin-top: 5px;
  font-size: 15px;
  font-weight: 800;
}

.wr-premium-state-chip {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .03em;
}

.wr-color-cue {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
}

.wr-color-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
}

.wr-color-dot.red { background: #ef4444; }
.wr-color-dot.blue { background: #3b82f6; }
.wr-color-dot.green { background: #22c55e; }
.wr-color-dot.yellow { background: #eab308; }
.wr-color-dot.purple { background: #a855f7; }
.wr-color-dot.orange { background: #f97316; }
.wr-color-dot.white { background: #f8fafc; border: 1px solid rgba(255,255,255,.25); }
.wr-color-dot.black { background: #111827; border: 1px solid rgba(255,255,255,.15); }
.wr-color-dot.pink { background: #ec4899; }
.wr-color-dot.gold { background: #f59e0b; }

.wr-trial-banner {
  margin-top: 10px;
  padding: 12px 16px;
  border-radius: 18px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
}

.wr-trial-banner-title {
  font-size: 15px;
  font-weight: 800;
}

.wr-trial-banner-sub {
  margin-top: 4px;
  font-size: 13px;
  opacity: 0.82;
}

.wr-choghadiya-good {
  border: 1px solid rgba(34,197,94,0.45);
  box-shadow: inset 0 0 0 1px rgba(34,197,94,0.12);
}

.wr-choghadiya-caution {
  border: 1px solid rgba(239,68,68,0.45);
  box-shadow: inset 0 0 0 1px rgba(239,68,68,0.12);
}

.wr-choghadiya-neutral {
  border: 1px solid rgba(255,255,255,0.10);
}

#notificationStatusText:empty {
  display: none !important;
}

.wr-inline-success {
  margin-top: 8px;
  font-size: 12px;
  opacity: .8;
}

.wr-upgrade-btn:hover {
  background: rgba(255,255,255,0.18);
}

.wr-smart-upgrade-banner {
  margin-top: 14px;
  padding: 14px;
  border-radius: 16px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.08);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.wr-smart-upgrade-text {
  font-size: 13px;
  line-height: 1.5;
  opacity: 0.9;
}

.wr-pattern-insight {
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.06);
  font-size: 13px;
  line-height: 1.5;
  opacity: 0.92;
}

.wr-personal-tone,
.wr-habit-line {
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.5;
  opacity: 0.72;
}

.wr-focus-suggestion {
  margin-top: 8px;
  font-size: 12px;
  opacity: 0.72;
}

.wr-premium-section-card.featured-pattern {
  background: rgba(255,255,255,0.035);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 16px;
  padding: 10px 12px;
  margin-bottom: 10px;
}

.hero-top-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}

.hero-greeting {
  font-size: 0.95rem;
  opacity: 0.88;
}

.hero-name {
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.05;
  margin-top: 2px;
}

.hero-sign-badge {
  min-width: 96px;
  min-height: 52px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  font-size: 1rem;
  font-weight: 700;
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.12);
}

.wr-moon-badge {
  font-size: 13px;
  padding: 6px 10px;
  background: rgba(255,255,255,0.08);
  border-radius: 12px;
}

.wr-moon-badge.vedic {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.08);
}

.wr-moon-badge-icon {
  font-size: 18px;
  line-height: 1;
}

.wr-moon-badge-text {
  font-size: 14px;
  font-weight: 600;
}

.hero-message {
  margin-top: 14px;
  font-size: 1.05rem;
  line-height: 1.55;
  font-weight: 600;
}

.wr-sub {
  margin-top: 6px;
  opacity: 0.85;
  font-size: 0.95rem;
  font-weight: 500;
}

.wr-focus {
  margin-top: 8px;
  font-weight: 500;
  font-size: 0.95rem;
}

.wr-timing {
  margin-top: 8px;
  font-size: 12px;
  opacity: 0.75;
  font-weight: 500;
}

.wr-time-tone {
  margin-top: 6px;
  font-size: 12px;
  opacity: 0.65;
  font-weight: 500;
}

.wr-streak-tone {
  margin-top: 6px;
  font-size: 12px;
  color: #c084fc;
  font-weight: 600;
}

.hero-system-card {
  margin-top: 16px;
  padding: 12px 14px;
  border-radius: 18px;
  background: rgba(17, 24, 39, 0.18);
  border: 1px solid rgba(255,255,255,0.08);
}

.hero-system-title {
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.82;
}

.hero-system-sign-row {
  margin-top: 6px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.hero-system-sign-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.10);
  flex-shrink: 0;
  box-shadow: 0 0 10px rgba(255,255,255,0.15);
}

.hero-system-sign {
  font-size: 1.125rem;
  font-weight: 800;
}

.hero-system-sub {
  margin-top: 4px;
  font-size: 0.92rem;
  opacity: 0.9;
}

.hero-system-mini {
  margin-top: 8px;
  font-size: 0.88rem;
  line-height: 1.45;
  opacity: 0.86;
}

.premium-switch {
  margin-top: 16px;
}

.choghadiya-now-card {
  margin-top: 16px;
  border-radius: 22px;
  padding: 18px;
  border: 1px solid rgba(255,255,255,0.08);
  background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.04));
}

.current-choghadiya-label {
  margin-top: 10px;
  font-size: 1.45rem;
  font-weight: 800;
}

.current-choghadiya-label.good,
.choghadiya-name.good {
  color: #22c55e;
}

.current-choghadiya-label.bad,
.choghadiya-name.bad {
  color: #ef4444;
}

.current-choghadiya-label.neutral,
.choghadiya-name.neutral {
  color: #f59e0b;
}

.current-choghadiya-text {
  margin-top: 8px;
  font-size: 0.96rem;
  line-height: 1.55;
  opacity: 0.92;
}

.current-choghadiya-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 12px;
}

.current-choghadiya-block {
  border-radius: 18px;
  padding: 14px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.08);
}

.wr-choghadiya-main-card {
  margin-top: 12px;
}

.current-choghadiya-meta {
  font-size: 0.78rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.82;
  margin-bottom: 8px;
}

.current-choghadiya-time {
  margin-top: 6px;
  font-size: 0.9rem;
  opacity: 0.86;
}

.wr-choghadiya-next {
  margin-top: 10px;
  font-size: 12px;
  opacity: 0.78;
}

.tone-amrit { background: rgba(34, 197, 94, 0.18); border-color: rgba(34, 197, 94, 0.28); }
.tone-shubh { background: rgba(74, 222, 128, 0.16); border-color: rgba(74, 222, 128, 0.28); }
.tone-labh  { background: rgba(132, 204, 22, 0.16); border-color: rgba(132, 204, 22, 0.28); }
.tone-chal  { background: rgba(59, 130, 246, 0.16); border-color: rgba(59, 130, 246, 0.28); }
.tone-udveg { background: rgba(245, 158, 11, 0.16); border-color: rgba(245, 158, 11, 0.28); }
.tone-rog   { background: rgba(249, 115, 22, 0.16); border-color: rgba(249, 115, 22, 0.28); }
.tone-kaal  { background: rgba(239, 68, 68, 0.18); border-color: rgba(239, 68, 68, 0.30); }
.tone-neutral { background: rgba(148, 163, 184, 0.14); border-color: rgba(148, 163, 184, 0.22); }

.daily-power-card {
  margin-top: 20px;
  padding: 18px;
  border-radius: 22px;
  background:
    radial-gradient(circle at top right, rgba(255, 214, 102, 0.16), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.04));
}

.power-title {
  margin-top: 4px;
  font-size: 1.12rem;
  line-height: 1.3;
}

.wr-power-tile {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px;
  border-radius: 16px;
  background: rgba(255,255,255,0.06);
  margin-top: 14px;
}

.wr-power-number {
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
}

.wr-power-meta {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.wr-power-color {
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
}

.wr-power-label {
  font-size: 12px;
  opacity: 0.7;
  margin-top: 4px;
}

.wr-energy-box {
  margin-top: 14px;
  display: grid;
  gap: 10px;
  padding: 14px;
  border-radius: 16px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
}

.wr-energy-heading {
  font-size: 11px;
  letter-spacing: 0.08em;
  opacity: 0.72;
  font-weight: 700;
}

.wr-energy-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}

.wr-vedic-energy-line {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
}

.wr-vedic-energy-icon {
  font-size: 18px;
}

.wr-vedic-energy-text {
  font-size: 15px;
  font-weight: 600;
}

.wr-energy-times {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 13px;
  margin-top: 6px;
  flex-wrap: wrap;
}

.wr-energy-times span span {
  font-weight: 700;
}

.power-meta-label {
  font-size: 0.8rem;
  opacity: 0.82;
  margin-bottom: 8px;
  letter-spacing: 0.02em;
}

.power-number {
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
  margin-bottom: 8px;
}

.power-color-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

.power-color-chip {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  display: inline-block;
  border: 1px solid rgba(255,255,255,0.18);
}

.power-color-name {
  font-size: 1.05rem;
  font-weight: 700;
}

.power-meta-text {
  font-size: 0.9rem;
  opacity: 0.78;
}

.premium-home-banner {
  margin-top: 16px;
  border-radius: 22px;
  padding: 18px;
  border: 1px solid rgba(255, 215, 120, 0.24);
  background:
    radial-gradient(circle at top right, rgba(255, 214, 102, 0.18), transparent 38%),
    linear-gradient(180deg, rgba(255, 214, 102, 0.12), rgba(255, 255, 255, 0.04));
}

.premium-home-copy {
  margin-top: 10px;
  font-size: 0.96rem;
  line-height: 1.5;
  opacity: 0.92;
}

.mt-12 {
  margin-top: 12px;
}

.mini-engage-btn {
  margin-top: 12px;
  border: 0;
  border-radius: 14px;
  padding: 10px 14px;
  font-weight: 700;
  background: linear-gradient(90deg, #8b5cf6, #a855f7);
  color: #fff;
  width: 100%;
  cursor: pointer;
}

.mini-engage-btn:active {
  transform: translateY(1px);
}

.is-locked {
  opacity: 0.72;
  cursor: not-allowed;
}

.hidden {
  display: none !important;
}

.welcome-modal-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  background: rgba(7, 10, 24, 0.78);
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px;
}

.welcome-modal {
  width: min(100%, 430px);
  max-height: min(88vh, 720px);
  overflow-y: auto;
  border-radius: 26px;
  padding: 20px;
  background:
    radial-gradient(circle at top right, rgba(255, 193, 7, 0.18), transparent 28%),
    radial-gradient(circle at top left, rgba(167, 139, 250, 0.14), transparent 32%),
    linear-gradient(180deg, #4338ca 0%, #2f2a72 100%);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 24px 64px rgba(0,0,0,0.34);
  color: #fff;
}

.welcome-modal-kicker {
  font-size: 0.8rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.82;
}

.welcome-modal-title {
  margin: 6px 0 0;
  font-size: 1.65rem;
  line-height: 1.15;
}

.welcome-sign-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-top: 16px;
}

.welcome-sign-card {
  border-radius: 18px;
  padding: 12px 14px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.10);
}

.welcome-sign-label {
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  opacity: 0.8;
}

.welcome-sign-value {
  margin-top: 6px;
  font-size: 1rem;
  font-weight: 800;
}

.welcome-summary-card {
  margin-top: 14px;
  border-radius: 18px;
  padding: 14px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.10);
}

.welcome-summary-label {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  opacity: 0.8;
}

.welcome-summary-text {
  margin-top: 8px;
  font-size: 0.97rem;
  line-height: 1.5;
}

.welcome-meta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}

.welcome-meta-pill {
  border-radius: 999px;
  padding: 8px 12px;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.10);
  font-size: 0.9rem;
  font-weight: 700;
}

.welcome-modal-actions {
  margin-top: 16px;
  display: flex;
  justify-content: flex-end;
}

.elevated-card,
.premium-hero,
.daily-power-card,
.choghadiya-now-card,
.welcome-modal {
  backdrop-filter: none !important;
}

@media (max-width: 700px) {
  .current-choghadiya-grid {
    grid-template-columns: 1fr;
  }

  .power-grid {
    grid-template-columns: 1fr;
  }

  .power-number {
    font-size: 1.85rem;
  }

  .hero-name {
    font-size: 1.8rem;
  }
}

/* TESTING PATCH: premium teaser + astro feed */
.premium-teaser-card {
  margin-top: 12px;
  border-radius: 22px;
  padding: 18px;
  border: 1px solid rgba(245, 210, 122, 0.26);
  background:
    radial-gradient(circle at top right, rgba(245, 210, 122, 0.18), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.04));
}

.premium-teaser-head {
  align-items: flex-start;
}

.premium-teaser-copy {
  margin: 12px 0 0;
  font-size: 0.97rem;
  line-height: 1.6;
  opacity: 0.94;
}

.premium-teaser-locks {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.premium-lock-line {
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.08);
  font-size: 0.92rem;
  line-height: 1.45;
}

.premium-teaser-card .action-btn {
  margin-top: 14px;
}

.astro-feed-card {
  margin-top: 12px;
  border-radius: 24px;
  padding: 18px;
  background:
    radial-gradient(circle at top left, rgba(167, 139, 250, 0.16), transparent 28%),
    radial-gradient(circle at bottom right, rgba(96, 165, 250, 0.10), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.04));
}

.astro-feed-copy {
  margin: 12px 0 0;
  font-size: 0.96rem;
  line-height: 1.55;
  opacity: 0.9;
}

.astro-feed-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.astro-feed-item {
  min-height: 148px;
  padding: 16px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.05));
  border: 1px solid rgba(255,255,255,0.08);
  display: grid;
  align-content: start;
  gap: 10px;
  box-shadow: 0 14px 32px rgba(10, 11, 26, 0.18);
}

.astro-feed-item--accent {
  background:
    radial-gradient(circle at top right, rgba(245, 210, 122, 0.14), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,0.09), rgba(255,255,255,0.05));
}

.astro-feed-item--focus {
  background:
    radial-gradient(circle at top left, rgba(167, 139, 250, 0.18), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,0.09), rgba(255,255,255,0.05));
}

.wr-power-move {
  border: 1px solid rgba(255,215,0,0.4);
  box-shadow: 0 0 12px rgba(255,215,0,0.15);
}

.wr-color-chip {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
  vertical-align: middle;
}

.astro-feed-kicker {
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.78;
}

.astro-feed-title {
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.28;
}

.astro-feed-body {
  font-size: 0.92rem;
  line-height: 1.55;
  opacity: 0.92;
}

.astro-feed-footer {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 0.8rem;
  opacity: 0.76;
}

.astro-feed-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.08);
}

.astro-feed-item.skeleton {
  grid-column: 1 / -1;
  min-height: auto;
  opacity: 0.75;
}

@media (max-width: 720px) {
  .premium-teaser-card,
  .astro-feed-card,
  .daily-power-card {
    padding: 16px;
    border-radius: 20px;
  }

  .premium-teaser-copy,
  .astro-feed-copy {
    font-size: 0.92rem;
    line-height: 1.5;
  }

  .premium-lock-line {
    padding: 10px 12px;
    font-size: 0.88rem;
  }

  .astro-feed-grid {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    padding-bottom: 4px;
    grid-template-columns: none;
    margin-right: -2px;
  }

  .astro-feed-grid::-webkit-scrollbar {
    height: 6px;
  }

  .astro-feed-grid::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.14);
    border-radius: 999px;
  }

  .astro-feed-item {
    flex: 0 0 82vw;
    max-width: 82vw;
    min-height: 132px;
    scroll-snap-align: start;
    gap: 8px;
  }

  .astro-feed-item.skeleton {
    min-width: 82vw;
  }
}

/* TESTING PATCH: mobile polish */
@media (max-width: 700px) {
  .wr-power-tile {
    padding: 16px;
  }

  .wr-energy-times {
    justify-content: flex-start;
  }

  .mini-engage-btn {
    min-height: 46px;
  }
}


#confirmNewPasswordInput {
  margin-top: 2px;
}


/* PATCH: wordmark + global tagline + hosted legal links */
.brand-text-wordmark{
  gap: 8px;
}
.brand-wordmark{
  width: clamp(160px, 26vw, 240px);
  max-width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 8px 22px rgba(255, 191, 73, 0.22));
}
.brand-wordmark-auth{
  width: min(280px, 72vw);
}
.brand-tagline-global{
  margin: 0;
  font-size: 12px;
  line-height: 1.35;
  color: rgba(255,255,255,.82);
}
.brand-copy-block{
  min-width: 0;
}
.brand-logo-box{
  width: 74px;
  height: 74px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.04));
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 10px 30px rgba(0,0,0,.24);
}
.brand-logo-img{
  width: 86%;
  height: 86%;
  object-fit: contain;
  filter: drop-shadow(0 10px 20px rgba(255, 191, 73, 0.22));
}
.auth-legal-links{
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  align-items: center;
  color: rgba(255,255,255,.72);
  font-size: 13px;
  line-height: 1.5;
}
.auth-legal-links a{
  color: #cfe0ff;
  font-weight: 700;
  text-decoration: none;
}
.auth-legal-links a:hover{
  text-decoration: underline;
}
.legal-card{
  gap: 12px;
}
.legal-copy{
  line-height: 1.6;
}
.legal-link-row{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}
.legal-chip{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: #dfe8ff;
  font-weight: 700;
  text-decoration: none;
}
.legal-chip:hover{
  background: rgba(255,255,255,.10);
}
.legal-inline-btn{
  background:none;
  border:0;
  color:inherit;
  font:inherit;
  font-weight:800;
  text-decoration:none;
  padding:0;
  margin:0 6px;
}
@media (max-width: 700px){
  .brand-wordmark{
    width: min(210px, 64vw);
  }
  .top-status-row{
    align-items: flex-start;
  }
  .brand-header{
    width: 100%;
  }
  .premium-status-pill{
    align-self: flex-start;
  }
}


/* POLISH PATCH: logo contrast + global tagline */

.brand-header{flex:1 1 auto;min-width:0;}
.brand-text-wordmark{
  gap:10px;
  padding:10px 14px 10px 12px;
  border-radius:20px;
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 14px 36px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(12px);
}
.brand-wordmark{
  width:clamp(188px, 29vw, 270px);
  max-width:100%;
  filter:drop-shadow(0 6px 16px rgba(0,0,0,.45)) drop-shadow(0 0 22px rgba(255,191,73,.16));
}
.brand-wordmark-auth{
  width:min(300px, 74vw);
}
.brand-tagline-global{
  font-size:13px;
  line-height:1.4;
  color:rgba(255,255,255,.9);
  text-shadow:0 1px 2px rgba(0,0,0,.24);
}
.brand-row{align-items:flex-start;}
.brand-logo-box{
  width:78px;
  height:78px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.05));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 12px 28px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08);
}
.brand-logo-img{
  width:88%;
  height:88%;
  filter:drop-shadow(0 8px 18px rgba(255,191,73,.18));
}
.share-logo{
  width:34px;
  height:34px;
  object-fit:contain;
}
@media (max-width:700px){
  .top-status-row{gap:12px;}
  .brand-text-wordmark{
    padding:9px 12px 9px 10px;
    border-radius:18px;
  }
  .brand-wordmark{
    width:min(228px, 68vw);
  }
  .brand-wordmark-auth{
    width:min(260px, 72vw);
  }
  .brand-logo-box{
    width:72px;
    height:72px;
  }
  .brand-tagline-global{
    font-size:12.5px;
  }
}


html[data-astro-mode="western"] #choghadiyaCard,
html[data-astro-mode="western"] #panchangCard,
html[data-astro-mode="western"] .tab-btn[data-tab="choghadiya"],
html[data-astro-mode="western"] .tab-panel[data-panel="choghadiya"] {
  display: none !important;
}

html[data-astro-mode="vedic"] #westernTimingCard {
  display: none !important;
}


html[data-astro-mode="western"] .vedic-only,
html[data-astro-mode="western"] .tab-btn[data-tab="kundli"],
html[data-astro-mode="western"] .tab-panel[data-panel="kundli"],
html[data-astro-mode="western"] #homeKundliBtn,
html[data-astro-mode="western"] #kundliPanel,
html[data-astro-mode="western"] #kundliTab,
.mode-switch.premium-switch,
#vedicModeBtn,
#westernModeBtn {
  display: none !important;
}


.mode-status-card {
  margin-top: 14px;
  padding: 14px;
  border-radius: 18px;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.14);
  box-shadow: 0 10px 24px rgba(0,0,0,0.16);
}
.mode-status-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.mode-status-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
  opacity: .8;
  margin-bottom: 4px;
}
.mode-status-title {
  font-size: 22px;
  font-weight: 800;
  line-height: 1.1;
}
.mode-status-desc {
  margin-top: 6px;
  font-size: 13px;
  opacity: .92;
}
.mode-status-badge {
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 700;
  background: rgba(255,255,255,0.14);
  white-space: nowrap;
}
.mode-status-meta {
  margin-top: 10px;
  font-size: 12px;
  opacity: .85;
}
.mode-status-btn {
  margin-top: 10px;
  width: 100%;
  border: 0;
  border-radius: 12px;
  padding: 11px 14px;
  font-weight: 700;
  cursor: pointer;
  background: rgba(255,255,255,0.14);
  color: #fff;
}
.onboarding-mode-grid {
  display: grid;
  gap: 10px;
  margin-bottom: 14px;
}
.onboarding-mode-card {
  text-align: left;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.06);
  color: #fff;
  cursor: pointer;
}
.onboarding-mode-card strong {
  display: block;
  margin-bottom: 4px;
}
.onboarding-mode-card span {
  display: block;
  font-size: 12px;
  opacity: .9;
  line-height: 1.35;
}
.onboarding-mode-card.active {
  border-color: rgba(56, 189, 248, 0.95);
  background: rgba(255,255,255,0.14);
  box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.22);
}

.vedic-only-hidden {
  display: none !important;
}

.onboarding-vedic-hidden {
  display: none !important;
}

/* V4.8.9 true tail lock */
#mainApp .wr-energy-line,
#mainApp .today-energy-line,
#mainApp .energy-line,
#mainApp .energy-line-value,
#mainApp #todayEnergyValue {
  display: none !important;
}

#mainApp .wr-reminder-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 74px !important;
  min-height: 78px !important;
  max-height: 92px !important;
  overflow: hidden !important;
}

#mainApp .wr-reminder-card p {
  display: none !important;
}

#mainApp .wr-reminder-btn {
  font-size: 0 !important;
  width: 74px !important;
  min-width: 74px !important;
  max-width: 74px !important;
  height: 40px !important;
  padding: 0 !important;
}

#mainApp .wr-reminder-btn::after {
  content: "Enable" !important;
  font-size: 13px !important;
}

#mainApp .wr-reminder-btn.is-enabled::after {
  content: "Enabled" !important;
}

#mainApp .legal-links {
  display: none !important;
  margin: 0 !important;
}

#mainApp .app-main {
  padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important;
}

#mainApp .tab-panel {
  padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important;
}

/* V4.9 Daily guidance, calendar header, and footer cleanup */
#mainApp.wr-calendar-active .wr-home-status-strip {
  display: none !important;
}

#mainApp .wr-daily-preview-card {
  width: 100% !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: #fff !important;
  background: rgba(255,255,255,0.10) !important;
  box-shadow: none !important;
}

#mainApp .wr-daily-preview-card span {
  display: block;
  margin-bottom: 6px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.72;
}

#mainApp .wr-daily-preview-card strong {
  display: block;
  font-size: 15px;
  line-height: 1.4;
}

#mainApp .legal-links {
  display: none !important;
}

#mainApp .app-main {
  padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important;
}

#mainApp .tab-panel {
  padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important;
}

/* V4.8.9 Calendar screen, reminder repair, and footer compression */
#mainApp .wr-energy-line,
#mainApp .today-energy-line,
#mainApp .energy-line,
#mainApp .energy-line-value,
#mainApp #todayEnergyValue {
  display: none !important;
}

#mainApp .wr-calendar-panel {
  padding-bottom: calc(104px + env(safe-area-inset-bottom, 0px)) !important;
}

#mainApp .wr-calendar-shell {
  display: grid !important;
  gap: 14px !important;
  padding: 18px 16px calc(110px + env(safe-area-inset-bottom, 0px)) !important;
}

#mainApp .wr-calendar-screen-head {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

#mainApp .wr-calendar-screen-head h2 {
  margin: 2px 0 0 !important;
  font-size: 28px !important;
  line-height: 1.05 !important;
}

#mainApp .wr-calendar-back-btn,
#mainApp .wr-calendar-nav-btn {
  border: 1px solid rgba(255,255,255,0.16) !important;
  color: #fff !important;
  background: rgba(255,255,255,0.12) !important;
  font-weight: 900 !important;
}

#mainApp .wr-calendar-back-btn {
  min-height: 38px !important;
  padding: 8px 13px !important;
  border-radius: 999px !important;
}

#mainApp .wr-calendar-month-card,
#mainApp .wr-calendar-detail-card {
  padding: 16px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255,255,255,0.13) !important;
  background: rgba(255,255,255,0.08) !important;
}

#mainApp .wr-calendar-month-head {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) 40px !important;
  align-items: center !important;
  gap: 8px !important;
}

#mainApp #calendarMonthTitle {
  text-align: center !important;
  font-size: 19px !important;
  font-weight: 900 !important;
}

#mainApp .wr-calendar-nav-btn {
  width: 40px !important;
  height: 40px !important;
  border-radius: 14px !important;
  font-size: 24px !important;
  line-height: 1 !important;
}

#mainApp .wr-calendar-weekdays,
#mainApp .wr-calendar-grid {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

#mainApp .wr-calendar-weekdays {
  margin-top: 14px !important;
}

#mainApp .wr-calendar-weekdays span {
  text-align: center !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  opacity: 0.62 !important;
}

#mainApp .wr-calendar-grid {
  margin-top: 8px !important;
}

#mainApp .wr-calendar-day-cell {
  position: relative !important;
  aspect-ratio: 1 !important;
  min-width: 0 !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 12px !important;
  color: #fff !important;
  background: rgba(255,255,255,0.07) !important;
  display: grid !important;
  place-items: center !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

#mainApp .wr-calendar-day-cell.is-empty {
  visibility: hidden !important;
}

#mainApp .wr-calendar-day-cell.is-today {
  color: #14213d !important;
  background: linear-gradient(135deg, #f8e76f, #22d3ee) !important;
}

#mainApp .wr-calendar-day-cell.is-selected {
  box-shadow: 0 0 0 2px rgba(255,255,255,0.85) !important;
}

#mainApp .wr-calendar-day-cell i {
  position: absolute !important;
  bottom: 5px !important;
  width: 5px !important;
  height: 5px !important;
  border-radius: 999px !important;
  background: #f8e76f !important;
}

#mainApp .wr-calendar-detail-card h3 {
  margin: 4px 0 0 !important;
  font-size: 22px !important;
  line-height: 1.1 !important;
}

#mainApp .wr-calendar-detail-line {
  margin-top: 8px !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  opacity: 0.86 !important;
}

#mainApp .wr-calendar-detail-events {
  display: grid !important;
  gap: 8px !important;
  margin-top: 12px !important;
}

#mainApp .wr-calendar-event-pill,
#mainApp .wr-calendar-empty {
  padding: 10px 12px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  background: rgba(255,255,255,0.08) !important;
}

#mainApp .wr-calendar-event-pill strong,
#mainApp .wr-calendar-event-pill span {
  display: block !important;
}

#mainApp .wr-calendar-event-pill span,
#mainApp .wr-calendar-empty {
  margin-top: 3px !important;
  font-size: 12px !important;
  opacity: 0.74 !important;
}

#mainApp .wr-reminder-card {
  grid-template-columns: minmax(0, 1fr) 74px !important;
  min-height: 78px !important;
  max-height: 92px !important;
  overflow: hidden !important;
}

#mainApp .wr-reminder-card p {
  display: none !important;
}

#mainApp .wr-reminder-card strong {
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

#mainApp .wr-reminder-btn {
  font-size: 0 !important;
  width: 74px !important;
  min-width: 74px !important;
  max-width: 74px !important;
  height: 40px !important;
  padding: 0 !important;
}

#mainApp .wr-reminder-btn::after {
  content: "Enable" !important;
  font-size: 13px !important;
}

#mainApp .wr-reminder-card:has(.wr-reminder-btn[aria-label="Daily reminder enabled"]) .wr-reminder-btn::after {
  content: "Enabled" !important;
}

#mainApp .wr-reminder-btn.is-enabled::after {
  content: "Enabled" !important;
}

#mainApp .legal-links {
  margin-top: 0 !important;
  margin-bottom: calc(66px + env(safe-area-inset-bottom, 0px)) !important;
}

#mainApp .app-main {
  padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
}

/* V4.8.10 Daily polish absolute final override */
#homeTab .wr-return-note,
#homeTab .return-hint,
#homeTab .come-back-hint,
#homeTab [data-section="return-hint"] {
  display: none !important;
}

#dailyTab {
  padding-bottom: 76px !important;
}

#dailyTab::after {
  height: 24px !important;
}

#dailyTab #wr-return,
#dailyTab [data-i18n="diagnostics"],
#dailyTab .vedic-only {
  display: none !important;
}

#dailyTab .wr-color-stat-card::before,
#dailyTab .wr-color-stat-card::after {
  display: none !important;
  content: none !important;
}

#dailyTab .wr-color-stat-card .stat-value {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  width: auto !important;
}

#dailyTab .wr-color-stat-card .stat-value.wr-value-with-inline-dot::after {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 999px;
  flex: 0 0 14px;
  background: var(--wr-inline-dot-color, var(--wr-card-swatch, #9ad8ff));
  border: 2px solid rgba(255,255,255,.72);
}

#dailyTab .wr-sun-time-card {
  position: relative;
  min-height: 132px;
  padding-left: 92px !important;
  overflow: hidden;
}

#dailyTab .wr-sun-time-card::before {
  position: absolute;
  left: 22px;
  top: 26px;
  width: 50px;
  height: 50px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font-size: 28px;
}

#dailyTab .wr-sunrise-card::before {
  content: "☀";
  background: linear-gradient(135deg, #ffe38a, #ff9f43);
}

#dailyTab .wr-sunset-card::before {
  content: "☾";
  background: linear-gradient(135deg, #d9ecff, #8d78ff);
}

/* V4.8.11 final placement lock */
#mainApp .app-main {
  padding-bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important;
}

#mainApp .tab-panel.active,
#mainApp .tab-panel:not([hidden]) {
  padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important;
}

#mainApp .tab-panel[data-panel="home"].active,
#mainApp .tab-panel[data-panel="home"]:not([hidden]) {
  padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
}

#dailyTab .page-shell {
  padding-bottom: 18px !important;
}

#dailyTab .content-stack {
  gap: 14px !important;
  padding-bottom: 18px !important;
}

#dailyTab #compatibilityCard {
  overflow: visible !important;
}

#dailyTab #compatibilityCard .card-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

#dailyTab #compatibilityCard .card-head > div {
  min-width: 0 !important;
}

#dailyTab #compatibilityCard .section-kicker,
#dailyTab #dailyCompatibilityTitle,
#dailyTab #compatibilityInsight {
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

#dailyTab #dailyCompatibilityTitle {
  max-width: 100% !important;
  margin: 2px 0 0 !important;
  line-height: 1.18 !important;
  white-space: normal !important;
}

#dailyTab #compatibilityScore {
  max-width: 84px !important;
  min-width: 56px !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

#dailyTab #premiumGuidanceCard {
  margin-top: 2px !important;
  margin-bottom: 14px !important;
}

#dailyTab .wr-daily-detail-card {
  gap: 16px !important;
}

#dailyTab .wr-daily-detail-copy {
  padding: 14px 15px !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.10) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

#dailyTab .wr-daily-detail-accordion {
  gap: 12px !important;
}

#dailyTab .wr-lucky-deeplink-focus {
  scroll-margin-top: 24px !important;
}

/* V4.3 tester polish: tighter bottom rhythm, readable tabs, stable launch cards */
#mainApp .app-page {
  padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important;
}

#mainApp .app-main {
  padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px)) !important;
}

#mainApp .tab-panel.active,
#mainApp .tab-panel:not([hidden]) {
  padding-bottom: calc(68px + env(safe-area-inset-bottom, 0px)) !important;
}

#mainApp .tab-panel[data-panel="home"].active,
#mainApp .tab-panel[data-panel="home"]:not([hidden]),
#mainApp .tab-panel[data-panel="premium"].active,
#mainApp .tab-panel[data-panel="premium"]:not([hidden]),
#mainApp .tab-panel[data-panel="connectTab"].active,
#mainApp .tab-panel[data-panel="connectTab"]:not([hidden]) {
  padding-bottom: calc(60px + env(safe-area-inset-bottom, 0px)) !important;
}

#mainApp #tab-choghadiya,
#mainApp #tab-choghadiya .page-shell,
#mainApp #tab-choghadiya #choghadiyaNightList {
  padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
}

#mainApp .tab-panel > :last-child,
#mainApp .tab-panel .page-shell > :last-child,
#mainApp .tab-panel .content-stack > :last-child {
  margin-bottom: 0 !important;
}

#mainApp .wr-reminder-card,
#mainApp .connect-card,
#mainApp .premium-dev-tools {
  margin-bottom: 0 !important;
}

#bottomNav,
#mainApp .bottom-nav {
  bottom: max(8px, env(safe-area-inset-bottom, 0px)) !important;
  gap: 3px !important;
  padding: 7px !important;
}

#bottomNav .tab-btn,
#bottomNav .nav-item {
  min-height: 66px !important;
  padding: 6px 1px !important;
  border-radius: 18px !important;
}

#bottomNav .tab-emoji {
  font-size: 20px !important;
  line-height: 1 !important;
}

#bottomNav .tab-label,
#bottomNav .nav-label {
  display: -webkit-box !important;
  max-width: 100% !important;
  min-height: 2.4em !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  white-space: normal !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  font-size: clamp(9px, 2.45vw, 10.5px) !important;
  line-height: 1.14 !important;
  letter-spacing: 0 !important;
}

#bottomNav .tab-btn[data-tab="daily"] .tab-label,
#bottomNav .tab-btn[data-tab="premium"] .tab-label {
  overflow-wrap: normal !important;
}

#dailyTab #compatibilityCard {
  overflow: visible !important;
  padding-top: 17px !important;
}

#dailyTab #compatibilityCard .card-head {
  align-items: start !important;
  overflow: visible !important;
}

#dailyTab #compatibilityCard .section-kicker {
  display: block !important;
  max-width: 100% !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  transform: none !important;
}

#dailyTab #dailyCompatibilityTitle {
  clear: both !important;
}

#wrDeeperHoroscopePreview,
#homeTab #wrDeeperHoroscopePreview,
#homeTab #astroFeedCard,
#homeTab #powerTeaseCard {
  content-visibility: auto !important;
  contain: layout paint !important;
}

#homeDailyAlignmentText,
#homeDailyHoroscopePreview,
#astroFeedCopy {
  min-height: 3.8em !important;
}

#astroFeedGrid {
  min-height: 148px !important;
}

.wr-patch-stamp {
  width: 100%;
  margin: 10px 0 22px;
  text-align: center;
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: 0;
}

@media (max-width: 390px) {
  #bottomNav .tab-label,
  #bottomNav .nav-label {
    font-size: 9px !important;
  }
}

/* V4.8.12 hierarchy, rhythm, and narrow-device polish */
#mainApp {
  --wr-section-gap: 14px;
  --wr-related-gap: 9px;
  --wr-card-border: rgba(255,255,255,.12);
  --wr-card-soft: rgba(255,255,255,.075);
  --wr-card-softer: rgba(255,255,255,.045);
}

#homeTab,
#dailyTab,
#premiumTab {
  gap: var(--wr-section-gap) !important;
}

#homeTab > *,
#dailyTab .content-stack > *,
#premiumTab > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#homeTab .wr-share-card-preview,
#homeTab #astroFeedCard,
#homeTab #powerTeaseCard,
#homeTab #choghadiyaCard {
  margin-top: var(--wr-section-gap) !important;
}

#homeTab #astroFeedCard,
#homeTab #powerTeaseCard {
  padding-bottom: 16px !important;
}

#homeTab #astroFeedGrid {
  margin-bottom: 0 !important;
}

#dailyTab .card,
#dailyTab .glass-card,
#dailyTab .stat-card,
#premiumTab .wr-premium-card,
#premiumTab .premium-lock-card,
#dailyTab .wr-premium-card {
  border: 1px solid var(--wr-card-border) !important;
  background-color: var(--wr-card-soft) !important;
}

#dailyTab #dailyGuidanceBlock {
  display: grid !important;
  gap: var(--wr-related-gap) !important;
}

#dailyTab #dailyGuidanceBlock .subsection-title {
  margin: 2px 0 4px !important;
}

#dailyTab #dailyGuidanceBlock .glass-card,
#dailyTab #dailyGuidanceBlock .card {
  margin: 0 !important;
}

#dailyTab .wr-daily-detail-header {
  align-items: flex-start !important;
  gap: 12px !important;
}

#dailyTab .wr-daily-detail-header h3,
#dailyTab #premiumDeeperReadingTitle {
  letter-spacing: 0 !important;
  text-transform: none !important;
}

#dailyTab .wr-daily-sign-badge {
  max-width: 44%;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  text-align: right !important;
}

#dailyTab #compatibilityCard,
#premiumTab #premiumCompatibilityDashboard,
#premiumTab .premium-lock-card {
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

#premiumTab .premium-lock-card,
#premiumCompatibilityDashboard .premium-lock-card {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  gap: 10px !important;
  overflow: hidden !important;
}

#premiumTab .premium-lock-card > div,
#premiumCompatibilityDashboard .premium-lock-card > div {
  min-width: 0 !important;
}

#premiumTab .premium-lock-card h3,
#premiumTab .premium-lock-card p,
#premiumTab .premium-lock-card span,
#premiumCompatibilityDashboard .premium-lock-card h3,
#premiumCompatibilityDashboard .premium-lock-card p,
#premiumCompatibilityDashboard .premium-lock-card span {
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

#dailyTab .wr-premium-section-card,
#premiumTab .wr-premium-section-card {
  margin-top: var(--wr-related-gap) !important;
  border-color: rgba(255,255,255,.12) !important;
  background: var(--wr-card-softer) !important;
}

#dailyTab .wr-premium-section-card.featured,
#premiumTab .wr-premium-section-card.featured,
#dailyTab .wr-premium-section-card.featured-pattern,
#premiumTab .wr-premium-section-card.featured-pattern {
  background: linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.07)) !important;
  border-color: rgba(255,255,255,.18) !important;
}

#dailyTab .wr-premium-section-card:not(.featured):not(.featured-pattern),
#premiumTab .wr-premium-section-card:not(.featured):not(.featured-pattern) {
  box-shadow: none !important;
}

#dailyTab .wr-premium-section-icon,
#premiumTab .wr-premium-section-icon {
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  font-size: 11px !important;
  letter-spacing: 0 !important;
}

#dailyTab .wr-premium-copy,
#premiumTab .wr-premium-copy {
  line-height: 1.55 !important;
}

#dailyTab .wr-lucky-deeplink-focus,
#premiumLuckyNumbersCard.wr-lucky-deeplink-focus,
#premiumLuckyNumbersLocked.wr-lucky-deeplink-focus {
  animation: wrLuckyDeeplinkPulse 1.2s ease-in-out 2 !important;
}

@keyframes wrLuckyDeeplinkPulse {
  0%, 100% {
    box-shadow: 0 0 0 rgba(250,204,21,0);
    border-color: rgba(255,255,255,.14);
  }
  45% {
    box-shadow: 0 0 0 4px rgba(250,204,21,.22), 0 12px 28px rgba(0,0,0,.22);
    border-color: rgba(250,204,21,.62);
  }
}

@media (max-width: 390px) {
  #dailyTab .page-shell,
  #premiumTab {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  #dailyTab .card,
  #dailyTab .glass-card,
  #premiumTab .wr-premium-card,
  #premiumTab .premium-lock-card {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  #dailyTab #compatibilityCard .card-head,
  #premiumTab .premium-lock-card,
  #premiumCompatibilityDashboard .premium-lock-card {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #dailyTab #compatibilityScore,
  #premiumTab .premium-lock-card > span,
  #premiumCompatibilityDashboard .premium-lock-card > span {
    justify-self: flex-start !important;
    max-width: 100% !important;
  }

  #dailyTab .wr-daily-sign-badge {
    max-width: 100% !important;
    text-align: left !important;
  }
}

/* V5.1 Home stability and hierarchy pass */
#homeTab .wr-home-hero-card,
#homeTab .welcome-card,
#homeTab .hero-card {
  min-height: 188px !important;
  contain: layout paint !important;
}

#homeTab #homeDailyAlignmentCard,
#homeTab [data-section="daily-alignment"],
#homeTab .wr-daily-alignment-card {
  min-height: 136px !important;
}

#homeTab #homeDailyHoroscopePreview,
#homeTab .wr-home-horoscope-preview,
#homeTab .astro-feed-copy,
#homeTab #astroFeedCopy {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 4.4em !important;
}

#homeTab #astroFeedCard {
  min-height: 286px !important;
  contain: layout paint !important;
}

#homeTab #astroFeedGrid {
  min-height: 150px !important;
  align-items: stretch !important;
}

#homeTab #astroFeedGrid .astro-feed-item {
  min-height: 148px !important;
}

#homeTab #powerTeaseCard {
  min-height: 220px !important;
  contain: layout paint !important;
}

#homeTab .premium-teaser-locks,
#homeTab #powerTeaseLocks {
  min-height: 44px !important;
}

#homeTab .wr-share-lucky-signal,
#homeTab #wrShareLuckySignal {
  min-height: 142px !important;
}

#homeTab .section-kicker,
#dailyTab .section-kicker,
#premiumTab .section-kicker,
#homeTab .stat-label,
#dailyTab .stat-label,
#premiumTab .stat-label {
  line-height: 1.2 !important;
}

#homeTab .section-kicker,
#dailyTab .section-kicker,
#premiumTab .section-kicker {
  opacity: .78 !important;
}

#dailyTab #dailyGuidanceBlock {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
}

#dailyTab #dailyGuidanceBlock .subsection-title,
#dailyTab #dailyIntelligenceHoroscopeCard,
#dailyTab #dailyMoodCard,
#dailyTab #dailyDestinyArcCard,
#dailyTab #premiumLuckyNumbersCard,
#dailyTab #premiumLuckyNumbersLocked {
  grid-column: 1 / -1 !important;
}

#dailyTab #dailyIntelligenceHoroscopeCard {
  min-height: 156px !important;
}

#dailyTab #dailyIntelligenceHoroscopeText {
  display: -webkit-box !important;
  -webkit-line-clamp: 5 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

#dailyTab #dailyLuckyNumberCard,
#dailyTab #colorOfDayCard,
#dailyTab #compatibilityCard {
  padding: 14px !important;
}

#dailyTab #dailyLuckyNumberCard .stat-value,
#dailyTab #colorOfDayCard .stat-value {
  font-size: 24px !important;
  line-height: 1.15 !important;
}

#premiumTab .wr-premium-chip-row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

#premiumTab .wr-premium-section-card:not(.featured):not(.featured-pattern) .wr-premium-section-body {
  padding-top: 8px !important;
}

@media (max-width: 390px) {
  #homeTab .wr-home-hero-card,
  #homeTab .welcome-card,
  #homeTab .hero-card {
    min-height: 176px !important;
  }

  #homeTab #astroFeedCard {
    min-height: 274px !important;
  }

  #homeTab #powerTeaseCard {
    min-height: 206px !important;
  }

  #dailyTab #dailyGuidanceBlock,
  #premiumTab .wr-premium-chip-row {
    grid-template-columns: 1fr !important;
  }
}

/* V4.8.12 Motorola premium polish lock */
#mainApp .app-page {
  padding-bottom: calc(86px + env(safe-area-inset-bottom, 0px)) !important;
}

#mainApp .app-main,
#mainApp .tab-panel.active,
#mainApp .tab-panel:not([hidden]),
#mainApp .page-shell {
  gap: 14px !important;
}

#mainApp .tab-panel.active,
#mainApp .tab-panel:not([hidden]) {
  padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important;
}

#mainApp .tab-panel[data-panel="home"].active,
#mainApp .tab-panel[data-panel="home"]:not([hidden]),
#mainApp .tab-panel[data-panel="premium"].active,
#mainApp .tab-panel[data-panel="premium"]:not([hidden]) {
  padding-bottom: calc(68px + env(safe-area-inset-bottom, 0px)) !important;
}

#mainApp .tab-panel[data-panel="home"] .card,
#mainApp .tab-panel[data-panel="home"] .wr-card,
#mainApp .tab-panel[data-panel="home"] .premium-card,
#mainApp .tab-panel[data-panel="premium"] .card,
#mainApp .tab-panel[data-panel="premium"] .premium-card,
#mainApp .tab-panel[data-panel="premium"] .wr-card {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
}

#mainApp .tab-panel[data-panel="home"] > :last-child,
#mainApp .tab-panel[data-panel="premium"] > :last-child,
#dailyTab .content-stack > :last-child {
  margin-bottom: 0 !important;
}

#dailyTab .content-stack {
  gap: 12px !important;
}

#dailyTab .content-stack > .card,
#dailyTab #dailyReadingCard > .card,
#dailyTab #dailyReadingCard > .daily-reading-card,
#dailyTab #dailyReadingCard > .wr-deeper-horoscope-card,
#dailyTab .wr-daily-detail-item {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.16) !important;
}

#dailyTab .wr-daily-detail-header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-width: 0 !important;
}

#dailyTab .wr-daily-detail-header h3 {
  margin: 2px 0 0 !important;
  color: #fff !important;
  font-size: clamp(21px, 5.4vw, 28px) !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

#dailyTab .wr-daily-sign-badge {
  flex: 0 1 auto !important;
  max-width: 42% !important;
  padding: 8px 11px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.13) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  overflow-wrap: anywhere !important;
  text-align: right !important;
}

#dailyTab #compatibilityCard {
  padding: 15px !important;
  overflow: hidden !important;
  border-radius: 20px !important;
}

#dailyTab #compatibilityCard .card-head {
  grid-template-columns: minmax(0, 1fr) minmax(50px, auto) !important;
  gap: 8px !important;
}

#dailyTab #compatibilityCard .section-kicker {
  font-size: 11px !important;
  line-height: 1.15 !important;
  white-space: normal !important;
}

#dailyTab #dailyCompatibilityTitle {
  font-size: clamp(17px, 4.6vw, 21px) !important;
}

#dailyTab #compatibilityScore {
  max-width: 68px !important;
  min-width: 50px !important;
  padding: 7px 9px !important;
  font-size: 12px !important;
}

#dailyTab .wr-lucky-deeplink-focus {
  animation: wrLuckyPulse 1.6s ease-out 1;
}

@keyframes wrLuckyPulse {
  0% { box-shadow: 0 0 0 0 rgba(250, 204, 21, 0.52), 0 18px 42px rgba(0,0,0,0.24); }
  55% { box-shadow: 0 0 0 8px rgba(250, 204, 21, 0.14), 0 18px 42px rgba(0,0,0,0.24); }
  100% { box-shadow: 0 0 0 0 rgba(250, 204, 21, 0), 0 18px 42px rgba(0,0,0,0.24); }
}

@media (max-width: 390px) {
  #dailyTab .wr-daily-detail-card {
    padding: 15px 13px 17px !important;
  }

  #dailyTab .wr-daily-sign-badge {
    max-width: 46% !important;
    font-size: 12px !important;
    padding: 7px 9px !important;
  }

  #dailyTab #compatibilityCard {
    padding: 14px !important;
  }
}

/* V4.8.11 final placement lock */
#mainApp .app-main {
  padding-bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important;
}

#mainApp .tab-panel.active,
#mainApp .tab-panel:not([hidden]) {
  padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important;
}

#mainApp .tab-panel[data-panel="home"].active,
#mainApp .tab-panel[data-panel="home"]:not([hidden]) {
  padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
}

#dailyTab .page-shell {
  padding-bottom: 18px !important;
}

#dailyTab .content-stack {
  gap: 14px !important;
  padding-bottom: 18px !important;
}

#dailyTab #compatibilityCard {
  overflow: visible !important;
}

#dailyTab #compatibilityCard .card-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

#dailyTab #compatibilityCard .card-head > div {
  min-width: 0 !important;
}

#dailyTab #compatibilityCard .section-kicker,
#dailyTab #dailyCompatibilityTitle,
#dailyTab #compatibilityInsight {
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

#dailyTab #dailyCompatibilityTitle {
  max-width: 100% !important;
  margin: 2px 0 0 !important;
  line-height: 1.18 !important;
  white-space: normal !important;
}

#dailyTab #compatibilityScore {
  max-width: 84px !important;
  min-width: 56px !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

#dailyTab #premiumGuidanceCard {
  margin-top: 2px !important;
  margin-bottom: 14px !important;
}

#dailyTab .wr-daily-detail-card {
  gap: 16px !important;
}

#dailyTab .wr-daily-detail-copy {
  padding: 14px 15px !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.10) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

#dailyTab .wr-daily-detail-accordion {
  gap: 12px !important;
}

#dailyTab .wr-lucky-deeplink-focus {
  scroll-margin-top: 24px !important;
}

/* V4.8.11 absolute final UX rhythm override - must stay last */
#mainApp .app-main {
  padding-bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important;
}

#mainApp .tab-panel.active,
#mainApp .tab-panel:not([hidden]) {
  padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important;
}

#mainApp .tab-panel[data-panel="home"].active,
#mainApp .tab-panel[data-panel="home"]:not([hidden]) {
  padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
}

#dailyTab .page-shell {
  padding-bottom: 18px !important;
}

#dailyTab .content-stack {
  gap: 14px !important;
  padding-bottom: 18px !important;
}

#dailyTab #compatibilityCard {
  overflow: visible !important;
}

#dailyTab #compatibilityCard .card-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

#dailyTab #compatibilityCard .card-head > div {
  min-width: 0 !important;
}

#dailyTab #compatibilityCard .section-kicker,
#dailyTab #dailyCompatibilityTitle,
#dailyTab #compatibilityInsight {
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

#dailyTab #dailyCompatibilityTitle {
  max-width: 100% !important;
  margin: 2px 0 0 !important;
  line-height: 1.18 !important;
  white-space: normal !important;
}

#dailyTab #compatibilityScore {
  max-width: 84px !important;
  min-width: 56px !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

#dailyTab #premiumGuidanceCard {
  margin-top: 2px !important;
  margin-bottom: 14px !important;
}

#dailyTab .wr-daily-detail-card {
  gap: 16px !important;
}

#dailyTab .wr-daily-detail-copy {
  padding: 14px 15px !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.10) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

#dailyTab .wr-daily-detail-accordion {
  gap: 12px !important;
}

#dailyTab .wr-lucky-deeplink-focus {
  scroll-margin-top: 24px !important;
}

/* V4.8.11 absolute final UX rhythm override */
#mainApp .app-main {
  padding-bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important;
}

#mainApp .tab-panel.active,
#mainApp .tab-panel:not([hidden]) {
  padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important;
}

#mainApp .tab-panel[data-panel="home"].active,
#mainApp .tab-panel[data-panel="home"]:not([hidden]) {
  padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
}

#dailyTab .page-shell {
  padding-bottom: 18px !important;
}

#dailyTab .content-stack {
  gap: 14px !important;
  padding-bottom: 18px !important;
}

#dailyTab #compatibilityCard {
  overflow: visible !important;
}

#dailyTab #compatibilityCard .card-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

#dailyTab #compatibilityCard .card-head > div {
  min-width: 0 !important;
}

#dailyTab #compatibilityCard .section-kicker,
#dailyTab #dailyCompatibilityTitle,
#dailyTab #compatibilityInsight {
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

#dailyTab #dailyCompatibilityTitle {
  max-width: 100% !important;
  margin: 2px 0 0 !important;
  line-height: 1.18 !important;
  white-space: normal !important;
}

#dailyTab #compatibilityScore {
  max-width: 84px !important;
  min-width: 56px !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

#dailyTab #premiumGuidanceCard {
  margin-top: 2px !important;
  margin-bottom: 14px !important;
}

#dailyTab .wr-daily-detail-card {
  gap: 16px !important;
}

#dailyTab .wr-daily-detail-copy {
  padding: 14px 15px !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.10) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

#dailyTab .wr-daily-detail-accordion {
  gap: 12px !important;
}

#dailyTab .wr-lucky-deeplink-focus {
  scroll-margin-top: 24px !important;
}

/* V4.8.11 UX rhythm patch: bottom gaps, Daily cards, compatibility wrap, lucky deeplink */
#mainApp .app-main {
  padding-bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important;
}

#mainApp .tab-panel.active,
#mainApp .tab-panel:not([hidden]) {
  padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important;
}

#mainApp .tab-panel[data-panel="home"].active,
#mainApp .tab-panel[data-panel="home"]:not([hidden]) {
  padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
}

#mainApp .tab-panel[data-panel="home"] > :last-child,
#mainApp #homeTab > :last-child {
  margin-bottom: 0 !important;
}

#dailyTab {
  padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important;
}

#dailyTab .page-shell {
  padding-bottom: 18px !important;
}

#dailyTab .content-stack {
  gap: 14px !important;
  padding-bottom: 18px !important;
}

#dailyTab .content-stack > .card,
#dailyTab .content-stack > [id$="Card"],
#dailyTab #dailyReadingCard > .card,
#dailyTab #dailyReadingCard > .daily-reading-card,
#dailyTab #dailyReadingCard > .wr-deeper-horoscope-card {
  margin-bottom: 0 !important;
}

#dailyTab #compatibilityCard {
  overflow: visible !important;
}

#dailyTab #compatibilityCard .card-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

#dailyTab #compatibilityCard .card-head > div {
  min-width: 0 !important;
}

#dailyTab #compatibilityCard .section-kicker,
#dailyTab #dailyCompatibilityTitle,
#dailyTab #compatibilityInsight {
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

#dailyTab #dailyCompatibilityTitle {
  max-width: 100% !important;
  margin: 2px 0 0 !important;
  line-height: 1.18 !important;
  white-space: normal !important;
}

#dailyTab #compatibilityScore {
  max-width: 84px !important;
  min-width: 56px !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

#dailyTab #premiumGuidanceCard {
  margin-top: 2px !important;
  margin-bottom: 14px !important;
}

#dailyTab .wr-daily-detail-card {
  gap: 16px !important;
}

#dailyTab .wr-daily-detail-copy {
  padding: 14px 15px !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.10) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

#dailyTab .wr-daily-detail-accordion {
  gap: 12px !important;
}

#dailyTab .wr-daily-detail-item {
  margin: 0 !important;
}

#dailyTab .wr-lucky-deeplink-focus {
  scroll-margin-top: 24px !important;
}

@media (max-width: 390px) {
  #dailyTab #compatibilityCard .card-head {
    grid-template-columns: minmax(0, 1fr) minmax(54px, auto) !important;
  }

  #dailyTab #compatibilityScore {
    max-width: 70px !important;
    padding-inline: 10px !important;
  }
}

/* Final cascade guard for Daily device screenshots. */
#dailyTab {
  padding-bottom: 76px !important;
}

#dailyTab::after {
  height: 24px !important;
}

#dailyTab .wr-color-stat-card::before,
#dailyTab .wr-color-stat-card::after {
  display: none !important;
  content: none !important;
}

#dailyTab .wr-color-stat-card .stat-value.wr-value-with-inline-dot::after {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 999px;
  flex: 0 0 14px;
  background: var(--wr-inline-dot-color, var(--wr-card-swatch, #9ad8ff));
  border: 2px solid rgba(255,255,255,.72);
}

/* Last-mile Daily overrides for device webview ordering. */
#homeTab .wr-return-note,
#homeTab .return-hint,
#homeTab .come-back-hint,
#homeTab [data-section="return-hint"] {
  display: none !important;
}

#dailyTab {
  padding-bottom: 76px !important;
}

#dailyTab::after {
  height: 24px !important;
}

#dailyTab #wr-return,
#dailyTab [data-i18n="diagnostics"],
#dailyTab .vedic-only {
  display: none !important;
}

#dailyTab .wr-color-stat-card::before,
#dailyTab .wr-color-stat-card::after {
  display: none !important;
  content: none !important;
}

#dailyTab .wr-color-stat-card .stat-value {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  width: auto !important;
}

#dailyTab .wr-color-stat-card .stat-value.wr-value-with-inline-dot::after {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 999px;
  flex: 0 0 14px;
  background: var(--wr-inline-dot-color, var(--wr-card-swatch, #9ad8ff));
  border: 2px solid rgba(255,255,255,.72);
}

#dailyTab .wr-sun-time-card {
  position: relative;
  min-height: 132px;
  padding-left: 92px !important;
  overflow: hidden;
}

#dailyTab .wr-sun-time-card::before {
  position: absolute;
  left: 22px;
  top: 26px;
  width: 50px;
  height: 50px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font-size: 28px;
}

#dailyTab .wr-sunrise-card::before {
  content: "☀";
  background: linear-gradient(135deg, #ffe38a, #ff9f43);
}

#dailyTab .wr-sunset-card::before {
  content: "☾";
  background: linear-gradient(135deg, #d9ecff, #8d78ff);
}

/* Daily polish: keep task pages lighter than the Home dashboard. */
#mainApp.wr-non-home-active .wr-home-status-strip {
  display: none !important;
}

#mainApp.wr-non-home-active .app-header {
  margin-bottom: 10px !important;
  padding-bottom: 4px !important;
}

#dailyTab .page-shell {
  padding-bottom: 96px !important;
}

#dailyTab .content-stack {
  gap: 12px !important;
}

#dailyTab #dailyReadingCard:empty,
#dailyTab #wr-return:empty {
  display: none !important;
}

#dailyTab #dailyGuidanceBlock {
  display: block;
  margin-top: 4px !important;
}

#dailyTab #daily-guidance-title {
  margin-bottom: 12px !important;
}

#dailyTab #premiumGuidanceCard {
  margin-bottom: 12px !important;
}

#dailyTab #advancedObservanceCard {
  margin-top: 18px !important;
}

#dailyTab #premiumLuckyNumbersCard,
#dailyTab #premiumLuckyNumbersLocked {
  overflow: visible !important;
}

#dailyTab #premiumLuckyNumbersCard .card-head,
#dailyTab #premiumLuckyNumbersLocked .card-head {
  align-items: flex-start !important;
  gap: 10px !important;
}

#dailyTab #premiumLuckyNumbersCard h3,
#dailyTab #premiumLuckyNumbersLocked h3 {
  line-height: 1.15 !important;
  white-space: normal !important;
}

#dailyTab .stat-value {
  overflow-wrap: anywhere;
}

#dailyTab #sunriseValue,
#dailyTab #sunsetValue,
#dailyTab #rahuKaalValue,
#dailyTab #abhijitValue,
#dailyTab #auspiciousTimeValue,
#dailyTab #cautionTimeValue {
  font-size: clamp(22px, 6vw, 32px) !important;
  line-height: 1.15 !important;
}

#dailyTab .wr-color-stat-card {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

#dailyTab .wr-color-stat-card::before {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 999px;
  display: block;
  margin-bottom: 8px;
  border: 2px solid rgba(255, 255, 255, 0.72);
  background: var(--wr-card-swatch, #9ad8ff);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.12), 0 10px 26px var(--wr-card-glow, rgba(154, 216, 255, 0.25));
}

#dailyTab .wr-color-stat-card:not(.wr-color-card-empty) {
  background:
    linear-gradient(135deg, var(--wr-card-color-a, rgba(70, 145, 210, .50)), var(--wr-card-color-b, rgba(24, 40, 100, .46))),
    rgba(255, 255, 255, 0.08) !important;
}

#dailyTab .wr-color-stat-card[data-color-name="Red"] { --wr-card-swatch:#e84b5f; --wr-card-color-a:rgba(190,55,75,.58); --wr-card-color-b:rgba(76,18,35,.48); --wr-card-glow:rgba(232,75,95,.35); }
#dailyTab .wr-color-stat-card[data-color-name="Gold"] { --wr-card-swatch:#f0c95a; --wr-card-color-a:rgba(184,137,35,.58); --wr-card-color-b:rgba(78,54,18,.48); --wr-card-glow:rgba(240,201,90,.35); }
#dailyTab .wr-color-stat-card[data-color-name="Blue"] { --wr-card-swatch:#5aa7ff; --wr-card-color-a:rgba(46,93,185,.58); --wr-card-color-b:rgba(16,35,92,.48); --wr-card-glow:rgba(90,167,255,.34); }
#dailyTab .wr-color-stat-card[data-color-name="Green"] { --wr-card-swatch:#61d394; --wr-card-color-a:rgba(48,135,86,.58); --wr-card-color-b:rgba(18,70,43,.48); --wr-card-glow:rgba(97,211,148,.34); }
#dailyTab .wr-color-stat-card[data-color-name="White"] { --wr-card-swatch:#f7f7f2; --wr-card-color-a:rgba(210,218,230,.34); --wr-card-color-b:rgba(82,90,112,.34); --wr-card-glow:rgba(247,247,242,.25); }
#dailyTab .wr-color-stat-card[data-color-name="Purple"] { --wr-card-swatch:#b98cff; --wr-card-color-a:rgba(124,70,192,.58); --wr-card-color-b:rgba(50,28,98,.48); --wr-card-glow:rgba(185,140,255,.34); }
#dailyTab .wr-color-stat-card[data-color-name="Orange"] { --wr-card-swatch:#ff9a4b; --wr-card-color-a:rgba(194,100,35,.58); --wr-card-color-b:rgba(86,42,17,.48); --wr-card-glow:rgba(255,154,75,.34); }
#dailyTab .wr-color-stat-card[data-color-name="Pink"],
#dailyTab .wr-color-stat-card[data-color-name="Rose Pink"] { --wr-card-swatch:#ff8fbd; --wr-card-color-a:rgba(190,78,130,.55); --wr-card-color-b:rgba(88,34,65,.46); --wr-card-glow:rgba(255,143,189,.32); }
#dailyTab .wr-color-stat-card[data-color-name="Sky Blue"] { --wr-card-swatch:#8fd4ff; --wr-card-color-a:rgba(74,145,210,.50); --wr-card-color-b:rgba(28,68,120,.44); --wr-card-glow:rgba(143,212,255,.32); }
#dailyTab .wr-color-stat-card[data-color-name="Sea Green"] { --wr-card-swatch:#50d0b5; --wr-card-color-a:rgba(48,145,126,.52); --wr-card-color-b:rgba(20,78,70,.46); --wr-card-glow:rgba(80,208,181,.32); }
#dailyTab .wr-color-stat-card[data-color-name="Maroon"] { --wr-card-swatch:#8f253d; --wr-card-color-a:rgba(130,35,58,.58); --wr-card-color-b:rgba(58,16,30,.48); --wr-card-glow:rgba(143,37,61,.32); }
#dailyTab .wr-color-stat-card[data-color-name="Charcoal"] { --wr-card-swatch:#3d4350; --wr-card-color-a:rgba(70,76,90,.55); --wr-card-color-b:rgba(24,28,38,.50); --wr-card-glow:rgba(120,130,150,.22); }
#dailyTab .wr-color-stat-card[data-color-name="Electric Blue"] { --wr-card-swatch:#28d8ff; --wr-card-color-a:rgba(30,135,210,.56); --wr-card-color-b:rgba(14,48,115,.48); --wr-card-glow:rgba(40,216,255,.34); }

#dailyTab .wr-notification-focus {
  outline: 2px solid rgba(255, 238, 100, 0.9);
  box-shadow: 0 0 0 5px rgba(255, 238, 100, 0.15), 0 18px 48px rgba(0, 0, 0, 0.28) !important;
}

/* Final Daily tightening and cleaner color/timing presentation. */
#homeTab .wr-return-note,
#homeTab .return-hint,
#homeTab .come-back-hint,
#homeTab [data-section="return-hint"] {
  display: none !important;
}

#dailyTab {
  padding-bottom: 76px !important;
}

#dailyTab::after {
  height: 24px !important;
}

#dailyTab .page-shell,
#dailyTab .content-stack {
  padding-bottom: 48px !important;
}

#dailyTab #dailyReadingCard:empty,
#dailyTab #wr-return,
#dailyTab [data-i18n="diagnostics"],
#dailyTab .vedic-only {
  display: none !important;
}

#dailyTab #dailyGuidanceBlock {
  margin-top: 0 !important;
}

#dailyTab #premiumGuidanceCard,
#dailyTab #guidanceModeCard {
  margin-bottom: 8px !important;
}

#dailyTab .wr-color-stat-card::before,
#dailyTab .wr-color-stat-card::after {
  display: none !important;
  content: none !important;
}

#dailyTab .wr-color-stat-card {
  border-radius: 22px !important;
}

#dailyTab .wr-color-stat-card .stat-value {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  width: auto !important;
}

#dailyTab .wr-color-stat-card .stat-value.wr-value-with-inline-dot::after {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 999px;
  flex: 0 0 14px;
  background: var(--wr-inline-dot-color, var(--wr-card-swatch, #9ad8ff));
  border: 2px solid rgba(255, 255, 255, 0.72);
  box-shadow: 0 0 0 3px rgba(255,255,255,.10);
}

#dailyTab .wr-sun-time-card {
  position: relative;
  min-height: 132px;
  padding-left: 92px !important;
  overflow: hidden;
}

#dailyTab .wr-sun-time-card::before {
  position: absolute;
  left: 22px;
  top: 26px;
  width: 50px;
  height: 50px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font-size: 28px;
  box-shadow: 0 14px 34px rgba(0,0,0,.22);
}

#dailyTab .wr-sunrise-card {
  background:
    linear-gradient(135deg, rgba(255,180,78,.26), rgba(58,125,255,.20)),
    rgba(255,255,255,.08) !important;
}

#dailyTab .wr-sunrise-card::before {
  content: "☀";
  background: linear-gradient(135deg, #ffe38a, #ff9f43);
}

#dailyTab .wr-sunset-card {
  background:
    linear-gradient(135deg, rgba(255,115,96,.24), rgba(90,65,190,.24)),
    rgba(255,255,255,.08) !important;
}

#dailyTab .wr-sunset-card::before {
  content: "☾";
  background: linear-gradient(135deg, #d9ecff, #8d78ff);
}

#dailyTab .wr-sun-time-card .stat-value {
  font-size: clamp(24px, 6vw, 32px) !important;
  line-height: 1.12 !important;
}

/* V4.8.8 Home lucky signal, reminder, calendar, and footer spacing polish */
#mainApp .wr-share-lucky-signal {
  min-height: 96px !important;
}

#mainApp .wr-share-lucky-signal > span {
  margin-bottom: 8px !important;
}

#mainApp .wr-share-lucky-signal strong {
  display: flex !important;
  align-items: baseline !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
  font-size: 30px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#mainApp .wr-share-lucky-signal strong span {
  display: inline !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  opacity: 1 !important;
}

#mainApp #wrShareLucky {
  font-size: 34px !important;
  font-weight: 950 !important;
}

#mainApp #wrShareColor {
  font-size: 28px !important;
  font-weight: 950 !important;
}

#mainApp .wr-calendar-home-card {
  width: 100% !important;
  padding: 16px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255,255,255,0.13) !important;
  background:
    radial-gradient(circle at top right, rgba(45, 212, 191, 0.18), transparent 38%),
    rgba(255,255,255,0.08) !important;
  box-shadow: 0 18px 38px rgba(8, 10, 35, 0.18) !important;
}

#mainApp .wr-calendar-home-top {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

#mainApp .wr-calendar-home-top h3 {
  margin: 2px 0 0 !important;
  font-size: 22px !important;
  line-height: 1.1 !important;
}

#mainApp .wr-calendar-open-btn {
  flex: 0 0 auto !important;
  min-height: 36px !important;
  padding: 9px 16px !important;
  border: 1px solid rgba(255,255,255,0.42) !important;
  border-radius: 999px !important;
  color: #10162f !important;
  background: linear-gradient(135deg, #fff176, #f9c846) !important;
  box-shadow: 0 10px 22px rgba(249, 200, 70, 0.28) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

#mainApp .wr-calendar-home-line {
  margin-top: 12px !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 850 !important;
}

#mainApp .wr-calendar-home-meta {
  margin-top: 6px !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  opacity: 0.76 !important;
}

#mainApp .wr-reminder-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 14px 15px !important;
  min-height: 0 !important;
}

#mainApp .wr-reminder-card .section-kicker {
  display: none !important;
}

#mainApp .wr-reminder-card strong {
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 1.12 !important;
  white-space: nowrap !important;
}

#mainApp .wr-reminder-card p {
  margin: 4px 0 0 !important;
  max-width: none !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  opacity: 0.78 !important;
}

#mainApp .wr-reminder-btn {
  min-width: 76px !important;
  padding: 0 16px !important;
  white-space: nowrap !important;
  font-size: 13px !important;
}

#mainApp .legal-links {
  margin-top: 4px !important;
  margin-bottom: calc(86px + env(safe-area-inset-bottom, 0px)) !important;
  padding: 0 !important;
  min-height: 0 !important;
  font-size: 12px !important;
}

#mainApp .app-main {
  padding-bottom: calc(118px + env(safe-area-inset-bottom, 0px)) !important;
}

@media (max-width: 390px) {
  #mainApp .wr-share-lucky-signal strong {
    gap: 8px !important;
    font-size: 25px !important;
  }

  #mainApp #wrShareLucky {
    font-size: 30px !important;
  }

  #mainApp #wrShareColor {
    font-size: 24px !important;
  }

  #mainApp .wr-reminder-card {
    grid-template-columns: 1fr !important;
  }

  #mainApp .wr-reminder-btn {
    width: 100% !important;
  }
}

/* V4.8.9 final override: calendar screen and bottom spacing */
#mainApp .wr-energy-line,
#mainApp .today-energy-line,
#mainApp .energy-line,
#mainApp .energy-line-value,
#mainApp #todayEnergyValue {
  display: none !important;
}

#mainApp .wr-calendar-shell {
  display: grid !important;
  gap: 14px !important;
  padding: 18px 16px calc(110px + env(safe-area-inset-bottom, 0px)) !important;
}

#mainApp .wr-calendar-screen-head {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

#mainApp .wr-calendar-screen-head h2 {
  margin: 2px 0 0 !important;
  font-size: 28px !important;
  line-height: 1.05 !important;
}

#mainApp .wr-calendar-back-btn,
#mainApp .wr-calendar-nav-btn {
  border: 1px solid rgba(255,255,255,0.16) !important;
  color: #fff !important;
  background: rgba(255,255,255,0.12) !important;
  font-weight: 900 !important;
}

#mainApp .wr-calendar-back-btn {
  min-height: 38px !important;
  padding: 8px 13px !important;
  border-radius: 999px !important;
}

#mainApp .wr-calendar-month-card,
#mainApp .wr-calendar-detail-card,
#mainApp .wr-calendar-important-card {
  padding: 16px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255,255,255,0.13) !important;
  background: rgba(255,255,255,0.08) !important;
}

#mainApp .wr-calendar-month-head {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) 40px !important;
  align-items: center !important;
  gap: 8px !important;
}

#mainApp #calendarMonthTitle {
  text-align: center !important;
  font-size: 19px !important;
  font-weight: 900 !important;
}

#mainApp .wr-calendar-nav-btn {
  width: 40px !important;
  height: 40px !important;
  border-radius: 14px !important;
  font-size: 24px !important;
  line-height: 1 !important;
}

#mainApp .wr-calendar-weekdays,
#mainApp .wr-calendar-grid {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

#mainApp .wr-calendar-weekdays {
  margin-top: 14px !important;
}

#mainApp .wr-calendar-weekdays span {
  text-align: center !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  opacity: 0.62 !important;
}

#mainApp .wr-calendar-grid {
  margin-top: 8px !important;
}

#mainApp .wr-calendar-day-cell {
  position: relative !important;
  aspect-ratio: 1 !important;
  min-width: 0 !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 12px !important;
  color: #fff !important;
  background: rgba(255,255,255,0.07) !important;
  display: grid !important;
  place-items: center !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

#mainApp .wr-calendar-day-cell.is-empty {
  visibility: hidden !important;
}

#mainApp .wr-calendar-day-cell.is-today {
  color: #14213d !important;
  background: linear-gradient(135deg, #f8e76f, #22d3ee) !important;
}

#mainApp .wr-calendar-day-cell.is-selected {
  box-shadow: 0 0 0 2px rgba(255,255,255,0.85) !important;
}

#mainApp .wr-calendar-day-cell i {
  position: absolute !important;
  bottom: 5px !important;
  width: 5px !important;
  height: 5px !important;
  border-radius: 999px !important;
  background: #f8e76f !important;
}

#mainApp .wr-calendar-detail-card h3 {
  margin: 4px 0 0 !important;
  font-size: 22px !important;
  line-height: 1.1 !important;
}

#mainApp .wr-calendar-detail-line {
  margin-top: 8px !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  opacity: 0.86 !important;
}

#mainApp .wr-calendar-detail-events {
  display: grid !important;
  gap: 8px !important;
  margin-top: 12px !important;
}

#mainApp .wr-calendar-event-pill,
#mainApp .wr-calendar-empty {
  padding: 10px 12px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  background: rgba(255,255,255,0.08) !important;
}

#mainApp .wr-calendar-event-pill strong,
#mainApp .wr-calendar-event-pill span {
  display: block !important;
}

#mainApp .wr-calendar-event-pill span,
#mainApp .wr-calendar-empty {
  margin-top: 3px !important;
  font-size: 12px !important;
  opacity: 0.74 !important;
}

#mainApp .wr-reminder-card {
  grid-template-columns: minmax(0, 1fr) 74px !important;
  min-height: 78px !important;
  max-height: 92px !important;
  overflow: hidden !important;
}

#mainApp .wr-reminder-card p {
  display: none !important;
}

#mainApp .wr-reminder-card strong {
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

#mainApp .wr-reminder-btn {
  font-size: 0 !important;
  width: 74px !important;
  min-width: 74px !important;
  max-width: 74px !important;
  height: 40px !important;
  padding: 0 !important;
}

#mainApp .wr-reminder-btn::after {
  content: "Enable" !important;
  font-size: 13px !important;
}

#mainApp .wr-reminder-card:has(.wr-reminder-btn[aria-label="Daily reminder enabled"]) .wr-reminder-btn::after {
  content: "Enabled" !important;
}

#mainApp .wr-reminder-btn.is-enabled::after {
  content: "Enabled" !important;
}

#mainApp .legal-links {
  margin-top: 0 !important;
  margin-bottom: calc(66px + env(safe-area-inset-bottom, 0px)) !important;
}

#mainApp .app-main {
  padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
}

/* V4.8.7 Home/Daily share, tithi, reminder, and compact premium polish */
#mainApp .wr-home-hero-card .hero-top-row {
  gap: 8px !important;
}

#mainApp .wr-home-hero-card .hero-name {
  font-size: 40px !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

#mainApp .wr-home-hero-card .wr-home-top-badge {
  padding: 8px 10px !important;
}

#mainApp .wr-home-hero-card .wr-home-top-badge-title {
  font-size: 13px !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

#mainApp .wr-home-hero-card .wr-home-top-badge-sub {
  font-size: 10px !important;
}

#mainApp .wr-deeper-horoscope-card {
  padding: 18px 16px !important;
}

#mainApp .wr-deeper-horoscope-card h2 {
  margin-bottom: 8px !important;
}

#mainApp .wr-deeper-main {
  margin-bottom: 12px !important;
}

#mainApp .premium-urgency,
#mainApp #homeShareCardBtn,
#mainApp .wr-notification-test-btn,
#mainApp #celestialCard {
  display: none !important;
}

#mainApp .wr-share-actions-row {
  grid-template-columns: 0.8fr 1fr 0.9fr !important;
  gap: 8px !important;
}

#mainApp .wr-share-actions-row button {
  min-width: 0 !important;
  padding: 10px 8px !important;
  font-size: 12px !important;
}

#mainApp .wr-share-actions-row .wr-download-png-btn::before,
#mainApp .wr-share-actions-row .wr-share-image-btn::before,
#mainApp .wr-share-actions-row button::after {
  content: none !important;
}

#mainApp .wr-share-lucky-signal {
  margin-top: 14px !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
  color: var(--wr-signal-text, #ffffff) !important;
  background: linear-gradient(135deg, var(--wr-signal-a, #38bdf8), var(--wr-signal-b, #4f46e5)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.26), 0 14px 28px rgba(8,10,35,0.22) !important;
}

#mainApp .wr-share-lucky-signal span {
  display: block !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  opacity: 0.82 !important;
}

#mainApp .wr-share-lucky-signal strong {
  display: block !important;
  margin-top: 4px !important;
  font-size: 22px !important;
  line-height: 1.12 !important;
}

#mainApp .astro-feed-head {
  align-items: start !important;
  gap: 10px !important;
}

#mainApp .wr-astro-share-btn {
  flex: 0 0 auto !important;
  border: 1px solid rgba(255,255,255,0.16) !important;
  border-radius: 999px !important;
  padding: 8px 12px !important;
  color: #fff !important;
  background: rgba(255,255,255,0.12) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

#mainApp .wr-lucky-signal {
  border-color: rgba(255,255,255,0.24) !important;
  background: linear-gradient(145deg, var(--wr-signal-a, rgba(34,197,94,0.30)), rgba(255,255,255,0.08)) !important;
}

#mainApp .premium-teaser-card {
  padding: 16px !important;
}

#mainApp .premium-teaser-card .wr-focus-selector,
#mainApp .premium-teaser-locks {
  gap: 7px !important;
}

#mainApp .premium-teaser-locks {
  margin-top: 10px !important;
}

#mainApp .premium-lock-line {
  padding: 10px 12px !important;
  font-size: 13px !important;
}

#mainApp .wr-reminder-card {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 14px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  background: rgba(255,255,255,0.08) !important;
}

#mainApp .wr-reminder-card strong {
  display: block !important;
  margin-top: 2px !important;
  font-size: 16px !important;
}

#mainApp .wr-reminder-card p {
  margin: 4px 0 0 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  opacity: 0.78 !important;
}

#mainApp .wr-reminder-btn {
  flex: 0 0 auto !important;
  min-width: 82px !important;
  min-height: 40px !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #14213d !important;
  background: linear-gradient(135deg, #f8e76f, #22d3ee) !important;
  font-weight: 900 !important;
}

#mainApp .choghadiya-now-card.tone-amrit .current-choghadiya-label { color: #5df29a !important; }
#mainApp .choghadiya-now-card.tone-labh .current-choghadiya-label { color: #bef264 !important; }
#mainApp .choghadiya-now-card.tone-shubh .current-choghadiya-label { color: #fde68a !important; }
#mainApp .choghadiya-now-card.tone-chal .current-choghadiya-label { color: #93c5fd !important; }
#mainApp .choghadiya-now-card.tone-udveg .current-choghadiya-label { color: #fbbf24 !important; }
#mainApp .choghadiya-now-card.tone-rog .current-choghadiya-label { color: #fb923c !important; }
#mainApp .choghadiya-now-card.tone-kaal .current-choghadiya-label { color: #f87171 !important; }

@media (max-width: 390px) {
  #mainApp .wr-home-hero-card .hero-name {
    font-size: 34px !important;
  }

  #mainApp .wr-home-hero-card .hero-greeting {
    font-size: 16px !important;
  }

  #mainApp .wr-home-hero-card .wr-home-top-badge-title {
    font-size: 12px !important;
  }

  #mainApp .wr-home-hero-card .wr-home-top-badge-icon {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
  }
}

/* V4.8.9 tail lock: keep Calendar/reminder/footer fixes after legacy CSS */
#mainApp .wr-energy-line,
#mainApp .today-energy-line,
#mainApp .energy-line,
#mainApp .energy-line-value,
#mainApp #todayEnergyValue {
  display: none !important;
}

#mainApp .wr-calendar-shell {
  display: grid !important;
  gap: 14px !important;
  padding: 18px 16px calc(110px + env(safe-area-inset-bottom, 0px)) !important;
}

#mainApp .wr-calendar-month-card,
#mainApp .wr-calendar-detail-card {
  padding: 16px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255,255,255,0.13) !important;
  background: rgba(255,255,255,0.08) !important;
}

#mainApp .wr-calendar-weekdays,
#mainApp .wr-calendar-grid {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

#mainApp .wr-calendar-day-cell {
  aspect-ratio: 1 !important;
  min-width: 0 !important;
  border-radius: 12px !important;
  display: grid !important;
  place-items: center !important;
  white-space: nowrap !important;
}

#mainApp .wr-reminder-card {
  grid-template-columns: minmax(0, 1fr) 74px !important;
  min-height: 78px !important;
  max-height: 92px !important;
  overflow: hidden !important;
}

#mainApp .wr-reminder-card p {
  display: none !important;
}

#mainApp .wr-reminder-btn {
  font-size: 0 !important;
  width: 74px !important;
  min-width: 74px !important;
  max-width: 74px !important;
  height: 40px !important;
  padding: 0 !important;
}

#mainApp .wr-reminder-btn::after {
  content: "Enable" !important;
  font-size: 13px !important;
}

#mainApp .wr-reminder-btn.is-enabled::after {
  content: "Enabled" !important;
}

#mainApp .legal-links {
  margin-top: 0 !important;
  margin-bottom: calc(66px + env(safe-area-inset-bottom, 0px)) !important;
}

#mainApp .app-main {
  padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
}

/* V4.8.8 final override: keep latest Home polish after legacy overrides */
#mainApp .wr-share-lucky-signal {
  min-height: 96px !important;
}

#mainApp .wr-share-lucky-signal strong {
  display: flex !important;
  align-items: baseline !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
  font-size: 30px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#mainApp .wr-share-lucky-signal strong span {
  display: inline !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  opacity: 1 !important;
}

#mainApp #wrShareLucky {
  font-size: 34px !important;
  font-weight: 950 !important;
}

#mainApp #wrShareColor {
  font-size: 28px !important;
  font-weight: 950 !important;
}

#mainApp .wr-calendar-home-card {
  width: 100% !important;
  padding: 16px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255,255,255,0.13) !important;
  background: radial-gradient(circle at top right, rgba(45, 212, 191, 0.18), transparent 38%), rgba(255,255,255,0.08) !important;
}

#mainApp .wr-calendar-home-top {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

#mainApp .wr-calendar-home-top h3 {
  margin: 2px 0 0 !important;
  font-size: 22px !important;
  line-height: 1.1 !important;
}

#mainApp .wr-calendar-open-btn {
  flex: 0 0 auto !important;
  min-height: 36px !important;
  padding: 9px 16px !important;
  border: 1px solid rgba(255,255,255,0.42) !important;
  border-radius: 999px !important;
  color: #10162f !important;
  background: linear-gradient(135deg, #fff176, #f9c846) !important;
  box-shadow: 0 10px 22px rgba(249, 200, 70, 0.28) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

#mainApp .wr-calendar-home-line {
  margin-top: 12px !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 850 !important;
}

#mainApp .wr-calendar-home-meta {
  margin-top: 6px !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  opacity: 0.76 !important;
}

#mainApp .wr-reminder-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 14px 15px !important;
}

#mainApp .wr-reminder-card .section-kicker {
  display: none !important;
}

#mainApp .wr-reminder-card strong {
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 1.12 !important;
  white-space: nowrap !important;
}

#mainApp .wr-reminder-card p {
  margin: 4px 0 0 !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  opacity: 0.78 !important;
}

#mainApp .wr-reminder-btn {
  min-width: 76px !important;
  padding: 0 16px !important;
  white-space: nowrap !important;
  font-size: 13px !important;
}

#mainApp .legal-links {
  margin-top: 4px !important;
  margin-bottom: calc(86px + env(safe-area-inset-bottom, 0px)) !important;
  padding: 0 !important;
  min-height: 0 !important;
  font-size: 12px !important;
}

#mainApp .app-main {
  padding-bottom: calc(118px + env(safe-area-inset-bottom, 0px)) !important;
}

@media (max-width: 390px) {
  #mainApp .wr-share-lucky-signal strong {
    gap: 8px !important;
    font-size: 25px !important;
  }

  #mainApp #wrShareLucky {
    font-size: 30px !important;
  }

  #mainApp #wrShareColor {
    font-size: 24px !important;
  }

  #mainApp .wr-reminder-card {
    grid-template-columns: 1fr !important;
  }

  #mainApp .wr-reminder-btn {
    width: 100% !important;
  }
}

.onboarding-style-dependent {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.onboarding-style-hidden,
.onboarding-style-dependent[hidden] {
  display: none !important;
}

#onboardingVedicFields {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 2px;
}

#onboardingVedicFields.onboarding-vedic-hidden,
#onboardingVedicFields[hidden] {
  display: none !important;
}

.legal-check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 14px 0;
  font-size: 13px;
  line-height: 1.35;
}

.legal-check input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px;
  margin-top: 1px;
  accent-color: #1bbcff;
}


/* === WiseRashi V4-A integrated styles === */
.v4a-color-dot{
  width:12px;height:12px;border-radius:999px;display:inline-block;vertical-align:middle;
  margin-right:8px;border:1px solid rgba(255,255,255,.28);box-shadow:0 0 0 2px rgba(255,255,255,.06) inset;
}
.v4a-color-dot.large{width:14px;height:14px;}
.v4a-color-text{vertical-align:middle;}
.v4a-power-window{border-left:4px solid #22c55e !important;}
.v4a-use-caution{border-left:4px solid #ff5a5f !important;}
.wr-energy-line {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
  opacity: 0.9;
}

.wr-energy-icon {
  font-size: 16px;
}

.wr-energy-label {
  font-size: 12px;
  opacity: 0.7;
}

.wr-energy-text {
  font-size: 13px;
  font-weight: 500;
}

.wr-color-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.wr-color-dot.large {
  width: 14px;
  height: 14px;
}

/* =========================
   V4-B: Western cleanup + share theme + premium polish
   ========================= */

#modeVedicBtn,
#modeWesternBtn,
#vedicModeBtn,
#westernModeBtn,
.mode-toggle,
.mode-pills {
  display: none !important;
}

.wr-logout-secondary {
  opacity: 0.92;
}

.wr-premium-theme-card {
  margin-top: 16px;
  padding: 16px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,0.09), rgba(255,255,255,0.05));
  border: 1px solid rgba(255,255,255,0.12);
}

.wr-premium-theme-label {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  opacity: 0.85;
  margin-bottom: 12px;
}

.wr-theme-options {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}

.theme-option {
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.08);
  color: #fff;
  border-radius: 12px;
  padding: 10px 14px;
  font-weight: 700;
  cursor: pointer;
}

.theme-option.active {
  background: rgba(255,255,255,0.18);
  border-color: rgba(255,255,255,0.28);
  box-shadow: 0 0 0 1px rgba(255,255,255,0.12) inset;
}

.wr-share-preview-card {
  min-height: 130px;
  border-radius: 18px;
  padding: 16px;
  border: 1px solid rgba(255,255,255,0.12);
  overflow: hidden;
}

.wr-share-preview-inner {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.wr-share-preview-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.wr-share-preview-brand {
  font-size: 18px;
  font-weight: 800;
}

.wr-share-preview-mode {
  font-size: 12px;
  font-weight: 700;
  opacity: 0.85;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.12);
}

.wr-share-preview-sign {
  font-size: 28px;
  font-weight: 900;
  line-height: 1.1;
}

.wr-share-preview-meta {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  font-size: 14px;
  opacity: 0.92;
}

.theme-classic {
  background: linear-gradient(135deg, #3f2b96 0%, #5a4fb2 50%, #2b1d73 100%);
}

.theme-modern {
  background: linear-gradient(135deg, #0f172a 0%, #1d4ed8 50%, #06b6d4 100%);
}

.theme-cosmic {
  background: linear-gradient(135deg, #1f1147 0%, #6d28d9 50%, #ec4899 100%);
}

.choghadiya-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 12px;
  margin-bottom: 8px;
  background: rgba(255,255,255,0.05);
}

.choghadiya-row.good {
  border-left: 4px solid #22c55e;
}

.choghadiya-row.bad {
  border-left: 4px solid #ff4d4f;
}

.choghadiya-row.neutral {
  border-left: 4px solid #facc15;
}

.choghadiya-name {
  font-weight: 700;
}

.choghadiya-time {
  opacity: 0.9;
}

.wr-engagement {
  margin-top: 10px;
  font-size: 14px;
  opacity: 0.85;
  padding: 8px 12px;
  border-radius: 10px;
  background: rgba(255,255,255,0.05);
}

.wr-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.wr-section h3,
.wr-section h4 {
  margin: 0 0 6px;
}

.wr-section p {
  margin: 0;
  opacity: 0.92;
}

.wr-premium-teaser {
  margin-top: 14px;
  padding: 10px 12px;
  border-radius: 8px;
  background: rgba(255,255,255,0.06);
  font-size: 14px;
  opacity: 0.9;
}

.wr-return-note {
  margin-top: 10px;
  font-size: 13px;
  opacity: 0.82;
}

.wr-timing-card {
  border-left: 4px solid transparent;
}

.wr-timing-card.power-window {
  border-left-color: #22c55e;
}

.wr-timing-card.use-caution {
  border-left-color: #ff5a5f;
}

.timing-card {
  border-left: 4px solid transparent;
}

.timing-green {
  border-left-color: #22c55e;
}

.timing-red {
  border-left-color: #ff4d4f;
}


/* V4-B packaged polish */
#accountDataCard #logoutBtn.wr-logout-secondary { margin-top: 14px; width: 100%; }
html[data-astro-mode="western"] #advancedObservanceCard,
html[data-astro-mode="western"] #observanceDiagnosticsCard,
html[data-astro-mode="western"] #fastingGuidanceCard,
html[data-astro-mode="western"] #paranaPrepCard,
html[data-astro-mode="western"] #paranaStatusCard,
html[data-astro-mode="western"] #paranaWindowCard,
html[data-astro-mode="western"] #hariVasaraPrepCard,
html[data-astro-mode="western"] #ekadashiCompletionFlowCard,
html[data-astro-mode="western"] #sectInterpretationCard,
html[data-astro-mode="western"] #mahadvadashiSignalCard,
html[data-astro-mode="western"] #traditionModeCard,
html[data-astro-mode="western"] #nextTithiChangeCard { display:none !important; }
.wr-share-preview-card { position: relative; }
.theme-option[aria-pressed="true"] { outline: 2px solid rgba(255,255,255,0.18); }

/* =========================
   NEXT PATCH: Western cleanup + Premium polish + Share theme fix
   ========================= */

#modeVedicBtn,
#modeWesternBtn,
#vedicModeBtn,
#westernModeBtn,
.mode-toggle,
.mode-pills {
  display: none !important;
}

.wr-timing-card {
  border-left: 4px solid transparent;
}

.wr-timing-green {
  border-left-color: #22c55e;
}

.wr-timing-red {
  border-left-color: #ff4d4f;
}

.wr-premium-theme-card {
  margin-top: 16px;
  padding: 16px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,0.09), rgba(255,255,255,0.05));
  border: 1px solid rgba(255,255,255,0.12);
}

.wr-premium-theme-label {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  opacity: 0.85;
  margin-bottom: 12px;
}

.wr-theme-options {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}

.theme-option {
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.08);
  color: #fff;
  border-radius: 12px;
  padding: 10px 14px;
  font-weight: 700;
  cursor: pointer;
}

.theme-option.active {
  background: rgba(255,255,255,0.18);
  border-color: rgba(255,255,255,0.28);
  box-shadow: 0 0 0 1px rgba(255,255,255,0.12) inset;
}

.wr-share-preview-card {
  min-height: 130px;
  border-radius: 18px;
  padding: 16px;
  border: 1px solid rgba(255,255,255,0.12);
  overflow: hidden;
}

.wr-share-preview-inner {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.wr-share-preview-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.wr-share-preview-brand {
  font-size: 18px;
  font-weight: 800;
}

.wr-share-preview-mode {
  font-size: 12px;
  font-weight: 700;
  opacity: 0.85;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.12);
}

.wr-share-preview-sign {
  font-size: 28px;
  font-weight: 900;
  line-height: 1.1;
}

.wr-share-preview-meta {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  font-size: 14px;
  opacity: 0.92;
}

.theme-classic {
  background: linear-gradient(135deg, #3f2b96 0%, #5a4fb2 50%, #2b1d73 100%);
}

.theme-modern {
  background: linear-gradient(135deg, #0f172a 0%, #1d4ed8 50%, #06b6d4 100%);
}

.theme-cosmic {
  background: linear-gradient(135deg, #1f1147 0%, #6d28d9 50%, #ec4899 100%);
}

.wr-logout-secondary {
  opacity: 0.92;
  margin-top: 12px;
}

/* =========================================
   V4-B FINAL POLISH
   ========================================= */

#modeVedicBtn,
#modeWesternBtn,
#vedicModeBtn,
#westernModeBtn,
.mode-toggle,
.mode-pills {
  display: none !important;
}

.wr-timing-card {
  border-left: 4px solid transparent;
}

.wr-timing-green {
  border-left-color: #22c55e;
}

.wr-timing-red {
  border-left-color: #ff4d4f;
}

.wr-logout-secondary {
  opacity: 0.92;
  margin-top: 12px;
}

.wr-premium-theme-card {
  margin-top: 16px;
  padding: 16px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,0.09), rgba(255,255,255,0.05));
  border: 1px solid rgba(255,255,255,0.12);
}

.wr-premium-theme-label {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  opacity: 0.85;
  margin-bottom: 12px;
}

.wr-theme-options {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}

.theme-option {
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.08);
  color: #fff;
  border-radius: 12px;
  padding: 10px 14px;
  font-weight: 700;
  cursor: pointer;
}

.theme-option.active {
  background: rgba(255,255,255,0.18);
  border-color: rgba(255,255,255,0.28);
  box-shadow: 0 0 0 1px rgba(255,255,255,0.12) inset;
}

.wr-share-preview-card {
  min-height: 130px;
  border-radius: 18px;
  padding: 16px;
  border: 1px solid rgba(255,255,255,0.12);
  overflow: hidden;
}

.wr-share-preview-inner {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.wr-share-preview-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.wr-share-preview-brand {
  font-size: 18px;
  font-weight: 800;
}

.wr-share-preview-mode {
  font-size: 12px;
  font-weight: 700;
  opacity: 0.85;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.12);
}

.wr-share-preview-sign {
  font-size: 28px;
  font-weight: 900;
  line-height: 1.1;
}

.wr-share-preview-meta {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  font-size: 14px;
  opacity: 0.92;
}

.theme-classic {
  background: linear-gradient(135deg, #3f2b96 0%, #5a4fb2 50%, #2b1d73 100%);
}

.theme-modern {
  background: linear-gradient(135deg, #0f172a 0%, #1d4ed8 50%, #06b6d4 100%);
}

.theme-cosmic {
  background: linear-gradient(135deg, #1f1147 0%, #6d28d9 50%, #ec4899 100%);
}


.wr-inline-color-dot {
  width: 14px;
  height: 14px;
  display: inline-block;
  border-radius: 50%;
  margin-right: 10px;
  vertical-align: middle;
  border: 1px solid rgba(255,255,255,0.35);
  box-shadow: 0 0 0 1px rgba(255,255,255,0.10) inset;
}

.wr-focus-selector {
  display: flex;
  gap: 8px;
  margin: 10px 0;
}

.wr-focus-btn {
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.15);
  cursor: pointer;
  font-size: 12px;
}

.wr-focus-btn.active {
  background: linear-gradient(90deg, #7c5cff, #c061ff);
}

.wr-streak-card {
  background: linear-gradient(135deg, #1e293b, #0f172a);
  border-radius: 16px;
  padding: 14px;
  margin-top: 12px;
  color: #fff;
  box-shadow: 0 4px 20px rgba(0,0,0,0.3);
}

.wr-streak-top {
  font-size: 18px;
  font-weight: 600;
}

.wr-streak-msg {
  font-size: 13px;
  opacity: 0.8;
  margin-top: 4px;
}

.wr-streak-best {
  font-size: 11px;
  opacity: 0.6;
  margin-top: 6px;
}

.wr-reward-card {
  background: linear-gradient(135deg, rgba(255,255,255,0.06), rgba(255,255,255,0.03));
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 14px;
  margin-top: 12px;
  color: #fff;
  backdrop-filter: blur(8px);
}

.wr-reward-title {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 6px;
}

.wr-reward-body {
  font-size: 12px;
  line-height: 1.5;
  opacity: 0.82;
}

.wr-bonus-lucky {
  margin-top: 8px;
  font-size: 12px;
  opacity: 0.8;
}

.wr-tomorrow-color {
  margin-top: 8px;
  font-size: 12px;
  opacity: 0.8;
}

.wr-reward-card .wr-premium-teaser {
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.5;
  color: rgba(255,255,255,0.78);
}

.wr-return-hook {
  text-align: center;
  font-size: 12px;
  opacity: 0.6;
  margin-top: 10px;
}

.wr-notification-cta {
  margin-top: 12px;
  border-radius: 14px;
  padding: 12px 14px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  font-size: 13px;
  line-height: 1.45;
  color: rgba(255,255,255,0.9);
}

.wr-notification-permission {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
  color: #bfc5f2;
  font-size: 12px;
}

.wr-streak-popup {
  position: fixed;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(135deg, #7c3aed, #9333ea);
  padding: 16px 24px;
  border-radius: 16px;
  color: white;
  font-weight: 600;
  z-index: 999;
  animation: popIn 0.4s ease, fadeOut 0.4s ease 2s forwards;
  box-shadow: 0 18px 40px rgba(76, 29, 149, 0.35);
}

.wr-streak-sub {
  margin-top: 4px;
  font-size: 12px;
  font-weight: 500;
  opacity: 0.9;
}

@keyframes popIn {
  from { transform: translateX(-50%) scale(0.8); opacity: 0; }
  to { transform: translateX(-50%) scale(1); opacity: 1; }
}

@keyframes fadeOut {
  to { opacity: 0; transform: translateX(-50%) translateY(-10px); }
}
.wr-home-personal-subtitle {
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.5;
  opacity: 0.78;
}

.wr-streak-hint {
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0.74;
}

.wr-today-power-microcopy {
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.55;
  opacity: 0.78;
}

.wr-info-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

.wr-info-chip {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.08);
  font-size: 12px;
  line-height: 1.2;
}

.wr-boot-error-card {
  margin: 16px;
  padding: 16px;
  border-radius: 18px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
}

.wr-boot-error-title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 6px;
}

.wr-boot-error-text {
  font-size: 14px;
  line-height: 1.5;
  opacity: 0.88;
}

.wr-settings-row {
  margin-top: 14px;
  padding: 12px 0;
  border-top: 1px solid rgba(255,255,255,0.08);
}

.wr-settings-label {
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 8px;
  opacity: 0.9;
}

.wr-settings-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.wr-settings-actions button {
  border: 0;
  border-radius: 999px;
  padding: 8px 12px;
  background: rgba(255,255,255,0.08);
  color: inherit;
  cursor: pointer;
  font-size: 12px;
}

.wr-premium-card {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 22px;
  padding: 18px;
  margin-top: 10px;
  backdrop-filter: blur(12px);
}

.wr-premium-title {
  font-size: 19px;
  font-weight: 800;
  margin-bottom: 8px;
}

.wr-premium-subtitle {
  font-size: 13px;
  line-height: 1.5;
  opacity: 0.78;
  margin-bottom: 14px;
}

.wr-premium-section-card {
  border-top: 1px solid rgba(255,255,255,0.08);
  padding: 12px 0;
}

.wr-premium-section-card.featured,
.wr-premium-section-card.featured-pattern {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 18px;
  padding: 12px 14px;
  margin-bottom: 10px;
}

.wr-premium-section-label {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  opacity: 0.84;
}

.wr-premium-copy {
  font-size: 14px;
  line-height: 1.68;
  opacity: 0.96;
}

.wr-premium-copy-sub {
  margin-top: 6px;
  opacity: 0.84;
}

.wr-premium-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.wr-premium-chip {
  display: inline-flex;
  align-items: center;
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.09);
  font-size: 12px;
  line-height: 1.2;
}

.wr-locked-premium-card {
  margin-top: 12px;
  padding: 15px;
  border-radius: 20px;
  background: rgba(255,255,255,0.045);
  border: 1px solid rgba(255,255,255,0.08);
}

.wr-locked-premium-title {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 8px;
}

.wr-locked-premium-preview {
  font-size: 13px;
  line-height: 1.55;
  opacity: 0.8;
  filter: blur(0.9px);
  user-select: none;
  margin-bottom: 12px;
}

.wr-upgrade-btn {
  width: 100%;
  border: 0;
  border-radius: 14px;
  padding: 12px 14px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  background: rgba(255,255,255,0.14);
  color: inherit;
}

.wr-pricing-overlay {
  position: fixed;
  inset: 0;
  z-index: 4500;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
}

.wr-pricing-overlay.show {
  display: flex;
}

.wr-pricing-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(5, 8, 20, 0.78);
  backdrop-filter: blur(10px);
}

.wr-pricing-shell {
  position: relative;
  z-index: 1;
  width: min(100%, 460px);
}

.wr-pricing-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,0.10);
  color: #fff;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.wr-pricing-card {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 22px;
  padding: 24px 18px 18px;
  backdrop-filter: blur(12px);
}

.wr-pricing-title {
  font-size: 24px;
  font-weight: 800;
  line-height: 1.15;
}

.wr-pricing-subtitle {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.55;
  opacity: 0.82;
}

.wr-plan-card {
  margin-top: 14px;
  padding: 16px;
  border-radius: 18px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
}

.wr-plan-card.active {
  border-color: rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.08);
}

.wr-plan-name {
  font-size: 14px;
  font-weight: 800;
}

.wr-plan-price {
  margin-top: 6px;
  font-size: 20px;
  font-weight: 800;
}

.wr-plan-note,
.wr-pricing-note {
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.5;
  opacity: 0.78;
}

.wr-pricing-features {
  display: grid;
  gap: 8px;
  margin: 16px 0;
  font-size: 14px;
  line-height: 1.5;
}

.wr-advanced-panchang{
  margin-top:16px;
  border-radius:18px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  overflow:hidden;
}

.wr-advanced-panchang summary{
  list-style:none;
  cursor:pointer;
  padding:14px 16px;
  font-weight:700;
  font-size:14px;
}

.wr-advanced-panchang summary::-webkit-details-marker{
  display:none;
}

.wr-advanced-panchang[open] summary{
  border-bottom:1px solid rgba(255,255,255,.08);
}

#advancedPanchangDetailsBody{
  padding:12px 14px 14px;
}

#dailyReadingCard,
#dailyGuidanceBlock,
#dailyPanchangBlock,
#advancedPanchangDetails{
  margin-top:16px;
}

.wr-panchang-compact-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}

.wr-panchang-compact-card{
  padding:12px 14px;
  border-radius:16px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.06);
}

.wr-panchang-compact-label{
  font-size:11px;
  font-weight:700;
  opacity:.72;
  text-transform:uppercase;
  letter-spacing:.03em;
}

.wr-panchang-compact-value{
  margin-top:5px;
  font-size:18px;
  font-weight:800;
}

.wr-panchang-compact-note{
  margin-top:4px;
  font-size:12px;
  opacity:.82;
}

/* =========================================================
   WiseRashi V2.0 UI Polish
   Clean mobile hierarchy, less scroll, premium spacing
   ========================================================= */

body{
  padding-bottom:105px !important;
}

.app-shell,
.app-container,
.main-app,
#appShell,
#appContainer,
#mainApp{
  max-width:430px;
  margin:0 auto;
}

.logo-card,
.brand-card,
.hero-logo-card{
  max-width:320px !important;
  margin:18px auto 14px !important;
  padding:18px !important;
  border-radius:22px !important;
}

.logo-card img,
.brand-card img,
.hero-logo-card img{
  max-height:78px !important;
  object-fit:contain !important;
}

.trial-banner,
.trial-card,
.free-trial-banner{
  margin:10px 16px !important;
  padding:10px 14px !important;
  border-radius:18px !important;
  font-size:14px !important;
  line-height:1.25 !important;
}

.language-card,
.language-select-wrap,
.language-selector{
  margin:12px 16px !important;
  border-radius:22px !important;
}

.home-card,
.daily-card,
.premium-card,
.summary-card,
.timing-card,
.sign-card,
.mode-card,
.guidance-card{
  margin:12px 16px !important;
  border-radius:22px !important;
  padding:16px !important;
}

.home-greeting,
.welcome-card,
.today-power-card{
  margin:14px 16px !important;
  padding:18px !important;
  border-radius:24px !important;
}

.home-greeting h1,
.welcome-card h1,
.today-power-card h1{
  font-size:34px !important;
  line-height:1.02 !important;
  margin:2px 0 8px !important;
}

.home-greeting .subtext,
.welcome-card .subtext,
.today-power-card .subtext{
  font-size:14px !important;
  line-height:1.35 !important;
}

.sign-card{
  display:grid !important;
  grid-template-columns:auto 1fr !important;
  gap:12px !important;
  align-items:center !important;
}

.current-mode-card,
.mode-card{
  padding:14px 16px !important;
}

.current-mode-card button,
.mode-card button{
  min-height:44px !important;
  border-radius:14px !important;
}

#homeBestTimeValue,
#homeAvoidTimeValue,
#homeCautionTimeValue{
  font-size:20px !important;
  font-weight:900 !important;
}

.bottom-nav,
.bottom-tabs,
.mobile-bottom-nav,
.app-bottom-nav,
.tabbar,
.tab-bar,
#bottomNav,
#bottomTabs{
  left:10px !important;
  right:10px !important;
  bottom:18px !important;
  width:auto !important;
  min-height:76px !important;
  padding:10px 10px calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  border-radius:26px !important;
}

.bottom-nav button,
.bottom-tabs button,
.tabbar button,
.tab-bar button{
  min-height:54px !important;
  border-radius:18px !important;
}

.daily-section-title,
.section-title{
  margin:18px 16px 8px !important;
  font-size:12px !important;
  letter-spacing:.12em !important;
}

#dailyReadingCard,
#premiumGuidanceCard{
  margin:12px 16px !important;
  border-radius:24px !important;
}

#premiumGuidanceCard{
  padding:16px !important;
}

#dailyReadingCard{
  line-height:1.45 !important;
}

.panchang-section,
.diagnostics-section,
.advanced-vedic-insights{
  margin-top:22px !important;
  opacity:.92;
}

.panchang-section .summary-card,
.diagnostics-section .summary-card,
.advanced-vedic-insights .summary-card{
  padding:14px !important;
}

@media (max-width:390px){
  .home-greeting h1,
  .welcome-card h1,
  .today-power-card h1{
    font-size:30px !important;
  }

  .home-card,
  .daily-card,
  .premium-card,
  .summary-card,
  .timing-card,
  .sign-card,
  .mode-card,
  .guidance-card{
    margin:10px 14px !important;
    padding:14px !important;
  }
}

/* WiseRashi V2.2 Community Placeholder */
.wr-community-roadmap-card{
  margin:16px;
  padding:18px;
  border-radius:24px;
  background:linear-gradient(160deg, rgba(124,58,237,.22), rgba(14,165,233,.16));
  border:1px solid rgba(255,255,255,.14);
  color:#fff;
}

.wr-community-eyebrow{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  margin-bottom:10px;
}

.wr-community-roadmap-card h3{
  margin:0 0 8px;
  font-size:22px;
  line-height:1.1;
}

.wr-community-roadmap-card p{
  margin:0 0 14px;
  font-size:14px;
  line-height:1.45;
  opacity:.92;
}

.wr-community-grid{
  display:grid;
  gap:10px;
  margin-top:12px;
}

.wr-community-grid div{
  padding:12px;
  border-radius:16px;
  background:rgba(255,255,255,.08);
}

.wr-community-grid strong{
  display:block;
  font-size:13px;
  margin-bottom:4px;
}

.wr-community-grid span{
  display:block;
  font-size:13px;
  opacity:.85;
}

.wr-community-lock{
  margin-top:14px;
  padding:10px 12px;
  border-radius:16px;
  text-align:center;
  font-weight:800;
  background:rgba(255,255,255,.12);
}

.tab-content {
  padding-bottom: 120px;
}

#connectTab {
  padding-bottom: 140px;
}

.rashi-community-card {
  margin-top: 20px;
  margin-bottom: 140px;
  position: relative;
}

.bottom-nav,
.mobile-bottom-nav,
#bottomNav {
  display: flex !important;
  justify-content: space-between !important;
  padding: 10px 18px !important;
}

.nav-item,
.bottom-nav .tab-btn {
  flex: 1;
  text-align: center;
}

.nav-item {
  min-width: 0;
  border: 0;
  border-radius: 22px;
  background: transparent;
  color: rgba(255,255,255,0.78);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 8px 6px;
  cursor: pointer;
  font-weight: 800;
  font-size: 12px;
}

.nav-item.active {
  background: linear-gradient(135deg, var(--accent-blue-a), var(--accent-blue-b));
  color: #fff;
  box-shadow: 0 10px 24px rgba(39, 166, 255, 0.22);
}

.nav-icon {
  font-size: 18px;
  line-height: 1;
}

.nav-label {
  font-size: 12px;
  font-weight: 800;
  line-height: 1.1;
}

.header-trial-pill {
  font-size: 12px;
  opacity: 0.85;
  padding: 6px 12px;
  border-radius: 20px;
  background: rgba(255,255,255,0.15);
  backdrop-filter: blur(6px);
}

/* =========================================================
   WiseRashi V2.8A Home Polish
   ========================================================= */

.home-hero-card,
#greetingCard,
.wr-home-greeting-card {
  margin-top: 18px !important;
  border-radius: 28px !important;
  padding: 22px !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.18), rgba(255,255,255,0.08)) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  box-shadow: 0 18px 45px rgba(0,0,0,0.18) !important;
}

.home-hero-card h1,
#greetingCard h1,
.wr-home-greeting-card h1 {
  font-size: 34px !important;
  line-height: 1.05 !important;
  margin: 4px 0 10px 0 !important;
}

.home-hero-card p,
#greetingCard p,
.wr-home-greeting-card p {
  font-size: 15px !important;
  line-height: 1.45 !important;
  opacity: 0.95 !important;
}

#homeTab .card,
#homeTab .wr-card,
#homeTab .premium-card {
  border-radius: 24px !important;
}

#homeTab {
  padding-bottom: 145px !important;
}

/* =========================================================
   WiseRashi V2.8B Connect Foundation
   ========================================================= */

#connectTab {
  padding: 18px 18px 145px 18px !important;
}

.connect-hero-card {
  border-radius: 30px;
  padding: 24px;
  margin: 14px 0 18px 0;
  background: linear-gradient(135deg, rgba(142,92,255,0.45), rgba(0,194,255,0.22));
  border: 1px solid rgba(255,255,255,0.2);
  box-shadow: 0 18px 45px rgba(0,0,0,0.2);
  color: white;
}

.connect-kicker {
  display: inline-flex;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.16);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.5px;
  margin-bottom: 14px;
}

.connect-hero-card h2 {
  font-size: 32px;
  margin: 0 0 10px 0;
}

.connect-hero-card p {
  font-size: 15px;
  line-height: 1.45;
  opacity: 0.95;
  margin: 0;
}

.connect-feature-grid {
  display: grid;
  gap: 14px;
}

.connect-feature-card {
  border-radius: 24px;
  padding: 20px;
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.16);
  color: white;
}

.connect-icon {
  font-size: 28px;
  margin-bottom: 10px;
}

.connect-feature-card h3 {
  font-size: 21px;
  margin: 0 0 8px 0;
}

.connect-feature-card p {
  font-size: 14px;
  line-height: 1.45;
  opacity: 0.92;
  margin: 0 0 14px 0;
}

.connect-feature-card span {
  display: inline-flex;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.14);
  font-size: 12px;
  font-weight: 800;
}

/* WiseRashi V2.8.2 Deeper Horoscope polish */

.wr-deeper-horoscope-card {
  margin: 18px 0;
  padding: 22px;
  border-radius: 28px;
  background:
    radial-gradient(circle at top right, rgba(255,228,92,0.18), transparent 34%),
    linear-gradient(135deg, rgba(104,70,255,0.42), rgba(22,32,110,0.42));
  border: 1px solid rgba(255,255,255,0.18);
  color: white;
  box-shadow: 0 18px 42px rgba(0,0,0,0.18);
  overflow: hidden;
}

.wr-deeper-kicker {
  font-size: 12px;
  letter-spacing: 1.5px;
  font-weight: 900;
  opacity: 0.78;
  margin-bottom: 10px;
}

.wr-deeper-horoscope-card h2 {
  font-size: 26px;
  margin: 0 0 10px 0;
  line-height: 1.1;
}

.wr-deeper-main {
  font-size: 15px;
  line-height: 1.45;
  margin: 0 0 16px 0;
  opacity: 0.95;
}

.wr-deeper-mini-grid {
  display: grid;
  gap: 10px;
  margin: 14px 0 18px 0;
}

.wr-deeper-mini-grid div {
  padding: 12px;
  border-radius: 18px;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.12);
}

.wr-deeper-mini-grid span {
  display: block;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1px;
  opacity: 0.72;
  margin-bottom: 4px;
}

.wr-deeper-mini-grid strong {
  font-size: 14px;
  line-height: 1.3;
}

.wr-deeper-horoscope-card button {
  border: 0;
  border-radius: 999px;
  padding: 12px 18px;
  font-weight: 900;
  background: #ffe45c;
  color: #1b1740;
}

.connect-premium-teaser {
  margin-top: 16px;
  padding: 22px;
  border-radius: 26px;
  background: linear-gradient(135deg, rgba(255,228,92,0.20), rgba(255,255,255,0.08));
  border: 1px solid rgba(255,228,92,0.26);
  color: white;
}

.connect-premium-teaser h3 {
  font-size: 24px;
  margin: 8px 0;
}

.connect-premium-teaser p {
  font-size: 14px;
  line-height: 1.45;
  opacity: 0.92;
  margin: 0;
}

.connect-feature-card.locked {
  opacity: 0.9;
}

.connect-feature-card.locked span {
  background: rgba(255,228,92,0.2);
  color: #ffe45c;
}

/* =========================================================
   WiseRashi V2.8.3 Phase 2 Daily Polish
   ========================================================= */

.daily-focus button.active,
.daily-focus-tab.active,
.wr-daily-tab.active,
.period-tab.active,
.premium-period-tab.active {
  background: #ffe45c !important;
  color: #1b1740 !important;
  font-weight: 900 !important;
  box-shadow: 0 8px 22px rgba(255, 228, 92, 0.26) !important;
}

#homeTab .card,
#homeTab .wr-card,
#dailyTab .card,
#dailyTab .wr-card,
#dailyTab .premium-card {
  margin-bottom: 14px !important;
}

#dailyTab {
  padding-bottom: 145px !important;
}

/* =========================================================
   WiseRashi V2.8.4 Safe Layout Containment
   Fix horizontal text/card overflow
   ========================================================= */

html,
body {
  overflow-x: hidden !important;
}

#app,
.app,
.app-shell,
.tab-content,
#homeTab,
#dailyTab,
#choghadiyaTab,
#connectTab,
#premiumTab {
  max-width: 100vw !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

#homeTab *,
#dailyTab *,
#connectTab *,
#premiumTab * {
  box-sizing: border-box !important;
  max-width: 100% !important;
}

.card,
.wr-card,
.premium-card,
.home-hero-card,
.connect-hero-card,
.connect-feature-card,
.wr-deeper-horoscope-card {
  width: 100% !important;
  max-width: 100% !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

#homeTab p,
#dailyTab p,
#connectTab p,
#premiumTab p,
#homeTab h1,
#homeTab h2,
#homeTab h3,
#dailyTab h1,
#dailyTab h2,
#dailyTab h3 {
  overflow-wrap: break-word !important;
  white-space: normal !important;
}

/* Horizontal carousel/card rows should scroll instead of pushing screen wider */
.astro-feed,
.astro-feed-row,
.horizontal-scroll,
.card-row,
.carousel-row {
  overflow-x: auto !important;
  max-width: 100% !important;
  display: flex !important;
  gap: 12px !important;
  padding-right: 16px !important;
}

.astro-feed > *,
.astro-feed-row > *,
.horizontal-scroll > *,
.card-row > *,
.carousel-row > * {
  flex: 0 0 86% !important;
  max-width: 86% !important;
}

/* =========================================================
   WiseRashi V2.8.5
   Astro Feed mobile containment fix
   ========================================================= */

#astroFeedGrid {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 12px !important;
  padding: 0 16px 8px 0 !important;
  box-sizing: border-box !important;
  scroll-snap-type: x mandatory;
}

#astroFeedGrid .astro-feed-item {
  flex: 0 0 86% !important;
  width: 86% !important;
  min-width: 86% !important;
  max-width: 86% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  scroll-snap-align: start;
}

#astroFeedGrid .astro-feed-title,
#astroFeedGrid .astro-feed-body,
#astroFeedGrid .astro-feed-footer,
#astroFeedCopy {
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

#astroFeedGrid .astro-feed-footer {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

/* =========================================================
   WiseRashi V2.8.6
   Daily gap compression + active tab glow
   ========================================================= */

/* Reduce large gaps inside Daily screen */
#dailyTab {
  padding-bottom: 155px !important;
}

#dailyTab .card,
#dailyTab .wr-card,
#dailyTab .premium-card,
#dailyTab .daily-card,
#dailyTab section {
  margin-bottom: 14px !important;
}

#dailyTab .daily-reading-card,
#dailyTab #dailyReadingCard,
#dailyTab #premiumDailyCard,
#dailyTab .detailed-guidance-card {
  margin-bottom: 16px !important;
}

/* Prevent long Daily content from hiding behind nav */
#dailyTab::after {
  content: "";
  display: block;
  height: 110px;
}

/* Active glow for Daily focus + period buttons */
#dailyTab button.active,
#dailyTab .active,
#dailyTab [aria-selected="true"],
#dailyTab .daily-focus button.active,
#dailyTab .daily-focus-tab.active,
#dailyTab .wr-daily-tab.active,
#dailyTab .period-tab.active,
#dailyTab .premium-period-tab.active {
  background: #ffe45c !important;
  color: #1b1740 !important;
  font-weight: 900 !important;
  box-shadow: 0 8px 22px rgba(255, 228, 92, 0.28) !important;
  border-color: rgba(255, 228, 92, 0.75) !important;
}

/* Keep inactive Daily buttons readable */
#dailyTab button,
#dailyTab .daily-focus-tab,
#dailyTab .wr-daily-tab,
#dailyTab .period-tab,
#dailyTab .premium-period-tab {
  border-radius: 999px !important;
  transition: all 0.18s ease !important;
}

/* =========================================================
   WiseRashi V2.8.7
   Final Daily gap tightening (inner containers)
   ========================================================= */

/* Remove extra space inside main Daily container */
#dailyTab .daily-content,
#dailyTab .daily-wrapper,
#dailyTab .daily-section {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* Tighten spacing specifically around reading blocks */
#dailyTab #dailyReadingCard,
#dailyTab #premiumDailyCard,
#dailyTab .detailed-guidance-card,
#dailyTab .daily-reading-card {
  margin-bottom: 10px !important;
}

/* Remove hidden spacer divs (very common cause) */
#dailyTab .spacer,
#dailyTab .gap,
#dailyTab .empty-space {
  display: none !important;
}

/* Reduce gap before Astro Feed / next section */
#dailyTab #astroFeedGrid,
#dailyTab .astro-feed-section {
  margin-top: 8px !important;
}

/* Safety: collapse any last-child spacing */
#dailyTab > *:last-child {
  margin-bottom: 0 !important;
}

/* =========================================================
   WiseRashi V2.9 Connect Tab Phase 1
   ========================================================= */

#connectTab {
  padding: 18px 18px 155px 18px !important;
}

.connect-match-card {
  margin: 16px 0;
  padding: 22px;
  border-radius: 28px;
  background:
    radial-gradient(circle at top left, rgba(255,228,92,0.18), transparent 35%),
    linear-gradient(135deg, rgba(255,255,255,0.15), rgba(142,92,255,0.18));
  border: 1px solid rgba(255,255,255,0.18);
  color: white;
  box-shadow: 0 18px 42px rgba(0,0,0,0.16);
}

.connect-match-card h3 {
  font-size: 27px;
  margin: 8px 0 10px 0;
  line-height: 1.1;
}

.connect-match-card p {
  font-size: 15px;
  line-height: 1.45;
  margin: 0;
  opacity: 0.94;
}

.connect-feature-card {
  position: relative;
  overflow: hidden;
}

.connect-feature-card::after {
  content: "";
  position: absolute;
  width: 110px;
  height: 110px;
  border-radius: 999px;
  right: -45px;
  top: -45px;
  background: rgba(255,255,255,0.08);
}

.connect-feature-card.locked {
  border-color: rgba(255,228,92,0.22);
}

.connect-premium-teaser {
  margin-top: 16px;
  margin-bottom: 18px;
  padding: 22px;
  border-radius: 28px;
  background:
    linear-gradient(135deg, rgba(255,228,92,0.20), rgba(255,255,255,0.08));
  border: 1px solid rgba(255,228,92,0.28);
  color: white;
}

.connect-premium-teaser h3 {
  font-size: 25px;
  margin: 8px 0;
}

.connect-premium-teaser p {
  font-size: 14px;
  line-height: 1.45;
  opacity: 0.92;
  margin: 0;
}

/* =========================================================
   WiseRashi V3.0 Premium Conversion Engine
   ========================================================= */

#premiumTab {
  padding: 18px 18px 160px 18px !important;
}

.premium-hero-card {
  padding: 24px;
  border-radius: 28px;
  background:
    radial-gradient(circle at top left, rgba(255,228,92,0.22), transparent 35%),
    linear-gradient(135deg, rgba(255,255,255,0.14), rgba(142,92,255,0.20));
  border: 1px solid rgba(255,255,255,0.18);
  color: white;
  margin-bottom: 16px;
}

.premium-hero-card h2 {
  font-size: 26px;
  margin: 8px 0;
}

.premium-trial-card {
  padding: 20px;
  border-radius: 22px;
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.18);
  color: white;
  margin: 8px 16px 14px !important;
}

.premium-trial-card h3 {
  margin: 0 0 6px 0;
}

.profile-settings-card .settings-section {
  padding: 10px 0;
  border-top: 1px solid rgba(255,255,255,0.08);
}

#profileSettingsCard {
  margin: 8px 16px !important;
  width: auto !important;
  padding: 18px;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.16);
  border-radius: 22px;
  color: white;
}

.profile-settings-card h3 {
  margin: 0 0 8px;
  color: white;
}

.profile-settings-card .settings-section:first-of-type {
  border-top: none;
}

.profile-settings-card h4 {
  margin: 0 0 8px;
  color: #ffd978;
  font-size: 14px;
}

.profile-settings-card p {
  margin: 4px 0;
  color: #dfe3ff;
  font-size: 14px;
}

.profile-account-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.profile-inline-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 54px;
  padding: 6px 0;
}

.profile-inline-row-readonly {
  grid-template-columns: minmax(0, 1fr);
}

.profile-inline-copy {
  min-width: 0;
}

.profile-inline-label {
  display: block;
  margin-bottom: 2px;
  color: #ffd978;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
}

.profile-settings-card .profile-inline-value {
  margin: 0;
  color: #f2f4ff;
  font-size: 14px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.profile-inline-edit-btn,
#premiumTab .profile-settings-card .profile-inline-edit-btn {
  width: auto;
  min-width: 96px;
  max-width: 140px;
  height: 42px;
  min-height: 42px;
  padding: 0 18px;
  border: 0;
  border-radius: 14px;
  background: linear-gradient(135deg, #ffe45c, #ffd43b);
  color: #1b1740;
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0;
  box-shadow: 0 10px 24px rgba(255,228,92,0.22);
  cursor: pointer;
  transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.profile-inline-edit-btn:active {
  transform: translateY(1px);
  box-shadow: 0 6px 18px rgba(255,228,92,0.18);
}

.profile-inline-edit-btn.secondary,
#premiumTab .profile-settings-card .profile-inline-edit-btn.secondary {
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.12);
  color: #fff3c9;
  box-shadow: none;
}

@media (max-width: 380px) {
  .profile-inline-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }

  .profile-inline-edit-btn,
  #premiumTab .profile-settings-card .profile-inline-edit-btn {
    justify-self: start;
  }
}

.premium-compare {
  margin: 16px 0;
  border-radius: 20px;
  overflow: hidden;
}

.premium-row {
  display: flex;
  justify-content: space-between;
  padding: 14px 16px;
  background: rgba(255,255,255,0.08);
  border-bottom: 1px solid rgba(255,255,255,0.10);
  color: white;
  font-size: 14px;
}

.premium-cta {
  width: 100%;
  margin-top: 14px;
  padding: 16px;
  border-radius: 999px;
  border: none;
  font-size: 16px;
  font-weight: 700;
  background: linear-gradient(135deg, #ffe45c, #ffd43b);
  color: #1b1740;
  box-shadow: 0 10px 28px rgba(255,228,92,0.28);
}

.premium-note {
  text-align: center;
  margin-top: 10px;
  font-size: 12px;
  opacity: 0.75;
}

.premium-dev-tools {
  margin-top: 16px;
  opacity: 0.6;
}

.dev-btn {
  width: 100%;
  padding: 10px;
  border-radius: 14px;
  border: none;
  background: rgba(255,255,255,0.1);
  color: white;
}

/* =========================================================
   WiseRashi V3.1 Smart Premium Locks
   ========================================================= */

.premium-lock-preview {
  display: grid;
  gap: 12px;
  margin: 18px 0;
}

.premium-lock-card {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 16px;
  border-radius: 22px;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.16);
  color: white;
  cursor: pointer;
  transition: transform 0.16s ease, background 0.16s ease;
}

.premium-lock-card:active {
  transform: scale(0.98);
  background: rgba(255,255,255,0.15);
}

.premium-lock-icon {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(255,228,92,0.18);
  font-size: 18px;
}

.premium-lock-card h3 {
  margin: 0 0 4px 0;
  font-size: 16px;
}

.premium-lock-card p {
  margin: 0;
  font-size: 13px;
  line-height: 1.35;
  opacity: 0.84;
}

.premium-lock-card span {
  font-size: 12px;
  font-weight: 900;
  color: #ffe45c;
}

/* =========================================================
   WiseRashi V3.2 Safe Share
   ========================================================= */

.wr-safe-share-btn {
  width: 100%;
  margin: 12px 0 18px 0;
  padding: 14px 16px;
  border: none;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 900;
  background: linear-gradient(135deg, #ffe45c, #5be7ff);
  color: #1b1740;
  box-shadow: 0 10px 28px rgba(91, 231, 255, 0.24);
}

.wr-safe-share-btn:active {
  transform: scale(0.98);
}

/* =========================================================
   WiseRashi V3.3 Share Card Preview
   ========================================================= */

.wr-share-card-preview {
  margin: 16px 0 22px 0;
  padding: 22px;
  border-radius: 28px;
  background:
    radial-gradient(circle at top right, rgba(255,228,92,0.22), transparent 35%),
    linear-gradient(135deg, #31236f, #111a46);
  color: white;
  box-shadow: 0 18px 42px rgba(0,0,0,0.22);
  border: 1px solid rgba(255,255,255,0.18);
}

.wr-share-card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}

.wr-share-brand {
  font-size: 20px;
  font-weight: 900;
}

.wr-share-date {
  font-size: 12px;
  opacity: 0.78;
  margin-top: 3px;
}

.wr-share-logo {
  width: 42px;
  height: 42px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,0.14);
  font-weight: 900;
  letter-spacing: 0.5px;
}

.wr-share-sign {
  font-size: 28px;
  font-weight: 900;
  margin-bottom: 10px;
}

.wr-share-guidance {
  font-size: 15px;
  line-height: 1.45;
  opacity: 0.95;
  margin-bottom: 18px;
}

.wr-share-bottom-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.wr-share-bottom-grid div {
  padding: 13px;
  border-radius: 18px;
  background: rgba(255,255,255,0.11);
  border: 1px solid rgba(255,255,255,0.12);
}

.wr-share-bottom-grid span {
  display: block;
  font-size: 11px;
  opacity: 0.72;
  margin-bottom: 5px;
}

.wr-share-bottom-grid strong {
  font-size: 18px;
}

.wr-share-watermark {
  margin-top: 16px;
  text-align: right;
  font-size: 12px;
  opacity: 0.65;
  font-weight: 700;
}

/* WiseRashi V3.4 Download PNG */

.wr-download-png-btn {
  width: 100%;
  margin: 10px 0 20px 0;
  padding: 14px 16px;
  border: none;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 900;
  background: linear-gradient(135deg, #ffe45c, #ffd43b);
  color: #1b1740;
  box-shadow: 0 10px 28px rgba(255,228,92,0.24);
}

.wr-download-png-btn:active {
  transform: scale(0.98);
}

/* WiseRashi V3.5 Share Image Card */

.wr-share-image-btn {
  width: 100%;
  margin: 0 0 22px 0;
  padding: 14px 16px;
  border: none;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 900;
  background: linear-gradient(135deg, #5be7ff, #7c8cff);
  color: #1b1740;
  box-shadow: 0 10px 28px rgba(91,231,255,0.24);
}

.wr-share-image-btn:active {
  transform: scale(0.98);
}

/* WiseRashi V3.5.1 Compact Share Actions */

.wr-share-actions-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 12px 0 20px 0;
}

.wr-share-actions-row button {
  margin: 0 !important;
  min-height: 58px;
  border-radius: 18px !important;
  font-size: 13px !important;
  padding: 10px 8px !important;
}

.wr-share-actions-row .wr-safe-share-btn::before {
  content: "📝 ";
}

.wr-share-actions-row .wr-download-png-btn::before {
  content: "⬇️ ";
}

.wr-share-actions-row .wr-share-image-btn::before {
  content: "✨ ";
}

/* =========================================================
   WiseRashi V3.5.3
   Safe hide duplicate Home Today's Power block
   ========================================================= */

#homeTab #todaysPowerCard,
#homeTab #todayPowerCard,
#homeTab #todayAlignmentCard,
#homeTab .todays-power-card,
#homeTab .today-power-card,
#homeTab .wr-today-power-card,
#homeTab [data-section="todays-power"],
#homeTab [data-section="today-power"] {
  display: none !important;
}

/* Hide old Home timing mini-cards if still attached to Today's Power */
#homeTab #bestTimeValue,
#homeTab #avoidTimeValue,
#homeTab #powerWindowValue,
#homeTab #useCautionValue {
  display: none !important;
}

/* V3.5.5 Hide retired Home Today's Power containers */
#homeTab #wrTodayPowerMicrocopy,
#homeTab .wr-alignment-grid,
#homeTab .wr-power-summary,
#homeTab .today-power-summary {
  display: none !important;
}

/* WiseRashi V3.5.7 Tithi in Daily Alignment */

.wr-alignment-tithi-row {
  margin: 14px 0;
  padding: 13px 14px;
  border-radius: 18px;
  background: rgba(255,255,255,0.11);
  border: 1px solid rgba(255,255,255,0.14);
}

.wr-alignment-tithi-row span {
  display: block;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1px;
  opacity: 0.72;
  margin-bottom: 5px;
}

.wr-alignment-tithi-row strong {
  font-size: 18px;
}

/* =========================================================
   WiseRashi V3.5.8
   Hide old streak/power promo blocks on Home
   ========================================================= */

#homeTab #streakCard,
#homeTab #dailyStreakCard,
#homeTab #wrStreakCard,
#homeTab .streak-card,
#homeTab .daily-streak-card,
#homeTab .wr-streak-card,
#homeTab .daily-energy-builds-card,
#homeTab [data-section="streak"],
#homeTab [data-section="daily-power"] {
  display: none !important;
}

.wr-notification-test-btn {
  width: 100%;
  margin: 12px 0 22px 0;
  padding: 14px 16px;
  border: none;
  border-radius: 999px;
  font-weight: 900;
  background: linear-gradient(135deg, #ffe45c, #5be7ff);
  color: #1b1740;
}

/* WiseRashi V4.0.1 Hide old return hint */
#homeTab #wr-return,
#homeTab #returnHook,
#homeTab .wr-return,
#homeTab .wr-return-note,
#homeTab .return-hint,
#homeTab .come-back-hint,
#homeTab [data-section="return-hint"] {
  display: none !important;
}

.wr-western-alignment-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin: 14px 0 2px;
}

.wr-western-alignment-grid[hidden] {
  display: none !important;
}

.wr-western-alignment-section {
  padding: 13px 14px;
  border-radius: 18px;
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.14);
}

.wr-western-alignment-section span {
  display: block;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
  opacity: 0.72;
  margin-bottom: 6px;
}

.wr-western-alignment-section p {
  margin: 0;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 700;
}

html[data-astro-mode="western"] .wr-alignment-tithi-row {
  display: none !important;
}

#mainApp .wr-share-identity {
  margin: 18px 0 18px !important;
}

#mainApp .wr-share-name {
  color: #ffe45c !important;
  font-size: 30px !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
}

#mainApp .wr-share-sign {
  margin: 5px 0 0 !important;
  color: rgba(255,255,255,0.86) !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
}

#mainApp .wr-share-guidance {
  display: none !important;
}

#mainApp .wr-share-lucky-signal > span {
  display: block !important;
  margin-bottom: 12px !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
}

#mainApp .wr-share-lucky-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr) !important;
  gap: 10px !important;
}

#mainApp .wr-share-lucky-box,
#mainApp .wr-share-color-box {
  min-width: 0 !important;
  padding: 13px 12px !important;
  border-radius: 18px !important;
}

#mainApp .wr-share-lucky-box {
  background: rgba(255,255,255,0.92) !important;
  color: #111827 !important;
}

#mainApp .wr-share-color-box {
  background: linear-gradient(135deg, var(--wr-signal-a, #38bdf8), var(--wr-signal-b, #4f46e5)) !important;
  color: var(--wr-signal-text, #fff) !important;
}

#mainApp .wr-share-lucky-box small,
#mainApp .wr-share-color-box small {
  display: block !important;
  margin-bottom: 7px !important;
  font-size: 10px !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
  letter-spacing: 0.4px !important;
  text-transform: uppercase !important;
  opacity: 0.72 !important;
}

#mainApp .wr-share-lucky-box strong,
#mainApp .wr-share-color-box strong {
  display: block !important;
  font-size: 24px !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

#mainApp .wr-share-lucky-box #wrShareLucky,
#mainApp .wr-share-color-box #wrShareColor {
  display: block !important;
  font-size: 24px !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  white-space: normal !important;
}

#mainApp .wr-share-more-lucky {
  width: 100% !important;
  margin-top: 12px !important;
  padding: 11px 12px !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.16) !important;
  color: inherit !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

#mainApp .wr-calendar-day-cell {
  min-height: 58px !important;
  padding: 7px 5px !important;
  border-radius: 16px !important;
  font-size: 16px !important;
  overflow: visible !important;
}

#mainApp .wr-calendar-day-cell span {
  position: absolute !important;
  top: 6px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  font-size: 19px !important;
  line-height: 1 !important;
  z-index: 2 !important;
  text-shadow: 0 1px 5px rgba(0,0,0,0.45) !important;
}

#mainApp .wr-calendar-moon-icon {
  position: absolute !important;
  bottom: 9px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  font-style: normal !important;
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 20px !important;
  line-height: 1 !important;
  text-align: center !important;
  opacity: 0.95 !important;
  z-index: 1 !important;
}

#mainApp .wr-calendar-day-cell.has-events .wr-calendar-moon-icon {
  bottom: 12px !important;
}

#mainApp .wr-calendar-day-cell i {
  bottom: 4px !important;
  width: 4px !important;
  height: 4px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

@media (max-width: 390px) {
  #mainApp .wr-calendar-weekdays,
  #mainApp .wr-calendar-grid {
    gap: 7px !important;
  }

  #mainApp .wr-calendar-day-cell {
    min-height: 54px !important;
    border-radius: 15px !important;
  }

  #mainApp .wr-calendar-day-cell span {
    font-size: 18px !important;
  }

  #mainApp .wr-calendar-moon-icon {
    width: 22px !important;
    height: 22px !important;
    font-size: 19px !important;
  }
}

@media (min-width: 430px) {
  #mainApp .wr-calendar-day-cell {
    min-height: 62px !important;
  }

  #mainApp .wr-calendar-day-cell span {
    font-size: 20px !important;
  }

  #mainApp .wr-calendar-moon-icon {
    width: 26px !important;
    height: 26px !important;
    font-size: 21px !important;
  }
}

#mainApp .wr-calendar-important-card {
  display: grid !important;
  gap: 10px !important;
}

#mainApp .wr-calendar-important-head {
  width: 100% !important;
  border: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  text-align: left !important;
}

#mainApp .wr-calendar-important-head strong {
  display: block !important;
  margin-top: 3px !important;
  font-size: 19px !important;
  line-height: 1.1 !important;
}

#mainApp .wr-calendar-drawer-indicator,
#mainApp .wr-calendar-mini-action {
  border: 1px solid rgba(255,255,255,0.22) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.14) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

#mainApp .wr-calendar-drawer-indicator {
  padding: 7px 11px !important;
}

#mainApp .wr-calendar-important-drawer[hidden] {
  display: none !important;
}

#mainApp .wr-calendar-important-list {
  display: grid !important;
  gap: 8px !important;
}

#mainApp .wr-calendar-important-item {
  width: 100% !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 16px !important;
  padding: 10px !important;
  color: #fff !important;
  background: rgba(255,255,255,0.08) !important;
  display: grid !important;
  grid-template-columns: 72px minmax(0, 1fr) !important;
  gap: 10px !important;
  text-align: left !important;
}

#mainApp .wr-calendar-important-date {
  color: #10162f !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #fff176, #22d3ee) !important;
  display: grid !important;
  place-items: center !important;
  min-height: 42px !important;
  padding: 6px !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

#mainApp .wr-calendar-important-main {
  min-width: 0 !important;
  display: grid !important;
  align-content: center !important;
  gap: 3px !important;
}

#mainApp .wr-calendar-important-main strong {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 14px !important;
}

#mainApp .wr-calendar-important-main span {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 12px !important;
  opacity: 0.76 !important;
}

#mainApp .wr-calendar-event-pill {
  align-items: stretch !important;
}

#mainApp .wr-calendar-mini-action {
  margin-top: 8px !important;
  min-height: 32px !important;
  padding: 7px 10px !important;
  justify-self: start !important;
}

#mainApp .wr-calendar-action-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 4px !important;
}

#mainApp .wr-calendar-action-grid button {
  min-height: 38px !important;
  padding: 8px !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 14px !important;
  color: #fff !important;
  background: rgba(255,255,255,0.11) !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
}

/* WiseRashi V4.2.1 Restore legal links */

.wr-legal-links,
.wr-legal-links button,
.wr-build-label {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.wr-legal-links {
  display: grid !important;
  gap: 10px !important;
}

/* =========================================================
   WiseRashi V4.6 Samsung narrow-screen layout fix
   ========================================================= */

html,
body,
#app,
#mainApp,
.app-shell,
.tab-content,
#homeTab,
#dailyTab,
#choghadiyaTab,
#connectTab,
#premiumTab {
  width: 100% !important;
  max-width: 100vw !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

/* Keep share/action buttons inside screen */
.wr-share-actions-row {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
}

.wr-share-actions-row button {
  min-width: 0 !important;
  font-size: 12px !important;
  padding: 9px 6px !important;
}

/* Share preview/card containment */
.wr-share-card-preview {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.wr-share-bottom-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.wr-share-watermark {
  overflow-wrap: anywhere !important;
}

/* Bottom nav: fit 5 tabs on narrower Samsung screens */
.bottom-nav,
#bottomNav,
.nav-bar,
.tab-bar {
  width: calc(100vw - 24px) !important;
  max-width: calc(100vw - 24px) !important;
  left: 12px !important;
  right: 12px !important;
  padding: 8px 6px !important;
  gap: 2px !important;
  box-sizing: border-box !important;
}

.bottom-nav button,
#bottomNav button,
.nav-bar button,
.tab-bar button,
.bottom-nav .nav-item,
#bottomNav .nav-item,
.tab-bar .nav-item {
  min-width: 0 !important;
  flex: 1 1 0 !important;
  padding: 8px 4px !important;
  font-size: 11px !important;
  white-space: nowrap !important;
}

.bottom-nav .nav-label,
#bottomNav .nav-label,
.tab-bar .nav-label {
  font-size: 11px !important;
  line-height: 1.1 !important;
}

/* Extra safety for very narrow phones */
@media (max-width: 390px) {
  .bottom-nav,
  #bottomNav,
  .nav-bar,
  .tab-bar {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    left: 8px !important;
    right: 8px !important;
  }

  .bottom-nav button,
  #bottomNav button,
  .nav-bar button,
  .tab-bar button,
  .bottom-nav .nav-item,
  #bottomNav .nav-item,
  .tab-bar .nav-item {
    font-size: 10px !important;
    padding: 7px 2px !important;
  }
}

/* =========================================================
   WiseRashi V4.6.1 Samsung global overflow containment
   ========================================================= */

.app,
#app,
.container {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.card,
.wr-card,
.wr-share-card-preview {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.wr-share-actions-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  gap: 8px !important;
  width: 100% !important;
}

.wr-share-actions-row button {
  width: 100% !important;
  min-width: 0 !important;
}

/* WiseRashi V4.5 Tester Feedback */

.wr-feedback-btn {
  width: 100%;
  margin: 12px 0 22px 0;
  padding: 14px 16px;
  border: none;
  border-radius: 999px;
  font-weight: 900;
  background: linear-gradient(135deg, #5be7ff, #7c8cff);
  color: #1b1740;
}

/* =========================================================
   WiseRashi V4.6 Samsung narrow-screen layout fix
   ========================================================= */

html,
body,
#app,
#mainApp,
.app-shell,
.tab-content,
#homeTab,
#dailyTab,
#choghadiyaTab,
#connectTab,
#premiumTab {
  width: 100% !important;
  max-width: 100vw !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

/* Keep share/action buttons inside screen */
.wr-share-actions-row {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
}

.wr-share-actions-row button {
  min-width: 0 !important;
  font-size: 12px !important;
  padding: 9px 6px !important;
}

/* Share preview/card containment */
.wr-share-card-preview {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.wr-share-bottom-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.wr-share-watermark {
  overflow-wrap: anywhere !important;
}

/* Bottom nav: fit 5 tabs on narrower Samsung screens */
.bottom-nav,
#bottomNav,
.nav-bar,
.tab-bar {
  width: calc(100vw - 24px) !important;
  max-width: calc(100vw - 24px) !important;
  left: 12px !important;
  right: 12px !important;
  padding: 8px 6px !important;
  gap: 2px !important;
  box-sizing: border-box !important;
}

.bottom-nav button,
#bottomNav button,
.nav-bar button,
.tab-bar button,
.bottom-nav .nav-item,
#bottomNav .nav-item,
.tab-bar .nav-item {
  min-width: 0 !important;
  flex: 1 1 0 !important;
  padding: 8px 4px !important;
  font-size: 11px !important;
  white-space: nowrap !important;
}

.bottom-nav .nav-label,
#bottomNav .nav-label,
.tab-bar .nav-label {
  font-size: 11px !important;
  line-height: 1.1 !important;
}

/* Extra safety for very narrow phones */
@media (max-width: 390px) {
  .bottom-nav,
  #bottomNav,
  .nav-bar,
  .tab-bar {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    left: 8px !important;
    right: 8px !important;
  }

  .bottom-nav button,
  #bottomNav button,
  .nav-bar button,
  .tab-bar button,
  .bottom-nav .nav-item,
  #bottomNav .nav-item,
  .tab-bar .nav-item {
    font-size: 10px !important;
    padding: 7px 2px !important;
  }
}

.wr-legal-modal.hidden {
  display: none !important;
}

.wr-legal-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: rgba(0,0,0,0.72);
  padding: 18px;
  overflow-y: auto;
}

.wr-legal-modal-card {
  background: white;
  color: #111;
  border-radius: 22px;
  padding: 22px;
  max-width: 720px;
  margin: 40px auto;
  line-height: 1.55;
}

.wr-legal-close {
  float: right;
  border: none;
  background: #eee;
  border-radius: 999px;
  width: 34px;
  height: 34px;
  font-size: 22px;
}

/* =========================================================
   WiseRashi V4.2 Release Readiness Cleanup
   ========================================================= */

.wr-legal-links {
  display: grid;
  gap: 10px;
  margin: 18px 0 12px 0;
}

.wr-legal-links button {
  width: 100%;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.08);
  color: white;
  font-weight: 800;
}

.wr-build-label {
  text-align: center;
  font-size: 12px;
  opacity: 0.65;
  margin: 12px 0 26px 0;
}

/* =========================================================
   WiseRashi V4.1.1
   Hide remaining return hint + old Astro Feed mismatch text
   ========================================================= */

#homeTab *:has(> .return-hint),
#homeTab .return-hint,
#homeTab .come-back-hint,
#homeTab .wr-return-hint,
#homeTab [data-section="return-hint"] {
  display: none !important;
}

/* WiseRashi V4.2.1 Restore legal links */

.wr-legal-links,
.wr-legal-links button,
.wr-build-label {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.wr-legal-links {
  display: grid !important;
  gap: 10px !important;
}

/* =========================================================
   WiseRashi V4.6 Samsung narrow-screen layout fix
   ========================================================= */

html,
body,
#app,
#mainApp,
.app-shell,
.tab-content,
#homeTab,
#dailyTab,
#choghadiyaTab,
#connectTab,
#premiumTab {
  width: 100% !important;
  max-width: 100vw !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

.wr-share-actions-row {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
}

.wr-share-actions-row button {
  min-width: 0 !important;
  font-size: 12px !important;
  padding: 9px 6px !important;
}

.wr-share-card-preview {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.wr-share-bottom-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.wr-share-watermark {
  overflow-wrap: anywhere !important;
}

.bottom-nav,
#bottomNav,
.nav-bar,
.tab-bar {
  width: calc(100vw - 24px) !important;
  max-width: calc(100vw - 24px) !important;
  left: 12px !important;
  right: 12px !important;
  padding: 8px 6px !important;
  gap: 2px !important;
  box-sizing: border-box !important;
}

.bottom-nav button,
#bottomNav button,
.nav-bar button,
.tab-bar button,
.bottom-nav .nav-item,
#bottomNav .nav-item,
.tab-bar .nav-item {
  min-width: 0 !important;
  flex: 1 1 0 !important;
  padding: 8px 4px !important;
  font-size: 11px !important;
  white-space: nowrap !important;
}

.bottom-nav .nav-label,
#bottomNav .nav-label,
.tab-bar .nav-label {
  font-size: 11px !important;
  line-height: 1.1 !important;
}

@media (max-width: 390px) {
  .bottom-nav,
  #bottomNav,
  .nav-bar,
  .tab-bar {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    left: 8px !important;
    right: 8px !important;
  }

  .bottom-nav button,
  #bottomNav button,
  .nav-bar button,
  .tab-bar button,
  .bottom-nav .nav-item,
  #bottomNav .nav-item,
  .tab-bar .nav-item {
    font-size: 10px !important;
    padding: 7px 2px !important;
  }
}

/* =========================================================
   WiseRashi V4.6.1 Final Samsung overflow override
   ========================================================= */

.app,
#app,
.container {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.card,
.wr-card,
.wr-share-card-preview {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.wr-share-actions-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  gap: 8px !important;
  width: 100% !important;
}

.wr-share-actions-row button {
  width: 100% !important;
  min-width: 0 !important;
}

/* =========================================================
   WiseRashi V4.6.1 HARD Samsung width clamp
   ========================================================= */

body {
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
}

#mainApp {
  width: 100vw !important;
  max-width: 100vw !important;
  overflow-x: hidden !important;
}

#homeTab {
  width: 100vw !important;
  max-width: 100vw !important;
  overflow-x: hidden !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

#homeTab > * {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

#wrShareCardPreview,
.wr-share-card-preview {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

#astroFeedGrid,
.astro-feed-grid,
.astro-feed-row {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  box-sizing: border-box !important;
}

#astroFeedGrid > *,
.astro-feed-grid > *,
.astro-feed-row > * {
  max-width: 86vw !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.wr-share-actions-row {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.wr-share-actions-row button {
  min-width: 0 !important;
  max-width: 100% !important;
}

/* ✅ GLOBAL FIX — Prevent horizontal overflow everywhere */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
}

.container,
.main-container,
.page,
.card,
.section,
div {
  max-width: 100%;
}

.flex,
.row,
.card-row {
  display: flex;
  flex-wrap: wrap;
  min-width: 0;
}

* {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.choghadiya-row {
  display: flex;
  gap: 10px;
}

.choghadiya-row > * {
  flex: 1;
  min-width: 0;
}

/* =========================================================
   WiseRashi V4.6.4 Home-only Samsung fit fix
   ========================================================= */

#homeTab {
  width: 100% !important;
  max-width: 100vw !important;
  overflow-x: hidden !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
  box-sizing: border-box !important;
}

#homeTab > *,
#homeTab .card,
#homeTab .wr-card,
#homeTab .wr-deeper-horoscope-card,
#homeTab .wr-share-card-preview,
#homeTab .welcome-card,
#homeTab .mode-card,
#homeTab .sign-card {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

#homeTab .sign-card,
#homeTab .your-sign-card,
#homeTab .profile-card,
#homeTab .rashi-card {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  gap: 10px !important;
}

#homeTab .sign-card *,
#homeTab .your-sign-card *,
#homeTab .profile-card *,
#homeTab .rashi-card * {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

#homeTab .sign-card .subtext,
#homeTab .your-sign-card .subtext,
#homeTab .profile-card .subtext,
#homeTab .rashi-card .subtext {
  overflow-wrap: anywhere !important;
}

#homeTab .wr-share-actions-row {
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  gap: 8px !important;
  overflow-x: auto !important;
  padding-bottom: 4px !important;
}

/* Each button becomes scrollable chip (safe for all devices) */
#homeTab .wr-share-actions-row button {
  flex: 0 0 auto !important;
  min-width: 90px !important;
  max-width: 120px !important;
  padding: 10px 10px !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}

/* Share preview must never overflow */
#homeTab .wr-share-card-preview {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  padding: 18px !important;
}

/* Inner content shrink-safe */
#homeTab .wr-share-card-preview * {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

/* Bottom grid fix */
#homeTab .wr-share-bottom-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}

#homeTab .wr-share-logo,
#homeTab .wr-share-watermark {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

#homeTab #astroFeedGrid {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  display: flex !important;
  gap: 12px !important;
  padding-bottom: 8px !important;
}

#homeTab #astroFeedGrid > * {
  flex: 0 0 82% !important;
  max-width: 82% !important;
  min-width: 0 !important;
}

/* =========================================================
   WiseRashi V4.6.6 Home final Samsung cleanup
   Only affects Home tab
   ========================================================= */

/* Hide the right-side tithi pill on Home hero because it causes Samsung clipping */
#homeTab .hero-tithi,
#homeTab .home-tithi-pill,
#homeTab .tithi-pill,
#homeTab .moon-pill {
  display: none !important;
}

/* Make Home sign card simpler on narrow screens */
#homeTab .sign-card,
#homeTab .your-sign-card,
#homeTab .profile-card,
#homeTab .rashi-card {
  grid-template-columns: auto 1fr !important;
}

/* Hide long right-side phrase in sign card */
#homeTab .sign-card .subtext,
#homeTab .your-sign-card .subtext,
#homeTab .profile-card .subtext,
#homeTab .rashi-card .subtext,
#homeTab .sign-card .right-text,
#homeTab .your-sign-card .right-text,
#homeTab .profile-card .right-text,
#homeTab .rashi-card .right-text {
  display: none !important;
}

/* Share row: 3 equal buttons, smaller text */
#homeTab .wr-share-actions-row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

#homeTab .wr-share-actions-row button {
  min-width: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  font-size: 11px !important;
  padding: 9px 3px !important;
  white-space: nowrap !important;
}

/* Shorten share button labels visually */
#homeTab .wr-share-actions-row button {
  text-overflow: clip !important;
}

/* Share preview should never exceed Home width */
#homeTab .wr-share-card-preview {
  width: 100% !important;
  max-width: 100% !important;
  padding: 16px !important;
  overflow: hidden !important;
}

#homeTab .wr-share-card-preview * {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

#homeTab .wr-share-bottom-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

/* Astro feed: remove side peek; show one card at a time cleanly */
#homeTab #astroFeedGrid,
#homeTab .astro-feed-grid,
#homeTab .astro-feed-row {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: 100% !important;
  gap: 12px !important;
  overflow-x: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  scroll-snap-type: x mandatory !important;
}

#homeTab #astroFeedGrid > *,
#homeTab .astro-feed-grid > *,
#homeTab .astro-feed-row > * {
  width: 100% !important;
  max-width: 100% !important;
  scroll-snap-align: start !important;
}

/* Hide horizontal scrollbar visual on Home feed */
#homeTab #astroFeedGrid::-webkit-scrollbar,
#homeTab .astro-feed-grid::-webkit-scrollbar,
#homeTab .astro-feed-row::-webkit-scrollbar {
  display: none !important;
}

/* =========================================================
   WiseRashi V4.6.7 HARD OVERRIDE (final Home fix)
   This kills ALL conflicting width rules
   ========================================================= */

/* Force Home to never overflow screen */
#homeTab {
  width: 100% !important;
  max-width: 100vw !important;
  overflow-x: hidden !important;
}

/* Force ALL Home children to stay inside screen */
#homeTab * {
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* CRITICAL FIX: Astro Feed was set to 86% (causing cut) */
#homeTab #astroFeedGrid,
#homeTab .astro-feed-grid {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
}

/* Each card full width (no right cut) */
#homeTab #astroFeedGrid > *,
#homeTab .astro-feed-grid > * {
  width: 100% !important;
  max-width: 100% !important;
}

/* Share buttons FIX */
#homeTab .wr-share-actions-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  gap: 6px !important;
  width: 100% !important;
}

#homeTab .wr-share-actions-row button {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  font-size: 11px !important;
  padding: 8px 2px !important;
}

/* Share preview FIX */
#homeTab .wr-share-card-preview {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

#homeTab .wr-share-card-preview * {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

/* Remove right-side clutter causing overflow */
#homeTab .hero-tithi,
#homeTab .moon-pill,
#homeTab .tithi-pill {
  display: none !important;
}

/* =========================================================
   WiseRashi V4.6.8 Home transform/offset reset
   ========================================================= */

#homeTab,
#homeTab *,
#mainApp,
.app-shell,
.screen,
.page {
  transform: none !important;
}

/* Stop any Home page from being shifted left/right */
#homeTab {
  position: relative !important;
  left: 0 !important;
  right: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  translate: none !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Fix possible inner wrapper offset */
#homeTab > div,
#homeTab section,
#homeTab article {
  left: 0 !important;
  right: auto !important;
  transform: none !important;
  translate: none !important;
}

/* Disable horizontal page swipe behavior only on Home */
#homeTab {
  touch-action: pan-y !important;
}

/* Hide anything intentionally peeking outside Home */
#homeTab {
  clip-path: inset(0 0 0 0) !important;
}

/* =========================================================
   WiseRashi V4.6.9 Real Home panel fix
   Home panel is: .tab-panel[data-panel="home"]
   ========================================================= */

.tab-panel[data-panel="home"] {
  width: 100% !important;
  max-width: 100vw !important;
  overflow-x: hidden !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
  box-sizing: border-box !important;
}

.tab-panel[data-panel="home"] * {
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* Share buttons */
.tab-panel[data-panel="home"] .wr-share-actions-row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
  width: 100% !important;
  overflow: hidden !important;
}

.tab-panel[data-panel="home"] .wr-share-actions-row button {
  width: 100% !important;
  min-width: 0 !important;
  font-size: 11px !important;
  padding: 8px 2px !important;
  white-space: nowrap !important;
}

/* Share card */
.tab-panel[data-panel="home"] .wr-share-card-preview {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  padding: 16px !important;
}

.tab-panel[data-panel="home"] .wr-share-bottom-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

/* Astro feed one-card scroll */
.tab-panel[data-panel="home"] #astroFeedGrid,
.tab-panel[data-panel="home"] .astro-feed-grid {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  gap: 12px !important;
  scroll-snap-type: x mandatory !important;
}

.tab-panel[data-panel="home"] #astroFeedGrid > *,
.tab-panel[data-panel="home"] .astro-feed-grid > * {
  width: 100% !important;
  max-width: 100% !important;
  scroll-snap-align: start !important;
}

/* Hide Home right-side tithi/long phrase if causing clipping */
.tab-panel[data-panel="home"] .hero-tithi,
.tab-panel[data-panel="home"] .home-tithi-pill,
.tab-panel[data-panel="home"] .tithi-pill,
.tab-panel[data-panel="home"] .moon-pill,
.tab-panel[data-panel="home"] .right-text {
  display: none !important;
}

/* =========================================================
   WiseRashi V4.6.10 Share button text fit
   ========================================================= */

.tab-panel[data-panel="home"] .wr-share-actions-row button {
  white-space: normal !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  line-height: 1.15 !important;
  min-height: 52px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

/* Use short labels on tight phones */
.tab-panel[data-panel="home"] .wr-safe-share-btn {
  font-size: 0 !important;
}

.tab-panel[data-panel="home"] .wr-safe-share-btn::after {
  content: "Text";
  font-size: 12px !important;
}

.tab-panel[data-panel="home"] .wr-download-png-btn {
  font-size: 0 !important;
}

.tab-panel[data-panel="home"] .wr-download-png-btn::after {
  content: "PNG";
  font-size: 12px !important;
}

.tab-panel[data-panel="home"] .wr-share-image-btn {
  font-size: 0 !important;
}

.tab-panel[data-panel="home"] .wr-share-image-btn::after {
  content: "Image";
  font-size: 12px !important;
}

/* WiseRashi V4.6.11 clean compact share buttons */

.tab-panel[data-panel="home"] .wr-share-actions-row button::before,
.tab-panel[data-panel="home"] .wr-share-actions-row button::after {
  content: none !important;
}

.tab-panel[data-panel="home"] .wr-share-actions-row button {
  font-size: 12px !important;
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  line-height: 1 !important;
}

/* WiseRashi V4.6.12 share card title fit */

.tab-panel[data-panel="home"] .wr-share-date {
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  font-size: 11px !important;
}

.tab-panel[data-panel="home"] .wr-share-brand {
  font-size: 18px !important;
}

.tab-panel[data-panel="home"] .wr-share-card-top {
  gap: 10px !important;
}

/* =========================================================
   WiseRashi V4.6.16 Fix broken word wrapping on Home
   ========================================================= */

.tab-panel[data-panel="home"],
.tab-panel[data-panel="home"] * {
  word-break: normal !important;
  overflow-wrap: normal !important;
  word-wrap: normal !important;
}

/* Only long paragraphs may wrap naturally */
.tab-panel[data-panel="home"] p,
.tab-panel[data-panel="home"] .wr-share-guidance,
.tab-panel[data-panel="home"] .wr-deeper-main,
.tab-panel[data-panel="home"] .astro-feed-body {
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

/* Small labels must stay intact */
.tab-panel[data-panel="home"] .wr-deeper-kicker,
.tab-panel[data-panel="home"] .wr-share-date,
.tab-panel[data-panel="home"] .wr-share-brand,
.tab-panel[data-panel="home"] button,
.tab-panel[data-panel="home"] h1,
.tab-panel[data-panel="home"] h2,
.tab-panel[data-panel="home"] h3 {
  white-space: nowrap !important;
}

/* WiseRashi V4.6.17 Home breathing room */

.tab-panel[data-panel="home"] {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.tab-panel[data-panel="home"] .wr-deeper-horoscope-card,
.tab-panel[data-panel="home"] .wr-share-card-preview,
.tab-panel[data-panel="home"] .card,
.tab-panel[data-panel="home"] .welcome-card {
  margin-bottom: 18px !important;
}

.tab-panel[data-panel="home"] .wr-deeper-horoscope-card {
  padding: 20px !important;
}

.tab-panel[data-panel="home"] .wr-deeper-horoscope-card h2 {
  font-size: 24px !important;
  line-height: 1.15 !important;
  white-space: normal !important;
}

.tab-panel[data-panel="home"] .wr-deeper-main,
.tab-panel[data-panel="home"] .wr-share-guidance,
.tab-panel[data-panel="home"] .astro-feed-body {
  font-size: 14px !important;
  line-height: 1.45 !important;
}

.tab-panel[data-panel="home"] .wr-deeper-mini-grid {
  gap: 10px !important;
}

.tab-panel[data-panel="home"] .wr-deeper-mini-grid div,
.tab-panel[data-panel="home"] .wr-alignment-tithi-row,
.tab-panel[data-panel="home"] .wr-share-bottom-grid div {
  padding: 11px !important;
}

/* Share action chips breathe but stay compact */
.tab-panel[data-panel="home"] .wr-share-actions-row {
  gap: 8px !important;
  margin: 14px 0 18px 0 !important;
}

.tab-panel[data-panel="home"] .wr-share-actions-row button {
  min-height: 48px !important;
  line-height: 1.1 !important;
}

/* Share preview text spacing */
.tab-panel[data-panel="home"] .wr-share-card-preview {
  padding: 18px !important;
}

.tab-panel[data-panel="home"] .wr-share-sign {
  font-size: 24px !important;
  line-height: 1.15 !important;
}

.tab-panel[data-panel="home"] .wr-share-card-top {
  margin-bottom: 14px !important;
}

/* WiseRashi V4.6.18 Fix Sign Card Layout */

.tab-panel[data-panel="home"] .profile-summary,
.tab-panel[data-panel="home"] .sign-card,
.tab-panel[data-panel="home"] .summary-card {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

.tab-panel[data-panel="home"] .profile-summary * {
  white-space: normal !important;
}

/* LEFT SIDE */
.tab-panel[data-panel="home"] .profile-summary .left,
.tab-panel[data-panel="home"] .profile-summary .sign-left {
  flex: 1 !important;
  min-width: 0 !important;
}

/* RIGHT SIDE TEXT */
.tab-panel[data-panel="home"] .profile-summary .right,
.tab-panel[data-panel="home"] .profile-summary .sign-right {
  flex: 1 !important;
  text-align: right !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}

/* Fix Astro Feed header alignment */

.tab-panel[data-panel="home"] .astro-feed-header {
  display: block !important;
}

.tab-panel[data-panel="home"] .astro-feed-header h3 {
  display: block !important;
  width: 100% !important;
}

/* Prevent ugly word breaks */

.tab-panel[data-panel="home"] * {
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

.tab-panel[data-panel="home"] p,
.tab-panel[data-panel="home"] h2,
.tab-panel[data-panel="home"] h3 {
  line-height: 1.4 !important;
}

/* V4.6.19 CRITICAL WIDTH FIX */

.tab-panel[data-panel="home"] * {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* FIX SIGN CARD LAYOUT PROPERLY */

.tab-panel[data-panel="home"] .profile-summary,
.tab-panel[data-panel="home"] .sign-card {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  gap: 12px !important;
  align-items: center !important;
}

.tab-panel[data-panel="home"] .profile-summary .sign-left {
  width: 60px !important;
  flex-shrink: 0 !important;
}

.tab-panel[data-panel="home"] .profile-summary .sign-right {
  width: 100% !important;
  text-align: left !important;
}

.tab-panel[data-panel="home"] .astro-feed-header {
  display: block !important;
}

.tab-panel[data-panel="home"] .astro-feed-header h3 {
  display: block !important;
  width: 100% !important;
  text-align: left !important;
}

.tab-panel[data-panel="home"] h1,
.tab-panel[data-panel="home"] h2,
.tab-panel[data-panel="home"] h3 {
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

.tab-panel[data-panel="home"] .card,
.tab-panel[data-panel="home"] .summary-card,
.tab-panel[data-panel="home"] .premium-card {
  padding: 16px !important;
}

/* WiseRashi V4.6.20 Final Home micro cleanup */

/* 1) Fix broken sign card by hiding cramped sign summary block */
.tab-panel[data-panel="home"] .hero-dual-sign-card,
.tab-panel[data-panel="home"] .welcome-sign-card {
  display: none !important;
}

/* 2) Fix Astro Feed floating "Today" */
.tab-panel[data-panel="home"] .astro-feed-date,
.tab-panel[data-panel="home"] .astro-feed-today,
.tab-panel[data-panel="home"] .astro-feed-header span,
.tab-panel[data-panel="home"] #astroFeedTodayLabel {
  display: none !important;
}

/* 3) Fix Premium preview filter chips overlap */
.tab-panel[data-panel="home"] .wr-focus-btn,
.tab-panel[data-panel="home"] .premium-preview button,
.tab-panel[data-panel="home"] .premium-preview .pill {
  font-size: 11px !important;
  padding: 7px 10px !important;
  white-space: nowrap !important;
  min-width: auto !important;
}

/* 4) Fix "Now" / right label breaking on Time Guidance */
.tab-panel[data-panel="home"] .time-guidance-now,
.tab-panel[data-panel="home"] .timing-now,
.tab-panel[data-panel="home"] .section-header span,
.tab-panel[data-panel="home"] .time-guidance-card > span {
  display: none !important;
}

/* 5) Make Home cards cleaner */
.tab-panel[data-panel="home"] .card,
.tab-panel[data-panel="home"] .wr-deeper-horoscope-card,
.tab-panel[data-panel="home"] .wr-share-card-preview,
.tab-panel[data-panel="home"] .premium-card {
  padding: 18px !important;
}

/* WiseRashi V4.6.21B safe final label cleanup */

.tab-panel[data-panel="home"] .astro-feed-date,
.tab-panel[data-panel="home"] .astro-feed-today,
.tab-panel[data-panel="home"] #astroFeedTodayLabel,
.tab-panel[data-panel="home"] .time-guidance-now,
.tab-panel[data-panel="home"] .timing-now {
  display: none !important;
}

/* WiseRashi V4.6.22 Final Home text/layout cleanup */

.tab-panel[data-panel="home"] .wr-sign-row {
  display: grid !important;
  grid-template-columns: 42px 1fr !important;
  gap: 10px !important;
  align-items: center !important;
}

.tab-panel[data-panel="home"] .hero-system-mini {
  display: none !important;
}

.tab-panel[data-panel="home"] .wr-share-actions-row button {
  font-size: 12px !important;
  font-weight: 900 !important;
  min-height: 44px !important;
  white-space: nowrap !important;
}

.tab-panel[data-panel="home"] .astro-feed-footer {
  display: block !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.tab-panel[data-panel="home"] .astro-feed-footer span {
  display: block !important;
}

/* WiseRashi V4.7 Device Consistency Fix */

/* Prevent ugly word breaks */
* {
  word-break: normal !important;
  overflow-wrap: normal !important;
}

/* Force proper wrapping */
h1, h2, h3, p, div, span {
  word-break: keep-all !important;
  overflow-wrap: break-word !important;
}

/* SIGN ROW FIX */
.wr-sign-row {
  display: grid !important;
  grid-template-columns: 48px 1fr !important;
  gap: 12px !important;
  align-items: center !important;
}

/* SIGN NAME */
.wr-sign-name {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  white-space: normal !important;
}

/* REMOVE FORCED BREAKING */
.wr-sign-meta {
  min-width: 0 !important;
}

.astro-feed-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  white-space: normal !important;
}

.astro-feed-item {
  min-width: 0 !important;
}

.hero-top-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

/* Moon badge */
.hero-sign-badge,
.hero-top-row .pill {
  flex-shrink: 0 !important;
  white-space: nowrap !important;
}

/* Prevent Samsung squeezing layout */
.tab-panel {
  max-width: 480px !important;
  margin: 0 auto !important;
  padding: 0 14px !important;
}

body {
  min-height: 100vh !important;
}

.tab-panel {
  padding-bottom: 90px !important; /* space for bottom nav */
}

/* WiseRashi V4.7.1 remove cramped Today label */

#astroFeedFocusPill,
.astro-feed-date,
.astro-feed-today,
.astro-feed-header span {
  display: none !important;
}

/* =========================================================
   WiseRashi V4.7.2 Mobile-safe typography + header cleanup
   ========================================================= */

/* Stop ugly single-letter breaks */
html, body, #mainApp, .tab-panel {
  overflow-x: hidden !important;
}

.tab-panel *,
.card *,
.hero-card *,
.premium-card *,
.wr-deeper-horoscope-card *,
.wr-share-card-preview * {
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: none !important;
  box-sizing: border-box !important;
}

/* Keep short UI labels intact */
button,
.pill,
.badge,
.mode-status-badge,
.hero-plan-badge,
.hero-sign-badge,
.wr-premium-state-chip,
.astro-feed-tag,
#astroFeedFocusPill {
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

/* Time Guidance header: remove broken Choghadiya/Now squeeze */
.tab-panel[data-panel="home"] .time-guidance-card h2,
.tab-panel[data-panel="home"] .time-guidance-card .section-title,
.tab-panel[data-panel="home"] .time-guidance-title {
  font-size: 22px !important;
  line-height: 1.18 !important;
  max-width: calc(100% - 52px) !important;
}

.tab-panel[data-panel="home"] .time-guidance-card h2::after,
.tab-panel[data-panel="home"] .time-guidance-title::after {
  content: "" !important;
}

/* Hide cramped right-side Now label on mobile Home */
.tab-panel[data-panel="home"] .time-guidance-now,
.tab-panel[data-panel="home"] .timing-now,
.tab-panel[data-panel="home"] .now-label,
.tab-panel[data-panel="home"] .section-header .now,
.tab-panel[data-panel="home"] .section-header span:last-child {
  display: none !important;
}

/* If any header still says Planetary Hours (Choghadiya), keep it readable */
@media (max-width: 430px) {
  .tab-panel[data-panel="home"] .time-guidance-card h2,
  .tab-panel[data-panel="home"] .time-guidance-card .section-title,
  .tab-panel[data-panel="home"] .time-guidance-title {
    font-size: 20px !important;
  }
}

/* Sign card should not collapse on Samsung */
.tab-panel[data-panel="home"] .wr-sign-row {
  display: grid !important;
  grid-template-columns: 56px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: center !important;
}

.tab-panel[data-panel="home"] .wr-sign-icon {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  display: grid !important;
  place-items: center !important;
}

.tab-panel[data-panel="home"] .wr-sign-meta {
  min-width: 0 !important;
  width: 100% !important;
}

.tab-panel[data-panel="home"] .wr-sign-name {
  font-size: 18px !important;
  line-height: 1.18 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.tab-panel[data-panel="home"] .hero-system-mini,
.tab-panel[data-panel="home"] .wr-sign-note {
  display: none !important;
}

/* Astro Feed: keep title clean and remove right pill/Today */
#astroFeedFocusPill,
.tab-panel[data-panel="home"] .astro-feed-date,
.tab-panel[data-panel="home"] .astro-feed-today,
.tab-panel[data-panel="home"] .astro-feed-header span {
  display: none !important;
}

.tab-panel[data-panel="home"] .astro-feed-header,
.tab-panel[data-panel="home"] .astro-feed-card-header {
  display: block !important;
}

.tab-panel[data-panel="home"] .astro-feed-title,
.tab-panel[data-panel="home"] .astro-feed-header h2,
.tab-panel[data-panel="home"] .astro-feed-header h3 {
  width: 100% !important;
  max-width: 100% !important;
  font-size: 19px !important;
  line-height: 1.22 !important;
  white-space: normal !important;
}

/* Premium focus chips: no overlap */
.tab-panel[data-panel="home"] .wr-focus-tabs,
.tab-panel[data-panel="home"] .premium-focus-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.tab-panel[data-panel="home"] .wr-focus-btn,
.tab-panel[data-panel="home"] .premium-focus-tabs button {
  font-size: 11px !important;
  padding: 7px 10px !important;
  min-width: auto !important;
}

/* Safer mobile card rhythm */
.tab-panel[data-panel="home"] .hero-card,
.tab-panel[data-panel="home"] .wr-deeper-horoscope-card,
.tab-panel[data-panel="home"] .wr-share-card-preview,
.tab-panel[data-panel="home"] .premium-card,
.tab-panel[data-panel="home"] .time-guidance-card {
  max-width: 100% !important;
  padding: 18px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* V4.7.3 Restore bottom nav center */

.bottom-nav,
.app-bottom-nav,
.nav-bar,
.mobile-nav {
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  width: calc(100vw - 24px) !important;
  max-width: 430px !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 4px !important;
  box-sizing: border-box !important;
}

.bottom-nav *,
.app-bottom-nav *,
.nav-bar *,
.mobile-nav * {
  min-width: 0 !important;
}

/* V4.7.4 Exact bottom nav fix */

/* Hide Kundli from bottom nav for now */
#bottomNav .tab-btn[data-tab="kundli"] {
  display: none !important;
}

/* Force 5 clean tabs */
#bottomNav {
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  bottom: max(12px, env(safe-area-inset-bottom)) !important;
  transform: translateX(-50%) !important;

  width: calc(100vw - 24px) !important;
  max-width: 430px !important;

  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 4px !important;

  padding: 8px !important;
  box-sizing: border-box !important;
  z-index: 9999 !important;
}

#bottomNav .tab-btn,
#bottomNav .nav-item {
  min-width: 0 !important;
  width: 100% !important;
  text-align: center !important;
}

/* V4.7.5 Mobile safe bottom spacing fix */

main,
.page,
.screen,
.app-container {
  padding-bottom: calc(100px + env(safe-area-inset-bottom)) !important;
}

/* Fix onboarding / forms */
form,
.start-card,
.onboarding-card {
  margin-bottom: 40px !important;
}

/* Ensure full height scroll works */
body {
  min-height: 100vh;
  overflow-x: hidden;
}

input,
select {
  min-height: 48px;
  font-size: 16px;
}

/* V4.7.6 Signup/Profile screen mobile fix */

#loginScreen,
#authScreen,
#onboardingScreen,
#profileScreen,
.auth-screen,
.login-screen,
.onboarding-screen,
.profile-screen {
  width: 100vw !important;
  max-width: 100vw !important;
  min-height: 100vh !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 18px 14px 120px 14px !important;
  box-sizing: border-box !important;
}

#loginScreen *,
#authScreen *,
#onboardingScreen *,
#profileScreen *,
.auth-screen *,
.login-screen *,
.onboarding-screen *,
.profile-screen * {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#loginScreen input,
#authScreen input,
#onboardingScreen input,
#profileScreen input,
.auth-screen input,
.login-screen input,
.onboarding-screen input,
.profile-screen input {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 52px !important;
  font-size: 16px !important;
}

#loginScreen .card,
#authScreen .card,
#onboardingScreen .card,
#profileScreen .card,
.auth-card,
.login-card,
.onboarding-card,
.profile-card,
.start-card {
  width: 100% !important;
  max-width: 430px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 22px !important;
}

/* V4.7.7 FINAL FIX — Onboarding / Signup screen (REAL TARGET) */

/* Target the actual container around onboarding */
.hero-main {
  word-break: break-word !important;
}

/* Fix the WHOLE onboarding section */
.hero-main,
.hero-main + p,
.form-title,
.input-label,
.app-input {
  max-width: 100% !important;
}

/* Main wrapper around onboarding */
section:has(.hero-main) {
  width: 100% !important;
  max-width: 100% !important;
  padding: 18px 14px 120px !important;
  box-sizing: border-box !important;
}

/* Form container */
section:has(.hero-main) > div {
  width: 100% !important;
  max-width: 430px !important;
  margin: 0 auto !important;
}

/* Inputs */
.app-input {
  width: 100% !important;
  min-height: 52px !important;
  font-size: 16px !important;
}

/* Fix Samsung overflow */
body {
  overflow-x: hidden !important;
}

/* Fallback if :has() not supported */
section {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

/* V4.7.8 EXACT onboarding Samsung/Motorola fix */

#onboardingScreen.onboarding-screen {
  width: 100vw !important;
  max-width: 100vw !important;
  min-height: 100vh !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 14px 12px 140px 12px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

#onboardingScreen .onboarding-shell {
  width: 100% !important;
  max-width: 430px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#onboardingScreen .onboarding-card {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#onboardingScreen .brand-row,
#onboardingScreen .onboarding-hero,
#onboardingScreen .glass-card.form-card {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 20px !important;
  box-sizing: border-box !important;
}

#onboardingScreen .hero-main {
  font-size: clamp(30px, 8vw, 42px) !important;
  line-height: 1.05 !important;
}

#onboardingScreen .hero-sub {
  font-size: 18px !important;
  line-height: 1.45 !important;
}

#onboardingScreen .app-input,
#onboardingScreen select,
#onboardingScreen input {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 52px !important;
  box-sizing: border-box !important;
  font-size: 16px !important;
}

#onboardingScreen .action-btn,
#onboardingScreen .full-width {
  width: 100% !important;
  max-width: 100% !important;
}

/* V4.7.9 Compact onboarding fix */

#onboardingScreen {
  width: 100% !important;
  max-width: 100vw !important;
  min-height: 100vh !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 10px 10px 120px 10px !important;
  box-sizing: border-box !important;
}

#onboardingScreen .onboarding-shell {
  width: 100% !important;
  max-width: 390px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

#onboardingScreen .brand-row {
  padding: 10px 12px !important;
  gap: 10px !important;
}

#onboardingScreen .brand-logo-box {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
}

#onboardingScreen .brand-wordmark {
  max-height: 26px !important;
}

#onboardingScreen .brand-tagline {
  font-size: 12px !important;
  line-height: 1.25 !important;
  margin-top: 4px !important;
}

#onboardingScreen .onboarding-hero {
  padding: 16px !important;
  border-radius: 22px !important;
}

#onboardingScreen .hero-main {
  font-size: 28px !important;
  line-height: 1.08 !important;
  letter-spacing: -0.03em !important;
}

#onboardingScreen .hero-sub {
  font-size: 14px !important;
  line-height: 1.4 !important;
}

#onboardingScreen .glass-card.form-card {
  padding: 16px !important;
  border-radius: 22px !important;
}

#onboardingScreen .form-title {
  font-size: 18px !important;
  margin-bottom: 12px !important;
}

#onboardingScreen .input-label {
  font-size: 11px !important;
  margin-top: 10px !important;
  margin-bottom: 5px !important;
}

#onboardingScreen .app-input {
  width: 100% !important;
  min-height: 46px !important;
  font-size: 15px !important;
  padding: 10px 12px !important;
}

#onboardingScreen .onboarding-mode-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

#onboardingScreen .onboarding-mode-card {
  width: 100% !important;
  min-height: auto !important;
  padding: 12px !important;
}

#onboardingScreen .geo-status {
  font-size: 12px !important;
  line-height: 1.35 !important;
}

#onboardingScreen .action-btn {
  min-height: 48px !important;
}

/* V4.8.2 DOB dropdown layout */

.wr-dob-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1.2fr !important;
  gap: 8px !important;
  width: 100% !important;
}

.wr-dob-row select {
  min-height: 48px !important;
  font-size: 15px !important;
  padding: 10px !important;
}

.wr-location-btn {
  width: 100%;
  margin: 14px 0 18px;
  padding: 14px 16px;
  border: 0;
  border-radius: 18px;
  font-size: 15px;
  font-weight: 800;
  color: #172033;
  background: linear-gradient(135deg, #fff36a, #35e8ff);
  box-shadow: 0 12px 28px rgba(0, 198, 255, 0.28);
}

.wr-location-btn:active {
  transform: scale(0.98);
}

.connect-card {
  margin: 18px auto 110px;
  padding: 22px;
}

.connect-card h2 {
  margin: 8px 0 10px;
}

.connect-card p {
  line-height: 1.45;
  opacity: 0.92;
}

.connect-coming-soon {
  display: flex;
  gap: 12px;
  align-items: center;
  margin: 18px 0;
  padding: 14px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.11);
}

.connect-icon {
  font-size: 28px;
}

.connect-coming-soon span {
  display: block;
  margin-top: 4px;
  font-size: 13px;
  opacity: 0.85;
}

.premium-urgency {
  margin-top: 6px;
  font-size: 12px;
  opacity: 0.7;
  text-align: center;
}

.premium-preview-blur {
  filter: blur(6px);
  opacity: 0.5;
  user-select: none;
}

.streak-badge {
  margin: 12px 16px;
  padding: 12px 14px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255,214,74,0.25), rgba(255,111,145,0.20));
  border: 1px solid rgba(255,255,255,0.14);
  color: #fff;
  font-weight: 800;
  text-align: center;
}

.streak-badge span {
  display: block;
  margin-top: 4px;
  font-size: 11px;
  font-weight: 600;
  opacity: 0.78;
}

#wr-post-input {
  width: 100%;
  height: 80px;
  margin-top: 10px;
  border-radius: 12px;
  padding: 10px;
  border: none;
}

#wr-post-feed {
  margin-top: 0;
}

.connect-feed {
  display: grid;
  gap: 12px;
  margin: 0 0 16px;
}

.connect-feed-status {
  padding: 13px 14px;
  border-radius: 14px;
  color: rgba(255, 255, 255, 0.86);
  text-align: center;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.08);
}

.connect-feed-status.is-warning {
  border: 1px solid rgba(255, 214, 74, 0.28);
  background: rgba(255, 214, 74, 0.10);
}

.connect-post-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

.connect-post-meta span {
  opacity: 0.72;
  font-size: 0.85rem;
  white-space: nowrap;
}

.cl-tabs {
  display: flex;
  gap: 8px;
  margin: 16px 0;
  padding: 6px;
  border-radius: 18px;
  background: rgba(255,255,255,0.10);
}

.cl-tab {
  flex: 1;
  border: 0;
  border-radius: 14px;
  padding: 10px 8px;
  background: transparent;
  color: rgba(255,255,255,0.72);
  font-weight: 800;
}

.cl-tab.active {
  background: linear-gradient(135deg,#4fd1ff,#6a5cff);
  color: white;
}

.wr-post {
  padding: 12px;
  margin-bottom: 10px;
  border-radius: 12px;
  background: rgba(255,255,255,0.1);
}

.connect-post {
  margin-top: 14px;
  padding: 16px;
}

.connect-post-text {
  line-height: 1.5;
  font-size: 1rem;
  word-break: break-word;
}

.legal-links,
.legal-links a,
.legal-links span {
  color: #9fdcff !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.legal-links {
  text-align: center;
  font-size: 12px;
  margin: 24px 0 120px;
}

.legal-links a {
  text-decoration: none;
  font-weight: 700;
  padding: 6px;
}

/* Onboarding legal checkbox fix */
#onboardingAgreeTerms,
.onboarding-legal-checkbox,
.legal-check input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;

  display: inline-block !important;
  flex: 0 0 18px !important;

  margin: 2px 10px 0 0 !important;
  padding: 0 !important;

  appearance: auto !important;
  -webkit-appearance: checkbox !important;

  accent-color: #38bdf8;
}

.legal-check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.daily-deeper-card {
  display: grid;
  gap: 14px;
}

.daily-deeper-title {
  margin: 4px 0 0;
  font-size: 20px;
}

.daily-accordion-list {
  display: grid;
  gap: 10px;
  margin-top: 4px;
}

.daily-accordion summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.daily-accordion-title {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.daily-accordion-icon {
  font-size: 18px;
}

.daily-accordion-plus {
  font-size: 22px;
  font-weight: 800;
  line-height: 1;
}

.daily-accordion[open] .daily-accordion-plus {
  transform: rotate(45deg);
}

/* Daily Detailed Guidance premium card polish */
.premium-sign-label {
  font-size: 16px;
  font-weight: 700;
  margin: 10px 0 14px;
}

.premium-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}

.premium-tab {
  background: rgba(255,255,255,0.9);
  color: #111827;
  border: none;
  border-radius: 999px;
  padding: 7px 13px;
  font-size: 13px;
  font-weight: 700;
}

.premium-tab.active {
  background: #ffe600;
  color: #111827;
}

.premium-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.premium-intro {
  font-size: 15px;
  line-height: 1.55;
  color: rgba(255,255,255,0.92);
  margin-bottom: 4px;
}

.premium-section {
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
  overflow: hidden;
}

.premium-section summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 14px;
  font-weight: 800;
}

.premium-section summary::-webkit-details-marker {
  display: none;
}

.section-left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.section-icon {
  width: 22px;
  text-align: center;
  font-size: 18px;
}

.section-title {
  font-size: 15px;
}

.section-plus {
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
}

.premium-section[open] .section-plus {
  transform: rotate(45deg);
}

.section-body {
  padding: 0 14px 14px;
  font-size: 14px;
  line-height: 1.55;
  color: rgba(255,255,255,0.88);
}

/* Daily Detailed Guidance accordion polish */
#premiumGuidanceCard {
  padding: 0 !important;
  border-radius: 26px !important;
  background: linear-gradient(180deg, rgba(54, 75, 230, 0.58), rgba(23, 35, 176, 0.42)) !important;
  border: 1px solid rgba(125, 151, 255, 0.28) !important;
  box-shadow: 0 22px 46px rgba(7, 10, 70, 0.32), inset 0 1px 0 rgba(255,255,255,0.12) !important;
  overflow: hidden !important;
}

.wr-daily-detail-card {
  width: 100%;
  max-width: 100%;
  display: grid;
  gap: 14px;
  padding: 18px 18px 20px;
  box-sizing: border-box;
}

.wr-daily-detail-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  align-items: center;
  overflow: visible;
  padding-bottom: 2px;
}

.wr-daily-detail-tab {
  min-width: 0;
  min-height: 48px;
  padding: 0 10px;
  border: 0;
  border-radius: 999px;
  background: rgba(234, 247, 255, 0.96);
  color: #0e1730;
  font-size: 15px;
  font-weight: 900;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.74);
  white-space: nowrap;
}

.wr-daily-detail-tab.active {
  background: linear-gradient(180deg, #fbff43, #dbe61c);
  color: #101420;
}

.wr-daily-detail-copy {
  color: rgba(255,255,255,0.95);
  font-size: 17px;
  line-height: 1.42;
  font-weight: 650;
}

.wr-daily-detail-accordion {
  display: grid;
  gap: 11px;
}

.wr-daily-detail-item {
  border-radius: 18px;
  background: rgba(70, 92, 255, 0.34);
  border: 1px solid rgba(139, 168, 255, 0.22);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
  overflow: hidden;
}

.wr-daily-detail-item[open] {
  background: linear-gradient(180deg, rgba(69, 99, 255, 0.46), rgba(60, 76, 230, 0.36));
}

.wr-daily-detail-item summary {
  list-style: none;
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 16px;
  cursor: pointer;
}

.wr-daily-detail-item summary::-webkit-details-marker {
  display: none;
}

.wr-daily-detail-left {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.wr-daily-detail-icon {
  width: 24px;
  flex: 0 0 24px;
  text-align: center;
  font-size: 21px;
  line-height: 1;
}

.wr-daily-detail-title {
  min-width: 0;
  color: #fff;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.18;
}

.wr-daily-detail-toggle {
  flex: 0 0 auto;
  color: #fff;
  font-size: 32px;
  font-weight: 800;
  line-height: 1;
}

.wr-daily-detail-item[open] .wr-daily-detail-toggle {
  font-size: 28px;
}

.wr-daily-detail-body {
  padding: 0 18px 18px 64px;
  color: rgba(255,255,255,0.92);
  font-size: 16px;
  line-height: 1.45;
  font-weight: 600;
}

@media (max-width: 390px) {
  .wr-daily-detail-card {
    padding: 16px 14px 18px;
    gap: 12px;
  }

  .wr-daily-detail-tabs {
    gap: 6px;
  }

  .wr-daily-detail-tab {
    min-height: 44px;
    padding: 0 6px;
    font-size: 13px;
  }

  .wr-daily-detail-copy {
    font-size: 16px;
  }

  .wr-daily-detail-title {
    font-size: 16px;
  }

  .wr-daily-detail-body {
    padding-left: 52px;
    font-size: 15px;
  }
}

#wrPremiumTabs {
  display: grid;
  gap: 12px;
}

.premium-polish-sign {
  font-size: 18px;
  font-weight: 600;
  color: rgba(255,255,255,0.9);
}

.premium-polish-tabs {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.premium-polish-tab {
  border: none;
  border-radius: 999px;
  padding: 7px 14px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(239, 246, 255, 0.95);
  color: #0f172a;
}

.premium-polish-tab.active {
  background: #fff200;
  color: #111827;
}

.premium-polish-intro {
  font-size: 16px;
  line-height: 1.45;
  color: white;
  margin-top: 2px;
}

.premium-polish-accordion {
  display: grid;
  gap: 9px;
}

.premium-polish-item {
  border-radius: 16px;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.08);
  overflow: hidden;
}

.premium-polish-item summary {
  list-style: none;
  cursor: pointer;
  min-height: 52px;
  padding: 13px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 800;
}

.premium-polish-item summary::-webkit-details-marker {
  display: none;
}

.premium-polish-left {
  display: flex;
  align-items: center;
  gap: 12px;
}

.premium-polish-icon {
  width: 22px;
  text-align: center;
  font-size: 18px;
}

.premium-polish-plus {
  font-size: 26px;
  font-weight: 400;
  line-height: 1;
}

.premium-polish-item[open] .premium-polish-plus {
  transform: rotate(45deg);
}

.premium-polish-body {
  padding: 0 14px 15px 48px;
  font-size: 15px;
  line-height: 1.5;
  color: rgba(255,255,255,0.9);
}

/* Hide internal/debug Panchang blocks from production Daily UI */
#panchangCardLegacy,
#dailyPanchangSummaryBlock,
#dailyPanchangBlock,
#advancedPanchangDetailsLegacy,
#advancedPanchangDetailsBodyLegacy,
#advancedPanchangDetails,
#advancedObservanceSummary,
#panchangStatusSummary,
#tithiInterpretationSummary,
#observanceDiagnostics,
.advanced-vedic-insights,
.vedic-debug-card,
.diagnostics-card {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* V2.4 Daily/Home cleanup */
#wrTrialBanner,
.wr-trial-banner {
  display: none !important;
}

/* V2.4 tighten Daily layout */
#dailyPanel .card,
.tab-panel[data-panel="daily"] .card {
  margin-bottom: 14px !important;
}

#dailyPanel .section-kicker,
.tab-panel[data-panel="daily"] .section-kicker {
  margin-bottom: 8px !important;
}

#dailyPanel {
  padding-bottom: 110px !important;
}

#premiumGuidanceCard {
  max-width: 100% !important;
  margin-top: 14px !important;
}

#wrPremiumTabs {
  gap: 10px !important;
}

.premium-polish-tabs {
  gap: 8px !important;
}

.premium-polish-tab {
  padding: 6px 12px !important;
  font-size: 13px !important;
}

.premium-polish-intro {
  font-size: 15px !important;
  line-height: 1.4 !important;
}

.premium-polish-item summary {
  min-height: 48px !important;
  padding: 11px 13px !important;
}

.premium-polish-body {
  padding: 0 13px 13px 46px !important;
}

#suggestedNextFocus,
.suggested-next-focus,
.daily-suggested-focus {
  display: none !important;
}

/* Enterprise UI polish layer: shared app shell, controls, cards, and mobile fit */
:root {
  --wr-surface: rgba(255, 255, 255, 0.075);
  --wr-surface-strong: rgba(255, 255, 255, 0.12);
  --wr-border-soft: rgba(255, 255, 255, 0.13);
  --wr-border-focus: rgba(255, 230, 110, 0.72);
  --wr-shadow-soft: 0 16px 42px rgba(4, 8, 28, 0.22);
  --wr-shadow-card: 0 10px 28px rgba(4, 8, 28, 0.18);
  --wr-radius-card: 22px;
  --wr-radius-control: 16px;
  --wr-page-pad: clamp(14px, 4vw, 24px);
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  min-height: 100dvh;
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
  background-attachment: fixed;
}

button,
input,
select,
textarea {
  font: inherit;
}

button,
[role="button"],
select,
input[type="button"],
input[type="submit"] {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

button:focus-visible,
a:focus-visible,
select:focus-visible,
input:focus-visible,
textarea:focus-visible,
.nav-item:focus-visible {
  outline: 3px solid var(--wr-border-focus) !important;
  outline-offset: 3px !important;
}

#mainApp {
  min-height: 100dvh;
}

.app-page {
  width: min(100%, 920px);
  margin: 0 auto;
  padding: calc(10px + env(safe-area-inset-top, 0px)) var(--wr-page-pad) calc(122px + env(safe-area-inset-bottom, 0px));
}

.app-header {
  position: sticky;
  top: 0;
  z-index: 20;
  margin: calc(-1 * (10px + env(safe-area-inset-top, 0px))) calc(-1 * var(--wr-page-pad)) 12px;
  padding: calc(10px + env(safe-area-inset-top, 0px)) var(--wr-page-pad) 12px;
  background: linear-gradient(180deg, rgba(10, 14, 36, 0.96), rgba(10, 14, 36, 0.72) 72%, rgba(10, 14, 36, 0));
  backdrop-filter: blur(14px);
}

.top-status-row {
  padding: 0 !important;
  gap: 12px !important;
}

.brand-header,
.brand-text-wordmark {
  min-width: 0;
}

.brand-wordmark {
  max-height: 38px;
  object-fit: contain;
}

.brand-tagline-global {
  max-width: 30rem;
  color: rgba(255, 255, 255, 0.74);
}

.premium-banner {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  padding: 8px 11px;
  border: 1px solid rgba(255, 230, 110, 0.32);
  border-radius: 999px;
  background: rgba(255, 230, 110, 0.12);
  color: #fff7c2;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
}

.header-top-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}

.header-top-actions .app-input,
#languageSelect {
  width: min(100%, 230px) !important;
  min-height: 44px !important;
}

.app-main,
.content-stack,
.tab-panel.active,
.tab-panel:not([hidden]) {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.tab-panel {
  min-width: 0;
}

.card,
.glass-card,
.wr-card,
.premium-card,
.hero-card,
.wr-deeper-horoscope-card,
.wr-share-card-preview,
.premium-teaser-card,
.choghadiya-now-card,
.celestial-card,
.premium-home-banner,
.mode-status-card {
  border-radius: var(--wr-radius-card) !important;
  border: 1px solid var(--wr-border-soft) !important;
  box-shadow: var(--wr-shadow-card);
}

.card,
.glass-card,
.wr-card,
.premium-card,
.premium-teaser-card,
.choghadiya-now-card,
.celestial-card,
.premium-home-banner {
  background: linear-gradient(180deg, var(--wr-surface-strong), var(--wr-surface)) !important;
}

.card-head,
.astro-feed-head,
.premium-teaser-head,
.mode-status-top,
.hero-top-row {
  gap: 14px;
  align-items: flex-start;
}

.card-head h3,
.premium-teaser-head h3,
.wr-deeper-horoscope-card h2 {
  margin-top: 3px;
  line-height: 1.18;
}

.section-kicker,
.wr-deeper-kicker,
.mode-status-label,
.stat-label,
.input-label {
  letter-spacing: 0.06em !important;
  line-height: 1.25;
}

.muted,
.summary-note,
.stat-subtext,
.profile-summary,
.astro-feed-copy,
.premium-teaser-copy,
.premium-home-copy,
.hero-message,
.wr-deeper-main {
  line-height: 1.55 !important;
}

.app-input,
input.app-input,
select.app-input,
textarea.app-input {
  min-height: 50px !important;
  border-radius: var(--wr-radius-control) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.app-input::placeholder {
  color: rgba(255, 255, 255, 0.52);
}

.action-btn,
.secondary-btn,
.link-btn,
.btn,
.wr-location-btn,
.wr-notification-test-btn,
.mode-status-btn,
.wr-safe-share-btn,
.wr-download-png-btn,
.wr-share-image-btn,
.guidance-mode-btn,
.wr-focus-btn,
.premium-polish-tab {
  min-height: 46px;
  border-radius: var(--wr-radius-control) !important;
  font-weight: 800;
  line-height: 1.2;
  transition: transform 160ms ease, filter 160ms ease, border-color 160ms ease, background 160ms ease;
}

.action-btn,
.secondary-btn,
.btn,
.wr-location-btn,
.wr-notification-test-btn,
.mode-status-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.action-btn:active,
.secondary-btn:active,
.btn:active,
.wr-location-btn:active,
.wr-notification-test-btn:active,
.mode-status-btn:active,
.nav-item:active {
  transform: translateY(1px) scale(0.99);
}

.action-btn.primary,
.btn-premium,
.premium-gold {
  box-shadow: 0 10px 24px rgba(255, 214, 102, 0.18);
}

.wr-location-btn {
  margin: 8px 0 16px !important;
  padding: 13px 16px;
  border: 1px solid rgba(87, 197, 255, 0.34);
  background: linear-gradient(135deg, rgba(87, 197, 255, 0.18), rgba(167, 139, 250, 0.14));
  box-shadow: var(--wr-shadow-card);
}

.wr-home-hero-card,
.premium-hero {
  overflow: hidden;
  box-shadow: var(--wr-shadow-soft) !important;
}

.wr-home-hero-strip,
.mode-status-card {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

.hero-name,
.hero-greeting,
.hero-message,
.wr-sign-name,
.mode-status-title,
.mode-status-desc {
  overflow-wrap: anywhere;
}

.wr-deeper-horoscope-card {
  padding: clamp(18px, 5vw, 24px) !important;
}

.wr-deeper-mini-grid,
.wr-share-bottom-grid,
.premium-teaser-locks,
.astro-feed-grid,
.extra-lucky-grid {
  gap: 10px !important;
}

.wr-share-actions-row {
  gap: 10px !important;
}

.wr-share-actions-row button {
  min-height: 50px !important;
  padding: 10px 8px !important;
}

.pill,
.premium-status-pill,
.mode-status-badge,
.section-pill,
.wr-info-chip {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  line-height: 1.2;
}

.onboarding-screen {
  min-height: 100dvh;
  padding: calc(16px + env(safe-area-inset-top, 0px)) var(--wr-page-pad) calc(24px + env(safe-area-inset-bottom, 0px));
}

.onboarding-shell {
  width: min(100%, 760px);
  margin: 0 auto;
}

.onboarding-card {
  box-shadow: var(--wr-shadow-soft) !important;
}

.form-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.legal-check,
.auth-switch,
.auth-legal-links {
  line-height: 1.4;
}

.bottom-nav,
.app-bottom-nav,
.mobile-bottom-nav,
#bottomNav,
.nav-bar,
.tab-bar {
  max-width: min(520px, calc(100vw - 18px)) !important;
  margin-inline: auto !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  box-shadow: 0 16px 42px rgba(2, 6, 23, 0.38) !important;
  backdrop-filter: blur(18px);
}

.bottom-nav button,
#bottomNav button,
.nav-bar button,
.tab-bar button,
.bottom-nav .nav-item,
#bottomNav .nav-item,
.tab-bar .nav-item {
  min-height: 52px !important;
}

.nav-label {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 740px) {
  .app-header {
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
  }

  .top-status-row {
    flex-wrap: nowrap;
  }

  .header-top-actions {
    position: absolute;
    top: calc(12px + env(safe-area-inset-top, 0px));
    right: var(--wr-page-pad);
    margin-top: 0;
  }

  .tab-panel[data-panel="home"] {
    gap: 18px;
  }
}

@media (max-width: 700px) {
  .app-page {
    padding-inline: var(--wr-page-pad);
  }

  .app-header {
    margin-bottom: 10px;
  }

  .brand-wordmark {
    width: min(220px, 70vw) !important;
  }

  .premium-banner {
    width: 100%;
    justify-content: center;
    text-align: center;
  }

  .header-top-actions {
    justify-content: stretch;
  }

  .header-top-actions .app-input,
  #languageSelect {
    width: 100% !important;
  }

  .wr-home-hero-card {
    padding-right: clamp(16px, 5vw, 22px) !important;
  }

  .hero-top-row,
  .mode-status-top,
  .card-head {
    flex-wrap: wrap;
  }

  .hero-sign-badge,
  .wr-home-top-badge {
    margin-left: 0 !important;
  }

  .wr-share-actions-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 390px) {
  .app-main,
  .content-stack,
  .tab-panel.active,
  .tab-panel:not([hidden]) {
    gap: 13px;
  }

  .card,
  .glass-card,
  .wr-card,
  .premium-card,
  .hero-card,
  .wr-deeper-horoscope-card,
  .premium-teaser-card {
    padding: 15px !important;
  }

  .bottom-nav button,
  #bottomNav button,
  .nav-bar button,
  .tab-bar button,
  .bottom-nav .nav-item,
  #bottomNav .nav-item,
  .tab-bar .nav-item {
    min-height: 48px !important;
  }

  .nav-icon {
    font-size: 17px !important;
  }

  .nav-label {
    font-size: 10px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
    animation-duration: 0.001ms !important;
  }
}

/* V4.8.3 Android webview shell stability
   Keeps the app centered after process restore and prevents old shell rules from
   widening the viewport or restacking the brand header. */
html,
body {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
}

body {
  position: relative !important;
}

#mainApp,
#appMain {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
}

#mainApp .app-page {
  width: 100% !important;
  max-width: 430px !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  padding: calc(14px + env(safe-area-inset-top, 0px)) 14px calc(116px + env(safe-area-inset-bottom, 0px)) !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

#mainApp .app-header {
  position: relative !important;
  top: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  overflow: visible !important;
}

#mainApp .top-status-row,
#mainApp .brand-header,
#mainApp .brand-text-wordmark,
#mainApp .header-top-actions {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#mainApp .top-status-row,
#mainApp .brand-header,
#mainApp .brand-text-wordmark {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 8px !important;
}

#mainApp .brand-text-wordmark {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

#mainApp .brand-wordmark {
  display: block !important;
  width: min(196px, 68vw) !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 50px !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

#mainApp .app-brand-lockup {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 auto !important;
}

#mainApp .app-brand-mark {
  width: 76px !important;
  height: 76px !important;
  object-fit: contain !important;
  flex: 0 0 auto !important;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.24)) !important;
}

#mainApp .app-brand-name {
  color: #f4e9ff !important;
  font-size: clamp(30px, 8vw, 42px) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-shadow:
    0 2px 0 rgba(45, 20, 82, 0.42),
    0 6px 18px rgba(0, 0, 0, 0.28) !important;
  white-space: nowrap !important;
}

#mainApp .brand-tagline-global {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
}

#mainApp .premium-banner {
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 54px !important;
  margin: 6px 0 0 !important;
  padding: 10px 14px !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  overflow-wrap: anywhere !important;
  border-radius: 18px !important;
  box-sizing: border-box !important;
}

#mainApp .header-top-actions {
  display: flex !important;
  position: static !important;
  justify-content: stretch !important;
}

#mainApp .header-top-actions .app-input,
#mainApp #languageSelect {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

#mainApp .wr-location-btn,
#mainApp #dailyStreakBadgeMount,
#mainApp .legal-links {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

#mainApp .app-main,
#mainApp .tab-panel,
#mainApp .tab-panel.active,
#mainApp .tab-panel:not([hidden]) {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

#mainApp .tab-panel.active,
#mainApp .tab-panel:not([hidden]) {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

#mainApp .card,
#mainApp .glass-card,
#mainApp .hero-card,
#mainApp .premium-card,
#mainApp .summary-card,
#mainApp .wr-card,
#mainApp .daily-deeper-card,
#mainApp .daily-reading-card,
#mainApp .wr-deeper-horoscope-card,
#mainApp .wr-share-card-preview,
#mainApp .choghadiya-now-card,
#mainApp .connect-post,
#mainApp .mode-status-card,
#mainApp .premium-hero {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}

#mainApp .daily-focus,
#mainApp .premium-polish-tabs,
#mainApp .guidance-mode-row,
#mainApp .cl-tabs {
  max-width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

.profile-settings-card .settings-section {
  padding: 14px 0;
  border-top: 1px solid rgba(255,255,255,0.08);
}

.profile-settings-card .settings-section:first-of-type {
  border-top: none;
}

.profile-settings-card h4 {
  margin: 0 0 10px;
  color: #ffd978;
  font-size: 14px;
}

.profile-settings-card p {
  margin: 6px 0;
  color: #dfe3ff;
  font-size: 14px;
}

.profile-edit-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 12px;
}

.profile-edit-actions .premium-button {
  flex: 1 1 140px;
}

.premium-button.secondary {
  background: rgba(255,255,255,0.12);
}

.profile-preference-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  color: #dfe3ff;
}

.profile-preference-row span {
  font-size: 13px;
  color: #bfc5f2;
}

.profile-preference-row strong {
  font-size: 14px;
  color: #ffffff;
  text-align: right;
}

.profile-settings-note {
  margin-top: 8px;
  color: #9ca3d1;
  font-size: 12px;
  line-height: 1.4;
}

.profile-legal-links {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 10px;
}

.profile-legal-links button {
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 8px;
  background: rgba(255,255,255,0.08);
  color: #ffffff;
  padding: 9px 11px;
  font-size: 13px;
}

.premium-button.danger {
  background: rgba(255, 99, 99, 0.16);
  border: 1px solid rgba(255, 130, 130, 0.35);
  color: #ffd6d6;
}

.profile-store-readiness-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,0.1);
  color: #9ca3d1;
  font-size: 12px;
}

.profile-store-readiness-footer strong {
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  text-align: right;
}

.wr-setting-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  color: white;
}

.wr-setting-row span {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.wr-setting-row .wr-setting-title-line {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.wr-coming-soon-badge {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 3px 8px;
  border: 1px solid rgba(255,217,120,0.28);
  border-radius: 999px;
  background: rgba(255,217,120,0.12);
  color: #ffd978;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
}

.wr-setting-row small {
  color: #bfc5f2;
  font-size: 12px;
}

.wr-setting-row input[type="checkbox"] {
  width: 22px;
  height: 22px;
}

.wr-notification-status {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
}

.wr-notification-status span {
  display: block;
  font-size: 12px;
  color: #bfc5f2;
  margin-top: 4px;
}

.wr-notification-permission {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
  color: #bfc5f2;
  font-size: 12px;
}

.wr-notification-schedule-lines {
  margin: 12px 0 2px;
  padding: 10px 0 0;
  border-top: 1px solid rgba(255,255,255,0.08);
}

.wr-notification-schedule-lines p {
  margin: 4px 0;
  color: #dfe3ff;
  font-size: 13px;
}

#mainApp #guidanceModeCard {
  padding: 20px 18px !important;
}

#mainApp #guidanceModeCard .section-kicker {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

#mainApp .guidance-mode-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  padding: 0 !important;
  overflow-x: visible !important;
}

#mainApp .guidance-mode-btn {
  min-width: 0 !important;
  flex: 0 1 auto !important;
  padding: 11px 15px !important;
  white-space: nowrap !important;
}

#bottomNav,
#mainApp .bottom-nav {
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  bottom: max(12px, env(safe-area-inset-bottom, 0px)) !important;
  transform: translateX(-50%) !important;
  width: min(430px, calc(100vw - 24px)) !important;
  max-width: calc(100vw - 24px) !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 4px !important;
  padding: 8px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

#bottomNav .tab-btn,
#bottomNav .nav-item {
  width: 100% !important;
  min-width: 0 !important;
  padding: 7px 2px !important;
  box-sizing: border-box !important;
}

#bottomNav .tab-label,
#bottomNav .nav-label {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
}

#mainApp #tab-choghadiya {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 8px calc(150px + env(safe-area-inset-bottom, 0px)) !important;
  overflow-x: visible !important;
  box-sizing: border-box !important;
}

#mainApp #tab-choghadiya .page-shell {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 0 0 calc(150px + env(safe-area-inset-bottom, 0px)) !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

#mainApp #tab-choghadiya .card {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 22px 18px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  box-shadow: 0 18px 36px rgba(10, 12, 34, 0.24) !important;
}

#mainApp #tab-choghadiya #choghadiyaNightList {
  padding-bottom: calc(170px + env(safe-area-inset-bottom, 0px)) !important;
}

#mainApp #tab-choghadiya .section-kicker,
#mainApp #tab-choghadiya h3,
#mainApp #tab-choghadiya .muted,
#mainApp #tab-choghadiya .small-text,
#mainApp #tab-choghadiya .choghadiya-section-title {
  max-width: 100% !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  overflow: visible !important;
}

#mainApp #tab-choghadiya .choghadiya-list {
  width: 100% !important;
  max-width: 100% !important;
  display: grid !important;
  gap: 12px !important;
  overflow: visible !important;
}

#mainApp #tab-choghadiya .choghadiya-row {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr) !important;
  align-items: start !important;
  gap: 12px !important;
  padding: 14px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

#mainApp #tab-choghadiya .choghadiya-main,
#mainApp #tab-choghadiya .choghadiya-side,
#mainApp #tab-choghadiya .choghadiya-type,
#mainApp #tab-choghadiya .choghadiya-time,
#mainApp #tab-choghadiya .choghadiya-badge,
#mainApp #tab-choghadiya .choghadiya-desc {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

#mainApp #tab-choghadiya .choghadiya-time,
#mainApp #tab-choghadiya .choghadiya-desc {
  line-height: 1.35 !important;
}

#loginScreen .brand-row,
#resetPasswordScreen .brand-row,
#changePasswordScreen .brand-row,
#onboardingScreen .brand-row {
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}

#loginScreen .brand-logo-box,
#resetPasswordScreen .brand-logo-box,
#changePasswordScreen .brand-logo-box,
#onboardingScreen .brand-logo-box {
  display: none !important;
}

#loginScreen .brand-copy-block,
#resetPasswordScreen .brand-copy-block,
#changePasswordScreen .brand-copy-block,
#onboardingScreen .brand-copy-block {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

#loginScreen .brand-wordmark-auth,
#resetPasswordScreen .brand-wordmark-auth,
#changePasswordScreen .brand-wordmark-auth,
#onboardingScreen .brand-wordmark-auth {
  width: min(210px, 70vw) !important;
  max-height: 52px !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  filter: none !important;
}

/* V4.8.4 Home top utility polish */
#mainApp .wr-home-status-strip {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin-top: 4px !important;
  padding: 4px 0 0 !important;
  box-sizing: border-box !important;
}

#mainApp .wr-home-status-strip .wr-status-pill,
#mainApp .wr-home-status-strip .premium-banner,
#mainApp .wr-home-status-strip .wr-location-btn,
#mainApp .wr-home-status-strip .streak-badge {
  width: auto !important;
  max-width: 100% !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 8px 11px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

#mainApp .wr-home-status-strip .premium-banner {
  flex: 0 1 auto !important;
  color: #fff7c2 !important;
  background: rgba(255, 230, 110, 0.13) !important;
  border-color: rgba(255, 230, 110, 0.32) !important;
}

#mainApp .wr-home-status-strip .header-top-actions,
#mainApp .wr-home-status-strip #dailyStreakBadgeMount {
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  flex: 0 1 auto !important;
  justify-content: center !important;
}

#mainApp .wr-home-status-strip #languageSelect {
  width: auto !important;
  min-width: 104px !important;
  max-width: 148px !important;
  min-height: 36px !important;
  height: 36px !important;
  margin: 0 !important;
  padding: 7px 28px 7px 11px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  background-position:
    calc(100% - 15px) calc(50% - 3px),
    calc(100% - 10px) calc(50% - 3px) !important;
  background-size: 5px 5px, 5px 5px !important;
}

#mainApp .wr-home-status-strip .wr-location-btn {
  flex: 0 0 auto !important;
  color: #eff8ff !important;
  background: rgba(87, 197, 255, 0.13) !important;
  border: 1px solid rgba(87, 197, 255, 0.32) !important;
  max-width: 150px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#mainApp .wr-home-status-strip .streak-badge {
  flex: 0 0 auto !important;
  color: #fff !important;
  text-align: left !important;
  background: rgba(255, 142, 97, 0.14) !important;
  border: 1px solid rgba(255, 214, 74, 0.24) !important;
}

#mainApp .wr-home-status-strip .streak-badge strong {
  font-weight: 900 !important;
}

#mainApp .wr-home-status-strip .wr-mode-chip {
  flex: 0 0 auto !important;
  color: #fff8df !important;
  background: rgba(245, 210, 122, 0.12) !important;
  border: 1px solid rgba(245, 210, 122, 0.28) !important;
  cursor: pointer !important;
}

@media (max-width: 390px) {
  #mainApp .wr-home-status-strip {
    gap: 7px !important;
  }

  #mainApp .wr-home-status-strip .wr-status-pill,
  #mainApp .wr-home-status-strip .premium-banner,
  #mainApp .wr-home-status-strip .wr-location-btn,
  #mainApp .wr-home-status-strip .streak-badge {
    min-height: 34px !important;
    padding: 7px 9px !important;
    font-size: 11px !important;
  }

  #mainApp .wr-home-status-strip #languageSelect {
    min-width: 94px !important;
    max-width: 124px !important;
    min-height: 34px !important;
    height: 34px !important;
    font-size: 11px !important;
  }
}

/* V4.8.5 Home hero confidence polish */
#mainApp .wr-home-hero-card {
  padding-top: 18px !important;
}

#mainApp .wr-home-hero-card .hero-message[hidden],
#mainApp .wr-home-hero-card .hero-system-title[hidden],
#mainApp .wr-home-hero-card .hero-system-mini[hidden] {
  display: none !important;
}

#mainApp .wr-home-hero-card .hero-top-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 10px !important;
}

#mainApp .wr-home-hero-card .hero-greeting {
  font-size: 18px !important;
  line-height: 1.2 !important;
}

#mainApp .wr-home-hero-card .hero-name {
  margin-top: 3px !important;
  font-size: clamp(30px, 8.8vw, 44px) !important;
  line-height: 1.02 !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

#mainApp .wr-home-hero-card .wr-home-top-badge {
  position: static !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 10px 12px !important;
  border-radius: 16px !important;
  gap: 7px !important;
  justify-content: flex-start !important;
}

#mainApp .wr-home-hero-card .wr-home-top-badge-icon {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
}

#mainApp .wr-home-hero-card .wr-home-top-badge-title {
  font-size: 14px !important;
  line-height: 1.1 !important;
  max-width: 100% !important;
}

#mainApp .wr-home-hero-card .wr-home-top-badge-sub {
  display: block !important;
  max-width: 100% !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#mainApp .wr-home-hero-card #modeStatusCard,
#mainApp .wr-home-hero-card .mode-status-card[hidden] {
  display: none !important;
}

#mainApp .wr-moon-face,
#mainApp .wr-solar-face {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  display: inline-block !important;
  position: relative !important;
  box-shadow:
    inset -4px -5px 7px rgba(8, 12, 38, 0.38),
    inset 4px 4px 8px rgba(255, 255, 230, 0.26),
    0 0 14px rgba(255, 239, 154, 0.16) !important;
}

#mainApp .wr-moon-face::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
}

#mainApp .wr-moon-face-waning {
  background:
    radial-gradient(circle at 62% 42%, rgba(55, 85, 93, 0.95) 0 39%, transparent 40%),
    linear-gradient(90deg, #fff2a7 0 42%, #536a76 43% 100%) !important;
}

#mainApp .wr-moon-face-waxing {
  background:
    radial-gradient(circle at 38% 42%, rgba(55, 85, 93, 0.95) 0 39%, transparent 40%),
    linear-gradient(90deg, #536a76 0 57%, #fff2a7 58% 100%) !important;
}

#mainApp .wr-moon-face-full {
  background: radial-gradient(circle at 35% 30%, #fff8bf, #f7d96b 70%, #d7a932) !important;
}

#mainApp .wr-moon-face-new {
  background: radial-gradient(circle at 34% 30%, #6f8190, #263747 68%, #111827) !important;
}

#mainApp .wr-moon-face-neutral {
  background: radial-gradient(circle at 35% 30%, #fff2a7, #617484 64%, #23303d) !important;
}

#mainApp .wr-solar-face {
  background: radial-gradient(circle at 35% 30%, #fff6b5, #ffc857 64%, #f97316) !important;
}

#mainApp .wr-home-hero-card .wr-home-hero-strip {
  margin-top: 10px !important;
  padding: 14px !important;
}

#mainApp .wr-home-hero-card .wr-sign-row {
  grid-template-columns: 68px minmax(0, 1fr) !important;
  gap: 14px !important;
  padding: 0 !important;
}

#mainApp .wr-home-hero-card .wr-sign-icon {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  border-radius: 20px !important;
  font-size: 30px !important;
  background: rgba(255, 255, 255, 0.12) !important;
}

#mainApp .wr-home-hero-card .wr-sign-name {
  font-size: 24px !important;
  line-height: 1.05 !important;
}

#mainApp .wr-home-hero-card .wr-sign-label {
  margin-top: 4px !important;
  font-size: 14px !important;
  opacity: 0.82 !important;
}

@media (max-width: 390px) {
  #mainApp .wr-home-hero-card .hero-name {
    font-size: clamp(30px, 9vw, 36px) !important;
  }

  #mainApp .wr-home-hero-card .wr-home-top-badge {
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 8px 9px !important;
  }

  #mainApp .wr-home-hero-card .wr-home-top-badge-title,
  #mainApp .wr-home-hero-card .wr-home-top-badge-sub {
    max-width: 100% !important;
  }
}

/* V4.8.6 Home mode confirmation and Daily preview polish */
#modeSwitchConfirmModal .wr-mode-confirm-panel {
  max-width: 390px !important;
}

.wr-mode-confirm-meter {
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 14px;
  color: #fff8df;
  background: rgba(245, 210, 122, 0.12);
  border: 1px solid rgba(245, 210, 122, 0.24);
  font-size: 13px;
  font-weight: 800;
}

#mainApp .tab-panel[data-panel="home"] {
  gap: 12px !important;
}

#mainApp .wr-home-hero-card {
  margin-bottom: 0 !important;
}

#mainApp .wr-deeper-horoscope-card {
  margin-top: 0 !important;
}

#mainApp .wr-deeper-mini-grid button {
  width: 100% !important;
  min-height: 0 !important;
  padding: 11px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: #fff !important;
  background: rgba(255,255,255,0.10) !important;
  box-shadow: none !important;
  text-align: left !important;
  display: block !important;
}

#mainApp .wr-deeper-mini-grid button span {
  display: block;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.72;
  margin-bottom: 4px;
}

#mainApp .wr-deeper-mini-grid button strong {
  display: block;
  font-size: 14px;
  line-height: 1.3;
}

#mainApp .wr-open-full-reading-btn {
  margin-top: 2px !important;
}

@media (max-width: 390px) {
  #mainApp .app-page {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  #mainApp .brand-wordmark {
    width: min(184px, 72vw) !important;
    max-height: 46px !important;
  }

  #mainApp .app-brand-lockup {
    gap: 6px !important;
  }

  #mainApp .app-brand-mark {
    width: 64px !important;
    height: 64px !important;
  }

  #mainApp .app-brand-name {
    font-size: 30px !important;
  }

  #bottomNav,
  #mainApp .bottom-nav {
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
  }

  #bottomNav .tab-label,
  #bottomNav .nav-label {
    font-size: 10px !important;
  }
}

/* V4.8.7 final override: Home/Daily polish across narrow Android webviews */
#mainApp .wr-home-hero-card .hero-top-row {
  gap: 8px !important;
}

#mainApp .wr-home-hero-card .hero-name {
  font-size: 40px !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

#mainApp .wr-home-hero-card .wr-home-top-badge {
  padding: 8px 10px !important;
}

#mainApp .wr-home-hero-card .wr-home-top-badge-title {
  font-size: 13px !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

#mainApp .wr-home-hero-card .wr-home-top-badge-sub {
  font-size: 10px !important;
}

#mainApp .wr-deeper-horoscope-card {
  padding: 18px 16px !important;
  margin-top: 0 !important;
}

#mainApp .wr-deeper-horoscope-card h2 {
  margin-bottom: 8px !important;
}

#mainApp .wr-deeper-main {
  margin-bottom: 12px !important;
}

#mainApp .premium-urgency,
#mainApp #homeShareCardBtn,
#mainApp .wr-notification-test-btn,
#mainApp #celestialCard {
  display: none !important;
}

#mainApp .wr-share-actions-row {
  grid-template-columns: 0.8fr 1fr 0.9fr !important;
  gap: 8px !important;
}

#mainApp .wr-share-actions-row button {
  min-width: 0 !important;
  padding: 10px 8px !important;
  font-size: 12px !important;
}

#mainApp .wr-share-actions-row .wr-download-png-btn::before,
#mainApp .wr-share-actions-row .wr-share-image-btn::before,
#mainApp .wr-share-actions-row button::after {
  content: none !important;
}

#mainApp .wr-share-lucky-signal {
  margin-top: 14px !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
  color: var(--wr-signal-text, #ffffff) !important;
  background: linear-gradient(135deg, var(--wr-signal-a, #38bdf8), var(--wr-signal-b, #4f46e5)) !important;
}

#mainApp .wr-share-lucky-signal span {
  display: block !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  opacity: 0.82 !important;
}

#mainApp .wr-share-lucky-signal strong {
  display: block !important;
  margin-top: 4px !important;
  font-size: 22px !important;
  line-height: 1.12 !important;
}

#mainApp .astro-feed-head {
  align-items: start !important;
  gap: 10px !important;
}

#mainApp .wr-astro-share-btn {
  flex: 0 0 auto !important;
  border: 1px solid rgba(255,255,255,0.16) !important;
  border-radius: 999px !important;
  padding: 8px 12px !important;
  color: #fff !important;
  background: rgba(255,255,255,0.12) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

#mainApp .wr-lucky-signal {
  border-color: rgba(255,255,255,0.24) !important;
  background: linear-gradient(145deg, var(--wr-signal-a, rgba(34,197,94,0.30)), rgba(255,255,255,0.08)) !important;
}

#mainApp .premium-teaser-card {
  padding: 16px !important;
}

#mainApp .premium-teaser-locks {
  gap: 7px !important;
  margin-top: 10px !important;
}

#mainApp .premium-lock-line {
  padding: 10px 12px !important;
  font-size: 13px !important;
}

#mainApp .wr-reminder-card {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 14px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  background: rgba(255,255,255,0.08) !important;
}

#mainApp .wr-reminder-card strong {
  display: block !important;
  margin-top: 2px !important;
  font-size: 16px !important;
}

#mainApp .wr-reminder-card p {
  margin: 4px 0 0 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  opacity: 0.78 !important;
}

#mainApp .wr-reminder-btn {
  flex: 0 0 auto !important;
  min-width: 82px !important;
  min-height: 40px !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #14213d !important;
  background: linear-gradient(135deg, #f8e76f, #22d3ee) !important;
  font-weight: 900 !important;
}

#mainApp .choghadiya-now-card.tone-amrit .current-choghadiya-label { color: #5df29a !important; }
#mainApp .choghadiya-now-card.tone-labh .current-choghadiya-label { color: #bef264 !important; }
#mainApp .choghadiya-now-card.tone-shubh .current-choghadiya-label { color: #fde68a !important; }
#mainApp .choghadiya-now-card.tone-chal .current-choghadiya-label { color: #93c5fd !important; }
#mainApp .choghadiya-now-card.tone-udveg .current-choghadiya-label { color: #fbbf24 !important; }
#mainApp .choghadiya-now-card.tone-rog .current-choghadiya-label { color: #fb923c !important; }
#mainApp .choghadiya-now-card.tone-kaal .current-choghadiya-label { color: #f87171 !important; }

@media (max-width: 390px) {
  #mainApp .wr-home-hero-card .hero-name {
    font-size: 34px !important;
  }

  #mainApp .wr-home-hero-card .hero-greeting {
    font-size: 16px !important;
  }

  #mainApp .wr-home-hero-card .wr-home-top-badge-title {
    font-size: 12px !important;
  }

  #mainApp .wr-home-hero-card .wr-home-top-badge-icon {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
  }
}

/* V4.8.9 absolute final override */
#mainApp .wr-energy-line,
#mainApp .today-energy-line,
#mainApp .energy-line,
#mainApp .energy-line-value,
#mainApp #todayEnergyValue {
  display: none !important;
}

#mainApp .wr-reminder-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 74px !important;
  min-height: 78px !important;
  max-height: 92px !important;
  overflow: hidden !important;
}

#mainApp .wr-reminder-card p {
  display: none !important;
}

#mainApp .wr-reminder-btn {
  font-size: 0 !important;
  width: 74px !important;
  min-width: 74px !important;
  max-width: 74px !important;
  height: 40px !important;
  padding: 0 !important;
}

#mainApp .wr-reminder-btn::after {
  content: "Enable" !important;
  font-size: 13px !important;
}

#mainApp .wr-reminder-btn.is-enabled::after {
  content: "Enabled" !important;
}

#mainApp .legal-links {
  margin-top: 0 !important;
  margin-bottom: calc(66px + env(safe-area-inset-bottom, 0px)) !important;
}

#mainApp .app-main {
  padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
}

/* V4.8.10 Daily polish absolute final override */
#homeTab .wr-return-note,
#homeTab .return-hint,
#homeTab .come-back-hint,
#homeTab [data-section="return-hint"] {
  display: none !important;
}

#dailyTab {
  padding-bottom: 76px !important;
}

#dailyTab::after {
  height: 24px !important;
}

#dailyTab #wr-return,
#dailyTab [data-i18n="diagnostics"],
#dailyTab .vedic-only {
  display: none !important;
}

#dailyTab .wr-color-stat-card::before,
#dailyTab .wr-color-stat-card::after {
  display: none !important;
  content: none !important;
}

#dailyTab .wr-color-stat-card .stat-value {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  width: auto !important;
}

#dailyTab .wr-color-stat-card .stat-value.wr-value-with-inline-dot::after {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 999px;
  flex: 0 0 14px;
  background: var(--wr-inline-dot-color, var(--wr-card-swatch, #9ad8ff));
  border: 2px solid rgba(255,255,255,.72);
}

#dailyTab .wr-sun-time-card {
  position: relative;
  min-height: 132px;
  padding-left: 92px !important;
  overflow: hidden;
}

#dailyTab .wr-sun-time-card::before {
  position: absolute;
  left: 22px;
  top: 26px;
  width: 50px;
  height: 50px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font-size: 28px;
}

#dailyTab .wr-sunrise-card::before {
  content: "☀";
  background: linear-gradient(135deg, #ffe38a, #ff9f43);
}

#dailyTab .wr-sunset-card::before {
  content: "☾";
  background: linear-gradient(135deg, #d9ecff, #8d78ff);
}

/* V4.8.11 true final UX rhythm override */
#mainApp .app-main {
  padding-bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important;
}

#mainApp .tab-panel.active,
#mainApp .tab-panel:not([hidden]) {
  padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important;
}

#mainApp .tab-panel[data-panel="home"].active,
#mainApp .tab-panel[data-panel="home"]:not([hidden]) {
  padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
}

#dailyTab .page-shell {
  padding-bottom: 18px !important;
}

#dailyTab .content-stack {
  gap: 14px !important;
  padding-bottom: 18px !important;
}

#dailyTab #compatibilityCard {
  overflow: visible !important;
}

#dailyTab #compatibilityCard .card-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

#dailyTab #compatibilityCard .card-head > div {
  min-width: 0 !important;
}

#dailyTab #compatibilityCard .section-kicker,
#dailyTab #dailyCompatibilityTitle,
#dailyTab #compatibilityInsight {
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

#dailyTab #dailyCompatibilityTitle {
  max-width: 100% !important;
  margin: 2px 0 0 !important;
  line-height: 1.18 !important;
  white-space: normal !important;
}

#dailyTab #compatibilityScore {
  max-width: 84px !important;
  min-width: 56px !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

#dailyTab #premiumGuidanceCard {
  margin-top: 2px !important;
  margin-bottom: 14px !important;
}

#dailyTab .wr-daily-detail-card {
  gap: 16px !important;
}

#dailyTab .wr-daily-detail-copy {
  padding: 14px 15px !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.10) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

#dailyTab .wr-daily-detail-accordion {
  gap: 12px !important;
}

#dailyTab .wr-lucky-deeplink-focus {
  scroll-margin-top: 24px !important;
}
/* V4.3 final tester lock: keep this after legacy mobile overrides */
#mainApp .app-page {
  padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important;
}

#mainApp .app-main {
  padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px)) !important;
}

#mainApp .tab-panel.active,
#mainApp .tab-panel:not([hidden]) {
  padding-bottom: calc(68px + env(safe-area-inset-bottom, 0px)) !important;
}

#mainApp .tab-panel[data-panel="home"].active,
#mainApp .tab-panel[data-panel="home"]:not([hidden]),
#mainApp .tab-panel[data-panel="premium"].active,
#mainApp .tab-panel[data-panel="premium"]:not([hidden]),
#mainApp .tab-panel[data-panel="connectTab"].active,
#mainApp .tab-panel[data-panel="connectTab"]:not([hidden]) {
  padding-bottom: calc(60px + env(safe-area-inset-bottom, 0px)) !important;
}

#mainApp #tab-choghadiya,
#mainApp #tab-choghadiya .page-shell,
#mainApp #tab-choghadiya #choghadiyaNightList {
  padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
}

#bottomNav,
#mainApp .bottom-nav {
  bottom: max(8px, env(safe-area-inset-bottom, 0px)) !important;
  gap: 3px !important;
  padding: 7px !important;
}

#bottomNav .tab-btn,
#bottomNav .nav-item {
  min-height: 66px !important;
  padding: 6px 1px !important;
  border-radius: 18px !important;
}

#bottomNav .tab-label,
#bottomNav .nav-label {
  display: -webkit-box !important;
  min-height: 2.4em !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  white-space: normal !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  font-size: clamp(9px, 2.45vw, 10.5px) !important;
  line-height: 1.14 !important;
  letter-spacing: 0 !important;
}

#dailyTab #compatibilityCard {
  overflow: visible !important;
  padding-top: 17px !important;
}

#dailyTab #compatibilityCard .section-kicker {
  display: block !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  transform: none !important;
}

/* V4.4 daily/calendar/timing polish */
#mainApp .wr-alignment-tithi-row {
  display: block !important;
  margin: 14px 0 16px !important;
  padding: 14px 16px !important;
  min-height: 76px !important;
}

#mainApp .wr-alignment-tithi-row[hidden] {
  display: none !important;
}

#mainApp #wrAlignmentTithi {
  display: block !important;
  color: #fff !important;
  font-size: clamp(20px, 5.4vw, 28px) !important;
  line-height: 1.18 !important;
  overflow-wrap: anywhere !important;
}

#dailyTab #dailyGuidanceBlock {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
}

#dailyTab #dailyGuidanceBlock > .subsection-title,
#dailyTab #dailyMoodCard,
#dailyTab #dailyIntelligenceHoroscopeCard,
#dailyTab #dailyPrimaryCategoryCard,
#dailyTab #dailySecondaryCategoryCard,
#dailyTab #dailyTertiaryCategoryCard,
#dailyTab #dailyDestinyArcCard,
#dailyTab #bestTimeCard,
#dailyTab #avoidTimeCard,
#dailyTab #sunriseCard,
#dailyTab #sunsetCard,
#dailyTab #rahuKaalCard,
#dailyTab #abhijitMuhuratCard,
#dailyTab #advancedObservanceCard {
  grid-column: 1 / -1 !important;
}

#dailyTab #colorOfDayCard,
#dailyTab #dailyLuckyNumberCard,
#dailyTab #tomorrowColorCard,
#dailyTab #weeklyColorCard {
  min-height: 156px !important;
  padding: 18px !important;
  border-radius: 24px !important;
}

#dailyTab .wr-color-stat-card[data-color-name="Saffron"] {
  --wr-card-swatch: #f4a51c;
  --wr-card-color-a: rgba(224, 131, 20, .76);
  --wr-card-color-b: rgba(75, 42, 12, .58);
  --wr-card-glow: rgba(244, 165, 28, .36);
}

#dailyTab .wr-color-stat-card[data-color-name="Yellow"] {
  --wr-card-swatch: #f8df4e;
  --wr-card-color-a: rgba(230, 183, 42, .62);
  --wr-card-color-b: rgba(86, 66, 14, .50);
  --wr-card-glow: rgba(248, 223, 78, .32);
}

#dailyTab .wr-color-stat-card[data-color-name="Olive"] {
  --wr-card-swatch: #9ca94c;
  --wr-card-color-a: rgba(122, 136, 47, .58);
  --wr-card-color-b: rgba(52, 62, 24, .50);
  --wr-card-glow: rgba(156, 169, 76, .28);
}

#dailyTab #bestTimeCard,
#dailyTab #abhijitMuhuratCard {
  background:
    linear-gradient(135deg, rgba(42, 142, 104, .34), rgba(64, 92, 190, .22)),
    rgba(255, 255, 255, .08) !important;
  border-color: rgba(91, 242, 154, .22) !important;
}

#dailyTab #avoidTimeCard,
#dailyTab #rahuKaalCard {
  background:
    linear-gradient(135deg, rgba(168, 72, 86, .30), rgba(80, 74, 130, .24)),
    rgba(255, 255, 255, .08) !important;
  border-color: rgba(251, 146, 60, .22) !important;
}

#dailyTab #bestTimeCard,
#dailyTab #avoidTimeCard,
#dailyTab #sunriseCard,
#dailyTab #sunsetCard,
#dailyTab #rahuKaalCard,
#dailyTab #abhijitMuhuratCard {
  min-height: 154px !important;
  padding: 22px 20px !important;
  overflow: visible !important;
}

#dailyTab #bestTimeCard .stat-value,
#dailyTab #avoidTimeCard .stat-value,
#dailyTab #sunriseCard .stat-value,
#dailyTab #sunsetCard .stat-value,
#dailyTab #rahuKaalCard .stat-value,
#dailyTab #abhijitMuhuratCard .stat-value {
  max-width: 100% !important;
  font-size: clamp(30px, 8vw, 42px) !important;
  line-height: 1.08 !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
}

#dailyTab .wr-sun-time-card {
  display: grid !important;
  grid-template-columns: 74px minmax(0, 1fr) !important;
  column-gap: 18px !important;
  padding-left: 20px !important;
}

#dailyTab .wr-sun-time-card::before {
  position: static !important;
  align-self: center !important;
  grid-row: 1 / span 3 !important;
  width: 58px !important;
  height: 58px !important;
}

#dailyTab .wr-sun-time-card .stat-label,
#dailyTab .wr-sun-time-card .stat-value,
#dailyTab .wr-sun-time-card .stat-subtext {
  grid-column: 2 !important;
}

#dailyTab #dailyMoodCard {
  background:
    linear-gradient(135deg, rgba(124, 92, 246, .24), rgba(45, 212, 191, .12)),
    rgba(255,255,255,.08) !important;
}

#mainApp .wr-calendar-action-panel {
  display: grid !important;
  gap: 10px !important;
  margin-top: 10px !important;
}

#mainApp .wr-calendar-action-title {
  color: rgba(255,255,255,.78) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

#mainApp .wr-calendar-add-grid,
#mainApp .wr-calendar-action-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

#mainApp .wr-calendar-add-grid button,
#mainApp .wr-calendar-action-grid button {
  min-width: 0 !important;
  min-height: 44px !important;
  padding: 10px 8px !important;
  border-radius: 16px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  text-align: center !important;
  font-size: clamp(11px, 3.2vw, 13px) !important;
  line-height: 1.15 !important;
}

#mainApp .wr-calendar-add-grid button {
  color: #14213d !important;
  background: linear-gradient(135deg, #f8e76f, #22d3ee) !important;
  border: 0 !important;
}

#mainApp .tab-panel[data-panel="home"].active,
#mainApp .tab-panel[data-panel="daily"].active,
#mainApp .tab-panel[data-panel="choghadiya"].active,
#mainApp .tab-panel[data-panel="connectTab"].active,
#mainApp .tab-panel[data-panel="premium"].active,
#mainApp .tab-panel[data-panel="home"]:not([hidden]),
#mainApp .tab-panel[data-panel="daily"]:not([hidden]),
#mainApp .tab-panel[data-panel="choghadiya"]:not([hidden]),
#mainApp .tab-panel[data-panel="connectTab"]:not([hidden]),
#mainApp .tab-panel[data-panel="premium"]:not([hidden]) {
  padding-bottom: calc(54px + env(safe-area-inset-bottom, 0px)) !important;
}

#mainApp .tab-panel[data-panel="home"] > :last-child,
#mainApp .tab-panel[data-panel="daily"] .content-stack > :last-child,
#mainApp .tab-panel[data-panel="choghadiya"] .page-shell > :last-child,
#mainApp .tab-panel[data-panel="connectTab"] > :last-child,
#mainApp .tab-panel[data-panel="premium"] > :last-child {
  margin-bottom: 0 !important;
}

#mainApp #tab-choghadiya,
#mainApp #tab-choghadiya .page-shell,
#mainApp #tab-choghadiya #choghadiyaNightList {
  padding-bottom: calc(58px + env(safe-area-inset-bottom, 0px)) !important;
}

@media (max-width: 390px) {
  #dailyTab #dailyGuidanceBlock {
    gap: 12px !important;
  }

  #dailyTab #colorOfDayCard,
  #dailyTab #dailyLuckyNumberCard,
  #dailyTab #tomorrowColorCard,
  #dailyTab #weeklyColorCard {
    padding: 15px !important;
  }
}

/* iOS Capacitor final nav pin: keep bottom nav stable without locking page scroll. */
#bottomNav,
#mainApp .bottom-nav,
body .bottom-nav {
  position: fixed !important;
  left: max(10px, env(safe-area-inset-left, 0px)) !important;
  right: max(10px, env(safe-area-inset-right, 0px)) !important;
  bottom: max(10px, env(safe-area-inset-bottom, 0px)) !important;
  width: auto !important;
  max-width: none !important;
  transform: none !important;
  translate: none !important;
  margin: 0 !important;
  z-index: 9998 !important;
  will-change: auto !important;
  contain: layout paint !important;
  backface-visibility: hidden !important;
}

#mainApp .tab-content,
#mainApp .tab-panel,
#mainApp .app-main {
  scroll-behavior: auto !important;
  -webkit-overflow-scrolling: touch;
}

#mainApp .tab-panel.active,
#mainApp .tab-content.active,
#mainApp .tab-panel:not([hidden]) {
  padding-bottom: calc(104px + env(safe-area-inset-bottom, 0px)) !important;
}

/* Phase 1B Connect posting and iOS keyboard stability patch. */
html,
body {
  width: 100%;
  overflow-x: hidden;
}

body.keyboard-open .bottom-nav,
body.keyboard-open .app-bottom-nav,
body.keyboard-open nav {
  position: fixed !important;
  bottom: 0 !important;
  transform: none !important;
}

#connectTab,
#mainApp .tab-panel[data-panel="connectTab"].active,
#mainApp .tab-panel[data-panel="connectTab"]:not([hidden]) {
  padding-bottom: 120px !important;
  overflow-x: hidden;
}

.connect-create-card {
  scroll-margin-top: 90px;
}

/* Phase 1B Android scroll restoration.
   The clean patch added global overflow containment; Android WebView needs the
   vertical scroll surface restored explicitly after those overrides. */
html,
body,
#mainApp,
#appMain,
#mainApp .app-page,
#mainApp .app-main,
#mainApp .tab-content,
#mainApp .tab-panel,
#mainApp .tab-panel.active,
#mainApp .tab-panel:not([hidden]) {
  height: auto !important;
  min-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-y !important;
}

body {
  position: relative !important;
}

#connectTab,
#mainApp .tab-panel[data-panel="connectTab"].active,
#mainApp .tab-panel[data-panel="connectTab"]:not([hidden]) {
  overflow-y: auto !important;
  touch-action: pan-y !important;
}

/* Phase 1C stabilization: iOS fixed nav and Premium-only build stamp. */
html,
body {
  overflow-x: hidden !important;
  overscroll-behavior-y: none;
}

.bottom-nav,
.app-bottom-nav,
#bottomNav {
  position: fixed !important;
  left: 16px !important;
  right: 16px !important;
  bottom: calc(env(safe-area-inset-bottom) + 10px) !important;
  z-index: 99999 !important;
  transform: translateZ(0) !important;
  will-change: transform;
}

body.keyboard-open .bottom-nav,
body.keyboard-open .app-bottom-nav,
body.keyboard-open #bottomNav {
  display: none !important;
}

#connectTab {
  padding-bottom: 150px !important;
}

.connect-build-stamp {
  display: none !important;
}

#premiumTab .premium-build-stamp {
  display: block !important;
  margin: 18px auto;
  text-align: center;
  font-size: 11px;
  opacity: 0.65;
}

/* Connect UI cleanup: iOS safe area, action wrapping, and reply spacing. */
#connectTab {
  padding-top: calc(env(safe-area-inset-top) + 24px) !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
  padding-bottom: 160px !important;
  overflow-x: hidden !important;
}

.connect-post-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.connect-post-actions button {
  flex: 0 0 auto;
  max-width: 120px;
  white-space: nowrap;
}

.connect-modal-content {
  padding-bottom: calc(env(safe-area-inset-bottom) + 150px) !important;
}

.connect-comment-create {
  margin-bottom: 24px !important;
}

/* =========================
   iOS NAV LOCK + CONNECT FIX
========================= */

html,
body {
  height: 100%;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch;
}

body {
  position: relative;
  min-height: 100dvh;
}

.bottom-nav,
.app-bottom-nav,
#bottomNav {
  position: fixed !important;
  left: 14px !important;
  right: 14px !important;
  bottom: max(10px, env(safe-area-inset-bottom)) !important;
  z-index: 999999 !important;
  transform: translate3d(0, 0, 0) !important;
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

#connectTab {
  padding-top: calc(env(safe-area-inset-top) + 34px) !important;
  padding-bottom: calc(env(safe-area-inset-bottom) + 170px) !important;
  overflow-x: hidden !important;
}

.connect-post-actions {
  display: grid !important;
  grid-template-columns: repeat(2, max-content);
  gap: 10px !important;
  align-items: center;
}

.connect-post-actions button {
  min-width: auto !important;
  max-width: 130px !important;
  padding: 9px 13px !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
}

.connect-modal-content {
  padding-bottom: calc(env(safe-area-inset-bottom) + 155px) !important;
}

body.keyboard-open .bottom-nav,
body.keyboard-open .app-bottom-nav,
body.keyboard-open #bottomNav {
  display: none !important;
}

/* Hide bottom nav during Connect modal/keyboard */
body.connect-modal-open .bottom-nav,
body.connect-modal-open .app-bottom-nav,
body.connect-modal-open #bottomNav,
body.keyboard-open .bottom-nav,
body.keyboard-open .app-bottom-nav,
body.keyboard-open #bottomNav {
  display: none !important;
}

.connect-modal {
  z-index: 1000000 !important;
}

.connect-modal-content {
  max-height: 82vh !important;
  padding-bottom: calc(env(safe-area-inset-bottom) + 36px) !important;
}

.connect-comment-create {
  padding-bottom: calc(env(safe-area-inset-bottom) + 20px) !important;
}

#connectCommentButton {
  pointer-events: auto !important;
  position: relative !important;
  z-index: 1000002 !important;
}

.connect-comment-create {
  pointer-events: auto !important;
  z-index: 1000001 !important;
}

/* Phase 1E Connect feed polish */
.connect-post-meta {
  color: #cfd3ff;
  font-size: 13px;
  margin-bottom: 8px;
}

.connect-username {
  display: inline-block;
  margin-left: 6px;
  color: #9ca3d1;
  font-size: 12px;
}

.connect-post-time {
  color: #9ca3d1;
  font-size: 12px;
}

.connect-empty-state {
  padding: 50px 20px;
  text-align: center;
}

.connect-modal,
.connect-modal-content,
.connect-comment-create,
#connectCommentInput,
#connectCommentButton {
  pointer-events: auto !important;
}

#connectCommentButton {
  display: block !important;
  position: relative !important;
  z-index: 2147483647 !important;
  touch-action: manipulation !important;
  cursor: pointer !important;
}

.connect-reply-status {
  background: rgba(110, 92, 255, 0.22);
  color: #ffffff;
  border-radius: 14px;
  padding: 10px 12px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 14px;
}

#closeCommentModal {
  pointer-events: auto !important;
  z-index: 2147483647 !important;
  position: relative !important;
}

.connect-modal.hidden {
  display: none !important;
}

.connect-modal:not(.hidden) {
  display: flex !important;
}

#connectTab {
  padding-top: calc(env(safe-area-inset-top) + 60px) !important;
}

/* iOS fixed nav + Connect internal scroll fix */
html,
body {
  height: 100%;
  overflow: hidden !important;
}

.tab-content {
  height: 100dvh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

#connectTab {
  height: 100dvh !important;
  overflow-y: auto !important;
  padding-top: calc(env(safe-area-inset-top) + 44px) !important;
  padding-bottom: calc(env(safe-area-inset-bottom) + 155px) !important;
}

.bottom-nav,
.app-bottom-nav,
#bottomNav {
  position: fixed !important;
  left: 14px !important;
  right: 14px !important;
  bottom: calc(env(safe-area-inset-bottom) + 10px) !important;
  z-index: 999999 !important;
  transform: translate3d(0,0,0) !important;
}

body.keyboard-open .bottom-nav,
body.keyboard-open .app-bottom-nav,
body.keyboard-open #bottomNav,
body.connect-modal-open .bottom-nav,
body.connect-modal-open .app-bottom-nav,
body.connect-modal-open #bottomNav {
  display: none !important;
}

.premium-build-stamp,
.connect-build-stamp,
#connectBuildStamp,
#wrPatchStamp {
  display: block !important;
  margin: 40px auto 120px !important;
  text-align: center !important;
  font-size: 11px !important;
  opacity: 0.45 !important;
}

body.wr-ios-nav-ready .bottom-nav,
body.wr-ios-nav-ready .app-bottom-nav,
body.wr-ios-nav-ready #bottomNav {
  position: fixed !important;
  left: 14px !important;
  right: 14px !important;
  bottom: calc(env(safe-area-inset-bottom) + 10px) !important;
  z-index: 999999 !important;
  transform: translate3d(0, 0, 0) !important;
}

/* =========================
   iOS SCROLL RESTORE + NAV STABILIZE
========================= */

html,
body {
  height: auto !important;
  min-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  position: relative !important;
}

.tab-content {
  height: auto !important;
  min-height: 100dvh !important;
  overflow-y: visible !important;
  -webkit-overflow-scrolling: touch;
}

#connectTab {
  height: auto !important;
  min-height: 100dvh !important;
  overflow-y: visible !important;
  padding-top: calc(env(safe-area-inset-top) + 44px) !important;
  padding-bottom: calc(env(safe-area-inset-bottom) + 165px) !important;
}

.bottom-nav,
.app-bottom-nav,
#bottomNav {
  position: fixed !important;
  left: 14px !important;
  right: 14px !important;
  bottom: calc(env(safe-area-inset-bottom) + 10px) !important;
  z-index: 999999 !important;
  transform: translate3d(0, 0, 0) !important;
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

body.keyboard-open .bottom-nav,
body.keyboard-open .app-bottom-nav,
body.keyboard-open #bottomNav,
body.connect-modal-open .bottom-nav,
body.connect-modal-open .app-bottom-nav,
body.connect-modal-open #bottomNav {
  display: none !important;
}

body.wr-connect-booting .bottom-nav,
body.wr-connect-booting .app-bottom-nav,
body.wr-connect-booting #bottomNav {
  opacity: 0;
  pointer-events: none;
}

body.wr-connect-ready .bottom-nav,
body.wr-connect-ready .app-bottom-nav,
body.wr-connect-ready #bottomNav {
  opacity: 1;
  position: fixed !important;
  left: 14px !important;
  right: 14px !important;
  bottom: calc(env(safe-area-inset-bottom) + 10px) !important;
  transform: translate3d(0, 0, 0) !important;
  z-index: 999999 !important;
}

.connect-post-card {
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.connect-notify-btn {
  position: relative;
  flex: 0 0 auto;
  border: none;
  border-radius: 999px;
  padding: 10px 14px;
  background: rgba(255,255,255,0.08);
  color: white;
  font-size: 18px;
}

.connect-nav-badge {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: #ff3b5c;
  color: white;
  font-size: 11px;
  line-height: 18px;
  text-align: center;
  font-weight: 700;
}

.connect-nav-badge.hidden,
.connect-notifications-panel.hidden {
  display: none !important;
}

.connect-notifications-panel {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: calc(env(safe-area-inset-bottom) + 92px);
  max-height: 55vh;
  overflow-y: auto;
  z-index: 1000000;
  background: #17192f;
  border-radius: 24px;
  padding: 16px;
  box-shadow: 0 20px 50px rgba(0,0,0,0.4);
}

.connect-notifications-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white;
}

.connect-notification-item {
  background: rgba(255,255,255,0.07);
  border-radius: 14px;
  padding: 12px;
  margin-top: 10px;
  color: white;
}

.connect-notification-item.unread {
  border: 1px solid rgba(110,92,255,0.8);
}

#markNotificationsReadButton {
  width: 100%;
  margin-top: 12px;
  border: none;
  border-radius: 14px;
  padding: 12px;
  background: #6e5cff;
  color: white;
}

.connect-feed-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 11px;
  color: #ffd978;
}

.connect-empty-state {
  padding: 40px 20px;
  text-align: center;
  color: #c7c9ff;
  font-size: 15px;
  opacity: 0.9;
}

.connect-post-highlight {
  outline: 2px solid rgba(255, 215, 90, 0.95) !important;
  box-shadow: 0 0 28px rgba(255, 215, 90, 0.4) !important;
  transform: scale(1.01);
}

.connect-modal-content {
  max-height: 82dvh !important;
  overflow-y: auto !important;
  transform: translateZ(0);
  will-change: transform;
}

body.connect-modal-open {
  overflow: hidden !important;
}

.connect-comment-create {
  position: sticky !important;
  bottom: 0 !important;
  background: #16182e !important;
  z-index: 1000002 !important;
}

#connectCommentButton {
  pointer-events: auto !important;
  touch-action: manipulation !important;
}

.connect-stats-card {
  background: rgba(255,255,255,0.08);
  border-radius: 22px;
  padding: 16px;
  margin: 14px 0;
  color: white;
}

.connect-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  text-align: center;
}

.connect-stats-grid strong {
  display: block;
  font-size: 22px;
}

.connect-stats-grid span {
  font-size: 12px;
  color: #cbd0ff;
}

.connect-helpful-label {
  margin-top: 8px;
  display: inline-block;
  border-radius: 999px;
  padding: 7px 11px;
  background: rgba(255, 215, 90, 0.2);
  color: #ffd978;
  font-size: 12px;
  font-weight: 700;
}

.connect-helpful-note {
  color: #bfc5f2;
  font-size: 12px;
  margin: 4px 0 10px;
}

.connect-helpful-btn {
  margin-top: 8px;
  border: none;
  border-radius: 999px;
  padding: 8px 12px;
  background: rgba(255, 215, 90, 0.18);
  color: #ffd978;
}

.connect-member-badge {
  margin-top: 4px;
  color: #ffd978;
  font-size: 12px;
}

/* Connect: keep room-based community simple */
#connectTab [data-filter="vedic"],
#connectTab [data-filter="western"] {
  display: none !important;
}

/* Connect iOS call-bar / keyboard polish */
#connectTab {
  padding-top: max(
    calc(env(safe-area-inset-top) + 78px),
    110px
  ) !important;
}

body.keyboard-open #connectTab {
  padding-bottom: 420px !important;
}

body.keyboard-open .connect-rooms {
  margin-bottom: 160px !important;
}

.connect-stats-card {
  margin-top: 18px !important;
}

.connect-create-card {
  scroll-margin-top: 120px !important;
}

#connectPostInput:focus {
  outline: 2px solid rgba(255, 215, 90, 0.75) !important;
}

body:not(.wr-connect-ready) .bottom-nav,
body:not(.wr-connect-ready) .app-bottom-nav,
body:not(.wr-connect-ready) #bottomNav {
  opacity: 0 !important;
  pointer-events: none !important;
}

body.wr-connect-ready .bottom-nav,
body.wr-connect-ready .app-bottom-nav,
body.wr-connect-ready #bottomNav {
  opacity: 1 !important;
  position: fixed !important;
  left: 14px !important;
  right: 14px !important;
  bottom: calc(env(safe-area-inset-bottom) + 10px) !important;
  z-index: 999999 !important;
  transform: translate3d(0, 0, 0) !important;
}

.bottom-nav,
.app-bottom-nav,
#bottomNav {
  transition: transform .25s ease,
              opacity .25s ease;
}

body.keyboard-open .bottom-nav,
body.keyboard-open .app-bottom-nav,
body.keyboard-open #bottomNav {
  transform: translateY(140%) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Final Connect first-launch keyboard/nav hardening */
body.keyboard-open .bottom-nav,
body.keyboard-open .app-bottom-nav,
body.keyboard-open #bottomNav,
body.keyboard-open .connect-rooms {
  display: none !important;
}

body.keyboard-open #connectTab {
  padding-bottom: 480px !important;
}

#connectTab {
  padding-top: max(
    calc(env(safe-area-inset-top) + 110px),
    145px
  ) !important;
}

body.keyboard-open .connect-rooms {
  display: none !important;
}

body.keyboard-open #connectStatsCard {
  display: none !important;
}

.connect-create-card {
  margin-top: 40px !important;
  margin-bottom: 26px !important;
}

/* Global keyboard nav fix */
body.keyboard-open .bottom-nav,
body.keyboard-open .app-bottom-nav,
body.keyboard-open #bottomNav {
  display: none !important;
}

body.keyboard-open {
  padding-bottom: 0 !important;
}

body.keyboard-open .connect-rooms,
body.keyboard-open .connect-filters,
body.keyboard-open #connectStatsCard {
  display: none !important;
}

body.keyboard-open #connectTab {
  padding-bottom: 520px !important;
}

body.keyboard-open .connect-create-card {
  margin-top: 28px !important;
}

#connectTab [data-filter="trending"] {
  display: none !important;
}

#connectTab [data-filter="vedic"],
#connectTab [data-filter="western"],
#connectModeSelect {
  display: none !important;
}

.connect-qa-stamp {
  text-align: center;
  font-size: 10px;
  opacity: 0.22;
  margin: 6px 0 10px !important;
  color: #cfd3ff;
}

body:not(.qa-mode) .connect-qa-stamp {
  display: none !important;
}

/* Phase 2A-RC: Connect spacing tighten after engine recovery */
#connectTab {
  padding-top: calc(env(safe-area-inset-top) + 18px) !important;
}

#connectTab .brand-header,
#connectTab .app-header,
#connectTab .top-branding,
#connectTab .trial-banner,
#connectTab .language-selector,
#connectTab .location-chip,
#connectTab .streak-card {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

#connectTab .connect-lounge,
#connectTab .connect-card,
#connectTab #connectContent,
#connectTab #connectStatsCard {
  margin-top: 0 !important;
}

#connectTab .connect-qa-stamp {
  margin: 4px 0 10px !important;
}

#connectTab .connect-create-card {
  margin-top: 10px !important;
}

/* Phase 4A release spacing cleanup */
.tab-content {
  padding-top: 8px !important;
}

.main-content,
.app-content {
  gap: 10px !important;
}

#premiumTab .premium-card:first-of-type,
#premiumTab .profile-settings-card {
  margin-top: 10px !important;
}

#connectTab .connect-hero,
#connectTab .connect-filters,
#connectTab #connectStatsCard {
  margin-bottom: 10px !important;
}

#connectTab #connectStatsCard {
  margin-top: 8px !important;
}

/* Phase 4I mobile release polish */
body {
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
}

.tab-content,
.app-screen,
#dailyTab,
#premiumTab,
#connectTab,
#choghadiyaTab {
  padding-bottom: calc(env(safe-area-inset-bottom) + 150px) !important;
}

#premiumTab button,
#premiumTab .premium-button {
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #35c8ff, #5b7cff);
  color: #fff;
  font-weight: 700;
  padding: 12px 18px;
  min-height: 44px;
}

#premiumTab button.secondary,
#premiumTab .premium-button.secondary {
  background: rgba(255,255,255,0.14);
}

body:not(.qa-mode) #removePremiumTestButton,
body:not(.qa-mode) #logoutTestButton,
body:not(.qa-mode) #resetAndroidLoginBtn,
body:not(.qa-mode) #resetLoginButton,
body:not(.qa-mode) .reset-login-btn,
body:not(.qa-mode) .test-only,
body:not(.qa-mode) [data-test-only="true"] {
  display: none !important;
}

#notificationSettingsCard button {
  width: 100%;
  margin-top: 10px;
}

.wr-notification-permission,
.wr-notification-status {
  flex-direction: column;
  align-items: stretch;
}

/* Phase 4K: RC lockdown safe-area polish */
@supports (padding-top: env(safe-area-inset-top)) {
  body {
    padding-top: max(env(safe-area-inset-top), 14px);
  }

  .app-shell,
  .main-content,
  .tab-content {
    padding-top: max(env(safe-area-inset-top), 18px);
  }
}

body:not(.qa-mode) #resetAndroidLoginBtn,
body:not(.qa-mode) #resetLoginButton,
body:not(.qa-mode) #removePremiumTestButton,
body:not(.qa-mode) #logoutTestButton,
body:not(.qa-mode) #testDailyNotificationButton,
body:not(.qa-mode) .test-only,
body:not(.qa-mode) [data-test-only="true"] {
  display: none !important;
}

#connectTab {
  padding-bottom: calc(env(safe-area-inset-bottom) + 170px) !important;
}

.connect-card,
.connect-lounge {
  scroll-margin-bottom: 180px;
}

/* Phase 4K.1: hide all release-risk QA controls */
body:not(.qa-mode) #removePremiumTestButton,
body:not(.qa-mode) #removePremiumBtn,
body:not(.qa-mode) #logoutTestButton,
body:not(.qa-mode) #logoutTestBtn,
body:not(.qa-mode) #debugLogoutBtn,
body:not(.qa-mode) button[data-test-only="true"],
body:not(.qa-mode) .test-only,
body:not(.qa-mode) .qa-only,
body:not(.qa-mode) #premiumTab .premium-dev-tools {
  display: none !important;
}
/* Phase 1E: final mobile profile edit sizing */
.profile-edit-actions button,
#editProfileNameButton,
#editProfileUsernameButton,
.profile-inline-edit-btn,
#premiumTab .profile-settings-card .profile-inline-edit-btn {
  width: auto !important;
  min-width: 118px !important;
  max-width: 156px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 18px !important;
  border-radius: 14px !important;
  font-size: 0.95rem !important;
  align-self: flex-start !important;
}

.profile-setting-row,
.profile-inline-row {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 14px !important;
  align-items: center !important;
}

.profile-setting-row #editProfileNameButton,
.profile-setting-row #editProfileUsernameButton,
.profile-inline-row #editProfileNameButton,
.profile-inline-row #editProfileUsernameButton {
  justify-self: end !important;
}
/* Phase 2A: premium release layout polish */
#premiumTab .card,
#premiumTab .premium-card,
#premiumTab .premium-hero-card,
#premiumTab .premium-trial-card,
#profileSettingsCard,
#notificationSettingsCard {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}

#premiumTab .premium-card,
#premiumTab .premium-hero-card,
#premiumTab .premium-trial-card,
#profileSettingsCard {
  border-radius: 18px !important;
}

#profileSettingsCard {
  padding: 16px 18px !important;
}

#profileSettingsCard .settings-section {
  padding: 8px 0 !important;
}

#profileSettingsCard h3 {
  margin-bottom: 6px !important;
}

#profileSettingsCard h4 {
  margin-bottom: 6px !important;
}

.profile-account-list {
  gap: 6px !important;
}

.profile-inline-row,
.profile-setting-row {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 14px !important;
  align-items: center !important;
  min-height: 48px !important;
  padding: 4px 0 !important;
}

.profile-inline-row-readonly {
  grid-template-columns: 1fr !important;
}

#premiumTab button,
#premiumTab .premium-button,
#premiumTab .premium-cta,
#profileSettingsCard .btn,
#profileSettingsCard button {
  width: auto !important;
  min-width: 118px !important;
  max-width: 220px !important;
  min-height: 42px !important;
  height: 44px !important;
  padding: 0 18px !important;
  border-radius: 16px !important;
  font-size: 0.95rem !important;
  align-self: flex-start !important;
}

#editProfileNameButton,
#editProfileUsernameButton,
.profile-inline-edit-btn,
#premiumTab .profile-settings-card .profile-inline-edit-btn {
  max-width: 156px !important;
  justify-self: end !important;
}

#premiumTab .profile-legal-links button {
  min-width: 0 !important;
  max-width: none !important;
}

#premiumTab .premium-dev-tools,
#premiumTab .store-readiness-footer,
#premiumTab .rc-stamp,
#premiumTab .qa-only,
#premiumTab .profile-store-readiness-footer,
#premiumTab .wr-patch-stamp,
#premiumTab .wr-build-label {
  display: none !important;
}

/* Phase 2C Home/Daily visual polish + profile button cleanup */
[data-panel="home"] {
  --wr-phase-2c-section-gap: 12px;
}

[data-panel="home"] .wr-home-hero-card {
  margin-bottom: var(--wr-phase-2c-section-gap) !important;
  padding: 18px !important;
}

[data-panel="home"] .hero-top-row {
  gap: 10px !important;
}

[data-panel="home"] .hero-message {
  margin-top: 10px !important;
  line-height: 1.5 !important;
}

[data-panel="home"] .wr-home-hero-strip,
[data-panel="home"] .mode-status-card {
  margin-top: 12px !important;
}

[data-panel="home"] .card,
[data-panel="home"] .wr-deeper-horoscope-card,
[data-panel="home"] .wr-share-card-preview {
  margin-top: var(--wr-phase-2c-section-gap) !important;
  margin-bottom: var(--wr-phase-2c-section-gap) !important;
}

[data-panel="home"] .astro-feed-card,
[data-panel="home"] .premium-teaser-card,
[data-panel="home"] .premium-home-banner {
  padding: 16px !important;
  border-radius: 20px !important;
}

[data-panel="home"] .premium-teaser-copy,
[data-panel="home"] .premium-home-copy {
  margin-top: 8px !important;
  line-height: 1.5 !important;
}

[data-panel="home"] .premium-teaser-locks {
  gap: 8px !important;
  margin-top: 10px !important;
}

#dailyTab .page-shell,
#dailyTab .content-stack {
  gap: 12px !important;
}

#dailyTab .section-pill {
  margin-bottom: 10px !important;
}

#dailyTab #guidanceModeCard,
#dailyTab #premiumGuidanceCard {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
  padding: 16px !important;
  border-radius: 20px !important;
}

#dailyTab #premiumGuidanceCard .card-head {
  margin-bottom: 10px !important;
}

#dailyTab #premiumGuidanceCard .card-subtitle,
#dailyTab #premiumGuidanceCard p {
  line-height: 1.5 !important;
}

#profileSettingsCard .profile-inline-edit-btn,
#profileSettingsCard .profile-edit-button,
#editProfileNameButton,
#editProfileUsernameButton {
  width: auto !important;
  min-width: 82px !important;
  max-width: 112px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(255,255,255,0.24) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,0.14) !important;
  color: #f7f8ff !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

#profileSettingsCard .profile-inline-edit-btn:active,
#editProfileNameButton:active,
#editProfileUsernameButton:active {
  transform: translateY(1px);
  background: rgba(255,255,255,0.2) !important;
  box-shadow: none !important;
}

/* Phase 3A: Home experience polish */
.tab-panel[data-panel="home"] {
  --wr-home-gap: 12px;
  --wr-home-radius: 22px;
  --wr-home-border: rgba(255,255,255,.11);
  --wr-home-shadow: 0 14px 34px rgba(7,10,30,.22);
}

.tab-panel[data-panel="home"] > .card,
.tab-panel[data-panel="home"] > .wr-deeper-horoscope-card,
.tab-panel[data-panel="home"] > .wr-share-card-preview {
  margin-block: var(--wr-home-gap) !important;
  border: 1px solid var(--wr-home-border) !important;
  border-radius: var(--wr-home-radius) !important;
  box-shadow: var(--wr-home-shadow) !important;
}

.tab-panel[data-panel="home"] > .card {
  padding: 17px !important;
}

.tab-panel[data-panel="home"] .wr-home-hero-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin: 0 0 14px !important;
  padding: 21px 19px 19px !important;
  border: 1px solid rgba(245,210,122,.26) !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 88% 7%,rgba(245,210,122,.2),transparent 31%),
    radial-gradient(circle at 8% 88%,rgba(75,211,255,.13),transparent 34%),
    linear-gradient(145deg,rgba(105,78,190,.94),rgba(31,30,91,.96)) !important;
  box-shadow: 0 20px 46px rgba(8,9,35,.34), inset 0 1px 0 rgba(255,255,255,.13) !important;
}

.tab-panel[data-panel="home"] .wr-home-hero-card::before {
  content: "Today's Cosmic Climate";
  display: block;
  position: relative;
  inset: auto;
  width: auto;
  height: auto;
  margin-bottom: 13px;
  border: 0;
  background: none;
  color: #f5d27a;
  opacity: 1;
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .12em;
  line-height: 1.2;
  text-transform: uppercase;
}

.tab-panel[data-panel="home"] .wr-home-hero-card::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -72px;
  right: -62px;
  width: 180px;
  height: 180px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 50%;
  box-shadow: 0 0 0 22px rgba(255,255,255,.025);
  pointer-events: none;
}

.tab-panel[data-panel="home"] .hero-greeting {
  color: rgba(255,255,255,.72) !important;
  font-size: .78rem !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
}

.tab-panel[data-panel="home"] .hero-name {
  margin-top: 3px;
  font-size: clamp(1.42rem,6vw,1.8rem) !important;
  line-height: 1.12 !important;
  letter-spacing: -.025em !important;
}

.tab-panel[data-panel="home"] .hero-message {
  margin: 13px 0 0 !important;
  max-width: 34ch !important;
  color: rgba(255,255,255,.94) !important;
  font-size: 1rem !important;
  line-height: 1.58 !important;
}

.tab-panel[data-panel="home"] .wr-home-hero-strip,
.tab-panel[data-panel="home"] .mode-status-card {
  margin-top: 13px !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  border-radius: 17px !important;
  background: rgba(12,13,51,.27) !important;
  box-shadow: none !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.tab-panel[data-panel="home"] .card-head {
  gap: 10px !important;
  margin-bottom: 0 !important;
}

.tab-panel[data-panel="home"] .section-kicker,
.tab-panel[data-panel="home"] .astro-feed-kicker {
  color: #d9c5ff !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  letter-spacing: .1em !important;
  line-height: 1.25 !important;
  text-transform: uppercase;
}

.tab-panel[data-panel="home"] .card h2,
.tab-panel[data-panel="home"] .card h3,
.tab-panel[data-panel="home"] .wr-deeper-horoscope-card h2 {
  margin-top: 4px !important;
  color: #fff !important;
  font-size: 1.13rem !important;
  font-weight: 800 !important;
  letter-spacing: -.015em !important;
  line-height: 1.3 !important;
}

.tab-panel[data-panel="home"] .astro-feed-card {
  padding: 18px !important;
  background:
    radial-gradient(circle at 94% 0%,rgba(75,211,255,.12),transparent 30%),
    linear-gradient(155deg,rgba(93,65,166,.38),rgba(24,25,69,.72)) !important;
}

.tab-panel[data-panel="home"] .astro-feed-copy {
  margin: 9px 0 0 !important;
  max-width: 42ch !important;
  color: rgba(255,255,255,.78) !important;
  font-size: .93rem !important;
  line-height: 1.58 !important;
}

.tab-panel[data-panel="home"] #astroFeedGrid {
  gap: 10px !important;
  margin-top: 14px !important;
  padding: 1px 0 4px !important;
}

.tab-panel[data-panel="home"] #astroFeedGrid > .astro-feed-item {
  min-height: 176px !important;
  padding: 16px !important;
  gap: 9px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 18px !important;
  background: linear-gradient(155deg,rgba(255,255,255,.105),rgba(255,255,255,.045)) !important;
  box-shadow: 0 10px 24px rgba(7,9,31,.18) !important;
}

.tab-panel[data-panel="home"] #astroFeedGrid > .astro-feed-item--accent {
  border-color: rgba(245,210,122,.26) !important;
  background:
    radial-gradient(circle at 100% 0%,rgba(245,210,122,.16),transparent 34%),
    linear-gradient(155deg,rgba(255,255,255,.105),rgba(255,255,255,.045)) !important;
}

.tab-panel[data-panel="home"] .astro-feed-title {
  color: #fff !important;
  font-size: 1.04rem !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

.tab-panel[data-panel="home"] .astro-feed-body,
.tab-panel[data-panel="home"] .premium-teaser-copy,
.tab-panel[data-panel="home"] .premium-home-copy,
.tab-panel[data-panel="home"] .current-choghadiya-text,
.tab-panel[data-panel="home"] .summary-note {
  color: rgba(255,255,255,.81) !important;
  font-size: .92rem !important;
  line-height: 1.58 !important;
}

.tab-panel[data-panel="home"] .astro-feed-footer {
  padding-top: 4px;
  color: rgba(255,255,255,.68) !important;
  font-size: .76rem !important;
  line-height: 1.35 !important;
}

.tab-panel[data-panel="home"] .card,
.tab-panel[data-panel="home"] .wr-deeper-horoscope-card,
.tab-panel[data-panel="home"] .wr-share-card-preview,
.tab-panel[data-panel="home"] .astro-feed-item,
.tab-panel[data-panel="home"] button {
  transition: transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease,background-color 180ms ease;
}

.tab-panel[data-panel="home"] button:active {
  transform: translateY(1px) scale(.99);
}

@media (hover:hover) and (pointer:fine) {
  .tab-panel[data-panel="home"] .astro-feed-item:hover {
    transform: translateY(-2px);
    border-color: rgba(255,255,255,.18) !important;
    box-shadow: 0 14px 30px rgba(7,9,31,.24) !important;
  }
}

@media (prefers-reduced-motion:reduce) {
  .tab-panel[data-panel="home"] .card,
  .tab-panel[data-panel="home"] .wr-deeper-horoscope-card,
  .tab-panel[data-panel="home"] .wr-share-card-preview,
  .tab-panel[data-panel="home"] .astro-feed-item,
  .tab-panel[data-panel="home"] button {
    transition: none !important;
  }
}

/* Phase 3B: Daily experience polish */
#dailyTab {
  --wr-daily-gap: 14px;
  --wr-daily-radius: 22px;
  --wr-daily-border: rgba(255,255,255,.11);
  --wr-daily-shadow: 0 14px 34px rgba(7,10,30,.20);
}

#dailyTab .page-shell {
  gap: 0 !important;
}

#dailyTab .section-pill {
  margin: 0 0 12px !important;
  padding: 8px 13px !important;
  border: 1px solid rgba(201,183,255,.18) !important;
  background: rgba(119,87,210,.20) !important;
  color: #e8dcff !important;
  letter-spacing: .1em !important;
}

#dailyTab .content-stack {
  gap: var(--wr-daily-gap) !important;
}

#dailyTab .content-stack > .card,
#dailyTab #dailyGuidanceBlock > .glass-card,
#dailyTab #dailyGuidanceBlock > .card {
  margin: 0 !important;
  border: 1px solid var(--wr-daily-border) !important;
  border-radius: var(--wr-daily-radius) !important;
  box-shadow: var(--wr-daily-shadow) !important;
}

#dailyTab .section-kicker,
#dailyTab .stat-label {
  color: #d9c5ff !important;
  font-size: .72rem !important;
  font-weight: 850 !important;
  letter-spacing: .09em !important;
  line-height: 1.3 !important;
  text-transform: uppercase;
}

#dailyTab .card h2,
#dailyTab .card h3,
#dailyTab .wr-daily-detail-card h3 {
  color: #fff !important;
  font-weight: 850 !important;
  letter-spacing: -.018em !important;
  line-height: 1.28 !important;
}

#dailyTab .profile-summary,
#dailyTab .stat-subtext,
#dailyTab .card-subtitle {
  color: rgba(255,255,255,.80) !important;
  font-size: .92rem !important;
  line-height: 1.6 !important;
}

#dailyTab #guidanceModeCard {
  padding: 17px !important;
  background:
    radial-gradient(circle at 100% 0%,rgba(90,211,255,.09),transparent 32%),
    rgba(255,255,255,.07) !important;
}

#dailyTab .guidance-mode-row {
  gap: 8px !important;
  margin-top: 11px !important;
}

#dailyTab .guidance-mode-btn {
  min-height: 40px !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.07) !important;
  color: rgba(255,255,255,.78) !important;
  font-size: .82rem !important;
  font-weight: 750 !important;
}

#dailyTab .guidance-mode-btn.active {
  border-color: rgba(245,210,122,.35) !important;
  background: linear-gradient(135deg,rgba(245,210,122,.24),rgba(150,113,239,.30)) !important;
  color: #fff !important;
  box-shadow: 0 7px 18px rgba(11,12,38,.20) !important;
}

#dailyTab #premiumGuidanceCard {
  overflow: hidden !important;
  padding: 0 !important;
  border-color: rgba(191,169,255,.20) !important;
  background:
    radial-gradient(circle at 94% 0%,rgba(245,210,122,.11),transparent 29%),
    linear-gradient(155deg,rgba(89,61,168,.42),rgba(24,25,69,.76)) !important;
}

#dailyTab .wr-daily-detail-card {
  gap: 15px !important;
  padding: 19px 17px 18px !important;
}

#dailyTab .wr-daily-detail-header {
  gap: 10px !important;
  align-items: flex-start !important;
}

#dailyTab .wr-daily-detail-header h3 {
  margin-top: 4px !important;
  font-size: 1.22rem !important;
}

#dailyTab .wr-daily-sign-badge {
  max-width: 45% !important;
  padding: 7px 10px !important;
  border: 1px solid rgba(245,210,122,.25) !important;
  background: rgba(245,210,122,.11) !important;
  color: #f8dfa0 !important;
}

#dailyTab .wr-daily-detail-tabs,
#dailyTab .premium-polish-tabs {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 7px !important;
  padding: 5px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 16px !important;
  background: rgba(8,10,42,.25) !important;
}

#dailyTab .wr-daily-detail-tab,
#dailyTab .premium-polish-tab {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 42px !important;
  padding: 7px 4px !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: rgba(255,255,255,.66) !important;
  font-size: clamp(.72rem,3.25vw,.84rem) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
}

#dailyTab .wr-daily-detail-tab.active,
#dailyTab .premium-polish-tab.active {
  border-color: rgba(245,210,122,.32) !important;
  background: linear-gradient(135deg,rgba(245,210,122,.24),rgba(126,91,222,.42)) !important;
  color: #fff !important;
  box-shadow: 0 7px 16px rgba(7,9,31,.22) !important;
}

#dailyTab .wr-daily-detail-copy,
#dailyTab .premium-polish-intro {
  margin: 0 !important;
  padding: 15px 16px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 17px !important;
  background: rgba(255,255,255,.075) !important;
  color: rgba(255,255,255,.91) !important;
  font-size: .96rem !important;
  line-height: 1.62 !important;
}

#dailyTab .wr-daily-detail-accordion,
#dailyTab .premium-polish-accordion {
  gap: 9px !important;
}

#dailyTab .wr-daily-detail-item,
#dailyTab .premium-polish-item {
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.055) !important;
}

#dailyTab .wr-daily-detail-item[open],
#dailyTab .premium-polish-item[open] {
  border-color: rgba(198,177,255,.20) !important;
  background: rgba(117,87,207,.19) !important;
}

#dailyTab .wr-daily-detail-item summary,
#dailyTab .premium-polish-item summary {
  min-height: 54px !important;
  padding: 12px 14px !important;
}

#dailyTab .wr-daily-detail-body,
#dailyTab .premium-polish-body {
  color: rgba(255,255,255,.84) !important;
  line-height: 1.58 !important;
}

#dailyTab #dailyGuidanceBlock {
  gap: var(--wr-daily-gap) !important;
}

#dailyTab #dailyGuidanceBlock > .subsection-title {
  margin: 5px 0 -2px !important;
  color: #fff !important;
  font-size: 1.05rem !important;
  font-weight: 850 !important;
  letter-spacing: -.01em !important;
}

#dailyTab #bestTimeCard,
#dailyTab #avoidTimeCard {
  position: relative;
  min-height: 142px !important;
  padding: 19px 18px 18px 64px !important;
  overflow: hidden !important;
}

#dailyTab #bestTimeCard::before,
#dailyTab #avoidTimeCard::before {
  position: absolute;
  top: 19px;
  left: 17px;
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 12px;
  font-size: 17px;
}

#dailyTab #bestTimeCard::before {
  content: "✓";
  background: rgba(92,242,164,.15);
  color: #78f0ad;
}

#dailyTab #avoidTimeCard::before {
  content: "!";
  background: rgba(255,159,122,.14);
  color: #ffb08d;
  font-weight: 900;
}

#dailyTab #bestTimeCard {
  border-color: rgba(91,242,154,.23) !important;
  background: linear-gradient(145deg,rgba(35,137,102,.30),rgba(50,61,142,.32)) !important;
}

#dailyTab #avoidTimeCard {
  border-color: rgba(255,155,118,.23) !important;
  background: linear-gradient(145deg,rgba(155,66,83,.28),rgba(70,57,124,.34)) !important;
}

#dailyTab #bestTimeCard .stat-value,
#dailyTab #avoidTimeCard .stat-value {
  margin: 8px 0 7px !important;
  color: #fff !important;
  font-size: clamp(1.55rem,7vw,2.1rem) !important;
  font-weight: 850 !important;
  letter-spacing: -.025em !important;
  line-height: 1.12 !important;
}

#dailyTab .card,
#dailyTab .glass-card,
#dailyTab button,
#dailyTab details {
  transition: transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease,background-color 180ms ease;
}

#dailyTab button:active {
  transform: translateY(1px) scale(.99);
}

@media (prefers-reduced-motion:reduce) {
  #dailyTab .card,
  #dailyTab .glass-card,
  #dailyTab button,
  #dailyTab details {
    transition: none !important;
  }
}