/* Kozamia · Light Amethyst — açık zemin + mor + pembe (premium)
   Dark yok. Arka plan açık; aksan #752FEE · pembe #F9A8D4.
*/
html.is-mobile-app,
html.kozamia-app-shell,
html.connect-mockup-on,
html.discover-mockup-on,
html.home-mockup-on,
:root {
  --kz-paper: #F8F5FC;
  --kz-paper-2: #FFFFFF;
  --kz-ink: #1A1A1A;
  --kz-muted: #5C5668;
  --kz-line: rgba(117, 47, 238, 0.14);
  --kz-accent: #752FEE;
  --kz-accent-2: #F9A8D4;
  --kz-accent-soft: rgba(117, 47, 238, 0.12);
  --kz-accent-rgb: 117, 47, 238;
  --kz-gold: #CE8FF2;
  --kz-pink: #F9A8D4;
  --kz-lilac: #CE8FF2;
  --kz-icon: #752FEE;
  --kz-icon-well: transparent;
  --cyan: #CE8FF2;
  --cyan-rgb: 206, 143, 242;
  --accent-rgb: 117, 47, 238;
  --fuchsia-rgb: 249, 168, 212;

  --kozamia-shell-cream: var(--kz-paper);
  --kozamia-shell-cream-2: var(--kz-paper-2);
  --kozamia-shell-purple: var(--kz-accent);
  --kozamia-shell-purple-rgb: var(--kz-accent-rgb);
  --kozamia-shell-ink: var(--kz-ink);
  --kozamia-shell-line: var(--kz-line);

  --bg: var(--kz-paper);
  --bg-elevated: #ffffff;
  --text: var(--kz-ink);
  --text-muted: var(--kz-muted);
  --accent: var(--kz-accent);
  --violet: var(--kz-accent);
  --fuchsia: var(--kz-accent-2);
  --link: var(--kz-accent);
  --icon: var(--kz-icon);
  --nav-active: var(--kz-accent);
  --tab-active: var(--kz-accent);
  --profile-accent: var(--kz-accent);
  --surface-muted: var(--kz-accent-soft);

  /* Eski live-icons değişkenlerini nötrleştir — gradient yok */
  --live-ico-well-shadow: none;
  --live-ico-home: none;
  --live-ico-explore: none;
  --live-ico-connect: none;
  --live-ico-live: none;
  --live-ico-chat: none;
  --live-ico-profile: none;
  --live-ico-guide: none;
  --live-ico-trophy: none;
  --live-ico-health: none;
  --live-ico-fashion: none;
  --live-ico-beauty: none;
  --live-ico-mom: none;
  --live-ico-settings: none;
  --live-ico-notif: none;
  --live-ico-groups: none;
  --live-ico-buddy: none;
  --live-ico-play: none;
  --live-ico-lock: none;
  --live-ico-search: none;
  --live-ico-fal: none;
  --live-ico-meditate: none;
  --live-ico-bookmark: none;
  --live-ico-share: none;
  --live-ico-podcast: none;
  --live-ico-security: none;
  --live-ico-account: none;
  --live-ico-feed: none;
}

html.is-mobile-app body,
html.kozamia-app-shell body {
  background: var(--kz-paper) !important;
  background-color: var(--kz-paper) !important;
  color: var(--kz-ink) !important;
}

/* —— Marka: serif yalnız isim; aksan mor —— */
html.is-mobile-app .brand,
html.kozamia-app-shell .brand,
html.is-mobile-app .logo-text,
html.kozamia-app-shell .logo-text,
html.is-mobile-app .brand-name,
html.kozamia-app-shell .brand-name,
html.is-mobile-app .connect-app-title,
html.kozamia-app-shell .connect-app-title,
html.is-mobile-app .home-toolbar-name,
html.kozamia-app-shell .home-toolbar-name {
  color: var(--kz-ink) !important;
}

html.is-mobile-app .home-feed-hero-btn,
html.kozamia-app-shell .home-feed-hero-btn,
html.home-mockup-on .home-feed-hero-btn,
html.is-mobile-app .btn-primary,
html.kozamia-app-shell .btn-primary {
  background: var(--kz-accent, #752FEE) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #fff !important;
}

/* —— İkon kuyuları: monokrom, düz —— */
html.is-mobile-app .discover-cat-icon,
html.kozamia-app-shell .discover-cat-icon,
html.discover-mockup-on .discover-cat-icon,
html.is-mobile-app .connect-cat-icon,
html.kozamia-app-shell .connect-cat-icon,
html.connect-mockup-on .connect-cat-icon,
html.is-mobile-app .profile-hub-icon,
html.kozamia-app-shell .profile-hub-icon,
html.is-mobile-app .ps-row-icon,
html.kozamia-app-shell .ps-row-icon,
html.is-mobile-app .ps-inline-ico,
html.kozamia-app-shell .ps-inline-ico,
html.is-mobile-app .home-shortcut-visual,
html.kozamia-app-shell .home-shortcut-visual,
html.is-mobile-app .connect-tabs .connect-tab > .material-symbols-outlined,
html.kozamia-app-shell .connect-tabs .connect-tab > .material-symbols-outlined,
html.is-mobile-app .discover-tabs .connect-tab > .material-symbols-outlined,
html.kozamia-app-shell .discover-tabs .connect-tab > .material-symbols-outlined,
html.is-mobile-app .connect-tab-notifications .connect-notif-badge-wrap .material-symbols-outlined,
html.kozamia-app-shell .connect-tab-notifications .connect-notif-badge-wrap .material-symbols-outlined {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  color: var(--kz-icon, var(--kz-accent)) !important;
  border-radius: 0.45rem !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 0.82;
}

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,
html.is-mobile-app .profile-hub-icon .material-symbols-outlined,
html.kozamia-app-shell .profile-hub-icon .material-symbols-outlined,
html.is-mobile-app .ps-row-icon .material-symbols-outlined,
html.kozamia-app-shell .ps-row-icon .material-symbols-outlined,
html.is-mobile-app .ps-inline-ico .material-symbols-outlined,
html.kozamia-app-shell .ps-inline-ico .material-symbols-outlined,
html.is-mobile-app .home-shortcut-visual .material-symbols-outlined,
html.kozamia-app-shell .home-shortcut-visual .material-symbols-outlined {
  color: var(--kz-icon, var(--kz-accent)) !important;
  filter: none !important;
  font-variation-settings: "FILL" 0, "wght" 440, "GRAD" 0, "opsz" 20 !important;
}

/* Liste ikonları: hafif kâğıt kuyu (tek renk) */
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,
html.is-mobile-app .profile-hub-icon,
html.kozamia-app-shell .profile-hub-icon,
html.is-mobile-app .ps-row-icon,
html.kozamia-app-shell .ps-row-icon,
html.is-mobile-app .ps-inline-ico,
html.kozamia-app-shell .ps-inline-ico,
html.is-mobile-app .home-shortcut-visual,
html.kozamia-app-shell .home-shortcut-visual {
  background: transparent !important;
  color: var(--kz-icon, var(--kz-accent)) !important;
}

html.is-mobile-app .connect-tabs .connect-tab.active > .material-symbols-outlined,
html.kozamia-app-shell .connect-tabs .connect-tab.active > .material-symbols-outlined,
html.is-mobile-app .discover-tabs .connect-tab.active > .material-symbols-outlined,
html.kozamia-app-shell .discover-tabs .connect-tab.active > .material-symbols-outlined {
  color: var(--kz-accent) !important;
  opacity: 1 !important;
  transform: none !important;
  background-image: none !important;
  font-variation-settings: "FILL" 1, "wght" 520, "GRAD" 0, "opsz" 20 !important;
}

/* —— Alt nav: Paper —— */
html.is-mobile-app .bottom-nav,
html.kozamia-app-shell .bottom-nav {
  background: var(--kz-paper-2) !important;
  background-color: var(--kz-paper-2) !important;
  border-top: 1px solid var(--kz-line) !important;
  box-shadow: none !important;
}

html.is-mobile-app .bottom-nav .nav-item,
html.kozamia-app-shell .bottom-nav .nav-item {
  color: var(--kz-muted) !important;
}

html.is-mobile-app .bottom-nav .nav-item > .material-symbols-outlined,
html.kozamia-app-shell .bottom-nav .nav-item > .material-symbols-outlined {
  color: var(--kz-muted) !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
}

html.is-mobile-app .bottom-nav .nav-item.active,
html.kozamia-app-shell .bottom-nav .nav-item.active {
  color: var(--kz-accent) !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 {
  color: var(--kz-accent) !important;
  font-variation-settings: "FILL" 1, "wght" 520, "GRAD" 0, "opsz" 24 !important;
}

/* —— Bağlan 3 kapı: lacivert → kâğıt satır —— */
html.is-mobile-app #connect-panel-hub .connect-hub-door,
html.kozamia-app-shell #connect-panel-hub .connect-hub-door,
html.connect-mockup-on #connect-panel-hub .connect-hub-door,
html.is-mobile-web #connect-panel-hub .connect-hub-door,
.connect-hub-door {
  background: #fff !important;
  background-image: none !important;
  color: var(--kz-icon, var(--kz-accent)) !important;
  border: 1px solid var(--kz-line) !important;
  box-shadow: none !important;
}

html.is-mobile-app #connect-panel-hub .connect-hub-door strong,
html.kozamia-app-shell #connect-panel-hub .connect-hub-door strong,
.connect-hub-door strong {
  color: var(--kz-icon, var(--kz-accent)) !important;
  font-family: var(--kz-body, "Plus Jakarta Sans", system-ui, sans-serif) !important;
  font-weight: 650 !important;
}

html.is-mobile-app #connect-panel-hub .connect-hub-door span.desc,
html.kozamia-app-shell #connect-panel-hub .connect-hub-door span.desc,
.connect-hub-door span.desc {
  color: var(--kz-muted) !important;
  opacity: 1 !important;
}

html.is-mobile-app #connect-panel-hub .connect-hub-door > .material-symbols-outlined,
html.kozamia-app-shell #connect-panel-hub .connect-hub-door > .material-symbols-outlined,
.connect-hub-door > .material-symbols-outlined {
  color: var(--kz-accent) !important;
}

/* —— Ana sayfa misafir / ritual: lacivert panelleri yumuşat —— */
html.is-mobile-app .ritual-banner,
html.kozamia-app-shell .ritual-banner,
.ritual-banner,
html.is-mobile-app #kozamia-ritual-banner,
html.kozamia-app-shell #kozamia-ritual-banner,
#kozamia-ritual-banner,
html.is-mobile-app #kozamia-campaign-strip,
html.kozamia-app-shell #kozamia-campaign-strip,
#kozamia-campaign-strip {
  background: #fff !important;
  background-image: none !important;
  color: var(--kz-icon, var(--kz-accent)) !important;
  border: 1px solid var(--kz-line) !important;
}

html.is-mobile-app .ritual-kicker,
html.kozamia-app-shell .ritual-kicker,
.ritual-kicker {
  color: var(--kz-accent) !important;
}

html.is-mobile-app .ritual-title,
html.kozamia-app-shell .ritual-title,
.ritual-title {
  color: var(--kz-icon, var(--kz-accent)) !important;
}

html.is-mobile-app .brand-hero-home,
html.kozamia-app-shell .brand-hero-home,
html.is-mobile-web .brand-hero-home,
.brand-hero-home {
  background: #fff !important;
  background-image: none !important;
  color: var(--kz-ink, #2A0A5C) !important;
  border: 1px solid var(--kz-line, rgba(28, 31, 36, 0.1)) !important;
  box-shadow: none !important;
}

html.is-mobile-app .brand-hero-home .brand-name,
html.kozamia-app-shell .brand-hero-home .brand-name,
.brand-hero-home .brand-name,
html.is-mobile-app .brand-hero-home #hero-title,
html.kozamia-app-shell .brand-hero-home #hero-title,
.brand-hero-home #hero-title,
html.is-mobile-app .brand-hero-home h1,
html.kozamia-app-shell .brand-hero-home h1 {
  color: var(--kz-ink, #2A0A5C) !important;
}

html.is-mobile-app .brand-hero-home .brand-line,
html.kozamia-app-shell .brand-hero-home .brand-line,
html.is-mobile-app .brand-hero-home .brand-sub,
html.kozamia-app-shell .brand-hero-home .brand-sub,
html.is-mobile-app .brand-hero-home #hero-sub,
html.kozamia-app-shell .brand-hero-home #hero-sub {
  color: var(--kz-muted, #6b6e76) !important;
  opacity: 1 !important;
}

html.is-mobile-app .guest-proof-card,
html.kozamia-app-shell .guest-proof-card,
.guest-proof-card {
  background: #fff !important;
  background-image: none !important;
  color: var(--kz-ink, #2A0A5C) !important;
  border: 1px solid var(--kz-line, rgba(28, 31, 36, 0.1)) !important;
}

html.is-mobile-app .guest-proof-card .material-symbols-outlined,
html.kozamia-app-shell .guest-proof-card .material-symbols-outlined,
.guest-proof-card .material-symbols-outlined {
  color: var(--kz-accent, #752FEE) !important;
}

html.is-mobile-app .guest-proof-card strong,
html.kozamia-app-shell .guest-proof-card strong {
  color: var(--kz-ink, #2A0A5C) !important;
  font-family: var(--kz-body, "Plus Jakarta Sans", system-ui, sans-serif) !important;
}

html.is-mobile-app #home-feed-hero,
html.kozamia-app-shell #home-feed-hero,
html.home-mockup-on #home-feed-hero {
  background: #fff !important;
  background-image: none !important;
  color: var(--kz-icon, var(--kz-accent)) !important;
  border: 1px solid var(--kz-line) !important;
  box-shadow: none !important;
}

html.is-mobile-app .home-feed-hero-title,
html.kozamia-app-shell .home-feed-hero-title,
html.home-mockup-on .home-feed-hero-title {
  color: var(--kz-icon, var(--kz-accent)) !important;
}

html.is-mobile-app .home-feed-hero-sub,
html.kozamia-app-shell .home-feed-hero-sub,
html.home-mockup-on .home-feed-hero-sub {
  color: var(--kz-muted) !important;
}

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;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--kz-icon, var(--kz-accent)) !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: var(--kz-icon, var(--kz-accent)) !important;
  font-variation-settings: "FILL" 0, "wght" 480, "GRAD" 0, "opsz" 20 !important;
}

/* —— Sprint 2: misafir ana sayfa hero budget —— */
html.is-mobile-app body:not(.logged-in) #page-home .brand-hero-home,
html.kozamia-app-shell body:not(.logged-in) #page-home .brand-hero-home,
html.is-mobile-web body:not(.logged-in) #page-home .brand-hero-home {
  margin: 0.65rem 0.15rem 1rem !important;
  padding: 1.35rem 1.1rem 1.4rem !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.is-mobile-app body:not(.logged-in) #page-home .brand-hero-home .brand-name,
html.kozamia-app-shell body:not(.logged-in) #page-home .brand-hero-home .brand-name {
  font-size: clamp(2rem, 8vw, 2.55rem) !important;
  margin-bottom: 0.55rem !important;
}

html.is-mobile-app body:not(.logged-in) #page-home .brand-hero-home .brand-line,
html.kozamia-app-shell body:not(.logged-in) #page-home .brand-hero-home .brand-line {
  font-size: 1.05rem !important;
  max-width: 18.5rem !important;
}

html.is-mobile-app body:not(.logged-in) #page-home .brand-hero-home .brand-sub,
html.kozamia-app-shell body:not(.logged-in) #page-home .brand-hero-home .brand-sub {
  font-size: 0.86rem !important;
  max-width: 17.5rem !important;
  margin-bottom: 1.1rem !important;
}

/* İlk ekranı kalabalıklaştırmasın — uzun davet / önizleme alta */
html.is-mobile-app body:not(.logged-in) #page-home #home-guest-invite .hub-guest-features,
html.kozamia-app-shell body:not(.logged-in) #page-home #home-guest-invite .hub-guest-features,
html.is-mobile-app body:not(.logged-in) #page-home #home-guest-invite .hub-guest-invite-lead,
html.kozamia-app-shell body:not(.logged-in) #page-home #home-guest-invite .hub-guest-invite-lead,
html.is-mobile-app body:not(.logged-in) #page-home #home-guest-invite .hub-guest-invite-why,
html.kozamia-app-shell body:not(.logged-in) #page-home #home-guest-invite .hub-guest-invite-why,
html.is-mobile-app body:not(.logged-in) #page-home #home-guest-invite .hub-guest-invite-list,
html.kozamia-app-shell body:not(.logged-in) #page-home #home-guest-invite .hub-guest-invite-list {
  display: none !important;
}

html.is-mobile-app body:not(.logged-in) #page-home #home-guest-invite,
html.kozamia-app-shell body:not(.logged-in) #page-home #home-guest-invite {
  margin-top: 0.35rem !important;
  padding: 0.85rem 0.9rem !important;
  text-align: left !important;
  background: #fff !important;
  border: 1px solid var(--kz-line) !important;
  box-shadow: none !important;
}

html.is-mobile-app body:not(.logged-in) #page-home #home-guest-invite .hub-guest-invite-title,
html.kozamia-app-shell body:not(.logged-in) #page-home #home-guest-invite .hub-guest-invite-title {
  font-family: var(--kz-body, "Plus Jakarta Sans", system-ui, sans-serif) !important;
  font-size: 0.98rem !important;
  font-weight: 650 !important;
  margin-bottom: 0.65rem !important;
}

html.is-mobile-app body:not(.logged-in) #page-home #home-guest-preview,
html.kozamia-app-shell body:not(.logged-in) #page-home #home-guest-preview {
  margin-top: 0.85rem !important;
}

/* Bağlan: kapılar önde, alt liste sade satır */
html.is-mobile-app #connect-panel-hub .connect-cat-grid .connect-list-group-label,
html.kozamia-app-shell #connect-panel-hub .connect-cat-grid .connect-list-group-label {
  color: var(--kz-muted) !important;
  font-weight: 650 !important;
}

html.is-mobile-app #connect-panel-hub .connect-cat-card,
html.kozamia-app-shell #connect-panel-hub .connect-cat-card {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--kz-line) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

html.is-mobile-app .home-toolbar-logo polygon[fill^="url"],
html.kozamia-app-shell .home-toolbar-logo polygon[fill^="url"] {
  fill: var(--kz-accent, #752FEE) !important;
}

/* —— Sprint 3: Keşfet / Profil / kısayol — monokrom kilidi —— */
html.is-mobile-app .discover-cat-card[data-discover-goto] .discover-cat-icon,
html.kozamia-app-shell .discover-cat-card[data-discover-goto] .discover-cat-icon,
html.is-mobile-app .connect-cat-card[data-connect-goto] .connect-cat-icon,
html.kozamia-app-shell .connect-cat-card[data-connect-goto] .connect-cat-icon,
html.is-mobile-app .profile-hub-row[data-hub-action] .profile-hub-icon,
html.kozamia-app-shell .profile-hub-row[data-hub-action] .profile-hub-icon,
html.is-mobile-app .ps-row-icon,
html.kozamia-app-shell .ps-row-icon,
html.is-mobile-app .ps-inline-ico,
html.kozamia-app-shell .ps-inline-ico,
html.is-mobile-app .daily-flow-spotlight-icon,
html.kozamia-app-shell .daily-flow-spotlight-icon,
html.is-mobile-app .home-shortcut-visual,
html.kozamia-app-shell .home-shortcut-visual,
html.is-mobile-app .hub-guest-invite-list > li > .material-symbols-outlined,
html.kozamia-app-shell .hub-guest-invite-list > li > .material-symbols-outlined,
html.is-mobile-app .feature-icon,
html.kozamia-app-shell .feature-icon,
html.is-mobile-app .content-icon,
html.kozamia-app-shell .content-icon {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--kz-icon, var(--kz-accent)) !important;
  box-shadow: none !important;
  filter: none !important;
}

html.is-mobile-app .discover-cat-card[data-discover-goto] .discover-cat-icon .material-symbols-outlined,
html.kozamia-app-shell .discover-cat-card[data-discover-goto] .discover-cat-icon .material-symbols-outlined,
html.is-mobile-app .connect-cat-card[data-connect-goto] .connect-cat-icon .material-symbols-outlined,
html.kozamia-app-shell .connect-cat-card[data-connect-goto] .connect-cat-icon .material-symbols-outlined,
html.is-mobile-app .profile-hub-icon .material-symbols-outlined,
html.kozamia-app-shell .profile-hub-icon .material-symbols-outlined,
html.is-mobile-app .ps-row-icon .material-symbols-outlined,
html.kozamia-app-shell .ps-row-icon .material-symbols-outlined,
html.is-mobile-app .daily-flow-spotlight-icon .material-symbols-outlined,
html.kozamia-app-shell .daily-flow-spotlight-icon .material-symbols-outlined,
html.is-mobile-app .home-shortcut-visual .material-symbols-outlined,
html.kozamia-app-shell .home-shortcut-visual .material-symbols-outlined,
html.is-mobile-app .feature-icon .material-symbols-outlined,
html.kozamia-app-shell .feature-icon .material-symbols-outlined,
html.is-mobile-app .content-icon .material-symbols-outlined,
html.kozamia-app-shell .content-icon .material-symbols-outlined {
  color: var(--kz-icon, var(--kz-accent)) !important;
  filter: none !important;
  font-variation-settings: "FILL" 0, "wght" 480, "GRAD" 0, "opsz" 20 !important;
}

html.is-mobile-app .ps-row-icon,
html.kozamia-app-shell .ps-row-icon {
  width: 1.85rem !important;
  height: 1.85rem !important;
  border-radius: 0.45rem !important;
  display: grid !important;
  place-items: center !important;
}

html.is-mobile-app .connect-tabs .connect-tab > .material-symbols-outlined,
html.kozamia-app-shell .connect-tabs .connect-tab > .material-symbols-outlined,
html.is-mobile-app .discover-tabs .connect-tab > .material-symbols-outlined,
html.kozamia-app-shell .discover-tabs .connect-tab > .material-symbols-outlined,
html.is-mobile-app .discover-tab > .material-symbols-outlined,
html.kozamia-app-shell .discover-tab > .material-symbols-outlined {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--kz-muted) !important;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
}

html.is-mobile-app .connect-tabs .connect-tab.active > .material-symbols-outlined,
html.kozamia-app-shell .connect-tabs .connect-tab.active > .material-symbols-outlined,
html.is-mobile-app .discover-tabs .connect-tab.active > .material-symbols-outlined,
html.kozamia-app-shell .discover-tabs .connect-tab.active > .material-symbols-outlined,
html.is-mobile-app .discover-tab.active > .material-symbols-outlined,
html.kozamia-app-shell .discover-tab.active > .material-symbols-outlined {
  color: var(--kz-accent) !important;
  font-variation-settings: "FILL" 1, "wght" 520, "GRAD" 0, "opsz" 20 !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(--kz-accent) !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* —— Sprint 4: Akış / AI bar / modal / motion —— */
html.is-mobile-app .feed-toolbar-pro,
html.kozamia-app-shell .feed-toolbar-pro {
  background: #fff !important;
  border: 1px solid var(--kz-line) !important;
  box-shadow: none !important;
}

html.is-mobile-app .feed-toolbar-pro-icon,
html.kozamia-app-shell .feed-toolbar-pro-icon {
  background: var(--kz-accent) !important;
  background-image: none !important;
  color: #fff !important;
  box-shadow: none !important;
}

html.is-mobile-app .vertical-video-poster,
html.kozamia-app-shell .vertical-video-poster {
  background: color-mix(in srgb, var(--kz-accent) 16%, #fff) !important;
  background-image: none !important;
}

html.is-mobile-app .style-ai-bar,
html.kozamia-app-shell .style-ai-bar,
html.is-mobile-app .skin-ai-bar,
html.kozamia-app-shell .skin-ai-bar,
html.is-mobile-app .mom-ai-bar,
html.kozamia-app-shell .mom-ai-bar {
  background: var(--kz-accent) !important;
  background-image: none !important;
  color: #fff !important;
}

html.is-mobile-app .brand-logo polygon:first-of-type,
html.kozamia-app-shell .brand-logo polygon:first-of-type,
html.is-mobile-app .home-toolbar-logo polygon:first-of-type,
html.kozamia-app-shell .home-toolbar-logo polygon:first-of-type,
html.is-mobile-app .kozamia-boot-logo-svg polygon:first-of-type,
html.kozamia-app-shell .kozamia-boot-logo-svg polygon:first-of-type {
  fill: var(--kz-accent) !important;
}

/* Bağlan hub: logo paleti · 2×3 kiremit · sprite ikon */
html.is-mobile-app #connect-panel-hub,
html.kozamia-app-shell #connect-panel-hub,
html.connect-mockup-on #connect-panel-hub {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 0.55rem !important;
  padding: 0.35rem 0.5rem 0.25rem !important;
  margin: 0 !important;
  max-height: calc(100dvh - 6.5rem - env(safe-area-inset-bottom, 0px)) !important;
  min-height: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

html.is-mobile-app #connect-panel-hub .connect-hub-doors,
html.kozamia-app-shell #connect-panel-hub .connect-hub-doors {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.45rem !important;
  margin: 0 !important;
  flex: 1.1 1 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

html.is-mobile-app #connect-panel-hub .connect-hub-door,
html.kozamia-app-shell #connect-panel-hub .connect-hub-door {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 0.32rem !important;
  padding: 0.55rem 0.35rem !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: none !important;
  grid-template-columns: none !important;
  border-radius: 0.85rem !important;
  border: 1px solid rgba(117, 47, 238, 0.16) !important;
  background: linear-gradient(165deg, #ffffff 0%, #FAF5FF 100%) !important;
  box-shadow: none !important;
  color: var(--kz-ink, #2A0A5C) !important;
}

html.is-mobile-app #connect-panel-hub .connect-hub-door.is-intent-primary,
html.kozamia-app-shell #connect-panel-hub .connect-hub-door.is-intent-primary {
  border-color: rgba(117, 47, 238, 0.45) !important;
  background: linear-gradient(165deg, #FAF5FF 0%, #F0E6FF 100%) !important;
}

html.is-mobile-app #connect-panel-hub .connect-hub-door > :last-child,
html.kozamia-app-shell #connect-panel-hub .connect-hub-door > :last-child,
html.is-mobile-app #connect-panel-hub .connect-hub-door span.desc,
html.kozamia-app-shell #connect-panel-hub .connect-hub-door span.desc {
  display: none !important;
}

html.is-mobile-app #connect-panel-hub .connect-hub-door strong,
html.kozamia-app-shell #connect-panel-hub .connect-hub-door strong {
  font-size: 0.78rem !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  color: var(--kz-ink, #2A0A5C) !important;
}

html.is-mobile-app #connect-panel-hub .connect-hub-door > .material-symbols-outlined:first-child,
html.kozamia-app-shell #connect-panel-hub .connect-hub-door > .material-symbols-outlined:first-child,
html.is-mobile-app #connect-panel-hub .connect-hub-door > .kz-ico-png:first-child,
html.kozamia-app-shell #connect-panel-hub .connect-hub-door > .kz-ico-png:first-child {
  width: 1.65rem !important;
  height: 1.65rem !important;
  font-size: 1.65rem !important;
}

html.is-mobile-app #connect-panel-hub .connect-cat-grid,
html.kozamia-app-shell #connect-panel-hub .connect-cat-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.45rem !important;
  margin: 0 !important;
  flex: 1 1 0 !important;
  min-height: 0 !important;
  align-content: stretch !important;
  max-width: none !important;
  width: 100% !important;
}

html.is-mobile-app #connect-panel-hub .connect-cat-card,
html.kozamia-app-shell #connect-panel-hub .connect-cat-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 0.32rem !important;
  padding: 0.55rem 0.35rem !important;
  margin: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  border: 1px solid rgba(117, 47, 238, 0.16) !important;
  border-radius: 0.85rem !important;
  background: linear-gradient(165deg, #ffffff 0%, #FAF5FF 100%) !important;
  box-shadow: none !important;
  color: var(--kz-ink, #2A0A5C) !important;
}

html.is-mobile-app #connect-panel-hub .connect-cat-desc,
html.kozamia-app-shell #connect-panel-hub .connect-cat-desc,
html.is-mobile-app #connect-panel-hub .connect-cat-go,
html.kozamia-app-shell #connect-panel-hub .connect-cat-go,
html.is-mobile-app #connect-panel-hub .connect-cat-notif-pills,
html.kozamia-app-shell #connect-panel-hub .connect-cat-notif-pills {
  display: none !important;
}

html.is-mobile-app #connect-panel-hub .connect-cat-icon,
html.kozamia-app-shell #connect-panel-hub .connect-cat-icon {
  width: auto !important;
  height: auto !important;
  background: transparent !important;
  margin: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

html.is-mobile-app #connect-panel-hub .connect-cat-card strong,
html.kozamia-app-shell #connect-panel-hub .connect-cat-card strong {
  font-size: 0.78rem !important;
  line-height: 1.15 !important;
  font-weight: 650 !important;
  color: var(--kz-ink, #2A0A5C) !important;
}

html.is-mobile-app #connect-panel-hub .connect-cat-icon .kz-ico-png,
html.kozamia-app-shell #connect-panel-hub .connect-cat-icon .kz-ico-png,
html.is-mobile-app #connect-panel-hub .connect-cat-icon .material-symbols-outlined,
html.kozamia-app-shell #connect-panel-hub .connect-cat-icon .material-symbols-outlined {
  width: 1.55rem !important;
  height: 1.55rem !important;
  font-size: 1.55rem !important;
}

/* Bağlan sayfa chrome: ekstra boşluk yeme */
html.is-mobile-app #page-connect.connect-logged-in .page-wrap.connect-hub,
html.kozamia-app-shell #page-connect.connect-logged-in .page-wrap.connect-hub {
  padding-top: 0.25rem !important;
  padding-bottom: 0.15rem !important;
}

html.is-mobile-app #page-connect.connect-logged-in .connect-app-top,
html.kozamia-app-shell #page-connect.connect-logged-in .connect-app-top {
  margin-bottom: 0.15rem !important;
  padding-bottom: 0.1rem !important;
}
html.is-mobile-app #connect-tabs-more,
html.kozamia-app-shell #connect-tabs-more,
html.connect-mockup-on #connect-tabs-more,
html.is-mobile-app #page-connect .hub-tabs-more-btn,
html.kozamia-app-shell #page-connect .hub-tabs-more-btn {
  display: none !important;
}

html.is-mobile-app #page-connect .connect-tab.hub-tab-secondary,
html.kozamia-app-shell #page-connect .connect-tab.hub-tab-secondary,
html.is-mobile-app #page-connect .connect-tab-confessions,
html.kozamia-app-shell #page-connect .connect-tab-confessions {
  display: none !important;
}

/* Modal / sheet: kağıt yüzeyi, mor yok */
html.is-mobile-app .modal-box,
html.kozamia-app-shell .modal-box,
html.is-mobile-app .story-media-pick-sheet,
html.kozamia-app-shell .story-media-pick-sheet,
html.is-mobile-app .notif-app-sheet,
html.kozamia-app-shell .notif-app-sheet {
  background: var(--kz-paper-2, #faf9f6) !important;
  color: var(--kz-icon, var(--kz-accent)) !important;
  border-color: var(--kz-line) !important;
  box-shadow: 0 -8px 28px rgba(28, 31, 36, 0.08) !important;
}

html.is-mobile-app .modal-box .btn-primary,
html.kozamia-app-shell .modal-box .btn-primary {
  background: var(--kz-accent) !important;
  background-image: none !important;
}

/* Motion: varlık, gürültü değil */
@media (prefers-reduced-motion: no-preference) {
  html.is-mobile-app .app-page.active,
  html.kozamia-app-shell .app-page.active {
    animation: kz-paper-in 0.28s ease forwards;
  }

  html.is-mobile-app .connect-hub-door,
  html.kozamia-app-shell .connect-hub-door {
    transition: transform 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
  }

  html.is-mobile-app .connect-hub-door:active,
  html.kozamia-app-shell .connect-hub-door:active {
    transform: scale(0.985);
  }

  html.is-mobile-app .bottom-nav a,
  html.kozamia-app-shell .bottom-nav a {
    transition: color 0.18s ease, transform 0.18s ease;
  }

  html.is-mobile-app .bottom-nav a.active .material-symbols-outlined,
  html.kozamia-app-shell .bottom-nav a.active .material-symbols-outlined {
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
  }
}

@keyframes kz-paper-in {
  from {
    transform: translateY(5px);
  }
  to {
    transform: none;
  }
}

/* —— Sprint 5: kalan kuyu/glyph + hikaye halkası —— */
html.is-mobile-app #page-discover .discover-mood-banner-icon,
html.kozamia-app-shell #page-discover .discover-mood-banner-icon,
html.is-mobile-app #page-discover .discover-rec-icon,
html.kozamia-app-shell #page-discover .discover-rec-icon,
html.is-mobile-app #page-discover .discover-feature-art,
html.kozamia-app-shell #page-discover .discover-feature-art,
html.is-mobile-app #page-discover .cycle-phase-emoji,
html.kozamia-app-shell #page-discover .cycle-phase-emoji,
html.is-mobile-app #page-discover .soul-guest-icon,
html.kozamia-app-shell #page-discover .soul-guest-icon,
html.is-mobile-app #page-connect .pact-principle-icon,
html.kozamia-app-shell #page-connect .pact-principle-icon,
html.is-mobile-app #page-feed .feed-toolbar-pro-icon,
html.kozamia-app-shell #page-feed .feed-toolbar-pro-icon {
  background: transparent !important;
  background-image: none !important;
  color: var(--kz-icon, var(--kz-accent)) !important;
  box-shadow: none !important;
}

html.is-mobile-app #page-discover .discover-mood-banner-icon .material-symbols-outlined,
html.kozamia-app-shell #page-discover .discover-mood-banner-icon .material-symbols-outlined,
html.is-mobile-app #page-discover .discover-rec-icon .material-symbols-outlined,
html.kozamia-app-shell #page-discover .discover-rec-icon .material-symbols-outlined,
html.is-mobile-app #page-discover .discover-feature-art .material-symbols-outlined,
html.kozamia-app-shell #page-discover .discover-feature-art .material-symbols-outlined,
html.is-mobile-app #page-discover .cycle-phase-emoji .material-symbols-outlined,
html.kozamia-app-shell #page-discover .cycle-phase-emoji .material-symbols-outlined,
html.is-mobile-app #page-discover .soul-guest-icon .material-symbols-outlined,
html.kozamia-app-shell #page-discover .soul-guest-icon .material-symbols-outlined,
html.is-mobile-app #page-connect .pact-principle-icon .material-symbols-outlined,
html.kozamia-app-shell #page-connect .pact-principle-icon .material-symbols-outlined,
html.is-mobile-app #page-discover .content-icon .material-symbols-outlined,
html.kozamia-app-shell #page-discover .content-icon .material-symbols-outlined,
html.is-mobile-app #page-discover .feature-icon .material-symbols-outlined,
html.kozamia-app-shell #page-discover .feature-icon .material-symbols-outlined {
  color: var(--kz-icon, var(--kz-accent)) !important;
}

html.is-mobile-app #page-feed .story-ring-avatar,
html.kozamia-app-shell #page-feed .story-ring-avatar {
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(135deg, var(--kz-accent), color-mix(in srgb, var(--kz-accent) 65%, #fff)) border-box !important;
  box-shadow: 0 2px 8px rgba(28, 31, 36, 0.08) !important;
}

html.is-mobile-app #page-feed .story-ring.is-seen .story-ring-avatar,
html.kozamia-app-shell #page-feed .story-ring.is-seen .story-ring-avatar {
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(135deg, #9ca3af, #c4c7ce) border-box !important;
}

html.is-mobile-app .mood-heading,
html.kozamia-app-shell .mood-heading,
html.is-mobile-app [style*="mood-heading"],
html.kozamia-app-shell .style-ai-brand,
html.is-mobile-app .style-ai-brand {
  color: var(--kz-accent) !important;
}

/* —— PNG ikonlar: tek sprite, kuyu yok —— */
html.is-mobile-app .kz-ico-png,
html.kozamia-app-shell .kz-ico-png,
.kz-ico-png {
  display: inline-block !important;
  width: 1.35rem !important;
  height: 1.35rem !important;
  object-fit: contain !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  vertical-align: middle;
  flex-shrink: 0;
  overflow: hidden;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
}

html.is-mobile-app img.kz-ico-png,
html.kozamia-app-shell img.kz-ico-png,
img.kz-ico-png {
  background-image: none !important;
}

html.is-mobile-app .bottom-nav .kz-ico-png,
html.kozamia-app-shell .bottom-nav .kz-ico-png,
html.is-mobile-app .nav-item .kz-ico-png,
html.kozamia-app-shell .nav-item .kz-ico-png {
  width: 1.55rem !important;
  height: 1.55rem !important;
}

html.is-mobile-app .connect-hub-door .kz-ico-png,
html.kozamia-app-shell .connect-hub-door .kz-ico-png {
  width: 1.45rem !important;
  height: 1.45rem !important;
}

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,
html.is-mobile-app .profile-hub-icon,
html.kozamia-app-shell .profile-hub-icon,
html.is-mobile-app .ps-row-icon,
html.kozamia-app-shell .ps-row-icon,
html.is-mobile-app .ps-inline-ico,
html.kozamia-app-shell .ps-inline-ico,
html.is-mobile-app .home-shortcut-visual,
html.kozamia-app-shell .home-shortcut-visual,
html.is-mobile-app .daily-flow-spotlight-icon,
html.kozamia-app-shell .daily-flow-spotlight-icon,
html.is-mobile-app .feature-icon,
html.kozamia-app-shell .feature-icon,
html.is-mobile-app .content-icon,
html.kozamia-app-shell .content-icon,
html.is-mobile-app .discover-rec-icon,
html.kozamia-app-shell .discover-rec-icon,
html.is-mobile-app .discover-feature-art,
html.kozamia-app-shell .discover-feature-art,
html.is-mobile-app .discover-mood-banner-icon,
html.kozamia-app-shell .discover-mood-banner-icon,
html.is-mobile-app .soul-guest-icon,
html.kozamia-app-shell .soul-guest-icon,
html.is-mobile-app .cycle-phase-emoji,
html.kozamia-app-shell .cycle-phase-emoji,
html.is-mobile-app .pact-principle-icon,
html.kozamia-app-shell .pact-principle-icon,
html.is-mobile-app .feed-toolbar-pro-icon,
html.kozamia-app-shell .feed-toolbar-pro-icon,
html.is-mobile-app .hub-guest-invite-list > li > .material-symbols-outlined,
html.kozamia-app-shell .hub-guest-invite-list > li > .material-symbols-outlined {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  filter: none !important;
}

html.is-mobile-app .bottom-nav .nav-item > .material-symbols-outlined,
html.kozamia-app-shell .bottom-nav .nav-item > .material-symbols-outlined {
  background: transparent !important;
  box-shadow: none !important;
}

/* —— Mor ikon / chrome kilidi —— */
html.is-mobile-app .bottom-nav .material-symbols-outlined,
html.kozamia-app-shell .bottom-nav .material-symbols-outlined,
html.is-mobile-app .bottom-nav a,
html.kozamia-app-shell .bottom-nav a,
html.is-mobile-app .nav-item,
html.kozamia-app-shell .nav-item,
html.is-mobile-app .nav-item .material-symbols-outlined,
html.kozamia-app-shell .nav-item .material-symbols-outlined,
html.is-mobile-app .icon-btn .material-symbols-outlined,
html.kozamia-app-shell .icon-btn .material-symbols-outlined {
  color: var(--kz-icon, #752FEE) !important;
}

html.is-mobile-app .material-symbols-outlined,
html.kozamia-app-shell .material-symbols-outlined {
  color: var(--kz-icon, #752FEE);
}

html.is-mobile-app .guest-proof-card .material-symbols-outlined,
html.kozamia-app-shell .guest-proof-card .material-symbols-outlined,
html.is-mobile-app .guest-proof-card,
html.kozamia-app-shell .guest-proof-card {
  color: var(--kz-accent) !important;
}

html.is-mobile-app .guest-proof-card strong,
html.kozamia-app-shell .guest-proof-card strong {
  color: var(--kz-ink) !important;
}

html.is-mobile-app .bottom-nav a.active,
html.kozamia-app-shell .bottom-nav a.active,
html.is-mobile-app .bottom-nav a.active .material-symbols-outlined,
html.kozamia-app-shell .bottom-nav a.active .material-symbols-outlined,
html.is-mobile-app .nav-item.active,
html.kozamia-app-shell .nav-item.active,
html.is-mobile-app .nav-item.active .material-symbols-outlined,
html.kozamia-app-shell .nav-item.active .material-symbols-outlined {
  color: var(--kz-accent) !important;
}

html.is-mobile-app .btn-login,
html.kozamia-app-shell .btn-login,
html.is-mobile-app .btn.btn-primary,
html.kozamia-app-shell .btn.btn-primary,
html.is-mobile-app a.btn-primary,
html.kozamia-app-shell a.btn-primary {
  background: var(--kz-accent) !important;
  background-image: none !important;
  color: #fff !important;
  border-color: var(--kz-accent) !important;
}

html.is-mobile-app .btn-outline,
html.kozamia-app-shell .btn-outline {
  color: var(--kz-accent) !important;
  border-color: color-mix(in srgb, var(--kz-accent) 45%, transparent) !important;
}

html.is-mobile-app a,
html.kozamia-app-shell a {
  color: var(--kz-accent);
}

html.is-mobile-app .brand-hero-home .brand-name,
html.kozamia-app-shell .brand-hero-home .brand-name,
html.is-mobile-app .brand-hero-home #hero-title,
html.kozamia-app-shell .brand-hero-home #hero-title,
html.is-mobile-app h1,
html.kozamia-app-shell h1,
html.is-mobile-app h2,
html.kozamia-app-shell h2,
html.is-mobile-app h3,
html.kozamia-app-shell h3 {
  color: var(--kz-ink) !important;
}

html.is-mobile-app .brand-hero-home .brand-line,
html.kozamia-app-shell .brand-hero-home .brand-line {
  color: var(--kz-accent) !important;
}

html.is-mobile-app .connect-hub-door > .material-symbols-outlined,
html.kozamia-app-shell .connect-hub-door > .material-symbols-outlined,
html.is-mobile-app .guest-proof-card .material-symbols-outlined,
html.kozamia-app-shell .guest-proof-card .material-symbols-outlined {
  color: var(--kz-accent) !important;
}

html.is-mobile-app .site-header,
html.kozamia-app-shell .site-header {
  background: color-mix(in srgb, var(--kz-paper) 92%, var(--kz-accent) 8%) !important;
}

html.is-mobile-app .bottom-nav,
html.kozamia-app-shell .bottom-nav {
  background: #fff !important;
  border-top-color: var(--kz-line) !important;
}

/* —— Ruh hali kartları: mor aile, kuyu yok, PNG ikon —— */
html.is-mobile-app .ps-mood-card,
html.kozamia-app-shell .ps-mood-card {
  background: #fff !important;
  background-image: none !important;
  border: 1px solid var(--kz-line) !important;
  box-shadow: none !important;
  color: var(--kz-ink) !important;
}

html.is-mobile-app .ps-mood-card::before,
html.kozamia-app-shell .ps-mood-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--ps-mood-bg, var(--mood-gradient));
  opacity: 0.14;
  pointer-events: none;
}

html.is-mobile-app .ps-mood-card.is-selected,
html.kozamia-app-shell .ps-mood-card.is-selected {
  border-color: var(--ps-mood-accent, var(--kz-accent)) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--ps-mood-accent, var(--kz-accent)) 35%, transparent) !important;
}

html.is-mobile-app .ps-mood-emoji,
html.kozamia-app-shell .ps-mood-emoji {
  display: none !important;
}

html.is-mobile-app .ps-mood-ico,
html.kozamia-app-shell .ps-mood-ico {
  display: grid !important;
  place-items: center;
  width: 2.1rem;
  height: 2.1rem;
  margin: 0 auto 0.35rem;
  background: transparent !important;
}

html.is-mobile-app .ps-mood-ico .kz-ico-png,
html.kozamia-app-shell .ps-mood-ico .kz-ico-png,
html.is-mobile-app .ps-mood-ico .material-symbols-outlined,
html.kozamia-app-shell .ps-mood-ico .material-symbols-outlined {
  width: 1.55rem !important;
  height: 1.55rem !important;
  font-size: 1.55rem !important;
  color: var(--ps-mood-accent, var(--kz-accent)) !important;
  background-color: transparent !important;
}

html.is-mobile-app .ps-mood-label,
html.kozamia-app-shell .ps-mood-label {
  color: var(--kz-ink) !important;
  font-weight: 650 !important;
}

html.is-mobile-app .btn-primary,
html.kozamia-app-shell .btn-primary,
html.is-mobile-app .btn-login,
html.kozamia-app-shell .btn-login {
  background: var(--accent, var(--kz-accent)) !important;
  background-image: none !important;
}

/* —— Light Amethyst: açık tema kilidi (dark yok) —— */
html.is-mobile-app,
html.kozamia-app-shell,
html.is-mobile-app[data-theme="dark"],
html.kozamia-app-shell[data-theme="dark"],
html.is-mobile-app[data-theme="light"],
html.kozamia-app-shell[data-theme="light"] {
  --kz-paper: #F8F5FC !important;
  --kz-paper-2: #FFFFFF !important;
  --kz-ink: #1A1A1A !important;
  --kz-muted: #5C5668 !important;
  --kz-accent-2: #F9A8D4 !important;
  --bg: #F8F5FC !important;
  --text: #1A1A1A !important;
  --text-muted: #5C5668 !important;
  --fuchsia: #F9A8D4 !important;
  color-scheme: light !important;
}

html.is-mobile-app body,
html.kozamia-app-shell body,
html.is-mobile-app[data-theme="dark"] body,
html.kozamia-app-shell[data-theme="dark"] body {
  background: #F8F5FC !important;
  color: #1A1A1A !important;
}

html.is-mobile-app .brand-name,
html.kozamia-app-shell .brand-name,
html.is-mobile-app .brand-line,
html.kozamia-app-shell .brand-line,
html.is-mobile-app .connect-app-title,
html.kozamia-app-shell .connect-app-title,
html.is-mobile-app .discover-app-title,
html.kozamia-app-shell .discover-app-title {
  color: #1A1A1A !important;
}

html.is-mobile-app #connect-panel-hub .connect-hub-door,
html.kozamia-app-shell #connect-panel-hub .connect-hub-door,
html.is-mobile-app #connect-panel-hub .connect-cat-card,
html.kozamia-app-shell #connect-panel-hub .connect-cat-card {
  background: #ffffff !important;
  border: 1px solid rgba(117, 47, 238, 0.16) !important;
  box-shadow: 0 0 0 1px rgba(249, 168, 212, 0.2) !important;
  color: #1A1A1A !important;
}

html.is-mobile-app #connect-panel-hub .connect-hub-door.is-intent-primary,
html.kozamia-app-shell #connect-panel-hub .connect-hub-door.is-intent-primary {
  border-color: rgba(117, 47, 238, 0.45) !important;
  background: linear-gradient(165deg, #ffffff 0%, #F8F5FC 55%, #FDF2F8 100%) !important;
}

html.is-mobile-app #connect-panel-hub .connect-hub-door strong,
html.kozamia-app-shell #connect-panel-hub .connect-hub-door strong,
html.is-mobile-app #connect-panel-hub .connect-cat-card strong,
html.kozamia-app-shell #connect-panel-hub .connect-cat-card strong {
  color: #1A1A1A !important;
}

html.is-mobile-app .bottom-nav,
html.kozamia-app-shell .bottom-nav {
  background: #FFFFFF !important;
  border-top: 1px solid rgba(117, 47, 238, 0.12) !important;
}

html.is-mobile-app .bottom-nav .nav-item,
html.kozamia-app-shell .bottom-nav .nav-item {
  color: #5C5668 !important;
}

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

html.is-mobile-app .hub-guest-invite,
html.kozamia-app-shell .hub-guest-invite,
html.is-mobile-app .page-wrap,
html.kozamia-app-shell .page-wrap,
html.is-mobile-app .app-page,
html.kozamia-app-shell .app-page {
  background-color: transparent !important;
  color: #1A1A1A !important;
}

/* Cream Paper — Keşfet / Akış / Profil / Modal / Auth */
html.is-mobile-app .discover-app-top,
html.kozamia-app-shell .discover-app-top,
html.is-mobile-app .connect-app-top,
html.kozamia-app-shell .connect-app-top,
html.is-mobile-app .profile-app-top,
html.kozamia-app-shell .profile-app-top,
html.is-mobile-app .home-app-top,
html.kozamia-app-shell .home-app-top {
  background: #FFFFFF !important;
  color: #1A1A1A !important;
  border-bottom-color: rgba(117, 47, 238, 0.1) !important;
}

html.is-mobile-app .connect-tab,
html.kozamia-app-shell .connect-tab,
html.is-mobile-app .discover-tabs .connect-tab,
html.kozamia-app-shell .discover-tabs .connect-tab {
  color: #5C5668 !important;
}

html.is-mobile-app .connect-tab.active,
html.kozamia-app-shell .connect-tab.active {
  color: #752FEE !important;
}

html.is-mobile-app .modal-box,
html.kozamia-app-shell .modal-box,
html.is-mobile-app .story-media-pick-sheet,
html.kozamia-app-shell .story-media-pick-sheet {
  background: #FFFFFF !important;
  color: #1A1A1A !important;
  border-color: rgba(117, 47, 238, 0.14) !important;
  box-shadow: 0 -8px 32px rgba(117, 47, 238, 0.08) !important;
}

html.is-mobile-app .btn-outline,
html.kozamia-app-shell .btn-outline {
  color: #752FEE !important;
  border-color: rgba(249, 168, 212, 0.65) !important;
  background: #fff !important;
}

html.is-mobile-app .feed-toolbar,
html.kozamia-app-shell .feed-toolbar,
html.is-mobile-app #page-feed .page-wrap,
html.kozamia-app-shell #page-feed .page-wrap {
  background: #F8F5FC !important;
  color: #1A1A1A !important;
}

html.is-mobile-app .profile-hub,
html.kozamia-app-shell .profile-hub,
html.is-mobile-app .profile-settings-sheet,
html.kozamia-app-shell .profile-settings-sheet,
html.is-mobile-app #page-rewards,
html.kozamia-app-shell #page-rewards {
  background: #F8F5FC !important;
  color: #1A1A1A !important;
}

html.is-mobile-app .legal-page,
html.kozamia-app-shell .legal-page,
html.is-mobile-app #page-yasal,
html.kozamia-app-shell #page-yasal {
  background: #F8F5FC !important;
  color: #1A1A1A !important;
}

html.is-mobile-app .nav-tab-badge,
html.kozamia-app-shell .nav-tab-badge,
html.is-mobile-app .connect-notif-badge,
html.kozamia-app-shell .connect-notif-badge,
html.is-mobile-app .connect-tab-badge,
html.kozamia-app-shell .connect-tab-badge {
  background: #F9A8D4 !important;
  color: #1A1A1A !important;
}

/* —— Amethyst A–Z: beyaz · mor · pembe · siyah (dark yok) —— */
html.is-mobile-app .btn-primary,
html.kozamia-app-shell .btn-primary,
html.is-mobile-app .btn-login,
html.kozamia-app-shell .btn-login,
html.is-mobile-app .pqe-save,
html.kozamia-app-shell .pqe-save {
  background: #752FEE !important;
  background-image: none !important;
  color: #FFFFFF !important;
  border-color: #752FEE !important;
}

html.is-mobile-app .btn-primary:active,
html.kozamia-app-shell .btn-primary:active {
  background: color-mix(in srgb, #752FEE 88%, #1A1A1A) !important;
}

html.is-mobile-app a,
html.kozamia-app-shell a {
  color: #752FEE;
}

html.is-mobile-app .muted,
html.kozamia-app-shell .muted,
html.is-mobile-app .brand-sub,
html.kozamia-app-shell .brand-sub {
  color: #5C5668 !important;
}

html.is-mobile-app .hub-guest-invite,
html.kozamia-app-shell .hub-guest-invite {
  background: #FFFFFF !important;
  border: 1px solid rgba(117, 47, 238, 0.12) !important;
  border-radius: 1rem;
  padding: 1rem !important;
}

html.is-mobile-app .hub-guest-feature,
html.kozamia-app-shell .hub-guest-feature {
  background: #FFFFFF !important;
  border: 1px solid rgba(249, 168, 212, 0.35) !important;
  border-radius: 0.85rem;
}

html.is-mobile-app .hub-guest-invite-title,
html.kozamia-app-shell .hub-guest-invite-title,
html.is-mobile-app .hub-guest-feature h3,
html.kozamia-app-shell .hub-guest-feature h3,
html.is-mobile-app .section-title,
html.kozamia-app-shell .section-title {
  color: #1A1A1A !important;
}

html.is-mobile-app .hub-guest-invite-kicker,
html.kozamia-app-shell .hub-guest-invite-kicker {
  color: #752FEE !important;
}

html.is-mobile-app .hub-guest-invite-lead,
html.kozamia-app-shell .hub-guest-invite-lead,
html.is-mobile-app .hub-guest-feature-points,
html.kozamia-app-shell .hub-guest-feature-points {
  color: #5C5668 !important;
}

html.is-mobile-app .connect-tab.active,
html.kozamia-app-shell .connect-tab.active,
html.is-mobile-app .notif-tab.is-active,
html.kozamia-app-shell .notif-tab.is-active {
  color: #752FEE !important;
  box-shadow: inset 0 -2px 0 #F9A8D4 !important;
}

html.is-mobile-app .icon-btn,
html.kozamia-app-shell .icon-btn {
  color: #752FEE !important;
}

html.is-mobile-app .dm-bubble.is-self,
html.kozamia-app-shell .dm-bubble.is-self,
html.is-mobile-app .buddy-msg.is-self .buddy-msg-bubble,
html.kozamia-app-shell .buddy-msg.is-self .buddy-msg-bubble {
  background: #752FEE !important;
  color: #FFFFFF !important;
}

html.is-mobile-app .dm-bubble:not(.is-self),
html.kozamia-app-shell .dm-bubble:not(.is-self) {
  background: #FFFFFF !important;
  color: #1A1A1A !important;
  border: 1px solid rgba(249, 168, 212, 0.4) !important;
}

html.is-mobile-app input,
html.kozamia-app-shell input,
html.is-mobile-app textarea,
html.kozamia-app-shell textarea,
html.is-mobile-app select,
html.kozamia-app-shell select {
  background: #FFFFFF !important;
  color: #1A1A1A !important;
  border-color: rgba(117, 47, 238, 0.22) !important;
}

html.is-mobile-app input:focus,
html.kozamia-app-shell input:focus,
html.is-mobile-app textarea:focus,
html.kozamia-app-shell textarea:focus {
  border-color: #752FEE !important;
  box-shadow: 0 0 0 3px rgba(249, 168, 212, 0.35) !important;
}

html.is-mobile-app #page-admin,
html.kozamia-app-shell #page-admin,
html.is-mobile-app .admin-mobile-shell,
html.kozamia-app-shell .admin-mobile-shell {
  background: #F8F5FC !important;
  color: #1A1A1A !important;
}

html.is-mobile-app .kozamia-boot-splash,
html.kozamia-app-shell .kozamia-boot-splash {
  background: #F8F5FC !important;
  color: #1A1A1A !important;
}

html.is-mobile-app .kozamia-boot-brand,
html.kozamia-app-shell .kozamia-boot-brand {
  color: #1A1A1A !important;
}

/* —— Arşiv Light Amethyst kilit (lam-01…65 birebir dil) —— */
html.is-mobile-app,
html.kozamia-app-shell {
  --dm-self: #752FEE !important;
  --dm-peer: #FFFFFF !important;
  --dm-ink: #1A1A1A !important;
  --dm-muted: #5C5668 !important;
  --dm-accent: #752FEE !important;
  --dm-surface: #FFFFFF !important;
  --dm-surface-2: #F8F5FC !important;
  --dm-line: rgba(117, 47, 238, 0.14) !important;
}

/* DM chat — arşiv lam-08 */
html.is-mobile-app .dm-chat-messages,
html.kozamia-app-shell .dm-chat-messages,
html.is-mobile-app #connect-panel-messages .dm-chat-messages,
html.kozamia-app-shell #connect-panel-messages .dm-chat-messages {
  background: #F8F5FC !important;
}

html.is-mobile-app .dm-msg.is-self .dm-msg-bubble,
html.kozamia-app-shell .dm-msg.is-self .dm-msg-bubble,
html.is-mobile-app #connect-panel-messages .dm-msg.is-self .dm-msg-bubble,
html.kozamia-app-shell #connect-panel-messages .dm-msg.is-self .dm-msg-bubble {
  background: #752FEE !important;
  color: #FFFFFF !important;
  border: none !important;
}

html.is-mobile-app .dm-msg.is-self .dm-msg-bubble::before,
html.kozamia-app-shell .dm-msg.is-self .dm-msg-bubble::before,
html.is-mobile-app #connect-panel-messages .dm-msg.is-self .dm-msg-bubble::before,
html.kozamia-app-shell #connect-panel-messages .dm-msg.is-self .dm-msg-bubble::before {
  border-color: transparent transparent transparent #752FEE !important;
}

html.is-mobile-app .dm-msg.is-peer .dm-msg-bubble,
html.kozamia-app-shell .dm-msg.is-peer .dm-msg-bubble,
html.is-mobile-app #connect-panel-messages .dm-msg.is-peer .dm-msg-bubble,
html.kozamia-app-shell #connect-panel-messages .dm-msg.is-peer .dm-msg-bubble {
  background: #FFFFFF !important;
  color: #1A1A1A !important;
  border: 1px solid rgba(249, 168, 212, 0.55) !important;
}

html.is-mobile-app .dm-msg.is-peer .dm-msg-bubble::before,
html.kozamia-app-shell .dm-msg.is-peer .dm-msg-bubble::before,
html.is-mobile-app #connect-panel-messages .dm-msg.is-peer .dm-msg-bubble::before,
html.kozamia-app-shell #connect-panel-messages .dm-msg.is-peer .dm-msg-bubble::before {
  border-color: transparent #FFFFFF transparent transparent !important;
}

html.is-mobile-app .dm-msg.is-self .dm-msg-bubble .small,
html.kozamia-app-shell .dm-msg.is-self .dm-msg-bubble .small,
html.is-mobile-app .dm-msg.is-self .dm-msg-bubble .muted,
html.kozamia-app-shell .dm-msg.is-self .dm-msg-bubble .muted,
html.is-mobile-app .dm-msg.is-self button.kz-mention,
html.kozamia-app-shell .dm-msg.is-self button.kz-mention {
  color: rgba(255, 255, 255, 0.78) !important;
}

/* Gönder = pembe (lam-08 send) */
html.is-mobile-app #dm-chat-form button[type="submit"].btn-primary,
html.kozamia-app-shell #dm-chat-form button[type="submit"].btn-primary {
  background: #F472B6 !important;
  background-image: none !important;
  border-color: #F472B6 !important;
  color: #FFFFFF !important;
  border-radius: 999px !important;
  width: 2.45rem !important;
  height: 2.45rem !important;
  min-width: 2.45rem !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html.is-mobile-app #connect-panel-messages .dm-attach-toggle,
html.kozamia-app-shell #connect-panel-messages .dm-attach-toggle,
html.is-mobile-app #connect-panel-messages .dm-voice-record-btn,
html.kozamia-app-shell #connect-panel-messages .dm-voice-record-btn {
  background: rgba(117, 47, 238, 0.1) !important;
  color: #752FEE !important;
  border-radius: 999px !important;
}

html.is-mobile-app #connect-panel-messages .dm-chat-form input#dm-chat-input,
html.kozamia-app-shell #connect-panel-messages .dm-chat-form input#dm-chat-input {
  background: #FFFFFF !important;
  border: 1px solid rgba(117, 47, 238, 0.16) !important;
  color: #1A1A1A !important;
}

html.is-mobile-app .dm-chat-peer strong,
html.kozamia-app-shell .dm-chat-peer strong {
  color: #1A1A1A !important;
}

html.is-mobile-app #dm-chat-peer-status.is-online-text,
html.kozamia-app-shell #dm-chat-peer-status.is-online-text,
html.is-mobile-app .dm-presence-inline.is-online,
html.kozamia-app-shell .dm-presence-inline.is-online {
  color: #752FEE !important;
}

/* Inbox unread + online (lam-07) */
html.is-mobile-app .dm-unread-badge,
html.kozamia-app-shell .dm-unread-badge,
html.is-mobile-app .dm-thread-unread,
html.kozamia-app-shell .dm-thread-unread {
  background: #752FEE !important;
  color: #FFFFFF !important;
}

html.is-mobile-app .presence-avatar.is-online .presence-dot,
html.kozamia-app-shell .presence-avatar.is-online .presence-dot,
html.is-mobile-app .dm-thread-online-dot,
html.kozamia-app-shell .dm-thread-online-dot {
  background: #F472B6 !important;
}

/* Ayarlar kartları (lam-14) */
html.is-mobile-app .profile-settings-sheet,
html.kozamia-app-shell .profile-settings-sheet {
  background: #F8F5FC !important;
}

html.is-mobile-app .ps-section,
html.kozamia-app-shell .ps-section,
html.is-mobile-app .ps-card,
html.kozamia-app-shell .ps-card,
html.is-mobile-app .ps-list,
html.kozamia-app-shell .ps-list,
html.is-mobile-app .ps-list-card,
html.kozamia-app-shell .ps-list-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(117, 47, 238, 0.12) !important;
  border-radius: 1rem !important;
  box-shadow: 0 4px 18px rgba(117, 47, 238, 0.06) !important;
}

html.is-mobile-app .ps-row,
html.kozamia-app-shell .ps-row {
  color: #1A1A1A !important;
  background: transparent !important;
}

html.is-mobile-app .ps-row-icon,
html.kozamia-app-shell .ps-row-icon,
html.is-mobile-app .ps-row-icon .material-symbols-outlined,
html.kozamia-app-shell .ps-row-icon .material-symbols-outlined {
  color: #752FEE !important;
}

html.is-mobile-app .ps-section-title,
html.kozamia-app-shell .ps-section-title,
html.is-mobile-app .ps-header-title,
html.kozamia-app-shell .ps-header-title {
  color: #752FEE !important;
}

html.is-mobile-app .toggle-row input,
html.kozamia-app-shell .toggle-row input,
html.is-mobile-app .share-studio-switch input:checked + span,
html.kozamia-app-shell .share-studio-switch input:checked + span {
  accent-color: #752FEE !important;
}

html.is-mobile-app .share-studio-switch input:checked + span,
html.kozamia-app-shell .share-studio-switch input:checked + span {
  background: #752FEE !important;
}

/* Auth modal (lam-01) */
html.is-mobile-app #modal-login .modal-box,
html.kozamia-app-shell #modal-login .modal-box,
html.is-mobile-app #modal-register .modal-box,
html.kozamia-app-shell #modal-register .modal-box {
  background: #FFFFFF !important;
  border: 1px solid rgba(117, 47, 238, 0.14) !important;
  border-radius: 1.25rem !important;
  box-shadow: 0 16px 48px rgba(117, 47, 238, 0.12) !important;
}

html.is-mobile-app #modal-login .auth-title,
html.kozamia-app-shell #modal-login .auth-title,
html.is-mobile-app #modal-login h2,
html.kozamia-app-shell #modal-login h2 {
  color: #1A1A1A !important;
}

html.is-mobile-app .auth-switch-hint .link-btn,
html.kozamia-app-shell .auth-switch-hint .link-btn,
html.is-mobile-app #modal-login a[data-auth-open="register"],
html.kozamia-app-shell #modal-login a[data-auth-open="register"] {
  color: #F472B6 !important;
}

/* Hikaye halkası mor→pembe (lam-25 / lam-28) */
html.is-mobile-app .story-ring:not(.is-seen) .story-ring-avatar,
html.kozamia-app-shell .story-ring:not(.is-seen) .story-ring-avatar,
html.is-mobile-app #page-feed .story-ring:not(.is-seen) .story-ring-avatar,
html.kozamia-app-shell #page-feed .story-ring:not(.is-seen) .story-ring-avatar {
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(135deg, #752FEE, #F9A8D4) border-box !important;
  border: 2px solid transparent !important;
}

html.is-mobile-app .story-ring-badge-add,
html.kozamia-app-shell .story-ring-badge-add {
  background: #752FEE !important;
  color: #FFFFFF !important;
}

/* Kart yüzeyleri */
html.is-mobile-app .feature-card,
html.kozamia-app-shell .feature-card,
html.is-mobile-app .post-card,
html.kozamia-app-shell .post-card,
html.is-mobile-app .feed-card,
html.kozamia-app-shell .feed-card,
html.is-mobile-app .notif-item,
html.kozamia-app-shell .notif-item,
html.is-mobile-app .confession-card,
html.kozamia-app-shell .confession-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(117, 47, 238, 0.12) !important;
  color: #1A1A1A !important;
  box-shadow: 0 4px 16px rgba(117, 47, 238, 0.05) !important;
}

/* Dark override öldür — arşiv light */
html.is-mobile-app body:has(#theme-toggle:checked) .dm-msg-bubble,
html.kozamia-app-shell body:has(#theme-toggle:checked) .dm-msg-bubble,
html.is-mobile-app body.site-ui-force-dark .dm-msg-bubble,
html.kozamia-app-shell body.site-ui-force-dark .dm-msg-bubble,
html.is-mobile-app body:has(#theme-toggle:checked) .dm-msg.is-self .dm-msg-bubble,
html.kozamia-app-shell body:has(#theme-toggle:checked) .dm-msg.is-self .dm-msg-bubble,
html.is-mobile-app body.site-ui-force-dark .dm-msg.is-self .dm-msg-bubble,
html.kozamia-app-shell body.site-ui-force-dark .dm-msg.is-self .dm-msg-bubble {
  background: #752FEE !important;
  color: #FFFFFF !important;
}

html.is-mobile-app body:has(#theme-toggle:checked) .dm-msg.is-peer .dm-msg-bubble,
html.kozamia-app-shell body:has(#theme-toggle:checked) .dm-msg.is-peer .dm-msg-bubble,
html.is-mobile-app body.site-ui-force-dark .dm-msg.is-peer .dm-msg-bubble,
html.kozamia-app-shell body.site-ui-force-dark .dm-msg.is-peer .dm-msg-bubble {
  background: #FFFFFF !important;
  color: #1A1A1A !important;
}

html.is-mobile-app body:has(#theme-toggle:checked) .dm-chat-messages,
html.kozamia-app-shell body:has(#theme-toggle:checked) .dm-chat-messages,
html.is-mobile-app body.site-ui-force-dark .dm-chat-messages,
html.kozamia-app-shell body.site-ui-force-dark .dm-chat-messages {
  background: #F8F5FC !important;
}

/* Yorumlar (lam-33) */
html.is-mobile-app .comment-item,
html.kozamia-app-shell .comment-item,
html.is-mobile-app .pqe-comment,
html.kozamia-app-shell .pqe-comment {
  background: #FFFFFF !important;
  border: 1px solid rgba(117, 47, 238, 0.1) !important;
  color: #1A1A1A !important;
}

html.is-mobile-app .comment-reply,
html.kozamia-app-shell .comment-reply,
html.is-mobile-app .yanitla,
html.kozamia-app-shell .yanitla {
  color: #F472B6 !important;
}

/* Intent modal (lam-23) */
html.is-mobile-app #modal-intent .intent-choice,
html.kozamia-app-shell #modal-intent .intent-choice {
  background: #FFFFFF !important;
  border: 1px solid rgba(117, 47, 238, 0.14) !important;
  color: #1A1A1A !important;
}

html.is-mobile-app #modal-intent .intent-choice .material-symbols-outlined,
html.kozamia-app-shell #modal-intent .intent-choice .material-symbols-outlined {
  color: #752FEE !important;
}

/* —— Yorumlar wall (lam-33) —— */
html.is-mobile-app .wall-comment-item,
html.kozamia-app-shell .wall-comment-item,
html.is-mobile-app .feed-reel-comments-sheet,
html.kozamia-app-shell .feed-reel-comments-sheet {
  background: #FFFFFF !important;
  color: #1A1A1A !important;
}

html.is-mobile-app .wall-comment-item,
html.kozamia-app-shell .wall-comment-item {
  border: 1px solid rgba(117, 47, 238, 0.1) !important;
  border-radius: 0.9rem !important;
  padding: 0.65rem 0.75rem !important;
  margin-bottom: 0.45rem !important;
  box-shadow: 0 2px 10px rgba(117, 47, 238, 0.04) !important;
}

html.is-mobile-app .wall-comment-author,
html.kozamia-app-shell .wall-comment-author,
html.is-mobile-app .wall-comment-author-static,
html.kozamia-app-shell .wall-comment-author-static,
html.is-mobile-app .wall-comment-text,
html.kozamia-app-shell .wall-comment-text {
  color: #1A1A1A !important;
}

html.is-mobile-app .wall-comment-action[data-comment-reply],
html.kozamia-app-shell .wall-comment-action[data-comment-reply] {
  color: #F472B6 !important;
  font-weight: 600 !important;
}

html.is-mobile-app .wall-comment-action,
html.kozamia-app-shell .wall-comment-action {
  color: #752FEE !important;
}

html.is-mobile-app .wall-comment-form,
html.kozamia-app-shell .wall-comment-form,
html.is-mobile-app .feed-reel-comments-form,
html.kozamia-app-shell .feed-reel-comments-form {
  background: #FFFFFF !important;
  border-top: 1px solid rgba(117, 47, 238, 0.12) !important;
}

html.is-mobile-app .wall-comment-form input,
html.kozamia-app-shell .wall-comment-form input,
html.is-mobile-app .wall-comment-form textarea,
html.kozamia-app-shell .wall-comment-form textarea,
html.is-mobile-app .feed-reel-comments-form input,
html.kozamia-app-shell .feed-reel-comments-form input {
  background: #FFFFFF !important;
  border: 1px solid rgba(117, 47, 238, 0.18) !important;
  border-radius: 999px !important;
  color: #1A1A1A !important;
}

html.is-mobile-app .wall-comment-form button[type="submit"],
html.kozamia-app-shell .wall-comment-form button[type="submit"],
html.is-mobile-app .feed-reel-comments-form button[type="submit"],
html.kozamia-app-shell .feed-reel-comments-form button[type="submit"] {
  background: #752FEE !important;
  color: #FFFFFF !important;
  border-radius: 999px !important;
  border: none !important;
}

html.is-mobile-app .feed-reel-comments-head,
html.kozamia-app-shell .feed-reel-comments-head {
  color: #752FEE !important;
  background: #FFFFFF !important;
}

html.is-mobile-app .feed-reel-comments,
html.kozamia-app-shell .feed-reel-comments {
  background: rgba(26, 26, 26, 0.35) !important;
}

html.is-mobile-app .feed-reel-comments-sheet,
html.kozamia-app-shell .feed-reel-comments-sheet {
  background: #F8F5FC !important;
}

/* —— Bildirimler (lam-12) —— */
html.is-mobile-app .notif-tab.is-active,
html.kozamia-app-shell .notif-tab.is-active {
  color: #752FEE !important;
  box-shadow: inset 0 -3px 0 #F472B6 !important;
}

html.is-mobile-app .notif-tab,
html.kozamia-app-shell .notif-tab {
  color: #5C5668 !important;
}

html.is-mobile-app .notif-item,
html.kozamia-app-shell .notif-item,
html.is-mobile-app .connect-notif-item,
html.kozamia-app-shell .connect-notif-item,
html.is-mobile-app [data-notif-item],
html.kozamia-app-shell [data-notif-item] {
  background: #FFFFFF !important;
  color: #1A1A1A !important;
  border-bottom: 1px solid rgba(117, 47, 238, 0.08) !important;
}

html.is-mobile-app .notif-item .muted,
html.kozamia-app-shell .notif-item .muted,
html.is-mobile-app .notif-time,
html.kozamia-app-shell .notif-time,
html.is-mobile-app .connect-notif-time,
html.kozamia-app-shell .connect-notif-time {
  color: #F472B6 !important;
}

html.is-mobile-app .notif-ico,
html.kozamia-app-shell .notif-ico,
html.is-mobile-app .connect-notif-ico,
html.kozamia-app-shell .connect-notif-ico,
html.is-mobile-app .notif-avatar,
html.kozamia-app-shell .notif-avatar {
  background: rgba(117, 47, 238, 0.12) !important;
  color: #752FEE !important;
  border-radius: 999px !important;
}

html.is-mobile-app .notif-line,
html.kozamia-app-shell .notif-line,
html.is-mobile-app .notif-user,
html.kozamia-app-shell .notif-user,
html.is-mobile-app .notif-action,
html.kozamia-app-shell .notif-action {
  color: #1A1A1A !important;
}

html.is-mobile-app .notif-dot-unread,
html.kozamia-app-shell .notif-dot-unread {
  background: #F472B6 !important;
}

/* —— Profil hub (lam-13) —— */
html.is-mobile-app .profile-hub-row,
html.kozamia-app-shell .profile-hub-row {
  background: #FFFFFF !important;
  border: 1px solid rgba(117, 47, 238, 0.12) !important;
  border-radius: 0.9rem !important;
  color: #1A1A1A !important;
  box-shadow: 0 2px 12px rgba(117, 47, 238, 0.05) !important;
  margin-bottom: 0.45rem !important;
}

html.is-mobile-app .profile-hub-label,
html.kozamia-app-shell .profile-hub-label {
  color: #1A1A1A !important;
}

html.is-mobile-app .profile-hub-icon,
html.kozamia-app-shell .profile-hub-icon {
  background: rgba(117, 47, 238, 0.1) !important;
  border-radius: 0.65rem !important;
}

html.is-mobile-app .profile-hub-icon .material-symbols-outlined,
html.kozamia-app-shell .profile-hub-icon .material-symbols-outlined,
html.is-mobile-app .profile-hub-chevron,
html.kozamia-app-shell .profile-hub-chevron {
  color: #752FEE !important;
}

html.is-mobile-app .profile-fb-avatar,
html.kozamia-app-shell .profile-fb-avatar,
html.is-mobile-app #profile-avatar,
html.kozamia-app-shell #profile-avatar {
  box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 5px #F9A8D4, 0 0 0 7px #752FEE !important;
}

html.is-mobile-app .profile-edit-btn,
html.kozamia-app-shell .profile-edit-btn,
html.is-mobile-app #profile-edit-open,
html.kozamia-app-shell #profile-edit-open,
html.is-mobile-app .btn-profile-edit,
html.kozamia-app-shell .btn-profile-edit {
  background: #752FEE !important;
  color: #FFFFFF !important;
  border-radius: 0.85rem !important;
}

/* —— İtiraflar (lam-11) —— */
html.is-mobile-app .confession-card,
html.kozamia-app-shell .confession-card,
html.is-mobile-app .itiraf-card,
html.kozamia-app-shell .itiraf-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(117, 47, 238, 0.14) !important;
  border-radius: 1rem !important;
  color: #1A1A1A !important;
  box-shadow: 0 4px 16px rgba(117, 47, 238, 0.05) !important;
}

html.is-mobile-app .confession-support,
html.kozamia-app-shell .confession-support,
html.is-mobile-app .btn-yanindayim,
html.kozamia-app-shell .btn-yanindayim,
html.is-mobile-app [data-confession-support],
html.kozamia-app-shell [data-confession-support] {
  background: rgba(249, 168, 212, 0.35) !important;
  color: #F472B6 !important;
  border-radius: 999px !important;
  border: none !important;
}

/* —— Keşfet kartları —— */
html.is-mobile-app .discover-cat-card,
html.kozamia-app-shell .discover-cat-card,
html.is-mobile-app .discover-feature-card,
html.kozamia-app-shell .discover-feature-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(117, 47, 238, 0.12) !important;
  color: #1A1A1A !important;
  border-radius: 1rem !important;
}

html.is-mobile-app .discover-cat-icon,
html.kozamia-app-shell .discover-cat-icon {
  background: rgba(117, 47, 238, 0.1) !important;
  color: #752FEE !important;
}

/* —— Toast (lam-58 / fix-03) —— */
html.is-mobile-app #rewards-toast,
html.kozamia-app-shell #rewards-toast,
html.is-mobile-app #kozamia-float-toast,
html.kozamia-app-shell #kozamia-float-toast,
html.is-mobile-app .mod-toast,
html.kozamia-app-shell .mod-toast {
  background: #752FEE !important;
  color: #FFFFFF !important;
  border-radius: 999px !important;
}

/* —— Anket barları —— */
html.is-mobile-app .bar-lilac,
html.kozamia-app-shell .bar-lilac,
html.is-mobile-app .bar-teal,
html.kozamia-app-shell .bar-teal {
  background: #CE8FF2 !important;
}
html.is-mobile-app .bar-violet,
html.kozamia-app-shell .bar-violet {
  background: #752FEE !important;
}
html.is-mobile-app .bar-rose,
html.kozamia-app-shell .bar-rose {
  background: #F472B6 !important;
}
html.is-mobile-app .bar-cyan,
html.kozamia-app-shell .bar-cyan {
  background: #996BF1 !important;
}