:root { color-scheme: light dark; }
body { margin: 0; font: 16px/1.5 system-ui, sans-serif; }
.bar { display: flex; justify-content: space-between; align-items: center;
       padding: .75rem 1rem; background: #0f172a; color: #f8fafc; }
.body { padding: 1rem; max-width: 72rem; margin: 0 auto; }
table { border-collapse: collapse; width: 100%; }
th, td { text-align: left; padding: .4rem .6rem; border-bottom: 1px solid #cbd5e1; }
.error { color: #b91c1c; }
.notice { color: #047857; }
.hint { color: #64748b; font-size: .875rem; }
/* Verweise in der dunklen Leiste tragen deren Farbe - das Blau der Voreinstellung
   waere auf #0f172a kaum zu lesen. */
.bar a { color: inherit; }
/* Die Wortmarke ist seit dem 14.09.2026 ein Verweis auf den Bestand. Ohne diese
   Regel traege sie die Unterstreichung der uebrigen Verweise - eine Marke, die
   aussieht wie ein Menuepunkt. */
.bar .mark { text-decoration: none; }
/* Die Panels der Mandantenseite. Der Warnsatz ist auffaellig, weil er gelesen
   werden soll, bevor gedrueckt wird - nicht danach. */
.panels { display: grid; gap: 1rem; margin-top: 2rem; }
.panel { border: 1px solid #cbd5e1; border-radius: 6px; padding: 1rem; }
.panel h3 { margin-top: 0; }
.panel label { display: block; margin-top: .5rem; font-weight: 600; }
.panel input, .panel select { width: 100%; max-width: 28rem; }
/* Das Haekchen der Anbieterbestaetigung steht vor seinem Satz, nicht ueber ihm. */
.panel input[type="checkbox"] { width: auto; margin-right: .4rem; }
.panel .warn {
    background: #fdf3e2; border-left: 4px solid #d98324;
    padding: .6rem .8rem; margin: .5rem 0;
}