/* Shared spacing for existing forms and action rows. No layout changes to calendar cells or step navigation. */
#content .panel > :is(.leave-status,.badge) + :is(h2,h3){margin-top:16px;margin-bottom:14px}
#content .panel > .leave-status{line-height:1.4;padding:7px 13px;font-size:13px;font-family:"Questrial",Arial,sans-serif}
#content .panel > form{margin-top:22px}
#content .panel > form + form{margin-top:24px}
#content form:not(:is(.view-filter,.leave-year,.week-picker,.filters,.row,.att-bill-form,.leave-holiday)) > label + label{margin-top:18px}
#content form:not(:is(.view-filter,.leave-year,.week-picker,.filters,.row,.att-bill-form,.leave-holiday)) > :is(label,.fields,.leave-fields,.att-fields,.reportgrid,.branding-grid) + :is(button,input[type="submit"]){margin-top:20px!important}
#content form > :is(label,.fields,.leave-fields,.att-fields) + :is(.actions,.leave-actions){margin-top:22px}
#content :is(.actions,.leave-actions,.row-tools,.mr-upload-actions,.composetools){gap:12px;row-gap:12px}
#content .leave-actions{margin-top:22px;margin-bottom:0;align-items:center}
#content :is(.actions,.leave-actions) > form{margin:0}
#content :is(.actions,.leave-actions) > :is(button,a),#content :is(.actions,.leave-actions) > form > button{margin:0}
#content .panel > details{margin-top:22px;margin-bottom:24px}
#content .panel > details > summary{padding:10px 0;line-height:1.5;font-family:"Space Grotesk",Arial,sans-serif;font-size:14px;font-weight:500}
#content details[open] > summary{margin-bottom:16px}
#content details > form{margin-top:20px}
#content :is(.mr-controls,.th-controls,.ro-footer){gap:12px}
#content :is(canvas,#mr-materials,#th-prices) + button{margin-top:16px!important}
/* Ungrouped sibling buttons occur in maintenance and report editors. */
#content form > button + button{margin-inline-start:12px!important}
#content :is(button,a.primary,a.secondary){line-height:1.45;overflow-wrap:anywhere}
@media(max-width:600px){
 #content .panel > form{margin-top:20px}
 #content .leave-actions{align-items:stretch;gap:12px}
 #content .leave-actions > button{width:100%}
 #content .actions{align-items:stretch}
 #content .actions > form{max-width:100%}
 #content .actions > form > button{width:100%}
 #content form > button + button{margin-inline-start:0!important;margin-top:12px!important;display:flex}
 #content :is(.mr-controls,.th-controls){gap:10px}
}
@media print{#content .panel > form{margin-top:0}}