/* Day and Week use flat lists. Month shares the same items in a quiet grid. */
#v-calendar{min-width:0}
#v-calendar .work-calendar-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px}
#v-calendar .work-calendar-switch,#v-calendar .work-calendar-navigation{display:flex;flex-wrap:wrap;gap:4px}
#v-calendar button{min-height:44px;min-width:44px;white-space:normal}
#v-calendar [aria-pressed="true"]{background:var(--accent-strong);color:var(--on-accent)}
#workCalendarRange{overflow-wrap:anywhere}
#workCalendarMessage:empty{display:none}
#workCalendarDays{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
#v-calendar .work-calendar-day{min-width:0;border-top:1px solid var(--line);padding-top:12px}
#v-calendar .work-calendar-day h2{font-size:16px;margin:0 0 12px}
#v-calendar .work-calendar-all-day{font-size:12px;color:var(--ink-faint);font-weight:500;margin:8px 0}
#v-calendar .work-calendar-list{list-style:none;padding:0;margin:0}
#v-calendar .work-calendar-item{display:flex;align-items:flex-start;gap:12px;text-align:left;width:100%;padding:12px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);font:inherit;cursor:pointer;overflow-wrap:anywhere}
#v-calendar .work-calendar-item:hover{background:var(--sunken)}
#v-calendar .work-calendar-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#v-calendar .work-calendar-time{flex:0 0 90px;font-size:13px}
#v-calendar .work-calendar-detail{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
#v-calendar .work-calendar-person,#v-calendar .work-calendar-empty,#v-calendar .work-calendar-modeling{color:var(--ink-faint)}
#v-calendar .work-calendar-modeling{font-size:13px}
#v-calendar .pill{max-width:100%;white-space:normal}
@media(min-width:1100px){
 #workCalendarDays[data-mode="week"]{grid-template-columns:repeat(7,minmax(0,1fr));gap:16px}
 #workCalendarDays[data-mode="week"] .work-calendar-item{flex-direction:column;gap:6px}
 #workCalendarDays[data-mode="week"] .work-calendar-time{flex:auto}
}
@media(max-width:480px){
 #v-calendar .work-calendar-item{flex-wrap:wrap;gap:8px}
 #v-calendar .work-calendar-item .pill{margin-left:98px}
 #v-calendar .work-calendar-detail{flex-basis:calc(100% - 98px)}
}
.work-calendar-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-width:0}
#v-calendar .work-calendar-weekday{font-size:12px;color:var(--ink-faint);padding:8px 0;text-align:center}
#v-calendar .work-calendar-cell{min-width:0;border-top:1px solid var(--line);padding:0 4px 8px}
#v-calendar .work-calendar-date{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;padding:4px 0;border:0;border-radius:0;background:transparent;color:var(--ink);font:inherit;cursor:pointer}
#v-calendar .work-calendar-date[aria-current="date"]{font-weight:700;text-decoration:underline}
#v-calendar .work-calendar-date[aria-pressed="true"]{background:var(--sunken);color:var(--ink)}
#v-calendar .work-calendar-outside .work-calendar-date{color:var(--ink-faint)}
#v-calendar .work-calendar-month-items{list-style:none;margin:0;padding:0}
#v-calendar .work-calendar-month-item,#v-calendar .work-calendar-more{display:block;width:100%;padding:6px 2px;border:0;border-radius:0;background:transparent;color:var(--ink);font:inherit;font-size:12px;text-align:left;overflow-wrap:anywhere;cursor:pointer}
#v-calendar .work-calendar-month-item span{display:block;font-weight:600}
#v-calendar .work-calendar-month-item.work-calendar-modeling{color:var(--ink-faint)}
#v-calendar .work-calendar-more{color:var(--link)}
#v-calendar .work-calendar-month-item:hover,#v-calendar .work-calendar-more:hover,#v-calendar .work-calendar-date:hover{background:var(--sunken)}
#v-calendar .work-calendar-count,#v-calendar .work-calendar-selected{display:none}
@media(max-width:600px){
 #v-calendar .work-calendar-cell{padding:0}
 #v-calendar .work-calendar-month-items,#v-calendar .work-calendar-more{display:none}
 #v-calendar .work-calendar-count{display:block;font-size:11px;line-height:14px;color:var(--ink-faint)}
 #v-calendar .work-calendar-selected{display:block;min-width:0}
}