:root{--ink:#1F1B18;--ground:#F6F3EF;--side:#1F1B18;--side-ink:#E9E2D8;--side-dim:#9B9082;--side-line:#332D28;--accent:#C9551F;--accent-dark:#8E3F12;--accent-soft:#FBE9DF;--teal:#1F6F78;--line:#E6DFD6;--muted:#6F675E;--card:#fff;--bad:#B93A2E;--on-accent:#fff;--ok-soft:#E3F1F2;--warn-soft:#FBEADF;--alert-line:#E8B9A3;--bad-soft:#FDE3E3;--bad-ink:#9B2C2C;--off-soft:#EEEAE4;--off-ink:#4A423B;--pend-soft:#FFF3C4;--pend-ink:#7A5A00;--pend-row:#FFF6D6;--crit-row:#FFF7F1;--row-alt:#FAF7F2;--row-line:#F0EAE2;--code-bg:#F0EAE2;--input-bg:#fff;--input-line:#D9D1C6;--sel:#FBEADF;--dim:#B8AEA2;--we:#A89C8E;--shadow:rgba(31,27,24,.18);--shadow-soft:rgba(31,27,24,.12);--body:"Manrope",Inter,system-ui,-apple-system,sans-serif;--display:"Sora",system-ui,-apple-system,sans-serif;--rail:64px;--rail-open:248px;color-scheme:light}
/* ---- koyu tema: sistem tercihi (kullanıcı "Açık" seçmediyse) ve elle "Koyu" seçimi ---- */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ink:#F1EBE4;--ground:#151210;--side:#110F0D;--side-ink:#E9E2D8;--side-dim:#9B9082;--side-line:#2C2622;--accent:#E0703E;--accent-dark:#F08A5A;--accent-soft:#3A2419;--teal:#4FA3AD;--line:#2C2622;--muted:#A89C8E;--card:#1F1B18;--bad:#E06A5E;--ok-soft:#1A2F31;--warn-soft:#3A2419;--alert-line:#6A3A26;--bad-soft:#3B1F1D;--bad-ink:#F0A39B;--off-soft:#2A2520;--off-ink:#C9BFB3;--pend-soft:#3A3010;--pend-ink:#F2D27A;--pend-row:#2C2612;--crit-row:#2A1F18;--row-alt:#241F1B;--row-line:#2C2622;--code-bg:#2A2520;--input-bg:#171412;--input-line:#3A332D;--sel:#3A2419;--dim:#6E645A;--we:#8A7F72;--shadow:rgba(0,0,0,.5);--shadow-soft:rgba(0,0,0,.35);color-scheme:dark}}
:root[data-theme="dark"]{--ink:#F1EBE4;--ground:#151210;--side:#110F0D;--side-ink:#E9E2D8;--side-dim:#9B9082;--side-line:#2C2622;--accent:#E0703E;--accent-dark:#F08A5A;--accent-soft:#3A2419;--teal:#4FA3AD;--line:#2C2622;--muted:#A89C8E;--card:#1F1B18;--bad:#E06A5E;--ok-soft:#1A2F31;--warn-soft:#3A2419;--alert-line:#6A3A26;--bad-soft:#3B1F1D;--bad-ink:#F0A39B;--off-soft:#2A2520;--off-ink:#C9BFB3;--pend-soft:#3A3010;--pend-ink:#F2D27A;--pend-row:#2C2612;--crit-row:#2A1F18;--row-alt:#241F1B;--row-line:#2C2622;--code-bg:#2A2520;--input-bg:#171412;--input-line:#3A332D;--sel:#3A2419;--dim:#6E645A;--we:#8A7F72;--shadow:rgba(0,0,0,.5);--shadow-soft:rgba(0,0,0,.35);color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;font-family:var(--body);color:var(--ink);background:var(--ground);font-size:14px}
h1,h2,h3{font-family:var(--display);letter-spacing:-.01em}
a{color:var(--accent)}
.shell{display:flex;align-items:stretch;min-height:100vh}
[hidden]{display:none!important}
/* ---- masaüstü: sol ikon rayı (daralmış 64px, üzerine gelince/sabitlenince 248px) ---- */
.side{width:var(--rail);flex-shrink:0;background:var(--side);color:var(--side-ink);padding:12px 8px 10px;min-height:100vh;display:flex;flex-direction:column;gap:1px;position:sticky;top:0;height:100vh;overflow:hidden auto;scrollbar-width:none;transition:width .18s ease,padding .18s ease;z-index:30}
.side::-webkit-scrollbar{display:none}
.side:hover,.shell.pinned .side{width:var(--rail-open);padding:12px 12px 10px}
.side .brand{display:flex;align-items:center;justify-content:center;padding:2px 0 10px;text-decoration:none;min-height:44px;flex-shrink:0}
.side .brand img{height:32px;width:auto;display:none}
.side .mini{display:block;font-family:var(--display);font-weight:700;font-size:19px;letter-spacing:-.03em;line-height:1;padding-bottom:5px;border-bottom:3px solid var(--accent);color:#F1EBE4}
.side:hover .brand img,.shell.pinned .side .brand img{display:block}
.side:hover .mini,.shell.pinned .side .mini{display:none}
.side .grp{display:none;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--side-dim);padding:6px 12px 1px;font-weight:700;white-space:nowrap;flex-shrink:0}
.side .grp:empty{padding:0}
.side:not(:hover) .grp{display:block;height:0;padding:0;margin:6px 4px;border-top:1px solid var(--side-line);overflow:hidden}
.shell.pinned .side:not(:hover) .grp{height:auto;margin:0;border-top:0;padding:8px 12px 2px}
.shell.pinned .side:not(:hover) .grp:empty{padding:0}
.side:hover .grp{display:block}
.side a,.side .pinbtn{display:flex;align-items:center;justify-content:center;gap:12px;padding:7px 0;flex-shrink:0;border-radius:6px;color:var(--side-ink);text-decoration:none;font-weight:500;font-size:14.5px;position:relative;white-space:nowrap}
.side:hover a,.shell.pinned .side a,.side:hover .pinbtn,.shell.pinned .side .pinbtn{justify-content:flex-start;padding:6px 12px}
.side a svg,.side .pinbtn svg{width:21px;height:21px;flex-shrink:0;opacity:.85}
.side:hover a svg,.shell.pinned .side a svg{width:18px;height:18px}
.side a:hover{background:rgba(255,255,255,.06)}
.side a.active{background:var(--accent);color:#fff;font-weight:600}
.side a.active svg{opacity:1}
.side .lbl{display:none}
.side:hover .lbl,.shell.pinned .side .lbl{display:inline}
.side a .cnt{position:absolute;top:4px;right:6px;background:var(--bad);color:#fff;font-size:10px;font-weight:700;padding:1px 5px;border-radius:999px;font-variant-numeric:tabular-nums;line-height:1.4}
.side:hover a .cnt,.shell.pinned .side a .cnt{position:static;margin-left:auto;font-size:11px;padding:2px 7px}
.side .grow{flex-grow:1;min-height:6px}
.side .pinbtn{margin:6px 0 0;padding:7px 0;border:1px solid var(--side-line);background:transparent;font:inherit;font-size:12px;cursor:pointer;opacity:.8;min-height:0}
.side .pinbtn svg{width:15px;height:15px}
.side .pinbtn .t{display:none}
.side:hover .pinbtn .t,.shell.pinned .side .pinbtn .t{display:inline}
.shell.pinned .side .pinbtn{background:var(--accent-soft);color:var(--accent);border-color:transparent;opacity:1}
/* tema seçici: rayda daralmışken tek döngü düğmesi, genişken 3'lü parçalı kontrol; "Daha" sayfasında etiketli */
.side .theme{margin-top:6px;flex-shrink:0}
.theme-seg{display:flex;gap:2px;border:1px solid var(--side-line);border-radius:6px;padding:2px}
.theme-seg button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:5px 4px;min-height:0;border:0;border-radius:4px;background:transparent;color:var(--side-dim);font:inherit;font-size:12px;cursor:pointer}
.theme-seg button svg{width:15px;height:15px;flex-shrink:0}
.theme-seg button .lbl{display:none}
.theme-seg button:hover{color:var(--side-ink)}
.theme-seg button.on{background:var(--accent-soft);color:var(--accent)}
.side .theme-seg{display:none}.side:hover .theme-seg,.shell.pinned .side .theme-seg{display:flex}
.side .theme-cycle{display:flex;width:100%;align-items:center;justify-content:center;padding:7px 0;min-height:0;border:1px solid var(--side-line);border-radius:6px;background:transparent;color:var(--side-ink);cursor:pointer;opacity:.8}
.side:hover .theme-cycle,.shell.pinned .side .theme-cycle{display:none}
.theme-cycle svg{width:15px;height:15px;display:none}.theme-cycle[data-mode="light"] .i-light,.theme-cycle[data-mode="dark"] .i-dark,.theme-cycle[data-mode="system"] .i-system{display:block}
.sheet .theme-seg{border-color:var(--line);background:var(--card);margin:0 4px}
.sheet .theme-seg button{color:var(--muted);padding:9px 4px;font-weight:600}.sheet .theme-seg button .lbl{display:inline}.sheet .theme-seg button svg{width:17px;height:17px}
.sheet .theme-seg button:hover{color:var(--ink)}.sheet .theme-seg button.on{background:var(--accent-soft);color:var(--accent)}
.side .who,.sheet .who{display:flex;align-items:center;gap:10px;padding:8px 0 0;border-top:1px solid var(--side-line);margin-top:8px;font-size:13px;flex-wrap:wrap;justify-content:center;flex-shrink:0}
.side .who .av,.sheet .who .av{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700;font-size:12px;flex-shrink:0}
.side .who .nm,.sheet .who .nm{flex:1;min-width:0;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side .who .nm small,.sheet .who .nm small{display:block;color:var(--side-dim);font-size:11px}
.who-acts{display:flex;align-items:center;gap:2px}
.side .who .nm{display:none}
.side .who,.side .who-acts{flex-direction:column;gap:4px}
.side:hover .who,.shell.pinned .side .who,.side:hover .who-acts,.shell.pinned .side .who-acts{flex-direction:row;gap:10px;justify-content:flex-start;flex-wrap:nowrap}
.side:hover .who-acts,.shell.pinned .side .who-acts{gap:2px}
.side:hover .who .nm,.shell.pinned .side .who .nm{display:block}
.side .who-acts a,.side .who-acts button{padding:7px;justify-content:center;opacity:.75;min-height:0;border-radius:6px}
.side .who-acts a svg,.side .who-acts button svg{width:18px;height:18px}
.side .who-acts a:hover,.side .who-acts button:hover{opacity:1;background:rgba(255,255,255,.08)}
.side .who-acts .lbl{display:none}
.side:hover .who-acts a,.shell.pinned .side .who-acts a,.side:hover .who-acts button,.shell.pinned .side .who-acts button{padding:7px}
.who-acts form{display:contents}
.who-acts button.link{display:flex;align-items:center;gap:12px;background:none;border:none;color:var(--side-ink);cursor:pointer;font:inherit}
.who-acts a.pw-link{color:var(--side-ink);text-decoration:none;display:flex;align-items:center;gap:12px}
/* ---- telefon üst şeridi ve alt sekme çubuğu: masaüstünde gizli ---- */
.mtop,.tabbar,.sheet{display:none}
/* ---- içerik üst şeridi + arama ---- */
.top{display:flex;align-items:center;gap:12px;padding:10px 32px;border-bottom:1px solid var(--line);background:var(--card);margin:0 -32px 20px}
.top .sp{flex:1}
.search{flex:1;max-width:420px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:6px;padding:0 12px;color:var(--muted);background:var(--ground);margin:0;min-width:0}
.search svg{width:16px;height:16px;flex-shrink:0}
.search input{flex:1;min-width:0;border:0;background:transparent;padding:9px 0;font-size:13.5px;color:var(--ink);outline:none}
.search input::placeholder{color:var(--muted)}
.search:focus-within{border-color:var(--accent)}
.ic-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;color:inherit;background:transparent;border:0;cursor:pointer;padding:0;min-height:0}
.ic-btn svg{width:20px;height:20px}
.content{flex:1 1 560px;min-width:0;padding:0 32px 28px}
.page-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px}
.page-head h1{margin:0;font-size:24px;flex-grow:1;letter-spacing:-.02em}
h2{margin:0 0 12px;font-size:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:20px}
.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.span2{grid-column:span 2}
.stat{display:flex;flex-direction:column;gap:6px}.stat .label{font-size:13px;color:var(--muted)}.stat .value{font-size:26px;font-weight:600;font-family:var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.muted{color:var(--muted)}.error{color:var(--accent-dark);font-weight:600}.alert{background:var(--warn-soft);border:1px solid var(--alert-line);border-radius:6px;padding:10px 12px;margin:0}
label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}
input,select{padding:10px 12px;border:1px solid var(--input-line);border-radius:6px;font:inherit;color:var(--ink);background:var(--input-bg)}
input.tiny{width:64px;padding:6px 8px}
.check{flex-direction:row;align-items:center;gap:8px}
button,.btn{padding:10px 16px;border-radius:6px;border:1px solid var(--input-line);background:var(--input-bg);font:inherit;font-weight:600;cursor:pointer;min-height:44px;text-decoration:none;color:var(--ink)}
button.primary,.btn.primary{background:var(--accent);color:var(--on-accent);border:none}
button.link{background:none;border:none;color:var(--accent);padding:0;min-height:auto}
.form{display:flex;flex-direction:column;gap:12px;min-width:280px}
.dropdown{position:relative}.dropdown summary{list-style:none;display:inline-block}.dropdown summary::-webkit-details-marker{display:none}.dropdown[open] .card{position:absolute;left:0;top:calc(100% + 8px);z-index:20;width:min(360px,calc(100vw - 32px));max-height:min(80vh,640px);overflow:auto;box-shadow:0 8px 24px var(--shadow)}
.page-head .dropdown[open] .card{left:auto;right:0}
.dropdown.wide[open] .card{position:static;width:100%;max-height:none;margin:8px 0 4px}#actPanel .card{margin:10px 0 4px;max-width:720px}
.list .row{display:flex;flex-direction:column;padding:12px;border:1px solid var(--line);border-radius:6px;margin-bottom:8px;text-decoration:none;color:var(--ink)}
.list .row.sel{background:var(--sel);border-color:var(--sel)}.list .row.inactive{opacity:.55}
.row-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between}
.inline{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}.inline label{flex-direction:row;align-items:center;gap:8px}
.right{display:flex;justify-content:flex-end;margin-top:12px}
.scroll{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:13px}
th{text-align:left;font-weight:500;color:var(--muted);padding:8px 6px;border-bottom:1px solid var(--line)}
td{padding:8px 6px;border-bottom:1px solid var(--row-line);vertical-align:middle}
.chk{width:36px;height:36px;min-height:36px;padding:0;border-radius:6px}.chk.on{background:var(--teal);color:var(--on-accent);border-color:var(--teal)}
.tag{padding:3px 8px;border-radius:6px;font-weight:600;font-size:12px}.tag.ok{background:var(--ok-soft);color:var(--teal)}.tag.warn{background:var(--warn-soft);color:var(--accent-dark)}.tag.off{background:var(--off-soft);color:var(--off-ink)}
.actions{white-space:nowrap}
.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}
.login{width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px}.login h1{margin:0}.login-logo{display:flex;justify-content:center;padding:6px 0 2px}.login-logo img{height:44px}.login-logo .lg-d{display:none}
/* tema: açık/koyu logo */
:root[data-theme="dark"] .login-logo .lg-l{display:none}:root[data-theme="dark"] .login-logo .lg-d{display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .login-logo .lg-l{display:none}:root:not([data-theme="light"]) .login-logo .lg-d{display:block}}
@media (max-width:720px){
.shell{flex-direction:column}
.side{display:none}
/* üst şerit: logo, şube, zil */
.mtop{display:flex;align-items:center;gap:6px;padding:7px 10px 7px 12px;background:var(--side);color:var(--side-ink);position:sticky;top:0;z-index:30;min-height:50px;padding-top:max(7px,env(safe-area-inset-top))}
.mtop .brand{display:flex;align-items:center;flex-shrink:0}.mtop .brand img{height:26px;width:auto;display:block}
.mtop .sp{flex:1}
.mtop .sube{margin:0;min-height:36px;max-width:52vw;padding:0 0 0 8px}.mtop .sube select{display:block;padding:6px 4px;font-size:12px}
.mtop .ic-btn{color:var(--side-ink);width:36px;height:36px}
.content{padding:12px 12px calc(76px + env(safe-area-inset-bottom,0px))}.span2{grid-column:span 1}
.top{margin:0 -12px 12px;padding:8px 12px}.search{max-width:none}.top .sp{display:none}
.page-head h1{font-size:20px;width:100%}
.grid2{grid-template-columns:1fr}
table{font-size:12px}th,td{padding:6px 4px}
.stat .value{font-size:22px}
#cart{min-width:560px}#cart td,#cart th{white-space:nowrap}
.dropdown[open]{flex-basis:100%;width:100%}.dropdown[open] summary{display:block;width:100%;text-align:center}.dropdown[open] .card{position:static;width:100%;max-height:none;margin:8px 0 4px;box-shadow:0 4px 16px var(--shadow-soft)}
/* alt sekme çubuğu */
.tabbar{display:flex;justify-content:space-around;align-items:stretch;position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--card);border-top:1px solid var(--line);padding:6px 4px calc(8px + env(safe-area-inset-bottom,0px))}
.tabbar a,.tabbar .more{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1 1 0;min-width:0;min-height:48px;padding:4px 2px;font:inherit;font-size:10.5px;font-weight:600;color:var(--muted);text-decoration:none;background:none;border:0;border-radius:6px;cursor:pointer}
.tabbar a svg,.tabbar .more svg{width:22px;height:22px}
.tabbar a span,.tabbar .more span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tabbar a.active{color:var(--accent)}.tabbar a.active span{color:var(--ink)}
body.sheet-open .tabbar .more{color:var(--accent)}
.tabbar .cnt{position:absolute;top:2px;left:calc(50% + 6px);background:var(--bad);color:#fff;font-style:normal;font-size:10px;font-weight:700;padding:1px 5px;border-radius:999px;line-height:1.4}
/* "Daha" tam ekran menü */
.sheet{display:flex;flex-direction:column;gap:12px;position:fixed;inset:0;bottom:calc(63px + env(safe-area-inset-bottom,0px));z-index:35;background:var(--ground);padding:12px 14px;overflow-y:auto;padding-top:max(12px,env(safe-area-inset-top))}
.sheet[hidden]{display:none}
.sheet-head{display:flex;align-items:center;justify-content:space-between}
.sheet-title{font-family:var(--display);font-weight:600;font-size:16px}
.sheet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sheet-grid a{position:relative;background:var(--card);border:1px solid var(--line);border-radius:6px;padding:12px 6px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--ink);text-decoration:none;text-align:center;min-height:72px}
.sheet-grid a svg{width:22px;height:22px;color:var(--accent)}
.sheet-grid a.active{border-color:var(--accent);background:var(--accent-soft)}
.sheet-grid .cnt{position:absolute;top:6px;right:8px;background:var(--bad);color:#fff;font-style:normal;font-size:10px;font-weight:700;padding:1px 6px;border-radius:999px}
/* sekme düzenleme (Daha sayfası): kalem düğmesi, Bitti / Varsayılana dön satırı, seçim rozetleri 1–4 */
.sheet-head .sp{flex:1}.sheet-head .ic-btn .lbl{display:none}.sheet-head .ic-btn[aria-pressed="true"]{color:var(--accent);background:var(--accent-soft)}
.tab-edit-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--card)}
.tab-edit-bar[hidden]{display:none}
.tab-edit-bar .hint{flex:1 1 100%;font-size:12.5px;color:var(--muted)}.tab-edit-bar .hint.warn{color:var(--accent-dark);font-weight:600}
.tab-edit-bar button{min-height:40px}.tab-edit-bar button.link{margin-right:auto;font-weight:600}
.sheet-grid .tb{display:none;position:absolute;top:6px;left:8px;width:20px;height:20px;border-radius:50%;border:2px solid var(--input-line);background:var(--input-bg);color:var(--on-accent);font-style:normal;font-size:11px;font-weight:700;line-height:1;place-items:center}
.sheet.editing .sheet-grid .tb{display:grid}
.sheet.editing .sheet-grid a{border-style:dashed}
.sheet.editing .sheet-grid a.sel{border-style:solid;border-color:var(--accent)}
.sheet.editing .sheet-grid a.sel .tb{background:var(--accent);border-color:var(--accent)}
.sheet .who{margin-top:auto;border-top-color:var(--line);justify-content:flex-start;flex-wrap:nowrap;color:var(--ink);padding:10px 4px 0}
.sheet .who .nm small{color:var(--muted)}
.sheet .who-acts a,.sheet .who-acts button{color:var(--ink);padding:8px;opacity:.75;border-radius:6px;min-height:0}
.sheet .who-acts .lbl{display:none}
.sheet .who-acts svg{width:20px;height:20px}
body.sheet-open{overflow:hidden}
}
.r{text-align:right;white-space:nowrap}
tr.crit td{background:var(--crit-row)}
.warn-text{color:var(--accent-dark)}
.qr{margin:12px 0;display:flex;justify-content:center}.qr svg{width:140px;height:140px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
code{font-family:ui-monospace,monospace;font-size:12px;background:var(--code-bg);padding:2px 6px;border-radius:4px}
.c{text-align:center}
.hits{display:flex;flex-direction:column;gap:4px;margin:8px 0}.hit{text-align:left;min-height:40px;padding:8px 12px}
.tot{display:flex;justify-content:space-between;font-size:14px}.tot.big{font-size:22px;font-weight:700;border-top:1px solid var(--line);padding-top:8px}
.pay{min-height:52px}.primary.alt{background:var(--teal)}
.receipt{max-width:560px}
@media print{:root:not([data-theme="light"]),:root[data-theme="light"]{--ink:#1F1B18;--ground:#F6F3EF;--side:#1F1B18;--side-ink:#E9E2D8;--side-dim:#9B9082;--side-line:#332D28;--accent:#C9551F;--accent-dark:#8E3F12;--accent-soft:#FBE9DF;--teal:#1F6F78;--line:#E6DFD6;--muted:#6F675E;--card:#fff;--bad:#B93A2E;--on-accent:#fff;--ok-soft:#E3F1F2;--warn-soft:#FBEADF;--alert-line:#E8B9A3;--bad-soft:#FDE3E3;--bad-ink:#9B2C2C;--off-soft:#EEEAE4;--off-ink:#4A423B;--pend-soft:#FFF3C4;--pend-ink:#7A5A00;--pend-row:#FFF6D6;--crit-row:#FFF7F1;--row-alt:#FAF7F2;--row-line:#F0EAE2;--code-bg:#F0EAE2;--input-bg:#fff;--input-line:#D9D1C6;--sel:#FBEADF;--dim:#B8AEA2;--we:#A89C8E;--shadow:rgba(31,27,24,.18);--shadow-soft:rgba(31,27,24,.12);--body:"Manrope",Inter,system-ui,-apple-system,sans-serif;--display:"Sora",system-ui,-apple-system,sans-serif;--rail:64px;--rail-open:248px;color-scheme:light}}
@media print{.side,.mtop,.tabbar,.sheet,.top,.page-head,.muted,.dropdown,button,.btn{display:none!important}.content{padding:0}.card{border:none;padding:0}.receipt{max-width:none;width:100%}body{font-size:13px}@page{size:A4 portrait;margin:14mm}}
.quick{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.qk{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:56px;text-align:left;font-size:13px}.qk .muted{font-weight:400;font-size:12px}
.card.sel{outline:2px solid var(--accent)}
.brandline{font-size:11px;color:var(--muted);margin:14px 0 0;text-align:right;display:flex;justify-content:flex-end;align-items:center;gap:8px}.brandline img{height:22px}h1 .logo{height:34px;vertical-align:middle}

/* döviz */
.fxline{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;margin:-4px 0 12px}
.fxnote{font-size:13px;color:var(--muted,#6b6257)}
/* stok/finans genişletme */
textarea{padding:10px 12px;border:1px solid var(--input-line);border-radius:6px;font:inherit;color:var(--ink);background:var(--input-bg);width:100%;resize:vertical}
.pending{border-left:4px solid var(--accent)}.pending .tot{padding:6px 0;border-bottom:1px solid var(--row-line);align-items:center}
.order-group{margin-bottom:16px}
/* satış: satır iskontosu, karma ödeme, bekleyen sepet, kasa seansı */
.disc{gap:4px;flex-wrap:nowrap}.disc input.tiny{width:52px;padding:4px 6px;font-size:12px}
.karma{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line);padding-top:10px;margin-top:4px}
.parked{border:1px solid var(--line);border-radius:6px;padding:8px 10px}
.session{border:1px solid var(--line);border-radius:6px;padding:10px 12px;margin-bottom:10px}.session .form{min-width:0}
.zrep .tot{padding:3px 0}
@media print{.zrep{max-width:none}.card.scroll{border:none}}
/* personel: selfie önizleme, puantaj çizelgesi */
.thumb{width:28px;height:28px;object-fit:cover;border-radius:6px;vertical-align:middle;border:1px solid var(--line)}
.puantaj table{font-size:12px}.puantaj th.c,.puantaj td.c{padding:4px 2px;min-width:20px}.puantaj th.we{color:var(--we)}
.puantaj td.m-X{background:var(--warn-soft);color:var(--accent-dark);font-weight:700}.puantaj td.m-G{color:var(--accent-dark);font-weight:700}
.puantaj td.m-İ,.puantaj td.m-Ü{background:var(--ok-soft);color:var(--teal)}.puantaj td.m-H,.puantaj td.m-T{color:var(--dim)}
.puantaj .legend{font-size:12px;color:var(--muted);margin:10px 0 0}.print-only{display:none}
@media print{.print-only{display:block}.puantaj{overflow:visible}.puantaj table{font-size:10px}}
.pager{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:12px}
.digest-text{white-space:pre-wrap;font:inherit;background:var(--row-alt);border:1px solid var(--line);border-radius:6px;padding:12px}
/* teklif / fiş belgesi (ekranda ve A4 yazdırmada) */
.logo-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.logo-box{width:160px;height:80px;display:flex;align-items:center;justify-content:center;background:#2A2623;border-radius:10px;padding:8px}.logo-box img{max-width:100%;max-height:100%;object-fit:contain}
/* belgeler (teklif, fiş, ekstre, Z raporu): temadan bağımsız her zaman açık renk */
.doc,.receipt{background:#fff;color:#1F1B18;--ink:#1F1B18;--card:#fff;--muted:#6F675E;--line:#E6DFD6;--row-line:#F0EAE2;--teal:#1F6F78;--accent:#C9551F;--accent-dark:#8E3F12;--accent-soft:#FBE9DF;--bad:#B93A2E;--ok-soft:#E3F1F2;--warn-soft:#FBEADF;--bad-soft:#FDE3E3;--bad-ink:#9B2C2C;--off-soft:#EEEAE4;--off-ink:#4A423B;--pend-soft:#FFF3C4;--pend-ink:#7A5A00;--pend-row:#FFF6D6;--row-alt:#FAF7F2;--input-bg:#fff;--input-line:#D9D1C6;color-scheme:light}
.doc{max-width:760px;position:relative;padding:28px 32px;--doc-strip:#F3EFE8;--doc-ink:#1F1B18}
.doc.receipt{max-width:560px}
.doc.wm::before{content:"";position:absolute;inset:0;background:var(--wm) center/55% no-repeat;opacity:.06;pointer-events:none}
.doc>*{position:relative}
.doc-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:3px solid var(--doc-ink);margin-bottom:16px}
.doc-head.slim{border-bottom-width:2px;padding-bottom:10px;margin-bottom:10px}
.doc-firm{display:flex;align-items:center;gap:14px;min-width:0}
.doc-logo{height:22mm;min-width:22mm;max-width:60mm;background:transparent;padding:0;display:flex;align-items:center;justify-content:center;print-color-adjust:exact;-webkit-print-color-adjust:exact}
.doc-logo img{max-height:100%;max-width:100%;object-fit:contain;display:block}
.doc-logo.small{height:16mm;min-width:16mm;max-width:36mm}
.doc-firm-text{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--muted)}.doc-firm-text strong{font-size:16px;color:var(--doc-ink)}
.doc-meta{text-align:right;margin-left:auto}.doc-title{font-size:28px;font-weight:800;letter-spacing:.14em;color:var(--doc-ink);line-height:1}
.doc-meta table{width:auto;margin-left:auto;margin-top:8px;font-size:12px}.doc-meta th{text-align:right;padding:2px 8px 2px 0;border:none;font-weight:500}.doc-meta td{padding:2px 0;border:none;text-align:right;white-space:nowrap}
.doc-to{display:flex;flex-direction:column;gap:2px;background:var(--doc-strip);border-radius:8px;padding:10px 14px;margin-bottom:16px;font-size:13px;print-color-adjust:exact;-webkit-print-color-adjust:exact}.doc-to strong{font-size:15px}
.doc-items td.num{color:var(--muted);width:28px}
.doc-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.doc-items th{background:var(--doc-strip);color:var(--doc-ink);font-weight:600;border-bottom:1px solid var(--line);print-color-adjust:exact;-webkit-print-color-adjust:exact}
.doc-items th:first-child{border-radius:6px 0 0 6px}.doc-items th:last-child{border-radius:0 6px 6px 0}
.doc-items tbody tr:nth-child(even) td{background:#FAF8F4;print-color-adjust:exact;-webkit-print-color-adjust:exact}
.doc-sum{display:flex;justify-content:flex-end;margin-top:14px}
.doc-totals{width:min(100%,320px);border:1px solid var(--line);border-radius:8px;padding:10px 14px;display:flex;flex-direction:column;gap:4px}
.doc-totals .tot.big{font-size:18px;margin-top:4px;border-top:2px solid var(--doc-ink)}
.doc-totals .muted-row,.receipt .muted-row{color:var(--muted);font-size:12px}
.doc-totals .fxrow{font-size:12px;color:var(--muted);margin-top:4px}
.doc-foot{margin-top:20px;font-size:12px;display:flex;flex-direction:column;gap:10px}.doc-foot p{margin:0}
.doc-terms{white-space:pre-wrap;color:var(--muted);border-top:1px solid var(--line);padding-top:10px}
.doc-sign{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:18px}
.doc-sign .who{align-self:flex-end}.doc-sign .stamp-box{min-width:200px;max-width:260px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:34mm}.doc-sign .stamp-box img{max-height:28mm;max-width:100%;object-fit:contain;margin-bottom:-6px}.doc-sign .line{width:100%;border-top:1px solid var(--doc-ink);padding-top:4px;text-align:center;font-weight:600;line-height:1.3}.doc-sign .line .muted{font-weight:400;font-size:11px}
.logo-box.light{background:#fff;border:1px dashed var(--line)}
@media (max-width:720px){.doc{padding:16px 12px}.doc-meta{text-align:left;margin-left:0}.doc-meta table{margin-left:0}.doc-meta th{text-align:left}.doc-meta td{text-align:left}.doc-title{font-size:22px}.doc-logo{height:16mm}}
@media print{.doc,.doc.receipt{max-width:none;padding:0;box-shadow:none}.doc.wm::before{opacity:.06}.doc-foot .brandline{display:flex}.doc-firm-text,.doc-label,.doc-terms,.doc-sign .line,.doc-totals .muted-row{color:#555}.doc-sign{page-break-inside:avoid}.doc-totals{page-break-inside:avoid}}

.shift-row{padding:6px 0;border-bottom:1px solid var(--row-line)}.shift-row summary{cursor:pointer;list-style:none}.shift-row summary::-webkit-details-marker{display:none}

/* iskonto onayı: satır renkleri ve fiş şeridi */
tr.pend td{background:var(--pend-row)}tr.rej td{background:var(--bad-soft)}.tag.rej{background:var(--bad-soft);color:var(--bad-ink)}
.band{padding:10px 14px;border-radius:6px;margin-bottom:12px;font-weight:600;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.band.pend{background:var(--pend-soft);color:var(--pend-ink)}.band.rej{background:var(--bad-soft);color:var(--bad-ink)}.band.ok{background:var(--ok-soft);color:var(--teal)}

/* rapor: hızlı tarih seçimi, bölüm başlık satırı, kart aralığı */
.page-head form.inline input[type=date]{min-width:0;max-width:100%}
.quickpick .btn{min-height:36px;padding:6px 12px;font-size:13px}
.quickpick .btn.primary{background:var(--teal)}
.card.mb{margin-bottom:16px}
.head-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:12px}.head-row h2{margin:0;flex-grow:1}
@media (max-width:480px){.grid4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat .value{font-size:19px}.card{padding:14px}.page-head form.inline{width:100%}.page-head form.inline input[type=date]{flex:1 1 120px}}
/* Ana ekran: son stok girişleri kartı */
.stock-alerts .tot{padding:5px 0;border-bottom:1px solid var(--row-line);gap:8px;align-items:baseline}.stock-alerts .tot a{flex:1;min-width:0}.stock-alerts .tot.unread a{font-weight:600}.stock-alerts .tot .muted{white-space:nowrap;font-size:12px}

/* Şube: üst menü seçici, platform modül kutuları, ödeme/not metinleri */
.sube{margin:0 0 6px;padding:0;display:flex;align-items:center;gap:8px;border:1px solid var(--side-line);border-radius:6px;min-height:38px;justify-content:center;flex-shrink:0}
.sube .sube-ic{width:16px;height:16px;opacity:.7;flex-shrink:0}
.sube select{flex:1;min-width:0;padding:8px 6px;font-size:13px;background:transparent;color:var(--side-ink);border:0;border-radius:6px;display:none}
.sube select option{color:var(--ink)}
.side:hover .sube,.shell.pinned .side .sube{padding:0 0 0 10px}
.side:hover .sube select,.shell.pinned .side .sube select{display:block}
.mods{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.mods label{flex-direction:row;align-items:center;gap:8px;border:1px solid var(--line);border-radius:6px;padding:8px 10px;color:var(--ink)}
.mods label.off{opacity:.6}.mods .price{margin-left:auto;color:var(--muted);white-space:nowrap}
.modchips{display:flex;flex-wrap:wrap;gap:4px}.modchips .tag{font-weight:500}
.note{font-size:12px;color:var(--muted);margin:4px 0 0}
.session .check{color:var(--ink)}
/* Tezgah modülü: sekme çubuğu, yatay form, kart bağlantısı */
.tabs{position:sticky;top:0;z-index:20;background:var(--ground);padding:8px 0 10px;margin-bottom:12px;display:flex;gap:6px;flex-wrap:wrap}
@media (max-width:720px){.tabs{top:50px}}
.form.wrap{flex-direction:row;flex-wrap:wrap;align-items:flex-end;min-width:0}.form.wrap label{flex:1 1 150px}
a.card.stat{text-decoration:none;color:inherit}a.card.stat:hover{border-color:var(--accent)}
.stat .tot{padding:2px 0}
/* Masalar modülü: masa planı kartları, büyük dokunmatik düğmeler, adet +/-, yapışkan alt şerit */
.masa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:16px}
@media (max-width:480px){.masa-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}
.masa{min-height:118px;padding:12px;gap:4px;cursor:pointer}
.masa .value{font-size:18px}
.masa.bos{background:var(--off-soft);border-color:var(--off-soft);color:var(--off-ink)}
.masa.dolu{background:var(--ok-soft);border-color:var(--ok-soft)}
.masa.hesap{background:var(--pend-soft);border-color:var(--pend-soft)}
.masa .row-head{gap:4px}
form.masa-form{display:contents}form.masa-form button.masa{width:100%;text-align:left;font-weight:400;display:flex;flex-direction:column;align-items:stretch}
.qk.big{min-height:64px;font-size:14px}
.qty{display:inline-flex;align-items:center;gap:4px}.qty button{min-height:40px;width:40px;padding:0;font-size:18px}.qty span{min-width:24px;text-align:center;font-weight:700}
.yeni{background:var(--ok-soft);color:var(--teal);font-size:11px;vertical-align:middle;margin-left:6px}
.pane{display:none}.pane.on{display:block}
.sticky-foot{position:sticky;bottom:0;background:var(--ground);padding:8px 0 4px;margin-top:8px}
@media (max-width:720px){.tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.tabs .btn{white-space:nowrap;flex-shrink:0}}
.bar{height:8px;background:var(--off-soft);border-radius:4px;overflow:hidden}.bar i{display:block;height:100%;background:var(--teal)}
.quick form{display:contents}
.catstrip{display:flex;gap:6px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding:0 0 8px;margin-bottom:6px}.catstrip .btn{white-space:nowrap;flex-shrink:0;min-height:40px}
.qk.touch{min-height:72px;padding:10px 12px;font-size:15px}.qk.touch .muted{font-size:13px}

/* ters kayıtla iptal edilmiş hareket */
tr.reversed td{text-decoration:line-through;opacity:.55}tr.reversed td .tag,tr.reversed td form{text-decoration:none}

/* rapor araç satırı ve kart tutarları */
.toolrow{display:flex;flex-wrap:wrap;gap:8px;margin:-8px 0 16px}.toolrow .btn{min-height:36px;padding:6px 12px;font-size:13px}
.stat .value{white-space:nowrap}@media (min-width:481px){.grid4{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}}.page-head form.inline{gap:10px}