/* Koyu tema varsayılan; ZYTIN sitesindeki renk ve yazı tiplerini kullanır. */
:root{--bg:#141A19;--card:#1C2422;--ink:#ECE8D9;--muted:#AEB2A6;--line:rgba(236,232,217,.14);--accent:#93AA62;--on-accent:#141A19;--brass:#C4A867;--ok:#B4C78A;--warn:#C4A867;--bad:#E8907E;--bar:#93AA62;--bar-hi:#C4A867;--display:"Archivo","Arial Black","Helvetica Neue",sans-serif;--body:"Figtree","Segoe UI",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;color-scheme:dark}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]){--bg:#F3F1E6;--card:#FBFAF4;--ink:#1B2829;--muted:#4A5654;--line:rgba(27,40,41,.14);--accent:#677F3D;--on-accent:#F5F3E8;--brass:#7A6430;--ok:#3E5124;--warn:#7A6430;--bad:#A63D2F;--bar:#677F3D;--bar-hi:#9C8247;color-scheme:light}}
:root[data-theme="light"]{--bg:#F3F1E6;--card:#FBFAF4;--ink:#1B2829;--muted:#4A5654;--line:rgba(27,40,41,.14);--accent:#677F3D;--on-accent:#F5F3E8;--brass:#7A6430;--ok:#3E5124;--warn:#7A6430;--bad:#A63D2F;--bar:#677F3D;--bar-hi:#9C8247;color-scheme:light}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 var(--body);font-variant-numeric:tabular-nums}
[hidden]{display:none!important}
header{position:sticky;top:0;z-index:5;background:var(--bg);color:var(--ink);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:8px 12px;padding-top:max(8px,env(safe-area-inset-top))}

nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}
nav button{background:none;border:1px solid transparent;color:var(--muted);padding:8px 12px;border-radius:99px;font:inherit;white-space:nowrap}
nav button.on{background:var(--card);border-color:var(--line);color:var(--ink)}
#out{background:none;border:1px solid var(--line);color:var(--ink);border-radius:99px;height:36px;padding:0 12px;flex:none;font:inherit;font-size:13px;cursor:pointer}
#theme{background:none;border:1px solid var(--line);color:var(--ink);border-radius:99px;width:36px;height:36px;flex:none;font:inherit}
main{max-width:1100px;margin:0 auto;padding:14px 12px 90px}
h2,h3{font-family:var(--display);font-weight:800;letter-spacing:-.01em}h2{margin:6px 0 12px;font-size:1.5rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px}
.login{max-width:340px;margin:18vh auto;display:flex;flex-direction:column;gap:10px}
.login h1{margin:0}
.muted{color:var(--muted)}.center{text-align:center}.err{color:var(--bad);margin:0;min-height:1.2em}
input,select,textarea{width:100%;font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-height:44px}
textarea{min-height:70px}
input[type=checkbox]{width:auto;min-height:0;transform:scale(1.3)}
label{display:flex;flex-direction:column;gap:4px;font-family:var(--mono);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.btn{font:inherit;font-weight:600;border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 16px;border-radius:99px;min-height:44px;cursor:pointer}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:700}
.btn.danger{color:var(--bad)}
.btn.sm{min-height:34px;padding:4px 10px;font-size:.9rem}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.grow{flex:1;min-width:140px}
.chips{display:flex;gap:6px;overflow-x:auto;padding:8px 0;scrollbar-width:none}
.chip{border:1px solid var(--line);background:var(--card);color:var(--ink);padding:6px 12px;border-radius:99px;white-space:nowrap;font:inherit;font-size:.9rem}
.chip.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.chip b{opacity:.65;font-weight:500;margin-left:4px}
.list{display:flex;flex-direction:column;gap:8px}
.item{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:12px;background:var(--card);border:1px solid var(--line);border-radius:12px;cursor:pointer}
.item .name{font-weight:600}
.item .meta{color:var(--muted);font-size:.85rem}
.item .r{text-align:right;font-variant-numeric:tabular-nums}
.badge{display:inline-block;padding:1px 8px;border-radius:99px;font-family:var(--mono);font-size:.7rem;letter-spacing:.03em;border:1px solid var(--line)}
.badge.bad{color:var(--bad);border-color:var(--bad)}.badge.warn{color:var(--warn);border-color:var(--warn)}.badge.ok{color:var(--ok);border-color:var(--ok)}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px}
.tile{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px}
.tile .v{font-family:var(--display);font-size:1.6rem;font-weight:800;font-variant-numeric:tabular-nums}
.tile .l{color:var(--brass);font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}
.tile.click{cursor:pointer}
table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
th,td{padding:8px 6px;border-bottom:1px solid var(--line);text-align:left;font-size:.92rem}
th{color:var(--brass);font-family:var(--mono);font-weight:500;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}
td.n,th.n{text-align:right}
.bar{height:14px;border-radius:4px;background:var(--bar)}
.bar.hi{background:var(--bar-hi)}
.modal{position:fixed;inset:0;background:rgba(10,14,13,.6);z-index:20;display:flex;align-items:flex-end;justify-content:center}
.sheet{background:var(--bg);width:100%;max-width:720px;max-height:94vh;overflow:auto;border-radius:18px 18px 0 0;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}
@media(min-width:760px){.modal{align-items:center}.sheet{border-radius:18px}}
.form{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.form .full{grid-column:1/-1}
@media(max-width:520px){.form{grid-template-columns:1fr}}
.sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:10px 0}
.sum div{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 10px}
.sum b{display:block;font-size:1.05rem;font-variant-numeric:tabular-nums}
.sum span{font-size:.75rem;color:var(--muted)}
.seg{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.seg button{flex:1;border:0;background:var(--card);color:var(--ink);padding:10px;font:inherit}
.seg button.on{background:var(--accent);color:var(--on-accent);font-weight:700}
.cart{display:grid;grid-template-columns:1fr 84px 104px auto;gap:6px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.cart input{min-height:38px;padding:6px 8px}
.total{font-family:var(--display);font-size:1.9rem;font-weight:800;text-align:right;font-variant-numeric:tabular-nums}
.warnline{color:var(--bad);font-size:.82rem;grid-column:1/-1}
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:99px;z-index:40;max-width:90vw}
video{width:100%;border-radius:12px;background:#000;aspect-ratio:4/3;object-fit:cover}
pre.log{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px;white-space:pre-wrap;font-size:.85rem;max-height:220px;overflow:auto}
@media(max-width:620px){.hide-s{display:none}}

@media(max-width:620px){.cart{grid-template-columns:70px 1fr auto}.cart>div:first-child{grid-column:1/-1}}

:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.meta{font-size:.82rem}

.brand{flex:none;display:flex;align-items:center;gap:10px}.brand svg.mark{width:24px;height:auto}.brand svg.wm{width:100px;height:auto}
.stem{fill:var(--ink)}.fruit{fill:var(--accent)}.shine{fill:#F9FEEB;opacity:.85}

/* salt okunur kullanıcı */
body.ro [data-v=kasa],body.ro [data-v=alim],body.ro [data-v=ayarlar],body.ro .btn.primary,body.ro .btn.danger,body.ro [data-del],body.ro #useSug{display:none!important}

.brand svg.mark{width:30px}
.login-logo{display:flex;justify-content:center;padding:6px 0 2px}.login-logo svg{width:56px;height:auto}
@media (max-width:480px){header{gap:6px;padding-inline:8px}nav{gap:0}nav button{padding:8px 8px;font-size:14px}#out{padding:0 9px;font-size:12px}#theme{width:32px;height:32px}}