/* V23.59 – Samsung Galaxy Tab S6 Lite: Terminvergabe ohne unnötiges Scrollen. */
#calendar-section-appointments #studio-appointment-details{margin:6px 0 12px;scroll-margin-top:12px;}
#calendar-section-appointments #studio-appointment-details>.accordion-body{padding-top:9px;padding-bottom:10px;}
#calendar-section-appointments #studio-appointment-form{row-gap:10px;column-gap:12px;}
#calendar-section-appointments #studio-appointment-form>label{gap:4px;}
#calendar-section-appointments #studio-appointment-form :is(input:not([type=hidden]),select){min-height:42px;padding:7px 10px;}
#calendar-section-appointments .studio-fixed-duration{padding-block:6px;margin:0;}
#calendar-section-appointments .studio-summary{margin:14px 0 8px;}
#calendar-section-appointments .studio-summary>h3{font-size:16px;margin:0 0 8px;}
#calendar-section-appointments .studio-appointment-extras{border:1px solid #eadce1;background:#fffafc;border-radius:10px;padding:0 10px;min-width:0;}
#calendar-section-appointments .studio-appointment-extras>summary{cursor:pointer;font-size:13px;font-weight:650;color:#664858;min-height:39px;display:list-item;align-content:center;}
#calendar-section-appointments .studio-appointment-extra-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:3px 0 10px;}
#calendar-section-appointments .studio-appointment-extra-fields>label{display:grid;gap:4px;min-width:0;font-size:12px;color:#6d555d;}
#calendar-section-appointments .studio-appointment-extra-fields>label:last-child{grid-column:1/-1;}
#calendar-section-appointments .studio-appointment-extra-fields textarea{min-height:55px;}
@media (min-width:900px) and (max-width:1400px){
 #calendar-section-appointments #studio-appointment-form{grid-template-columns:repeat(3,minmax(0,1fr));}
 #calendar-section-appointments #studio-appointment-form>.studio-full{grid-column:1/-1;}
}
@media (max-width:700px){
 #calendar-section-appointments .studio-appointment-extra-fields{grid-template-columns:1fr;}
 #calendar-section-appointments #studio-appointment-form{grid-template-columns:repeat(2,minmax(0,1fr));}
 #calendar-section-appointments #studio-appointment-form>.studio-full{grid-column:1/-1;}
 #calendar-section-appointments #studio-appointment-form>label:has(select[name="customerId"]),
 #calendar-section-appointments #studio-appointment-form>label:has(input[name="name"]){grid-column:1/-1;}
}
@media (max-width:380px){#calendar-section-appointments #studio-appointment-form{grid-template-columns:1fr;}}