@charset "utf-8";

@media (max-width: 480px) {
  .tts-title-row { flex-wrap: wrap; gap: 8px; }
  .tts-title-row h1, .tts-title-row h2 { font-size: clamp(1.3rem, 5vw, 1.8rem) !important; }
  .tts-inline-btn { width: 32px !important; height: 32px !important; font-size: 0.9rem !important; }
}

@media (max-width: 600px) {
  .mkr-pill-tabs { gap: 6px; }
  .mkr-pill { padding: 6px 12px !important; font-size: 0.78rem !important; }
}

@media (max-width: 640px) {
  .sfk-grid { grid-template-columns: 1fr !important; }
  .sfk-sidebar { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
  .sfk-brands-card { grid-column: 1 / -1 !important; }
  .sfk-hero-visual { display: none !important; }
  .sfk-cards-grid { grid-template-columns: 1fr 1fr !important; }
}

@media (max-width: 400px) {
  .sfk-cards-grid { grid-template-columns: 1fr !important; }
  .sfk-sidebar { grid-template-columns: 1fr !important; }
}

@media (max-width: 500px) {
  .prf-week-actions { flex-direction: column !important; gap: 8px !important; }
  .prf-week-btn-primary, .prf-week-btn-ghost { width: 100% !important; text-align: center !important; justify-content: center !important; }
  .prf-mood-grid { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width: 640px) {
  .mp-page { padding: 0px 16px !important; }
  .mp-card { border-radius: 14px !important; }
  .household-grid { grid-template-columns: 1fr 1fr !important; }
  .ph-inner { flex-direction: column !important; align-items: center !important; text-align: center !important; }
  .ph-btns { justify-content: center !important; flex-wrap: wrap !important; }
  .wellness-grid { grid-template-columns: 1fr 1fr !important; }
  .reports-list .report-row { flex-wrap: wrap !important; gap: 8px !important; }
}

@media (max-width: 400px) {
  .household-grid { grid-template-columns: 1fr !important; }
  .wellness-grid { grid-template-columns: 1fr !important; }
}

@media (max-width: 480px) {
  .mk-tiles-grid { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
}

@media (max-width: 600px) {
  .rhy-tabs { flex-wrap: nowrap !important; overflow-x: auto !important; justify-content: flex-start !important; padding-bottom: 4px !important; scrollbar-width: none !important; }
  .rhy-tab { flex-shrink: 0 !important; font-size: 0.78rem !important; padding: 8px 12px !important; }
}

@media (max-width: 768px) {
  .page.active { padding-bottom: calc(var(--bot-nav-h, 64px) + 20px) !important; }
  .tts-hero-overlay-btn { bottom: 12px !important; right: 12px !important; padding: 7px 12px 7px 10px !important; font-size: 1rem !important; }
  .tts-hero-overlay-label { font-size: 0.66rem !important; }
}

.page { overflow-x: hidden; }