/* V23.60 – 24h manual calendar entry. Compact Samsung/tablet editor. */
#calendar-section-appointments #studio-appointment-form{
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px 12px;align-items:end;
}
#calendar-section-appointments #studio-appointment-form>label{font-size:12px;line-height:1.3;gap:4px;min-width:0;}
#calendar-section-appointments #studio-appointment-form>label :is(input,select){min-height:43px;}
#calendar-section-appointments #studio-appointment-form .studio-field-customer{grid-column:span 2;}
#calendar-section-appointments #studio-appointment-form .studio-field-name{grid-column:span 2;}
#calendar-section-appointments #studio-appointment-form .studio-field-service{grid-column:1/-1;}
#calendar-section-appointments #studio-appointment-form .studio-field-date{grid-column:span 1;}
#calendar-section-appointments #studio-appointment-form .studio-field-start{grid-column:span 1;}
#calendar-section-appointments #studio-appointment-form .studio-field-duration{grid-column:span 1;}
#calendar-section-appointments #studio-appointment-form .studio-field-end{
 grid-column:span 1;display:flex;flex-direction:column;gap:1px;justify-content:center;min-height:43px;
 background:#fff7f9;border:1px solid #efdee3;border-radius:10px;padding:5px 10px;
}
#calendar-section-appointments #studio-appointment-form .studio-field-end strong{font-size:11px;}
#calendar-section-appointments #studio-appointment-form .studio-field-end output{font-size:15px;line-height:1.25;color:#693e54;}
#calendar-section-appointments #studio-appointment-form .studio-field-end small:empty{display:none;}
#calendar-section-appointments #studio-appointment-form>.studio-full{grid-column:1/-1;}
#calendar-section-appointments #studio-appointment-form .studio-appointment-extras{margin:0;}
#calendar-section-appointments #studio-appointment-form .studio-overlap-preview{margin:0;padding:9px 12px;border-radius:10px;background:#fff2e5;color:#704b2c;font-size:13px;font-weight:650;}
#calendar-section-appointments #studio-appointment-form .studio-overlap-preview[hidden]{display:none!important;}
#calendar-section-appointments #studio-appointment-form .studio-actions{margin:0;display:flex;gap:9px;}
#calendar-section-appointments #studio-appointment-form .studio-actions .button{min-height:43px;}
@media(max-width:900px){
 #calendar-section-appointments #studio-appointment-form{grid-template-columns:repeat(2,minmax(0,1fr));}
 #calendar-section-appointments #studio-appointment-form .studio-field-customer,
 #calendar-section-appointments #studio-appointment-form .studio-field-name,
 #calendar-section-appointments #studio-appointment-form .studio-field-service{grid-column:1/-1;}
 #calendar-section-appointments #studio-appointment-form .studio-field-date,
 #calendar-section-appointments #studio-appointment-form .studio-field-start,
 #calendar-section-appointments #studio-appointment-form .studio-field-duration,
 #calendar-section-appointments #studio-appointment-form .studio-field-end{grid-column:span 1;}
}
@media(max-width:375px){
 #calendar-section-appointments #studio-appointment-form .studio-field-end output{font-size:13px;}
 #calendar-section-appointments #studio-appointment-form .studio-actions .button{flex:1 1 auto;}
}