/* =====================================================================
   FAHRER-COCKPIT — Bagdad Döner
   ===================================================================== */
:root{
  --ink:#1a1a1f;
  --ink-2:#222228;
  --bone:#f8f4ec;
  --bone-2:#ede7da;
  --paper:#fdfbf7;
  --muted:#8a8578;
  --accent:#D4A843;
  --accent-2:#E8C26A;
  --red:#C0392B;
  --green:#27ae60;
  --blue:#2980b9;
  --line:rgba(26,26,31,.12);
  --line-d:rgba(255,255,255,.12);
  --serif:"Playfair Display",Georgia,serif;
  --grotesk:"Space Grotesk",-apple-system,Segoe UI,sans-serif;
  --sans:"Inter",-apple-system,Segoe UI,Roboto,sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:var(--sans);
  background:#141417;
  color:var(--bone);
  -webkit-font-smoothing:antialiased;
  min-height:100vh;
}

/* =====================================================================
   HEADER
   ===================================================================== */
.driver-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:1rem 2rem;
  background:rgba(20,20,23,.95);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line-d);
  position:sticky;top:0;z-index:50;
}
.driver-brand{display:flex;flex-direction:column;line-height:.92}
.driver-brand .brand-b{font-family:var(--serif);font-size:1.2rem;font-weight:700;letter-spacing:.2em;color:var(--accent)}
.driver-brand .brand-sub{font-family:var(--grotesk);font-size:.5rem;letter-spacing:.35em;text-transform:uppercase;color:var(--muted);margin-top:.2rem}

.driver-nav{display:flex;gap:.3rem;background:var(--ink-2);border-radius:12px;padding:.3rem}
.driver-nav-link{
  display:inline-flex;align-items:center;gap:.35rem;
  padding:.45rem .85rem;border-radius:9px;
  font-family:var(--grotesk);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;
  color:var(--muted);transition:.25s var(--ease);text-decoration:none;font-weight:500;
}
.driver-nav-link:hover{color:var(--bone);background:rgba(255,255,255,.04)}
.driver-nav-link.active{background:var(--accent);color:var(--ink);font-weight:600}
.driver-nav-link svg{width:13px;height:13px}

.driver-stats{display:flex;gap:.8rem}
.stat-pill{
  display:flex;align-items:center;gap:.4rem;
  padding:.45rem 1rem;border-radius:100px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  font-family:var(--grotesk);font-size:.72rem;letter-spacing:.06em;color:var(--muted);
}
.stat-pill.pending{border-color:rgba(212,168,67,.3);color:var(--accent)}
.stat-pill.delivered{border-color:rgba(39,174,96,.3);color:var(--green)}
.stat-num{font-weight:700;font-size:.95rem;color:var(--bone)}
.stat-pill.pending .stat-num{color:var(--accent)}
.stat-pill.delivered .stat-num{color:var(--green)}

/* =====================================================================
   MAIN
   ===================================================================== */
.driver-main{padding:1.5rem 2rem;max-width:800px;margin:0 auto}

.driver-actions-bar{
  display:flex;gap:.8rem;margin-bottom:1.5rem;
}
.route-btn{
  display:inline-flex;align-items:center;gap:.6rem;
  padding:.7rem 1.4rem;border-radius:100px;
  background:var(--accent);color:var(--ink);border:none;cursor:pointer;
  font-family:var(--grotesk);font-size:.78rem;letter-spacing:.08em;
  text-transform:uppercase;font-weight:600;
  transition:.3s var(--ease);
}
.route-btn:hover{background:var(--accent-2);transform:scale(1.03)}

/* =====================================================================
   DELIVERY CARD
   ===================================================================== */
.delivery-list{display:flex;flex-direction:column;gap:.8rem}

.empty-state{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:1rem;padding:4rem 2rem;color:var(--muted);text-align:center;
}
.empty-state p{font-family:var(--grotesk);font-size:.92rem;letter-spacing:.04em}

.delivery-card{
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);
  border-radius:14px;padding:1.4rem;
  display:flex;flex-direction:column;gap:.8rem;
  transition:.3s var(--ease);
  animation:cardIn .4s var(--ease-out);
}
@keyframes cardIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.delivery-card:hover{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.05)}

.delivery-card.done{opacity:.4;border-style:dashed}

.delivery-top{display:flex;justify-content:space-between;align-items:center}
.delivery-id{font-family:var(--grotesk);font-size:.68rem;letter-spacing:.08em;color:var(--accent);font-weight:600}
.delivery-time{font-family:var(--grotesk);font-size:.68rem;color:var(--muted)}

.delivery-customer{font-family:var(--serif);font-size:1.1rem;font-weight:600}
.delivery-address{font-size:.92rem;color:var(--muted);line-height:1.5}
.delivery-address strong{color:var(--bone);font-weight:500}

.delivery-items{
  display:flex;flex-wrap:wrap;gap:.3rem;
  font-family:var(--grotesk);font-size:.76rem;color:var(--muted);
}
.delivery-item-tag{
  padding:.25rem .6rem;border-radius:100px;
  background:rgba(255,255,255,.05);
}

.delivery-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.6rem;border-top:1px solid rgba(255,255,255,.06)}
.delivery-total{font-family:var(--grotesk);font-size:1rem;font-weight:700;color:var(--accent)}
.delivery-payment{font-family:var(--grotesk);font-size:.72rem;color:var(--muted);letter-spacing:.04em}

.delivery-actions{display:flex;gap:.6rem;flex-wrap:wrap}
.call-btn{
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.6rem 1.2rem;border-radius:100px;
  border:1px solid rgba(255,255,255,.12);background:transparent;
  color:var(--bone);font-family:var(--grotesk);font-size:.74rem;
  letter-spacing:.06em;text-transform:uppercase;font-weight:500;
  cursor:pointer;transition:.25s var(--ease);text-decoration:none;
}
.call-btn:hover{background:rgba(255,255,255,.06)}
.call-btn svg{width:14px;height:14px}
.map-btn{
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.6rem 1.2rem;border-radius:100px;
  background:var(--accent);color:var(--ink);border:none;cursor:pointer;
  font-family:var(--grotesk);font-size:.74rem;letter-spacing:.06em;
  text-transform:uppercase;font-weight:600;transition:.25s var(--ease);
  text-decoration:none;
}
.map-btn:hover{background:var(--accent-2)}
.map-btn svg{width:14px;height:14px}
.delivered-btn{
  padding:.6rem 1.2rem;border-radius:100px;
  background:var(--green);color:#fff;border:none;cursor:pointer;
  font-family:var(--grotesk);font-size:.74rem;letter-spacing:.06em;
  text-transform:uppercase;font-weight:600;transition:.25s var(--ease);
}
.delivered-btn:hover{background:#2ecc71}

.pay-confirm-btn{
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.6rem 1.2rem;border-radius:100px;border:none;cursor:pointer;
  font-family:var(--grotesk);font-size:.74rem;letter-spacing:.06em;
  text-transform:uppercase;font-weight:600;transition:.25s var(--ease);
}
.pay-confirm-btn.cash{background:var(--accent);color:var(--ink)}
.pay-confirm-btn.cash:hover{background:var(--accent-2)}
.pay-confirm-btn.ec{background:var(--blue);color:#fff}
.pay-confirm-btn.ec:hover{background:#3498db}
.pay-confirm-btn.paypal{background:#0070c0;color:#fff}
.pay-confirm-btn.paypal:hover{background:#005ea6}

/* =====================================================================
   KASSENSTURZ
   ===================================================================== */
.kassensturz-card{
  background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.15);
  border-radius:14px;padding:1.2rem;margin-bottom:1.2rem;
  display:flex;flex-direction:column;gap:.4rem;
}
.kassensturz-head{
  font-family:var(--grotesk);font-size:.78rem;font-weight:600;letter-spacing:.06em;
  color:var(--emerald);margin-bottom:.3rem;
}
.kassensturz-row{
  display:flex;justify-content:space-between;align-items:center;
  font-size:.85rem;color:var(--muted);
}
.kassensturz-row.total{font-weight:700;color:var(--bone);font-size:.95rem}
.kassensturz-val{font-family:var(--grotesk);font-weight:700;color:var(--bone)}
.kassensturz-val.tip{color:var(--gold)}
.kassensturz-val.total{color:var(--emerald);font-size:1.1rem}
.kassensturz-divider{border-top:1px solid rgba(16,185,129,.15);margin:.3rem 0}

/* ---- Batch Checkbox ---- */
.batch-check{
  display:flex;align-items:center;cursor:pointer;
  width:24px;height:24px;flex-shrink:0;
}
.batch-check input{position:absolute;opacity:0;width:0;height:0}
.batch-checkmark{
  width:22px;height:22px;border-radius:6px;
  border:2px solid rgba(255,255,255,.15);
  display:grid;place-items:center;transition:.2s;
}
.batch-check input:checked + .batch-checkmark{
  background:var(--gold);border-color:var(--gold);
}
.batch-check input:checked + .batch-checkmark::after{
  content:"✓";color:var(--ink);font-size:.8rem;font-weight:700;
}
.delivery-top{gap:.5rem}

/* =====================================================================
   RESPONSIVE
   ===================================================================== */
@media(max-width:640px){
  .driver-header{flex-wrap:wrap;gap:.6rem;padding:.8rem 1.2rem}
  .driver-nav{order:3;width:100%;justify-content:center}
  .driver-stats{order:4;width:100%;justify-content:center}
  .driver-main{padding:1rem}
  .delivery-actions{flex-direction:column}
  .call-btn,.map-btn,.delivered-btn{text-align:center;justify-content:center}
}

/* ---- Fahrer Mobile ---- */
@media(max-width:767px){
  .driver-header{padding:.4rem .7rem;flex-wrap:wrap;gap:.3rem}
  .driver-brand .brand-b{font-size:.82rem}
  .driver-nav{display:none}
  .driver-main{padding:.6rem;max-width:100%}
  .delivery-card{padding:1rem}
  .delivery-customer{font-size:1rem}
  .delivery-address{font-size:.85rem}
  .delivery-items{gap:.2rem}
  .delivery-item-tag{font-size:.68rem;padding:.2rem .4rem}
  .call-btn,.map-btn,.pay-confirm-btn,.delivered-btn{
    min-height:48px;font-size:.78rem;padding:.6rem 1rem;
    justify-content:center;flex:1;
  }
  .delivery-actions{flex-direction:row;flex-wrap:wrap}
  .route-btn{width:100%;justify-content:center;min-height:48px}
  .kassensturz-card{padding:.8rem}
  .kassensturz-card{position:sticky;bottom:64px;z-index:20}
  .driver-stats{gap:.3rem}
  .stat-pill{padding:.3rem .6rem;font-size:.65rem}
}