/* SPECTAIR Data-Hub – Ergänzungen für die Admin-Oberfläche (hub.css bleibt unverändert). */
body.laedt #kopf nav, body.laedt .konto { visibility: hidden; }
.schmal-mitte { max-width: 720px; margin: 0 auto; padding: 44px 24px; }
.knopf[disabled] { opacity: .5; cursor: default; }
.knopf.voll { width: 100%; }
.knopf.zweit.gefahr { color: var(--rot); }
.kopf .konto .textknopf { font-size: 13px; color: var(--grau); font-weight: 400; }
.aktionen-zeile { display: flex; gap: 12px; flex-wrap: wrap; }
.fehler { color: var(--rot); font-size: 14px; margin: 6px 0 12px; }
.fehler:empty { display: none; }

/* Anmeldung */
.login-box { max-width: 420px; margin: 24px 0 0; }
.login-neben { margin: 16px 0 0; display: flex; gap: 20px; flex-wrap: wrap; }

/* Senden */
.auswahl strong { display: block; }
.fertig-link .wer { font-size: 13px; font-weight: 600; color: var(--grau); }
#s-dateiliste .name, #s-dateiliste .st { font-size: 14px; }
#s-dateiliste:empty { display: none; }
.gesamt-zeile b { font-weight: 600; }

/* Übersicht */
.liste .zeile .titel { min-width: 0; overflow-wrap: anywhere; }
.liste .zust.fehl::before { background: var(--rot) !important; }
.liste .zust.fehl { color: var(--rot); font-weight: 600; }
.liste .akt .knopf { white-space: nowrap; }
.zahlen { white-space: nowrap; }

/* Kunden-Adressen (Anfordern, Einzelansicht) */
#a-fertig-portal { margin: 0 0 24px; }
#a-fertig-portal .klein { margin: 0 0 8px; overflow-wrap: anywhere; }
.feld > .klein { margin-top: 6px; }
.kunden-kopf { margin: -8px 0 16px; }
.kunden-zeile { font-size: 14px; color: var(--fuss); overflow-wrap: anywhere; }
.kunden-zeile #d-kunden-text { color: var(--grau); }
.bestaetigung.kunden-form { background: var(--tint); border-color: var(--linie); flex-direction: column; align-items: stretch; gap: 8px; max-width: 560px; }
.kunden-form label { font-weight: 600; font-size: 14px; }
.kunden-akt { display: flex; gap: 14px; align-items: center; }

/* Einzelansicht */
.bestaetigung .klein-gruppe .wahl span { padding: 6px 12px; font-size: 13px; }
.baum .ordner { cursor: default; }
.baum .ordner .kippe { font: inherit; font-weight: 600; color: inherit; background: none; border: 0; padding: 0; text-align: left; cursor: pointer; overflow-wrap: anywhere; }
.baum .ordner .kippe::before { content: "▾"; display: inline-block; width: 1.2em; color: var(--fuss); }
.baum .ordner.zu .kippe::before { content: "▸"; }
.baum .datei .name { display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; }
.baum .datei .name button { font: inherit; background: none; border: 0; padding: 0; margin: 0; color: var(--dunkel); text-align: left; cursor: pointer; text-decoration: underline; text-underline-offset: 2px; overflow-wrap: anywhere; }
.baum .datei .unvollstaendig { color: var(--warn); font-size: 12px; font-weight: 600; }
.baum .mehr button { font: inherit; color: var(--dunkel); background: none; border: 0; padding: 0; cursor: pointer; text-decoration: underline; }
.baum li[hidden] { display: none; }
.baum .datei .ansehen { font: inherit; font-size: 13px; color: var(--grau); background: none; border: 1px solid var(--rand); border-radius: 4px; padding: 1px 10px; cursor: pointer; }
.baum .datei .ansehen:hover { background: var(--tint); color: var(--dunkel); }
.baum .datei .ansehen:focus-visible, .baum .nachweis button:focus-visible { outline: 3px solid var(--tuerkis); outline-offset: 1px; }
.baum .nachweis { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 4px 24px; margin-top: -4px; }
.baum .nachweis button { font: inherit; font-size: 12.5px; line-height: 1.4; color: var(--fuss); background: none; border: 0; padding: 0; text-align: left; cursor: pointer; overflow-wrap: anywhere; }
.baum .nachweis button:hover { color: var(--dunkel); text-decoration: underline; text-underline-offset: 2px; }
.baum .datei-proto { display: block; background: #FAFAFA; padding: 8px 16px 12px 40px; }
.datei-proto-kopf { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 4px; font-size: 13px; }
.datei-proto-kopf .textknopf { font: inherit; font-size: 13px; color: var(--grau); background: none; border: 0; padding: 0; cursor: pointer; text-decoration: underline; }
.datei-proto .proto { font-size: 13px; }
.datei-proto .knopf { margin-top: 8px; }
.proto td.wer { overflow-wrap: anywhere; }
#d-links .linkzeile .url { font-size: 13px; }
@media (max-width: 760px) {
  .knopf.voll { width: 100%; }
  .leiste .knopf { flex: 1 1 auto; }
  .leiste .rechts .knopf { flex: 1 1 auto; }
  .bestaetigung { align-items: flex-start; }
  .baum .nachweis { grid-template-columns: minmax(0, 1fr); }
  .baum .datei-proto { padding: 8px 12px 12px 24px; }
}