.mobile-mushra { text-align: left; }
.mobile-toolbar { position: sticky; top: 8px; z-index: 20; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px; border: 1px solid #ccc; border-radius: 10px; background: #fff; box-shadow: 0 3px 10px #00000012; }
.mobile-reference { display: flex; align-items: center; gap: 12px; }
.mobile-toolbar .ui-btn, .mobile-condition .ui-btn { min-height: 44px; box-sizing: border-box; margin: 0 !important; }
.mobile-conditions { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; }
.mobile-condition { min-width: 0; padding: 14px; background: #fff; border: 1px solid #ccc; border-radius: 10px; }
.mobile-condition-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.mobile-condition-heading label { font-weight: bold; margin: 0; }
.mobile-condition .ui-slider { margin: 10px 0; }
.mobile-condition .ui-slider-input { width: 54px; height: 44px; box-sizing: border-box; font-size: 16px; }
.mobile-condition .ui-slider-track { margin-left: 76px; margin-right: 20px; height: 14px; }
.mobile-condition .ui-slider-handle { width: 40px; height: 40px; margin-top: -21px; margin-left: -20px; touch-action: none; }
.mobile-range-labels { display: flex; justify-content: space-between; padding-left: 76px; font-size: 12px; color: #555; }
.mobile-rating-help, .mobile-quality-guide { font-size: 14px; line-height: 1.5; }
.mobile-waveform { min-width: 0; margin: 20px 0; }
.mobile-waveform #waveTable { table-layout: fixed; }
.mobile-waveform canvas { max-width: 100%; }
.mobile-waveform .noUi-handle { touch-action: none; }
@media (max-width: 1024px) {
  body.ui-mobile-viewport, div.ui-mobile-viewport { overflow-x: hidden; }
  .ui-mobile .ui-page-active { overflow-x: hidden; }
  #container { padding: 0 12px; box-sizing: border-box; }
  #header { width: 100% !important; box-sizing: border-box; font-size: 16px; line-height: 1.4; padding: 12px; }
  #page_progressbar { width: min(100%, 30em); }
  #page_content { padding: 12px; overflow-wrap: break-word; }
  #page_content p { line-height: 1.5; }
  #page_content table:not(#mushra_items):not(#mainDown) { max-width: 100%; }
  #page_content table[width="600"] { width: 100%; }
  #page_content input, #page_content select { font-size: 16px; }
  #page_navigation { margin-bottom: env(safe-area-inset-bottom); padding: 10px; }
  #__button_next { width: 100%; min-height: 48px; margin: 0; box-sizing: border-box; }
  #resumeBlock { min-height: 48px; }
  li, .left { width: auto; margin-left: 0; }
  table.logo { float: none; margin: 16px auto; max-width: 100%; }
  img.logo { max-width: 23vw; height: auto; max-height: 32px; }
  td.logo { padding: 0 4px; }
  #popupDialog, #popupDialog > div, #popupErrors { max-width: calc(100vw - 32px); box-sizing: border-box; }
  #popupDialog [data-role="header"] { width: auto !important; }
}
@media (max-width: 359px) {
  .mobile-conditions { grid-template-columns: minmax(0, 1fr); }
  .mobile-condition { padding: 10px; }
}
@media (max-width: 1024px) {
  body.ui-mobile-viewport, div.ui-mobile-viewport, .ui-mobile .ui-page-active { overflow-x: clip; overflow-y: visible; }
  #page_content { overflow: visible; }
}
.mobile-condition .ui-slider .ui-slider-handle { width: 40px !important; height: 40px !important; top: 50% !important; margin-top: -20px !important; margin-left: -20px !important; }
@media (max-width: 1024px) {
  #page_content .default_padding { display: block; width: 100%; border-spacing: 0; }
  #page_content .default_padding tbody, #page_content .default_padding tr, #page_content .default_padding td, #page_content .default_padding table { display: block; width: auto; }
  #page_content .default_padding table tr { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
  #page_content .default_padding table tr > td:nth-child(3) { flex: 1 0 100%; }
  #page_content .fileplayer_progressbar { width: 100%; box-sizing: border-box; margin: 4px 0 12px; }
  #page_content .default_padding .ui-btn { min-height: 44px; margin: 0; }
}