.absence-table{width:100%;border-collapse:collapse;font-size:13px}
.absence-table th,.absence-table td{padding:15px 10px;border-bottom:1px solid #dfe5e8;text-align:left;vertical-align:middle}
.absence-table th{font-size:10px;font-weight:600;color:#657780;text-transform:uppercase}
.absence-person strong{font-weight:600;overflow-wrap:anywhere}.absence-person small{display:block;color:#718087;margin-top:4px}
.absence-kind{display:inline-flex;align-items:center;font-size:12px;min-height:29px;padding:4px 9px;border-radius:3px;font-weight:600;white-space:nowrap}
.absence-kind.vacation{background:#e4f4f9;color:#007392}.absence-kind.sick{background:#fff2dd;color:#956319}
.absence-conflict{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:#9b601d;font-size:12px}
.absence-conflict svg{width:17px;height:17px}.absence-actions{text-align:right!important}
.absence-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.absence-main .wf-toolbar>.wf-actions{margin-left:auto}.absence-main [hidden]{display:none!important}
@media(max-width:700px){
 .absence-main .wf-toolbar>.wf-actions{margin-left:0}
 .absence-main .wf-filters{width:100%;grid-template-columns:1fr 1fr}
 .absence-main .wf-filters>label:last-child{grid-column:1/-1}
 .absence-table thead{display:none}.absence-table,.absence-table tbody{display:block}
 .absence-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:16px 0;border-bottom:1px solid #dfe5e8}
 .absence-table td{display:block;border:0;padding:0;min-width:0}
 .absence-table td:nth-child(3){grid-column:1/-1;font-size:13px}
 .absence-table td.absence-person{font-size:15px}
 .absence-table td.absence-actions{grid-column:2;grid-row:3}
 .absence-main .wf-summary{gap:20px}
}

@media(max-width:700px){
 .absence-main .wf-period{flex:0 0 100%;width:100%}
 .absence-main .wf-period>.wf-actions{flex-wrap:nowrap}
 .absence-main .wf-toolbar>.wf-actions{width:100%;justify-content:flex-start}
 .absence-main .wf-toolbar>.wf-actions>button{width:100%}
}

.absence-kind.unpaid{background:#f8e8ed;color:#9a344e}
