/* Modals */
.device-config-modal { position: fixed; inset: 0; background: rgba(0,0,0,.45); display: flex; align-items: center; justify-content: center; z-index: 1000; }
.device-config-modal .modal-content { width: 520px; max-width: 92vw; background: var(--bg-primary); border-radius: 12px; overflow: hidden; border: 1px solid var(--border-color); }
.modal-header { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; background: var(--bg-secondary); border-bottom: 1px solid var(--border-color); color: var(--text-primary); }
.modal-body { padding: 16px; color: var(--text-primary); }

[data-theme="dark"] .device-config-modal .modal-content { background: var(--bg-secondary); }
[data-theme="dark"] .modal-header { background: var(--bg-tertiary); border-color: var(--border-color); }
[data-theme="dark"] .modal-body { color: var(--text-primary); }