/* R8.233 LIVE — desktop-only AI microphone + transfer filter cleanup.
   Deliberately limited to fine-pointer desktop/web use so the accepted mobile
   portrait, mobile landscape and tablet layouts are unchanged. */
@media (min-width:761px) and (hover:hover) and (pointer:fine){
  /* Restore the approved branded mic on website/desktop. Earlier desktop
     layers collapse this to a tiny symbol/pill, while mobile already renders
     the approved artwork correctly. */
  html body #appView #view-grades .ask-dasm-entry>#askDasmVoice:not(.recording){
    display:inline-block!important;
    flex:0 0 58px!important;
    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;
    height:60px!important;
    min-height:60px!important;
    max-height:60px!important;
    margin:0 6px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    outline-offset:3px!important;
    box-shadow:none!important;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
    vertical-align:middle!important;
    overflow:visible!important;
    background:transparent url('/dasm-ai-mic-agreed-20260925.webp') center/48px 57px no-repeat!important;
  }
  html body #appView #view-grades .ask-dasm-entry>#askDasmVoice:not(.recording):active{
    transform:scale(.97)!important;
  }

  /* Desktop incoming-player filters. Chrome can render the native <summary>
     disclosure marker as well as our custom chevron, which is the double-arrow
     shown in the screenshot. Suppress the native marker across engines and
     keep one controlled chevron only. */
  #view-windows .tp-inline-picker .tp-builder-filters{
    display:grid!important;
    grid-template-columns:180px 250px 116px!important;
    gap:12px!important;
    align-items:center!important;
    justify-content:start!important;
    overflow:visible!important;
  }
  #view-windows .tp-inline-picker .tp-builder-filters>.tp-multi-filter{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  #view-windows .tp-inline-picker .tp-builder-filters>.tp-multi-filter>summary{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0 13px!important;
    box-sizing:border-box!important;
    border:1px solid #cfdde1!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#244554!important;
    font-size:14px!important;
    font-weight:650!important;
    line-height:1!important;
    list-style:none!important;
  }
  #view-windows .tp-inline-picker .tp-builder-filters>.tp-multi-filter>summary::marker{
    content:''!important;
    font-size:0!important;
  }
  #view-windows .tp-inline-picker .tp-builder-filters>.tp-multi-filter>summary::-webkit-details-marker{
    display:none!important;
  }
  #view-windows .tp-inline-picker .tp-builder-filters>.tp-multi-filter>summary::after{
    content:'▾'!important;
    display:block!important;
    flex:0 0 auto!important;
    margin:0 0 0 10px!important;
    color:#496773!important;
    font-size:13px!important;
    line-height:1!important;
    transform:none!important;
  }
  #view-windows .tp-inline-picker .tp-builder-filters>.tp-multi-filter[open]>summary::after{
    content:'▴'!important;
  }
  #view-windows .tp-inline-picker .tp-builder-filters>button[data-tp-repl-reset]{
    grid-column:3!important;
    width:116px!important;
    min-width:116px!important;
    max-width:116px!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0 12px!important;
    justify-self:start!important;
    border-radius:10px!important;
    box-sizing:border-box!important;
    white-space:nowrap!important;
    font-size:13px!important;
  }
}
