/* Etiket Oku (ocr.html): fotoğraf kartı, sonuç kartları, alt sayfa, Profilim, karşılaştırma, kayıtlı ürünler, rozetler, paylaşım. Sayfaya özgü stil; ortak belirteçler ve alt menü tema.css, yazı tipleri fonts/ansiklopedi.css.
   15.10.2026'ya kadar sayfanın içinde <style> olarak duruyordu (U-07 8. adım: aynı yerde, aynı sırayla bağlantı; kural değişmedi). */
.w{max-width:720px;margin:0 auto;padding:16px}h1{font-size:28px;margin:6px 0 4px}h2{font-size:20px;margin:20px 0 8px}
.sub,.mut{color:var(--mute);font-size:14px}
.note{background:var(--ambbg);border-radius:12px;padding:8px 12px;font-size:13px;margin:10px 0}
button,.btn{font:inherit;font-weight:600;min-height:44px;padding:10px 14px;border-radius:12px;border:1.5px solid var(--ok);background:var(--ok);color:var(--bg);cursor:pointer}
button.alt{background:none;color:var(--ok)}button:disabled{opacity:.5}
.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
.vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
label.camera{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border:1.5px dashed var(--ok);border-radius:14px;background:var(--card);min-height:64px;color:var(--ink);font-weight:600;cursor:pointer}
label.camera svg{flex:0 0 auto;width:40px;height:40px;padding:8px;border-radius:50%;background:var(--ok);fill:none;stroke:var(--bg);stroke-width:2;stroke-linejoin:round}
#foto:focus-visible+img,label.camera:focus-within{outline:3px solid var(--ok)}
label.dosya,button.dosya{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:8px;padding:10px 16px;min-height:44px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ok);font-weight:600;font-size:15px;cursor:pointer}
label.dosya svg,button.dosya svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}label.dosya:focus-within{outline:3px solid var(--ok)}
button.dosya{font:inherit;font-weight:600}
.bvid{display:block;width:100%;max-height:46vh;object-fit:cover;border-radius:12px;background:#000;margin:4px 0 8px}
.bsheet .dosya{margin-top:10px}.belle input{flex:1;min-width:0;font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:12px}
.bkaynak .ln a{font-weight:600}.bkaynak button{margin-top:8px}.bkaynak .pc{display:flex;gap:6px;align-items:center;margin-top:6px;font-size:14px}
.pbark{margin-top:14px}.pbark select{margin-top:6px;font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
#cropwrap{position:relative;display:none;width:fit-content;max-width:100%;margin:10px auto 0;overflow:hidden;border-radius:8px;user-select:none;-webkit-user-select:none}
img#pre{display:block;max-width:100%;max-height:60vh;-webkit-user-drag:none;pointer-events:none}
#crop{position:absolute;border:2px solid #fff;outline:1px solid rgba(0,0,0,.5);box-shadow:0 0 0 9999px rgba(0,0,0,.45);box-sizing:border-box}
#crop .h{position:absolute;width:32px;height:32px;margin:-16px 0 0 -16px;touch-action:none;cursor:pointer}
#crop .h::after{content:"";position:absolute;left:9px;top:9px;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--ok)}
#crop .h[data-h="nw"]{left:0;top:0;cursor:nwse-resize}#crop .h[data-h="ne"]{left:100%;top:0;cursor:nesw-resize}
#crop .h[data-h="sw"]{left:0;top:100%;cursor:nesw-resize}#crop .h[data-h="se"]{left:100%;top:100%;cursor:nwse-resize}
#crop .h[data-h="n"]{left:50%;top:0;cursor:ns-resize}#crop .h[data-h="s"]{left:50%;top:100%;cursor:ns-resize}
#crop .h[data-h="w"]{left:0;top:50%;cursor:ew-resize}#crop .h[data-h="e"]{left:100%;top:50%;cursor:ew-resize}
#crop .mv{position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:rgba(255,255,255,.85);touch-action:none;cursor:move}
#crop .mv::after{content:"✥";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:22px;color:#17201c}
#cropbar{display:none;font-size:13px;color:var(--mute);margin:6px 0 0;gap:8px;align-items:center;flex-wrap:wrap}
#cropbar button{font-size:13px;padding:4px 12px}
textarea{width:100%;min-height:140px;font:14px/1.4 ui-monospace,monospace;padding:10px;border:1.5px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink)}
.res{background:var(--card);border:1px solid var(--line);border-inline-start:6px solid var(--line);border-radius:14px;padding:12px 14px;margin:10px 0}
.res.r{border-inline-start-color:var(--hi);background:var(--hibg)}.res.r.prof{border-inline-start-color:var(--red);background:var(--redbg)}.res.y{border-inline-start-color:var(--amb);background:var(--ambbg)}.res.u{border-inline-start-color:var(--notr)}.res.g{border-inline-start-color:var(--yesil)}
.t{font-family:var(--hf);font-weight:700}.how{font-size:12px;color:var(--mute);margin-top:2px}.it{font-style:italic}
.chip{display:inline-block;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:1px 8px;font-size:12px;margin:4px 0 0;margin-inline-end:4px}
.chip.uret{background:#ECEBE7;border-color:#C9C6BE;color:#4A4F4B;display:inline-flex;align-items:center;gap:4px}.chip .uic{width:11px;height:11px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M4 0h4v1H7.5v3.2l3.7 6.1A1.1 1.1 0 0 1 10.3 12H1.7a1.1 1.1 0 0 1-.9-1.7l3.7-6.1V1H4z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M4 0h4v1H7.5v3.2l3.7 6.1A1.1 1.1 0 0 1 10.3 12H1.7a1.1 1.1 0 0 1-.9-1.7l3.7-6.1V1H4z'/%3E%3C/svg%3E") center/contain no-repeat}
.sum{font-family:var(--hf);font-weight:700;margin:10px 0}#st{font-size:14px;color:var(--mute)}
.ln{font-size:14px;margin-top:4px}.nt{color:var(--mute);font-style:italic;margin-bottom:14px}.upfnote{font-style:italic}
details#okunan{margin:20px 0 8px}details#okunan summary{font-size:18px;font-weight:700;cursor:pointer}details.sec{margin:20px 0 8px}details.sec>summary{font-size:18px;font-weight:700;cursor:pointer}details#okunan textarea{margin-top:8px}
.sumbox{border-inline-start-color:var(--ok)}/* Özet satırı (ozetSatir, 17.10.2026): telefonda ad üstte (küçük, soluk; düzeyi varsa önünde simge), değer altta; geniş ekranda iki sütun. Düzeyli değer kalın, yazı renginde
   (renk simgede; eskiden bütün değer turuncu/amber yazılıyordu, uzun listede okunmuyordu) */
.srow{display:grid;grid-template-columns:1fr;gap:2px;padding:9px 0;border-top:1px solid var(--line);font-size:15px;line-height:1.4}.srow:first-of-type{border-top:0}
.sl{display:flex;align-items:center;gap:6px;color:var(--mute);font-size:13px;font-weight:600}.sl .ic{width:15px;height:15px;margin:0;vertical-align:0}
.sv{min-width:0;color:var(--ink)}.sv.r,.sv.y,.sv.o{font-weight:600}
@media (min-width:560px){.srow{grid-template-columns:38% 1fr;gap:10px}.sl{align-items:flex-start;font-size:14px}}
/* Besin değeri tablosu (js/arayuz_besin.js): renk yalnızca düzey etiketiyle birlikte (yalnız renge dayanmaz) */
.btab{margin:6px 0}.brow{display:flex;align-items:center;gap:10px;padding:6px 0;border-top:1px solid var(--line);font-size:14px}.brow:first-child{border-top:0}
.bad{flex:1;min-width:0}.bdeg{font-variant-numeric:tabular-nums;font-weight:600}.bdz{flex:none;min-width:64px;text-align:center;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600}
.bdz.dusuk{background:var(--yesilbg);color:var(--yesil)}.bdz.orta{background:var(--ambbg);color:var(--amb)}.bdz.yuksek{background:var(--redbg);color:var(--red)}
.bsuphe{font-weight:600}.besin>button.alt{margin-top:8px}.bikon{margin-top:12px}button.ikb{width:48px;height:48px;padding:0;display:inline-flex;align-items:center;justify-content:center}.ikb svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.brad button.on{background:var(--ok);color:var(--bg)}
details#pd{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:8px 12px;margin:10px 0}
details#pd summary{font-family:var(--hf);font-weight:700;cursor:pointer;display:flex;align-items:center;min-height:44px}.pt{font-weight:600;font-size:14px;margin:10px 0 4px}
.pg{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px 10px}.pc{font-size:14px;display:flex;gap:8px;align-items:center;min-height:44px}.pc input{width:20px;height:20px;margin:0;flex:0 0 auto;accent-color:var(--ok)}
.pbox{border:1px solid var(--line);border-radius:12px;padding:4px 12px 10px;margin:10px 0;background:var(--bg)}.pbox .pt{font-size:15px;margin:8px 0 6px}
.pdrop{padding-bottom:0}.pdrop[open]{padding-bottom:10px}.pdrop>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;min-height:44px;margin:0}.pdrop>summary::-webkit-details-marker{display:none}
.pdrop>summary::after{content:"";margin-inline-start:auto;width:9px;height:9px;border-right:2px solid var(--mute);border-bottom:2px solid var(--mute);transform:rotate(45deg) translateY(-3px);transition:transform .15s}
.pdrop[open]>summary::after{transform:rotate(225deg) translateY(-2px)}.pdrop .pcnt{font-size:13px;color:var(--ok);font-weight:600}
.sorumlu{border-top:1px solid var(--line);margin-top:14px;padding-top:6px;font-size:13px;color:var(--mute);line-height:1.5}.sorumlu .pt{font-size:14px;color:var(--ink);margin:8px 0 4px}.sorumlu p{margin:0 0 6px}
/* Profil sekmesi: sayfada yalnızca başlık ve profil görünür */
body:not(.mode-profil) details#pd{display:none}
body.mode-profil .w>:not(h1):not(#pd){display:none!important}
body.mode-profil details#pd{border:0;background:none;padding:0}body.mode-profil details#pd>summary{display:none}
a{color:var(--ok);font-weight:600}
.hd{display:flex;align-items:flex-start;gap:8px}.hd .t{flex:1;min-width:0}
button.info{position:relative;flex:0 0 auto;align-self:center;width:24px;height:24px;min-height:0;margin:0;margin-inline-start:6px;padding:0;border-radius:50%;font:italic 700 13px/1 Georgia,serif;background:none;color:var(--ok);border:1.5px solid var(--ok);vertical-align:middle}
button.info::after{content:"";position:absolute;inset:-10px}
button.info.on{background:var(--ok);color:var(--bg)}
button.info.sm{width:20px;height:20px;font-size:11px}
.bmi{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:14px;margin:10px 0 4px}.bmidot{display:inline-block;width:10px;height:10px;border-radius:50%}
.pn select{font:inherit;font-size:16px;padding:4px 6px;border:1.5px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink)}
.adi{margin:6px 0 2px}.adr{display:flex;gap:8px;align-items:flex-start;justify-content:space-between}
.pnum{display:flex;flex-wrap:wrap;gap:8px 16px}.pn{display:flex;align-items:center;gap:6px;font-size:14px}.pn input{width:5.5em;font-size:16px;padding:4px 6px}
details.gz{font-size:13px;color:var(--mute);margin:0 0 10px}details.gz summary{cursor:pointer;color:var(--ok);font-weight:600;min-height:44px;display:flex;align-items:center}details.gz ul{margin:6px 0 0;padding-inline-start:20px}details.gz li{margin:3px 0}
.ipanel{margin-top:8px;padding-top:6px;border-top:1px dashed var(--line)}.ih{font-weight:600;font-size:13px;margin-top:6px}


.ptype[hidden]{display:none}
.ptype{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 10px;font-size:14px}
.ptype button{font-size:14px;font-weight:600;min-height:44px;padding:5px 14px;border-radius:999px;background:var(--card);color:var(--ok);border:1.5px solid var(--line)}
.ptype button[aria-pressed="true"]{border-color:var(--ok);background:var(--ok);color:var(--bg)}
.res.o{border-inline-start-color:var(--hi);background:var(--hibg)}
.klist{font-size:14px;margin:6px 0}.klist li{margin:3px 0}.klist .fn{color:var(--mute)}.klist a.ansl{color:var(--ok)}
.suggest{border-inline-start-color:var(--ok)}.suggest button{margin-top:8px}
/* Risk: renk + şekil. Daire+tik = uyarı yok, üçgen = dikkat, daire+ünlem = uyarı (koyu turuncu); kırmızı yalnızca profile özel uyarıda */
.res>.t::before,.res>.hd>.t::before{content:"";display:inline-block;width:18px;height:18px;margin-inline-end:8px;vertical-align:-3px;background:no-repeat center/contain}
.res.g>.t::before,.res.g>.hd>.t::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%231F4D3A'/%3E%3Cpath d='M7 12.5l3.2 3.2L17 9' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.res.y>.t::before,.res.y>.hd>.t::before,.res.o>.t::before,.res.o>.hd>.t::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5L23 21.5H1z' fill='%238A5A00'/%3E%3Cpath d='M12 9v6' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='18.2' r='1.4' fill='%23fff'/%3E%3C/svg%3E")}
.res.r>.t::before,.res.r>.hd>.t::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23A4470B'/%3E%3Cpath d='M12 6.5v7' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='17.2' r='1.5' fill='%23fff'/%3E%3C/svg%3E")}
.res.r.prof>.t::before,.res.r.prof>.hd>.t::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23B3261E'/%3E%3Cpath d='M12 6.5v7' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='17.2' r='1.5' fill='%23fff'/%3E%3C/svg%3E")}
.res.g.n{border-inline-start-color:var(--notr)}.res.g.n>.t::before,.res.g.n>.hd>.t::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%238A8F8B'/%3E%3Cpath d='M7.5 12h9' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E")}
.res.u>.t::before,.res.u>.hd>.t::before,.res.sumbox>.t::before,.res.suggest>.t::before{display:none}
/* Alt sayfa (katkı maddesi özeti) */
.sheet{position:fixed;inset:0;z-index:40;display:flex;align-items:flex-end;justify-content:center}.sheet[hidden]{display:none}
.sheet-bg{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.sheet-pn{position:relative;width:100%;max-width:720px;max-height:85vh;overflow-y:auto;background:var(--card);border-radius:20px 20px 0 0;padding:8px 16px calc(16px + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 20px rgba(0,0,0,.2)}
.sheet-hd{display:flex;align-items:center;gap:8px;position:sticky;top:-8px;background:var(--card);padding:8px 0}.sheet-hd .t{flex:1;font-size:18px}
.sheet-x{width:44px;height:44px;padding:0;border-radius:50%;background:none;color:var(--ink);border:1.5px solid var(--line);font-size:22px;line-height:1}
a.ans{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:12px;border-radius:12px;background:var(--ok);color:var(--bg);text-decoration:none}
.res.tap{cursor:pointer}
/* Karşılaştırma ekranı */
body.mode-kars .w>:not(#kars){display:none!important}#kars[hidden]{display:none}
.kback{margin:4px 0 0}
.ic{display:inline-block;flex:0 0 auto;width:18px;height:18px;margin-inline-end:6px;vertical-align:-3px;background:no-repeat center/contain}
.ic.g{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%231F4D3A'/%3E%3Cpath d='M7 12.5l3.2 3.2L17 9' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.ic.y{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5L23 21.5H1z' fill='%238A5A00'/%3E%3Cpath d='M12 9v6' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='18.2' r='1.4' fill='%23fff'/%3E%3C/svg%3E")}.ic.r{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23A4470B'/%3E%3Cpath d='M12 6.5v7' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='17.2' r='1.5' fill='%23fff'/%3E%3C/svg%3E")}
.ic.u{border:2px dashed var(--notr);border-radius:50%}
.ic.n{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%238A8F8B'/%3E%3Cpath d='M7.5 12h9' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E")}
/* Kaydet / Paylaş çubuğu (17.10.2026, kullanıcı isteği): sonuçta aşağı kayarken ekranın üstünde kalır; zemin alt menü gibi yarı saydam (bulanıklaştırma yoksa düz) */
.resbar{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:4px -16px 10px;padding:calc(6px + env(safe-area-inset-top,0px)) 16px 8px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:15;background:var(--bg)}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.resbar{background:var(--cam);-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%)}}
.resbar .pay{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 12px}
.resbar .pay svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.paypre{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--line);margin:4px auto 12px}.paypre.uzun{width:auto;max-width:100%;max-height:62vh}.paywrap{max-height:62vh;overflow-y:auto;border-radius:12px;margin:0 0 12px}.paywrap .paypre{margin:0 auto}.paypre.cokuzun{width:100%;height:auto}.payseg{margin:0 0 10px}
.paysheet>button{width:100%;margin-top:10px}.paychk{display:flex;align-items:center;gap:8px;font-weight:600}
.kcols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kcol,.kgrp{min-width:0}
.kcol>input.kn{width:100%;min-height:44px;font:700 15px/1.2 var(--hf);color:var(--ink);background:var(--card);border:1.5px solid var(--line);border-radius:12px;padding:8px 10px}
.kcnt{display:flex;flex-direction:column;gap:2px;margin-top:6px;font-size:14px}.kc{display:flex;align-items:center}
.kdec .how{font-style:italic}
details.kgrp{margin:8px 0}details.kgrp>summary{font-family:var(--hf);font-weight:700;font-size:16px;cursor:pointer;min-height:44px;display:flex;align-items:center;padding:0 12px;background:var(--card);border:1px solid var(--line);border-radius:12px;list-style:none}details.kgrp>summary::-webkit-details-marker{display:none}details.kgrp>summary::after{content:"";margin-inline-start:auto;width:8px;height:8px;border:solid var(--mute);border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .15s}details.kgrp[open]>summary::after{transform:rotate(-135deg)}details.kgrp[open]>summary{margin-bottom:6px}.kdiff details.kgrp{margin:0}
.ktab{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:4px 14px;margin:10px 0}
.ktab .kl{grid-column:1/-1;font-size:13px;color:var(--mute);padding-top:8px;border-top:1px solid var(--line)}.ktab .kl:first-child{border-top:0}
.ktab .kv{font-size:14px;padding:2px 0 8px;min-width:0;overflow-wrap:anywhere}
.kgrp h3,.kcol h3,.kpick h3{font-size:16px;margin:12px 0 6px}
button.kitem{display:flex;align-items:center;width:100%;min-height:44px;margin:0 0 6px;padding:8px 12px;text-align:start;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:12px;font-weight:400}
.kpick button.kitem{flex-direction:column;align-items:flex-start}.kpick button.kitem[aria-pressed=true]{border:2px solid var(--ok);background:var(--okbg)}#karsla[hidden]{display:none}.kin{font-weight:600;overflow-wrap:anywhere}.kis{font-size:13px;color:var(--mute);overflow-wrap:anywhere}
.kmad .kin{font-weight:400}
.kname{display:flex;flex-direction:column;gap:4px;font-size:14px;margin:6px 0 10px}.kname input{min-height:44px;font:inherit;padding:8px 10px;border:1.5px solid var(--line);border-radius:12px}
.kpick>button:not(.kitem){width:100%;margin:4px 0}.kclr{margin-top:10px!important}
@media (max-width:480px){.kdiff,.kpers{grid-template-columns:1fr}}
/* Karşılaştırma renkleri (14.10.2026, kullanıcı isteği: tablo daha okunaklı, başlıklar kalın): 1. ürün mavi, 2. ürün mor; renkler yalnızca hangi ürün olduğunu gösterir,
   risk renkleri (kırmızı, turuncu, sarı) yalnızca simgelerde. Değeri iki üründe farklı olan satır belirgin. */
#kars{--k1:#234A7A;--k1b:#EAF0F8;--k2:#5A3E8E;--k2b:#F1ECF8}
#kars .kc1{--kc:var(--k1);--kb:var(--k1b)}#kars .kc2{--kc:var(--k2);--kb:var(--k2b)}#kars .kc0{--kc:#5A615C;--kb:var(--sunk)}
#kars>h2{font-size:22px;margin:16px 0 10px}
.kcol.kc1>input.kn,.kcol.kc2>input.kn{border:0;border-top:4px solid var(--kc);background:var(--kb);color:var(--kc);border-radius:12px}
.kcols>.kcol>.kcnt{background:var(--kb);border-radius:12px;padding:8px 10px;gap:4px;font-weight:600}
.kpers .kcol h3{color:var(--kc);border-inline-start:4px solid var(--kc);padding-inline-start:8px}
.res.kdec.g{background:var(--yesilbg);border-color:#C7DACF}.res.kdec .t{font-size:18px}
.ktab{padding:0 0 6px;overflow:visible;gap:0;column-gap:0}
.kth{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;position:sticky;top:0;z-index:2;background:var(--card);border-radius:14px 14px 0 0;border-bottom:1px solid var(--line)}
.khd{font:700 14px/1.25 var(--hf);color:var(--kc);padding:10px 14px 8px;border-top:4px solid var(--kc);overflow-wrap:anywhere}
.khd.kc1{border-radius:14px 0 0 0}.khd.kc2{border-radius:0 14px 0 0}
.ktab .kl{font-size:14px;font-weight:700;color:var(--ink);padding:10px 14px 4px;border-top:1px solid var(--line)}.ktab .kth+.kl{border-top:0}
.ktab .kv{padding:6px 14px 10px;font-size:14px}
.ktab .kv.fark{background:var(--kb)}.ktab .kl.fark::after{content:attr(data-fark);display:inline-block;margin-inline-start:8px;padding:0 8px;border-radius:999px;background:var(--sunk);color:var(--mute);font-weight:600;font-size:11px;vertical-align:1px}
details.kgrp.kc1>summary,details.kgrp.kc2>summary,details.kgrp.kc0>summary{border-inline-start:5px solid var(--kc);background:var(--kb);color:var(--kc)}
.racts{display:flex;gap:8px}.resbar .kayitb svg{fill:none}.resbar .kayitb.on svg{fill:currentColor}
body.mode-kayit .w>:not(#kayit){display:none!important}#kayit[hidden]{display:none}body.mode-kayit .w>#kayit:not([hidden]){display:block!important}
.kayitac{display:flex;align-items:center;gap:12px;width:100%;text-align:start;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:12px;margin:8px 0 4px;min-height:56px}
.kayitac>svg{width:24px;height:24px;flex:0 0 auto;fill:none;stroke:var(--ok);stroke-width:2;stroke-linejoin:round}.kayitac .kt{display:flex;flex-direction:column;gap:2px}.kayitac .mut{font-size:13px}
.kseg button{flex:1 1 auto;font-size:14px;padding:8px 6px}
.krow{display:flex;gap:8px;margin:4px 0 10px}.krow input{flex:1;min-width:0;min-height:44px;font:inherit;padding:8px 10px;border:1.5px solid var(--line);border-radius:12px}.krow select{min-height:44px;font:inherit;border:1.5px solid var(--line);border-radius:12px;padding:0 8px;background:var(--card)}
button.kkayit{flex-direction:column;align-items:flex-start;gap:4px;width:100%;text-align:start}.kkayit .koz{font-size:13px;display:flex;align-items:center;flex-wrap:wrap}
.kform textarea{min-height:60px;font:inherit;padding:8px 10px;border:1.5px solid var(--line);border-radius:12px}
.kyedek{margin-top:20px;border-top:1px solid var(--line);padding-top:6px}
body.mode-ekle .w>:not(#ekle){display:none!important}#ekle[hidden]{display:none}body.mode-ekle .w>#ekle:not([hidden]){display:block!important}
.ekitem{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0 0 6px;padding:10px 12px;background:var(--card);border:1px solid var(--line);border-radius:12px}.ekdurum{display:flex;flex-wrap:wrap;gap:4px}.chip.ekok{background:var(--yesilbg);border-color:#C7DACF;color:var(--yesil);font-weight:600}.chip.ekbek{background:var(--sunk);color:var(--mute)}
body.mode-topluluk .w>:not(#topluluk){display:none!important}#topluluk[hidden]{display:none}body.mode-topluluk .w>#topluluk:not([hidden]){display:block!important}
.tphedef .tpsay{font-weight:600}#topluluk .seg{margin:6px 0 10px}.tpitem .kin{font-variant-numeric:tabular-nums}.tpitem button{margin-top:4px}
body.mode-rozet .w>:not(#rozet){display:none!important}#rozet[hidden]{display:none}body.mode-rozet .w>#rozet:not([hidden]){display:block!important}
.w{position:relative}
.cvm{display:inline-block;font-size:11px;font-weight:600;line-height:1.5;color:var(--mute);background:var(--sunk);border-radius:999px;padding:0 7px;margin-inline-start:2px;vertical-align:1px;white-space:nowrap;font-style:normal}
/* Profilim (14.10.2026): kısayol kutuları 2×2, bölümler (Sizin için uyarılar, Kişisel bilgiler, Ayarlar, Hakkında), liste satırları */
.kisayol{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 4px}
.kisayol>div:empty{display:none}
/* Kısayol kutuları küçük (16.10.2026, kullanıcı isteği: "yazıları küçült, adetleri simgelerin yanına al"): üst satırda simge + adet (.say, kalın) ya da
   adedi olmayan kutunun açıklaması (en fazla iki satır), altında ad; dört kutu aynı boyda. .kt display:contents: ad ve adet DOM'da sırasıyla kalır
   (ekran okuyucu "Kaydedilen Ürünlerim, 3 ürün" okur) */
.kisayol .kayitac{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;align-content:start;gap:8px;height:100%;margin:0;padding:11px 12px;border:0;border-radius:16px;background:var(--sunk);min-height:0}
.kisayol .kayitac>svg,.kisayol .kayitac>.rzs{width:32px;height:32px;padding:7px;border-radius:10px;background:var(--card);box-sizing:border-box}
.kisayol .kayitac .kt{display:contents}.kisayol .kayitac .kt>b{grid-column:1/-1;font-size:13.5px;line-height:1.25}
.kisayol .kayitac .kt>.mut{grid-row:1;grid-column:2;font-size:11.5px;line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.kisayol .kayitac .kt>.say{font-size:13px;font-weight:600;color:var(--c,var(--ink));font-variant-numeric:tabular-nums}
.pbol{margin:24px 0 0}.pbol>h2{font-size:19px;margin:0 4px}.pbol>p.mut{margin:2px 4px 8px}.pbol>h2+div{margin-top:8px}
.plist{border:1px solid var(--line);border-radius:20px;overflow:hidden}
.plist>*{border-top:1px solid var(--sunk)}.plist>*:first-child{border-top:0}
.plist details.pdrop{border-radius:0;margin:0;padding:0 16px;background:var(--card)}
.plist details.pdrop>summary{min-height:58px;font-size:16px;font-weight:600}
/* Elle eklenen alerjenler (Profilim › Alerjenler): yazı alanı + Ekle, altında silinebilir etiketler */
.pozel{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.pozel .pt{font-size:14px;font-weight:600;margin:0 0 6px}
.pozel form{display:flex;gap:8px;align-items:center}.pozel form input{flex:1;min-width:0;font-size:16px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink)}
.pozel form button{margin:0;flex:none}.pozel p.mut{margin:6px 0 0}.pozel p.mut:empty{display:none}
.pozl{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.pozl:empty{display:none}
.chip.pozc{display:inline-flex;align-items:center;gap:2px;margin:0;font-size:14px;padding-block:2px;padding-inline:10px 2px}
.chip .pozsil{margin:0;min-height:32px;min-width:32px;padding:0;border:0;background:none;color:var(--mute);font-size:18px;line-height:1;border-radius:999px}
.plist details.pdrop[open]{padding-bottom:16px}
.pdrop .pg{display:flex;flex-wrap:wrap;gap:8px}
.pdrop .pc{min-height:40px;padding:0 14px 0 10px;border:1.5px solid var(--line);border-radius:999px;gap:6px;font-weight:500;cursor:pointer}
.pdrop .pc input{appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;border:1.5px solid #9AA09B;display:grid;place-content:center;margin:0}
.pdrop .pc input:checked{border-color:var(--onok);background:var(--onok)}
.pdrop .pc input:checked::after{content:"";width:9px;height:5px;border-left:2.4px solid var(--ok);border-bottom:2.4px solid var(--ok);transform:translateY(-1px) rotate(-45deg)}
.pdrop .pc:has(input:checked){background:var(--ok);border-color:var(--ok);color:var(--onok);font-weight:600}
.pdrop .pc:has(input:focus-visible){outline:3px solid var(--ok);outline-offset:2px}.pdrop .pc input:focus-visible{outline:0}
.pkart{border:1px solid var(--line);border-radius:20px;padding:14px}
.pkart .pnum{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:5px}
.pkart .pnum .pn{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:3px;background:var(--sunk);border-radius:10px;padding:3px 7px 4px;min-height:0}
.pkart .pnum .pn>span:first-child{grid-column:1;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;color:var(--mute)}
.pkart .pnum .pn input,.pkart .pnum .pn select{width:100%;min-width:0;border:0;background:transparent;font-size:15px;padding:0;color:var(--ink)}
.pkart .pnum .pn select{grid-column:1/-1;font-size:14px;text-overflow:ellipsis}.pkart .pnum .pn>.mut{grid-row:1;grid-column:2;font-size:11px}.pkart .pnum .pn input{grid-column:1/-1}
@media (max-width:359px){.pkart .pnum{grid-template-columns:1fr 1fr}}
.pkart .bmi{margin:12px 0 0;padding:10px 12px;border-radius:14px;background:var(--okbg)}
.pset>.pn{display:flex;justify-content:space-between;gap:12px;min-height:56px;padding:0 16px;font-size:16px;font-weight:600}
.pset>.pn select{border:0;background:transparent;color:var(--mute);font-size:15px;width:10em;max-width:55%;text-align:end;text-align-last:end}
.pset .pbark{margin:0;padding:12px 16px 14px}.pset .pbark .pt{display:flex;align-items:center;font-size:16px;margin:4px 0}.pset .pbark .mut{font-size:13px}
.pset .pbark select{margin-top:8px;width:100%;min-height:44px;border-radius:12px;background:var(--sunk);border:0}
.pbol>.how{margin:8px 4px 0}
.plist .sorumlu{margin:0;padding:0 16px;border-top:0;font-size:14px}.plist .sorumlu p{margin:0 0 8px;color:var(--mute)}
.plist details.gzp{padding:0 16px;font-size:14px;color:var(--mute)}.plist details.gzp ul{margin:0 0 12px;padding-inline-start:18px}.plist details.gzp li{margin:4px 0}
/* Profilim renkleri (14.10.2026, kullanıcı isteği: "biraz daha renkli"): her kısayol ve bölüm kendi renginde; risk renkleri (kırmızı, turuncu, sarı) kullanılmaz */
#pd{--c-kay:#1F4D3A;--b-kay:#E4EFE8;--c-roz:#5A3E8E;--b-roz:#EFE9F8;--c-ekl:#155E63;--b-ekl:#E0F0F0;--c-top:#234A7A;--b-top:#E6EDF8;--c-uy:#8E3B6B;--b-uy:#F7E8F1;--c-ki:#234A7A;--b-ki:#E6EDF8;--c-ay:#155E63;--b-ay:#E0F0F0;--c-hk:#5A615C;--b-hk:#EEF0EE}
#kayitbar{--c:var(--c-kay);--b:var(--b-kay)}#rozetbar{--c:var(--c-roz);--b:var(--b-roz)}#eklebar{--c:var(--c-ekl);--b:var(--b-ekl)}#toplulukbar{--c:var(--c-top);--b:var(--b-top)}
.kisayol .kayitac{background:var(--b,var(--sunk));box-shadow:inset 0 0 0 1px rgba(27,33,30,.04)}
.kisayol .kayitac>svg{stroke:var(--onok);background:var(--c,var(--ok));box-shadow:0 2px 6px rgba(27,33,30,.15)}
.kisayol .kayitac>.rzs{background:var(--card);box-shadow:0 2px 6px rgba(27,33,30,.12)}
/* Rozet simgesi kutunun içinde ortalı (17.10.2026): iç SVG kutuyu doldurur, satır boşluğu bırakmaz */
.kisayol .kayitac>.rzs svg{display:block;width:100%;height:100%}
.kisayol .kayitac .kt>b{color:var(--c,var(--ink))}
.pb-uy{--c:var(--c-uy);--b:var(--b-uy)}.pb-ki{--c:var(--c-ki);--b:var(--b-ki)}.pb-ay{--c:var(--c-ay);--b:var(--b-ay)}.pb-hk{--c:var(--c-hk);--b:var(--b-hk)}
.pbol>h2{display:flex;align-items:center;gap:10px}
.pbic{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border-radius:10px;background:var(--b)}
.pbic svg{width:19px;height:19px;fill:none;stroke:var(--c);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* Bölüm açıklaması ve Ayarlar notu sola yaslı, italik (14.10.2026, kullanıcı isteği) */
.pbol>p.mut,.pbol>.how{margin-inline-start:4px;text-align:start;font-style:italic}
.pbol .plist,.pbol .pkart{border-color:color-mix(in srgb,var(--c) 22%,var(--card));box-shadow:0 1px 2px rgba(27,33,30,.04)}
.pb-uy .pdrop>summary{border-inline-start:4px solid transparent;margin-inline-start:-16px;padding-inline-start:12px}
.pb-uy .pdrop[open]>summary{border-inline-start-color:var(--c)}
.pdrop .pcnt{background:var(--b-uy);color:var(--c-uy);border-radius:999px;padding:2px 10px}.pdrop .pcnt:empty{display:none}
.pb-uy .pdrop .pc:has(input:checked){background:var(--c-uy);border-color:var(--c-uy)}.pb-uy .pdrop .pc input:checked::after{border-color:var(--c-uy)}
.pkart .pnum .pn{background:var(--b-ki)}.pkart .pnum .pn>span:first-child{color:var(--c-ki)}
.pkart .bmi{background:var(--b-ki)}
/* BKİ bilgi sayfası (bkiSayfa): formül kutusu, kişinin değeri, renkli dilimler; --c dilimin rengi */
.bkis{display:flex;flex-direction:column;gap:12px;font-size:16px;line-height:1.45}
.bkif{font-family:var(--hf);font-weight:700;font-size:18px;text-align:center;padding:14px 12px;border-radius:14px;background:#E6EDF8;color:#234A7A}
.bkiv{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;border-radius:14px;border:2px solid var(--c);background:color-mix(in srgb,var(--c) 10%,var(--card))}
.bkiv b{color:var(--c);font-size:18px}
.bkil{display:flex;flex-direction:column;gap:6px}
.bkir{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 14px;border-radius:12px;border-inline-start:6px solid var(--c);background:color-mix(in srgb,var(--c) 7%,var(--card))}
.bkir b{color:var(--c)}.bkir .bkia{margin-inline-start:auto;font-variant-numeric:tabular-nums;color:var(--ink)}
.bkid{width:12px;height:12px;border-radius:50%;background:var(--c);flex:none}
.bkir.on{background:color-mix(in srgb,var(--c) 18%,var(--card));box-shadow:0 0 0 2px var(--c) inset}
.bkit{font-size:12px;font-weight:600;color:#fff;background:var(--c);border-radius:999px;padding:2px 8px}
.bkin{margin:0;font-style:italic;color:var(--mute)}.bkis p.mut{margin:0;font-size:14px}
/* Yüzen pencere (19.10.2026, kullanıcı isteği: BKİ alt sayfası çok büyüktü): ortada, dört köşesi yuvarlak, dar; içerik sıkılaştırılır */
.sheet.yuzen{align-items:center;padding:16px}
.sheet.yuzen .sheet-pn{max-width:360px;max-height:min(70vh,560px);border-radius:20px;padding:4px 14px 14px;box-shadow:0 1px 3px rgba(27,33,30,.1),0 12px 32px rgba(27,33,30,.22)}
.sheet.yuzen .sheet-hd{top:-4px;padding:6px 0}.sheet.yuzen .sheet-hd .t{font-size:16px}.sheet.yuzen .sheet-x{width:40px;height:40px;font-size:20px}
.sheet.yuzen:not([hidden]) .sheet-pn{animation:yuzbelir .2s cubic-bezier(.2,.8,.2,1)}
@keyframes yuzbelir{from{transform:scale(.94);opacity:0}}
.yuzen .bkis{gap:8px;font-size:14px;line-height:1.4}
.yuzen .bkif{font-size:15px;padding:8px 10px;border-radius:12px}
.yuzen .bkiv{padding:8px 12px;border-radius:12px}.yuzen .bkiv b{font-size:15px}
.yuzen .bkil{gap:4px}.yuzen .bkir{min-height:36px;padding:4px 12px;border-radius:10px;gap:8px}
.yuzen .bkid{width:10px;height:10px}.yuzen .bkis p.mut{font-size:12.5px}
.pset>.pn select{color:var(--c-ay);font-weight:600}
.pcihaz{text-align:center;margin:18px 0 0}
#profil.mut{color:var(--ink);font-size:16px}
/* Sonuç kutusu boş-durum sınıfını (.mut, ocr.html) sonuç gelince de taşıyor: renk mirası grileştirmesin, başlıklar yazı renginde (19.10.2026, önyüz değerlendirmesi). Yazı boyu bilerek değişmedi */
#sonuc.mut{color:var(--ink)}#profil p.mut,#profil .how{color:var(--mute);font-size:14px}
/* Ön yüz (14.10.2026): tek ana iş fotoğraf; galeri ve barkod ikincil; Karşılaştır ve Örnek metin bağlantı. Sonuç: özet kartı, seviyeye göre gruplar, sade kartlar (ayrıntı alt sayfada) */
h1{font-size:30px;letter-spacing:-.01em}
.hero{margin:10px 0 8px}
label.camera{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px 12px;padding:14px;border:0;border-radius:20px;background:var(--ok);color:var(--onok);min-height:0}
label.camera:focus-within{outline:3px solid var(--ink);outline-offset:3px}
label.camera .camic{display:flex;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.14);align-items:center;justify-content:center}
label.camera svg{width:22px;height:22px;padding:0;border-radius:0;background:none;stroke:var(--onok)}
label.camera .camt{font-family:var(--hf);font-size:17px;line-height:1.25}
label.camera .cambtn{grid-column:1/-1;display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:14px;background:var(--card);color:var(--ok);font-weight:700;font-size:16px}
.ikinci{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ikinci label.dosya,.ikinci button.dosya{margin-top:0;min-height:48px;border-radius:14px;color:var(--ink);font-size:14px}
.ikinci label.dosya svg,.ikinci button.dosya svg{stroke:var(--ok)}
.row.baglar{justify-content:center;gap:4px;margin:6px 0}
.baglar button.alt{border:0;min-height:44px;padding:8px 12px;display:inline-flex;align-items:center;gap:6px}
.baglar svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ipucu h2{font:700 12px/1.3 var(--bf);text-transform:uppercase;letter-spacing:.06em;color:var(--mute);margin:12px 0 6px}
.ipg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.ipg>div{background:var(--sunk);border-radius:14px;padding:8px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px;line-height:1.25;font-weight:500;text-align:center;min-width:0;overflow-wrap:anywhere}
.ipg svg{width:16px;height:16px;flex:none;fill:none;stroke:var(--ok);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.sonuclu .ipucu,body:not(.sonuclu) #sonuch,body:not(.sonuclu) #sonuc{display:none}
.altbilgi{margin-top:32px;text-align:center}
.altbilgi button.deneme{min-height:44px;margin:0;padding:0 12px;background:none;border:0;color:var(--mute);font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:3px}

.ozet{border:1px solid var(--line);border-radius:24px;padding:18px;margin:6px 0 12px;box-shadow:0 1px 2px rgba(27,33,30,.04)}
.oz-ust{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.oz-b{font-family:var(--hf);font-weight:700;font-size:28px;line-height:1.1;margin:4px 0 2px}.oz-b.r{color:var(--hi)}.oz-b.y{color:var(--amb)}.oz-b.g{color:var(--yesil)}
.oz-alt{color:var(--mute);font-size:15px}
.oz-serit{display:flex;gap:3px;height:10px;margin-top:14px}.oz-serit span{flex:1;border-radius:999px;background:var(--bos)}.oz-serit .r{background:var(--hic)}.oz-serit .y{background:var(--ambc)}.oz-serit .g{background:var(--yesil)}
.res{border-radius:16px;border-inline-start-width:1px}
.res.r,.res.y,.res.o,.res.u,.res.g{background:var(--card);border-inline-start-color:var(--line)}
.res.prof.r{background:var(--redbg);border-color:#F1CBC6}.res.prof.y{background:var(--ambbg);border-color:#EED9A0}
.res.tap{transition:background .15s}.res.tap:active{background:var(--sunk)}
.res .neden{color:var(--mute);margin-top:2px}
h3.grp{font:700 13px/1.3 var(--bf);text-transform:uppercase;letter-spacing:.06em;color:var(--mute);margin:16px 4px 6px}
a.kilonot{display:block;padding:12px 14px;margin:10px 0;border-radius:14px;background:var(--sunk);color:var(--ink);font-weight:500;font-size:14px;text-decoration:none}
a.kilonot::after{content:" ›";color:var(--ok);font-weight:700}
#st.bilgi{display:none}
body.sonuclu label.camera{padding:10px;border-radius:20px}body.sonuclu label.camera{display:block}body.sonuclu label.camera .camic,body.sonuclu label.camera .camt{display:none}body.sonuclu label.camera .cambtn{min-height:44px;background:transparent;color:var(--onok)}
.res.sumbox{border-inline-start-color:var(--line)}
.ptype button{min-height:40px;padding:4px 12px;font-size:13px}
.sheet-pn{border-radius:24px 24px 0 0}.sheet-pn .chip{margin-bottom:6px}
/* Hareket (17.10.2026, kullanıcı isteği; @keyframes belir tema.css'te): sonuç kartları sırayla belirir, özet şeridi soldan dolar (sağdan sola dilde sağdan),
   alt sayfa aşağıdan kayar. Sonuç her analizde baştan çizildiği için hareket yalnızca yeni sonuçta oynar; "hareketi azalt" açıksa tema.css hepsini kapatır. */
@keyframes dol{from{transform:scaleX(0)}}
@keyframes yuksel{from{transform:translateY(40px);opacity:.4}}
@keyframes karar{from{opacity:0}}
#sonuc>*{animation:belir .28s ease-out both}
#sonuc>:nth-child(2){animation-delay:.04s}#sonuc>:nth-child(3){animation-delay:.08s}#sonuc>:nth-child(4){animation-delay:.12s}#sonuc>:nth-child(n+5){animation-delay:.16s}
.oz-serit{transform-origin:left center;animation:dol .6s .2s cubic-bezier(.2,.7,.2,1) both}[dir="rtl"] .oz-serit{transform-origin:right center}
.sheet:not([hidden]) .sheet-pn{animation:yuksel .24s cubic-bezier(.2,.8,.2,1)}
/* Barkod tanınınca (17.10.2026, küçük hareket detayları): görüntü bir an yeşil çerçeveyle hafifçe içe göçer, sonra alt sayfa kapanır (js/arayuz_barkod.js) */
@keyframes bul{50%{transform:scale(.98)}}
.bsheet.bulundu .bvid{outline:3px solid var(--ok);outline-offset:-3px;animation:bul .22s ease-out}.sheet:not([hidden]) .sheet-bg{animation:karar .2s ease-out}
/* Koyu tema (17.10.2026; belirteçler tema.css'te, <html data-tema="koyu"> js/tema.js'ten): bu dosyada sabit yazılmış renklerin koyu karşılıkları. Risk simgeleri (iki renkli SVG) parlaklığı ters çevrilip
   rengi geri döndürülerek açık tona geçer (koyu yeşil daire açık yeşil, beyaz işaret koyu); şekil ve anlam aynı. */
[data-tema="koyu"] .res>.t::before,[data-tema="koyu"] .res>.hd>.t::before,[data-tema="koyu"] .ic{filter:invert(1) hue-rotate(180deg)}
[data-tema="koyu"] .chip.uret{background:var(--sunk);border-color:var(--line);color:var(--mute)}
[data-tema="koyu"] #kars{--k1:#8FB3E8;--k1b:#17243A;--k2:#C2A8EE;--k2b:#261D3A}[data-tema="koyu"] #kars .kc0{--kc:var(--mute)}
[data-tema="koyu"] .res.kdec.g,[data-tema="koyu"] .chip.ekok{border-color:#2A4636}
[data-tema="koyu"] .res.prof.r{border-color:#5A2A26}[data-tema="koyu"] .res.prof.y{border-color:#4A3C14}
[data-tema="koyu"] #pd{--c-kay:#7CC9A0;--b-kay:#14261D;--c-roz:#C2A8EE;--b-roz:#261D3A;--c-ekl:#6FCBD2;--b-ekl:#0F2A2C;--c-top:#8FB3E8;--b-top:#17243A;--c-uy:#EE9CC9;--b-uy:#36182B;--c-ki:#8FB3E8;--b-ki:#17243A;--c-ay:#6FCBD2;--b-ay:#0F2A2C;--c-hk:#A2A9A4;--b-hk:#222725}
[data-tema="koyu"] .bkif{background:var(--okbg);color:var(--ok)}
[data-tema="koyu"] .sheet.yuzen .sheet-pn{border:1px solid var(--line)}
[data-tema="koyu"] label.camera .camic{background:rgba(13,20,51,.10)}
[data-tema="koyu"] label.camera .cambtn{background:var(--onok)}