/* ============================================================================
   Gün Batımı teması — en son yüklenir; önceki tüm tema değişkenlerini ve bileşen renklerini ezer.
   İki mod: KOYU = "Gün Batımı" (mor → pembe → turuncu), AÇIK = "Gün Doğumu" (şeftali krem, mor yazı).
   Mod mantığı eskisiyle aynı: data-theme="dark" ya da (sistem koyu ve data-theme="light" değil) → koyu; aksi halde açık.
   Marka: amber #ffb347 → mercan #ff5f6d gradyanı, koyu mor #2b1055 yazı.
   ============================================================================ */
/* ---- AÇIK mod (varsayılan) ---- */
:root, :root[data-theme="light"] {
  color-scheme: light;
  --paper: #fff4ec; --paper-2: #ffe8dd; --card: #ffffff; --ink: #2b1055; --ink-2: #4d2e78; --muted: #6a4e8c;
  --line: #ebd3e0; --line-2: #d9b8d6;
  --accent: #b4235f; --accent-ink: #b4235f; --accent-fill: #c2306f; --accent-2: #8f1a4a; --danger-ink: #b3261e;
  --gold: #9a5a00; --gold-2: #7a4600;
  --green: #1f8a5c; --green-2: #146b3e; --green-solid: #146b3e;
  --blue: #2c5fb8; --blue-2: #1d4590; --danger: #d1401f;
  --teal: #0e8f83; --teal-2: #0a6259; --rust: #db6a17; --rust-2: #a84f10; --plum: #8f2f86; --plum-2: #6b1f63;
  --radius: 14px;
  --shadow: 0 1px 2px rgba(60, 20, 90, .08), 0 8px 24px rgba(90, 30, 110, .12);
  --bar-bg: #2b1055;
  --tint-1: #ffe3ea; --tint-2: #ddf3f0; --tint-3: #fff0d2; --tint-4: #e2f4e8; --tint-5: #e4ebff; --tint-6: #ffe7d6; --tint-plum: #f4e3fa;
  --bg-success: #e3f5ea; --border-success: #9bd2b0; --text-success: #1d5a3a;
  --bg-error: #ffe6ea; --border-error: #f0a9b8; --text-error: #8f1d37;
  --bg-info: #e8edff; --border-info: #b3c1f0; --text-info: #2a3a7a;
  --bg-accent-tint: #ffe9ef; --bg-hover-row: #fff0e6;
  --status-pending-bg: #fff0d2; --status-prep-bg: #e0eaff; --status-shipped-bg: #f4e3fa; --status-delivered-bg: #dff3e6;
  --status-cancelled-bg: #ffe3e0; --status-payfail-bg: #ffe3e0; --status-refund-bg: #eee8f4;
  --bg-warn-soft: #fff0d2; --bg-unread: #fff7ee;
  --bg-bubble-mine: #ffe3ec; --border-bubble-mine: #f0b4c6;
  --bg-draft: #fff0d2; --border-draft: #e0a850; --text-draft: #7a4600;
  --bg-alert-hover: #eaf7f5; --bg-lock: #e6f3e6;
  /* sunset.css'e özel */
  --sun-grad: linear-gradient(135deg, #ffb347, #ff5f6d);
  --sun-glow: 0 0 22px rgba(255, 122, 69, .45);
  --glass: rgba(255, 255, 255, .72); --glass-2: rgba(255, 255, 255, .9); --glass-line: rgba(120, 60, 140, .22);
  --head-bg: rgba(255, 255, 255, .82); --cat-bg: rgba(255, 255, 255, .55); --strip-bg: rgba(255, 255, 255, .6);
  --ghost-bg: rgba(43, 16, 85, .05); --ghost-bd: rgba(43, 16, 85, .38); --ghost-ink: #2b1055;
  --on-glass: #2b1055; --link-ink: #b4235f; --acc-text: #b4235f; --price: #b4235f;
  --body-grad:
    radial-gradient(ellipse 90% 40% at 50% 120%, rgba(255, 140, 90, .28), transparent 70%),
    radial-gradient(ellipse 60% 40% at 100% 0%, rgba(255, 150, 190, .30), transparent 70%),
    linear-gradient(172deg, #fff6ee 0%, #ffe9df 40%, #fbdcec 75%, #ead9fb 100%);
  --html-bg: #fff4ec; --on-col: #ffffff;
}
/* ---- KOYU mod ---- */
:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #231045; --paper-2: #2d1658; --card: #351a5e; --ink: #fff4ea; --ink-2: #ecd9ee; --muted: #cdb7df;
  --line: #53327f; --line-2: #6c46a0;
  --accent: #ffb347; --accent-ink: #ffc56e; --accent-fill: #c2306f; --accent-2: #ff5f6d; --danger-ink: #ff9d8e;
  --gold: #ffc65c; --gold-2: #ffdb92;
  --green: #5fe0a8; --green-2: #34b886; --green-solid: #1f8a5c;
  --blue: #8bb8ff; --blue-2: #5f94e8; --danger: #ff6b57;
  --teal: #5fd6cc; --teal-2: #2fb0a6; --rust: #ff9a5c; --rust-2: #e87a38; --plum: #d58bff; --plum-2: #b45fe6;
  --shadow: 0 1px 2px rgba(10, 0, 30, .4), 0 10px 28px rgba(10, 0, 30, .38);
  --bar-bg: #170a30;
  --tint-1: #4a1f5e; --tint-2: #1c3f5e; --tint-3: #4d3319; --tint-4: #1c4a45; --tint-5: #2a2f68; --tint-6: #5a2a3a; --tint-plum: #43205f;
  --bg-success: #1d4a45; --border-success: #3a8a7c; --text-success: #9cf0d0;
  --bg-error: #5a2540; --border-error: #a64b6a; --text-error: #ffb4bf;
  --bg-info: #2a2f68; --border-info: #4f5fb0; --text-info: #c4d2ff;
  --bg-accent-tint: #4a1f5e; --bg-hover-row: #3d2068;
  --status-pending-bg: #4d3319; --status-prep-bg: #26366e; --status-shipped-bg: #4a1f5e; --status-delivered-bg: #1d4a45;
  --status-cancelled-bg: #5a2540; --status-payfail-bg: #5a2540; --status-refund-bg: #3a2a58;
  --bg-warn-soft: #4d3319; --bg-unread: #432369;
  --bg-bubble-mine: #5a2a6e; --border-bubble-mine: #8a4a9a;
  --bg-draft: #4d3319; --border-draft: #b8803a; --text-draft: #ffd08a;
  --bg-alert-hover: #22405f; --bg-lock: #1d4a45;
  --sun-glow: 0 0 26px rgba(255, 122, 69, .55);
  --glass: rgba(255, 255, 255, .09); --glass-2: rgba(255, 255, 255, .14); --glass-line: rgba(255, 255, 255, .22);
  --head-bg: rgba(35, 16, 69, .78); --cat-bg: rgba(23, 10, 48, .55); --strip-bg: rgba(23, 10, 48, .6);
  --ghost-bg: rgba(255, 255, 255, .12); --ghost-bd: rgba(255, 255, 255, .55); --ghost-ink: #fff4ea;
  --on-glass: #fff4ea; --link-ink: #ffc56e; --acc-text: #ffb347; --price: #ffb347;
  --body-grad:
    radial-gradient(ellipse 90% 45% at 50% 118%, rgba(255, 122, 69, .55), transparent 70%),
    radial-gradient(ellipse 70% 40% at 100% 0%, rgba(255, 95, 109, .18), transparent 70%),
    linear-gradient(172deg, #2b1055 0%, #3c1668 38%, #5a2174 68%, #7d2f78 100%);
  --html-bg: #21103f; --on-col: #2b1055;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --paper: #231045; --paper-2: #2d1658; --card: #351a5e; --ink: #fff4ea; --ink-2: #ecd9ee; --muted: #cdb7df;
    --line: #53327f; --line-2: #6c46a0;
    --accent: #ffb347; --accent-ink: #ffc56e; --accent-fill: #c2306f; --accent-2: #ff5f6d; --danger-ink: #ff9d8e;
    --gold: #ffc65c; --gold-2: #ffdb92;
    --green: #5fe0a8; --green-2: #34b886; --green-solid: #1f8a5c;
    --blue: #8bb8ff; --blue-2: #5f94e8; --danger: #ff6b57;
    --teal: #5fd6cc; --teal-2: #2fb0a6; --rust: #ff9a5c; --rust-2: #e87a38; --plum: #d58bff; --plum-2: #b45fe6;
    --shadow: 0 1px 2px rgba(10, 0, 30, .4), 0 10px 28px rgba(10, 0, 30, .38);
    --bar-bg: #170a30;
    --tint-1: #4a1f5e; --tint-2: #1c3f5e; --tint-3: #4d3319; --tint-4: #1c4a45; --tint-5: #2a2f68; --tint-6: #5a2a3a; --tint-plum: #43205f;
    --bg-success: #1d4a45; --border-success: #3a8a7c; --text-success: #9cf0d0;
    --bg-error: #5a2540; --border-error: #a64b6a; --text-error: #ffb4bf;
    --bg-info: #2a2f68; --border-info: #4f5fb0; --text-info: #c4d2ff;
    --bg-accent-tint: #4a1f5e; --bg-hover-row: #3d2068;
    --status-pending-bg: #4d3319; --status-prep-bg: #26366e; --status-shipped-bg: #4a1f5e; --status-delivered-bg: #1d4a45;
    --status-cancelled-bg: #5a2540; --status-payfail-bg: #5a2540; --status-refund-bg: #3a2a58;
    --bg-warn-soft: #4d3319; --bg-unread: #432369;
    --bg-bubble-mine: #5a2a6e; --border-bubble-mine: #8a4a9a;
    --bg-draft: #4d3319; --border-draft: #b8803a; --text-draft: #ffd08a;
    --bg-alert-hover: #22405f; --bg-lock: #1d4a45;
    --sun-glow: 0 0 26px rgba(255, 122, 69, .55);
    --glass: rgba(255, 255, 255, .09); --glass-2: rgba(255, 255, 255, .14); --glass-line: rgba(255, 255, 255, .22);
    --head-bg: rgba(35, 16, 69, .78); --cat-bg: rgba(23, 10, 48, .55); --strip-bg: rgba(23, 10, 48, .6);
    --ghost-bg: rgba(255, 255, 255, .12); --ghost-bd: rgba(255, 255, 255, .55); --ghost-ink: #fff4ea;
    --on-glass: #fff4ea; --link-ink: #ffc56e; --acc-text: #ffb347; --price: #ffb347;
    --body-grad:
      radial-gradient(ellipse 90% 45% at 50% 118%, rgba(255, 122, 69, .55), transparent 70%),
      radial-gradient(ellipse 70% 40% at 100% 0%, rgba(255, 95, 109, .18), transparent 70%),
      linear-gradient(172deg, #2b1055 0%, #3c1668 38%, #5a2174 68%, #7d2f78 100%);
    --html-bg: #21103f; --on-col: #2b1055;
  }
}

/* ---- Zemin: sabit gradyan (iOS'ta da çalışsın diye sahte öğe) ---- */
html { background: var(--html-bg); }
body { background: transparent; background-image: none; color: var(--ink); }
body::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; background: var(--body-grad); }
a:hover { color: var(--accent); }
::selection { background: #ff7a45; color: #2b1055; }

/* ---- Üst şerit, başlık, kategori çubuğu ---- */
.topbar { background: rgba(23, 10, 48, .9); color: #f3e1f0; }
.topbar a { color: #f3e1f0; }
.header { background: var(--head-bg); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom: 1px solid var(--glass-line); }
.logo-text strong { color: var(--ink); }
.logo-text small, .logo-text span { color: var(--muted); }
.search select, #kategori-sec { background: #ffe9d6 !important; color: #2b1055 !important; border-color: transparent !important; }
.search a, .search button:not(.btn) { color: #2b1055; }
nav.catnav { background: var(--cat-bg); border-bottom: 1px solid var(--glass-line); }
.trust-strip { background: var(--strip-bg); border-color: var(--glass-line); color: var(--ink-2); }

/* ---- Düğmeler: amber→mercan geçiş + koyu mor yazı + parıltı ---- */
.btn { color: #2b1055; border-color: transparent; border-radius: 16px; box-shadow: 0 6px 20px rgba(255, 95, 109, .28), inset 0 1px 0 rgba(255, 255, 255, .35); }
.btn:hover:not([disabled]) { color: #2b1055; border-color: transparent; filter: brightness(1.06); box-shadow: var(--sun-glow), 0 10px 26px rgba(255, 95, 109, .35); }
.btn:not(.ghost):not(.dark):not(.green):not(.teal):not(.blue):not(.rust):not(.plum):not(.gold):not(.danger):not(.warn) { background: var(--sun-grad); color: #2b1055; border-color: transparent; }
.btn.ghost { background: var(--ghost-bg); color: var(--ghost-ink); border: 2px solid var(--ghost-bd); box-shadow: none; }
.btn.ghost:hover:not([disabled]) { background: var(--glass-2); color: var(--ghost-ink); box-shadow: none; }
.btn.dark { background: linear-gradient(135deg, #7a3fb0, #4b1a6e); color: #fff4ea; border: 1.5px solid rgba(255, 190, 120, .55); box-shadow: 0 2px 10px rgba(255, 95, 109, .25); }
.btn.dark:hover:not([disabled]) { color: #fff; }
.btn.danger { color: #fff; }
.btn.green, .btn.teal, .btn.gold, .btn.rust, .btn.blue, .btn.plum { color: var(--on-col); border-color: transparent; }
.btn.green:hover:not([disabled]), .btn.teal:hover:not([disabled]), .btn.gold:hover:not([disabled]), .btn.rust:hover:not([disabled]), .btn.blue:hover:not([disabled]), .btn.plum:hover:not([disabled]) { color: var(--on-col); }
.btn::after { background: linear-gradient(115deg, transparent, rgba(255, 255, 255, .5), transparent); }
.to-top { background: var(--sun-grad); color: #2b1055; border-color: transparent; box-shadow: var(--sun-glow); }
.cond-seg a.on, .seg label:has(input:checked), .pagination .on, .view-toggle button[aria-pressed="true"] { background: var(--sun-grad); color: #2b1055; border-color: transparent; }
.ribbon-new { background: var(--sun-grad); color: #2b1055; }

/* ---- Kartlar ve paneller: cam efekti ---- */
.card, .panel, .box, .sc-card, .auth, .tile, form.filters, .filters, .buybox, .shop-head, .catalog-card, .cond-gauge, details, .nav-group { background: var(--glass); border: 1px solid var(--glass-line); border-radius: 20px; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); box-shadow: var(--shadow); color: var(--on-glass); }
details[open] { background: var(--glass-2); }
.card:hover { box-shadow: 0 14px 34px rgba(60, 10, 90, .35), 0 0 0 1px rgba(255, 179, 71, .55); }
.chip, .cond-seg, .view-toggle { background: var(--glass); border-color: var(--glass-line); }
.cond-seg a { color: var(--ink-2); }
.card .price, .price { color: var(--price); }

/* ---- Girdi alanları ---- */
input:not([type=checkbox]):not([type=radio]):not([type=range]), select, textarea { background: rgba(255, 255, 255, .96); color: #2b1055; border: 1.5px solid var(--glass-line); border-radius: 14px; }
:root[data-theme="dark"] input:not([type=checkbox]):not([type=radio]):not([type=range]), :root[data-theme="dark"] select, :root[data-theme="dark"] textarea { border-color: rgba(255, 255, 255, .5); }
input::placeholder, textarea::placeholder { color: #7a6a95; }
input:focus, select:focus, textarea:focus { outline: 2px solid #ffb347; outline-offset: 1px; border-color: #ffb347; }

/* ---- Hero: iki modda da canlı gün batımı ---- */
.hero { background: #170a30; color: #fff4ea; }
.hero::before { background:
    radial-gradient(ellipse 60% 70% at 85% 15%, rgba(255, 95, 109, .38), transparent 62%),
    radial-gradient(ellipse 80% 60% at 20% 105%, rgba(255, 122, 69, .62), transparent 62%),
    radial-gradient(ellipse 70% 60% at 50% 0%, rgba(139, 62, 160, .55), transparent 70%),
    linear-gradient(165deg, #2b1055 0%, #4b1a6e 55%, #7d2f78 100%); }
html[data-season] .hero { box-shadow: none !important; filter: none !important; }
html[data-season] .hero::after { opacity: 0 !important; }
.hero h1 { color: #fff7ee; font-weight: 700; }
.hero h1 em { color: #ffb347; }
.hero p { color: #f0dcef; }
.hero-stats strong { color: #fff7ee; }
.hero-stats span { color: #dcc3e8; }
.hero-scene { filter: drop-shadow(0 26px 40px rgba(10, 0, 30, .55)) drop-shadow(0 0 40px rgba(255, 122, 69, .25)); }
.footer { background: #170a30; color: #dcc3e8; }
.footer h4 { color: #fff4ea; }
.footer .logo-text strong { color: #ffb347; }
.footer .legal { color: #bfa5d0; border-top-color: rgba(255, 255, 255, .14); }
.footer .foot-cta { border-color: rgba(255, 179, 71, .6); color: #fff4ea; }
.footer .foot-cta:hover { background: rgba(255, 179, 71, .16); }
.footer .pay-row { color: #cdb7df; border-top-color: rgba(255, 255, 255, .12); }

/* ---- Çerez uyarısı (koyu cam, iki modda) ---- */
.ads-consent { background: rgba(23, 10, 48, .95); border: 1px solid rgba(255, 255, 255, .22); color: #fff4ea; border-radius: 18px; }
.ads-consent a { color: #ffc56e; }
.ads-consent .btn:not(.ghost) { background: var(--sun-grad); color: #2b1055; }
.ads-consent .btn.ghost { color: #fff4ea; border-color: rgba(255, 255, 255, .55); background: rgba(255, 255, 255, .1); }

/* ---- Giriş animasyonu ---- */
#intro-splash { --is-red: #ff5f6d; --is-gold: #ffb347; --is-paper: #fff4ea; }
#intro-splash .pg-desk { background: radial-gradient(900px 700px at 50% 50%, #5a2174, #21103f 70%, #150826); }
#intro-splash .pg-sheet { background: linear-gradient(160deg, #fff4ea, #ffd9c2) !important; border-color: #ffb347; }
#intro-splash .pg-paper { background: radial-gradient(ellipse at 50% 45%, #5a2174, #3c1668 60%, #231045); }
#intro-splash .pg-drop, #intro-splash .pg-spl { background: #ffb347; }
#intro-splash .pg-blot { background: radial-gradient(circle, rgba(255, 122, 69, .9), rgba(255, 95, 109, .5) 55%, transparent 72%) !important; }
#intro-splash .pg-o { stroke: #ffb347; filter: drop-shadow(0 0 10px rgba(255, 179, 71, .7)); }
#intro-splash .pg-i { stroke: #ff5f6d; }
#intro-splash .pg-leaf { fill: #ffb347; filter: drop-shadow(0 0 12px rgba(255, 95, 109, .8)); }
#intro-splash .pg-word { color: #fff4ea; text-shadow: 0 0 24px rgba(255, 122, 69, .6); }
#intro-splash .pg-word span:nth-child(6) { color: #ffb347; }
#intro-splash .pg-tag { color: #f0dcef; }

/* ---- Giriş / üyelik: "açık kitap" sahnesi cam panele dönüştü ---- */
.bk-stage, :root[data-theme="dark"] .bk-stage { background: transparent !important; }
.bk-stage::before { background: radial-gradient(ellipse 60% 50% at 50% 35%, rgba(255, 122, 69, .2), transparent 70%); }
.bk-book { background: var(--glass); box-shadow: 0 30px 80px rgba(40, 10, 70, .35), 0 0 0 1px var(--glass-line); border-radius: 28px; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.bk-book::after { background: linear-gradient(90deg, transparent, rgba(255, 140, 90, .22) 50%, transparent); }
.bk-pg { color: var(--ink); }
.bk-pg.l, .bk-pg.r { background: rgba(255, 255, 255, .08); }
.bk-pg.l { border-radius: 28px 0 0 28px; } .bk-pg.r { border-radius: 0 28px 28px 0; }
.bk-rib { background: var(--sun-grad); }
.bk-no, .bk-sub, .bk-pg .hint { color: var(--muted); }
.bk-quote, .bk-side { color: var(--acc-text); }
.bk-text, .bk-alt, .bk-alt .muted { color: var(--ink-2); }
.bk-text::first-letter { color: #ff7a45; }
.bk-pg h1 { color: var(--ink); }
.bk-pg .field label, .bk-pg .seg label { color: var(--link-ink); }
.bk-pg .field input[type="text"], .bk-pg .field input[type="email"], .bk-pg .field input[type="password"], .bk-pg .field input[type="tel"] { color: var(--ink) !important; background: var(--glass-2) !important; border: 1.5px solid var(--ghost-bd) !important; border-radius: 12px !important; padding: 10px 14px !important; }
.bk-pg .field input:focus, .bk-pg .field input:focus-visible { border-color: #ffb347 !important; box-shadow: 0 0 0 3px rgba(255, 179, 71, .3); }
.bk-pg .field input:-webkit-autofill { -webkit-text-fill-color: var(--ink); box-shadow: 0 0 0 40px var(--paper-2) inset; }
.bk-pg .field input::placeholder { color: var(--muted); opacity: .8; }
.bk-pg .pw-toggle, .bk-pg a.auth-forgot, .bk-pg .bk-link, .bk-alt a { color: var(--link-ink); }
.bk-pg .btn.block { background: var(--sun-grad); color: #2b1055; border-radius: 16px; box-shadow: var(--sun-glow); }
.bk-pg .btn.block:hover { background: var(--sun-grad); filter: brightness(1.08); }
.bk-pg .btn.block:active { transform: translateY(2px); box-shadow: none; }
.demo-note, .demo-note strong { background: transparent; color: var(--ink-2); }
.demo-note { background: var(--glass); border: 1px dashed var(--glass-line); border-radius: 14px; }
.demo-note code { background: rgba(255, 179, 71, .22); color: var(--ink); }

/* ---- İnce ayarlar (ikinci tur) ---- */
.search { background: rgba(255, 255, 255, .96); border-color: transparent; border-radius: 18px; }
.search .scan-btn, .search .adv-link { background: #fff0e4; color: #2b1055; }
.search .scan-btn svg { color: #2b1055; }
.search button[type="submit"], .search .search-btn { background: var(--sun-grad); color: #2b1055; border: 0; }
.hdr-link { color: var(--ink-2); }
.hdr-link:hover { background: var(--glass-2); color: var(--acc-text); }
.hdr-link .count { background: var(--sun-grad); color: #2b1055; }
.bk-pg .seg { border-color: var(--ghost-bd); border-radius: 14px; overflow: hidden; }
.bk-pg .seg label { color: var(--ink-2); }
.bk-pg .seg label:has(input:checked) { background: var(--sun-grad); color: #2b1055; }
.bk-pg label.check, .bk-pg .check, .bk-pg .check span, .bk-pg .consent { color: var(--ink-2); }
.bk-pg .check a, .bk-pg .consent a { color: var(--link-ink); }
.bk-pg .errors, .errors { background: var(--bg-error); border: 1px solid var(--border-error); color: var(--text-error); border-radius: 14px; }

/* ---- Mum mühür açılışı (ilan sayfası): parşömen yerine gün batımı perdesi ---- */
.wo-cur { background: radial-gradient(ellipse at 50% 45%, #6a2a86 0, #3c1668 55%, #21103f 100%); }
.wo-cl { box-shadow: 6px 0 26px rgba(10, 0, 30, .55); } .wo-cr { box-shadow: -6px 0 26px rgba(10, 0, 30, .55); }
.wo-rib { background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 0 14px, rgba(255, 255, 255, .16) 14px 16px), linear-gradient(var(--wx), var(--wx2)); }
.wo-mute { background: rgba(255, 255, 255, .16); color: #fff4ea; }
.wax-open.velvet .wo-cur { background: radial-gradient(ellipse at 50% 45%, #9a2a78 0, #55146a 60%, #25082f 100%); }
.wax-open.velvet .wo-cl { box-shadow: 4px 0 0 #ffb347, 8px 0 22px rgba(0, 0, 0, .5); }
.wax-open.velvet .wo-cr { box-shadow: -4px 0 0 #ffb347, -8px 0 22px rgba(0, 0, 0, .5); }

/* ---- Yönetim sekmeleri ve genel sekme çubukları: iki modda okunur ---- */
.admin-tabs { background: var(--head-bg); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 0 0 16px 16px; }
.admin-tab { color: var(--ink-2); border-color: var(--glass-line); background: var(--glass); }
.admin-tab.on { background: var(--sun-grad); color: #2b1055; border-color: transparent; }
.tabs a { background: var(--glass); color: var(--ink-2); border-color: var(--glass-line); }
.tabs a.on { background: var(--sun-grad); color: #2b1055; border-color: transparent; }

/* --- final polish: admin tabs, card cover, dark btn --- */
.admin-tabs .admin-tab, .admin-tab:nth-child(n) { color: var(--ink-2); background: var(--glass); border-color: var(--glass-line); }
.admin-tabs .admin-tab:hover, .admin-tab:nth-child(n):hover { color: var(--ink); border-color: #ffb347; background: var(--glass-2); }
.admin-tabs .admin-tab.on, .admin-tab.on:nth-child(n) { background: var(--sun-grad); color: #2b1055; border-color: transparent; }
.card .card-cover { background: linear-gradient(150deg, #fbe3cf, #fff4ea); }
:root[data-theme="dark"] .card .card-cover { background: radial-gradient(120% 90% at 50% 8%, #5a2a86 0%, #2f1459 100%); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .card .card-cover { background: radial-gradient(120% 90% at 50% 8%, #5a2a86 0%, #2f1459 100%); } }
.admin-ui .admin-tabs .admin-tab, .admin-ui .admin-tabs .admin-tab:nth-child(n) { --t: #ffb347; color: var(--ink-2); background: var(--glass); border-color: var(--glass-line); }
.admin-ui .admin-tabs .admin-tab:hover { color: var(--ink); background: var(--glass-2); border-color: #ffb347; }
.admin-ui .admin-tabs .admin-tab.on, .admin-ui .admin-tabs .admin-tab.on:hover { background: var(--sun-grad); color: #2b1055; border-color: transparent; }
.admin-ui .admin-tab .n, .admin-ui .admin-tabs .admin-tab.on .n { background: #2b1055; color: #fff4ea; }
.admin-ui .admin-tabs { background: var(--head-bg); border-bottom-color: var(--glass-line); }