/* Kurye Paneli — koyu, sade tema */
:root{
  --bg:#0f1420; --panel:#171e2e; --panel2:#1e2739; --border:#3d4b6d; --text:#e7ecf5; --muted:#a6b1c8;
  --accent:#f59e0b; --accent2:#fbbf24; --blue:#3b82f6; --green:#22c55e; --red:#ef4444; --purple:#a855f7; --orange:#fb923c;
  --radius:12px; --shadow:0 10px 30px rgba(0,0,0,.25); --on-accent:#1a1205;
  --st-assigned:#93c5fd; --st-picked:#d8b4fe; --st-delivered:#86efac; --st-err:#fca5a5;
  color-scheme:dark;
}
/* temalar (sol alttaki kutucuklar) — sitenin bütün renkleri değişir */
[data-theme=black]{--bg:#000;--panel:#0b0b0b;--panel2:#161616;--border:#3d3d3d;--text:#f5f5f5;--muted:#b3b3b3;
  --accent:#e5e5e5;--accent2:#fff;--on-accent:#000}
[data-theme=white]{--bg:#f3f5f9;--panel:#fff;--panel2:#eef1f6;--border:#c3ccd9;--text:#111827;--muted:#475569;
  --accent:#2563eb;--accent2:#1d4ed8;--on-accent:#fff;--shadow:0 8px 24px rgba(15,23,42,.08);
  --st-assigned:#1d4ed8;--st-picked:#7e22ce;--st-delivered:#15803d;--st-err:#b91c1c;--orange:#c2410c;color-scheme:light}
[data-theme=blue]{--bg:#0a1530;--panel:#101f40;--panel2:#162a52;--border:#34518c;--text:#e8eefb;--muted:#a8b9da;
  --accent:#3b82f6;--accent2:#60a5fa;--on-accent:#fff}
[data-theme=green]{--bg:#08180f;--panel:#0f2318;--panel2:#152f21;--border:#2f6148;--text:#e6f4ec;--muted:#a8c9b8;
  --accent:#22c55e;--accent2:#4ade80;--on-accent:#06210f}
[data-theme=red]{--bg:#1a0b0e;--panel:#251216;--panel2:#31191e;--border:#66363f;--text:#f8e9eb;--muted:#d4b2b8;
  --accent:#ef4444;--accent2:#f87171;--on-accent:#fff}
[data-theme=purple]{--bg:#130c22;--panel:#1d1432;--panel2:#271c43;--border:#523f80;--text:#efe9fb;--muted:#bfb3da;
  --accent:#a855f7;--accent2:#c084fc;--on-accent:#fff}
[data-theme=pink]{--bg:#1b0b16;--panel:#271221;--panel2:#33182c;--border:#6a335c;--text:#fbe9f4;--muted:#d8b2c9;
  --accent:#ec4899;--accent2:#f472b6;--on-accent:#fff}
/* ek koyu temalar (yönetici / restoran panelinde) */
[data-theme=teal]{--bg:#061a1b;--panel:#0c2526;--panel2:#123133;--border:#2c5e60;--text:#e3f5f4;--muted:#a3c9c7;
  --accent:#14b8a6;--accent2:#2dd4bf;--on-accent:#04201d}
[data-theme=ocean]{--bg:#06141f;--panel:#0b1f2e;--panel2:#11293c;--border:#2a5372;--text:#e2f1fa;--muted:#a1c1d6;
  --accent:#06b6d4;--accent2:#22d3ee;--on-accent:#03202a}
[data-theme=indigo]{--bg:#0d0f26;--panel:#151837;--panel2:#1d2147;--border:#3f4685;--text:#eceefc;--muted:#b4b8e0;
  --accent:#6366f1;--accent2:#818cf8;--on-accent:#fff}
[data-theme=sunset]{--bg:#1a0f08;--panel:#26170d;--panel2:#321f12;--border:#6b4327;--text:#fbefe6;--muted:#d6bba6;
  --accent:#f97316;--accent2:#fb923c;--on-accent:#fff}
[data-theme=gold]{--bg:#15120a;--panel:#1f1b0f;--panel2:#2a2414;--border:#5e5230;--text:#f8f3e3;--muted:#d0c6a4;
  --accent:#eab308;--accent2:#facc15;--on-accent:#1f1802}
[data-theme=graphite]{--bg:#121417;--panel:#1a1d22;--panel2:#22262c;--border:#3f4550;--text:#eceff3;--muted:#aab2bd;
  --accent:#94a3b8;--accent2:#cbd5e1;--on-accent:#0f1216}
/* ek açık temalar */
[data-theme=cream]{--bg:#f6f1e7;--panel:#fffdf8;--panel2:#f1eadc;--border:#d8ccb4;--text:#2b2116;--muted:#6f6150;
  --accent:#b45309;--accent2:#92400e;--on-accent:#fff;--shadow:0 8px 24px rgba(60,40,10,.08);
  --st-assigned:#1d4ed8;--st-picked:#7e22ce;--st-delivered:#15803d;--st-err:#b91c1c;--orange:#c2410c;color-scheme:light}
[data-theme=mint]{--bg:#eef7f3;--panel:#fff;--panel2:#e3f1ea;--border:#bcd9cb;--text:#0f2a1f;--muted:#4b6b5d;
  --accent:#059669;--accent2:#047857;--on-accent:#fff;--shadow:0 8px 24px rgba(6,60,40,.08);
  --st-assigned:#1d4ed8;--st-picked:#7e22ce;--st-delivered:#15803d;--st-err:#b91c1c;--orange:#c2410c;color-scheme:light}
[data-theme=lavender]{--bg:#f4f2fb;--panel:#fff;--panel2:#ebe7f8;--border:#cfc7ea;--text:#1e1638;--muted:#5d5480;
  --accent:#7c3aed;--accent2:#6d28d9;--on-accent:#fff;--shadow:0 8px 24px rgba(40,20,90,.08);
  --st-assigned:#1d4ed8;--st-picked:#7e22ce;--st-delivered:#15803d;--st-err:#b91c1c;--orange:#c2410c;color-scheme:light}
[data-theme=coffee]{--bg:#16110d;--panel:#211913;--panel2:#2b2119;--border:#5a4636;--text:#f6eee6;--muted:#cbb8a6;
  --accent:#d4a373;--accent2:#e6bc8f;--on-accent:#24170c}
:is([data-theme=cream],[data-theme=mint],[data-theme=lavender]) :is(.role-card b,.role-pill,.role-opt b){color:color-mix(in srgb,var(--rc) 65%,#000)}
:is([data-theme=cream],[data-theme=mint],[data-theme=lavender]) :is(.adv,.tag-hourly){color:var(--accent2)}
[data-theme=white] .role-card b,[data-theme=white] .role-pill,[data-theme=white] .role-opt b{color:color-mix(in srgb,var(--rc) 65%,#000)}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,system-ui,sans-serif}
a{color:var(--accent2);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{margin:0 0 10px;line-height:1.25}
h3{font-size:15px}
.muted{color:var(--muted)}
small{font-size:12px}
.err-text{color:var(--red)}
.nowrap{white-space:nowrap}
[hidden]{display:none!important}

/* düzen */
.app{display:flex;min-height:100vh}
.side{width:240px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}
.brand{display:flex;align-items:center;gap:10px;padding:18px 16px;border-bottom:1px solid var(--border)}
.brand .logo{font-size:28px}
.brand small,.me small{display:block;color:var(--muted)}
.side nav{display:flex;flex-direction:column;padding:10px;gap:2px;flex:1}
.side nav a{color:var(--text);padding:10px 12px;border-radius:9px;font-weight:500}
.side nav a:hover{background:var(--panel2);text-decoration:none}
.side nav a.on{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent2)}
.me{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px;border-top:1px solid var(--border)}
.me b{font-size:13px}
.nav-badge{float:right;min-width:20px;height:20px;padding:0 6px;border-radius:99px;display:inline-grid;place-items:center;
  font:800 11px Inter,sans-serif;color:#fff;background:var(--red);box-shadow:0 0 10px -1px var(--red);animation:pulse 1.6s ease-in-out infinite}
.settings-one{max-width:1100px}
/* ücret & ek çalışma ayarları: ortalanmış tek sütun, kartlar aynı genişlikte */
.page-center{max-width:1080px;margin:0 auto}
.page-center .bill-pick{margin-bottom:16px}
.main:has(>.page-center)>.head,.main:has(>.page-center)>.flash{max-width:1080px;margin-left:auto;margin-right:auto}
.fee-grid .quote{align-content:start}
.fee-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch;margin-bottom:16px}
.fee-grid>.card{margin:0;padding:16px;display:flex;flex-direction:column;gap:8px;border:2px solid var(--border)}
.fee-grid>.bill-block.on{border-color:color-mix(in srgb,var(--green) 65%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 12%,transparent)}
.fee-grid>.card h3{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.fee-grid>.card p.muted{margin:0 0 4px}
.fee-grid label{display:grid;gap:4px}
.fee-grid .quote{margin:0;flex:1}
.fee-sub{display:block;margin-top:6px;padding-top:8px;border-top:1px dashed var(--border);font-size:13px}
.save-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.save-bar .muted{flex:1;min-width:240px}
@media (max-width:900px){ .fee-grid{grid-template-columns:1fr} }
.joker-card{border-top:3px solid var(--accent)}
/* 🔌 Platformlar: menüde renkli nokta + platform sayfası (renk --pc platformun kendi rengi) */
.nav-plat{display:flex;align-items:center;gap:10px}
.nav-plat i{flex:none;width:12px;height:12px;border-radius:4px;background:var(--pc);box-shadow:0 0 8px -1px var(--pc)}
.nav-plat.on{box-shadow:inset 3px 0 0 var(--pc)}
.plat-hero{display:flex;align-items:center;gap:16px;border:2px solid color-mix(in srgb,var(--pc) 55%,var(--border));background:linear-gradient(110deg,color-mix(in srgb,var(--pc) 14%,var(--panel)),var(--panel) 60%)}
.plat-logo{flex:none;width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font:900 28px Inter,sans-serif;color:#fff;background:var(--pc);box-shadow:0 6px 18px -6px var(--pc)}
.plat-hero-txt{flex:1;min-width:0}
.plat-hero h2{margin:0 0 2px;font-size:22px}
.plat-state{padding:6px 12px;border-radius:99px;font-weight:700;font-size:13px;border:1px solid var(--border);background:var(--panel2);white-space:nowrap}
.plat-state.on{border-color:color-mix(in srgb,var(--green) 55%,var(--border));background:color-mix(in srgb,var(--green) 10%,var(--panel2))}
.plat-state.off{border-color:color-mix(in srgb,var(--orange) 55%,var(--border));background:color-mix(in srgb,var(--orange) 10%,var(--panel2))}
.plat-soon{margin-bottom:16px;padding:14px 16px;border-radius:var(--radius);border:2px dashed color-mix(in srgb,var(--pc) 50%,var(--border));background:color-mix(in srgb,var(--pc) 5%,var(--panel))}
.plat-soon p{margin:6px 0 10px;line-height:1.6;font-size:14px}
.plat-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:900px){ .plat-kpis{grid-template-columns:repeat(2,minmax(0,1fr))} }
/* 🗺️ harita servisi */
.mp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:8px 0 10px}
@media (max-width:900px){ .mp-grid{grid-template-columns:1fr 1fr} }
.mp-box{display:grid;gap:4px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--panel2)}
.mp-box small{font-weight:700;color:var(--muted)} .mp-box i{font-style:normal;font-size:12px;color:var(--muted)}
.mp-form{display:grid;gap:10px;max-width:720px;margin-bottom:10px}
.mp-test{display:grid;gap:6px;margin-top:12px}
.mp-t{display:grid;gap:2px;padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:var(--panel2);font-size:14px}
.mp-t.ok{border-color:color-mix(in srgb,var(--green) 50%,var(--border))} .mp-t.bad{border-color:color-mix(in srgb,var(--red) 50%,var(--border))}
.mp-guide ol{display:grid;gap:8px;padding-left:20px;line-height:1.55}
.mp-guide ul{margin:6px 0 0;padding-left:18px;display:grid;gap:4px}
/* 🕘 restoran çalışma saatleri */
.hours-grid{display:grid;gap:6px;margin-bottom:12px}
.hr-row{display:grid;grid-template-columns:120px 110px 150px 150px 1fr;gap:10px;align-items:end;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--panel2)}
.hr-row>b{align-self:center}
.hr-row.today{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}
.hr-row.off{opacity:.6}
.hr-row.off input[type=time]{text-decoration:line-through}
.hr-on{display:flex;align-items:center;gap:6px;align-self:center;font-weight:700;cursor:pointer}
.hr-hint{align-self:center}
.hr-special{grid-column:1/-1;justify-self:start;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:800;color:var(--red);background:color-mix(in srgb,var(--red) 10%,transparent);border:1px solid color-mix(in srgb,var(--red) 45%,transparent)}
@media (max-width:800px){ .hr-row{grid-template-columns:1fr 1fr} }
.hr-closure{gap:8px;align-items:end;margin-bottom:10px}
.hr-cl{display:flex;gap:10px;align-items:center;padding:6px 10px;border-bottom:1px dashed var(--border)}
.hr-cl form{margin:0 0 0 auto}
.hr-cl.past{opacity:.5}
.hr-cl.bad{background:color-mix(in srgb,var(--red) 8%,transparent)}
.sl-hint{grid-column:1/-1;font-size:12px;font-weight:600}
.sl-hint.bad{color:var(--red)} .sl-hint.ok{color:var(--green)}
/* Vardiya ayarlama: sekmeler + restoran aktiflik çizelgesi */
.sp-tabs{display:flex;gap:6px;margin-bottom:14px;padding:4px;border:1px solid var(--border);border-radius:14px;background:var(--panel);width:max-content;max-width:100%}
.sp-tabs a{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;font-weight:800;font-size:15px;color:var(--text);text-decoration:none}
.sp-tabs a small{font-weight:600;color:var(--muted);font-size:12px}
.sp-tabs a.on{background:var(--accent);color:var(--on-accent,#fff);box-shadow:0 4px 14px -6px var(--accent)}
.sp-tabs a.on small{color:inherit;opacity:.85}
.ac-head-row,.ac-row{display:grid;grid-template-columns:minmax(170px,1.3fr) repeat(7,minmax(0,1fr));gap:6px;align-items:stretch}
.ac-head-row{padding:0 10px 6px;font-size:12px;color:var(--muted);text-align:center}
.ac-head-row b.today{color:var(--accent)}
.ac-rest{border:1px solid var(--border);border-radius:12px;margin-bottom:8px;background:var(--panel2)}
.ac-rest[open]{border-color:var(--accent)}
.ac-row{padding:8px 10px;cursor:pointer;list-style:none}
.ac-row::-webkit-details-marker{display:none}
.ac-name{display:grid;align-content:center}
.ac-cell{display:grid;place-items:center;align-content:center;gap:2px;padding:6px 4px;border-radius:8px;font-size:12px;font-weight:700;text-align:center;border:1px solid transparent}
.ac-cell.open{background:color-mix(in srgb,var(--green) 14%,transparent);border-color:color-mix(in srgb,var(--green) 40%,transparent)}
.ac-cell.closed{background:color-mix(in srgb,var(--red) 14%,transparent);border-color:color-mix(in srgb,var(--red) 40%,transparent);color:var(--red)}
.ac-cell.none{color:var(--muted);border-style:dashed;border-color:var(--border)}
.ac-cell.today{box-shadow:inset 0 0 0 2px var(--accent)}
.ac-cell i{font-style:normal;font-weight:600;font-size:11px}
.ac-edit{padding:4px 12px 12px;border-top:1px dashed var(--border)}
.hr-closures{display:grid;gap:6px;margin-top:12px}
@media (max-width:900px){ .ac-head-row{display:none} .ac-row{grid-template-columns:repeat(4,1fr)} .ac-name{grid-column:1/-1} }
/* 📅 Vardiya ayarlama sayfası */
.sp-add form{display:grid;gap:10px}
.sp-courier{max-width:520px}
.sp-line{display:grid;grid-template-columns:150px 120px 120px minmax(180px,1.4fr) minmax(140px,1fr) auto;gap:8px;align-items:end}
@media (max-width:1000px){ .sp-line{grid-template-columns:1fr 1fr 1fr} }
.sp-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.sp-head h3{margin:0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sp-filter{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:0}
.sp-filter input,.sp-filter select{width:auto}
.sp-days{display:grid;gap:10px}
.sp-day{border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:var(--panel2)}
.sp-day.today{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}
.sp-day-h{display:flex;gap:8px;align-items:center;margin-bottom:6px}
.sp-day-h [data-addday]{margin-left:auto}
.sp-row{display:grid;grid-template-columns:120px minmax(140px,1fr) minmax(140px,1fr) 130px minmax(0,1fr) 40px;gap:8px;align-items:center;padding:6px 8px;border-radius:8px;font-size:14px}
.sp-row:nth-child(even){background:color-mix(in srgb,var(--panel) 60%,transparent)}
.sp-row.st-live{background:color-mix(in srgb,var(--green) 10%,transparent)}
.sp-row.st-done{opacity:.6}
.sp-row form{margin:0}
.sp-time{font-weight:800;font-variant-numeric:tabular-nums}
.sp-empty{margin:4px 0}
@media (max-width:800px){ .sp-row{grid-template-columns:1fr 1fr} .sp-note{grid-column:1/-1} }
/* kurye kartı: sol vardiya planı · sağ ücret/joker ayarları */
.cc-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px;align-items:start}
@media (max-width:1100px){ .cc-grid{grid-template-columns:1fr} }
.cc-grid .shift-box{margin:0}
.cc-settings{display:grid;gap:10px;align-content:start;margin:0}
.cc-settings>.btn{justify-self:start}
.cc-grid .shift-line{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:8px;align-items:end;padding:8px;border:1px dashed var(--border);border-radius:10px;margin-bottom:8px}
.cc-grid .shift-line .sl-rest{grid-column:1/3}
.cc-grid .shift-line .sl-note{grid-column:3/5}
.cc-grid .shift-line [data-delrow]{grid-column:4;grid-row:1}
@media (max-width:600px){ .cc-grid .shift-line{grid-template-columns:1fr 1fr} .cc-grid .shift-line .sl-rest,.cc-grid .shift-line .sl-note{grid-column:1/-1} .cc-grid .shift-line [data-delrow]{grid-column:auto;grid-row:auto} }
/* Restoranlar / Kuryeler: kişisel bilgiler yalnızca Üyeler'de — burada özet + kısayol */
.rs-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:6px}
@media (max-width:900px){ .rs-sum{grid-template-columns:1fr} }
.rs-col{display:grid;gap:4px;align-content:start;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--panel2);font-size:14px}
.rs-col .doc-badge{justify-self:start}
.rs-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:center}
.rs-actions form{margin:0}
.who-box{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:10px 12px;margin-bottom:12px;border:1px solid var(--border);border-radius:12px;background:var(--panel2)}
.who-info{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:14px}
/* 📎 üye belgeleri (vergi levhası, ruhsat, ehliyet…) */
.doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.doc-item{display:grid;gap:6px;align-content:start;padding:10px 12px;border:1px dashed var(--border);border-radius:12px;background:var(--panel2)}
.doc-item.has{border-style:solid;border-color:color-mix(in srgb,var(--green) 50%,var(--border))}
.doc-top{display:flex;justify-content:space-between;align-items:center;gap:6px}
.doc-cur{display:flex;gap:10px;align-items:center}
.doc-cur img{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}
.doc-cur>div{display:grid;gap:4px;justify-items:start}
.doc-pick{display:inline-flex;align-items:center;gap:6px;justify-self:start;padding:6px 12px;border-radius:10px;border:1px solid var(--accent);color:var(--accent);font-weight:700;font-size:13px;cursor:pointer}
.doc-pick input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.doc-pick:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.ok-text{color:var(--green);font-weight:600}
.doc-badge{display:inline-block;margin-top:3px;padding:1px 8px;border-radius:99px;font-size:11px;font-weight:700;border:1px solid color-mix(in srgb,var(--orange) 55%,var(--border));color:var(--orange)}
.doc-badge.full{border-color:color-mix(in srgb,var(--green) 55%,var(--border));color:var(--green)}
.doc-badge.none{border-color:color-mix(in srgb,var(--red) 55%,var(--border));color:var(--red)}
/* 🔎 genel arama (üst çubuk, her sayfada) */
.head{flex-wrap:wrap}
.gsearch{display:flex;gap:6px;align-items:center;flex:0 1 380px;min-width:220px}
.gsearch input{flex:1;min-width:0;padding:8px 12px;border-radius:10px}
@media (max-width:700px){ .gsearch{flex-basis:100%;order:3} }
.md-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 14px}
.md-steps>div{display:grid;gap:2px;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--panel2);font-size:12px;position:relative}
.md-steps>div:not(:last-child)::after{content:'→';position:absolute;right:-9px;top:50%;transform:translateY(-50%);color:var(--muted);font-weight:800}
.md-steps small{color:var(--muted);font-weight:600}
.md-steps b{font-size:16px}
.md-steps i{font-style:normal;color:var(--muted)}
.md-steps .tot{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--panel2))}
@media (max-width:800px){ .md-steps{grid-template-columns:1fr 1fr} .md-steps>div::after{display:none} }
tr.clk{cursor:pointer}
tr.clk:hover>td{background:color-mix(in srgb,var(--accent) 7%,transparent)}
/* 🔍 canlı ekran detay penceresi */
.clk{cursor:pointer;transition:background .15s,box-shadow .15s}
.stat .sp.clk:hover,.col h3.clk:hover,.crow.clk:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent);border-radius:10px}
.col h3.clk:hover{padding-left:4px}
.ocard[data-order]{cursor:pointer}
body.md-open{overflow:hidden}
.md-wrap{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:rgba(5,8,15,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:md-fade .15s ease-out}
.md-wrap[hidden]{display:none}
@keyframes md-fade{from{opacity:0}}
.md-win{width:min(1100px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:0 30px 80px -20px rgba(0,0,0,.6);animation:md-pop .18s ease-out}
@keyframes md-pop{from{transform:translateY(12px) scale(.98);opacity:0}}
.md-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border)}
.md-body{overflow:auto;padding:16px 18px 18px}
.md-head h2{margin:0 0 4px;font-size:20px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.md-head p{margin:0 0 12px}
.md-sum{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.md-sum span{padding:6px 12px;border-radius:99px;border:1px solid var(--border);background:var(--panel2);font-size:13px}
.md-table tbody tr[data-order],.md-table tbody tr[data-courier]{cursor:pointer}
.md-table tbody tr[data-order]:hover>td,.md-table tbody tr[data-courier]:hover>td{background:color-mix(in srgb,var(--accent) 9%,transparent)}
tr.row-alert>td{background:color-mix(in srgb,var(--red) 8%,transparent)}
.md-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
@media (max-width:800px){ .md-grid{grid-template-columns:1fr 1fr} }
.md-box{display:grid;gap:3px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--panel2);font-size:13px}
.md-box small{color:var(--muted);font-weight:600}
.md-box b{font-size:15px}
.md-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 0 14px;border-bottom:1px dashed var(--border);margin-bottom:12px}
.md-actions form{margin:0}
.md-assign{display:flex;gap:8px}
.md-assign select{min-width:280px}
.md-sub{margin:14px 0 8px;font-size:15px}
.md-time{list-style:none;margin:0 0 12px;padding:0 0 0 14px;border-left:2px solid var(--border);display:grid;gap:8px}
.md-time li{display:grid;grid-template-columns:70px 190px 1fr;gap:8px;align-items:baseline;position:relative;font-size:13px}
.md-time li::before{content:'';position:absolute;left:-20px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--accent)}
@media (max-width:700px){ .md-time li{grid-template-columns:60px 1fr} .md-time li small{grid-column:1/-1} }
.md-row{padding:8px 10px;border:1px solid var(--border);border-radius:10px;margin-bottom:6px;background:var(--panel2);font-size:13px}
.md-row[data-order],.md-link{cursor:pointer}
.md-row[data-order]:hover{border-color:var(--accent)}
.md-link{text-decoration:underline dotted}
.md-note{padding:8px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--orange) 50%,var(--border));background:color-mix(in srgb,var(--orange) 8%,var(--panel2))}
.md-loading{padding:30px;text-align:center}
/* 🔔 onay bekleyen platform siparişi: menü platform renginde güçlü yanıp söner, sayı rozeti */
.side nav a.ring{position:relative;color:var(--text);font-weight:800;animation:plat-ring .9s ease-in-out infinite}
@keyframes plat-ring{0%,100%{background:transparent;box-shadow:inset 3px 0 0 var(--pc)}50%{background:color-mix(in srgb,var(--pc) 38%,transparent);box-shadow:inset 0 0 0 2px var(--pc),0 0 16px -2px var(--pc)}}
.nav-plat{white-space:nowrap}
.ring-badge{flex:none;white-space:nowrap;line-height:18px;margin-left:auto;padding:1px 8px;border-radius:99px;font-size:11px;font-weight:800;color:#fff;background:var(--pc);box-shadow:0 0 10px -1px var(--pc);animation:ring-shake 1.8s ease-in-out infinite}
@keyframes ring-shake{0%,70%,100%{transform:rotate(0)}75%{transform:rotate(-12deg)}80%{transform:rotate(10deg)}85%{transform:rotate(-8deg)}90%{transform:rotate(5deg)}}
@media (prefers-reduced-motion:reduce){ .side nav a.ring,.ring-badge{animation:none;background:color-mix(in srgb,var(--pc) 30%,transparent)} }
.plat-pending{border:2px solid var(--pc);box-shadow:0 0 0 4px color-mix(in srgb,var(--pc) 15%,transparent)}
.plat-pending h3{margin:0 0 4px}
.pp-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;margin-top:10px}
.pp-card{display:grid;gap:6px;padding:12px 14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--pc) 45%,var(--border));background:color-mix(in srgb,var(--pc) 6%,var(--panel2));font-size:14px}
.pp-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pp-head b{font-size:16px}
.pp-age{margin-left:auto;font-size:12px;font-weight:700;color:var(--orange)}
.pp-money{font-weight:600}
.pp-actions{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap;margin-top:4px;padding-top:8px;border-top:1px dashed var(--border)}
.pp-ok{display:flex;align-items:center;gap:8px;margin:0}
/* seçim kutusu + Onayla + Reddet aynı hizada ve aynı boyda */
.pp-ok select,.pp-ok .btn,.pp-no > summary.btn{height:40px;box-sizing:border-box;margin:0}
.pp-ok select{width:auto;padding:0 10px}
.pp-no > summary.btn{display:inline-flex;align-items:center}
.pp-no summary{list-style:none;cursor:pointer}
.pp-no summary::-webkit-details-marker{display:none}
.pp-no[open] summary{margin-bottom:6px}
.pp-no form{display:grid;gap:6px;margin:0;min-width:220px}
.plat-page td.empty{white-space:normal;line-height:1.6}
.plat-link{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed var(--border)}
.plat-link:last-child{border-bottom:0}
/* 🃏 joker paketler: her yerde mor vurgu (hakediş, sipariş listeleri, canlı ekran kartları) */
.jk-pill{display:inline-block;padding:1px 8px;border-radius:99px;font-size:11px;font-weight:800;white-space:nowrap;color:#fff;background:linear-gradient(135deg,var(--purple),#7c3aed);box-shadow:0 0 8px -2px var(--purple)}
.jk-txt{color:var(--purple);font-weight:700}
.jk-legend{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:6px;font-size:12px;font-weight:600;color:var(--purple);background:color-mix(in srgb,var(--purple) 10%,transparent);border:1px solid color-mix(in srgb,var(--purple) 35%,transparent)}
.jk-note{margin:8px 0;padding:8px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--purple) 45%,var(--border));background:color-mix(in srgb,var(--purple) 9%,var(--panel2))}
tr.row-joker>td{background:color-mix(in srgb,var(--purple) 9%,transparent)}
tr.row-joker>td:first-child{box-shadow:inset 3px 0 0 var(--purple)}
.ocard.joker{border-color:color-mix(in srgb,var(--purple) 60%,var(--border));background:color-mix(in srgb,var(--purple) 8%,var(--panel2));box-shadow:inset 3px 0 0 var(--purple)}
.joker-fee-card{border:2px solid color-mix(in srgb,var(--accent) 45%,var(--border))}
.joker-fee-card h3{margin:0 0 4px}
.jf-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.6fr);gap:12px;align-items:end;margin-top:8px}
.jf-grid label{display:grid;gap:4px}
.jf-grid .quote{margin:0}
@media (max-width:900px){ .jf-grid{grid-template-columns:1fr} }
.joker-fee{margin-top:8px}
.joker-fee>small{grid-column:1/-1}
.jk-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.jk-head h3{margin:0}
.jk-free{padding:6px 12px;border-radius:99px;font-weight:700;font-size:13px;border:1px solid color-mix(in srgb,var(--green) 55%,var(--border));background:color-mix(in srgb,var(--green) 10%,var(--panel2))}
.jk-free.none{border-color:color-mix(in srgb,var(--red) 55%,var(--border));background:color-mix(in srgb,var(--red) 8%,var(--panel2))}
.jk-all{display:inline-flex;align-items:center;gap:8px;margin:6px 0 10px;font-weight:600;cursor:pointer}
.jk-list{display:grid;gap:8px;margin-bottom:14px}
.jk-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--panel2);cursor:pointer}
.jk-row:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--panel2))}
.jk-row input{width:18px;height:18px;flex:none}
.jk-row>div{flex:1;min-width:0;display:grid;gap:2px}
.jk-bar{margin:0;padding:12px 0 0;border:0;border-top:1px dashed var(--border);border-radius:0;background:none}
.nav-joker{border:1px dashed color-mix(in srgb,var(--accent) 55%,var(--border))}
.hourly-note{margin:4px 0 14px;padding:10px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 7%,var(--panel2));font-size:13px;line-height:1.55}
.pick-box{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--border)}
.pick-box small{font-weight:700;width:100%}
.pick-box .btn i{font-style:normal;opacity:.75;margin-left:4px}
.jr-tag{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:99px;font-size:11px;font-weight:700;background:var(--panel);border:1px solid var(--border)}
.joker-sum{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.joker-sum span{padding:6px 12px;border:1px solid var(--border);border-radius:99px;background:var(--panel2);font-size:13px}
.joker-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.joker-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--panel2)}
.joker-row.on{border-color:color-mix(in srgb,var(--accent) 60%,var(--border));background:color-mix(in srgb,var(--accent) 9%,var(--panel2))}
.joker-row .dot{flex:none}
.jr-who{flex:1;min-width:0;display:grid;gap:2px}
.jr-who small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.joker-row form{margin:0}
.joker-row .btn{white-space:nowrap}
.nav-cap-mid{display:block;margin:12px 0 2px;padding-top:10px;border-top:1px solid var(--border)}
/* bildirim gelen menü: tıklanana kadar yanıp söner */
.side nav a.ping{position:relative;color:var(--text);animation:nav-ping 1.1s ease-in-out infinite}
.side nav a.ping::before{content:'';position:absolute;left:4px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--red);box-shadow:0 0 8px var(--red)}
@keyframes nav-ping{0%,100%{background:transparent}50%{background:color-mix(in srgb,var(--accent) 30%,transparent);box-shadow:inset 0 0 0 1px var(--accent)}}
@media (prefers-reduced-motion:reduce){ .side nav a.ping{animation:none;background:color-mix(in srgb,var(--accent) 25%,transparent)} }
.nav-foot{margin-top:auto;display:flex;flex-direction:column;gap:2px;padding-top:10px;border-top:1px solid var(--border)}
.nav-cap{padding:0 12px 4px;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.themes{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;padding:14px 16px 12px;border-top:1px solid var(--border)}
.themes button{aspect-ratio:1;width:100%;padding:0;border:2px solid transparent;border-radius:7px;cursor:pointer;
  background:linear-gradient(135deg,var(--sw) 50%,var(--sa) 50%);outline:1px solid var(--border);transition:transform .12s}
.themes button:hover{transform:scale(1.12)}
.themes button.on{border-color:var(--text);box-shadow:0 0 0 2px var(--panel) inset}
.main{flex:1;min-width:0;padding:22px 26px 40px}
.head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.head h1{font-size:22px;margin:0 auto 0 0}
@media (max-width:800px){ .app{flex-direction:column} .side{width:auto;height:auto;position:static} .side nav{flex-direction:row;flex-wrap:wrap} .main{padding:16px} }

/* bileşenler */
.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:16px}
.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
.grid2.tight{gap:10px}
@media (max-width:900px){ .grid2{grid-template-columns:1fr} }
.row{display:flex;gap:8px;align-items:center}
.row.wrap{flex-wrap:wrap}
.row input,.row select{flex:1;min-width:140px}
label{display:block;margin-bottom:10px;font-weight:500;font-size:13px}
label.chk{display:flex;align-items:center;gap:8px}
/* tarih aralığı seçici */
.range-bar{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;justify-content:space-between}
.rb-dates{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}
.rb-dates label{display:grid;gap:4px;font-size:12px;color:var(--muted)}
.rb-dates input[type=date]{width:auto;height:38px}
.rb-dates .btn{height:38px}
.rb-dash{padding-bottom:9px;color:var(--muted)}
.seg a{display:flex;align-items:center;padding:0 12px;color:var(--text);font:600 12.5px Inter,sans-serif;white-space:nowrap;transition:background .15s}
.seg a + a{border-left:1px solid var(--border)}
.seg a:hover{background:var(--panel2);text-decoration:none}
.seg a.on{background:var(--accent);color:var(--on-accent)}
/* Z raporu */
.zr-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.zr-bar input[type=date]{width:auto;height:38px}
.zr-bar .btn{height:38px}
.zr-title{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-left:10px}
.zr-title b{font-size:16px}
.zr-pill{font-size:12px;font-weight:700;padding:3px 10px;border-radius:99px;border:1px solid var(--border);color:var(--muted)}
.zr-pill.live{color:var(--green);border-color:var(--green);background:color-mix(in srgb,var(--green) 10%,transparent)}
.zr-pill.locked{color:var(--accent2);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}
.zr-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}
@media (max-width:1300px){ .zr-kpis{grid-template-columns:repeat(2,minmax(0,1fr))} }
.zr-kpis.four{grid-template-columns:1.4fr 1fr 1fr 1fr}
@media (max-width:1100px){ .zr-kpis.four{grid-template-columns:repeat(2,minmax(0,1fr))} }
tr.row-on td{background:color-mix(in srgb,var(--accent) 12%,transparent)}
tr.row-on td:first-child{box-shadow:inset 3px 0 0 var(--accent)}
b.earn{color:var(--green)}
b.left{color:var(--orange)}
.carry{color:var(--orange);font-weight:700}
.adv{color:var(--blue);font-weight:700}
[data-theme=white] .adv{color:#1d4ed8}
.acc-sum{margin:6px 0 14px;flex-wrap:wrap}
.acc-sum div{flex:1}
.carry-note{margin:10px 0 0;padding:8px 12px;border-radius:9px;font-size:13px;border:1px dashed var(--orange);background:color-mix(in srgb,var(--orange) 8%,transparent)}
/* kurye ödeme kartı */
.pay-card{border-top:3px solid var(--green)}
.pay-head{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
.pay-sum{display:flex;gap:10px}
.pay-sum div{display:grid;gap:2px;padding:10px 16px;border:1px solid var(--border);border-radius:10px;background:var(--panel2);min-width:130px}
.pay-sum small{color:var(--muted);font-weight:600}
.pay-sum b{font-size:20px;font-variant-numeric:tabular-nums}
.pay-form-wrap{margin:12px 0}
.pay-form-wrap > summary{list-style:none;display:inline-flex}
.pay-form-wrap > summary::-webkit-details-marker{display:none}
.pay-form-wrap[open] > summary{opacity:.6}
.pay-form{display:grid;gap:12px;margin-top:12px;padding:14px;border:1px dashed var(--accent);border-radius:12px;background:color-mix(in srgb,var(--accent) 5%,var(--panel2))}
.pay-form input[type=file]{padding:7px}
.pay-form > .btn{justify-self:start}
.pay-done{margin:12px 0;padding:10px 14px;border-radius:10px;font-weight:600;color:var(--st-delivered);border:1px solid var(--green);background:color-mix(in srgb,var(--green) 10%,transparent)}
.pay-hist-h{margin-top:18px}
.pay-wait{margin:12px 0;padding:10px 14px;border-radius:10px;font-weight:600;border:1px solid var(--orange);background:color-mix(in srgb,var(--orange) 10%,transparent)}
.zr-kpis.five{grid-template-columns:1.3fr 1fr 1fr 1fr 1fr}
@media (max-width:1100px){ .zr-kpis.five{grid-template-columns:repeat(2,minmax(0,1fr))} }
/* onay bekleyen restoran ödemeleri */
.pend-card.has{border-top:3px solid var(--orange)}
.pend-card h3 .nav-badge{float:none;margin-left:6px;vertical-align:middle}
.pend-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 12px;margin-bottom:8px;border:1px solid var(--border);border-left:4px solid var(--orange);border-radius:10px;background:var(--panel2)}
.pend-main{flex:1;min-width:260px;display:grid;gap:2px}
.pend-row form{margin:0}
.pend-title{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;font-size:15px}
.pend-title b.earn{font-size:17px}
.earn-list{max-height:520px;overflow:auto}
.zr-k{display:grid;gap:2px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);border-top:3px solid var(--tone,var(--border))}
.zr-k small{font-weight:600;opacity:.85}
.zr-k b{font-size:24px;line-height:1.2;font-variant-numeric:tabular-nums}
.zr-k i{font-style:normal;font-size:11.5px;color:var(--muted);line-height:1.35}
.zr-k.big b{font-size:26px;color:var(--accent2)}
.zr-k.ok{--tone:var(--green)} .zr-k.bad{--tone:var(--red)} .zr-k.warn{--tone:var(--orange)} .zr-k.big{--tone:var(--accent)}
.zr-k.ok.big b{color:var(--green)}
.zr-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px}
@media (max-width:1100px){ .zr-grid{grid-template-columns:1fr} }
.zr-hours{display:grid;grid-template-columns:repeat(24,1fr);gap:4px;align-items:end;height:200px;padding-top:18px}
.zr-h{display:flex;flex-direction:column;justify-content:flex-end;height:100%;text-align:center}
.zr-h span{position:relative;display:block;min-height:2px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,var(--accent2),var(--accent))}
.zr-h em{position:absolute;top:-17px;left:50%;transform:translateX(-50%);font-style:normal;font-size:11px;font-weight:700}
.zr-h small{height:16px;font-size:10.5px;color:var(--muted);margin-top:3px}
.zr-lists{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:700px){ .zr-lists{grid-template-columns:1fr} }
.zr-row{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--border);font-size:13px}
td.r,th.r{text-align:right}
tfoot td{border-top:2px solid var(--border);font-weight:600}
.zr-days{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}
.zr-day{display:grid;gap:1px;padding:9px 11px;border:1px solid var(--border);border-radius:10px;background:var(--panel2);color:var(--text);transition:border-color .15s,transform .15s}
.zr-day:hover{border-color:var(--accent);transform:translateY(-2px);text-decoration:none}
.zr-day.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}
.zr-day small,.zr-day span{color:var(--muted);font-size:11.5px}
.zr-day em{font-style:normal;font-weight:700;color:var(--accent2)}
.zr-foot{font-size:12px}
@media print{
  .side,.head .btn,.head form,.zr-bar .btn,.no-print,.toasts,body::before{display:none!important}
  body{background:#fff!important;color:#000}
  .main{padding:0}
  .card,.zr-k{box-shadow:none!important;backdrop-filter:none!important;background:#fff!important;break-inside:avoid}
  .main > *{animation:none!important}
}
/* liste araç çubuğu: arama + sıralama düğmeleri */
.list-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 12px}
.list-tools input[type=search]{flex:1;min-width:220px;height:38px;padding:0 12px}
.seg{display:flex;border:1px solid var(--border);border-radius:9px;overflow:hidden;height:38px}
.seg button{padding:0 12px;background:transparent;border:0;color:var(--text);font:600 12.5px Inter,sans-serif;cursor:pointer;white-space:nowrap;transition:background .15s}
.seg button + button{border-left:1px solid var(--border)}
.seg button:hover{background:var(--panel2)}
.seg button.on{background:var(--accent);color:var(--on-accent)}
/* atama kuralı kartı: 4 adım yan yana, aralarında ok */
.rule-card h3{margin-bottom:4px}
.rule-card > p.muted{margin:0 0 14px}
.rule-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.rule-steps li{position:relative;display:grid;gap:4px;align-content:start;padding:14px 14px 14px 16px;border:1px solid var(--border);
  border-top:3px solid var(--rs);border-radius:12px;background:color-mix(in srgb,var(--rs) 8%,var(--panel2))}
.rule-steps li:not(:last-child)::after{content:'➜';position:absolute;right:-21px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:16px}
.rule-steps .rs-no{position:absolute;top:10px;right:12px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;
  font:800 12px Inter,sans-serif;color:#fff;background:var(--rs)}
.rule-steps .rs-ico{font-size:24px;line-height:1}
.rule-steps b{font-size:14px}
.rule-steps small{color:var(--muted);line-height:1.45}
.rs-own{--rs:var(--green)} .rs-joker{--rs:#a855f7} .rs-free{--rs:var(--blue)} .rs-manual{--rs:var(--red)}
.rule-note{margin:14px 0 0;padding:9px 12px;border-radius:9px;font-size:13px;border:1px solid color-mix(in srgb,var(--red) 40%,var(--border));
  background:color-mix(in srgb,var(--red) 8%,transparent)}
@media (max-width:1000px){ .rule-steps{grid-template-columns:1fr 1fr;gap:12px} .rule-steps li::after{display:none} }
/* ücret tipi seçimi */
/* otomatik atama anlatımı */
.flow-steps{list-style:none;margin:6px 0 16px;padding:0;display:grid;gap:8px;counter-reset:none}
.flow-steps li{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--panel2)}
.flow-steps li > span{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:800 12px Inter,sans-serif;color:var(--on-accent);background:var(--accent)}
.flow-steps div > b{display:block;font-size:13.5px}
.flow-steps small{color:var(--muted);line-height:1.45}
.set-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}
@media (max-width:900px){ .set-fields{grid-template-columns:1fr} }
.set-fields label{display:grid;gap:4px;align-content:start}
.set-fields label > small{font-weight:400;color:var(--muted);line-height:1.45;font-size:12px}
.score-box{margin:16px 0 14px;padding:12px 14px;border:1px dashed var(--accent);border-radius:12px;background:color-mix(in srgb,var(--accent) 5%,var(--panel2))}
.score-box p{margin:6px 0 10px}
.score-box code{font-size:12.5px;padding:2px 6px;border-radius:6px;background:var(--panel);border:1px solid var(--border)}
.score-t{width:100%;border-collapse:collapse;margin-bottom:6px;font-size:13px}
.score-t th,.score-t td{padding:6px 8px;border-bottom:1px solid var(--border)}
.score-t tr.win td{background:color-mix(in srgb,var(--green) 12%,transparent)}
/* genel ödeme sistemi seçimi */
.bill-pick{display:grid;gap:10px;padding:12px;margin-bottom:14px;border:2px solid var(--accent);border-radius:12px;background:color-mix(in srgb,var(--accent) 7%,var(--panel2))}
.bill-pick .pay-cap{font-size:15px}
.bill-block{padding:10px 12px;margin:0 -12px 12px;border-radius:12px;border:1px solid transparent;transition:opacity .2s,border-color .2s,background .2s}
.bill-block.on{border-color:color-mix(in srgb,var(--green) 55%,var(--border));background:color-mix(in srgb,var(--green) 5%,transparent)}
.bill-block.off{opacity:.5}
.bill-block.off:hover,.bill-block.off:focus-within{opacity:.85}
.bill-tag{display:none;margin-left:6px;font-size:11px;font-weight:700;padding:2px 9px;border-radius:99px;color:var(--st-delivered);border:1px solid var(--green);background:color-mix(in srgb,var(--green) 12%,transparent);vertical-align:middle}
.bill-block.on .bill-tag{display:inline-block}
.pay-opts.three{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){ .pay-opts.three{grid-template-columns:1fr} }
/* atanan kuryeler (restoran) + vardiya planı (yönetici) */
.cnt-pill{font-size:12px;padding:1px 9px;border-radius:99px;background:var(--panel2);border:1px solid var(--border);vertical-align:middle}
.ac-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:8px}
.ac-card{display:grid;gap:8px;padding:14px;border:1px solid var(--border);border-left:4px solid var(--blue);border-radius:12px;background:var(--panel2)}
.ac-card.live{border-left-color:var(--green);background:color-mix(in srgb,var(--green) 7%,var(--panel2))}
.ac-card.soon{border-left-color:var(--orange)}
.ac-card > .btn{justify-self:start}
.ac-top{display:flex;gap:10px;align-items:center}
.ac-top > div{flex:1;min-width:0}
.ac-top b,.ac-top small{display:block}
.ac-top small{color:var(--muted)}
.ac-av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:20px;background:var(--panel);border:1px solid var(--border)}
.ac-when{font-size:15px;color:var(--accent2)}
.ac-time{font-size:13.5px}
.shift-box{margin-top:14px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--panel2)}
.past-h{margin:26px 0 12px;padding-top:16px;border-top:1px dashed var(--border)}
.shift-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px}
.shift-list{display:grid;gap:6px;margin:8px 0 14px}
.shift-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:8px 10px;border:1px solid var(--border);border-left:4px solid var(--blue);border-radius:9px;background:var(--panel)}
.shift-row.live{border-left-color:var(--green)}
.shift-row > span{flex:1;min-width:200px}
.shift-row form{margin:0}
.shift-form{display:grid;gap:8px}
.shift-line{display:grid;grid-template-columns:150px 110px 110px minmax(160px,1fr) minmax(120px,1fr) 40px;gap:8px;align-items:end}
@media (max-width:1100px){ .shift-line{grid-template-columns:1fr 1fr} }
.shift-line label{display:grid;gap:3px;font-size:12px}
.shift-line .btn{height:38px}
.c-notice p{white-space:pre-line;text-align:left}
.c-h-row{display:flex;justify-content:space-between;align-items:center;gap:10px}
.hourly-card{border-top:3px solid var(--blue)}
.tariff-card{border-top:3px solid var(--accent)}
.tariff-pick{max-width:460px;margin:8px 0 12px}
.tariff-form{display:grid;gap:12px;padding:14px;margin-bottom:16px;border:1px dashed var(--accent);border-radius:12px;background:color-mix(in srgb,var(--accent) 5%,var(--panel2))}
.tariff-form > .btn{justify-self:start}
.tariff-info{display:grid;gap:4px;align-content:start;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel);font-size:13px}
.rest-box{display:grid;gap:8px;padding:12px;margin-top:14px;border:1px solid var(--border);border-radius:10px;background:var(--panel2)}
.rest-box .chk-grid{margin:0;background:var(--panel)}
.pay-box{display:grid;gap:10px;padding:12px;margin:4px 0 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel2)}
.pay-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pay-opt{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:var(--panel);cursor:pointer;transition:border-color .15s,box-shadow .15s}
.pay-opt input{width:auto;margin-top:3px}
.pay-opt small{display:block;color:var(--muted);font-weight:400}
.pay-opt:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset;background:color-mix(in srgb,var(--accent) 8%,var(--panel))}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tag-hourly{font-size:11px;font-weight:700;padding:1px 9px;border-radius:99px;color:var(--blue);border:1px solid var(--blue);background:color-mix(in srgb,var(--blue) 12%,transparent)}
[data-theme=white] .tag-hourly{color:#1d4ed8}
.tag-joker{font-size:11px;font-weight:800;letter-spacing:.06em;padding:1px 9px;border-radius:99px;color:#fff;
  background:linear-gradient(135deg,#a855f7,#ec4899);box-shadow:0 0 12px -2px #a855f7}
.joker-opt{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;margin-bottom:12px;border:1px dashed #a855f7;border-radius:10px;
  background:color-mix(in srgb,#a855f7 10%,var(--panel2));cursor:pointer}
.joker-opt input{width:auto;margin-top:3px}
.joker-opt small{display:block;color:var(--muted);font-weight:400}
.chk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px 12px;padding:10px 12px;margin-bottom:12px;
  border:1px solid var(--border);border-radius:10px;background:var(--panel2);max-height:200px;overflow:auto}
label > input,label > select,label > .row{margin-top:4px}
input,select,textarea{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:9px 11px;font:inherit;outline:none}
input:focus,select:focus{border-color:var(--accent)}
input[type=checkbox]{width:auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border);background:var(--panel2);color:var(--text);
  border-radius:9px;padding:9px 14px;font:600 13px Inter,sans-serif;cursor:pointer;white-space:nowrap}
.btn:hover{border-color:var(--accent);text-decoration:none}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.btn.primary:hover{background:var(--accent2)}
.btn.danger{background:color-mix(in srgb,var(--red) 85%,#000);border-color:var(--red);color:#fff}
.btn.ghost{background:transparent}
.btn.sm{padding:6px 10px;font-size:12px}
.btn.big{padding:14px 18px;font-size:16px}
.btn.block{width:100%}
.btn[aria-disabled]{opacity:.4;pointer-events:none}
.flash{padding:11px 14px;border-radius:10px;margin-bottom:14px;font-weight:500}
.flash.ok{background:color-mix(in srgb,var(--green) 16%,transparent);border:1px solid color-mix(in srgb,var(--green) 45%,transparent)}
.flash.err{background:color-mix(in srgb,var(--red) 16%,transparent);border:1px solid color-mix(in srgb,var(--red) 45%,transparent)}
.st{display:inline-block;padding:2px 9px;border-radius:99px;font-size:11.5px;font-weight:600;background:var(--panel2);border:1px solid var(--border)}
.st-pool{color:var(--accent2);border-color:var(--accent)}
.st-pending{color:var(--orange);border-color:var(--orange);font-weight:800}
.st-offered{color:var(--orange);border-color:var(--orange)}
.st-assigned{color:var(--st-assigned);border-color:var(--blue)}
.st-picked_up{color:var(--st-picked);border-color:var(--purple)}
.st-delivered{color:var(--st-delivered);border-color:var(--green)}
.st-cancelled{color:var(--muted)}
.st-err{color:var(--st-err);border-color:var(--red)}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--border);vertical-align:top}
th{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
td.empty,.empty{text-align:center;color:var(--muted);padding:20px}
.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.filters select,.filters input{width:auto}
.filters select,.filters input,.filters .btn{height:38px;padding-top:0;padding-bottom:0;display:inline-flex;align-items:center}
.th-sort{color:inherit;text-decoration:none;white-space:nowrap}
.th-sort i{font-style:normal;opacity:.45;font-size:10px}
.th-sort:hover,.th-sort.on{color:var(--text)}
.th-sort:hover i,.th-sort.on i{opacity:1}
thead th{vertical-align:middle;white-space:nowrap}
/* tek satır, ip gibi hizalı tablo */
.table-line td{vertical-align:middle;white-space:nowrap;height:44px}
.table-line td.cell-cut{max-width:280px;overflow:hidden;text-overflow:ellipsis}
.table-line .st{vertical-align:middle}
.src-tag{display:inline-block;vertical-align:middle;margin-left:6px;padding:1px 7px;border:1px solid var(--border);border-radius:10px;font-size:11px;color:var(--muted)}
.th-search{display:inline-block;vertical-align:middle;width:105px;height:24px;margin:0 0 0 6px;padding:0 8px;font-size:11.5px;line-height:22px;border-radius:12px;text-transform:none;letter-spacing:0;font-weight:400}
.pager{display:flex;align-items:center;gap:12px;justify-content:center;margin-top:12px}
.kv{display:grid;grid-template-columns:140px 1fr;gap:6px 12px;margin:12px 0 16px}
.kv dt{color:var(--muted)}
.kv dd{margin:0}
.timeline{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.timeline li{padding:8px 10px;border-left:3px solid var(--accent);background:var(--panel2);border-radius:0 8px 8px 0}
.cands{margin:6px 0 0;padding-left:20px;color:var(--muted)}
details.editable > summary{cursor:pointer;list-style:none;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
details.editable > summary::before{content:'▸';color:var(--muted)}
details.editable[open] > summary::before{content:'▾'}
details.editable[open] > summary{margin-bottom:14px}
hr{border:0;border-top:1px solid var(--border);margin:16px 0}

/* istatistik */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}
.stat{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}
.stat small{color:var(--muted);display:block}
.stat b{font-size:22px}
.stat.alert{border-color:var(--red);background:color-mix(in srgb,var(--red) 10%,var(--panel))}

/* sipariş formu */
.order-form .map-pick{min-height:360px;border-radius:10px;border:1px solid var(--border);overflow:hidden}
.quote{background:var(--panel2);border:1px dashed var(--border);border-radius:10px;padding:10px 12px;margin:6px 0 14px;display:grid;gap:3px}
.quote-main{font-size:16px}

/* canlı ekran */
.live-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}
@media (max-width:1350px){ .live-grid{grid-template-columns:1fr} .live-side{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px} .live-side .live-map{margin:0} }
.board{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px;overflow-x:auto}
.col{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:10px;min-height:200px}
.col h3{font-size:13px;display:flex;justify-content:space-between}
.col .cnt{background:var(--panel2);border-radius:99px;padding:0 8px;font-size:12px}
.col-desc{margin:-4px 0 10px;font-size:11.5px;line-height:1.4;color:var(--muted);min-height:32px}
/* canlı ekran sayaçları: başlık + değer + açıklama; bölünmüş kutular eşit parçalı */
#stats{grid-template-columns:1.6fr 1fr 1.2fr 1.8fr 1.2fr}
@media (max-width:1300px){ #stats{grid-template-columns:repeat(2,minmax(0,1fr))} }
#stats .stat{display:grid;padding:0;overflow:hidden}
#stats .stat.split{grid-template-columns:1fr 1fr}
#stats .stat.split.three{grid-template-columns:1fr 1fr 1fr}
#stats .sp{display:flex;flex-direction:column;gap:2px;padding:12px 14px;min-width:0}
#stats .sp + .sp{border-left:1px solid var(--border)}
#stats .sp small{font-weight:600;color:var(--text);opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#stats .sp b{font-size:24px;line-height:1.2}
#stats .sp i{font-style:normal;font-size:11.5px;line-height:1.35;color:var(--muted)}
#stats .sp.neg b{color:var(--red)}
#stats .sp.pos b{color:var(--green)}
.col .items{display:grid;gap:8px;max-height:70vh;overflow:auto}
.ocard{display:grid;gap:3px;background:var(--panel2);border:1px solid var(--border);border-radius:10px;padding:9px 10px;color:var(--text);font-size:12.5px}
.ocard:hover{border-color:var(--accent);text-decoration:none}
.ocard.alert{border-color:var(--red);box-shadow:0 0 0 1px var(--red) inset}
.ocard-top,.ocard-bot{display:flex;justify-content:space-between;gap:6px;align-items:center}
.ocard-top span,.ocard-bot span:last-child{color:var(--muted);font-size:11.5px}
.live-side .live-map{height:320px;border-radius:10px;margin-bottom:12px;border:1px solid var(--border)}

/* canlı ekran alt yarısı: solda sistem akışı, sağda harita (eşit iki yarı) */
.board{margin-bottom:16px}
.board .col{min-height:170px}
.board .col .items{max-height:300px}
.ops-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch}
@media (max-width:1100px){ .ops-grid{grid-template-columns:1fr} }
.ops-grid > .card{margin:0;display:flex;flex-direction:column;min-height:0}
.map-card .live-map{height:62vh;min-height:380px;border-radius:10px;border:1px solid var(--border);margin-bottom:12px}
.courier-list{max-height:180px;overflow:auto}
.feed-card{height:calc(62vh + 260px);min-height:600px}
.feed-head{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}
.feed-head h3{margin-bottom:4px}
.feed-ctl{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.feed-tabs{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--border);border-radius:9px;overflow:hidden;margin-bottom:10px}
.feed-tabs button{padding:7px 4px;background:transparent;border:0;color:var(--text);font:600 12.5px Inter,sans-serif;cursor:pointer;transition:background .15s}
.feed-tabs.three{grid-template-columns:repeat(3,1fr)} .feed-tabs.four{grid-template-columns:repeat(4,1fr)} #feed-tabs:not(.three):not(.four){grid-template-columns:repeat(6,1fr)}
#stats.rest-stats{grid-template-columns:1.5fr .9fr 1.2fr 1.9fr 1.3fr}
@media (max-width:1300px){ #stats.rest-stats{grid-template-columns:repeat(2,minmax(0,1fr))} }
.tag-assigned{font-size:11px;font-weight:700;padding:1px 8px;border-radius:99px;color:var(--accent2);border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}
#stats .sp.warn b{color:var(--orange)}
.feed-tabs button + button{border-left:1px solid var(--border)}
.feed-tabs button:hover{background:var(--panel2)}
.feed-tabs button.on{background:var(--accent);color:var(--on-accent)}
.feed{flex:1;overflow:auto;display:grid;gap:6px;align-content:start;padding-right:4px}
.fd,.toast{display:flex;gap:10px;align-items:center;padding:9px 11px;border:1px solid var(--border);border-left:4px solid var(--blue);border-radius:10px;
  background:var(--panel2);color:var(--text);text-decoration:none}
a.fd:hover{border-color:var(--accent);text-decoration:none;transform:translateX(2px)}
.fd{transition:transform .15s,border-color .15s}
.fd.new{animation:fd-in .6s ease-out}
@keyframes fd-in{from{opacity:0;transform:translateY(-8px);background:color-mix(in srgb,var(--accent) 30%,var(--panel2))}}
.lv-ok{border-left-color:var(--green)} .lv-warn{border-left-color:var(--orange)} .lv-err{border-left-color:var(--red)} .lv-info{border-left-color:var(--blue)}
.fd-ico{font-size:18px;width:24px;text-align:center;flex-shrink:0}
.fd-body{flex:1;min-width:0;display:grid}
.fd-body b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fd-body small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fd-time{font-size:11.5px;color:var(--muted);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.fd-time em{display:block;font-style:normal;font-size:10.5px;opacity:.8}
/* köşe bildirimleri */
.toasts{position:fixed;right:18px;top:18px;z-index:2000;display:grid;gap:8px;width:360px;max-width:calc(100vw - 36px)}
.toast{box-shadow:0 14px 34px -12px rgba(0,0,0,.5);background:var(--panel);animation:toast-in .35s cubic-bezier(.2,.8,.2,1.2)}
.toast button{background:none;border:0;color:var(--muted);font-size:18px;cursor:pointer;padding:0 2px}
.toast.out{opacity:0;transform:translateX(30px);transition:opacity .4s,transform .4s}
@keyframes toast-in{from{opacity:0;transform:translateX(40px)}}
.main > .toasts{animation:none}
.crow{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--border);flex-wrap:wrap}
.dot{width:10px;height:10px;border-radius:50%;background:var(--muted)}
.dot.on{background:var(--green);box-shadow:0 0 8px var(--green)}
.pin-courier{font-size:22px;line-height:30px;text-align:center;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}
.pin-courier.off{opacity:.45}

/* kurye takip */
.trk-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;align-items:start}
@media (max-width:1100px){ .trk-grid{grid-template-columns:1fr} }
.trk-map-card{padding:8px}
.trk-map{height:calc(100vh - 230px);min-height:420px;border-radius:10px}
.trk-side{display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 214px);min-height:436px}
.trk-grid.rest .trk-map{height:calc(100vh - 340px);min-height:360px}
.trk-grid.rest .trk-side{max-height:calc(100vh - 324px);min-height:376px}
.trk-tools{display:grid;gap:8px}
.trk-tabs{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--border);border-radius:9px;overflow:hidden}
.trk-tabs button{padding:7px 4px;background:transparent;border:0;color:var(--text);font:600 12px Inter,sans-serif;cursor:pointer;transition:background .15s}
.trk-tabs button + button{border-left:1px solid var(--border)}
.trk-tabs button:hover{background:var(--panel2)}
.trk-tabs button.on{background:var(--accent);color:var(--on-accent)}
.trk-list{overflow:auto;display:grid;gap:8px;align-content:start;margin:0 -4px;padding:0 4px}
.trk-row{display:grid;gap:6px;padding:10px 12px;border:1px solid var(--border);border-radius:11px;background:var(--panel2);cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s}
.trk-row:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));transform:translateX(2px)}
.trk-row.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset,0 10px 24px -16px var(--accent)}
.trk-row.st-off,.trk-row.st-passive{opacity:.62}
.trk-head{display:flex;align-items:center;gap:10px}
.trk-ico{font-size:18px}
.trk-name{flex:1;min-width:0}
.trk-name b,.trk-name small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trk-meta{display:block}
.trk-ord{display:grid;gap:2px;padding:7px 9px;border-left:3px solid var(--blue);background:color-mix(in srgb,var(--panel) 70%,transparent);border-radius:0 8px 8px 0;font-size:12.5px}
.trk-ord .st{justify-self:start}
.trk-ord b{font-size:12.5px}
.trk-pin{position:relative;display:grid;place-items:center}
.trk-pin span{width:36px;height:36px;display:grid;place-items:center;font-size:19px;border-radius:50%;background:var(--panel);border:3px solid var(--muted);box-shadow:0 4px 12px rgba(0,0,0,.45)}
.trk-pin em{position:absolute;top:38px;left:50%;transform:translateX(-50%);white-space:nowrap;font:700 11px Inter,sans-serif;font-style:normal;color:var(--text);
  background:var(--panel);border:1px solid var(--border);padding:1px 7px;border-radius:99px;box-shadow:0 2px 6px rgba(0,0,0,.3)}
.trk-pin.st-road span{border-color:var(--purple)} .trk-pin.st-pickup span{border-color:var(--blue)} .trk-pin.st-idle span{border-color:var(--green)}
.trk-pin.st-road span,.trk-pin.st-pickup span{animation:trk-pulse 1.8s ease-in-out infinite}
@keyframes trk-pulse{50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 0%,transparent),0 0 0 4px color-mix(in srgb,var(--accent) 35%,transparent)}}
.trk-pin.stale span,.trk-pin.st-off span,.trk-pin.st-passive span{opacity:.5;animation:none}
.trk-pin.sel span{border-color:var(--accent);transform:scale(1.15)}
.trk-pin.sel{z-index:1000!important}
.leaflet-container{background:#cfd8e3}

/* giriş */
body.auth{display:grid;place-items:center;min-height:100vh;padding:16px;background:radial-gradient(circle at 30% 20%,#2a1d05,var(--bg) 60%)}
.auth-card{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:var(--shadow)}
.auth-logo{font-size:42px;text-align:center}
.auth-card h1{text-align:center;font-size:22px}
.auth-card p{text-align:center;margin-top:-4px}

/* kurye (telefon) */
body.courier{max-width:560px;margin:0 auto;padding:0 14px 40px}
.c-top{display:flex;justify-content:space-between;align-items:center;padding:14px 0}
.c-top small{display:block;color:var(--muted)}
.c-online{width:100%;padding:16px;border-radius:14px;border:1px solid var(--border);background:var(--panel2);color:var(--text);font:700 16px Inter,sans-serif;cursor:pointer}
.c-online.on{background:color-mix(in srgb,var(--green) 22%,var(--panel));border-color:var(--green)}
.c-online.locked{cursor:not-allowed;opacity:.8;border-style:dashed;border-color:var(--orange);background:color-mix(in srgb,var(--orange) 10%,var(--panel2))}
.lock-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:8px 12px;margin:8px 0;border:1px dashed var(--orange);border-radius:10px;background:color-mix(in srgb,var(--orange) 9%,transparent)}
.lock-row form{margin:0}
.c-today{margin:12px 0;color:var(--muted);text-align:center}
/* kurye: vardiya kartı + şirket bildirimi */
.c-shift{display:flex;gap:12px;align-items:center;padding:12px 14px;margin:0 0 12px;border:1px solid var(--border);border-left:4px solid var(--blue);border-radius:12px;background:var(--panel)}
.c-shift-ico{font-size:24px}
.c-shift > div > b{display:block}
.c-shift small{color:var(--muted);font-size:13px}
.c-shift.ok{border-left-color:var(--green)}
.c-shift.warn{border-left-color:var(--orange);background:color-mix(in srgb,var(--orange) 10%,var(--panel))}
.c-shift.alert{border-left-color:var(--red);background:color-mix(in srgb,var(--red) 12%,var(--panel));animation:pulse 1.4s ease-in-out infinite}
.c-shift.warn small,.c-shift.alert small{color:var(--text)}
.c-pay{display:grid;gap:4px;padding:12px 14px;margin-bottom:10px;border:1px solid var(--border);border-left:4px solid var(--green);border-radius:12px;background:var(--panel)}
.c-pay.pending{border-left-color:var(--orange);background:color-mix(in srgb,var(--orange) 8%,var(--panel))}
.c-pay-top{display:flex;justify-content:space-between;align-items:center}
.c-pay-top b{font-size:20px}
.c-pay-bot{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:4px}
.c-pay-ask{margin-top:8px;padding-top:8px;border-top:1px dashed var(--border)}
.c-pay-ask p{margin:0 0 8px}
.c-notice-wrap{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}
.c-notice{width:100%;max-width:420px;padding:22px;border-radius:18px;background:var(--panel);border:1px solid var(--accent);box-shadow:0 20px 50px -10px rgba(0,0,0,.6);text-align:center;animation:toast-in .35s cubic-bezier(.2,.8,.2,1.2)}
.c-notice-ico{font-size:44px;line-height:1;margin-bottom:6px}
.c-notice h2{margin:8px 0 6px;font-size:20px}
.c-notice p{margin:0 0 16px;line-height:1.5}
.c-offer{background:color-mix(in srgb,var(--accent) 16%,var(--panel));border:2px solid var(--accent);border-radius:16px;padding:16px;margin:12px 0;animation:pulse 1.4s ease-in-out infinite}
@keyframes pulse{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 25%,transparent)}}
.c-count{font-size:34px;font-weight:700;text-align:center;color:var(--accent2)}
.c-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.c-h{font-size:16px;margin:18px 0 10px}
.c-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px;margin-bottom:12px}
.c-card p{margin:8px 0}

/* kurye ekranı — yenilenmiş görünüm */
body.courier{padding:0 14px calc(40px + env(safe-area-inset-bottom));
  background:radial-gradient(120% 60% at 50% -10%,color-mix(in srgb,var(--blue) 22%,transparent),transparent 60%) no-repeat,var(--bg)}
.c-hero{margin:12px 0 14px;padding:14px;border-radius:20px;border:1px solid color-mix(in srgb,var(--blue) 35%,var(--border));
  background:linear-gradient(150deg,color-mix(in srgb,var(--blue) 18%,var(--panel)),var(--panel) 70%);box-shadow:0 14px 34px -18px rgba(0,0,0,.6)}
.c-hero-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.c-avatar{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;font:800 20px Inter,sans-serif;color:#fff;
  background:linear-gradient(135deg,#3b82f6,#6366f1);box-shadow:0 6px 16px -6px #3b82f6}
.c-hello{flex:1;min-width:0}
.c-hello small{display:block;color:var(--muted);font-size:12.5px}
.c-hello b{display:block;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-hero form{margin:0}
.c-icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:var(--panel2);color:var(--muted);font-size:18px;cursor:pointer;transition:color .15s,border-color .15s,transform .1s}
.c-icon-btn:hover{color:var(--red);border-color:var(--red)}
.c-icon-btn:active{transform:scale(.92)}
.c-online{display:flex;align-items:center;gap:14px;text-align:left;padding:14px 16px;border-radius:16px;transition:background .25s,border-color .25s,transform .1s}
.c-online:active{transform:scale(.98)}
.c-on-txt b{display:block;font-size:17px}
.c-on-txt small{display:block;font-weight:500;font-size:12.5px;color:var(--muted);margin-top:2px}
.c-sw{position:relative;width:54px;height:30px;border-radius:99px;flex-shrink:0;background:var(--border);transition:background .25s}
.c-sw i{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.35);transition:transform .25s cubic-bezier(.3,1.4,.5,1)}
.c-online.on .c-sw{background:var(--green)}
.c-online.on .c-sw i{transform:translateX(24px)}
.c-online.on .c-sw::after{content:"";position:absolute;inset:-4px;border-radius:99px;border:2px solid var(--green);opacity:0;animation:c-ping 2s ease-out infinite}
.c-online.on .c-on-txt b{color:var(--green)}
.c-online.locked .c-sw{background:var(--orange);opacity:.6}
@keyframes c-ping{0%{opacity:.7;transform:scale(.95)}100%{opacity:0;transform:scale(1.25)}}
.c-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.c-chip{font-size:12px;padding:4px 10px;border-radius:99px;background:var(--panel2);border:1px solid var(--border);color:var(--muted)}
.c-chip.bad{color:var(--orange);border-color:var(--orange)}
.c-chip:empty{display:none}
.c-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px;text-align:left}
.c-stat:last-child:nth-child(odd){grid-column:span 2}
.c-stat{position:relative;display:grid;gap:2px;padding:12px;border-radius:14px;background:var(--panel);border:1px solid var(--border);overflow:hidden}
.c-stat i{font-style:normal;font-size:18px}
.c-stat b{font-size:19px;font-weight:800;line-height:1.2}
.c-stat b span{font-size:13px;color:var(--muted);font-weight:600}
.c-stat small{color:var(--muted);font-size:12px}
.c-stat.money b{color:var(--green)}
.c-bar{display:block;height:5px;border-radius:9px;background:var(--panel2);margin-top:6px;overflow:hidden}
.c-bar span{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--blue),var(--accent));transition:width .4s}
.c-h{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;margin:22px 0 10px}
.c-h-row{justify-content:space-between}
.c-count-badge{min-width:24px;height:22px;padding:0 7px;border-radius:99px;display:inline-grid;place-items:center;font-size:12px;background:var(--panel2);border:1px solid var(--border);color:var(--muted)}
.c-shift{border-radius:14px}
.c-card{border-radius:18px;padding:16px;box-shadow:0 10px 26px -18px rgba(0,0,0,.7);animation:view-in .3s ease both}
.c-code{font-size:16px;letter-spacing:.02em}
.c-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0 4px;font-size:11.5px;color:var(--muted);text-align:center}
.c-steps span{position:relative;padding-top:10px}
.c-steps span::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;border-radius:9px;background:var(--panel2)}
.c-steps.s1 span:nth-child(1)::before,.c-steps.s2 span:nth-child(-n+2)::before{background:linear-gradient(90deg,var(--blue),var(--green))}
.c-steps.s1 span:nth-child(1),.c-steps.s2 span:nth-child(-n+2){color:var(--text);font-weight:600}
.c-route{position:relative;display:grid;gap:12px;margin:12px 0}
.c-route::before{content:"";position:absolute;left:17px;top:30px;bottom:30px;border-left:2px dashed var(--border)}
.c-stop{position:relative;display:flex;gap:12px;align-items:center}
.c-stop > i{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;font-style:normal;font-size:17px;z-index:1}
.c-stop > i.r{background:color-mix(in srgb,var(--orange) 22%,var(--panel));border:1px solid var(--orange)}
.c-stop > i.d{background:color-mix(in srgb,var(--green) 20%,var(--panel));border:1px solid var(--green)}
.c-stop.done{opacity:.55}
.c-stop.done > i.r::after{content:"✓";position:absolute;left:24px;top:-4px;width:16px;height:16px;border-radius:50%;background:var(--green);color:#fff;font-size:10px;display:grid;place-items:center}
.c-stop > div{flex:1;min-width:0}
.c-stop small{display:block;color:var(--muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.04em}
.c-stop b{display:block;font-size:14.5px;line-height:1.35;word-break:break-word}
.c-stop .c-note{text-transform:none;letter-spacing:0;margin-top:3px;color:var(--orange);font-size:12.5px}
.c-stop-btns{display:flex;gap:6px}
.c-nav{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;font-size:17px;background:var(--panel2);border:1px solid var(--border);text-decoration:none;transition:transform .1s,border-color .15s}
.c-nav:hover{border-color:var(--accent);text-decoration:none}
.c-nav:active{transform:scale(.9)}
.c-offer-meta{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.c-offer-meta span{font-size:12.5px;padding:5px 10px;border-radius:99px;background:var(--panel2);border:1px solid var(--border)}
.c-offer-meta .money{color:var(--green);border-color:color-mix(in srgb,var(--green) 45%,var(--border));font-weight:600}
.c-offer-meta .collect{color:var(--accent2);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--panel2))}
.c-adv{border-radius:14px;padding:15px;font-size:16px}
.btn.c-adv.done{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#16a34a;color:#fff}
.c-offer{border-radius:20px;padding:16px;animation:pulse 1.4s ease-in-out infinite,view-in .3s ease both;box-shadow:0 16px 40px -16px color-mix(in srgb,var(--accent) 60%,transparent)}
.c-offer-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.c-offer-head small{color:var(--accent2);font-weight:700;font-size:11.5px;letter-spacing:.06em}
.c-offer-head h2{margin:2px 0 0;font-size:20px}
.c-ring{position:relative;width:64px;height:64px;flex-shrink:0}
.c-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.c-ring circle{fill:none;stroke:var(--panel2);stroke-width:4}
.c-ring .c-ring-v{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:119.4;transition:stroke-dashoffset 1s linear,stroke .3s}
.c-ring .c-ring-v.low{stroke:var(--red)}
.c-ring .c-count{position:absolute;inset:0;display:grid;place-items:center;font-size:22px;font-weight:800}
.c-pay{border-radius:14px}
.c-sh.live{border-left-color:var(--green);background:color-mix(in srgb,var(--green) 7%,var(--panel))}
.c-tag{font-size:12px;padding:3px 9px;border-radius:99px;background:var(--panel2);border:1px solid var(--border);white-space:nowrap}
.c-sh .c-pay-top b{font-size:16px}
.c-empty{display:grid;justify-items:center;gap:6px;padding:22px 14px;border-radius:16px;border:1px dashed var(--border);color:var(--muted);text-align:center;font-size:14px}
.c-empty i{font-style:normal;font-size:30px}
/* kurye: mini canlı harita */
.c-map-card{position:relative;height:190px;margin:0 0 14px;border-radius:18px;overflow:hidden;border:1px solid var(--border);box-shadow:0 12px 30px -18px rgba(0,0,0,.7);background:var(--panel2)}
#c-map{position:absolute;inset:0;z-index:0}
#c-map .leaflet-control-attribution{font-size:9px;padding:0 4px;background:rgba(255,255,255,.6)}
.c-map-card .c-map-btn{bottom:22px}
.c-map-wait{position:absolute;left:8px;right:8px;bottom:8px;z-index:500;padding:8px 12px;border-radius:12px;font-size:12.5px;line-height:1.4;color:var(--text);cursor:pointer;
  background:color-mix(in srgb,var(--panel) 92%,transparent);border:1px solid var(--border);box-shadow:0 4px 14px rgba(0,0,0,.35);backdrop-filter:blur(4px)}
.c-map-wait[hidden]{display:none}
.c-map-btn{position:absolute;right:10px;bottom:10px;z-index:600;width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:var(--panel);color:var(--blue);
  font-size:22px;line-height:1;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.35);opacity:0;transform:scale(.8);pointer-events:none;transition:opacity .2s,transform .2s}
.c-map-btn.show{opacity:1;transform:none;pointer-events:auto}
.c-me i{position:absolute;inset:3px;border-radius:50%;background:#3b82f6;border:3px solid #fff;box-shadow:0 0 0 0 rgba(59,130,246,.6);animation:c-me 2s ease-out infinite}
@keyframes c-me{0%{box-shadow:0 0 0 0 rgba(59,130,246,.55)}100%{box-shadow:0 0 0 16px rgba(59,130,246,0)}}
/* kurye: yeni üst kart */
.c-hero{position:relative;overflow:hidden;isolation:isolate}
.c-hero::before{content:"";position:absolute;z-index:-1;width:220px;height:220px;right:-70px;top:-90px;border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--accent) 38%,transparent),transparent 70%);opacity:.55}
.c-hero::after{content:"🛵";position:absolute;z-index:-1;right:14px;top:6px;font-size:64px;opacity:.07;transform:rotate(-8deg);pointer-events:none}
.c-hero-top{gap:10px}
.c-menu-btn{position:relative;flex-shrink:0;color:var(--text);font-size:19px}
.c-menu-btn .c-dot{position:absolute;top:6px;right:6px;width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 0 2px var(--panel);animation:pulse 1.4s infinite}
.c-avatar{position:relative;cursor:pointer;font-size:17px;letter-spacing:.02em;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 40%,#6366f1));
  box-shadow:0 8px 20px -8px var(--accent);color:var(--on-accent,#111)}
.c-av-dot{position:absolute;right:-3px;bottom:-3px;width:14px;height:14px;border-radius:50%;background:var(--muted);border:3px solid var(--panel);transition:background .3s}
.is-on .c-av-dot{background:var(--green);box-shadow:0 0 0 0 var(--green);animation:c-me 2s ease-out infinite}
.c-hello{cursor:pointer}
.c-hello b{font-size:19px;letter-spacing:-.01em}
.c-sub{display:block;font-size:12px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-hero-chev{width:28px;height:28px;flex-shrink:0;display:grid;place-items:center;cursor:pointer;border-radius:9px;color:var(--muted)}
.c-hero-chev::before{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s}
.c-hero.compact .c-hero-chev::before{transform:rotate(-135deg) translateY(-2px)}
.c-hero.compact .c-hero-more{display:none}
.c-hero.compact #c-greet{display:none}
.c-hero.compact .c-hero-top{margin-bottom:10px}
.c-hero.compact .c-online{padding:10px 14px}
.c-pay-alert{display:block;width:100%;margin:-4px 0 14px;padding:11px 14px;border-radius:14px;text-align:left;cursor:pointer;font:500 13.5px Inter,sans-serif;color:var(--text);
  border:1px solid var(--orange);background:color-mix(in srgb,var(--orange) 14%,var(--panel));animation:pulse 1.6s ease-in-out infinite}
.c-pay-alert[hidden]{display:none}
/* bölüm küçült / aç */
h2.c-h[data-fold]{cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}
.c-fold-chev{margin-left:auto;width:22px;height:22px;display:grid;place-items:center;color:var(--muted);flex-shrink:0}
.c-h-row .c-fold-chev{margin-left:6px}
.c-fold-chev::before{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s}
h2.c-h.folded .c-fold-chev::before{transform:rotate(-45deg)}
.c-fold.c-folded{display:none}
h2.c-h.folded{opacity:.75}
.c-clk{cursor:pointer}
.c-clk:active{transform:scale(.99)}
.c-code small{font-size:12px;color:var(--muted);font-weight:500}
/* sol menü */
body.c-locked{overflow:hidden}
.c-drawer{position:fixed;inset:0;z-index:2500}
.c-drawer[hidden],.c-sheet[hidden]{display:none}
.c-drawer-bg{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(3px);opacity:0;transition:opacity .25s}
.c-drawer-panel{position:absolute;left:0;top:0;bottom:0;width:min(300px,84vw);display:flex;flex-direction:column;gap:2px;padding:16px 12px calc(16px + env(safe-area-inset-bottom));
  background:var(--panel);border-right:1px solid var(--border);box-shadow:20px 0 40px -20px rgba(0,0,0,.6);transform:translateX(-100%);transition:transform .26s cubic-bezier(.3,.8,.3,1);overflow-y:auto}
.c-drawer.open .c-drawer-bg{opacity:1}
.c-drawer.open .c-drawer-panel{transform:none}
.c-drawer-head{display:flex;gap:12px;align-items:center;padding:6px 6px 16px;margin-bottom:8px;border-bottom:1px solid var(--border)}
.c-drawer-head > div:last-child{min-width:0}
.c-drawer-head b{display:block;font-size:16px}
.c-drawer-head small{display:block;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis}
.c-mi{display:flex;align-items:center;gap:12px;width:100%;padding:12px 10px;border:0;border-radius:12px;background:none;color:var(--text);font:600 14.5px Inter,sans-serif;text-align:left;cursor:pointer;text-decoration:none;transition:background .15s}
.c-mi:hover,.c-mi:active{background:var(--panel2);text-decoration:none}
.c-mi i{font-style:normal;font-size:18px;width:26px;text-align:center}
.c-mi small{font-weight:400;font-size:11.5px}
.c-mi-badge{margin-left:auto;min-width:20px;height:20px;border-radius:99px;display:grid;place-items:center;background:var(--red);color:#fff;font-size:12px}
.c-mi-badge[hidden]{display:none}
.c-mi-note{margin-left:auto;font-size:12px;color:var(--muted);font-weight:500}
.c-mi-form{margin:auto 0 0;padding-top:10px;border-top:1px solid var(--border)}
.c-mi.danger{color:var(--red)}
/* açılır sayfa (alttan kayar) */
.c-sheet{position:fixed;inset:0;z-index:2700;background:rgba(0,0,0,.5);opacity:0;transition:opacity .25s}
.c-sheet.open{opacity:1}
.c-sheet-panel{position:absolute;left:0;right:0;bottom:0;max-height:92vh;max-width:560px;margin:0 auto;overflow-y:auto;padding:0 16px calc(24px + env(safe-area-inset-bottom));
  background:var(--bg);border:1px solid var(--border);border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 -20px 50px -20px rgba(0,0,0,.6);transform:translateY(100%);transition:transform .28s cubic-bezier(.3,.8,.3,1)}
.c-sheet.open .c-sheet-panel{transform:none}
.c-sheet-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;padding:14px 0 10px;background:var(--bg)}
.c-sheet-head::before{content:"";position:absolute;top:6px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:9px;background:var(--border)}
.c-sheet-head h2{margin:0;font-size:18px}
.c-sheet-lead{margin:0 0 14px;font-size:13px}
.c-info{margin-bottom:12px;padding:12px 14px;border-radius:16px;background:var(--panel);border:1px solid var(--border)}
.c-info h3{margin:0 0 8px;font-size:14px}
.c-info-row{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px dashed var(--border);font-size:13.5px}
.c-info-row:first-of-type{border-top:0}
.c-info-row span{color:var(--muted);flex-shrink:0}
.c-info-row b{text-align:right;word-break:break-word;font-weight:600}
.c-docs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.c-doc{display:grid;gap:3px;align-content:start;padding:8px;border-radius:14px;background:var(--panel);border:1px solid var(--border);color:var(--text);text-decoration:none;overflow:hidden}
.c-doc:hover{text-decoration:none;border-color:var(--accent)}
.c-doc img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;background:var(--panel2)}
.c-doc-ico{display:grid;place-items:center;aspect-ratio:4/3;border-radius:10px;background:var(--panel2);font-size:30px}
.c-doc b{font-size:12.5px;margin-top:4px}
.c-doc small{font-size:11px;color:var(--muted)}
.c-doc.ok small{color:var(--green)}
.c-doc.missing{border-style:dashed;opacity:.75}
.c-od-status{margin-bottom:10px;padding:10px 14px;border-radius:14px;font-weight:700;background:var(--panel);border:1px solid var(--border);border-left:4px solid var(--blue)}
.c-od-status.k-delivered{border-left-color:var(--green)}
.c-od-status.k-rejected{border-left-color:var(--red)}
.c-od-status.k-expired{border-left-color:var(--orange)}
.c-od-status.k-cancelled{border-left-color:var(--muted)}
#c-od-body .c-why{margin:0 0 10px}
#c-od-body .c-route{padding:12px 14px;margin:0 0 12px;border-radius:16px;background:var(--panel);border:1px solid var(--border)}
#c-od-body .c-route::before{left:31px;top:42px;bottom:42px}
.c-tl{list-style:none;margin:0;padding:0}
.c-tl li{position:relative;display:flex;align-items:center;gap:10px;padding:7px 0 7px 2px;font-size:13.5px}
.c-tl li + li::before{content:"";position:absolute;left:13px;top:-8px;height:14px;border-left:2px solid var(--border)}
.c-tl i{font-style:normal;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--panel2);font-size:13px;flex-shrink:0}
.c-tl b{flex:1;font-weight:600}
.c-tl span{color:var(--muted);font-size:12.5px}
@media (prefers-reduced-motion:reduce){.c-drawer-panel,.c-sheet-panel,.c-drawer-bg,.c-sheet{transition:none}.c-menu-btn .c-dot,.c-pay-alert,.is-on .c-av-dot{animation:none}}
.c-toast{position:fixed;left:50%;top:calc(12px + env(safe-area-inset-top));z-index:3500;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:10px 16px;border-radius:99px;
  background:var(--accent);color:var(--on-accent,#111);font:700 13.5px Inter,sans-serif;box-shadow:0 10px 30px -8px rgba(0,0,0,.6);animation:c-toast-in .3s cubic-bezier(.2,.8,.2,1.2);transition:opacity .4s,transform .4s}
.c-toast.out{opacity:0;transform:translate(-50%,-12px)}
@keyframes c-toast-in{from{opacity:0;transform:translate(-50%,-16px)}}
.c-range{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end;margin:0 0 10px;padding:10px;border-radius:14px;background:var(--panel);border:1px solid var(--border)}
.c-range[hidden]{display:none}
.c-range label{margin:0;font-size:12px;color:var(--muted)}
.c-range input{width:100%;box-sizing:border-box}
.c-range-label{margin:0 0 8px;font-size:12.5px;color:var(--muted)}
.c-range-label b{color:var(--text)}
.c-range-label:empty{display:none}
.ch-range{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.ch-range input{padding:5px 8px;font-size:12.5px;width:auto}
/* 🔁 el değiştiren sipariş */
.ho-pill{display:block;margin-top:4px;padding:3px 8px;border-radius:8px;font-size:11.5px;line-height:1.35;color:var(--text);
  background:color-mix(in srgb,var(--blue) 14%,transparent);border:1px dashed color-mix(in srgb,var(--blue) 55%,var(--border))}
.ho-now{color:var(--blue);font-weight:600}
tr.row-ho td:first-child{box-shadow:inset 3px 0 0 var(--blue)}
/* haritada kurye baloncuğu */
.cb-pop .leaflet-popup-content-wrapper{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 30px -10px rgba(0,0,0,.6)}
.cb-pop .leaflet-popup-tip{background:var(--panel);border:1px solid var(--border)}
.cb-pop .leaflet-popup-content{margin:10px 12px}
.cb-pop a.leaflet-popup-close-button{color:var(--muted)}
.cb{display:grid;gap:3px;font:12.5px Inter,sans-serif;min-width:170px}
.cb b{font-size:14px;margin-bottom:2px;padding-right:14px}
.cb a{color:var(--accent2);font-weight:600}
.cb .btn{margin-top:6px;justify-self:start}
/* 🆘 acil durum: her sayfanın üstündeki şerit + yönetici müdahale penceresi */
.sos-bar{position:fixed;top:10px;left:50%;transform:translateX(-50%);z-index:3200;display:grid;gap:6px;width:min(720px,calc(100vw - 24px))}
.sos-item{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;padding:10px 14px;border-radius:14px;border:2px solid #fff3;background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;
  text-align:left;cursor:pointer;font:inherit;box-shadow:0 14px 34px -10px rgba(220,38,38,.8);animation:sos-pulse 1.3s ease-in-out infinite}
body.md-open .sos-bar{display:none}   /* müdahale penceresi açıkken üstüne binmesin */
.sos-item b{font-size:14.5px}
.sos-item span{grid-column:1;font-size:12.5px;opacity:.92}
.sos-item i{grid-row:1 / span 2;grid-column:2;font-style:normal;font-weight:700;font-size:13px;padding:6px 10px;border-radius:10px;background:#fff2}
@keyframes sos-pulse{50%{box-shadow:0 0 0 6px rgba(220,38,38,.25),0 14px 34px -10px rgba(220,38,38,.8)}}
.sos-head{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;margin-bottom:12px;border:1px solid var(--border)}
.sos-head.open{background:color-mix(in srgb,var(--red) 16%,var(--panel));border-color:var(--red)}
.sos-head h2{margin:0;font-size:18px}
.sos-head small{color:var(--muted)}
.sos-ico{font-size:30px}
.sos-acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.sos-ord{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;margin-bottom:8px;border-radius:12px;background:var(--panel2);border:1px solid var(--border);border-left:4px solid var(--red)}
.sos-ord small{display:block;margin-top:2px}
.sos-btns{display:flex;gap:6px;flex-wrap:wrap}
.sos-pick{display:flex;gap:6px;align-items:center;flex-wrap:wrap;flex:1 1 100%;margin:0}
.sos-pick select{flex:1;min-width:200px}
.sos-ord.recent{border-left-color:var(--border)}
.sos-auto{margin:0}
.sos-help{margin:14px 0 0;font-size:13px}
.sos-appr{display:grid;gap:8px;text-align:left;margin:-6px 0 14px}
.sos-appr-row{padding:10px 12px;border-radius:12px;background:var(--panel2);border:1px solid var(--border)}
.sos-appr-row form{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:8px 0 0}
.sos-appr-row select{width:auto;flex:1;min-width:110px}
/* restoran: acil durum bilgi şeridi (bekleniyor / yeni kurye atandı) */
.sos-item.waiting{background:linear-gradient(135deg,#d97706,#b45309)}
.sos-item.done{background:linear-gradient(135deg,#16a34a,#15803d);animation:none;box-shadow:0 14px 34px -10px rgba(22,163,74,.7)}
.sos-btns form,.sos-close{margin:0}
.sos-close{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0;padding-top:12px;border-top:1px dashed var(--border)}
/* kurye ekranı: 🆘 düğmesi + açık uyarı şeridi */
.c-sos-btn{position:fixed;right:14px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:2400;width:62px;height:62px;border-radius:50%;border:3px solid #fff;
  background:radial-gradient(circle at 35% 30%,#f87171,#dc2626 55%,#991b1b);color:#fff;font:800 12px Inter,sans-serif;line-height:1.05;cursor:pointer;
  box-shadow:0 10px 26px -6px rgba(220,38,38,.75)}
.c-sos-btn b{display:block;font-size:20px}
.c-sos-btn[hidden]{display:none}
body.courier{padding-bottom:calc(96px + env(safe-area-inset-bottom))}   /* 🆘 düğmesi son kartın üstüne binmesin */
.c-sos-btn:active{transform:scale(.93)}
.c-sos-open{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 14px;padding:12px 14px;border-radius:14px;color:#fff;
  background:linear-gradient(135deg,#dc2626,#991b1b);animation:sos-pulse 1.3s ease-in-out infinite}
.c-sos-open small{display:block;opacity:.9;font-size:12.5px}
.c-sos-open .btn{background:#fff;color:#991b1b;border-color:#fff;white-space:nowrap}
.c-sos-open[hidden]{display:none}
@media (prefers-reduced-motion:reduce){.sos-item,.c-sos-open{animation:none}}
/* sipariş formu: kayıtlı adres önerileri */
.addr-row{align-items:flex-start}
.addr-wrap{position:relative;flex:1;min-width:0;display:block}
.addr-wrap input{width:100%}
.addr-sug{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:1500;max-height:320px;overflow-y:auto;padding:4px;border-radius:12px;background:var(--panel);border:1px solid var(--accent);box-shadow:0 16px 40px -12px rgba(0,0,0,.6);animation:ui-pop .15s ease}
.addr-sug[hidden]{display:none}
.addr-sug-h{padding:6px 10px 4px;font-size:11.5px;color:var(--muted)}
.addr-opt{display:grid;gap:2px;width:100%;padding:8px 10px;border:0;border-radius:9px;background:none;color:var(--text);text-align:left;cursor:pointer;font:inherit}
.addr-opt b{font-weight:600;font-size:13.5px}
.addr-opt small{color:var(--muted);font-size:11.5px}
.addr-opt mark{background:color-mix(in srgb,var(--accent) 35%,transparent);color:inherit;border-radius:3px;padding:0 1px}
.addr-opt:hover,.addr-opt.on{background:var(--panel2)}
/* panel içi soru / uyarı penceresi (tarayıcı kutuları yerine) */
.ui-dlg-wrap{position:fixed;inset:0;z-index:4000;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.55);backdrop-filter:blur(3px);animation:ui-fade .15s ease}
.ui-dlg-wrap.out{opacity:0;transition:opacity .15s}
.ui-dlg{width:100%;max-width:420px;padding:22px 20px 18px;border-radius:18px;background:var(--panel);border:1px solid var(--border);border-top:4px solid var(--accent);
  box-shadow:0 24px 60px -16px rgba(0,0,0,.7);text-align:center;animation:ui-pop .22s cubic-bezier(.2,.8,.2,1.15)}
.ui-dlg.danger{border-top-color:var(--red)}
.ui-dlg-ico{font-size:36px;line-height:1;margin-bottom:8px}
.ui-dlg h3{margin:0 0 6px;font-size:17px}
.ui-dlg p{margin:0 0 16px;line-height:1.5;white-space:pre-line;color:var(--text)}
.ui-dlg-in{display:block;text-align:left;margin:-4px 0 16px;font-size:13px;color:var(--muted)}
.ui-dlg-in textarea{width:100%;box-sizing:border-box;margin-top:6px;resize:vertical;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--bg);color:var(--text);font:14px Inter,sans-serif}
.ui-dlg-in textarea:focus{outline:none;border-color:var(--accent)}
.ui-dlg-btns{display:flex;gap:10px;justify-content:center}
.ui-dlg-btns .btn{flex:1;max-width:200px;padding:11px 14px}
@keyframes ui-fade{from{opacity:0}}
@keyframes ui-pop{from{opacity:0;transform:translateY(12px) scale(.96)}}
@media (prefers-reduced-motion:reduce){.ui-dlg-wrap,.ui-dlg{animation:none}}
/* yönetici → kurye kartı → sipariş geçmişi */
.ch-box{margin-top:16px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--panel2);transition:opacity .2s}
.ch-box.ch-loading{opacity:.5;pointer-events:none}
.ch-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.ch-sum{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:12px}
.ch-tile{display:grid;justify-items:center;gap:1px;padding:9px 4px;border-radius:12px;border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit;cursor:pointer;transition:border-color .15s,background .15s}
div.ch-tile{cursor:default}
.ch-tile i{font-style:normal}
.ch-tile b{font-size:15px}
.ch-tile small{font-size:11px;color:var(--muted)}
.ch-tile.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--panel))}
.ch-tile.k-rejected.on{border-color:var(--red);background:color-mix(in srgb,var(--red) 12%,var(--panel))}
.ch-tile.k-money b{color:var(--green)}
.ch-list{display:grid;gap:6px;max-height:420px;overflow:auto;margin-bottom:8px}
.ch-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:9px 12px;border-radius:12px;background:var(--panel);border:1px solid var(--border);border-left:4px solid var(--border);cursor:pointer;transition:border-color .15s}
.ch-row:hover{border-color:var(--accent)}
.ch-row.k-delivered{border-left-color:var(--green)}
.ch-row.k-rejected{border-left-color:var(--red)}
.ch-row.k-expired{border-left-color:var(--orange)}
.ch-row.k-active{border-left-color:var(--blue)}
.ch-row.k-cancelled{opacity:.75}
.ch-ic{font-size:16px}
.ch-main{min-width:0}
.ch-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ch-why{display:inline-block;margin-top:4px;padding:2px 9px;border-radius:99px;font-size:12px;background:color-mix(in srgb,var(--red) 12%,transparent);border:1px dashed color-mix(in srgb,var(--red) 45%,var(--border))}
.ch-side{display:grid;justify-items:end;gap:1px;text-align:right}
.ch-tag{font-size:11.5px;font-weight:600}
.ch-earn{color:var(--green);font-size:13px}
@media (max-width:760px){.ch-sum{grid-template-columns:repeat(3,1fr)}}
/* GEÇİCİ: yönetici test siparişi */
.test-card{border-top:3px solid var(--purple);margin-bottom:16px}
.test-head h3{margin:0 0 4px;display:flex;align-items:center;gap:8px}
.test-head .tag{font-size:11px;font-weight:600;padding:2px 8px;border-radius:99px;background:color-mix(in srgb,var(--purple) 20%,transparent);color:var(--purple)}
.test-row{display:grid;grid-template-columns:2fr 2fr 1fr auto;gap:10px;align-items:end;margin-top:10px}
.test-row label{margin:0}
.test-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px dashed var(--border);font-size:13px}
@media (max-width:760px){.test-row{grid-template-columns:1fr}}
.c-themes{padding:12px;border:1px solid var(--border);border-radius:16px;background:var(--panel)}
/* kurye: geçmişim (ana ekranın altı) */
.c-seg{display:inline-flex;padding:3px;border-radius:12px;background:var(--panel2);border:1px solid var(--border)}
.c-seg button,.c-tabs button{border:0;background:none;color:var(--muted);font:600 12.5px Inter,sans-serif;padding:6px 10px;border-radius:9px;cursor:pointer;transition:background .15s,color .15s}
.c-seg button.on{background:var(--panel);color:var(--text);box-shadow:0 1px 4px rgba(0,0,0,.25)}
.c-hist-sum{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}
.c-hs{display:grid;gap:1px;justify-items:center;padding:10px 4px;border-radius:14px;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;transition:border-color .15s,background .15s,transform .1s}
.c-hs:active{transform:scale(.96)}
.c-hs i{font-style:normal;font-size:16px}
.c-hs b{font-size:15px}
.c-hs small{font-size:10.5px;color:var(--muted)}
.c-hs:not([data-hf]){cursor:default}
.c-hs.k-delivered.on{border-color:var(--green);background:color-mix(in srgb,var(--green) 14%,var(--panel))}
.c-hs.k-rejected.on{border-color:var(--red);background:color-mix(in srgb,var(--red) 14%,var(--panel))}
.c-hs.k-expired.on{border-color:var(--orange);background:color-mix(in srgb,var(--orange) 14%,var(--panel))}
.c-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin-bottom:10px;border-radius:14px;background:var(--panel2);border:1px solid var(--border)}
.c-tabs button{padding:9px;font-size:13.5px}
.c-tabs button.on{background:var(--panel);color:var(--text);box-shadow:0 1px 4px rgba(0,0,0,.25)}
.c-hrow{padding:11px 13px;margin-bottom:8px;border-radius:14px;background:var(--panel);border:1px solid var(--border);border-left:4px solid var(--border);animation:view-in .25s ease both}
.c-hrow-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 8px;margin-bottom:3px}
.c-hrow-top b{font-size:14px}
.c-hrow small{display:block;color:var(--muted);font-size:12.5px;line-height:1.45}
.c-hrow.k-delivered,.c-hrow.s-done{border-left-color:var(--green)}
.c-hrow.k-rejected{border-left-color:var(--red)}
.c-hrow.k-expired{border-left-color:var(--orange)}
.c-hrow.k-cancelled,.c-hrow.s-cancelled{border-left-color:var(--muted);opacity:.8}
.c-hrow.k-active,.c-hrow.s-live{border-left-color:var(--blue)}
.c-earn{color:var(--green)}
.c-why{margin-top:7px;padding:7px 10px;border-radius:10px;font-size:13px;background:color-mix(in srgb,var(--red) 10%,var(--panel2));border:1px dashed color-mix(in srgb,var(--red) 45%,var(--border))}
/* kurye: havuzdan atanan iş */
.c-card.pool{border-color:color-mix(in srgb,var(--purple) 55%,var(--border))}
.c-pool-tag{margin-left:auto;margin-right:6px;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:99px;color:var(--purple);background:color-mix(in srgb,var(--purple) 16%,transparent);border:1px solid color-mix(in srgb,var(--purple) 45%,transparent)}
.c-release{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 0;padding:8px 10px;border-radius:12px;font-size:12.5px;
  background:color-mix(in srgb,var(--orange) 12%,var(--panel2));border:1px dashed var(--orange)}
.c-release b{font-size:15px;color:var(--orange)}
.c-reject{border-color:var(--red);text-align:left}
.c-reject .c-notice-ico,.c-reject h2{text-align:center}
.c-reject .c-notice-ico{color:var(--red)}
.c-reasons{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.c-reason{padding:8px 12px;border-radius:99px;border:1px solid var(--border);background:var(--panel2);color:var(--text);font:500 13px Inter,sans-serif;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}
.c-reason:active{transform:scale(.95)}
.c-reason.on{border-color:var(--red);background:color-mix(in srgb,var(--red) 18%,var(--panel2))}
.c-reject textarea{width:100%;box-sizing:border-box;resize:vertical;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--bg);color:var(--text);font:14px Inter,sans-serif}
.c-reject textarea:focus{outline:none;border-color:var(--red)}
.c-reject-err{margin:8px 0 0;color:var(--red);font-size:13px}
.c-stop-pin.offer{border-color:var(--orange);box-shadow:0 0 0 4px color-mix(in srgb,var(--orange) 30%,transparent)}
.c-autonav{display:flex;align-items:center;gap:10px;margin:-4px 0 14px;padding:10px 12px;border-radius:14px;background:var(--panel);border:1px solid var(--border);font-size:13px;cursor:pointer}
.c-autonav input{position:absolute;opacity:0;pointer-events:none}
.c-autonav .c-sw{width:44px;height:26px}
.c-autonav .c-sw i{width:20px;height:20px}
.c-autonav input:checked + .c-sw{background:var(--green)}
.c-autonav input:checked + .c-sw i{transform:translateX(18px)}
.c-autonav input:focus-visible + .c-sw{outline:2px solid var(--accent);outline-offset:2px}
.c-dist{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0 4px}
.c-dist > div{display:grid;gap:1px;padding:8px;border-radius:12px;background:color-mix(in srgb,var(--panel) 70%,transparent);border:1px solid var(--border);text-align:center}
.c-dist > div:first-child{border-color:var(--orange)}
.c-dist small{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}
.c-dist b{font-size:16px}
.c-dist span{font-size:11px;color:var(--muted)}
.c-stop-pin{display:grid;place-items:center;font-size:16px;border-radius:50%;background:var(--panel);border:2px solid var(--accent);box-shadow:0 3px 10px rgba(0,0,0,.4)}
@media (prefers-reduced-motion:reduce){.c-online.on .c-sw::after{animation:none}.c-card,.c-offer,.c-me i{animation:none}}

/* platform API kartları */
.int-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;margin-bottom:16px}
.int-card{margin:0;border-top:3px solid var(--brand)}
.int-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.int-head > div{flex:1;min-width:0}
.int-head small{display:block}
.int-logo{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--brand);color:#fff;font-weight:700;font-size:18px;flex-shrink:0}
.int-card details > summary{cursor:pointer;color:var(--accent2);font-weight:600;font-size:13px;margin:4px 0 10px}
.small-note{font-size:12.5px;margin:0 0 10px}
.req{color:var(--red)}
.danger-text{color:var(--st-err)}
.hook{margin:12px 0 6px;display:grid;gap:4px}
.hook code{flex:1;min-width:0;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:7px 9px;font-size:11.5px;word-break:break-all}
.info-card p{margin:6px 0 0}
.sec{font-size:17px;margin:4px 0 12px}
.plat-badges{display:inline-flex;flex-wrap:wrap;gap:4px}
.plat-badge{font-size:11px;padding:1px 8px;border-radius:99px;border:1px solid var(--border);color:var(--muted);opacity:.65}
.plat-badge.on{background:var(--brand);border-color:var(--brand);color:#fff;opacity:1}
.plat-badge.half{border-color:var(--brand);color:var(--text);opacity:1;border-style:dashed}
details.log{border-bottom:1px solid var(--border);padding:6px 0}
details.log summary{cursor:pointer}
details.log pre{white-space:pre-wrap;word-break:break-all;background:var(--bg);border-radius:8px;padding:10px;font-size:12px;max-height:300px;overflow:auto}

/* hesap türü kartı (sol üst) */
.role-card{display:flex;align-items:center;gap:12px;margin:14px 12px 6px;padding:12px 14px;border-radius:12px;border:1px solid var(--rc);
  background:color-mix(in srgb,var(--rc) 16%,var(--panel));--rc:var(--accent)}
.role-card.role-admin{--rc:#eab308}
.role-card.role-restaurant{--rc:#22c55e}
.role-card.role-courier{--rc:#3b82f6}
.role-ico{font-size:26px;line-height:1}
.role-card b{display:block;font-size:15px;letter-spacing:.08em;color:var(--rc)}
.role-card small{display:block;color:var(--text);opacity:.85;font-size:12px}
body.courier .role-card{margin:0;flex:1;margin-right:10px}

/* üyeler */
.role-choose{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.role-opt{display:grid;gap:6px;padding:22px;border-radius:14px;border:2px solid var(--rc);background:color-mix(in srgb,var(--rc) 10%,var(--panel));color:var(--text);transition:transform .15s}
.role-opt:hover{transform:translateY(-2px);text-decoration:none;background:color-mix(in srgb,var(--rc) 18%,var(--panel))}
.role-opt span{font-size:34px}
.role-opt b{font-size:18px;color:var(--rc)}
.role-opt small{color:var(--muted)}
.role-opt.role-admin,.role-pill.role-admin{--rc:#eab308}
.role-opt.role-restaurant,.role-pill.role-restaurant{--rc:#22c55e}
.role-opt.role-courier,.role-pill.role-courier{--rc:#3b82f6}
.role-card.wide{margin:0 0 16px}
.role-card.wide > div{flex:1}
.role-pill{display:inline-block;padding:2px 9px;border-radius:99px;font-size:11.5px;font-weight:700;letter-spacing:.04em;color:var(--rc);border:1px solid var(--rc);background:color-mix(in srgb,var(--rc) 12%,transparent);white-space:nowrap}
tr.dim td{opacity:.5}
.flash ul{margin:6px 0 0;padding-left:20px}
textarea{resize:vertical}

/* ================= Tema cilası (SEO paneldeki gibi): ışıltılı zemin, cam menü, hareketler ================= */
:root{--glow:color-mix(in srgb,var(--accent) 22%,transparent);--glow2:color-mix(in srgb,var(--accent) 12%,transparent)}
[data-theme=white]{--glow:color-mix(in srgb,var(--accent) 12%,transparent);--glow2:color-mix(in srgb,var(--accent) 7%,transparent)}
[data-theme=black]{--glow:rgba(255,255,255,.07);--glow2:rgba(255,255,255,.04)}

/* yazılar: daha net ve dolgun */
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:14.5px}
td{font-weight:500}
th{color:color-mix(in srgb,var(--text) 62%,var(--muted));font-weight:700}
.side nav a{font-weight:600}
.head h1{font-size:24px;font-weight:800;letter-spacing:-.02em;
  background:linear-gradient(100deg,var(--text) 35%,var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}
.card h3,.sec{font-weight:700;letter-spacing:-.01em}
label{font-weight:600}

/* zemin: ince film greni + köşelerden vurgu renginde ışıltı; arkada yavaş süzülen aurora */
body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
    radial-gradient(1100px 620px at 12% -12%,var(--glow),transparent 60%),
    radial-gradient(900px 500px at 105% 110%,var(--glow2),transparent 60%);
  background-color:var(--bg);background-attachment:fixed}
body::before{content:'';position:fixed;inset:-20%;z-index:-1;pointer-events:none;
  background:radial-gradient(36% 40% at 16% 20%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%),
    radial-gradient(32% 38% at 84% 28%,color-mix(in srgb,color-mix(in srgb,var(--accent) 45%,#38bdf8) 16%,transparent),transparent 70%);
  filter:blur(46px);animation:aurora-drift 28s ease-in-out infinite alternate}
[data-theme=white] body::before{opacity:.55}
@keyframes aurora-drift{0%{transform:translate3d(0,0,0) rotate(0) scale(1)}50%{transform:translate3d(3%,-2%,0) rotate(5deg) scale(1.05)}100%{transform:translate3d(-3%,2%,0) rotate(-4deg) scale(1)}}
.app{position:relative;z-index:0}

/* tema değişirken renkler yumuşakça geçsin */
.theme-fade *,.theme-fade *::before,.theme-fade *::after{transition:background-color .35s,border-color .35s,color .35s,box-shadow .35s!important}

/* cam sol menü */
.side{background:color-mix(in srgb,var(--panel) 78%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.side nav a{transition:background .18s,color .18s,transform .18s,box-shadow .18s}
.side nav a:hover{transform:translateX(3px)}
.side nav a.on{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 26%,transparent),color-mix(in srgb,var(--accent) 6%,transparent));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent),0 6px 18px -12px var(--accent)}
.side nav a.on::after{content:'';float:right;margin-top:8px;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}
.role-card{animation:crest 3.4s ease-in-out infinite}
@keyframes crest{50%{box-shadow:0 0 22px -6px var(--rc)}}

/* sayfa açılınca içerik süzülerek gelir (sırayla) */
.main > *{animation:view-in .45s cubic-bezier(.2,.7,.2,1) both}
.main > :nth-child(2){animation-delay:.05s} .main > :nth-child(3){animation-delay:.1s}
.main > :nth-child(4){animation-delay:.15s} .main > :nth-child(n+5){animation-delay:.2s}
@keyframes view-in{from{opacity:0;transform:translateY(10px)}}

/* kartlar: üstte ince ışık çizgisi, üzerine gelince parlayan kenar */
.card{position:relative;background:color-mix(in srgb,var(--panel) 86%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-shadow:0 1px 2px rgba(0,0,0,.08),0 14px 34px -22px rgba(0,0,0,.4);transition:border-color .25s,box-shadow .25s}
.card::before{content:'';position:absolute;left:18px;right:18px;top:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 60%,transparent),transparent);opacity:.6}
.card:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}
.stat{position:relative;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}
.stat::after{content:'';position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%)}
.stat:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:0 14px 30px -18px var(--accent)}
.ocard{transition:transform .18s,border-color .18s,box-shadow .18s}
.ocard:hover{transform:translateY(-2px);box-shadow:0 12px 26px -16px var(--accent)}

/* tablo: satırın üzerine gelince hafif vurgu + soldan renk şeridi */
tbody tr{transition:background .15s}
tbody tr:hover td{background:color-mix(in srgb,var(--accent) 7%,transparent)}
tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--accent)}

/* butonlar: ana buton degrade + parıltı, üzerine gelince ışık süpürmesi */
.btn{transition:background .15s,border-color .15s,color .15s,transform .12s,box-shadow .2s}
.btn:active{transform:scale(.97)}
.btn.primary{background:linear-gradient(135deg,var(--accent2),var(--accent));border-color:transparent;position:relative;overflow:hidden;
  box-shadow:0 8px 22px -12px var(--accent),inset 0 1px 0 rgba(255,255,255,.18)}
.btn.primary::after{content:'';position:absolute;inset:0;transform:translateX(-120%);pointer-events:none;
  background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transition:transform .6s}
.btn.primary:hover::after{transform:translateX(120%)}
.btn.primary:hover{box-shadow:0 10px 26px -10px var(--accent),inset 0 1px 0 rgba(255,255,255,.22)}
input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
input,select,textarea{transition:border-color .15s,box-shadow .15s}

/* tema kutucukları: seçilince zıplar */
.themes button.on{animation:sw-pop .35s cubic-bezier(.3,.7,.4,1.5)}
@keyframes sw-pop{50%{transform:scale(1.25)}}

@media (prefers-reduced-motion:reduce){
  body::before,.role-card,.main > *,.themes button.on{animation:none!important}
  .btn.primary::after{display:none}
}

/* ================= Sol menü: açılır/kapanır bölümler (SEO paneli gibi) ================= */
.side nav{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:8px 10px 10px;gap:6px}
.nav-group{display:flex;flex-direction:column;gap:2px;padding:4px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:12px;
  background:color-mix(in srgb,var(--panel2) 45%,transparent);flex-shrink:0}
.nav-group.nav-foot{margin-top:auto;padding-top:4px;border-top:1px solid color-mix(in srgb,var(--border) 80%,transparent)}
.nav-label{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:6px;width:100%;padding:7px 10px;border-radius:8px;cursor:pointer;user-select:none;
  font-size:10.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);border-left:3px solid var(--accent);position:relative;
  transition:background .18s,color .18s}
.nav-label:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--text)}
.nav-label:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.nav-chev{display:inline-block;width:6px;height:6px;margin:0 0 2px 4px;flex:none;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg);opacity:.6;transition:transform .32s cubic-bezier(.22,.8,.24,1),margin .32s,opacity .15s}
.nav-label:hover .nav-chev{opacity:1}
.nav-group.nav-folded .nav-chev{transform:rotate(-45deg);margin-bottom:0}
.nav-group.nav-folded:not(.clp-anim) > :not(.nav-label){display:none !important}
/* kapalı bölümde bildirim / onay bekleyen / platform zili varsa başlıkta nokta */
.nav-group.nav-folded:has(a.ping) > .nav-label::after,.nav-group.nav-folded:has(.nav-badge) > .nav-label::after{content:'';margin-left:auto;width:8px;height:8px;border-radius:50%;
  background:var(--red);box-shadow:0 0 8px var(--red);animation:pulse 1.4s ease-in-out infinite}
.nav-group.nav-folded:has(a.ring) > .nav-label{color:var(--text);animation:nav-ping 1.1s ease-in-out infinite}
.nav-group.nav-folded:has(a.on) > .nav-label{color:var(--accent2)}
/* rol kartı = hepsini aç/kapat: üst/alt oklar (açıkken dışa, hepsi kapalıyken içe) */
.role-card[data-navall]{cursor:pointer;position:relative}
.role-card[data-navall]:focus-visible{outline:2px solid var(--rc);outline-offset:2px}
.rc-arr{display:flex;flex-direction:column;gap:3px;margin-left:auto;flex:none}
.rc-arr i{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;opacity:.55;transition:opacity .15s,transform .3s}
.rc-arr i:first-child{border-bottom:5px solid var(--rc)} .rc-arr i:last-child{border-top:5px solid var(--rc)}
.role-card.all-folded .rc-arr i:first-child{transform:rotate(180deg)} .role-card.all-folded .rc-arr i:last-child{transform:rotate(180deg)}
.role-card[data-navall]:hover .rc-arr i{opacity:1}
@media (max-width:800px){ .nav-group{flex-direction:row;flex-wrap:wrap} .nav-label{width:auto} .nav-group.nav-foot{margin-top:0} }

/* ================= Yumuşak aç / kapa: menü bölümleri, bütün <details> kutuları, aç/kapa formlar ================= */
.clp-anim{overflow:hidden !important;flex-shrink:0;transition:height .4s cubic-bezier(.22,.8,.24,1),padding .3s ease !important}
.clp-anim.clp-closing{transition-duration:.28s !important}
.clp-closing > :not(summary,.nav-label){opacity:0;transform:translateY(-4px);transition:opacity .2s ease-in,transform .2s ease-in}
.clp-opening > :not(summary,.nav-label){animation:clpItemIn .34s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:calc(min(var(--i,0),10) * 28ms)}
@keyframes clpItemIn{from{opacity:0;transform:translateY(-6px)}}
details > summary{cursor:pointer}
/* summary'deki açık/kapalı oku da dönerek değişsin */
details.card > summary::marker{content:''}
details.card > summary{list-style:none;position:relative;padding-left:22px}
details.card > summary::before{content:'';position:absolute;left:4px;top:50%;width:6px;height:6px;margin-top:-5px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(-45deg);opacity:.6;transition:transform .32s cubic-bezier(.22,.8,.24,1)}
details.card[open] > summary::before{transform:rotate(45deg)}
/* sonradan yüklenen içerik (kurye kartı, detay penceresi) ve sayfa içi kartlar süzülerek gelsin */
.card-lazy > *,.md-body > *{animation:view-in .35s cubic-bezier(.2,.7,.2,1) both}
.md-body > :nth-child(2){animation-delay:.04s} .md-body > :nth-child(3){animation-delay:.08s} .md-body > :nth-child(n+4){animation-delay:.12s}
.page-center > *{animation:view-in .45s cubic-bezier(.2,.7,.2,1) both}
.page-center > :nth-child(2){animation-delay:.06s} .page-center > :nth-child(3){animation-delay:.12s} .page-center > :nth-child(n+4){animation-delay:.18s}
[data-rows] > [data-row]:last-child{animation:clpItemIn .3s cubic-bezier(.2,.7,.2,1)}
.sp-tabs a{transition:background .2s,color .2s,box-shadow .2s}
.btn{transition:transform .15s,box-shadow .2s,background .2s,border-color .2s,opacity .2s}
.btn:active{transform:scale(.97)}
@media (prefers-reduced-motion:reduce){
  .clp-anim,.clp-opening > *,.clp-closing > *,.card-lazy > *,.md-body > *,.page-center > *,[data-rows] > [data-row],.nav-chev{animation:none !important;transition:none !important}
}
/* 🔔 restoran: onay bekleyen platform siparişleri — her sayfada sağ altta kayarak gelen kartlar */
.pend-stack{position:fixed;right:16px;bottom:16px;z-index:900;width:min(400px,calc(100vw - 32px));display:flex;flex-direction:column;gap:8px;animation:pendBox .35s ease both}
.pend-stack.out{animation:pendOut .35s ease forwards}
.pend-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border:0;border-radius:12px;background:var(--accent);color:var(--on-accent);font:inherit;cursor:pointer;box-shadow:var(--shadow);animation:pendPulse 1.6s ease-in-out infinite}
.pend-bar i{font-style:normal;font-size:12px;opacity:.85}
.pend-list{display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 110px);overflow-y:auto;overscroll-behavior:contain}
.pend-stack.min .pend-list{display:none}
.pend-card{display:grid;gap:5px;padding:12px 14px;border-radius:12px;font-size:13.5px;background:color-mix(in srgb,var(--pc) 8%,var(--panel));border:1px solid color-mix(in srgb,var(--pc) 55%,var(--border));border-left:5px solid var(--pc);box-shadow:var(--shadow)}
.pend-card.in{animation:pendIn .5s cubic-bezier(.2,.9,.3,1.25) both,pendGlow 1.1s ease .5s}
.pend-card.out{animation:pendOut .35s ease forwards}
.pend-card.late .pend-age{color:var(--red,#ef4444)}
.pend-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pend-top b{font-size:15px}
.pend-plat{padding:2px 8px;border-radius:999px;background:var(--pc);color:#fff;font-size:11px;font-weight:800;letter-spacing:.3px}
.pend-age{margin-left:auto;font-size:12px;font-weight:700;color:var(--orange,#f59e0b)}
.pend-money{font-weight:600}
.pend-acts{display:grid;gap:6px;margin-top:4px;padding-top:8px;border-top:1px dashed var(--border)}
.pend-acts .pp-ok select{flex:1;min-width:0}
.pend-acts .pp-ok .btn{flex:0 0 112px;justify-content:center}
@keyframes pendIn{from{opacity:0;transform:translateX(110%) scale(.96)}to{opacity:1;transform:none}}
@keyframes pendOut{to{opacity:0;transform:translateX(110%);height:0;margin:0;padding:0}}
@keyframes pendBox{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes pendGlow{0%,100%{box-shadow:var(--shadow)}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--pc) 45%,transparent),var(--shadow)}}
@keyframes pendPulse{0%,100%{transform:none}50%{transform:scale(1.02)}}
@media (prefers-reduced-motion:reduce){.pend-stack,.pend-card,.pend-bar{animation:none!important}}
@media (max-width:640px){.pend-stack{right:8px;left:8px;bottom:8px;width:auto}.pend-list{max-height:60vh}}

/* 🧭 kurye: haritada yol tarifi — kart büyür, üstte hedef + kalan km / dk şeridi */
.c-map-card{transition:height .35s cubic-bezier(.2,.8,.2,1)}
.c-map-card.nav{height:min(62vh,520px);border-color:color-mix(in srgb,var(--green) 55%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 22%,transparent),0 12px 30px -18px rgba(0,0,0,.7)}
button.c-nav{color:inherit;font:inherit;font-size:17px;padding:0;cursor:pointer}
.c-nav-bar{position:absolute;left:8px;right:8px;top:8px;z-index:650;display:flex;flex-direction:column;gap:8px;padding:8px 8px 8px 12px;border-radius:14px;
  background:color-mix(in srgb,var(--panel) 94%,transparent);border:1px solid color-mix(in srgb,var(--green) 50%,var(--border));box-shadow:0 6px 18px rgba(0,0,0,.4);backdrop-filter:blur(6px);animation:navIn .3s ease both}
.c-nav-bar[hidden]{display:none}
.c-nav-row{display:flex;align-items:center;gap:8px}
.c-nav-row > i{font-style:normal;font-size:22px}
.c-nav-row > div{flex:1;min-width:0;display:grid;line-height:1.25}
.c-nav-row small{font-size:11px;color:var(--green);font-weight:700;text-transform:uppercase;letter-spacing:.3px}
.c-nav-row b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}
.c-nav-row span{font-size:13px;color:var(--muted)}
.c-nav-row span b{color:var(--text);font-size:15px}
.c-nav-ext,.c-nav-end{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;border-radius:10px;border:1px solid var(--border);background:var(--panel2);color:var(--text);font-size:16px;text-decoration:none;cursor:pointer}
.c-nav-end{background:color-mix(in srgb,var(--red,#ef4444) 14%,var(--panel2))}
.c-stop-pin.goal{font-size:20px;border-color:var(--green);box-shadow:0 0 0 5px color-mix(in srgb,var(--green) 30%,transparent),0 3px 10px rgba(0,0,0,.4);animation:goalPulse 1.6s ease-in-out infinite}
@keyframes navIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@keyframes goalPulse{50%{box-shadow:0 0 0 10px color-mix(in srgb,var(--green) 12%,transparent),0 3px 10px rgba(0,0,0,.4)}}
@media (prefers-reduced-motion:reduce){.c-map-card,.c-nav-bar,.c-stop-pin.goal{animation:none;transition:none}}
/* 🛰️ kurye: haritaya dokun → tam ekran GPS modu (kurye ortada, yön oku) */
.c-map-card.full{position:fixed;inset:0;z-index:1200;height:auto;margin:0;border-radius:0;border:0;animation:mapFull .3s ease both}
.c-map-card.full .c-nav-bar{top:calc(10px + env(safe-area-inset-top,0px))}
.c-map-card.full .c-map-btn{bottom:calc(22px + env(safe-area-inset-bottom,0px))}
.c-map-hint{position:absolute;left:8px;top:8px;z-index:500;padding:4px 9px;border-radius:99px;font-size:11.5px;font-weight:600;pointer-events:none;
  background:color-mix(in srgb,var(--panel) 85%,transparent);border:1px solid var(--border);color:var(--muted)}
.c-map-card.nav .c-map-hint,.c-map-card.full .c-map-hint{display:none}
.c-map-x{display:none;position:absolute;left:10px;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:650;height:42px;padding:0 14px;border-radius:12px;font:inherit;font-weight:700;
  border:1px solid var(--border);background:var(--panel);color:var(--text);box-shadow:0 4px 12px rgba(0,0,0,.35);cursor:pointer}
.c-map-card.full .c-map-x{display:block}
.c-map-card:not(.full) #c-map{cursor:zoom-in}
.c-me .c-head{position:absolute;left:50%;top:50%;width:0;height:0;margin:-27px 0 0 -9px;border:9px solid transparent;border-bottom:18px solid #3b82f6;border-top:0;
  transform-origin:9px 27px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));transition:transform .4s ease}
.c-me .c-head[hidden]{display:none}
@keyframes mapFull{from{opacity:.4;transform:scale(.96)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.c-map-card.full{animation:none}}
/* 🗣️ tam ekran GPS: dönüş dönüş yönlendirme + 🧭 Yol tarifi düğmesi / durak seçimi */
.c-turn{display:flex;align-items:center;gap:12px;margin:-8px -8px 0 -12px;padding:10px 12px;border-radius:14px 14px 0 0;background:var(--green);color:#fff}
.c-turn > i{font-style:normal;font-size:30px;line-height:1;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.2)}
.c-turn > div{display:grid;line-height:1.2;min-width:0}
.c-turn b{font-size:22px;font-weight:800}
.c-turn span{font-size:14.5px;font-weight:600;opacity:.95;overflow:hidden;text-overflow:ellipsis}
.c-turn u{text-decoration:none;font-weight:800}
.c-map-card:not(.full) .c-turn,.c-map-card:not(.full) .c-voice{display:none}
.c-map-go{display:none;position:absolute;left:50%;transform:translateX(-50%);bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:650;height:48px;padding:0 22px;border-radius:14px;border:0;
  background:var(--green);color:#fff;font:inherit;font-size:16px;font-weight:800;box-shadow:0 6px 18px rgba(0,0,0,.4);cursor:pointer;animation:navIn .3s ease both}
.c-map-card.full.has-stops:not(.nav) .c-map-go{display:block}
.c-map-card.full.has-stops:not(.nav) .c-map-x{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
.c-go-list{position:absolute;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:700;display:grid;gap:6px;padding:12px;border-radius:16px;
  background:var(--panel);border:1px solid var(--border);box-shadow:0 10px 30px rgba(0,0,0,.5);animation:navIn .25s ease both}
.c-go-list[hidden]{display:none}
.c-go-list > b{font-size:14px;margin:0 2px 2px}
.c-go-list button{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--panel2);color:var(--text);font:inherit;text-align:left;cursor:pointer}
.c-go-list button i{font-style:normal;font-size:20px}
.c-go-list button span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.c-go-list button small{color:var(--muted)}
.c-go-list .c-go-x{justify-content:center;color:var(--muted)}
/* tam ekran haritada 🆘 düğmesi gizli (küçültünce geri gelir) */
body.c-map-full .c-sos-btn{display:none!important}

/* tam ekran harita: alt düğmeler tek sırada, aynı yükseklikte — [⤡ Küçült] [🧭 Yol tarifi ……] [◎] */
.c-map-card.full .c-map-x,.c-map-card.full.has-stops:not(.nav) .c-map-x,.c-map-card.full .c-map-btn,.c-map-card.full .c-map-go{bottom:calc(16px + env(safe-area-inset-bottom,0px));height:48px;box-sizing:border-box;margin:0}
.c-map-card.full .c-map-x{left:12px;width:108px;padding:0;display:flex;align-items:center;justify-content:center;gap:4px;font-size:15px}
.c-map-card.full .c-map-btn{right:12px;width:48px;display:grid;place-items:center}
.c-map-card.full .c-map-go{left:130px;right:70px;transform:none;padding:0 10px;display:none;align-items:center;justify-content:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-map-card.full.has-stops:not(.nav) .c-map-go{display:flex}
.c-map-card.full .c-go-list{bottom:calc(76px + env(safe-area-inset-bottom,0px))}
.c-map-card.full .leaflet-control-attribution{margin-bottom:calc(68px + env(safe-area-inset-bottom,0px))}
/* 🔢 kurye: en kısa durak sırası — haritada numaralı iğneler, kartta "1 · Önce bu" etiketi */
.c-stop-pin{position:relative}
.c-stop-pin .n{position:absolute;top:-9px;right:-11px;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:var(--accent);color:var(--on-accent);
  font:800 11px/18px Inter,system-ui,sans-serif;text-align:center;box-shadow:0 0 0 2px var(--panel)}
.c-seq{display:flex;align-items:center;gap:8px;margin:2px 0 8px;padding:6px 10px;border-radius:10px;font-size:13px;font-weight:600;background:var(--panel2);border:1px solid var(--border)}
.c-seq b{width:22px;height:22px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:var(--muted);color:var(--panel);font-size:12px}
.c-seq.first{border-color:color-mix(in srgb,var(--green) 60%,var(--border));background:color-mix(in srgb,var(--green) 12%,var(--panel2))}
.c-seq.first b{background:var(--green);color:#fff}
/* firmanın sipariş kodu etiketi (Yemeksepeti vb. renginde) */
.ext-tag{display:inline-flex;align-items:center;gap:4px;margin-left:6px;padding:2px 8px;border-radius:99px;vertical-align:middle;font-size:12px;font-weight:700;white-space:nowrap;color:#fff;background:var(--xc,#888)}
.ext-tag b{font-weight:800;letter-spacing:.2px}

/* küçük sonuç bildirimi (sayfa yenilenmeden yapılan işlemler) */
.ui-flash{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:3000;max-width:min(520px,calc(100vw - 32px));padding:11px 18px;border-radius:12px;font-weight:600;font-size:14px;
  background:var(--panel);color:var(--text);border:1px solid color-mix(in srgb,var(--green,#22c55e) 60%,var(--border));box-shadow:var(--shadow);animation:navIn .25s ease both;transition:opacity .35s,transform .35s}
.ui-flash.bad{border-color:color-mix(in srgb,var(--red,#ef4444) 60%,var(--border))}
.ui-flash.out{opacity:0;transform:translate(-50%,-10px)}
.pp-card{transition:opacity .35s,transform .35s}
.pp-card.out{opacity:0;transform:translateX(30px)}