/*
 * Datei: assets/styles/admin.css
 * Zweck: Bereichsspezifische Ergänzungen für den Adminbereich.
 * Status: führend
 * Verantwortet: Admin-Shell-Padding, Listen-/Formoberflächen und Admin-spezifische Kleinkomponenten.
 */

.admin-shell{
  padding:12px;
}
.admin-nav{
  display:grid;
  gap:12px;
}
.section-kicker{
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:var(--muted);
  margin:0 0 10px;
}
.linklist{
  display:grid;
  gap:10px;
}
.panel-link strong{
  display:block;
  margin-bottom:4px;
}
.panel{
  padding:16px;
}
.form-card{
  width:min(100%,420px);
}
.input{
  width:100%;
  min-height:var(--touch);
  padding:0 14px;
  border-radius:var(--radius-s);
  border:1px solid var(--line);
  background:var(--surface);
  color:var(--text);
}
.submit{
  min-height:var(--touch);
  padding:0 14px;
  border-radius:var(--radius-s);
  border:1px solid var(--line);
  background:var(--brand);
  color:#0d1015;
  font-weight:800;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.submit svg{
  width:18px;
  height:18px;
  stroke:currentColor;
  fill:none;
  stroke-width:2;
}
.error{
  color:var(--danger);
  font-size:13px;
}

/* AP-29D-REV14-PHASE4-B | Admin nutzt dieselbe DG-Tokenfamilie wie Mitarbeiterbereich. */
body[data-page^="admin"]{
  background:var(--dg-bg-gradient, var(--bg));
  color:var(--dg-text, var(--text));
}
.panel,
.form-card,
.admin27-card,
.admin27-panel,
.admin27-context,
.admin27-hero,
.admin-panel,
.admin-login-card,
.panel-link,
.link{
  border-color:var(--dg-line-soft, var(--line));
  background:var(--dg-surface, var(--surface));
  box-shadow:var(--dg-shadow-card, var(--shadow));
  border-radius:var(--dg-card-radius, var(--radius-xl));
}
.input,
.admin-input,
.admin-select,
.admin-textarea{
  border-color:var(--dg-line-soft, var(--line));
  background:var(--dg-surface, var(--surface));
  color:var(--dg-text, var(--text));
}
.submit,
.btn{
  border-color:var(--shell-accent-border-soft, rgba(215,181,109,.34));
}