/* Logistic Management Panel — design system tokenlarının CSS karşılığı (tokens.json'dan) + uygulama kabuğu.
   Bileşen stilleri: ds/lmp/components/bundle.css. Tema: kapsayıcıda data-theme="light|dark". */

:root,[data-theme="light"]{--bg-page:#f6f8fa;--surface:#ffffff;--surface-sunken:#edf0f4;--surface-selected:#f3f7ff;--surface-striped:#f6f8fa;--surface-inverse:#081239;--border:#dde2e9;--border-control:#737d8c;--border-subtle:#edf0f4;--ink:#081239;--ink-muted:#586272;--ink-subtle:#737d8c;--ink-disabled:#9aa3b0;--ink-inverse:#ffffff;--ink-inverse-muted:#cad2e7;--primary:#081239;--primary-hover:#223369;--primary-pressed:#03082f;--on-primary:#ffffff;--accent:#1f3aa6;--accent-hover:#152b8a;--on-accent:#ffffff;--accent-soft:#e0eafe;--accent-strong:#152b8a;--accent-on-inverse:#9ab4f4;--link:#1f3aa6;--link-hover:#152b8a;--focus-ring:#4a6fdf;--success:#077239;--on-success:#ffffff;--success-soft:#ddefe3;--success-strong:#04582b;--success-border:#8ec59c;--warning:#e7a512;--on-warning:#081239;--warning-soft:#f8f0db;--warning-strong:#834604;--warning-border:#f1d089;--danger:#ad1f25;--danger-hover:#8c0515;--on-danger:#ffffff;--danger-soft:#fde3e1;--danger-strong:#8c0515;--danger-border:#ed9d96;--shadow-sm:0 1px 2px rgba(8,18,57,.08);--shadow-md:0 6px 16px rgba(8,18,57,.12);--shadow-lg:0 16px 40px rgba(8,18,57,.18);--scrim:rgba(1,2,39,.45)}
[data-theme="dark"]{--bg-page:#01001c;--surface:#081239;--surface-sunken:#03082f;--surface-selected:#0e2067;--surface-striped:#03082f;--surface-inverse:#03082f;--border:#223369;--border-control:#7588b7;--border-subtle:#03082f;--ink:#f4f7fd;--ink-muted:#a3b1d2;--ink-subtle:#7588b7;--ink-disabled:#495d97;--ink-inverse:#ffffff;--ink-inverse-muted:#a3b1d2;--primary:#3253c1;--primary-hover:#4a6fdf;--primary-pressed:#1f3aa6;--on-primary:#ffffff;--accent:#7293e8;--accent-hover:#9ab4f4;--on-accent:#010227;--accent-soft:#0e2067;--accent-strong:#bfd2ff;--accent-on-inverse:#9ab4f4;--link:#9ab4f4;--link-hover:#bfd2ff;--focus-ring:#7293e8;--success:#5dab74;--on-success:#010227;--success-soft:#002313;--success-strong:#b8dec1;--success-border:#024526;--warning:#eebb56;--on-warning:#010227;--warning-soft:#461f01;--warning-strong:#f6e1b1;--warning-border:#834604;--danger:#dc746d;--danger-hover:#ed9d96;--on-danger:#010227;--danger-soft:#3c0100;--danger-strong:#fbc2be;--danger-border:#700305;--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 6px 16px rgba(0,0,0,.5);--shadow-lg:0 16px 40px rgba(0,0,0,.6);--scrim:rgba(0,0,0,.6)}
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--control-sm:32px;--control-md:40px;--control-lg:48px;--badge-md:24px;--badge-lg:28px;--icon-sm:16px;--icon-md:20px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-full:999px;--font-sans:"Geist",system-ui,sans-serif}

/* ---------- Uygulama kabuğu (yan menü, üst bar, sayfa, alt aksiyon çubuğu, modal) ---------- */
.lmp-app{min-height:100vh;display:flex;flex-wrap:wrap;align-items:stretch;background:var(--bg-page)}
.lmp-side{flex:1 1 248px;max-width:100%;padding:20px 12px;display:flex;flex-direction:column;gap:4px;background:var(--surface-inverse);color:var(--ink-inverse)}
.lmp-brand{display:flex;align-items:center;gap:10px;padding:4px 14px 28px}
.lmp-brand .mark{width:36px;height:36px;border-radius:var(--radius-md);background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}
.lmp-brand .nm{font-size:17px;line-height:24px;font-weight:600;color:var(--ink-inverse)}
.lmp-nav{display:flex;flex-direction:column;gap:4px}
.lmp-navlink{display:flex;align-items:center;gap:12px;height:var(--control-lg);padding:0 14px;border-radius:var(--radius-md);color:var(--ink-inverse-muted);text-decoration:none;font-size:15px;font-weight:500}
.lmp-navlink:hover{background:rgba(255,255,255,.06);color:var(--ink-inverse)}
.lmp-navlink[aria-current="page"]{background:rgba(154,180,244,.14);color:var(--accent-on-inverse)}
.lmp-navlink:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
.lmp-main{flex:999 1 560px;min-width:0;display:flex;flex-direction:column}
.lmp-top{height:64px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--surface);border-bottom:1px solid var(--border)}
.lmp-crumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink-muted)}
.lmp-crumb a{color:var(--link);text-decoration:none;font-weight:500}
.lmp-crumb .cur{color:var(--ink);font-weight:500}
.lmp-user{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500}
.lmp-user .av{width:36px;height:36px;border-radius:var(--radius-full);background:var(--surface-sunken);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}
.lmp-page{flex-grow:1;width:100%;max-width:1200px;padding:var(--space-10);display:flex;flex-direction:column;gap:var(--space-8)}
.lmp-pagehead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}
.lmp-pagehead h1{margin:0;font-size:28px;line-height:36px;font-weight:600}
.lmp-pagehead .sub{margin:6px 0 0;font-size:14px;line-height:20px;color:var(--ink-muted)}
.lmp-meta{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:8px;font-size:13px;line-height:18px;color:var(--ink-muted)}
.lmp-meta b{font-weight:500;color:var(--ink)}
.lmp-foot{position:sticky;bottom:0;z-index:4;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:16px;padding:14px 40px;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -4px 12px rgba(8,18,57,.06)}
.lmp-foot .info{font-size:13px;line-height:18px;color:var(--ink-muted)}
.lmp-foot .acts{display:flex;flex-wrap:wrap;gap:12px}
.lmp-scrim{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--scrim)}
.lmp-modal{width:100%;max-width:560px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}
.lmp-modal-h{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid var(--border)}
.lmp-modal-h h2{margin:0;font-size:20px;line-height:28px;font-weight:600}
.lmp-modal-b{padding:28px;display:flex;flex-direction:column;gap:var(--space-6)}
.lmp-modal-f{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:1px solid var(--border)}
/* Müşteri logosu: negatif (beyaz) versiyon, koyu menünün üstünde plakasız; sola yaslı, yükseklik sabit, genişlik orantılı. */
.lmp-brand.logo{display:flex;align-items:center;justify-content:flex-start;margin:0 0 28px;padding:8px 14px 0;background:none}
.lmp-brand.logo img{display:block;max-width:100%;height:44px;width:auto;object-fit:contain}
/* Yan menü masaüstünde sabit kalır (sayfa kayarken yerinde durur); dar ekranda üste yığılır, sabit olmaz. */
@media (min-width:900px){.lmp-side{position:sticky;top:0;align-self:flex-start;height:100vh;overflow-y:auto;flex:0 0 248px}}
@media (max-width:720px){.lmp-top,.lmp-page,.lmp-foot{padding-left:16px;padding-right:16px}}