/* Kargo Paneli — gece mavisi yan menü, tek sinyal sarısı, sakin zemin */
:root{
  --night:#0e1626; --night-2:#17223a; --night-3:#24314f; --night-ink:#c9d2e3; --night-mute:#7f8ba3;
  --ink:#111a2c; --ink-2:#4d5a70; --ink-3:#8792a6;
  --canvas:#f2f4f8; --surface:#fff; --sunken:#f7f8fb; --line:#e2e6ee; --line-2:#edf0f5;
  --blue:#2456f5; --blue-2:#1b45d6; --blue-soft:#eaf0ff;
  --signal:#ffc933; --ptt:#ffc933; --ptt-soft:#fff6d6; --ptt-ink:#6b5000;
  --red:#d9443b; --red-soft:#fdeeed; --green:#16935a; --green-soft:#e5f5ed; --amber:#b86a00; --amber-soft:#fff2df;
  --r-sm:6px; --r:8px; --r-lg:12px;
  --display:'Bricolage Grotesque',Onest,system-ui,sans-serif;
  font-family:Onest,system-ui,sans-serif; font-size:14px; color:var(--ink); line-height:1.45;
  font-variant-numeric:tabular-nums; -webkit-font-smoothing:antialiased;
}
*{box-sizing:border-box}
body{margin:0;background:var(--canvas)}
[hidden]{display:none!important}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--blue)}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
::selection{background:#ffe7a3}
h1,h2,h3{font-family:var(--display);letter-spacing:-.01em}
.ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* marka */
.brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:17px;letter-spacing:-.01em}
.brand-mark{width:24px;height:18px;border-radius:4px;background:linear-gradient(90deg,currentColor 0 42%,var(--signal) 42% 58%,currentColor 58%);opacity:.95}

/* butonlar ve form */
.btn{display:inline-flex;align-items:center;gap:6px;text-decoration:none;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--r);padding:7px 13px;cursor:pointer;white-space:nowrap;font-weight:500;transition:border-color .12s,background .12s}
.btn:hover{border-color:#c5ccd9;background:var(--sunken)}
.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}
.btn.primary:hover{background:var(--blue-2);border-color:var(--blue-2)}
.btn.danger{color:var(--red)} .btn.danger:hover{border-color:#f0b9b5;background:var(--red-soft)}
.btn.sm{padding:4px 10px;font-size:13px}
.btn.lg{padding:11px 16px;justify-content:center;font-size:15px}
.btn:disabled{opacity:.5;cursor:default}
.linkish{background:none;border:0;color:var(--ink-2);cursor:pointer;padding:6px 0;text-align:left}
.linkish:hover{color:var(--ink)}
input,select,textarea{border:1px solid var(--line);border-radius:var(--r);padding:7px 10px;background:#fff;min-width:0;transition:border-color .12s,box-shadow .12s}
input:hover,select:hover,textarea:hover{border-color:#cdd3de}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(36,86,245,.14)}
input:disabled{background:var(--sunken);color:var(--ink-2)}
input[type=checkbox],input[type=radio]{accent-color:var(--blue);width:15px;height:15px}
textarea{width:100%;min-height:110px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px}
.sub{color:var(--ink-3);font-size:12px}
.err{color:var(--red);margin:0;min-height:1em}

/* giriş */
.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:var(--surface)}
.login-art{background:var(--night);color:#fff;padding:40px 48px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.login-copy{max-width:520px;position:relative;z-index:1}
.login-big{font-family:var(--display);font-size:46px;line-height:1.05;font-weight:600;letter-spacing:-.02em;margin:0 0 18px}
.login-sub{color:var(--night-ink);font-size:15px;margin:0;max-width:44ch}
.tape{position:absolute;left:-10%;right:-10%;top:38%;height:46px;background:repeating-linear-gradient(90deg,var(--signal) 0 120px,#f2b800 120px 124px);transform:rotate(-6deg);opacity:.9}
.login-box{align-self:center;justify-self:center;width:min(360px,90vw);display:grid;gap:16px}
.login-box h1{margin:0 0 4px;font-size:26px}
.login-box label{display:grid;gap:6px;color:var(--ink-2);font-size:13px;font-weight:500}
.login-box input{padding:10px 12px}

/* iskelet */
.shell{display:grid;grid-template-columns:244px 1fr;min-height:100vh}
.rail{background:var(--night);color:var(--night-ink);padding:20px 12px 16px;position:sticky;top:0;height:100vh;overflow:auto;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--night-3) transparent}
.rail .brand{color:#fff;padding:0 8px 22px}
.rail-label,.pipeline .grp{font-size:11px;font-weight:600;color:var(--night-mute);margin:18px 10px 6px;letter-spacing:.02em}
.main{padding:22px 28px 64px;min-width:0;max-width:1560px}
.banner{background:var(--ptt-soft);color:var(--ptt-ink);padding:9px 14px;border-radius:var(--r);margin-bottom:16px;border:1px solid #f4e2a6;font-size:13px}

.topnav,.pages{display:grid;gap:2px}
.topnav a,.pages a,.pages .linkish{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r);color:var(--night-ink);text-decoration:none;font-weight:500}
.topnav a:hover,.pages a:hover,.pages .linkish:hover{background:var(--night-2);color:#fff}
.topnav a.active,.pages a.active{background:var(--night-2);color:#fff;box-shadow:inset 3px 0 0 var(--signal)}
.pages{border-top:1px solid var(--night-2);padding-top:12px;margin-top:18px}

/* aşama rayı: siparişin yolu */
.pipeline{display:flex;flex-direction:column;margin-bottom:auto}
.stage{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:6px 10px 6px 8px;border-radius:var(--r);color:var(--night-ink);text-decoration:none;position:relative}
.stage .dot{width:9px;height:9px;border-radius:50%;border:2px solid var(--night-3);background:var(--night);justify-self:center;z-index:1}
.stage.flow::after{content:'';position:absolute;left:17px;top:21px;height:calc(100% - 2px);width:2px;background:var(--night-2)}
.stage.flow.last::after{display:none}
.stage:hover{background:var(--night-2);color:#fff}
.stage.active{background:var(--night-2);color:#fff}
.stage.active .dot{border-color:var(--signal);background:var(--signal);box-shadow:0 0 0 4px rgba(255,201,51,.18)}
.stage .n{font-weight:600;font-size:12px;min-width:26px;text-align:center;padding:1px 6px;border-radius:999px;background:var(--night-2);color:var(--night-ink)}
.stage:hover .n{background:var(--night-3)}
.stage.active .n{background:var(--signal);color:var(--night)}
.stage.warn .n{background:rgba(217,68,59,.22);color:#ffb4ae}
.stage.ptt .dot{border-color:var(--signal);background:var(--signal)}

/* sayfa başlığı ve filtreler */
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.toolbar h1{font-size:26px;margin:0;font-weight:700}
.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.filters input[type=search]{width:270px;padding-left:32px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%238792a6' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cpath d='m14 14-3.5-3.5'/%3E%3C/svg%3E") 10px 50%/14px no-repeat}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:var(--r);background:#fff;padding:2px;gap:2px}
.seg button{border:0;background:none;padding:5px 11px;cursor:pointer;color:var(--ink-2);border-radius:var(--r-sm);font-weight:500}
.seg button:hover{color:var(--ink);background:var(--sunken)}
.seg button.on{background:var(--ink);color:#fff}
.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}

.store-strip{display:flex;gap:6px;overflow:auto;margin-bottom:14px;padding-bottom:2px}
.store-chip{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 12px 5px 10px;white-space:nowrap;cursor:pointer;font-size:13px;font-weight:500}
.store-chip:hover{border-color:#c5ccd9}
.store-chip .sw{width:9px;height:9px;border-radius:50%}
.store-chip small{color:var(--ink-3);font-weight:400}
.store-chip b{background:var(--sunken);border-radius:999px;padding:0 7px;font-size:12px}
.store-chip.on{border-color:var(--ink);background:var(--ink);color:#fff}
.store-chip.on small{color:var(--night-mute)} .store-chip.on b{background:var(--night-3)}
.store-chip .err-dot{color:var(--red);font-weight:700}

.bulkbar{position:sticky;top:10px;z-index:5;display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--night);color:#fff;padding:8px 10px;border-radius:var(--r-lg);margin-bottom:12px;box-shadow:0 10px 30px rgba(14,22,38,.22)}
.bulkbar .btn,.bulkbar select.btn,.bulkbar input{background:var(--night-2);border-color:var(--night-3);color:#fff}
.bulkbar .btn:hover{background:var(--night-3)}
.bulkbar .btn.primary{background:var(--blue);border-color:var(--blue)}
.bulkbar .linkish{color:var(--night-mute);margin-left:auto}
#selCount,#pSel{font-weight:600;margin:0 6px 0 4px}

/* tablolar */
.table-wrap{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:auto}
table.orders{width:100%;border-collapse:separate;border-spacing:0;min-width:1000px}
.orders th{font-weight:500;color:var(--ink-3);font-size:12px;text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--sunken);position:sticky;top:0;z-index:1}
.orders td{padding:11px 12px;border-bottom:1px solid var(--line-2);vertical-align:top}
.orders tbody tr:last-child td{border-bottom:0}
.orders tbody tr{cursor:pointer}
.orders tbody tr:hover td{background:#f8faff}
.orders tr.sel td{background:var(--blue-soft)}
.orders .chk{width:38px}
.oname{font-weight:600}
.storetag{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--ink-2)}
.storetag i{width:7px;height:7px;border-radius:2px;display:inline-block}
.addr{max-width:300px}
.addr .line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.issue{color:var(--red);font-size:12px;display:flex;gap:5px;align-items:baseline}
.issue::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;flex:none;transform:translateY(-1px)}
.cod{font-size:11px;color:var(--amber);font-weight:600}
.empty{padding:56px 24px;text-align:center;color:var(--ink-2)}
.num{text-align:right;white-space:nowrap}
.orders th.num{text-align:right}

.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:2px 9px 2px 8px;border-radius:999px;background:var(--sunken);color:var(--ink-2);white-space:nowrap;border:1px solid var(--line-2)}
.pill::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.75}
.pill.green{background:var(--green-soft);color:var(--green);border-color:transparent}
.pill.red{background:var(--red-soft);color:var(--red);border-color:transparent}
.pill.amber{background:var(--amber-soft);color:var(--amber);border-color:transparent}
.pill.blue{background:var(--blue-soft);color:var(--blue);border-color:transparent}
.pill.ptt{background:var(--signal);color:#3d2e00;font-weight:700;border-color:transparent;padding:1px 8px;letter-spacing:.02em}
.pill.ptt::before{display:none}

/* çekmece */
.drawer{position:fixed;inset:0 0 0 auto;width:min(580px,100vw);background:var(--canvas);border-left:1px solid var(--line);box-shadow:-20px 0 60px rgba(14,22,38,.16);z-index:20;overflow:auto;animation:slide .2s cubic-bezier(.2,.8,.2,1)}
@keyframes slide{from{transform:translateX(32px);opacity:.5}}
@media (prefers-reduced-motion:reduce){.drawer{animation:none}.todo-i{transition:none}}
.drawer-inner{padding:0 20px 40px}
.dh{display:flex;justify-content:space-between;align-items:start;gap:12px;margin:0 -20px 16px;padding:18px 20px 14px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2}
.dh h2{margin:0 0 4px;font-size:22px}
.close{width:32px;height:32px;border-radius:var(--r);font-size:20px;line-height:1;background:none;border:1px solid var(--line);cursor:pointer;color:var(--ink-2)}
.close:hover{background:var(--sunken)}
.box{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:16px;margin-bottom:12px}
.box h3{font-size:14px;margin:0 0 12px;color:var(--ink);font-weight:600}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.grid2 label,.field{display:grid;gap:4px;font-size:12px;color:var(--ink-2);font-weight:500}
.grid2 .wide{grid-column:1/-1}
.route{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.route b{font-size:15px;font-family:var(--display)}
.timeline{list-style:none;margin:0;padding:0;font-size:13px}
.timeline li{padding:8px 0 8px 16px;border-left:2px solid var(--line-2);display:grid;grid-template-columns:96px 1fr;gap:10px;position:relative}
.timeline li::before{content:'';position:absolute;left:-5px;top:13px;width:8px;height:8px;border-radius:50%;background:#fff;border:2px solid var(--ink-3)}
.timeline li:first-child::before{border-color:var(--blue);background:var(--blue)}
.timeline time{color:var(--ink-3);font-size:12px}
.msg{padding:9px 12px;border-radius:12px;margin:6px 0;max-width:88%;font-size:13px}
.msg.out{background:#dcf7e6;margin-left:auto;border-bottom-right-radius:4px}
.msg.in{background:var(--sunken);border:1px solid var(--line-2);border-bottom-left-radius:4px}
.msg .meta{font-size:11px;color:var(--ink-3);margin-top:3px}
.label-preview{max-height:340px;border:1px solid var(--line);border-radius:var(--r);display:block;margin:0 auto 12px;background:#fff}
.ptt-switch{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:var(--r);background:var(--ptt-soft);color:var(--ptt-ink);font-size:13px;border:1px solid #f4e2a6}

/* mağaza kartları ve ayarlar */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 18px 18px 22px;position:relative;overflow:hidden}
.card::before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:var(--c,#999)}
.card h3{margin:0 0 2px;font-size:17px}
.card dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:13px;margin:14px 0}
.card dt{color:var(--ink-3)} .card dd{margin:0}
.settings{display:grid;gap:14px;max-width:900px}
.settings section{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:20px 22px}
.settings h2{font-size:17px;margin:0 0 6px}
.settings p.help{color:var(--ink-2);margin:0 0 14px;font-size:13px;max-width:76ch}
.settings .grid2 input,.settings .grid2 select{width:100%}
.copy{display:flex;gap:6px;align-items:center;font-size:12px}
.copy code{background:var(--sunken);border:1px solid var(--line-2);padding:5px 9px;border-radius:var(--r-sm);overflow:auto;white-space:nowrap;flex:1}
dialog{border:0;border-radius:var(--r-lg);padding:0;width:min(680px,96vw);box-shadow:0 30px 80px rgba(14,22,38,.3)}
dialog::backdrop{background:rgba(14,22,38,.45);backdrop-filter:blur(2px)}
.dlg{padding:22px;display:grid;gap:14px}
.dlg h2{margin:0;font-size:20px}
.check{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--ink)}

.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,8px);background:var(--night);color:#fff;padding:11px 18px;border-radius:var(--r-lg);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:50;max-width:90vw;box-shadow:0 12px 30px rgba(14,22,38,.25)}
.toast.show{opacity:1;transform:translate(-50%,0)}
.toast.bad{background:var(--red)}

/* etiket tasarımı */
.lbl-editor{display:grid;grid-template-columns:250px 1fr 270px;gap:16px;align-items:start}
.radio{display:flex;gap:8px;align-items:center;padding:4px 0;font-size:13px}
.logo-prev{max-width:100%;max-height:60px;display:block;margin-bottom:10px;border-radius:var(--r-sm);background:repeating-conic-gradient(#eef0f4 0 25%,#fff 0 50%) 0 0/12px 12px}
.palette{display:flex;flex-wrap:wrap;gap:6px}
.lbl-stage{display:flex;flex-direction:column;align-items:center;gap:10px}
.canvas-wrap{background:#dde2ea radial-gradient(#c9d0db 1px,transparent 1px) 0 0/16px 16px;border-radius:var(--r-lg);padding:28px;width:100%;display:flex;justify-content:center;overflow:auto;border:1px solid var(--line)}
.lbl-canvas{position:relative;background:#fff;box-shadow:0 2px 4px rgba(14,22,38,.08),0 12px 28px rgba(14,22,38,.14);background-size:100% 100%;background-repeat:no-repeat;flex:none;outline:none;border-radius:2px}
.lbl-el{position:absolute;cursor:move;outline:1px dashed transparent}
.lbl-canvas:hover .lbl-el{outline-color:rgba(36,86,245,.3)}
.lbl-el.sel{outline:2px solid var(--blue)!important;z-index:2}
.lbl-el .rs{position:absolute;right:-5px;bottom:-5px;width:10px;height:10px;background:#fff;border:2px solid var(--blue);border-radius:2px;cursor:nwse-resize;display:none}
.lbl-el.sel .rs{display:block}
.lbl-el .tag{position:absolute;left:-2px;top:-19px;font-size:10px;background:var(--blue);color:#fff;padding:2px 6px;border-radius:4px 4px 0 0;white-space:nowrap;display:none}
.lbl-el.sel .tag{display:block}
.lbl-props{position:sticky;top:12px}
.lbl-props .grid2 input,.lbl-props .grid2 select,.lbl-props .field input,.lbl-props .field select{width:100%}
.lbl-props .field{margin-bottom:10px}

/* ana sayfa */
.todo{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:16px}
.todo-i{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:12px 14px;text-decoration:none;color:var(--ink);display:grid;gap:2px;transition:border-color .12s,transform .12s}
.todo-i b{font-family:var(--display);font-size:26px;line-height:1.1;font-weight:600}
.todo-i span{color:var(--ink-2);font-size:13px}
.todo-i:hover{border-color:#c5ccd9;transform:translateY(-1px)}
.todo-i.zero b{color:#b7bfcc}
.todo-i.warn{border-color:#f3c2be;background:linear-gradient(180deg,var(--red-soft),#fff)} .todo-i.warn b{color:var(--red)}
.dash-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;margin-bottom:16px;align-items:start}
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 20px;margin-bottom:16px;min-width:0}
.dash-grid .panel{margin-bottom:0}
.panel h2{font-size:16px;margin:0 0 14px;font-weight:600}
.ph{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.kflow{display:grid;grid-template-columns:repeat(7,1fr);background:var(--sunken);border:1px solid var(--line-2);border-radius:var(--r);overflow:hidden}
.kflow-i{padding:12px;display:grid;gap:2px;border-right:1px solid var(--line-2)}
.kflow-i:last-child{border-right:0}
.kflow-i b{font-family:var(--display);font-size:22px;font-weight:600}
.kflow-i span{font-size:12px;color:var(--ink-2)}
.kflow-i.ok b{color:var(--green)} .kflow-i.bad b{color:var(--red)}
.rates{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
.rates div{display:flex;gap:10px;align-items:baseline}
.rates b{font-family:var(--display);font-size:30px;font-weight:600;letter-spacing:-.02em}
.rates span{font-size:13px;color:var(--ink-2);line-height:1.3}
.rates small{color:var(--ink-3)}
.hero{font-family:var(--display);font-size:46px;font-weight:700;letter-spacing:-.03em;line-height:1}
.pos{color:var(--green)} .neg{color:var(--red)}
.hero.pos{color:var(--ink)}
.profit .hero.pos::after{content:'';display:block;width:56px;height:5px;border-radius:3px;background:var(--signal);margin-top:12px}
.ledger{width:100%;border-collapse:collapse;margin:12px 0;font-size:13px}
.ledger td{padding:6px 0;border-bottom:1px dashed var(--line)}
.ledger tr:first-child td{font-weight:600}
.ledger small{color:var(--ink-3)}
.ledger .pos{color:var(--ink)}
.expected{display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding:12px 14px;background:var(--sunken);border:1px solid var(--line-2);border-radius:var(--r);font-size:13px}
.expected b{font-family:var(--display);font-size:19px}
.warnbox{display:block;margin-top:12px;padding:10px 12px;border-radius:var(--r);background:var(--amber-soft);color:var(--amber);text-decoration:none;font-size:13px;border:1px solid #f6d9ae}
.legend{display:flex;gap:14px;font-size:12px;color:var(--ink-2)}
.k{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px}
.s1k{background:#2a78d6}.s2k{background:#eb6834}.s3k{background:var(--ink);height:3px;vertical-align:2px;border-radius:2px}.nk{background:var(--ink-3)}
.chart-wrap{position:relative}
.chart{width:100%;height:auto;display:block}
.chart .grid{stroke:var(--line-2);stroke-width:1}
.chart .ax{font-size:11px;fill:var(--ink-3);font-family:Onest,sans-serif}
.chart .s1{fill:#2a78d6}.chart .s2{fill:#eb6834}
.chart .s3{fill:none;stroke:var(--ink);stroke-width:2;stroke-linejoin:round}
.chart .s3d{fill:var(--ink);stroke:#fff;stroke-width:2}
.chart .cross{stroke:var(--ink-3);stroke-dasharray:3 3}
.chart .hit{fill:transparent;cursor:crosshair}
.tip{position:absolute;top:8px;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:0 10px 30px rgba(14,22,38,.14);padding:9px 11px;font-size:12px;min-width:176px;pointer-events:none}
.tip div{display:flex;align-items:center;gap:2px;margin-top:4px}.tip span{margin-left:auto;font-weight:600}
.table-wrap.flat{border:0;border-radius:0}
table.mini{min-width:0}
.mini td,.mini th{padding:8px 10px}
.mini th{background:transparent;border-bottom:1px solid var(--line)}
.mini tbody tr{cursor:default}
.mini tbody tr:hover td{background:transparent}

/* ürünler */
table.products{min-width:1120px}
.products tbody tr{cursor:default}
.prod{display:flex;gap:10px;align-items:center}
.prod img,.noimg{width:42px;height:42px;border-radius:var(--r);object-fit:cover;background:var(--sunken);border:1px solid var(--line-2);flex:none}
input.cost{width:100px;text-align:right}
input.cost.missing{border-color:#f0c98a;background:var(--amber-soft)}
.costcell .sub{display:block;margin-top:3px}
#pInfo{margin:0 0 12px}

@media (max-width:1180px){.lbl-editor{grid-template-columns:1fr}.lbl-props{position:static}}
@media (max-width:1100px){.dash-grid{grid-template-columns:1fr}.todo{grid-template-columns:repeat(3,1fr)}.kflow{grid-template-columns:repeat(4,1fr)}}
@media (max-width:860px){
  .shell{grid-template-columns:1fr}
  .rail{position:static;height:auto;padding:14px 12px}
  .rail .brand{padding-bottom:10px}
  .topnav,.pages{grid-auto-flow:column;grid-auto-columns:max-content;overflow:auto}
  .pages{margin-top:8px;padding-top:8px}
  .rail-label,.pipeline .grp,.stage.flow::after{display:none}
  .pipeline{flex-direction:row;overflow:auto;gap:4px;margin-top:8px}
  .stage{grid-template-columns:auto auto;white-space:nowrap}.stage .dot{display:none}
  .main{padding:16px 12px 48px}
  .filters input[type=search]{width:100%}
  .login{grid-template-columns:1fr}.login-art{padding:28px;min-height:260px}.login-big{font-size:32px}.tape{top:auto;bottom:-10px;height:30px}
}
@media (max-width:600px){.todo{grid-template-columns:repeat(2,1fr)}.rates{grid-template-columns:1fr}.kflow{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}}