/* Phase 10 -- Leave Management calendar (uses the design-system tokens only) */
.lm-cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.lm-cal-head{font-weight:600;text-align:center;padding:6px 0;color:var(--ds-text-muted,#667085);font-size:var(--fs-label)}
.lm-cal-cell{min-height:92px;padding:6px;border:1px solid var(--ds-border,#e4e7ec);border-radius:10px;background:var(--ds-surface,#fff);display:flex;flex-direction:column;gap:4px;overflow:hidden}
.lm-cal-empty{background:transparent;border-style:dashed;opacity:.35}
.lm-cal-day{font-weight:600;font-size:var(--fs-label)}
.lm-cal-chip{border:1px solid var(--ds-primary,#1f6feb);border-radius:6px;padding:1px 6px;font-size:var(--fs-helper);text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:transparent;color:inherit;cursor:pointer}
.lm-cal-chip.is-approved{background:var(--ds-primary,#1f6feb);color:#fff}
.lm-cal-chip.is-pending{border-style:dashed}
@media (max-width:640px){.lm-cal-grid{grid-template-columns:repeat(7,minmax(44px,1fr));overflow-x:auto}.lm-cal-cell{min-height:64px;padding:3px}.lm-cal-chip{font-size:var(--fs-helper)}}
/* filter bars of the Phase 10 screens: fields share the row evenly instead of mixing narrow and full-width controls */
#content .ds-toolbar[style*="align-items:flex-end"] > .ds-field{flex:1 1 170px;min-width:150px}