.absence-year{min-width:0;display:grid;gap:20px}.absence-year h2{font-size:23px;margin:3px 0}.absence-year p{color:var(--muted,#687d90);font-size:13px;line-height:1.7;margin:4px 0}
.ay-filter{display:grid;grid-template-columns:90px minmax(180px,1.4fr) minmax(170px,1.6fr) minmax(150px,1fr) minmax(155px,1fr) 90px auto;gap:12px;align-items:end}.ay-filter label{display:grid;gap:7px;min-width:0}.ay-filter label>span{font-size:12px;color:#536b7b;font-weight:600}.ay-filter :is(input,select){width:100%;min-width:0;border:1px solid #d8e4ed;border-radius:9px;background:#fff;padding:10px 12px;color:#25394a;font:inherit;min-height:44px}.absence-year .button{min-height:44px}
.ay-year-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px}.ay-month{min-width:0;display:grid;gap:7px;align-content:start;text-align:left;border:1px solid #e0e8ef;border-radius:11px;padding:13px 10px;background:#f8fbfd;color:#20384a;cursor:pointer}.ay-month>span{font-size:12px;font-weight:600}.ay-month strong{font-size:19px;letter-spacing:-.035em}.ay-month small{font-size:10px;line-height:1.5;color:#718496;overflow-wrap:anywhere}.ay-month.is-selected{background:#eaf8ff;border-color:#00a5df;box-shadow:0 0 0 1px #00a5df}.ay-month:hover{border-color:#79bedd}.absence-year :is(button,input,select):focus-visible{outline:3px solid #79c8ef;outline-offset:2px}
.ay-month-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.ay-month-heading>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.ay-table-scroll{max-width:100%;min-width:0;overflow:auto;max-height:68vh;border:1px solid #dfe8ef;border-radius:12px;isolation:isolate;overscroll-behavior:contain}.ay-table-scroll table{border-collapse:separate;border-spacing:0;width:100%;min-width:1800px;margin:0;table-layout:fixed}.ay-table-scroll th,.ay-table-scroll td{padding:7px 4px;border-right:1px solid #e7edf2;border-bottom:1px solid #e7edf2;text-align:center;vertical-align:top;min-width:48px;white-space:normal}.ay-table-scroll thead th{position:sticky;top:0;background:#f5f9fc;z-index:2;font-size:12px;color:#415c71;height:45px}.ay-table-scroll thead th>span,.ay-table-scroll thead th>small{display:block}.ay-table-scroll thead th>small{font-weight:400;font-size:10px;color:#7890a1;margin-top:3px}
.ay-table-scroll .ay-person{position:sticky;left:0;width:205px;min-width:205px;background:#fff;text-align:left;padding:11px 14px;z-index:1;box-shadow:2px 0 5px #12324308}.ay-table-scroll thead .ay-person{background:#f5f9fc;z-index:4}.ay-person strong,.ay-person small{display:block;overflow-wrap:anywhere}.ay-person strong{font-size:12px;color:#1c354a}.ay-person small{font-size:11px;color:#6f8496;margin-top:5px}.ay-day{height:70px;position:relative}.ay-day.is-ineligible{background:repeating-linear-gradient(135deg,#f0f3f5 0,#f0f3f5 5px,#e9eef1 5px,#e9eef1 6px)}.ay-day.is-holiday:not(.is-ineligible){background:#f3f7ed}.ay-day.is-overlap{box-shadow:inset 0 0 0 2px #d48b24;background:#fff8e9}
.ay-event{position:relative;display:flex;align-items:center;gap:2px;width:100%;min-height:28px;margin:3px 0;border:0;border-left:3px solid var(--ay-color,#008fd1);border-radius:4px;padding:4px 2px;background:#e9f5fa;color:#24455d;font:inherit;cursor:pointer;text-align:left}.ay-event>span{font-size:9px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap}.ay-event>small{font-size:9px}.ay-event.is-requested{border-style:dashed;background:repeating-linear-gradient(135deg,#edf5fa 0,#edf5fa 4px,#e1edf4 4px,#e1edf4 6px)}.ay-event.is-partial{border-bottom:2px dotted var(--ay-color,#008fd1)}.ay-event:disabled{cursor:default;opacity:1}.ay-holiday{display:block;font-size:9px;line-height:1;color:#788b46;text-align:right}.ay-overlap{position:absolute;bottom:1px;right:2px;color:#a65e00;font-size:10px;font-weight:800}.ay-warning{color:#a65e00;font-size:10px}
.ay-table-scroll tfoot .ay-person{background:#f5f9fc}.ay-table-scroll tfoot td{background:#f5f9fc;font-size:10px;vertical-align:middle}.ay-table-scroll tfoot strong,.ay-table-scroll tfoot small{display:block}.ay-table-scroll tfoot small{font-size:9px;color:#6a7e8e;margin-top:4px}.ay-pagination,.ay-pagination>div{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.ay-pagination{justify-content:space-between;font-size:12px;color:#5a7184}.ay-legend{display:flex;gap:10px 18px;flex-wrap:wrap;font-size:11px;color:#587085;border-top:1px solid #e2eaf0;padding-top:15px}.ay-method{font-size:11px!important;line-height:1.75!important}.ay-empty{padding:25px;text-align:center;color:#71879a}
@media(max-width:1300px){.ay-filter{grid-template-columns:90px minmax(170px,1fr) minmax(180px,1.4fr)}.ay-year-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:650px){.ay-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.ay-search,.ay-filter>button{grid-column:1/-1}.ay-year-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ay-table-scroll .ay-person{width:160px;min-width:160px}.ay-month-heading>div:last-child{width:100%}.ay-month-heading .button{flex:1}.ay-pagination>div{width:100%;justify-content:space-between}.ay-legend{font-size:10px}.ay-table-scroll{max-height:60vh}}