/* Shared screen-only spacing. Print documents retain their own layout. */
@media screen {
 :root{--action-gap:12px;--action-section-gap:24px}
 main .action-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--action-gap);margin-block:var(--action-section-gap)}
 main .action-row>form{margin:0}
 main .action-row :is(button,.button){margin:0;display:inline-flex;align-items:center;justify-content:center;min-height:44px;line-height:1.5;text-align:center}
 main :is(.hr-toolbar,.ot-actions,.ot-chart-controls,.rr-tools,.module-back-actions,.ot-staff-buttons){gap:var(--action-gap);row-gap:var(--action-gap)}
 main :is(.formgrid,.rr-grid,fieldset,.tablewrap)+:is(button,.button){margin-block-start:20px}
 main :is(.formgrid,.rr-grid,fieldset,.tablewrap)+:is(.hr-toolbar,.ot-actions,.action-row){margin-block-start:20px}
 main :is(.formgrid,.rr-grid,fieldset,.tablewrap)+p:has(>button,>.button){margin-block:20px}
 main form>label+:is(button,.button){margin-block-start:16px}
 main form>button+table,main form>button+.tablewrap{margin-block-start:20px}
 main .panel>form+form{margin-block-start:20px}
 main>form+.panel{margin-block-start:24px}
 main :is(p,td,form)>:is(button,.button)+:is(button,.button){margin-inline-start:12px}
 main :is(.action-row,.hr-toolbar,.ot-actions,.rr-tools,.ot-chart-controls,.ot-person-row,.ot-time-controls,.formgrid)>:is(button,.button){margin-inline-start:0}
 main td>form+form,main td>form+details,main td>.button+details{margin-block-start:12px}
 main .action-row+section{margin-block-start:24px}
 main :is(.hr-toolbar,.action-row,.ot-actions,.rr-tools)>:is(button,.button){max-width:100%;white-space:normal;overflow-wrap:anywhere}
 main .rr-tools>:is(button,.rr-button){margin:0}
}
@media screen and (max-width:600px){
 main .action-row{align-items:stretch;gap:12px;margin-block:20px}
 main .action-row>:is(button,.button,form){flex:1 1 180px;min-width:0}
 main .action-row>form>button{width:100%}
 main .rr-tools{display:flex;flex-wrap:wrap;gap:12px}
 main .rr-tools>label{flex:1 1 100%;min-width:0}
 main .module-back-actions{gap:12px;row-gap:12px}
}