/* Two halves and heading follow the original forum monitoring layout. */
.nashVoiceTable { margin: 0; }
.nashVoiceTable .ipsType_sectionTitle { padding: 14px 20px; font-size: 16px; }
.nashVoiceColumns { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 0; padding: 0 8px 8px; }
.nashVoiceTable .webask_mon_table { width: 100%; table-layout: fixed; margin: 0; background: #181818; }
.nashVoiceTable th:first-child { width: 25px; }
.nashVoiceTable th:nth-child(2) { width: 70px; }
.nashVoiceTable th:last-child { width: 110px; }
.nashVoiceTable th, .nashVoiceTable td { text-align: center; }
.nashVoiceTable td { height: 30px; }
.nashVoiceTable td img { vertical-align: middle; object-fit: contain; }
.nashVoiceTable td:nth-child(3) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nashVoiceTable td:nth-child(3) a { color: #ababab; font-weight: normal; }
.nashVoiceState { white-space: nowrap; }
.nashVoiceStateText { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.nashVoiceLamp { display: inline-block; min-width: 50px; padding: 1px 0; border-radius: 8px; color: #fff; background: #4a4949; font-size: 14px; line-height: 18px; }
[data-voice-state="online"] .nashVoiceLamp { background: #005238; }
[data-voice-state="unreachable"] .nashVoiceLamp { background: #72242a; }
.nashVoiceCount { display: block; width: 100px; height: 20px; margin: auto; max-width: 100%; position: relative; background: rgba(66,64,64,.76); border-radius: 3px; overflow: hidden; line-height: 20px; color: #fff; }
.nashVoiceCount::before { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--nash-voice-fill, 0%); background: #009469; border-radius: 3px; transition: width .6s ease; }
.nashVoiceCount span { position: relative; }
.nashVoiceDialog { max-height: 450px; overflow-y: auto; }
.nashVoiceTree img { vertical-align: middle; margin-right: 4px; }
.nashVoiceTree > li { padding-bottom: 6px; }
.nashVoiceTree ul { margin-left: 22px; }
.nashVoiceDiscord { text-align: center; }
.nashVoiceDiscord iframe { display: block; border: 0; max-width: 100%; margin: 0 auto; }

@media (max-width: 650px) {
 .nashVoiceColumns { grid-template-columns: minmax(0,1fr); gap: 8px; }
}
.nashVoiceTable > .ipsfocusBox { padding: 8px; border: 1px solid #3b3b3b; border-radius: 5px; background: #1f1f1f url('/uploads/set_resources_18/005d20f304c7929cbfdb3fe61d088022_box_pattern.png') repeat; }
.nashVoiceTable .ipsType_sectionTitle { padding: 10px 12px 14px; }
.nashVoiceColumns { padding: 0; border-radius: 5px; overflow: hidden; box-shadow: 0 0 5px rgba(0,0,0,.6); }
/* Match the actual category frame. Widget theme resets require scoped overrides. */
li[data-blockid="app_monitoring_wamon_hkwvi1ha8"] {
 padding: 0 !important;
 border: 0 !important;
 background: transparent !important;
 box-shadow: none !important;
}
#nash-voice-monitor > .ipsfocusBox {
 background: #1f1f1f url('/uploads/set_resources_18/005d20f304c7929cbfdb3fe61d088022_box_pattern.png') repeat !important;
 border: 1px solid rgba(255,255,255,.1) !important;
 border-top-color: rgba(255,255,255,.17) !important;
 border-radius: 5px !important;
 padding: 8px !important;
}
#nash-voice-title { padding: 7px 15px 15px !important; }
#nash-voice-monitor .nashVoiceColumns { box-shadow: 0 0 5px rgba(0,0,0,.6) !important; }
#nash-voice-monitor .webask_mon_table:nth-child(2) th:first-child,
#nash-voice-monitor .webask_mon_table:nth-child(2) td:first-child {
 border-left: 1px solid rgba(0,0,0,.5) !important;
}
/* Use the category's own ipsfocusBackground::after inset frame.
   Do not clip its subtle outer edge or add a second drop shadow. */
#nash-voice-monitor .nashVoiceColumns {
 background: #181818 !important;
 border: 0 !important;
 border-radius: 5px !important;
 box-shadow: none !important;
 overflow: visible !important;
 position: relative;
}
#nash-voice-monitor .nashVoiceColumns::after {
 content: "";
 position: absolute;
 inset: 0;
 border-radius: 5px;
 pointer-events: none;
 box-shadow: inset 0 0 9px rgba(0,0,0,.65), 0 0 1px rgba(255,255,255,.12), 0 1px 0 rgba(255,255,255,.1) !important;
}
#nash-voice-monitor .webask_mon_table { background: transparent !important; }
/* A 20px icon needs the full 25px column, without the table's 5px padding. */
#nash-voice-monitor td.mon_ts_new {
 padding: 0 !important;
 text-align: center;
 vertical-align: middle;
}
#nash-voice-monitor td.mon_ts_new img {
 display: block;
 width: 20px;
 height: 20px;
 margin: 0 auto !important;
 object-fit: contain;
}