:root {
  --bg: #f4f7fb;
  --surface: rgba(255,255,255,.94);
  --surface-2: #f8fafc;
  --text: #0f172a;
  --muted: #64748b;
  --line: rgba(148,163,184,.28);
  --brand: #16a34a;
  --brand-2: #0ea5e9;
  --danger: #e11d48;
  --warn: #d97706;
  --ok: #059669;
  --shadow: 0 18px 60px rgba(15,23,42,.10);
  --radius: 22px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(circle at 10% 8%, rgba(22,163,74,.09), transparent 28%),
    radial-gradient(circle at 90% 3%, rgba(14,165,233,.10), transparent 28%),
    linear-gradient(180deg, #f8fbff 0%, #f4f7fb 58%, #eef3f8 100%);
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
.container { width: min(1180px, calc(100% - 28px)); margin: 0 auto; }
.hidden { display: none !important; }

.logo {
  width: 44px; height: 44px; border-radius: 15px;
  display: grid; place-items: center;
  background: linear-gradient(135deg, #22c55e, #38bdf8);
  box-shadow: 0 14px 38px rgba(34,197,94,.18);
  flex: none;
}
.logo svg { width: 29px; height: 29px; }
.logo img { width: 100%; height: 100%; object-fit: contain; display:block; }
.logo.image-logo { background:#fff; padding:6px; }
.brand { display:flex; align-items:center; gap:12px; min-width:0; }
.brand-title { font-weight: 950; letter-spacing: -.03em; line-height: 1.05; }
.brand-subtitle { color: var(--muted); font-size: 12px; margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 55vw; }

.topbar {
  position: sticky; top: 0; z-index: 50;
  border-bottom: 1px solid rgba(148,163,184,.18);
  background: rgba(255,255,255,.84);
  backdrop-filter: blur(18px);
}
.topbar-inner {
  min-height: 74px;
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
}
.top-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.topbar-action-btn { display:inline-flex; align-items:center; justify-content:center; gap:6px; height:40px; padding:0 12px; background:#fff; border:1px solid var(--line); border-radius:12px; color:#334155; font-size:13px; font-weight:800; cursor:pointer; transition:.2s; }
.topbar-action-btn:hover { background:#f8fafc; border-color:rgba(148,163,184,.4); transform:translateY(-1px); }
.topbar-action-btn.danger { color:#be123c; background:rgba(225,29,72,.06); border-color:rgba(225,29,72,.15); }
.topbar-action-btn.danger:hover { background:rgba(225,29,72,.12); }
.topbar-action-btn.icon-only { padding:0; width:40px; }
.topbar-ico { font-size:16px; line-height:1; }
@media (max-width: 800px) {
  .topbar-label { display:none; }
  .topbar-action-btn { padding:0; width:40px; }
  .topbar-action-btn:not(.icon-only) .topbar-label { display:inline; }
  .topbar-action-btn:not(.icon-only) { width:auto; padding:0 12px; }
}

.btn {
  border: 1px solid rgba(148,163,184,.28);
  color: var(--text);
  background: rgba(255,255,255,.88);
  border-radius: 15px;
  min-height: 44px;
  padding: 10px 14px;
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  transition: .18s transform, .18s background, .18s opacity, .18s border;
  font-weight: 800;
}
.btn:hover { transform: translateY(-1px); background: #fff; }
.btn:active { transform: translateY(0); }
.btn.primary { background: linear-gradient(135deg, #22c55e, #14b8a6); color:#fff; border-color: transparent; }
.btn.blue { background: linear-gradient(135deg, #38bdf8, #818cf8); color:#fff; border-color: transparent; }
.btn.danger { color:#be123c; background: rgba(225,29,72,.08); border-color: rgba(225,29,72,.20); }
.btn.warn { color:#92400e; background: rgba(217,119,6,.08); border-color: rgba(217,119,6,.22); }
.btn.ghost { background: transparent; }
.btn.small { min-height: 36px; padding: 8px 10px; border-radius: 12px; font-size: 13px; }
.btn.block { width: 100%; }
.btn:disabled { opacity:.50; cursor:not-allowed; transform:none; }

.pill {
  display:inline-flex; align-items:center; gap:7px;
  border:1px solid var(--line); background:#fff; color:#0f172a;
  padding:7px 10px; border-radius:999px; font-size:12px; font-weight:900; white-space:nowrap;
}
.dot { width:8px; height:8px; border-radius:99px; background:var(--brand); box-shadow:0 0 0 5px rgba(22,163,74,.12); }
.dot.warn { background: var(--warn); box-shadow:0 0 0 5px rgba(217,119,6,.12); }
.dot.danger { background: var(--danger); box-shadow:0 0 0 5px rgba(225,29,72,.12); }

.hero { padding: 34px 0 26px; }
.hero-grid { display:grid; grid-template-columns: 1.1fr .9fr; gap:22px; align-items:stretch; }
.card, .panel, .modal-card {
  border:1px solid var(--line);
  background: linear-gradient(180deg, rgba(255,255,255,.97), rgba(248,250,252,.96));
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
}
.card { padding: clamp(20px, 4vw, 44px); }
.kicker { color:#15803d; font-weight:950; text-transform:uppercase; letter-spacing:.12em; font-size:12px; margin-bottom:12px; }
h1 { margin:0; font-size: clamp(34px, 6vw, 64px); line-height:.95; letter-spacing:-.07em; }
h2 { margin:0; letter-spacing:-.035em; }
h3 { margin:0 0 8px; letter-spacing:-.025em; }
.lead { color:#475569; line-height:1.7; margin:18px 0 22px; max-width:64ch; }
.muted { color: var(--muted); }
.tiny { color: var(--muted); font-size: 12px; line-height: 1.45; }
.feature-list { display:grid; gap:12px; padding:0; margin:22px 0 0; list-style:none; }
.feature-list li { display:flex; gap:10px; color:#334155; line-height:1.55; }
.check { width:22px; height:22px; border-radius:8px; display:grid; place-items:center; background:rgba(22,163,74,.14); color:#15803d; font-weight:950; flex:none; }

.form-grid { display:grid; gap:12px; margin-top:16px; }
.two { grid-template-columns: 1fr 1fr; }
.three { grid-template-columns: repeat(3, 1fr); }
.field { display:grid; gap:7px; }
.field label { color:#334155; font-size:13px; font-weight:900; }
.input, .select, .textarea {
  width:100%; min-height:45px;
  border:1px solid rgba(148,163,184,.36);
  background:#fff; color:var(--text);
  border-radius:15px; padding:12px 13px;
  outline:none; transition:.18s border, .18s box-shadow;
}
.textarea { min-height:96px; resize:vertical; }
.input:focus, .select:focus, .textarea:focus { border-color:rgba(14,165,233,.75); box-shadow:0 0 0 4px rgba(14,165,233,.12); }
.inline-controls { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }

.role-tabs { display:grid; grid-template-columns: repeat(4, 1fr); gap:8px; margin:14px 0; }
.role-tabs button {
  border:1px solid var(--line); background:#fff; color:#334155;
  border-radius:14px; padding:10px 8px; font-size:12px; font-weight:950;
}
.role-tabs button.active { background:rgba(34,197,94,.14); border-color:rgba(34,197,94,.42); color:#14532d; }

.layout { display:block; }
.sidebar {
  position: fixed; top: 92px; left: 22px; width: 240px; z-index: 45;
  border:1px solid var(--line); background:rgba(255,255,255,.96); backdrop-filter:blur(18px);
  border-radius:26px; box-shadow:var(--shadow); padding:12px;
}
.side-head { padding: 12px 12px 10px; border-bottom:1px solid var(--line); margin-bottom:10px; }
.side-user { font-weight:950; line-height:1.15; word-break:break-word; }
.side-role { color:var(--muted); font-size:12px; margin-top:4px; }
.nav-list { display:grid; gap:7px; }
.nav-group { margin-bottom: 6px; }
.nav-group-title { font-size:11px; font-weight:1000; color:#1e293b; letter-spacing:.12em; padding:16px 14px 6px; text-transform:uppercase; opacity:0.85; }
.nav-group-items { display:grid; gap:4px; }
.nav-btn {
  min-height:52px; width:100%; border:1px solid transparent; background:transparent; color:#475569;
  border-radius:16px; display:grid; grid-template-columns:30px 1fr; align-items:center; gap:10px;
  padding:10px 12px; text-align:left; font-weight:950;
}
.nav-btn:hover { background:#f8fafc; }
.nav-btn.active { background:linear-gradient(135deg, rgba(34,197,94,.15), rgba(56,189,248,.10)); color:#0f172a; border-color:rgba(34,197,94,.24); }
.nav-ico { font-size:19px; text-align:center; }
.workspace { margin-left: 286px; padding: 22px 24px 34px 0; }
.workspace-inner { max-width: 1360px; margin: 0 auto; }

.mobile-nav {
  position:fixed; left:50%; bottom:calc(8px + var(--safe-bottom)); transform:translateX(-50%);
  z-index:60; width:calc(100% - 14px); border:1px solid var(--line); border-radius:20px;
  background:rgba(255,255,255,.96); backdrop-filter:blur(18px); box-shadow:0 18px 50px rgba(15,23,42,.12);
  padding:7px; display:none; gap:6px;
}
.mobile-nav.cols-4 { grid-template-columns:repeat(4,1fr); }
.mobile-nav.cols-5 { grid-template-columns:repeat(5,1fr); }
.mobile-nav .nav-btn {
  min-height:48px; display:grid; grid-template-columns:1fr; place-items:center; gap:2px;
  padding:6px 4px; font-size:10px; text-align:center;
}
.mobile-nav .nav-ico { font-size:18px; }

.stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:0 0 14px; }
.stat, .item-card, .order-card {
  border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.92); padding:14px;
}
.stat { min-height:94px; }
.stat .label { color:var(--muted); font-size:13px; line-height:1.35; }
.stat .num { font-size:28px; font-weight:950; letter-spacing:-.05em; margin-top:10px; }

.panel { padding:18px; margin:14px 0; }
.panel-title { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:14px; }
.panel-title p { margin:6px 0 0; }

.cards-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.order-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:10px; }
.order-id { font-weight:950; letter-spacing:-.02em; word-break:break-word; }
.order-meta { display:grid; gap:7px; color:#334155; font-size:13px; line-height:1.45; margin:10px 0; }
.address-line { border-left:3px solid rgba(34,197,94,.65); padding-left:9px; color:#334155; }
.divider { height:1px; background:var(--line); margin:12px 0; }

.status {
  display:inline-flex; align-items:center; gap:6px; padding:6px 9px; border-radius:99px;
  border:1px solid var(--line); font-size:11px; font-weight:950; white-space:nowrap;
  color:#0369a1; background:rgba(14,165,233,.10);
}
.status.havuzda { color:#92400e; background:rgba(217,119,6,.10); border-color:rgba(217,119,6,.24); }
.status.kabul_edildi, .status.yolda_alim { color:#1d4ed8; background:rgba(59,130,246,.10); border-color:rgba(59,130,246,.24); }
.status.teslim_alindi { color:#0f766e; background:rgba(20,184,166,.10); border-color:rgba(20,184,166,.24); }
.status.teslim_edildi { color:#15803d; background:rgba(34,197,94,.10); border-color:rgba(34,197,94,.24); }
.status.iptal { color:#be123c; background:rgba(225,29,72,.10); border-color:rgba(225,29,72,.24); }

.progress { display:block; position:relative; margin:24px 0 34px; padding-top:14px; }
.progress-track { height:6px; background:rgba(148,163,184,.20); border-radius:99px; position:relative; overflow:hidden; }
.progress-track span { position:absolute; left:0; top:0; bottom:0; width:var(--progress, 0%); background:linear-gradient(90deg, #10b981, #38bdf8); border-radius:99px; transition:width 0.8s cubic-bezier(0.34, 1.56, 0.64, 1); }
.progress-rider { position:absolute; top:-6px; left:var(--progress, 0%); transform:translateX(-50%); font-size:26px; transition:left 0.8s cubic-bezier(0.34, 1.56, 0.64, 1); z-index:2; filter:drop-shadow(0 4px 6px rgba(15,23,42,.15)); }
.progress-steps { display:flex; justify-content:space-between; position:absolute; left:0; right:0; top:-4px; z-index:1; pointer-events:none; }
.progress-step { display:flex; flex-direction:column; align-items:center; gap:6px; transform:translateY(-2px); }
.progress-step i { width:14px; height:14px; background:#cbd5e1; border-radius:50%; border:3px solid #fff; font-size:0; transition:0.4s; box-shadow:0 0 0 1px rgba(148,163,184,.2); }
.progress-step.reached i { background:#38bdf8; border-color:#f0f9ff; box-shadow:0 0 0 2px #38bdf8; }
.progress-step.done i { background:#10b981; border-color:#ecfdf5; box-shadow:0 0 0 2px #10b981; }
.progress-step.current i { transform:scale(1.4); background:#3b82f6; box-shadow:0 0 0 2px #3b82f6, 0 0 12px rgba(59,130,246,.5); }
.progress-step span { font-size:11px; font-weight:800; color:#94a3b8; transition:0.3s; }
.progress-step.reached span { color:#475569; }
.progress-step.current span { color:#0f172a; transform:translateY(2px); }
.progress.cancelled .progress-track span { background:#ef4444; }
.progress.cancelled .progress-step.reached i { background:#ef4444; box-shadow:0 0 0 2px #ef4444; }
.progress.cancelled .progress-rider { filter:grayscale(1) opacity(0.6); }

.map-box { min-height:330px; border:1px solid var(--line); border-radius:18px; overflow:hidden; background:#fff; }
.map-box.small { min-height:240px; }
.table-wrap { overflow-x:auto; border:1px solid var(--line); border-radius:16px; background:#fff; }
table { width:100%; border-collapse:collapse; min-width:760px; }
th, td { padding:12px; text-align:left; border-bottom:1px solid var(--line); vertical-align:top; font-size:13px; }
th { color:#334155; background:#f8fafc; font-size:12px; text-transform:uppercase; letter-spacing:.06em; }
tr:last-child td { border-bottom:0; }

.empty {
  border:1px dashed rgba(148,163,184,.42); border-radius:18px; padding:22px; text-align:center;
  color:#64748b; background:rgba(255,255,255,.70);
}
.toast-stack { position:fixed; right:14px; top:86px; z-index:120; width:min(360px,calc(100% - 28px)); display:grid; gap:8px; }
.toast { border:1px solid var(--line); background:#fff; border-radius:16px; padding:12px 13px; box-shadow:var(--shadow); animation:slideIn .2s ease; }
@keyframes slideIn { from { transform:translateY(-8px); opacity:0; } to { transform:translateY(0); opacity:1; } }

.modal {
  position:fixed; inset:0; z-index:100; display:grid; place-items:center; padding:16px;
  background:rgba(15,23,42,.36); backdrop-filter:blur(8px);
}
.modal-card { width:min(940px,100%); max-height:min(88vh,900px); overflow:auto; padding:18px; }
.modal-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:12px; }

.notif { display:flex; align-items:flex-start; gap:10px; border:1px solid var(--line); border-radius:16px; padding:12px; background:#fff; }
.notif.unseen { border-color:rgba(34,197,94,.42); background:rgba(34,197,94,.07); }
.notif-icon { width:36px; height:36px; border-radius:13px; display:grid; place-items:center; background:rgba(14,165,233,.12); flex:none; }

@media (max-width: 980px) {
  .hero-grid, .cards-grid { grid-template-columns:1fr; }
  .sidebar { display:none; }
  .workspace { margin-left:0; padding:18px 14px calc(88px + var(--safe-bottom)); }
  .mobile-nav { display:grid; }
  .stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 680px) {
  .top-actions .pill { display:none; }
  .topbar-inner { align-items:flex-start; }
  .brand-subtitle { max-width:45vw; }
  .two, .three { grid-template-columns:1fr; }
  .role-tabs { grid-template-columns:repeat(2,1fr); }
  .card, .panel, .modal-card { border-radius:18px; padding:14px; }
  .hero { padding-top:20px; }
  .stat { min-height:84px; padding:12px; }
  .stat .num { font-size:22px; }
  .map-box { min-height:300px; }
  .modal { padding:8px; }
}
@media print {
  .topbar, .sidebar, .mobile-nav, .btn, .modal, .toast-stack { display:none !important; }
  body { background:#fff; color:#111; }
  .workspace { margin:0; padding:0; }
  .panel, .card { box-shadow:none; border-color:#ddd; background:#fff; }
}


/* Modern sade login ekranı */
.login-page {
  min-height: calc(100vh - 1px);
  display: grid;
  place-items: center;
  padding: 24px;
  background:
    radial-gradient(circle at 18% 18%, rgba(34,197,94,.12), transparent 30%),
    radial-gradient(circle at 82% 12%, rgba(14,165,233,.12), transparent 30%),
    linear-gradient(145deg, #f8fbff 0%, #eef4fb 100%);
}
.login-shell {
  width: min(430px, 100%);
}
.login-card {
  padding: 30px;
  border-radius: 28px;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(148,163,184,.28);
  box-shadow: 0 28px 90px rgba(15,23,42,.14);
  backdrop-filter: blur(18px);
}
.login-logo {
  width: 58px;
  height: 58px;
  border-radius: 20px;
  margin-bottom: 18px;
}
.login-card h1 {
  font-size: 30px;
  line-height: 1.05;
  letter-spacing: -.06em;
}
.login-card .lead {
  margin: 10px 0 18px;
  font-size: 14px;
}
.login-switch {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 5px;
  border-radius: 18px;
  background: #eef4fb;
  border: 1px solid rgba(148,163,184,.22);
  margin: 16px 0;
}
.login-switch button {
  border: 0;
  border-radius: 14px;
  min-height: 42px;
  background: transparent;
  color: #475569;
  font-weight: 950;
}
.login-switch button.active {
  background: #fff;
  color: #0f172a;
  box-shadow: 0 8px 22px rgba(15,23,42,.08);
}
.login-footnote {
  margin-top: 18px;
  border-top: 1px solid rgba(148,163,184,.20);
  padding-top: 14px;
}
.login-brand {
  text-align: center;
  margin-top: 16px;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}
@media (max-width: 520px) {
  .login-page { padding: 14px; }
  .login-card { padding: 22px; border-radius: 22px; }
  .login-card h1 { font-size: 26px; }
}


/* Takip modalı Leaflet z-index düzeltmesi */
.modal {
  z-index: 10000;
}
.modal-card {
  position: relative;
  z-index: 10001;
}
.modal .map-box {
  height: 360px;
  min-height: 360px;
}
.modal .leaflet-container {
  width: 100%;
  height: 100%;
  border-radius: 18px;
}
body.modal-open {
  overflow: hidden;
}
@media (max-width: 680px) {
  .modal .map-box {
    height: 320px;
    min-height: 320px;
  }
}


/* PC geniş modern yönetim düzeni */
@media (min-width: 981px) {
  body {
    background:
      radial-gradient(circle at 6% 10%, rgba(34,197,94,.10), transparent 28%),
      radial-gradient(circle at 92% 4%, rgba(59,130,246,.12), transparent 28%),
      linear-gradient(180deg, #f8fbff 0%, #eef4fb 100%);
  }
  .container {
    width: min(1680px, calc(100% - 48px));
  }
  .sidebar {
    width: 268px;
    top: 94px;
    left: 26px;
    padding: 14px;
    border-radius: 30px;
  }
  .workspace {
    margin-left: 326px;
    padding: 26px 30px 42px 0;
  }
  .workspace-inner {
    max-width: 1680px;
  }
  .panel {
    padding: 24px;
    border-radius: 28px;
  }
  .stats {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
  }
  .stat {
    min-height: 108px;
    padding: 18px;
    border-radius: 22px;
  }
  .stat .num {
    font-size: 30px;
  }
  .cards-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
  }
  .table-wrap table {
    min-width: 1120px;
  }
  th, td {
    padding: 15px 14px;
  }
  .topbar-inner {
    min-height: 82px;
  }
  .nav-btn {
    min-height: 56px;
    font-size: 14px;
  }
}
.admin-toolbar {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
.admin-toolbar .input,
.admin-toolbar .select {
  width: auto;
  min-width: 210px;
}
.user-role-chip {
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:1px solid rgba(148,163,184,.32);
  background:#fff;
  color:#334155;
  padding:7px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:950;
}
.quick-grid {
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap:14px;
}
.quick-card {
  border:1px solid var(--line);
  border-radius:22px;
  background:linear-gradient(180deg,#fff,#f8fafc);
  padding:18px;
  box-shadow:0 12px 34px rgba(15,23,42,.06);
}
.quick-card .big {
  margin-top:10px;
  font-size:32px;
  font-weight:950;
  letter-spacing:-.05em;
}
@media (max-width: 980px) {
  .quick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .admin-toolbar .input,
  .admin-toolbar .select {
    width: 100%;
    min-width: 0;
  }
}
@media (max-width: 560px) {
  .quick-grid {
    grid-template-columns: 1fr;
  }
}


/* ===== V10 kurye ödeme ve mobil kart düzeni ===== */
.stat{position:relative;overflow:hidden}
.stat .stat-icon,.stat .num,.stat .label{position:relative;z-index:2}
.stat .stat-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:14px;background:rgba(255,255,255,.35);font-size:18px}
.order-meta b{font-weight:1000}
@media (max-width:980px){
  body[data-admin-view="home"]{overflow:hidden;height:100dvh}
  body[data-admin-view="home"] #viewRoot{display:none!important}
  body[data-admin-view="home"] .workspace{height:calc(100dvh - 76px - 88px - var(--safe-bottom));padding:8px 10px calc(82px + var(--safe-bottom));overflow:hidden}
  body[data-admin-view="home"] .workspace-inner{height:100%;min-height:100%}
  body[data-admin-view="home"] #statsRoot{height:100%;margin:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(0,1fr));gap:10px!important}
  body[data-admin-view="home"] #statsRoot .stat{min-height:0;height:auto;border-radius:24px;padding:14px 12px;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;align-items:center;text-align:center;border:0;box-shadow:0 14px 26px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.45)}
  body[data-admin-view="home"] #statsRoot .stat::before{content:"";position:absolute;right:-8px;top:-8px;width:70px;height:70px;border-radius:24px;background:rgba(255,255,255,.18);transform:rotate(8deg)}
  body[data-admin-view="home"] #statsRoot .stat::after{content:"";position:absolute;right:8px;bottom:-10px;width:84px;height:84px;border-radius:28px;background:rgba(255,255,255,.14)}
  body[data-admin-view="home"] #statsRoot .stat:nth-child(1){background:linear-gradient(135deg,#ffe4ad,#ffd798)}
  body[data-admin-view="home"] #statsRoot .stat:nth-child(2){background:linear-gradient(135deg,#ddf5d8,#c8efc4)}
  body[data-admin-view="home"] #statsRoot .stat:nth-child(3){background:linear-gradient(135deg,#eddcff,#dfc8fb)}
  body[data-admin-view="home"] #statsRoot .stat:nth-child(4){background:linear-gradient(135deg,#deedff,#d0e2f8)}
  body[data-admin-view="home"] #statsRoot .stat:nth-child(5){background:linear-gradient(135deg,#d8f3f1,#c5e9e7)}
  body[data-admin-view="home"] #statsRoot .stat:nth-child(6){background:linear-gradient(135deg,#fff2b3,#ffe88f)}
  body[data-admin-view="home"] #statsRoot .stat .stat-icon{width:46px;height:46px;border-radius:16px;font-size:20px;margin:0 auto}
  body[data-admin-view="home"] #statsRoot .stat .num{font-size:40px;line-height:1;font-weight:1000;margin:0;align-self:center}
  body[data-admin-view="home"] #statsRoot .stat .label{font-size:10px;line-height:1.25;font-weight:1000;letter-spacing:.11em;text-transform:uppercase;color:#384d68;max-width:92%;align-self:end;margin:0}
}
@media (max-width:560px){
  body[data-admin-view="home"] .workspace{height:calc(100dvh - 74px - 84px - var(--safe-bottom));padding:6px 8px calc(76px + var(--safe-bottom))}
  body[data-admin-view="home"] #statsRoot{gap:8px!important}
  body[data-admin-view="home"] #statsRoot .stat{border-radius:22px;padding:12px 10px}
  body[data-admin-view="home"] #statsRoot .stat .stat-icon{width:42px;height:42px;border-radius:15px;font-size:18px}
  body[data-admin-view="home"] #statsRoot .stat .num{font-size:34px}
  body[data-admin-view="home"] #statsRoot .stat .label{font-size:9px;letter-spacing:.09em}
}


/* ===== V11 Tek Tuşla Kurye Çağırma FAB ve modern sipariş formu ===== */
.quick-courier-fab{
  position:fixed;
  right:20px;
  bottom:22px;
  z-index:75;
  min-height:60px;
  padding:14px 18px;
  border:0;
  border-radius:999px;
  background:linear-gradient(135deg,#16a34a 0%, #0ea5e9 100%);
  color:#fff;
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight:1000;
  box-shadow:0 18px 34px rgba(14,165,233,.24), 0 10px 24px rgba(22,163,74,.18);
}
.quick-courier-fab .fab-ico{
  width:32px;height:32px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.18);
  font-size:16px;
}
.quick-courier-fab:hover{ transform:translateY(-2px); }
.quick-courier-fab:active{ transform:translateY(0); }

.quick-order-page-panel{ padding:20px; }
.quick-order-modal-card{
  width:min(980px,100%);
  max-height:min(92vh,960px);
  padding:20px;
  border-radius:28px;
  background:
    radial-gradient(circle at top right, rgba(14,165,233,.10), transparent 28%),
    radial-gradient(circle at top left, rgba(22,163,74,.10), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,250,252,.98));
}
.quick-order-modal-head{
  align-items:center;
  margin-bottom:10px;
}
.quick-order-close{
  width:44px;height:44px;border-radius:14px;
  display:inline-flex;align-items:center;justify-content:center;
  background:#fff;border:1px solid rgba(148,163,184,.28);
}
.quick-order-hero{
  padding:2px 0 4px;
}
.quick-order-hero h2{
  font-size:clamp(24px,3vw,34px);
  letter-spacing:-.04em;
}
.quick-order-hero p{ margin:10px 0 0; }
.quick-order-hero-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(22,163,74,.14),rgba(14,165,233,.12));
  color:#0f172a;
  font-size:12px;
  font-weight:1000;
  border:1px solid rgba(14,165,233,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
}
.quick-order-form{
  gap:16px;
  margin-top:18px;
}
.quick-order-section{
  border:1px solid rgba(148,163,184,.18);
  background:linear-gradient(180deg,#ffffff 0%, #f8fbff 100%);
  border-radius:24px;
  padding:18px;
  box-shadow:0 14px 32px rgba(15,23,42,.05);
}
.quick-order-section-head{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin-bottom:14px;
}
.quick-order-section-head h3{
  margin:0;
  font-size:18px;
  font-weight:1000;
}
.quick-order-section-head p{ margin:6px 0 0; }
.quick-order-step{
  width:38px;height:38px;border-radius:14px;
  display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#16a34a,#0ea5e9);
  color:#fff;font-weight:1000;flex:none;
  box-shadow:0 12px 26px rgba(14,165,233,.18);
}
.quick-order-section .input,
.quick-order-section .select,
.quick-order-section .textarea{
  min-height:52px;
  border-radius:16px;
  border-color:rgba(148,163,184,.26);
  background:#fff;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.03);
}
.quick-order-section .textarea{ min-height:108px; }
.quick-order-section .inline-controls{
  margin-top:10px;
}
.quick-order-section [data-pick]{
  background:linear-gradient(135deg, rgba(22,163,74,.10), rgba(14,165,233,.10));
  border-color:rgba(14,165,233,.14);
}
.quick-order-summary-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:16px;
}
.quick-summary-card{
  border:1px solid rgba(148,163,184,.18);
  border-radius:22px;
  padding:18px;
  background:
    radial-gradient(circle at top right, rgba(14,165,233,.08), transparent 30%),
    linear-gradient(180deg,#ffffff 0%, #f8fbff 100%);
  box-shadow:0 12px 24px rgba(15,23,42,.05);
}
.quick-summary-card.accent{
  background:
    radial-gradient(circle at top right, rgba(22,163,74,.12), transparent 28%),
    linear-gradient(180deg,#f3fff8 0%, #eefbf4 100%);
}
.quick-summary-top{
  display:flex;align-items:center;justify-content:space-between;
  color:#475569;font-size:13px;font-weight:900;
}
.quick-summary-value{
  margin-top:14px;
  font-size:28px;
  line-height:1.1;
  letter-spacing:-.04em;
  font-weight:1000;
  color:#0f172a;
}
.quick-order-submitbar{
  display:grid;
  gap:12px;
  padding:8px 4px 0;
}
.quick-order-submit{
  min-height:56px;
  border-radius:18px;
  font-size:15px;
  box-shadow:0 16px 28px rgba(14,165,233,.16);
}
.quick-order-overlay{
  background:rgba(15,23,42,.46);
  backdrop-filter:blur(10px);
}

@media (max-width:980px){
  .quick-courier-fab{
    right:12px;
    bottom:calc(88px + var(--safe-bottom));
    min-height:56px;
    padding:12px 16px;
  }
}
@media (max-width:680px){
  .quick-order-modal-card{
    width:min(100%, 100%);
    max-height:min(100vh - 16px, 1000px);
    padding:14px;
    border-radius:22px;
  }
  .quick-order-page-panel{ padding:14px; }
  .quick-order-section{
    padding:14px;
    border-radius:20px;
  }
  .quick-order-summary-grid{
    grid-template-columns:1fr;
    gap:10px;
  }
  .quick-summary-value{ font-size:24px; }
  .quick-courier-fab .fab-text{ font-size:13px; }
}


/* ===== V12 mobil popup merkezleme ve ikonlu sabit buton ===== */
.quick-courier-fab{
  width:64px;
  min-width:64px;
  height:64px;
  min-height:64px;
  padding:0;
  border-radius:22px;
  justify-content:center;
  background:linear-gradient(135deg,#16a34a 0%, #0ea5e9 100%);
  box-shadow:0 20px 38px rgba(14,165,233,.28), 0 12px 28px rgba(22,163,74,.22);
}
.quick-courier-fab .fab-ico{
  width:42px;
  height:42px;
  border-radius:16px;
  font-size:22px;
  background:rgba(255,255,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24);
}
.quick-courier-fab .fab-text{
  display:none !important;
}

.quick-order-overlay{
  padding:16px;
  align-items:center;
  justify-items:center;
}
.quick-order-modal-card{
  width:min(980px, calc(100% - 12px));
  max-height:min(90dvh, 960px);
  margin:0 auto;
  overflow:auto;
}
.quick-order-page-panel{
  max-width:980px;
  margin:0 auto;
}

@media (max-width:980px){
  .quick-courier-fab{
    right:14px;
    bottom:calc(92px + var(--safe-bottom));
    width:60px;
    min-width:60px;
    height:60px;
    min-height:60px;
    border-radius:20px;
  }
  .quick-courier-fab .fab-ico{
    width:40px;
    height:40px;
    font-size:20px;
    border-radius:15px;
  }
}

@media (max-width:680px){
  .quick-order-overlay{
    padding:10px;
  }
  .quick-order-modal-card{
    width:min(100%, 430px);
    max-height:calc(100dvh - 20px);
    padding:14px;
    border-radius:24px;
    margin:0 auto;
  }
  .quick-order-modal-head{
    margin-bottom:8px;
  }
  .quick-order-form{
    margin-top:12px;
    gap:12px;
  }
  .quick-order-section{
    padding:14px;
    border-radius:20px;
  }
  .quick-order-hero{
    text-align:center;
  }
  .quick-order-hero-badge{
    justify-content:center;
  }
  .quick-order-section-head{
    gap:12px;
    align-items:center;
  }
  .quick-order-section-head h3{
    font-size:16px;
  }
  .quick-order-page-panel{
    max-width:430px;
    margin:0 auto;
  }
}


/* ===== V13 paket, bakiye ve modern formlar ===== */
.only-close{justify-content:flex-end}
.quick-order-form{margin-top:0!important}
.quick-order-modal-card{overflow:auto}
.finance-cards-grid .finance-card{position:relative;overflow:hidden}
.finance-big{font-size:clamp(28px,4vw,40px);font-weight:1000;line-height:1.05;margin-top:8px;color:#0f172a}
.compact-meta{display:grid;gap:8px}
.home-action-bar{flex-wrap:wrap}
.modern-finance-form .input,.modern-finance-form .select,.modern-finance-form .textarea{min-height:54px;border-radius:16px}
.finance-modal-card{width:min(620px,100%);max-height:min(92dvh,900px);border-radius:26px;padding:18px;background:linear-gradient(180deg,#fff,#f8fbff);overflow:auto}
.package-plan-box{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid rgba(148,163,184,.18);border-radius:22px;background:linear-gradient(135deg,rgba(14,165,233,.08),rgba(22,163,74,.08));margin-bottom:16px}
.package-plan-price{font-size:30px;font-weight:1000;color:#0f172a}
.settings-modern-grid{gap:16px}
.settings-card{border:1px solid rgba(148,163,184,.18);border-radius:24px;padding:18px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 12px 24px rgba(15,23,42,.04)}
.settings-card-head{margin-bottom:14px}
.settings-card-head h3{margin:0;font-size:18px}
.settings-card-head p{margin:6px 0 0}
.three-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.quick-summary-value.small-value{font-size:20px}
@media (max-width:900px){
  .three-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:680px){
  .home-action-bar{width:100%}
  .home-action-bar .btn{flex:1 1 auto}
  .finance-modal-card{width:min(100%,430px);padding:14px;border-radius:22px}
  .package-plan-box{padding:14px;flex-direction:column;align-items:flex-start}
  .three-grid{grid-template-columns:1fr}
  .quick-order-section-head{align-items:flex-start}
  .quick-order-modal-card{width:min(100%,430px)}
}


/* ===== V14 paket yönetimi ve picker düzeltmeleri ===== */
.floating-location-picker{z-index:2000;background:rgba(15,23,42,.46);backdrop-filter:blur(8px)}
.location-picker-card{width:min(980px,100%);max-height:min(92dvh,960px);overflow:auto;border-radius:28px}
.package-admin-item{min-height:160px}
@media (max-width:680px){
  .location-picker-card{width:min(100%,430px);max-height:calc(100dvh - 20px);border-radius:22px}
}


/* ===== V15 modern sistem geçişi, formlar ve çoklu paket ===== */
.btn,.input,.select,.textarea{border-radius:12px}
.login-switch{grid-template-columns:repeat(3,1fr)}
.login-switch button{font-size:12px}
.floating-location-picker{z-index:30000}

html.page-booting body{opacity:0;transform:translateY(10px)}
html.page-ready body{opacity:1;transform:translateY(0);transition:opacity .42s ease,transform .42s ease}
html.page-leaving body{opacity:0;transform:scale(.985);transition:opacity .24s ease,transform .24s ease}

.system-update-overlay{
  position:fixed;inset:0;z-index:50000;display:grid;place-items:center;padding:20px;
  background:radial-gradient(circle at 20% 20%,rgba(34,197,94,.12),transparent 30%),radial-gradient(circle at 80% 15%,rgba(14,165,233,.14),transparent 32%),radial-gradient(circle at 50% 80%,rgba(168,85,247,.10),transparent 28%),rgba(8,12,22,.82);
  backdrop-filter:blur(24px) saturate(1.2);animation:updateFade .5s cubic-bezier(.4,0,.2,1) both;overflow:hidden;
}
.su-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.su-particle{position:absolute;border-radius:999px;background:rgba(255,255,255,.25);animation:suFloat linear infinite;pointer-events:none;filter:blur(0.5px)}
@keyframes suFloat{
  0%{transform:translateY(0) scale(1);opacity:.35}
  50%{transform:translateY(-40px) scale(1.3);opacity:.7}
  100%{transform:translateY(-80px) scale(.8);opacity:0}
}
.system-update-card{
  position:relative;width:min(460px,100%);border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:36px 32px 30px;text-align:center;color:#fff;
  background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(20,30,52,.90));
  box-shadow:0 40px 100px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.06),inset 0 1px 0 rgba(255,255,255,.08);
  animation:suCardIn .6s cubic-bezier(.4,0,.2,1) both;
  overflow:hidden;
}
.su-glow{
  position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:280px;height:180px;
  background:radial-gradient(ellipse at center,rgba(14,165,233,.22),rgba(34,197,94,.12),transparent 70%);
  filter:blur(40px);pointer-events:none;animation:suGlowPulse 3s ease-in-out infinite;
}
@keyframes suGlowPulse{
  0%,100%{opacity:.7;transform:translateX(-50%) scale(1)}
  50%{opacity:1;transform:translateX(-50%) scale(1.15)}
}
@keyframes suCardIn{
  from{opacity:0;transform:translateY(24px) scale(.96)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
.su-logo-wrap{
  position:relative;width:110px;height:110px;margin:0 auto 22px;display:grid;place-items:center;
}
.su-pulse-ring{
  position:absolute;inset:0;border-radius:999px;
  border:2px solid rgba(14,165,233,.30);
  animation:suPulse 2s cubic-bezier(.4,0,.6,1) infinite;
}
.su-ring-2{
  border-color:rgba(34,197,94,.25);
  animation-delay:.7s;
}
@keyframes suPulse{
  0%{transform:scale(.7);opacity:.8}
  100%{transform:scale(1.6);opacity:0}
}
.su-spinner-orbit{
  position:absolute;inset:0;animation:spin 2.4s linear infinite;
}
.su-dot{
  position:absolute;width:12px;height:12px;border-radius:999px;
  box-shadow:0 0 18px 4px currentColor;
  transition:opacity .3s;
}
.su-dot-1{top:4px;left:50%;transform:translateX(-50%);background:#22c55e;color:rgba(34,197,94,.5)}
.su-dot-2{bottom:14px;left:12px;background:#38bdf8;color:rgba(56,189,248,.5)}
.su-dot-3{bottom:14px;right:12px;background:#a855f7;color:rgba(168,85,247,.5)}
.su-center-icon{
  position:relative;z-index:2;width:52px;height:52px;border-radius:18px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,rgba(14,165,233,.25),rgba(34,197,94,.20));
  border:1px solid rgba(255,255,255,.16);
  color:rgba(255,255,255,.9);
  box-shadow:0 8px 28px rgba(14,165,233,.18);
  animation:suIconPulse 2s ease-in-out infinite;
}
@keyframes suIconPulse{
  0%,100%{box-shadow:0 8px 28px rgba(14,165,233,.18)}
  50%{box-shadow:0 12px 36px rgba(14,165,233,.32),0 0 0 8px rgba(14,165,233,.06)}
}
.su-title{
  font-size:clamp(22px,3.5vw,28px);letter-spacing:-.03em;margin:0 0 8px;font-weight:900;
  background:linear-gradient(135deg,#fff 0%,#94a3b8 50%,#fff 100%);
  background-size:200% 100%;
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
  animation:suShimmer 3s linear infinite;
}
@keyframes suShimmer{
  0%{background-position:200% center}
  100%{background-position:-200% center}
}
.su-subtitle{
  margin:0 0 24px;color:rgba(226,232,240,.68);line-height:1.6;font-size:14px;
}
.su-steps{
  display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:22px;
}
.su-step{
  font-size:12px;font-weight:800;color:rgba(255,255,255,.30);padding:6px 14px;
  border-radius:999px;border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  transition:all .4s cubic-bezier(.4,0,.2,1);
  white-space:nowrap;
}
.su-step.active{
  color:#fff;background:linear-gradient(135deg,rgba(14,165,233,.28),rgba(34,197,94,.22));
  border-color:rgba(14,165,233,.30);
  box-shadow:0 6px 18px rgba(14,165,233,.18);
}
.su-step-line{
  width:28px;height:2px;background:rgba(255,255,255,.10);flex:none;
  position:relative;overflow:hidden;
}
.su-step-line::after{
  content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0ea5e9,#22c55e);
  transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.4,0,.2,1);
}
.su-step-line.active::after{transform:scaleX(1)}
.su-bar-wrap{
  display:flex;align-items:center;gap:12px;
}
.su-bar-track{
  flex:1;height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.3);
}
.su-bar-fill{
  display:block;height:100%;width:0;border-radius:999px;
  background:linear-gradient(90deg,#22c55e,#0ea5e9,#a855f7);
  box-shadow:0 0 14px rgba(14,165,233,.4);
  animation:suBarFill 2.8s cubic-bezier(.4,0,.2,1) forwards;
}
@keyframes suBarFill{to{width:100%}}
.su-bar-pct{
  font-size:13px;font-weight:900;color:rgba(255,255,255,.70);min-width:36px;text-align:right;
  font-variant-numeric:tabular-nums;
}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes updateFade{from{opacity:0}to{opacity:1}}

.toast{
  position:relative;display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:flex-start;
  border:1px solid rgba(148,163,184,.22);background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);
  border-radius:14px;padding:12px 13px;box-shadow:0 20px 48px rgba(15,23,42,.14);animation:toastIn .28s cubic-bezier(.2,.8,.2,1);overflow:hidden;
}
.toast::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#0ea5e9,#22c55e)}
.toast.success::before{background:linear-gradient(90deg,#16a34a,#14b8a6)}
.toast.error::before{background:linear-gradient(90deg,#e11d48,#f97316)}
.toast-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(14,165,233,.12);color:#0369a1;font-weight:1000}
.toast.success .toast-icon{background:rgba(22,163,74,.12);color:#15803d}
.toast.error .toast-icon{background:rgba(225,29,72,.12);color:#be123c}
@keyframes toastIn{from{transform:translateX(18px) scale(.98);opacity:0}to{transform:translateX(0) scale(1);opacity:1}}

.input,.select,.textarea{box-shadow:inset 0 1px 2px rgba(15,23,42,.03),0 1px 0 rgba(255,255,255,.70)}
.input:hover,.select:hover,.textarea:hover{border-color:rgba(14,165,233,.42)}
.panel,.item-card,.order-card,.quick-card,.settings-card{box-shadow:0 18px 48px rgba(15,23,42,.07)}

.notif{position:relative;overflow:hidden;animation:notifPop .28s ease both;box-shadow:0 12px 28px rgba(15,23,42,.06)}
.notif::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#0ea5e9,#22c55e)}
.notif.unseen{animation:notifPulse 1.8s ease-in-out infinite}
.notif-icon{box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}
@keyframes notifPop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes notifPulse{0%,100%{box-shadow:0 12px 28px rgba(15,23,42,.06)}50%{box-shadow:0 18px 38px rgba(34,197,94,.16)}}

.package-items{display:grid;gap:12px;margin-bottom:12px}
.package-item-row{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:start;border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:12px;background:linear-gradient(180deg,#fff,#f8fbff);animation:packageIn .22s ease both}
.package-item-index{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;font-weight:1000;color:#fff;background:linear-gradient(135deg,#0ea5e9,#22c55e);box-shadow:0 10px 20px rgba(14,165,233,.16)}
.package-item-fields{display:grid;grid-template-columns:1.1fr .7fr 1fr 1.1fr;gap:10px}
.package-remove-btn{align-self:end;min-width:58px}
.package-add-row{margin-top:8px}
@keyframes packageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

.courier-apply-fields{display:grid;gap:12px;padding:14px;border:1px solid rgba(14,165,233,.16);border-radius:18px;background:linear-gradient(135deg,rgba(14,165,233,.07),rgba(34,197,94,.06))}

@media (max-width:980px){
  .package-item-row{grid-template-columns:38px 1fr}
  .package-remove-btn{grid-column:2}
  .package-item-fields{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){
  .login-switch{grid-template-columns:1fr}
  .package-item-fields{grid-template-columns:1fr}
  .package-item-row{grid-template-columns:34px 1fr;gap:10px;padding:10px}
  .package-remove-btn{width:100%}
  .system-update-card{padding:24px 18px;border-radius:24px}
}


/* ===== V16 belirgin desktop yazılımı ve mobil app görünümü ===== */
body.system-updating{opacity:1!important;transform:none!important;overflow:hidden}
.system-update-overlay{
  top:0!important;right:0!important;bottom:0!important;left:0!important;
  width:100vw;height:100dvh;min-height:100dvh;
  align-items:center!important;justify-items:center!important;place-content:center!important;
  padding:24px!important;
}
.system-update-card{margin:auto!important;transform:translateY(-2dvh)}
.su-steps{gap:0}
.su-step{padding:5px 10px;font-size:11px}
.su-step-line{width:20px}

.file-card{
  position:relative;
  min-height:132px;
  display:grid;
  align-content:center;
  justify-items:center;
  gap:8px;
  padding:16px;
  border:1px dashed rgba(14,165,233,.36);
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#f7fbff);
  cursor:pointer;
  text-align:center;
  transition:.18s transform,.18s border,.18s box-shadow,.18s background;
}
.file-card:hover,.file-card.has-file{
  transform:translateY(-1px);
  border-style:solid;
  border-color:rgba(34,197,94,.45);
  background:linear-gradient(180deg,#f5fff9,#eef9ff);
  box-shadow:0 14px 28px rgba(14,165,233,.10);
}
.file-card input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}
.file-card-icon{
  width:42px;height:42px;border-radius:14px;
  display:grid;place-items:center;
  color:#fff;font-size:12px;font-weight:1000;
  background:linear-gradient(135deg,#0ea5e9,#16a34a);
}
.file-card-title{font-weight:1000;color:#0f172a}
.file-card-name{max-width:100%;font-size:12px;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.courier-application-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.courier-application-card{
  border:1px solid rgba(148,163,184,.20);
  border-radius:18px;
  padding:16px;
  background:linear-gradient(180deg,#fff,#f8fbff);
  box-shadow:0 16px 36px rgba(15,23,42,.07);
}
.courier-app-head{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center;margin-bottom:14px}
.courier-app-head h3{font-size:17px;margin:0 0 4px}
.courier-app-head p{margin:0;color:#64748b;font-size:12px}
.courier-avatar{
  width:46px;height:46px;border-radius:16px;
  display:grid;place-items:center;
  color:#fff;font-weight:1000;
  background:linear-gradient(135deg,#0f172a,#0ea5e9);
}
.courier-doc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}
.doc-open-btn,.doc-missing{
  min-height:62px;
  border-radius:14px;
  display:grid;
  place-items:center;
  gap:2px;
  padding:10px;
  border:1px solid rgba(148,163,184,.22);
  background:#fff;
  color:#0f172a;
  font-size:12px;
  font-weight:900;
}
.doc-open-btn b{color:#0ea5e9;font-size:12px}
.doc-missing{color:#94a3b8;background:#f8fafc}
.courier-app-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}
.courier-app-metrics span{border-radius:12px;background:#f1f5f9;padding:9px;color:#64748b;font-size:11px;font-weight:900}
.courier-app-metrics b{display:block;color:#0f172a;font-size:15px;margin-top:2px}

@media (min-width:981px){
  :root{--radius:14px}
  body:not(.login-page){
    background:#e8edf4;
  }
  body[data-role]{
    min-height:100dvh;
    background:
      linear-gradient(135deg,rgba(14,165,233,.08),transparent 30%),
      linear-gradient(315deg,rgba(22,163,74,.08),transparent 32%),
      #e8edf4;
  }
  body[data-role] .topbar{
    position:fixed;
    top:16px;
    left:318px;
    right:24px;
    z-index:80;
    border:1px solid rgba(148,163,184,.22);
    border-radius:18px;
    background:rgba(255,255,255,.92);
    box-shadow:0 18px 46px rgba(15,23,42,.09);
  }
  body[data-role] .topbar .container{width:100%;max-width:none;padding:0 18px}
  body[data-role] .sidebar{
    top:16px;
    bottom:16px;
    left:18px;
    width:276px;
    border:0;
    border-radius:22px;
    padding:16px;
    background:linear-gradient(180deg,#111827,#0f172a);
    color:#e5e7eb;
    box-shadow:0 30px 80px rgba(15,23,42,.24);
  }
  body[data-role] .side-head{border-color:rgba(255,255,255,.10);padding:18px 14px;margin-bottom:14px}
  body[data-role] .side-user{color:#fff;font-size:18px}
  body[data-role] .side-role{color:#94a3b8}
  body[data-role] .nav-list{gap:8px}
  body[data-role] .nav-btn{
    min-height:50px;
    border-radius:12px;
    color:#cbd5e1;
    grid-template-columns:34px 1fr;
    padding:10px 12px;
  }
  body[data-role] .nav-btn:hover{background:rgba(255,255,255,.07);color:#fff}
  body[data-role] .nav-btn.active{
    background:linear-gradient(135deg,#0ea5e9,#16a34a);
    color:#fff;
    border-color:transparent;
    box-shadow:0 14px 28px rgba(14,165,233,.24);
  }
  body[data-role] .workspace{
    margin-left:318px;
    padding:118px 24px 38px 0;
  }
  body[data-role] .workspace-inner{max-width:none}
  body[data-role] .panel{
    border-radius:14px;
    border:1px solid rgba(148,163,184,.20);
    background:rgba(255,255,255,.94);
    box-shadow:0 16px 42px rgba(15,23,42,.075);
  }
  body[data-role] .stats{
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:12px;
  }
  body[data-role] .stat{
    border-radius:14px;
    min-height:104px;
    background:linear-gradient(180deg,#fff,#f8fafc);
  }
  body[data-role] .cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  body[data-role] .order-card,
  body[data-role] .item-card,
  body[data-role] .quick-card{
    border-radius:12px;
    background:#fff;
  }
  body[data-role] .map-box{border-radius:12px;min-height:400px}
  body[data-role] .table-wrap{border-radius:12px}
  body[data-role] th{background:#0f172a;color:#e5e7eb}
  .login-page{
    background:
      linear-gradient(135deg,rgba(15,23,42,.92),rgba(30,41,59,.78)),
      radial-gradient(circle at 24% 20%,rgba(14,165,233,.24),transparent 32%),
      radial-gradient(circle at 76% 12%,rgba(34,197,94,.22),transparent 34%),
      #0f172a;
  }
  .login-card{border-radius:20px;box-shadow:0 34px 90px rgba(0,0,0,.30)}
}

@media (max-width:980px){
  body[data-role]{
    background:#f5f7fb;
  }
  body[data-role] .topbar{
    position:fixed;
    top:0;left:0;right:0;
    z-index:90;
    border:0;
    border-radius:0 0 22px 22px;
    background:rgba(255,255,255,.96);
    box-shadow:0 12px 32px rgba(15,23,42,.10);
  }
  body[data-role] .topbar-inner{
    min-height:70px;
    padding:8px 0;
  }
  body[data-role] .brand-title{font-size:14px}
  body[data-role] .brand-subtitle{font-size:10px;max-width:48vw}
  body[data-role] .logo{width:40px;height:40px;border-radius:14px}
  body[data-role] .top-actions{gap:6px}
  body[data-role] .top-actions .btn.small{
    min-height:34px;
    padding:7px 9px;
    font-size:12px;
  }
  body[data-role] .workspace{
    margin-left:0;
    padding:88px 12px calc(92px + var(--safe-bottom));
  }
  body[data-role] .workspace-inner{max-width:560px}
  body[data-role] .stats{
    display:flex;
    overflow-x:auto;
    gap:10px;
    margin:0 -12px 12px;
    padding:0 12px 2px;
    scroll-snap-type:x mandatory;
  }
  body[data-role] .stat{
    min-width:152px;
    min-height:92px;
    border-radius:18px;
    scroll-snap-align:start;
    background:linear-gradient(135deg,#fff,#eef8ff);
  }
  body[data-role] .panel{
    margin:12px 0;
    border-radius:20px;
    padding:14px;
    box-shadow:0 12px 28px rgba(15,23,42,.075);
  }
  body[data-role] .panel-title{display:grid;gap:10px}
  body[data-role] .cards-grid,
  .courier-application-grid{grid-template-columns:1fr}
  .courier-app-head{grid-template-columns:42px 1fr;align-items:start}
  .courier-app-head .status{grid-column:1 / -1;justify-self:start}
  body[data-role] .mobile-nav{
    display:grid;
    left:0;right:0;bottom:0;transform:none;
    width:100%;
    border-radius:24px 24px 0 0;
    border:0;
    padding:8px 8px calc(8px + var(--safe-bottom));
    background:rgba(255,255,255,.98);
    box-shadow:0 -16px 36px rgba(15,23,42,.12);
  }
  body[data-role] .mobile-nav .nav-btn{
    border-radius:16px;
    min-height:54px;
  }
  body[data-role] .mobile-nav .nav-btn.active{
    background:linear-gradient(135deg,rgba(14,165,233,.14),rgba(34,197,94,.14));
    color:#0f172a;
  }
  .quick-courier-fab{
    bottom:calc(86px + var(--safe-bottom));
    right:14px;
    border-radius:18px;
  }
  .system-update-card{transform:translateY(-5dvh)}
  .su-logo-wrap{width:96px;height:96px}
  .su-center-icon{width:44px;height:44px;border-radius:16px}
}

@media (max-width:680px){
  .toast-stack{top:78px;right:10px;width:calc(100% - 20px)}
  .login-page{
    align-items:start;
    place-items:start center;
    padding:14px;
    background:#f4f7fb;
  }
  .login-shell{width:100%;max-width:440px}
  .login-card{
    margin-top:8px;
    border-radius:24px;
    min-height:auto;
  }
  .courier-file-grid{gap:10px}
  .file-card{min-height:112px;border-radius:16px}
  .courier-doc-grid{grid-template-columns:1fr}
  .courier-app-metrics{grid-template-columns:1fr 1fr 1fr}
  .system-update-overlay{padding:14px!important}
  .system-update-card{
    width:min(360px,100%);
    padding:28px 20px 24px;
    border-radius:24px;
    transform:translateY(-8dvh);
  }
  .su-title{font-size:20px}
  .su-subtitle{font-size:13px}
  .su-steps{flex-wrap:wrap;gap:4px}
  .su-step{padding:5px 10px;font-size:10px}
  .su-step-line{width:16px}
  .su-logo-wrap{width:88px;height:88px;margin-bottom:18px}
  .su-center-icon{width:40px;height:40px;border-radius:14px}
  .su-dot{width:9px;height:9px}
}


/* ===== V17 operasyon paneli, popup formlar ve mobil aksiyonlar ===== */
.dashboard-hero{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin:0 0 14px;
}
.dashboard-alert{
  min-height:92px;
  display:grid;
  align-content:center;
  gap:8px;
  padding:20px 24px;
  border-radius:8px;
  color:#fff;
  overflow:hidden;
  position:relative;
}
.dashboard-alert::after{content:"";position:absolute;right:20px;top:-20px;font-size:88px;font-weight:1000;opacity:.08}
.dashboard-alert.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}
.dashboard-alert.danger::after{content:"DIKKAT"}
.dashboard-alert.info{background:linear-gradient(135deg,#22d3ee,#0f5ed7)}
.dashboard-alert.info::after{content:"TAKIP"}
.dashboard-alert b{font-size:18px;letter-spacing:.01em}
.dashboard-alert span{font-size:14px;line-height:1.4;max-width:70ch}
.dashboard-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.dash-tile{
  min-height:130px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:22px;
  border-radius:14px;
  color:#fff;
  position:relative;
  overflow:hidden;
  box-shadow:0 16px 34px rgba(15,23,42,.10);
}
.dash-tile::before{content:"";position:absolute;left:-18px;top:-18px;width:110px;height:110px;border-radius:999px;background:rgba(255,255,255,.14)}
.dash-tile span,.dash-tile b,.dash-tile small{position:relative;z-index:1}
.dash-tile span{font-size:14px;font-weight:900;opacity:0.95}
.dash-tile b{font-size:42px;line-height:1;font-weight:1000;margin:6px 0}
.dash-tile small{font-size:13px;color:rgba(255,255,255,.84)}
.dash-tile.purple{background:#8e44ad}
.dash-tile.blue{background:#168fc2}
.dash-tile.red{background:#ef4b5f}
.dash-tile.green{background:#28a745}
.dash-tile.coral{background:#df6269}
.dash-tile.orange{background:#ef8500}
.dash-tile.yellow{background:#ffc107;color:#334155}
.dash-tile.yellow small{color:#475569}
.dash-tile.dark{background:#2c3e50}

.address-picker-field .textarea{display:none}
.address-select-card{
  width:100%;
  min-height:92px;
  border:1px solid rgba(148,163,184,.22);
  border-radius:18px;
  padding:14px;
  background:linear-gradient(180deg,#fff,#f8fbff);
  display:grid;
  grid-template-columns:44px 1fr;
  gap:12px;
  align-items:center;
  text-align:left;
  color:#0f172a;
}
.address-select-card:hover{border-color:rgba(14,165,233,.38);box-shadow:0 14px 28px rgba(14,165,233,.10)}
.address-select-icon{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#0ea5e9,#16a34a);color:#fff}
.address-select-card b{display:block;font-size:14px}
.address-select-card small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:5px;color:#64748b;line-height:1.35}
.quick-order-submitbar{
  position:sticky;
  bottom:0;
  z-index:8;
  padding:12px 0 0;
  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.98) 28%,#fff);
}
.quick-order-modal-card{padding-bottom:10px}

.app-modal-card.wide{width:min(1120px,100%)}
.app-modal-form{gap:16px}
.form-subsection{
  border:1px solid rgba(148,163,184,.18);
  border-radius:18px;
  padding:16px;
  background:linear-gradient(180deg,#fff,#f8fbff);
}
.form-subsection h3{font-size:16px;margin-bottom:12px}
.modal-sticky-actions{
  position:sticky;
  bottom:-18px;
  display:flex;
  justify-content:flex-end;
  gap:10px;
  padding:14px 0 0;
  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.98) 34%,#fff);
}
.icon-btn{
  width:38px;height:38px;border:1px solid rgba(148,163,184,.24);
  border-radius:12px;
  display:grid;place-items:center;
  background:#fff;color:#0f172a;
  font-size:18px;font-weight:1000;
}
.icon-btn:hover{background:#f1f5f9;transform:translateY(-1px)}
.courier-application-card{cursor:pointer}
.courier-application-card:hover{border-color:rgba(14,165,233,.34);transform:translateY(-1px)}
.application-doc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.application-doc-card{
  min-height:82px;
  border-radius:16px;
  display:grid;
  align-content:center;
  gap:4px;
  padding:14px;
  border:1px solid rgba(14,165,233,.18);
  background:linear-gradient(180deg,#fff,#eef8ff);
  color:#0f172a;
}
.application-doc-card b{font-size:15px}
.application-doc-card span{font-size:12px;color:#0ea5e9;font-weight:900}
.application-doc-card.missing{background:#f8fafc;color:#94a3b8}
.application-doc-card.missing span{color:#94a3b8}
.settings-modern-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
}
.settings-card{
  border-radius:18px;
  padding:20px;
}
.settings-card-head{
  border-bottom:1px solid rgba(148,163,184,.16);
  padding-bottom:12px;
}
.settings-conditional{
  animation:settingsFieldIn .18s ease both;
}
@keyframes settingsFieldIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}

@media (max-width:980px){
  .dashboard-hero,.dashboard-metrics,.settings-modern-grid{grid-template-columns:1fr}
  .dashboard-alert{border-radius:18px;min-height:86px;padding:18px}
  .dash-tile{border-radius:18px}
  .app-modal-card.wide{width:min(100%,560px)}
  .application-doc-grid{grid-template-columns:1fr}
  .quick-order-modal-card{
    height:calc(100dvh - 18px);
    max-height:calc(100dvh - 18px);
    display:flex;
    flex-direction:column;
  }
  .quick-order-form{min-height:0;overflow:auto;padding-bottom:0}
  .quick-order-submitbar{
    bottom:0;
    margin:0 -2px;
    padding:12px 0 2px;
  }
  .quick-order-submit{min-height:58px;border-radius:18px}
}
@media (max-width:680px){
  body[data-role] .workspace{padding-left:10px;padding-right:10px}
  .dashboard-alert b{font-size:16px}
  .dashboard-alert span{font-size:12px}
  .dash-tile{min-height:96px}
  .dash-tile b{font-size:27px}
  .address-select-card{min-height:86px;border-radius:16px}
  .modal-sticky-actions{
    bottom:-14px;
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .modal-sticky-actions .btn{width:100%}
  .form-subsection{padding:14px;border-radius:16px}
  .app-modal-card{height:calc(100dvh - 20px);max-height:calc(100dvh - 20px)}
}


/* ===== V18 dashboard sadeleşme ve modern sipariş kartları ===== */
body[data-role="admin"] #statsRoot.hidden{
  display:none!important;
  margin:0!important;
}
body[data-role="admin"] .app-dashboard-panel .panel-title{
  align-items:center;
}
.dash-tile{
  min-height:136px;
  padding:22px;
}
.dash-tile b{
  font-size:36px;
  margin-top:4px;
}
.dash-tile span{
  font-size:14px;
}
.dash-tile small{
  font-size:13px;
}

.order-card{
  position:relative;
  overflow:hidden;
  border-radius:20px;
  padding:18px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,251,255,.96));
  border:1px solid rgba(148,163,184,.22);
  box-shadow:0 18px 44px rgba(15,23,42,.08);
  transition:.18s transform,.18s box-shadow,.18s border;
}
.order-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:linear-gradient(90deg,#22c55e,#38bdf8,#818cf8);
  opacity:.85;
}
.order-card:hover{
  transform:translateY(-2px);
  border-color:rgba(14,165,233,.30);
  box-shadow:0 24px 56px rgba(15,23,42,.12);
}
.order-card .order-id{
  font-size:17px;
  letter-spacing:-.01em;
}
.order-card .order-meta{
  gap:9px;
  font-size:14px;
}
.order-card .address-line{
  border-left:0;
  border-radius:14px;
  padding:10px 12px;
  background:rgba(34,197,94,.07);
}
.order-card .address-line + .address-line{
  background:rgba(14,165,233,.07);
}
.order-card .inline-controls{
  gap:10px;
  padding-top:8px;
}
.order-card .inline-controls .btn,
.order-card .inline-controls .select{
  border-radius:14px;
  min-height:40px;
  background:#fff;
}
.modern-progress{
  position:relative;
  display:block;
  margin:14px 0 12px;
  height:28px;
}
.modern-progress .progress-track{
  position:absolute;
  left:0;right:0;top:11px;
  height:8px;
  border-radius:99px;
  background:#e5eaf0;
  overflow:hidden;
}
.modern-progress .progress-track span{
  display:block;
  height:100%;
  width:var(--progress);
  border-radius:99px;
  background:linear-gradient(90deg,#22c55e,#38bdf8,#818cf8);
  box-shadow:0 0 22px rgba(56,189,248,.35);
  position:relative;
  animation:progressGrow .55s cubic-bezier(.2,.8,.2,1) both;
}
.modern-progress .progress-track span::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  animation:progressShine 1.6s linear infinite;
}
.modern-progress .progress-dots{
  position:absolute;
  inset:0;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.modern-progress .progress-dots i{
  width:18px;height:18px;
  border-radius:999px;
  border:3px solid #e5eaf0;
  background:#fff;
  box-shadow:0 2px 8px rgba(15,23,42,.08);
}
.modern-progress .progress-dots i.active{
  border-color:#38bdf8;
  background:#22c55e;
}
.modern-progress .progress-dots i.current{
  animation:currentPulse 1.4s ease-in-out infinite;
  box-shadow:0 0 0 7px rgba(56,189,248,.13),0 4px 12px rgba(15,23,42,.12);
}
@keyframes progressGrow{from{width:0}to{width:var(--progress)}}
@keyframes progressShine{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@keyframes currentPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}

@media (max-width:980px){
  .dash-tile{min-height:124px}
  .order-card{
    border-radius:22px;
    padding:16px;
  }
  .order-card .inline-controls{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .order-card .inline-controls .btn,
  .order-card .inline-controls .select{
    width:100%;
    max-width:none!important;
  }
}
@media (max-width:680px){
  .dash-tile{min-height:118px;padding:18px}
  .dash-tile b{font-size:32px}
  .order-card .order-id{font-size:16px}
  .order-card .inline-controls{grid-template-columns:1fr}
}


/* ===== V19 rol bazlı formlar, evrak önizleme ve tüm panellerde renkli kart ===== */
.dash-tile{
  min-height:158px;
}
body[data-role] .stats{
  align-items:stretch;
}
body[data-role] .stat{
  min-height:142px;
  border:0;
  border-radius:12px;
  color:#fff;
  box-shadow:0 18px 38px rgba(15,23,42,.10);
}
body[data-role] .stat .label,
body[data-role] .stat .num,
body[data-role] .stat .stat-icon{color:inherit}
body[data-role] .stat .label{opacity:.86;font-weight:800}
body[data-role] .stat .num{font-size:34px}
body[data-role] .stat:nth-child(1){background:#8e44ad}
body[data-role] .stat:nth-child(2){background:#168fc2}
body[data-role] .stat:nth-child(3){background:#ef4b5f}
body[data-role] .stat:nth-child(4){background:#28a745}
body[data-role] .stat:nth-child(5){background:#ef8500}
body[data-role] .stat:nth-child(6){background:#2c3e50}
body[data-role] .stat::before{
  content:"";
  position:absolute;
  left:-24px;
  top:-24px;
  width:104px;
  height:104px;
  border-radius:999px;
  background:rgba(255,255,255,.15);
}

.modern-progress .progress-rider{
  position:absolute;
  left:clamp(0px,var(--progress),calc(100% - 28px));
  top:-6px;
  z-index:3;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#fff;
  box-shadow:0 8px 18px rgba(15,23,42,.16),0 0 0 6px rgba(56,189,248,.10);
  transform:translateX(-50%);
  animation:riderBounce 1.2s ease-in-out infinite;
}
@keyframes riderBounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-3px)}}

.compact-role-select{
  width:120px!important;
  min-width:120px!important;
}
.small-icon{
  width:34px;
  height:34px;
  min-width:34px;
  font-size:16px;
}
.ok-icon{color:#15803d;background:rgba(22,163,74,.08);border-color:rgba(22,163,74,.20)}
.warn-icon{color:#92400e;background:rgba(217,119,6,.08);border-color:rgba(217,119,6,.22)}
.danger-icon{color:#be123c;background:rgba(225,29,72,.08);border-color:rgba(225,29,72,.20)}

.role-detail-section{
  animation:settingsFieldIn .18s ease both;
}
.doc-image-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.doc-image-field{
  position:relative;
  display:grid;
  gap:9px;
  cursor:pointer;
}
.doc-image-field > span{
  color:#334155;
  font-size:13px;
  font-weight:1000;
}
.doc-image-preview{
  height:128px;
  border:1px solid rgba(148,163,184,.22);
  border-radius:16px;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,#fff,#f8fbff);
}
.doc-image-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.doc-image-empty{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  color:#64748b;
  font-weight:900;
  background:linear-gradient(135deg,rgba(14,165,233,.08),rgba(34,197,94,.08));
}
.doc-file-input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.doc-image-field b{
  min-height:38px;
  border:1px solid rgba(14,165,233,.22);
  border-radius:12px;
  display:grid;
  place-items:center;
  color:#0369a1;
  background:rgba(14,165,233,.08);
  font-size:12px;
}

.package-management-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.package-row-inline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:12px 20px;
}
.pkg-inline-info{
  display:flex;
  align-items:center;
  gap:30px;
  flex:1;
}
.package-row-card{
  min-height:178px;
  display:grid;
  gap:8px;
}
.package-card-actions{
  display:flex;
  gap:8px;
  justify-content:flex-end;
  align-items:center;
  margin-top:auto;
}

@media (max-width:980px){
  body[data-role] .stat{min-height:132px;min-width:176px}
  .dash-tile{min-height:146px}
  .doc-image-grid{grid-template-columns:1fr}
  .package-management-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:680px){
  body[data-role] .stat{min-height:118px;min-width:164px}
  .dash-tile{min-height:132px}
  .package-management-grid{grid-template-columns:1fr}
  .doc-image-preview{height:118px}
}


/* ===== V20 sub-menü, kurye progress, metrik kart, mobil sabit nav ===== */

/* --- Sidebar sub-menu (always open / static) --- */
body[data-role] .nav-btn.parent-active{
  background:rgba(255,255,255,.08);color:#fff;
  margin-bottom:0;border-radius:12px 12px 0 0;
}
.nav-sub, .nav-sub-static{
  display:grid;gap:2px;padding:4px 0 10px 18px;
  border-left:2px solid rgba(148,163,184,.12);
  margin-left:20px;margin-bottom:6px;
}
.nav-sub-btn{
  display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:center;
  min-height:38px;padding:6px 12px;border-radius:10px;
  color:#94a3b8;font-size:13px;font-weight:800;
  background:transparent;border:0;text-align:left;cursor:pointer;
  transition:.15s background,.15s color;
}
.nav-sub-btn:hover{background:rgba(255,255,255,.07);color:#e2e8f0}
.nav-sub-btn.active{color:#fff;background:linear-gradient(135deg,rgba(14,165,233,.30),rgba(34,197,94,.22))}
.nav-sub-ico{font-size:12px;text-align:center}

/* --- Modern courier progress bar with step labels --- */
.modern-progress{
  position:relative;display:block;margin:14px 0 6px;height:58px;
}
.modern-progress .progress-track{
  position:absolute;left:0;right:0;top:16px;height:6px;border-radius:99px;
  background:rgba(148,163,184,.18);overflow:hidden;
}
.modern-progress .progress-track span{
  display:block;height:100%;width:var(--progress);border-radius:99px;
  background:linear-gradient(90deg,#22c55e,#38bdf8,#818cf8);
  box-shadow:0 0 18px rgba(56,189,248,.35);
  position:relative;animation:progressGrow .55s cubic-bezier(.2,.8,.2,1) both;
}
.modern-progress .progress-track span::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  animation:progressShine 1.6s linear infinite;
}
.modern-progress .progress-rider{
  position:absolute;
  left:clamp(0px,var(--progress),calc(100% - 26px));
  top:-2px;z-index:3;width:28px;height:28px;
  display:grid;place-items:center;border-radius:999px;
  background:#fff;font-size:16px;
  box-shadow:0 6px 16px rgba(15,23,42,.16),0 0 0 5px rgba(56,189,248,.12);
  transform:translateX(-50%);
  animation:riderBounce 1.2s ease-in-out infinite;
}
.modern-progress .progress-steps{
  position:absolute;inset:0;top:6px;
  display:flex;justify-content:space-between;align-items:flex-start;
}
.modern-progress .progress-step{
  display:flex;flex-direction:column;align-items:center;gap:4px;
  width:0;flex:1;
}
.modern-progress .progress-step i{
  width:20px;height:20px;border-radius:999px;
  border:3px solid #e2e8f0;background:#fff;
  display:grid;place-items:center;font-style:normal;font-size:10px;
  box-shadow:0 2px 6px rgba(15,23,42,.08);
  transition:.3s border,.3s background,.3s box-shadow;
  z-index:2;
}
.modern-progress .progress-step.reached i{border-color:#38bdf8;background:#22c55e;color:#fff}
.modern-progress .progress-step.current i{
  animation:currentPulse 1.4s ease-in-out infinite;
  box-shadow:0 0 0 6px rgba(56,189,248,.14),0 4px 12px rgba(15,23,42,.12);
}
.modern-progress .progress-step span{
  font-size:9px;font-weight:900;color:#94a3b8;white-space:nowrap;
  margin-top:4px;
}
.modern-progress .progress-step.reached span{color:#0f172a}
.modern-progress .progress-step.current span{color:#0ea5e9}
.modern-progress.cancelled .progress-track span{background:linear-gradient(90deg,#ef4444,#f97316)}
.modern-progress.cancelled .progress-rider{display:none}
.modern-progress.cancelled .progress-step.reached i{background:#ef4444;border-color:#ef4444}

/* --- Metric tiles bigger, left-center aligned --- */
.dash-tile{
  min-height:200px;padding:26px;
  display:grid;align-content:center;justify-items:start;gap:8px;
  text-align:left;
}
.dash-tile b{font-size:48px;line-height:1;margin-top:8px;letter-spacing:-.04em}
.dash-tile span{font-size:15px;font-weight:1000;color:rgba(15,23,42,.75)}
.dash-tile small{font-size:13px;opacity:0.8}

/* --- Settings sub-grid (single card full-width) --- */
.settings-sub-grid{gap:16px}
.settings-card-full{grid-column:1 / -1}
.auto-calc-info{
  display:flex;align-items:center;gap:10px;
  padding:12px 16px;border-radius:14px;margin:12px 0;
  background:linear-gradient(135deg,rgba(14,165,233,.08),rgba(34,197,94,.06));
  border:1px solid rgba(14,165,233,.16);
  color:#0369a1;font-size:13px;font-weight:800;
}
.auto-calc-result{
  padding:12px 16px;border-radius:14px;margin-top:12px;
  background:rgba(34,197,94,.06);border:1px solid rgba(34,197,94,.14);
  color:#15803d;font-size:13px;font-weight:800;min-height:20px;
}

.package-management-grid{
  display:grid;grid-template-columns:1fr;gap:12px;width:100%;
}
.package-row-inline{
  display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;
  padding:14px 20px;border-radius:18px;
  border:1px solid rgba(148,163,184,.18);
  background:linear-gradient(180deg,#fff,#f8fbff);
  box-shadow:0 8px 24px rgba(15,23,42,.05);
}
.pkg-inline-info{
  display:flex;align-items:center;gap:20px;flex-wrap:nowrap;overflow:hidden;
}
.pkg-inline-info b{font-size:16px;color:#0f172a;white-space:nowrap}
.pkg-inline-info span{font-size:14px;color:#64748b;font-weight:800;white-space:nowrap}

/* --- Mobile: fixed bottom nav + courier fab --- */
@media (max-width:980px){
  body[data-role] .mobile-nav{
    position:fixed!important;
    bottom:0!important;left:0!important;right:0!important;
    z-index:100;
    transform:none!important;
    border-radius:24px 24px 0 0;
    background:rgba(255,255,255,.98);
    box-shadow:0 -16px 36px rgba(15,23,42,.12);
    padding:8px 8px calc(8px + var(--safe-bottom));
  }
  .quick-courier-fab{
    position:fixed!important;
    bottom:calc(86px + var(--safe-bottom))!important;
    right:14px!important;
    z-index:101;
  }
  body[data-role] .workspace{
    padding-bottom:calc(100px + var(--safe-bottom))!important;
  }
  .dash-tile{min-height:160px;padding:22px}
  .dash-tile b{font-size:40px}
  .modern-progress{height:54px}
  .modern-progress .progress-step span{font-size:8px}
}
@media (max-width:680px){
  .dash-tile{min-height:140px;padding:18px}
  .dash-tile b{font-size:34px}
  .pkg-inline-info{gap:10px}
  .package-management-grid{grid-template-columns:1fr!important}
  .modern-progress .progress-step span{font-size:7px}
}


/* ===== V21 topbar action butonları, kurye form fix, kategori ===== */

/* --- Topbar action buttons --- */
.topbar-action-btn{
  display:inline-flex;align-items:center;gap:6px;
  min-height:38px;padding:6px 12px;border-radius:12px;
  border:1px solid rgba(148,163,184,.22);
  background:linear-gradient(180deg,#fff,#f8fbff);
  color:#0f172a;font-size:13px;font-weight:900;
  cursor:pointer;transition:.15s all;
  box-shadow:0 4px 12px rgba(15,23,42,.06);
}
.topbar-action-btn:hover{
  border-color:rgba(14,165,233,.36);
  box-shadow:0 8px 18px rgba(14,165,233,.10);
  transform:translateY(-1px);
}
.topbar-action-btn.danger{
  background:linear-gradient(135deg,#fef2f2,#fff);
  border-color:rgba(225,29,72,.18);color:#be123c;
}
.topbar-action-btn.danger:hover{
  background:linear-gradient(135deg,#fee2e2,#fef2f2);
  border-color:rgba(225,29,72,.32);
}
.topbar-ico{font-size:16px;line-height:1}
.topbar-label{font-size:12px;font-weight:900;white-space:nowrap}

/* Mobile: icon-only (hide labels) */
@media (max-width:980px){
  .topbar-action-btn{
    padding:6px 8px;min-height:34px;border-radius:10px;
  }
  .topbar-action-btn .topbar-label{
    max-width:60px;overflow:hidden;text-overflow:ellipsis;
  }
  .topbar-ico{font-size:15px}
}
@media (max-width:480px){
  .topbar-action-btn .topbar-label{
    max-width:48px;font-size:10px;
  }
}

/* --- Courier form: prevent scroll above screen --- */
.quick-order-modal-card{
  max-height:calc(100dvh - 24px)!important;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}
@media (max-width:980px){
  .quick-order-modal-card{
    height:auto!important;
    max-height:calc(100dvh - 16px)!important;
    margin-top:auto;
  }
  .app-modal.modal{
    align-items:flex-end;
    padding:8px;
  }
}

/* --- Hide courier FAB for non-admin (controlled via JS body class) --- */
body[data-role="musteri"] .quick-courier-fab,
body[data-role="isletme"] .quick-courier-fab{
  display:none!important;
}

/* --- Remove duplicate map button in address section --- */
.address-picker-field .btn.pick-map-btn + .btn.pick-map-btn{
  display:none;
}


/* --- Modern Update Overlay --- */
.update-overlay {
  position: fixed; inset: 0; z-index: 20000;
  background: radial-gradient(circle at center, #0f172a 0%, #020617 100%);
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  color: #fff; text-align: center; padding: 24px;
}
.update-loader {
  width: 80px; height: 80px; position: relative; margin-bottom: 32px;
}
.update-loader::before, .update-loader::after {
  content: ""; position: absolute; inset: 0;
  border-radius: 50%; border: 4px solid transparent;
  border-top-color: #38bdf8;
  animation: spin_update 1.5s linear infinite;
}
.update-loader::after {
  inset: 12px; border-top-color: #22c55e;
  animation: spin_update 1s linear infinite reverse;
}
@keyframes spin_update { to { transform: rotate(360deg); } }

.update-content h2 {
  font-size: 28px; letter-spacing: -0.04em; margin-bottom: 12px;
  background: linear-gradient(90deg, #fff, #94a3b8);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.update-content p {
  color: #94a3b8; font-size: 15px; max-width: 320px; line-height: 1.6; margin: 0 auto;
}
.update-progress-bar {
  width: 240px; height: 6px; background: rgba(255,255,255,0.1);
  border-radius: 99px; margin-top: 32px; overflow: hidden;
}
.update-progress-fill {
  height: 100%; width: 0; background: linear-gradient(90deg, #22c55e, #38bdf8);
  animation: updateFill 3s ease-in-out forwards;
}
@keyframes updateFill { to { width: 100%; } }



/* --- Sidebar Desktop Fix --- */
@media (min-width: 1025px) {
  .side-head { display: none !important; }
}

/* --- Mobile Topbar Adjustments --- */
@media (max-width: 1024px) {
  .top-actions { gap: 6px; }
  .topbar-action-btn { padding: 4px 8px; font-size: 13px; min-width: auto; }
  .topbar-action-btn.icon-only { padding: 6px; }
  .topbar-label { font-weight: 600; }
  .brand-title { font-size: 14px; }
  .brand-subtitle { display: none; }
}


/* ===== Modern Sipariş İlerleme Çubuğu ===== */
.modern-progress {
  position: relative;
  margin: 35px 0 25px;
  padding: 0 10px;
}
.progress-track {
  height: 6px;
  background: #f1f5f9;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
.progress-fill {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: var(--progress, 0%);
  background: linear-gradient(90deg, #0ea5e9, #22c55e);
  transition: width 1s cubic-bezier(0.4, 0, 0.2, 1);
}
.progress-rider {
  position: absolute;
  top: -28px;
  left: var(--progress, 0%);
  transform: translateX(-50%);
  font-size: 24px;
  transition: left 1s cubic-bezier(0.4, 0, 0.2, 1);
  filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1));
  z-index: 5;
}
.progress-rider::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 50%;
  width: 12px;
  height: 4px;
  background: rgba(0,0,0,0.1);
  border-radius: 50%;
  transform: translateX(-50%);
}
.progress-steps {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
  position: relative;
}
.progress-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  flex: 1;
  opacity: 0.4;
  transition: .3s;
}
.progress-step.reached { opacity: 1; }
.progress-step .step-icon {
  font-size: 16px;
  font-style: normal;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  background: #fff;
  border: 2px solid #f1f5f9;
  border-radius: 50%;
  transition: .3s;
}
.progress-step.reached .step-icon {
  border-color: #0ea5e9;
  color: #0ea5e9;
  box-shadow: 0 0 12px rgba(14,165,233,0.2);
}
.progress-step.current .step-icon {
  background: #0ea5e9;
  color: #fff;
  transform: scale(1.1);
}
.progress-step.done .step-icon {
  background: #22c55e;
  border-color: #22c55e;
  color: #fff;
}
.step-label {
  font-size: 11px;
  font-weight: 600;
  color: #64748b;
}
.progress-step.current .step-label { color: #0ea5e9; }

/* ===== Güncelleme Katmanı Geliştirmeleri ===== */
.update-overlay {
  background: rgba(15, 23, 42, 0.96);
  backdrop-filter: blur(12px);
}
.update-card {
  background: #fff;
  padding: 40px;
  border-radius: 28px;
  text-align: center;
  max-width: 420px;
  width: 90%;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 10;
  animation: updatePop .5s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}
@keyframes updatePop {
  from { opacity: 0; transform: scale(0.8) translateY(20px); }
  to { opacity: 1; transform: scale(1) translateY(0); }
}
.update-loader {
  width: 64px;
  height: 64px;
  border: 4px solid #f1f5f9;
  border-top-color: #0ea5e9;
  border-radius: 50%;
  margin: 0 auto 24px;
  animation: spin 1s linear infinite;
}
.update-content h2 {
  font-size: 24px;
  color: #0f172a;
  margin-bottom: 12px;
}
.update-content p {
  color: #64748b;
  font-size: 15px;
  line-height: 1.6;
}
.update-progress-bar {
  margin-top: 30px;
  height: 8px;
  background: #f1f5f9;
  border-radius: 10px;
  overflow: hidden;
}
.update-progress-fill {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #0ea5e9, #6366f1);
  animation: updateProgress 3s linear forwards;
}
@keyframes updateProgress {
  to { width: 100%; }
}

/* Redundant FAB removal */
body[data-role="musteri"] .quick-courier-fab,
body[data-role="isletme"] .quick-courier-fab {
  display: none !important;
}

/* ===== Sidebar Nav Groups ===== */
.nav-group {
  margin-bottom: 20px;
}
.nav-group-title {
  padding: 0 20px 10px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #94a3b8;
  font-weight: 800;
  opacity: 0.8;
}
.nav-group-items {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.nav-btn {
  width: calc(100% - 24px);
  margin: 0 12px;
  padding: 10px 14px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #475569;
  font-weight: 600;
  transition: .2s;
  background: transparent;
  border: none;
  cursor: pointer;
}
.nav-btn:hover {
  background: #f1f5f9;
  color: #0ea5e9;
}
.nav-btn.active {
  background: #e0f2fe;
  color: #0ea5e9;
}
.nav-ico {
  font-size: 18px;
  width: 24px;
  display: grid;
  place-items: center;
}

/* Sidebar for Mobile Fix */
@media (max-width: 1024px) {
  #sidebar { display: none !important; }
}


/* ==== v112 panel düzeltmeleri ==== */
body[data-role="musteri"] .workspace-inner,
body[data-role="isletme"] .workspace-inner,
body[data-role="kurye"] .workspace-inner{
  max-width:none;
}
body[data-role="musteri"] .stats,
body[data-role="isletme"] .stats,
body[data-role="kurye"] .stats{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.order-card .order-meta{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  align-items:stretch;
}
.order-card .order-meta > *{
  min-width:0;
  border:1px solid rgba(148,163,184,.18);
  border-radius:14px;
  padding:12px 14px;
  background:#fff;
}
.order-card .order-meta .address-line{
  border:1px solid rgba(148,163,184,.18);
  padding:12px 14px;
}
.order-card .order-meta .address-line:nth-child(1){background:rgba(34,197,94,.07)}
.order-card .order-meta .address-line:nth-child(2){background:rgba(14,165,233,.07)}
.order-card .inline-controls{
  display:flex;
  flex-wrap:wrap;
}
@media (max-width: 980px){
  body[data-role="musteri"] .stats,
  body[data-role="isletme"] .stats,
  body[data-role="kurye"] .stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
    display:grid;
    overflow:visible;
    margin:0 0 12px;
    padding:0;
  }
  .order-card .order-meta{grid-template-columns:1fr 1fr;}
}
@media (max-width: 680px){
  .order-card .order-meta{grid-template-columns:1fr;}
}


/* ==== Mobil yapım aşamasında kaplama ekranı ==== */
.mobile-construction-overlay{
  display:none;
}

@media (max-width: 980px){
  .mobile-construction-overlay{
    position:fixed;
    inset:0;
    z-index:2147483000;
    display:grid;
    place-items:center;
    padding:24px;
    background:
      radial-gradient(circle at 18% 14%, rgba(56,189,248,.28), transparent 34%),
      radial-gradient(circle at 88% 20%, rgba(34,197,94,.22), transparent 32%),
      linear-gradient(135deg,#0f172a,#1e293b 48%,#334155);
  }
  .mobile-construction-card{
    width:min(430px,100%);
    border-radius:32px;
    padding:34px 26px 30px;
    text-align:center;
    color:#fff;
    background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(30,41,59,.88));
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 36px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08);
  }
  .mobile-construction-visual{
    position:relative;
    width:118px;
    height:118px;
    margin:0 auto 20px;
    border-radius:34px;
    display:grid;
    place-items:center;
    background:linear-gradient(135deg,rgba(14,165,233,.28),rgba(34,197,94,.22));
    box-shadow:0 20px 50px rgba(14,165,233,.18);
  }
  .mobile-phone-icon{
    font-size:54px;
    filter:drop-shadow(0 10px 18px rgba(0,0,0,.25));
  }
  .mobile-tools-icon{
    position:absolute;
    right:-6px;
    bottom:-4px;
    width:46px;
    height:46px;
    border-radius:18px;
    display:grid;
    place-items:center;
    background:linear-gradient(135deg,#f59e0b,#fb7185);
    box-shadow:0 14px 30px rgba(0,0,0,.22);
    font-size:23px;
  }
  .mobile-construction-card h1{
    margin:0 0 10px;
    font-size:clamp(26px,8vw,36px);
    line-height:1.05;
    letter-spacing:-.045em;
    color:#fff;
  }
  .mobile-construction-card p{
    margin:0;
    color:#e2e8f0;
    font-size:18px;
    font-weight:800;
  }
  .mobile-construction-card small{
    display:block;
    max-width:31ch;
    margin:16px auto 0;
    color:rgba(226,232,240,.68);
    line-height:1.55;
    font-size:12px;
  }
}


/* Admin ayarı ile mobil yapım aşaması ekranını kapatma */
@media (max-width: 980px){
  html.mobile-construction-disabled .mobile-construction-overlay{
    display:none !important;
  }
}


/* ==== v1.1.6 modern gönderi, liste ve bildirim düzenlemeleri ==== */
.toast-stack{
  top:auto;
  bottom:18px;
  right:18px;
  width:min(380px,calc(100% - 28px));
}
.toast{
  position:relative;
  display:flex;
  align-items:flex-start;
  gap:12px;
  border-radius:18px;
  padding:14px 15px;
  animation:toastSlideUp .28s ease;
}
.toast.live{
  box-shadow:0 18px 44px rgba(15,23,42,.18);
}
@keyframes toastSlideUp{
  from{transform:translateY(16px);opacity:0}
  to{transform:translateY(0);opacity:1}
}

.stats.stats-host,
.stats > .dashboard-metrics-full{
  width:100%;
  grid-column:1 / -1;
}
body[data-role="musteri"] .workspace-inner,
body[data-role="isletme"] .workspace-inner,
body[data-role="kurye"] .workspace-inner{
  max-width:none;
  width:100%;
}
body[data-role="musteri"] .dashboard-metrics,
body[data-role="isletme"] .dashboard-metrics,
body[data-role="kurye"] .dashboard-metrics{
  width:100%;
  grid-template-columns:repeat(4,minmax(0,1fr));
}
body[data-role="musteri"] .dash-tile,
body[data-role="isletme"] .dash-tile,
body[data-role="kurye"] .dash-tile{
  min-width:0;
  min-height:136px;
}

/* sipariş listeleri tek satır görünüm */
.order-cards-grid{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.order-card.order-card-inline{
  padding:16px 18px 14px;
  border-radius:22px;
}
.order-card.order-card-inline .delivery-track{
  margin:2px 0 14px;
}
.order-card.order-card-inline .delivery-track-line{
  height:8px;
}
.order-card.order-card-inline .delivery-step-label{
  font-size:11px;
}
.order-row-grid{
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr 1fr 1fr 1fr 1fr;
  gap:12px;
  align-items:stretch;
}
.order-cell{
  min-width:0;
  border:1px solid rgba(148,163,184,.18);
  border-radius:16px;
  padding:12px 14px;
  background:#fff;
  display:grid;
  gap:6px;
  align-content:start;
}
.order-cell small{
  color:#64748b;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.order-cell strong{
  color:#0f172a;
  font-size:14px;
  line-height:1.45;
  font-weight:950;
  word-break:break-word;
}
.order-subline{
  color:#475569;
  font-size:12px;
  line-height:1.45;
}
.order-cell-primary{
  padding:0;
  background:transparent;
  border:0;
}
.order-cell-primary .order-head{
  height:100%;
  border:1px solid rgba(148,163,184,.18);
  border-radius:16px;
  padding:12px 14px;
  background:#fff;
  align-items:center;
}
.order-action-row{
  padding-top:12px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.order-action-row .btn,
.order-action-row .select{
  min-height:40px;
  border-radius:14px;
  background:#fff;
}

.quick-order-modal-card{
  width:min(980px, calc(100vw - 28px));
  max-height:min(calc(100vh - 26px), 980px);
  padding:18px;
  border-radius:28px;
  background:
    radial-gradient(circle at top right, rgba(14,165,233,.10), transparent 30%),
    linear-gradient(180deg,#ffffff 0%, #f8fbff 100%);
}
.quick-order-modal-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding-bottom:12px;
}
.quick-order-hero{
  display:flex;
  align-items:center;
  gap:14px;
}
.quick-order-hero-icon{
  width:56px;
  height:56px;
  border-radius:20px;
  display:grid;
  place-items:center;
  font-size:26px;
  background:linear-gradient(135deg,#16a34a,#0ea5e9);
  color:#fff;
  box-shadow:0 16px 30px rgba(14,165,233,.20);
}
.quick-order-hero-badge{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(14,165,233,.10);
  color:#0369a1;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:6px;
}
.quick-order-hero h3{
  margin:0;
  font-size:22px;
  letter-spacing:-.02em;
}
.quick-order-form{
  gap:16px;
}
.quick-order-section{
  border-radius:24px;
  border:1px solid rgba(148,163,184,.18);
  background:
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,251,255,.98));
  box-shadow:0 14px 34px rgba(15,23,42,.06);
}
.quick-order-section-head{
  margin-bottom:16px;
}
.package-item-row{
  border:1px solid rgba(148,163,184,.18);
  border-radius:20px;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(247,250,255,.98));
  padding:12px;
  align-items:start;
}
.package-item-index{
  width:40px;
  height:40px;
  border-radius:14px;
  background:linear-gradient(135deg,#16a34a,#0ea5e9);
  color:#fff;
  box-shadow:0 10px 22px rgba(14,165,233,.18);
}
.package-remove-btn{
  min-width:78px;
  align-self:center;
}
.address-select-card{
  min-height:84px;
  border-radius:20px;
  border:1px solid rgba(14,165,233,.20);
  background:linear-gradient(135deg,rgba(34,197,94,.09),rgba(14,165,233,.09));
  box-shadow:0 8px 18px rgba(15,23,42,.04);
}
.quick-summary-card{
  border-radius:20px;
}
.quick-order-submit{
  min-height:58px;
  border-radius:20px;
}

.address-page-panel{
  overflow:hidden;
}
.address-list-modern{
  display:grid;
  gap:12px;
}
.address-list-card{
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  align-items:center;
  padding:16px 18px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:20px;
  background:
    radial-gradient(circle at top right, rgba(14,165,233,.08), transparent 26%),
    linear-gradient(180deg,#ffffff 0%, #f8fbff 100%);
}
.address-list-title{
  font-size:18px;
  font-weight:950;
  color:#0f172a;
  margin-bottom:4px;
}
.address-list-desc{
  color:#475569;
  line-height:1.5;
}
.address-list-meta{
  margin-top:8px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  color:#64748b;
  font-size:12px;
  font-weight:700;
}
.address-modal-card{
  width:min(680px, calc(100vw - 28px));
  padding:20px;
  border-radius:26px;
}
.address-popup-form{
  margin-top:10px;
}
.address-pick-row{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.address-pick-btn{
  background:linear-gradient(135deg, rgba(22,163,74,.12), rgba(14,165,233,.12));
  border-color:rgba(14,165,233,.18);
}

@media (max-width: 1200px){
  .order-row-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}
@media (max-width: 980px){
  body[data-role="musteri"] .dashboard-metrics,
  body[data-role="isletme"] .dashboard-metrics,
  body[data-role="kurye"] .dashboard-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .order-row-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .address-list-card{
    grid-template-columns:1fr;
  }
}
@media (max-width: 680px){
  .toast-stack{
    right:10px;
    bottom:10px;
    width:calc(100% - 20px);
  }
  .order-row-grid{
    grid-template-columns:1fr;
  }
  .quick-order-modal-card,
  .address-modal-card{
    width:min(100vw - 12px, 100%);
    padding:14px;
    border-radius:22px;
  }
  .quick-order-hero{
    align-items:flex-start;
  }
}


/* ==== v1.1.7 müşteri ücret gizleme + kuryeye bildir modalı ==== */
.courier-notify-modal .textarea{
  min-height:110px;
}
.courier-notify-summary{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.courier-notify-summary div{
  border:1px solid rgba(148,163,184,.18);
  border-radius:16px;
  background:linear-gradient(180deg,#fff,#f8fbff);
  padding:12px 14px;
}
.courier-notify-summary b{
  display:block;
  font-size:12px;
  color:#64748b;
  text-transform:uppercase;
  letter-spacing:.05em;
  margin-bottom:6px;
}
.courier-notify-summary span{
  color:#0f172a;
  font-weight:800;
  line-height:1.45;
}
@media (max-width:680px){
  .courier-notify-summary{
    grid-template-columns:1fr;
  }
}


/* ==== v1.1.8 tek kartlı otomatik güncelleme ==== */
.update-overlay.single-update-overlay{
  position:fixed;
  inset:0;
  z-index:2147483500;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(15,23,42,.58);
  backdrop-filter:blur(14px);
  animation:updateOverlayIn .18s ease both;
}
.update-overlay.single-update-overlay.closing{
  animation:updateOverlayOut .18s ease both;
}
.single-update-card{
  width:min(420px,100%);
  padding:30px 28px 26px;
  border-radius:28px;
  background:linear-gradient(180deg,#152136,#101a2d);
  color:#fff;
  text-align:center;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 28px 80px rgba(0,0,0,.34);
}
.single-update-loader{
  width:82px;
  height:82px;
  margin:0 auto 18px;
  border-radius:50%;
  display:grid;
  place-items:center;
  position:relative;
  background:radial-gradient(circle at center,rgba(34,197,94,.20),rgba(14,165,233,.10));
}
.single-update-loader span{
  position:absolute;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#22c55e;
  animation:singleUpdateOrbit 1.2s linear infinite;
}
.single-update-loader span:nth-child(2){background:#38bdf8;animation-delay:-.4s}
.single-update-loader span:nth-child(3){background:#f59e0b;animation-delay:-.8s}
.single-update-card h2{
  margin:0 0 10px;
  color:#fff;
  font-size:24px;
  letter-spacing:-.03em;
}
.single-update-card p{
  margin:0 auto 22px;
  color:#cbd5e1;
  line-height:1.55;
  max-width:32ch;
}
.single-update-progress{
  height:9px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  overflow:hidden;
}
.single-update-progress-fill{
  height:100%;
  width:0;
  border-radius:999px;
  background:linear-gradient(90deg,#22c55e,#38bdf8,#f59e0b);
  transition:width .08s linear;
}
.single-update-percent{
  margin-top:10px;
  color:#e2e8f0;
  font-weight:950;
}
.update-overlay.single-update-overlay.complete .single-update-card{
  transform:scale(.985);
}
@keyframes singleUpdateOrbit{
  from{transform:rotate(0deg) translateX(30px) rotate(0deg)}
  to{transform:rotate(360deg) translateX(30px) rotate(-360deg)}
}
@keyframes updateOverlayIn{
  from{opacity:0}
  to{opacity:1}
}
@keyframes updateOverlayOut{
  from{opacity:1}
  to{opacity:0}
}


/* ==== v1.1.9 ilerleme çubuğu ve modern form düzeni ==== */
.delivery-track{
  position:relative;
  padding:18px 4px 6px;
  margin:2px 0 14px;
}
.delivery-track-bar{
  position:absolute;
  left:16px;
  right:16px;
  top:28px;
  height:10px;
}
.delivery-track-base,
.delivery-track-fill{
  position:absolute;
  left:0;
  top:0;
  height:10px;
  border-radius:999px;
}
.delivery-track-base{
  width:100%;
  background:#e5eef8;
  box-shadow:inset 0 0 0 1px rgba(148,163,184,.18);
}
.delivery-track-fill{
  width:var(--track-progress, 0%);
  background:linear-gradient(90deg,#22c55e 0%, #34d399 28%, #38bdf8 62%, #818cf8 100%);
  box-shadow:0 8px 18px rgba(56,189,248,.18);
}
.delivery-track.cancelled .delivery-track-fill{
  background:linear-gradient(90deg,#f59e0b,#ef4444);
}
.delivery-track-steps{
  position:relative;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
.delivery-step{
  display:grid;
  justify-items:center;
  gap:8px;
  min-width:0;
}
.delivery-step-dot{
  width:36px;
  height:36px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:16px;
  background:#fff;
  border:2px solid #d8e4f2;
  color:#64748b;
  position:relative;
  z-index:1;
  box-shadow:0 8px 18px rgba(15,23,42,.05);
}
.delivery-step.reached .delivery-step-dot{
  border-color:#6dd5b5;
  color:#0f766e;
}
.delivery-step.active .delivery-step-dot{
  background:linear-gradient(135deg,#22c55e,#38bdf8);
  border-color:transparent;
  color:#fff;
  transform:scale(1.08);
  box-shadow:0 10px 24px rgba(56,189,248,.25);
}
.delivery-step-label{
  font-size:12px;
  font-weight:900;
  color:#475569;
  text-align:center;
  line-height:1.2;
}
.delivery-step.active .delivery-step-label,
.delivery-step.done .delivery-step-label{
  color:#0f172a;
}

.quick-order-form-v2{
  gap:18px;
}
.quick-order-hero-panel{
  display:grid;
  grid-template-columns:1.3fr .9fr;
  gap:16px;
  padding:18px 20px;
  border-radius:26px;
  border:1px solid rgba(148,163,184,.18);
  background:
    radial-gradient(circle at right top, rgba(56,189,248,.12), transparent 28%),
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(248,251,255,.98));
  box-shadow:0 18px 42px rgba(15,23,42,.06);
}
.quick-order-hero-copy h3{
  margin:6px 0 8px;
  font-size:32px;
  letter-spacing:-.035em;
  color:#0f172a;
}
.quick-order-hero-copy p{
  margin:0;
  color:#64748b;
  line-height:1.55;
  max-width:58ch;
}
.quick-order-hero-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(56,189,248,.22);
  background:linear-gradient(135deg, rgba(34,197,94,.12), rgba(56,189,248,.12));
  color:#0369a1;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:11px;
  font-weight:900;
}
.quick-order-hero-metrics{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.quick-hero-metric{
  padding:16px 18px;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(148,163,184,.16);
  display:grid;
  gap:6px;
  align-content:center;
}
.quick-hero-metric small{
  color:#64748b;
  text-transform:uppercase;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
}
.quick-hero-metric strong{
  color:#0f172a;
  font-size:26px;
  line-height:1.1;
  font-weight:950;
}
.quick-order-grid-shell{
  display:grid;
  grid-template-columns:minmax(0,1.6fr) minmax(320px,.9fr);
  gap:18px;
  align-items:start;
}
.quick-order-main,
.quick-order-sidebar{
  display:grid;
  gap:18px;
}
.quick-order-section-glass{
  padding:18px;
  border-radius:26px;
  border:1px solid rgba(148,163,184,.18);
  background:
    radial-gradient(circle at right top, rgba(56,189,248,.06), transparent 24%),
    linear-gradient(180deg,#ffffff,#f8fbff);
  box-shadow:0 18px 40px rgba(15,23,42,.05);
}
.quick-order-summary-panel{
  padding:18px;
  border-radius:26px;
  border:1px solid rgba(148,163,184,.18);
  background:
    radial-gradient(circle at top right, rgba(34,197,94,.08), transparent 24%),
    linear-gradient(180deg,#ffffff,#f8fbff);
  box-shadow:0 18px 40px rgba(15,23,42,.05);
}
.quick-order-summary-head .quick-order-step{
  min-width:64px;
  padding:0 14px;
  border-radius:999px;
  font-size:12px;
}
.quick-order-summary-grid-v2{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.quick-order-summary-grid-v2 .quick-summary-card{
  min-height:104px;
}
.quick-order-form-v2 .package-item-row{
  grid-template-columns:64px 1.3fr .8fr 1fr 1.2fr 80px;
}
.quick-order-form-v2 .package-item-index{
  width:46px;
  height:46px;
  border-radius:16px;
  font-size:20px;
}
.quick-order-support-grid{
  margin-top:8px;
}
.quick-order-form-v2 .field label{
  font-weight:900;
  color:#334155;
}
.quick-order-form-v2 .input,
.quick-order-form-v2 .select,
.quick-order-form-v2 .textarea{
  min-height:54px;
  border-radius:18px;
  background:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.quick-order-form-v2 .textarea{
  min-height:120px;
  padding-top:16px;
}
.quick-order-submitbar{
  position:sticky;
  bottom:0;
  padding:12px;
  border-radius:22px;
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(12px);
  border:1px solid rgba(148,163,184,.18);
}
.quick-order-submit{
  min-height:64px;
  font-size:18px;
  border-radius:20px;
  letter-spacing:.01em;
}
.quick-order-submit::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(90deg, rgba(255,255,255,.0), rgba(255,255,255,.14), rgba(255,255,255,.0));
  transform:translateX(-100%);
  transition:transform .55s ease;
}
.quick-order-submit:hover::before{
  transform:translateX(100%);
}
.quick-order-submit.block{
  position:relative;
  overflow:hidden;
}

@media (max-width: 1200px){
  .quick-order-grid-shell{
    grid-template-columns:1fr;
  }
  .quick-order-summary-grid-v2{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width: 980px){
  .quick-order-hero-panel{
    grid-template-columns:1fr;
  }
  .quick-order-form-v2 .package-item-row{
    grid-template-columns:64px 1fr 1fr;
  }
}
@media (max-width: 680px){
  .delivery-track{
    padding-top:16px;
  }
  .delivery-track-bar{
    left:10px;
    right:10px;
    top:24px;
  }
  .delivery-step-dot{
    width:30px;
    height:30px;
    font-size:14px;
  }
  .delivery-step-label{
    font-size:10px;
  }
  .quick-order-hero-copy h3{
    font-size:24px;
  }
  .quick-order-summary-grid-v2{
    grid-template-columns:1fr;
  }
}


/* ==== v1.2.0 PC gönderi formu geniş ve gelişmiş görünüm ==== */
.quick-order-overlay-v3{
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(15,23,42,.52);
  backdrop-filter:blur(16px);
}
.quick-order-modal-card-v3{
  width:min(1520px, calc(100vw - 56px)) !important;
  max-width:none !important;
  max-height:calc(100vh - 36px) !important;
  padding:24px 26px 22px !important;
  border-radius:34px !important;
  background:
    radial-gradient(circle at top right, rgba(56,189,248,.12), transparent 26%),
    radial-gradient(circle at left bottom, rgba(34,197,94,.08), transparent 22%),
    linear-gradient(180deg,#fdfefe 0%, #f6fafe 100%) !important;
  box-shadow:0 32px 90px rgba(15,23,42,.20) !important;
  overflow:auto !important;
}
.quick-order-modal-head-v3{
  padding:0 0 16px;
  margin-bottom:4px;
  border-bottom:1px solid rgba(148,163,184,.16);
}
.quick-order-topline{
  display:flex;
  align-items:center;
  gap:14px;
}
.quick-order-topline-icon{
  width:54px;
  height:54px;
  border-radius:18px;
  display:grid;
  place-items:center;
  font-size:24px;
  color:#fff;
  background:linear-gradient(135deg,#16a34a,#0ea5e9);
  box-shadow:0 16px 30px rgba(14,165,233,.20);
}
.quick-order-topline-badge{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 12px;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(34,197,94,.12), rgba(56,189,248,.14));
  border:1px solid rgba(56,189,248,.2);
  color:#075985;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.quick-order-topline .tiny{
  margin:.35rem 0 0;
  color:#64748b;
}

.quick-order-form-v2{
  gap:22px !important;
}
.quick-order-hero-panel{
  grid-template-columns:minmax(0,1.7fr) minmax(320px,.8fr) !important;
  gap:18px !important;
  padding:26px 26px !important;
  border-radius:30px !important;
  background:
    radial-gradient(circle at right top, rgba(56,189,248,.14), transparent 24%),
    linear-gradient(135deg,#ffffff 0%, #f5fbff 100%) !important;
  box-shadow:0 24px 52px rgba(15,23,42,.08) !important;
}
.quick-order-hero-copy{
  display:grid;
  align-content:center;
  gap:6px;
}
.quick-order-hero-copy h3{
  margin:0 !important;
  font-size:40px !important;
  line-height:1.08 !important;
}
.quick-order-hero-copy p{
  font-size:16px !important;
  max-width:62ch !important;
}
.quick-order-hero-chip{
  min-height:34px !important;
  padding:0 16px !important;
  font-size:11px !important;
}
.quick-order-hero-metrics{
  grid-template-columns:1fr !important;
  gap:14px !important;
}
.quick-hero-metric{
  padding:18px 20px !important;
  border-radius:24px !important;
  min-height:110px;
}
.quick-hero-metric strong{
  font-size:34px !important;
}

.quick-order-grid-shell{
  grid-template-columns:minmax(0,1.95fr) minmax(380px,.82fr) !important;
  gap:22px !important;
  align-items:start !important;
}
.quick-order-main,
.quick-order-sidebar{
  gap:22px !important;
}
.quick-order-sidebar{
  position:sticky;
  top:10px;
}
.quick-order-section-glass,
.quick-order-summary-panel{
  padding:22px !important;
  border-radius:30px !important;
  box-shadow:0 24px 52px rgba(15,23,42,.07) !important;
}
.quick-order-section-head{
  margin-bottom:18px !important;
}
.quick-order-section-head h3{
  font-size:30px !important;
  letter-spacing:-.025em;
}
.quick-order-section-head p{
  font-size:14px !important;
}
.quick-order-step{
  width:auto !important;
  min-width:48px !important;
  height:48px !important;
  padding:0 16px !important;
  border-radius:18px !important;
  font-size:20px !important;
  box-shadow:0 14px 28px rgba(14,165,233,.18) !important;
}

.quick-order-form-v2 .package-item-row{
  grid-template-columns:60px minmax(0,1fr) 98px !important;
  gap:16px !important;
  padding:16px !important;
  border-radius:24px !important;
}
.package-item-fields{
  display:grid !important;
  grid-template-columns:minmax(180px,1.15fr) minmax(120px,.62fr) minmax(180px,.9fr) minmax(220px,1.15fr) !important;
  gap:14px !important;
}
.quick-order-form-v2 .package-item-index{
  width:52px !important;
  height:52px !important;
  border-radius:18px !important;
}
.package-remove-btn{
  min-height:52px !important;
  border-radius:16px !important;
  align-self:end !important;
}
.quick-order-form-v2 .input,
.quick-order-form-v2 .select,
.quick-order-form-v2 .textarea{
  min-height:58px !important;
  border-radius:18px !important;
}
.quick-order-form-v2 .textarea{
  min-height:140px !important;
}
.quick-order-support-grid{
  grid-template-columns:1.05fr 1fr !important;
  gap:16px !important;
}
.quick-order-summary-grid-v2{
  grid-template-columns:1fr !important;
  gap:14px !important;
}
.quick-order-summary-grid-v2 .quick-summary-card{
  min-height:116px !important;
  padding:18px 18px !important;
  border-radius:22px !important;
}
.quick-summary-value{
  font-size:22px !important;
}
.quick-order-submitbar{
  padding:14px !important;
  border-radius:24px !important;
}
.quick-order-submit{
  min-height:66px !important;
  font-size:19px !important;
  border-radius:20px !important;
}

/* geniş ekran düzen düzeltmeleri */
@media (min-width: 1400px){
  .quick-order-grid-shell{
    grid-template-columns:minmax(0,2.1fr) minmax(400px,.78fr) !important;
  }
  .quick-order-summary-grid-v2 .quick-summary-card{
    min-height:110px !important;
  }
}

/* orta ekran */
@media (max-width: 1200px){
  .quick-order-modal-card-v3{
    width:min(1280px, calc(100vw - 34px)) !important;
  }
  .quick-order-grid-shell{
    grid-template-columns:1fr !important;
  }
  .quick-order-sidebar{
    position:static !important;
  }
  .quick-order-summary-grid-v2{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* küçük laptop */
@media (max-width: 980px){
  .quick-order-hero-panel{
    grid-template-columns:1fr !important;
  }
  .quick-order-hero-copy h3{
    font-size:30px !important;
  }
  .package-item-fields{
    grid-template-columns:1fr 1fr !important;
  }
  .quick-order-form-v2 .package-item-row{
    grid-template-columns:54px minmax(0,1fr) !important;
  }
  .package-remove-btn{
    grid-column:2;
    justify-self:start;
  }
}

/* mobil */
@media (max-width: 680px){
  .quick-order-overlay-v3{
    padding:10px !important;
  }
  .quick-order-modal-card-v3{
    width:calc(100vw - 12px) !important;
    max-height:calc(100vh - 12px) !important;
    padding:16px 14px 14px !important;
    border-radius:24px !important;
  }
  .quick-order-topline-icon{
    width:44px;
    height:44px;
    border-radius:14px;
    font-size:20px;
  }
  .quick-order-hero-copy h3{
    font-size:24px !important;
  }
  .package-item-fields{
    grid-template-columns:1fr !important;
  }
  .quick-order-summary-grid-v2{
    grid-template-columns:1fr !important;
  }
}


/* ==== v1.2.1 sade geniş checkout form ==== */
.quick-order-overlay-v4{
  padding:20px;
  background:rgba(15,23,42,.48);
  backdrop-filter:blur(14px);
}
.quick-order-modal-card-v4{
  width:min(1540px, calc(100vw - 40px)) !important;
  max-width:none !important;
  max-height:calc(100vh - 26px) !important;
  padding:18px 18px 22px !important;
  border-radius:30px !important;
  background:#f8fbfd !important;
  box-shadow:0 36px 90px rgba(15,23,42,.20) !important;
  overflow:auto !important;
}
.quick-order-modal-head-v4{
  padding:4px 6px 14px;
  margin-bottom:8px;
  border-bottom:1px solid rgba(148,163,184,.14);
}
.quick-order-topbar{
  display:flex;
  align-items:center;
  gap:14px;
}
.quick-order-topbar-icon{
  width:50px;
  height:50px;
  border-radius:18px;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:22px;
  background:linear-gradient(135deg,#16a34a,#0ea5e9);
  box-shadow:0 14px 28px rgba(14,165,233,.18);
}
.quick-order-topbar h3{
  margin:0;
  font-size:28px;
  color:#0f172a;
  letter-spacing:-.03em;
}
.quick-order-topbar .tiny{
  margin:.25rem 0 0;
  color:#64748b;
}

.checkout-style-form{
  gap:20px !important;
}
.checkout-layout{
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(360px,.8fr);
  gap:20px;
  align-items:start;
}
.checkout-main,
.checkout-sidebar{
  display:grid;
  gap:20px;
}
.checkout-sidebar{
  position:sticky;
  top:6px;
}
.checkout-card{
  background:#fff;
  border:1px solid rgba(148,163,184,.16);
  border-radius:26px;
  padding:24px;
  box-shadow:0 14px 34px rgba(15,23,42,.05);
}
.checkout-card-intro{
  background:linear-gradient(180deg,#ffffff 0%, #f9fcff 100%);
}
.checkout-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:18px;
}
.checkout-card-head h2,
.checkout-card-head h3{
  margin:6px 0 6px;
  color:#0f172a;
  letter-spacing:-.03em;
}
.checkout-card-head h2{
  font-size:40px;
  line-height:1.08;
}
.checkout-card-head h3{
  font-size:26px;
  line-height:1.12;
}
.checkout-card-head p{
  margin:0;
  color:#64748b;
  line-height:1.55;
  max-width:70ch;
}
.checkout-eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(34,197,94,.12), rgba(56,189,248,.14));
  border:1px solid rgba(56,189,248,.18);
  color:#075985;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.checkout-step{
  display:inline-grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:16px;
  background:linear-gradient(135deg,#16a34a,#0ea5e9);
  color:#fff;
  font-weight:900;
  font-size:18px;
  box-shadow:0 12px 22px rgba(14,165,233,.18);
  margin-bottom:10px;
}

.checkout-inline-row{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:12px;
  margin-bottom:12px;
}
.checkout-bottom-grid,
.checkout-address-grid,
.checkout-payment-grid{
  margin-top:8px !important;
}
.checkout-payment-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.checkout-style-form .field label{
  font-weight:900;
  color:#334155;
}
.checkout-style-form .input,
.checkout-style-form .select,
.checkout-style-form .textarea{
  min-height:56px;
  border-radius:18px;
  background:#fff;
}
.checkout-style-form .textarea{
  min-height:132px;
  padding-top:16px;
}

.checkout-package-row{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:16px !important;
  padding:18px !important;
  border:1px solid rgba(148,163,184,.16) !important;
  border-radius:22px !important;
  background:#fbfdff !important;
}
.checkout-package-row-top{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px;
}
.checkout-package-row-title{
  font-weight:900;
  color:#0f172a;
  font-size:18px;
}
.checkout-package-fields{
  display:grid !important;
  grid-template-columns:minmax(180px,1.3fr) minmax(120px,.55fr);
  gap:14px !important;
}
.checkout-package-fields .field:last-child{
  grid-column:1 / -1;
}
.checkout-package-row .package-item-index{
  width:48px !important;
  height:48px !important;
  border-radius:16px !important;
  font-size:20px;
}
.checkout-package-row .package-remove-btn{
  min-width:90px;
  min-height:48px;
  border-radius:16px !important;
}

.checkout-summary-card{
  padding:22px !important;
}
.checkout-balance-cards{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin-bottom:14px;
}
.checkout-mini-stat{
  background:#fbfdff;
  border:1px solid rgba(148,163,184,.16);
  border-radius:20px;
  padding:16px 18px;
  display:grid;
  gap:6px;
}
.checkout-mini-stat small{
  color:#64748b;
  text-transform:uppercase;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
}
.checkout-mini-stat strong{
  color:#0f172a;
  font-size:28px;
  line-height:1.1;
  font-weight:950;
}
.checkout-summary-list{
  display:grid;
  gap:12px;
  margin-bottom:18px;
}
.checkout-summary-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border:1px solid rgba(148,163,184,.16);
  background:#fbfdff;
  border-radius:20px;
  padding:16px 18px;
}
.checkout-summary-item span{
  color:#475569;
  font-weight:800;
}
.checkout-summary-item strong{
  color:#0f172a;
  font-size:24px;
  line-height:1.1;
  font-weight:950;
}
.checkout-summary-item.total{
  background:linear-gradient(135deg, rgba(34,197,94,.08), rgba(14,165,233,.08));
}
.checkout-submit{
  min-height:62px !important;
  border-radius:20px !important;
  font-size:18px !important;
}

@media (max-width: 1280px){
  .checkout-layout{
    grid-template-columns:1fr;
  }
  .checkout-sidebar{
    position:static;
  }
}
@media (max-width: 980px){
  .checkout-card{
    padding:18px;
    border-radius:22px;
  }
  .checkout-card-head h2{
    font-size:30px;
  }
  .checkout-card-head h3{
    font-size:22px;
  }
  .checkout-package-fields,
  .checkout-payment-grid{
    grid-template-columns:1fr 1fr !important;
  }
  .checkout-package-fields .field:last-child{
    grid-column:auto;
  }
}
@media (max-width: 680px){
  .quick-order-overlay-v4{
    padding:10px;
  }
  .quick-order-modal-card-v4{
    width:calc(100vw - 12px) !important;
    max-height:calc(100vh - 12px) !important;
    padding:12px !important;
    border-radius:22px !important;
  }
  .quick-order-topbar h3{
    font-size:22px;
  }
  .checkout-card-head h2{
    font-size:24px;
  }
  .checkout-package-row-top{
    grid-template-columns:auto 1fr;
  }
  .checkout-package-row .package-remove-btn{
    grid-column:1 / -1;
    justify-self:start;
  }
  .checkout-package-fields,
  .checkout-payment-grid,
  .checkout-address-grid,
  .checkout-bottom-grid{
    grid-template-columns:1fr !important;
  }
  .checkout-summary-item{
    flex-direction:column;
    align-items:flex-start;
  }
}


/* ==== v1.2.2 tek parça sade gönderi formu + üst katman bildirim ==== */
.toast-stack{
  z-index:2147483646 !important;
}
.toast{
  position:relative;
  z-index:2147483647 !important;
}

.quick-order-modal-card-v4{
  width:min(1480px, calc(100vw - 34px)) !important;
  padding:16px 16px 20px !important;
  background:#f6f8fb !important;
}
.quick-order-modal-head-v4{
  border-bottom:none !important;
  margin-bottom:4px !important;
}
.quick-order-topbar h3{
  font-size:26px !important;
}

.checkout-style-form-v2{
  gap:0 !important;
}
.checkout-layout-v2{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(350px,.7fr) !important;
  gap:18px !important;
  align-items:start;
}
.checkout-main-v2,
.checkout-sidebar-v2{
  display:block !important;
}
.checkout-shell-card,
.checkout-summary-shell{
  background:#fff;
  border:1px solid rgba(148,163,184,.16);
  border-radius:26px;
  box-shadow:0 12px 34px rgba(15,23,42,.05);
}
.checkout-shell-card{
  padding:24px 24px 8px;
}
.checkout-summary-shell{
  padding:22px;
  position:sticky;
  top:6px;
}

.checkout-shell-head{
  padding-bottom:18px;
  margin-bottom:18px;
  border-bottom:1px solid rgba(226,232,240,.9);
}
.checkout-shell-head h2{
  margin:0 0 8px;
  color:#0f172a;
  font-size:34px;
  line-height:1.08;
  letter-spacing:-.03em;
}
.checkout-shell-head p{
  margin:0;
  color:#64748b;
  max-width:60ch;
  line-height:1.6;
}

.checkout-block{
  padding:0 0 22px;
  margin:0 0 22px;
  border-bottom:1px solid rgba(226,232,240,.9);
}
.checkout-block-last{
  border-bottom:none;
  margin-bottom:0;
  padding-bottom:8px;
}
.checkout-block-head{
  margin-bottom:14px;
}
.checkout-block-head h3{
  margin:0 0 6px;
  font-size:22px;
  color:#0f172a;
  letter-spacing:-.02em;
}
.checkout-block-head p{
  margin:0;
  color:#64748b;
  line-height:1.5;
}

.checkout-package-row-v2{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:14px !important;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
}
.checkout-package-fields-v2{
  display:grid !important;
  grid-template-columns:minmax(200px,1.2fr) minmax(110px,.45fr) minmax(190px,.95fr) minmax(220px,1.15fr) !important;
  gap:12px !important;
}
.checkout-package-row-actions{
  display:grid;
  grid-template-columns:auto;
  gap:10px;
  align-content:end;
}
.checkout-package-row-v2 .package-item-index{
  width:46px !important;
  height:46px !important;
  border-radius:14px !important;
  font-size:18px;
}
.checkout-package-row-v2 .package-remove-btn{
  min-width:84px;
  min-height:46px;
  border-radius:14px !important;
}
.checkout-inline-row{
  margin-top:14px !important;
  margin-bottom:14px !important;
}
.checkout-bottom-grid,
.checkout-address-grid,
.checkout-payment-grid{
  margin-top:10px !important;
}
.checkout-style-form-v2 .field label{
  font-weight:900;
  color:#334155;
}
.checkout-style-form-v2 .input,
.checkout-style-form-v2 .select,
.checkout-style-form-v2 .textarea{
  min-height:54px;
  border-radius:16px;
  background:#fff;
  border-color:#d7e1ea;
}
.checkout-style-form-v2 .textarea{
  min-height:122px;
  padding-top:16px;
}

.checkout-summary-head{
  padding-bottom:14px;
  margin-bottom:14px;
  border-bottom:1px solid rgba(226,232,240,.9);
}
.checkout-summary-head h3{
  margin:0 0 6px;
  color:#0f172a;
  font-size:24px;
  letter-spacing:-.02em;
}
.checkout-summary-head p{
  margin:0;
  color:#64748b;
}
.checkout-mini-stats-grid{
  display:grid;
  gap:10px;
  margin-bottom:14px;
}
.checkout-mini-stat{
  border-radius:18px;
}
.checkout-summary-list{
  gap:10px !important;
  margin-bottom:16px !important;
}
.checkout-summary-item{
  border-radius:18px !important;
  padding:15px 16px !important;
}
.checkout-summary-item strong{
  font-size:22px !important;
}
.checkout-submit{
  min-height:60px !important;
}

@media (max-width: 1280px){
  .checkout-layout-v2{
    grid-template-columns:1fr !important;
  }
  .checkout-summary-shell{
    position:static;
  }
}
@media (max-width: 980px){
  .checkout-shell-card,
  .checkout-summary-shell{
    padding:18px;
    border-radius:22px;
  }
  .checkout-shell-head h2{
    font-size:28px;
  }
  .checkout-package-row-v2{
    grid-template-columns:1fr !important;
  }
  .checkout-package-fields-v2{
    grid-template-columns:1fr 1fr !important;
  }
  .checkout-package-row-actions{
    grid-template-columns:auto auto;
    justify-content:flex-start;
    align-items:center;
  }
  .checkout-payment-grid{
    grid-template-columns:1fr 1fr !important;
  }
}
@media (max-width: 680px){
  .checkout-shell-head h2{
    font-size:24px;
  }
  .checkout-package-fields-v2,
  .checkout-address-grid,
  .checkout-payment-grid,
  .checkout-bottom-grid{
    grid-template-columns:1fr !important;
  }
  .checkout-summary-item{
    flex-direction:column;
    align-items:flex-start;
  }
}


/* ==== v1.2.3 admin sipariş kartı kurye seç butonu ==== */
.inline-courier-select-btn{
  margin-top:8px;
  width:max-content;
}


/* ==== v1.2.4 kurye bildirim merkezi ve aksiyonlar ==== */
.app-modal.modal{
  place-items:center !important;
  align-items:center !important;
  justify-items:center !important;
}
.courier-notify-modal{
  margin:auto !important;
}

.notif-body{
  flex:1;
  min-width:0;
}
.notif-head-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.notif-action-card{
  border-color:rgba(14,165,233,.26);
  box-shadow:0 16px 34px rgba(15,23,42,.06);
}
.notif-action-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
}


/* ==== v1.2.5 kurye cevap süresi, otomatik bildirim ve rota düzeni ==== */
.courier-assignment-modal{
  place-items:center !important;
  z-index:160 !important;
}
.courier-assignment-card{
  width:min(620px,calc(100vw - 28px)) !important;
  border-radius:26px !important;
  padding:20px !important;
}
.assignment-message{
  border:1px solid rgba(148,163,184,.18);
  border-radius:18px;
  padding:14px 16px;
  background:linear-gradient(180deg,#fff,#f8fbff);
  color:#0f172a;
  font-weight:800;
  line-height:1.5;
}
.notif-body{
  flex:1;
  min-width:0;
}
.notif-head-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.notif-action-card{
  border-color:rgba(14,165,233,.26);
  box-shadow:0 16px 34px rgba(15,23,42,.06);
}
.notif-action-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
}
\n\n/* ==== v1.3.0 kategori erişimi, üyelik seçimi ve adres önerileri ==== */\n.category-access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:10px}\n.category-access-grid.compact{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}\n.category-access-chip{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid rgba(148,163,184,.20);border-radius:14px;background:#fff;font-weight:800;color:#0f172a}\n.category-access-chip input{width:18px;height:18px;accent-color:#16a34a}\n.category-access-chip small{display:block;color:#64748b;font-size:11px;font-weight:700;margin-top:2px}\n.category-access-card{display:grid;gap:14px;align-items:stretch}\n.category-access-users{padding:12px 14px;border:1px dashed rgba(148,163,184,.32);border-radius:16px;background:#f8fbff}\n.address-search-wrap{position:relative;margin-bottom:10px}\n.address-suggestions{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:2147482000;display:grid;gap:6px;max-height:260px;overflow:auto;padding:8px;border-radius:16px;background:#fff;border:1px solid rgba(148,163,184,.25);box-shadow:0 20px 50px rgba(15,23,42,.16)}\n.address-suggestions:empty{display:none}\n.address-suggestion-item{appearance:none;border:1px solid rgba(148,163,184,.16);border-radius:13px;padding:10px 12px;background:#f8fbff;text-align:left;cursor:pointer;display:grid;gap:4px}\n.address-suggestion-item:hover{border-color:rgba(14,165,233,.45);background:#eef9ff}\n.address-suggestion-item b{font-size:13px;color:#0f172a}\n.address-suggestion-item span{font-size:12px;color:#64748b;line-height:1.35}\n.address-suggestion-empty{padding:10px 12px;color:#64748b;font-weight:700}\n@media (max-width:980px){\n  html.mobile-construction-active,body.mobile-construction-active{overflow:hidden!important;height:100dvh!important;max-height:100dvh!important;overscroll-behavior:none!important;touch-action:none}\n  .mobile-construction-overlay{display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;min-height:100dvh!important}\n  .mobile-construction-card{margin:0 auto!important}\n}\n
/* ==== v1.3.1 modern giriş / kayıt akışı ==== */
.auth-entry-page{
  min-height:100vh;
  padding:24px;
  background:
    radial-gradient(circle at 8% 10%, rgba(14,165,233,.14), transparent 24%),
    radial-gradient(circle at 92% 12%, rgba(34,197,94,.12), transparent 26%),
    linear-gradient(180deg,#f9fcff 0%,#f1f7fd 52%,#eef4fa 100%) !important;
}
.auth-entry-page .toast-stack{z-index:2147483500}
.login-shell-auth{
  width:min(1180px,100%);
  display:grid;
  grid-template-columns:minmax(320px, .92fr) minmax(420px, 1.08fr);
  gap:24px;
  align-items:stretch;
}
.login-showcase,
.login-card-auth{
  border-radius:32px;
  border:1px solid rgba(148,163,184,.24);
  background:rgba(255,255,255,.78);
  box-shadow:0 28px 90px rgba(15,23,42,.10);
  backdrop-filter:blur(18px);
}
.login-showcase{
  position:relative;
  overflow:hidden;
  padding:34px;
  display:grid;
  align-content:space-between;
  gap:28px;
  min-height:720px;
}
.login-showcase::before,
.login-showcase::after{
  content:"";
  position:absolute;
  border-radius:999px;
  filter:blur(8px);
}
.login-showcase::before{width:240px;height:240px;right:-70px;top:-70px;background:rgba(14,165,233,.12)}
.login-showcase::after{width:230px;height:230px;left:-80px;bottom:-80px;background:rgba(34,197,94,.11)}
.login-showcase > *{position:relative;z-index:1}
.login-showcase-badge,
.login-eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid rgba(14,165,233,.22);
  background:linear-gradient(135deg, rgba(14,165,233,.10), rgba(34,197,94,.10));
  color:#0369a1;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.login-showcase-brand{display:grid;gap:16px}
.login-showcase-brand h1{margin:0;font-size:44px;line-height:1;letter-spacing:-.06em;color:#0f172a}
.login-showcase-brand p{margin:0;max-width:520px;font-size:16px;line-height:1.65;color:#475569}
.login-showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.showcase-mini-card{
  border:1px solid rgba(148,163,184,.18);
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,251,255,.96));
  border-radius:24px;
  padding:18px;
  display:grid;
  gap:8px;
}
.showcase-mini-card span{font-size:12px;font-weight:900;color:#0369a1;text-transform:uppercase;letter-spacing:.08em}
.showcase-mini-card strong{font-size:18px;line-height:1.25;color:#0f172a}
.showcase-mini-card small{font-size:13px;line-height:1.55;color:#64748b}
.floating{animation:loginFloat 6s ease-in-out infinite}
.floating.b{animation-delay:.6s}
.floating.c{animation-delay:1.2s}
@keyframes loginFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.showcase-points{display:grid;gap:12px}
.showcase-point{display:flex;align-items:center;gap:12px;font-weight:800;color:#334155}
.showcase-point i{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#22c55e,#14b8a6);color:#fff;font-style:normal;box-shadow:0 12px 24px rgba(20,184,166,.18)}
.login-card-auth{padding:28px;display:grid;align-content:start;gap:18px;min-height:720px}
.login-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.login-card-top h2{margin:10px 0 0;font-size:40px;line-height:1.02;letter-spacing:-.06em;color:#0f172a}
.login-card-top .lead{margin:12px 0 0;font-size:15px;line-height:1.65;color:#64748b;max-width:540px}
.login-glow-icon{
  width:58px;height:58px;border-radius:20px;display:grid;place-items:center;font-size:24px;
  background:linear-gradient(135deg, rgba(14,165,233,.12), rgba(34,197,94,.16));
  border:1px solid rgba(148,163,184,.18);
  box-shadow:0 18px 35px rgba(14,165,233,.10);
}
.auth-switch{grid-template-columns:repeat(2,1fr)!important;margin:0}
.auth-form{gap:16px}
.auth-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.register-role-chooser{
  display:grid;
  gap:14px;
  animation:authRise .28s ease both;
}
.chooser-head h3{margin:0;font-size:20px;line-height:1.1;color:#0f172a}
.chooser-head p{margin:6px 0 0;font-size:14px;color:#64748b;line-height:1.55}
.register-role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.register-role-card{
  border:1px solid rgba(148,163,184,.20);
  border-radius:24px;
  background:linear-gradient(180deg,#fff,#f8fbff);
  padding:22px 18px;
  text-align:left;
  display:grid;
  gap:10px;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
  min-height:190px;
}
.register-role-card:hover{transform:translateY(-2px);border-color:rgba(14,165,233,.35);box-shadow:0 18px 30px rgba(15,23,42,.08)}
.register-role-card.active{
  border-color:rgba(14,165,233,.46);
  background:linear-gradient(180deg, rgba(240,249,255,.96), rgba(240,253,244,.96));
  box-shadow:0 24px 38px rgba(14,165,233,.12);
}
.role-card-icon{
  width:62px;height:62px;border-radius:22px;display:grid;place-items:center;
  background:linear-gradient(135deg,#22c55e,#0ea5e9);color:#fff;font-size:28px;
  box-shadow:0 16px 28px rgba(14,165,233,.18);
}
.register-role-card strong{font-size:22px;line-height:1.1;color:#0f172a}
.register-role-card small{font-size:13px;line-height:1.65;color:#64748b}
.selected-role-banner{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 16px;border-radius:20px;border:1px solid rgba(148,163,184,.20);
  background:linear-gradient(135deg,rgba(14,165,233,.08),rgba(34,197,94,.08));
  animation:authRise .28s ease both;
}
.selected-role-label{display:block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:4px}
.selected-role-banner strong{font-size:18px;color:#0f172a}
.register-form-fields{
  display:grid;
  gap:14px;
  animation:authRise .28s ease both;
}
.register-form-fields.register-waiting .field,
.register-form-fields.register-waiting .courier-apply-fields{display:none!important}
.register-form-fields.register-waiting::before{
  content:"Kayıt formunu açmak için önce üyelik türünü seçin.";
  display:block;
  padding:18px 20px;
  border-radius:20px;
  border:1px dashed rgba(148,163,184,.34);
  background:#f8fbff;
  color:#64748b;
  font-weight:800;
}
.auth-form .field label{font-size:13px;font-weight:900;color:#334155}
.auth-form .input,
.auth-form .select{
  min-height:54px;
  border-radius:18px;
  border:1px solid rgba(148,163,184,.22);
  background:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}
.auth-form .input:focus,
.auth-form .select:focus{border-color:rgba(14,165,233,.42);box-shadow:0 0 0 4px rgba(14,165,233,.10)}
.auth-form #submitBtn{margin-top:4px;min-height:56px;border-radius:18px;font-size:16px;font-weight:1000;box-shadow:0 22px 34px rgba(20,184,166,.18)}
.auth-form #submitBtn:disabled{box-shadow:none;opacity:.55}
.courier-apply-fields{padding:16px;border-radius:22px;background:linear-gradient(135deg,rgba(14,165,233,.06),rgba(34,197,94,.07));border:1px solid rgba(14,165,233,.16)}
.file-card{min-height:150px;background:rgba(255,255,255,.88);border-radius:22px}
.file-card.has-file{border-color:rgba(34,197,94,.34);box-shadow:0 18px 32px rgba(34,197,94,.10)}
.login-footnote{margin-top:4px;border-top:1px solid rgba(148,163,184,.18)}
@keyframes authRise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

@media (max-width:1100px){
  .login-shell-auth{grid-template-columns:1fr;max-width:860px}
  .login-showcase{min-height:auto;padding:28px}
  .login-card-auth{min-height:auto}
}
@media (max-width:720px){
  .auth-entry-page{padding:14px!important}
  .login-shell-auth{gap:16px}
  .login-showcase{padding:22px;border-radius:24px}
  .login-showcase-brand h1{font-size:34px}
  .login-showcase-grid{grid-template-columns:1fr}
  .login-card-auth{padding:22px;border-radius:24px}
  .login-card-top h2{font-size:30px}
  .register-role-grid{grid-template-columns:1fr}
  .auth-fields-grid{grid-template-columns:1fr}
}
@media (max-width:520px){
  .login-showcase{display:none}
  .login-shell-auth{max-width:100%}
  .register-role-card{min-height:160px}
}


/* ==== v1.3.2 tek kart geniş login / kayıt ekranı ==== */
.auth-entry-page{
  min-height:100dvh !important;
  height:100dvh !important;
  overflow:hidden !important;
  display:grid !important;
  place-items:center !important;
  padding:18px !important;
}
.login-shell-auth{
  width:min(980px, calc(100vw - 36px)) !important;
  max-width:980px !important;
  display:block !important;
}
.login-showcase{
  display:none !important;
}
.login-card-auth{
  width:100% !important;
  min-height:0 !important;
  max-height:calc(100dvh - 36px) !important;
  overflow:hidden !important;
  padding:22px 26px 20px !important;
  border-radius:30px !important;
  display:grid !important;
  grid-template-rows:auto auto auto 1fr !important;
  gap:14px !important;
}
.login-card-top{
  align-items:center !important;
}
.login-card-top h2{
  font-size:34px !important;
  line-height:1.04 !important;
  margin-top:8px !important;
}
.login-card-top .lead{
  margin-top:8px !important;
  font-size:14px !important;
  line-height:1.5 !important;
}
.login-glow-icon{
  width:52px !important;
  height:52px !important;
  border-radius:18px !important;
}
.auth-switch{
  margin:0 !important;
  min-height:48px !important;
}
.auth-switch button{
  min-height:40px !important;
}
.register-role-chooser{
  gap:10px !important;
}
.chooser-head h3{
  font-size:19px !important;
}
.chooser-head p{
  margin-top:4px !important;
  font-size:13px !important;
  line-height:1.35 !important;
}
.register-role-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
}
.register-role-card{
  min-height:142px !important;
  padding:16px !important;
  border-radius:22px !important;
  gap:8px !important;
}
.role-card-icon{
  width:50px !important;
  height:50px !important;
  border-radius:18px !important;
  font-size:24px !important;
}
.register-role-card strong{
  font-size:20px !important;
}
.register-role-card small{
  font-size:12px !important;
  line-height:1.45 !important;
}
.auth-form{
  gap:11px !important;
  min-height:0 !important;
}
.selected-role-banner{
  padding:10px 12px !important;
  border-radius:16px !important;
}
.register-form-fields{
  gap:10px !important;
  min-height:0 !important;
}
.auth-fields-grid{
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
}
.auth-form .field{
  gap:5px !important;
}
.auth-form .field label{
  font-size:12px !important;
}
.auth-form .input,
.auth-form .select{
  min-height:46px !important;
  border-radius:15px !important;
  padding:10px 13px !important;
}
.auth-form #submitBtn{
  min-height:50px !important;
  border-radius:16px !important;
  margin-top:2px !important;
}
.login-footnote{
  margin-top:0 !important;
  padding-top:10px !important;
  font-size:11px !important;
}
.courier-apply-fields{
  gap:9px !important;
  padding:12px !important;
  border-radius:18px !important;
}
.courier-file-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:8px !important;
}
.file-card{
  min-height:100px !important;
  padding:10px !important;
  border-radius:16px !important;
}
.file-card-icon{
  width:36px !important;
  height:36px !important;
  border-radius:12px !important;
  font-size:12px !important;
}
.file-card-title{
  font-size:12px !important;
}
.file-card-name{
  font-size:10px !important;
}
.register-form-fields.register-waiting::before{
  padding:14px 16px !important;
  border-radius:16px !important;
  font-size:13px !important;
}

/* Daha kısa ekranlarda içeriği ayrıca sıkıştır */
@media (max-height: 760px){
  .auth-entry-page{
    padding:10px !important;
  }
  .login-shell-auth{
    width:min(1040px, calc(100vw - 20px)) !important;
  }
  .login-card-auth{
    max-height:calc(100dvh - 20px) !important;
    padding:16px 20px 14px !important;
    gap:9px !important;
    border-radius:24px !important;
  }
  .login-card-top h2{
    font-size:28px !important;
    margin-top:5px !important;
  }
  .login-card-top .lead{
    font-size:12px !important;
    margin-top:5px !important;
    line-height:1.35 !important;
  }
  .login-eyebrow{
    padding:6px 10px !important;
    font-size:10px !important;
  }
  .login-glow-icon{
    width:42px !important;
    height:42px !important;
  }
  .auth-switch{
    min-height:42px !important;
    padding:4px !important;
  }
  .auth-switch button{
    min-height:34px !important;
    font-size:12px !important;
  }
  .chooser-head h3{
    font-size:17px !important;
  }
  .chooser-head p{
    font-size:12px !important;
  }
  .register-role-card{
    min-height:118px !important;
    padding:12px !important;
  }
  .role-card-icon{
    width:42px !important;
    height:42px !important;
    border-radius:14px !important;
    font-size:20px !important;
  }
  .register-role-card strong{
    font-size:17px !important;
  }
  .register-role-card small{
    font-size:11px !important;
    line-height:1.35 !important;
  }
  .auth-form .input,
  .auth-form .select{
    min-height:40px !important;
    border-radius:13px !important;
  }
  .auth-form #submitBtn{
    min-height:42px !important;
  }
  .file-card{
    min-height:82px !important;
  }
  .courier-apply-fields .tiny{
    display:none !important;
  }
}

/* Tablet ve küçük genişliklerde ekran taşmasın */
@media (max-width: 720px){
  .auth-entry-page{
    overflow:auto !important;
    height:auto !important;
    min-height:100dvh !important;
    align-items:start !important;
    padding:12px !important;
  }
  .login-shell-auth{
    width:100% !important;
  }
  .login-card-auth{
    max-height:none !important;
    overflow:visible !important;
    padding:18px !important;
    border-radius:24px !important;
  }
  .register-role-grid{
    grid-template-columns:1fr !important;
  }
  .register-role-card{
    min-height:132px !important;
  }
  .auth-fields-grid,
  .courier-file-grid{
    grid-template-columns:1fr !important;
  }
}


/* ==== v1.3.3 giriş formu görünür + mavi butonlar + animasyonlu arka plan ==== */
.auth-entry-page{
  position:relative;
  isolation:isolate;
  background:
    linear-gradient(135deg, #f7fbff 0%, #eef5ff 45%, #edf9ff 100%) !important;
}
.auth-entry-page::before,
.auth-entry-page::after{
  content:"";
  position:fixed;
  inset:auto;
  z-index:-1;
  pointer-events:none;
  border-radius:999px;
  filter:blur(18px);
  opacity:.55;
  animation:authBgFloat 16s ease-in-out infinite;
}
.auth-entry-page::before{
  width:320px;
  height:320px;
  left:-60px;
  top:80px;
  background:radial-gradient(circle, rgba(59,130,246,.18) 0%, rgba(59,130,246,0) 70%);
}
.auth-entry-page::after{
  width:360px;
  height:360px;
  right:-70px;
  bottom:70px;
  background:radial-gradient(circle, rgba(14,165,233,.16) 0%, rgba(14,165,233,0) 72%);
  animation-delay:-6s;
}
@keyframes authBgFloat{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  25%{transform:translate3d(18px,-10px,0) scale(1.05)}
  50%{transform:translate3d(-10px,16px,0) scale(.98)}
  75%{transform:translate3d(12px,8px,0) scale(1.04)}
}

.auth-switch{
  background:linear-gradient(180deg, #eaf2ff, #f5f9ff) !important;
  border:1px solid rgba(59,130,246,.14) !important;
}
.auth-switch button{
  color:#1e293b !important;
  font-weight:900 !important;
}
.auth-switch button.active{
  color:#fff !important;
  background:linear-gradient(135deg,#3b82f6,#0ea5e9) !important;
  box-shadow:0 14px 28px rgba(59,130,246,.24) !important;
}
.auth-form #submitBtn,
.selected-role-banner .btn,
.login-card-auth .btn.primary{
  background:linear-gradient(135deg,#3b82f6,#0ea5e9) !important;
  color:#fff !important;
  box-shadow:0 20px 34px rgba(59,130,246,.24) !important;
}
.auth-form #submitBtn:hover,
.selected-role-banner .btn:hover,
.login-card-auth .btn.primary:hover{
  filter:brightness(1.03);
}
.selected-role-banner .btn{
  border:none !important;
}
.register-role-card.active .role-card-icon{
  background:linear-gradient(135deg,#3b82f6,#0ea5e9) !important;
}
.login-card-auth{
  background:rgba(255,255,255,.86) !important;
}
.login-card-top,
.register-role-chooser,
.auth-form{
  position:relative;
  z-index:1;
}


/* ==== v1.3.4 kurye seçme formu ekran ortası ==== */
.courier-notify-overlay{
  display:grid !important;
  place-items:center !important;
  align-items:center !important;
  justify-items:center !important;
  padding:16px !important;
}
.courier-notify-overlay .courier-notify-modal{
  width:min(640px,calc(100vw - 32px)) !important;
  max-height:calc(100dvh - 32px) !important;
  margin:auto !important;
  align-self:center !important;
  justify-self:center !important;
}
@media (max-width:980px){
  .courier-notify-overlay{
    align-items:center !important;
    padding:12px !important;
  }
  .courier-notify-overlay .courier-notify-modal{
    width:min(640px,calc(100vw - 24px)) !important;
    max-height:calc(100dvh - 24px) !important;
  }
}


/* ==== v1.3.5 kurye bildirim formu kesin ekran ortası ==== */
.courier-notify-overlay{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100dvh !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:20px !important;
  overflow:auto !important;
}
.courier-notify-overlay .courier-notify-modal{
  width:min(640px, calc(100vw - 40px)) !important;
  max-width:640px !important;
  max-height:min(calc(100dvh - 40px), 720px) !important;
  overflow:auto !important;
  margin:0 !important;
  position:relative !important;
  top:auto !important;
  left:auto !important;
  transform:none !important;
  align-self:center !important;
  justify-self:center !important;
}
.courier-notify-overlay .modal-head{
  position:sticky;
  top:0;
  z-index:2;
  background:linear-gradient(180deg,#fff,#f8fbff);
  padding-bottom:10px;
}
@media (max-width:980px){
  .courier-notify-overlay{padding:12px !important;}
  .courier-notify-overlay .courier-notify-modal{
    width:min(640px, calc(100vw - 24px)) !important;
    max-height:calc(100dvh - 24px) !important;
  }
}

/* v1.3.9 - Kurye kabul edildi durumunda Teslimata Başla butonunun görünürlüğü */
.order-action-row .btn.primary.start-delivery-btn,
.order-card .inline-controls .btn.primary.start-delivery-btn{
  background: linear-gradient(135deg, #22c55e, #14b8a6);
  color:#fff;
  border-color:transparent;
}

/* ==== v1.4.0 kurye aksiyon butonları görünürlük ve renk düzeltmesi ==== */
.order-card .inline-controls.order-action-row{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:10px !important;
  overflow:visible !important;
}
.order-card .inline-controls.order-action-row .btn.courier-action-btn,
.order-action-row .btn.courier-action-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  visibility:visible !important;
  opacity:1 !important;
  min-width:max-content !important;
  min-height:40px !important;
  padding:9px 13px !important;
  border-radius:14px !important;
  font-weight:900 !important;
  line-height:1.1 !important;
  text-indent:0 !important;
  letter-spacing:0 !important;
  transform:none;
}
.order-card .inline-controls.order-action-row .btn.courier-action-btn:not(.primary):not(.blue),
.order-action-row .btn.courier-action-btn:not(.primary):not(.blue){
  background:#ffffff !important;
  color:#0f172a !important;
  border:1px solid rgba(148,163,184,.30) !important;
  box-shadow:0 6px 16px rgba(15,23,42,.06) !important;
}
.order-card .inline-controls.order-action-row .btn.courier-action-btn.primary,
.order-action-row .btn.courier-action-btn.primary{
  background:linear-gradient(135deg,#22c55e,#14b8a6) !important;
  color:#ffffff !important;
  border-color:transparent !important;
  box-shadow:0 10px 22px rgba(20,184,166,.22) !important;
}
.order-card .inline-controls.order-action-row .btn.courier-action-btn.blue,
.order-action-row .btn.courier-action-btn.blue{
  background:linear-gradient(135deg,#38bdf8,#818cf8) !important;
  color:#ffffff !important;
  border-color:transparent !important;
  box-shadow:0 10px 22px rgba(59,130,246,.20) !important;
}
.order-card .inline-controls.order-action-row .btn.courier-action-btn:hover,
.order-action-row .btn.courier-action-btn:hover{
  transform:translateY(-1px) !important;
}
@media (max-width:680px){
  .order-card .inline-controls.order-action-row .btn.courier-action-btn,
  .order-action-row .btn.courier-action-btn{
    width:100% !important;
  }
}

/* ==== v1.4.2 admin paket / kategori tablo ve düzenleme düzeltmeleri ==== */
.package-table-scroll{
  width:100%;
  overflow-x:auto;
  padding-bottom:4px;
}
.management-table{
  min-width:920px;
  display:grid;
  gap:10px;
}
.management-table-head{
  display:grid;
  align-items:center;
  gap:18px;
  padding:0 20px 8px;
  color:#64748b;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.package-table-head,
.package-table-row{
  grid-template-columns:minmax(260px,2.2fr) minmax(150px,.9fr) minmax(150px,.9fr) minmax(120px,.65fr) minmax(120px,.65fr) minmax(170px,.75fr) !important;
}
.category-table-head,
.category-table-row{
  grid-template-columns:minmax(300px,2fr) minmax(180px,.9fr) minmax(120px,.65fr) minmax(120px,.65fr) minmax(170px,.75fr) !important;
}
.package-table-row,
.category-table-row{
  display:grid !important;
  align-items:center;
  gap:18px;
  min-height:auto !important;
  padding:16px 20px !important;
  border-radius:18px;
  border:1px solid rgba(148,163,184,.20);
  background:linear-gradient(180deg,#fff,#f8fbff);
  box-shadow:0 8px 24px rgba(15,23,42,.05);
}
.pkg-cell,
.cat-cell{
  min-width:0;
  color:#0f172a;
  font-size:14px;
  font-weight:900;
}
.pkg-name-cell,
.cat-name-cell{
  display:flex;
  align-items:center;
  gap:12px;
}
.pkg-name-cell,
.cat-name-cell > div{
  min-width:0;
}
.pkg-name-cell b,
.cat-name-cell b{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#0f172a;
  font-size:15px;
  font-weight:1000;
}
.pkg-name-cell small,
.cat-name-cell small{
  display:block;
  margin-top:3px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#64748b;
  font-size:12px;
  font-weight:800;
}
.cat-emoji{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:linear-gradient(135deg,rgba(14,165,233,.10),rgba(34,197,94,.10));
  border:1px solid rgba(148,163,184,.22);
  font-size:20px;
  flex:0 0 auto;
}
.status-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:76px;
  padding:7px 11px;
  border-radius:999px;
  font-size:12px;
  font-weight:1000;
  border:1px solid rgba(148,163,184,.22);
}
.status-pill.active{
  color:#15803d;
  background:rgba(34,197,94,.12);
  border-color:rgba(34,197,94,.22);
}
.status-pill.passive{
  color:#b45309;
  background:rgba(245,158,11,.12);
  border-color:rgba(245,158,11,.24);
}
.pkg-actions-cell,
.cat-actions-cell{
  justify-content:flex-end !important;
  margin-top:0 !important;
  min-width:0;
}
.icon-btn.edit-icon{
  color:#0369a1 !important;
  background:#fff !important;
  border-color:rgba(14,165,233,.28) !important;
  box-shadow:0 8px 18px rgba(14,165,233,.10);
}
.icon-btn.edit-icon:hover{
  background:rgba(14,165,233,.10) !important;
}
.app-modal-card .form-subsection{
  grid-column:1 / -1;
}
@media (max-width:980px){
  .management-table{min-width:840px;}
  .management-table-head{padding-left:16px;padding-right:16px;}
  .package-table-row,.category-table-row{padding:14px 16px !important;}
}


/* ==== v1.4.3 kayıt ekranı responsive modern boyutlandırma düzeltmesi ==== */
html:has(.auth-entry-page),
body:has(.auth-entry-page){
  min-height:100%;
  overflow-x:hidden !important;
  overflow-y:auto !important;
}
body:has(.auth-entry-page) .mobile-construction-overlay{
  display:none !important;
}
.auth-entry-page{
  min-height:100dvh !important;
  height:auto !important;
  overflow:visible !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:clamp(14px,2.2vw,30px) !important;
  background:
    radial-gradient(circle at 12% 8%, rgba(59,130,246,.13), transparent 28%),
    radial-gradient(circle at 92% 18%, rgba(14,165,233,.12), transparent 30%),
    radial-gradient(circle at 62% 92%, rgba(34,197,94,.09), transparent 28%),
    linear-gradient(135deg,#f8fbff 0%,#eef5ff 48%,#edf9ff 100%) !important;
}
.login-shell-auth{
  width:min(1180px, calc(100vw - clamp(28px,4vw,60px))) !important;
  max-width:1180px !important;
  display:block !important;
  margin:auto !important;
}
.login-card-auth{
  width:100% !important;
  min-height:0 !important;
  max-height:none !important;
  height:auto !important;
  overflow:visible !important;
  display:flex !important;
  flex-direction:column !important;
  gap:clamp(16px,1.8vw,22px) !important;
  padding:clamp(22px,3vw,42px) !important;
  border-radius:clamp(24px,3vw,34px) !important;
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(148,163,184,.24) !important;
  box-shadow:0 28px 80px rgba(15,23,42,.10) !important;
  backdrop-filter:blur(18px) !important;
}
.login-card-top{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:18px !important;
  min-width:0 !important;
}
.login-card-top h2{
  margin:10px 0 0 !important;
  font-size:clamp(30px,3.4vw,44px) !important;
  line-height:1.03 !important;
  letter-spacing:-.055em !important;
}
.login-card-top .lead{
  margin:10px 0 0 !important;
  max-width:620px !important;
  font-size:clamp(14px,1.25vw,16px) !important;
  line-height:1.55 !important;
}
.login-eyebrow{
  padding:8px 14px !important;
  border-radius:999px !important;
  font-size:12px !important;
  line-height:1 !important;
}
.login-glow-icon{
  flex:0 0 auto !important;
  width:clamp(52px,5vw,66px) !important;
  height:clamp(52px,5vw,66px) !important;
  border-radius:22px !important;
}
.auth-switch{
  width:100% !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:0 !important;
  padding:6px !important;
  min-height:58px !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,#edf5ff,#f8fbff) !important;
  border:1px solid rgba(59,130,246,.16) !important;
}
.auth-switch button{
  min-height:46px !important;
  border-radius:14px !important;
  font-size:15px !important;
  font-weight:950 !important;
}
.register-role-chooser{
  display:grid !important;
  gap:14px !important;
}
.chooser-head h3{
  margin:0 !important;
  font-size:clamp(19px,1.7vw,23px) !important;
  line-height:1.15 !important;
}
.chooser-head p{
  margin:6px 0 0 !important;
  font-size:clamp(13px,1.15vw,15px) !important;
  line-height:1.45 !important;
}
.register-role-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:clamp(12px,1.6vw,18px) !important;
}
.register-role-card{
  position:relative !important;
  min-height:clamp(150px,15vw,190px) !important;
  height:auto !important;
  padding:clamp(18px,2vw,24px) !important;
  border-radius:24px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  gap:10px !important;
  overflow:hidden !important;
}
.register-role-card.active::after{
  content:"✓";
  position:absolute;
  top:16px;
  right:16px;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:linear-gradient(135deg,#3b82f6,#0ea5e9);
  color:#fff;
  font-weight:1000;
  box-shadow:0 10px 20px rgba(59,130,246,.22);
}
.role-card-icon{
  width:clamp(52px,5.5vw,64px) !important;
  height:clamp(52px,5.5vw,64px) !important;
  border-radius:20px !important;
  font-size:clamp(24px,2.6vw,30px) !important;
}
.register-role-card strong{
  font-size:clamp(20px,2vw,24px) !important;
  line-height:1.1 !important;
}
.register-role-card small{
  font-size:clamp(12px,1.05vw,14px) !important;
  line-height:1.5 !important;
}
.auth-form{
  display:flex !important;
  flex-direction:column !important;
  gap:clamp(14px,1.5vw,18px) !important;
  margin-top:0 !important;
  min-height:0 !important;
  overflow:visible !important;
}
.selected-role-banner{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  min-height:76px !important;
  padding:14px 18px !important;
  border-radius:20px !important;
}
.selected-role-banner .btn{
  min-height:44px !important;
  padding:10px 16px !important;
  border-radius:14px !important;
  box-shadow:0 12px 24px rgba(59,130,246,.18) !important;
}
.selected-role-label{
  font-size:12px !important;
  line-height:1.1 !important;
}
.selected-role-banner strong{
  display:block !important;
  margin-top:4px !important;
  font-size:clamp(20px,1.8vw,24px) !important;
  line-height:1.05 !important;
}
.register-form-fields{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:clamp(12px,1.25vw,16px) !important;
  min-height:0 !important;
  overflow:visible !important;
}
.auth-fields-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:clamp(12px,1.35vw,18px) !important;
}
.auth-form .field{
  display:grid !important;
  gap:8px !important;
  min-width:0 !important;
}
.auth-form .field label{
  font-size:13px !important;
  line-height:1.2 !important;
  color:#334155 !important;
}
.auth-form .input,
.auth-form .select,
.auth-form .textarea{
  min-height:54px !important;
  height:auto !important;
  border-radius:18px !important;
  padding:13px 16px !important;
  font-size:15px !important;
  background:#fff !important;
}
.auth-form #submitBtn{
  position:relative !important;
  z-index:2 !important;
  flex:0 0 auto !important;
  width:100% !important;
  min-height:60px !important;
  margin:4px 0 0 !important;
  border-radius:18px !important;
  font-size:17px !important;
  font-weight:1000 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1.2 !important;
  clear:both !important;
}
.login-footnote{
  flex:0 0 auto !important;
  margin:0 !important;
  padding:12px 0 0 !important;
  text-align:center !important;
  border-top:1px solid rgba(148,163,184,.18) !important;
}
.courier-apply-fields{
  display:grid !important;
  gap:14px !important;
  padding:16px !important;
  border-radius:22px !important;
  overflow:visible !important;
}
.courier-file-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
}
.file-card{
  min-height:132px !important;
  height:auto !important;
  padding:14px !important;
  border-radius:18px !important;
}

@media (max-height:820px) and (min-width:901px){
  .auth-entry-page{
    align-items:flex-start !important;
    padding-top:14px !important;
    padding-bottom:14px !important;
  }
  .login-shell-auth{
    width:min(1120px, calc(100vw - 28px)) !important;
  }
  .login-card-auth{
    padding:20px 28px !important;
    gap:12px !important;
  }
  .login-card-top h2{font-size:clamp(28px,3vw,36px) !important;margin-top:6px !important;}
  .login-card-top .lead{font-size:13px !important;margin-top:6px !important;}
  .login-eyebrow{padding:7px 12px !important;font-size:11px !important;}
  .login-glow-icon{width:48px !important;height:48px !important;border-radius:16px !important;}
  .auth-switch{min-height:50px !important;padding:5px !important;}
  .auth-switch button{min-height:40px !important;font-size:13px !important;}
  .register-role-grid{gap:12px !important;}
  .register-role-card{min-height:124px !important;padding:14px 16px !important;border-radius:20px !important;}
  .role-card-icon{width:44px !important;height:44px !important;border-radius:15px !important;font-size:21px !important;}
  .register-role-card strong{font-size:18px !important;}
  .register-role-card small{font-size:12px !important;line-height:1.35 !important;}
  .selected-role-banner{min-height:64px !important;padding:10px 14px !important;}
  .selected-role-banner strong{font-size:19px !important;}
  .register-form-fields{gap:9px !important;}
  .auth-form{gap:10px !important;}
  .auth-form .field{gap:5px !important;}
  .auth-form .field label{font-size:12px !important;}
  .auth-form .input,.auth-form .select{min-height:42px !important;border-radius:14px !important;padding:10px 13px !important;font-size:14px !important;}
  .auth-form #submitBtn{min-height:48px !important;border-radius:15px !important;font-size:15px !important;}
  .login-footnote{padding-top:8px !important;font-size:11px !important;}
  .courier-apply-fields{gap:8px !important;padding:12px !important;}
  .file-card{min-height:86px !important;padding:10px !important;}
  .courier-apply-fields .tiny{display:none !important;}
}

@media (max-width:900px){
  .auth-entry-page{
    align-items:flex-start !important;
    justify-content:center !important;
    padding:14px !important;
  }
  .login-shell-auth{
    width:100% !important;
    max-width:760px !important;
  }
  .login-card-auth{
    padding:clamp(18px,4vw,28px) !important;
    border-radius:26px !important;
  }
  .register-role-grid{
    grid-template-columns:1fr !important;
  }
  .register-role-card{
    min-height:128px !important;
  }
  .auth-fields-grid,
  .courier-file-grid{
    grid-template-columns:1fr !important;
  }
}

@media (max-width:520px){
  .auth-entry-page{
    padding:10px !important;
  }
  .login-shell-auth{
    width:100% !important;
  }
  .login-card-auth{
    padding:16px !important;
    border-radius:22px !important;
    gap:14px !important;
  }
  .login-card-top{
    align-items:flex-start !important;
  }
  .login-glow-icon{
    display:none !important;
  }
  .login-card-top h2{
    font-size:28px !important;
  }
  .auth-switch{
    min-height:50px !important;
  }
  .auth-switch button{
    min-height:38px !important;
    font-size:13px !important;
  }
  .register-role-card{
    min-height:118px !important;
    padding:15px !important;
  }
  .selected-role-banner{
    align-items:flex-start !important;
    flex-direction:column !important;
  }
  .selected-role-banner .btn{
    width:100% !important;
  }
  .auth-form .input,
  .auth-form .select,
  .auth-form .textarea{
    min-height:50px !important;
    font-size:14px !important;
  }
  .auth-form #submitBtn{
    min-height:56px !important;
  }
}

/* ==== v1.4.4 kayıt üyelik seçimi ve kurye banka/IBAN alanları ==== */
.auth-entry-page .hidden,
.login-card-auth .hidden,
.register-role-chooser.hidden,
.selected-role-banner.hidden,
.register-form-fields.hidden,
.courier-apply-fields.hidden{
  display:none !important;
}

.courier-bank-section{
  display:grid;
  gap:12px;
  padding:14px;
  border-radius:20px;
  border:1px solid rgba(59,130,246,.16);
  background:linear-gradient(135deg,rgba(59,130,246,.055),rgba(20,184,166,.065));
}
.courier-bank-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom:2px;
}
.courier-bank-head strong{
  display:block;
  color:#0f172a;
  font-size:15px;
  font-weight:1000;
  line-height:1.2;
}
.courier-bank-head small{
  color:#64748b;
  font-size:12px;
  font-weight:800;
  line-height:1.35;
  text-align:right;
}
.courier-bank-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

@media (max-width:900px){
  .courier-bank-grid{
    grid-template-columns:1fr !important;
  }
  .courier-bank-head{
    display:grid;
  }
  .courier-bank-head small{
    text-align:left;
  }
}

/* v1.4.5 - müşteri / işletme ayrı komisyon kartları */
.commission-role-settings{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  width:100%;
}
.commission-role-card{
  display:grid;
  gap:12px;
  padding:16px;
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#f8fbff);
  border:1px solid rgba(59,130,246,.16);
  box-shadow:0 12px 30px rgba(15,23,42,.06);
}
.commission-role-head{display:grid;gap:4px}
.commission-role-head strong{font-size:15px;color:#0f172a;font-weight:1000}
.commission-role-head small{font-size:12px;color:#64748b;font-weight:700;line-height:1.4}
@media (max-width:820px){
  .commission-role-settings{grid-template-columns:1fr}
}


/* v1.4.6 - Komisyon alanları her zaman ayrı ve görünür */
.courier-commission-card .commission-role-settings-always{
  margin-top:14px;
}
.courier-commission-card .commission-extra-grid{
  grid-column:1 / -1;
}
.courier-commission-card .auto-calc-result div + div{
  margin-top:6px;
}
.customer-commission-card{
  border-color:rgba(59,130,246,.28);
}
.business-commission-card{
  border-color:rgba(16,185,129,.28);
}

/* v1.4.7 - Kampanya, ödeme, cari ve destek modülleri */
.campaign-type-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:10px;
  margin:14px 0 18px;
}
.campaign-type-grid span{
  display:flex;
  align-items:center;
  min-height:42px;
  border:1px solid rgba(59,130,246,.18);
  background:linear-gradient(135deg,rgba(239,246,255,.92),rgba(236,253,245,.82));
  border-radius:14px;
  padding:10px 12px;
  font-weight:900;
  color:#0f172a;
  box-shadow:0 10px 26px rgba(15,23,42,.04);
}
.campaign-table .campaign-table-head,
.campaign-table .campaign-row{
  display:grid;
  grid-template-columns:2fr 1.1fr 1.2fr 1.1fr .7fr .8fr;
  gap:12px;
  align-items:center;
}
.campaign-row small,.finance-row small,.compact-list-row small{display:block;color:#64748b;margin-top:4px;font-weight:700}
.finance-table{display:grid;gap:10px;margin-top:12px;overflow-x:auto}
.finance-head,.finance-row{
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr .9fr;
  gap:12px;
  align-items:center;
  min-width:760px;
}
.finance-head{
  padding:0 18px;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  color:#64748b;
  letter-spacing:.05em;
}
.finance-row span{font-weight:950;color:#0f172a}
.finance-warning{color:#f97316!important}
.finance-ok{color:#10b981!important}
.finance-big{font-size:30px;font-weight:950;margin-top:10px;color:#0f172a}
.compact-list-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-bottom:8px}
.compact-list-row small{grid-column:1/-1}
.support-list{display:grid;gap:12px;margin-top:12px}
.support-admin-row{display:grid;gap:10px}
.support-admin-row p{margin:0;color:#334155;line-height:1.45}
.support-reply{border:1px solid rgba(59,130,246,.18);background:#eff6ff;border-radius:14px;padding:10px 12px;color:#1e3a8a;font-weight:800}
.campaign-code-grid{align-items:end}
.campaign-summary-item strong{color:#0ea5e9!important}
@media (max-width: 900px){
  .campaign-table .campaign-table-head,.campaign-table .campaign-row{grid-template-columns:1fr;min-width:0}
  .finance-head{display:none}
  .finance-row{grid-template-columns:1fr;min-width:0}
}

/* ===== V151 mobil düzen: üstbar, sabit alt menü, sipariş kartı, ayarlar drawer ===== */
.top-profile-wrap{display:none;position:relative}
.profile-menu-btn{min-height:46px;padding:0 14px;border:1px solid rgba(148,163,184,.24);border-radius:18px;background:rgba(255,255,255,.96);display:inline-flex;align-items:center;gap:10px;color:#0f172a;font-weight:900;box-shadow:0 10px 24px rgba(15,23,42,.08)}
.profile-avatar{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#e2e8f0,#f8fafc);font-size:18px}.profile-menu-dot{font-size:18px;color:#64748b;line-height:1}.profile-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;padding:10px;background:#fff;border:1px solid rgba(148,163,184,.22);border-radius:18px;box-shadow:0 24px 48px rgba(15,23,42,.14);display:none;z-index:140}.profile-dropdown.open{display:grid;gap:6px}.profile-dropdown button{width:100%;min-height:42px;border:1px solid rgba(148,163,184,.16);background:#fff;border-radius:14px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:800;color:#0f172a;text-align:left}.profile-dropdown button:hover{background:#f8fafc}.profile-dropdown button.danger{color:#be123c;background:rgba(225,29,72,.05);border-color:rgba(225,29,72,.16)}.profile-user-title{padding:4px 4px 8px;color:#dc2626;font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}
.global-menu-toggle{display:none;position:fixed;top:18px;left:14px;z-index:155;width:44px;height:44px;border:1px solid rgba(148,163,184,.24);border-radius:15px;background:#fff;box-shadow:0 12px 24px rgba(15,23,42,.10);font-size:24px;font-weight:1000;color:#0f172a}.mobile-menu-backdrop{display:none;position:fixed;inset:0;z-index:125;background:rgba(15,23,42,.32);backdrop-filter:blur(3px)}.mobile-menu-backdrop.open{display:block}
.order-mobile-compact{display:none}
.settings-shell{display:grid;gap:16px}.settings-shell-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.settings-menu-toggle{width:42px;height:42px;border-radius:14px;border:1px solid rgba(148,163,184,.24);background:#fff;font-size:18px;font-weight:1000;display:inline-grid;place-items:center}.settings-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;align-items:start}.settings-drawer{border:1px solid rgba(148,163,184,.18);border-radius:22px;background:linear-gradient(180deg,#0f172a,#111827);padding:14px;color:#e2e8f0;display:grid;gap:8px;position:sticky;top:110px}.settings-drawer-title{font-size:12px;font-weight:1000;letter-spacing:.14em;text-transform:uppercase;color:#94a3b8;padding:6px 6px 10px}.settings-drawer .nav-btn{color:#cbd5e1;background:transparent;border-radius:14px;min-height:48px;width:100%;grid-template-columns:34px 1fr}.settings-drawer .nav-btn:hover{background:rgba(255,255,255,.08);color:#fff}.settings-drawer .nav-btn.active{background:linear-gradient(135deg,#0ea5e9,#16a34a);color:#fff;border-color:transparent}.settings-content-panel{min-width:0}.settings-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-shortcut-card{padding:16px;border:1px solid rgba(148,163,184,.18);border-radius:18px;background:#fff;display:grid;gap:8px}.dashboard-panel-no-title{padding-top:18px!important}
@media (max-width:980px){
  body[data-role] .topbar .container{padding:0 14px}body[data-role] .topbar-inner{min-height:74px;padding:10px 0;align-items:center}body[data-role] .brand{gap:10px;margin-left:52px}body[data-role] .brand-subtitle{display:none}body[data-role] .brand-title{font-size:18px;line-height:1.1}body[data-role] .logo{width:58px;height:58px;border-radius:20px;box-shadow:0 16px 34px rgba(34,197,94,.16)}body[data-role] .top-actions{margin-left:auto}body[data-role] #balanceBtn,body[data-role] #packageBtn,body[data-role] #notifBtn,body[data-role] #logoutBtn{display:none!important}body[data-role] .top-profile-wrap{display:block}.global-menu-toggle{display:grid}.mobile-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;transform:none!important;width:100%!important;z-index:150!important;border-radius:24px 24px 0 0!important}body[data-view^="settings"] .mobile-nav{display:none!important}body[data-role] .workspace{padding:98px 12px calc(100px + var(--safe-bottom))}body[data-view^="settings"] .workspace{padding-bottom:22px!important}body[data-role] .workspace-inner{max-width:680px}body[data-role] .stats,body[data-role] .dashboard-metrics,.dashboard-metrics.dashboard-metrics-full{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;overflow:visible;margin:0 0 12px;padding:0}body[data-role] .stat,body[data-role] .dash-tile{min-width:0;min-height:clamp(145px,24vw,188px);height:auto;border-radius:24px}body[data-role] .dash-tile{padding:18px 16px 16px}body[data-role] .dash-tile span{font-size:13px;line-height:1.3}body[data-role] .dash-tile b{font-size:clamp(34px,8vw,48px)}body[data-role] .dash-tile small{font-size:12px}body[data-role] .mobile-nav .nav-btn{min-height:62px;padding:6px 4px;font-size:11px;line-height:1.15}body[data-role] .mobile-nav .nav-ico{font-size:22px}
  #sidebar.mobile-open{display:block!important;position:fixed!important;top:78px!important;bottom:12px!important;left:12px!important;width:min(306px,calc(100vw - 24px))!important;z-index:130!important;overflow:auto!important;border-radius:22px!important}.settings-layout{grid-template-columns:1fr}.settings-drawer{position:fixed;top:86px;bottom:18px;left:12px;width:min(292px,calc(100% - 24px));z-index:145;transform:translateX(-115%);transition:transform .24s ease;box-shadow:0 24px 48px rgba(15,23,42,.18)}.settings-drawer.open{transform:translateX(0)}.settings-shortcuts{grid-template-columns:1fr}
  .order-card.order-card-inline{padding:14px;border-radius:20px;background:#fff;box-shadow:0 12px 26px rgba(15,23,42,.06)}.order-card .order-progress-top,.order-card .order-row-grid,.order-card .order-action-row{display:none!important}.order-mobile-compact{display:grid;gap:14px}.order-mobile-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid rgba(148,163,184,.18)}.order-mobile-top b{font-size:16px;font-weight:1000;color:#0f172a}.order-mobile-top span{font-size:13px;font-weight:900;color:#475569;background:#f1f5f9;border-radius:999px;padding:7px 10px;white-space:nowrap}.order-mobile-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.order-mobile-actions{display:flex;align-items:center;gap:8px;min-width:0}.order-mobile-actions .btn{min-height:38px;border-radius:12px;padding:8px 12px}.order-mobile-price{font-size:18px;font-weight:1000;white-space:nowrap;color:#0f172a}
}
@media (max-width:560px){body[data-role] .brand-title{font-size:16px}.profile-menu-btn{padding:0 12px;gap:8px}.profile-menu-label{display:none}.profile-dropdown{min-width:210px}body[data-role] .workspace{padding:92px 10px calc(96px + var(--safe-bottom))}body[data-role] .stats,body[data-role] .dashboard-metrics,.dashboard-metrics.dashboard-metrics-full{gap:10px!important}body[data-role] .stat,body[data-role] .dash-tile{min-height:142px;border-radius:22px}.order-mobile-actions .btn{padding:8px 10px}.order-mobile-price{font-size:16px}}

/* ===== V152 mobil ana sayfa, sabit bottom menü ve sipariş kartı düzeltmeleri ===== */
@media (max-width:980px){
  body[data-role] .mobile-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    transform:translate3d(0,0,0)!important;
    width:100vw!important;
    max-width:100vw!important;
    z-index:999!important;
    display:grid!important;
    border-radius:24px 24px 0 0!important;
    padding:8px 8px calc(8px + var(--safe-bottom))!important;
  }
  body[data-view^="settings"] .mobile-nav{display:none!important;}
  body[data-view="home"]{
    overflow:hidden!important;
    height:100dvh!important;
  }
  body[data-view="home"] .workspace{
    height:100dvh!important;
    min-height:100dvh!important;
    overflow:hidden!important;
    padding:90px 8px calc(86px + var(--safe-bottom))!important;
  }
  body[data-view="home"] .workspace-inner,
  body[data-view="home"] #viewRoot,
  body[data-view="home"] .app-dashboard-panel{
    height:100%!important;
    min-height:0!important;
  }
  body[data-view="home"] .app-dashboard-panel{
    margin:0!important;
    padding:8px!important;
    border-radius:18px!important;
    display:flex!important;
    overflow:hidden!important;
  }
  body[data-view="home"] .dashboard-metrics,
  body[data-view="home"] .dashboard-metrics.dashboard-metrics-full{
    flex:1 1 auto!important;
    height:100%!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body[data-view="home"] .dash-tile{
    min-height:0!important;
    height:100%!important;
    border-radius:18px!important;
    padding:8px 7px!important;
    justify-content:center!important;
    text-align:center!important;
  }
  body[data-view="home"] .dash-tile::before{width:72px!important;height:72px!important;left:-14px!important;top:-14px!important;}
  body[data-view="home"] .dash-tile span{font-size:clamp(9px,2.5vw,12px)!important;line-height:1.15!important;}
  body[data-view="home"] .dash-tile b{font-size:clamp(22px,7.2vh,42px)!important;margin:4px 0!important;line-height:1!important;}
  body[data-view="home"] .dash-tile small{font-size:clamp(9px,2.4vw,11px)!important;line-height:1.15!important;}

  .order-card.order-card-inline{
    padding:14px!important;
    border-radius:20px!important;
  }
  .order-card.order-card-inline .order-action-row{
    display:none!important;
  }
  .order-card.order-card-inline.mobile-open .order-action-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin-top:12px!important;
    padding-top:12px!important;
    border-top:1px solid rgba(148,163,184,.18)!important;
  }
  .order-card.order-card-inline.mobile-open .order-action-row [data-track],
  .order-card.order-card-inline.mobile-open .order-action-row [data-google],
  .order-card.order-card-inline.mobile-open .order-action-row [data-yandex],
  .order-card.order-card-inline.mobile-open .order-action-row [data-google-general],
  .order-card.order-card-inline.mobile-open .order-action-row [data-google-next],
  .order-card.order-card-inline.mobile-open .order-action-row [data-yandex-next],
  .order-card.order-card-inline.mobile-open .order-action-row .admin-extra-action,
  .order-card.order-card-inline.mobile-open .order-action-row .action-track,
  .order-card.order-card-inline.mobile-open .order-action-row .action-general-route,
  .order-card.order-card-inline.mobile-open .order-action-row .action-google-route,
  .order-card.order-card-inline.mobile-open .order-action-row .action-yandex-route{
    display:none!important;
  }
  .order-card.order-card-inline.mobile-open .order-action-row .select{
    display:block!important;
    max-width:none!important;
    width:100%!important;
  }
  .order-mobile-bottom{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(118px,42%)!important;
    align-items:stretch!important;
    gap:10px!important;
  }
  .order-mobile-actions{
    align-self:center!important;
  }
  .order-mobile-price{
    min-height:52px!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,#ef4444,#dc2626)!important;
    color:#fff!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    padding:10px 12px!important;
    font-size:clamp(20px,5.2vw,28px)!important;
    font-weight:1000!important;
    box-shadow:0 12px 24px rgba(220,38,38,.18)!important;
  }
  .settings-shell-head .muted{display:none!important;}
  .settings-default-note{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:14px 16px!important;
    border-radius:16px!important;
    margin:0!important;
  }
  .settings-default-note b{font-size:15px!important;}
  .settings-default-note span{font-size:12px!important;color:#64748b!important;line-height:1.35!important;text-align:right!important;max-width:58%;}
}

@media (max-width:380px){
  body[data-view="home"] .workspace{padding-top:86px!important;padding-bottom:82px!important;}
  body[data-view="home"] .dashboard-metrics{gap:6px!important;}
  body[data-view="home"] .dash-tile{border-radius:16px!important;padding:6px!important;}
  .order-mobile-bottom{grid-template-columns:1fr!important;}
  .order-mobile-price{min-height:46px!important;}
}
@media (max-width:980px){
  .order-card.order-card-inline.mobile-open .order-action-row:not(:has(select)):not(:has([data-status])){display:none!important;}
}


/* ===== V153 mobil sabit alt menü, hamburger görünümü ve sipariş kartı düzeltmeleri ===== */
@media (max-width:980px){
  :root{
    --mobile-nav-h:74px;
    --mobile-nav-gap:10px;
  }
  body[data-role] .mobile-nav{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:max(10px, env(safe-area-inset-bottom, 0px))!important;
    transform:none!important;
    width:auto!important;
    max-width:none!important;
    min-height:var(--mobile-nav-h)!important;
    height:var(--mobile-nav-h)!important;
    z-index:2147483000!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:center!important;
    border-radius:24px!important;
    border:1px solid rgba(148,163,184,.18)!important;
    padding:7px!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 -10px 28px rgba(15,23,42,.16),0 10px 24px rgba(15,23,42,.08)!important;
    isolation:isolate!important;
  }
  body[data-role] .mobile-nav .nav-btn{
    min-height:58px!important;
    height:58px!important;
    border-radius:18px!important;
    padding:5px 4px!important;
    font-size:10.5px!important;
    line-height:1.12!important;
  }
  body[data-role] .mobile-nav .nav-ico{font-size:21px!important;}
  body[data-view^="settings"] .mobile-nav{display:none!important;}

  body[data-role] .workspace{
    padding-bottom:calc(var(--mobile-nav-h) + 34px + env(safe-area-inset-bottom, 0px))!important;
  }
  body[data-view^="settings"] .workspace{
    padding-bottom:22px!important;
  }
  body[data-view="home"]{
    overflow:hidden!important;
    height:100svh!important;
    min-height:100svh!important;
  }
  body[data-view="home"] .workspace{
    height:100svh!important;
    min-height:100svh!important;
    overflow:hidden!important;
    padding-top:86px!important;
    padding-bottom:calc(var(--mobile-nav-h) + 30px + env(safe-area-inset-bottom, 0px))!important;
  }
  body[data-view="home"] .app-dashboard-panel{
    height:100%!important;
  }
  body[data-view="home"] .dashboard-metrics,
  body[data-view="home"] .dashboard-metrics.dashboard-metrics-full{
    grid-template-rows:repeat(4,minmax(0,1fr))!important;
    height:100%!important;
    min-height:0!important;
  }
  body[data-view="home"] .dash-tile{
    min-height:0!important;
    height:100%!important;
  }

  .global-menu-toggle{
    display:grid!important;
    position:fixed!important;
    top:18px!important;
    left:14px!important;
    z-index:2147483001!important;
  }
  body[data-view="home"] .global-menu-toggle,
  body[data-view="orders"] .global-menu-toggle,
  body[data-view="orders_list"] .global-menu-toggle,
  body[data-view="orders_map"] .global-menu-toggle,
  body[data-view="active"] .global-menu-toggle,
  body[data-view="pool"] .global-menu-toggle,
  body[data-view="support"] .global-menu-toggle{
    display:none!important;
  }
  body[data-view^="settings"] .global-menu-toggle,
  body[data-view="users"] .global-menu-toggle,
  body[data-view^="couriers"] .global-menu-toggle,
  body[data-view^="finance"] .global-menu-toggle{
    display:grid!important;
  }

  .order-card.order-card-inline .order-action-row{
    display:none!important;
  }
  .order-card.order-card-inline.mobile-open.has-mobile-detail .order-action-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin-top:12px!important;
    padding-top:12px!important;
    border-top:1px solid rgba(148,163,184,.18)!important;
  }
  .order-card.order-card-inline.mobile-open.has-mobile-detail .order-action-row button,
  .order-card.order-card-inline.mobile-open.has-mobile-detail .order-action-row a,
  .order-card.order-card-inline.mobile-open.has-mobile-detail .order-action-row .admin-extra-action,
  .order-card.order-card-inline.mobile-open.has-mobile-detail .order-action-row [data-track],
  .order-card.order-card-inline.mobile-open.has-mobile-detail .order-action-row [data-google],
  .order-card.order-card-inline.mobile-open.has-mobile-detail .order-action-row [data-yandex],
  .order-card.order-card-inline.mobile-open.has-mobile-detail .order-action-row [data-google-general],
  .order-card.order-card-inline.mobile-open.has-mobile-detail .order-action-row [data-google-next],
  .order-card.order-card-inline.mobile-open.has-mobile-detail .order-action-row [data-yandex-next]{
    display:none!important;
  }
  .order-card.order-card-inline.mobile-open.has-mobile-detail .order-action-row .select,
  .order-card.order-card-inline.mobile-open.has-mobile-detail .order-action-row select{
    display:block!important;
    max-width:none!important;
    width:100%!important;
  }
  .order-mobile-bottom{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:10px!important;
  }
  .order-mobile-actions{
    width:max-content!important;
    min-width:max-content!important;
    align-self:center!important;
  }
  .order-mobile-actions .btn,
  .order-mobile-actions a.btn{
    min-height:40px!important;
    padding:8px 11px!important;
    text-decoration:none!important;
  }
  .order-mobile-price{
    width:100%!important;
    min-height:58px!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,#ef4444,#dc2626)!important;
    color:#fff!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    padding:10px 12px!important;
    font-size:clamp(23px,6vw,32px)!important;
    font-weight:1000!important;
    box-shadow:0 12px 24px rgba(220,38,38,.20)!important;
  }
  .settings-default-note{
    min-height:auto!important;
    padding:12px 14px!important;
    border-radius:16px!important;
  }
  .settings-default-note b{font-size:14px!important;}
  .settings-default-note span{font-size:11px!important;max-width:52%!important;}
}

@media (max-width:380px){
  :root{--mobile-nav-h:70px;}
  body[data-role] .mobile-nav{left:8px!important;right:8px!important;bottom:8px!important;border-radius:22px!important;}
  body[data-role] .mobile-nav .nav-btn{height:54px!important;min-height:54px!important;font-size:10px!important;}
  body[data-role] .mobile-nav .nav-ico{font-size:19px!important;}
  body[data-view="home"] .workspace{
    padding-top:82px!important;
    padding-bottom:calc(var(--mobile-nav-h) + 24px)!important;
  }
  body[data-view="home"] .dashboard-metrics{gap:6px!important;}
  body[data-view="home"] .dash-tile{border-radius:15px!important;padding:5px!important;}
  body[data-view="home"] .dash-tile span{font-size:8.5px!important;}
  body[data-view="home"] .dash-tile b{font-size:clamp(20px,6.2vh,34px)!important;}
  body[data-view="home"] .dash-tile small{font-size:8.5px!important;}
  .order-mobile-bottom{grid-template-columns:auto minmax(0,1fr)!important;}
  .order-mobile-actions .btn,
  .order-mobile-actions a.btn{padding:8px 9px!important;}
  .order-mobile-price{min-height:52px!important;font-size:22px!important;}
}

/* ===== V154 mobil harita popup / alt menü / sipariş detay / ayarlar notu ===== */
@media (max-width:980px){
  html,body{min-height:100%;}
  body[data-role]{padding-bottom:0!important;}
  body[data-role] .mobile-nav{
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    max-width:100%!important;
    min-width:100%!important;
    border-radius:18px 18px 0 0!important;
    padding:8px 8px calc(10px + env(safe-area-inset-bottom, 0px))!important;
    z-index:2147483640!important;
  }
  body[data-view="orders"] .workspace,
  body[data-view="orders_list"] .workspace,
  body[data-view="support"] .workspace,
  body[data-view="active"] .workspace,
  body[data-view="pool"] .workspace,
  body[data-view="home"] .workspace{
    padding-bottom:calc(var(--mobile-nav-h, 74px) + 44px + env(safe-area-inset-bottom, 0px))!important;
  }

  body[data-view^="settings"] .mobile-nav{display:none!important;}

  .order-card.order-card-inline.mobile-open .order-row-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin-top:12px!important;
    padding-top:12px!important;
    border-top:1px solid rgba(148,163,184,.18)!important;
  }
  .order-card.order-card-inline.mobile-open .order-row-grid .order-cell{
    padding:12px 12px!important;
    border:1px solid rgba(148,163,184,.14)!important;
    border-radius:14px!important;
    background:#f8fafc!important;
  }
  .order-card.order-card-inline.mobile-open .order-row-grid .inline-courier-select-btn{display:none!important;}
  .order-card.order-card-inline.mobile-open .order-head{
    align-items:flex-start!important;
    gap:10px!important;
  }
  .order-card.order-card-inline.mobile-open .order-head .order-id{font-size:15px!important;}

  .admin-map-panel .wide-btn{min-height:52px;border-radius:16px;font-weight:900;}
  #adminMapModal{min-height:62svh!important;height:62svh!important;}

  .settings-default-note-minimal{
    min-height:180px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    text-align:center!important;
    gap:10px!important;
    padding:22px 16px!important;
  }
  .settings-default-note-minimal .settings-default-icon{
    font-size:46px!important;
    line-height:1!important;
  }
  .settings-default-note-minimal b{
    font-size:18px!important;
    color:#0f172a!important;
  }
  .settings-default-note-minimal span{
    max-width:100%!important;
    font-size:13px!important;
    color:#64748b!important;
  }
}

@media (max-width:420px){
  body[data-role] .mobile-nav{
    min-height:70px!important;
    height:70px!important;
  }
  body[data-role] .mobile-nav .nav-btn{
    min-height:52px!important;
    height:52px!important;
    font-size:10px!important;
  }
}

/* ===== V155 sipariş mobil son düzeltmeler ===== */
@media (max-width:980px){
  .compact-map-launch{padding:16px!important;}
  .compact-map-launch .panel-title{display:none!important;}
  .compact-map-launch .wide-btn{width:100%!important;}
  .admin-map-modal-card{
    width:min(94vw,540px)!important;
    max-width:min(94vw,540px)!important;
    margin:auto!important;
    border-radius:22px!important;
  }
  .admin-map-modal-card #adminMapModal{
    min-height:58svh!important;
    height:58svh!important;
    margin:0 auto!important;
  }
  .modal{
    align-items:center!important;
    justify-items:center!important;
  }

  body[data-role] .mobile-nav{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    box-sizing:border-box!important;
  }
  #mobileNav.mobile-nav{
    position:fixed!important;
    inset:auto 0 0 0!important;
  }

  body[data-view="orders"] .order-cards-grid,
  body[data-view="support"] #viewRoot,
  body[data-view="orders"] #viewRoot{
    padding-bottom:8px!important;
  }
}

/* ===== V156 mobil sipariş ekranında harita kilitlenmesi düzeltmesi ===== */
@media (max-width:980px){
  body[data-view="orders"] .admin-map-panel,
  body[data-view="orders_list"] .admin-map-panel,
  body[data-view="orders_map"] .admin-map-panel{
    display:none!important;
  }
  .mobile-track-info-card{
    width:min(92vw,460px)!important;
    max-height:min(82svh,680px)!important;
    border-radius:22px!important;
  }
  .mobile-track-info{
    display:grid!important;
    gap:10px!important;
  }
  .mobile-track-info div{
    display:grid!important;
    gap:5px!important;
    padding:12px!important;
    border:1px solid rgba(148,163,184,.18)!important;
    border-radius:14px!important;
    background:#f8fafc!important;
  }
  .mobile-track-info b{font-size:12px!important;color:#475569!important;}
  .mobile-track-info span{font-size:14px!important;color:#0f172a!important;line-height:1.35!important;}
}

/* ===== V157 mobil bottom nav / top brand / sipariş popup ===== */
@media (min-width:981px){
  .mobile-nav{display:none!important;}
}

@media (max-width:980px){
  body[data-role] .brand{
    margin-left:0!important;
    justify-content:flex-start!important;
    align-items:center!important;
  }
  body[data-role] .topbar-inner{
    gap:12px!important;
  }
  body[data-role] .mobile-nav,
  #mobileNav.mobile-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:auto!important;
    margin:0!important;
    width:100%!important;
    max-width:100%!important;
    min-width:100%!important;
    border-radius:22px 22px 0 0!important;
    z-index:2147483647!important;
    transform:translate3d(0,0,0)!important;
    box-shadow:0 -12px 28px rgba(15,23,42,.16)!important;
    padding:8px 8px calc(10px + env(safe-area-inset-bottom,0px))!important;
  }
  body[data-view^="settings"] .mobile-nav,
  body[data-view^="settings"] #mobileNav.mobile-nav{display:none!important;}
  .order-quick-info-modal{
    width:min(92vw,520px)!important;
    max-width:min(92vw,520px)!important;
  }
  .order-quick-info-grid{
    display:grid!important;
    gap:10px!important;
  }
  .order-quick-info-grid > div{
    display:grid!important;
    gap:4px!important;
    padding:12px 14px!important;
    border:1px solid rgba(148,163,184,.16)!important;
    border-radius:14px!important;
    background:#f8fafc!important;
  }
  .order-card.order-card-inline,
  .order-card.order-card-inline *{
    -webkit-tap-highlight-color: transparent;
  }
}

@media (max-width:420px){
  body[data-role] .mobile-nav,
  #mobileNav.mobile-nav{
    left:0!important;
    right:0!important;
    bottom:0!important;
    border-radius:20px 20px 0 0!important;
  }
}

/* ===== V160 sipariş durum select ve harita stabilizasyonu ===== */
.order-card,
.orders-list-panel,
.order-cards-grid,
.order-action-row{
  overflow:visible!important;
}
.order-action-row{
  position:relative!important;
  z-index:20!important;
  align-items:center!important;
}
.order-status-select{
  min-width:180px!important;
  max-width:220px!important;
  cursor:pointer!important;
  position:relative!important;
  z-index:25!important;
}
.admin-map-panel + .orders-list-panel{
  margin-top:18px!important;
}
@media (min-width:981px){
  .orders-list-panel .order-card.order-card-inline:hover{
    transform:none!important;
  }
}


/* ==== v1.6.1 Duyurular ==== */
.announcements-hero-panel{background:linear-gradient(135deg,#f8fbff 0%,#eef9ff 52%,#f7f0ff 100%);overflow:hidden;position:relative}
.announcements-hero-panel::after{content:"";position:absolute;right:-70px;top:-90px;width:210px;height:210px;border-radius:999px;background:rgba(99,102,241,.14);filter:blur(2px);pointer-events:none}
.announcement-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:16px;position:relative;z-index:1}
.announcement-summary-grid article{padding:16px;border:1px solid rgba(148,163,184,.22);border-radius:20px;background:rgba(255,255,255,.78);box-shadow:0 14px 34px rgba(15,23,42,.08);display:grid;gap:6px}
.announcement-summary-grid span{font-size:12px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.announcement-summary-grid b{font-size:28px;color:#0f172a}
.announcement-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.announcement-admin-card{position:relative;overflow:hidden;border:1px solid rgba(148,163,184,.20);border-radius:24px;padding:18px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 18px 50px rgba(15,23,42,.09);display:grid;gap:14px}.announcement-admin-card.passive{opacity:.70;filter:saturate(.75)}
.announcement-card-glow{position:absolute;inset:auto -50px -70px auto;width:150px;height:150px;border-radius:999px;background:rgba(14,165,233,.16);pointer-events:none}.announcement-card-head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;position:relative;z-index:1}.announcement-card-head h3{margin:0 0 5px;font-size:18px}.announcement-icon{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:#e0f2fe;box-shadow:inset 0 0 0 1px rgba(14,165,233,.18)}.announcement-status{font-size:11px;font-weight:900;border-radius:999px;padding:6px 10px;background:#dcfce7;color:#166534}.announcement-status.passive{background:#f1f5f9;color:#64748b}.announcement-admin-card p{margin:0;color:#334155;line-height:1.55;position:relative;z-index:1}.announcement-meta-row{display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:1}.announcement-meta-row span{padding:7px 10px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:12px;font-weight:800}.announcement-actions{display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:1}
.announcement-modal-card{max-width:860px}.announcement-textarea{min-height:150px}.announcement-pickers{display:grid;gap:12px}.announcement-picker-section{border:1px solid rgba(148,163,184,.22);border-radius:20px;background:#f8fbff;padding:12px}.announcement-picker-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}.announcement-picker-head b{color:#0f172a}.announcement-picker-head small{color:#64748b;font-weight:700}.announcement-user-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;max-height:320px;overflow:auto;padding:4px}.announcement-user-chip{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid rgba(148,163,184,.20);border-radius:16px;background:#fff;cursor:pointer;transition:.16s ease}.announcement-user-chip:hover{border-color:rgba(14,165,233,.45);box-shadow:0 10px 26px rgba(14,165,233,.10)}.announcement-user-chip input{width:18px;height:18px;margin-top:2px;accent-color:#0ea5e9}.announcement-user-chip span{min-width:0}.announcement-user-chip b{display:block;color:#0f172a}.announcement-user-chip small{display:block;color:#64748b;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-empty{padding:14px!important}
.announcements-public-panel,.announcements-home-panel{background:linear-gradient(180deg,#fff,#f8fbff)}.announcement-count-pill{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:#eef2ff;color:#3730a3;font-weight:900;font-size:12px}.announcement-public-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px}.announcement-public-grid.compact{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.announcement-public-card{position:relative;overflow:hidden;border:1px solid rgba(148,163,184,.20);border-radius:26px;padding:18px;background:linear-gradient(145deg,#ffffff,#f8fbff);box-shadow:0 18px 50px rgba(15,23,42,.09);display:grid;gap:14px}.announcement-public-card::before{content:"";position:absolute;right:-55px;top:-70px;width:150px;height:150px;border-radius:999px;background:rgba(14,165,233,.13)}.announcement-public-card.priority-important::before{background:rgba(245,158,11,.16)}.announcement-public-card.priority-urgent::before{background:rgba(239,68,68,.16)}.announcement-public-top{display:flex;align-items:flex-start;gap:12px;position:relative;z-index:1}.announcement-public-icon{width:46px;height:46px;border-radius:18px;display:grid;place-items:center;background:#e0f2fe;font-size:20px;box-shadow:inset 0 0 0 1px rgba(14,165,233,.16)}.priority-important .announcement-public-icon{background:#fef3c7}.priority-urgent .announcement-public-icon{background:#fee2e2}.announcement-public-badge{display:inline-flex;margin-bottom:6px;padding:5px 9px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:11px;font-weight:900}.priority-important .announcement-public-badge{background:#fef3c7;color:#92400e}.priority-urgent .announcement-public-badge{background:#fee2e2;color:#991b1b}.announcement-public-card h3{margin:0;font-size:19px;color:#0f172a}.announcement-public-card p{margin:0;color:#334155;line-height:1.6;position:relative;z-index:1}.announcement-public-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#64748b;font-size:12px;font-weight:800;position:relative;z-index:1}
@media (max-width:680px){.announcement-card-head{grid-template-columns:auto 1fr}.announcement-status{grid-column:1 / -1;justify-self:start}.announcement-actions .btn{flex:1}.announcement-picker-head{display:grid}.announcement-user-grid,.announcement-public-grid,.announcement-admin-grid{grid-template-columns:1fr}.announcement-public-card{border-radius:22px;padding:16px}.announcement-summary-grid{grid-template-columns:1fr}.announcement-count-pill{margin-top:8px}}


/* ==== v1.6.2 PC performans düzeltmeleri ==== */
@media (min-width:981px){
  body[data-view="orders_list"] .delivery-track-fill::after,
  body[data-view="orders_list"] .progress-track span::after{animation:none!important}
  body[data-view="orders_list"] .delivery-track,
  body[data-view="orders_list"] .order-card{content-visibility:auto;contain-intrinsic-size:220px}
}

/* v1.6.4: Ayar alt sayfalarında iç menü kaldırıldı; içerik tam genişlikte gösterilir. */
.settings-direct-panel{width:100%;max-width:100%;}
.settings-direct-grid{width:100%;}
.settings-landing-panel{min-height:120px;display:flex;align-items:center;}
body[data-view^="settings_"] .settings-menu-toggle,
body[data-view^="settings_"] .settings-drawer,
body[data-view="settings"] .settings-menu-toggle,
body[data-view="settings"] .settings-drawer{display:none!important;}
@media (max-width: 760px){
  body[data-view^="settings"] .settings-direct-panel{padding:12px!important;}
  body[data-view^="settings"] .settings-card{padding:14px!important;}
}



/* ==== v1.6.5 PC masaüstü görünüm kilidi ==== */
/* PC klasörü artık ekran daralsa bile mobil menüye/geçişe düşmez; masaüstü kabuk korunur. */
@media (max-width: 1024px){
  html, body{min-width:1024px!important;overflow-x:auto!important;}
  .mobile-construction-overlay{display:none!important;}
  body[data-role]{background:linear-gradient(135deg,rgba(14,165,233,.08),transparent 30%),linear-gradient(315deg,rgba(22,163,74,.08),transparent 32%),#e8edf4!important;}
  body[data-role] .topbar{position:fixed!important;top:16px!important;left:318px!important;right:24px!important;z-index:80!important;border:1px solid rgba(148,163,184,.22)!important;border-radius:18px!important;background:rgba(255,255,255,.92)!important;box-shadow:0 18px 46px rgba(15,23,42,.09)!important;}
  body[data-role] .topbar .container{width:100%!important;max-width:none!important;padding:0 18px!important;}
  body[data-role] .topbar-inner{min-height:82px!important;align-items:center!important;gap:14px!important;padding:0!important;}
  body[data-role] .brand{margin-left:0!important;justify-content:flex-start!important;align-items:center!important;}
  body[data-role] .brand-title{font-size:14px!important;}
  body[data-role] .brand-subtitle{display:block!important;font-size:12px!important;max-width:42vw!important;}
  body[data-role] .logo{width:44px!important;height:44px!important;border-radius:15px!important;}
  body[data-role] .top-actions{gap:8px!important;flex-wrap:wrap!important;justify-content:flex-end!important;}
  body[data-role] .top-actions .pill{display:inline-flex!important;}
  .topbar-action-btn{min-height:38px!important;width:auto!important;padding:6px 12px!important;border-radius:12px!important;font-size:13px!important;}
  .topbar-action-btn.icon-only{width:40px!important;min-width:40px!important;padding:0!important;}
  .topbar-action-btn .topbar-label,.topbar-label{display:inline!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;font-size:12px!important;font-weight:900!important;}
  #sidebar.sidebar, body[data-role] .sidebar{display:block!important;position:fixed!important;top:16px!important;bottom:16px!important;left:18px!important;width:276px!important;z-index:45!important;border:0!important;border-radius:22px!important;padding:16px!important;background:linear-gradient(180deg,#111827,#0f172a)!important;color:#e5e7eb!important;box-shadow:0 30px 80px rgba(15,23,42,.24)!important;overflow:auto!important;}
  body[data-role] .side-head{display:none!important;}
  body[data-role] .nav-list{gap:8px!important;display:grid!important;}
  body[data-role] .nav-group{margin-bottom:20px!important;}
  body[data-role] .nav-group-title{padding:0 20px 10px!important;color:#94a3b8!important;}
  body[data-role] .nav-group-items{display:flex!important;flex-direction:column!important;gap:4px!important;}
  body[data-role] .nav-btn{width:calc(100% - 24px)!important;margin:0 12px!important;min-height:50px!important;border-radius:12px!important;display:flex!important;grid-template-columns:none!important;align-items:center!important;gap:12px!important;padding:10px 14px!important;color:#cbd5e1!important;background:transparent!important;border:0!important;font-size:13px!important;text-align:left!important;}
  body[data-role] .nav-btn:hover{background:rgba(255,255,255,.07)!important;color:#fff!important;}
  body[data-role] .nav-btn.active{background:linear-gradient(135deg,#0ea5e9,#16a34a)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 14px 28px rgba(14,165,233,.24)!important;}
  body[data-role] .nav-ico{font-size:18px!important;width:24px!important;display:grid!important;place-items:center!important;}
  body[data-role] .mobile-nav,#mobileNav.mobile-nav{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}
  body[data-role] .workspace{margin-left:318px!important;padding:118px 24px 38px 0!important;height:auto!important;min-height:100dvh!important;overflow:visible!important;}
  body[data-role] .workspace-inner{max-width:none!important;width:100%!important;min-height:0!important;}
  body[data-role] #viewRoot{display:block!important;}
  body[data-role] #statsRoot, body[data-role] .stats{display:grid!important;grid-template-columns:repeat(6,minmax(110px,1fr))!important;gap:12px!important;overflow:visible!important;margin:0 0 14px!important;padding:0!important;scroll-snap-type:none!important;align-items:stretch!important;}
  body[data-role] .stat{min-width:0!important;min-height:132px!important;border-radius:12px!important;scroll-snap-align:unset!important;padding:16px!important;}
  body[data-role] .stat .num{font-size:30px!important;}
  body[data-role] .panel{margin:14px 0!important;border-radius:14px!important;padding:20px!important;box-shadow:0 16px 42px rgba(15,23,42,.075)!important;}
  body[data-role] .panel-title{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;}
  .dashboard-hero{grid-template-columns:1fr 1fr!important;}
  .dashboard-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;overflow:visible!important;margin:0!important;padding:0!important;}
  .dash-tile{min-height:150px!important;border-radius:14px!important;padding:20px!important;}
  .dash-tile b{font-size:36px!important;}
  .cards-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;}
  .quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .settings-modern-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .settings-direct-panel{width:100%!important;max-width:100%!important;padding:20px!important;}
  .order-row-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;}
  .order-action-row,.order-card .inline-controls{display:flex!important;flex-wrap:wrap!important;gap:10px!important;}
  .order-card .inline-controls .btn,.order-card .inline-controls .select{width:auto!important;max-width:220px!important;}
  .order-card .order-meta{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .table-wrap{overflow-x:auto!important;}
  table{min-width:900px!important;}
  .modal{align-items:center!important;justify-items:center!important;padding:16px!important;}
  .modal-card,.app-modal-card{height:auto!important;max-height:min(88vh,900px)!important;width:min(940px,100%)!important;border-radius:22px!important;}
  .quick-courier-fab{position:fixed!important;right:20px!important;bottom:22px!important;z-index:75!important;}
  .quick-order-modal-card,.quick-order-modal-card-v3,.quick-order-modal-card-v4{height:auto!important;width:min(980px,calc(100vw - 28px))!important;max-height:calc(100vh - 26px)!important;border-radius:28px!important;}
  .toast-stack{right:18px!important;bottom:18px!important;top:auto!important;width:min(380px,calc(100% - 28px))!important;}
}
@media (max-width: 760px){
  html, body{min-width:1024px!important;}
}
@media (max-width: 1024px){
  .login-page{min-height:100dvh!important;display:grid!important;place-items:center!important;align-items:center!important;padding:24px!important;background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(30,41,59,.78)),radial-gradient(circle at 24% 20%,rgba(14,165,233,.24),transparent 32%),radial-gradient(circle at 76% 12%,rgba(34,197,94,.22),transparent 34%),#0f172a!important;}
  .login-shell{width:min(430px,100%)!important;max-width:430px!important;}
  .login-card{margin-top:0!important;border-radius:20px!important;padding:30px!important;min-height:auto!important;}
  .login-switch{grid-template-columns:repeat(3,1fr)!important;}
}


/* ==== v1.6.6 PC sabit masaüstü / kaydırmalı sidebar düzeltmeleri ==== */
/* PC klasörü hiçbir genişlikte mobil kabuğa dönmez; sol menü ekran içine sığar ve kendi içinde kayar. */
html, body{max-width:none!important;}
body[data-role]{
  --pc-side-left:18px;
  --pc-side-w:276px;
  --pc-content-gap:24px;
  --pc-top-right:24px;
  --pc-sidebar-top:16px;
  --pc-sidebar-bottom:16px;
}
body[data-role] #sidebar.sidebar,
body[data-role] .sidebar{
  display:block!important;
  position:fixed!important;
  top:var(--pc-sidebar-top)!important;
  bottom:var(--pc-sidebar-bottom)!important;
  left:var(--pc-side-left)!important;
  width:var(--pc-side-w)!important;
  height:auto!important;
  max-height:calc(100dvh - var(--pc-sidebar-top) - var(--pc-sidebar-bottom))!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(148,163,184,.55) transparent!important;
  border:0!important;
  border-radius:22px!important;
  padding:16px!important;
  background:linear-gradient(180deg,#111827,#0f172a)!important;
  color:#e5e7eb!important;
  box-shadow:0 30px 80px rgba(15,23,42,.24)!important;
  contain:layout paint!important;
}
body[data-role] #sidebar.sidebar::-webkit-scrollbar,
body[data-role] .sidebar::-webkit-scrollbar{width:7px!important;}
body[data-role] #sidebar.sidebar::-webkit-scrollbar-track,
body[data-role] .sidebar::-webkit-scrollbar-track{background:transparent!important;}
body[data-role] #sidebar.sidebar::-webkit-scrollbar-thumb,
body[data-role] .sidebar::-webkit-scrollbar-thumb{background:rgba(148,163,184,.42)!important;border-radius:999px!important;}
body[data-role] .side-head{display:none!important;}
body[data-role] .nav-list{display:grid!important;gap:8px!important;padding:0 0 8px!important;min-height:0!important;}
body[data-role] .nav-group{margin-bottom:18px!important;min-width:0!important;}
body[data-role] .nav-group-title{padding:0 18px 9px!important;color:#94a3b8!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body[data-role] .nav-group-items{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important;}
body[data-role] .nav-btn{
  width:calc(100% - 20px)!important;
  margin:0 10px!important;
  min-height:48px!important;
  border-radius:12px!important;
  display:flex!important;
  grid-template-columns:none!important;
  align-items:center!important;
  gap:11px!important;
  padding:9px 12px!important;
  color:#cbd5e1!important;
  background:transparent!important;
  border:0!important;
  font-size:13px!important;
  line-height:1.2!important;
  text-align:left!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
body[data-role] .nav-btn span:not(.nav-ico){min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body[data-role] .nav-btn:hover{background:rgba(255,255,255,.07)!important;color:#fff!important;}
body[data-role] .nav-btn.active{background:linear-gradient(135deg,#0ea5e9,#16a34a)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 14px 28px rgba(14,165,233,.24)!important;}
body[data-role] .nav-ico{font-size:18px!important;width:24px!important;min-width:24px!important;display:grid!important;place-items:center!important;}
body[data-role] .topbar{
  position:fixed!important;
  top:16px!important;
  left:calc(var(--pc-side-left) + var(--pc-side-w) + var(--pc-content-gap))!important;
  right:var(--pc-top-right)!important;
  z-index:80!important;
}
body[data-role] .workspace{
  margin-left:calc(var(--pc-side-left) + var(--pc-side-w) + var(--pc-content-gap))!important;
  padding:118px var(--pc-top-right) 38px 0!important;
  min-width:0!important;
  width:auto!important;
  overflow:visible!important;
}
body[data-role] .workspace-inner{max-width:none!important;width:100%!important;min-width:0!important;}
body[data-role] .mobile-nav,
body[data-role] #mobileNav.mobile-nav{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}
.global-menu-toggle{display:none!important;}

@media (max-height:760px){
  body[data-role]{--pc-sidebar-top:10px;--pc-sidebar-bottom:10px;}
  body[data-role] #sidebar.sidebar,body[data-role] .sidebar{padding:12px!important;border-radius:18px!important;}
  body[data-role] .nav-group{margin-bottom:12px!important;}
  body[data-role] .nav-group-title{padding:0 14px 6px!important;font-size:10px!important;}
  body[data-role] .nav-btn{min-height:42px!important;padding:8px 10px!important;font-size:12px!important;border-radius:10px!important;}
  body[data-role] .nav-ico{font-size:16px!important;width:22px!important;min-width:22px!important;}
}
@media (max-height:590px){
  body[data-role]{--pc-sidebar-top:8px;--pc-sidebar-bottom:8px;}
  body[data-role] #sidebar.sidebar,body[data-role] .sidebar{padding:10px!important;}
  body[data-role] .nav-list{gap:4px!important;}
  body[data-role] .nav-group{margin-bottom:8px!important;}
  body[data-role] .nav-btn{min-height:38px!important;padding:7px 9px!important;font-size:12px!important;}
}
@media (max-width:1320px){body[data-role]{--pc-side-left:14px;--pc-side-w:252px;--pc-content-gap:18px;--pc-top-right:18px;}}
@media (max-width:1160px){
  html,body{min-width:0!important;overflow-x:auto!important;}
  body[data-role]{--pc-side-left:12px;--pc-side-w:226px;--pc-content-gap:16px;--pc-top-right:14px;}
  body[data-role] .brand-title{font-size:14px!important;}
  body[data-role] .brand-subtitle{max-width:28vw!important;}
  body[data-role] .topbar-action-btn{padding:6px 10px!important;font-size:12px!important;}
}
@media (max-width:980px){
  html,body{min-width:0!important;overflow-x:auto!important;}
  body[data-role]{--pc-side-left:10px;--pc-side-w:202px;--pc-content-gap:12px;--pc-top-right:12px;}
  body[data-role] .topbar .container{width:100%!important;max-width:none!important;padding:0 12px!important;}
  body[data-role] .topbar-inner{min-height:72px!important;gap:8px!important;}
  body[data-role] .logo{width:40px!important;height:40px!important;border-radius:13px!important;}
  body[data-role] .brand{margin-left:0!important;}
  body[data-role] .brand-title{font-size:13px!important;}
  body[data-role] .brand-subtitle{display:none!important;}
  body[data-role] .top-actions{gap:6px!important;flex-wrap:nowrap!important;}
  .topbar-action-btn .topbar-label{display:none!important;}
  .topbar-action-btn{width:38px!important;min-width:38px!important;padding:0!important;}
  body[data-role] .workspace{padding-top:96px!important;}
  body[data-role] #statsRoot,body[data-role] .stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:820px){
  body[data-role]{--pc-side-left:8px;--pc-side-w:176px;--pc-content-gap:10px;--pc-top-right:10px;}
  body[data-role] #sidebar.sidebar,body[data-role] .sidebar{padding:10px!important;border-radius:16px!important;}
  body[data-role] .nav-btn{width:calc(100% - 10px)!important;margin:0 5px!important;gap:8px!important;padding:8px!important;font-size:11px!important;}
  body[data-role] .nav-group-title{padding-left:10px!important;padding-right:10px!important;font-size:9px!important;}
  body[data-role] .nav-ico{width:20px!important;min-width:20px!important;font-size:15px!important;}
  body[data-role] .panel{padding:14px!important;}
  body[data-role] #statsRoot,body[data-role] .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:680px){
  body[data-role]{--pc-side-left:6px;--pc-side-w:154px;--pc-content-gap:8px;--pc-top-right:8px;}
  body[data-role] .brand{gap:7px!important;}
  body[data-role] .brand-title{font-size:12px!important;}
  body[data-role] .logo{width:34px!important;height:34px!important;}
  body[data-role] .nav-btn{min-height:36px!important;font-size:10.5px!important;}
  body[data-role] .nav-ico{display:none!important;}
  body[data-role] .workspace{padding-top:88px!important;}
}


/* ===== V185 Paketik logo / favicon update ===== */
.login-logo,.su-logo-wrap,.device-lab-logo{background:#fff url("../img/paketik-mark.png") center/78% no-repeat!important;color:transparent!important}
.login-logo *, .su-logo-wrap *, .device-lab-logo *{opacity:0!important}


/* ===== V186 sipariş/destek başlık + eşit mobil aksiyon alanı ===== */
.page-section-title{width:100%;max-width:100%;font-weight:950;letter-spacing:-.03em;color:#0f172a;font-size:24px;line-height:1.05;margin:0 0 10px 0;padding:0 2px;flex:none}
.order-mobile-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}
.order-mobile-action-grid > .btn,
.order-mobile-action-grid > .order-mobile-price{width:100%;min-width:0}
.order-mobile-price{display:flex;align-items:center;justify-content:center;min-height:32px;padding:6px 10px;border-radius:10px;background:linear-gradient(135deg,#ef4444,#f43f5e);color:#fff;text-align:center;font-weight:900}
.order-mobile-bottom{width:100%}
@media (max-width:980px){
  .page-section-title{font-size:22px;margin:0 0 10px 0;padding:0 2px}
  .support-page-panel .page-section-title + .support-action-row{margin-top:0!important}
  .orders-page-panel .page-section-title + .screen-list-card,
  .support-page-panel .page-section-title + .screen-list-card,
  .orders-page-panel .order-action-top-row + .screen-list-card,
  .support-page-panel .support-action-row + .screen-list-card{margin-top:0!important}
  .order-mobile-bottom{gap:0!important}
  .order-mobile-action-grid{gap:8px!important}
  .order-mobile-action-grid .btn,
  .order-mobile-action-grid .order-mobile-price{min-height:34px!important;padding:7px 8px!important;border-radius:11px!important;font-size:13px!important}
  .order-mobile-actions{display:none!important}
}


/* ===== V187 ayarlar sol menü en üst katman ===== */
@media (max-width:980px){
  body[data-view^="settings"] .settings-shell,
  body[data-view^="settings_"] .settings-shell{
    position:relative!important;
    isolation:isolate!important;
  }
  body[data-view^="settings"] .settings-menu-toggle,
  body[data-view^="settings_"] .settings-menu-toggle{
    position:relative!important;
    z-index:2147483646!important;
  }
  body[data-view^="settings"] .settings-drawer,
  body[data-view^="settings_"] .settings-drawer{
    position:fixed!important;
    top:86px!important;
    bottom:18px!important;
    left:12px!important;
    width:min(292px,calc(100vw - 24px))!important;
    z-index:2147483647!important;
    isolation:isolate!important;
  }
  body[data-view^="settings"] .settings-drawer.open,
  body[data-view^="settings_"] .settings-drawer.open{
    z-index:2147483647!important;
    transform:translateX(0)!important;
  }
}