/* Scoped to the agent support section in system settings. */
.settings .agent-support-settings { margin: 20px 0; padding: 20px; border: 1px solid #dce4ee; border-radius: 10px; background: #f8fafc; min-width: 0; }
.settings .agent-support-settings h3 { margin: 0 0 10px; font-size: 17px; color: #1f2937; }
.settings .agent-support-settings label { display: flex; flex-direction: column; align-items: stretch; gap: 8px; margin: 16px 0 8px; }
.settings .agent-support-settings textarea { box-sizing: border-box; width: 100%; min-height: 100px; resize: vertical; }
.settings .agent-support-settings input[type="file"] { box-sizing: border-box; width: 100%; max-width: 100%; padding: 8px; background: white; }
.settings .agent-support-settings__hint { margin: 8px 0; color: #64748b; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.settings .agent-support-settings__preview { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 14px; margin: 14px 0; }
.settings .agent-support-settings__preview img { display: block; width: 180px; height: 180px; max-width: 100%; object-fit: contain; background: white; border: 1px solid #e2e8f0; border-radius: 6px; }
.settings .agent-support-settings__status { color: #166534; font-size: 13px; line-height: 1.6; }
.settings .agent-support-settings__error { color: #b91c1c; font-size: 13px; line-height: 1.6; }
@media (max-width: 600px) { .settings .agent-support-settings { padding: 14px; } }