/* App-wide mood + day/night (Açık / Koyu / Sistem) */

html.is-mobile-app,
html.kozamia-app-shell {
  color-scheme: light;
}

html.is-mobile-app[data-theme="dark"],
html.kozamia-app-shell[data-theme="dark"] {
  color-scheme: dark;
}

/* Shell surfaces follow CSS vars set by applySiteMoodTheme / applyThemeMode */
html.is-mobile-app body,
html.kozamia-app-shell body {
  background-color: var(--kozamia-shell-cream, var(--bg, #F8F5FC)) !important;
  color: var(--text, #0f0f12);
}

html.is-mobile-app body.mood-theme::before,
html.kozamia-app-shell body.mood-theme::before {
  content: "" !important;
  opacity: 1 !important;
  background:
    radial-gradient(ellipse 80% 50% at 20% -10%, var(--mood-bg-1), transparent),
    radial-gradient(ellipse 60% 40% at 90% 10%, var(--mood-bg-2), transparent) !important;
  z-index: -1;
}

html.is-mobile-app .bottom-nav,
html.kozamia-app-shell .bottom-nav {
  background: var(--kozamia-shell-cream, #F8F5FC) !important;
  background-color: var(--kozamia-shell-cream, #F8F5FC) !important;
  border-top-color: var(--border, rgba(106, 61, 138, 0.1)) !important;
}

html.is-mobile-app .bottom-nav .nav-item.active,
html.kozamia-app-shell .bottom-nav .nav-item.active {
  color: var(--kozamia-shell-purple, var(--violet, #752FEE)) !important;
}

html.is-mobile-app .btn-primary,
html.kozamia-app-shell .btn-primary,
html.is-mobile-app .btn.btn-primary,
html.kozamia-app-shell .btn.btn-primary {
  background: var(--kozamia-shell-purple, #752FEE) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html.is-mobile-app .app-page,
html.kozamia-app-shell .app-page,
html.is-mobile-app .page-wrap,
html.kozamia-app-shell .page-wrap {
  background-color: transparent;
}

/* Profile hub + settings follow theme */
html.is-mobile-app #page-profile.profile-logged-in,
html.is-mobile-app #page-profile.profile-logged-in .profile-hub,
html.kozamia-app-shell #page-profile.profile-logged-in,
html.kozamia-app-shell #page-profile.profile-logged-in .profile-hub,
html.is-mobile-app .profile-settings-sheet,
html.kozamia-app-shell .profile-settings-sheet,
html.is-mobile-app #page-profile.profile-logged-in .profile-app-top,
html.kozamia-app-shell #page-profile.profile-logged-in .profile-app-top {
  background: var(--kozamia-shell-cream, #F8F5FC) !important;
}

html.is-mobile-app .profile-app-brand-name,
html.kozamia-app-shell .profile-app-brand-name,
html.is-mobile-app .profile-app-icon-btn,
html.kozamia-app-shell .profile-app-icon-btn,
html.is-mobile-app #page-profile.profile-logged-in #profile-name,
html.kozamia-app-shell #page-profile.profile-logged-in #profile-name,
html.is-mobile-app .ps-title,
html.kozamia-app-shell .ps-title,
html.is-mobile-app .ps-brand-name,
html.kozamia-app-shell .ps-brand-name {
  color: var(--kozamia-shell-purple, #752FEE) !important;
}

html.is-mobile-app .profile-hub-menu,
html.kozamia-app-shell .profile-hub-menu,
html.is-mobile-app .ps-list-card,
html.kozamia-app-shell .ps-list-card,
html.is-mobile-app .ps-card,
html.kozamia-app-shell .ps-card,
html.is-mobile-app .pqe-sheet,
html.kozamia-app-shell .pqe-sheet {
  background: var(--bg-elevated, #fff) !important;
  border-color: var(--border, rgba(106, 61, 138, 0.06)) !important;
}

html.is-mobile-app .profile-hub-row,
html.kozamia-app-shell .profile-hub-row,
html.is-mobile-app .ps-row,
html.kozamia-app-shell .ps-row {
  color: var(--kozamia-shell-purple, #752FEE) !important;
  border-bottom-color: var(--border, rgba(106, 61, 138, 0.08)) !important;
}

html.is-mobile-app .pqe-save,
html.kozamia-app-shell .pqe-save {
  background: var(--kozamia-shell-purple, #752FEE) !important;
}

/* Dark mode surfaces */
html.is-mobile-app[data-theme="dark"] .bottom-nav .nav-item,
html.kozamia-app-shell[data-theme="dark"] .bottom-nav .nav-item {
  color: #9a8aa8;
}

html.is-mobile-app[data-theme="dark"] .profile-hub-menu,
html.kozamia-app-shell[data-theme="dark"] .profile-hub-menu,
html.is-mobile-app[data-theme="dark"] .ps-list-card,
html.kozamia-app-shell[data-theme="dark"] .ps-list-card,
html.is-mobile-app[data-theme="dark"] .ps-card,
html.kozamia-app-shell[data-theme="dark"] .ps-card,
html.is-mobile-app[data-theme="dark"] .pqe-sheet,
html.kozamia-app-shell[data-theme="dark"] .pqe-sheet,
html.is-mobile-app[data-theme="dark"] .ps-theme-option,
html.kozamia-app-shell[data-theme="dark"] .ps-theme-option {
  background: var(--bg-elevated, #241c2c) !important;
  color: var(--text, #f5f0fa);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28) !important;
}

html.is-mobile-app[data-theme="dark"] .ps-theme-option.is-active,
html.kozamia-app-shell[data-theme="dark"] .ps-theme-option.is-active {
  border-color: var(--kozamia-shell-purple, #9b6fc0) !important;
  background: color-mix(in srgb, var(--kozamia-shell-purple, #752FEE) 18%, #241c2c) !important;
}

html.is-mobile-app[data-theme="dark"] .ps-header,
html.kozamia-app-shell[data-theme="dark"] .ps-header,
html.is-mobile-app[data-theme="dark"] .profile-settings-sheet,
html.kozamia-app-shell[data-theme="dark"] .profile-settings-sheet {
  background: var(--kozamia-shell-cream, #1a1420) !important;
}

html.is-mobile-app[data-theme="dark"] .pqe-field,
html.kozamia-app-shell[data-theme="dark"] .pqe-field {
  background: #2A0A5C !important;
  color: var(--kozamia-shell-purple, #c4a8de);
}

html.is-mobile-app[data-theme="dark"] .pqe-field input,
html.is-mobile-app[data-theme="dark"] .pqe-field textarea,
html.kozamia-app-shell[data-theme="dark"] .pqe-field input,
html.kozamia-app-shell[data-theme="dark"] .pqe-field textarea,
html.is-mobile-app[data-theme="dark"] .pqe-title,
html.kozamia-app-shell[data-theme="dark"] .pqe-title {
  color: #f5f0fa !important;
}

html.is-mobile-app[data-theme="dark"] .site-header,
html.kozamia-app-shell[data-theme="dark"] .site-header,
html.is-mobile-app[data-theme="dark"] .feature-card,
html.kozamia-app-shell[data-theme="dark"] .feature-card,
html.is-mobile-app[data-theme="dark"] .home-mock-card,
html.kozamia-app-shell[data-theme="dark"] .home-mock-card {
  background: var(--bg-elevated, #241c2c) !important;
  border-color: var(--border, rgba(255, 255, 255, 0.1)) !important;
  color: var(--text, #f5f0fa);
}

/* Mood panel header (mockup) */
html.is-mobile-app .ps-header-title-only,
html.kozamia-app-shell .ps-header-title-only {
  display: flex;
  justify-content: center;
  grid-template-columns: 1fr;
  padding-top: 0.75rem;
}

html.is-mobile-app .ps-header-mood,
html.kozamia-app-shell .ps-header-mood {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  position: relative;
  grid-template-columns: none;
  padding: 0.65rem 0 0.35rem;
}

html.is-mobile-app .ps-header-mood .ps-edit-link,
html.kozamia-app-shell .ps-header-mood .ps-edit-link {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

html.is-mobile-app .ps-theme-name,
html.kozamia-app-shell .ps-theme-name {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
  font-size: 0.78rem;
  font-weight: 700;
}

html.is-mobile-app .ps-theme-name .material-symbols-outlined,
html.kozamia-app-shell .ps-theme-name .material-symbols-outlined {
  font-size: 0.95rem;
}

html.is-mobile-app .ps-card-stack,
html.kozamia-app-shell .ps-card-stack {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0.15rem 0.85rem;
  background: var(--bg-elevated, #fff);
  border-radius: 1.25rem;
  border: 1px solid var(--border, rgba(106, 61, 138, 0.06));
  box-shadow: 0 8px 22px rgba(45, 25, 60, 0.06);
  overflow: hidden;
}

html.is-mobile-app .ps-card-stack .ps-row-flat + .ps-row-flat,
html.kozamia-app-shell .ps-card-stack .ps-row-flat + .ps-row-flat {
  border-top: 1px solid var(--border, rgba(106, 61, 138, 0.1));
}

/* Selected mood ring uses accent */
html.is-mobile-app .ps-mood-card.is-selected,
html.kozamia-app-shell .ps-mood-card.is-selected {
  box-shadow: 0 0 0 3px var(--kozamia-shell-purple, #752FEE) !important;
}

html.is-mobile-app .ps-mood-card.is-selected .ps-mood-selected-badge,
html.kozamia-app-shell .ps-mood-card.is-selected .ps-mood-selected-badge,
html.is-mobile-app .ps-mood-card.is-selected .ps-mood-check,
html.kozamia-app-shell .ps-mood-card.is-selected .ps-mood-check {
  background: #fff !important;
  color: #1f1630 !important;
}

/* App shell: home / discover / connect / feed surfaces follow theme vars */
html.is-mobile-app #page-home.home-logged-in,
html.kozamia-app-shell #page-home.home-logged-in,
html.is-mobile-app #page-home.home-logged-in .home-page-wrap,
html.kozamia-app-shell #page-home.home-logged-in .home-page-wrap,
html.is-mobile-app #page-discover,
html.kozamia-app-shell #page-discover,
html.is-mobile-app #page-discover .discover-hub,
html.kozamia-app-shell #page-discover .discover-hub,
html.is-mobile-app #page-connect,
html.kozamia-app-shell #page-connect,
html.is-mobile-app #page-connect .connect-hub,
html.kozamia-app-shell #page-connect .connect-hub,
html.is-mobile-app #page-feed:not(.is-feed-snap-active),
html.kozamia-app-shell #page-feed:not(.is-feed-snap-active) {
  background: var(--kozamia-shell-cream, #F8F5FC) !important;
  color: var(--text, #0f0f12);
}

html.is-mobile-app #page-feed.is-feed-snap-active,
html.kozamia-app-shell #page-feed.is-feed-snap-active {
  background: #0b0710 !important;
  color: #fff;
}

html.is-mobile-app .home-app-brand-name,
html.kozamia-app-shell .home-app-brand-name,
html.is-mobile-app .discover-app-title,
html.kozamia-app-shell .discover-app-title,
html.is-mobile-app .connect-app-title,
html.kozamia-app-shell .connect-app-title,
html.is-mobile-app .discover-app-section-name,
html.kozamia-app-shell .discover-app-section-name,
html.is-mobile-app .connect-app-section-name,
html.kozamia-app-shell .connect-app-section-name {
  color: var(--kozamia-shell-purple, #752FEE) !important;
}

html.is-mobile-app .home-app-notify-btn,
html.kozamia-app-shell .home-app-notify-btn,
html.is-mobile-app .profile-app-icon-btn,
html.kozamia-app-shell .profile-app-icon-btn {
  background: transparent !important;
  box-shadow: none !important;
  color: var(--kozamia-shell-purple, #752FEE) !important;
}

html.is-mobile-app[data-theme="dark"] .home-app-notify-btn,
html.kozamia-app-shell[data-theme="dark"] .home-app-notify-btn,
html.is-mobile-app[data-theme="dark"] .profile-app-icon-btn,
html.kozamia-app-shell[data-theme="dark"] .profile-app-icon-btn {
  background: transparent !important;
  box-shadow: none !important;
  color: var(--text, #f5f0fa) !important;
}

/* App’te üst yönetici bandı yok — ayarlar menüsünde */
html.is-mobile-app #admin-banner,
html.kozamia-app-shell #admin-banner {
  display: none !important;
}

html.is-mobile-app .ps-row#ps-admin-row:not([hidden]),
html.kozamia-app-shell .ps-row#ps-admin-row:not([hidden]) {
  display: flex;
}
html.is-mobile-app .ps-row#ps-admin-row[hidden],
html.kozamia-app-shell .ps-row#ps-admin-row[hidden],
html.is-mobile-app body:not(.is-admin):not(.is-staff) .ps-row#ps-admin-row,
html.kozamia-app-shell body:not(.is-admin):not(.is-staff) .ps-row#ps-admin-row {
  display: none !important;
}

/* —— Marka logosuz üst chrome: bildirim üstte, scroll’da içeriğe gizlenir —— */
html.is-mobile-app .home-app-brand-name,
html.kozamia-app-shell .home-app-brand-name,
html.home-mockup-on .home-app-brand-name,
html.is-mobile-app .profile-app-brand-name,
html.kozamia-app-shell .profile-app-brand-name,
html.is-mobile-app .ps-brand-name,
html.kozamia-app-shell .ps-brand-name,
html.is-mobile-app .pe-brand-logo,
html.kozamia-app-shell .pe-brand-logo,
html.is-mobile-app .notif-app-logo,
html.kozamia-app-shell .notif-app-logo,
html.is-mobile-web .notif-app-logo,
html.is-mobile-app .share-studio-brand-name,
html.kozamia-app-shell .share-studio-brand-name,
html.is-mobile-app .yasal-brand-name,
html.kozamia-app-shell .yasal-brand-name,
html.is-mobile-app .yasal-brand-sub,
html.kozamia-app-shell .yasal-brand-sub,
html.is-mobile-app .yasal-brand-mark,
html.kozamia-app-shell .yasal-brand-mark,
html.is-mobile-app .interests-brand,
html.kozamia-app-shell .interests-brand {
  display: none !important;
}

html.is-mobile-app .home-app-top.kozamia-notify-chrome,
html.kozamia-app-shell .home-app-top.kozamia-notify-chrome,
html.home-mockup-on .home-app-top.kozamia-notify-chrome,
html.is-mobile-app .home-app-top,
html.kozamia-app-shell .home-app-top,
html.home-mockup-on .home-app-top {
  display: none !important;
}

html.is-mobile-app #page-profile.profile-logged-in .profile-app-top.kozamia-notify-chrome,
html.kozamia-app-shell #page-profile.profile-logged-in .profile-app-top.kozamia-notify-chrome,
html.is-mobile-app #page-profile.profile-logged-in .profile-app-top,
html.kozamia-app-shell #page-profile.profile-logged-in .profile-app-top {
  display: none !important;
}

/* İçerik içi bildirim — başlık satırında */
html.is-mobile-app .discover-app-title-main,
html.kozamia-app-shell .discover-app-title-main,
html.discover-mockup-on .discover-app-title-main,
html.is-mobile-app .connect-app-title-main,
html.kozamia-app-shell .connect-app-title-main,
html.connect-mockup-on .connect-app-title-main {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  width: 100%;
}

html.is-mobile-app .discover-app-title-main .discover-app-title,
html.kozamia-app-shell .discover-app-title-main .discover-app-title,
html.is-mobile-app .connect-app-title-main .connect-app-title,
html.kozamia-app-shell .connect-app-title-main .connect-app-title {
  flex: 1 1 auto;
  margin: 0;
}

html.is-mobile-app .discover-app-title-main .home-app-notify-btn,
html.kozamia-app-shell .discover-app-title-main .home-app-notify-btn,
html.is-mobile-app .connect-app-title-main .home-app-notify-btn,
html.kozamia-app-shell .connect-app-title-main .home-app-notify-btn,
html.is-mobile-app .home-content-toolbar .home-app-notify-btn,
html.kozamia-app-shell .home-content-toolbar .home-app-notify-btn {
  flex: 0 0 auto;
  pointer-events: auto;
}

html.is-mobile-app .discover-app-brand-row,
html.kozamia-app-shell .discover-app-brand-row,
html.discover-mockup-on .discover-app-brand-row,
html.is-mobile-app .connect-app-brand-row,
html.kozamia-app-shell .connect-app-brand-row,
html.connect-mockup-on .connect-app-brand-row {
  display: none;
  min-height: 0;
  pointer-events: auto;
}

html.is-mobile-app #page-discover.discover-in-section .discover-app-brand-row,
html.kozamia-app-shell #page-discover.discover-in-section .discover-app-brand-row,
html.is-mobile-app #page-connect.connect-in-section .connect-app-brand-row,
html.kozamia-app-shell #page-connect.connect-in-section .connect-app-brand-row {
  display: grid !important;
  grid-template-columns: 1.75rem minmax(0, 1fr) 1.75rem;
  align-items: center;
  justify-content: stretch;
  gap: 0.4rem;
  min-height: 2.35rem;
  margin-bottom: 0;
}

html.is-mobile-app .home-app-top.kozamia-notify-chrome .home-app-brand-row,
html.kozamia-app-shell .home-app-top.kozamia-notify-chrome .home-app-brand-row,
html.home-mockup-on .home-app-top.kozamia-notify-chrome .home-app-brand-row {
  display: none !important;
}

html.is-mobile-app .home-app-top.kozamia-notify-chrome .home-app-notify-btn,
html.kozamia-app-shell .home-app-top.kozamia-notify-chrome .home-app-notify-btn,
html.home-mockup-on .home-app-top.kozamia-notify-chrome .home-app-notify-btn,
html.is-mobile-app .kozamia-notify-chrome .home-app-notify-btn,
html.kozamia-app-shell .kozamia-notify-chrome .home-app-notify-btn,
html.is-mobile-app .kozamia-notify-chrome .profile-app-icon-btn,
html.kozamia-app-shell .kozamia-notify-chrome .profile-app-icon-btn,
html.is-mobile-app .kozamia-notify-chrome .ps-notify-btn,
html.kozamia-app-shell .kozamia-notify-chrome .ps-notify-btn,
html.is-mobile-app .kozamia-notify-chrome .discover-back-x,
html.kozamia-app-shell .kozamia-notify-chrome .discover-back-x,
html.is-mobile-app .kozamia-notify-chrome .connect-back-x,
html.kozamia-app-shell .kozamia-notify-chrome .connect-back-x {
  pointer-events: auto;
}

html.is-mobile-app .profile-app-top.kozamia-notify-chrome .profile-app-top-actions,
html.kozamia-app-shell .profile-app-top.kozamia-notify-chrome .profile-app-top-actions {
  display: none !important;
}

html.is-mobile-app .discover-app-brand-row.kozamia-notify-chrome,
html.kozamia-app-shell .discover-app-brand-row.kozamia-notify-chrome,
html.discover-mockup-on .discover-app-brand-row.kozamia-notify-chrome,
html.is-mobile-app .connect-app-brand-row.kozamia-notify-chrome,
html.kozamia-app-shell .connect-app-brand-row.kozamia-notify-chrome,
html.connect-mockup-on .connect-app-brand-row.kozamia-notify-chrome {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.35rem;
  min-height: 2.35rem;
  pointer-events: auto;
}

html.is-mobile-app #page-discover.discover-in-section .discover-app-brand-row.kozamia-notify-chrome,
html.kozamia-app-shell #page-discover.discover-in-section .discover-app-brand-row.kozamia-notify-chrome,
html.discover-mockup-on #page-discover.discover-in-section .discover-app-brand-row.kozamia-notify-chrome,
html.is-mobile-app #page-connect.connect-in-section .connect-app-brand-row.kozamia-notify-chrome,
html.kozamia-app-shell #page-connect.connect-in-section .connect-app-brand-row.kozamia-notify-chrome,
html.connect-mockup-on #page-connect.connect-in-section .connect-app-brand-row.kozamia-notify-chrome {
  justify-content: flex-start;
}

html.is-mobile-app .discover-app-section-name,
html.kozamia-app-shell .discover-app-section-name,
html.discover-mockup-on .discover-app-section-name,
html.is-mobile-app .connect-app-section-name,
html.kozamia-app-shell .connect-app-section-name,
html.connect-mockup-on .connect-app-section-name {
  flex: 0 1 auto;
  text-align: left;
  font-family: var(--kozamia-brand-serif, Georgia, serif);
  font-size: 1.45rem;
  font-weight: 800;
  color: var(--text, #121212);
  letter-spacing: -0.02em;
  margin: 0;
  line-height: 1.15;
  pointer-events: none;
}

html.is-mobile-app .discover-app-section-name[hidden],
html.kozamia-app-shell .discover-app-section-name[hidden],
html.is-mobile-app .connect-app-section-name[hidden],
html.kozamia-app-shell .connect-app-section-name[hidden] {
  display: none !important;
}

html.is-mobile-app .ps-header-centered.kozamia-notify-chrome,
html.kozamia-app-shell .ps-header-centered.kozamia-notify-chrome {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  grid-template-columns: none;
  padding: 0.35rem 0 0.45rem;
  background: transparent;
  pointer-events: none;
  transition: transform 0.28s ease, opacity 0.22s ease;
}

html.is-mobile-app .ps-header-centered.kozamia-notify-chrome .ps-notify-btn,
html.kozamia-app-shell .ps-header-centered.kozamia-notify-chrome .ps-notify-btn {
  grid-column: auto;
  grid-row: auto;
}

html.is-mobile-app .notif-app-brand-row,
html.kozamia-app-shell .notif-app-brand-row,
html.is-mobile-web .notif-app-brand-row {
  justify-content: flex-end !important;
}

html.is-mobile-app.is-notify-chrome-hidden .kozamia-notify-chrome,
html.kozamia-app-shell.is-notify-chrome-hidden .kozamia-notify-chrome {
  transform: translateY(calc(-100% - 0.75rem));
  opacity: 0;
  pointer-events: none !important;
}

@media (prefers-reduced-motion: reduce) {
  html.is-mobile-app .kozamia-notify-chrome,
  html.kozamia-app-shell .kozamia-notify-chrome,
  html.is-mobile-app.is-notify-chrome-hidden .kozamia-notify-chrome,
  html.kozamia-app-shell.is-notify-chrome-hidden .kozamia-notify-chrome {
    transition: none;
  }
}

/* ========================================================================
   GLOBAL THEME CASCADE — A→Z: icons, backgrounds, cards, nav, sheets
   Loaded last so mood + light/dark tokens beat hardcoded shell colors.
   ======================================================================== */

html.is-mobile-app,
html.kozamia-app-shell {
  --icon: var(--kozamia-shell-purple, #752FEE);
  --nav-active: var(--kozamia-shell-purple, #752FEE);
  --tab-active: var(--kozamia-shell-purple, #752FEE);
  --on-accent: #ffffff;
  --surface-muted: color-mix(in srgb, var(--kozamia-shell-purple, #752FEE) 8%, #ffffff);
  --profile-accent: var(--kozamia-shell-purple, #752FEE);
}

/* —— Accent text / icons (not on filled brand buttons) —— */
html.is-mobile-app .icon-btn,
html.kozamia-app-shell .icon-btn,
html.is-mobile-app .home-app-notify-btn .material-symbols-outlined,
html.kozamia-app-shell .home-app-notify-btn .material-symbols-outlined,
html.is-mobile-app .profile-app-icon-btn .material-symbols-outlined,
html.kozamia-app-shell .profile-app-icon-btn .material-symbols-outlined,
html.is-mobile-app .ps-notify-btn .material-symbols-outlined,
html.kozamia-app-shell .ps-notify-btn .material-symbols-outlined,
html.is-mobile-app .discover-back-x .material-symbols-outlined,
html.kozamia-app-shell .discover-back-x .material-symbols-outlined,
html.is-mobile-app .connect-back-x .material-symbols-outlined,
html.kozamia-app-shell .connect-back-x .material-symbols-outlined,
html.is-mobile-app .profile-hub-chevron,
html.kozamia-app-shell .profile-hub-chevron,
html.is-mobile-app .ps-row .ps-chevron,
html.kozamia-app-shell .ps-row .ps-chevron,
html.is-mobile-app .feature-card .material-symbols-outlined,
html.kozamia-app-shell .feature-card .material-symbols-outlined,
html.is-mobile-app .connect-tab .material-symbols-outlined,
html.kozamia-app-shell .connect-tab .material-symbols-outlined,
html.is-mobile-app .feed-toolbar .material-symbols-outlined,
html.kozamia-app-shell .feed-toolbar .material-symbols-outlined {
  color: var(--icon, var(--kozamia-shell-purple, #752FEE)) !important;
}

/* Keşfet / Bağlan kategori: olgun kuyu (dolu beyaz glif) — pastel chip değil */
html.is-mobile-app .discover-cat-icon,
html.kozamia-app-shell .discover-cat-icon,
html.is-mobile-app .connect-cat-icon,
html.kozamia-app-shell .connect-cat-icon {
  background: transparent !important;
  color: #752FEE !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html.is-mobile-app .discover-cat-icon .material-symbols-outlined,
html.kozamia-app-shell .discover-cat-icon .material-symbols-outlined,
html.is-mobile-app .connect-cat-icon .material-symbols-outlined,
html.kozamia-app-shell .connect-cat-icon .material-symbols-outlined {
  color: #752FEE !important;
  font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0, "opsz" 20;
}
html.is-mobile-app .discover-cat-go,
html.kozamia-app-shell .discover-cat-go,
html.is-mobile-app .connect-cat-go,
html.kozamia-app-shell .connect-cat-go,
html.is-mobile-app .discover-cat-card > .material-symbols-outlined,
html.kozamia-app-shell .discover-cat-card > .material-symbols-outlined {
  color: var(--icon, var(--kozamia-shell-purple, #752FEE)) !important;
}
html.is-mobile-app .discover-cat-card strong,
html.kozamia-app-shell .discover-cat-card strong,
html.is-mobile-app .discover-cat-card .discover-cat-desc,
html.kozamia-app-shell .discover-cat-card .discover-cat-desc,
html.is-mobile-app .discover-cat-desc,
html.kozamia-app-shell .discover-cat-desc,
html.is-mobile-app .connect-cat-card strong,
html.kozamia-app-shell .connect-cat-card strong,
html.is-mobile-app .connect-cat-desc,
html.kozamia-app-shell .connect-cat-desc {
  color: var(--text, #121212) !important;
}

html.is-mobile-app .bottom-nav .nav-item.active,
html.kozamia-app-shell .bottom-nav .nav-item.active,
html.is-mobile-app .bottom-nav .nav-item.active .material-symbols-outlined,
html.kozamia-app-shell .bottom-nav .nav-item.active .material-symbols-outlined {
  color: var(--nav-active, var(--kozamia-shell-purple, #752FEE)) !important;
}

html.is-mobile-app .bottom-nav,
html.kozamia-app-shell .bottom-nav {
  border-top-color: var(--border, rgba(106, 61, 138, 0.1)) !important;
  box-shadow: 0 -6px 24px rgba(var(--kozamia-shell-purple-rgb, 106, 61, 138), 0.08) !important;
}

/* —— Cards / elevated surfaces —— */
html.is-mobile-app .feature-card,
html.kozamia-app-shell .feature-card,
html.is-mobile-app .home-mock-card,
html.kozamia-app-shell .home-mock-card,
html.is-mobile-app .discover-cat-card,
html.kozamia-app-shell .discover-cat-card,
html.is-mobile-app .dm-thread-card,
html.kozamia-app-shell .dm-thread-card,
html.is-mobile-app .notif-item,
html.kozamia-app-shell .notif-item,
html.is-mobile-app .feed-card,
html.kozamia-app-shell .feed-card,
html.is-mobile-app .wall-post-card,
html.kozamia-app-shell .wall-post-card,
html.is-mobile-app .ps-theme-option,
html.kozamia-app-shell .ps-theme-option,
html.is-mobile-app .ps-card-stack,
html.kozamia-app-shell .ps-card-stack,
html.is-mobile-app .profile-hub-menu,
html.kozamia-app-shell .profile-hub-menu,
html.is-mobile-app .ps-list-card,
html.kozamia-app-shell .ps-list-card,
html.is-mobile-app .ps-card,
html.kozamia-app-shell .ps-card,
html.is-mobile-app .pqe-sheet,
html.kozamia-app-shell .pqe-sheet {
  background: var(--bg-elevated, #fff) !important;
  background-color: var(--bg-elevated, #fff) !important;
  border-color: var(--border, rgba(106, 61, 138, 0.1)) !important;
  color: var(--text, #0f0f12);
}

html.is-mobile-app .discover-cat-card strong,
html.kozamia-app-shell .discover-cat-card strong,
html.is-mobile-app .discover-cat-card span,
html.kozamia-app-shell .discover-cat-card span {
  color: var(--text, #121212) !important;
}
html.is-mobile-app .feature-card h3,
html.kozamia-app-shell .feature-card h3,
html.is-mobile-app .feature-card p,
html.kozamia-app-shell .feature-card p,
html.is-mobile-app .home-app-brand-name,
html.kozamia-app-shell .home-app-brand-name,
html.is-mobile-app .discover-app-title,
html.kozamia-app-shell .discover-app-title,
html.is-mobile-app .connect-app-title,
html.kozamia-app-shell .connect-app-title,
html.is-mobile-app .connect-app-section-name,
html.kozamia-app-shell .connect-app-section-name,
html.is-mobile-app .profile-app-brand-name,
html.kozamia-app-shell .profile-app-brand-name,
html.is-mobile-app .ps-title,
html.kozamia-app-shell .ps-title,
html.is-mobile-app .ps-brand-name,
html.kozamia-app-shell .ps-brand-name,
html.is-mobile-app #page-profile.profile-logged-in #profile-name,
html.kozamia-app-shell #page-profile.profile-logged-in #profile-name,
html.is-mobile-app .profile-hub-row,
html.kozamia-app-shell .profile-hub-row,
html.is-mobile-app .ps-row,
html.kozamia-app-shell .ps-row,
html.is-mobile-app .notif-item.is-unread strong,
html.kozamia-app-shell .notif-item.is-unread strong {
  color: var(--kozamia-shell-purple, #752FEE) !important;
}

html.is-mobile-app .discover-app-section-name,
html.kozamia-app-shell .discover-app-section-name,
html.is-mobile-app #page-discover .content-card h3,
html.kozamia-app-shell #page-discover .content-card h3,
html.is-mobile-app #page-discover .content-card-btn h3,
html.kozamia-app-shell #page-discover .content-card-btn h3 {
  color: var(--text, #121212) !important;
}

html.is-mobile-app .connect-tab.active,
html.kozamia-app-shell .connect-tab.active,
html.is-mobile-app .profile-app-tab.active,
html.kozamia-app-shell .profile-app-tab.active,
html.is-mobile-app .discover-hub-tab.active,
html.kozamia-app-shell .discover-hub-tab.active,
html.is-mobile-app .ps-theme-option.is-active,
html.kozamia-app-shell .ps-theme-option.is-active {
  color: var(--tab-active, var(--kozamia-shell-purple, #752FEE)) !important;
  border-color: var(--tab-active, var(--kozamia-shell-purple, #752FEE)) !important;
  background: color-mix(in srgb, var(--kozamia-shell-purple, #752FEE) 12%, var(--bg-elevated, #fff)) !important;
}

/* —— Page / sheet chrome —— */
html.is-mobile-app #page-home.home-logged-in,
html.kozamia-app-shell #page-home.home-logged-in,
html.is-mobile-app #page-discover,
html.kozamia-app-shell #page-discover,
html.is-mobile-app #page-connect,
html.kozamia-app-shell #page-connect,
html.is-mobile-app #page-feed:not(.is-feed-snap-active),
html.kozamia-app-shell #page-feed:not(.is-feed-snap-active),
html.is-mobile-app #page-profile.profile-logged-in,
html.kozamia-app-shell #page-profile.profile-logged-in,
html.is-mobile-app #page-profile.profile-logged-in .profile-hub,
html.kozamia-app-shell #page-profile.profile-logged-in .profile-hub,
html.is-mobile-app .profile-settings-sheet,
html.kozamia-app-shell .profile-settings-sheet,
html.is-mobile-app #page-profile.profile-logged-in .profile-app-top,
html.kozamia-app-shell #page-profile.profile-logged-in .profile-app-top,
html.is-mobile-app .notif-panel,
html.kozamia-app-shell .notif-panel,
html.is-mobile-app .notif-app-sheet,
html.kozamia-app-shell .notif-app-sheet,
html.is-mobile-app #page-terms,
html.kozamia-app-shell #page-terms,
html.is-mobile-app .share-studio,
html.kozamia-app-shell .share-studio,
html.is-mobile-app .dm-shell,
html.kozamia-app-shell .dm-shell {
  background: var(--kozamia-shell-cream, var(--bg, #F8F5FC)) !important;
  background-color: var(--kozamia-shell-cream, var(--bg, #F8F5FC)) !important;
  color: var(--text, #0f0f12);
}

html.is-mobile-app .ps-header,
html.kozamia-app-shell .ps-header,
html.is-mobile-app .site-header,
html.kozamia-app-shell .site-header,
html.is-mobile-app .feed-toolbar,
html.kozamia-app-shell .feed-toolbar,
html.is-mobile-app .dm-header,
html.kozamia-app-shell .dm-header {
  background: var(--header-bg, rgba(255, 255, 255, 0.96)) !important;
  border-color: var(--border, rgba(106, 61, 138, 0.1)) !important;
  color: var(--text, #0f0f12);
  border-radius: 1.15rem !important;
}

/* Beyaz/kare chrome paneller → oval köşe */
html.is-mobile-app .ps-list-card,
html.kozamia-app-shell .ps-list-card,
html.is-mobile-app .notif-app-sheet .notif-panel-head,
html.kozamia-app-shell .notif-app-sheet .notif-panel-head,
html.is-mobile-app .dm-sidebar,
html.kozamia-app-shell .dm-sidebar,
html.is-mobile-app #page-connect.active.is-messages-focus .connect-app-top,
html.kozamia-app-shell #page-connect.active.is-messages-focus .connect-app-top,
html.is-mobile-app #page-connect.active.is-dm-chat-open .connect-app-top,
html.kozamia-app-shell #page-connect.active.is-dm-chat-open .connect-app-top {
  border-radius: 1.15rem !important;
  overflow: hidden;
}

/* Hesap / Görünüm vb. ayar gövdesi: oval köşe + kaydırma (overflow:hidden olmamalı) */
html.is-mobile-app .ps-edit-body,
html.kozamia-app-shell .ps-edit-body {
  border-radius: 1.15rem !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
}

/* —— Primary / filled accent controls —— */
html.is-mobile-app .btn-primary,
html.kozamia-app-shell .btn-primary,
html.is-mobile-app .btn.btn-primary,
html.kozamia-app-shell .btn.btn-primary,
html.is-mobile-app .pqe-save,
html.kozamia-app-shell .pqe-save,
html.is-mobile-app .ps-save-btn,
html.kozamia-app-shell .ps-save-btn,
html.is-mobile-app .profile-follow-btn,
html.kozamia-app-shell .profile-follow-btn,
html.is-mobile-app .feed-compose-send,
html.kozamia-app-shell .feed-compose-send {
  background: var(--kozamia-shell-purple, #752FEE) !important;
  background-image: none !important;
  border-color: transparent !important;
  color: var(--on-accent, #fff) !important;
  box-shadow: none !important;
}

html.is-mobile-app .btn-primary .material-symbols-outlined,
html.kozamia-app-shell .btn-primary .material-symbols-outlined,
html.is-mobile-app .pqe-save .material-symbols-outlined,
html.kozamia-app-shell .pqe-save .material-symbols-outlined {
  color: var(--on-accent, #fff) !important;
}

html.is-mobile-app .home-app-notify-btn,
html.kozamia-app-shell .home-app-notify-btn,
html.is-mobile-app .profile-app-icon-btn,
html.kozamia-app-shell .profile-app-icon-btn,
html.is-mobile-app .ps-notify-btn,
html.kozamia-app-shell .ps-notify-btn {
  background: transparent !important;
  box-shadow: none !important;
  color: var(--icon, var(--kozamia-shell-purple, #752FEE)) !important;
}

html.is-mobile-app .pqe-field,
html.kozamia-app-shell .pqe-field,
html.is-mobile-app input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
html.kozamia-app-shell input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
html.is-mobile-app textarea,
html.kozamia-app-shell textarea,
html.is-mobile-app select,
html.kozamia-app-shell select {
  border-color: var(--border, rgba(106, 61, 138, 0.14));
}

html.is-mobile-app .pqe-field,
html.kozamia-app-shell .pqe-field {
  background: var(--surface-muted, var(--bg-elevated, #fff)) !important;
  color: var(--kozamia-shell-purple, #752FEE) !important;
}

/* Halka yalnızca daire avatar’da — .story-ring kutusu kare gradient olmasın */
html.is-mobile-app .profile-story-ring,
html.kozamia-app-shell .profile-story-ring,
html.is-mobile-app .story-ring-avatar,
html.kozamia-app-shell .story-ring-avatar {
  background: linear-gradient(
    135deg,
    var(--kozamia-shell-purple, #752FEE),
    var(--fuchsia, #8b5a9e),
    var(--cyan, #c4a484)
  ) !important;
  box-shadow:
    0 0 0 2px var(--kozamia-shell-cream, #F8F5FC),
    0 4px 12px rgba(var(--kozamia-shell-purple-rgb, 106, 61, 138), 0.25) !important;
}

html.is-mobile-app .story-ring,
html.kozamia-app-shell .story-ring {
  background: transparent !important;
  box-shadow: none !important;
}

html.is-mobile-app .ps-mood-card.is-selected,
html.kozamia-app-shell .ps-mood-card.is-selected {
  box-shadow: 0 0 0 3px var(--kozamia-shell-purple, #752FEE) !important;
}

html.is-mobile-app .ps-mood-card.is-selected .ps-mood-selected-badge,
html.kozamia-app-shell .ps-mood-card.is-selected .ps-mood-selected-badge,
html.is-mobile-app .ps-mood-card.is-selected .ps-mood-check,
html.kozamia-app-shell .ps-mood-card.is-selected .ps-mood-check {
  background: #fff !important;
  color: #1f1630 !important;
}

/* —— Dark mode cascade —— */
html.is-mobile-app[data-theme="dark"] .bottom-nav .nav-item,
html.kozamia-app-shell[data-theme="dark"] .bottom-nav .nav-item {
  color: var(--text-muted, #9a8aa8) !important;
}

html.is-mobile-app[data-theme="dark"] .bottom-nav .nav-item.active,
html.kozamia-app-shell[data-theme="dark"] .bottom-nav .nav-item.active,
html.is-mobile-app[data-theme="dark"] .bottom-nav .nav-item.active .material-symbols-outlined,
html.kozamia-app-shell[data-theme="dark"] .bottom-nav .nav-item.active .material-symbols-outlined {
  color: var(--nav-active, #c4a8de) !important;
}

html.is-mobile-app[data-theme="dark"] .home-app-notify-btn,
html.kozamia-app-shell[data-theme="dark"] .home-app-notify-btn,
html.is-mobile-app[data-theme="dark"] .profile-app-icon-btn,
html.kozamia-app-shell[data-theme="dark"] .profile-app-icon-btn,
html.is-mobile-app[data-theme="dark"] .ps-notify-btn,
html.kozamia-app-shell[data-theme="dark"] .ps-notify-btn {
  background: transparent !important;
  box-shadow: none !important;
  color: var(--text, #f5f0fa) !important;
}

html.is-mobile-app[data-theme="dark"] .home-app-notify-btn .material-symbols-outlined,
html.kozamia-app-shell[data-theme="dark"] .home-app-notify-btn .material-symbols-outlined,
html.is-mobile-app[data-theme="dark"] .profile-app-icon-btn .material-symbols-outlined,
html.kozamia-app-shell[data-theme="dark"] .profile-app-icon-btn .material-symbols-outlined,
html.is-mobile-app[data-theme="dark"] .icon-btn,
html.kozamia-app-shell[data-theme="dark"] .icon-btn,
html.is-mobile-app[data-theme="dark"] .discover-cat-icon,
html.kozamia-app-shell[data-theme="dark"] .discover-cat-icon,
html.is-mobile-app[data-theme="dark"] .connect-tab .material-symbols-outlined,
html.kozamia-app-shell[data-theme="dark"] .connect-tab .material-symbols-outlined {
  color: var(--icon, #c4a8de) !important;
}

/* Keşfet sekmeleri — kart stili değil, şeffaf şerit */
html.is-mobile-app #page-discover .connect-tabs,
html.kozamia-app-shell #page-discover .connect-tabs,
html.is-mobile-app #page-discover .discover-tabs,
html.kozamia-app-shell #page-discover .discover-tabs {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

html.is-mobile-app #page-discover .connect-tab,
html.kozamia-app-shell #page-discover .connect-tab,
html.is-mobile-app #page-discover .discover-tab,
html.kozamia-app-shell #page-discover .discover-tab {
  background: color-mix(in srgb, var(--kozamia-shell-purple, #752FEE) 8%, #fff) !important;
  color: var(--kozamia-shell-purple, #752FEE) !important;
  border: 1px solid rgba(106, 61, 138, 0.12) !important;
}

html.is-mobile-app #page-discover .connect-tab.active,
html.kozamia-app-shell #page-discover .connect-tab.active,
html.is-mobile-app #page-discover .discover-tab.active,
html.kozamia-app-shell #page-discover .discover-tab.active {
  background: color-mix(in srgb, var(--kozamia-shell-purple, #752FEE) 16%, #fff) !important;
  border-color: var(--kozamia-shell-purple, #752FEE) !important;
}

html.is-mobile-app[data-theme="dark"] .feature-card,
html.kozamia-app-shell[data-theme="dark"] .feature-card,
html.is-mobile-app[data-theme="dark"] .home-mock-card,
html.kozamia-app-shell[data-theme="dark"] .home-mock-card,
html.is-mobile-app[data-theme="dark"] .discover-cat-card,
html.kozamia-app-shell[data-theme="dark"] .discover-cat-card,
html.is-mobile-app[data-theme="dark"] .connect-tab,
html.kozamia-app-shell[data-theme="dark"] .connect-tab,
html.is-mobile-app[data-theme="dark"] .dm-thread-card,
html.kozamia-app-shell[data-theme="dark"] .dm-thread-card,
html.is-mobile-app[data-theme="dark"] .notif-item,
html.kozamia-app-shell[data-theme="dark"] .notif-item,
html.is-mobile-app[data-theme="dark"] .feed-card,
html.kozamia-app-shell[data-theme="dark"] .feed-card,
html.is-mobile-app[data-theme="dark"] .wall-post-card,
html.kozamia-app-shell[data-theme="dark"] .wall-post-card,
html.is-mobile-app[data-theme="dark"] .ps-theme-option,
html.kozamia-app-shell[data-theme="dark"] .ps-theme-option,
html.is-mobile-app[data-theme="dark"] .ps-card-stack,
html.kozamia-app-shell[data-theme="dark"] .ps-card-stack,
html.is-mobile-app[data-theme="dark"] .profile-hub-menu,
html.kozamia-app-shell[data-theme="dark"] .profile-hub-menu,
html.is-mobile-app[data-theme="dark"] .ps-list-card,
html.kozamia-app-shell[data-theme="dark"] .ps-list-card,
html.is-mobile-app[data-theme="dark"] .ps-card,
html.kozamia-app-shell[data-theme="dark"] .ps-card,
html.is-mobile-app[data-theme="dark"] .pqe-sheet,
html.kozamia-app-shell[data-theme="dark"] .pqe-sheet {
  background: var(--bg-elevated, #241c2c) !important;
  background-color: var(--bg-elevated, #241c2c) !important;
  border-color: var(--border, rgba(255, 255, 255, 0.12)) !important;
  color: var(--text, #f5f0fa) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28) !important;
}

html.is-mobile-app[data-theme="dark"] .discover-cat-card strong,
html.kozamia-app-shell[data-theme="dark"] .discover-cat-card strong,
html.is-mobile-app[data-theme="dark"] .discover-cat-desc,
html.kozamia-app-shell[data-theme="dark"] .discover-cat-desc {
  color: #f5f0fa !important;
}
html.is-mobile-app[data-theme="dark"] .discover-cat-go,
html.kozamia-app-shell[data-theme="dark"] .discover-cat-go,
html.is-mobile-app[data-theme="dark"] .connect-cat-go,
html.kozamia-app-shell[data-theme="dark"] .connect-cat-go {
  color: var(--icon, #c4a8de) !important;
}
html.is-mobile-app[data-theme="dark"] .discover-cat-icon,
html.kozamia-app-shell[data-theme="dark"] .discover-cat-icon,
html.is-mobile-app[data-theme="dark"] .connect-cat-icon,
html.kozamia-app-shell[data-theme="dark"] .connect-cat-icon {
  background: color-mix(in srgb, var(--icon, #5c5268) 55%, #1a1420) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}
html.is-mobile-app[data-theme="dark"] .discover-cat-icon .material-symbols-outlined,
html.kozamia-app-shell[data-theme="dark"] .discover-cat-icon .material-symbols-outlined,
html.is-mobile-app[data-theme="dark"] .connect-cat-icon .material-symbols-outlined,
html.kozamia-app-shell[data-theme="dark"] .connect-cat-icon .material-symbols-outlined {
  color: #fff !important;
}
html.is-mobile-app[data-theme="dark"] .profile-hub-row,
html.kozamia-app-shell[data-theme="dark"] .profile-hub-row,
html.is-mobile-app[data-theme="dark"] .ps-row,
html.kozamia-app-shell[data-theme="dark"] .ps-row,
html.is-mobile-app[data-theme="dark"] .ps-title,
html.kozamia-app-shell[data-theme="dark"] .ps-title,
html.is-mobile-app[data-theme="dark"] .discover-app-section-name,
html.kozamia-app-shell[data-theme="dark"] .discover-app-section-name,
html.is-mobile-app[data-theme="dark"] .connect-app-section-name,
html.kozamia-app-shell[data-theme="dark"] .connect-app-section-name,
html.is-mobile-app[data-theme="dark"] #page-profile.profile-logged-in #profile-name,
html.kozamia-app-shell[data-theme="dark"] #page-profile.profile-logged-in #profile-name {
  color: var(--text, #f5f0fa) !important;
}

html.is-mobile-app[data-theme="dark"] .connect-tab.active,
html.kozamia-app-shell[data-theme="dark"] .connect-tab.active,
html.is-mobile-app[data-theme="dark"] .ps-theme-option.is-active,
html.kozamia-app-shell[data-theme="dark"] .ps-theme-option.is-active {
  border-color: var(--kozamia-shell-purple, #9b6fc0) !important;
  background: color-mix(in srgb, var(--kozamia-shell-purple, #752FEE) 18%, var(--bg-elevated, #241c2c)) !important;
  color: var(--text, #f5f0fa) !important;
}

html.is-mobile-app[data-theme="dark"] .pqe-field,
html.kozamia-app-shell[data-theme="dark"] .pqe-field {
  background: var(--surface-muted, #2A0A5C) !important;
  color: var(--icon, #c4a8de) !important;
}

html.is-mobile-app[data-theme="dark"] .pqe-field input,
html.is-mobile-app[data-theme="dark"] .pqe-field textarea,
html.kozamia-app-shell[data-theme="dark"] .pqe-field input,
html.kozamia-app-shell[data-theme="dark"] .pqe-field textarea,
html.is-mobile-app[data-theme="dark"] .pqe-title,
html.kozamia-app-shell[data-theme="dark"] .pqe-title {
  color: var(--text, #f5f0fa) !important;
}

html.is-mobile-app[data-theme="dark"] .text-muted,
html.kozamia-app-shell[data-theme="dark"] .text-muted,
html.is-mobile-app[data-theme="dark"] .ps-desc,
html.kozamia-app-shell[data-theme="dark"] .ps-desc {
  color: var(--text-muted, #b5a8c0) !important;
}

/* ========================================================================
   MOOD THEME POLISH — ruh hali seçilince yazı / ikon / yüzey A→Z
   ======================================================================== */

html.is-mobile-app body.mood-theme,
html.kozamia-app-shell body.mood-theme {
  background-color: var(--kozamia-shell-cream, var(--bg)) !important;
  color: var(--text, #141018);
  transition: background-color 0.35s ease, color 0.25s ease;
}

html.is-mobile-app body.mood-theme::before,
html.kozamia-app-shell body.mood-theme::before {
  content: "" !important;
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: 1 !important;
  background:
    radial-gradient(ellipse 90% 55% at 12% -8%, var(--mood-bg-1), transparent 60%),
    radial-gradient(ellipse 70% 45% at 92% 8%, var(--mood-bg-2), transparent 55%),
    radial-gradient(ellipse 50% 35% at 50% 100%, var(--mood-soft), transparent 65%) !important;
}

/* —— Yazılar —— */
html.is-mobile-app body.mood-theme .home-app-brand-name,
html.kozamia-app-shell body.mood-theme .home-app-brand-name,
html.is-mobile-app body.mood-theme .discover-app-title,
html.kozamia-app-shell body.mood-theme .discover-app-title,
html.is-mobile-app body.mood-theme .connect-app-title,
html.kozamia-app-shell body.mood-theme .connect-app-title,
html.is-mobile-app body.mood-theme .connect-app-section-name,
html.kozamia-app-shell body.mood-theme .connect-app-section-name,
html.is-mobile-app body.mood-theme .profile-app-brand-name,
html.kozamia-app-shell body.mood-theme .profile-app-brand-name,
html.is-mobile-app body.mood-theme .ps-title,
html.kozamia-app-shell body.mood-theme .ps-title,
html.is-mobile-app body.mood-theme #page-profile.profile-logged-in #profile-name,
html.kozamia-app-shell body.mood-theme #page-profile.profile-logged-in #profile-name,
html.is-mobile-app body.mood-theme .feature-card h3,
html.kozamia-app-shell body.mood-theme .feature-card h3,
html.is-mobile-app body.mood-theme .ps-row-label,
html.kozamia-app-shell body.mood-theme .ps-row-label,
html.is-mobile-app body.mood-theme .profile-hub-label,
html.kozamia-app-shell body.mood-theme .profile-hub-label {
  color: var(--mood-heading, var(--kozamia-shell-purple)) !important;
}

/* Keşfet bölüm + kart başlıkları: ruh halinde siyah kalsın (vurgu) */
html.is-mobile-app body.mood-theme .discover-app-section-name,
html.kozamia-app-shell body.mood-theme .discover-app-section-name,
html.is-mobile-app body.mood-theme #page-discover .content-card h3,
html.kozamia-app-shell body.mood-theme #page-discover .content-card h3,
html.is-mobile-app body.mood-theme #page-discover .content-card-btn h3,
html.kozamia-app-shell body.mood-theme #page-discover .content-card-btn h3,
html.is-mobile-app body.mood-theme #page-discover .discover-feature-copy h3,
html.kozamia-app-shell body.mood-theme #page-discover .discover-feature-copy h3 {
  color: var(--text, #121212) !important;
}

html.is-mobile-app body.mood-theme .muted,
html.kozamia-app-shell body.mood-theme .muted,
html.is-mobile-app body.mood-theme .text-muted,
html.kozamia-app-shell body.mood-theme .text-muted,
html.is-mobile-app body.mood-theme .discover-app-sub,
html.kozamia-app-shell body.mood-theme .discover-app-sub,
html.is-mobile-app body.mood-theme .profile-username,
html.kozamia-app-shell body.mood-theme .profile-username {
  color: var(--text-muted) !important;
}

html.is-mobile-app body.mood-theme a:not(.btn):not(.nav-item),
html.kozamia-app-shell body.mood-theme a:not(.btn):not(.nav-item) {
  color: var(--link, var(--accent));
}

/* —— İkonlar —— */
html.is-mobile-app body.mood-theme .material-symbols-outlined,
html.kozamia-app-shell body.mood-theme .material-symbols-outlined {
  color: var(--icon, var(--kozamia-shell-purple));
}

html.is-mobile-app body.mood-theme .btn-primary .material-symbols-outlined,
html.kozamia-app-shell body.mood-theme .btn-primary .material-symbols-outlined,
html.is-mobile-app body.mood-theme .btn.btn-primary .material-symbols-outlined,
html.kozamia-app-shell body.mood-theme .btn.btn-primary .material-symbols-outlined,
html.is-mobile-app body.mood-theme .bottom-nav .nav-item:not(.active) .material-symbols-outlined,
html.kozamia-app-shell body.mood-theme .bottom-nav .nav-item:not(.active) .material-symbols-outlined {
  color: inherit;
}

html.is-mobile-app body.mood-theme .bottom-nav .nav-item.active .material-symbols-outlined,
html.kozamia-app-shell body.mood-theme .bottom-nav .nav-item.active .material-symbols-outlined {
  color: var(--nav-active) !important;
  font-variation-settings: "FILL" 1;
}

html.is-mobile-app body.mood-theme .discover-cat-icon,
html.kozamia-app-shell body.mood-theme .discover-cat-icon,
html.is-mobile-app body.mood-theme .connect-cat-icon,
html.kozamia-app-shell body.mood-theme .connect-cat-icon {
  background: color-mix(in srgb, var(--kz-ink, #1A1A1A) 7%, #fff) !important;
  color: var(--kz-ink, #1A1A1A) !important;
  box-shadow: none !important;
}
html.is-mobile-app body.mood-theme .discover-cat-icon .material-symbols-outlined,
html.kozamia-app-shell body.mood-theme .discover-cat-icon .material-symbols-outlined,
html.is-mobile-app body.mood-theme .connect-cat-icon .material-symbols-outlined,
html.kozamia-app-shell body.mood-theme .connect-cat-icon .material-symbols-outlined {
  color: var(--kz-ink, #1A1A1A) !important;
  font-variation-settings: "FILL" 0, "wght" 480, "GRAD" 0, "opsz" 20;
}
html.is-mobile-app body.mood-theme .discover-cat-go,
html.kozamia-app-shell body.mood-theme .discover-cat-go,
html.is-mobile-app body.mood-theme .connect-cat-go,
html.kozamia-app-shell body.mood-theme .connect-cat-go {
  color: var(--icon) !important;
}
html.is-mobile-app body.mood-theme .discover-cat-card strong,
html.kozamia-app-shell body.mood-theme .discover-cat-card strong,
html.is-mobile-app body.mood-theme .discover-cat-desc,
html.kozamia-app-shell body.mood-theme .discover-cat-desc,
html.is-mobile-app body.mood-theme .connect-cat-card strong,
html.kozamia-app-shell body.mood-theme .connect-cat-card strong,
html.is-mobile-app body.mood-theme .connect-cat-desc,
html.kozamia-app-shell body.mood-theme .connect-cat-desc {
  color: var(--text, #121212) !important;
}
html.is-mobile-app body.mood-theme .content-icon,
html.kozamia-app-shell body.mood-theme .content-icon,
html.is-mobile-app body.mood-theme .profile-hub-icon,
html.kozamia-app-shell body.mood-theme .profile-hub-icon {
  background: color-mix(in srgb, var(--kz-ink, #1A1A1A) 7%, #fff) !important;
  color: var(--kz-ink, #1A1A1A) !important;
  box-shadow: none !important;
}
html.is-mobile-app body.mood-theme .content-icon .material-symbols-outlined,
html.kozamia-app-shell body.mood-theme .content-icon .material-symbols-outlined,
html.is-mobile-app body.mood-theme .profile-hub-icon .material-symbols-outlined,
html.kozamia-app-shell body.mood-theme .profile-hub-icon .material-symbols-outlined {
  color: var(--kz-ink, #1A1A1A) !important;
  font-variation-settings: "FILL" 0, "wght" 480, "GRAD" 0, "opsz" 20;
}
/* ps-row-icon kuyuları profil-settings’te kalır; mood-chip ile ezilmesin */

html.is-mobile-app body.mood-theme .home-app-notify-btn,
html.kozamia-app-shell body.mood-theme .home-app-notify-btn,
html.is-mobile-app body.mood-theme .profile-app-icon-btn,
html.kozamia-app-shell body.mood-theme .profile-app-icon-btn,
html.is-mobile-app body.mood-theme .ps-notify-btn,
html.kozamia-app-shell body.mood-theme .ps-notify-btn,
html.is-mobile-app body.mood-theme .discover-back-x,
html.kozamia-app-shell body.mood-theme .discover-back-x,
html.is-mobile-app body.mood-theme .connect-back-x,
html.kozamia-app-shell body.mood-theme .connect-back-x {
  background: transparent !important;
  box-shadow: none !important;
  color: var(--icon) !important;
  border-color: transparent !important;
}

html.is-mobile-app body.mood-theme .home-app-notify-btn .material-symbols-outlined,
html.kozamia-app-shell body.mood-theme .home-app-notify-btn .material-symbols-outlined,
html.is-mobile-app body.mood-theme .profile-app-icon-btn .material-symbols-outlined,
html.kozamia-app-shell body.mood-theme .profile-app-icon-btn .material-symbols-outlined,
html.is-mobile-app body.mood-theme .connect-tab .material-symbols-outlined,
html.kozamia-app-shell body.mood-theme .connect-tab .material-symbols-outlined,
html.is-mobile-app body.mood-theme .profile-hub-chevron,
html.kozamia-app-shell body.mood-theme .profile-hub-chevron,
html.is-mobile-app body.mood-theme .ps-row .ps-chevron,
html.kozamia-app-shell body.mood-theme .ps-row .ps-chevron {
  color: var(--icon) !important;
}
html.is-mobile-app body.mood-theme .ps-row-icon .material-symbols-outlined,
html.kozamia-app-shell body.mood-theme .ps-row-icon .material-symbols-outlined,
html.is-mobile-app body.mood-theme .ps-inline-ico .material-symbols-outlined,
html.kozamia-app-shell body.mood-theme .ps-inline-ico .material-symbols-outlined,
html.is-mobile-app body.mood-theme .profile-hub-icon .material-symbols-outlined,
html.kozamia-app-shell body.mood-theme .profile-hub-icon .material-symbols-outlined {
  color: #fff !important;
}

/* —— Butonlar / sekmeler / nav —— */
html.is-mobile-app body.mood-theme .btn-primary,
html.kozamia-app-shell body.mood-theme .btn-primary,
html.is-mobile-app body.mood-theme .btn.btn-primary,
html.kozamia-app-shell body.mood-theme .btn.btn-primary,
html.is-mobile-app body.mood-theme .pqe-save,
html.kozamia-app-shell body.mood-theme .pqe-save,
html.is-mobile-app body.mood-theme .ps-save-btn,
html.kozamia-app-shell body.mood-theme .ps-save-btn {
  background: var(--mood-gradient) !important;
  box-shadow: var(--mood-glow) !important;
  color: var(--on-accent, #fff) !important;
  border: 0 !important;
}

html.is-mobile-app body.mood-theme .btn-outline,
html.kozamia-app-shell body.mood-theme .btn-outline {
  border-color: rgba(var(--kozamia-shell-purple-rgb), 0.35) !important;
  color: var(--icon) !important;
  background: color-mix(in srgb, var(--kozamia-shell-purple) 6%, transparent) !important;
}

html.is-mobile-app body.mood-theme .bottom-nav,
html.kozamia-app-shell body.mood-theme .bottom-nav {
  background: color-mix(in srgb, var(--kozamia-shell-cream) 88%, #fff) !important;
  border-top-color: var(--border) !important;
  box-shadow: 0 -8px 28px rgba(var(--kozamia-shell-purple-rgb), 0.1) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

html.is-mobile-app body.mood-theme .bottom-nav .nav-item.active,
html.kozamia-app-shell body.mood-theme .bottom-nav .nav-item.active {
  color: var(--nav-active) !important;
}

html.is-mobile-app body.mood-theme .connect-tab.active,
html.kozamia-app-shell body.mood-theme .connect-tab.active,
html.is-mobile-app body.mood-theme .discover-tab.active,
html.kozamia-app-shell body.mood-theme .discover-tab.active,
html.is-mobile-app body.mood-theme .profile-app-tab.active,
html.kozamia-app-shell body.mood-theme .profile-app-tab.active,
html.is-mobile-app body.mood-theme .profile-tab.active,
html.kozamia-app-shell body.mood-theme .profile-tab.active {
  color: var(--tab-active) !important;
  border-color: var(--tab-active) !important;
  background: var(--mood-chip) !important;
}

html.is-mobile-app body.mood-theme .connect-tab:not(.active),
html.kozamia-app-shell body.mood-theme .connect-tab:not(.active),
html.is-mobile-app body.mood-theme .discover-tab:not(.active),
html.kozamia-app-shell body.mood-theme .discover-tab:not(.active) {
  color: var(--icon) !important;
  background: var(--mood-soft) !important;
  border-color: rgba(var(--kozamia-shell-purple-rgb), 0.12) !important;
}

/* —— Kartlar —— */
html.is-mobile-app body.mood-theme .discover-cat-card,
html.kozamia-app-shell body.mood-theme .discover-cat-card,
html.is-mobile-app body.mood-theme .feature-card,
html.kozamia-app-shell body.mood-theme .feature-card,
html.is-mobile-app body.mood-theme .content-card,
html.kozamia-app-shell body.mood-theme .content-card,
html.is-mobile-app body.mood-theme .home-mock-card,
html.kozamia-app-shell body.mood-theme .home-mock-card,
html.is-mobile-app body.mood-theme .ps-list-card,
html.kozamia-app-shell body.mood-theme .ps-list-card,
html.is-mobile-app body.mood-theme .ps-card,
html.kozamia-app-shell body.mood-theme .ps-card,
html.is-mobile-app body.mood-theme .dm-thread-card,
html.kozamia-app-shell body.mood-theme .dm-thread-card,
html.is-mobile-app body.mood-theme .wall-post-card,
html.kozamia-app-shell body.mood-theme .wall-post-card {
  border-color: rgba(var(--kozamia-shell-purple-rgb), 0.14) !important;
  box-shadow:
    0 8px 24px rgba(var(--kozamia-shell-purple-rgb), 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

html.is-mobile-app body.mood-theme .story-ring-avatar,
html.kozamia-app-shell body.mood-theme .story-ring-avatar {
  background:
    linear-gradient(var(--bg-elevated, #1a1224), var(--bg-elevated, #1a1224)) padding-box,
    var(--mood-gradient) border-box !important;
}

/* —— Mood-specific atmospheres (mor aile) —— */
html.is-mobile-app body.mood-theme[data-mood="radiant"]::before,
html.kozamia-app-shell body.mood-theme[data-mood="radiant"]::before {
  background:
    radial-gradient(ellipse 85% 50% at 18% -5%, rgba(192, 132, 252, 0.28), transparent 58%),
    radial-gradient(ellipse 70% 45% at 88% 12%, rgba(168, 85, 247, 0.22), transparent 55%),
    radial-gradient(ellipse 45% 30% at 55% 100%, rgba(232, 121, 249, 0.16), transparent 60%) !important;
}

html.is-mobile-app body.mood-theme[data-mood="calm"]::before,
html.kozamia-app-shell body.mood-theme[data-mood="calm"]::before {
  background:
    radial-gradient(ellipse 80% 55% at 15% 0%, rgba(155, 142, 196, 0.26), transparent 60%),
    radial-gradient(ellipse 65% 40% at 90% 15%, rgba(122, 106, 173, 0.2), transparent 55%),
    radial-gradient(ellipse 50% 35% at 40% 100%, rgba(184, 169, 217, 0.14), transparent 65%) !important;
}

html.is-mobile-app body.mood-theme[data-mood="energized"]::before,
html.kozamia-app-shell body.mood-theme[data-mood="energized"]::before {
  background:
    radial-gradient(ellipse 85% 50% at 20% -8%, rgba(147, 51, 234, 0.28), transparent 58%),
    radial-gradient(ellipse 70% 42% at 92% 10%, rgba(117, 47, 238, 0.22), transparent 55%),
    radial-gradient(ellipse 45% 32% at 50% 100%, rgba(192, 38, 211, 0.16), transparent 62%) !important;
}

html.is-mobile-app body.mood-theme[data-mood="dreamy"]::before,
html.kozamia-app-shell body.mood-theme[data-mood="dreamy"]::before {
  background:
    radial-gradient(ellipse 90% 55% at 10% -5%, rgba(76, 29, 149, 0.24), transparent 58%),
    radial-gradient(ellipse 75% 48% at 95% 8%, rgba(92, 61, 110, 0.26), transparent 55%),
    radial-gradient(ellipse 50% 35% at 45% 100%, rgba(126, 34, 206, 0.16), transparent 62%) !important;
}

html.is-mobile-app body.mood-theme[data-mood="grateful"]::before,
html.kozamia-app-shell body.mood-theme[data-mood="grateful"]::before {
  background:
    radial-gradient(ellipse 85% 52% at 16% -6%, rgba(117, 47, 238, 0.24), transparent 58%),
    radial-gradient(ellipse 70% 42% at 90% 12%, rgba(139, 106, 173, 0.18), transparent 55%),
    radial-gradient(ellipse 48% 32% at 50% 100%, rgba(92, 61, 110, 0.14), transparent 62%) !important;
}

html.is-mobile-app body.mood-theme[data-mood="focused"]::before,
html.kozamia-app-shell body.mood-theme[data-mood="focused"]::before {
  background:
    radial-gradient(ellipse 85% 50% at 18% -5%, rgba(91, 75, 138, 0.24), transparent 58%),
    radial-gradient(ellipse 70% 42% at 90% 12%, rgba(67, 56, 202, 0.2), transparent 55%),
    radial-gradient(ellipse 48% 32% at 50% 100%, rgba(99, 102, 241, 0.14), transparent 62%) !important;
}

html.is-mobile-app body.mood-theme[data-mood="playful"]::before,
html.kozamia-app-shell body.mood-theme[data-mood="playful"]::before {
  background:
    radial-gradient(ellipse 85% 50% at 15% -5%, rgba(217, 70, 239, 0.26), transparent 58%),
    radial-gradient(ellipse 70% 42% at 92% 10%, rgba(168, 85, 247, 0.2), transparent 55%),
    radial-gradient(ellipse 48% 32% at 50% 100%, rgba(240, 171, 252, 0.16), transparent 62%) !important;
}

html.is-mobile-app body.mood-theme[data-mood="cozy"]::before,
html.kozamia-app-shell body.mood-theme[data-mood="cozy"]::before {
  background:
    radial-gradient(ellipse 85% 50% at 18% -5%, rgba(124, 106, 138, 0.24), transparent 58%),
    radial-gradient(ellipse 70% 42% at 90% 12%, rgba(107, 90, 114, 0.18), transparent 55%),
    radial-gradient(ellipse 48% 32% at 50% 100%, rgba(159, 138, 171, 0.14), transparent 62%) !important;
}

/* Mood seçim kartı vurgusu */
html.is-mobile-app body.mood-theme .ps-mood-card.is-selected,
html.kozamia-app-shell body.mood-theme .ps-mood-card.is-selected {
  box-shadow: 0 0 0 3px var(--kozamia-shell-purple), var(--mood-glow) !important;
  border-color: transparent !important;
}

html.is-mobile-app body.mood-theme .ps-mood-card.is-selected .ps-mood-check,
html.kozamia-app-shell body.mood-theme .ps-mood-card.is-selected .ps-mood-check,
html.is-mobile-app body.mood-theme .ps-mood-card.is-selected .ps-mood-selected-badge,
html.kozamia-app-shell body.mood-theme .ps-mood-card.is-selected .ps-mood-selected-badge {
  background: #fff !important;
  color: #1f1630 !important;
}

/* Feed snap: mood gradient arka planı bozmasın */
html.is-mobile-app body.mood-theme #page-feed.is-feed-snap-active,
html.kozamia-app-shell body.mood-theme #page-feed.is-feed-snap-active {
  background: #0b0710 !important;
}

html.is-mobile-app body.mood-theme #page-feed.is-feed-snap-active .material-symbols-outlined,
html.kozamia-app-shell body.mood-theme #page-feed.is-feed-snap-active .material-symbols-outlined,
html.is-mobile-app body.mood-theme #page-feed.is-feed-snap-active .feed-app-title,
html.kozamia-app-shell body.mood-theme #page-feed.is-feed-snap-active .feed-app-title,
html.is-mobile-app body.mood-theme #page-feed.is-feed-snap-active .story-ring-name,
html.kozamia-app-shell body.mood-theme #page-feed.is-feed-snap-active .story-ring-name {
  color: #fff !important;
}

/* —— Sayfa zeminleri şeffaf: body::before ruh hali gradyanı görünsün —— */
html.is-mobile-app body.mood-theme #page-home.home-logged-in,
html.kozamia-app-shell body.mood-theme #page-home.home-logged-in,
html.is-mobile-app body.mood-theme #page-discover,
html.kozamia-app-shell body.mood-theme #page-discover,
html.is-mobile-app body.mood-theme #page-connect,
html.kozamia-app-shell body.mood-theme #page-connect,
html.is-mobile-app body.mood-theme #page-feed:not(.is-feed-snap-active),
html.kozamia-app-shell body.mood-theme #page-feed:not(.is-feed-snap-active),
html.is-mobile-app body.mood-theme #page-profile.profile-logged-in,
html.kozamia-app-shell body.mood-theme #page-profile.profile-logged-in,
html.is-mobile-app body.mood-theme #page-profile.profile-logged-in .profile-hub,
html.kozamia-app-shell body.mood-theme #page-profile.profile-logged-in .profile-hub,
html.is-mobile-app body.mood-theme .profile-settings-sheet,
html.kozamia-app-shell body.mood-theme .profile-settings-sheet,
html.is-mobile-app body.mood-theme #page-profile.profile-logged-in .profile-app-top,
html.kozamia-app-shell body.mood-theme #page-profile.profile-logged-in .profile-app-top,
html.is-mobile-app body.mood-theme .app-page,
html.kozamia-app-shell body.mood-theme .app-page,
html.is-mobile-app body.mood-theme .page-wrap,
html.kozamia-app-shell body.mood-theme .page-wrap {
  background: transparent !important;
  background-color: transparent !important;
}

/* —— Marka / anasayfa sabit mor ezici —— */
html.is-mobile-app body.mood-theme .brand-name,
html.kozamia-app-shell body.mood-theme .brand-name,
html.is-mobile-app body.mood-theme .site-header .brand,
html.kozamia-app-shell body.mood-theme .site-header .brand,
html.is-mobile-app body.mood-theme .home-app-brand-name,
html.kozamia-app-shell body.mood-theme .home-app-brand-name,
html.is-mobile-app body.mood-theme .daily-engage-ask,
html.kozamia-app-shell body.mood-theme .daily-engage-ask,
html.is-mobile-app body.mood-theme .home-daily-ritual-btn,
html.kozamia-app-shell body.mood-theme .home-daily-ritual-btn {
  color: var(--mood-heading, var(--kozamia-shell-purple)) !important;
}

/* —— Anasayfa ruh hali seçici —— */
html.is-mobile-app body.mood-theme .daily-engage,
html.kozamia-app-shell body.mood-theme .daily-engage {
  border-color: rgba(var(--kozamia-shell-purple-rgb), 0.2) !important;
  background:
    linear-gradient(160deg, color-mix(in srgb, var(--kozamia-shell-cream) 70%, #fff), #fff) !important;
  box-shadow: 0 10px 26px rgba(var(--kozamia-shell-purple-rgb), 0.1) !important;
}

html.is-mobile-app body.mood-theme .daily-engage-mood,
html.kozamia-app-shell body.mood-theme .daily-engage-mood {
  border-color: rgba(var(--kozamia-shell-purple-rgb), 0.14) !important;
  background: color-mix(in srgb, var(--kozamia-shell-cream) 55%, #fff) !important;
}

html.is-mobile-app body.mood-theme .daily-engage-mood.is-active,
html.kozamia-app-shell body.mood-theme .daily-engage-mood.is-active,
html.is-mobile-app .daily-engage-mood.is-active,
html.kozamia-app-shell .daily-engage-mood.is-active {
  border-color: var(--engage-mood-accent, var(--kozamia-shell-purple)) !important;
  background: color-mix(in srgb, var(--engage-mood-accent, var(--kozamia-shell-purple)) 16%, #fff) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--engage-mood-accent, var(--kozamia-shell-purple)) 35%, transparent) !important;
}

html.is-mobile-app body.mood-theme .daily-engage-mood-label,
html.kozamia-app-shell body.mood-theme .daily-engage-mood-label {
  color: var(--text-muted) !important;
}

html.is-mobile-app body.mood-theme .home-affirmation-card,
html.kozamia-app-shell body.mood-theme .home-affirmation-card {
  border-color: rgba(var(--kozamia-shell-purple-rgb), 0.14) !important;
  background: color-mix(in srgb, var(--kozamia-shell-cream) 65%, #fff) !important;
  box-shadow: 0 10px 28px rgba(var(--kozamia-shell-purple-rgb), 0.1) !important;
}

html.is-mobile-app body.mood-theme .home-affirmation-heart,
html.kozamia-app-shell body.mood-theme .home-affirmation-heart,
html.is-mobile-app body.mood-theme .home-affirmation-heart .material-symbols-outlined,
html.kozamia-app-shell body.mood-theme .home-affirmation-heart .material-symbols-outlined {
  color: var(--fuchsia, var(--icon)) !important;
}

/* —— Anasayfa: tüm yüzeyler ruh hali temasına uysun —— */
html.is-mobile-app body.mood-theme #page-home.home-logged-in .home-daily-mock,
html.kozamia-app-shell body.mood-theme #page-home.home-logged-in .home-daily-mock {
  background: var(--bg-elevated, #fff) !important;
  border-color: rgba(var(--kozamia-shell-purple-rgb), 0.12) !important;
  box-shadow: 0 12px 32px rgba(var(--kozamia-shell-purple-rgb), 0.12) !important;
}

html.is-mobile-app body.mood-theme #page-home .daily-flow-spotlight-icon,
html.kozamia-app-shell body.mood-theme #page-home .daily-flow-spotlight-icon {
  background: var(--mood-gradient) !important;
  color: #ffe08a !important;
  box-shadow: var(--mood-glow) !important;
}

html.is-mobile-app body.mood-theme #page-home .daily-flow-spotlight-label,
html.kozamia-app-shell body.mood-theme #page-home .daily-flow-spotlight-label,
html.is-mobile-app body.mood-theme #page-home .active-now-title,
html.kozamia-app-shell body.mood-theme #page-home .active-now-title,
html.is-mobile-app body.mood-theme #page-home .home-feed-hero-title,
html.kozamia-app-shell body.mood-theme #page-home .home-feed-hero-title,
html.is-mobile-app body.mood-theme #page-home .home-gossip-kicker,
html.kozamia-app-shell body.mood-theme #page-home .home-gossip-kicker,
html.is-mobile-app body.mood-theme #page-home .home-gossip-title,
html.kozamia-app-shell body.mood-theme #page-home .home-gossip-title {
  color: var(--mood-heading, var(--kozamia-shell-purple)) !important;
}

html.is-mobile-app body.mood-theme #page-home .daily-flow-meditation-label,
html.kozamia-app-shell body.mood-theme #page-home .daily-flow-meditation-label,
html.is-mobile-app body.mood-theme #page-home .home-feed-hero-sub,
html.kozamia-app-shell body.mood-theme #page-home .home-feed-hero-sub,
html.is-mobile-app body.mood-theme #page-home .home-gossip-meta,
html.kozamia-app-shell body.mood-theme #page-home .home-gossip-meta,
html.is-mobile-app body.mood-theme #page-home .active-now-sub,
html.kozamia-app-shell body.mood-theme #page-home .active-now-sub {
  color: var(--text-muted) !important;
}

html.is-mobile-app body.mood-theme #page-home .home-daily-see-all,
html.kozamia-app-shell body.mood-theme #page-home .home-daily-see-all,
html.is-mobile-app body.mood-theme #page-home .active-now-see-all,
html.kozamia-app-shell body.mood-theme #page-home .active-now-see-all {
  color: var(--icon, var(--kozamia-shell-purple)) !important;
}

html.is-mobile-app body.mood-theme #page-home .daily-flow-spotlight-body,
html.kozamia-app-shell body.mood-theme #page-home .daily-flow-spotlight-body {
  background: linear-gradient(
    160deg,
    color-mix(in srgb, var(--kozamia-shell-purple) 18%, var(--bg-elevated, #fff)),
    color-mix(in srgb, var(--fuchsia) 10%, var(--bg-elevated, #fff)) 55%,
    color-mix(in srgb, var(--cyan) 8%, var(--bg-elevated, #fff))
  ) !important;
  border-color: rgba(var(--kozamia-shell-purple-rgb), 0.14) !important;
  box-shadow: 0 10px 24px rgba(var(--kozamia-shell-purple-rgb), 0.12) !important;
}

html.is-mobile-app body.mood-theme #page-home .daily-affirmation,
html.kozamia-app-shell body.mood-theme #page-home .daily-affirmation {
  color: var(--text) !important;
}

html.is-mobile-app body.mood-theme #page-home .daily-flow-nav,
html.kozamia-app-shell body.mood-theme #page-home .daily-flow-nav {
  background: transparent !important;
  color: var(--icon, var(--kozamia-shell-purple)) !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

html.is-mobile-app body.mood-theme #page-home .daily-flow-dot,
html.kozamia-app-shell body.mood-theme #page-home .daily-flow-dot {
  background: rgba(var(--kozamia-shell-purple-rgb), 0.22) !important;
}

html.is-mobile-app body.mood-theme #page-home .daily-flow-dot.is-active,
html.kozamia-app-shell body.mood-theme #page-home .daily-flow-dot.is-active {
  background: var(--kozamia-shell-purple) !important;
}

html.is-mobile-app body.mood-theme #page-home .home-daily-ritual-btn,
html.kozamia-app-shell body.mood-theme #page-home .home-daily-ritual-btn {
  color: var(--mood-heading) !important;
  border-color: rgba(var(--kozamia-shell-purple-rgb), 0.2) !important;
  background: color-mix(in srgb, var(--mood-soft) 55%, var(--bg-elevated, #fff)) !important;
}

html.is-mobile-app body.mood-theme #page-home .home-shortcut-fal,
html.kozamia-app-shell body.mood-theme #page-home .home-shortcut-fal {
  background: var(--mood-gradient) !important;
  color: var(--on-accent, #fff) !important;
  box-shadow: var(--mood-glow) !important;
}

html.is-mobile-app body.mood-theme #page-home .home-shortcut-fal strong,
html.kozamia-app-shell body.mood-theme #page-home .home-shortcut-fal strong,
html.is-mobile-app body.mood-theme #page-home .home-shortcut-fal .home-shortcut-desc,
html.kozamia-app-shell body.mood-theme #page-home .home-shortcut-fal .home-shortcut-desc {
  color: var(--on-accent, #fff) !important;
}

html.is-mobile-app body.mood-theme #page-home .home-shortcut-meditation,
html.kozamia-app-shell body.mood-theme #page-home .home-shortcut-meditation {
  background: linear-gradient(
    160deg,
    color-mix(in srgb, var(--fuchsia) 16%, var(--bg-elevated, #fff)),
    color-mix(in srgb, var(--cyan) 12%, var(--bg-elevated, #fff)) 55%,
    var(--bg-elevated, #fff)
  ) !important;
  color: var(--text) !important;
  box-shadow: 0 12px 28px rgba(var(--kozamia-shell-purple-rgb), 0.12) !important;
}

html.is-mobile-app body.mood-theme #page-home .home-shortcut-meditation strong,
html.kozamia-app-shell body.mood-theme #page-home .home-shortcut-meditation strong {
  color: var(--mood-heading) !important;
}

html.is-mobile-app body.mood-theme #page-home .home-shortcut-go,
html.kozamia-app-shell body.mood-theme #page-home .home-shortcut-go {
  background: color-mix(in srgb, var(--bg-elevated, #fff) 88%, transparent) !important;
  color: var(--icon, var(--kozamia-shell-purple)) !important;
}

html.is-mobile-app body.mood-theme #page-home .home-shortcut-meditation .home-shortcut-go,
html.kozamia-app-shell body.mood-theme #page-home .home-shortcut-meditation .home-shortcut-go {
  background: rgba(var(--kozamia-shell-purple-rgb), 0.14) !important;
  color: var(--icon) !important;
}

html.is-mobile-app body.mood-theme #page-home .home-gossip-card,
html.kozamia-app-shell body.mood-theme #page-home .home-gossip-card {
  border-color: rgba(var(--fuchsia-rgb, var(--kozamia-shell-purple-rgb)), 0.18) !important;
  background: linear-gradient(
    100deg,
    color-mix(in srgb, var(--fuchsia) 10%, var(--kozamia-shell-cream)),
    color-mix(in srgb, var(--mood-soft) 35%, var(--bg-elevated, #fff)) 55%,
    var(--bg-elevated, #fff)
  ) !important;
  box-shadow: 0 10px 24px rgba(var(--kozamia-shell-purple-rgb), 0.1) !important;
}

html.is-mobile-app body.mood-theme #page-home .home-gossip-art,
html.kozamia-app-shell body.mood-theme #page-home .home-gossip-art {
  background: rgba(var(--kozamia-shell-purple-rgb), 0.1) !important;
}

html.is-mobile-app body.mood-theme #page-home .home-feed-hero-btn,
html.kozamia-app-shell body.mood-theme #page-home .home-feed-hero-btn,
html.is-mobile-app body.mood-theme #page-home .home-feed-hero-btn.btn-primary,
html.kozamia-app-shell body.mood-theme #page-home .home-feed-hero-btn.btn-primary {
  background: var(--mood-gradient) !important;
  color: var(--on-accent, #fff) !important;
  border: 0 !important;
  box-shadow: var(--mood-glow) !important;
}

html.is-mobile-app body.mood-theme #page-home .home-feed-card-mock,
html.kozamia-app-shell body.mood-theme #page-home .home-feed-card-mock,
html.is-mobile-app body.mood-theme #page-home #home-social-feed .social-feed-post,
html.kozamia-app-shell body.mood-theme #page-home #home-social-feed .social-feed-post,
html.is-mobile-app body.mood-theme #page-home #home-social-feed .home-feed-card,
html.kozamia-app-shell body.mood-theme #page-home #home-social-feed .home-feed-card {
  background: var(--bg-elevated, #fff) !important;
  border-color: rgba(var(--kozamia-shell-purple-rgb), 0.12) !important;
  box-shadow: 0 10px 28px rgba(var(--kozamia-shell-purple-rgb), 0.1) !important;
}

html.is-mobile-app body.mood-theme #page-home .home-feed-card-text,
html.kozamia-app-shell body.mood-theme #page-home .home-feed-card-text,
html.is-mobile-app body.mood-theme #page-home .home-feed-card-meta strong,
html.kozamia-app-shell body.mood-theme #page-home .home-feed-card-meta strong,
html.is-mobile-app body.mood-theme #page-home .home-feed-card-meta .social-feed-author-btn,
html.kozamia-app-shell body.mood-theme #page-home .home-feed-card-meta .social-feed-author-btn {
  color: var(--text) !important;
}

html.is-mobile-app body.mood-theme #page-home .home-feed-card-time,
html.kozamia-app-shell body.mood-theme #page-home .home-feed-card-time,
html.is-mobile-app body.mood-theme #page-home .home-feed-more,
html.kozamia-app-shell body.mood-theme #page-home .home-feed-more {
  color: var(--text-muted) !important;
}

html.is-mobile-app body.mood-theme #page-home .home-mock-act,
html.kozamia-app-shell body.mood-theme #page-home .home-mock-act,
html.is-mobile-app body.mood-theme #page-home .wall-like-btn,
html.kozamia-app-shell body.mood-theme #page-home .wall-like-btn,
html.is-mobile-app body.mood-theme #page-home .wall-bookmark-btn,
html.kozamia-app-shell body.mood-theme #page-home .wall-bookmark-btn {
  color: var(--icon, var(--kozamia-shell-purple)) !important;
}

html.is-mobile-app body.mood-theme #page-home .home-mock-act.liked .material-symbols-outlined,
html.kozamia-app-shell body.mood-theme #page-home .home-mock-act.liked .material-symbols-outlined,
html.is-mobile-app body.mood-theme #page-home .wall-like-btn.liked .material-symbols-outlined,
html.kozamia-app-shell body.mood-theme #page-home .wall-like-btn.liked .material-symbols-outlined {
  color: var(--fuchsia) !important;
}

html.is-mobile-app body.mood-theme #page-home .home-app-notify-btn,
html.kozamia-app-shell body.mood-theme #page-home .home-app-notify-btn {
  background: transparent !important;
  color: var(--icon) !important;
  box-shadow: none !important;
}

html.is-mobile-app body.mood-theme #page-home .home-affirmation-art,
html.kozamia-app-shell body.mood-theme #page-home .home-affirmation-art {
  background: var(--mood-chip) !important;
}

html.is-mobile-app body.mood-theme #page-home .btn-primary:not(.home-feed-hero-btn),
html.kozamia-app-shell body.mood-theme #page-home .btn-primary:not(.home-feed-hero-btn) {
  background: var(--mood-gradient) !important;
  box-shadow: var(--mood-glow) !important;
}

/* —— Fal Çek: ruh hali tonları —— */
html.is-mobile-app body.mood-theme #modal-daily-fal.modal-fal-v2,
html.kozamia-app-shell body.mood-theme #modal-daily-fal.modal-fal-v2,
body.mood-theme #modal-daily-fal.modal-fal-v2 {
  background:
    radial-gradient(circle at 50% 18%, color-mix(in srgb, var(--kozamia-shell-purple) 55%, #1a0f2e) 0%, #120818 72%) !important;
}

html.is-mobile-app body.mood-theme #modal-daily-fal .fal-mystic-shell,
html.kozamia-app-shell body.mood-theme #modal-daily-fal .fal-mystic-shell,
body.mood-theme #modal-daily-fal .fal-mystic-shell,
#modal-daily-fal.modal-fal-v2 .fal-mystic-shell {
  background: var(--kozamia-shell-cream, #F8F5FC) !important;
  box-shadow: 0 18px 48px rgba(var(--kozamia-shell-purple-rgb, 106, 61, 138), 0.35) !important;
}

html.is-mobile-app body.mood-theme #modal-daily-fal .fal-close-x,
html.kozamia-app-shell body.mood-theme #modal-daily-fal .fal-close-x,
body.mood-theme #modal-daily-fal .fal-close-x,
#modal-daily-fal .fal-close-x {
  color: #c44d6a !important;
  border-color: rgba(var(--kozamia-shell-purple-rgb, 106, 61, 138), 0.22) !important;
}

html.is-mobile-app body.mood-theme #modal-daily-fal .fal-mystic-head,
html.kozamia-app-shell body.mood-theme #modal-daily-fal .fal-mystic-head,
body.mood-theme #modal-daily-fal .fal-mystic-head,
#modal-daily-fal .fal-mystic-head {
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--fuchsia, #e85a7a) 88%, #fff) 0%,
    color-mix(in srgb, var(--amber, #f0a060) 70%, #f08a6a) 48%,
    color-mix(in srgb, var(--amber, #f0b45a) 85%, #fff) 100%
  ) !important;
}

html.is-mobile-app body.mood-theme #modal-daily-fal .fal-title-chip,
html.kozamia-app-shell body.mood-theme #modal-daily-fal .fal-title-chip,
body.mood-theme #modal-daily-fal .fal-title-chip,
#modal-daily-fal .fal-title-chip {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html.is-mobile-app body.mood-theme #modal-daily-fal .fal-title-mark,
html.kozamia-app-shell body.mood-theme #modal-daily-fal .fal-title-mark,
body.mood-theme #modal-daily-fal .fal-title-mark {
  background: radial-gradient(
    circle at 35% 30%,
    color-mix(in srgb, var(--fuchsia) 70%, #fff),
    var(--kozamia-shell-purple) 72%
  ) !important;
}

html.is-mobile-app body.mood-theme #modal-daily-fal .fal-mystic-head #fal-app-title,
html.kozamia-app-shell body.mood-theme #modal-daily-fal .fal-mystic-head #fal-app-title,
body.mood-theme #modal-daily-fal .fal-mystic-head #fal-app-title,
#modal-daily-fal .fal-mystic-head #fal-app-title {
  color: #fff !important;
}

html.is-mobile-app body.mood-theme #modal-daily-fal .fal-ornament,
html.kozamia-app-shell body.mood-theme #modal-daily-fal .fal-ornament,
body.mood-theme #modal-daily-fal .fal-ornament,
html.is-mobile-app body.mood-theme #modal-daily-fal .fal-section-label,
html.kozamia-app-shell body.mood-theme #modal-daily-fal .fal-section-label,
body.mood-theme #modal-daily-fal .fal-section-label {
  color: var(--mood-heading, var(--kozamia-shell-purple)) !important;
}

html.is-mobile-app body.mood-theme #modal-daily-fal .fal-cat-pill.is-active,
html.kozamia-app-shell body.mood-theme #modal-daily-fal .fal-cat-pill.is-active,
body.mood-theme #modal-daily-fal .fal-cat-pill.is-active,
#modal-daily-fal .fal-cat-pill.is-active {
  background: var(--kozamia-shell-purple, #752FEE) !important;
  border-color: var(--kozamia-shell-purple, #752FEE) !important;
  color: #fff !important;
}

html.is-mobile-app body.mood-theme #modal-daily-fal .fal-cta-mystic,
html.kozamia-app-shell body.mood-theme #modal-daily-fal .fal-cta-mystic,
body.mood-theme #modal-daily-fal .fal-cta-mystic,
#modal-daily-fal .fal-cta-mystic {
  background: var(--mood-gradient, linear-gradient(145deg, var(--fuchsia), var(--kozamia-shell-purple))) !important;
  box-shadow: var(--mood-glow, 0 10px 28px rgba(106, 61, 138, 0.28)) !important;
  border: 0 !important;
  color: #fff !important;
}

/* —— Meditasyon: ruh hali gradyanı —— */
html.is-mobile-app body.mood-theme #modal-meditation.modal-meditation-v2 .meditation-player-shell,
html.kozamia-app-shell body.mood-theme #modal-meditation.modal-meditation-v2 .meditation-player-shell,
body.mood-theme #modal-meditation.modal-meditation-v2 .meditation-player-shell,
#modal-meditation.modal-meditation-v2 .meditation-player-shell {
  background: linear-gradient(
    145deg,
    color-mix(in srgb, var(--cyan, #06b6d4) 78%, #0a1020) 0%,
    color-mix(in srgb, var(--fuchsia, #7b4a9e) 72%, #1a1030) 48%,
    color-mix(in srgb, var(--kozamia-shell-purple, #752FEE) 88%, #120820) 100%
  ) !important;
  box-shadow: 0 18px 48px rgba(var(--kozamia-shell-purple-rgb, 106, 61, 138), 0.42) !important;
}

html.is-mobile-app body.mood-theme #modal-meditation .meditation-play-btn,
html.kozamia-app-shell body.mood-theme #modal-meditation .meditation-play-btn,
body.mood-theme #modal-meditation .meditation-play-btn,
#modal-meditation .meditation-play-btn {
  background: linear-gradient(
    145deg,
    color-mix(in srgb, var(--cyan) 35%, #fff),
    color-mix(in srgb, var(--fuchsia) 40%, #fff)
  ) !important;
  color: var(--kozamia-shell-purple, #2a1d4a) !important;
}

html.is-mobile-app body.mood-theme #modal-meditation .meditation-progress-fill,
html.kozamia-app-shell body.mood-theme #modal-meditation .meditation-progress-fill,
body.mood-theme #modal-meditation .meditation-progress-fill,
#modal-meditation .meditation-progress-fill {
  background: linear-gradient(90deg, var(--fuchsia, #9b6cff), var(--cyan, #6ef0f3)) !important;
}

html.is-mobile-app body.mood-theme #modal-meditation .meditation-footer-tab.is-active,
html.kozamia-app-shell body.mood-theme #modal-meditation .meditation-footer-tab.is-active,
body.mood-theme #modal-meditation .meditation-footer-tab.is-active {
  color: #fff !important;
  text-shadow: 0 0 12px rgba(var(--cyan-rgb, 6, 182, 212), 0.55);
}

html.is-mobile-app body.mood-theme #modal-meditation .meditation-ring-progress,
html.kozamia-app-shell body.mood-theme #modal-meditation .meditation-ring-progress,
body.mood-theme #modal-meditation .meditation-ring-progress {
  stroke: var(--cyan, #7ef0ff) !important;
}

/* Mesajlar / Aramalar: yüzey tema token’ına kadar (gece modunda #fff kilidi yok) */
html.is-mobile-app #page-connect.active.is-messages-focus:not(.is-dm-chat-open),
html.kozamia-app-shell #page-connect.active.is-messages-focus:not(.is-dm-chat-open) {
  background: var(--bg-elevated, #ffffff) !important;
}
html.is-mobile-app #page-connect.active.is-dm-chat-open,
html.kozamia-app-shell #page-connect.active.is-dm-chat-open {
  background: var(--bg-elevated, #ffffff) !important;
}
html.is-mobile-app #page-connect.active.is-messages-focus:not(.is-dm-chat-open) .connect-hub,
html.kozamia-app-shell #page-connect.active.is-messages-focus:not(.is-dm-chat-open) .connect-hub {
  background: var(--bg-elevated, #ffffff) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
html.is-mobile-app #page-connect.active.is-dm-chat-open .connect-hub,
html.kozamia-app-shell #page-connect.active.is-dm-chat-open .connect-hub {
  background: var(--bg-elevated, #ffffff) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
html.is-mobile-app #page-connect.active.is-messages-focus:not(.is-dm-chat-open) #connect-panel-messages,
html.kozamia-app-shell #page-connect.active.is-messages-focus:not(.is-dm-chat-open) #connect-panel-messages {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  background: var(--bg-elevated, #ffffff) !important;
}
html.is-mobile-app #page-connect.active.is-dm-chat-open #connect-panel-messages,
html.kozamia-app-shell #page-connect.active.is-dm-chat-open #connect-panel-messages {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  background: var(--bg-elevated, #ffffff) !important;
}
html.is-mobile-app #page-connect.active.is-messages-focus:not(.is-dm-chat-open) #connect-panel-messages .dm-app,
html.kozamia-app-shell #page-connect.active.is-messages-focus:not(.is-dm-chat-open) #connect-panel-messages .dm-app {
  flex: 1 1 auto !important;
  height: 100% !important;
  max-height: none !important;
  min-height: 0 !important;
  border-radius: 1.15rem 1.15rem 0 0 !important;
  background: var(--bg-elevated, #ffffff) !important;
  box-shadow: none !important;
}
html.is-mobile-app #page-connect.active.is-dm-chat-open #connect-panel-messages .dm-app,
html.kozamia-app-shell #page-connect.active.is-dm-chat-open #connect-panel-messages .dm-app {
  flex: 1 1 auto !important;
  height: 100% !important;
  min-height: 0 !important;
  border-radius: 1.15rem 1.15rem 0 0 !important;
  background: var(--bg-elevated, #ffffff) !important;
}
html.is-mobile-app #page-connect.active.is-messages-focus #connect-panel-messages .dm-body,
html.is-mobile-app #page-connect.active.is-messages-focus #connect-panel-messages .dm-logged,
html.is-mobile-app #page-connect.active.is-messages-focus #connect-panel-messages .dm-split:not([hidden]),
html.is-mobile-app #page-connect.active.is-messages-focus:not(.is-dm-chat-open) #connect-panel-messages .dm-sidebar:not([hidden]),
html.is-mobile-app #page-connect.active.is-messages-focus #connect-panel-messages .dm-calls-view:not([hidden]),
html.kozamia-app-shell #page-connect.active.is-messages-focus #connect-panel-messages .dm-body,
html.kozamia-app-shell #page-connect.active.is-messages-focus #connect-panel-messages .dm-logged,
html.kozamia-app-shell #page-connect.active.is-messages-focus #connect-panel-messages .dm-split:not([hidden]),
html.kozamia-app-shell #page-connect.active.is-messages-focus:not(.is-dm-chat-open) #connect-panel-messages .dm-sidebar:not([hidden]),
html.kozamia-app-shell #page-connect.active.is-messages-focus #connect-panel-messages .dm-calls-view:not([hidden]) {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: hidden !important;
  background: var(--bg-elevated, #ffffff) !important;
}

html.is-mobile-app #page-connect.active.is-dm-chat-open #connect-panel-messages #messages-list-view,
html.is-mobile-app #page-connect.active.is-dm-chat-open #connect-panel-messages .dm-sidebar,
html.is-mobile-app #page-connect.active.is-dm-chat-open #connect-panel-messages .dm-chat-empty-state,
html.kozamia-app-shell #page-connect.active.is-dm-chat-open #connect-panel-messages #messages-list-view,
html.kozamia-app-shell #page-connect.active.is-dm-chat-open #connect-panel-messages .dm-sidebar,
html.kozamia-app-shell #page-connect.active.is-dm-chat-open #connect-panel-messages .dm-chat-empty-state {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  flex: 0 0 0 !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

html.is-mobile-app #page-connect.active.is-dm-chat-open #connect-panel-messages .dm-chat-pane:not([hidden]),
html.kozamia-app-shell #page-connect.active.is-dm-chat-open #connect-panel-messages .dm-chat-pane:not([hidden]) {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
  background: var(--kozamia-shell-cream, var(--bg, #F8F5FC)) !important;
}
html.is-mobile-app #page-connect.active.is-messages-focus #connect-panel-messages .dm-inbox-list,
html.is-mobile-app #page-connect.active.is-messages-focus #connect-panel-messages .dm-calls-list,
html.kozamia-app-shell #page-connect.active.is-messages-focus #connect-panel-messages .dm-inbox-list,
html.kozamia-app-shell #page-connect.active.is-messages-focus #connect-panel-messages .dm-calls-list {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  background: var(--bg-elevated, #ffffff) !important;
}

/* Bölüm sayfalarında tekrarlayan intro (Güzellik / Sağlık vb.) gizle — tek başlık üstte */
html.is-mobile-app #page-discover.discover-in-section .hub-panel-intro,
html.kozamia-app-shell #page-discover.discover-in-section .hub-panel-intro,
html.discover-mockup-on #page-discover.discover-in-section .hub-panel-intro,
html.is-mobile-app #page-discover .hub-panel-intro,
html.kozamia-app-shell #page-discover .hub-panel-intro {
  display: none !important;
}

/* X + başlık yan yana, sayfa içeriği üste yaslansın — başlık beyaz panelde */
html.is-mobile-app #page-discover.discover-in-section .discover-app-top,
html.kozamia-app-shell #page-discover.discover-in-section .discover-app-top,
html.is-mobile-app #page-connect.connect-in-section .connect-app-top,
html.kozamia-app-shell #page-connect.connect-in-section .connect-app-top {
  gap: 0 !important;
  padding-bottom: 0 !important;
}
html.is-mobile-app #page-discover.discover-in-section .discover-app-title-row,
html.kozamia-app-shell #page-discover.discover-in-section .discover-app-title-row,
html.is-mobile-app #page-connect.connect-in-section .connect-app-title-row,
html.kozamia-app-shell #page-connect.connect-in-section .connect-app-title-row {
  display: none !important;
}

html.is-mobile-app #page-discover.discover-in-section .discover-app-brand-row,
html.kozamia-app-shell #page-discover.discover-in-section .discover-app-brand-row {
  display: grid !important;
  grid-template-columns: 2.4rem minmax(0, 1fr) 2.4rem;
  align-items: center;
  justify-content: stretch;
  gap: 0.25rem;
  background: var(--bg-elevated, #fff);
  border-radius: 1.25rem 1.25rem 0 0;
  padding: 0.65rem 0.55rem 0.5rem;
  min-height: 2.75rem;
  margin-bottom: 0;
}

html.is-mobile-app #page-discover.discover-in-section .discover-app-section-name,
html.kozamia-app-shell #page-discover.discover-in-section .discover-app-section-name {
  grid-column: 2;
  text-align: center !important;
  color: var(--text, #121212) !important;
  font-weight: 800;
}

html.is-mobile-app #page-discover.discover-in-section .discover-back-x,
html.kozamia-app-shell #page-discover.discover-in-section .discover-back-x {
  grid-column: 1;
  justify-self: start;
}

html.is-mobile-app .discover-cat-card strong,
html.kozamia-app-shell .discover-cat-card strong,
html.is-mobile-app .discover-cat-desc,
html.kozamia-app-shell .discover-cat-desc,
html.is-mobile-app body.mood-theme .discover-cat-card strong,
html.kozamia-app-shell body.mood-theme .discover-cat-card strong,
html.is-mobile-app body.mood-theme .discover-cat-desc,
html.kozamia-app-shell body.mood-theme .discover-cat-desc,
html.is-mobile-app .connect-cat-card strong,
html.kozamia-app-shell .connect-cat-card strong,
html.is-mobile-app .connect-cat-desc,
html.kozamia-app-shell .connect-cat-desc,
html.is-mobile-app body.mood-theme .connect-cat-card strong,
html.kozamia-app-shell body.mood-theme .connect-cat-card strong,
html.is-mobile-app body.mood-theme .connect-cat-desc,
html.kozamia-app-shell body.mood-theme .connect-cat-desc {
  color: var(--text, #121212) !important;
}
html.is-mobile-app .discover-cat-go,
html.kozamia-app-shell .discover-cat-go,
html.is-mobile-app body.mood-theme .discover-cat-go,
html.kozamia-app-shell body.mood-theme .discover-cat-go,
html.is-mobile-app .connect-cat-go,
html.kozamia-app-shell .connect-cat-go,
html.is-mobile-app body.mood-theme .connect-cat-go,
html.kozamia-app-shell body.mood-theme .connect-cat-go {
  color: var(--icon, var(--kozamia-shell-purple, #752FEE)) !important;
}
html.is-mobile-app .discover-cat-icon,
html.kozamia-app-shell .discover-cat-icon,
html.is-mobile-app body.mood-theme .discover-cat-icon,
html.kozamia-app-shell body.mood-theme .discover-cat-icon,
html.is-mobile-app .connect-cat-icon,
html.kozamia-app-shell .connect-cat-icon,
html.is-mobile-app body.mood-theme .connect-cat-icon,
html.kozamia-app-shell body.mood-theme .connect-cat-icon {
  background: color-mix(in srgb, var(--icon, #5c5268) 78%, #1a1420) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}
html.is-mobile-app .discover-cat-icon .material-symbols-outlined,
html.kozamia-app-shell .discover-cat-icon .material-symbols-outlined,
html.is-mobile-app body.mood-theme .discover-cat-icon .material-symbols-outlined,
html.kozamia-app-shell body.mood-theme .discover-cat-icon .material-symbols-outlined,
html.is-mobile-app .connect-cat-icon .material-symbols-outlined,
html.kozamia-app-shell .connect-cat-icon .material-symbols-outlined,
html.is-mobile-app body.mood-theme .connect-cat-icon .material-symbols-outlined,
html.kozamia-app-shell body.mood-theme .connect-cat-icon .material-symbols-outlined {
  color: #fff !important;
  font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0, "opsz" 20;
}
html.is-mobile-app[data-theme="dark"] .discover-cat-card strong,
html.kozamia-app-shell[data-theme="dark"] .discover-cat-card strong,
html.is-mobile-app[data-theme="dark"] .discover-cat-desc,
html.kozamia-app-shell[data-theme="dark"] .discover-cat-desc,
html.is-mobile-app[data-theme="dark"] body.mood-theme .discover-cat-card strong,
html.kozamia-app-shell[data-theme="dark"] body.mood-theme .discover-cat-card strong,
html.is-mobile-app[data-theme="dark"] body.mood-theme .discover-cat-desc,
html.kozamia-app-shell[data-theme="dark"] body.mood-theme .discover-cat-desc {
  color: #f5f0fa !important;
}

/* Günün Dedikodusu / Gıybet — kullanıcı arayüzünden kaldırıldı */
.home-gossip-spotlight,
#home-gossip-spotlight,
#daily-engage-gossip-btn,
.dm-toolbar-tab-gossip,
#dm-gossip-digest {
  display: none !important;
}

/* ========================================================================
   DARK MODE — hardcoded #121212 / #fff ezer (yüksek özgüllük)
   ======================================================================== */
html.is-mobile-app[data-theme="dark"] #page-discover.discover-in-section .discover-app-section-name,
html.kozamia-app-shell[data-theme="dark"] #page-discover.discover-in-section .discover-app-section-name,
html.is-mobile-app[data-theme="dark"] #page-discover.discover-in-section .discover-app-brand-name,
html.kozamia-app-shell[data-theme="dark"] #page-discover.discover-in-section .discover-app-brand-name,
html.is-mobile-app[data-theme="dark"] body.mood-theme #page-discover.discover-in-section .discover-app-section-name,
html.kozamia-app-shell[data-theme="dark"] body.mood-theme #page-discover.discover-in-section .discover-app-section-name,
html.is-mobile-app[data-theme="dark"] #page-connect.connect-in-section .connect-app-section-name,
html.kozamia-app-shell[data-theme="dark"] #page-connect.connect-in-section .connect-app-section-name,
html.is-mobile-app[data-theme="dark"] body.mood-theme #page-connect.connect-in-section .connect-app-section-name,
html.kozamia-app-shell[data-theme="dark"] body.mood-theme #page-connect.connect-in-section .connect-app-section-name,
html.is-mobile-app[data-theme="dark"] #page-discover .content-card h3,
html.kozamia-app-shell[data-theme="dark"] #page-discover .content-card h3,
html.is-mobile-app[data-theme="dark"] #page-discover .content-card-btn h3,
html.kozamia-app-shell[data-theme="dark"] #page-discover .content-card-btn h3,
html.is-mobile-app[data-theme="dark"] #page-discover .discover-feature-copy h3,
html.kozamia-app-shell[data-theme="dark"] #page-discover .discover-feature-copy h3,
html.is-mobile-app[data-theme="dark"] #page-discover .hub-panel-intro h2,
html.kozamia-app-shell[data-theme="dark"] #page-discover .hub-panel-intro h2,
html.is-mobile-app[data-theme="dark"] #page-discover .cycle-cal-head h2,
html.kozamia-app-shell[data-theme="dark"] #page-discover .cycle-cal-head h2,
html.is-mobile-app[data-theme="dark"] #page-discover .style-ai-title,
html.kozamia-app-shell[data-theme="dark"] #page-discover .style-ai-title,
html.is-mobile-app[data-theme="dark"] #page-discover .skin-ai-title,
html.kozamia-app-shell[data-theme="dark"] #page-discover .skin-ai-title,
html.is-mobile-app[data-theme="dark"] #page-discover .mom-ai-title,
html.kozamia-app-shell[data-theme="dark"] #page-discover .mom-ai-title,
html.is-mobile-app[data-theme="dark"] body.mood-theme #page-discover .content-card h3,
html.kozamia-app-shell[data-theme="dark"] body.mood-theme #page-discover .content-card h3,
html.is-mobile-app[data-theme="dark"] body.mood-theme #page-discover .hub-panel-intro h2,
html.kozamia-app-shell[data-theme="dark"] body.mood-theme #page-discover .hub-panel-intro h2,
html.is-mobile-app[data-theme="dark"] body.mood-theme .discover-app-section-name,
html.kozamia-app-shell[data-theme="dark"] body.mood-theme .discover-app-section-name,
html.is-mobile-app[data-theme="dark"] .discover-cat-card strong,
html.kozamia-app-shell[data-theme="dark"] .discover-cat-card strong,
html.is-mobile-app[data-theme="dark"] .discover-cat-card span,
html.kozamia-app-shell[data-theme="dark"] .discover-cat-card span,
html.is-mobile-app[data-theme="dark"] .discover-cat-desc,
html.kozamia-app-shell[data-theme="dark"] .discover-cat-desc,
html.is-mobile-app[data-theme="dark"] .connect-cat-card strong,
html.kozamia-app-shell[data-theme="dark"] .connect-cat-card strong,
html.is-mobile-app[data-theme="dark"] .connect-cat-desc,
html.kozamia-app-shell[data-theme="dark"] .connect-cat-desc,
html.is-mobile-app[data-theme="dark"] body.mood-theme .discover-cat-card strong,
html.kozamia-app-shell[data-theme="dark"] body.mood-theme .discover-cat-card strong,
html.is-mobile-app[data-theme="dark"] body.mood-theme .discover-cat-desc,
html.kozamia-app-shell[data-theme="dark"] body.mood-theme .discover-cat-desc,
html.is-mobile-app[data-theme="dark"] body.mood-theme .connect-cat-card strong,
html.kozamia-app-shell[data-theme="dark"] body.mood-theme .connect-cat-card strong,
html.is-mobile-app[data-theme="dark"] body.mood-theme .connect-cat-desc,
html.kozamia-app-shell[data-theme="dark"] body.mood-theme .connect-cat-desc,
html.is-mobile-app[data-theme="dark"] .home-toolbar-name,
html.kozamia-app-shell[data-theme="dark"] .home-toolbar-name,
html.is-mobile-app[data-theme="dark"] .home-app-brand-name,
html.kozamia-app-shell[data-theme="dark"] .home-app-brand-name,
html.is-mobile-app[data-theme="dark"] .section-title,
html.kozamia-app-shell[data-theme="dark"] .section-title,
html.is-mobile-app[data-theme="dark"] .daily-flow-spotlight-label,
html.kozamia-app-shell[data-theme="dark"] .daily-flow-spotlight-label,
html.is-mobile-app[data-theme="dark"] .daily-affirmation,
html.kozamia-app-shell[data-theme="dark"] .daily-affirmation,
html.is-mobile-app[data-theme="dark"] .home-shortcut strong,
html.kozamia-app-shell[data-theme="dark"] .home-shortcut strong,
html.is-mobile-app[data-theme="dark"] .home-shortcut-desc,
html.kozamia-app-shell[data-theme="dark"] .home-shortcut-desc,
html.is-mobile-app[data-theme="dark"] .home-feed-hero-title,
html.kozamia-app-shell[data-theme="dark"] .home-feed-hero-title,
html.is-mobile-app[data-theme="dark"] .feature-card h3,
html.kozamia-app-shell[data-theme="dark"] .feature-card h3,
html.is-mobile-app[data-theme="dark"] .feature-card p,
html.kozamia-app-shell[data-theme="dark"] .feature-card p,
html.is-mobile-app[data-theme="dark"] .dm-thread-name,
html.kozamia-app-shell[data-theme="dark"] .dm-thread-name,
html.is-mobile-app[data-theme="dark"] .dm-thread-preview,
html.kozamia-app-shell[data-theme="dark"] .dm-thread-preview,
html.is-mobile-app[data-theme="dark"] .connect-hub-title,
html.kozamia-app-shell[data-theme="dark"] .connect-hub-title,
html.is-mobile-app[data-theme="dark"] .profile-hub-label,
html.kozamia-app-shell[data-theme="dark"] .profile-hub-label,
html.is-mobile-app[data-theme="dark"] .ps-row-label,
html.kozamia-app-shell[data-theme="dark"] .ps-row-label,
html.is-mobile-app[data-theme="dark"] .notif-item strong,
html.kozamia-app-shell[data-theme="dark"] .notif-item strong,
html.is-mobile-app[data-theme="dark"] .notif-item p,
html.kozamia-app-shell[data-theme="dark"] .notif-item p,
html.is-mobile-app[data-theme="dark"] .wall-post-card,
html.kozamia-app-shell[data-theme="dark"] .wall-post-card,
html.is-mobile-app[data-theme="dark"] .feed-card,
html.kozamia-app-shell[data-theme="dark"] .feed-card {
  color: var(--text, #f5f0fa) !important;
}

html.is-mobile-app[data-theme="dark"] .muted,
html.kozamia-app-shell[data-theme="dark"] .muted,
html.is-mobile-app[data-theme="dark"] .text-muted,
html.kozamia-app-shell[data-theme="dark"] .text-muted,
html.is-mobile-app[data-theme="dark"] .daily-flow-meditation-label,
html.kozamia-app-shell[data-theme="dark"] .daily-flow-meditation-label,
html.is-mobile-app[data-theme="dark"] .discover-app-sub,
html.kozamia-app-shell[data-theme="dark"] .discover-app-sub,
html.is-mobile-app[data-theme="dark"] .connect-app-sub,
html.kozamia-app-shell[data-theme="dark"] .connect-app-sub,
html.is-mobile-app[data-theme="dark"] .ps-desc,
html.kozamia-app-shell[data-theme="dark"] .ps-desc {
  color: var(--text-muted, #b5a8c0) !important;
}

html.is-mobile-app[data-theme="dark"] #page-discover.discover-in-section .discover-app-brand-row,
html.kozamia-app-shell[data-theme="dark"] #page-discover.discover-in-section .discover-app-brand-row,
html.is-mobile-app[data-theme="dark"] #page-connect.connect-in-section .connect-app-brand-row,
html.kozamia-app-shell[data-theme="dark"] #page-connect.connect-in-section .connect-app-brand-row,
html.is-mobile-app[data-theme="dark"] #page-discover.discover-in-section .connect-panel:not([hidden]),
html.kozamia-app-shell[data-theme="dark"] #page-discover.discover-in-section .connect-panel:not([hidden]),
html.is-mobile-app[data-theme="dark"] #page-connect.connect-in-section .connect-panel:not([hidden]),
html.kozamia-app-shell[data-theme="dark"] #page-connect.connect-in-section .connect-panel:not([hidden]),
html.is-mobile-app[data-theme="dark"] #page-discover .discover-hub,
html.kozamia-app-shell[data-theme="dark"] #page-discover .discover-hub,
html.is-mobile-app[data-theme="dark"] #page-connect .connect-hub,
html.kozamia-app-shell[data-theme="dark"] #page-connect .connect-hub,
html.is-mobile-app[data-theme="dark"] .home-shortcut,
html.kozamia-app-shell[data-theme="dark"] .home-shortcut,
html.is-mobile-app[data-theme="dark"] .home-daily-mock,
html.kozamia-app-shell[data-theme="dark"] .home-daily-mock,
html.is-mobile-app[data-theme="dark"] .daily-flow-spotlight,
html.kozamia-app-shell[data-theme="dark"] .daily-flow-spotlight,
html.is-mobile-app[data-theme="dark"] .kozamia-post-menu,
html.kozamia-app-shell[data-theme="dark"] .kozamia-post-menu {
  background: var(--bg-elevated, #241c2c) !important;
  background-color: var(--bg-elevated, #241c2c) !important;
  border-color: var(--border, rgba(255, 255, 255, 0.12)) !important;
  color: var(--text, #f5f0fa) !important;
}

html.is-mobile-app[data-theme="dark"] #page-discover .connect-tab,
html.kozamia-app-shell[data-theme="dark"] #page-discover .connect-tab,
html.is-mobile-app[data-theme="dark"] #page-discover .discover-tab,
html.kozamia-app-shell[data-theme="dark"] #page-discover .discover-tab {
  background: color-mix(in srgb, var(--kozamia-shell-purple, #752FEE) 22%, var(--bg-elevated, #241c2c)) !important;
  color: var(--text, #f5f0fa) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

html.is-mobile-app[data-theme="dark"] #page-discover .connect-tab.active,
html.kozamia-app-shell[data-theme="dark"] #page-discover .connect-tab.active,
html.is-mobile-app[data-theme="dark"] #page-discover .discover-tab.active,
html.kozamia-app-shell[data-theme="dark"] #page-discover .discover-tab.active {
  background: color-mix(in srgb, var(--kozamia-shell-purple, #752FEE) 32%, var(--bg-elevated, #241c2c)) !important;
  color: var(--text, #f5f0fa) !important;
  border-color: var(--kozamia-shell-purple, #9b6fc0) !important;
}

html.is-mobile-app[data-theme="dark"] .kozamia-post-menu-item,
html.kozamia-app-shell[data-theme="dark"] .kozamia-post-menu-item {
  color: var(--text, #f5f0fa) !important;
}

html.is-mobile-app[data-theme="dark"] .home-daily-see-all,
html.kozamia-app-shell[data-theme="dark"] .home-daily-see-all {
  color: var(--text-muted, #b5a8c0) !important;
}

/* Onaylı hesap (mavi tik) */
.account-verified-badge,
.tiktok-verified.account-verified-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  color: #1d9bf0;
  margin-left: 0.15rem;
  line-height: 1;
  flex-shrink: 0;
}

.account-verified-badge .material-symbols-outlined,
.tiktok-verified.account-verified-badge .material-symbols-outlined {
  font-size: 1.05em;
  font-variation-settings: "FILL" 1, "wght" 600, "GRAD" 0, "opsz" 24;
}

.profile-name-row .account-verified-badge .material-symbols-outlined,
.profile-premium-badge-wrap .account-verified-badge .material-symbols-outlined {
  font-size: 1.25rem;
}

.social-feed-author-btn .account-verified-badge,
.wall-comment-author .account-verified-badge,
.dm-chat-peer-name-wrap .account-verified-badge,
.dm-inbox-top .account-verified-badge,
.follow-list-meta .account-verified-badge,
.dm-user-suggest-meta .account-verified-badge {
  margin-left: 0.2rem;
}

html[data-theme="dark"] .account-verified-badge {
  color: #4db5ff;
}

/* —— İkon / aksiyon butonları: arka plan gölgesi yok —— */
html.is-mobile-app .icon-btn,
html.kozamia-app-shell .icon-btn,
html.is-mobile-web .icon-btn,
html.is-mobile-app label.icon-btn,
html.kozamia-app-shell label.icon-btn,
html.is-mobile-app .icon-action-btn,
html.kozamia-app-shell .icon-action-btn,
html.is-mobile-app .home-app-notify-btn,
html.kozamia-app-shell .home-app-notify-btn,
html.is-mobile-app .profile-app-icon-btn,
html.kozamia-app-shell .profile-app-icon-btn,
html.is-mobile-app .ps-notify-btn,
html.kozamia-app-shell .ps-notify-btn,
html.is-mobile-app .feed-app-icon-btn,
html.kozamia-app-shell .feed-app-icon-btn,
html.is-mobile-app .discover-back-x,
html.kozamia-app-shell .discover-back-x,
html.is-mobile-app .connect-back-x,
html.kozamia-app-shell .connect-back-x,
html.is-mobile-app .community-back-btn,
html.kozamia-app-shell .community-back-btn,
html.is-mobile-app .community-create-icon-btn,
html.kozamia-app-shell .community-create-icon-btn,
html.is-mobile-app .dm-inbox-menu-btn,
html.kozamia-app-shell .dm-inbox-menu-btn,
html.is-mobile-app .daily-flow-nav,
html.kozamia-app-shell .daily-flow-nav,
html.is-mobile-app .daily-flow-dismiss,
html.kozamia-app-shell .daily-flow-dismiss,
html.is-mobile-app .connect-live-filter-btn,
html.kozamia-app-shell .connect-live-filter-btn,
html.is-mobile-app .home-mock-act,
html.kozamia-app-shell .home-mock-act,
html.is-mobile-app .wall-like-btn,
html.kozamia-app-shell .wall-like-btn,
html.is-mobile-app .wall-comment-btn,
html.kozamia-app-shell .wall-comment-btn,
html.is-mobile-app .wall-share-btn,
html.kozamia-app-shell .wall-share-btn,
html.is-mobile-app .wall-bookmark-btn,
html.kozamia-app-shell .wall-bookmark-btn,
html.is-mobile-app .wall-edit-btn,
html.kozamia-app-shell .wall-edit-btn,
html.is-mobile-app .wall-del-btn,
html.kozamia-app-shell .wall-del-btn,
html.is-mobile-app .home-feed-more,
html.kozamia-app-shell .home-feed-more {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

html.is-mobile-app .wall-like-btn.liked,
html.kozamia-app-shell .wall-like-btn.liked,
html.is-mobile-app .home-mock-act.liked,
html.kozamia-app-shell .home-mock-act.liked {
  background: transparent !important;
  color: var(--fuchsia, #c44d7a) !important;
}

html.is-mobile-app .icon-btn:hover,
html.kozamia-app-shell .icon-btn:hover,
html.is-mobile-app .icon-action-btn:hover,
html.kozamia-app-shell .icon-action-btn:hover,
html.is-mobile-app .wall-like-btn:hover,
html.kozamia-app-shell .wall-like-btn:hover,
html.is-mobile-app .wall-comment-btn:hover,
html.kozamia-app-shell .wall-comment-btn:hover,
html.is-mobile-app .wall-share-btn:hover,
html.kozamia-app-shell .wall-share-btn:hover {
  background: transparent !important;
  box-shadow: none !important;
}

/* —— DM composer → alt nava yapış (composergap1) —— */
html.is-mobile-app:has(#page-connect.active.is-dm-chat-open) .site-header,
html.kozamia-app-shell:has(#page-connect.active.is-dm-chat-open) .site-header,
html.is-mobile-web:has(#page-connect.active.is-dm-chat-open) .site-header {
  display: none !important;
}

html.is-mobile-app #page-connect.active.is-dm-chat-open,
html.kozamia-app-shell #page-connect.active.is-dm-chat-open,
html.is-mobile-web #page-connect.active.is-dm-chat-open {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: var(--bottom-nav-h) !important;
  height: auto !important;
  max-height: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  z-index: 100 !important;
  background: #F8F5FC !important;
}

html.is-mobile-app #page-connect.active.is-dm-chat-open .connect-hub,
html.kozamia-app-shell #page-connect.active.is-dm-chat-open .connect-hub,
html.is-mobile-web #page-connect.active.is-dm-chat-open .connect-hub,
html.is-mobile-app #page-connect.active.is-dm-chat-open .connect-hub > #connect-panel-messages,
html.kozamia-app-shell #page-connect.active.is-dm-chat-open .connect-hub > #connect-panel-messages,
html.is-mobile-web #page-connect.active.is-dm-chat-open .connect-hub > #connect-panel-messages,
html.is-mobile-app #page-connect.active.is-dm-chat-open #connect-panel-messages .dm-app,
html.kozamia-app-shell #page-connect.active.is-dm-chat-open #connect-panel-messages .dm-app,
html.is-mobile-web #page-connect.active.is-dm-chat-open #connect-panel-messages .dm-app {
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding-bottom: 0 !important;
  flex: 1 1 auto !important;
}

html.is-mobile-app #page-connect.active.is-dm-chat-open #connect-panel-messages .dm-body,
html.is-mobile-app #page-connect.active.is-dm-chat-open #connect-panel-messages .dm-logged,
html.is-mobile-app #page-connect.active.is-dm-chat-open #connect-panel-messages .dm-split:not([hidden]),
html.kozamia-app-shell #page-connect.active.is-dm-chat-open #connect-panel-messages .dm-body,
html.kozamia-app-shell #page-connect.active.is-dm-chat-open #connect-panel-messages .dm-logged,
html.kozamia-app-shell #page-connect.active.is-dm-chat-open #connect-panel-messages .dm-split:not([hidden]),
html.is-mobile-web #page-connect.active.is-dm-chat-open #connect-panel-messages .dm-body,
html.is-mobile-web #page-connect.active.is-dm-chat-open #connect-panel-messages .dm-logged,
html.is-mobile-web #page-connect.active.is-dm-chat-open #connect-panel-messages .dm-split:not([hidden]) {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html.is-mobile-app #page-connect.active.is-dm-chat-open #connect-panel-messages .dm-chat-pane:not([hidden]),
html.kozamia-app-shell #page-connect.active.is-dm-chat-open #connect-panel-messages .dm-chat-pane:not([hidden]),
html.is-mobile-web #page-connect.active.is-dm-chat-open #connect-panel-messages .dm-chat-pane:not([hidden]) {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #F8F5FC !important;
}

html.is-mobile-app #page-connect.active.is-dm-chat-open #connect-panel-messages .dm-composer-wrap,
html.kozamia-app-shell #page-connect.active.is-dm-chat-open #connect-panel-messages .dm-composer-wrap,
html.is-mobile-web #page-connect.active.is-dm-chat-open #connect-panel-messages .dm-composer-wrap {
  flex: 0 0 auto !important;
  margin: 0 !important;
  margin-top: auto !important;
  padding: 0 !important;
  background: #F8F5FC !important;
}

html.is-mobile-app #page-connect.active.is-dm-chat-open #connect-panel-messages .dm-chat-form,
html.kozamia-app-shell #page-connect.active.is-dm-chat-open #connect-panel-messages .dm-chat-form,
html.is-mobile-web #page-connect.active.is-dm-chat-open #connect-panel-messages .dm-chat-form {
  margin: 0 !important;
  padding: 0.35rem 0.55rem 0.25rem !important;
  border-top: 0 !important;
  box-shadow: none !important;
  background: var(--kozamia-shell-cream, var(--bg, #F8F5FC)) !important;
}

/* ==========================================================================
   Görünüm denetimi uygulaması (auditfix1) — öncelik 1–5
   ========================================================================== */

/* 1) Ana sayfa logo — connect-notif artık gizlemiyor; ekstra güvence */
html.is-mobile-app #page-home.home-logged-in .home-content-toolbar:not([hidden]),
html.kozamia-app-shell #page-home.home-logged-in .home-content-toolbar:not([hidden]),
html.home-mockup-on .home-content-toolbar:not([hidden]) {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* 2) Misafir Keşfet / Bağlan sheet → alt nava birleş */
html.is-mobile-app body:not(.logged-in) #page-discover.active .discover-hub > .connect-panel:not([hidden]),
html.is-mobile-app body:not(.logged-in) #page-connect.active .connect-hub > .connect-panel:not([hidden]),
html.kozamia-app-shell body:not(.logged-in) #page-discover.active .discover-hub > .connect-panel:not([hidden]),
html.kozamia-app-shell body:not(.logged-in) #page-connect.active .connect-hub > .connect-panel:not([hidden]),
html.is-mobile-web body:not(.logged-in) #page-discover.active .discover-hub > .connect-panel:not([hidden]),
html.is-mobile-web body:not(.logged-in) #page-connect.active .connect-hub > .connect-panel:not([hidden]) {
  border-radius: 1.15rem 1.15rem 0 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: calc(0.85rem + var(--bottom-nav-h)) !important;
  background: var(--bg-elevated, #ffffff) !important;
  box-shadow: none !important;
  min-height: calc(100dvh - var(--bottom-nav-h) - 3.5rem) !important;
}

html.is-mobile-app body:not(.logged-in) #page-discover.active,
html.is-mobile-app body:not(.logged-in) #page-connect.active,
html.kozamia-app-shell body:not(.logged-in) #page-discover.active,
html.kozamia-app-shell body:not(.logged-in) #page-connect.active {
  background: var(--kozamia-shell-cream, var(--bg, #F8F5FC)) !important;
}

/* 3) Misafir mobil header — tek CTA, markaya nefes */
@media (max-width: 720px) {
  html.is-mobile-app body:not(.logged-in) .site-header .icon-theme,
  html.is-mobile-app body:not(.logged-in) .site-header .icon-ghost,
  html.is-mobile-app body:not(.logged-in) .site-header #btn-global-search,
  html.is-mobile-app body:not(.logged-in) .site-header .btn-login-secondary,
  html.kozamia-app-shell body:not(.logged-in) .site-header .icon-theme,
  html.kozamia-app-shell body:not(.logged-in) .site-header .icon-ghost,
  html.kozamia-app-shell body:not(.logged-in) .site-header #btn-global-search,
  html.kozamia-app-shell body:not(.logged-in) .site-header .btn-login-secondary,
  html.is-mobile-web body:not(.logged-in) .site-header .icon-theme,
  html.is-mobile-web body:not(.logged-in) .site-header .icon-ghost,
  html.is-mobile-web body:not(.logged-in) .site-header #btn-global-search,
  html.is-mobile-web body:not(.logged-in) .site-header .btn-login-secondary {
    display: none !important;
  }

  html.is-mobile-app body:not(.logged-in) .site-header .header-actions,
  html.kozamia-app-shell body:not(.logged-in) .site-header .header-actions,
  html.is-mobile-web body:not(.logged-in) .site-header .header-actions {
    gap: 0.35rem !important;
  }

  html.is-mobile-app body:not(.logged-in) .site-header .btn-login,
  html.kozamia-app-shell body:not(.logged-in) .site-header .btn-login,
  html.is-mobile-web body:not(.logged-in) .site-header .btn-login {
    padding: 0.45rem 0.85rem !important;
    font-size: 0.8rem !important;
  }
}

/* 4) Gece modu — Bağlan hub / kartlar token’a bağla */
html.is-mobile-app[data-theme="dark"] #page-connect.active,
html.kozamia-app-shell[data-theme="dark"] #page-connect.active,
html.is-mobile-app[data-theme="dark"] #page-connect .connect-hub,
html.kozamia-app-shell[data-theme="dark"] #page-connect .connect-hub,
html.is-mobile-app[data-theme="dark"] #page-connect #connect-panel-messages .dm-app,
html.kozamia-app-shell[data-theme="dark"] #page-connect #connect-panel-messages .dm-app,
html.is-mobile-app[data-theme="dark"] #page-connect #connect-panel-messages .dm-body,
html.is-mobile-app[data-theme="dark"] #page-connect #connect-panel-messages .dm-logged,
html.is-mobile-app[data-theme="dark"] #page-connect #connect-panel-messages .dm-sidebar,
html.is-mobile-app[data-theme="dark"] #page-connect #connect-panel-messages .dm-inbox-list,
html.kozamia-app-shell[data-theme="dark"] #page-connect #connect-panel-messages .dm-body,
html.kozamia-app-shell[data-theme="dark"] #page-connect #connect-panel-messages .dm-logged,
html.kozamia-app-shell[data-theme="dark"] #page-connect #connect-panel-messages .dm-sidebar,
html.kozamia-app-shell[data-theme="dark"] #page-connect #connect-panel-messages .dm-inbox-list {
  background: var(--bg-elevated, #241c2c) !important;
}

html.is-mobile-app[data-theme="dark"] #page-connect.active.is-dm-chat-open #connect-panel-messages .dm-chat-pane,
html.kozamia-app-shell[data-theme="dark"] #page-connect.active.is-dm-chat-open #connect-panel-messages .dm-chat-pane,
html.is-mobile-app[data-theme="dark"] #page-connect.active.is-dm-chat-open #connect-panel-messages .dm-composer-wrap,
html.kozamia-app-shell[data-theme="dark"] #page-connect.active.is-dm-chat-open #connect-panel-messages .dm-composer-wrap,
html.is-mobile-app[data-theme="dark"] #page-connect.active.is-dm-chat-open #connect-panel-messages .dm-chat-form,
html.kozamia-app-shell[data-theme="dark"] #page-connect.active.is-dm-chat-open #connect-panel-messages .dm-chat-form {
  background: var(--bg, #1a1520) !important;
}

html.is-mobile-app[data-theme="dark"] .hub-guest-invite,
html.kozamia-app-shell[data-theme="dark"] .hub-guest-invite,
html.is-mobile-app[data-theme="dark"] .feature-card,
html.kozamia-app-shell[data-theme="dark"] .feature-card,
html.is-mobile-app[data-theme="dark"] .content-card,
html.kozamia-app-shell[data-theme="dark"] .content-card {
  background: var(--bg-elevated, #241c2c) !important;
  border-color: var(--border, rgba(255, 255, 255, 0.08)) !important;
  box-shadow: none !important;
}

/* 5) Token tek kaynak — hero / auth / misafir davet */
html.is-mobile-app,
html.kozamia-app-shell {
  --violet: #752FEE;
  --accent-rgb: 117, 47, 238;
  --radius: 1.15rem;
  --kozamia-brand-serif: "Fraunces", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
}

html.is-mobile-app body:not(.logged-in) #page-home .page-hero #hero-title,
html.kozamia-app-shell body:not(.logged-in) #page-home .page-hero #hero-title,
html.is-mobile-web body:not(.logged-in) #page-home .page-hero #hero-title,
html.kozamia-amethyst body:not(.logged-in) #page-home .page-hero #hero-title {
  font-family: var(--kozamia-brand-serif) !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
  color: #1A1A1A !important;
  background: none !important;
  -webkit-text-fill-color: #1A1A1A !important;
}

html.is-mobile-app body:not(.logged-in) #page-home .hero-badge,
html.kozamia-app-shell body:not(.logged-in) #page-home .hero-badge {
  font-family: var(--font, inherit) !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--kozamia-shell-purple, #752FEE) !important;
  background: rgba(106, 61, 138, 0.08) !important;
  border: 0 !important;
}

html.is-mobile-app .hub-guest-invite,
html.kozamia-app-shell .hub-guest-invite,
html.is-mobile-app #page-connect .hub-guest-invite,
html.kozamia-app-shell #page-connect .hub-guest-invite,
html.is-mobile-app #page-discover .hub-guest-invite,
html.kozamia-app-shell #page-discover .hub-guest-invite {
  border-radius: var(--radius, 1.15rem) !important;
  border: 1px solid rgba(106, 61, 138, 0.1) !important;
  background: var(--bg-elevated, #fff) !important;
  box-shadow: 0 8px 24px rgba(45, 25, 60, 0.06) !important;
}

html.is-mobile-app .hub-guest-invite-title,
html.kozamia-app-shell .hub-guest-invite-title,
html.is-mobile-app #page-connect .hub-guest-invite-title,
html.kozamia-app-shell #page-connect .hub-guest-invite-title {
  font-family: var(--kozamia-brand-serif) !important;
  background: none !important;
  -webkit-text-fill-color: unset !important;
  color: var(--text, #2d1b3d) !important;
}

html.is-mobile-app .hub-guest-invite-kicker,
html.kozamia-app-shell .hub-guest-invite-kicker,
html.is-mobile-app #page-connect .hub-guest-invite-kicker,
html.kozamia-app-shell #page-connect .hub-guest-invite-kicker {
  color: var(--kozamia-shell-purple, #752FEE) !important;
}

/* Auth: ortala + koyu tema */
#modal-login.auth-screen-modal.is-open,
#modal-login.auth-screen-modal {
  align-items: center !important;
  justify-content: center !important;
}

#modal-login .auth-sheet {
  margin-left: auto !important;
  margin-right: auto !important;
}

html[data-theme="dark"] #modal-login .auth-sheet,
html.is-mobile-app[data-theme="dark"] #modal-login .auth-sheet,
html.kozamia-app-shell[data-theme="dark"] #modal-login .auth-sheet {
  background: var(--bg-elevated, #241c2c) !important;
  color: var(--text, #f5f0f7) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.45) !important;
}

html[data-theme="dark"] #modal-login .auth-sheet-head h2,
html[data-theme="dark"] #modal-login .auth-brand-name,
html.is-mobile-app[data-theme="dark"] #modal-login .auth-sheet-head h2,
html.kozamia-app-shell[data-theme="dark"] #modal-login .auth-sheet-head h2 {
  color: var(--text, #f5f0f7) !important;
}

html[data-theme="dark"] #modal-login.auth-screen-modal .modal-backdrop,
html.is-mobile-app[data-theme="dark"] #modal-login.auth-screen-modal .modal-backdrop {
  background: rgba(10, 8, 14, 0.72) !important;
}

/* Keşfet ↔ Bağlan kategori kartları — aynı ölçü */
html.is-mobile-app #page-discover .feature-card,
html.is-mobile-app #page-connect .feature-card,
html.is-mobile-app #page-discover .content-card,
html.is-mobile-app #page-connect .content-card,
html.kozamia-app-shell #page-discover .feature-card,
html.kozamia-app-shell #page-connect .feature-card,
html.kozamia-app-shell #page-discover .content-card,
html.kozamia-app-shell #page-connect .content-card {
  border-radius: var(--radius, 1.15rem) !important;
  min-height: 5.5rem !important;
}

/* Alt nav etiket okunabilirliği */
html.is-mobile-app .bottom-nav .nav-item span:last-child,
html.kozamia-app-shell .bottom-nav .nav-item span:last-child {
  font-size: 0.62rem !important;
  font-weight: 600 !important;
  opacity: 0.92 !important;
}

html.is-mobile-app .bottom-nav .nav-item .material-symbols-outlined,
html.kozamia-app-shell .bottom-nav .nav-item .material-symbols-outlined {
  opacity: 0.88 !important;
}

html.is-mobile-app .bottom-nav .nav-item.active .material-symbols-outlined,
html.kozamia-app-shell .bottom-nav .nav-item.active .material-symbols-outlined {
  opacity: 1 !important;
}

/* —— Akış onarımı (feedfix1): misafir boşluk —— */
html.is-mobile-app body:not(.logged-in) #page-feed.active,
html.kozamia-app-shell body:not(.logged-in) #page-feed.active,
html.is-mobile-web body:not(.logged-in) #page-feed.active,
body:not(.logged-in) #page-feed.active {
  background: var(--kozamia-shell-cream, var(--bg, #F8F5FC)) !important;
}

html.is-mobile-app body:not(.logged-in) #page-feed.active .feed-hub,
html.kozamia-app-shell body:not(.logged-in) #page-feed.active .feed-hub,
html.is-mobile-web body:not(.logged-in) #page-feed.active .feed-hub,
body:not(.logged-in) #page-feed.active .feed-hub {
  min-height: calc(100dvh - var(--bottom-nav-h, 4rem)) !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

html.is-mobile-app body:not(.logged-in) #feed-guest-invite,
html.kozamia-app-shell body:not(.logged-in) #feed-guest-invite,
html.is-mobile-web body:not(.logged-in) #feed-guest-invite,
body:not(.logged-in) #feed-guest-invite {
  min-height: calc(100dvh - var(--bottom-nav-h, 4rem) - 0.75rem) !important;
  margin: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: calc(1rem + env(safe-area-inset-bottom, 0px)) !important;
  border-radius: 1.15rem 1.15rem 0 0 !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
}

html.is-mobile-app body:not(.logged-in) #feed-guest-invite .hub-guest-invite-cta,
html.kozamia-app-shell body:not(.logged-in) #feed-guest-invite .hub-guest-invite-cta,
body:not(.logged-in) #feed-guest-invite .hub-guest-invite-cta {
  margin-top: auto !important;
}

/* Bağlan hub: menü listesini alt nava yapıştır (krem boşluk yok) */
html.is-mobile-app body.logged-in #page-connect.active:not(.is-live-stage-open):not(.is-messages-focus):not(.is-dm-chat-open):not(.connect-in-section),
html.kozamia-app-shell body.logged-in #page-connect.active:not(.is-live-stage-open):not(.is-messages-focus):not(.is-dm-chat-open):not(.connect-in-section),
html.is-mobile-web body.logged-in #page-connect.active:not(.is-live-stage-open):not(.is-messages-focus):not(.is-dm-chat-open):not(.connect-in-section) {
  padding-bottom: 0 !important;
  background: var(--bg-elevated, #fff) !important;
}

html.is-mobile-app #page-connect.connect-logged-in:not(.connect-in-section):not(.is-messages-focus):not(.is-dm-chat-open) .connect-hub,
html.kozamia-app-shell #page-connect.connect-logged-in:not(.connect-in-section):not(.is-messages-focus):not(.is-dm-chat-open) .connect-hub,
html.is-mobile-web #page-connect.connect-logged-in:not(.connect-in-section):not(.is-messages-focus):not(.is-dm-chat-open) .connect-hub {
  min-height: calc(100dvh - var(--bottom-nav-h, 4rem)) !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  background: var(--bg-elevated, #fff) !important;
  box-sizing: border-box !important;
}

html.is-mobile-app #page-connect.connect-logged-in:not(.connect-in-section):not(.is-messages-focus):not(.is-dm-chat-open) #connect-panel-hub:not([hidden]),
html.kozamia-app-shell #page-connect.connect-logged-in:not(.connect-in-section):not(.is-messages-focus):not(.is-dm-chat-open) #connect-panel-hub:not([hidden]),
html.is-mobile-web #page-connect.connect-logged-in:not(.connect-in-section):not(.is-messages-focus):not(.is-dm-chat-open) #connect-panel-hub:not([hidden]) {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

html.is-mobile-app #page-connect.connect-logged-in:not(.connect-in-section):not(.is-messages-focus):not(.is-dm-chat-open) .connect-cat-grid.connect-cat-list,
html.kozamia-app-shell #page-connect.connect-logged-in:not(.connect-in-section):not(.is-messages-focus):not(.is-dm-chat-open) .connect-cat-grid.connect-cat-list,
html.is-mobile-web #page-connect.connect-logged-in:not(.connect-in-section):not(.is-messages-focus):not(.is-dm-chat-open) .connect-cat-grid.connect-cat-list {
  flex: 0 0 auto !important;
  margin: 0 auto !important;
  margin-bottom: 0 !important;
  border-radius: 0.95rem 0.95rem 0 0 !important;
  border-bottom: 0 !important;
  padding-bottom: 0.75rem !important;
  min-height: 0 !important;
  width: 100% !important;
  max-width: 22.5rem !important;
  box-sizing: border-box !important;
  background: var(--bg-elevated, #fff) !important;
}

/* Hub alt başlığı kaldırıldı — boşsa gizle */
html.is-mobile-app #page-connect:not(.connect-in-section) #connect-hub-sub:empty,
html.kozamia-app-shell #page-connect:not(.connect-in-section) #connect-hub-sub:empty,
html.is-mobile-app #page-connect:not(.connect-in-section) #connect-hub-sub[hidden],
html.kozamia-app-shell #page-connect:not(.connect-in-section) #connect-hub-sub[hidden] {
  display: none !important;
  margin: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Tüm kapat (X) butonları: tam yuvarlak (oval değil) */
html.is-mobile-app .modal-close,
html.kozamia-app-shell .modal-close,
html.is-mobile-web .modal-close,
html.is-mobile-app .ps-close-btn,
html.kozamia-app-shell .ps-close-btn,
html.is-mobile-app .pe-close-btn,
html.kozamia-app-shell .pe-close-btn,
html.is-mobile-app .fal-close-x,
html.kozamia-app-shell .fal-close-x,
html.is-mobile-app .meditation-close-x,
html.kozamia-app-shell .meditation-close-x,
html.is-mobile-app .interests-close-x,
html.kozamia-app-shell .interests-close-x,
html.is-mobile-app .pact-close-x,
html.kozamia-app-shell .pact-close-x,
html.is-mobile-app .auth-sheet-close,
html.kozamia-app-shell .auth-sheet-close,
html.is-mobile-app .dm-messages-close,
html.kozamia-app-shell .dm-messages-close,
html.is-mobile-app .story-viewer-close,
html.kozamia-app-shell .story-viewer-close,
html.is-mobile-app .story-viewers-sheet-close,
html.kozamia-app-shell .story-viewers-sheet-close,
html.is-mobile-app .buddy-settings-close,
html.kozamia-app-shell .buddy-settings-close,
html.is-mobile-app .live-viewer-panel-close,
html.kozamia-app-shell .live-viewer-panel-close,
html.is-mobile-app .global-search-close,
html.kozamia-app-shell .global-search-close,
html.is-mobile-app .video-fs-close,
html.kozamia-app-shell .video-fs-close,
html.is-mobile-app .discover-back-x,
html.kozamia-app-shell .discover-back-x,
html.is-mobile-app .connect-back-x,
html.kozamia-app-shell .connect-back-x,
.modal-close,
.ps-close-btn,
.pe-close-btn,
.fal-close-x,
.meditation-close-x,
.interests-close-x,
.pact-close-x {
  width: 2.4rem !important;
  height: 2.4rem !important;
  min-width: 2.4rem !important;
  min-height: 2.4rem !important;
  max-width: 2.4rem !important;
  max-height: 2.4rem !important;
  aspect-ratio: 1 / 1 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  box-sizing: border-box !important;
  flex: 0 0 2.4rem !important;
  flex-shrink: 0 !important;
  display: grid !important;
  place-items: center !important;
  line-height: 1 !important;
  align-self: center !important;
}

/* Sohbetler X — toolbar içinde ekstra kilit */
html.is-mobile-app #page-connect .dm-messages-close,
html.kozamia-app-shell #page-connect .dm-messages-close,
html.is-mobile-web #page-connect .dm-messages-close,
html.connect-mockup-on #page-connect .dm-messages-close {
  width: 2.25rem !important;
  height: 2.25rem !important;
  min-width: 2.25rem !important;
  min-height: 2.25rem !important;
  max-width: 2.25rem !important;
  max-height: 2.25rem !important;
  flex: 0 0 2.25rem !important;
  border-radius: 50% !important;
  aspect-ratio: 1 / 1 !important;
  padding: 0 !important;
  align-self: center !important;
}

/* —— Alt boşluk yok: yüzeyler alt nava kadar —— */
html.is-mobile-app body.logged-in #page-connect.active.is-messages-focus:not(.is-dm-chat-open),
html.kozamia-app-shell body.logged-in #page-connect.active.is-messages-focus:not(.is-dm-chat-open),
html.is-mobile-web body.logged-in #page-connect.active.is-messages-focus:not(.is-dm-chat-open) {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: var(--bottom-nav-h, 4rem) !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  background: var(--bg-elevated, #fff) !important;
  background-color: var(--bg-elevated, #fff) !important;
  z-index: 40 !important;
}

html.is-mobile-app body.logged-in #page-connect.active.is-messages-focus:not(.is-dm-chat-open) .connect-hub,
html.kozamia-app-shell body.logged-in #page-connect.active.is-messages-focus:not(.is-dm-chat-open) .connect-hub,
html.is-mobile-web body.logged-in #page-connect.active.is-messages-focus:not(.is-dm-chat-open) .connect-hub,
html.is-mobile-app body.logged-in #page-connect.active.is-messages-focus:not(.is-dm-chat-open) #connect-panel-messages,
html.kozamia-app-shell body.logged-in #page-connect.active.is-messages-focus:not(.is-dm-chat-open) #connect-panel-messages,
html.is-mobile-web body.logged-in #page-connect.active.is-messages-focus:not(.is-dm-chat-open) #connect-panel-messages,
html.is-mobile-app body.logged-in #page-connect.active.is-messages-focus:not(.is-dm-chat-open) #connect-panel-messages .dm-app,
html.kozamia-app-shell body.logged-in #page-connect.active.is-messages-focus:not(.is-dm-chat-open) #connect-panel-messages .dm-app,
html.is-mobile-web body.logged-in #page-connect.active.is-messages-focus:not(.is-dm-chat-open) #connect-panel-messages .dm-app {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  border-radius: 0 !important;
  background: var(--bg-elevated, #fff) !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

html.is-mobile-app body.logged-in #page-connect.active.is-messages-focus:not(.is-dm-chat-open) #connect-panel-messages .dm-body,
html.is-mobile-app body.logged-in #page-connect.active.is-messages-focus:not(.is-dm-chat-open) #connect-panel-messages .dm-logged,
html.is-mobile-app body.logged-in #page-connect.active.is-messages-focus:not(.is-dm-chat-open) #connect-panel-messages .dm-split:not([hidden]),
html.is-mobile-app body.logged-in #page-connect.active.is-messages-focus:not(.is-dm-chat-open) #connect-panel-messages .dm-sidebar:not([hidden]),
html.is-mobile-app body.logged-in #page-connect.active.is-messages-focus:not(.is-dm-chat-open) #connect-panel-messages .dm-calls-view:not([hidden]),
html.kozamia-app-shell body.logged-in #page-connect.active.is-messages-focus:not(.is-dm-chat-open) #connect-panel-messages .dm-body,
html.kozamia-app-shell body.logged-in #page-connect.active.is-messages-focus:not(.is-dm-chat-open) #connect-panel-messages .dm-logged,
html.kozamia-app-shell body.logged-in #page-connect.active.is-messages-focus:not(.is-dm-chat-open) #connect-panel-messages .dm-split:not([hidden]),
html.kozamia-app-shell body.logged-in #page-connect.active.is-messages-focus:not(.is-dm-chat-open) #connect-panel-messages .dm-sidebar:not([hidden]),
html.kozamia-app-shell body.logged-in #page-connect.active.is-messages-focus:not(.is-dm-chat-open) #connect-panel-messages .dm-calls-view:not([hidden]) {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  background: var(--bg-elevated, #fff) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

html.is-mobile-app body.logged-in #page-connect.active.is-messages-focus:not(.is-dm-chat-open) #connect-panel-messages .dm-inbox-list,
html.is-mobile-app body.logged-in #page-connect.active.is-messages-focus:not(.is-dm-chat-open) #connect-panel-messages .dm-calls-list,
html.kozamia-app-shell body.logged-in #page-connect.active.is-messages-focus:not(.is-dm-chat-open) #connect-panel-messages .dm-inbox-list,
html.kozamia-app-shell body.logged-in #page-connect.active.is-messages-focus:not(.is-dm-chat-open) #connect-panel-messages .dm-calls-list {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  background: var(--bg-elevated, #fff) !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  padding-bottom: 0.75rem !important;
}

html.is-mobile-app:has(#page-connect.active.is-messages-focus:not(.is-dm-chat-open)) .site-header,
html.kozamia-app-shell:has(#page-connect.active.is-messages-focus:not(.is-dm-chat-open)) .site-header,
html.is-mobile-web:has(#page-connect.active.is-messages-focus:not(.is-dm-chat-open)) .site-header {
  display: none !important;
}

html.is-mobile-app:has(#page-connect.active.is-messages-focus:not(.is-dm-chat-open)):has(body.logged-in) body,
html.kozamia-app-shell:has(#page-connect.active.is-messages-focus:not(.is-dm-chat-open)):has(body.logged-in) body {
  background: var(--bg-elevated, #fff) !important;
  background-color: var(--bg-elevated, #fff) !important;
}

/* Genel: girişli ana sayfalar — krem şerit yok, yüzey alt nava kadar */
html.is-mobile-app body.logged-in #page-discover.active,
html.is-mobile-app body.logged-in #page-connect.active:not(.is-dm-chat-open),
html.is-mobile-app body.logged-in #page-profile.active,
html.is-mobile-app body.logged-in #page-feed.active:not(.is-feed-snap-active),
html.kozamia-app-shell body.logged-in #page-discover.active,
html.kozamia-app-shell body.logged-in #page-connect.active:not(.is-dm-chat-open),
html.kozamia-app-shell body.logged-in #page-profile.active,
html.kozamia-app-shell body.logged-in #page-feed.active:not(.is-feed-snap-active) {
  min-height: calc(100dvh - var(--bottom-nav-h, 4rem)) !important;
  box-sizing: border-box !important;
  background: var(--bg-elevated, #fff) !important;
  background-color: var(--bg-elevated, #fff) !important;
}

html.is-mobile-app body.logged-in #page-discover.active .discover-hub,
html.is-mobile-app body.logged-in #page-connect.active:not(.is-messages-focus):not(.is-dm-chat-open) .connect-hub,
html.is-mobile-app body.logged-in #page-profile.active .profile-hub,
html.kozamia-app-shell body.logged-in #page-discover.active .discover-hub,
html.kozamia-app-shell body.logged-in #page-connect.active:not(.is-messages-focus):not(.is-dm-chat-open) .connect-hub,
html.kozamia-app-shell body.logged-in #page-profile.active .profile-hub {
  min-height: calc(100dvh - var(--bottom-nav-h, 4rem)) !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  background: var(--bg-elevated, #fff) !important;
  box-sizing: border-box !important;
}

html.is-mobile-app body.logged-in #page-discover.discover-in-section.active .discover-hub > .connect-panel:not([hidden]),
html.is-mobile-app body.logged-in #page-connect.connect-in-section.active .connect-hub > .connect-panel:not([hidden]),
html.kozamia-app-shell body.logged-in #page-discover.discover-in-section.active .discover-hub > .connect-panel:not([hidden]),
html.kozamia-app-shell body.logged-in #page-connect.connect-in-section.active .connect-hub > .connect-panel:not([hidden]) {
  flex: 1 1 auto !important;
  min-height: calc(100dvh - var(--bottom-nav-h, 4rem) - 3.25rem) !important;
  margin-bottom: 0 !important;
  padding-bottom: calc(0.75rem + env(safe-area-inset-bottom, 0px)) !important;
  border-radius: 1.15rem 1.15rem 0 0 !important;
  background: var(--bg-elevated, #fff) !important;
}

/* Akış: hikâyeler üst beyaz alanda, “Akış” yazısı yok */
html.is-mobile-app #page-feed.feed-logged-in .feed-app-top,
html.kozamia-app-shell #page-feed.feed-logged-in .feed-app-top,
html.is-mobile-app #page-feed .feed-app-title,
html.kozamia-app-shell #page-feed .feed-app-title {
  display: none !important;
}

html.is-mobile-app #page-feed.is-feed-snap-active .feed-top-chrome,
html.kozamia-app-shell #page-feed.is-feed-snap-active .feed-top-chrome {
  padding: calc(0.2rem + env(safe-area-inset-top, 0px)) 0.45rem 0.2rem !important;
  background: var(--bg-elevated, #fff) !important;
  max-height: none !important;
}

html.is-mobile-app #page-feed.is-feed-snap-active .story-rings-row,
html.kozamia-app-shell #page-feed.is-feed-snap-active .story-rings-row {
  max-height: none !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  padding: 0.05rem 0 0 !important;
  margin: 0 !important;
}