/* Extra treatments share one compact row; reservation actions remain outside its scroll area. */
.appointment-treatments-editor .appointment-treatment-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px;align-items:end}
.appointment-treatments-editor .appointment-treatment-extra{display:flex;align-items:end;gap:6px;min-width:0}
.appointment-treatments-editor .appointment-treatment-extra>label{flex:1;min-width:0}
.appointment-treatments-editor .appointment-treatment-extra select{width:100%}
.appointment-treatments-editor .appointment-treatment-remove.neron-button{flex:0 0 36px;min-width:36px;min-height:36px;height:36px;padding:0;font-size:20px;line-height:1}
.appointment-treatments-editor .appointment-treatment-add{display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;min-width:0;font-size:11px;color:var(--ui-text-muted,var(--muted))}
.appointment-treatments-editor .appointment-treatment-add .neron-button{min-height:32px;padding:6px 9px;font-size:11px;text-transform:none;letter-spacing:normal;white-space:normal}
.appointment-treatments-editor .appointment-treatment-options.single .appointment-treatment-add{grid-column:1/-1}
@media(min-width:900px) and (max-height:800px){
 .appointment-treatments-editor .appointment-treatment-options{gap:7px 12px}
 .appointment-treatments-editor .appointment-treatment-add{font-size:10px;gap:3px 7px}
 .appointment-treatments-editor .appointment-treatment-add .neron-button{padding:5px 8px;font-size:10px}
 .appointment-treatments-editor .modal-body>.help{font-size:10px;line-height:1.2}
}
@media(max-width:650px){
 .appointment-treatments-editor .appointment-treatment-options{grid-template-columns:minmax(0,1fr)}
 .appointment-treatments-editor .appointment-treatment-add{gap:6px 10px}
 .appointment-treatments-editor .appointment-treatment-extra select{min-height:40px}
 .appointment-treatments-editor .appointment-treatment-remove.neron-button{height:40px;min-height:40px}
}