.saas-cover-side{gap:var(--saas-space-md);flex-direction:column;min-inline-size:0;display:flex}.saas-cover-side--skeleton{border-radius:var(--saas-radius-lg);background:var(--saas-bg-sunken);min-block-size:320px}.saas-cover-side__block{gap:var(--saas-space-sm);padding:var(--saas-space-md);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-lg);background:var(--saas-bg-surface);flex-direction:column;display:flex}.saas-cover-side__head{align-items:center;gap:var(--saas-space-xs);color:var(--saas-brand-primary);display:flex}.saas-cover-side__head h3{color:var(--saas-text-primary);font-size:var(--saas-font-heading);flex:1;margin:0;font-weight:700}.saas-cover-side__empty{color:var(--saas-text-primary);font-size:var(--saas-font-body);margin:0}.saas-cover-side__insights,.saas-cover-side__list,.saas-cover-side__load{gap:var(--saas-space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.saas-cover-side__insights li{gap:var(--saas-space-sm);padding:var(--saas-space-sm);border-inline-start:3px solid var(--saas-status-info-fill);border-radius:var(--saas-radius-md);background:var(--saas-status-info-subtle);color:var(--saas-status-info);display:flex}.saas-cover-side__insights li[data-tone=danger]{border-inline-start-color:var(--saas-status-danger-fill);background:var(--saas-status-danger-subtle);color:var(--saas-status-danger)}.saas-cover-side__insights li[data-tone=warning]{border-inline-start-color:var(--saas-status-warning-fill);background:var(--saas-status-warning-subtle);color:var(--saas-status-warning)}.saas-cover-side__insights li[data-tone=success]{border-inline-start-color:var(--saas-status-success-fill);background:var(--saas-status-success-subtle);color:var(--saas-status-success)}.saas-cover-side__insights strong{color:var(--saas-text-primary);font-size:var(--saas-font-body);display:block}.saas-cover-side__insights p{margin:var(--saas-space-2xs) 0 0;color:var(--saas-text-primary);font-size:var(--saas-font-body-sm);line-height:1.45}.saas-cover-side__away{align-items:center;gap:var(--saas-space-sm);padding-block:var(--saas-space-xs);border-block-end:1px solid var(--saas-border-default);display:flex}.saas-cover-side__away:last-child{border-block-end:0}.saas-cover-side__who{min-inline-size:0;color:var(--saas-text-primary);font-size:var(--saas-font-body-sm);flex-direction:column;flex:1;align-items:flex-start;gap:2px;display:flex}.saas-cover-side__who strong{font-size:var(--saas-font-body)}.saas-cover-side__tag{padding:0 var(--saas-space-xs);border-radius:var(--saas-radius-full);background:var(--saas-status-neutral-subtle);color:var(--saas-status-neutral);font-weight:600}.saas-cover-side__tag[data-source=leave]{background:var(--saas-tint-blue-bg);color:var(--saas-tint-blue-fg)}.saas-cover-side__tag[data-source=attendance]{background:var(--saas-tint-red-bg);color:var(--saas-tint-red-fg)}.saas-cover-side__tag[data-source=marked_away]{background:var(--saas-tint-yellow-bg);color:var(--saas-tint-yellow-fg)}.saas-cover-side__count{color:var(--saas-status-danger);font-size:var(--saas-font-body-sm);flex-direction:column;align-items:flex-end;display:flex}.saas-cover-side__count[data-done=true]{color:var(--saas-status-success)}.saas-cover-side__count strong{font-size:var(--saas-font-heading);font-variant-numeric:tabular-nums}.saas-cover-side__link{padding:var(--saas-space-2xs) var(--saas-space-xs);border-radius:var(--saas-radius-sm);color:var(--saas-brand-primary);font:inherit;font-size:var(--saas-font-body-sm);cursor:pointer;background:0 0;border:0;font-weight:600}.saas-cover-side__link:hover{background:var(--saas-brand-subtle)}.saas-cover-side__link:focus-visible,.saas-cover-side__upcoming:focus-visible{box-shadow:var(--saas-focus-ring);outline:none}.saas-cover-side__pending{padding:var(--saas-space-xs) var(--saas-space-sm);border-radius:var(--saas-radius-md);background:var(--saas-status-warning-subtle);color:var(--saas-text-primary);font-size:var(--saas-font-body-sm);flex-direction:column;display:flex}.saas-cover-side__pending strong{font-size:var(--saas-font-body)}.saas-cover-side__upcoming{align-items:center;gap:var(--saas-space-sm);inline-size:100%;padding:var(--saas-space-xs) var(--saas-space-sm);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-md);background:var(--saas-bg-surface);font:inherit;text-align:start;cursor:pointer;transition:border-color var(--saas-motion-micro) var(--saas-ease-standard);display:flex}.saas-cover-side__upcoming:hover{border-color:var(--saas-brand-primary)}.saas-cover-side__when{min-inline-size:72px;color:var(--saas-brand-primary);font-size:var(--saas-font-body-sm);font-weight:700}.saas-cover-side__load li{gap:var(--saas-space-sm);color:var(--saas-text-primary);font-size:var(--saas-font-body-sm);grid-template-columns:minmax(0,1fr) 90px 24px;align-items:center;display:grid}.saas-cover-side__load li>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.saas-cover-side__load strong{text-align:end;font-variant-numeric:tabular-nums}.saas-cover-side__bar{border-radius:var(--saas-radius-full);background:var(--saas-bg-sunken);block-size:8px;display:block;overflow:hidden}.saas-cover-side__bar span{border-radius:var(--saas-radius-full);background:var(--saas-chart-1);block-size:100%;display:block}