/* Shared configuration chrome only; Discord previews and semantic colors stay local. */
.dev-spanel :is(.dev-module-dialog,.spanel-stream-dialog,.spanel-content-dialog,.spanel-log-modules-dialog,.dev-server-tools-dialog) {
  --dev-form-background: rgba(255,255,255,.04);
  --dev-form-border: #333d48;
  --dev-form-radius: 12px;
  --dev-text-primary: #e2e8f0;
  --dev-text-label: #cbd5e1;
  --dev-text-muted: #94a3b8;
}

.dev-spanel :is(.dev-module-dialog,.spanel-stream-dialog,.spanel-content-dialog,.spanel-log-modules-dialog,.dev-server-tools-dialog) :is(input,textarea,select,button) {
  font-family: inherit;
}

.dev-spanel :is(.dev-module-dialog,.spanel-stream-dialog,.spanel-content-dialog,.spanel-log-modules-dialog,.dev-server-tools-dialog) :is(input.panel-input,textarea.panel-input,select.panel-input):not([type="color"]):not([type="checkbox"]):not([type="radio"]):not([type="search"]):not(:where(.dev-search *,.dev-analytics-search *,.dev-ticket-picker *,.dev-emoji-picker *,.spanel-message-preview *)) {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 11px 14px;
  border: 1px solid var(--dev-form-border);
  border-radius: var(--dev-form-radius);
  background: var(--dev-form-background);
  color: var(--dev-text-primary);
  -webkit-text-fill-color: currentColor;
  font-size: 14px;
  line-height: 1.5;
  color-scheme: dark;
}

.dev-spanel .dev-module-dialog :is(.dev-community-label,.dev-role-preview-label,.dev-auto-voice-name > span,.dev-access-expiry > span,.dev-automod-test > summary) {
  color: var(--dev-text-label);
  font-size: 13px;
  line-height: 1.45;
}
.dev-spanel .dev-module-dialog :is(.dev-community-label,.dev-role-preview-label) > svg {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  color: var(--dev-text-muted);
}
.dev-spanel .dev-module-dialog .panel-muted:not([role="alert"]):not([data-status]):not(.is-error):not(.is-warning) {
  color: var(--dev-text-muted);
  font-size: 13px;
  line-height: 1.6;
}
.dev-spanel .dev-module-dialog .dev-automod { color: var(--dev-text-primary); }
.dev-spanel .dev-module-dialog .dev-automod-segment > div { min-width: 0; }
.dev-spanel .dev-module-dialog .dev-automod-segment strong { color: var(--dev-text-label); font-size: 14px; line-height: 1.5; }
.dev-spanel .dev-module-dialog .dev-automod-segment p { color: var(--dev-text-muted); font-size: 13px; line-height: 1.6; }
.dev-spanel .dev-module-dialog .dev-automod-fields > :is(.dev-automod-segment,.panel-info-note,.panel-muted) { grid-column: 1 / -1; }
.dev-spanel .dev-module-dialog .dev-automod-fields > .dev-sticky-field { margin-bottom: 0; }
.dev-spanel .dev-module-dialog :is(.dev-community-columns,.dev-access-fields,.dev-reply-fields,.dev-auto-voice-fields) > * { min-width: 0; }
.dev-spanel .dev-module-dialog .panel-button > svg { flex-shrink: 0; }
.dev-spanel :is(.dev-module-dialog,.spanel-stream-dialog,.spanel-content-dialog,.spanel-log-modules-dialog,.dev-server-tools-dialog) .panel-input:focus { --dev-form-border: #60d9b3; }

@media (max-width: 700px) {
  .dev-spanel :is(.dev-module-dialog,.spanel-stream-dialog,.spanel-content-dialog,.spanel-log-modules-dialog,.dev-server-tools-dialog) :is(input.panel-input,textarea.panel-input,select.panel-input):not([type="color"]):not([type="checkbox"]):not([type="radio"]) { font-size: 16px; }
  .dev-spanel .dev-module-dialog .panel-button { min-width: 0; max-width: 100%; }
  .dev-spanel .dev-module-dialog .panel-button > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}