/**
 * MCP Connector: profile editor, FAQ, OAuth and Client Setup boxes, and the
 * pop-ups admin.js adds, on the MountDev admin UI. Loaded after mdui-mcp.css,
 * on this plugin's settings page only.
 */

/* Profile editor (inside .mdui) */
.mdui .cws-mcp-modal { background-color: rgba(25, 42, 61, 0.55); }
.mdui .cws-mcp-modal-content { border: 1px solid var(--mdui-line); border-radius: 20px; padding: 28px; box-shadow: 0 20px 50px rgba(25, 42, 61, 0.25); color: var(--mdui-navy); }
.mdui .cws-mcp-modal-content h2 { margin: 0 0 18px; font-size: 22px; color: var(--mdui-navy); }
.mdui .cws-mcp-modal-close { color: var(--mdui-body); }
.mdui .cws-mcp-tool-count-display { color: var(--mdui-blue-dark); }
.mdui .cws-mcp-tool-search-input, .mdui .cws-mcp-tool-category-select { border: 1.5px solid var(--mdui-field); border-radius: 10px; }
.mdui .cws-mcp-tools-list { background: #f6f8fa; border: 1px solid var(--mdui-line); border-radius: 14px; padding: 12px; }
.mdui .cws-mcp-tool-section-header { border-radius: 10px; border: 1px solid var(--mdui-line); background: #fff; }
.mdui .cws-mcp-tool-section-header--wp { background: var(--mdui-tint); border-color: #c9d9fb; }
.mdui .cws-mcp-tool-section-header--wp h4 { color: var(--mdui-blue-dark); }
.mdui .cws-mcp-tool-section-header--abilities h4 { color: var(--mdui-navy); }
.mdui .cws-mcp-wp-subgroup-title { margin: 10px 0 6px; padding: 4px 10px; border: 0; border-radius: 6px; background: transparent; color: var(--mdui-body); }
.mdui .cws-mcp-tool-checkbox { background: #fff; border: 1px solid var(--mdui-line); border-radius: 10px; }
.mdui .cws-mcp-tool-checkbox:hover, .mdui .cws-mcp-tool-checkbox--wp:hover { background: #fff; border-color: var(--mdui-blue); }
.mdui .cws-mcp-tool-checkbox .tool-name, .mdui .cws-mcp-tool-checkbox--wp .tool-name { color: var(--mdui-navy); }
.mdui .cws-mcp-tool-checkbox .tool-description { color: var(--mdui-body); }
.mdui .cws-mcp-modal-actions { border-top: 1px solid var(--mdui-line); }

/* FAQ */
.mdui .cws-mcp-faq-container { margin: 0; display: flex; flex-direction: column; gap: 22px; }
.mdui .cws-mcp-faq-category { margin: 0; background: #fff; border: 1px solid var(--mdui-line); border-radius: 20px; padding: 28px; box-shadow: var(--mdui-shadow);
  display: flex; flex-direction: column; gap: 10px; }
.mdui .cws-mcp-faq-category h3 { margin: 0 0 8px; padding: 0; background: transparent; border: 0; font-size: 20px; font-weight: 700; color: var(--mdui-navy); }
.mdui .cws-mcp-faq-item { margin: 0; border: 1px solid var(--mdui-line); border-radius: 14px; background: #fff; }
.mdui .cws-mcp-faq-item:hover { border-color: #b9ccf5; box-shadow: none; }
.mdui .cws-mcp-faq-item.active { border-color: var(--mdui-blue); }
.mdui .cws-mcp-faq-question { padding: 14px 18px; min-height: 44px; font-family: inherit; font-size: 15px; color: var(--mdui-navy); border-radius: 14px; }
.mdui .cws-mcp-faq-question:hover { background: #f2f5f7; color: var(--mdui-navy); }
.mdui .cws-mcp-faq-question:focus { outline: 2px solid var(--mdui-blue); outline-offset: -2px; }
.mdui .cws-mcp-faq-icon { width: 26px; height: 26px; background: var(--mdui-tint); color: var(--mdui-blue-dark); font-size: 17px; }
.mdui .cws-mcp-faq-item.active .cws-mcp-faq-icon { background: var(--mdui-blue); color: #fff; }
.mdui .cws-mcp-faq-answer p, .mdui .cws-mcp-faq-answer ul, .mdui .cws-mcp-faq-answer ol { font-size: 14px; color: var(--mdui-body); }
.mdui .cws-mcp-faq-answer strong { color: var(--mdui-navy); }
.mdui .cws-mcp-faq-answer em { color: var(--mdui-body); }
.mdui .cws-mcp-faq-answer code { background: #f6f8fa; color: var(--mdui-blue-dark); border-radius: 6px; }

/* OAuth, Client Setup and similar boxes */
.mdui .cws-mcp-credentials-display, .mdui .cws-mcp-app-password-creator, .mdui .cws-mcp-config-field, .mdui .cws-mcp-endpoint-item,
.mdui .cws-mcp-password-box, .mdui .cws-mcp-active-profile { background: #f6f8fa; border: 1px solid var(--mdui-line); border-radius: 14px; }
.mdui .cws-mcp-credential-value { background: #fff; border: 1px solid var(--mdui-line); border-radius: 10px; }
.mdui .cws-mcp-credential-value code, .mdui .cws-mcp-config-field code, .mdui .cws-mcp-endpoint-item code { color: var(--mdui-blue-dark); }
.mdui .cws-mcp-app-password-result { border: 1px solid #b7e2c3; background: #effaf2; border-radius: 14px; }
.mdui .cws-mcp-notice { border: 1px solid var(--mdui-line); border-left-width: 1px; border-radius: 14px; padding: 14px 18px; }
.mdui .cws-mcp-notice.notice-warning { background: #fff7ed; border-color: #f6d3b3; }
.mdui .cws-mcp-notice.notice-info { background: var(--mdui-tint); border-color: #c9d9fb; }
.mdui .cws-mcp-setup-steps li::before { background: var(--mdui-blue); }
.mdui .cws-mcp-profile-reminder-banner { background: var(--mdui-navy); border-radius: 16px; box-shadow: none; }
.mdui .cws-mcp-profile-reminder-btn { color: var(--mdui-navy); border-radius: 999px; }
.mdui .cws-mcp-premium-banner, .mdui .cws-mcp-premium-card, .mdui .cws-mcp-ads-sidebar { display: none; }

/* Pop-ups admin.js adds at the end of the page (outside .mdui) */
body.settings_page_mountdev-ai-mcp-connector .cws-mcp-modal { background-color: rgba(25, 42, 61, 0.55); }
body.settings_page_mountdev-ai-mcp-connector .cws-mcp-modal-content { border: 1px solid #e1e8ed; border-radius: 20px; padding: 28px;
  box-shadow: 0 20px 50px rgba(25, 42, 61, 0.25); color: #192a3d; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
body.settings_page_mountdev-ai-mcp-connector .cws-mcp-restart-modal-content h2 { color: #192a3d; font-size: 22px; font-weight: 700; }
body.settings_page_mountdev-ai-mcp-connector .cws-mcp-restart-message p, body.settings_page_mountdev-ai-mcp-connector .cws-mcp-restart-message li { color: #3A4F66; }
body.settings_page_mountdev-ai-mcp-connector .cws-mcp-restart-steps { background: #f6f8fa; border: 1px solid #e1e8ed; border-radius: 14px; }
body.settings_page_mountdev-ai-mcp-connector .cws-mcp-restart-note { border: 1px solid #f6d3b3; border-radius: 14px; }
body.settings_page_mountdev-ai-mcp-connector .cws-mcp-modal-actions { border-top: 1px solid #e1e8ed; }
body.settings_page_mountdev-ai-mcp-connector .cws-mcp-modal .button { border-radius: 999px; min-height: 44px; padding: 6px 22px; font-weight: 600;
  border: 2px solid #e1e8ed; background: #fff; color: #192a3d; box-shadow: none; }
body.settings_page_mountdev-ai-mcp-connector .cws-mcp-modal .button:hover { border-color: #2872fa; }
body.settings_page_mountdev-ai-mcp-connector .cws-mcp-modal .button.button-primary { background: #2872fa; border-color: #2872fa; color: #fff; }
body.settings_page_mountdev-ai-mcp-connector .cws-mcp-modal .button.button-primary:hover { background: #1559ed; border-color: #1559ed; }

/* Consent pop-up while it saves: spinner in the button, nothing else clickable */
body.settings_page_mountdev-ai-mcp-connector .cws-mcp-spinner { display: inline-block; width: 16px; height: 16px; margin-right: 8px; border: 2px solid rgba(255, 255, 255, .45);
  border-top-color: #fff; border-radius: 50%; animation: cws-mcp-spin .7s linear infinite; }
@keyframes cws-mcp-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { body.settings_page_mountdev-ai-mcp-connector .cws-mcp-spinner { animation-duration: 2s; } }
body.settings_page_mountdev-ai-mcp-connector .cws-mcp-modal .button[disabled] { cursor: default; opacity: 1; }
body.settings_page_mountdev-ai-mcp-connector .cws-mcp-modal .button.button-primary[disabled] { background: #2872fa; border-color: #2872fa; color: #fff; }
body.settings_page_mountdev-ai-mcp-connector .cws-mcp-modal .button.button-secondary[disabled] { color: #9aa7b4; }
body.settings_page_mountdev-ai-mcp-connector .cws-mcp-modal.is-busy .cws-mcp-modal-close { visibility: hidden; }
body.settings_page_mountdev-ai-mcp-connector .cws-mcp-consent-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
body.settings_page_mountdev-ai-mcp-connector .cws-mcp-modal .button { display: inline-flex; align-items: center; justify-content: center; }
body.settings_page_mountdev-ai-mcp-connector .cws-mcp-restart-message li { margin-bottom: 8px; line-height: 1.5; }
body.settings_page_mountdev-ai-mcp-connector .cws-mcp-restart-message ul { list-style: disc; margin: 12px 0 0 !important; padding-left: 22px; }
body.settings_page_mountdev-ai-mcp-connector .cws-mcp-restart-message li { font-size: 14px; }