#plannerView .range-nav{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
#plannerView .range-title{min-width:150px;text-align:center}
#plannerView .range-title:disabled{color:#d5e2f1;opacity:1;cursor:default}
#plannerView .planner-picker-label{display:flex;align-items:center;gap:7px;color:#9eafc1;font-size:10px;white-space:nowrap}
#plannerView .planner-picker-label[hidden]{display:none}
#plannerView .planner-picker-label input{min-width:132px;height:30px;padding:3px 7px;border:1px solid #354250;border-radius:7px;background:#202932;color:#e3ebf4;font-size:11px;color-scheme:dark}
#plannerView .planner-picker-label input:focus-visible{outline:2px solid #87b5ff;outline-offset:2px}
#plannerView .range-nav>.icon-button:disabled{visibility:hidden;pointer-events:none}
#plannerView .calendar-grid.is-month{min-height:0;grid-auto-rows:minmax(105px,auto)}
#plannerView .calendar-grid.is-month .calendar-day{border-bottom:1px solid #303b46}
#plannerView .calendar-day.is-outside{background:#111820;opacity:.55}
#plannerView .calendar-months{display:grid;gap:24px}
#plannerView .calendar-range h3{margin:4px 0 11px;color:#e4ecf5;font-size:15px;font-weight:600}
#plannerView .calendar-months .calendar-range+.calendar-range{padding-top:18px;border-top:1px solid #303b46}
@media(max-width:700px){#plannerView .range-nav{width:100%}#plannerView .planner-picker-label{width:100%}#plannerView .planner-picker-label input{flex:1;min-width:0}#plannerView .calendar-grid.is-month{overflow-x:auto;grid-template-columns:repeat(7,minmax(90px,1fr))}}