#view-webinars {
  min-width: 0;
}
.webinar-analytics-heading {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.webinar-analytics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  border-block: 1px solid #374151;
  margin-bottom: 24px;
}
.webinar-metric {
  min-width: 0;
  padding: 16px 12px;
  border-bottom: 1px solid #374151;
  overflow-wrap: anywhere;
}
.webinar-metric > strong { font-variant-numeric: tabular-nums; }
@media (max-width: 600px) {
  .webinar-analytics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .webinar-metric { padding: 14px 8px; }
}
#view-webinars > * {
  flex-shrink: 0;
}
#webinar-list-filters > label {
  flex: 1 1 180px;
  min-width: 0;
  max-width: 100%;
}
#webinar-list-filters input,
#webinar-list-filters select {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}
#view-webinars > .overflow-x-auto {
  max-width: 100%;
  flex-shrink: 0;
}
#webinar-list-rows button {
  white-space: nowrap;
}
#webinar-pagination button:disabled {
  opacity: 0.45;
  cursor: default;
}
.webinar-sms-panel { padding-block: 16px; border-bottom: 1px solid #374151; margin-bottom: 16px; }
.webinar-sms-panel[hidden], .webinar-sms-panel [hidden] { display: none; }
.webinar-sms-message { white-space: pre-wrap; overflow-wrap: anywhere; font-family: inherit; font-size: 14px; line-height: 1.9; text-align: right; margin-block: 16px; }
.webinar-sms-config { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; }
.webinar-sms-config label { display: grid; gap: 6px; min-width: 0; max-width: 100%; }
.webinar-sms-config input { width: 240px; max-width: 100%; }
.webinar-sms-person { display: flex; align-items: center; gap: 8px; margin-top: 8px; color: #9ca3af; font-weight: normal; }
.webinar-sms-person small { max-width: 180px; white-space: normal; }
.webinar-sms-person-button { width: 36px; height: 36px; flex: 0 0 36px; border: 1px solid #4b5563; border-radius: 4px; color: #fbbf24; }
.webinar-sms-person-button:disabled { opacity: 0.45; cursor: default; }
.webinar-sms-person-button:focus-visible { outline: 2px solid #fbbf24; outline-offset: 3px; }
.webinar-sms-panel button:disabled { opacity: 0.45; cursor: default; }
.webinar-settings-dialog { width: min(820px, calc(100% - 24px)); max-height: calc(100dvh - 32px); padding: 24px; background: #111827; color: #e5e7eb; border: 1px solid #4b5563; border-radius: 8px; overflow: auto; margin: auto; }
.webinar-settings-dialog::backdrop { background: #000a; }
.webinar-settings-header, .webinar-settings-footer { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-block: 0 20px; }
.webinar-settings-header h3 { font-size: 18px; font-weight: 700; }
.webinar-settings-header { position: static; inset: auto; padding: 0; box-sizing: border-box; }
.webinar-settings-header button { width: 40px; height: 40px; flex: 0 0 40px; }
.webinar-settings-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.webinar-settings-grid label { display: grid; gap: 8px; font-size: 13px; min-width: 0; }
.webinar-settings-grid [hidden] { display: none; }
.webinar-settings-grid .input { width: 100%; min-width: 0; }
.webinar-settings-grid input[type=file] { white-space: normal; }
.webinar-settings-wide { grid-column: 1 / -1; }
.webinar-settings-switches { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; }
.webinar-settings-switches label { display: flex; align-items: center; }
#webinar-settings-preview { max-width: 100%; height: 180px; object-fit: contain; }
.webinar-settings-footer { margin-top: 24px; margin-bottom: 0; justify-content: flex-start; flex-wrap: wrap; }
@media(max-width:600px) { .webinar-settings-grid { grid-template-columns: minmax(0,1fr); } .webinar-settings-dialog { padding: 16px; } }