.calendar-heatmap{--calendar-heatmap-cell-size: 14px;--calendar-heatmap-cell-gap: 4px}.calendar-heatmap__scroll{overflow-x:auto;padding-bottom:var(--space-2)}.calendar-heatmap__layout{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);min-width:fit-content}.calendar-heatmap__weekdays{display:grid;gap:var(--calendar-heatmap-cell-gap);margin-top:22px}.calendar-heatmap__weekday-label{display:flex;align-items:center;justify-content:flex-end;height:var(--calendar-heatmap-cell-size);color:var(--color-text-muted);font-size:.75rem;line-height:1}.calendar-heatmap__content{min-width:fit-content}.calendar-heatmap__months{display:grid;margin-bottom:var(--space-2)}.calendar-heatmap__month-label{color:var(--color-text-secondary);font-size:.75rem;line-height:1;text-transform:capitalize}.calendar-heatmap__grid{display:flex;gap:var(--calendar-heatmap-cell-gap)}.calendar-heatmap__week-column{display:grid;gap:var(--calendar-heatmap-cell-gap)}.calendar-heatmap__cell{width:var(--calendar-heatmap-cell-size);height:var(--calendar-heatmap-cell-size);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;padding:0;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast);&:hover{transform:translateY(-1px);border-color:var(--color-accent)}&:focus-visible{outline-offset:1px}&[data-in-year=false]{opacity:.35}}.calendar-heatmap__cell--level-0{background:color-mix(in srgb,var(--color-accent) 6%,transparent)}.calendar-heatmap__cell--level-1{background:color-mix(in srgb,var(--color-accent) 30%,transparent)}.calendar-heatmap__cell--level-2{background:color-mix(in srgb,var(--color-accent) 60%,transparent)}.calendar-heatmap__cell--level-3{background:color-mix(in srgb,var(--color-accent) 100%,transparent)}@media(min-width:768px){.calendar-heatmap{--calendar-heatmap-cell-size: 16px;--calendar-heatmap-cell-gap: 5px}}.day-detail-modal{display:grid;gap:var(--space-4)}.day-detail-modal__loading{display:flex;align-items:center;gap:var(--space-3)}.day-detail-modal__error{margin:0;color:var(--color-error)}.day-detail-modal__section{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);padding:var(--space-4);display:grid;gap:var(--space-2);h4,p{margin:0}}.day-detail-modal__list{margin:0;padding-left:var(--space-5);display:grid;gap:var(--space-1)}.day-detail-modal__meta{margin:0;color:var(--color-text-muted);font-size:.8125rem}.month-grid{display:grid;gap:var(--space-4)}.month-grid__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);h2{margin:0;text-transform:capitalize}}.month-grid__nav-button{width:40px;height:40px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast);&:hover{border-color:var(--color-accent);background:var(--color-accent-subtle)}}.month-grid__weekday-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-2);color:var(--color-text-muted);font-size:.8125rem;span{text-align:center}}.month-grid__rows{display:grid;gap:var(--space-2)}.month-grid__row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-2)}.month-grid__day{min-height:64px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary);padding:var(--space-2);display:grid;justify-items:start;align-content:space-between;cursor:pointer;text-align:left;transition:border-color var(--transition-fast),transform var(--transition-fast);&:hover{border-color:var(--color-accent);transform:translateY(-1px)}&:disabled{opacity:.55;cursor:default}&[data-current-month=false]{background:var(--color-bg-primary)}}.month-grid__day-number{font-weight:600}.month-grid__status-dot{width:10px;height:10px;border-radius:var(--radius-full);border:1px solid var(--color-border)}.month-grid__status-dot--closed{background:var(--color-success);border-color:var(--color-success)}.month-grid__status-dot--open{background:var(--color-warning);border-color:var(--color-warning)}.month-grid__status-dot--auto_closed{background:var(--color-error);border-color:var(--color-error)}.month-grid__status-dot--empty{background:transparent}@media(min-width:768px){.month-grid__day{min-height:78px;padding:var(--space-3)}}.calendar-view{display:grid;gap:var(--space-4)}.calendar-view__header{display:flex;flex-direction:column;gap:var(--space-4);h1{margin:0}p{margin:0;color:var(--color-text-secondary)}}.calendar-view__toolbar{display:flex;flex-direction:column;gap:var(--space-3)}.calendar-view__toggle{display:flex;flex-wrap:wrap;gap:var(--space-2)}.calendar-view__year-nav{display:inline-flex;align-items:center;gap:var(--space-2);strong{min-width:80px;text-align:center}}.calendar-view__year-button{width:40px;height:40px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast);&:hover{border-color:var(--color-accent);background:var(--color-accent-subtle)}}.calendar-view__state-card{display:flex;align-items:center;gap:var(--space-3)}@media(min-width:768px){.calendar-view__toolbar{flex-direction:row;align-items:center;justify-content:space-between}}