/* Seiteneigene Styles fuer die Bewerbungsstatus-Abfrage. Nutzt bewusst dieselben
   Bausteine (.glow-card, .field, .btn, .field-error) wie das Bewerbungsformular. */

.status-main{
  min-height:80vh;display:flex;align-items:center;justify-content:center;
  padding:clamp(90px,14vw,140px) 1.25rem 4rem;
}
.status-card{max-width:32rem;width:100%;padding:clamp(1.75rem,4vw,2.75rem)}
.status-card h1{margin:.35rem 0 .75rem;font-size:clamp(1.6rem,4vw,2.1rem)}
.status-intro{color:var(--muted,#bcb2d4);line-height:1.6;margin:0 0 1.5rem}

.status-form{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;margin-bottom:.5rem}
.status-form .field{flex:1 1 14rem;margin:0}
.status-form button{white-space:nowrap}

.status-result{margin-top:1.75rem;padding-top:1.5rem;border-top:1px solid var(--km-line,rgba(255,255,255,.1))}
.status-result__badge{margin-bottom:1.1rem}
.status-pill{
  display:inline-flex;align-items:center;padding:.4rem .9rem;border-radius:999px;
  font-weight:800;font-size:.95rem;letter-spacing:.02em;
}
.status-pill.st-eingegangen{background:rgba(255,255,255,.09);color:#f0eef7}
.status-pill.st-in_pruefung{background:rgba(255,194,71,.16);color:#ffd98f}
.status-pill.st-gespraech{background:rgba(0,245,212,.16);color:#a8fff5}
.status-pill.st-angenommen{background:rgba(51,255,131,.16);color:#a8ffcb}
.status-pill.st-abgelehnt{background:rgba(255,93,122,.16);color:#ffc2cf}

.status-result__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem;margin:0 0 1.25rem}
.status-result__meta div{margin:0}
.status-result__meta dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted,#bcb2d4);margin:0 0 .2rem}
.status-result__meta dd{margin:0;font-weight:700}

.status-note{color:var(--muted,#bcb2d4);font-size:.85rem;line-height:1.6;margin:0}