/* config.css -- styles specific to the Config page */
.config-editor { width: 100%; min-height: 60vh; background: var(--bg); color: var(--fg); border: 1px solid var(--border); border-radius: 6px; padding: 12px; font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace; font-size: 0.85em; line-height: 1.5; resize: vertical; box-sizing: border-box; }
.btn-fetch { background: var(--ok-emphasis); color: #fff; border: 1px solid var(--ok-emphasis-hover); border-radius: 4px; padding: 4px 12px; font-size: 0.85em; cursor: pointer; }
.btn-fetch:hover { background: var(--ok-emphasis-hover); }
.btn-apply { background: var(--purple); color: #fff; border: 1px solid var(--purple-hover); border-radius: 4px; padding: 4px 12px; font-size: 0.85em; cursor: pointer; }
.btn-apply:hover { background: var(--purple-hover); }
.config-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: var(--overlay-bg); z-index: 100; justify-content: center; align-items: center; }
.config-modal.open { display: flex; }
.config-modal-inner { background: var(--bg-panel); border: 1px solid var(--border); border-radius: 8px; padding: 24px; width: 520px; max-width: 90vw; color: var(--fg); }
.config-modal-heading { margin: 0 0 12px; color: var(--accent); font-size: 1.1em; }
.config-modal-text { margin-bottom: 12px; }
.config-modal-warning { font-size: 0.85em; color: var(--warn); margin-bottom: 12px; }
.config-modal-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 20px; }
.btn-modal-cancel { background: var(--bg-inset); color: var(--fg); border: 1px solid var(--border); border-radius: 6px; padding: 6px 16px; font-size: 0.85em; cursor: pointer; }
.btn-modal-cancel:hover { background: var(--bg-hover); }
.btn-modal-confirm { background: var(--ok-emphasis); color: #fff; border: 1px solid var(--ok-emphasis-hover); border-radius: 6px; padding: 6px 16px; font-size: 0.85em; cursor: pointer; }
.btn-modal-confirm:hover { background: var(--ok-emphasis-hover); }