/* Shared audio portal layout — sidebar, page wrap */

#ng-col-center { padding: 0; }
.audio-page-wrap { display: flex; width: 100%; }
.audio-main { flex: 1; width: 0; min-width: 0; padding: 8px 6px; }

.audio-left {
  width: 210px;
  flex-shrink: 0;
  background: url("/assets/audio/layout04/side_bg.gif") repeat-y;
  background-color: #1a1a1a;
}
.audio-left-finger {
  width: 10px;
  flex-shrink: 0;
  background: url("/assets/audio/layout04/side_a-bot_finger_n.gif") repeat-y;
}

.audio-top5-row-1 { background: url("/assets/audio/layout04/side_1.gif") repeat-x; height: 31px; display: flex; align-items: center; padding: 0 4px 0 55px; }
.audio-top5-row-2 { background: url("/assets/audio/layout04/side_2.gif") repeat-x; height: 31px; display: flex; align-items: center; padding: 0 4px 0 55px; }
.audio-top5-row-3 { background: url("/assets/audio/layout04/side_3.gif") repeat-x; height: 31px; display: flex; align-items: center; padding: 0 4px 0 55px; }
.audio-top5-row-4 { background: url("/assets/audio/layout04/side_4.gif") repeat-x; height: 31px; display: flex; align-items: center; padding: 0 4px 0 55px; }
.audio-top5-row-5 { background: url("/assets/audio/layout04/side_5.gif") repeat-x; height: 31px; display: flex; align-items: center; padding: 0 4px 0 55px; }
.audio-top5-title { font-family: 'Iosevka', Arial, monospace; font-size: 10px; color: #ccc; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 140px; }
.audio-top5-sub   { font-family: 'Iosevka', Arial, monospace; font-size: 9px; color: #888; }

.audio-search-bg {
  background: url("/assets/audio/layout04/side_search_bg.gif") repeat-y;
  background-color: #111;
  padding: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
.audio-search-bg select {
  font-family: 'Iosevka', Arial, monospace; font-size: 10px; color: #FFCC00;
  background-color: #5B3737; border: 1px solid #000; padding: 1px 2px;
}
.audio-search-bg input[type=text] {
  font-family: 'Iosevka', Arial, monospace; font-size: 10px; font-weight: bold;
  background-color: #FFCC00; color: #000;
  border-left: 2px solid #000; border-top: 2px solid #000;
  border-right: 1px solid #45494F; border-bottom: 1px solid #45494F;
  padding: 1px 4px; width: 100px;
}
.audio-search-bg input[type=submit] {
  font-family: 'Iosevka', Arial, monospace; font-size: 10px; font-weight: bold; color: #FFCC00;
  background-color: #41464E;
  border-left: 1px solid #20252A; border-top: 1px solid #20252A;
  border-right: 1px solid #5F666B; border-bottom: 1px solid #5F666B;
  cursor: pointer; padding: 1px 6px;
}