/* Keep the view selector anchored while the date controls change by mode. */
#plannerView .planner-toolbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:minmax(30px,auto) auto;
  align-items:start;
  column-gap:12px;
  row-gap:7px;
}
#plannerView .planner-toolbar .range-nav{grid-column:1;grid-row:1;min-width:0}
#plannerView .planner-toolbar .planner-controls{display:contents!important}
#plannerView .planner-toolbar .planner-controls .view-modes{grid-column:2;grid-row:1;justify-self:end;align-self:start;white-space:nowrap}
#plannerView .planner-toolbar .planner-controls [aria-label="기간 필터"]{grid-column:1;grid-row:2;justify-self:start;align-self:start}
@media(max-width:700px){
  #plannerView .planner-toolbar{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(72px,auto) 34px;row-gap:7px}
  #plannerView .planner-toolbar .range-nav{grid-column:1;grid-row:1}
  #plannerView .planner-toolbar .planner-controls .view-modes{grid-column:1;grid-row:2;justify-self:end}
  #plannerView .planner-toolbar .planner-controls [aria-label="기간 필터"]{grid-column:1;grid-row:2;justify-self:start}
}