/* The main calendar always uses a full month. The rooftop reveal gets its own week. */
#plannerView.is-calendar-mode .planner-board-layout{grid-template-columns:minmax(0,1fr)}
#plannerView.is-calendar-mode .planner-side-rail{display:none}
#plannerView .expanded-week-panel{display:none;min-width:0;grid-column:1/-1;padding:14px 24px 16px;border-bottom:1px solid #303a45;background:#11171d}
#plannerView .rooftop-banner.is-expanded + .dashboard-content .expanded-week-panel{display:block}
#plannerView .expanded-week-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
#plannerView .expanded-week-heading span{display:block;color:#80b9ff;font-size:9px;font-weight:700;letter-spacing:.14em}
#plannerView .expanded-week-heading h2{margin:4px 0 0;color:#f4f7fa;font-size:16px;font-weight:650}
#plannerView .expanded-week-nav{display:flex;align-items:center;gap:6px}
#plannerView .expanded-week-nav button{min-width:30px;height:29px;padding:0 9px;border:1px solid #374451;border-radius:7px;background:#1d2731;color:#d8e4f0;cursor:pointer}
#plannerView .expanded-week-nav button:hover{border-color:#568dc5;background:#27394b}
#plannerView .expanded-week-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
#plannerView .expanded-week-day{min-width:0;min-height:130px;max-height:155px;padding:9px;border:1px solid #303b47;border-radius:9px;background:#1a222a;overflow:hidden}
#plannerView .expanded-week-day.is-today{border-color:#588dd3;background:#1b2b3a}
#plannerView .expanded-week-day-head{display:flex;align-items:baseline;gap:5px;padding-bottom:6px;border-bottom:1px solid #303b47;color:#9eafc0;font-size:10px}
#plannerView .expanded-week-day-head strong{color:#f1f5f9;font-size:18px;line-height:1}
#plannerView .expanded-week-day-head small{margin-left:auto;color:#8092a5;font-size:9px}
#plannerView .expanded-week-tasks{display:grid;align-content:start;gap:4px;max-height:100px;margin-top:6px;overflow:auto}
#plannerView .expanded-week-task{display:block;width:100%;padding:5px 7px;overflow:hidden;border:1px solid #355172;border-radius:5px;background:#24394e;color:#e6f0fa;font-size:10px;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
#plannerView .expanded-week-task:hover{border-color:#65a7ee;background:#2b4b6a}
#plannerView .expanded-week-task.is-done{border-color:#2a604f;background:#1e3c35;color:#b9d5ca;text-decoration:line-through}
#plannerView .expanded-week-empty{color:#798b9d;font-size:10px}
@media(min-width:851px){#plannerView .rooftop-banner.is-expanded{height:var(--banner-expanded-height)}}
@media(max-width:850px){#plannerView .expanded-week-panel{padding:12px 14px}#plannerView .expanded-week-grid{grid-template-columns:repeat(7,minmax(108px,1fr));overflow-x:auto;padding-bottom:6px}#plannerView .expanded-week-day{min-height:120px;max-height:140px}}
@media(max-width:580px){#plannerView .expanded-week-heading h2{font-size:13px}#plannerView .expanded-week-nav button{padding:0 7px}#plannerView .expanded-week-panel{padding:10px 12px}#plannerView .expanded-week-grid{grid-template-columns:repeat(7,minmax(94px,1fr))}}