/* Tell: Austauschbares Design. Struktur und Fachfunktionen bleiben in portal.css / Laravel. */
:root {
 --ink:#292d29; --paper:#f4f5f1; --green:#326c20; --lime:#e7efb9;
 --line:#d8ddd2; --soft:#eaf0e4; --muted:#53604f; --surface:#fff;
 --field:#fcfdfb; --field-border:#879480; --danger:#922e23; --danger-bg:#fff0ec;
 --radius:6px; --pill:5px; --font:Arial,Helvetica,sans-serif;
 --head-bg:#252525; --head-ink:#f6f6f0; --brand-accent:#f3ed00; --focus:#8c6c00;
 --heading-weight:650; --shadow:0 4px 18px rgb(30 40 25 / 5%);
}
.header {border-bottom:4px solid #4eb11b}
.brand-icon {border:1px solid var(--brand-accent);background:transparent;color:var(--brand-accent);border-radius:3px}
.eyebrow,.card-number {color:var(--green)}
.card {border-top:3px solid var(--green)}
.card:hover {border-color:var(--green);box-shadow:var(--shadow)}
.page-heading {border-bottom:1px solid var(--line);margin-bottom:28px}