:root{--bg:#f4f6f5;--card:#fff;--ink:#14201e;--mut:#5b6b68;--line:#d9e1df;--brand:#0E3B2E;--brand-d:#14503E;
--sari:#eab308;--turuncu:#f97316;--kirmizi:#dc2626;--stt:#7f1d1d;--tett:#7c3aed;--normal:#94a3b8;--ok:#16a34a}
@media (prefers-color-scheme:dark){:root{--bg:#0f1514;--card:#18211f;--ink:#e8efed;--mut:#9ab0ab;--line:#2b3936}}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
#app{max-width:720px;margin:0 auto;padding:0 16px calc(28px + env(safe-area-inset-bottom))}
.stick{position:sticky;top:0;z-index:6;margin:0 -16px 12px}.stick header.top{margin:0}
header.top{background:var(--brand);color:#fff;margin:0 -16px 12px;padding:10px 16px;
display:flex;align-items:center;gap:10px;padding-top:calc(10px + env(safe-area-inset-top))}
header.top h1{font-size:18px;margin:0;flex:1}
header.top select{max-width:46%;font-size:14px}
.chip{font-size:12px;border-radius:99px;padding:3px 10px;background:rgba(255,255,255,.2);white-space:nowrap}
.chip.off{background:#b45309}.chip.pend{background:#1d4ed8}
nav.tabnav{background:var(--card);border-bottom:1px solid var(--line);display:flex;
}
nav.tabnav a{flex:1;text-align:center;padding:6px 2px;color:var(--mut);text-decoration:none;font-size:12px;min-height:50px;border-bottom:3px solid transparent}
nav.tabnav a b{display:block;font-size:18px;line-height:1.1}
nav.tabnav a.on{color:var(--brand);font-weight:600;border-bottom-color:var(--brand)}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:10px 0}
.task{display:block;color:inherit;text-decoration:none;border-left:8px solid var(--normal)}
.task.SARI{border-left-color:var(--sari)}.task.TURUNCU{border-left-color:var(--turuncu)}
.task.KIRMIZI{border-left-color:var(--kirmizi)}.task.STT_DOLDU{border-left-color:var(--stt)}
.task.TETT_GECTI{border-left-color:var(--tett)}
.task .t{font-weight:600}.task .m{color:var(--mut);font-size:14px}
.badge{display:inline-block;font-size:12px;border-radius:6px;padding:2px 8px;background:var(--line);margin-right:6px}
.badge.SARI{background:var(--sari);color:#000}.badge.TURUNCU{background:var(--turuncu);color:#000}
.badge.KIRMIZI{background:var(--kirmizi);color:#fff}.badge.STT_DOLDU{background:var(--stt);color:#fff}
.badge.TETT_GECTI{background:var(--tett);color:#fff}
h2{font-size:15px;color:var(--mut);margin:18px 0 4px;text-transform:uppercase;letter-spacing:.04em}
label{display:block;font-size:14px;color:var(--mut);margin:12px 0 4px}
input,select,textarea{width:100%;font:inherit;padding:12px;border:1px solid var(--line);border-radius:10px;
background:var(--card);color:var(--ink);min-height:48px}
input[type=checkbox]{width:26px;height:26px;min-height:0;flex:none}
.chk{display:flex;gap:12px;align-items:flex-start;margin:14px 0;color:var(--ink);font-size:16px}
button,.btn{font:inherit;font-weight:600;border:0;border-radius:12px;padding:14px 16px;min-height:52px;width:100%;
background:var(--brand);color:#fff;margin-top:12px;cursor:pointer;display:block;text-align:center;text-decoration:none}
button:disabled{opacity:.45}
button.sec,.btn.sec{background:transparent;color:var(--brand);border:2px solid var(--brand)}
button.warn{background:#b45309}
button.sm{width:auto;min-height:40px;padding:8px 14px;margin:0;display:inline-block}
.row{display:flex;gap:10px}.row>*{flex:1}
.tabs{display:flex;gap:8px;margin:6px 0}.tabs a{flex:1;text-align:center;padding:10px;border-radius:10px;border:1px solid var(--line);
color:var(--mut);text-decoration:none}.tabs a.on{background:var(--brand);color:#fff;border-color:var(--brand)}
.empty{text-align:center;color:var(--mut);padding:40px 0}
.err{color:#dc2626;font-size:14px;margin-top:8px}
.kv{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed var(--line)}
.big{font-size:28px;font-weight:700}
.bc{font:600 20px ui-monospace,Consolas,monospace;letter-spacing:.06em}
#toast{position:fixed;left:16px;right:16px;bottom:calc(24px + env(safe-area-inset-bottom));background:#111;color:#fff;
padding:12px 14px;border-radius:12px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:20;text-align:center}
#toast.show{opacity:.95}
.scan{position:fixed;inset:0;background:#000;z-index:30;display:flex;flex-direction:column}
.scan video{flex:1;object-fit:cover;width:100%}
.scan button{margin:12px;width:auto}


#app.wide{max-width:1100px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.grid .card{margin:0}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 14px}
h3{margin:0 0 6px;font-size:14px;color:var(--mut);font-weight:600}
.bar{height:10px;border-radius:99px;background:var(--line);overflow:hidden;margin:8px 0}.bar i{display:block;height:100%;background:var(--ok)}
.stages{display:flex;gap:10px;justify-content:space-between}.stages div{text-align:center;flex:1}
.stages b{display:block;font-size:24px;color:#fff;border-radius:10px;padding:8px 0}.stages span{font-size:12px;color:var(--mut)}
.tbl{overflow-x:auto;padding:4px 8px}.tbl table{width:100%;border-collapse:collapse;font-size:14px}
.tbl th{text-align:left;color:var(--mut);font-weight:600;padding:8px 6px;border-bottom:1px solid var(--line)}
.tbl td{padding:8px 6px;border-bottom:1px dashed var(--line);vertical-align:top}.tbl tr.click{cursor:pointer}.tbl tr.click:hover{background:rgba(15,118,110,.08)}
.tabs a{font-size:14px;padding:10px 4px}

body.lg{background:radial-gradient(700px 420px at 85% 0%,rgba(185,231,105,.16),transparent 60%),linear-gradient(180deg,#0E3B2E,#082A20)}
body.lg #app{padding-top:0}
.login{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:32px 0}
.login .logo{display:flex;align-items:center;gap:13px;color:#F7F4EC;font-weight:800;font-size:38px;letter-spacing:-.045em;line-height:1}
.login .logo img{width:52px;height:52px}.login .logo b{color:#B9E769;font-weight:800}
.login .sub{color:rgba(247,244,236,.78);margin:12px 0 22px}
.login form{background:var(--card);color:var(--ink);border-radius:20px;padding:22px 20px 20px;box-shadow:0 30px 60px -24px rgba(0,0,0,.6)}
.login form button{background:#F28C28;color:#1c0f00;font-weight:700}
.corp{margin:22px 0 0;text-align:center;font-size:12px;line-height:1.5;color:var(--mut)}
.login .corp{color:rgba(247,244,236,.62)}.login .corp b{color:#B9E769;font-weight:600}

.scan{position:fixed}.scan .frame{position:absolute;left:8%;right:8%;top:30%;height:26%;border:3px solid #fff;border-radius:12px;box-shadow:0 0 0 100vmax rgba(0,0,0,.45);pointer-events:none}.scan .hint{position:absolute;left:0;right:0;top:20%;text-align:center;color:#fff;font-weight:600}
/* raporlar */
.ch{width:100%;height:auto;display:block}.lg{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:var(--mut);margin-top:6px}
.lg i,.dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}
.dn{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.dn svg{width:180px;height:180px;flex:none}.dn>div{flex:1;min-width:200px}
.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:10px 0}
.kpi{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px}.kpi small{color:var(--mut);display:block;font-size:12px}
.kpi b{display:block;font-size:20px;margin:2px 0}.kpi span{font-size:12px;color:var(--mut)}.kpi.warn{border-color:var(--kirmizi)}
.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;color:var(--mut);font-weight:600;padding:6px 8px;border-bottom:2px solid var(--line)}
.tbl td{padding:6px 8px;border-bottom:1px solid var(--line)}.tbl td.r,.tbl th.r{text-align:right}.tw{overflow-x:auto}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.chips button{width:auto;min-height:36px;padding:6px 12px;margin:0}
.chips button.on{background:var(--brand);color:#fff}
.tabs{flex-wrap:wrap}.tabs a{min-width:72px}

/* ===== Rapor merkezi (.rp): doğrulanmış kategorik palet, sönük ızgara, kurumsal kartlar ===== */
#app:has(.rp){max-width:1180px}
.rp{--surface:#fcfcfb;--ink2:#52514e;--mut:#898781;--grid:#e1e0d9;--axis:#c3c2b7;--page:#f9f9f7;
--s1:#2a78d6;--s2:#eb6834;--s3:#1baf7a;--s4:#eda100;--s5:#e87ba4;--s6:#008300;--s7:#6250d6;--s8:#e34948;
--good:#0ca30c;--warning:#fab219;--serious:#ec835a;--critical:#d03b3b;--good-t:#006300;--bad-t:#b42b2b}
@media (prefers-color-scheme:dark){.rp{--surface:#1a1a19;--ink2:#c3c2b7;--grid:#2c2c2a;--axis:#383835;--page:#0d0d0d;
--s1:#3987e5;--s2:#d95926;--s3:#199e70;--s4:#c98500;--s5:#d55181;--s6:#008300;--s7:#9085e9;--s8:#e66767;--good-t:#0ca30c;--bad-t:#ec7b7b}}
.rp .m{color:var(--ink2);font-size:13px}
.rbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:4px 0 8px}
.rbar select,.rbar input[type=date]{width:auto;min-height:38px;padding:6px 10px;font-size:14px;border-radius:8px}
.rbar .dates{display:flex;gap:6px;align-items:center}
.seg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--card)}
.seg button{width:auto;min-height:38px;margin:0;padding:6px 12px;border:0;border-radius:0;background:transparent;color:var(--ink);font-size:14px;border-right:1px solid var(--line)}
.seg button:last-child{border-right:0}.seg button.on{background:var(--brand);color:#fff}
details.menu{position:relative;margin-left:auto}
details.menu summary{list-style:none;cursor:pointer;min-height:38px;display:flex;align-items:center;padding:6px 14px;border:1px solid var(--brand);color:var(--brand);border-radius:10px;font-size:14px;font-weight:600;background:var(--card)}
details.menu summary::-webkit-details-marker{display:none}
.menu-pop{position:absolute;right:0;top:44px;z-index:8;min-width:210px;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px -10px rgba(0,0,0,.35);padding:6px}
.menu-pop button{display:block;width:100%;text-align:left;margin:0;min-height:40px;padding:8px 12px;background:transparent;color:var(--ink);border:0;border-radius:6px;font-size:14px}
.menu-pop button:hover{background:rgba(14,59,46,.09)}.menu-pop hr{border:0;border-top:1px solid var(--line);margin:4px 0}
.rsub{color:var(--ink2);font-size:13px;margin:0 0 12px}.rsub b{color:var(--ink)}
.rl{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.rnav{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.rnav::-webkit-scrollbar{display:none}
.rnav a{flex:none;display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);text-decoration:none;font-size:14px;white-space:nowrap}
.rnav a.on{background:var(--brand);color:#fff;border-color:var(--brand);font-weight:600}
.rnav em{font-style:normal;font-size:11px;font-weight:700;background:var(--critical);color:#fff;border-radius:99px;padding:1px 6px;min-width:18px;text-align:center}
.rmain{min-width:0}
@media (min-width:900px){
 .rl{grid-template-columns:200px minmax(0,1fr);gap:20px;align-items:start}
 .rnav{flex-direction:column;overflow:visible;position:sticky;top:120px;gap:2px;padding:0}
 .rnav a{border:0;border-radius:8px;background:transparent;justify-content:space-between;padding:10px 12px}
 .rnav a:hover{background:rgba(14,59,46,.07)}.rnav a.on{background:var(--brand)}
}
.kg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 12px}
@media (min-width:640px){.kg{grid-template-columns:repeat(4,minmax(0,1fr))}.kg.k3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.kc{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--grid);border-radius:12px;padding:12px 12px 10px;min-height:104px}
.kc.warn{border-color:var(--critical);box-shadow:inset 3px 0 0 var(--critical)}
.kc-t{font-size:12px;color:var(--ink2);font-weight:600;letter-spacing:.2px}
.kc-v{font-size:24px;font-weight:700;margin:4px 0 2px;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.15}.kc-v small{font-size:14px;color:var(--ink2);font-weight:500}
.kc-f{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;font-size:12px}.kc-s{color:var(--ink2)}
.kc .cv-spark{position:absolute;right:10px;top:12px;width:64px;height:24px;opacity:.9}
.dl{font-weight:700;font-variant-numeric:tabular-nums}.dl.good{color:var(--good-t)}.dl.bad{color:var(--bad-t)}.dl.flat{color:var(--ink2);font-weight:500}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.rc{background:var(--surface);border:1px solid var(--grid);border-radius:12px;padding:14px 16px;margin:0 0 12px}
.rc>header{display:flex;align-items:baseline;gap:10px;margin:0 0 10px}
.rc>header h3{margin:0;font-size:15px;font-weight:700;color:var(--ink)}.rc>header .m{margin-left:auto}
.rg2{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}@media (min-width:760px){.rg2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rg2>.rc{margin:0}.rg2{margin-bottom:12px}
.rc.warnbox{border-color:var(--warning);background:rgba(250,178,25,.12);color:var(--ink);font-size:14px}
.ins{list-style:none;margin:0;padding:0;display:grid;gap:8px}.ins li{display:flex;gap:10px;font-size:14px;line-height:1.35}
.ins b{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;color:#fff;background:var(--s1)}
.ins .warn b{background:var(--critical)}.ins .ok b{background:var(--good-t)}
.ringrow{display:flex;justify-content:center;padding:6px 0}
.cv-ring{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.cv-ring svg{width:132px;height:132px}
.cv-svg{width:100%;height:auto;display:block;overflow:visible}
.cv-grid{stroke:var(--grid);stroke-width:1}.cv-ax,.cv-lb{fill:var(--mut);font-size:11px}.cv-lb{fill:var(--ink2);font-size:12px}
.cv-val{fill:var(--ink);font-size:12px;font-weight:600}.cv-big{fill:var(--ink);font-size:22px;font-weight:700}
.cv-cross{stroke:var(--axis);stroke-width:1;stroke-dasharray:3 3;pointer-events:none}
.cv-mark{transition:opacity .12s}.cv-hit{cursor:crosshair;outline:none}.cv-hit:focus-visible{stroke:var(--s1);stroke-width:2}
path.cv-hit:hover{opacity:.82}
.cv-empty{padding:28px 0;text-align:center;color:var(--ink2);font-size:14px}
.cv-lg{display:flex;flex-wrap:wrap;gap:6px 16px;margin:8px 0 0;font-size:12px;color:var(--ink2)}
.cv-lg span{display:inline-flex;align-items:center;gap:6px}.cv-lg i{width:10px;height:10px;border-radius:3px;display:inline-block}.cv-lg i.ln{height:3px;width:14px;border-radius:2px}
.cv-dn{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.cv-dn .cv{width:170px;flex:none}
.cv-rows{flex:1;min-width:190px;display:grid;gap:2px}
.cv-row{display:grid;grid-template-columns:1fr auto 48px;gap:8px;align-items:center;font-size:13px;padding:5px 0;border-bottom:1px solid var(--grid)}
.cv-row:last-child{border:0}.cv-row span{display:flex;align-items:center;gap:8px;color:var(--ink)}.cv-row i{width:10px;height:10px;border-radius:3px;flex:none}
.cv-row b{font-variant-numeric:tabular-nums}.cv-row em{font-style:normal;color:var(--ink2);text-align:right;font-variant-numeric:tabular-nums}
.cv-tip{position:fixed;z-index:60;display:none;pointer-events:none;background:#1a1a19;color:#f0efec;border-radius:8px;padding:8px 10px;font-size:12px;box-shadow:0 10px 26px -8px rgba(0,0,0,.5);max-width:260px}
.cv-tip-h{font-weight:700;margin-bottom:4px}.cv-tip-r{display:grid;grid-template-columns:10px auto 1fr;gap:6px;align-items:center;margin-top:2px}
.cv-tip-r i{width:8px;height:8px;border-radius:2px}.cv-tip-r b{font-variant-numeric:tabular-nums}.cv-tip-r span{color:#c3c2b7}
details.tv{margin:-4px 0 12px}details.tv summary{cursor:pointer;color:var(--brand);font-size:13px;font-weight:600;padding:6px 2px}
details.tv[open]{background:var(--surface);border:1px solid var(--grid);border-radius:12px;padding:6px 14px 10px}
.dt-tool{display:flex;gap:10px;align-items:center;margin:0 0 8px}.dt-tool input{max-width:260px;min-height:36px;padding:6px 10px;font-size:14px;border-radius:8px}
.rp .tbl{font-size:13px}.rp .tbl th{background:var(--surface);cursor:pointer;white-space:nowrap;user-select:none;border-bottom:1px solid var(--axis);color:var(--ink2)}
.rp .tbl th i{font-style:normal;font-size:10px;color:var(--brand)}.rp .tbl td{border-bottom:1px solid var(--grid);font-variant-numeric:tabular-nums}
.rp .tbl tbody tr:hover{background:rgba(14,59,46,.05)}
.dt-pg{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.dt-pg button{min-height:34px;padding:4px 12px}
.sub{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--grid)}
.sub-a{display:flex;gap:6px;flex-wrap:wrap;align-items:flex-start}

/* ===== K12: mağaza seçici, hesap ===== */
button.storebtn{width:auto;max-width:46%;margin:0;min-height:36px;padding:6px 10px;font-size:14px;background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.5);display:flex;align-items:flex-start;justify-content:center;padding:6vh 12px}
.sp-box{background:var(--card);color:var(--ink);border-radius:14px;width:100%;max-width:520px;max-height:84vh;display:flex;flex-direction:column;box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.sp-h{display:flex;gap:8px;padding:12px;border-bottom:1px solid var(--line);flex-wrap:wrap}.sp-h input{flex:2;min-width:160px}.sp-h select{flex:1;min-width:110px}.sp-h button{flex:none;width:auto;margin:0}
.sp-l{overflow-y:auto;padding:6px}.sp-l button{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin:0;padding:10px 12px;min-height:48px;background:transparent;color:var(--ink);border:0;border-radius:8px;text-align:left}
.sp-l button span{font-size:12px;color:var(--mut)}.sp-l button:hover,.sp-l button.on{background:rgba(14,59,46,.1)}.sp-l button.on b::after{content:" ✓"}
.rstore{display:inline-block;min-width:200px}.rstore select,.rstore input{min-height:38px;padding:6px 10px;font-size:14px;border-radius:8px}
details.card>summary{list-style:none}details.card>summary::-webkit-details-marker{display:none}
select[multiple] option{padding:6px 8px}

/* ===== K13 ===== */
button.kcb{width:auto;margin:0;text-align:left;cursor:pointer;color:var(--ink);font:inherit}
button.kcb.sel{outline:2px solid var(--brand);background:rgba(14,59,46,.08)}
#qq,#dq{margin-top:2px}#qq button,#dq button{min-height:36px}
.rp.plain .tbl th{cursor:default}

/* ===== K14: mobilde tek satır kaydırılabilir panel sekmeleri ===== */
@media (max-width:700px){.tabs.pn{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tabs.pn::-webkit-scrollbar{display:none}
.tabs.pn a{flex:none;min-width:0;white-space:nowrap;padding:10px 16px}}

.rp .tbl tr.sel td{background:rgba(14,59,46,.08)}

/* Mobil taşma düzeltmesi: hiçbir öğe ekrandan geniş olmasın (sayfa elle küçültülmesin) */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html{max-width:100%;overflow-x:hidden}body{max-width:100%}
#app,.stick,header.top,nav.tabnav,.card,.tabs,.grid>*{min-width:0;max-width:100%}
header.top h1{min-width:0;overflow:hidden;text-overflow:ellipsis}
header.top select,header.top .chip{flex:none}
header.top .chip{max-width:40%;overflow:hidden;text-overflow:ellipsis}
nav.tabnav a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card,.task .t,.task .m,.kv,label,.m{overflow-wrap:anywhere}
.card img,.card video,.card svg{max-width:100%;height:auto}
input,select,textarea{max-width:100%}

/* === ADIM 6: Mobil iyileştirmeler === */

/* 1. Tabloların yan kaydırılabilir olması (raporlar, denetim kaydı) */
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:8px 0}
.tbl-wrap table{min-width:600px}

/* 2. Dokunma hedefi boyutu (iOS/Android tavsiyesi: min 44px) */
button,.btn,a.btn,input[type=button],input[type=submit]{min-height:48px;min-width:48px}
.tabs a,nav.tabnav a{min-height:50px}
button.storebtn{min-height:40px;min-width:40px}

/* 3. Mobil sekme çubuğu yatay kaydırma (çoklu sekme durumunda) */
@media (max-width:700px){
  .tabs.pn,nav.tabnav{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .tabs.pn::-webkit-scrollbar,nav.tabnav::-webkit-scrollbar{display:none}
}

/* 4. Form alanlarında iOS otomatik zoom önleme (font-size 16px zorunlu) */
input,select,textarea{font-size:16px !important}

/* 5. Toast bildirim konumu - klavyenin önünde görünsün */
#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:1000;max-width:80%;text-align:center}