:host { display: block; width: 100%; color: var(--app-text-secondary, #475569); font-size: 12px; } .plugin-toggle { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--app-border, #e2e8f0); border-radius: 20px; padding: 5px 10px; background: var(--app-surface-soft, #f8fafc); color: var(--app-text-muted, #64748b); font: inherit; cursor: pointer; transition: background .15s, border-color .15s; } .plugin-toggle:hover, .plugin-toggle[aria-expanded=true] { background: var(--app-primary-soft, #eff6ff); border-color: var(--app-primary-border, #bfdbfe); color: var(--app-primary-text, #2563eb); } .material-symbols-outlined { font-size: 16px; } .mode { color: var(--app-primary-text, #2563eb); padding-left: 6px; border-left: 1px solid var(--app-primary-border, #dce5ef); } .chevron { font-size: 15px; } .plugin-options { background: var(--app-surface-soft, #f8fafc); border: 1px solid var(--app-border, #e2e8f0); border-radius: 14px; padding: 14px 16px; margin-top: 8px; display: grid; gap: 12px; } p { margin: 0; line-height: 1.65; } label { display: flex; align-items: center; gap: 8px; } .auto-option { font-weight: 500; color: var(--app-text-control, #334155); } input[type=checkbox] { accent-color: var(--app-primary-text, #2563eb); margin: 0; width: 14px; height: 14px; flex-shrink: 0; } .choice { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; } select { font: inherit; color: var(--app-text-control, #334155); background: var(--app-surface, #fff); border: 1px solid var(--app-primary-border, #dce3eb); border-radius: 8px; padding: 6px 10px; max-width: 100%; } select:disabled { opacity: .5; } .hint { color: var(--app-text-muted, #64748b); font-size: 11px; } .error { color: var(--app-error-text, #b91c1c); } .text-button, .manage-link { color: var(--app-primary-text, #2563eb); font: inherit; text-decoration: none; } .text-button { background: none; border: 0; padding: 0 6px; cursor: pointer; } .manage-link { display: inline-flex; align-items: center; gap: 4px; justify-self: start; } :focus-visible { outline: 2px solid #3b82f6; outline-offset: 3px; }