.room-export-dialog { width: min(560px, calc(100vw - 32px)); max-height: calc(100vh - 32px); overflow: auto; }
.room-export-field { display: grid; grid-template-columns: 100px minmax(0, 1fr); align-items: center; gap: 12px; margin: 14px 0; }
.room-export-field input, .room-export-field select { box-sizing: border-box; width: 100%; min-width: 0; padding: 8px 10px; border: 1px solid #8da3be; border-radius: 5px; background: #fff; color: #162538; font: inherit; }
.room-export-field :disabled { opacity: .65; }
.room-export-checkbox { display: flex; gap: 8px; align-items: center; margin: 16px 0; }
.room-export-checkbox input { accent-color: #23734e; }
.room-export-note { font-size: 12px; color: #4e6075; }
.room-export-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 20px; }
.room-export-dialog button.room-export-primary { background: #206d4b; border-color: #206d4b; color: white; }
#roomExportStatus { overflow-wrap: anywhere; }
#roomExportStatus:empty { display: none; }
#roomExportStatus[data-state="error"] { color: #a52222; }
#roomExportStatus[data-state="success"] { color: #185d3e; }
@media (max-width: 440px) { .room-export-field { grid-template-columns: 1fr; gap: 5px; } }