/* Carregado após os estilos dos módulos: teclado, movimento e telas pequenas. */
:where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #ffe17c;outline-offset:3px}
.account-title h1,.account-panel-header h2,.remote-header h2,.admin-toolbar p{overflow-wrap:anywhere;min-width:0}
.account-panel-header>div,.remote-header>div{min-width:0}
@media(prefers-reduced-motion:reduce){
  .studio-players .compact-player,.pad-card,.studio-players .pad-card,.radio-schedule{animation:none!important;transition:none!important}
}
@media(max-width:760px),(pointer:coarse){
  .user-bar a,.user-bar button,summary,.sequence-control,.end-player-label,.jingle-switch,.clock-switch,.bed-switch,.echo-switch,.cue-echo>label:first-child{min-height:44px!important}
  .user-bar a{display:inline-flex;align-items:center}
  button,.compact-player .file-options button,.compact-player .toggle,.compact-volume button,.advance-track,.studio-voice .record-item button,.studio-voice .record-download,.master-volume button,.cue-volume button,.pad-toggle,.requests-panel button,.remote-panel button,.account-panel-close,#mesa .monitor-control button,.user-bar button,#mesa .transmission #stream-form button{min-height:44px!important}
  .compact-volume button,.cue-volume button,.master-volume button,.clear-track,.jingle-clear{min-width:44px!important}
  input[type=range],.compact-player input[type=range],.master-volume input[type=range],.cue-volume input[type=range],.radio-return-volume input{min-height:44px!important;height:44px!important}
  input[type=file]:not(.sr-only),input[type=file]::file-selector-button{min-height:44px}
  .record-download{display:inline-flex;align-items:center}
  summary{padding-block:10px;max-width:100%}
  .accounts-body .edit-action,.accounts-body .delete-action,.secondary-action{min-height:44px;display:inline-flex;align-items:center}
}
@media(max-width:760px){
  #mesa .compact-player .file-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .compact-player .file-options button,.compact-player .file-options .open-local,.compact-player .file-options .open-remote,.compact-player .file-options .player-preview{font-size:11px;line-height:1.35;min-width:0;padding:6px 3px}
  #mesa .compact-player .file-options .clear-track{font-size:20px;min-width:44px;width:auto}
  .compact-volume{grid-template-columns:44px minmax(0,1fr) 44px 36px}
  .cue-volume-controls{grid-template-columns:44px minmax(0,1fr) 44px 30px}
  .master-volume{grid-template-columns:44px minmax(0,1fr) 44px 38px 48px}
  .master-volume label{grid-column:1/-1}
  .compact-player .toggle{font-size:12px}
  .compact-player .filename,.pad-card .filename{white-space:normal;overflow-wrap:anywhere;font-size:12px}
  .compact-player .message{white-space:normal}
  .remote-header,.account-panel-header{gap:10px;flex-wrap:wrap}
  .remote-header h2{font-size:20px}
  .remote-panel{padding:14px;max-width:calc(100vw - 16px)}
  .playlist-tools{flex-wrap:wrap}
  .request-state{white-space:normal}
  .account-panel{width:100%;max-width:100%;height:100dvh;max-height:100dvh}
  .accounts-body input:not([type=checkbox]):not([type=radio]),.accounts-body select,.accounts-body textarea,.song-annotation input,.remote-panel input[type=text],.remote-panel input[type=search],.remote-panel select{font-size:16px!important}
  .accounts-body .account-table table{min-width:0;table-layout:fixed}
  .accounts-body .account-table th,.accounts-body .account-table td{padding:10px 5px;overflow-wrap:anywhere}
  .accounts-body .account-table th:first-child{width:30%}
  .accounts-body .account-table th:last-child{width:27%}
  .accounts-body .user-actions{flex-wrap:wrap}
  .accounts-body .status-badge{white-space:normal}
}