/* Sipariş Paneli — stiller (admin.html'den ayrıldı) */
:root{
--top:#222226;--side:#2c2c31;--side-hi:#38383e;--side-tx:#c9c9cf;--side-mute:#8b8b93;
--bg:#ecf0f5;--box:#fff;--line:#e3e6ea;--line2:#d2d6de;--tx:#333;--mute:#777;--head:#f7f8fa;
--teal:#00a7a0;--orange:#f39c12;--blue:#3c8dbc;--red:#dd4b39;--green:#00a65a;--purple:#605ca8;--dark:#555;
--warn-bg:#fcf3cf;--warn-line:#f0dc82;--info-bg:#dfe7f1;--info-line:#b9c9dd;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--tx);font:14px/1.42 "Source Sans Pro",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:#3c8dbc;text-decoration:none}a:hover{text-decoration:underline}
button,input,select,textarea{font:inherit;color:inherit}
[hidden]{display:none!important}
svg.i{width:16px;height:16px;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* ---- butonlar ---- */
.btn{display:inline-flex;align-items:center;gap:6px;justify-content:center;border:1px solid var(--line2);background:#f4f4f4;color:#444;border-radius:3px;padding:6px 12px;font-size:13px;cursor:pointer;white-space:nowrap;text-decoration:none!important;line-height:1.3}
.btn:hover{filter:brightness(.96)}
.btn.sm{padding:3px 8px;font-size:12px}
.btn.teal{background:var(--teal);border-color:#008d87;color:#fff}
.btn.blue{background:var(--blue);border-color:#367fa9;color:#fff}
.btn.green{background:var(--green);border-color:#008d4c;color:#fff}
.btn.red{background:var(--red);border-color:#d73925;color:#fff}
.btn.orange{background:var(--orange);border-color:#e08e0b;color:#fff}
.btn.ghost{background:none;border-color:transparent}
.btn:disabled{opacity:.6;cursor:not-allowed}
/* ---- giriş ---- */
.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#d2d6de;padding:20px}
.login .card{width:100%;max-width:360px;background:#fff;padding:26px 24px;border-top:3px solid var(--teal)}
.login h1{text-align:center;font-size:26px;font-weight:300;margin:0 0 18px}.login h1 b{font-weight:700}
.login p{color:var(--mute);text-align:center;margin:0 0 16px}
.login .btn{width:100%;padding:10px}
.ferr{color:var(--red);font-size:13px;margin:0 0 10px}
/* ---- düzen ---- */
.top{position:fixed;top:0;left:0;right:0;height:56px;background:var(--top);display:flex;align-items:center;z-index:40;gap:6px;padding-right:12px;border-bottom:1px solid rgba(255,255,255,.06)}
.logo{width:252px;height:56px;display:flex;align-items:center;padding:0 18px;color:#fff;font-size:18px;font-weight:300;letter-spacing:.1px;flex:none;gap:9px;white-space:nowrap;overflow:hidden;background:var(--side);border-right:1px solid rgba(255,255,255,.05);text-decoration:none!important;color:#fff!important}
.logo b{font-weight:700}.logo .mark{flex:none;width:28px;height:28px;border-radius:8px;background:var(--orange);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;color:#fff}
.burger{display:none;background:none;border:0;color:#fff;padding:8px;cursor:pointer}
.top .sp{flex:1}
.qs{position:relative;width:min(460px,36vw);margin-left:14px;display:flex;align-items:center}
.qs>svg{position:absolute;left:12px;color:#9a9aa6;pointer-events:none}
.qs input{width:100%;height:38px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:0 40px 0 38px;font-size:14px;color:#f2f2f5;outline:none;transition:background .15s,border-color .15s}
.qs input::placeholder{color:#9a9aa6}.qs input:hover{background:rgba(255,255,255,.1)}
.qs input:focus{background:#fff;color:#222;border-color:#fff;box-shadow:0 0 0 3px rgba(46,196,182,.35)}.qs input:focus+.qk{opacity:0}
.qk{position:absolute;right:9px;font:600 11px/1 inherit;color:#b9b9c3;background:transparent;box-shadow:none;border:1px solid rgba(255,255,255,.18);border-radius:5px;padding:4px 7px;pointer-events:none}
.ticon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:0;background:transparent;color:#d6d6dc;cursor:pointer}
.ticon:hover{background:rgba(255,255,255,.08);color:#fff}.ticon svg{width:19px;height:19px}
.ticon .tdot{position:absolute;top:4px;right:3px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#e5484d;color:#fff;font-size:10.5px;font-weight:700;line-height:17px;text-align:center;box-shadow:0 0 0 2px var(--top)}
.ticon:not(.ring) .tdot{display:none}.qsbtn{display:none}
.tnew,.ticon,.tava,.tw,.twork,.qsbtn{flex:none}.tnew{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 15px 0 12px;border-radius:10px;background:var(--teal);color:#fff!important;font-size:14px;font-weight:600;text-decoration:none!important;white-space:nowrap;margin-right:4px}
.tnew:hover{filter:brightness(1.08)}.tnew svg{width:17px;height:17px;stroke-width:2.4}
.twork{display:flex;align-items:center;gap:2px;height:42px;padding:2px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06)}
.tw{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px;border-radius:9px;color:#e8e8ee!important;text-decoration:none!important;white-space:nowrap}
.tw:hover{background:rgba(255,255,255,.08)}.tw svg{width:17px;height:17px;color:var(--c)}
.tw b{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.tw span{font-size:12.5px;color:#a9a9b4}
.tw.zero b{color:#7d7d88;font-weight:600}.tw.zero svg{opacity:.55}
.tw:not(.zero) b{color:#fff}
.tuser{position:relative;margin-left:4px}
.tava{display:inline-flex;align-items:center;gap:4px;height:38px;padding:0 6px 0 3px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#c9c9d1;cursor:pointer}
.tava:hover,.tava[aria-expanded=true]{background:rgba(255,255,255,.08)}
.tava>span,.umav{width:30px;height:30px;border-radius:50%;background:var(--orange);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12.5px}
.umenu{position:absolute;right:0;top:46px;width:250px;background:var(--box,#fff);color:var(--tx);border:1px solid var(--line2);border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.22);padding:6px;z-index:70}
.umh{display:flex;align-items:center;gap:10px;padding:8px 8px 10px;border-bottom:1px solid var(--line);margin-bottom:4px}.umh b{display:block}.umh small{color:var(--mute);font-size:12px}
.umav{width:36px;height:36px;font-size:14px;flex:none}
.umenu a,.umenu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:8px;border:0;background:none;color:inherit;font:inherit;font-size:14px;text-align:left;cursor:pointer;text-decoration:none!important}
.umenu a:hover,.umenu button:hover,.umenu a:focus-visible,.umenu button:focus-visible{background:var(--head)}.umenu svg{width:17px;height:17px;color:var(--mute);flex:none}
.umenu kbd{margin-left:auto;font-size:11px;border:1px solid var(--line2);border-radius:4px;padding:1px 6px;color:var(--mute)}.umenu .umv{margin-left:auto;font-size:12.5px;color:var(--mute)}
.umenu .danger{color:var(--red)}.umenu .danger svg{color:var(--red)}.usep{height:1px;background:var(--line);margin:4px 2px}
.top a:focus-visible,.top button:focus-visible{outline:2px solid #2ec4b6;outline-offset:2px}
.tbtn{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 9px;border-radius:3px;border:0;color:#fff;font-weight:700;font-size:15px;cursor:pointer;text-decoration:none!important}
.tbtn small{font-size:13px;font-weight:600}
.tbtn.teal{background:var(--teal);font-size:13px;font-weight:600}
.tbtn.orange{background:var(--orange)}.tbtn.dark{background:#4a4a50}.tbtn.blue{background:var(--blue)}.tbtn.red{background:var(--red)}.tbtn.purple{background:var(--purple)}
.demo-pill{background:rgba(245,165,36,.16);color:#f5c46b;border-radius:6px;font-size:11px;font-weight:600;padding:3px 7px;letter-spacing:.2px;margin-left:auto}
.side{position:fixed;top:56px;bottom:0;left:0;width:252px;background:var(--side);color:var(--side-tx);overflow-y:auto;z-index:30;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.05);scrollbar-width:thin;scrollbar-color:#3a3a42 transparent}
.ublock{display:flex;align-items:center;gap:10px;padding:12px 14px}
.avatar{width:40px;height:40px;border-radius:50%;background:#d9d9de;color:#555;display:flex;align-items:center;justify-content:center;font-weight:700;flex:none}
.ublock b{display:block;color:#fff;font-weight:600}.ublock small{display:block;color:var(--side-mute);font-size:12px}
.nav{list-style:none;margin:0;padding:12px 10px 20px;flex:1}
.nav li{margin:1px 0}
.nav a{display:flex;align-items:center;gap:11px;min-height:40px;padding:0 10px 0 12px;border-radius:9px;color:#c4c4cc;text-decoration:none!important;font-size:14px;position:relative;transition:background .12s,color .12s}
.nav a>svg{width:18px;height:18px;flex:none;color:#8e8e99;transition:color .12s}
.nav a:hover{background:rgba(255,255,255,.055);color:#fff}.nav a:hover>svg{color:#d0d0d8}
.nav a.on{background:rgba(46,196,182,.15);color:#fff;font-weight:600}.nav a.on>svg,.nav li.cur>a>svg{color:#2ec4b6}
.nav li.open>a{color:#fff}.nav li.cur>a{font-weight:600}
.nav a>span:not(.nend):not(.kbadge):not(.nbadge){flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav .nend{margin-left:auto;display:inline-flex;align-items:center;gap:6px;flex:none}
.nav .nend .i{width:15px;height:15px;color:#7d7d88;transition:transform .15s;transform:rotate(180deg)}
.nav li.open>a .nend .i{transform:rotate(-90deg)}
.nav ul{list-style:none;margin:2px 0 8px 21px;padding:0 0 0 10px;border-left:1px solid rgba(255,255,255,.09);display:none}
.nav li.open>ul{display:block}
.nav ul a{min-height:34px;padding:0 8px 0 10px;font-size:13.5px;gap:8px;color:#a3a3ad;border-radius:7px}
.nav ul a.on{background:rgba(46,196,182,.15);color:#fff;font-weight:600}
.nbadge{background:#e5484d;color:#fff;font-size:11px;font-weight:700;border-radius:10px;padding:0 6px;line-height:19px;min-width:19px;text-align:center;font-variant-numeric:tabular-nums}
.nav a:focus-visible{outline:2px solid #2ec4b6;outline-offset:-2px}
.content{margin-left:252px;padding-top:56px;min-height:100vh}
.crumb{display:flex;align-items:center;gap:8px;background:#e1e4e8;padding:9px 16px;color:#666;font-size:13.5px;border-bottom:1px solid #d6d9de}
.crumb .ic{background:#555c66;color:#fff;border-radius:3px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.page{padding:14px 16px 50px}
.ph{display:flex;align-items:flex-end;gap:12px;margin:6px 0 14px;flex-wrap:wrap}
.ph h1{margin:0;font-size:24px;font-weight:300;display:flex;align-items:center;gap:10px}
.ph h1 small{font-size:15px;color:#666}
.ph .sp{flex:1}
.alert{border:1px solid;padding:10px 14px;margin:0 0 14px;font-size:13.5px;position:relative}
.alert.warn{background:var(--warn-bg);border-color:var(--warn-line);color:#5b4a06}
.alert.info{background:var(--info-bg);border-color:var(--info-line);color:#2b3f57;border-left:4px solid var(--blue)}
.alert h3{margin:0 0 4px;font-size:17px;color:#1f3f73}
.box{background:var(--box);border:1px solid #d9dde2;border-top:3px solid #d2d6de;margin:0 0 16px;box-shadow:0 1px 1px rgba(0,0,0,.05)}
.box.teal{border-top-color:var(--teal)}.box.blue{border-top-color:var(--blue)}.box.orange{border-top-color:var(--orange)}.box.dark{border-top-color:#444}
.bh{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--line);min-height:42px;flex-wrap:wrap}
.bh h3{margin:0;font-size:15.5px;font-weight:400;display:flex;align-items:center;gap:7px}
.bh .sp{flex:1}
.bb{padding:12px}
.bb.np{padding:0}
.muted{color:var(--mute)}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}
.grid2{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px}.paybox{margin-top:8px;padding:10px 12px;border-radius:8px;background:var(--head)}.paybox.ok{background:#e8f6ee}.paybox.ok>b{color:var(--green)}.paybox.wait{background:var(--warn-bg)}.paybox.iade>b{color:var(--red)}.rslinks{display:flex;flex-wrap:wrap;gap:6px;margin:-6px 0 14px}.rschip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#efeaf8;border:1px solid #d9cff0;font-size:13px}.rsmini{font-size:11.5px;color:#6a4fa3;font-weight:600;margin-top:2px}.rsrow{background:#faf8fd}.kbulk{border-bottom:1px solid var(--line)}tr.sel>td{background:#eef7f6}.kgchips{display:flex;flex-wrap:wrap;gap:6px 14px}.kgc{margin:0}.lsbtn{display:inline-flex;align-items:center;gap:5px;border:0;border-radius:6px;padding:3px 9px;font:600 12px/1.5 inherit;color:#fff;background:var(--c);cursor:pointer}.lsbtn span{font-size:10px;opacity:.85}.lsbtn:hover{filter:brightness(1.08)}.lsbtn:focus-visible{outline:none;box-shadow:var(--ring)}.lsdd .stpop{min-width:190px}.lsdd .mtmi .dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:4px}.lsdd .mtmi.on{font-weight:600}.mkgrid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:16px;align-items:start}.mkgrid>.box{min-width:0}
.grid2e{display:grid;grid-template-columns:1fr 1fr;gap:16px}
/* ---- tablo ---- */
.tbl{width:100%;border-collapse:collapse;font-size:13.5px}
.tbl th{text-align:left;background:var(--head);border-bottom:2px solid var(--line);padding:8px 10px;font-weight:600;color:#555;white-space:nowrap}
.tbl td{border-top:1px solid var(--line);padding:8px 10px;vertical-align:middle}
.tbl tr:hover td{background:#f9fafb}
.tbl td.act{white-space:nowrap;text-align:right;width:1%}
.tbl td.c,.tbl th.c{text-align:center}
.tbl td.r,.tbl th.r{text-align:right}
.tbl .empty td{text-align:center;color:var(--mute);padding:22px}
.lbl{display:inline-block;font-size:11.5px;font-weight:700;color:#fff;padding:2px 7px;border-radius:3px;white-space:nowrap}
.idb{display:inline-block;background:#eef1f5;border:1px solid #dde2e8;color:#445;border-radius:3px;padding:0 6px;font-family:ui-monospace,Menlo,monospace;font-size:12px}
.sw{display:inline-block;width:16px;height:16px;border-radius:3px;border:1px solid rgba(0,0,0,.2);vertical-align:-3px;margin-right:6px}
.yes{color:var(--green);font-weight:700}.no{color:#bbb}
/* ---- özet (anasayfa) ---- */
.kpis{display:flex;gap:28px;flex-wrap:wrap}
.kpi small{display:block;font-size:11.5px;color:#555;text-transform:uppercase}
.kpi b{display:block;font-size:20px;font-weight:400;color:#2c5d8f}
.counters{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.counters div{padding:10px 14px;border-left:1px solid var(--line)}.counters div:first-child{border-left:0}
.counters small{display:block;font-size:12px;text-transform:uppercase;color:#444}
.counters b{font-size:20px}
.feed{max-height:320px;overflow:auto}
.feed .tbl td{padding:6px 10px}
/* ---- form ---- */
.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
.form .full{grid-column:1/-1}
.fld label{display:block;font-size:12.5px;font-weight:600;color:#555;margin:0 0 4px}
.fld .help{font-size:12px;color:var(--mute);margin-top:3px}
.in{width:100%;border:1px solid var(--line2);border-radius:2px;padding:7px 9px;background:#fff;outline:none;font-size:13.5px}
.in:focus{border-color:var(--blue);box-shadow:0 0 0 2px rgba(60,141,188,.15)}
textarea.in{resize:vertical;min-height:70px}
.chk{display:flex;align-items:center;gap:8px;font-size:13.5px;cursor:pointer;padding-top:4px}
.chk input{width:16px;height:16px}
.colorin{display:flex;gap:6px}.colorin input[type=color]{width:42px;height:34px;padding:2px;border:1px solid var(--line2);background:#fff}
/* ---- modal ---- */
.modal{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:60;display:flex;align-items:flex-start;justify-content:center;padding:60px 16px;overflow:auto}
.mbox{background:#fff;width:100%;max-width:640px;box-shadow:0 10px 40px rgba(0,0,0,.3)}
.mbox.lg{max-width:860px}
.modal.sidep{padding:0;justify-content:flex-end;align-items:stretch;overflow:hidden}.mbox.sidep{max-width:480px;margin:0;height:100%;display:flex;flex-direction:column;animation:sidein .18s ease-out}
.mbox.sidep .mb{flex:1;overflow:auto}.mbox.sidep .mf{justify-content:flex-start;flex-wrap:wrap}@keyframes sidein{from{transform:translateX(40px);opacity:.4}to{transform:none;opacity:1}}
.mh{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}.mh h3{margin:0;font-size:17px;font-weight:400}.mh .sp{flex:1}
.mb{padding:16px}
.mf{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:10px 16px;border-top:1px solid var(--line);background:#fafafa}
.merr{color:var(--red);font-size:13px;margin:10px 0 0}
.toast{position:fixed;right:18px;bottom:18px;background:#333;color:#fff;padding:10px 16px;border-radius:3px;z-index:80;box-shadow:0 6px 20px rgba(0,0,0,.3);font-size:13.5px;max-width:360px}
.toast.err{background:var(--red)}
.toast{display:flex;align-items:center;gap:10px;transform:translateY(12px);opacity:0;transition:transform .22s ease,opacity .22s ease}.toast.in{transform:none;opacity:1}
.toast .ti{flex:none;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}
.toast.rich{background:#23262b;border-left:6px solid var(--tc);padding:12px 12px 12px 14px;max-width:420px;min-width:300px}.toast.rich .ti{background:var(--tc);color:#fff;width:28px;height:28px;font-size:14px}
.toast .tm{flex:1;min-width:0}.toast .tm b{display:block;font-size:14.5px}.toast .tm small{display:block;color:#c9cdd3;font-size:12.5px;margin-top:1px}
.toast .tu{border:1px solid rgba(255,255,255,.35);background:none;color:#fff;border-radius:3px;padding:4px 10px;font-size:12.5px;cursor:pointer}.toast .tu:hover{background:rgba(255,255,255,.12)}
.toast .tx{border:0;background:none;color:#aaa;font-size:18px;cursor:pointer;padding:0 2px}
.stbox .bb{padding:16px 18px 14px}.steps{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr))}
.steps li{position:relative;text-align:center;padding-top:2px;font-size:13px;color:#8a9099}
.steps li::before{content:'';position:absolute;top:15px;left:-50%;right:50%;height:3px;background:#e3e6ea;z-index:0}.steps li:first-child::before{display:none}
.steps li.done::before,.steps li.cur::before{background:var(--c)}
.steps .sd{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#fff;border:2px solid #d4d8de;font-weight:700;font-size:13px;color:#9aa1aa}
.steps li.done .sd{background:var(--c);border-color:var(--c);color:#fff}.steps li.cur .sd{background:#fff;border:3px solid var(--c);color:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 18%,transparent)}
.steps .sl{display:block;margin-top:6px;font-weight:600;color:#555;padding:0 4px}.steps li.cur .sl{color:var(--c);font-weight:700}.steps li.todo .sl{color:#9aa1aa;font-weight:500}
.steps .stw{display:block;font-size:11.5px;color:#8a9099;margin-top:1px;min-height:15px}.steps .stsub{color:var(--c);font-weight:600}
.steps li.just .sd{animation:pop .55s ease}.stbox.cancelled .steps{opacity:.45;filter:grayscale(1)}
.stcancel{display:flex;gap:10px;align-items:baseline;background:#fdecea;color:#b3261e;border-radius:4px;padding:8px 12px;margin-bottom:12px}
.stact{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid #eef0f3;padding-top:12px}
.stnext{background:var(--c);border-color:var(--c);color:#fff;font-weight:600;padding:8px 16px}.stnext:hover{filter:brightness(1.07)}.stnext.busy{opacity:.8}
.stnext.busy::after{content:'';display:inline-block;width:10px;height:10px;margin-left:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-1px}
.stfin{color:var(--green);font-weight:600}.stchg{font-weight:600}.stsug{border-color:var(--c);color:var(--c);font-weight:600;background:#fff}.stsug:hover{background:var(--c);color:#fff}.stsug:hover .dot{background:#fff!important}.stsug.busy{opacity:.8}html[data-theme=dark] .stsug{background:#1b1b20}.stlbl{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.04em}.stbox.locked .stact{pointer-events:none;opacity:.85}
.stdd{position:relative}.stpop{position:absolute;left:0;top:calc(100% + 4px);z-index:30;background:#fff;border:1px solid var(--line2);border-radius:6px;box-shadow:0 6px 20px rgba(0,0,0,.12);min-width:200px;padding:4px 0}
.stpop .mtmi .dot{margin-right:8px}.stpop .danger{color:var(--red)!important}.stsep{height:1px;background:#eef0f3;margin:4px 0}
.stmold{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-left:auto}.mchip{display:inline-flex;align-items:center;gap:4px;background:color-mix(in srgb,var(--c) 12%,#fff);color:var(--c);border:1px solid color-mix(in srgb,var(--c) 40%,#fff);border-radius:14px;padding:3px 4px 3px 10px;font-size:12.5px;font-weight:600}
.mchip button{border:0;background:none;color:inherit;font-size:15px;line-height:1;cursor:pointer;padding:0 5px;border-radius:50%}.mchip button:hover{background:color-mix(in srgb,var(--c) 20%,#fff)}
@media (max-width:700px){.steps .sl{font-size:11.5px}.steps .stw{display:none}.stmold{margin-left:0;width:100%}}
html[data-theme=dark] .steps .sd{background:#1b1b20;border-color:#3a3a42}html[data-theme=dark] .steps li::before{background:#2c2c33}html[data-theme=dark] .steps li.done::before,html[data-theme=dark] .steps li.cur::before{background:var(--c)}
html[data-theme=dark] .steps li.done .sd{background:var(--c);border-color:var(--c)}html[data-theme=dark] .steps li.cur .sd{background:#1b1b20;border-color:var(--c)}html[data-theme=dark] .steps .sl{color:#c8c8cf}html[data-theme=dark] .stpop{background:#1b1b20;border-color:var(--line)}
html[data-theme=dark] .stact,html[data-theme=dark] .stsep{border-color:var(--line);background-color:transparent}html[data-theme=dark] .stcancel{background:#3a1715;color:#ff9a90}html[data-theme=dark] .mchip{background:#202026}
.sbtn{transition:transform .1s,box-shadow .2s}.sbtn:active{transform:scale(.97)}.sbtn.busy{opacity:.75;cursor:progress}.sbtn.busy::after{content:'';display:inline-block;width:10px;height:10px;margin-left:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-1px}
.sbtn.just{animation:pop .5s ease}@keyframes pop{0%{transform:scale(.92);box-shadow:0 0 0 0 var(--c)}50%{transform:scale(1.06)}100%{transform:none;box-shadow:0 0 0 10px transparent}}@keyframes spin{to{transform:rotate(360deg)}}
.sflow.locked .sbtn:not(.busy){opacity:.5;pointer-events:none}
@media (prefers-reduced-motion:reduce){.toast,.sbtn.just{transition:none;animation:none}}
/* ---- ürün seçenekleri ---- */
.og{border:1px solid var(--line);margin:0 0 12px;background:#fff}
.og .ogh{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--head);border-bottom:1px solid var(--line);flex-wrap:wrap}
.og .ogh b{font-size:14.5px}
.tag{display:inline-block;font-size:11.5px;border:1px solid var(--line2);border-radius:3px;padding:0 6px;color:#555;background:#fff}.tag.alt{border-color:#9fd3cf;color:#00756f;font-weight:600}.tag.set{border-color:#c7b8e8;color:#5b3fa0;font-weight:600}html[data-theme=dark] .tag.alt{color:#5fd0c8;border-color:#2e6b67}
.tag.req{border-color:#f0b4ab;color:#b23a2b}
.pre{background:#272822;color:#e6e6e6;border-radius:3px;padding:10px 12px;font:12.5px/1.5 ui-monospace,Menlo,monospace;overflow:auto;white-space:pre}
.pricebox{font-size:13.5px}.pricebox .tot{font-size:22px;color:#2c5d8f}
.perm td{text-align:center}.perm td:first-child{text-align:left}
.soon ul{margin:6px 0 0;padding-left:20px}.soon li{margin:3px 0}
.stagebadge{display:inline-block;background:#3c8dbc;color:#fff;font-size:11px;font-weight:700;border-radius:3px;padding:1px 6px;margin-left:6px;vertical-align:2px}
.tbl td.nw{white-space:nowrap}
.scrim{display:none}
@media (max-width:1280px){.tw span{display:none}.tw{padding:0 9px}}
@media (max-width:600px){.tw2,.demo-pill{display:none}.logo{padding:0 4px}#brand{display:none}.tnew{width:38px;padding:0;justify-content:center;margin-right:0}.twork{background:none;border:0;padding:0}.tw{padding:0 7px}.top{padding-right:8px;gap:2px}.ph h1{font-size:20px}}
.pimg{aspect-ratio:1/1;max-height:320px;background:#f4f5f7;border:1px dashed #cfd4da;border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0 auto 10px}
.pimg img{width:100%;height:100%;object-fit:contain;background:#fff}.pimg.drag{border-color:var(--teal);background:#e8f4f3}
.sbar{position:relative;height:18px;background:#f1f3f5;border-radius:3px;overflow:hidden}.sbar i{position:absolute;inset:0 auto 0 0;background:#cf5f0c;opacity:.35;border-radius:3px}
.sbar span{position:relative;font-size:11.5px;font-weight:700;padding-left:6px;line-height:18px;color:#1f2329}
/* ---- barkod ekranı ---- */
.scanbox{display:flex;gap:8px}.scanbox .in{font-size:20px;padding:12px 14px;font-family:ui-monospace,Menlo,monospace;letter-spacing:1px}
#camWrap video{width:100%;max-height:300px;background:#000;border-radius:6px;margin-top:10px;object-fit:cover}
kbd{display:inline-block;border:1px solid #c9ccd2;border-bottom-width:2px;border-radius:4px;padding:0 6px;font:12px ui-monospace,Menlo,monospace;background:#f7f8fa;color:#333}
.sidefoot{padding:8px 10px 16px;display:flex;flex-direction:column;gap:2px;border-top:1px solid rgba(255,255,255,.07)}
.sidefoot button{display:flex;align-items:center;gap:10px;background:none;border:0;color:#8e8e99;text-align:left;padding:8px 12px;font-size:13px;cursor:pointer;border-radius:8px}.sidefoot button:hover{background:rgba(255,255,255,.055);color:#fff}
.sidefoot svg{width:16px;height:16px}.sidefoot kbd{margin-left:auto}
.sidefoot kbd{background:#38383e;border-color:#4a4a52;color:#ccc}
/* ---- koyu tema ---- */
html[data-theme=dark]{color-scheme:dark;--bg:#121215;--box:#1c1c20;--line:#2c2c33;--line2:#3a3a42;--tx:#e4e4e8;--mute:#9a9aa4;--head:#202026;--top:#151518;--side:#1a1a1e;
--warn-bg:#3a3214;--warn-line:#5c4f1c;--info-bg:#18263a;--info-line:#26405f}
html[data-theme=dark] body,html[data-theme=dark] .login{background:var(--bg);color:var(--tx)}
html[data-theme=dark] .login .card,html[data-theme=dark] .box,html[data-theme=dark] .dcard,html[data-theme=dark] .tile,html[data-theme=dark] .mbox,html[data-theme=dark] .og,html[data-theme=dark] .line,
html[data-theme=dark] .kpi4>div,html[data-theme=dark] .npanel,html[data-theme=dark] .qres,html[data-theme=dark] .cosum{background:var(--box);border-color:var(--line);color:var(--tx)}
html[data-theme=dark] .crumb{background:#18181c;border-color:var(--line);color:var(--mute)}
html[data-theme=dark] .box{border-top-color:#3a3a42}html[data-theme=dark] .box.teal{border-top-color:var(--teal)}html[data-theme=dark] .box.blue{border-top-color:var(--blue)}html[data-theme=dark] .box.orange{border-top-color:var(--orange)}
html[data-theme=dark] .bh,html[data-theme=dark] .bh2,html[data-theme=dark] .mh,html[data-theme=dark] .mf,html[data-theme=dark] .pager,html[data-theme=dark] .counters,html[data-theme=dark] .counters div{border-color:var(--line)}
html[data-theme=dark] .mf,html[data-theme=dark] .og .ogh,html[data-theme=dark] .lh,html[data-theme=dark] .tbl th,html[data-theme=dark] .toptbl th{background:var(--head);color:#c8c8cf}
html[data-theme=dark] .tbl td{border-color:var(--line)}html[data-theme=dark] .tbl tr:hover td{background:#23232a}
html[data-theme=dark] .in{background:#141418;border-color:var(--line2);color:var(--tx)}
html[data-theme=dark] .btn{background:#2a2a31;border-color:var(--line2);color:var(--tx)}
html[data-theme=dark] .btn.teal{background:var(--teal);border-color:#008d87;color:#fff}html[data-theme=dark] .btn.blue{background:var(--blue);border-color:#367fa9;color:#fff}
html[data-theme=dark] .btn.green{background:var(--green);color:#fff}html[data-theme=dark] .btn.red{background:var(--red);color:#fff}html[data-theme=dark] .btn.ghost{background:none;border-color:transparent}
html[data-theme=dark] .alert.warn{color:#f1dc9a}html[data-theme=dark] .alert.info{color:#bcd3ef}html[data-theme=dark] .alert h3{color:#d6e6fb}
html[data-theme=dark] a{color:#6cb3e4}html[data-theme=dark] .ph h1 small,html[data-theme=dark] .muted{color:var(--mute)}
html[data-theme=dark] .idb,html[data-theme=dark] .tag{background:#26262c;border-color:#3a3a42;color:#c8c8cf}
html[data-theme=dark] .stab,html[data-theme=dark] .seg button,html[data-theme=dark] .seg a,html[data-theme=dark] .sbtn,html[data-theme=dark] .swb,html[data-theme=dark] .stbtn,html[data-theme=dark] .vit:hover{background:#202026;color:#c8c8cf;border-color:var(--line2)}
html[data-theme=dark] .stab b{color:#fff}html[data-theme=dark] .stab.on,html[data-theme=dark] .seg button.on,html[data-theme=dark] .seg a.on{background:#e4e4e8;color:#111;border-color:#e4e4e8}html[data-theme=dark] .stab.on b{color:#111}
html[data-theme=dark] .sbtn.on{background:var(--c);color:#fff}
html[data-theme=dark] .pv,html[data-theme=dark] .ct,html[data-theme=dark] #cbig,html[data-theme=dark] .tile .tv,html[data-theme=dark] .tile .tlink,html[data-theme=dark] .pi b,html[data-theme=dark] .tip strong,html[data-theme=dark] .sbar span{color:var(--tx)}
html[data-theme=dark] .tile .tl,html[data-theme=dark] .pl,html[data-theme=dark] .kpi small,html[data-theme=dark] .counters small{color:#b4b4bc}html[data-theme=dark] .kpi b{color:#7fb6ea}
html[data-theme=dark] .tile.on{background:#33241a;border-color:#a0582a}html[data-theme=dark] .tile .rd{background:#1c1c20;border-color:#555}
html[data-theme=dark] .cprev,html[data-theme=dark] .sbar,html[data-theme=dark] .addr2,html[data-theme=dark] .thumb.ph2,html[data-theme=dark] .pimg,html[data-theme=dark] .mprev,html[data-theme=dark] .oprev,html[data-theme=dark] .lprev{background:#202026;border-color:var(--line);color:var(--tx)}
html[data-theme=dark] .cnote,html[data-theme=dark] .bulk,html[data-theme=dark] .hint{background:#3a3214;border-color:#5c4f1c;color:#f1dc9a}
html[data-theme=dark] .tip{background:#26262c;border-color:#3a3a42}html[data-theme=dark] .chart .gl{stroke:#2c2c33}html[data-theme=dark] .chart .yt,html[data-theme=dark] .chart .xt{fill:#8e8e98}
html[data-theme=dark] .chart .dot{stroke:#1c1c20}html[data-theme=dark] .dl.up{background:#16321f;color:#6fd394}html[data-theme=dark] .dl.down{background:#3a1d1a;color:#f08a7e}
html[data-theme=dark] .ni{color:var(--tx)!important;border-color:var(--line)}html[data-theme=dark] .ni:hover,html[data-theme=dark] .qi:hover{background:#26262c}html[data-theme=dark] .ni.new{background:#2c2418}
html[data-theme=dark] .qi{color:var(--tx)!important}html[data-theme=dark] .vit.on{background:#173533}html[data-theme=dark] .vit span,html[data-theme=dark] .mchip{background:#26262c;border-color:var(--line2);color:#c8c8cf}
html[data-theme=dark] .stat,html[data-theme=dark] .pay,html[data-theme=dark] .crumb2{background:var(--box);border-color:var(--line)}
html[data-theme=dark] kbd{background:#26262c;border-color:#4a4a52;color:#ddd}
html[data-theme=dark] fieldset{background:var(--box)}
html[data-theme=dark] .perftbl tr.grp th,html[data-theme=dark] .perftbl tfoot td,html[data-theme=dark] .srct tfoot td,html[data-theme=dark] .perftbl tr.webrow td{background:#202026;color:#b4b4bc}html[data-theme=dark] .prog{background:#2c2c33}
html[data-theme=dark] .myrow>div{border-color:var(--line)}html[data-theme=dark] .myrow small,html[data-theme=dark] .primbox small{color:#b4b4bc}
html[data-theme=dark] a.tbtn,html[data-theme=dark] .tbtn{color:#fff}
html[data-theme=dark] .nav a{color:#c4c4cc}html[data-theme=dark] .nav a:hover,html[data-theme=dark] .nav a.on,html[data-theme=dark] .nav li.open>a{color:#fff}html[data-theme=dark] .nav ul a{color:#a3a3ad}html[data-theme=dark] .nav ul a.on{color:#fff}
html[data-theme=dark] a.btn{color:var(--tx)}html[data-theme=dark] a.btn.teal,html[data-theme=dark] a.btn.blue,html[data-theme=dark] a.btn.green{color:#fff}
html[data-theme=dark] .fld label,html[data-theme=dark] .fld span,html[data-theme=dark] .veh,html[data-theme=dark] .opts td:first-child,html[data-theme=dark] .og2>label,html[data-theme=dark] .qty,html[data-theme=dark] .pm,
html[data-theme=dark] .chk,html[data-theme=dark] .counters small,html[data-theme=dark] .kpi4 small,html[data-theme=dark] .stab,html[data-theme=dark] .sub,html[data-theme=dark] .cnote small{color:#b4b4bc}
html[data-theme=dark] .opts td{border-color:#2c2c33}html[data-theme=dark] .totals .grand td{border-color:var(--line)}
html[data-theme=dark] .csw,html[data-theme=dark] .csq{border-color:rgba(255,255,255,.3)}html[data-theme=dark] .csw.none{background:#26262c}html[data-theme=dark] .og2>label .cur{color:#e4e4e8}
html[data-theme=dark] .swb span{border-color:rgba(255,255,255,.25)}html[data-theme=dark] .swb.on{border-color:#6cb3e4}
/* ---- etiket, föy, bildirim ---- */
.tbtn.ring{background:var(--orange)}
.npanel{position:fixed;top:56px;right:12px;width:min(380px,calc(100vw - 24px));max-height:75vh;background:#fff;border:1px solid #ccc;box-shadow:0 12px 32px rgba(0,0,0,.25);z-index:60;border-radius:4px;display:flex;flex-direction:column;color:#333}
.npanel .nh{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line)}.npanel .sp{flex:1}
.nlist{overflow:auto;flex:1}
.ni{display:flex;gap:10px;padding:10px 12px;border-bottom:1px solid #f0f1f3;color:#333!important;text-decoration:none!important}.ni:hover{background:#f6f8fa}
.ni.new{background:#fdf6ec;box-shadow:inset 3px 0 0 var(--orange)}.ni div{display:flex;flex-direction:column;font-size:13px}.ni small{color:#888;font-size:11.5px}.ni .i{margin-top:3px;color:#888}
.nset{display:flex;gap:14px;align-items:center;padding:8px 12px;border-top:1px solid var(--line);font-size:13px;flex-wrap:wrap}
@media print{
#print.pr-a4 .sheet{page-break-after:always}#print.pr-a4 .sheet:last-child{page-break-after:auto}
#print .shead{display:flex;justify-content:space-between;align-items:flex-start;gap:12pt}#print .shead .bc{width:6cm;height:1.3cm}
#print .klbl{page-break-after:always;break-after:page}#print .klbl:last-child{page-break-after:auto;break-after:auto}
}
.kbadge{flex:none;margin-left:auto;background:rgba(255,255,255,.1);color:#e8e8ee;font-size:11px;font-weight:700;border-radius:9px;padding:0 7px;line-height:19px;min-width:19px;text-align:center;font-variant-numeric:tabular-nums}.nav ul a.on .kbadge{background:rgba(46,196,182,.3)}
#stabs.stabs{display:block}#stabs .kgrp{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}#stabs .sgrp{display:flex;flex-wrap:wrap;gap:4px;padding-top:6px;border-top:1px dashed var(--line)}#stabs .sgrp .stab{font-size:12px;padding:4px 9px}
/* ---- görevler ---- */
.gv{display:flex;gap:10px;align-items:flex-start;padding:9px 12px;border-bottom:1px solid #eef0f3;transition:opacity .3s,transform .3s,max-height .3s;max-height:400px}
.gv.gone{opacity:0;transform:translateX(30px);max-height:0;padding-top:0;padding-bottom:0;overflow:hidden}.gv.done .gvt a{text-decoration:line-through;color:#888}
.gvchk{flex:none;width:22px;height:22px;border:2px solid #9aa3ad;border-radius:50%;background:#fff;cursor:pointer;margin-top:2px;font-size:12px;line-height:1;color:#fff;padding:0}.gvchk:hover{border-color:var(--green);background:#e9f7ef}.gv.done .gvchk{background:var(--green);border-color:var(--green)}
.gvb{flex:1;min-width:0}.gvt{font-weight:600}.gvt a{color:inherit}.gvm{font-size:12.5px;color:#666;margin-top:2px}.gvn{margin-top:4px;background:#f6f7f9;border-left:3px solid #c7ccd3;padding:3px 7px;white-space:pre-line}.gvn.ok{border-left-color:var(--green);background:#eef8f1}
.gva{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end;max-width:46%}.gva label.btn{cursor:pointer}
.gvk{display:inline-block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:1px 6px;border-radius:3px;background:#eef1f5;color:#4b5563;margin-right:4px}.gvk.k-olcu{background:#fde7ef;color:#ad1457}.gvk.k-olcu_incele{background:#f3e5f5;color:#6a1b9a}
.gvsec+.gvsec{margin-top:6px}.gvsh{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#555;padding:8px 12px 4px}.gvsh.late{color:var(--red)}.gvsh.soft{color:#888}.gvsh.pool{color:var(--teal)}
.gvgrid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:0}.gvgrid>div:only-child{grid-column:1/-1}.gvtk{border-left:1px solid #eef0f3;padding-bottom:8px}
.gvtkr{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:7px 12px;border-bottom:1px solid #f1f2f4;color:inherit!important;text-decoration:none!important;font-size:13px}.gvtkr:hover{background:#f6f8fa}
.gvstat{display:flex;flex-wrap:wrap;border-bottom:1px solid #eef0f3}.gvstat a{flex:1 1 140px;padding:8px 14px;border-right:1px solid #eef0f3;color:inherit!important;text-decoration:none!important}.gvstat a:last-child{border-right:0}.gvstat small{display:block;font-size:11.5px;color:#666;text-transform:uppercase}.gvstat b{font-size:18px}
.gvcl{display:flex;flex-direction:column;gap:4px}.gvsnz{display:flex;gap:8px;flex-wrap:wrap}.gvul{margin:6px 0;padding-left:18px}
@media (max-width:900px){.gvgrid{grid-template-columns:minmax(0,1fr)}.gvtk{border-left:0;border-top:1px solid #eef0f3}.gv{flex-wrap:wrap}.gva{max-width:none;width:100%;justify-content:flex-start;padding-left:32px}}
html[data-theme=dark] .gv,html[data-theme=dark] .gvtk,html[data-theme=dark] .gvstat,html[data-theme=dark] .gvstat a,html[data-theme=dark] .gvtkr{border-color:var(--line)}html[data-theme=dark] .gvchk{background:#202026}html[data-theme=dark] .gvn{background:#202026}
html[data-theme=dark] .gvm,html[data-theme=dark] .gvsh,html[data-theme=dark] .gvstat small{color:#b4b4bc}html[data-theme=dark] .gvk{background:#26262c;color:#c8c8cf}html[data-theme=dark] .gvtkr:hover{background:#202026}
.gvcat.dis{opacity:.45;cursor:not-allowed;border-style:dashed}.gvcats{display:flex;flex-wrap:wrap;gap:6px}.gvcat{border:1px solid var(--c);color:var(--c);background:#fff;border-radius:16px;padding:5px 12px;font-size:13px;font-weight:600;cursor:pointer}.gvcat.on{background:var(--c);color:#fff}
html[data-theme=dark] .gvcat{background:#1b1b20}html[data-theme=dark] .gvcat.on{background:var(--c);color:#fff}
.lycols{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px}.lyh{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#777;margin-bottom:6px}
.lylist{list-style:none;margin:0;padding:6px;border:1px dashed var(--line2);border-radius:6px;min-height:60px;background:#fafbfc}.lylist.over{border-color:var(--blue);background:#eef6fc}
.lyi{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:5px;padding:7px 8px;margin:4px 0;font-size:13.5px;cursor:grab}.lyi.drag{opacity:.4}.lyi.hid .lyl{text-decoration:line-through;color:#aaa}
.lyi.sm{cursor:default;padding:5px 8px;font-size:13px}.lyg{color:#b4bac2;letter-spacing:-2px;font-size:13px}.lyl{flex:1;min-width:0}
.lyb{border:1px solid var(--line2);background:#fff;border-radius:4px;min-width:28px;height:26px;cursor:pointer;color:#555;font-size:13px}.lyb:disabled{opacity:.35;cursor:default}.lyb:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}.lyb.off{background:#fdecea}
.lyx{min-width:46px}.lykc{font-size:12px;color:var(--mute);margin-left:auto;margin-right:6px;white-space:nowrap}.lysub{list-style:none;margin:0 0 6px 26px}.lysub .lylist{min-height:0;background:#f4f6f8}.lyempty{color:#999;font-size:13px;text-align:center;padding:14px;list-style:none}.lymenu{max-width:560px}
@media (max-width:800px){.lycols{grid-template-columns:minmax(0,1fr)}}
html[data-theme=dark] .lylist{background:#1b1b20}html[data-theme=dark] .lyi,html[data-theme=dark] .lyb{background:#202026;border-color:var(--line);color:#ddd}html[data-theme=dark] .lysub .lylist{background:#18181c}
/* ---- bugünkü işlerim (sade) ---- */
.mytasks2{padding:0}.mth{display:flex;align-items:flex-start;gap:8px;padding:14px 16px 10px}.mth h3{margin:0;font-size:16px}.mth .sp{flex:1}
.mtp{display:flex;align-items:center;gap:10px;margin-top:4px;font-size:12.5px;color:#666}.mtp .prog{width:160px;margin:0}
.mttabs{display:flex;gap:2px;padding:0 12px;border-bottom:1px solid var(--line)}.mttabs button{border:0;background:none;padding:8px 12px;font-size:13.5px;color:#666;border-bottom:2px solid transparent;cursor:pointer;margin-bottom:-1px}
.mttabs button.on{color:var(--tx,#222);border-bottom-color:#cf5f0c;font-weight:600}.mttabs b{display:inline-block;min-width:18px;padding:0 5px;border-radius:9px;background:#eef1f5;font-size:11.5px;text-align:center;margin-left:4px}
.mtl{padding:4px 0 6px}.mtg{display:block;width:100%;text-align:left;border:0;background:none;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#888;padding:10px 16px 4px}.mtg.late{color:var(--red)}
.mtmore{cursor:pointer;color:#555;text-transform:none;letter-spacing:0;font-size:13px;font-weight:600;padding:10px 16px}.mtmore:hover{color:var(--blue)}
.mtr{display:flex;align-items:center;gap:12px;padding:9px 16px;transition:opacity .3s,transform .3s,max-height .3s;max-height:200px}.mtr:hover{background:#f8f9fb}
.mtr.gone{opacity:0;transform:translateX(30px);max-height:0;padding-top:0;padding-bottom:0;overflow:hidden}
.mtd{flex:none;width:9px;height:9px;border-radius:50%;background:#9aa3ad}.mtd.k-olcu{background:#c2185b}.mtd.k-olcu_incele{background:#6a1b9a}.mtd.k-talep{background:#3c8dbc}
.mtm{flex:1;min-width:0}.mtt{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mtt a{color:inherit}.mts{font-size:12.5px;color:#777;margin-top:1px}.mts .late{color:var(--red);font-weight:600}.mts .okc{color:var(--green);font-weight:600}
.mtn{font-size:12.5px;color:#999;font-style:italic;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mta{display:flex;align-items:center;gap:6px;flex:none}.mtmenu{position:relative}.mtdots{border:1px solid transparent;background:none;border-radius:4px;width:30px;height:28px;font-size:18px;line-height:1;color:#777;cursor:pointer}.mtdots:hover,.mtdots[aria-expanded=true]{border-color:var(--line2);background:#fff}
.mtpop{position:absolute;right:0;top:32px;z-index:30;background:#fff;border:1px solid var(--line2);border-radius:6px;box-shadow:0 6px 20px rgba(0,0,0,.12);min-width:160px;padding:4px 0}
.mtmi{display:block;width:100%;text-align:left;border:0;background:none;padding:7px 14px;font-size:13px;color:inherit!important;cursor:pointer;text-decoration:none!important}.mtmi:hover{background:#f3f5f8}
.mtok{width:30px;height:30px;border-radius:50%;border:2px solid #b9c0c8;background:#fff;color:#9aa3ad;font-size:15px;font-weight:700;cursor:pointer;line-height:1}.mtok:hover{border-color:var(--green);color:#fff;background:var(--green)}
.mtck{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid #b9c0c8;background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;padding:0}
button.mtck:hover{border-color:var(--green);background:#e8f6ee}button.mtck:hover::after{content:'✓';color:var(--green)}.mtck.on{background:var(--green);border-color:var(--green)}.mtck.off{border-style:dashed;opacity:.5;cursor:default}
.mtr .mtm{cursor:pointer}.mtr.late .mtt{color:inherit}.mtr.done .mtt{color:#888;text-decoration:line-through;text-decoration-color:#bbb}
.due{flex:none;font-size:12px;font-weight:600;padding:2px 8px;border-radius:10px;white-space:nowrap;background:#eef1f5;color:#555}.due.late{background:#fde8e6;color:#c0392b}.due.today{background:#fff1e0;color:#b45f00}.due.ok{background:#e6f6ec;color:#1e874b}.due.none{background:none;color:#999;font-weight:500}
.mtpri{display:flex;justify-content:flex-end;min-width:118px}.mtpri:empty{min-width:0}.mta .due{width:136px;text-align:center;box-sizing:border-box}
.gvlist .mtpri:empty,.mtl .mtpri:empty{min-width:118px}
.mtcat{display:inline-flex;align-items:center;gap:5px}.mtcat::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--cc,#9aa3ad)}
.mts a{color:inherit}.mts a.mono{color:var(--blue)}.mtn.ok{color:#1e874b;font-style:normal}
.gvsum{margin:-6px 0 12px;color:#666;font-size:13.5px}.gvsum b{color:var(--tx,#222)}.gvsum .late{color:var(--red)}
.gvtop{display:flex;align-items:flex-end;gap:10px;border-bottom:1px solid var(--line);padding-right:12px}.gvtop .mttabs{border:0;flex:1;padding-top:4px}.gvtabs b.late{background:#fde8e6;color:#c0392b}.gvusr{width:auto;min-width:180px;margin:6px 0}
.gvcats{display:flex;gap:6px;flex-wrap:wrap;padding:10px 16px 4px}.gvchip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line2);background:#fff;border-radius:14px;padding:3px 10px;font-size:12.5px;cursor:pointer;color:#555}
.gvchip i{width:8px;height:8px;border-radius:50%;background:var(--cc,#9aa3ad)}.gvchip b{font-weight:600;color:#888}.gvchip.on{border-color:var(--tx,#333);color:var(--tx,#222);background:#f3f4f6}
.gvlist{padding:4px 0 6px}.gvlist .mtr+.mtr{border-top:1px solid #f0f1f3}
.mttag{display:inline-block;margin-left:8px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:1px 6px;border-radius:3px;vertical-align:2px}.mttag.pool{background:#e0f4f3;color:#00756f}.mttag.own{background:#eef1f5;color:#555;text-transform:none;letter-spacing:0;font-weight:600}
.gvhist{margin-top:14px}.gvhist summary{cursor:pointer;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#777;font-weight:700;margin-bottom:6px}
.gvdist>summary{cursor:pointer;padding:12px 16px;font-weight:600;list-style-position:inside}.gvdist>summary .muted{font-weight:400;font-size:12.5px;margin-left:6px}.gvdist h4{margin:6px 0 8px;font-size:12px;text-transform:uppercase;color:#777;letter-spacing:.04em}
.gvp h4{margin:16px 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#777}.gvph{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.gvdl{display:grid;grid-template-columns:110px 1fr;gap:4px 10px;margin:0 0 10px;font-size:13.5px}.gvdl dt{color:#777}.gvdl dd{margin:0}
.gvpo{padding:10px 12px;border:1px solid var(--line2);border-radius:6px;margin-top:8px;font-size:13.5px}.gvp .gvul{list-style:none;padding:0;margin:0}.gvp .gvul li{padding:2px 0}.gvul li.ok{color:#1e874b}
.gvev{display:flex;flex-direction:column;gap:6px;font-size:13px}.gvev>div{display:flex;gap:8px;flex-wrap:wrap}.gvev .mono{color:#888;font-size:12px;min-width:84px}
.gvtabs button{white-space:nowrap}
@media (max-width:700px){.mtpri,.gvlist .mtpri:empty,.mtl .mtpri:empty{min-width:0}.mta .mtpri:empty{display:none}.mta .due{width:auto}.mtr{flex-wrap:wrap;align-items:flex-start;gap:4px 12px}.mtr .mtm{flex:1 1 calc(100% - 40px)}.mta{width:100%;justify-content:flex-start;padding-left:34px;flex-wrap:wrap}.mta .mtmenu{margin-left:auto}.mtr .mta .btn{white-space:nowrap}.gvtop{flex-wrap:wrap;padding:0 8px}.gvusr{width:100%}.gvtop .mttabs{overflow-x:auto;padding:0}.mtck{margin-top:2px}}
html[data-theme=dark] .mtck{background:#1b1b20;border-color:#3a3a42}html[data-theme=dark] .due{background:#26262c;color:#c8c8cf}html[data-theme=dark] .due.late{background:#3b1d1a;color:#ff8a7a}html[data-theme=dark] .due.today{background:#3a2a10;color:#f0b860}
html[data-theme=dark] .gvchip{background:var(--box);border-color:var(--line);color:#c8c8cf}html[data-theme=dark] .gvchip.on{background:#26262c}html[data-theme=dark] .gvlist .mtr+.mtr{border-color:#26262c}
.mtsp{width:30px;flex:none}.mtempty{padding:22px 16px;color:#777;font-size:14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
@media (max-width:700px){.mth{flex-wrap:wrap}.mtr{flex-wrap:wrap}.mta{width:100%;justify-content:flex-end}.mtt{white-space:normal}}
html[data-theme=dark] .mtr:hover,html[data-theme=dark] .mtmi:hover{background:#202026}html[data-theme=dark] .mtpop,html[data-theme=dark] .mtok,html[data-theme=dark] .mtdots[aria-expanded=true]{background:#1b1b20;border-color:var(--line)}
html[data-theme=dark] .mttabs b{background:#26262c}html[data-theme=dark] .mttabs button.on{color:#fff}html[data-theme=dark] .mts,html[data-theme=dark] .mtp,html[data-theme=dark] .mttabs button{color:#b4b4bc}
/* ---- kalıp işlemleri ---- */
.mtag{display:inline-block;font-size:11px;font-weight:700;padding:1px 6px;border-radius:3px;color:#fff;background:var(--c);white-space:nowrap}
.mrow{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:-6px 0 14px}.mbtn{border:1px solid var(--c);color:var(--c);background:#fff;border-radius:3px;padding:6px 12px;font-size:13px;font-weight:600;cursor:pointer}
.mbtn.on{background:var(--c);color:#fff}.madd{display:flex;gap:6px}.madd .in{width:170px}@media (max-width:640px){.madd{flex-wrap:wrap;width:100%}.madd .in{flex:1 1 140px;width:auto;min-width:0}}
html[data-theme=dark] .mbtn{background:#202026}html[data-theme=dark] .mbtn.on{background:var(--c);color:#fff}
@media print{#print .pmold{border:2pt solid #000;padding:5pt 8pt;font-weight:700;font-size:13pt;margin:0 0 8pt;display:inline-block}}
/* ---- müşteri talepleri ---- */
.sla{display:inline-block;font-size:11.5px;font-weight:600;padding:1px 7px;border-radius:10px;white-space:nowrap;border:1px solid transparent}
.sla.ok{background:#e9f7ef;color:#1e7a46}.sla.warn{background:#fff4e0;color:#9a5b00}.sla.late{background:#fdecea;color:#b3261e;border-color:#f5c2bd}
tr.tklate td:first-child{box-shadow:inset 3px 0 0 var(--red)}tr.tkrem td:first-child{box-shadow:inset 3px 0 0 #e67e00}
.sla.wait{background:#eef1f5;color:#4b5563}.sla.remind{background:#fff0dc;color:#a34f00;border-color:#f5c98b}
.tkask{border:1px solid #f1b3c9;border-left:4px solid #d81b60;background:#fdf2f6;border-radius:6px;padding:10px 14px;margin:0 0 16px}.tkask-h{display:flex;gap:10px;flex-wrap:wrap;align-items:baseline}.tkask-h b{color:#ad1457}
.tkask-t{margin:6px 0;white-space:pre-line}.tkask-b{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.tknote.ask{background:#fdf2f6;border-left-color:#d81b60}.tknote.ok{background:#eef8f1;border-left-color:var(--green)}
html[data-theme=dark] .tkask{background:#2c1720;border-color:#5a2238}html[data-theme=dark] .tkask-h b{color:#f48fb1}html[data-theme=dark] .tknote.ask{background:#2c1720;color:#f3c4d6}html[data-theme=dark] .tknote.ok{background:#16301f;color:#bfe8cb}
html[data-theme=dark] .sla.wait{background:#26262c;color:#b4b4bc}html[data-theme=dark] .sla.remind{background:#3a2a10;color:#f3c26b;border-color:#5a4010}
.tkf{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:10px 0 12px}.tkf .in{width:auto;flex:0 1 220px}.tkf #tkqq{flex:1 1 260px}
.tkgal{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.tkg{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fafbfc}
.tkth{display:block;width:100%;aspect-ratio:1;border:0;padding:0;background:#eef0f3;cursor:zoom-in}.tkth img{width:100%;height:100%;object-fit:cover;display:block}
.tkvid{display:flex;align-items:center;justify-content:center;height:100%;font-weight:700;color:#555}.tkgm{display:flex;justify-content:space-between;align-items:center;padding:2px 4px 2px 8px;font-size:11.5px;color:#777}
.tklb{text-align:center;background:#111;border-radius:6px}.tklb img{max-width:100%;max-height:70vh;display:inline-block}
.tknote{background:#fff8e1;border-left:3px solid var(--orange);padding:4px 8px;margin-top:3px;white-space:pre-line}
.tkitems{border-top:1px solid var(--line);padding-top:8px;font-size:13.5px}.tkkid{display:inline-block;padding-left:16px}
.rfsec{padding:0 0 14px;margin:0 0 14px;border-bottom:1px solid var(--line2)}.rfsec:last-child{border:0;margin:0;padding:0}.rfsec h4{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.03em;color:#666}
.rfits{display:flex;flex-direction:column;gap:6px}.rfit{display:grid;grid-template-columns:minmax(0,1fr) 120px 130px;gap:8px;align-items:center;padding:6px 8px;border:1px solid var(--line2);border-radius:6px}
.rfit.kid{margin-left:22px;background:var(--head)}.rsitems .oitem{padding:12px}.rsm{padding:6px 0;border-top:1px dashed var(--line)}.rsm:first-of-type{border-top:0}.rsm>.chk{display:inline-flex}.rsm>.btn{margin-left:8px;vertical-align:middle}.rsm>.in{margin-top:6px}.rsopt{margin:4px 0 0 24px}.rsm .okids{margin:6px 0 0 24px}.rsm .okid .chk{margin:0}.rfit.rfdisc{border-style:dashed}.rfit.rfdisc .rfam input{color:var(--red)}.rfit .chk{margin:0;align-items:flex-start}.rfit .chk .pm{display:block}.rfam{display:flex;align-items:center;gap:4px}.rfam .in{text-align:right}.rfam span{font-size:12px;color:#777}
.rftot{display:flex;justify-content:space-between;align-items:baseline;margin-top:10px;padding:10px 12px;background:var(--head);border-radius:6px}.rftot b{font-size:20px;font-family:var(--mono,monospace)}.rftot b.bad{color:var(--red)}
.rfseg{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rfseg label{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line2);border-radius:6px;cursor:pointer}
.rfseg label:has(input:checked){border-color:var(--blue);box-shadow:0 0 0 3px rgba(60,141,188,.15)}.rfseg small{display:block;color:#777;font-size:12px;margin-top:2px}.rfseg input{margin-top:3px}
.in.bad{border-color:var(--red)!important;box-shadow:0 0 0 3px rgba(221,75,57,.12)}
.rfiban{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;background:#fff;border:1px dashed #9cc3dc;border-radius:6px}.rfiban>div{flex:1;min-width:0}.rfiban small{display:block;color:#777;font-size:12px}.rfiban b{font-size:15px;letter-spacing:.02em;word-break:break-all}
.rfret{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.rfret span{display:block;font-size:12px;color:#777;text-transform:uppercase}.rfret b{font-weight:600;font-size:13.5px}
.rfline{margin-bottom:6px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.rfpaid{color:var(--red);font-size:13px;font-weight:600;margin-left:6px}.rfwarn{color:#c25e00;font-weight:600}
.rff{grid-template-columns:minmax(200px,1fr) auto!important;align-items:center}
.tkkpis.rfk5{grid-template-columns:repeat(5,1fr)}.rflate{color:var(--red);font-weight:600}.tkkpi .rflate{margin-left:4px}
.rfinv{display:inline-block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:1px 6px;border-radius:3px;background:#fff1e0;color:#b45f00;vertical-align:middle;margin-left:4px}
.rfcl{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:12.5px}.rfcl .ok{color:var(--green)}.rfcl .no{color:var(--red);font-weight:600}
.rfpbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fffaf1;border-bottom:1px solid var(--line2);font-size:13px}
.rfflow{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;margin:0 0 16px}.rfflow>div{flex:1 1 150px;background:#fff;border:1px solid #dfe3e8;border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.rfflow i{font-style:normal;font-size:11px;font-weight:700;color:var(--blue)}.rfflow b{font-size:14px}.rfflow span{font-size:12px;color:#777}.rfflow em{align-self:center;font-style:normal;color:#aaa}
.rfnum{display:flex;align-items:center;gap:6px}.rfnum .in{width:90px}.rfnum span{font-size:13px;color:#666}
@media (max-width:1100px){.tkkpis.rfk5{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.tkkpis.rfk5{grid-template-columns:1fr 1fr}.tkkpis.rfk5>:first-child{grid-column:1/-1}.rfflow em{display:none}}
html[data-theme=dark] .rfflow>div{background:var(--box);border-color:var(--line)}html[data-theme=dark] .rfpbar{background:#2a2316}.rfsum td{background:var(--head)}
@media (max-width:760px){.rfit{grid-template-columns:1fr 1fr}.rfit .chk{grid-column:1/-1}.rfseg{grid-template-columns:1fr}.rfret{grid-template-columns:1fr}.box .rff{grid-template-columns:1fr!important}}
html[data-theme=dark] .rfiban{background:#1b1b20;border-color:#2f4f63}
.odelb{color:var(--red)!important;border-color:#f1b0a9!important}.odelb:hover{background:var(--red)!important;color:#fff!important;border-color:var(--red)!important}
.mtksw{display:flex;gap:6px;flex-wrap:wrap;padding:10px 16px 4px}.mtksw button{font:inherit;font-size:12.5px;border:1px solid var(--line2,#d6dadf);background:#fff;border-radius:14px;padding:4px 11px;cursor:pointer;color:#444}.mtksw button.on{background:#222;border-color:#222;color:#fff}.mtksw .mtkb{font-style:normal;font-size:11px;font-weight:700;color:#00875a;margin-left:4px}.mtksw button.on .mtkb{color:#7ee2b8}
.mttag.back{background:#e3f6ec;color:#00875a;border-color:#a8e0c4}
html[data-theme=dark] .mtksw button{background:#1b1b20;color:#ddd}html[data-theme=dark] .mtksw button.on{background:#e8e8ea;color:#111}
.tkwho{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin:-2px 0 14px}
.tknow2{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px;font-size:13px;color:#59616a}
.tknow2::before{content:"";width:8px;height:8px;border-radius:50%;background:#9aa3ad;flex:none;align-self:center;margin-right:2px}
.tknow2 b{color:#1f2328;font-weight:600}.tknow2 em{font-style:normal;color:#8a9199;margin-left:auto;padding-left:8px}
.tknow2.ask::before{background:#d81b60}.tknow2.wait::before{background:#605ca8}.tknow2.back::before{background:#00a65a}.tknow2.done::before{background:#c3c8ce}
.tknow2.big{font-size:14px;background:#fff;border:1px solid var(--line,#e3e6ea);border-radius:8px;padding:7px 12px}.tknow2.big small{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#8a9199;margin-right:2px}.tknow2.big i{font-style:normal;font-size:12px;color:#8a9199;margin-left:4px}
.tkppl{font-size:12.5px;color:#8a9199;display:flex;gap:6px;align-items:baseline}.tkppl b{color:#4a5058;font-weight:600}
.mts.tknow2::before{display:none}.mts.tknow2.ask b{color:#c2185b}.mts.tknow2.wait b{color:#5a55a0}.mts.tknow2.back b{color:#00875a}
.gvhint{margin:0;padding:8px 16px 0;font-size:12.5px;color:#7b838c}.mtck.tk{border-style:dashed;opacity:.5}.mtr.wt .mtck.tk{opacity:.35}.due.wait{background:#efeef9;color:#5a55a0}
.mttag.late{background:#fdecea;color:#c62828;border-color:#f5b7b1}
html[data-theme=dark] .tknow2{color:#a3a9b0}html[data-theme=dark] .tknow2 b{color:#eceef0}html[data-theme=dark] .tknow2.big{background:#17171b;border-color:#2c2c33}html[data-theme=dark] .tkppl b{color:#cfd3d8}
.tkmeta{margin:-6px 0 12px;display:flex;flex-wrap:wrap;align-items:center;gap:4px}.tkmeta b{color:#555;font-weight:600}
.nx{background:#fff;border:1px solid #dfe3e8;border-left:5px solid var(--nx,#3c8dbc);border-radius:6px;padding:14px 16px;margin:0 0 16px}
.nx-ask{--nx:#d81b60;background:#fff7fa}.nx-wait{--nx:#e08a00;background:#fffaf1}.nx-ok{--nx:var(--teal)}.nx-done{--nx:#8a9099;background:#f7f8fa}.nx-decide{--nx:#605ca8}
.nxh{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.nxk{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--nx)}.nxh b{font-size:16.5px}
.nxt{margin-top:6px;font-size:13.5px;color:#444;line-height:1.5}.nxq{margin-top:8px;padding:8px 12px;background:#fff;border:1px solid #f3c6d6;border-radius:4px;color:#222;font-size:14px}
.nxb{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:center}.nxb .btn{margin:0}.nxask{border-color:#d81b60!important;color:#d81b60!important;background:#fff!important}
.nxmore{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto;font-size:12.5px}
.nxcs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px}.nxcs label{font-weight:600;font-size:13px}.nxcs select{max-width:280px}
.tkg0 .bb{display:none}.tkg0 .bh{border-bottom:0}
@media (max-width:760px){.nxmore{margin-left:0}.nxb .btn{flex:1 1 auto}.nxcs select{max-width:none;flex:1}}
html[data-theme=dark] .nx{background:var(--box);border-color:var(--line);border-left-color:var(--nx,#3c8dbc)}html[data-theme=dark] .nxt{color:#c8c8cf}html[data-theme=dark] .nxq{background:#1b1b20;border-color:#5a2a3a;color:var(--tx)}
.tkkpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 14px}
.tkkpi{--k:var(--tx,#333);text-align:left;background:#fff;border:1px solid #dfe3e8;border-radius:8px;padding:12px 14px;cursor:pointer;font:inherit;color:inherit;position:relative;transition:border-color .15s,box-shadow .15s}
.tkkpi small{display:block;color:#666;font-size:12px;text-transform:uppercase;letter-spacing:.02em}.tkkpi b{display:block;font-size:24px;font-weight:600;color:var(--k);line-height:1.25}.tkkpi span{font-size:12.5px;color:#777}
.tkkpi:hover{border-color:#b9c2cc}.tkkpi.on{border-color:var(--blue);box-shadow:inset 0 -3px 0 var(--blue)}
.box .tkf{display:grid;grid-template-columns:minmax(200px,2fr) repeat(3,minmax(140px,1fr));gap:8px;border-bottom:1px solid var(--line2)}
.tktbl td{vertical-align:middle}.tkrow{cursor:pointer}.tkrow:hover td{background:#f7f9fb}.tkmain{font-size:13.5px;font-weight:500;margin-top:2px}.tkcn{font-weight:600;font-size:13.5px}
.tkpc{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;color:#777;margin-left:6px;vertical-align:middle}.tkpc .i{width:13px;height:13px}
.tkcards{display:none}
@media (max-width:760px){.tkkpis{grid-template-columns:1fr 1fr;gap:8px}.tkkpi{padding:10px 12px}.tkkpi b{font-size:20px}.tkkpi span{font-size:11.5px}
.box .tkf{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.box .tkf .in{min-width:0;width:100%;box-sizing:border-box}.box .tkf #tkqq{grid-column:1/-1}.tkdesk{display:none}
.tkcards{display:flex;flex-direction:column}.tkcard{display:block;padding:11px 14px;border-bottom:1px solid var(--line2);color:inherit;text-decoration:none;border-left:4px solid transparent}
.tkcard.tklate{border-left-color:var(--red)}.tkcard.tkrem{border-left-color:#e08a00}
.tkc1,.tkc3{display:flex;align-items:center;gap:6px}.tkc1 .mono{color:var(--blue)}.tkc3{margin-top:7px;font-size:12px;flex-wrap:wrap}.tkcard .pm{margin-top:2px}}
html[data-theme=dark] .tkkpi{background:var(--box);border-color:var(--line)}html[data-theme=dark] .tkkpi small,html[data-theme=dark] .tkkpi span{color:#b4b4bc}html[data-theme=dark] .tkrow:hover td{background:#202026}
.tkfind{position:relative}.tkfind>.i{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#999;pointer-events:none}
.tkfind .in{padding-left:38px;height:44px;font-size:15px}.tkspin{position:absolute;right:12px;top:50%;width:16px;height:16px;margin-top:-8px;border:2px solid var(--line2);border-top-color:var(--blue);border-radius:50%;animation:tkspin .7s linear infinite}
@keyframes tkspin{to{transform:rotate(360deg)}}
.tkrh{display:flex;justify-content:space-between;align-items:center;margin:14px 0 6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#777}.tkrh .muted{text-transform:none;letter-spacing:0;font-weight:400}
.tkres{display:flex;flex-direction:column;gap:6px;max-height:min(56vh,520px);overflow:auto;padding:2px}
.tko{display:block;width:100%;text-align:left;border:1px solid var(--line2);border-radius:8px;background:var(--card,#fff);padding:10px 12px;cursor:pointer;color:inherit;font:inherit;border-left:4px solid transparent}
.tko.on{border-color:var(--blue);border-left-color:var(--blue);box-shadow:0 0 0 3px rgba(60,141,188,.15)}
.tko1{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tko1 .mono{color:var(--blue)}.tkon{font-size:15px}.tkom{color:inherit!important;margin-left:auto;text-align:right}
.tko2,.tko3{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:5px;font-size:12.5px;color:#666;align-items:center}.tko2 span,.tko3 span{display:inline-flex;align-items:center;gap:4px}
.tko2 .i,.tko3 .i{width:13px;height:13px;flex:none;opacity:.7}.tko3>span{display:flex!important;align-items:flex-start!important}.tko3>span>.i{margin-top:2px}
.tko mark,.tko .hlx{background:#fff3b0;color:inherit;border-radius:2px;padding:0 1px}
.tkow{margin-top:7px;font-size:12px;color:#a15c00;background:#fff6e5;border-radius:4px;padding:3px 8px;display:inline-block}
.tkempty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 10px;text-align:center;color:#777}.tkempty .i{opacity:.5}.tkempty span{font-size:13px}
html[data-theme=dark] .tko{background:#1d1d22}html[data-theme=dark] .tko mark,html[data-theme=dark] .tko .hlx{background:#5a4a00}html[data-theme=dark] .tkow{background:#3a2a10;color:#f0b860}
@media(max-width:640px){.tkrh .muted{display:none}}
.tkpics{display:flex;flex-wrap:wrap;gap:8px}.tkpic,.tkpadd{position:relative;width:84px;height:84px;border-radius:6px;overflow:hidden;flex:none}
.tkpic{border:1px solid var(--line2);background:#000}.tkpic img,.tkpic video{width:100%;height:100%;object-fit:cover;display:block}.tkpic .tkv{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;text-shadow:0 0 6px #000}
.tkpic button{position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:50%;border:0;background:rgba(0,0,0,.65);color:#fff;cursor:pointer;font-size:14px;line-height:1}
.fld .tkpadd{margin:0;font-weight:400}.tkpics .tkpadd{border:2px dashed var(--line2);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:#888;font-size:22px;background:var(--head)}.tkpics .tkpadd span{font-size:11px;margin-top:2px}.tkpadd:hover{border-color:var(--blue);color:var(--blue)}.tkres{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.tksla{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tksla>div{display:flex;flex-direction:column}.tksla span{font-size:12px;color:#666;text-transform:uppercase}.tksla small{color:#888}
.tkpl{border:1px solid var(--line);border-radius:6px;padding:8px 10px;margin:6px 0;display:flex;flex-direction:column;gap:6px}
.tkpl.kid{margin-left:22px}.tkpp{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;font-size:13px;padding-left:24px}.tkpp .chk{margin:0}
html[data-theme=dark] .sla.ok{background:#16301f;color:#7fd39d}html[data-theme=dark] .sla.warn{background:#3a2a10;color:#f3c26b}html[data-theme=dark] .sla.late{background:#3a1715;color:#ff9a90;border-color:#5a2420}
html[data-theme=dark] .tkg{background:#202026;border-color:var(--line)}html[data-theme=dark] .tknote{background:#2e2817;color:#eadca8}html[data-theme=dark] .tksla span{color:#b4b4bc}
/* ---- kargo etiketi (ekranda önizleme + baskı) ---- */
.klbl{box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;background:#fff;color:#000;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.3;text-align:left}
.klbl .lb{flex:0 0 auto}.klbl .lgrow{flex:1 0 auto;display:flex;flex-direction:column}.klbl .lgrow>*{flex:1 1 auto}
.klbl .lcol{display:flex;flex-direction:column;gap:.4mm}.klbl .bx1{border:.3mm solid #000;padding:1.2mm 2mm}.klbl .bx2{border:.6mm solid #000;padding:1.8mm 2.4mm}
.klbl small.lhd{display:block;font-size:.78em;font-weight:700;letter-spacing:.06em;color:#000}
.klbl .lname{font-size:1.5em}.klbl .lcity{font-size:1.35em}.klbl .ltel{font-weight:700}.klbl .lmut{font-size:.85em}
.klbl .lcod{background:#000;color:#fff;padding:1.6mm;text-align:center;font-weight:700;-webkit-print-color-adjust:exact;print-color-adjust:exact}.klbl .lcod b{display:block;font-size:1.7em}
.klbl .lpaid{border:.3mm dashed #000;padding:1.2mm;text-align:center;font-weight:700}
.klbl .lbc{text-align:center;min-width:0}.klbl .lbc .bc{width:100%;display:block}.klbl .kno{font:700 1.2em ui-monospace,Menlo,monospace;letter-spacing:.1em;margin-top:.6mm}.klbl .lempty{border:.3mm dashed #000;padding:2mm}
.klbl .lbcq{display:flex;gap:3mm;align-items:center}.klbl .lbcq .lbc{flex:1}.klbl .lqr{flex:none;text-align:center}.klbl .lqr .qr{width:100%;height:auto;display:block}.klbl .lqr small.lhd{font-size:.7em;letter-spacing:.02em;word-break:break-all;margin-top:.4mm}
.klbl .lgrp{display:flex;gap:2.5mm;align-items:flex-start}.klbl .lgrp+.lgrp{margin-top:1.5mm}.klbl .lgt{flex:1;min-width:0}.klbl .lsv{flex:none}.klbl .lsv svg{width:100%;height:auto;display:block}.klbl .lgn{font-weight:700}.klbl .lvar{line-height:1.3}.klbl .lpart{display:inline-block;border:.35mm solid #000;padding:0 1mm;font-weight:800}.klbl .lpof{font-size:.9em}
.klbl .lfat{display:flex;gap:3mm;align-items:center}.klbl .litems{overflow:hidden}.klbl .lkid{padding-left:3mm}.klbl .lkid.l2{padding-left:6mm}.klbl .lrow{display:flex;justify-content:space-between;gap:2mm}.klbl .lnote{border:.3mm solid #000;padding:1mm 1.5mm}
.klbl .lfoot{display:flex;justify-content:space-between;gap:2mm;border-top:.3mm solid #000;padding-top:1mm;font-size:.9em}
.lset{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:16px;align-items:start}.lprevcol{position:sticky;top:12px}
@media (max-width:1000px){.lset{grid-template-columns:minmax(0,1fr)}.lprevcol{position:static}}
.lpwrap{overflow:hidden;background:repeating-linear-gradient(45deg,#eef0f3 0 8px,#f6f7f9 8px 16px);border-radius:6px;padding:0;display:flex;justify-content:center}
.lpwrap.over{outline:2px solid var(--red)}.lpscale{transform-origin:top center;flex:none;box-shadow:0 2px 10px rgba(0,0,0,.18)}
.lbk{border-bottom:1px solid var(--line)}.lbk.off .lbkh b{color:#999}.lbkh{display:flex;align-items:center;gap:6px;padding:8px 12px;flex-wrap:wrap}
.lbkh .chk{display:flex;gap:8px;align-items:flex-start}.lbkh .chk span{display:flex;flex-direction:column}.lbkh small{font-size:12px}
.in.sm{width:auto;padding:3px 6px;font-size:12.5px;height:auto}input.in.sm{width:80px}.lbkb{padding:4px 12px 12px 38px;display:flex;flex-direction:column;gap:8px;background:#fafbfc}
.lbkf{display:flex;flex-wrap:wrap;gap:6px 16px}.lbkr{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px}.lbkr>span{min-width:160px;color:#555}.lbk.open{background:#fafbfc}
html[data-theme=dark] .lbkb,html[data-theme=dark] .lbk.open{background:#202026}html[data-theme=dark] .lbkr>span{color:#b4b4bc}html[data-theme=dark] .lpwrap{background:repeating-linear-gradient(45deg,#1d1d22 0 8px,#24242a 8px 16px)}
/* ---- paspas önizlemesi ---- */
.invqr{display:flex;gap:12px;align-items:center;margin-top:12px;padding:10px;border:1px dashed var(--line2);border-radius:6px}.invqr-c{width:96px;flex:none}.invqr .qr{width:100%;height:auto;display:block}
.matsvg{display:block;width:100%;height:auto}
.mprev{margin-top:12px;border:1px solid var(--line);border-radius:6px;background:#fafbfc;padding:10px;cursor:zoom-in}
.mleg{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.mchip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line2);border-radius:12px;padding:2px 9px;font-size:12px;background:#fff}
.mchip i{width:11px;height:11px;border-radius:50%;border:1px solid rgba(0,0,0,.2)}.mchip small{color:#888}
.oprev{flex:none;width:150px;border:1px solid var(--line);border-radius:6px;background:#fafbfc;padding:6px;cursor:zoom-in}
.lo.hasprev{grid-template-columns:minmax(0,1fr) 180px}.lopts{display:grid;gap:14px;align-content:start;min-width:0}
.lprev{grid-column:2;grid-row:1;border:1px solid var(--line);border-radius:6px;background:#fafbfc;padding:6px;cursor:zoom-in;align-self:start;position:sticky;top:70px}
@media (max-width:900px){.lo.hasprev{grid-template-columns:1fr}.lprev{grid-column:1;grid-row:1;position:static;max-width:170px}.lopts{grid-row:2}.oprev{width:110px}}
@media print{html,body{background:#fff!important}#print .pmat{float:right;width:7.5cm;margin:0 0 6pt 12pt}#print .pmat svg{width:100%;height:auto}#print .pmoz{font-size:9.5pt;font-weight:700;text-align:center;margin-top:3pt}#print .pitem:has(.pmat) table{width:calc(100% - 8.2cm)}#print .pitem:has(.pmat) .pkids{margin-right:8.2cm}}
/* ---- araç listesi ---- */
.vgrid{display:grid;grid-template-columns:230px 250px minmax(0,1fr);gap:14px;align-items:start}
.vgrid .box{margin:0}
.vlist{max-height:62vh;overflow:auto;padding:4px 0}
.vit{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;background:none;text-align:left;padding:7px 12px;font-size:13.5px;cursor:pointer;border-left:3px solid transparent}
.vit span{font-size:11.5px;color:#888;background:#f1f2f4;border-radius:9px;padding:0 7px}
.vit:hover{background:#f6f8fa}.vit.on{background:#e8f4f3;border-left-color:var(--teal);font-weight:700}.vit.off{color:#aaa}
.tbl tr.off td{color:#aaa}
@media (max-width:1000px){.vgrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.vgrid .box:last-child{grid-column:1/-1}.vlist{max-height:260px}}
@media (max-width:600px){.vgrid{grid-template-columns:minmax(0,1fr)}}
/* ---- 2. aşama: siparişler ---- */
.stabs{display:flex;gap:6px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--line)}
.stab{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line2);background:#fff;border-radius:3px;padding:5px 10px;font-size:13px;cursor:pointer;color:#555}
.stab i{width:9px;height:9px;border-radius:50%;display:inline-block}.stab b{color:#222}.stab.on{background:#1f2329;color:#fff;border-color:#1f2329}.stab.on b{color:#fff}
.frow{display:flex;gap:8px;flex-wrap:wrap}.frow .in{width:auto;flex:0 1 200px}.frow .in:first-child{flex:1 1 280px}
.bulk{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#fcf3cf;border:1px solid #f0dc82;padding:8px 12px;margin:0 12px 12px}.bulk .in{width:auto}
.pager{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--line);font-size:13px}.pager .sp{flex:1}
.ono{font-family:ui-monospace,Menlo,monospace;font-weight:700}
.otbl tbody tr{cursor:pointer}
.sflow{display:flex;gap:6px;flex-wrap:wrap}
.steps li.wait.todo .sd,.steps li.wait.cur .sd{border-style:dashed}.tkst .stact{align-items:center}.tkst .stpop{min-width:250px}.tkst .stpop .mtmi small{white-space:nowrap}
@media (max-width:760px){.tkst .steps li:not(.cur) .sl,.tkst .steps li:not(.cur) .stw{display:none}.tkst .steps li.cur .sl{white-space:nowrap}}
.sbtn{border:1px solid var(--line2);background:#fff;border-radius:3px;padding:7px 12px;font-size:13px;cursor:pointer;color:#444;border-left:4px solid var(--c)}
.sbtn.on{background:var(--c);color:#fff;border-color:var(--c);font-weight:700}
.oitem{display:flex;gap:14px;padding:14px;border-bottom:1px solid var(--line)}.oi{flex:1;min-width:0}
.oit{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:15px}
.thumb.big{width:96px;height:96px}
.veh{display:flex;align-items:center;gap:6px;font-size:13px;color:#444;margin:4px 0 6px}
.olines{margin-top:10px;display:grid;gap:8px}.oline{border:1px solid var(--line);border-radius:6px;padding:8px 10px}.olh{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;font-size:14px}
.ogn{font-size:15.5px}.oline .okids{margin-top:8px}
.okids{margin-top:10px;border:1px solid var(--line);border-left:3px solid var(--teal,#00a19a);border-radius:6px;background:rgba(0,161,154,.04)}
.okid{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:7px 10px;font-size:13.5px;border-top:1px solid var(--line)}.okid:first-child{border-top:0}
.okn{min-width:0}.okv{display:inline-flex;align-items:center;gap:4px;margin-left:6px;padding:1px 7px;border-radius:10px;background:rgba(127,127,127,.13);font-size:12.5px}.okv.inh{font-style:italic}.okv .sw{width:11px;height:11px;margin:0}
.opts{width:100%;border-collapse:collapse;font-size:13px}.opts td{padding:3px 6px 3px 0;border-top:1px dashed #eee}.opts td:first-child{color:#777;width:34%}
.totals td{padding:7px 14px}.totals .grand td{font-size:17px;font-weight:700;border-top:2px solid var(--line)}
.addr2{background:#f7f8fa;border:1px solid var(--line);padding:8px 10px;margin:8px 0;font-size:13.5px;line-height:1.5}
.links{display:flex;gap:6px;flex-wrap:wrap}
.cuhead{display:flex;gap:12px;align-items:center}.cuav{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#3c8dbc,#00a7a0);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:16px;flex:none}
.cuname{min-width:0}.cuname>b{font-size:16.5px;margin-right:6px}.cubadge{display:inline-block;font-size:11px;font-weight:700;color:#fff;background:var(--c);border-radius:10px;padding:1px 8px;vertical-align:2px}.cusum{font-size:12.5px;color:#777;margin-top:2px}
.cuwarn{display:grid;gap:5px;margin-top:10px}.cw{font-size:12.5px;padding:6px 9px;border-radius:5px;border:1px solid}.cw.o{background:#fff6e5;border-color:#f5c26b;color:#8a5a00}.cw.r{background:#fdecea;border-color:#f3b5ad;color:#a12a1c}.cw.n{background:#f3f0fb;border-color:#d4c9ef;color:#4b3a8a}.cw small{opacity:.8}
.culist{margin-top:10px;border:1px solid var(--line);border-radius:6px}.cuitem{display:flex;align-items:center;gap:10px;padding:8px 10px;border-top:1px solid var(--line);font-size:13.5px;min-width:0}.cuitem:first-child{border-top:0}.cuitem.cutop{align-items:flex-start}
.cuitem>.i{width:16px;height:16px;color:#888;flex:none}.cuitem a{word-break:break-word}.cuaddr{line-height:1.45;min-width:0}.culink{border:0;background:none;color:var(--blue);padding:0;cursor:pointer;font:inherit}
.cuact{border:1px solid var(--line2);background:var(--box);border-radius:4px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#666;flex:none;text-decoration:none!important}.cuact:hover{border-color:var(--blue);color:var(--blue)}.cuact .i{width:14px;height:14px}
.cubtns{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.cubtns .btn .i{width:14px;height:14px;margin-right:3px;vertical-align:-2px}
.cunote{background:#fff3c4;border:1px solid #f0d36b;border-left:4px solid #f0b400;padding:9px 11px;margin-top:10px;font-size:14px;white-space:pre-wrap;border-radius:4px}.cunote small{display:block;font-weight:700;color:#7d6608;margin-bottom:3px}
html[data-theme=dark] .cw.o{background:#2e2410;color:#f3c26b;border-color:#5a4416}html[data-theme=dark] .cw.r{background:#2e1614;color:#f0a59b;border-color:#5a2a24}html[data-theme=dark] .cw.n{background:#211c33;color:#c9bdf2;border-color:#3d3360}html[data-theme=dark] .cunote{background:#2e2810;color:#f2e2a2;border-color:#5a4c16}
.cnote{background:#fcf3cf;border:1px solid #f0dc82;padding:8px 10px;margin-top:10px;font-size:13.5px;white-space:pre-wrap}.cnote small{display:block;font-weight:700;color:#7d6608}
.btn.big{width:100%;padding:11px;font-size:15px}
.line{border:1px solid var(--line);margin:0 0 12px}
.adds{border-top:1px solid var(--line);padding:10px 12px 12px;background:var(--head)}.addh{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#888;margin-bottom:6px}
.addr{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:6px 10px;border:1px solid var(--line);border-radius:6px;background:var(--box);margin-top:6px;min-height:44px}.addr:first-of-type{margin-top:0}
.addr.on{border-color:#9fd3cf;box-shadow:inset 3px 0 0 var(--teal)}.addr.old{opacity:.8}
.addc{flex:0 0 auto;min-width:140px;display:flex;align-items:center;gap:8px;cursor:pointer}.addc input{width:17px;height:17px;margin:0}
#pvbar{position:fixed;left:0;right:0;bottom:0;z-index:9000;display:flex;align-items:center;justify-content:center;gap:12px;background:#f39c12;color:#1d1300;padding:8px 16px;box-shadow:0 -4px 16px rgba(0,0,0,.18);font-size:13.5px}
#pvbar span{min-width:0}#pvbar small{opacity:.8;font-size:12px;margin-left:6px}#pvbar .btn{background:#fff;color:#1d1300;border-color:#fff;white-space:nowrap;flex:none}
body.pvon{padding-bottom:52px}body.pvon .savebar{bottom:48px}
@media (max-width:600px){#pvbar{justify-content:space-between;font-size:12.5px}#pvbar small{display:block;margin-left:0}}
.ofbar{display:flex;flex-direction:column;gap:10px}.ofrow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ofq{flex:1 1 280px;position:relative;min-width:0}.ofq .i{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#8a9199;pointer-events:none}.ofq .in{width:100%;padding-left:34px}
.ofrow>select{flex:0 0 auto;width:auto;min-width:150px}.ofbtn{display:inline-flex;align-items:center;gap:6px}.ofbtn .i{width:15px;height:15px}.ofbtn b{background:#3c8dbc;color:#fff;border-radius:9px;font-size:11px;padding:0 6px;line-height:17px}.ofbtn.on{background:#eef5fb;border-color:#3c8dbc;color:#1f6fa0}
.ofp{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px 12px;padding:12px;background:var(--head);border:1px solid var(--line,#e3e6ea);border-radius:10px;margin-top:10px}
.offld{display:flex;flex-direction:column;gap:4px;margin:0}.offld span{font-size:12px;font-weight:600;color:#59616a}.offld .in{width:100%}
.ofchips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.ofchips:empty{display:none}
.ofchip{font:inherit;font-size:12.5px;border:1px solid #bcd6ea;background:#eef5fb;color:#1f4f70;border-radius:14px;padding:3px 8px 3px 11px;cursor:pointer;display:inline-flex;gap:4px;align-items:center}.ofchip:hover{border-color:#3c8dbc}.ofchip span{opacity:.6;margin-left:2px}
.ofclr{font:inherit;font-size:12.5px;background:none;border:0;color:#3c8dbc;cursor:pointer;padding:3px 6px}.ofclr:hover{text-decoration:underline}
html[data-theme=dark] .ofp{background:#17171b;border-color:#2c2c33}html[data-theme=dark] .offld span{color:#a3a9b0}html[data-theme=dark] .ofchip{background:#1d2a36;border-color:#2e4a63;color:#cfe3f3}html[data-theme=dark] .ofbtn.on{background:#1d2a36;color:#cfe3f3}
@media (max-width:600px){.ofq{flex:1 1 100%}.ofrow>select{flex:1 1 0;min-width:0}.ofbtn{flex:1 1 0;justify-content:center}.ofp{grid-template-columns:1fr 1fr}}
.ptbtn{font:inherit;font-size:12px;font-weight:600;border:1px dashed #9aa3ad;background:#fff;color:#3d4650;border-radius:6px;padding:3px 8px;cursor:pointer;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.ptbtn:hover{border-color:#3c8dbc;color:#1f6fa0}.ptbtn.on{border-style:solid;border-color:#f0c27a;background:#fff4e0;color:#7a3e00}
.ptlist{display:grid;gap:6px}.ptl{display:flex;gap:10px;align-items:flex-start;border:1px solid #e3e6ea;border-radius:8px;padding:9px 12px;cursor:pointer;margin:0}.ptl:has(input:checked){border-color:#3c8dbc;background:#f3f8fc}
.ptl span{display:flex;flex-direction:column}.ptl small{color:#7b838c;font-size:12px}.ptl input{margin-top:3px}
.addr.blk .addc{opacity:.55}
.addm{flex:1 1 200px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0;font-size:12.5px}
.in.sm{width:auto;max-width:100%;padding:4px 8px;font-size:12.5px}.qsel{min-width:78px}
.addi{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:#888}
.addi>span{display:inline-flex;align-items:center;gap:4px}.addi .ovr{color:var(--tx);font-weight:700}.addr>.lp,.addr>.lpw{margin-left:auto;min-width:0}.lpw{display:inline-flex;align-items:center;gap:4px}
.pe{border:1px solid transparent;background:none;color:#999;cursor:pointer;border-radius:4px;padding:2px 5px;font-size:13px}.pe:hover,.pe[aria-expanded=true]{color:var(--blue);border-color:var(--line2)}
.lp.man{color:#b26a00}.pe{font-size:12px!important;white-space:nowrap}
.savebar{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;gap:10px;margin:14px -4px 0;padding:10px 14px;background:var(--box);border:1px solid var(--line2);border-top:3px solid var(--teal);border-radius:6px 6px 0 0;box-shadow:0 -4px 16px rgba(0,0,0,.08)}
.savebar .sbt{flex:1;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;min-width:0}.savebar #sbtot{font-size:18px}.sberr{color:var(--red);font-size:13px;flex-basis:100%}.sbst{font-size:12.5px;color:#999}.sbst.dirty{color:#b26a00;font-weight:600}.savebar .btn:disabled,#esave:disabled{opacity:.45;cursor:not-allowed}
.savebar .btn.teal{padding:9px 18px;font-weight:700}.pedit{flex-basis:100%;display:flex;align-items:center;gap:6px;justify-content:flex-end;font-size:12.5px;padding:4px 0 2px}
.ptag{display:inline-block;font-size:11px;font-weight:700;color:#7a3e00;background:#fff4e0;border:1px solid #f0c27a;border-radius:4px;padding:0 6px;margin-left:4px;vertical-align:1px;white-space:normal;overflow-wrap:anywhere}
.ppart{font-size:11px;font-weight:800;border:1.5px solid currentColor;border-radius:3px;padding:0 4px;margin-left:4px}
.mtag2{display:inline-block;font-size:10.5px;font-weight:700;color:#b26a00;border:1px solid #f0c27a;border-radius:3px;padding:0 4px;vertical-align:1px}.addi .sw{width:11px;height:11px;margin:0}.addchg{color:var(--blue);margin-left:4px;font-size:12px}
.addo{flex-basis:100%;display:flex;flex-wrap:wrap;gap:8px 24px;padding:8px 0 2px 25px;border-top:1px dashed var(--line);margin-top:4px}
.addsub{flex-basis:100%;padding:2px 0 2px 22px;box-sizing:border-box;min-width:0}.addsub .addr{box-sizing:border-box;max-width:100%}.addr.sub{min-height:36px;padding:4px 8px;margin-top:4px;background:var(--head);border-style:dashed}.addr.sub.on{border-style:solid;box-shadow:none}
.addr.sub .addc{min-width:120px;font-size:13px}.kar{color:#999}.prow .addc{min-width:170px}.prow .thumb{border-radius:4px}
.lh{display:flex;gap:8px;align-items:center;padding:8px 10px;background:var(--head);border-bottom:1px solid var(--line);flex-wrap:wrap}
.lh select{flex:1 1 220px;width:auto}.lno{width:22px;height:22px;border-radius:50%;background:#555;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;flex:none}
.qty{display:flex;align-items:center;gap:6px;font-size:13px}.qty .in{width:60px}.lp{font-weight:700;min-width:100px;text-align:right}
.lo{padding:12px;display:grid;grid-template-columns:1fr;gap:14px 16px}
.og2>label{display:block;font-size:12.5px;font-weight:600;color:#555;margin-bottom:5px}.og2>label .cur{font-weight:600;color:var(--tx);margin-left:4px}
.og2.clr{display:flex;align-items:center;gap:10px}.og2.clr>label{margin:0;min-width:96px}
.cdbtn{display:inline-flex;align-items:center;gap:8px;min-width:190px;max-width:100%;border:1px solid var(--line2);background:var(--box);border-radius:4px;padding:6px 10px;font-size:13.5px;cursor:pointer;color:inherit;font-family:inherit;text-align:left}
.cdbtn:hover,.cdbtn[aria-expanded=true]{border-color:var(--blue)}.cdbtn span:first-of-type{flex:1;font-weight:600}.cdbtn.empty span:first-of-type{color:#999;font-weight:400}.cdar{color:#888;font-size:11px}
.cdpop{max-height:300px;overflow:auto;min-width:230px}.cddi{display:flex!important;align-items:center;gap:9px;position:relative}.cddi span{flex:1}.cddi small{color:#888}.cddi.on{font-weight:700;background:rgba(60,141,188,.08)}.cdok{color:var(--blue)}
.csq{width:18px;height:18px;border-radius:50%;flex:none;background:var(--h,#fff);border:1px solid rgba(0,0,0,.22)}.csq.nohex{background:repeating-linear-gradient(45deg,#d6d9de 0 3px,#fff 3px 6px)}
.csq.cust{background:conic-gradient(#e53935,#fdd835,#43a047,#1e88e5,#8e24aa,#e53935)}.csq.cust[style]{background:var(--h)}.csq.none{background:#fff;position:relative}.csq.none::after{content:'';position:absolute;left:8px;top:1px;width:1px;height:15px;background:#c33;transform:rotate(45deg)}
.csq.same{box-shadow:0 0 0 2px var(--box),0 0 0 3px #9aa}
.cdcol{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.csl{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.csw{position:relative;width:26px;height:26px;border-radius:50%;border:1px solid rgba(0,0,0,.22);background:var(--h,#fff);cursor:pointer;padding:0;flex:none;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#666;transition:transform .08s}
.csw:hover{transform:scale(1.12)}.csw:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.csw.on{box-shadow:0 0 0 2px var(--box),0 0 0 4px var(--blue)}
.csw.nohex{background:repeating-linear-gradient(45deg,#d6d9de 0 3px,#fff 3px 6px)}
.csw.cust{background:conic-gradient(#e53935,#fdd835,#43a047,#1e88e5,#8e24aa,#e53935)}.csw.cust.on[style]{background:var(--h)}.csw.cust::after{content:'+';color:#fff;text-shadow:0 0 2px #000;font-size:15px}
.csw.cust input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;border:0;padding:0}
.csw.none{background:#fff;color:#999}.csw.same{color:#fff;text-shadow:0 0 3px rgba(0,0,0,.7);font-size:15px}.csep{width:1px;height:20px;background:var(--line2);margin:0 2px}
.lrm{width:30px;height:30px;border:1px solid var(--line2);border-radius:50%;background:var(--box);color:#999;cursor:pointer;flex:none}.lrm:hover:not(:disabled){color:#fff;background:var(--red);border-color:var(--red)}.lrm:disabled{opacity:.35;cursor:default}
.swl{display:flex;gap:6px;flex-wrap:wrap}
.swb{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line2);background:#fff;border-radius:16px;padding:4px 10px 4px 5px;font-size:12.5px;cursor:pointer}
.swb span{width:16px;height:16px;border-radius:50%;background:var(--h,#fff);border:1px solid rgba(0,0,0,.2)}.swb span.nohex{background:repeating-linear-gradient(45deg,#ddd 0 3px,#fff 3px 6px)}
.swb.on{border-color:var(--blue);box-shadow:0 0 0 2px rgba(60,141,188,.25);font-weight:700}
.swb .muted{white-space:nowrap}
.swb.cust input{width:22px;height:18px;padding:0;border:0;background:none}
.crow{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:6px 10px;align-items:center;padding:8px 10px;margin-top:6px;border:1px solid #f1d9b8;border-radius:6px;background:#fffcf6}
.crow .cnums{grid-column:2/-1;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.crow .cq{width:60px}.crow .cu{width:100px;text-align:right}.crow .cnt{flex:1 1 160px;min-width:0}
@media (max-width:760px){.crow{grid-template-columns:minmax(0,1fr) auto auto}.crow .ctag{grid-column:1/-1;justify-self:start}.crow .cnums{grid-column:1/-1}}
html[data-theme=dark] .crow{background:#221d14;border-color:#4a3a20}
.ctag{flex:none;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:1px 6px;border-radius:3px;background:#fff1e0;color:#b45f00}
.cadd{margin-top:6px}
.vsel{display:grid;grid-template-columns:1fr 1fr 2fr 110px;gap:6px}.vsel.vman{grid-template-columns:1fr 1fr 1.4fr auto}.vnote{grid-column:1/-1;font-size:12px;color:#b45f00;line-height:1.45}.vnote .i{vertical-align:-2px;margin-right:3px}.vsel.vman [data-vlist]{white-space:nowrap}
@media (max-width:760px){.vsel.vman{grid-template-columns:1fr 1fr}.vsel.vman [data-vmy]{grid-column:1/-1}}
.kpi4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 16px}.kpi4>div{background:#fff;border:1px solid #dfe3e8;border-radius:6px;padding:12px 14px}
.kpi4 small{display:block;color:#666;font-size:12px;text-transform:uppercase}.kpi4 b{font-size:20px;font-weight:600}
.seg a{display:inline-block;padding:6px 11px;font-size:13px;color:#5f6670;text-decoration:none!important;background:#fff}.seg a+a{border-left:1px solid #d6dae0}.seg a.on{background:#1f2329;color:#fff}
.qres{position:absolute;top:38px;left:0;right:0;background:#fff;border:1px solid #ccc;box-shadow:0 8px 24px rgba(0,0,0,.2);z-index:50;max-height:70vh;overflow:auto;border-radius:3px}
.qh{font-size:11.5px;text-transform:uppercase;color:#888;padding:7px 10px 3px;font-weight:700}
.qi{display:flex;align-items:center;gap:8px;padding:7px 10px;color:#333!important;text-decoration:none!important;font-size:13px}.qi:hover{background:#f2f6fa}.qi .sp{flex:1}
#print{display:none}
@media print{body>*:not(#print){display:none!important}#print{display:block;color:#000;font:11pt/1.4 system-ui,sans-serif}
#print h1{font-size:20pt;margin:0}#print .pm{color:#444;margin:2pt 0 10pt}#print h2{font-size:13pt;margin:0 0 6pt}
#print table{width:100%;border-collapse:collapse;margin:0 0 10pt}#print td{border:1px solid #999;padding:4pt 6pt;vertical-align:top}#print td:first-child{width:30%;font-weight:600;background:#f2f2f2}
#print .pitem{overflow:hidden;margin-bottom:8pt;page-break-inside:avoid}#print img{float:right;width:6cm;height:6cm;object-fit:cover;margin:0 0 6pt 10pt;border:1px solid #999}
#print .psw{display:inline-block;width:10pt;height:10pt;border:1px solid #333;vertical-align:-1pt;margin-right:4pt}
#print .ppart{display:inline-block;margin-left:4pt;padding:0 4pt;border:1.5pt solid #000;font-size:9.5pt;font-weight:800;letter-spacing:.02em}#print .pkids{margin-top:6pt;padding:5pt 8pt;border:1.5pt solid #000;font-size:11pt}#print .pkids>b{display:block;font-size:9pt;letter-spacing:.06em;text-transform:uppercase;margin-bottom:2pt}#print .pkid{padding:2pt 0 2pt 4pt;border-top:1px dashed #999}#print .pkid.l2{padding-left:16pt;border-top:0}#print .pkid:first-of-type{border-top:0}}
@media (max-width:760px){.savebar{padding:8px 10px;gap:8px;margin:12px 0 0}.savebar .sbt .muted{display:none}.savebar #sbtot{font-size:15px}.savebar .btn{white-space:nowrap;padding:8px 10px}.addsub{padding-left:8px}.addr.sub .addc{min-width:0}.addo{padding-left:0}.addo .og2.clr{flex:1 1 100%}.og2.clr>label{min-width:88px}.cdbtn{min-width:0;flex:1}.vsel{grid-template-columns:1fr 1fr}.kpi4{grid-template-columns:1fr 1fr}.thumb.big{width:64px;height:64px}.oitem{gap:10px}}
/* ---- anasayfa raporları ---- */
.dcard{background:#fff;border:1px solid #dfe3e8;border-radius:8px;margin:0 0 16px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.pstrip{display:grid;grid-template-columns:repeat(3,1fr);padding:18px 22px;gap:18px}
.pstrip>div{min-width:0}.pstrip>div+div{border-left:1px solid #eef0f3;padding-left:22px}
.pl{color:#5f6670;font-size:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pv{font-size:28px;font-weight:700;color:#1f2329;margin-top:4px;font-variant-numeric:tabular-nums;letter-spacing:-.3px}
.pc{font-size:12px;color:#8a9099;margin-top:2px}
.dl{display:inline-flex;align-items:center;gap:3px;font-size:12.5px;font-weight:700;border-radius:10px;padding:1px 7px;white-space:nowrap}
.dl.up{color:#1e8449;background:#e3f4ea}.dl.down{color:#c0392b;background:#fbe5e2}
.dl.big{font-size:13.5px;padding:2px 9px}
.dgrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;margin:0 0 16px}
.chartcard{margin:0;padding:18px 20px 10px}
.ch{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ct{font-size:16px;font-weight:700;color:#1f2329}
.cbig{display:flex;align-items:center;gap:10px;margin:4px 0 8px;flex-wrap:wrap}#cbig{font-size:38px;font-weight:800;color:#1f2329;letter-spacing:-.8px;font-variant-numeric:tabular-nums}
.cprev{display:inline-block;background:#f1f3f5;border-radius:6px;padding:6px 10px;font-size:13px;color:#3d434a}
.legend{display:flex;gap:14px;align-items:flex-start;font-size:12.5px;color:#5f6670;padding-top:4px}
.legend span{display:flex;align-items:center;gap:6px}
.k{display:inline-block;width:14px;height:2px;border-radius:2px;background:#868c95}.k.t{background:#cf5f0c}
.chart{position:relative;margin-top:10px}
.chart svg{display:block;width:100%;height:auto;touch-action:none}
.chart .gl{stroke:#eceef1;stroke-width:1}
.chart .yt{fill:#8a9099;font-size:11px;text-anchor:end}.chart .xt{fill:#8a9099;font-size:11px;text-anchor:middle}
.chart .ln{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart .ln.t{stroke:#cf5f0c}.chart .ln.y{stroke:#868c95}
.chart .ar{fill:#cf5f0c;opacity:.1}
.chart .dot{fill:#cf5f0c;stroke:#fff;stroke-width:2}.chart .dot.y{fill:#868c95}
.chart .xh{stroke:#b9bec5;stroke-width:1}
.tip{position:absolute;background:#fff;border:1px solid #dfe3e8;border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,.12);padding:8px 10px;font-size:12.5px;pointer-events:none;min-width:150px}
.tip b{display:block;font-weight:600;color:#5f6670;margin-bottom:4px;font-size:12px}
.tip .tr{display:flex;align-items:center;gap:7px}.tip strong{font-variant-numeric:tabular-nums;color:#1f2329}.tip span{color:#8a9099}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tile{position:relative;background:#fff;border:1px solid #dfe3e8;border-radius:8px;padding:16px 12px 12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font:inherit;color:inherit;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.tile:hover{border-color:#e9b98f}
.tile.on{background:#fdf1e7;border-color:#e9a46b}
.tile .rd{position:absolute;left:12px;top:12px;width:16px;height:16px;border-radius:50%;border:1.5px solid #b9bec5;background:#fff}
.tile.on .rd{border:5px solid #cf5f0c}
.tile .tl{display:flex;align-items:center;gap:5px;font-weight:600;font-size:13.5px;color:#3d434a;padding:0 14px}
.tile .hi{color:#9aa0a8;display:inline-flex}.tile .hi svg{width:13px;height:13px}
.tile .tv{font-size:26px;font-weight:600;color:#1f2329;font-variant-numeric:tabular-nums}
.tile .tlink{font-size:13px;color:#1f2329;font-weight:600;margin-top:4px}
.bh2{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #eef0f3;flex-wrap:wrap}.bh2 h3{margin:0;font-size:16px;font-weight:700}.bh2 .sp{flex:1}
.seg{display:inline-flex;border:1px solid #d6dae0;border-radius:6px;overflow:hidden}
.seg button{border:0;background:#fff;padding:6px 11px;font-size:13px;cursor:pointer;color:#5f6670}.seg button+button{border-left:1px solid #d6dae0}
.seg button.on{background:#1f2329;color:#fff}
.perfbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.perfbar .in{width:auto}
.prog{height:7px;background:#eceef1;border-radius:4px;overflow:hidden;margin:3px 0}.prog i{display:block;height:100%;background:#cf5f0c;border-radius:4px}.prog.done i{background:var(--green)}
.perftbl th,.perftbl td{white-space:nowrap}.perftbl tr.grp th{background:#f6f7f9;font-size:11.5px;text-transform:uppercase;letter-spacing:.3px;color:#6b7280;border-bottom:0}
.perftbl th.sortable{cursor:pointer;user-select:none}.perftbl th.sortable:hover{color:var(--blue)}.perftbl .sbar{min-width:120px}.perftbl .prog{width:110px;margin-left:auto}.perftbl td .pm{font-family:inherit}
.perftbl tr.webrow td{background:#fafbfc}.perftbl tfoot td{border-top:2px solid var(--line);background:#f6f7f9}
#srcTbl{overflow-x:auto}.srct th,.srct td{white-space:nowrap}.srct tfoot td{border-top:2px solid var(--line);background:#f6f7f9}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:1px}
.tgrow{display:flex;align-items:baseline;gap:6px}.tgrow>span:first-child{font-weight:600;min-width:58px}.tgrow .sp{flex:1}
.primbox{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:14px;padding:12px;border:1px dashed var(--line2);border-radius:6px}.primbox small{display:block;color:#666;font-size:12px;text-transform:uppercase}.primbox b{font-size:20px}
.strow{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr);gap:10px;align-items:center;margin:6px 0;font-size:13px}.strow>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.myrow{display:flex;flex-wrap:wrap;gap:0;padding:4px 0}.myrow>div{flex:1 1 150px;padding:10px 16px;border-right:1px solid #eef0f3}.myrow>div:last-child{border-right:0}
.myrow small{display:block;color:#666;font-size:12px;text-transform:uppercase}.myrow b{font-size:20px;font-weight:600;display:block}.myrow .pm{display:block}.mytgt .prog{max-width:180px}
.bchart{width:100%;height:auto;display:block}.bchart .gl{stroke:currentColor;opacity:.12}.bchart .ax{font-size:11px;fill:currentColor;opacity:.6}
.legend .k{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px}
.toptbl th{background:#f6f7f9}.toptbl td{padding:10px}.toptbl .rk{font-weight:700;font-size:15px}
.pi{display:flex;gap:12px;align-items:center}.pi b{color:#1f2329}
.thumb{width:48px;height:48px;border-radius:6px;flex:none;object-fit:cover;border:1px solid #e3e6ea;display:inline-flex;align-items:center;justify-content:center;color:#9aa0a8}
.thumb.ph2{background:#f1f2f4}.thumb.sw2{border-color:rgba(0,0,0,.12)}
.pm{font-size:12.5px;color:#6b7280;margin-top:2px}
.cp{border:0;background:none;color:#6b7280;cursor:pointer;padding:0 2px;font-size:13px}
@media (max-width:1200px){.dgrid{grid-template-columns:minmax(0,1fr)}}
.tip .tr{white-space:nowrap}
@media (max-width:700px){.seg button{padding:6px 8px;font-size:12px}.toptbl .thumb{width:40px;height:40px}.pstrip{grid-template-columns:1fr}.pstrip>div+div{border-left:0;padding-left:0;border-top:1px solid #eef0f3;padding-top:12px}.tiles{grid-template-columns:1fr 1fr}.tile .tv{font-size:20px}#cbig{font-size:30px}.pv{font-size:24px}}
@media (max-width:1100px){.grid2,.grid2e,.mkgrid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:900px){
.logo{width:auto;padding:0 10px}.burger{display:block}
.side{transform:translateX(-100%);transition:transform .2s}
body.menu .side{transform:none}
body.menu .scrim{display:block;position:fixed;inset:56px 0 0 0;background:rgba(0,0,0,.35);z-index:25}
.content{margin-left:0}
.logo{background:none;border:0}.tnew span{display:none}.tnew{width:38px;padding:0;justify-content:center}
.qs{display:none}.qsbtn{display:inline-flex}body.qsopen .qs{display:flex;position:fixed;top:56px;left:0;right:0;width:auto;margin:0;padding:8px 12px;background:var(--top);z-index:45;box-shadow:0 8px 20px rgba(0,0,0,.3)}body.qsopen .qs>svg{left:24px}body.qsopen .qk{display:none}
.form{grid-template-columns:1fr}
.counters{grid-template-columns:1fr 1fr}
.counters div:nth-child(3){border-left:0}
.tblwrap{overflow-x:auto}
}
/* =====================================================================
MODERN GÖRÜNÜM — sayfa içeriği (üst çubuk ve sol menüyle uyumlu)
===================================================================== */
:root{--bg:#f3f4f7;--line:#e7e9ee;--line2:#d9dce3;--tx:#1f2328;--mute:#6b7280;--head:#f8f9fb;--r:12px;--r-sm:8px;--ring:0 0 0 3px rgba(0,167,160,.18);--sh:0 1px 2px rgba(16,24,40,.05)}
html,body{-webkit-font-smoothing:antialiased}
.content{background:var(--bg)}
.crumb{background:transparent;border:0;padding:14px 24px 0;color:var(--mute);font-size:13px}
.crumb .ic{background:transparent;color:var(--mute);border:1px solid var(--line2);border-radius:7px;width:26px;height:26px}
.crumb .ic:hover{color:var(--tx);background:var(--box)}
.page{padding:12px 24px 60px}
.ph{margin:6px 0 16px}
.ph h1{font-size:22px;font-weight:650;letter-spacing:-.2px;color:var(--tx)}
.ph h1 small{font-size:14px;font-weight:400;color:var(--mute);letter-spacing:0}
.ph h1 svg.i{color:var(--teal)}
/* kutular */
.box{border:1px solid var(--line);border-top:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh)}
.box.teal,.box.blue,.box.orange,.box.dark{border-top-color:var(--line)}
.box>.bh:first-child{border-radius:var(--r) var(--r) 0 0}.box>.bb:last-child,.box>.bb.np:last-child{border-radius:0 0 var(--r) var(--r)}
.bh{padding:12px 16px;min-height:48px}
.bh h3{font-size:15px;font-weight:600}
.bh h3 svg.i{color:var(--mute)}
.box.teal .bh h3 svg.i{color:var(--teal)}.box.blue .bh h3 svg.i{color:var(--blue)}.box.orange .bh h3 svg.i{color:var(--orange)}
.bb{padding:16px}
.dcard{border-color:var(--line);border-radius:var(--r)}
/* butonlar */
.btn{border-radius:var(--r-sm);padding:7px 14px;font-size:13.5px;font-weight:500;background:var(--box);border-color:var(--line2);color:#2b3036;transition:background .12s,border-color .12s,box-shadow .12s}
.btn:hover{filter:none;background:var(--head);border-color:#c9cdd6}
.btn.teal,.btn.blue,.btn.green,.btn.red,.btn.orange{border-color:transparent;box-shadow:0 1px 2px rgba(16,24,40,.08)}
.btn.teal:hover{background:#009690}.btn.blue:hover{background:#337ab0}.btn.green:hover{background:#00954f}.btn.red:hover{background:#c94333}.btn.orange:hover{background:#e08e0b}
.btn.teal:hover,.btn.blue:hover,.btn.green:hover,.btn.red:hover,.btn.orange:hover{border-color:transparent}
.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:rgba(31,35,40,.06)}
.btn.sm{border-radius:7px;padding:4px 10px;font-size:12.5px}
.btn:focus-visible,.stab:focus-visible,.seg a:focus-visible,.seg button:focus-visible{outline:none;box-shadow:var(--ring)}
/* form */
.in{border-radius:var(--r-sm);padding:8px 11px;border-color:var(--line2);transition:border-color .12s,box-shadow .12s}
.in:hover{border-color:#c4c9d2}
.in:focus{border-color:var(--teal);box-shadow:var(--ring)}
.fld label{font-size:12.5px;font-weight:600;color:#4b5563}
.chk input{accent-color:var(--teal)}
input[type=checkbox],input[type=radio]{accent-color:var(--teal)}
/* tablo */
.tbl th{background:var(--head);border-bottom:1px solid var(--line);padding:10px 12px;font-size:12.5px;color:var(--mute)}
.tbl td{padding:10px 12px;border-top-color:var(--line)}
.tbl tr:hover td{background:#fafbfc}
.tbl .empty td{padding:34px 12px}
.tbl td.r,.tbl th.r{white-space:nowrap}
/* etiketler */
.lbl{border-radius:6px;font-weight:600;padding:2px 8px}
.idb{border-radius:6px}
/* uyarılar */
.alert{border-radius:10px;padding:11px 14px}
.alert.info{background:#eef5fb;border-color:#d6e4f2;border-left:1px solid #d6e4f2;color:#24405e}
.alert.warn{background:#fff8e6;border-color:#f3dfa6;color:#5b4a06}
/* sekmeler */
.stabs{gap:6px;padding-bottom:14px}
.stab{border-radius:999px;padding:6px 13px;border-color:var(--line2);background:var(--box);color:#4b5563;font-weight:500}
.stab:hover{border-color:#c4c9d2;color:var(--tx)}
.stab.on{background:#1f2328;border-color:#1f2328;color:#fff}
#stabs .sgrp .stab{border-radius:999px}
.seg{border-radius:10px;border-color:var(--line2);padding:2px;gap:2px;background:var(--head)}
.seg a,.seg button{border-radius:8px;background:transparent}
.seg a.on,.seg button.on{background:var(--box);color:var(--tx);box-shadow:0 1px 2px rgba(16,24,40,.12)}
/* toplu işlem çubuğu */
.bulk{border-radius:10px;background:#fff8e6;border-color:#f3dfa6}
/* pencereler */
.mbox{border-radius:14px;box-shadow:0 24px 60px rgba(16,24,40,.28)}
.mh{padding:14px 18px}.mh h3{font-size:17px;font-weight:600}
.mb{padding:18px}
.mf{padding:12px 18px;background:var(--head);border-radius:0 0 14px 14px}
.modal{background:rgba(17,20,24,.5);backdrop-filter:blur(2px)}
.mbox.sidep{border-radius:14px 0 0 14px}
/* koyu tema uyumu */
html[data-theme=dark] .crumb .ic{border-color:var(--line2)}html[data-theme=dark] .crumb .ic:hover{background:var(--box)}
html[data-theme=dark] .ph h1{color:var(--tx)}
html[data-theme=dark] .crumb{background:transparent;border:0}html[data-theme=dark] .box,html[data-theme=dark] .box.teal,html[data-theme=dark] .box.blue,html[data-theme=dark] .box.orange,html[data-theme=dark] .box.dark{border-top-color:var(--line)}
html[data-theme=dark] .tbl tr:hover td{background:#222228}
html[data-theme=dark] .alert.info{background:#16222e;border-color:#24394d;color:#bcd2e8}
html[data-theme=dark] .alert.warn,html[data-theme=dark] .bulk{background:#2a2414;border-color:#4a3e1c;color:#f0dca0}
html[data-theme=dark] .stab.on{background:#e4e4e8;border-color:#e4e4e8;color:#16161a}
html[data-theme=dark] .seg a.on,html[data-theme=dark] .seg button.on{background:#2c2c33;color:#fff}
html[data-theme=dark] .btn.ghost:hover{background:rgba(255,255,255,.06)}
html[data-theme=dark] .fld label{color:#b8b8c2}
@media (max-width:900px){.page{padding:10px 12px 60px}.crumb{padding:12px 12px 0}}
/* Mobil: sipariş geçmişi tablosunda kişi adı satıra sığsın */
@media (max-width:640px){.bb .tbl td.muted{white-space:normal!important}}
/* Sol menü: sayaçlar ve oklar her satırda aynı sütunda */
.nav .nend{gap:8px}
.nav .nchev{width:15px;height:15px;display:inline-flex;flex:none}
.nav .nend .nbadge{min-width:22px}