/* Extracted from panel.css — readability overlays */
/* === PANEL READABILITY r804 (sidebar dock ölçü — tüm temalar) === */
/* Tipografi: koyu/açık/gül aynı taban boyutlar */
html.theme-dark body,
html.theme-mythos body,
html.theme-light body,
html.theme-rose body {
  font-size: 16px !important;
  line-height: 1.5 !important;
}
html.theme-dark .sidebar-btn,
html.theme-mythos .sidebar-btn,
html.theme-light .sidebar-btn,
html.theme-rose .sidebar-btn {
  font-size: .68rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}
html.theme-dark .sidebar-group-label,
html.theme-mythos .sidebar-group-label,
html.theme-light .sidebar-group-label,
html.theme-light .nav-group-label,
html.theme-rose .sidebar-group-label,
html.theme-rose .nav-group-label {
  font-size: .56rem !important;
  letter-spacing: .11em !important;
  font-weight: 600 !important;
}
html.theme-dark .section-title,
html.theme-mythos .section-title,
html.theme-light .section-title,
html.theme-rose .section-title {
  font-size: var(--rv-title-fs, 1.4rem) !important;
  font-weight: 800 !important;
}
/* Takvim bugün şeridi — global 1.4rem başlık burayı şişirmesin */
html.theme-dark .takvim-sekme .today-hero .section-title,
html.theme-mythos .takvim-sekme .today-hero .section-title,
html.theme-light .takvim-sekme .today-hero .section-title,
html.theme-rose .takvim-sekme .today-hero .section-title {
  font-size: .88rem !important;
  line-height: 1.2 !important;
  letter-spacing: -.02em !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
}
html.theme-dark .takvim-sekme .today-hero .section-sub,
html.theme-mythos .takvim-sekme .today-hero .section-sub,
html.theme-light .takvim-sekme .today-hero .section-sub,
html.theme-rose .takvim-sekme .today-hero .section-sub {
  font-size: .68rem !important;
  line-height: 1.35 !important;
  margin-top: .12rem !important;
}
@media (max-width: 767.98px) {
  html.theme-dark .takvim-sekme .today-hero .section-title,
  html.theme-mythos .takvim-sekme .today-hero .section-title,
  html.theme-light .takvim-sekme .today-hero .section-title,
  html.theme-rose .takvim-sekme .today-hero .section-title {
    font-size: .8rem !important;
  }
  html.theme-dark .takvim-sekme .today-hero .section-sub,
  html.theme-mythos .takvim-sekme .today-hero .section-sub,
  html.theme-light .takvim-sekme .today-hero .section-sub,
  html.theme-rose .takvim-sekme .today-hero .section-sub {
    font-size: .62rem !important;
  }
}
html.theme-dark .section-sub,
html.theme-mythos .section-sub,
html.theme-light .section-sub,
html.theme-rose .section-sub {
  font-size: .9rem !important;
}
html.theme-dark .field,
html.theme-mythos .field,
html.theme-light .field,
html.theme-rose .field,
html.theme-dark .btn-primary,
html.theme-mythos .btn-primary,
html.theme-light .btn-primary,
html.theme-rose .btn-primary,
html.theme-dark .btn-soft,
html.theme-mythos .btn-soft,
html.theme-light .btn-soft,
html.theme-rose .btn-soft {
  font-size: var(--rv-ui-fs, .9375rem) !important;
}
html.theme-dark .kpi-lbl,
html.theme-mythos .kpi-lbl,
html.theme-light .kpi-lbl,
html.theme-rose .kpi-lbl {
  font-size: var(--rv-label-sm, .8rem) !important;
}
html.theme-dark .kpi-val,
html.theme-mythos .kpi-val,
html.theme-light .kpi-val,
html.theme-rose .kpi-val {
  font-size: 1.35rem !important;
  font-weight: 800 !important;
}

/* Açık + gül: menü metin/ikon kontrast */
html.theme-light .sidebar-btn,
html.theme-rose .sidebar-btn {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}
html.theme-light .sidebar-btn .ico,
html.theme-light .sidebar-btn .ico svg,
html.theme-rose .sidebar-btn .ico,
html.theme-rose .sidebar-btn .ico svg {
  color: var(--ico-stroke, #334155) !important;
  stroke: currentColor !important;
  opacity: 1 !important;
  filter: none !important;
}
html.theme-light .sidebar-btn:hover,
html.theme-rose .sidebar-btn:hover {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: rgba(15, 23, 42, .05) !important;
}
html.theme-light .sidebar-btn.active {
  color: #78350f !important;
  -webkit-text-fill-color: #78350f !important;
}
html.theme-light .sidebar-btn.active .ico,
html.theme-light .sidebar-btn.active .ico svg {
  color: #78350f !important;
}
html.theme-rose .sidebar-btn.active:not([data-nav-hue]) {
  color: #9d174d !important;
  -webkit-text-fill-color: #9d174d !important;
  background: linear-gradient(135deg, rgba(244,114,182,.22), rgba(236,72,153,.1)) !important;
  border-color: rgba(236,72,153,.3) !important;
}
html.theme-rose .sidebar-btn.active:not([data-nav-hue]) .ico,
html.theme-rose .sidebar-btn.active:not([data-nav-hue]) .ico svg {
  color: #9d174d !important;
}
html.theme-light .sidebar-group-label,
html.theme-light .nav-group-label {
  color: #64748b !important;
}
html.theme-rose .sidebar-group-label,
html.theme-rose .nav-group-label {
  color: #6b5c64 !important;
}

/* Sidebar logo — koyu yastık üstünde net görünür */
html.theme-light .sidebar-foot .sidebar-brand-block,
html.theme-rose .sidebar-foot .sidebar-brand-block,
html.theme-light .mob-drawer-foot .sidebar-brand-block,
html.theme-rose .mob-drawer-foot .sidebar-brand-block {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: .22rem !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: .42rem .45rem .4rem !important;
  border-radius: .55rem !important;
  background: #1c1917 !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, .18) !important;
  box-sizing: border-box !important;
}
html.theme-light .sidebar-foot .sidebar-brand-row--glyph,
html.theme-rose .sidebar-foot .sidebar-brand-row--glyph,
html.theme-light .mob-drawer-foot .sidebar-brand-row--glyph,
html.theme-rose .mob-drawer-foot .sidebar-brand-row--glyph {
  gap: .28rem !important;
  align-items: center !important;
}
html.theme-light .sidebar-foot .rv-logo,
html.theme-rose .sidebar-foot .rv-logo,
html.theme-light .mob-drawer-foot .rv-logo,
html.theme-rose .mob-drawer-foot .rv-logo {
  width: 2.15rem !important;
  height: 2.15rem !important;
  max-width: 2.15rem !important;
  max-height: 2.15rem !important;
  filter: contrast(1.2) saturate(1.15) brightness(1.05) !important;
  opacity: 1 !important;
}
html.theme-light .sidebar-foot .sidebar-brand-word,
html.theme-rose .sidebar-foot .sidebar-brand-word,
html.theme-light .mob-drawer-foot .sidebar-brand-word,
html.theme-rose .mob-drawer-foot .sidebar-brand-word {
  color: #f8f1e3 !important;
  font-size: .92rem !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  text-shadow: none !important;
}
html.theme-light .sidebar-foot .sidebar-brand-tagline,
html.theme-rose .sidebar-foot .sidebar-brand-tagline,
html.theme-light .mob-drawer-foot .sidebar-brand-tagline,
html.theme-rose .mob-drawer-foot .sidebar-brand-tagline {
  color: rgba(248, 241, 227, .72) !important;
  font-size: .68rem !important;
  font-weight: 600 !important;
}

/* Açık + gül: tüm yüzey kutuları belirgin */
html.theme-light .card,
html.theme-light .form-block,
html.theme-light .ay-section,
html.theme-light .ay-settings-top,
html.theme-light .ay-cat-panel,
html.theme-light .stat-card,
html.theme-light .plan-card,
html.theme-light .stok-urun-kart,
html.theme-light .kpi-card,
html.theme-light .rv-rail-card,
html.theme-light .rv-ciro-board,
html.theme-light .today-hero,
html.theme-light .welcome-banner,
html.theme-light .desktop-topbar,
html.theme-light .hz-kart,
html.theme-light .musteri-kart,
html.theme-light .personel-kart,
html.theme-light .gecmis-kart,
html.theme-light .istat-yogun-card,
html.theme-light .istat-stok-mini,
html.theme-light .stok-kpi,
html.theme-light .kasa-kart,
html.theme-light .duyuru-kart,
html.theme-light .cs-gun-chip,
html.theme-light .period-pill,
html.theme-light .mr-slot-btn,
html.theme-light .list-row,
html.theme-light .panel-list-item,
html.theme-rose .card,
html.theme-rose .form-block,
html.theme-rose .ay-section,
html.theme-rose .ay-settings-top,
html.theme-rose .ay-cat-panel,
html.theme-rose .stat-card,
html.theme-rose .plan-card,
html.theme-rose .stok-urun-kart,
html.theme-rose .kpi-card,
html.theme-rose .rv-rail-card,
html.theme-rose .rv-ciro-board,
html.theme-rose .today-hero,
html.theme-rose .welcome-banner,
html.theme-rose .desktop-topbar,
html.theme-rose .hz-kart,
html.theme-rose .musteri-kart,
html.theme-rose .personel-kart,
html.theme-rose .gecmis-kart,
html.theme-rose .istat-yogun-card,
html.theme-rose .istat-stok-mini,
html.theme-rose .stok-kpi,
html.theme-rose .kasa-kart,
html.theme-rose .duyuru-kart,
html.theme-rose .cs-gun-chip,
html.theme-rose .period-pill,
html.theme-rose .mr-slot-btn,
html.theme-rose .list-row,
html.theme-rose .panel-list-item {
  background-color: var(--rv-surface-1) !important;
  border: 1px solid var(--rv-border) !important;
  box-shadow: var(--rv-shadow-card) !important;
}
html.theme-light .card,
html.theme-light .form-block,
html.theme-light .ay-section,
html.theme-light .stat-card,
html.theme-light .plan-card,
html.theme-light .stok-urun-kart,
html.theme-rose .card,
html.theme-rose .form-block,
html.theme-rose .ay-section,
html.theme-rose .stat-card,
html.theme-rose .plan-card,
html.theme-rose .stok-urun-kart {
  padding: .95rem 1.05rem !important;
}
/* Hizmet kutuları — genel .card padding şişirmesin */
html.theme-light .hz-kart.card,
html.theme-rose .hz-kart.card,
html.theme-dark .hz-kart.card,
html.theme-mythos .hz-kart.card {
  padding: 0 !important;
}
html.theme-dark .hz-kart .btn-soft,
html.theme-mythos .hz-kart .btn-soft,
html.theme-light .hz-kart .btn-soft,
html.theme-rose .hz-kart .btn-soft,
html.theme-dark .hz-kart .hz-kart-duzenle,
html.theme-mythos .hz-kart .hz-kart-duzenle,
html.theme-light .hz-kart .hz-kart-duzenle,
html.theme-rose .hz-kart .hz-kart-duzenle {
  font-size: .58rem !important;
  min-height: 1.2rem !important;
  padding: .08rem .32rem !important;
  line-height: 1.1 !important;
}
html.theme-light .field,
html.theme-rose .field {
  background: var(--rv-input-bg) !important;
  border: 1px solid var(--rv-border) !important;
  color: var(--rv-text) !important;
  font-weight: 500 !important;
  min-height: 2.45rem !important;
}
html.theme-light .cal-day,
html.theme-rose .cal-day,
html.theme-light .rv-cal-cell,
html.theme-rose .rv-cal-cell {
  background: var(--rv-input-bg) !important;
  border: 1px solid var(--rv-border) !important;
  box-shadow: var(--rv-shadow-soft) !important;
  color: var(--rv-text) !important;
}
html.theme-light .takvim-sekme .takvim-ana,
html.theme-rose .takvim-sekme .takvim-ana {
  background: var(--rv-surface-1) !important;
  border: 1px solid var(--rv-border) !important;
  box-shadow: var(--rv-shadow-card) !important;
}
html.theme-light .topbar-title,
html.theme-rose .topbar-title {
  font-size: 1.78rem !important;
  font-weight: 800 !important;
}
html.theme-light .topbar-sub,
html.theme-rose .topbar-sub {
  font-size: .9rem !important;
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}
html.theme-rose .topbar-sub {
  color: #5b4a52 !important;
  -webkit-text-fill-color: #5b4a52 !important;
}

/* Sekme içi liste / satır kutuları */
html.theme-light .personel-liste-item,
html.theme-light .hz-liste-item,
html.theme-light .musteri-satir,
html.theme-light .gecmis-satir,
html.theme-light .kasa-satir,
html.theme-light .duyuru-item,
html.theme-light .ay-cat-item,
html.theme-rose .personel-liste-item,
html.theme-rose .hz-liste-item,
html.theme-rose .musteri-satir,
html.theme-rose .gecmis-satir,
html.theme-rose .kasa-satir,
html.theme-rose .duyuru-item,
html.theme-rose .ay-cat-item {
  background: var(--rv-surface-1) !important;
  border: 1px solid var(--rv-border) !important;
  border-radius: .65rem !important;
  box-shadow: var(--rv-shadow-soft) !important;
}

/* === PANEL READABILITY r743b === */
html.theme-light .sidebar-btn .ico.rv-ico-svg svg,
html.theme-rose .sidebar-btn .ico.rv-ico-svg svg {
  stroke-width: 2.15 !important;
  width: 1.12rem !important;
  height: 1.12rem !important;
}
html.theme-light .cal-day,
html.theme-rose .cal-day,
html.theme-light .rv-cal-cell,
html.theme-rose .rv-cal-cell {
  border: 1.5px solid var(--rv-border) !important;
  box-shadow: var(--rv-shadow-soft) !important;
  background: var(--rv-input-bg) !important;
}
html.theme-light .takvim-sekme .takvim-ana,
html.theme-rose .takvim-sekme .takvim-ana,
html.theme-light .takvim-ana.card,
html.theme-rose .takvim-ana.card {
  border: 1.5px solid var(--rv-border) !important;
  background: var(--rv-surface-1) !important;
  box-shadow: var(--rv-shadow-card) !important;
}
html.theme-light .card,
html.theme-rose .card,
html.theme-light .form-block,
html.theme-rose .form-block,
html.theme-light .kpi-card,
html.theme-rose .kpi-card,
html.theme-light .stat-card,
html.theme-rose .stat-card {
  border: 1.5px solid var(--rv-border) !important;
  background: var(--rv-surface-1) !important;
  box-shadow: var(--rv-shadow-card) !important;
}
html.theme-light .desktop-topbar,
html.theme-rose .desktop-topbar,
html.theme-light .today-hero,
html.theme-rose .today-hero {
  border: 1.5px solid rgba(15, 23, 42, .16) !important;
  box-shadow: 0 2px 4px rgba(15, 23, 42, .05), 0 10px 28px rgba(15, 23, 42, .08) !important;
}
html.theme-light .sidebar-btn,
html.theme-rose .sidebar-btn {
  border: 1px solid transparent !important;
}
html.theme-light .sidebar-btn:hover,
html.theme-rose .sidebar-btn:hover {
  border-color: rgba(15, 23, 42, .12) !important;
}
html.theme-light .sidebar-btn.active,
html.theme-rose .sidebar-btn.active {
  border: 1px solid rgba(15, 23, 42, .14) !important;
}

/* === PANEL READABILITY r744 dark guard === */
html.theme-dark .sidebar-btn,
html.theme-mythos .sidebar-btn {
  color: var(--rv-text-2) !important;
  -webkit-text-fill-color: currentColor !important;
}
html.theme-dark .sidebar-btn.active,
html.theme-mythos .sidebar-btn.active {
  color: var(--rv-text) !important;
  -webkit-text-fill-color: currentColor !important;
}
html.theme-dark .sidebar-btn .ico:not(.sb-ico--premium),
html.theme-mythos .sidebar-btn .ico:not(.sb-ico--premium),
html.theme-dark .sidebar-btn .ico:not(.sb-ico--premium) svg,
html.theme-mythos .sidebar-btn .ico:not(.sb-ico--premium) svg {
  color: inherit !important;
  opacity: 1 !important;
}
html.theme-light .cal-day,
html.theme-rose .cal-day {
  border: 1.5px solid var(--rv-border) !important;
  box-shadow: var(--rv-shadow-soft) !important;
}

/* === PANEL READABILITY r745 polish === */
html.theme-rose .sidebar-foot .sidebar-brand-block,
html.theme-rose .mob-drawer-foot .sidebar-brand-block {
  background: linear-gradient(165deg, #3b1024 0%, #1f0a14 100%) !important;
  border: 1px solid rgba(244, 114, 182, .35) !important;
}
html.theme-light .sidebar-foot .sidebar-brand-block,
html.theme-light .mob-drawer-foot .sidebar-brand-block {
  background: linear-gradient(165deg, #292524 0%, #1c1917 100%) !important;
  border: 1px solid rgba(201, 138, 75, .35) !important;
}
html.theme-light .field,
html.theme-rose .field,
html.theme-light textarea.field,
html.theme-rose textarea.field,
html.theme-light input.field,
html.theme-rose input.field {
  border: 1.5px solid var(--rv-border) !important;
  box-shadow: var(--rv-shadow-soft) !important;
  background: var(--rv-input-bg) !important;
  font-size: 1rem !important;
  min-height: 2.6rem !important;
}
html.theme-light .section-sub,
html.theme-rose .section-sub,
html.theme-light .field-hint,
html.theme-rose .field-hint {
  font-size: .95rem !important;
  font-weight: 500 !important;
}
html.theme-light .form-block,
html.theme-rose .form-block,
html.theme-light .ay-section,
html.theme-rose .ay-section {
  border: 1.5px solid var(--rv-border) !important;
  padding: 1rem 1.1rem !important;
  background: var(--rv-surface-1) !important;
}

/* Personel sekmesi: küçük yazıları ölçülü büyüt + kutuları belirginleştir */
#tab-usta .personel-liste-eyebrow,
#tab-usta .vardiya-board-eyebrow,
#tab-usta .salon-duyuru-gonder-eyebrow { font-size: .68rem !important; letter-spacing: .09em !important; }
#tab-usta .personel-durum { font-size: .74rem !important; }
#tab-usta .personel-ozet-chip-ico { font-size: .82rem !important; }
#tab-usta .personel-ozet-chip-lbl { font-size: .68rem !important; }
#tab-usta .personel-ozet-chip-val { font-size: .82rem !important; }
#tab-usta .vardiya-th { font-size: .72rem !important; }
#tab-usta .vardiya-mod-badge { font-size: .66rem !important; }
#tab-usta .vardiya-hafta-tarih { font-size: .8rem !important; }
#tab-usta .vardiya-chip { font-size: .8rem !important; }
#tab-usta .vardiya-off { font-size: .78rem !important; }
#tab-usta .salon-duyuru-gonder-alt { font-size: .76rem !important; }
#tab-usta .salon-duyuru-hedef-secenek,
#tab-usta .salon-duyuru-push-secenek { font-size: .82rem !important; }

html.theme-light #tab-usta .personel-ozet-btn,
html.theme-rose #tab-usta .personel-ozet-btn {
  border-width: 1.5px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .05), 0 6px 18px rgba(15, 23, 42, .07) !important;
}
html.theme-light #tab-usta .personel-ozet-chip,
html.theme-rose #tab-usta .personel-ozet-chip {
  box-shadow: 0 1px 2px rgba(15, 23, 42, .05) !important;
}
html.theme-rose #tab-usta .personel-ozet-btn { border-color: rgba(236, 72, 153, .28) !important; }
html.theme-rose #tab-usta .personel-ozet-chip { border-color: rgba(236, 72, 153, .2) !important; }

/* Müşteri sekmesi: aşırı küçük yazıları okunur boyuta büyüt */
#tab-musteri .musteri-kpi-grid .kpi-icon { font-size: .95rem !important; }
#tab-musteri .musteri-kpi-grid .kpi-lbl { font-size: .82rem !important; letter-spacing: .04em !important; }
#tab-musteri .pu-export-btn { font-size: .82rem !important; }
#tab-musteri .musteri-sayfa-bar { font-size: .82rem !important; }
#tab-musteri .kara-panel-meta { font-size: .72rem !important; }
#tab-musteri .musteri-kara-ayar { font-size: .8rem !important; }
#tab-musteri .musteri-kara-hint { font-size: .8rem !important; line-height: 1.4 !important; }
#tab-musteri .musteri-kara-compact .kara-empty-title,
#tab-musteri .kara-empty-title { font-size: .9rem !important; }
#tab-musteri .musteri-kara-compact .kara-empty-sub,
#tab-musteri .kara-empty-sub { font-size: .8rem !important; }
#tab-musteri .kara-link-ayar { font-size: .8rem !important; }

/* Web sayfası — canlı önizleme (masaüstü + mobil) */
.wo-arac { display: inline-flex; gap: 6px; }

/* Premium önizleme kontrol çubuğu (Tasarım modu / cihaz / aksiyonlar) */
.ws-wo-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}
.ws-wo-title { min-width: 190px; flex: 1 1 220px; }
.ws-wo-controls {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.ws-seg {
  display: inline-flex;
  gap: 2px;
  padding: 3px;
  border-radius: 12px;
  background: var(--rv-surface-2, rgba(15, 23, 42, .05));
  border: 1px solid var(--rv-border, rgba(15, 23, 42, .08));
}
.ws-seg-btn {
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--rv-text-2, #64748b);
  font-size: .72rem;
  font-weight: 800;
  padding: 6px 13px;
  border-radius: 9px;
  cursor: pointer;
  transition: background .18s ease, color .18s ease, box-shadow .18s ease;
}
.ws-seg-btn:hover { color: var(--rv-text, #0f172a); }
.ws-seg-btn.is-active {
  background: var(--rv-surface-1, #fff);
  color: var(--rv-text, #0f172a);
  box-shadow: 0 1px 3px rgba(2, 6, 23, .14);
}
.ws-chip {
  appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: .72rem;
  font-weight: 800;
  line-height: 1;
  padding: 9px 14px;
  border-radius: 11px;
  cursor: pointer;
  white-space: nowrap;
  border: 1px solid var(--rv-border, rgba(15, 23, 42, .10));
  background: var(--rv-surface-1, #fff);
  color: var(--rv-text, #0f172a);
  transition: transform .12s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}
.ws-chip:hover { box-shadow: 0 6px 16px rgba(2, 6, 23, .12); transform: translateY(-1px); }
.ws-chip:active { transform: translateY(0); box-shadow: none; }
/* İkon-only araç butonları (Tam ekran / Yenile) — kare, SVG ortalı */
.ws-chip.ws-icon { padding: 9px; gap: 0; }
.ws-chip svg { width: 18px; height: 18px; display: block; }
.ws-seg-btn.ws-icon { display: inline-flex; align-items: center; justify-content: center; padding: 6px 14px; }
.ws-seg-btn svg { width: 18px; height: 18px; display: block; }
/* İkon + metin chip'leri (Tasarım modu / Yeni sekmede aç) */
.ws-chip-ico { gap: 7px; }
.ws-chip-ico .ws-btn-ico { display: inline-flex; align-items: center; }
.ws-chip-ico .ws-btn-ico svg { width: 16px; height: 16px; display: block; }
.ws-chip-ico .ws-btn-lbl { line-height: 1; }
.ws-chip-primary {
  background: var(--rv-gold, #d4a84b);
  border-color: transparent;
  color: #0a080d;
  box-shadow: 0 6px 16px rgba(0, 0, 0, .18);
}
.ws-chip-primary:hover { box-shadow: 0 10px 22px rgba(0, 0, 0, .24); }
.ws-chip-primary.ws-cikis {
  background: linear-gradient(135deg, #0f172a, #1f2937);
  color: #fff;
  box-shadow: 0 6px 18px rgba(2, 6, 23, .30);
}
.ws-chip-warn {
  border-color: rgba(245, 158, 11, .55) !important;
  box-shadow: 0 0 0 2px rgba(245, 158, 11, .18), 0 6px 16px rgba(0, 0, 0, .14);
}
.ws-chip-primary.ws-chip-warn {
  background: linear-gradient(135deg, #d4a84b, #f59e0b);
  color: #0a080d;
}

/* Mockup üstü tek aksiyon şeridi */
.ws-aksiyon-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 6px 8px;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto 10px;
  padding: 6px 8px;
  border-radius: 10px;
  border: 1px solid var(--rv-border, rgba(15, 23, 42, .10));
  background: var(--rv-surface-1, #fff);
  box-sizing: border-box;
}
.ws-aksiyon-bar-sol,
.ws-aksiyon-bar-sag {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.ws-aksiyon-durum {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: .72rem;
  font-weight: 700;
  color: var(--rv-text-2, #64748b);
  background: rgba(148, 163, 184, .12);
}
.ws-aksiyon-durum.is-ok { color: #166534; background: rgba(34, 197, 94, .12); }
.ws-aksiyon-durum.is-draft { color: #92400e; background: rgba(245, 158, 11, .14); }
.ws-aksiyon-durum.is-idle { color: #475569; background: rgba(148, 163, 184, .1); }
.ws-aksiyon-durum.is-busy { color: #92400e; background: rgba(245, 158, 11, .14); }
.ws-aksiyon-durum.is-err { color: #991b1b; background: rgba(239, 68, 68, .12); }
.ws-aksiyon-bar--studio {
  border-color: rgba(201, 138, 75, .22);
  background: var(--rv-surface-1, #fff);
  box-shadow: 0 4px 14px rgba(15, 23, 42, .05);
}
.ws-aksiyon-bar--studio.ws-aksiyon-bar--kirli {
  border-color: rgba(245, 158, 11, .35);
}
.ws-aksiyon-studio-ipucu {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 10px;
  border-radius: 8px;
  font-size: .72rem;
  font-weight: 650;
  line-height: 1.25;
  color: #64748b;
  background: rgba(148, 163, 184, .08);
  border: 0;
}
.ws-aksiyon-btn {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 12px;
  border-radius: 9px;
  font-size: .76rem;
  font-weight: 700;
  cursor: pointer;
  border: 1px solid var(--rv-border, rgba(15, 23, 42, .12));
  background: var(--rv-surface-1, #fff);
  color: var(--rv-text, #0f172a);
}
.ws-aksiyon-btn:disabled {
  opacity: .45;
  cursor: not-allowed;
}
.ws-aksiyon-btn--primary {
  background: var(--rv-gold, #d4a84b);
  border-color: transparent;
  color: #0a080d;
}
.ws-aksiyon-btn--primary.ws-aksiyon-btn--warn {
  background: #d4a84b;
}
.ws-aksiyon-btn--secondary {
  background: transparent;
  border-color: var(--rv-border, rgba(15, 23, 42, .14));
  color: var(--rv-text-2, #64748b);
  font-weight: 650;
}
.ws-aksiyon-btn--danger {
  background: linear-gradient(135deg, #ef4444, #dc2626);
  border-color: rgba(127, 29, 29, .55);
  color: #fff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .14),
    0 4px 14px rgba(220, 38, 38, .28);
}
.ws-aksiyon-btn--danger:hover:not(:disabled) {
  background: linear-gradient(135deg, #f87171, #ef4444);
}
.ws-aksiyon-btn--danger:active:not(:disabled) {
  transform: translateY(1px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .1),
    0 2px 8px rgba(220, 38, 38, .22);
}
.ws-aksiyon-btn--danger-quiet {
  background: transparent;
  border-color: rgba(185, 28, 28, .22);
  color: #b91c1c;
  font-weight: 650;
  box-shadow: none;
}
.ws-aksiyon-btn--danger-quiet:hover:not(:disabled) {
  background: rgba(239, 68, 68, .08);
  border-color: rgba(185, 28, 28, .35);
}
.ws-aksiyon-btn--ghost {
  background: transparent;
  color: #b91c1c;
  border-color: rgba(185, 28, 28, .28);
}
@media (max-width: 640px) {
  .ws-aksiyon-bar {
    padding: 8px 8px calc(8px + env(safe-area-inset-bottom, 0px));
    gap: 8px;
    position: sticky;
    bottom: 0;
    z-index: 6;
  }
  .ws-aksiyon-bar-sol,
  .ws-aksiyon-bar-sag { width: 100%; }
  .ws-aksiyon-btn { flex: 1 1 auto; min-height: 48px; font-size: .85rem; }
}
.web-onizleme.wo-studio .ws-aksiyon-bar {
  position: sticky;
  top: 0;
  z-index: 5;
  max-width: none;
  margin-bottom: 8px;
  box-shadow: 0 8px 20px rgba(2, 6, 23, .12);
}

.ws-wo-sep {
  width: 1px;
  height: 22px;
  background: var(--rv-border, rgba(15, 23, 42, .14));
  margin: 0 2px;
}
.ws-wo-share { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
@media (max-width: 767.98px) {
  .ws-wo-head { align-items: flex-start; }
  .ws-wo-controls {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 8px;
  }
  .ws-wo-share {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    order: 0;
    flex: 0 0 auto;
  }
  .ws-wo-share .ws-chip {
    min-height: 40px;
    padding: 8px 10px;
    font-size: .68rem;
    justify-content: flex-start;
  }
  .ws-wo-controls .ws-seg,
  .ws-wo-controls #webSayfaTamEkranBtn { order: 1; }
  .ws-wo-controls #webSayfaDuzenleBtn,
  .ws-wo-controls .ws-chip-ico:not(.ws-wo-share .ws-chip) { order: 2; }
  .ws-wo-sep { display: none; }
}
.web-onizleme { display: flex; flex-direction: column; align-items: center; }
.web-onizleme .ws-aksiyon-bar { align-self: stretch; }
.wo-cihaz {
  position: relative;
  margin: 0 auto;
  width: 100%;
  background: #0b1220;
  overflow: hidden;
  transition: max-width .28s ease, border-radius .28s ease, border-width .28s ease;
}
.web-onizleme[data-mod="masaustu"] .wo-cihaz {
  max-width: min(100%, 1120px);
  width: 100%;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 16px;
  box-shadow: 0 30px 60px rgba(2, 6, 23, .38), 0 0 0 1px rgba(148, 163, 184, .10);
}
@media (min-width: 768px) {
  .web-onizleme[data-mod="masaustu"] .wo-ekran {
    min-height: 0;
  }
  #tab-onizleme .web-onizleme[data-mod="masaustu"] {
    align-items: stretch;
    width: 100%;
  }
}
.web-onizleme[data-mod="mobil"] .wo-cihaz {
  max-width: 380px;
  border: 10px solid #0b1220;
  border-radius: 36px;
  box-shadow: 0 26px 54px rgba(2, 6, 23, .42);
}
.wo-chrome {
  display: flex;
  align-items: center;
  gap: 7px;
  height: 40px;
  padding: 0 14px;
  background: linear-gradient(#131c2e, #0b1220);
  border-bottom: 1px solid rgba(148, 163, 184, .12);
}
.web-onizleme[data-mod="mobil"] .wo-chrome { display: none; }
.wo-nav {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex: 0 0 auto;
}
.wo-nav-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 7px;
  color: rgba(148, 163, 184, .82);
  background: rgba(148, 163, 184, .08);
  border: 1px solid rgba(148, 163, 184, .12);
  pointer-events: none;
  user-select: none;
}
.wo-nav-btn--refresh {
  margin-left: 2px;
}
.wo-url {
  margin-left: 6px;
  flex: 1 1 auto;
  height: 24px;
  display: flex;
  align-items: center;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(148, 163, 184, .14);
  color: #94a3b8;
  font-size: 11px;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.wo-ekran {
  position: relative;
  width: 100%;
  background: var(--ws-vitrin-bg, #12151a);
  overflow: hidden;
}
.web-onizleme[data-vitrin-mode="light"] .wo-ekran {
  background: var(--ws-vitrin-bg, #f0f2f5);
}
.wo-ekran--gecis::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  background: var(--ws-vitrin-bg, #12151a);
}
.web-onizleme[data-vitrin-mode="light"] .wo-ekran--gecis::after {
  background: var(--ws-vitrin-bg, #f0f2f5);
}
.web-onizleme[data-mod="mobil"] .wo-ekran { overflow: hidden; }
/* Masaüstü / mobil çerçeve: viewport scale (JS) — içerik yüksekliği değil */
.web-onizleme-iframe {
  display: block;
  border: 0;
  background: transparent;
  vertical-align: top;
}
.web-onizleme[data-mod="masaustu"] .wo-ekran {
  min-height: 0;
  overflow: hidden;
}
.web-onizleme[data-mod="masaustu"] .web-onizleme-iframe {
  width: 1440px;
  height: 900px;
  transform-origin: top left;
}
.web-onizleme[data-vitrin-mode="light"] .web-onizleme-iframe { background: transparent; }
.web-onizleme-iframe.ws-mod-switching {
  pointer-events: none;
}
.web-onizleme[data-mod="mobil"] .web-onizleme-iframe {
  width: 390px;
  height: 844px;
  transform-origin: top left;
}
@media (max-width: 767.98px) {
  .ws-seg-btn { min-height: 40px; padding: 8px 14px; font-size: .78rem; }
  #webSayfaModMasaustu { display: none !important; }
  .web-onizleme { align-items: stretch; }
  .web-onizleme[data-mod="mobil"] .wo-cihaz {
    max-width: none;
    width: 100%;
    border-width: 0;
    border-radius: 14px;
    box-shadow: none;
  }
  .web-onizleme[data-mod="mobil"] .wo-ekran {
    height: max(320px, calc(100svh - 9rem - var(--mob-nav-bar-h, 3.05rem)));
    overflow: hidden;
  }
  .web-onizleme[data-mod="mobil"] .web-onizleme-iframe {
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
  }
  .web-onizleme[data-mod="masaustu"] .wo-cihaz {
    max-width: none;
    border-radius: 12px;
  }
}


/* Tasarım modu geçiş perdesi */
.ws-fs-curtain {
  position: fixed;
  inset: 0;
  z-index: 3995;
  background: #0b0b0c;
  opacity: 0;
  pointer-events: none;
  transition: opacity .24s ease;
}
.ws-fs-curtain.is-active {
  opacity: 1;
  pointer-events: auto;
}
.ws-fs-curtain.is-out {
  opacity: 0;
  pointer-events: none;
}

/* "Telefonu çevir" — portrait tasarım modunda ortada overlay kart. */
.ws-rotate-hint {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  margin: 0 0 8px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1d2333, #141a29);
  color: #e6ebf5;
  font-size: .78rem;
  line-height: 1.25;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .05);
  animation: wsRotateHintSurel .3s ease;
}
.ws-rotate-hint.hidden { display: none !important; }
.ws-rotate-hint--overlay {
  position: fixed;
  inset: 0;
  z-index: 4600;
  margin: 0;
  padding: 1rem;
  border-radius: 0;
  background: rgba(2, 6, 23, .58);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  box-shadow: none;
  align-items: center;
  justify-content: center;
  animation: wsRotateHintSurel .28s ease;
}
.ws-rotate-hint-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: min(20rem, 100%);
  padding: 1.15rem 1.1rem 1rem;
  border-radius: 16px;
  background: linear-gradient(160deg, #1a2234 0%, #0f1522 100%);
  border: 1px solid rgba(148, 163, 184, .22);
  box-shadow: 0 18px 48px rgba(0, 0, 0, .45);
  text-align: center;
  color: #e8eef7;
}
.ws-rotate-hint-ico {
  flex: 0 0 auto;
  display: inline-flex;
  color: #9db4d9;
}
.ws-rotate-hint-phone {
  transform-origin: 50% 50%;
  animation: wsRotateHintDon 2.8s ease-in-out infinite;
}
.ws-rotate-hint-baslik {
  font-size: 1.02rem;
  font-weight: 750;
  letter-spacing: .01em;
}
.ws-rotate-hint-txt {
  flex: 1 1 auto;
  font-size: .82rem;
  line-height: 1.35;
  color: rgba(230, 235, 245, .86);
}
.ws-rotate-hint-ok {
  appearance: none;
  border: 0;
  margin-top: 4px;
  min-height: 40px;
  padding: 0 1.15rem;
  border-radius: 10px;
  font-size: .82rem;
  font-weight: 700;
  cursor: pointer;
  background: #c98a4b;
  color: #0a080d;
}
.ws-rotate-hint-kapat {
  position: absolute;
  top: 6px;
  right: 6px;
  flex: 0 0 auto;
  appearance: none;
  border: 0;
  background: transparent;
  color: #aab4c9;
  font-size: 1.1rem;
  line-height: 1;
  padding: 4px 6px;
  min-height: 28px;
  min-width: 28px;
  cursor: pointer;
  border-radius: 8px;
}
.ws-rotate-hint-kapat:hover, .ws-rotate-hint-kapat:active { background: rgba(255, 255, 255, .08); color: #fff; }
@keyframes wsRotateHintSurel {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes wsRotateHintDon {
  0%, 12% { transform: rotate(0deg); }
  38%, 62% { transform: rotate(90deg); }
  88%, 100% { transform: rotate(0deg); }
}
@media (prefers-reduced-motion: reduce) {
  .ws-rotate-hint,
  .ws-rotate-hint--overlay { animation: none; }
  .ws-rotate-hint-phone { animation: none; }
}
@media (min-width: 768px) {
  .ws-rotate-hint { display: none !important; }
}
.web-onizleme.wo-fullscreen {
  transition: opacity .2s ease, inset .2s ease;
}
/* Tam ekran önizleme/düzenleme — sütun düzeni: yayın şeridi üstte, önizleme altta. */
body.ws-fs-lock { overflow: hidden; touch-action: none; }
.web-onizleme.wo-fullscreen {
  position: fixed;
  inset: 0;
  z-index: 4000;
  background: rgba(2, 6, 23, .94);
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  overflow: hidden;
  box-sizing: border-box;
}
.web-onizleme.wo-fullscreen .ws-aksiyon-bar {
  flex: 0 0 auto;
  flex-shrink: 0;
  position: relative;
  z-index: 4200;
  width: 100%;
  max-width: none;
  margin: 0 0 8px;
  align-self: stretch;
}
.web-onizleme.wo-fullscreen .wo-cihaz {
  flex: 1 1 auto;
  min-height: 0;
  max-width: 1180px;
  width: 100%;
  height: auto;
  max-height: none;
  display: flex;
  flex-direction: column;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, .18);
  margin: 0 auto;
}
.web-onizleme.wo-fullscreen[data-mod="mobil"] .wo-cihaz {
  max-width: 430px;
  border: 10px solid #0b1220;
  border-radius: 34px;
}
.web-onizleme.wo-fullscreen[data-mod="mobil"] .wo-chrome { display: none; }
.web-onizleme.wo-fullscreen .wo-ekran { flex: 1 1 auto; height: auto; min-height: 0; }
.web-onizleme.wo-fullscreen .web-onizleme-iframe {
  width: 100% !important;
  height: 100% !important;
  transform: none !important;
}
.wo-fs-controls { display: none; }
.web-onizleme.wo-fullscreen .wo-fs-controls {
  display: flex;
  gap: 8px;
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 4100;
}
.wo-fs-controls button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(148, 163, 184, .28);
  background: rgba(15, 23, 42, .82);
  color: #f8fafc;
  border-radius: 9999px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(2, 6, 23, .4);
}
.wo-fs-controls button#webSayfaFsCikBtn {
  background: rgba(220, 38, 38, .88);
  border-color: rgba(254, 202, 202, .35);
}
.wo-fs-controls button#webSayfaFsCikBtn:hover {
  background: rgba(185, 28, 28, .95);
}
.wo-fs-controls button svg { width: 16px; height: 16px; display: block; }
.wo-fs-controls button:hover { background: rgba(30, 41, 59, .92); }
@media (max-width: 640px) {
  .web-onizleme.wo-fullscreen { padding: 0; }
  .web-onizleme.wo-fullscreen .wo-cihaz { border-radius: 0; border-width: 0; max-width: 100%; }
  .web-onizleme.wo-fullscreen[data-mod="mobil"] .wo-cihaz { border-width: 0; border-radius: 0; max-width: 100%; }
  .web-onizleme.wo-fullscreen .wo-fs-controls { top: 10px; right: 10px; }
}

body.ws-studio .web-onizleme.wo-studio .web-onizleme-iframe,
.web-onizleme.wo-studio.wo-fullscreen .web-onizleme-iframe {
  width: 100% !important;
  height: 100% !important;
  transform: none !important;
}
/* Küçült/fs sınıfı kaçsa bile stüdyo canvas çökmesin (iframe 100% × yükseklik 0). */
body.ws-studio .web-onizleme.wo-studio:not(.wo-fullscreen) {
  align-items: stretch;
  width: 100%;
  min-height: min(72vh, calc(100svh - 9rem));
}
body.ws-studio .web-onizleme.wo-studio:not(.wo-fullscreen) .wo-cihaz,
body.ws-studio .web-onizleme.wo-studio:not(.wo-fullscreen) .wo-ekran {
  flex: 1 1 auto;
  min-height: min(56vh, 520px);
  width: 100%;
  max-width: none;
  display: flex;
  flex-direction: column;
}
body.ws-studio #wsAksiyonKucultBtn { display: none !important; }
/* Dış panel sayfası kaymasın; ancak iframe içindeki önizleme/drawer touch
   scroll'u çalışmaya devam etsin. touch-action:none iframe jestlerini de keser. */
body.ws-studio.ws-fs-lock { overflow: hidden; touch-action: auto; }
/* Mobil tasarım modu fullscreen değildir; dış panelin Web Sayfası bölümüne
   erişebilmesi için document scroll açık kalır. */
body.ws-studio:not(.ws-fs-lock) { overflow: auto; touch-action: auto; }
/* Sheet (dar) layout: gerçek viewport genişliği değil, JS'in hesapladığı
   "genis mi" durumu (.ws-studio-mobil) belirler — telefon yatay çevrilip
   dock'a geçince bu kural devre dışı kalır (bkz. _wsGenisDegisimUygula). */
body.ws-studio.ws-studio-mobil .web-onizleme.wo-studio {
  min-height: 0;
  flex: 1 1 auto;
}
body.ws-studio.ws-studio-mobil .web-onizleme.wo-studio .wo-cihaz,
body.ws-studio.ws-studio-mobil .web-onizleme.wo-studio .wo-ekran {
  min-height: 0;
  max-height: none;
  flex: 1 1 auto;
}
body.ws-studio.ws-studio-mobil .web-onizleme.wo-studio iframe {
  min-height: 0;
}
body.ws-studio.ws-studio-mobil .web-onizleme.wo-studio .ws-aksiyon-bar {
  position: relative;
  top: auto;
  z-index: 5;
  backdrop-filter: blur(8px);
}

/* Mobil stüdyo: üst kontrol şeridini gizle, aksiyon bar kompakt — önizleme alanı büyüsün */
@media (max-width: 767.98px) {
  body.ws-studio #tab-onizleme .ws-wo-head {
    display: none !important;
  }
  body.ws-studio .ws-aksiyon-bar--studio,
  body.ws-studio .web-onizleme.wo-studio .ws-aksiyon-bar {
    position: relative;
    top: auto;
    bottom: auto;
    padding: 4px 6px;
    margin: 0;
    gap: 4px 6px;
    flex-wrap: nowrap;
    border-radius: 0;
    max-width: none;
    box-shadow: 0 2px 10px rgba(2, 6, 23, .12);
  }
  body.ws-studio .ws-aksiyon-studio-ipucu {
    display: none !important;
  }
  body.ws-studio .ws-aksiyon-bar-sol,
  body.ws-studio .ws-aksiyon-bar-sag,
  body.ws-studio .ws-aksiyon-bar-orta--studio:not(.hidden) {
    width: auto;
    flex-wrap: nowrap;
    gap: 4px;
  }
  body.ws-studio .ws-aksiyon-bar--studio .ws-aksiyon-bar-orta:not(.hidden) {
    margin-left: 0;
  }
  body.ws-studio .ws-aksiyon-durum {
    min-height: 28px;
    padding: 0 8px;
    font-size: .62rem;
  }
  body.ws-studio .ws-aksiyon-btn,
  body.ws-studio .ws-aksiyon-btn--studio {
    min-height: 32px;
    padding: 0 9px;
    font-size: .68rem;
    border-radius: 8px;
    flex: 0 1 auto;
  }
  body.ws-studio .web-onizleme.wo-fullscreen {
    padding: 0;
    gap: 0;
  }
  body.ws-studio .web-onizleme.wo-studio.wo-fullscreen .wo-cihaz {
    border-radius: 0;
    border-width: 0;
    box-shadow: none;
  }
}
.web-onizleme.wo-studio.wo-fullscreen {
  padding: 0;
  background: #12161f;
  flex-direction: column;
  gap: 8px;
}
.web-onizleme.wo-studio.wo-fullscreen .ws-aksiyon-bar {
  margin: 0;
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .28);
}
.web-onizleme.wo-studio.wo-fullscreen .wo-cihaz {
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  max-width: none;
  height: auto;
  margin: 0;
  border: 2px solid rgba(148, 163, 184, 0.38);
  border-radius: 16px;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.45),
    0 28px 56px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
  overflow: hidden;
  background: #0b1220;
}
/* Stüdyoda cihaz seçimi canvas genişliğini belirler — iframe CSS viewport = gerçek düzen. */
.web-onizleme.wo-studio.wo-fullscreen[data-mod="masaustu"] .wo-cihaz {
  max-width: none;
  margin: 0;
}
.web-onizleme.wo-studio.wo-fullscreen[data-mod="mobil"] .wo-cihaz {
  max-width: 430px;
  margin-inline: auto;
}
.web-onizleme.wo-studio.wo-fullscreen .wo-chrome {
  display: none !important;
}
.web-onizleme.wo-studio.wo-fullscreen[data-mod="mobil"] .wo-chrome {
  display: none;
}
body.ws-studio-mobil .web-onizleme.wo-studio.wo-fullscreen[data-mod="mobil"] .wo-cihaz {
  max-width: none;
  margin: 0;
}
/* Telefon yatay + ≥640px (dock aktif, bkz. _wsStudioGenisMi): tam ekran stüdyo
   gerçek landscape genişliğini kullansın; masaüstündeki 900px sabitine takılmasın. */
@media (max-width: 767.98px) and (orientation: landscape) {
  body.ws-studio:not(.ws-studio-mobil) .web-onizleme.wo-studio.wo-fullscreen .wo-cihaz {
    max-width: none;
  }
  body.ws-studio:not(.ws-studio-mobil) .web-onizleme.wo-studio.wo-fullscreen .wo-ekran {
    min-height: 0;
  }
}
.web-onizleme.wo-studio.wo-fullscreen .wo-ekran {
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}
.web-onizleme.wo-studio .wo-fs-controls,
.web-onizleme.wo-studio #webSayfaFsKontrol {
  display: none !important;
}
.ws-aksiyon-bar-orta--studio.hidden { display: none !important; }
.ws-aksiyon-bar--studio .ws-aksiyon-bar-orta:not(.hidden) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}
.ws-aksiyon-btn--studio {
  min-height: 36px;
  padding: 0 12px;
  font-size: .74rem;
  font-weight: 700;
}
@media (min-width: 768px) {
  .web-onizleme.wo-studio.wo-fullscreen[data-mod="masaustu"] .wo-cihaz {
    max-width: none;
  }
  /* Stüdyo + AI asistan: tam ekran önizleme sağ ray için yer bırakır */
  :root { --ws-asistan-w: min(22.5rem, 28vw); }
  body.ws-studio.ws-studio-asistan.destek-float-open .web-onizleme.wo-fullscreen {
    right: var(--ws-asistan-w);
    left: 0;
    width: auto;
  }
  body.ws-studio.ws-studio-asistan.destek-float-open .destek-float-overlay,
  body.ws-studio.ws-studio-asistan.destek-float-open #destekFloatOverlay {
    z-index: 10080 !important;
  }

  body.ws-studio.ws-studio-asistan.destek-float-open .destek-float-overlay {
    align-items: stretch;
    justify-content: flex-end;
  }
  body.ws-studio.ws-studio-asistan.destek-float-open .destek-float-backdrop {
    opacity: 0 !important;
    pointer-events: none !important;
  }
  body.ws-studio.ws-studio-asistan.destek-float-open .destek-float-card {
    width: var(--ws-asistan-w);
    max-width: var(--ws-asistan-w);
    height: 100vh;
    height: 100dvh;
    max-height: 100vh;
    max-height: 100dvh;
    border-radius: 0;
    transform: translate3d(100%, 0, 0);
    box-shadow: -8px 0 32px rgba(0, 0, 0, .35);
  }
  body.ws-studio.ws-studio-asistan.destek-float-open .destek-float-overlay.is-open .destek-float-card {
    transform: translate3d(0, 0, 0);
  }
  body.ws-studio.ws-studio-asistan.destek-float-open.ws-fs-lock .panel-shell {
    margin-right: 0 !important;
  }
}

/* Sidebar — tüm temalarda birebir aynı boyut. Koyu (theme-mythos) tema,
   açık/gül ile aynı ikon boyutu ve aynı footer marka kutusunu kullanır;
   böylece dock yüksekliği eşitlenir (dikey ortalamadan gelen kayma kalkar). */
html.theme-dark .sidebar-btn .ico,
html.theme-mythos .sidebar-btn .ico,
html.theme-dark .sidebar-btn .ico svg,
html.theme-mythos .sidebar-btn .ico svg {
  width: 1.125rem !important;
  height: 1.125rem !important;
}
html.theme-dark .sidebar-foot .sidebar-brand-block,
html.theme-mythos .sidebar-foot .sidebar-brand-block,
html.theme-dark .mob-drawer-foot .sidebar-brand-block,
html.theme-mythos .mob-drawer-foot .sidebar-brand-block {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: .22rem !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: .42rem .45rem .4rem !important;
  border-radius: .55rem !important;
  background: #1c1917 !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, .18) !important;
  box-sizing: border-box !important;
}
html.theme-light .sidebar-foot .sidebar-brand-block,
html.theme-rose .sidebar-foot .sidebar-brand-block,
html.theme-dark .sidebar-foot .sidebar-brand-block,
html.theme-mythos .sidebar-foot .sidebar-brand-block {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  align-items: center !important;
}
html.theme-light .mob-drawer-foot .sidebar-brand-block,
html.theme-rose .mob-drawer-foot .sidebar-brand-block,
html.theme-dark .mob-drawer-foot .sidebar-brand-block,
html.theme-mythos .mob-drawer-foot .sidebar-brand-block {
  width: 100% !important;
  flex: none !important;
  max-width: 100% !important;
  margin: 0 !important;
  align-items: flex-start !important;
  padding: .4rem 2.15rem .38rem .42rem !important;
}
html.theme-light .mob-drawer-foot .sidebar-brand-row--glyph,
html.theme-rose .mob-drawer-foot .sidebar-brand-row--glyph,
html.theme-dark .mob-drawer-foot .sidebar-brand-row--glyph,
html.theme-mythos .mob-drawer-foot .sidebar-brand-row--glyph {
  gap: .02rem !important;
  max-width: 100% !important;
}
html.theme-light .mob-drawer-foot .rv-logo,
html.theme-rose .mob-drawer-foot .rv-logo,
html.theme-dark .mob-drawer-foot .rv-logo,
html.theme-mythos .mob-drawer-foot .rv-logo {
  width: 1.7rem !important;
  height: 1.7rem !important;
  max-width: 1.7rem !important;
  max-height: 1.7rem !important;
}
html.theme-light .mob-drawer-foot .sidebar-brand-word,
html.theme-rose .mob-drawer-foot .sidebar-brand-word,
html.theme-dark .mob-drawer-foot .sidebar-brand-word,
html.theme-mythos .mob-drawer-foot .sidebar-brand-word {
  font-size: .78rem !important;
  letter-spacing: .02em !important;
  white-space: nowrap !important;
}
html.theme-light .mob-drawer-foot .sidebar-brand-tagline,
html.theme-rose .mob-drawer-foot .sidebar-brand-tagline,
html.theme-dark .mob-drawer-foot .sidebar-brand-tagline,
html.theme-mythos .mob-drawer-foot .sidebar-brand-tagline {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  font-size: .58rem !important;
  line-height: 1.3 !important;
  letter-spacing: .01em !important;
  max-width: 100% !important;
}
html.theme-dark .sidebar-foot .sidebar-brand-row--glyph,
html.theme-mythos .sidebar-foot .sidebar-brand-row--glyph,
html.theme-dark .mob-drawer-foot .sidebar-brand-row--glyph,
html.theme-mythos .mob-drawer-foot .sidebar-brand-row--glyph {
  gap: .28rem !important;
  align-items: center !important;
}
html.theme-dark .sidebar-foot .rv-logo,
html.theme-mythos .sidebar-foot .rv-logo,
html.theme-dark .mob-drawer-foot .rv-logo,
html.theme-mythos .mob-drawer-foot .rv-logo {
  width: 2.15rem !important;
  height: 2.15rem !important;
  max-width: 2.15rem !important;
  max-height: 2.15rem !important;
  filter: contrast(1.2) saturate(1.15) brightness(1.05) !important;
  opacity: 1 !important;
}
html.theme-dark .sidebar-foot .sidebar-brand-word,
html.theme-mythos .sidebar-foot .sidebar-brand-word,
html.theme-dark .mob-drawer-foot .sidebar-brand-word,
html.theme-mythos .mob-drawer-foot .sidebar-brand-word {
  color: #f8f1e3 !important;
  font-size: .92rem !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  text-shadow: none !important;
}
html.theme-dark .sidebar-foot .sidebar-brand-tagline,
html.theme-mythos .sidebar-foot .sidebar-brand-tagline,
html.theme-dark .mob-drawer-foot .sidebar-brand-tagline,
html.theme-mythos .mob-drawer-foot .sidebar-brand-tagline {
  color: rgba(248, 241, 227, .72) !important;
  font-size: .68rem !important;
  font-weight: 600 !important;
}

/* Web sayfası — yayın öncesi değişiklik sheet (mobil öncelikli) */
body.ws-yayin-sheet-open { overflow: hidden; }
.ws-yayin-sheet {
  position: fixed;
  inset: 0;
  z-index: 12080;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.ws-yayin-sheet.hidden { display: none !important; }
.ws-yayin-sheet-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(6, 7, 10, .62);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.ws-yayin-sheet-panel {
  position: relative;
  z-index: 1;
  width: min(100%, 28rem);
  max-height: min(88vh, 40rem);
  display: flex;
  flex-direction: column;
  margin: 0;
  border-radius: 1.15rem 1.15rem 0 0;
  background: linear-gradient(180deg, #15161c 0%, #0e0f14 100%);
  border: 1px solid rgba(255, 255, 255, .08);
  border-bottom: 0;
  box-shadow: 0 -18px 48px rgba(0, 0, 0, .45);
  padding: .45rem .9rem calc(.9rem + env(safe-area-inset-bottom, 0px));
  color: #ececee;
}
.ws-yayin-sheet-grab {
  width: 2.4rem;
  height: .28rem;
  border-radius: 999px;
  margin: .15rem auto .55rem;
  background: rgba(255, 255, 255, .18);
}
.ws-yayin-sheet-kicker {
  margin: 0 0 .2rem;
  font-size: .68rem;
  font-weight: 650;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(201, 138, 75, .9);
  text-align: center;
}
.ws-yayin-sheet-title {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: -.02em;
  text-align: center;
}
.ws-yayin-sheet-lead {
  margin: .35rem 0 0;
  font-size: .82rem;
  line-height: 1.4;
  color: rgba(190, 196, 214, .78);
  text-align: center;
}
.ws-yayin-sheet-body {
  margin-top: .85rem;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  flex: 1 1 auto;
  padding-right: .1rem;
}
.ws-yayin-group { margin: 0 0 .85rem; }
.ws-yayin-group-title {
  margin: 0 0 .4rem;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(168, 176, 196, .7);
}
.ws-yayin-row {
  margin: 0 0 .45rem;
  padding: .7rem .75rem;
  border-radius: .85rem;
  background: rgba(255, 255, 255, .035);
  border: 1px solid rgba(255, 255, 255, .06);
}
.ws-yayin-row-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  margin-bottom: .45rem;
}
.ws-yayin-row-actions {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  flex-shrink: 0;
}
.ws-yayin-row-baslik {
  font-size: .86rem;
  font-weight: 650;
  color: #f3f3f5;
}
.ws-yayin-row-tip {
  font-size: .62rem;
  font-weight: 650;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: rgba(201, 138, 75, .85);
  padding: .18rem .4rem;
  border-radius: 999px;
  background: rgba(201, 138, 75, .12);
}
.ws-yayin-row-sil {
  appearance: none;
  border: 1px solid rgba(248, 113, 113, .35);
  background: rgba(248, 113, 113, .12);
  color: #fecaca;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: .28rem .55rem;
  border-radius: .55rem;
  cursor: pointer;
  line-height: 1.1;
}
.ws-yayin-row-sil:hover {
  background: rgba(248, 113, 113, .22);
  border-color: rgba(248, 113, 113, .55);
  color: #fff;
}
.ws-yayin-row-sil:disabled {
  opacity: .45;
  cursor: wait;
}
.ws-yayin-diff {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .45rem;
}
.ws-yayin-diff-lbl {
  display: block;
  font-size: .62rem;
  font-weight: 650;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(160, 168, 186, .7);
  margin-bottom: .18rem;
}
.ws-yayin-diff-val {
  margin: 0;
  font-size: .78rem;
  line-height: 1.35;
  word-break: break-word;
}
.ws-yayin-diff-val--old { color: rgba(180, 186, 204, .72); text-decoration: line-through; text-decoration-color: rgba(180,186,204,.35); }
.ws-yayin-diff-val--new { color: #e8d7b0; font-weight: 600; }
.ws-yayin-empty {
  padding: 1rem .75rem;
  text-align: center;
  color: rgba(190, 196, 214, .78);
  font-size: .84rem;
  line-height: 1.45;
}
.ws-yayin-sheet-foot {
  display: grid;
  grid-template-columns: 1fr 1.35fr;
  gap: .55rem;
  margin-top: .75rem;
  padding-top: .65rem;
  border-top: 1px solid rgba(255, 255, 255, .07);
}
.ws-yayin-btn {
  min-height: 2.85rem;
  border-radius: .9rem;
  font-size: .92rem;
  font-weight: 700;
  border: 0;
  cursor: pointer;
}
.ws-yayin-btn--ghost {
  background: rgba(255, 255, 255, .06);
  color: #ececee;
}
.ws-yayin-btn--primary {
  background: linear-gradient(135deg, #f3ead6, #d4b57a);
  color: #12100c;
}
.ws-yayin-btn:disabled { opacity: .55; cursor: wait; }
@media (min-width: 768px) {
  .ws-yayin-sheet { align-items: center; padding: 1rem; }
  .ws-yayin-sheet-panel {
    border-radius: 1.15rem;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    max-height: min(78vh, 36rem);
  }
  .ws-yayin-sheet-grab { display: none; }
}
html.theme-light .ws-yayin-sheet-panel {
  background: linear-gradient(180deg, #fff 0%, #f7f5f1 100%);
  color: #1e293b;
  border-color: rgba(15, 23, 42, .08);
}
html.theme-light .ws-yayin-sheet-title { color: #0f172a; }
html.theme-light .ws-yayin-sheet-lead,
html.theme-light .ws-yayin-empty { color: #64748b; }
html.theme-light .ws-yayin-row {
  background: rgba(15, 23, 42, .03);
  border-color: rgba(15, 23, 42, .06);
}
html.theme-light .ws-yayin-row-baslik { color: #0f172a; }
html.theme-light .ws-yayin-row-sil {
  color: #b91c1c;
  border-color: rgba(185, 28, 28, .28);
  background: rgba(254, 226, 226, .85);
}
html.theme-light .ws-yayin-row-sil:hover {
  background: #fecaca;
  color: #7f1d1d;
}
html.theme-light .ws-yayin-diff-val--old { color: #94a3b8; }
html.theme-light .ws-yayin-diff-val--new { color: #8a5a2e; }
html.theme-light .ws-yayin-btn--ghost {
  background: rgba(15, 23, 42, .05);
  color: #334155;
}

/* ── Ayarlar / Hesap kategori ikonları — premium renk + canlandırma ── */
@keyframes ay-ico-pop {
  0% { transform: scale(.92) rotate(-4deg); }
  55% { transform: scale(1.08) rotate(2deg); }
  100% { transform: scale(1) rotate(0); }
}
@keyframes ay-ico-glow {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.12); }
}
#tab-ayarlar .ay-cat-icon,
#tab-hesap .ay-cat-icon {
  width: 2.35rem !important;
  height: 2.35rem !important;
  border-radius: 0.85rem !important;
  border: 1px solid transparent;
  box-shadow: 0 4px 12px rgba(15, 23, 42, .08);
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease, background .22s ease;
}
#tab-ayarlar .ay-cat-icon.rv-ico-svg svg,
#tab-hesap .ay-cat-icon.rv-ico-svg svg {
  width: 1.2rem !important;
  height: 1.2rem !important;
  color: inherit !important;
  stroke: currentColor !important;
  transition: transform .25s ease;
}
#tab-ayarlar .ay-cat-btn:hover .ay-cat-icon,
#tab-hesap .ay-cat-btn:hover .ay-cat-icon {
  transform: translateY(-1px) scale(1.06);
  animation: ay-ico-glow 1.6s ease-in-out infinite;
}
#tab-ayarlar .ay-cat-btn:hover .ay-cat-icon svg,
#tab-hesap .ay-cat-btn:hover .ay-cat-icon svg {
  transform: scale(1.08) rotate(-3deg);
}
#tab-ayarlar .ay-cat-btn.active .ay-cat-icon,
#tab-hesap .ay-cat-btn.active .ay-cat-icon {
  animation: ay-ico-pop .45s ease;
  box-shadow: 0 6px 18px rgba(15, 23, 42, .14);
}

/* Ayarlar + Hesabım ikon kareleri — tema paleti */
#tab-ayarlar .ay-cat-icon,
#tab-hesap .ay-cat-icon {
  background: var(--ico-well) !important;
  color: var(--ico-stroke) !important;
  border-color: var(--ico-well-border) !important;
}
#tab-hesap .ay-cat-btn[data-ay-cat="sil"] .ay-cat-icon,
#tab-hesap .ay-cat-btn.ay-cat-cikis .ay-cat-icon {
  background: var(--ico-well-danger) !important;
  color: var(--ico-stroke) !important;
  border-color: var(--ico-well-border) !important;
}

/* Aktif sekme: biraz daha parlak çerçeve */
#tab-ayarlar .ay-cat-btn.active .ay-cat-icon,
#tab-hesap .ay-cat-btn.active .ay-cat-icon {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .55), 0 8px 20px rgba(15, 23, 42, .16);
}

html.theme-dark #tab-ayarlar .ay-cat-icon,
html.theme-dark #tab-hesap .ay-cat-icon {
  box-shadow: 0 6px 16px rgba(0, 0, 0, .35);
}
html.theme-dark #tab-ayarlar .ay-cat-btn.active .ay-cat-icon,
html.theme-dark #tab-hesap .ay-cat-btn.active .ay-cat-icon {
  box-shadow: 0 0 0 2px rgba(15, 23, 42, .45), 0 10px 24px rgba(0, 0, 0, .4);
}

/* Yükleme ekranı açıkken panel gövdesi gizli — emoji / eski markup flash yok */
#panelYuklemeEkrani:not(.hidden) ~ * {
  visibility: hidden !important;
}

/* Sidebar emoji placeholder — SVG gelene kadar metin gizli */
.sidebar-btn .ico:not(.rv-ico-svg),
.mob-drawer-btn .ico:not(.rv-ico-svg) {
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  text-shadow: none !important;
}

/* ── Sidebar + ayar/hesap ikon kutuları: 3 tema, tek palet (rainbow yok) ── */
html.theme-light {
  --ico-well: rgba(15, 23, 42, .06);
  --ico-well-border: rgba(15, 23, 42, .1);
  --ico-stroke: #1e293b;
  --ico-well-danger: rgba(15, 23, 42, .12);
  --sb-icon-well-bg: var(--ico-well);
  --sb-icon-well-border: var(--ico-well-border);
  --sb-icon-stroke: var(--ico-stroke);
}
html.theme-dark,
html.theme-mythos {
  --ico-well: rgba(255, 255, 255, .07);
  --ico-well-border: rgba(255, 255, 255, .11);
  --ico-stroke: #e2e8f0;
  --ico-well-danger: rgba(255, 255, 255, .12);
  --sb-icon-well-bg: var(--ico-well);
  --sb-icon-well-border: var(--ico-well-border);
  --sb-icon-stroke: var(--ico-stroke);
}
html.theme-rose {
  --ico-well: rgba(61, 10, 36, .08);
  --ico-well-border: rgba(190, 24, 93, .14);
  --ico-stroke: #6b1d3a;
  --ico-well-danger: rgba(61, 10, 36, .14);
  --sb-icon-well-bg: var(--ico-well);
  --sb-icon-well-border: var(--ico-well-border);
  --sb-icon-stroke: var(--ico-stroke);
}

.sidebar-btn .ico.sb-ico--premium,
.mob-drawer-btn .ico.sb-ico--premium {
  width: 1.85rem !important;
  height: 1.85rem !important;
  min-width: 1.85rem;
  min-height: 1.85rem;
  border-radius: .55rem;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: var(--sb-icon-well-bg, rgba(255, 255, 255, .07)) !important;
  border: 1px solid var(--sb-icon-well-border, rgba(255, 255, 255, .11)) !important;
  box-shadow: none;
  transition: transform .2s ease, box-shadow .2s ease;
}
.sidebar-btn .ico.sb-ico--premium svg,
.mob-drawer-btn .ico.sb-ico--premium svg {
  width: 1.05rem !important;
  height: 1.05rem !important;
  transition: transform .2s ease;
}
.sidebar-btn:hover .ico.sb-ico--premium,
.mob-drawer-btn:hover .ico.sb-ico--premium {
  transform: none;
  box-shadow: none;
}
.sidebar-btn:hover .ico.sb-ico--premium svg,
.mob-drawer-btn:hover .ico.sb-ico--premium svg {
  transform: scale(1.06);
}
.sidebar-btn.active .ico.sb-ico--premium,
.mob-drawer-btn.active .ico.sb-ico--premium {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14);
  filter: none;
}

.sidebar-btn[data-tab] .ico.sb-ico--premium svg,
.mob-drawer-btn[data-tab] .ico.sb-ico--premium svg {
  color: var(--sb-icon-stroke, #1e293b) !important;
  stroke: currentColor !important;
}
html.theme-light .sidebar-btn[data-tab] .ico.sb-ico--premium svg,
html.theme-light .mob-drawer-btn[data-tab] .ico.sb-ico--premium svg {
  color: var(--sb-icon-stroke, #1e293b) !important;
}
html.theme-rose .sidebar-btn[data-tab] .ico.sb-ico--premium svg,
html.theme-rose .mob-drawer-btn[data-tab] .ico.sb-ico--premium svg {
  color: var(--sb-icon-stroke, #831843) !important;
}

html.theme-dark .sidebar-btn[data-tab] .ico.sb-ico--premium,
html.theme-mythos .sidebar-btn[data-tab] .ico.sb-ico--premium,
html.theme-dark .mob-drawer-btn[data-tab] .ico.sb-ico--premium,
html.theme-mythos .mob-drawer-btn[data-tab] .ico.sb-ico--premium {
  box-shadow: none;
}

/* Aktif satır — ikon kutusu hafif vurgu (sekme rengini korur) */
.sidebar-btn.active .ico.sb-ico--premium {
  filter: none;
  background: color-mix(in srgb, var(--sb-icon-well-bg, rgba(255,255,255,.07)) 78%, rgba(255,255,255,.24)) !important;
  border-color: color-mix(in srgb, var(--sb-icon-well-border, rgba(255,255,255,.11)) 72%, rgba(255,255,255,.28)) !important;
}

/* ── Sidebar: ikon kutusu + etiket kartı (hizalı) ── */
.sidebar-btn[data-tab]:has(.sb-ico--premium):not(.hidden):not(.panel-ozellik-gizli):not(.panel-solo-gizli),
.mob-drawer-btn[data-tab]:has(.sb-ico--premium):not(.hidden):not(.panel-ozellik-gizli):not(.panel-solo-gizli) {
  display: grid !important;
  grid-template-columns: 1.85rem minmax(0, 1fr);
  align-items: stretch !important;
  gap: 0 !important;
  padding: .04rem .1rem !important;
  margin: .04rem .14rem !important;
  min-height: 1.85rem;
  width: calc(100% - .28rem);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: transparent !important;
  border-color: transparent !important;
}
.sidebar-btn[data-tab]:has(.sb-ico--premium) .ico.sb-ico--premium,
.mob-drawer-btn[data-tab]:has(.sb-ico--premium) .ico.sb-ico--premium {
  grid-column: 1;
  align-self: stretch;
  width: 1.85rem !important;
  height: auto !important;
  min-height: 1.85rem;
  border-radius: .55rem 0 0 .55rem !important;
  border-right: none !important;
  position: relative;
  z-index: 2;
}
.sidebar-btn[data-tab]:has(.sb-ico--premium) .ico.sb-ico--premium svg,
.mob-drawer-btn[data-tab]:has(.sb-ico--premium) .ico.sb-ico--premium svg {
  width: 1.1rem !important;
  height: 1.1rem !important;
  stroke: currentColor !important;
  color: var(--sb-icon-stroke, #1e293b) !important;
  opacity: 1 !important;
  filter: none !important;
  stroke-width: 2.15 !important;
}
.sidebar-btn[data-tab]:has(.sb-ico--premium) .sidebar-label,
.mob-drawer-btn[data-tab]:has(.sb-ico--premium) .sidebar-label {
  grid-column: 2;
  align-self: stretch;
  flex: none;
  min-width: 0;
  min-height: 1.85rem;
  display: flex;
  align-items: center;
  padding: 0 .34rem 0 .28rem;
  border-radius: 0 .5rem .5rem 0;
  border: 1px solid rgba(255, 255, 255, .1);
  border-left: none;
  background: rgba(255, 255, 255, .06);
  color: rgba(226, 232, 240, .94) !important;
  font-size: .68rem !important;
  font-weight: 600 !important;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-fill-color: rgba(226, 232, 240, .94) !important;
  box-shadow: none;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}
.sidebar-btn[data-tab]:has(.sb-ico--premium):hover .sidebar-label,
.mob-drawer-btn[data-tab]:has(.sb-ico--premium):hover .sidebar-label {
  background: rgba(255, 255, 255, .09);
  border-color: rgba(255, 255, 255, .14);
}
.sidebar-btn.active[data-tab]:has(.sb-ico--premium) .sidebar-label,
.mob-drawer-btn.active[data-tab]:has(.sb-ico--premium) .sidebar-label {
  background: rgba(255, 255, 255, .12);
  border-color: rgba(255, 255, 255, .18);
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  font-weight: 700 !important;
}
html.theme-light .sidebar-btn[data-tab]:has(.sb-ico--premium) .sidebar-label,
html.theme-light .mob-drawer-btn[data-tab]:has(.sb-ico--premium) .sidebar-label {
  background: rgba(15, 23, 42, .05) !important;
  border-color: rgba(15, 23, 42, .11) !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}
html.theme-light .sidebar-btn.active[data-tab]:has(.sb-ico--premium) .sidebar-label,
html.theme-light .mob-drawer-btn.active[data-tab]:has(.sb-ico--premium) .sidebar-label {
  background: rgba(15, 23, 42, .08) !important;
  border-color: rgba(15, 23, 42, .16) !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
html.theme-rose .sidebar-btn[data-tab]:has(.sb-ico--premium) .sidebar-label,
html.theme-rose .mob-drawer-btn[data-tab]:has(.sb-ico--premium) .sidebar-label {
  background: rgba(61, 10, 36, .07) !important;
  border-color: rgba(190, 24, 93, .14) !important;
  color: #701a4a !important;
  -webkit-text-fill-color: #701a4a !important;
}
html.theme-rose .sidebar-btn.active[data-tab]:has(.sb-ico--premium) .sidebar-label,
html.theme-rose .mob-drawer-btn.active[data-tab]:has(.sb-ico--premium) .sidebar-label {
  background: rgba(61, 10, 36, .11) !important;
  border-color: rgba(190, 24, 93, .2) !important;
  color: #500724 !important;
  -webkit-text-fill-color: #500724 !important;
}

/* Sidebar dock — koyu / mythos / açık / gül birebir ölçü */
@media (min-width: 768px) {
  html.theme-dark .sidebar-dock #sidebarNav.sidebar-nav > .sidebar-group-label,
  html.theme-mythos .sidebar-dock #sidebarNav.sidebar-nav > .sidebar-group-label,
  html.theme-light .sidebar-dock #sidebarNav.sidebar-nav > .sidebar-group-label,
  html.theme-rose .sidebar-dock #sidebarNav.sidebar-nav > .sidebar-group-label {
    font-size: .56rem !important;
    font-weight: 600 !important;
    letter-spacing: .11em !important;
    line-height: 1.2 !important;
    padding: .38rem .44rem .1rem !important;
    margin-top: .2rem !important;
  }
  html.theme-dark .sidebar-dock #sidebarNav.sidebar-nav > .sidebar-group-label:first-child,
  html.theme-mythos .sidebar-dock #sidebarNav.sidebar-nav > .sidebar-group-label:first-child,
  html.theme-light .sidebar-dock #sidebarNav.sidebar-nav > .sidebar-group-label:first-child,
  html.theme-rose .sidebar-dock #sidebarNav.sidebar-nav > .sidebar-group-label:first-child {
    margin-top: 0 !important;
    padding-top: .08rem !important;
  }
  html.theme-dark .sidebar-dock #sidebarNav.sidebar-nav > .sidebar-btn,
  html.theme-mythos .sidebar-dock #sidebarNav.sidebar-nav > .sidebar-btn,
  html.theme-light .sidebar-dock #sidebarNav.sidebar-nav > .sidebar-btn,
  html.theme-rose .sidebar-dock #sidebarNav.sidebar-nav > .sidebar-btn {
    margin: .01rem .18rem !important;
    padding: .28rem .36rem !important;
    font-size: .68rem !important;
    font-weight: 600 !important;
  }
  html.theme-dark .sidebar-dock #sidebarNav.sidebar-nav > .sidebar-btn:has(.sb-ico--premium),
  html.theme-mythos .sidebar-dock #sidebarNav.sidebar-nav > .sidebar-btn:has(.sb-ico--premium),
  html.theme-light .sidebar-dock #sidebarNav.sidebar-nav > .sidebar-btn:has(.sb-ico--premium),
  html.theme-rose .sidebar-dock #sidebarNav.sidebar-nav > .sidebar-btn:has(.sb-ico--premium) {
    margin: .04rem .14rem !important;
    padding: .04rem .1rem !important;
  }
}
html.theme-light .sidebar-btn.active[data-tab]:has(.sb-ico--premium),
html.theme-rose .sidebar-btn.active[data-tab]:has(.sb-ico--premium),
html.theme-light .mob-drawer-btn.active[data-tab]:has(.sb-ico--premium),
html.theme-rose .mob-drawer-btn.active[data-tab]:has(.sb-ico--premium) {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
html.theme-light .sidebar-btn[data-tab]:has(.sb-ico--premium),
html.theme-rose .sidebar-btn[data-tab]:has(.sb-ico--premium),
html.theme-light .mob-drawer-btn[data-tab]:has(.sb-ico--premium),
html.theme-rose .mob-drawer-btn[data-tab]:has(.sb-ico--premium) {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

/* Premium ikon stroke — koyu temada sidebar metin rengi ezmesin */
html.theme-dark .sidebar-btn[data-tab] .ico.sb-ico--premium,
html.theme-mythos .sidebar-btn[data-tab] .ico.sb-ico--premium,
html.theme-dark .mob-drawer-btn[data-tab] .ico.sb-ico--premium,
html.theme-mythos .mob-drawer-btn[data-tab] .ico.sb-ico--premium,
html.theme-dark .sidebar-btn[data-tab] .ico.sb-ico--premium svg,
html.theme-mythos .sidebar-btn[data-tab] .ico.sb-ico--premium svg,
html.theme-dark .mob-drawer-btn[data-tab] .ico.sb-ico--premium svg,
html.theme-mythos .mob-drawer-btn[data-tab] .ico.sb-ico--premium svg {
  opacity: 1 !important;
  filter: none !important;
}

/* Gizli / kapalı özellik sekmeleri — premium flex kuralını ez */
.panel-solo-gizli {
  display: none !important;
}
.sidebar-btn[data-tab].hidden,
.sidebar-btn[data-tab].panel-ozellik-gizli,
.sidebar-btn[data-tab].panel-solo-gizli,
.mob-drawer-btn[data-tab].hidden,
.mob-drawer-btn[data-tab].panel-ozellik-gizli,
.mob-drawer-btn[data-tab].panel-solo-gizli {
  display: none !important;
}

/* Aktif altın çubuğu premium satırda komşu sekmelere taşmasın */
.sidebar-btn.active[data-tab]:has(.sb-ico--premium)::before,
.mob-drawer-btn.active[data-tab]:has(.sb-ico--premium)::before {
  display: none !important;
  content: none !important;
}

/* Rozetler flex sırasını bozmasın */
.sidebar-btn[data-tab]:has(.sb-ico--premium) .stok-nav-badge,
.sidebar-btn[data-tab]:has(.sb-ico--premium) .duyuru-nav-badge,
.mob-drawer-btn[data-tab]:has(.sb-ico--premium) .stok-nav-badge,
.mob-drawer-btn[data-tab]:has(.sb-ico--premium) .duyuru-nav-badge {
  position: absolute;
  top: .08rem;
  right: .16rem;
  margin-left: 0 !important;
  z-index: 3;
  pointer-events: none;
}

/* Mobil çekmece satır kutusu — sidebar kart grid'i değil */
#mobDrawerNav button.mob-drawer-btn:not(.panel-solo-gizli):not(.panel-ozellik-gizli):not(.hidden),
#mobDrawerNav .mob-drawer-btn:not(.panel-solo-gizli):not(.panel-ozellik-gizli):not(.hidden),
#mobDrawerNav .mob-drawer-btn[data-tab]:has(.sb-ico--premium):not(.hidden):not(.panel-ozellik-gizli):not(.panel-solo-gizli) {
  display: flex !important;
  align-items: center !important;
  grid-template-columns: none;
  gap: .4rem !important;
  width: calc(100% - .36rem);
  margin: .1rem .18rem !important;
  padding: .34rem .42rem !important;
  min-height: 2.5rem;
  border-radius: .58rem !important;
  font-size: .78rem;
  font-weight: 600;
  line-height: 1.15 !important;
  background: rgba(255, 255, 255, .06) !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .04) inset;
  overflow: hidden;
}
#mobDrawerNav .mob-drawer-btn.active,
#mobDrawerNav .mob-drawer-btn.active[data-tab]:has(.sb-ico--premium) {
  background: linear-gradient(135deg, rgba(201, 138, 75, .2), rgba(201, 138, 75, .08)) !important;
  border-color: rgba(201, 138, 75, .3) !important;
  color: var(--rv-text);
}
#mobDrawerNav .mob-drawer-btn .ico,
#mobDrawerNav .mob-drawer-btn .ico.sb-ico--premium {
  flex-shrink: 0 !important;
  align-self: center !important;
  width: 1.85rem !important;
  height: 1.85rem !important;
  min-width: 1.85rem;
  min-height: 1.85rem !important;
  border-radius: .5rem !important;
  border: 1px solid var(--sb-icon-well-border, rgba(255, 255, 255, .11)) !important;
}
#mobDrawerNav .mob-drawer-label {
  display: flex !important;
  align-items: center !important;
  align-self: center !important;
  min-width: 0;
  min-height: 0;
  padding: 0;
  margin: 0;
  line-height: 1.15 !important;
  background: none !important;
  border: none !important;
  box-shadow: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html.theme-light #mobDrawerNav button.mob-drawer-btn,
html.theme-light #mobDrawerNav .mob-drawer-btn,
html.theme-light #mobDrawerNav .mob-drawer-btn[data-tab]:has(.sb-ico--premium):not(.hidden):not(.panel-ozellik-gizli) {
  background: rgba(15, 23, 42, .04) !important;
  border-color: rgba(15, 23, 42, .12) !important;
  box-shadow: none;
}
html.theme-light #mobDrawerNav .mob-drawer-btn.active,
html.theme-light #mobDrawerNav .mob-drawer-btn.active[data-tab]:has(.sb-ico--premium) {
  background: linear-gradient(135deg, rgba(201, 138, 75, .16), rgba(255, 251, 235, .92)) !important;
  border-color: rgba(201, 138, 75, .28) !important;
}
html.theme-rose #mobDrawerNav button.mob-drawer-btn,
html.theme-rose #mobDrawerNav .mob-drawer-btn,
html.theme-rose #mobDrawerNav .mob-drawer-btn[data-tab]:has(.sb-ico--premium):not(.hidden):not(.panel-ozellik-gizli) {
  background: rgba(190, 24, 93, .06) !important;
  border-color: rgba(190, 24, 93, .14) !important;
  box-shadow: none;
}
html.theme-rose #mobDrawerNav .mob-drawer-btn.active,
html.theme-rose #mobDrawerNav .mob-drawer-btn.active[data-tab]:has(.sb-ico--premium) {
  background: rgba(244, 114, 182, .16) !important;
  border-color: rgba(190, 24, 93, .22) !important;
}

/* Açık + gül mobil çekmece kabuğu — şeffaf sidebar-panel ezmesi */
html.theme-light .mob-drawer-panel.sidebar-panel,
html.theme-light .mob-drawer-panel {
  background:
    radial-gradient(ellipse 110% 70% at 0% 0%, rgba(201,138,75,.06), transparent 55%),
    linear-gradient(185deg, var(--rv-surface-1) 0%, #f5f1ea 48%, var(--rv-surface-2) 100%) !important;
  color: var(--rv-text) !important;
  border-right: 1px solid var(--rv-border) !important;
  box-shadow: 8px 0 32px rgba(15, 23, 42, .12) !important;
}
html.theme-rose .mob-drawer-panel.sidebar-panel,
html.theme-rose .mob-drawer-panel {
  background:
    radial-gradient(ellipse 110% 70% at 0% 0%, rgba(219,39,119,.05), transparent 52%),
    linear-gradient(185deg, var(--rv-surface-1) 0%, #f6f1ef 55%, var(--rv-surface-2) 100%) !important;
  color: var(--rv-text) !important;
  border-right: 1px solid var(--rv-border) !important;
  box-shadow: 8px 0 32px rgba(60, 30, 45, .1) !important;
}
html.theme-light .mob-drawer-head,
html.theme-light .mob-drawer-foot,
html.theme-rose .mob-drawer-head,
html.theme-rose .mob-drawer-foot {
  border-color: var(--rv-border) !important;
}
html.theme-rose .mob-drawer-head,
html.theme-rose .mob-drawer-foot {
  border-color: rgba(219, 39, 119, .12) !important;
}
html.theme-light .mob-drawer-foot .mob-drawer-close,
html.theme-rose .mob-drawer-foot .mob-drawer-close {
  background: var(--rv-input-bg) !important;
  border-color: var(--rv-border) !important;
  color: var(--rv-text-2) !important;
  box-shadow: var(--rv-shadow-soft) !important;
}
html.theme-rose .mob-drawer-foot .mob-drawer-close {
  border-color: rgba(190, 24, 93, .18) !important;
  color: #9d174d !important;
}
html.theme-light .mob-drawer-foot .mob-drawer-close:hover,
html.theme-light .mob-drawer-foot .mob-drawer-close:focus-visible {
  color: #78350f !important;
  border-color: rgba(201, 138, 75, .35) !important;
  background: #fffbeb !important;
}
html.theme-rose .mob-drawer-foot .mob-drawer-close:hover,
html.theme-rose .mob-drawer-foot .mob-drawer-close:focus-visible {
  color: #9d174d !important;
  border-color: rgba(236, 72, 153, .35) !important;
  background: #fdf2f8 !important;
}
html.theme-light .mob-drawer-tools .sidebar-tema-secici,
html.theme-rose .mob-drawer-tools .sidebar-tema-secici {
  background: rgba(15, 23, 42, .05) !important;
  border-color: rgba(15, 23, 42, .12) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset !important;
}
html.theme-rose .mob-drawer-tools .sidebar-tema-secici {
  background: rgba(190, 24, 93, .06) !important;
  border-color: rgba(190, 24, 93, .14) !important;
}
html.theme-light .mob-drawer-nav-scroll-hint,
html.theme-rose .mob-drawer-nav-scroll-hint {
  background: rgba(255, 255, 255, .94) !important;
  border-color: rgba(15, 23, 42, .14) !important;
  color: #475569 !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, .1) !important;
}
html.theme-rose .mob-drawer-nav-scroll-hint {
  border-color: rgba(190, 24, 93, .22) !important;
  color: #be185d !important;
}
html.theme-light #mobDrawerNav .mob-drawer-label,
html.theme-light #mobDrawerNav .mob-drawer-btn {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}
html.theme-light #mobDrawerNav .mob-drawer-btn.active,
html.theme-light #mobDrawerNav .mob-drawer-btn.active .mob-drawer-label {
  color: #78350f !important;
  -webkit-text-fill-color: #78350f !important;
}
html.theme-rose #mobDrawerNav .mob-drawer-label,
html.theme-rose #mobDrawerNav .mob-drawer-btn {
  color: #5b4a52 !important;
  -webkit-text-fill-color: #5b4a52 !important;
}
html.theme-rose #mobDrawerNav .mob-drawer-btn.active,
html.theme-rose #mobDrawerNav .mob-drawer-btn.active .mob-drawer-label {
  color: #9d174d !important;
  -webkit-text-fill-color: #9d174d !important;
}

/* QR stüdyosu — Web Sayfası paylaşım */
body.ws-qr-studio-open { overflow: hidden; }
.ws-qr-studio {
  position: fixed;
  inset: 0;
  z-index: 4200;
  background: rgba(8, 10, 16, .72);
  backdrop-filter: blur(10px);
  display: flex;
  align-items: stretch;
  justify-content: center;
  padding: 18px;
}
.ws-qr-studio.hidden { display: none !important; }
.ws-qr-studio-inner {
  width: min(1180px, 100%);
  margin: auto;
  max-height: calc(100svh - 36px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-radius: 22px;
  background: linear-gradient(180deg, #161922, #0f1218);
  border: 1px solid rgba(212, 168, 75, .22);
  box-shadow: 0 40px 80px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 255, 255, .04);
  color: #f4efe6;
}
.ws-qr-studio-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 20px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}
.ws-qr-kicker {
  margin: 0;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #d4a84b;
}
.ws-qr-studio-head h2 {
  margin: 4px 0 0;
  font-size: 1.15rem;
  font-weight: 800;
}
.ws-qr-sub { margin: 6px 0 0; font-size: .8rem; color: rgba(244, 239, 230, .62); max-width: 36rem; }
.ws-qr-studio-govde {
  display: grid;
  grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
  gap: 0;
  min-height: 0;
  flex: 1;
}
.ws-qr-studio-ayar {
  padding: 16px 18px 20px;
  overflow: auto;
  border-right: 1px solid rgba(255, 255, 255, .06);
}
.ws-qr-mod, .ws-qr-tema, .ws-qr-kagit {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.ws-qr-mod { margin-bottom: 16px; padding: 4px; border-radius: 14px; background: rgba(255, 255, 255, .04); }
.ws-qr-mod button, .ws-qr-tema button, .ws-qr-kagit button {
  appearance: none;
  border: 0;
  background: transparent;
  color: rgba(244, 239, 230, .7);
  font-size: .75rem;
  font-weight: 800;
  padding: 8px 12px;
  border-radius: 10px;
  cursor: pointer;
}
.ws-qr-mod button.is-active,
.ws-qr-tema button.is-active,
.ws-qr-kagit button.is-active {
  background: #d4a84b;
  color: #14110d;
}
.ws-qr-alan { margin-bottom: 14px; }
.ws-qr-label {
  display: block;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: rgba(244, 239, 230, .55);
  margin: 0 0 6px;
}
.ws-qr-studio-ayar .field {
  width: 100%;
  margin-bottom: 8px;
  background: rgba(255, 255, 255, .05);
  border-color: rgba(255, 255, 255, .1);
  color: #f8fafc;
}
.ws-qr-check {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: .8rem;
  margin-top: 8px;
}
.ws-qr-renkler { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 12px; align-items: center; }
.ws-qr-renkler input[type="color"] {
  width: 100%;
  height: 40px;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.ws-qr-uyari {
  grid-column: 1 / -1;
  font-size: .75rem;
  color: #fbbf24;
  margin: 0;
}
.ws-qr-aksiyon { display: flex; flex-direction: column; gap: 8px; margin-top: 8px; }
.ws-qr-studio-sahne {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px;
  overflow: auto;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(212, 168, 75, .12), transparent 55%),
    #0b0d12;
}
.ws-qr-kagit-cerceve {
  width: min(100%, 420px);
  filter: drop-shadow(0 28px 50px rgba(0, 0, 0, .45));
}
.ws-qr-kagit-cerceve[data-kagit="a4"] { aspect-ratio: 1 / 1.414; }
.ws-qr-kagit-cerceve[data-kagit="kare"] { aspect-ratio: 1 / 1; width: min(100%, 380px); }
.ws-qr-kagit-cerceve[data-kagit="hikaye"] { aspect-ratio: 9 / 16; width: min(100%, 300px); }
.ws-qr-kagit-cerceve[data-mod="sadece"] { aspect-ratio: 1 / 1; width: min(100%, 360px); }
.ws-qr-kagit-yaprak {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 8% 9%;
  border-radius: 4px;
  background: #fbfaf7;
  color: #14110d;
  box-sizing: border-box;
}
.ws-qr-kagit-cerceve[data-tema="gece"] .ws-qr-kagit-yaprak { background: #12141a; color: #f4efe6; }
.ws-qr-kagit-cerceve[data-tema="altin"] .ws-qr-kagit-yaprak {
  background: radial-gradient(circle at 50% 0%, #2a2218, #1a150f 62%);
  color: #f6e7c1;
  box-shadow: inset 0 0 0 1px rgba(212, 168, 75, .35);
}
.ws-qr-kagit-cerceve[data-tema="marka"] .ws-qr-kagit-yaprak {
  background: #0f172a;
  color: #f8fafc;
  box-shadow: inset 0 4px 0 var(--ws-qr-marka, #d4a84b);
}
.ws-qr-marka {
  margin: 0 0 8px;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
  opacity: .55;
}
.ws-qr-yaprak-baslik { margin: 0 0 8px; font-size: 1.35rem; font-weight: 800; line-height: 1.2; }
.ws-qr-yaprak-ack { margin: 0 0 14px; font-size: .85rem; line-height: 1.45; opacity: .72; }
.ws-qr-yaprak-kod {
  background: #fff;
  padding: 10px;
  border-radius: 18px;
  margin: 4px 0 14px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .12);
}
.ws-qr-yaprak-kod canvas { display: block; width: min(58%, 240px); height: auto; max-width: 240px; }
.ws-qr-kagit-cerceve[data-mod="sadece"] .ws-qr-yaprak-kod canvas { width: min(72%, 300px); max-width: 300px; }
.ws-qr-yaprak-url { margin: 0; font-size: .78rem; font-weight: 800; word-break: break-all; }
.ws-qr-yaprak-alt { margin: 8px 0 0; font-size: .75rem; opacity: .65; }
@media (max-width: 900px) {
  .ws-qr-studio { padding: 0; }
  .ws-qr-studio-inner { max-height: 100svh; border-radius: 0; }
  .ws-qr-studio-govde { grid-template-columns: 1fr; }
  .ws-qr-studio-ayar { border-right: 0; border-top: 1px solid rgba(255, 255, 255, .06); order: 2; max-height: 46svh; }
  .ws-qr-studio-sahne { order: 1; padding: 14px; min-height: 42svh; }
  .ws-qr-aksiyon { flex-direction: row; flex-wrap: wrap; }
  .ws-qr-aksiyon .btn { flex: 1 1 140px; }
}
@media print {
  body.ws-qr-print * { visibility: hidden !important; }
  body.ws-qr-print .ws-qr-studio,
  body.ws-qr-print .ws-qr-studio * { visibility: visible !important; }
  body.ws-qr-print .ws-qr-studio {
    position: static !important;
    background: #fff !important;
    backdrop-filter: none !important;
    padding: 0 !important;
  }
  body.ws-qr-print .ws-qr-studio-head,
  body.ws-qr-print .ws-qr-studio-ayar { display: none !important; }
  body.ws-qr-print .ws-qr-studio-inner {
    box-shadow: none !important;
    border: 0 !important;
    background: #fff !important;
    max-height: none !important;
    width: 100% !important;
  }
  body.ws-qr-print .ws-qr-studio-govde { display: block !important; }
  body.ws-qr-print .ws-qr-studio-sahne { background: #fff !important; padding: 0 !important; }
  body.ws-qr-print .ws-qr-kagit-cerceve { filter: none !important; width: 100% !important; }
}

/* Plan 2 — kart disiplin, nav hue, globe */
.ay-kart-kaydet-satir{
  display:flex;
  justify-content:flex-end;
  padding-top:.35rem;
}
.ay-row-divider{
  border-top:1px solid rgba(148,163,184,.28);
  padding-top:.85rem;
  margin-top:.35rem;
}
html.theme-dark .ay-row-divider,
html.theme-mythos .ay-row-divider{ border-top-color: rgba(255,255,255,.08); }
.ay-status-chip{
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.02em;
  padding:.12rem .45rem;
  border-radius:999px;
  border:1px solid transparent;
}
.ay-status-chip--ok{ color:#047857; background:rgba(16,185,129,.12); }
.ay-status-chip--off{ color:#92400e; background:rgba(245,158,11,.14); }
html.theme-dark .ay-status-chip--ok,
html.theme-mythos .ay-status-chip--ok{ color:#6ee7b7; background:rgba(16,185,129,.16); }
html.theme-dark .ay-status-chip--off,
html.theme-mythos .ay-status-chip--off{ color:#fcd34d; background:rgba(245,158,11,.16); }
.ay-durum-banner{
  font-size:.75rem;
  line-height:1.45;
  padding:.4rem .65rem;
  border-radius:.5rem;
  border:1px solid rgba(148,163,184,.35);
  background:transparent;
}
.ay-durum-banner--uyari{ border-color:#f59e0b; color:#92400e; }
.ay-durum-banner--kritik{ border-color:#f87171; color:#991b1b; }
.ay-inner-card .ay-inner-card,
.ay-inner-card .ay-subcard,
.ay-inner-card .ay-notif-card,
.hesap-guvenlik-kutu{
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  padding-left:0;
  padding-right:0;
}
.ay-text-link{
  background:none;
  border:none;
  padding:0;
  font-size:.82rem;
  font-weight:700;
  color:#64748b;
  text-decoration:underline;
  text-underline-offset:2px;
  cursor:pointer;
}
.ay-text-link:hover{ color:#334155; }
html.theme-dark .ay-text-link,
html.theme-mythos .ay-text-link{ color:#94a3b8; }
.hesap-cihaz-aktif{
  display:inline-block;
  margin-left:.35rem;
  font-size:.65rem;
  font-weight:800;
  color:#047857;
  background:rgba(16,185,129,.14);
  border-radius:999px;
  padding:.05rem .4rem;
  vertical-align:middle;
}
html.theme-dark #hesapBuCihazAdWrap .field,
html.theme-mythos #hesapBuCihazAdWrap .field{
  background:#1a2438;
}
#hesapPanelAbonelik.hesap-abonelik-panel{
  background:transparent;
  border:none;
  box-shadow:none;
  padding-left:0;
  padding-right:0;
  min-width:0;
  max-width:100%;
  width:100%;
  box-sizing:border-box;
}
#hesapPanelAbonelik.hesap-abonelik-panel,
#hesapPanelAbonelik.hesap-abonelik-panel *{
  overflow-wrap:anywhere;
  word-break:normal;
}
#hesapPanelAbonelik .plan-kart-pro,
#hesapPanelAbonelik [class*="plan"],
#hesapPanelAbonelik .field,
#hesapPanelAbonelik p,
#hesapPanelAbonelik h2,
#hesapPanelAbonelik h3{
  white-space:normal;
  max-width:100%;
}
@media (max-width:767px){
  #hesapPanelAbonelik.hesap-abonelik-panel{
    grid-column:1 / -1;
  }
}
#tab-hesap .ay-settings-main{
  width:100%;
  min-width:0;
  max-width:100%;
}
#tab-hesap .ay-settings-main > .ay-cat-panel{
  width:100%;
  max-width:100%;
  min-width:0;
}
#hesapPanelAbonelik .ay-cat-body,
#hesapPanelAbonelik #abonelikDurum,
#hesapPanelAbonelik .plan-status-card{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}
#hesapPanelAbonelik #abonelikDurum{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}
html.theme-dark #hesapPanelAbonelik.hesap-abonelik-panel,
html.theme-mythos #hesapPanelAbonelik.hesap-abonelik-panel,
html.theme-light #hesapPanelAbonelik.hesap-abonelik-panel,
html.theme-rose #hesapPanelAbonelik.hesap-abonelik-panel{
  background:transparent;
  border:none;
  box-shadow:none;
}
.hesap-sil-zone.card{ background:transparent; border:none; box-shadow:none; }
.ay-kaynak-uyari{ color:#b45309; font-weight:700; }
#ayGcalKart .gcal-step{
  border:none;
  background:transparent;
  padding:0;
  border-radius:0;
  box-shadow:none;
}


.sidebar-btn[data-nav-hue],
.mob-drawer-btn[data-nav-hue],
.ay-cat-btn[data-nav-hue],
.panel-bildirim-btn[data-nav-hue]{
  --nav-accent:#64748b;
  --nav-tint:rgba(100,116,139,.14);
  --nav-bar:var(--nav-accent);
}
.sidebar-btn[data-nav-hue] .ico,
.sidebar-btn[data-nav-hue] .ico svg,
.mob-drawer-btn[data-nav-hue] .ico,
.mob-drawer-btn[data-nav-hue] .ico svg,
.ay-cat-btn[data-nav-hue] .ay-cat-icon,
.ay-cat-btn[data-nav-hue] .ay-cat-icon svg{
  color:var(--nav-accent) !important;
}
.sidebar-btn[data-nav-hue="blue"], .ay-cat-btn[data-nav-hue="blue"], .mob-drawer-btn[data-nav-hue="blue"]{
  --nav-accent:#2563eb; --nav-tint:rgba(37,99,235,.16);
}
.sidebar-btn[data-nav-hue="teal"], .ay-cat-btn[data-nav-hue="teal"], .mob-drawer-btn[data-nav-hue="teal"]{
  --nav-accent:#0f766e; --nav-tint:rgba(15,118,110,.16);
}
.sidebar-btn[data-nav-hue="violet"], .ay-cat-btn[data-nav-hue="violet"], .mob-drawer-btn[data-nav-hue="violet"]{
  --nav-accent:#7c3aed; --nav-tint:rgba(124,58,237,.16);
}
.sidebar-btn[data-nav-hue="indigo"], .ay-cat-btn[data-nav-hue="indigo"], .mob-drawer-btn[data-nav-hue="indigo"]{
  --nav-accent:#4f46e5; --nav-tint:rgba(79,70,229,.16);
}
.sidebar-btn[data-nav-hue="slate"], .ay-cat-btn[data-nav-hue="slate"], .mob-drawer-btn[data-nav-hue="slate"]{
  --nav-accent:#475569; --nav-tint:rgba(71,85,105,.16);
}
.sidebar-btn[data-nav-hue="green"], .ay-cat-btn[data-nav-hue="green"]{
  --nav-accent:#059669; --nav-tint:rgba(5,150,105,.16);
}
.sidebar-btn[data-nav-hue="amber"], .ay-cat-btn[data-nav-hue="amber"], .panel-bildirim-btn[data-nav-hue="amber"]{
  --nav-accent:#d97706; --nav-tint:rgba(217,119,6,.16);
}
.sidebar-btn[data-nav-hue="purple"], .ay-cat-btn[data-nav-hue="purple"]{
  --nav-accent:#7e22ce; --nav-tint:rgba(126,34,206,.16);
}
.sidebar-btn[data-nav-hue="gold"], .ay-cat-btn[data-nav-hue="gold"]{
  --nav-accent:#b45309; --nav-tint:rgba(180,83,9,.16);
}
.sidebar-btn[data-nav-hue="red"], .ay-cat-btn[data-nav-hue="red"]{
  --nav-accent:#dc2626; --nav-tint:rgba(220,38,38,.14);
}
.sidebar-btn.active[data-nav-hue],
.mob-drawer-btn.active[data-nav-hue],
.ay-cat-btn.active[data-nav-hue]{
  background:var(--nav-tint) !important;
  box-shadow:inset 3px 0 0 var(--nav-bar);
  border-color:transparent !important;
  color:inherit !important;
  -webkit-text-fill-color:inherit !important;
}
html.theme-rose .sidebar-btn.active[data-nav-hue],
html.theme-rose .mob-drawer-btn.active[data-nav-hue],
html.theme-rose .ay-cat-btn.active[data-nav-hue]{
  background:var(--nav-tint) !important;
  color:inherit !important;
  -webkit-text-fill-color:inherit !important;
  border-color:transparent !important;
}
html.theme-rose .sidebar-btn.active[data-nav-hue] .ico,
html.theme-rose .sidebar-btn.active[data-nav-hue] .ico svg{
  color:var(--nav-accent) !important;
}
html.theme-dark .sidebar-btn[data-nav-hue="blue"], html.theme-mythos .sidebar-btn[data-nav-hue="blue"]{ --nav-accent:#60a5fa; }
html.theme-dark .sidebar-btn[data-nav-hue="teal"], html.theme-mythos .sidebar-btn[data-nav-hue="teal"]{ --nav-accent:#2dd4bf; }
html.theme-dark .sidebar-btn[data-nav-hue="violet"], html.theme-mythos .sidebar-btn[data-nav-hue="violet"]{ --nav-accent:#c4b5fd; }
html.theme-dark .sidebar-btn[data-nav-hue="indigo"], html.theme-mythos .sidebar-btn[data-nav-hue="indigo"]{ --nav-accent:#a5b4fc; }
html.theme-dark .sidebar-btn[data-nav-hue="slate"], html.theme-mythos .sidebar-btn[data-nav-hue="slate"]{ --nav-accent:#cbd5e1; }
html.theme-dark .ay-cat-btn[data-nav-hue="blue"]{ --nav-accent:#60a5fa; }
html.theme-dark .ay-cat-btn[data-nav-hue="teal"]{ --nav-accent:#2dd4bf; }
html.theme-dark .ay-cat-btn[data-nav-hue="violet"]{ --nav-accent:#c4b5fd; }
html.theme-dark .ay-cat-btn[data-nav-hue="green"]{ --nav-accent:#34d399; }
html.theme-dark .ay-cat-btn[data-nav-hue="amber"]{ --nav-accent:#fbbf24; }
html.theme-dark .ay-cat-btn[data-nav-hue="purple"]{ --nav-accent:#d8b4fe; }
html.theme-dark .ay-cat-btn[data-nav-hue="gold"]{ --nav-accent:#fbbf24; }
html.theme-dark .ay-cat-btn[data-nav-hue="red"]{ --nav-accent:#f87171; }
html.theme-dark .ay-cat-btn[data-nav-hue="slate"]{ --nav-accent:#cbd5e1; }



/* === PLAN 2 light/rose field + cal state (token-driven) === */
html.theme-light .field:focus,
html.theme-rose .field:focus,
html.theme-light textarea.field:focus,
html.theme-rose textarea.field:focus,
html.theme-light input.field:focus,
html.theme-rose input.field:focus {
  border-color: var(--rv-focus-border) !important;
  box-shadow: var(--rv-focus-ring) !important;
  outline: none !important;
}
html.theme-light .field:hover:not(:disabled):not(:focus),
html.theme-rose .field:hover:not(:disabled):not(:focus),
html.theme-light textarea.field:hover:not(:disabled):not(:focus),
html.theme-rose textarea.field:hover:not(:disabled):not(:focus) {
  border-color: color-mix(in srgb, var(--rv-border) 70%, var(--rv-accent) 30%) !important;
}
html.theme-light .field:disabled,
html.theme-rose .field:disabled,
html.theme-light .field[disabled],
html.theme-rose .field[disabled] {
  background: var(--rv-surface-2) !important;
  color: var(--rv-text-3) !important;
  opacity: .72 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}
html.theme-light .cal-day:hover:not(.cal-past):not(:disabled),
html.theme-rose .cal-day:hover:not(.cal-past):not(:disabled) {
  background: var(--rv-surface-2) !important;
}
html.theme-light .cal-day.cal-past,
html.theme-rose .cal-day.cal-past {
  background: var(--rv-surface-2) !important;
  border-color: var(--rv-line-soft) !important;
  color: var(--rv-text-3) !important;
  opacity: .55 !important;
}
html.theme-light .sidebar-btn:hover,
html.theme-rose .sidebar-btn:hover {
  background: var(--rv-surface-2) !important;
}

/* === LIGHT + ROSE DEPTH r920 — gerçek sıcak tonlar (saf beyaz yok) ===
   Snip dimming olmadan da kart / input / zemin ayrımı okunmalı.
   Saf #fff ve #fffcf7 kaldırıldı; yüzeyler aralıklı taupe/gül. */
html.theme-light {
  --rv-void: #8a837a;
  --rv-ink: #9a9288;
  --rv-ink-2: #e4d9cb;
  --rv-surface-1: #e4d9cb;
  --rv-surface-2: #d5c8b7;
  --rv-input-bg: #f0e6d8;
  --rv-border: rgba(15, 23, 42, .38);
  --rv-border-strong: rgba(15, 23, 42, .52);
  --rv-line: rgba(15, 23, 42, .28);
  --rv-line-soft: rgba(15, 23, 42, .18);
  --rv-text-3: #3f4b5c;
  --rv-shadow-soft: 0 1px 2px rgba(15, 23, 42, .12), 0 6px 18px rgba(15, 23, 42, .14);
  --rv-shadow-card: 0 2px 5px rgba(15, 23, 42, .14), 0 14px 34px rgba(15, 23, 42, .18);
}
html.theme-rose {
  --rv-void: #a8929a;
  --rv-ink: #b9a3ab;
  --rv-ink-2: #e8d8da;
  --rv-surface-1: #e8d8da;
  --rv-surface-2: #d9c5c9;
  --rv-input-bg: #f3e6e8;
  --rv-border: rgba(60, 30, 45, .38);
  --rv-border-strong: rgba(60, 30, 45, .52);
  --rv-line: rgba(60, 30, 45, .28);
  --rv-line-soft: rgba(60, 30, 45, .18);
  --rv-text-2: #4a3842;
  --rv-text-3: #5a4750;
  --rv-shadow-soft: 0 1px 2px rgba(60, 30, 45, .12), 0 6px 18px rgba(60, 30, 45, .14);
  --rv-shadow-card: 0 2px 5px rgba(60, 30, 45, .14), 0 14px 34px rgba(60, 30, 45, .18);
}

html.theme-light .panel-bg {
  background:
    radial-gradient(720px 460px at -4% 2%, rgba(201, 138, 75, .09), transparent 50%),
    linear-gradient(180deg, #9a9288 0%, #8a837a 100%) !important;
}
html.theme-rose .panel-bg {
  background:
    radial-gradient(720px 460px at -4% 2%, rgba(219, 39, 119, .09), transparent 50%),
    linear-gradient(180deg, #b9a3ab 0%, #a8929a 100%) !important;
}
html.theme-light .panel-vignette {
  background: radial-gradient(ellipse 115% 88% at 50% 34%, transparent 42%, rgba(15, 23, 42, .16) 100%) !important;
}
html.theme-rose .panel-vignette {
  background: radial-gradient(ellipse 115% 88% at 50% 34%, transparent 42%, rgba(60, 30, 45, .16) 100%) !important;
}
html.theme-light .panel-grain,
html.theme-rose .panel-grain { opacity: .03 !important; }

html.theme-light .sidebar-dock {
  background-color: #c9bfb2 !important;
  background-image:
    radial-gradient(ellipse 110% 70% at 0% 0%, rgba(201, 138, 75, .1), transparent 52%),
    linear-gradient(185deg, #d2c7b8 0%, #c0b4a5 100%) !important;
  border-right: 1.5px solid rgba(15, 23, 42, .34) !important;
  box-shadow: 6px 0 32px rgba(15, 23, 42, .2) !important;
}
html.theme-rose .sidebar-dock {
  background-color: #cdb8bf !important;
  background-image:
    radial-gradient(ellipse 110% 70% at 0% 0%, rgba(219, 39, 119, .1), transparent 52%),
    linear-gradient(185deg, #d7c2c8 0%, #c6aeb5 100%) !important;
  border-right: 1.5px solid rgba(60, 30, 45, .34) !important;
  box-shadow: 6px 0 32px rgba(60, 30, 45, .2) !important;
}

/* Sidebar sekmeleri — koyu dock üzerinde açık kart gibi dursun */
html.theme-light .sidebar-btn[data-tab]:has(.sb-ico--premium) .sidebar-label,
html.theme-light .mob-drawer-btn[data-tab]:has(.sb-ico--premium) .sidebar-label {
  background: #f0e6d8 !important;
  border-color: rgba(15, 23, 42, .28) !important;
  color: #1e293b !important;
  -webkit-text-fill-color: #1e293b !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .35) inset, 0 2px 6px rgba(15, 23, 42, .12) !important;
}
html.theme-rose .sidebar-btn[data-tab]:has(.sb-ico--premium) .sidebar-label,
html.theme-rose .mob-drawer-btn[data-tab]:has(.sb-ico--premium) .sidebar-label {
  background: #f3e6e8 !important;
  border-color: rgba(60, 30, 45, .3) !important;
  color: #3f2a34 !important;
  -webkit-text-fill-color: #3f2a34 !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .35) inset, 0 2px 6px rgba(60, 30, 45, .12) !important;
}
html.theme-light .sidebar-btn.active[data-tab]:has(.sb-ico--premium) .sidebar-label,
html.theme-light .mob-drawer-btn.active[data-tab]:has(.sb-ico--premium) .sidebar-label {
  background: #edd9bc !important;
  border-color: rgba(180, 83, 9, .4) !important;
  color: #78350f !important;
  -webkit-text-fill-color: #78350f !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .4) inset, 0 3px 10px rgba(180, 83, 9, .16) !important;
}
html.theme-rose .sidebar-btn.active[data-tab]:has(.sb-ico--premium) .sidebar-label,
html.theme-rose .mob-drawer-btn.active[data-tab]:has(.sb-ico--premium) .sidebar-label {
  background: #efc9d8 !important;
  border-color: rgba(190, 24, 93, .42) !important;
  color: #9d174d !important;
  -webkit-text-fill-color: #9d174d !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .4) inset, 0 3px 10px rgba(190, 24, 93, .18) !important;
}
html.theme-light .sidebar-btn[data-tab]:has(.sb-ico--premium) .ico.sb-ico--premium,
html.theme-light .mob-drawer-btn[data-tab]:has(.sb-ico--premium) .ico.sb-ico--premium {
  background: #f0e6d8 !important;
  border-color: rgba(15, 23, 42, .28) !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, .12) !important;
}
html.theme-rose .sidebar-btn[data-tab]:has(.sb-ico--premium) .ico.sb-ico--premium,
html.theme-rose .mob-drawer-btn[data-tab]:has(.sb-ico--premium) .ico.sb-ico--premium {
  background: #f3e6e8 !important;
  border-color: rgba(60, 30, 45, .3) !important;
  box-shadow: 0 2px 6px rgba(60, 30, 45, .12) !important;
}
html.theme-light .sidebar-group-label,
html.theme-light .nav-group-label {
  color: #334155 !important;
}
html.theme-rose .sidebar-group-label,
html.theme-rose .nav-group-label {
  color: #5b3d4a !important;
}

html.theme-light .card,
html.theme-light .form-block,
html.theme-light .ay-section,
html.theme-light .ay-settings-top,
html.theme-light .ay-cat-panel,
html.theme-light .stat-card,
html.theme-light .plan-card,
html.theme-light .stok-urun-kart,
html.theme-light .kpi-card,
html.theme-light .today-hero,
html.theme-light .desktop-topbar,
html.theme-rose .card,
html.theme-rose .form-block,
html.theme-rose .ay-section,
html.theme-rose .ay-settings-top,
html.theme-rose .ay-cat-panel,
html.theme-rose .stat-card,
html.theme-rose .plan-card,
html.theme-rose .stok-urun-kart,
html.theme-rose .kpi-card,
html.theme-rose .today-hero,
html.theme-rose .desktop-topbar {
  background-color: var(--rv-surface-1) !important;
  border: 1.5px solid var(--rv-border) !important;
  box-shadow: var(--rv-shadow-card) !important;
}

html.theme-light .desktop-topbar,
html.theme-light .welcome-banner {
  background:
    radial-gradient(ellipse 70% 120% at 100% 0%, rgba(201, 138, 75, .12), transparent 55%),
    linear-gradient(155deg, #e8dccb 0%, #d9cbb8 100%) !important;
}
html.theme-rose .desktop-topbar,
html.theme-rose .welcome-banner {
  background:
    radial-gradient(ellipse 70% 120% at 100% 0%, rgba(219, 39, 119, .12), transparent 55%),
    linear-gradient(155deg, #ebd4d8 0%, #dcc4c9 100%) !important;
}
html.theme-light .topbar-eyebrow {
  background: var(--rv-surface-2) !important;
  border: 1px solid rgba(15, 23, 42, .2) !important;
}
html.theme-rose .topbar-eyebrow {
  background: var(--rv-surface-2) !important;
  border: 1px solid rgba(60, 30, 45, .2) !important;
}

html.theme-light .ay-cat-panel,
html.theme-rose .ay-cat-panel {
  background: var(--rv-surface-1) !important;
}
html.theme-light .ay-cat-header {
  background: linear-gradient(180deg, #e8dccb 0%, #d9cbb8 100%) !important;
  border-bottom-color: rgba(15, 23, 42, .28) !important;
}
html.theme-rose .ay-cat-header {
  background: linear-gradient(180deg, #ebd4d8 0%, #dcc4c9 100%) !important;
  border-bottom-color: rgba(60, 30, 45, .28) !important;
}
html.theme-light .ay-inner-card,
html.theme-light .ay-subcard,
html.theme-light .ay-notif-card,
html.theme-light .hesap-guvenlik-kutu,
html.theme-light .list-row,
html.theme-light .panel-list-item,
html.theme-rose .ay-inner-card,
html.theme-rose .ay-subcard,
html.theme-rose .ay-notif-card,
html.theme-rose .hesap-guvenlik-kutu,
html.theme-rose .list-row,
html.theme-rose .panel-list-item {
  background: var(--rv-surface-2) !important;
  border: 1.5px solid var(--rv-border) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .45) inset, 0 3px 10px rgba(15, 23, 42, .09) !important;
}
html.theme-rose .ay-inner-card,
html.theme-rose .ay-subcard,
html.theme-rose .ay-notif-card,
html.theme-rose .hesap-guvenlik-kutu,
html.theme-rose .list-row,
html.theme-rose .panel-list-item {
  box-shadow: 0 1px 0 rgba(255, 255, 255, .45) inset, 0 3px 10px rgba(60, 30, 45, .09) !important;
}
html.theme-light .text-slate-400,
html.theme-light .text-slate-500,
html.theme-light .text-slate-600 {
  color: #3f4b5c !important;
  -webkit-text-fill-color: #3f4b5c !important;
}
html.theme-rose .text-slate-400,
html.theme-rose .text-slate-500,
html.theme-rose .text-slate-600 {
  color: #5a4750 !important;
  -webkit-text-fill-color: #5a4750 !important;
}

html.theme-light .field,
html.theme-light input.field,
html.theme-light textarea.field,
html.theme-light select.field,
html.theme-light .cal-day,
html.theme-light .rv-cal-cell,
html.theme-rose .field,
html.theme-rose input.field,
html.theme-rose textarea.field,
html.theme-rose select.field,
html.theme-rose .cal-day,
html.theme-rose .rv-cal-cell {
  background: var(--rv-input-bg) !important;
  border: 1.5px solid var(--rv-border) !important;
  box-shadow: var(--rv-shadow-soft) !important;
}
html.theme-light .takvim-sekme .takvim-ana,
html.theme-rose .takvim-sekme .takvim-ana,
html.theme-light .takvim-ana.card,
html.theme-rose .takvim-ana.card {
  background: var(--rv-surface-1) !important;
  border: 1.5px solid var(--rv-border) !important;
  box-shadow: var(--rv-shadow-card) !important;
}
html.theme-light .cal-day.cal-past,
html.theme-rose .cal-day.cal-past {
  background: var(--rv-surface-2) !important;
  opacity: .72 !important;
}
html.theme-light .desktop-topbar,
html.theme-light .today-hero,
html.theme-rose .desktop-topbar,
html.theme-rose .today-hero {
  border: 1.5px solid var(--rv-border) !important;
  box-shadow: var(--rv-shadow-card) !important;
}