/* Kurzbeschreibung: Gestaltung von „Per Link teilen“ (workspace-bento-teilen.js) — Dialog aus brand.css (a4h-overlay/a4h-modal),
   Felder a4h-field, Knöpfe a4h-btn. Nur Farben aus marke.css, Maße aus der Leiter (Radien 6/9/12/999, Abstände 4/8/12/16/24). */
.wbt-modal { max-width: 520px; max-height: 88vh; }
.wbt-modal .a4h-modal-head { align-items: flex-start; }
.wbt-kopfzeile { flex: 1 1 auto; min-width: 0; }
.wbt-unter { font-size: 12px; color: var(--marke-text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wbt-body { display: flex; flex-direction: column; gap: 12px; overflow: auto; }
.wbt-zeile-form { display: flex; flex-wrap: wrap; gap: 12px; }
.wbt-zeile-form > label { flex: 1 1 180px; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.wbt-ergebnis { display: flex; flex-direction: column; gap: 4px; padding: 12px; border-radius: 9px; background: var(--marke-flaeche-2); box-shadow: inset 0 0 0 1px var(--marke-linie); }
.wbt-url-zeile { display: flex; gap: 8px; align-items: center; }
.wbt-url { flex: 1 1 auto; min-width: 0; font-size: 12px; }
.wbt-gilt { font-size: 12px; color: var(--marke-text-2); }
.wbt-h3 { margin: 4px 0 0; }
.wbt-liste { display: flex; flex-direction: column; gap: 8px; }
.wbt-leer { font-size: 13px; color: var(--marke-text-2); }
.wbt-zeile { display: flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 9px; box-shadow: inset 0 0 0 1px var(--marke-linie); }
.wbt-zeile.ist-aus { opacity: .6; }
.wbt-text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; font-size: 13px; }
.wbt-text b { font-weight: 600; overflow-wrap: anywhere; }
.wbt-text small { font-size: 12px; color: var(--marke-text-2); }
.wbt-meldung { margin: 0; padding: 4px 16px 0; }
@media (max-width: 600px) { .wbt-modal { max-height: 92vh; } }