/* Sales-Frontend — gleiche Optik wie das Admin-Frontend, bewusst noch kleiner. */
:root {
  --accent: #1d4ed8;
  --ok: #15803d;
  --no: #b91c1c;
  --line: #e2e8f0;
  --muted: #64748b;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font: 15px/1.5 system-ui, "Segoe UI", sans-serif;
  color: #0f172a;
  background: #f8fafc;
}
.topbar {
  display: flex; gap: .6rem; align-items: baseline;
  padding: .7rem 1.2rem; background: #0f172a; color: #fff;
}
.topbar .brand { color: #fff; text-decoration: none; font-weight: 700; }
.topbar .crumb { color: #cbd5e1; }
.topbar .logout { margin-left: auto; }
main { max-width: 900px; margin: 1.2rem auto 4rem; padding: 0 1.2rem; }
h1 { font-size: 1.4rem; }
.hint, .muted { color: var(--muted); }
.hint { font-size: .9rem; }
.empty { color: var(--muted); font-style: italic; }

.flash { max-width: 900px; margin: .8rem auto 0; padding: 0 1.2rem; }
.flash p {
  background: #fef3c7; border: 1px solid #f59e0b; border-radius: 6px;
  padding: .5rem .8rem; margin: .3rem 0;
}

table.grid { width: 100%; border-collapse: collapse; background: #fff; }
.grid th, .grid td {
  text-align: left; padding: .45rem .6rem; border-bottom: 1px solid var(--line);
  vertical-align: top;
}
.grid thead th { background: #f1f5f9; position: sticky; top: 0; }
.grid tr:hover td { background: #f8fafc; }

form.stack { display: block; }
input { padding: .3rem; border: 1px solid var(--line); border-radius: 4px; }
.btn {
  display: inline-block; padding: .25rem .6rem; border: 1px solid var(--line);
  border-radius: 5px; background: #fff; cursor: pointer; font-size: .85rem;
  color: inherit; text-decoration: none;
}
.btn:hover { border-color: var(--accent); }
.btn.btn-ok { border-color: var(--ok); background: #dcfce7; font-weight: 600; }

/* Status-Badges des Verlaufs (Klassen st-<status> aus cd.SALES_STATUS_*). */
.badge {
  display: inline-block; padding: .05rem .45rem; border-radius: 999px;
  background: #e2e8f0; font-size: .78rem; white-space: nowrap;
}
.st-wartet_freigabe { background: #fef3c7; }
.st-in_arbeit { background: #dbeafe; }
.st-gesendet { background: #dcfce7; }
.st-fehlgeschlagen, .st-abgelehnt { background: #fee2e2; }