/* ===== Kargo Bilgi Kutusu – Modern, Responsive ===== */
.kargo-box{
  --accent:#22c55e;            /* ana yeşil */
  --ink:#0f172a;               /* metin */
  --muted:#334155;             /* ikincil metin */
  --ring:rgba(34,197,94,.18);
  --bg:#effbf5;

  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:18px 24px;
  background:var(--bg);
  border:1px solid #e5e7eb;
  border-radius:10px;
  /*box-shadow:0 6px 18px rgba(2,6,23,.06);*/
  color:var(--ink);
     /* margin: 15px 0;*/
}

.kargo-left{ display:flex; align-items:center; gap:14px; min-width:0; }
.kargo-icon{
  width:44px; height:44px; flex:0 0 44px;
  display:grid; place-items:center;
  border-radius:999px;
  background:#f0fdf4;
  color:var(--accent);
  border:1px solid #dcfce7;
  box-shadow:0 0 0 6px var(--ring);
  font-size:18px;
}

.kargo-time strong{ color:#166534; font-weight:800; }
.kargo-sub{ color:var(--muted); font-weight:600; }

/* Sağ rozet */
.kargo-right{ flex:0 0 auto; }
.kargo-badge{
  display:inline-flex; align-items:center; gap:10px;
  padding:10px 14px;
  border:1px solid rgba(34,197,94,.35);
  border-radius:999px;
  background:#f0fdf4;
  color:#15803d;
  font-weight:800;
  white-space:nowrap;
}

/* Tatil/hafta sonu mesajları için nötr rozet */
.kargo-badge--muted{
  background:#eef2ff;
  border-color:#c7d2fe;
  color:#3730a3;
}

/* Mobil */
@media (max-width:640px){
  .kargo-box{
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
    padding:16px;
  }
  .kargo-right{ width:100%; }
  .kargo-badge{
    width:100%;
    justify-content:center;
    padding:10px 12px;
  }
  .kargo-icon{ width:40px; height:40px; font-size:16px; }
}

/* Hafif nefes animasyonu (erişilebilir) */
@media (prefers-reduced-motion:no-preference){
  .kargo-icon{ animation:pulse 2.2s ease-in-out infinite; }
  @keyframes pulse{
    0%,100%{ box-shadow:0 0 0 6px var(--ring); }
    50%{ box-shadow:0 0 0 10px rgba(34,197,94,.08); }
  }
}

/* Dark mode */
@media (prefers-color-scheme:dark){
  .kargo-box{
    --bg:#0b1220; --ink:#e5e7eb; --muted:#94a3b8;
    border-color:#0f172a; box-shadow:0 6px 18px rgba(0,0,0,.4);
  }
  .kargo-badge{ background:#052e1a; color:#86efac; border-color:#134e4a; }
  .kargo-icon{ background:#052e1a; border-color:#134e4a; }
  .kargo-badge--muted{ background:#111827; color:#c7d2fe; border-color:#374151; }
}