/* ============================================================================
   TrueTalent — PORTAL-DNA + FEINSCHLIFF  (v225)
   Vereinheitlichende Design-Ebene, lädt als LETZTE Portal-CSS.
   Statik: Dreifach-#dashboard-view (3 IDs) → gewinnt garantiert alle
   portaleigenen Regeln (max. 2 IDs, inkl. Templates-Editor 2,2,2).
   Modals: pro Modal-ID verdoppelt, nur Desktop. Additiv & reversibel.
   Marke monochrom #111827, Status semantisch farbig.
   Live gegen 0 Fehler verifiziert — Talent + Admin, alle Views.
   ============================================================================ */
:root{
  --dna-ink:#111827;--dna-ink-h:#1f2937;
  --dna-r-card:14px;--dna-r-modal:16px;--dna-r-ctl:10px;--dna-r-pill:999px;
}

/* ── Karten ─────────────────────────────────────────────────────────────── */
#dashboard-view#dashboard-view#dashboard-view .card,#dashboard-view#dashboard-view#dashboard-view .dash-chart-card,#dashboard-view#dashboard-view#dashboard-view .dash-kpi,#dashboard-view#dashboard-view#dashboard-view .tt-steps{border-radius:var(--dna-r-card)!important;}

/* ── Buttons: eine Form, Marke schwarz ──────────────────────────────────── */
#dashboard-view#dashboard-view#dashboard-view .btn,#dashboard-view#dashboard-view#dashboard-view .btn-primary,#dashboard-view#dashboard-view#dashboard-view .btn-secondary,#dashboard-view#dashboard-view#dashboard-view .btn-small,#dashboard-view#dashboard-view#dashboard-view .btn-danger,#dashboard-view#dashboard-view#dashboard-view .btn-danger-outline{border-radius:var(--dna-r-ctl)!important;}
#dashboard-view#dashboard-view#dashboard-view .btn-primary{background:var(--dna-ink)!important;border-color:var(--dna-ink)!important;color:#fff!important;}
#dashboard-view#dashboard-view#dashboard-view .btn-primary:hover{background:var(--dna-ink-h)!important;border-color:var(--dna-ink-h)!important;}

/* ── Felder ─────────────────────────────────────────────────────────────── */
#dashboard-view#dashboard-view#dashboard-view input:not([type=checkbox]):not([type=radio]):not([type=range]),#dashboard-view#dashboard-view#dashboard-view select,#dashboard-view#dashboard-view#dashboard-view textarea{border-radius:var(--dna-r-ctl)!important;}

/* ── Status-Pills: eine Form (Farben bleiben) ───────────────────────────── */
#dashboard-view#dashboard-view#dashboard-view .status-badge,#dashboard-view#dashboard-view#dashboard-view .admin-status-badge,#dashboard-view#dashboard-view#dashboard-view .admin-status-pill,#dashboard-view#dashboard-view#dashboard-view .admin-table-status,#dashboard-view#dashboard-view#dashboard-view .invoice-status,#dashboard-view#dashboard-view#dashboard-view .invoice-table-status,#dashboard-view#dashboard-view#dashboard-view .admin-campaign-status,#dashboard-view#dashboard-view#dashboard-view .ac-inline-status,#dashboard-view#dashboard-view#dashboard-view .contract-status,#dashboard-view#dashboard-view#dashboard-view .tt-status-pill,#dashboard-view#dashboard-view#dashboard-view .talent-status-pill,#dashboard-view#dashboard-view#dashboard-view .cooperation-status:not([class*=panel]){border-radius:var(--dna-r-pill)!important;font-weight:650!important;}

/* ── Tabs ───────────────────────────────────────────────────────────────── */
#dashboard-view#dashboard-view#dashboard-view .invoice-subtabs{border-radius:12px!important;}
/* .dashboard-tabs NICHT runden — ist im Talent die Sidebar, muss bündig sein („ein Guss" wie Admin). */

/* ── Modals: Radius + einheitlicher Schließen-Button + Primär-Button ─────────
   Pro Modal-ID verdoppelt (2 IDs) → schlägt die 1-ID-gescopten Alt-Regeln.
   NUR Desktop (≥761px) — mobil getunte/vollflächige Modals bleiben unangetastet. */
@media (min-width:761px){
#talent-profile-modal#talent-profile-modal .talent-modal,#talent-profile-modal#talent-profile-modal .modal-dialog,#talent-profile-modal#talent-profile-modal .ttcal-modal,#talent-profile-modal#talent-profile-modal .signature-modal-content,#talent-settings-modal#talent-settings-modal .talent-modal,#talent-settings-modal#talent-settings-modal .modal-dialog,#talent-settings-modal#talent-settings-modal .ttcal-modal,#talent-settings-modal#talent-settings-modal .signature-modal-content,#cooperation-table-modal#cooperation-table-modal .talent-modal,#cooperation-table-modal#cooperation-table-modal .modal-dialog,#cooperation-table-modal#cooperation-table-modal .ttcal-modal,#cooperation-table-modal#cooperation-table-modal .signature-modal-content,#signature-template-modal#signature-template-modal .talent-modal,#signature-template-modal#signature-template-modal .modal-dialog,#signature-template-modal#signature-template-modal .ttcal-modal,#signature-template-modal#signature-template-modal .signature-modal-content,#tt-account-modal#tt-account-modal .talent-modal,#tt-account-modal#tt-account-modal .modal-dialog,#tt-account-modal#tt-account-modal .ttcal-modal,#tt-account-modal#tt-account-modal .signature-modal-content,#tt-prefs-modal#tt-prefs-modal .talent-modal,#tt-prefs-modal#tt-prefs-modal .modal-dialog,#tt-prefs-modal#tt-prefs-modal .ttcal-modal,#tt-prefs-modal#tt-prefs-modal .signature-modal-content,#campaign-edit-modal#campaign-edit-modal .talent-modal,#campaign-edit-modal#campaign-edit-modal .modal-dialog,#campaign-edit-modal#campaign-edit-modal .ttcal-modal,#campaign-edit-modal#campaign-edit-modal .signature-modal-content,#brand-edit-modal#brand-edit-modal .talent-modal,#brand-edit-modal#brand-edit-modal .modal-dialog,#brand-edit-modal#brand-edit-modal .ttcal-modal,#brand-edit-modal#brand-edit-modal .signature-modal-content,#talent-edit-modal#talent-edit-modal .talent-modal,#talent-edit-modal#talent-edit-modal .modal-dialog,#talent-edit-modal#talent-edit-modal .ttcal-modal,#talent-edit-modal#talent-edit-modal .signature-modal-content,#brand-detail-modal#brand-detail-modal .talent-modal,#brand-detail-modal#brand-detail-modal .modal-dialog,#brand-detail-modal#brand-detail-modal .ttcal-modal,#brand-detail-modal#brand-detail-modal .signature-modal-content,#talent-detail-modal#talent-detail-modal .talent-modal,#talent-detail-modal#talent-detail-modal .modal-dialog,#talent-detail-modal#talent-detail-modal .ttcal-modal,#talent-detail-modal#talent-detail-modal .signature-modal-content,#talent-archive-modal#talent-archive-modal .talent-modal,#talent-archive-modal#talent-archive-modal .modal-dialog,#talent-archive-modal#talent-archive-modal .ttcal-modal,#talent-archive-modal#talent-archive-modal .signature-modal-content,#manual-tx-modal#manual-tx-modal .talent-modal,#manual-tx-modal#manual-tx-modal .modal-dialog,#manual-tx-modal#manual-tx-modal .ttcal-modal,#manual-tx-modal#manual-tx-modal .signature-modal-content,#month-detail-modal#month-detail-modal .talent-modal,#month-detail-modal#month-detail-modal .modal-dialog,#month-detail-modal#month-detail-modal .ttcal-modal,#month-detail-modal#month-detail-modal .signature-modal-content,#history-modal#history-modal .talent-modal,#history-modal#history-modal .modal-dialog,#history-modal#history-modal .ttcal-modal,#history-modal#history-modal .signature-modal-content,#status-history-modal#status-history-modal .talent-modal,#status-history-modal#status-history-modal .modal-dialog,#status-history-modal#status-history-modal .ttcal-modal,#status-history-modal#status-history-modal .signature-modal-content,#email-modal#email-modal .talent-modal,#email-modal#email-modal .modal-dialog,#email-modal#email-modal .ttcal-modal,#email-modal#email-modal .signature-modal-content,#send-invitation-modal#send-invitation-modal .talent-modal,#send-invitation-modal#send-invitation-modal .modal-dialog,#send-invitation-modal#send-invitation-modal .ttcal-modal,#send-invitation-modal#send-invitation-modal .signature-modal-content,#pdf-download-modal#pdf-download-modal .talent-modal,#pdf-download-modal#pdf-download-modal .modal-dialog,#pdf-download-modal#pdf-download-modal .ttcal-modal,#pdf-download-modal#pdf-download-modal .signature-modal-content,#invoice-pdf-preview-modal#invoice-pdf-preview-modal .talent-modal,#invoice-pdf-preview-modal#invoice-pdf-preview-modal .modal-dialog,#invoice-pdf-preview-modal#invoice-pdf-preview-modal .ttcal-modal,#invoice-pdf-preview-modal#invoice-pdf-preview-modal .signature-modal-content,#preview-modal#preview-modal .talent-modal,#preview-modal#preview-modal .modal-dialog,#preview-modal#preview-modal .ttcal-modal,#preview-modal#preview-modal .signature-modal-content,#contract-modal#contract-modal .talent-modal,#contract-modal#contract-modal .modal-dialog,#contract-modal#contract-modal .ttcal-modal,#contract-modal#contract-modal .signature-modal-content,#signature-modal#signature-modal .talent-modal,#signature-modal#signature-modal .modal-dialog,#signature-modal#signature-modal .ttcal-modal,#signature-modal#signature-modal .signature-modal-content,#send-dunning-modal#send-dunning-modal .talent-modal,#send-dunning-modal#send-dunning-modal .modal-dialog,#send-dunning-modal#send-dunning-modal .ttcal-modal,#send-dunning-modal#send-dunning-modal .signature-modal-content,#send-to-brand-modal#send-to-brand-modal .talent-modal,#send-to-brand-modal#send-to-brand-modal .modal-dialog,#send-to-brand-modal#send-to-brand-modal .ttcal-modal,#send-to-brand-modal#send-to-brand-modal .signature-modal-content,#tt-confirm-modal#tt-confirm-modal .talent-modal,#tt-confirm-modal#tt-confirm-modal .modal-dialog,#tt-confirm-modal#tt-confirm-modal .ttcal-modal,#tt-confirm-modal#tt-confirm-modal .signature-modal-content,#admin-signature-modal#admin-signature-modal .talent-modal,#admin-signature-modal#admin-signature-modal .modal-dialog,#admin-signature-modal#admin-signature-modal .ttcal-modal,#admin-signature-modal#admin-signature-modal .signature-modal-content,#article-edit-modal#article-edit-modal .talent-modal,#article-edit-modal#article-edit-modal .modal-dialog,#article-edit-modal#article-edit-modal .ttcal-modal,#article-edit-modal#article-edit-modal .signature-modal-content{border-radius:var(--dna-r-modal)!important;}
#talent-profile-modal#talent-profile-modal .talent-modal-close,#talent-profile-modal#talent-profile-modal .modal-close,#talent-profile-modal#talent-profile-modal .ttcal-x,#talent-settings-modal#talent-settings-modal .talent-modal-close,#talent-settings-modal#talent-settings-modal .modal-close,#talent-settings-modal#talent-settings-modal .ttcal-x,#cooperation-table-modal#cooperation-table-modal .talent-modal-close,#cooperation-table-modal#cooperation-table-modal .modal-close,#cooperation-table-modal#cooperation-table-modal .ttcal-x,#signature-template-modal#signature-template-modal .talent-modal-close,#signature-template-modal#signature-template-modal .modal-close,#signature-template-modal#signature-template-modal .ttcal-x,#tt-account-modal#tt-account-modal .talent-modal-close,#tt-account-modal#tt-account-modal .modal-close,#tt-account-modal#tt-account-modal .ttcal-x,#tt-prefs-modal#tt-prefs-modal .talent-modal-close,#tt-prefs-modal#tt-prefs-modal .modal-close,#tt-prefs-modal#tt-prefs-modal .ttcal-x,#campaign-edit-modal#campaign-edit-modal .talent-modal-close,#campaign-edit-modal#campaign-edit-modal .modal-close,#campaign-edit-modal#campaign-edit-modal .ttcal-x,#brand-edit-modal#brand-edit-modal .talent-modal-close,#brand-edit-modal#brand-edit-modal .modal-close,#brand-edit-modal#brand-edit-modal .ttcal-x,#talent-edit-modal#talent-edit-modal .talent-modal-close,#talent-edit-modal#talent-edit-modal .modal-close,#talent-edit-modal#talent-edit-modal .ttcal-x,#brand-detail-modal#brand-detail-modal .talent-modal-close,#brand-detail-modal#brand-detail-modal .modal-close,#brand-detail-modal#brand-detail-modal .ttcal-x,#talent-detail-modal#talent-detail-modal .talent-modal-close,#talent-detail-modal#talent-detail-modal .modal-close,#talent-detail-modal#talent-detail-modal .ttcal-x,#talent-archive-modal#talent-archive-modal .talent-modal-close,#talent-archive-modal#talent-archive-modal .modal-close,#talent-archive-modal#talent-archive-modal .ttcal-x,#manual-tx-modal#manual-tx-modal .talent-modal-close,#manual-tx-modal#manual-tx-modal .modal-close,#manual-tx-modal#manual-tx-modal .ttcal-x,#month-detail-modal#month-detail-modal .talent-modal-close,#month-detail-modal#month-detail-modal .modal-close,#month-detail-modal#month-detail-modal .ttcal-x,#history-modal#history-modal .talent-modal-close,#history-modal#history-modal .modal-close,#history-modal#history-modal .ttcal-x,#status-history-modal#status-history-modal .talent-modal-close,#status-history-modal#status-history-modal .modal-close,#status-history-modal#status-history-modal .ttcal-x,#email-modal#email-modal .talent-modal-close,#email-modal#email-modal .modal-close,#email-modal#email-modal .ttcal-x,#send-invitation-modal#send-invitation-modal .talent-modal-close,#send-invitation-modal#send-invitation-modal .modal-close,#send-invitation-modal#send-invitation-modal .ttcal-x,#pdf-download-modal#pdf-download-modal .talent-modal-close,#pdf-download-modal#pdf-download-modal .modal-close,#pdf-download-modal#pdf-download-modal .ttcal-x,#invoice-pdf-preview-modal#invoice-pdf-preview-modal .talent-modal-close,#invoice-pdf-preview-modal#invoice-pdf-preview-modal .modal-close,#invoice-pdf-preview-modal#invoice-pdf-preview-modal .ttcal-x,#preview-modal#preview-modal .talent-modal-close,#preview-modal#preview-modal .modal-close,#preview-modal#preview-modal .ttcal-x,#contract-modal#contract-modal .talent-modal-close,#contract-modal#contract-modal .modal-close,#contract-modal#contract-modal .ttcal-x,#signature-modal#signature-modal .talent-modal-close,#signature-modal#signature-modal .modal-close,#signature-modal#signature-modal .ttcal-x,#send-dunning-modal#send-dunning-modal .talent-modal-close,#send-dunning-modal#send-dunning-modal .modal-close,#send-dunning-modal#send-dunning-modal .ttcal-x,#send-to-brand-modal#send-to-brand-modal .talent-modal-close,#send-to-brand-modal#send-to-brand-modal .modal-close,#send-to-brand-modal#send-to-brand-modal .ttcal-x,#tt-confirm-modal#tt-confirm-modal .talent-modal-close,#tt-confirm-modal#tt-confirm-modal .modal-close,#tt-confirm-modal#tt-confirm-modal .ttcal-x,#admin-signature-modal#admin-signature-modal .talent-modal-close,#admin-signature-modal#admin-signature-modal .modal-close,#admin-signature-modal#admin-signature-modal .ttcal-x,#article-edit-modal#article-edit-modal .talent-modal-close,#article-edit-modal#article-edit-modal .modal-close,#article-edit-modal#article-edit-modal .ttcal-x{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;padding:0!important;border-radius:var(--dna-r-ctl)!important;line-height:1!important;}
#talent-profile-modal#talent-profile-modal .btn-primary,#talent-profile-modal#talent-profile-modal .talent-modal-actions .btn-primary,#talent-profile-modal#talent-profile-modal .modal-footer .btn-primary,#talent-settings-modal#talent-settings-modal .btn-primary,#talent-settings-modal#talent-settings-modal .talent-modal-actions .btn-primary,#talent-settings-modal#talent-settings-modal .modal-footer .btn-primary,#cooperation-table-modal#cooperation-table-modal .btn-primary,#cooperation-table-modal#cooperation-table-modal .talent-modal-actions .btn-primary,#cooperation-table-modal#cooperation-table-modal .modal-footer .btn-primary,#signature-template-modal#signature-template-modal .btn-primary,#signature-template-modal#signature-template-modal .talent-modal-actions .btn-primary,#signature-template-modal#signature-template-modal .modal-footer .btn-primary,#tt-account-modal#tt-account-modal .btn-primary,#tt-account-modal#tt-account-modal .talent-modal-actions .btn-primary,#tt-account-modal#tt-account-modal .modal-footer .btn-primary,#tt-prefs-modal#tt-prefs-modal .btn-primary,#tt-prefs-modal#tt-prefs-modal .talent-modal-actions .btn-primary,#tt-prefs-modal#tt-prefs-modal .modal-footer .btn-primary,#campaign-edit-modal#campaign-edit-modal .btn-primary,#campaign-edit-modal#campaign-edit-modal .talent-modal-actions .btn-primary,#campaign-edit-modal#campaign-edit-modal .modal-footer .btn-primary,#brand-edit-modal#brand-edit-modal .btn-primary,#brand-edit-modal#brand-edit-modal .talent-modal-actions .btn-primary,#brand-edit-modal#brand-edit-modal .modal-footer .btn-primary,#talent-edit-modal#talent-edit-modal .btn-primary,#talent-edit-modal#talent-edit-modal .talent-modal-actions .btn-primary,#talent-edit-modal#talent-edit-modal .modal-footer .btn-primary,#brand-detail-modal#brand-detail-modal .btn-primary,#brand-detail-modal#brand-detail-modal .talent-modal-actions .btn-primary,#brand-detail-modal#brand-detail-modal .modal-footer .btn-primary,#talent-detail-modal#talent-detail-modal .btn-primary,#talent-detail-modal#talent-detail-modal .talent-modal-actions .btn-primary,#talent-detail-modal#talent-detail-modal .modal-footer .btn-primary,#talent-archive-modal#talent-archive-modal .btn-primary,#talent-archive-modal#talent-archive-modal .talent-modal-actions .btn-primary,#talent-archive-modal#talent-archive-modal .modal-footer .btn-primary,#manual-tx-modal#manual-tx-modal .btn-primary,#manual-tx-modal#manual-tx-modal .talent-modal-actions .btn-primary,#manual-tx-modal#manual-tx-modal .modal-footer .btn-primary,#month-detail-modal#month-detail-modal .btn-primary,#month-detail-modal#month-detail-modal .talent-modal-actions .btn-primary,#month-detail-modal#month-detail-modal .modal-footer .btn-primary,#history-modal#history-modal .btn-primary,#history-modal#history-modal .talent-modal-actions .btn-primary,#history-modal#history-modal .modal-footer .btn-primary,#status-history-modal#status-history-modal .btn-primary,#status-history-modal#status-history-modal .talent-modal-actions .btn-primary,#status-history-modal#status-history-modal .modal-footer .btn-primary,#email-modal#email-modal .btn-primary,#email-modal#email-modal .talent-modal-actions .btn-primary,#email-modal#email-modal .modal-footer .btn-primary,#send-invitation-modal#send-invitation-modal .btn-primary,#send-invitation-modal#send-invitation-modal .talent-modal-actions .btn-primary,#send-invitation-modal#send-invitation-modal .modal-footer .btn-primary,#pdf-download-modal#pdf-download-modal .btn-primary,#pdf-download-modal#pdf-download-modal .talent-modal-actions .btn-primary,#pdf-download-modal#pdf-download-modal .modal-footer .btn-primary,#invoice-pdf-preview-modal#invoice-pdf-preview-modal .btn-primary,#invoice-pdf-preview-modal#invoice-pdf-preview-modal .talent-modal-actions .btn-primary,#invoice-pdf-preview-modal#invoice-pdf-preview-modal .modal-footer .btn-primary,#preview-modal#preview-modal .btn-primary,#preview-modal#preview-modal .talent-modal-actions .btn-primary,#preview-modal#preview-modal .modal-footer .btn-primary,#contract-modal#contract-modal .btn-primary,#contract-modal#contract-modal .talent-modal-actions .btn-primary,#contract-modal#contract-modal .modal-footer .btn-primary,#signature-modal#signature-modal .btn-primary,#signature-modal#signature-modal .talent-modal-actions .btn-primary,#signature-modal#signature-modal .modal-footer .btn-primary,#send-dunning-modal#send-dunning-modal .btn-primary,#send-dunning-modal#send-dunning-modal .talent-modal-actions .btn-primary,#send-dunning-modal#send-dunning-modal .modal-footer .btn-primary,#send-to-brand-modal#send-to-brand-modal .btn-primary,#send-to-brand-modal#send-to-brand-modal .talent-modal-actions .btn-primary,#send-to-brand-modal#send-to-brand-modal .modal-footer .btn-primary,#tt-confirm-modal#tt-confirm-modal .btn-primary,#tt-confirm-modal#tt-confirm-modal .talent-modal-actions .btn-primary,#tt-confirm-modal#tt-confirm-modal .modal-footer .btn-primary,#admin-signature-modal#admin-signature-modal .btn-primary,#admin-signature-modal#admin-signature-modal .talent-modal-actions .btn-primary,#admin-signature-modal#admin-signature-modal .modal-footer .btn-primary,#article-edit-modal#article-edit-modal .btn-primary,#article-edit-modal#article-edit-modal .talent-modal-actions .btn-primary,#article-edit-modal#article-edit-modal .modal-footer .btn-primary{background:var(--dna-ink)!important;border-color:var(--dna-ink)!important;color:#fff!important;border-radius:var(--dna-r-ctl)!important;}
}

/* ============================================================================
   FEINSCHLIFF (v224) — additive Politur auf die DNA. Nur „form-sichere"
   Details: weiche Karten-Tiefe, Marken-Fokusringe, smoothe Buttons,
   saubere Tabellen-Header + Zeilen-Hover, dezente Scrollbars.
   ============================================================================ */
#dashboard-view#dashboard-view#dashboard-view .card,#dashboard-view#dashboard-view#dashboard-view .dash-chart-card{box-shadow:0 1px 2px rgba(17,24,39,.04),0 6px 20px rgba(17,24,39,.05)!important;border-color:#e9ebf1!important;}
#dashboard-view#dashboard-view#dashboard-view input:focus,#dashboard-view#dashboard-view#dashboard-view select:focus,#dashboard-view#dashboard-view#dashboard-view textarea:focus{border-color:#111827!important;box-shadow:0 0 0 3px rgba(17,24,39,.10)!important;outline:none!important;}
#dashboard-view#dashboard-view#dashboard-view .btn,#dashboard-view#dashboard-view#dashboard-view .btn-primary,#dashboard-view#dashboard-view#dashboard-view .btn-secondary,#dashboard-view#dashboard-view#dashboard-view .btn-small{transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .05s ease!important;}
#dashboard-view#dashboard-view#dashboard-view .btn-secondary:hover{background:#f4f5f7!important;}
#dashboard-view#dashboard-view#dashboard-view table thead th,#dashboard-view#dashboard-view#dashboard-view .admin-table thead th{background:#fafbfc!important;font-size:10.5px!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#6b7280!important;font-weight:700!important;}
#dashboard-view#dashboard-view#dashboard-view .admin-table tbody tr:hover,#dashboard-view#dashboard-view#dashboard-view table.admin-table tbody tr:hover{background:#fafbfc!important;}

/* Dezente, ruhige Scrollbars (global im Portal) */
#dashboard-view *::-webkit-scrollbar{width:11px;height:11px;}
#dashboard-view *::-webkit-scrollbar-thumb{background:#d3d8e0;border-radius:99px;border:3px solid transparent;background-clip:content-box;}
#dashboard-view *::-webkit-scrollbar-thumb:hover{background:#b9c0cc;border-radius:99px;border:3px solid transparent;background-clip:content-box;}
#dashboard-view *::-webkit-scrollbar-track{background:transparent;}

/* ============================================================================
   FEINSCHLIFF Profil-Modal (v225) — luftiger & breiter.
   Doppel-Modal-ID (2 IDs) schlägt die 1-ID-Layoutregeln. Nur Desktop.
   ============================================================================ */
@media (min-width:761px){
#talent-profile-modal#talent-profile-modal .talent-profile-modal{max-width:940px!important;width:min(940px,95vw)!important;}
#talent-profile-modal#talent-profile-modal .tt-profile-grid{column-gap:22px!important;row-gap:18px!important;}
#talent-profile-modal#talent-profile-modal .tt-profile-subhead{margin-top:26px!important;margin-bottom:6px!important;}
#talent-profile-modal#talent-profile-modal .tt-profile-section{margin-bottom:22px!important;}
#talent-profile-modal#talent-profile-modal .tt-profile-grid input,#talent-profile-modal#talent-profile-modal .tt-profile-grid textarea{min-height:40px!important;padding:9px 12px!important;font-size:13px!important;}
#talent-profile-modal#talent-profile-modal .tt-profile-grid label>span:first-child{margin-bottom:5px!important;}
#talent-profile-modal#talent-profile-modal .talent-modal-actions{padding:18px 30px!important;}
}

/* ============================================================
   V228 — Profil/Settings-Modal Feinschliff (lädt als LETZTE Datei):
   (1) Rahmen fix, nur die Mitte scrollt (Bug: Fensterkante oben/unten sichtbar)
   (2) Anzeigename schmal + Unterschrift in EINER Zeile
   (3) Adress-Autocomplete-Dropdown + IBAN-Feedback
   ============================================================ */

/* (1) Box scrollt NICHT mehr; Header/Footer fix; nur *-modal-body / .tt-settings-body scrollt.
   Schlägt portal-settings.css (dort display:block + overflow-y:auto auf der Box). */
html body #talent-profile-modal > .talent-modal.talent-profile-modal,
html body #talent-profile-modal .talent-modal.talent-profile-modal,
html body #talent-settings-modal .talent-modal {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  max-height: calc(100vh - 48px) !important;
}
html body #talent-profile-modal .talent-modal-header,
html body #talent-profile-modal .talent-modal-actions,
html body #talent-settings-modal .talent-modal-header,
html body #talent-settings-modal .talent-modal-actions {
  position: static !important;
  flex: 0 0 auto !important;
}
html body #talent-profile-modal .talent-profile-modal-body,
html body #talent-settings-modal .tt-settings-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
}

/* (2) V228a — Kopfzeile als sauberes 3-Spalten-Raster: Labels (ANZEIGENAME/PROFILBILD/
   UNTERSCHRIFT) fluchten oben, Controls unten. Kein Baseline-Kleben, kein schwerer
   Unterschrift-Kasten. */
html body #talent-profile-modal .talent-profile-settings { display: block !important; }
html body #talent-profile-modal .talent-profile-row-identity {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 18px 30px !important;
  width: 100% !important;
  padding: 4px 0 16px !important;
}
html body #talent-profile-modal .talent-profile-identity-main {
  display: flex !important;
  align-items: flex-end !important;
  gap: 20px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
html body #talent-profile-modal .talent-profile-name-block {
  flex: 0 1 340px !important;
  min-width: 200px !important;
}
/* V228b — Kopf-Controls komfortabel + einheitlich groß (44px, = Avatarhöhe). V228g: 2-ID gegen portal-settings. */
#talent-profile-modal#talent-profile-modal .talent-profile-name-block input,
#talent-profile-modal#talent-profile-modal .talent-profile-image-actions .btn-secondary {
  height: 44px !important;
  min-height: 44px !important;
  font-size: 14px !important;
}
#talent-profile-modal#talent-profile-modal .talent-profile-image-actions .btn-secondary { padding: 0 16px !important; }
#talent-profile-modal#talent-profile-modal .talent-profile-image-actions { display: flex !important; gap: 8px !important; }
/* einheitliche Feld-Labels über allen drei Spalten */
#talent-profile-modal .tt-field-label,
html body #talent-profile-modal .talent-profile-name-block > label {
  display: block !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  color: #9099a8 !important;
  margin: 0 0 6px 2px !important;
}
#talent-profile-modal .talent-profile-imgblock { display: flex !important; flex-direction: column !important; }
/* Avatar: margin:auto (zentriert ihn sonst und saugt den freien Platz auf → Zeile zieht auseinander) auf 0.
   V228d: größer (64px), damit man das Profilbild besser erkennt. */
#talent-profile-modal#talent-profile-modal .talent-profile-preview {
  align-self: flex-end !important;
  margin: 0 !important;
  width: 64px !important;
  height: 64px !important;
  font-size: 19px !important;
}
/* Unterschrift: Label oben + Status/Button inline, ohne den schweren grauen Kasten */
#talent-profile-modal#talent-profile-modal .talent-signature-inline {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  width: auto !important;
  gap: 6px !important;
}
#talent-profile-modal#talent-profile-modal .talent-signature-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: nowrap !important;
}
#talent-profile-modal#talent-profile-modal .talent-signature-row #profile-signature-status {
  font-size: 12.5px !important;
  color: #9099a8 !important;
  white-space: nowrap !important;
}
/* V228b — Rechnungsprofil-Grid: alle Felder oben auf einer Kante (IBAN-Feedback schiebt die
   Nachbarn NICHT mehr), IBAN & Kontoinhaber breit (span 2) → ganze IBAN sichtbar. */
html body #talent-profile-modal .tt-profile-grid { align-items: start !important; }
/* Kleinunternehmer-Checkbox auf Feld-Baseline statt Label-Höhe */
/* V228e: Kleinunternehmer NEBEN USt-IdNr (span 2 statt volle Breite 1/-1 aus portal-settings) → spart eine Zeile */
html body #talent-profile-modal .tt-profile-grid .tt-profile-check { grid-column: span 2 !important; align-self: end !important; padding-bottom: 9px !important; }
/* IBAN-Feld voll ausnutzen (span 2), Feedback darunter (align-items:start hält die Nachbarn oben) */
html body #talent-profile-modal .tt-profile-grid .tt-profile-iban-wrap input { width: 100% !important; letter-spacing: .01em !important; }
html body #talent-profile-modal .tt-profile-grid .tt-iban-feedback { margin-top: 4px !important; }
/* Unterschrift-Sektion: schlichte Zeile (Status + Button), kein Kasten */
#talent-profile-modal .talent-signature-inline .talent-signature-row .btn-secondary { height: 40px !important; }

/* (3) Adress-Autocomplete-Dropdown (an body gehängt → muss über dem Modal liegen) */
.tt-addr-ac {
  position: fixed;
  z-index: 100000;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(15, 23, 42, .16);
  max-height: 300px;
  overflow-y: auto;
}
.tt-addr-ac-item { padding: 9px 12px; cursor: pointer; border-bottom: 1px solid #f1f2f5; }
.tt-addr-ac-item:last-child { border-bottom: 0; }
.tt-addr-ac-item.active, .tt-addr-ac-item:hover { background: #f4f6f9; }
.tt-addr-ac-line1 { font-size: 14px; color: #111827; font-weight: 500; }
.tt-addr-ac-line2 { font-size: 12px; color: #6b7280; margin-top: 1px; }

/* IBAN-Feedback + Feld-Zustand */
#talent-profile-modal .tt-iban-feedback { display: block; font-size: 11.5px; margin-top: 4px; min-height: 13px; }
#talent-profile-modal .tt-iban-feedback.ok { color: #15803d; }
#talent-profile-modal .tt-iban-feedback.err { color: #b91c1c; }
#talent-profile-modal input.tt-field-ok { border-color: #22c55e !important; }
#talent-profile-modal input.tt-field-err { border-color: #ef4444 !important; }

/* V228 — Einstellungen: Umschalter-Zeile + iOS-artiger Switch */
#talent-settings-modal .tt-settings-toggle-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
#talent-settings-modal .tt-settings-hint { margin: 3px 0 0; font-size: 12px; }
.tt-switch { position: relative; display: inline-flex; flex: 0 0 auto; cursor: pointer; }
.tt-switch input { position: absolute; opacity: 0; width: 0; height: 0; }
.tt-switch .tt-switch-track { width: 42px; height: 24px; border-radius: 999px; background: #d1d5db; transition: background .18s; position: relative; }
.tt-switch .tt-switch-track::after { content: ""; position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.2); transition: transform .18s; }
.tt-switch input:checked + .tt-switch-track { background: #111827; }
.tt-switch input:checked + .tt-switch-track::after { transform: translateX(18px); }
.tt-switch input:focus-visible + .tt-switch-track { box-shadow: 0 0 0 3px rgba(17,24,39,.18); }

/* V228 — Profil-Pflicht-Gate: Banner + Close/Abbrechen ausgeblendet, solange unvollständig */
#talent-profile-modal .tt-gate-banner { display: none; }
#talent-profile-modal.tt-gate-mode .tt-gate-banner {
  display: block; margin: 0 0 16px; padding: 12px 14px;
  background: #f3f4f6; border: 1px solid #e5e7eb; border-radius: 10px;
}
#talent-profile-modal.tt-gate-mode .tt-gate-banner strong { display: block; font-size: 13.5px; color: #111827; margin-bottom: 2px; }
#talent-profile-modal.tt-gate-mode .tt-gate-banner span { display: block; font-size: 12.5px; color: #4b5563; line-height: 1.5; }
/* Doppel-ID nötig, sonst schlägt die v225-Regel (#id#id .talent-modal-close, 2 IDs) die Gate-Regel. */
#talent-profile-modal#talent-profile-modal.tt-gate-mode .talent-modal-close,
#talent-profile-modal.tt-gate-mode #cancel-talent-profile-btn { display: none !important; }

/* V228h — Header-Controls (Sprach-Toggle + Benachrichtigungs-Glocke) auf DNA-Control-Radius (10px)
   statt der 8px aus portal-facelift/v93. Bare-Class-Regeln → html body … gewinnt + lädt zuletzt. */
html body .lang-toggle-btn, html body .tt-notif-toggle-btn,
html body #dashboard-view .lang-toggle-btn, html body #dashboard-view .tt-notif-toggle-btn { border-radius: var(--dna-r-ctl) !important; }