.meeting-monitor { color: var(--admin-text, #27354b); background: var(--admin-surface, #fff); min-width: 0; }
.meeting-monitor-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--admin-border, #dce3ed); }
.meeting-monitor-heading h2 { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 18px; }
.meeting-monitor-updated, .meeting-monitor-stale { margin-inline-start: auto; font-size: 12px; color: var(--admin-muted, #6e7d95); }
.meeting-monitor-stale { color: var(--admin-warn, #a65f05); }
.meeting-monitor-check { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; white-space: nowrap; }
.meeting-monitor-check input { accent-color: var(--admin-orange, #e8650a); }
.meeting-monitor-refresh { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 32px; width: 32px; height: 32px; padding: 4px; border: 1px solid var(--admin-border, #dce3ed); border-radius: 4px; background: var(--admin-surface, #fff); color: inherit; cursor: pointer; }
.meeting-monitor-refresh:disabled { opacity: 0.5; cursor: wait; }
.meeting-monitor-refresh svg { width: 20px; height: 20px; }
.meeting-monitor-counts { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 0; padding: 12px 16px; gap: 12px; border-bottom: 1px solid var(--admin-border, #dce3ed); }
.meeting-monitor-counts > div { min-width: 0; border-inline-start: 3px solid var(--admin-orange, #e8650a); padding-inline-start: 10px; }
.meeting-monitor dt { font-size: 12px; overflow-wrap: anywhere; }
.meeting-monitor dd { margin: 4px 0 0; font-size: 24px; font-weight: 700; font-variant-numeric: tabular-nums; }
.meeting-monitor-resources { padding: 12px 16px; border-bottom: 1px solid var(--admin-border, #dce3ed); background: var(--admin-soft, #f4f7fa); }
.meeting-monitor-resources > header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
.meeting-monitor-resources h3 { margin: 0; font-size: 14px; }
.meeting-monitor-resources header > span { color: var(--admin-muted, #6e7d95); font-size: 11px; }
.meeting-monitor-resources dl { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin: 14px 0 0; }
.meeting-monitor-resources dl > div { min-width: 0; }
.meeting-monitor-resources dd { font-size: 20px; text-align: start; }
.meeting-monitor-resources small { display: block; margin-top: 3px; font-size: 11px; color: var(--admin-muted, #6e7d95); overflow-wrap: anywhere; }
.meeting-monitor-resources .is-high dd { color: var(--admin-danger, #cb3d4d); }
.meeting-monitor-resources .is-elevated dd { color: var(--admin-warn, #a65f05); }
.meeting-monitor-tools { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding: 12px 16px; }
.meeting-monitor-tools [role="tablist"] { display: flex; border-bottom: 1px solid var(--admin-border, #dce3ed); }
.meeting-monitor-tools [role="tab"] { min-height: 32px; padding: 4px 14px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: inherit; cursor: pointer; }
.meeting-monitor-tools [role="tab"][aria-selected="true"] { border-bottom-color: var(--admin-orange, #e8650a); color: var(--admin-orange-dark, #c75308); }
.meeting-monitor-search { display: flex; align-items: center; gap: 6px; min-width: 180px; max-width: 320px; flex: 1; border-bottom: 1px solid var(--admin-border-strong, #ced7e4); }
.meeting-monitor-search svg { width: 18px; height: 18px; color: var(--admin-muted, #6e7d95); }
.meeting-monitor-search input { width: 100%; min-width: 0; padding: 6px 0; border: 0; border-radius: 0; background: transparent; color: inherit; font: inherit; outline: 0; }
.meeting-monitor-search:focus-within { border-bottom-color: var(--admin-orange, #e8650a); }
.meeting-monitor-tools > span { color: var(--admin-muted, #6e7d95); font-size: 12px; }
.meeting-monitor-error { padding: 10px 16px; color: var(--admin-danger, #b42318); border-bottom: 1px solid var(--admin-border, #dce3ed); }
.meeting-monitor-table { overflow: auto; min-height: 150px; max-height: 58vh; }
.meeting-monitor-table table { width: 100%; border-collapse: collapse; font-size: 12px; }
.meeting-monitor-table th { position: sticky; top: 0; z-index: 1; background: var(--admin-soft, #f4f7fa); text-align: start; white-space: nowrap; }
.meeting-monitor-table th, .meeting-monitor-table td { padding: 9px 12px; border-bottom: 1px solid var(--admin-border, #dce3ed); vertical-align: middle; }
.meeting-monitor-table td { font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.meeting-monitor-table td > small { display: block; margin-top: 3px; color: var(--admin-muted, #6e7d95); font-size: 11px; }
.meeting-monitor-table .meeting-monitor-empty { padding: 30px 16px; text-align: center; color: var(--admin-muted, #6e7d95); }
.meeting-monitor button:focus-visible { outline: 2px solid var(--admin-orange, #e8650a); outline-offset: 2px; }
.admin-interface-new > .meeting-monitor { flex: 1; min-height: 0; overflow: auto; }
@media (max-width: 900px) {
  .meeting-monitor-counts, .meeting-monitor-resources dl { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 540px) {
  .meeting-monitor-counts, .meeting-monitor-resources dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .meeting-monitor-heading, .meeting-monitor-tools { gap: 8px; padding: 10px; }
  .meeting-monitor-heading h2 { flex-basis: 100%; }
  .meeting-monitor-search { max-width: none; flex-basis: 100%; }
}