/* v434: Screener filter panel follows the desktop header and matches its controls. */
@media(min-width:1181px){
  /* v352 fixes these values with !important, so repeat the header-collapsed
     geometry at the same priority level. */
  .scalpy-header.is-panel-hidden~#screenerWorkspace .screener-filters{
    top:0!important;
    height:100vh!important;
  }
}

@media(min-width:1101px){
  /* The visible filter-close control uses the same gold handle language as
     the filter opener, while retaining its right-facing close direction. */
  #screenerWorkspace .screener-shell:not(.filters-closed) .screener-filter-toggle{
    left:clamp(-44px,-1.7vw,-34px)!important;
    right:auto!important;
    top:10px!important;
    width:clamp(34px,1.7vw,44px)!important;
    height:clamp(34px,1.5vw,44px)!important;
    display:grid!important;
    place-items:center;
    padding:0!important;
    transform:none!important;
    color:#ffd044!important;
    border:1px solid #e5a600!important;
    border-radius:7px 0 0 7px!important;
    background:linear-gradient(180deg,#3a2b06,#211907)!important;
    box-shadow:inset 0 0 0 1px rgba(255,194,38,.13),0 0 12px rgba(255,185,0,.08)!important;
    font-size:clamp(19px,.7vw,28px)!important;
    line-height:1!important;
  }
  #screenerWorkspace .screener-shell:not(.filters-closed) .screener-filter-toggle:hover,
  #screenerWorkspace .screener-shell:not(.filters-closed) .screener-filter-toggle:focus-visible{
    outline:0;
    border-color:#ffd044!important;
    background:linear-gradient(180deg,#4a3607,#2b2008)!important;
    box-shadow:inset 0 0 0 1px rgba(255,211,84,.2),0 0 16px rgba(255,185,0,.18)!important;
  }
}

/* Chart timeframe gets the same rounded, outlined button language as New Tab. */
#screenerWorkspace .screener-filter-inner>.screener-filter-block:first-child{
  border-radius:7px;
}
#screenerWorkspace #screenerTimeframe{gap:6px}
#screenerWorkspace #screenerTimeframe button{
  height:34px;
  padding:0 4px;
  color:#aab7c9;
  border:1px solid #22354c;
  border-radius:5px;
  background:linear-gradient(145deg,#101c2b,#0b1421);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 3px 10px rgba(0,0,0,.12);
  font:900 clamp(9px,.28vw,11px)/1 Arial,Helvetica,sans-serif;
  letter-spacing:.025em;
  transition:border-color .16s ease,color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease;
}
#screenerWorkspace #screenerTimeframe button:hover:not(.active),
#screenerWorkspace #screenerTimeframe button:focus-visible:not(.active){
  outline:0;
  color:#e0e8f4;
  border-color:#3c536f;
  background:#142033;
  transform:translateY(-1px);
}
#screenerWorkspace #screenerTimeframe button.active{
  color:#ffbd1a;
  border-color:#b7790a;
  background:linear-gradient(105deg,rgba(255,180,0,.20),rgba(255,180,0,.055) 73%);
  box-shadow:inset 0 1px 0 rgba(255,228,154,.15),0 0 16px rgba(255,174,0,.13);
}