
                    .cfg-toolbar { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; padding-bottom: 14px; border-bottom: 1px solid var(--border,#eee); margin-bottom: 16px; }
                    .cfg-toolbar select, .cfg-toolbar input[type=text] { padding: 8px 12px; border: 1px solid #e2e8f0; border-radius: 8px; font-size: 14px; outline: none; min-width: 180px; }
                    .cfg-status { color: var(--muted,#64748b); font-size: 13px; }
                    .cfg-section { margin-bottom: 18px; }
                    .cfg-section-title { font-weight: 600; font-size: 15px; padding: 8px 12px; background: var(--bg-secondary,#f1f5f9); border-radius: 8px; margin-bottom: 10px; }
                    .cfg-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px; padding: 0 4px; }
                    .cfg-field { display: flex; flex-direction: column; gap: 4px; }
                    .cfg-field label { font-size: 12px; color: var(--muted,#64748b); }
                    .cfg-field input, .cfg-field select, .cfg-field textarea { padding: 7px 10px; border: 1px solid #e2e8f0; border-radius: 8px; font-size: 13px; outline: none; }
                    .cfg-field input:focus, .cfg-field select:focus, .cfg-field textarea:focus { border-color: var(--primary,#4f6ef7); }
                    .cfg-field textarea { min-height: 60px; font-family: monospace; resize: vertical; }
                    .cfg-field input[type=checkbox] { width: 18px; height: 18px; }
                    .cfg-field .checkbox-wrap { display: flex; align-items: center; gap: 8px; }
                    .cfg-hint { font-size: 12px; color: #94a3b8; padding: 0 4px; }
                