.agenda-calendar-enabled{overflow:hidden;padding:0}.calendar-nav{display:grid;grid-template-columns:42px 1fr 42px;gap:10px;align-items:center;padding:18px;border-bottom:1px solid var(--line)}.calendar-nav>button{width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:var(--white);color:var(--ink);font-size:28px}.calendar-nav div{text-align:center}.calendar-nav small{display:block;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.08em}.calendar-nav h2{margin:4px 0 0;font-size:18px;text-transform:capitalize}.calendar-actions{display:flex;align-items:end;justify-content:center;gap:10px;padding:12px 16px;background:var(--cream)}.calendar-actions button{height:40px;padding:0 18px;border:0;border-radius:11px;background:var(--forest2);color:#fff;font-weight:850}.calendar-actions label{margin:0;font-size:10px;color:var(--muted)}.calendar-actions input{height:40px;margin-top:4px}.calendar-tip{margin:0;padding:10px 16px;color:var(--muted);font-size:11px;text-align:center}.calendar-scroll{display:grid;grid-template-columns:54px minmax(520px,1fr);max-height:65vh;overflow:auto;border-top:1px solid var(--line)}.calendar-time-labels,.calendar-track{display:grid;grid-template-rows:repeat(var(--calendar-rows),42px)}.calendar-time-labels{padding-top:45px;background:var(--cream)}.calendar-time-labels span{padding:4px 8px 0 0;border-top:1px solid var(--line);color:var(--muted);font-size:11px;text-align:right}.calendar-columns{display:grid;grid-auto-columns:minmax(170px,1fr);grid-auto-flow:column}.calendar-professional{min-width:170px;border-left:1px solid var(--line)}.calendar-professional>header{position:sticky;z-index:4;top:0;display:flex;align-items:center;justify-content:center;gap:7px;height:45px;padding:0 8px;border-bottom:1px solid var(--line);background:var(--white)}.calendar-professional>header i{width:9px;height:9px;border-radius:50%}.calendar-professional>header b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-track{position:relative}.calendar-slot{z-index:1;min-height:42px;border:0;border-top:1px solid var(--line);background:transparent}.calendar-slot:hover,.calendar-slot:active{background:color-mix(in srgb,var(--forest2) 10%,transparent)}.calendar-event,.calendar-block{z-index:3;min-height:38px;margin:2px 5px;padding:6px 8px;border:0;border-left:4px solid var(--event);border-radius:8px;background:color-mix(in srgb,var(--event) 16%,var(--white));color:var(--ink);overflow:hidden;text-align:left}.calendar-event small,.calendar-event b,.calendar-event span{display:block}.calendar-event small{font-size:9px;color:var(--muted)}.calendar-event b{margin:2px 0;font-size:12px}.calendar-event span{font-size:10px}.calendar-block{border-left-color:#64748b;background:#e7e9e8;color:#52605b}.calendar-block b,.calendar-block small{display:block}.calendar-block small{margin-top:3px;font-size:9px}.agenda-calendar-enabled+.agenda-stack{display:none}body[data-theme="dark"] .calendar-actions,body[data-theme="dark"] .calendar-time-labels{background:#101916}body[data-theme="dark"] .calendar-event{background:color-mix(in srgb,var(--event) 24%,#17211e)}body[data-theme="dark"] .calendar-block{background:#2b3532;color:#d4ded9}
@media(max-width:700px){.agenda-calendar-enabled{margin-left:-2px;margin-right:-2px}.calendar-nav{padding:14px 10px}.calendar-nav h2{font-size:15px}.calendar-actions{align-items:center}.calendar-actions label{max-width:150px}.calendar-scroll{grid-template-columns:48px minmax(340px,1fr);max-height:58vh}.calendar-columns{grid-auto-columns:minmax(165px,1fr)}.calendar-time-labels span{padding-right:5px;font-size:10px}}
.calendar-actions .calendar-completed-toggle{background:transparent;color:var(--forest2);border:1px solid color-mix(in srgb,var(--forest2) 35%,var(--line))}.calendar-actions .calendar-completed-toggle[aria-pressed="true"]{background:color-mix(in srgb,var(--forest2) 12%,var(--white))}.calendar-event.is-completed{opacity:.68;filter:saturate(.55)}.calendar-event.is-completed small{font-weight:900}
@media(max-width:700px){.calendar-actions{flex-wrap:wrap}.calendar-actions .calendar-completed-toggle{order:3;width:100%;height:36px}.calendar-actions label{flex:1}}
@media(max-width:700px){.calendar-scroll{scroll-padding-bottom:96px}.calendar-event{padding:4px 7px}.calendar-event small{font-size:8px;line-height:1.1}.calendar-event b{margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.15}.calendar-event span{display:none}}
