/* Generated by tools/build_layout_assets.py; preserve source order. */
/* Source: assets/themes.css */
/* Beta 7.2 — Tema sistemi. En son yüklenir; her tema tam bir değişken seti tanımlar.
 * 10 tema: 7 koyu + 2 açık + Portal. Eski adlar (royal, titanium, mist-light) sunucuda
 * en yakın yeni temaya çevrilir. */

html[data-theme]{
  --on-accent:#08090c;
  --accent-2:#46dfb2;
  --danger:#ff5b62;
  --ok:#5fe09a;
  --warn:#ffbd65;
  --radius:16px;
  --shadow:0 18px 50px rgba(0,0,0,.28);
  --sb-bg:color-mix(in srgb,var(--bg) 82%,var(--surface));
  --panel-bg:linear-gradient(150deg,color-mix(in srgb,var(--surface) 96%,var(--accent) 4%),var(--surface));
  --glass:color-mix(in srgb,var(--surface) 82%,transparent);
  --glass-strong:color-mix(in srgb,var(--surface) 94%,transparent);
  --glass-border:var(--line);
  --soft-shadow:var(--shadow);
  --glow:var(--glow-a);
}

/* ---------- Koyu temalar ---------- */
html[data-theme="obsidian"]{color-scheme:dark;--bg:#07080c;--surface:#10121a;--surface2:#171a24;--line:#262a37;--text:#f3f4f8;--muted:#8a90a0;--accent:#8e91ff;--accent-2:#46dfb2;--glow-a:rgba(109,83,255,.20);--glow-b:rgba(70,223,178,.08)}
html[data-theme="midnight-blue"]{color-scheme:dark;--bg:#050a14;--surface:#0b1322;--surface2:#111c30;--line:#1d2b45;--text:#eef4ff;--muted:#8394b3;--accent:#6ea8ff;--accent-2:#3fd0e6;--glow-a:rgba(40,104,255,.24);--glow-b:rgba(43,203,231,.10)}
html[data-theme="cyber-cyan"]{color-scheme:dark;--bg:#020a0c;--surface:#071519;--surface2:#0c1e23;--line:#123138;--text:#e9fdff;--muted:#7fa3aa;--accent:#3ff0ff;--accent-2:#9dff6a;--glow-a:rgba(26,215,255,.22);--glow-b:rgba(157,255,106,.08)}
html[data-theme="deep-violet"]{color-scheme:dark;--bg:#0a0613;--surface:#140d22;--surface2:#1c132e;--line:#2d2146;--text:#f6f1ff;--muted:#9a8fb4;--accent:#b692ff;--accent-2:#ff7ad9;--glow-a:rgba(125,72,255,.28);--glow-b:rgba(255,122,217,.09)}
html[data-theme="crimson"]{color-scheme:dark;--bg:#0d0607;--surface:#190d10;--surface2:#221216;--line:#3a1d23;--text:#fff1f2;--muted:#b08d92;--accent:#ff5f6d;--accent-2:#ffae5c;--glow-a:rgba(255,45,77,.22);--glow-b:rgba(255,174,92,.08)}

/* ---------- Açık temalar ---------- */
html[data-theme="light"]{color-scheme:light;--bg:#f2f4f8;--surface:#ffffff;--surface2:#eaeef4;--line:#d7dde7;--text:#121722;--muted:#5f6b7c;--accent:#3b5bdb;--accent-2:#0f9d7a;--on-accent:#fff;--danger:#c92a3a;--ok:#17834b;--warn:#b86e00;--glow-a:rgba(59,91,219,.10);--glow-b:rgba(15,157,122,.08);--shadow:0 10px 30px rgba(30,40,70,.08);--panel-bg:#ffffff;--sb-bg:#ffffff}

/* ---------- Beta 7.4 · yeni koyu temalar ---------- */
html[data-theme="deep-sea"]{color-scheme:dark;--bg:#04161a;--surface:#0a2428;--surface2:#0f2e33;--line:#1a4148;--text:#e8fbf8;--muted:#86aeb0;--accent:#2fc6b4;--accent-2:#ff7f6b;--glow-a:rgba(47,198,180,.20);--glow-b:rgba(255,127,107,.10);--panel-bg:linear-gradient(160deg,#0c2a2f,#08201f)}
html[data-theme="aurora"]{color-scheme:dark;--bg:#070b16;--surface:#0f1526;--surface2:#151d33;--line:#232e4a;--text:#f1f5ff;--muted:#8d97b4;--accent:#b8f36a;--accent-2:#a78bff;--glow-a:rgba(167,139,255,.26);--glow-b:rgba(184,243,106,.14);--panel-bg:linear-gradient(150deg,#121a30,#0d1322)}

/* ---------- Beta 7.4 · yeni açık temalar ---------- */
html[data-theme="mint-light"]{color-scheme:light;--bg:#eef7f3;--surface:#ffffff;--surface2:#e2f0ea;--line:#c9e0d6;--text:#10231d;--muted:#557067;--accent:#0f8a6d;--accent-2:#e4704f;--on-accent:#fff;--danger:#c33a3a;--ok:#11875c;--warn:#a86a00;--glow-a:rgba(15,138,109,.12);--glow-b:rgba(228,112,79,.10);--shadow:0 10px 30px rgba(20,60,45,.08);--panel-bg:#ffffff;--sb-bg:#f8fcfa}

.theme-group{display:block;margin:14px 0 8px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.theme-group:first-of-type{margin-top:2px}

/* ---------- Bileşenler ---------- */
body{background:radial-gradient(circle at 80% -10%,var(--glow-a),transparent 36%),radial-gradient(circle at 10% 110%,var(--glow-b),transparent 36%),var(--bg)!important;background-attachment:fixed!important;color:var(--text)}
.panel{background:var(--panel-bg);border-color:var(--line);color:var(--text)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 22%,transparent)}
.btn:not(.primary):not(.danger){background:var(--surface2);border-color:var(--line);color:var(--text)}
.eyebrow{color:var(--muted)}
.flash{border-radius:12px}
input,select,textarea{background:color-mix(in srgb,var(--surface2) 70%,var(--bg));border-color:var(--line);color:var(--text)}
input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--muted) 80%,transparent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
::selection{background:color-mix(in srgb,var(--accent) 35%,transparent)}
html[data-scheme="light"] .mobile-dock{background:color-mix(in srgb,var(--surface) 92%,transparent)!important;border-color:var(--line)!important;box-shadow:var(--shadow)!important}

/* ---------- Ayarlar: tema kartları ---------- */
.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:6px 0 4px}
.theme-card{position:relative;cursor:pointer;display:block}
.theme-card input{position:absolute;inset:0;width:100%!important;height:100%!important;margin:0!important;opacity:0;cursor:pointer}
.theme-card span{display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--surface);transition:border-color .2s,transform .2s}
.theme-card:hover span{transform:translateY(-2px)}
.theme-card input:checked+span{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent)}
.theme-card input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.theme-swatch{position:relative;height:62px;border-radius:10px;overflow:hidden;background:var(--sw-bg);border:1px solid color-mix(in srgb,var(--sw-text) 12%,transparent)}
.theme-swatch::before{content:'';position:absolute;left:8px;top:8px;bottom:8px;width:22%;border-radius:6px;background:var(--sw-surface)}
.theme-swatch::after{content:'';position:absolute;left:calc(22% + 16px);right:8px;top:10px;height:8px;border-radius:4px;background:var(--sw-accent);box-shadow:0 16px 0 -1px var(--sw-surface),0 30px 0 -1px var(--sw-surface)}
.theme-swatch i{position:absolute;right:8px;bottom:8px;width:14px;height:14px;border-radius:50%;background:var(--sw-accent2)}
.theme-card b{font-size:13px;color:var(--text)}
.theme-card small{font-size:11px;color:var(--muted)}

/* Açık temalarda sayfa vurgu renkleri (neon tonlar) okunur olsun */
html[data-scheme="light"] :is(.dly-page,.wk-page,.cc-page,.pg-page,.chp-page) :is(.eyebrow,.dly-chip,.dly-score>span,.dly-link,.dly-tiles span,.pry-note b,.cc-tile-head,.cc-rank,.session-live span,.beta31-stopwatch strong){color:color-mix(in srgb,var(--tone,var(--accent)) 62%,#000)}
html[data-scheme="light"] :is(.dly-chip,.session-live){border-color:color-mix(in srgb,var(--tone,var(--accent)) 50%,transparent)}
html[data-scheme="light"] .dly-col{background:var(--surface2)}
.theme-picker{margin:4px 0 0;padding:0;border:0;min-width:0}
.theme-picker legend{padding:0;margin-bottom:6px;font-size:13px;color:var(--muted)}
.theme-picker>small{display:block;margin-top:6px;font-size:12px;color:var(--muted)}

/* ---------- Beta 8.4 · yeşil üçlü ---------- */

/* Beta 14.6 — tema yalnız bu cihazda */
.theme-scope{display:flex!important;align-items:flex-start;gap:10px;margin:12px 0 0;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface2,transparent);cursor:pointer}
.theme-scope input{width:18px!important;height:18px;min-height:0!important;margin:2px 0 0;flex:0 0 auto;accent-color:var(--accent)}
.theme-scope span{display:grid;gap:3px;min-width:0}
.theme-scope b{font-size:13px}
.theme-scope small{font-size:12px;line-height:1.5;color:var(--muted)}

/* ---------- Beta 14.7: paylaşım ("Kimler görür") ---------- */
.cs-share{margin:14px 0 0;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--text,#fff) 3%,transparent);overflow:hidden}
.cs-share>summary{display:flex;align-items:center;gap:12px;padding:11px 14px;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}
.cs-share>summary::-webkit-details-marker{display:none}
.cs-ico{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}
.cs-ico svg,.cs-chev svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cs-sum{display:grid;gap:1px;min-width:0;flex:1}
.cs-sum b{font-size:13px}
.cs-sum small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-share[data-cs-mode="all"] .cs-sum small{color:color-mix(in srgb,var(--accent) 80%,var(--text))}
.cs-chev{display:grid;color:var(--muted);transition:transform .25s}
.cs-share[open] .cs-chev{transform:rotate(180deg)}
.cs-form{display:grid;gap:12px;padding:2px 14px 14px}
.cs-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cs-modes label{position:relative;display:block;cursor:pointer}
.cs-modes input{position:absolute;opacity:0;pointer-events:none}
.cs-modes span{display:grid;gap:2px;height:100%;padding:10px 12px;border:1px solid var(--line);border-radius:12px;box-sizing:border-box;transition:border-color .2s,background .2s}
.cs-modes b{font-size:13px}
.cs-modes small{font-size:11.5px;line-height:1.4;color:var(--muted)}
.cs-modes input:checked+span{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}
.cs-modes input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.cs-users{display:none;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px}
.cs-share:has(input[value="some"]:checked) .cs-users{display:grid}
.cs-users label{display:flex!important;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;cursor:pointer;font-size:13px;min-width:0}
.cs-users label>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs-users input{width:18px!important;height:18px;min-height:0!important;margin:0;flex:none;accent-color:var(--accent)}
.cs-users label:has(input:checked){border-color:color-mix(in srgb,var(--accent) 60%,var(--line));background:color-mix(in srgb,var(--accent) 8%,transparent)}
.cs-av{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;font-size:12px;font-weight:800;color:var(--bg,#0b0d12);background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 45%,#fff))}
.cs-empty{grid-column:1/-1;margin:0;font-size:12.5px;color:var(--muted)}
.cs-note{margin:0;font-size:12px;line-height:1.55;color:var(--muted)}
.cs-form .btn{justify-self:start}
.cs-share.is-compact{grid-column:1/-1;margin:2px 0 0}
.cs-share.is-compact>summary{padding:8px 10px}
.cs-share.is-compact .cs-ico{width:28px;height:28px;border-radius:8px}
.i2-share-set .cs-share{margin-top:4px}
@media (max-width:560px){.cs-modes{grid-template-columns:1fr}.cs-modes span{grid-template-columns:auto 1fr;column-gap:8px}.cs-modes small{grid-column:1/-1}}
.cs-share>summary{letter-spacing:normal;font-size:14px;font-weight:400;text-transform:none;color:var(--text)}

/* ================================================================
 * Beta 16.2 — Açık temalar: premium revizyon + 8 yeni tema
 *
 * Premium his dört şeyden gelir; on üç açık temanın hepsinde aynı kural:
 *   1. Yüzey saf beyaz DEĞİL. --surface zeminden bir tık açık, hafif tonlu
 *      kâğıt. Saf #fff kart ile zemini aynı düzleme indiriyordu.
 *   2. Gölge iki katmanlı: 1px temas gölgesi + geniş yumuşak ortam gölgesi.
 *      Tek katmanlı 0 10px 30px kartı yüzdürüyor, oturtmuyordu.
 *   3. Çizgiler kıl inceliğinde: --line zemine çok yakın, kontrast düşük.
 *   4. Vurgular derin ve kısık. Açık zeminde doygun renk ucuz durur;
 *      mürekkep tonları (koyu, düşük doygunluk) pahalı durur.
 *
 * Sıralama: bu blok dosyanın sonundadır, yukarıdaki eski tanımları ezer.
 * ================================================================ */

/* ---------- Yenilenen beş tema ---------- */

html[data-theme="light"]{color-scheme:light;--bg:#f4f6f9;--surface:#fdfdfe;--surface2:#eaeef4;--line:#e3e8f0;--text:#111621;--muted:#5b6678;--accent:#2d4ec4;--accent-2:#0e8e6e;--on-accent:#fff;--danger:#c0283a;--ok:#167a48;--warn:#a6660a;--glow-a:rgba(45,78,196,.08);--glow-b:rgba(14,142,110,.06);--shadow:0 1px 2px rgba(20,32,60,.05),0 14px 34px rgba(20,32,60,.07);--panel-bg:#fdfdfe;--sb-bg:#fafbfd}
html[data-theme="mint-light"]{color-scheme:light;--bg:#eff7f3;--surface:#fcfefd;--surface2:#e5f0ea;--line:#d9e8e0;--text:#0f221c;--muted:#526c64;--accent:#0c7a60;--accent-2:#d9643f;--on-accent:#fff;--danger:#be3636;--ok:#0f7d55;--warn:#9c6200;--glow-a:rgba(12,122,96,.08);--glow-b:rgba(217,100,63,.06);--shadow:0 1px 2px rgba(16,58,45,.05),0 14px 34px rgba(16,58,45,.07);--panel-bg:#fcfefd;--sb-bg:#f7fcfa}



/* ---------- Bütün açık temalarda ortak premium rötuşlar ---------- */

/* Kart: iki katmanlı gölge + kıl çizgi. Koyu temada panel degrade zemin kullanır;
   açık temada degrade kiri gösterdiği için düz yüzey daha temiz durur. */
html[data-scheme="light"] .panel{background:var(--panel-bg);border-color:var(--line);box-shadow:var(--shadow)}
/* Zeminde çok hafif, tek yönlü bir ışık; koyu temadaki geniş radial burada leke gibi duruyordu. */
html[data-scheme="light"] body{background:linear-gradient(180deg,var(--glow-a),transparent 420px),var(--bg)}
/* Birincil düğme: düz vurgu + kendi renginden kısık gölge (yüzen değil, basılı duruyor). */
html[data-scheme="light"] .btn.primary{box-shadow:0 1px 2px color-mix(in srgb,var(--accent) 22%,transparent)}
/* Giriş alanları zeminle aynı değil, bir tık içeri çökük. */
html[data-scheme="light"] :is(input,select,textarea){background:color-mix(in srgb,var(--surface2) 55%,var(--surface))}

/* ================================================================
 * Beta 16.7 — Oyun temaları. Bu blokta yalnız Portal kaldı; diğerleri
 * aşağıdaki premium oyun temalarıyla değişti (17.1).
 * Koyu zemin + neon vurgu; parıltılar (--glow-a/b) diğer koyu temalardan
 * belirgin biçimde güçlü tutuldu, oyun arayüzü hissi oradan geliyor.
 * ================================================================ */

html[data-theme="portal"]{color-scheme:dark;--bg:#060b12;--surface:#0d1621;--surface2:#12202e;--line:#1d3246;--text:#eaf3ff;--muted:#8299ad;--accent:#ff8a00;--accent-2:#22a7ff;--glow-a:rgba(255,138,0,.24);--glow-b:rgba(34,167,255,.16);--panel-bg:linear-gradient(160deg,#102032,#0b1420)}

/* Source: assets/screen_scale.css */
/* Beta 8.5 — Ekran ölçeği.
 * Tasarım 16" ekranda (~1536 px genişlik) ayarlandı. Masaüstünde başlıktaki betik
 * html'e zoom verir: 13"–14" ekranda orantılı küçülür, 24"–27" ekranda büyür.
 * zoom vh/dvh birimlerini de büyüttüğü için ekran yüksekliğine bağlı ölçüler
 * --pz ile geri bölünür. */
html.pz body{min-height:calc(100vh / var(--pz))}
html.pz .a08-welcome{min-height:calc(100vh / var(--pz) - 100px)}
html.pz .welcome-screen{min-height:calc(100vh / var(--pz) - 130px)}
html.pz .compact-welcome{min-height:calc(100vh / var(--pz) - 110px)}
html.pz .beta22-modal{max-height:calc(100dvh / var(--pz) - 24px)}
html.pz .beta22-modal .beta22-words{max-height:calc(48vh / var(--pz))}
html.pz dialog.beta22-modal{max-height:min(calc(88dvh / var(--pz)),860px)!important}
html.pz dialog.beta22-modal .beta22-form{max-height:min(calc(88dvh / var(--pz)),860px)}
html.pz .b35-sheet{max-height:calc(86vh / var(--pz))}
html.pz .b35-selected{max-height:calc(58vh / var(--pz))}
html.pz .fp-sheet{height:min(calc(84dvh / var(--pz)),820px)}
html.pz dialog.ic-dialog,html.pz .ic-form{max-height:min(calc(90dvh / var(--pz)),900px)}
/* Alçak pencere: sol menü kaydırmadan sığsın. */
html.pz-short .sb{gap:10px;padding-top:14px}
html.pz-short .sb-nav{gap:6px}
html.pz-short .sb-link{min-height:34px;padding-block:3px}
html.pz-short .sb-link .sb-ico{width:28px;height:28px}
/* Beta 8.6: 27" gibi geniş ekranlarda ölçek %135 ile sınırlı; kenarlar boş
 * kalmasın diye sayfa kapsayıcıları genişler (Kuran okuma sayfası hariç). */
html.pz-wide .hm-page,html.pz-wide .dly-page,html.pz-wide .chp-page,html.pz-wide .cc-page,html.pz-wide .pg-page,html.pz-wide .sn-page,html.pz-wide .wk-page,html.pz-wide .zikr-design{max-width:1400px}