/* Search from the WorkDeck 96:128 toolbar; fullscreen is its only adjacent action. */
:is(#todayView,#plannerView) .dashboard-tabs .dashboard-search{
  display:flex;
  align-items:center;
  position:absolute;
  top:9px;
  left:calc(50% - 96px);
  transform:translateX(-50%);
  width:min(342px,45vw);
  height:34px;
  padding:0 13px;
  border:1px solid #555b64;
  border-radius:62px;
  background:rgba(255,255,255,.1);
  box-shadow:0 3px 40px #0004,inset 0 1px #ffffff1c;
  color:#dce4ee;
  backdrop-filter:blur(9px);
}
:is(#todayView,#plannerView) .dashboard-tabs .dashboard-search>span{
  flex:none;
  width:18px;
  height:18px;
  overflow:hidden;
  background:url('/assets/figma-frame-96/search.svg') center / contain no-repeat;
  font-size:0;
}
:is(#todayView,#plannerView) .dashboard-tabs .dashboard-search input{font-size:11px}
:is(#todayView,#plannerView) .dashboard-tabs .dashboard-account-actions{margin-left:auto}
:is(#todayView,#plannerView) .rooftop-banner.is-expanded + .dashboard-content .dashboard-search{display:flex;left:50%}
@media(max-width:850px){
  :is(#todayView,#plannerView) .dashboard-tabs .dashboard-search{left:50%;width:min(320px,48vw)}
}
@media(max-width:580px){
  :is(#todayView,#plannerView) .dashboard-tabs .dashboard-search,
  :is(#todayView,#plannerView) .rooftop-banner.is-expanded + .dashboard-content .dashboard-search{left:50%;width:calc(100% - 72px)}
}
