.hr-cal-layout{gap:var(--space-4);grid-template-columns:minmax(0,1fr);grid-template-areas:"nav""sum""cal";display:grid}.hr-cal-layout__nav{grid-area:nav}.hr-cal-layout__sum{grid-area:sum}.hr-cal-layout__cal{grid-area:cal;min-width:0}.hr-day__span{display:none}@media (width>=1024px){.hr-cal-layout{--hr-sum-w:clamp(320px, 24vw, 400px);grid-template-columns:var(--hr-sum-w) minmax(0, 1fr);column-gap:var(--space-3);grid-template-rows:auto 1fr;grid-template-areas:"nav nav""sum cal";align-items:start;container-type:inline-size}.hr-cal-layout__sum{top:calc(var(--header-h) + var(--space-6));position:sticky}.hr-cal-layout__cal{height:clamp(400px, calc((100cqw - var(--hr-sum-w) - var(--space-3)) * .7), calc(100dvh - var(--header-h) - 200px));grid-template-rows:minmax(0,1fr) auto;display:grid}@container ui-cal (width>=560px){.hr-day__span{display:block}}}.hr-gauge__labels{height:var(--leading-sub);position:relative}.hr-gauge__label{white-space:nowrap;font-size:var(--text-sub);line-height:var(--leading-sub);color:var(--ink-2);position:absolute;top:0;left:0}.hr-gauge__label b{font-weight:var(--weight-semibold)}.hr-gauge__label.is-act{color:var(--ink)}.hr-gauge__label.is-proj{color:var(--ink-3)}.hr-gauge__label.is-over{color:var(--danger)}.hr-gauge__labels--scale{height:var(--leading-caption)}.hr-gauge__labels--scale .hr-gauge__label{font-size:var(--text-caption);line-height:var(--leading-caption)}.hr-gauge__track{height:12px;margin:var(--space-1) 0;border-radius:var(--radius-pill);background:var(--gauge-track);position:relative;overflow:hidden}.hr-gauge__fill{height:100%;transition:width .4s ease-out;position:absolute;top:0;left:0}.hr-gauge__fill.is-proj{background:var(--gauge-proj);z-index:1}.hr-gauge__fill.is-proj.is-over{background:var(--gauge-over)}.hr-gauge__fill.is-act{background:var(--gauge-act);z-index:2}.hr-gauge__cut{background:var(--surface);z-index:3;width:3px;margin-left:-1.5px;position:absolute;top:0;bottom:0}.hr-pill--work{--pill-c:var(--work);--pill-bg:var(--work-bg)}.hr-pill--holwork{--pill-c:var(--holwork);--pill-bg:var(--holwork-bg)}.hr-pill--leaveday{--pill-c:var(--leave);--pill-bg:var(--leave-bg)}.hr-day__hl{color:var(--leave);font-weight:var(--weight-medium)}.hr-legend{margin-top:var(--space-3)}.hr-legend i{width:12px;height:12px}.hr-legend__work{background:var(--work-bg);box-shadow:inset 0 0 0 1.5px var(--work)}.hr-legend__holwork{background:var(--holwork-bg);box-shadow:inset 0 0 0 1.5px var(--holwork)}.hr-legend__leave{background:var(--leave-bg);box-shadow:inset 0 0 0 1.5px var(--leave)}.hr-legend__hl{background:var(--leave)}.hr-legend__red{background:var(--rise)}.hr-month-cell{align-items:center;gap:var(--space-2);font-weight:var(--weight-bold);display:inline-flex}.hr-leave{gap:var(--space-3);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.hr-leave__side{display:contents}.hr-leave__bal{top:calc(var(--header-h) + env(safe-area-inset-top));z-index:5;position:sticky}.hr-leave__bal .ui-card{padding:var(--space-3)}.hr-leave__cells{gap:var(--space-2);margin-top:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.hr-leave__cell{background:var(--surface-2);border-radius:var(--radius-md);padding:var(--space-2);text-align:center;min-width:0}.hr-leave__k{font-size:var(--text-caption);color:var(--ink-2)}.hr-leave__v{font-size:var(--text-title-2);font-weight:var(--weight-semibold);white-space:nowrap;line-height:1.6}.hr-leave__v small{font-size:var(--text-caption);margin:0 1px}.hr-leave__cell.is-left.is-ok .hr-leave__v{color:var(--success)}.hr-leave__cell.is-left.is-zero .hr-leave__v{color:var(--warning)}.hr-leave__cell.is-left.is-over .hr-leave__v{color:var(--danger)}.hr-leave__grant{align-items:center;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.hr-ys--plan{--ys-c:var(--primary-fill)}.hr-ys--used,.hr-ys--hl,.hr-ys--blk{--ys-c:var(--leave-mid)}.hr-ys--hol,.hr-ys--wknd{--ys-c:var(--holiday-mid)}.hr-leave__months{gap:var(--space-3);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.hr-leave__month{padding:var(--space-3) var(--space-2) var(--space-2);min-width:0}.hr-leave__month-head{align-items:center;gap:var(--space-2);min-height:calc(var(--leading-caption) + var(--space-2) + var(--space-1));padding:0 var(--space-2) var(--space-1);display:flex}.hr-leave__title{font-size:var(--text-row);font-weight:var(--weight-bold);margin:0}.hr-lv--plan{--cal-cell-bg:var(--primary-fill);--cal-cell-ink:var(--on-primary)}.hr-lv--used{--cal-cell-bg:var(--leave-bg);--cal-cell-ink:var(--leave)}.hr-lv--hl{--cal-cell-bg:var(--leave-bg)}.hr-lv--blk{--cal-cell-ring:inset 0 0 0 1.5px var(--leave);--cal-cell-ink:var(--leave)}.hr-lv--past{--cal-num-opacity:.5}.hr-lv__hl{right:var(--space-1);bottom:var(--space-1);font-style:normal;font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--leave);line-height:1;position:absolute}.hr-lv-key--plan{background:var(--primary-fill)}.hr-lv-key--used{background:var(--leave-bg);box-shadow:inset 0 0 0 1.5px var(--leave)}.hr-lv-key--hl{background:var(--leave-bg);box-shadow:inset 0 0 0 1px var(--leave-mid)}.hr-lv-key--blk{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--leave)}.hr-lv-key--hol{background:var(--rise)}@media (width>=600px){.hr-leave__months{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.hr-leave{gap:var(--space-4)}.hr-leave__side{gap:var(--space-3) var(--space-4);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,2fr) minmax(0,3fr);min-width:0;display:grid}.hr-leave__bal{grid-area:1/1/span 2;display:flex;position:static}.hr-leave__bal .ui-card{padding:var(--card-pad-y) var(--card-pad-x);flex-direction:column;flex:1;display:flex}.hr-leave__guide{padding-top:var(--space-6);margin-top:auto}.hr-leave__strip{grid-area:1/2/span 2}.hr-leave__months{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(max(300px,23%),1fr))}}.hr-hol-name{color:var(--ink-2);overflow-wrap:anywhere;font-weight:400}.hr-yearbar{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;min-width:0;display:flex}.hr-yearbar>:first-child{flex:auto;min-width:0}.hr-yearbar>.ui-chips{flex:220px}.hr-yearbar>.ui-period{justify-content:flex-start}.hr-yearbar>.btn{flex:none}.hr-yearbar .ui-period__label{min-width:0}.hr-basis__label{font-size:var(--text-caption);color:var(--ink-3);white-space:nowrap}.hr-basis{align-items:center;gap:var(--space-2);flex:none;grid-auto-flow:column;max-width:100%;margin-left:auto;display:inline-grid}.hr-basis .ui-seg__btn{white-space:nowrap;flex:none}