/* VIENEV · Halka. tema.css / sayim.css ve sayfa içi stillerden SONRA yükleyin.
   Yalnız halka ve halka-gece etkin. JS / veri / görünürlük kancaları değişmez. */
html[data-tema="halka"] {
 color-scheme:light;
 --zemin:#f5f5f2;--kart:#ffffff;--kart-ust:#eeefeb;--metin:#242723;--soluk:#60665e;--cizgi:#d8dcd4;
 --golge:0 2px 5px #24272306;
 --mavi:#005dbb;--yesil:#216c37;--amber:#865100;--kirmizi:#b3261e;--mor:#65516c;
 --tint-mavi:#e9f1fa;--tint-yesil:#e9f4eb;--tint-amber:#fff2da;--tint-kirmizi:#fcece8;--tint-mor:#f1edf3;--tint-gri:#eeefeb;
 --odak-halka:#005dbb;--aside-zemin:#eeefeb;--aside-metin:#42483f;--aside-sec:#dce2d7;--aside-sec-metin:#242723;--logo-filter:none;
 --hl-rahat:#30d158;--hl-dikkat:#ff9f0a;--hl-acil:#ff3b30;--hl-iz:#e5e9e1;
 --um-sonuk:var(--soluk);--um-tint:var(--tint-mavi);--um-zebra:#f7f8f5;
 --turuncu:var(--amber);--mavi-z:var(--tint-mavi);--yesil-z:var(--tint-yesil);--amber-z:var(--tint-amber);--kirmizi-z:var(--tint-kirmizi);
}
html[data-tema="halka-gece"] {
 color-scheme:dark;
 --zemin:#171b18;--kart:#202621;--kart-ust:#29312a;--metin:#eef1e9;--soluk:#b4beb0;--cizgi:#414d40;
 --golge:none;--mavi:#91c3ff;--yesil:#8ada9d;--amber:#ffd08a;--kirmizi:#ffa59b;--mor:#d2badb;
 --tint-mavi:#25374a;--tint-yesil:#253e2a;--tint-amber:#413422;--tint-kirmizi:#462d29;--tint-mor:#39303e;--tint-gri:#29312a;
 --odak-halka:#91c3ff;--aside-zemin:#1c221d;--aside-metin:#b4beb0;--aside-sec:#354331;--aside-sec-metin:#eef1e9;--logo-filter:invert(1) brightness(1.6);
 --hl-rahat:#30d158;--hl-dikkat:#ff9f0a;--hl-acil:#ff453a;--hl-iz:#3b473b;
 --um-sonuk:var(--soluk);--um-tint:var(--tint-mavi);--um-zebra:#242c25;
 --turuncu:var(--amber);--mavi-z:var(--tint-mavi);--yesil-z:var(--tint-yesil);--amber-z:var(--tint-amber);--kirmizi-z:var(--tint-kirmizi);
}
html:is([data-tema="halka"],[data-tema="halka-gece"]) body{background:var(--zemin);color:var(--metin);font-family:-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.5;font-variant-numeric:tabular-nums}
html:is([data-tema="halka"],[data-tema="halka-gece"]) aside{background:var(--aside-zemin);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .panel,
html:is([data-tema="halka"],[data-tema="halka-gece"]) .kart,
html:is([data-tema="halka"],[data-tema="halka-gece"]) .kartg,
html:is([data-tema="halka"],[data-tema="halka-gece"]) .gorev,
html:is([data-tema="halka"],[data-tema="halka-gece"]) .liste,
html:is([data-tema="halka"],[data-tema="halka-gece"]) .kap{background:var(--kart);border:1px solid var(--cizgi);border-radius:12px;box-shadow:var(--golge)}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .kolon{background:var(--kart-ust);background-image:none}
html:is([data-tema="halka"],[data-tema="halka-gece"]) button,
html:is([data-tema="halka"],[data-tema="halka-gece"]) input,
html:is([data-tema="halka"],[data-tema="halka-gece"]) select,
html:is([data-tema="halka"],[data-tema="halka-gece"]) summary,
html:is([data-tema="halka"],[data-tema="halka-gece"]) [role="button"],
html:is([data-tema="halka"],[data-tema="halka-gece"]) .cip,
html:is([data-tema="halka"],[data-tema="halka-gece"]) .kbtn,
html:is([data-tema="halka"],[data-tema="halka-gece"]) .btn{min-height:44px;min-width:44px;font-family:inherit}
html:is([data-tema="halka"],[data-tema="halka-gece"]) input,
html:is([data-tema="halka"],[data-tema="halka-gece"]) select,
html:is([data-tema="halka"],[data-tema="halka-gece"]) textarea{color:var(--metin);background:var(--kart);border:1px solid var(--cizgi);border-radius:6px;padding:9px 11px;font-size:16px}
html:is([data-tema="halka"],[data-tema="halka-gece"]) :focus-visible{outline:2px solid var(--odak-halka);outline-offset:3px}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .rozet,
html:is([data-tema="halka"],[data-tema="halka-gece"]) .cip,
html:is([data-tema="halka"],[data-tema="halka-gece"]) .btn,
html:is([data-tema="halka"],[data-tema="halka-gece"]) .kbtn{border-radius:6px}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .sag,
html:is([data-tema="halka"],[data-tema="halka-gece"]) .say,
html:is([data-tema="halka"],[data-tema="halka-gece"]) .sayi,
html:is([data-tema="halka"],[data-tema="halka-gece"]) .rapor-satir b,
html:is([data-tema="halka"],[data-tema="halka-gece"]) td,
html:is([data-tema="halka"],[data-tema="halka-gece"]) input{font-variant-numeric:tabular-nums}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .sag{text-align:right}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .btn,
html:is([data-tema="halka"],[data-tema="halka-gece"]) .cip{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;border:1px solid var(--cizgi);background:var(--kart);color:var(--metin);text-decoration:none}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .cip.aktif,
html:is([data-tema="halka"],[data-tema="halka-gece"]) .cip.on{background:var(--aside-sec);color:var(--aside-sec-metin);border-color:var(--soluk)}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .dur{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .dur i{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .d-hazir,
html:is([data-tema="halka"],[data-tema="halka-gece"]) .y-metin{color:var(--yesil)}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .d-soru,
html:is([data-tema="halka"],[data-tema="halka-gece"]) .a-metin{color:var(--amber)}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .d-hazirlaniyor{color:var(--mavi)}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .d-sirada,
html:is([data-tema="halka"],[data-tema="halka-gece"]) .d-acildi{color:var(--soluk)}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-kicker{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--soluk);font-weight:650}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-baslik{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:22px;flex-wrap:wrap}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-baslik h2{font-size:18px;font-weight:650;letter-spacing:-.02em;color:var(--metin);text-transform:none;margin:0}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-soluk{color:var(--soluk);font-size:13px}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-ekip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-kisi{text-align:center;min-width:0}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-halka{position:relative;width:min(100%,96px);aspect-ratio:1;height:auto;margin:0 auto 12px}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-halka svg{width:100%;height:100%;transform:rotate(-90deg)}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-halka circle{fill:none;stroke:var(--hl-iz);stroke-width:7}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-halka .hl-dolum{stroke:var(--hl-renk);stroke-linecap:round;stroke-dasharray:var(--hl-oran) 100}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-halka strong{position:absolute;inset:0;display:grid;place-content:center;font-size:clamp(20px,2.3vw,32px);font-weight:600;letter-spacing:-.04em}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-kisi h3{font-size:14px;font-weight:650;margin:0 0 3px}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-kisi p{font-size:12px;color:var(--soluk);margin:0}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-rahat{--hl-renk:var(--hl-rahat);--hl-ton:var(--yesil)}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-dikkat{--hl-renk:var(--hl-dikkat);--hl-ton:var(--amber)}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-acil{--hl-renk:var(--hl-acil);--hl-ton:var(--kirmizi)}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-durum{display:block;margin-top:6px;color:var(--hl-ton);font-size:12px;font-weight:650}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-ozet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--cizgi);margin:28px 0}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-olcu{padding:22px 24px 22px 0}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-olcu + .hl-olcu{border-left:1px solid var(--cizgi);padding-left:24px}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-olcu strong{display:block;font-size:42px;font-weight:600;letter-spacing:-.045em;line-height:1.3;margin:4px 0}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-uyarilar{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:30px}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-uyari{border-left:3px solid var(--hl-renk);padding:8px 16px;background:var(--kart)}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-uyari b{color:var(--hl-ton);font-size:14px}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-uyari p{margin:4px 0;font-size:13px;color:var(--soluk)}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-tablo-kap{overflow-x:auto;border:1px solid var(--cizgi);border-radius:10px;background:var(--kart)}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-tablo{width:100%;border-collapse:collapse;font-size:13px}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-tablo th,
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-tablo td{padding:16px;border:0;border-bottom:1px solid var(--cizgi);vertical-align:middle}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-tablo th{text-align:left;font-size:11px;font-weight:600;color:var(--soluk);background:var(--kart-ust)}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-tablo .sag{text-align:right;white-space:nowrap}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-tablo tbody tr:last-child td{border-bottom:0}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-tablo tbody tr:nth-child(even){background:var(--um-zebra)}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-tablo td small{display:block;color:var(--soluk);margin-top:3px}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-fiyat{min-width:1500px;--kart:#fff;--kart-ust:#efefef;--metin:#242424;--soluk:#606060;--cizgi:#d8d8d8;--um-zebra:#f7f7f7;--odak-halka:#606060;color:var(--metin)}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-fiyat input{width:102px;text-align:right;border-color:var(--soluk)}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-fiyat th:nth-child(2),
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-fiyat td:nth-child(2){position:sticky;left:0;background:var(--kart);min-width:165px;border-right:1px solid var(--cizgi)}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-recete{display:grid;grid-template-columns:1.35fr 1fr;gap:28px;margin-top:28px}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-recete h2{font-size:18px;font-weight:650;margin-bottom:16px}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-maliyet{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--cizgi)}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-maliyet.hl-toplam{font-weight:700;font-size:18px;border-bottom:2px solid var(--metin)}
@media(max-width:700px){
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-ekip{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-ozet{grid-template-columns:1fr 1fr 1fr}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-olcu,
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-olcu + .hl-olcu{padding:16px 8px}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-olcu strong{font-size:29px}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-olcu .hl-soluk{font-size:11px}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-uyarilar,
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-recete{grid-template-columns:1fr}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-tablo th,
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-tablo td{padding:12px}
}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-gecikmis{color:var(--kirmizi)}

/* Tur 2: kişi yaşı ve renksiz fiyat tablosu. */
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-yas{display:block;font-size:11px}
html[data-tema="halka-gece"] .hl-fiyat{--kart:#242424;--kart-ust:#303030;--metin:#eeeeee;--soluk:#bbbbbb;--cizgi:#494949;--um-zebra:#292929;--odak-halka:#bbbbbb}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-foto{display:grid;place-items:center;width:52px;height:52px;background:var(--kart-ust);color:var(--soluk);font-size:10px}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-fiyat .hl-karar{display:inline-block;border:1px solid var(--cizgi);padding:2px 6px}