.month-calendar{min-width:0;background:var(--panel,#fff);border:1px solid var(--line);border-radius:14px;overflow:hidden}.calendar-toolbar,.calendar-layers{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:18px 22px;border-bottom:1px solid var(--line)}.calendar-toolbar h2{margin:0 auto 0 0}.calendar-layers button[aria-pressed=true]{background:var(--green);color:white}.calendar-legend{display:flex;flex-wrap:wrap;gap:8px 20px;padding:14px 22px;font-size:11px}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.month-weekday{padding:12px;color:var(--muted);font-size:11px;text-transform:uppercase}.month-week{grid-column:1/-1;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));position:relative;padding-top:32px;grid-template-rows:repeat(var(--lanes),20px);border-top:1px solid var(--line)}.month-day{grid-row:1 / span 100;min-width:0;min-height:calc(130px + var(--lanes)*20px);border-right:1px solid var(--line);position:relative;padding:calc(var(--lanes)*20px + 8px) 4px 8px}.month-day:nth-child(1){grid-column:1}.month-day:nth-child(2){grid-column:2}.month-day:nth-child(3){grid-column:3}.month-day:nth-child(4){grid-column:4}.month-day:nth-child(5){grid-column:5}.month-day:nth-child(6){grid-column:6}.month-day:nth-child(7){grid-column:7}.month-number{position:absolute;top:-28px;left:6px;border:0;background:transparent;color:inherit;border-radius:50%;width:25px;height:25px}.is-today{background:color-mix(in srgb,var(--green) 7%,transparent)}.is-today .month-number{background:var(--green);color:white}.outside .month-number{opacity:.4}.calendar-chip{display:block;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:color-mix(in srgb,var(--project-color) 12%,var(--panel,#fff));color:var(--project-color);border:0;border-left:3px solid var(--project-color);padding:5px;font-size:11px;margin:3px 0;border-radius:4px}.calendar-band{z-index:1;align-self:start;height:17px;padding:1px 5px;margin:1px 2px;width:calc(100% - 4px);font-size:10px}.calendar-band.phase{opacity:.75;border-left:0;border-bottom:2px solid var(--project-color)}.calendar-chip.done{text-decoration:line-through;opacity:.65}.calendar-more{border:0;background:transparent;color:var(--muted);font-size:11px}.calendar-foot{padding:16px;font-size:11px;color:var(--muted)}.month-dots{display:none}.calendar-detail{max-width:calc(100vw - 24px);max-height:85vh;overflow:auto;color:var(--ink);background:var(--panel,#fff)}.calendar-detail label{display:block;margin:12px 0}.calendar-detail input:not([type=checkbox]),.calendar-detail select{display:block;width:100%;padding:8px}.calendar-detail>button{margin:5px}.calendar-modes{display:none!important}@media(max-width:700px){.calendar-toolbar,.calendar-layers{padding:10px}.calendar-toolbar h2{font-size:18px;order:-1;width:100%}.calendar-legend{max-height:65px;overflow:auto;padding:10px}.month-week{padding-top:32px;grid-template-rows:1fr}.month-day{min-height:35px;padding:0}.calendar-band,.month-items{display:none}.month-dots{display:block;border:0;background:transparent;color:var(--green);width:100%;padding:5px}.month-weekday{padding:8px 2px;text-align:center;font-size:10px}.month-number{left:calc(50% - 12px)}}

:root[data-theme="dark"] .month-calendar,:root[data-theme="dark"] .calendar-detail{--panel:#202d26;background:var(--panel)}

.month-calendar,.calendar-detail{font-family:"DM Sans",Arial,sans-serif}.calendar-toolbar h2{font-family:Manrope,Arial,sans-serif;font-size:24px}.calendar-layers select{padding:8px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink)}

:root[data-theme="dark"] .calendar-chip,:root[data-theme="dark"] .calendar-legend span{color:color-mix(in srgb,var(--project-color) 45%,white)!important}:root[data-theme="dark"] .calendar-band.phase{opacity:1}:root[data-theme="dark"] .calendar-chip.done{opacity:.8}