body{height:100vh;overflow:hidden;background:#eee8de;color:var(--planner-ink)}
body>.bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 72% 8%,rgba(255,255,255,.9),transparent 34%),linear-gradient(135deg,#ebe4da,#f8f4ed 60%,#e8dfd2)}
.calendar-sidebar .planner-sidebar-link{min-height:53px}.calendar-hero{height:195px}
body>.calendar-wrap{position:fixed;z-index:10;top:213px;right:max(18px,calc((100vw - 1480px)/2));bottom:18px;box-sizing:border-box;width:min(calc(100% - var(--planner-sidebar-width) - 36px),1210px);max-width:none;min-height:0;margin:0;padding:28px 31px 28px 0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;background:rgba(255,253,249,.98);border:1px solid rgba(196,175,148,.35);border-radius:0 0 25px 0;box-shadow:22px 28px 60px rgba(52,42,30,.11)}
.calendar-wrap>.dash-nav-shell,.calendar-wrap>.calendar-topbar{display:none!important}
.calendar-wrap>.month-nav{justify-content:flex-start;margin:0 0 16px}.calendar-wrap .month-label{min-width:260px;margin:0;border-radius:0 15px 15px 0;box-shadow:none;background:#fbf7f1}
.calendar-wrap .calendar-layout{grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);align-items:start;gap:16px}
.calendar-wrap .calendar-card{border-color:var(--planner-line);border-radius:0 18px 18px 0;box-shadow:none;background:rgba(255,255,255,.76)}
.calendar-wrap .calendar-month-card,.calendar-wrap #selectedDayCard{scroll-margin-top:18px}.calendar-wrap #selectedDayCard{position:sticky;top:0}.calendar-wrap .day-cell{min-height:112px;border-radius:12px}
.calendar-sidebar-actions{display:grid;gap:9px;margin:16px 10px 10px;padding:14px 0 16px;border-top:1px solid var(--planner-line);border-bottom:1px solid var(--planner-line)}
.calendar-sidebar-actions>span{color:#8f6334;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.calendar-sidebar-month-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.calendar-sidebar-actions .btn{width:100%;min-height:38px;padding:8px 10px;font-size:12px}
@media(max-width:1100px){.calendar-wrap .calendar-layout{grid-template-columns:1fr}.calendar-wrap #selectedDayCard{position:static}}
@media(max-width:900px){body{height:auto;min-height:100vh;padding-top:64px;overflow-x:hidden;overflow-y:auto}.calendar-hero{height:auto}body>.calendar-wrap{position:relative;top:auto;right:auto;bottom:auto;width:100%;margin:0;padding:18px 12px 32px;overflow:visible;border:0;border-radius:0}.calendar-wrap .calendar-card,.calendar-wrap .month-label{border-radius:18px}}