.bel-edit-box { background: var(--form-bg); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(12px); max-width: 680px; max-height: 92vh; min-height: 605px; display: flex; flex-direction: column; overflow: hidden; }
.bel-edit-box .form-group input, .bel-edit-box .form-group select { font-size: 1rem; }
.bel-edit-box .view-toggle { flex-shrink: 0; }
.bel-edit-box #bel-edit-flash { flex-shrink: 0; }
.bel-edit-box #bel-edit-form { flex: 1; overflow-y: auto; }
.bel-edit-box .input-addon { max-width: none; }
.bel-edit-box .form-group input:focus,
.bel-edit-box .form-group select:focus,
.bel-edit-box .form-group textarea:focus {
    box-shadow: none;
    outline: 2px solid color-mix(in srgb, var(--accent) 25%, transparent);
    outline-offset: -2px;
}
#bel-display-von, #bel-display-bis, #bel-fld-vorname, #bel-fld-name { font-weight: 700; }
.input-addon:has(#bel-display-von) .input-addon-text,
.input-addon:has(#bel-display-bis) .input-addon-text,
.input-addon:has(#bel-fld-telefon) .input-addon-text,
.input-addon:has(#bel-fld-email) .input-addon-text { font-size: 1.1rem; }
.bel-sub-label { display: flex; justify-content: flex-end; align-items: center; gap: .3rem; font-weight: 400; font-size: .875rem; margin-top: .25rem; margin-bottom: -20px; }
.bel-tel-wrap { display: flex; align-items: center; gap: .75rem; }
.bel-tel-wrap .input-addon { flex: 1; }
.bel-tel-wrap input { width: 100%; }
.bel-whatsapp-label { display: flex; align-items: center; gap: .3rem; font-weight: 400; font-size: .875rem; white-space: nowrap; }
.bel-edit-flash { border-radius: 8px; padding: .65rem 1rem; margin-bottom: 1rem; font-size: .9rem; background: var(--bg-red, #fdecea); color: var(--text-red, #b91c1c); }
.bel-edit-flash--success { background: var(--bg-green, #dcfce7); color: var(--text-green, #15803d); }
.bel-edit-flash--error   { background: var(--bg-red, #fdecea);  color: var(--text-red, #b91c1c); }
.bel-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem 1rem; }
.bel-form-trio { display: grid; grid-template-columns: 1fr 1fr auto; gap: .75rem 1.2rem; margin: 0 0 6px 0; }
.bel-form-trio--personen { grid-template-columns: minmax(0, 170px) minmax(0, 170px) auto; }
.bel-form-trio .form-group { min-width: 0; }
.bel-form-trio .form-group input, .bel-form-trio .form-group select { width: 100%; min-width: 0; }
.bel-form-col2 { grid-column: span 2; }.bel-kinder-alter-grid { display: flex; flex-wrap: nowrap; gap: .5rem; overflow-x: auto; }
.bel-kinder-alter-grid input { width: 48px; min-width: 48px; max-width: 48px; text-align: center; }
.bel-radio-group { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; padding-top: .25rem; }
.bel-radio-group label { display: flex; align-items: center; gap: .3rem; color: var(--body-text); font-size: .9rem; }
.bel-radio-group label input[type="radio"] { margin-left: 15px; }
.bel-erstellt-wrap { display: flex; align-items: center; color: var(--muted); white-space: nowrap; padding-top: 11px; padding-left: 10px; }
.bel-delete-btn-right { margin-left: auto; }
.bel-delete-box { max-width: 380px; }
.bel-delete-text { padding: 1rem 0 .5rem; }
.bel-erstellt-wrap #bel-fld-erstellt { margin-left: .4rem; }
.bel-radio-time { display: flex; align-items: center; gap: .4rem; }
.form-control--inline { width: 100px; }
#bel-fld-bemerkung { font-size: .9rem; }
@media (max-width: 600px) {
.bel-edit-box { max-height: 100dvh; min-height: 0; border-radius: 0; padding: 1rem; overflow: hidden; }
    #bel-edit-modal .app-modal-box { border-radius: 0; padding: 1rem; max-width: 100%; width: 100%; margin: 0; align-self: flex-end; }
    #bel-edit-modal { align-items: flex-end; }
    .bel-form-grid { grid-template-columns: 1fr; }
    .bel-form-col2 { grid-column: span 1; }
    .bel-form-trio { grid-template-columns: 1fr; }
    .bel-radio-time { margin-left: 0; }
}