| @@ -491,61 +491,8 @@ | ||
| 491 | 491 | border-color: var(--mxch-input-focus, #7873f5); |
| 492 | 492 | box-shadow: 0 0 0 3px var(--mxch-primary-light, rgba(120, 115, 245, 0.1)); |
| 493 | 493 | } |
| 494 | 494 | |
| 495 | -/* ─── Range slider (Images per article) ─────────────────────────── */ | |
| 496 | - | |
| 497 | -.mxch-cg-slider-row { | |
| 498 | - display: flex; | |
| 499 | - align-items: center; | |
| 500 | - gap: 12px; | |
| 501 | -} | |
| 502 | - | |
| 503 | -.mxch-cg-slider { | |
| 504 | - flex: 1; | |
| 505 | - -webkit-appearance: none; | |
| 506 | - appearance: none; | |
| 507 | - height: 6px; | |
| 508 | - border-radius: 3px; | |
| 509 | - background: #e2e8f0; | |
| 510 | - cursor: pointer; | |
| 511 | -} | |
| 512 | - | |
| 513 | -.mxch-cg-slider:disabled { | |
| 514 | - opacity: 0.5; | |
| 515 | - cursor: not-allowed; | |
| 516 | -} | |
| 517 | - | |
| 518 | -.mxch-cg-slider::-webkit-slider-thumb { | |
| 519 | - -webkit-appearance: none; | |
| 520 | - appearance: none; | |
| 521 | - width: 18px; | |
| 522 | - height: 18px; | |
| 523 | - border-radius: 50%; | |
| 524 | - background: var(--mxch-primary, #7873f5); | |
| 525 | - border: 2px solid #fff; | |
| 526 | - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); | |
| 527 | - cursor: pointer; | |
| 528 | -} | |
| 529 | - | |
| 530 | -.mxch-cg-slider::-moz-range-thumb { | |
| 531 | - width: 18px; | |
| 532 | - height: 18px; | |
| 533 | - border-radius: 50%; | |
| 534 | - background: var(--mxch-primary, #7873f5); | |
| 535 | - border: 2px solid #fff; | |
| 536 | - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); | |
| 537 | - cursor: pointer; | |
| 538 | -} | |
| 539 | - | |
| 540 | -.mxch-cg-slider-value { | |
| 541 | - min-width: 24px; | |
| 542 | - text-align: center; | |
| 543 | - font-size: 14px; | |
| 544 | - font-weight: 600; | |
| 545 | - color: var(--mxch-primary, #7873f5); | |
| 546 | -} | |
| 547 | - | |
| 548 | 495 | /* ─── Progress Bar (inside modal) ───────────────────────────────── */ |
| 549 | 496 | |
| 550 | 497 | .mxch-cg-progress { |
| 551 | 498 | margin-top: 14px; |
| @@ -2033,44 +1980,8 @@ | ||
| 2033 | 1980 | line-height: 1.4; |
| 2034 | 1981 | margin-top: 1px; |
| 2035 | 1982 | } |
| 2036 | 1983 | |
| 2037 | -.mxch-seo-check-fix { | |
| 2038 | - width: 22px; | |
| 2039 | - height: 22px; | |
| 2040 | - flex-shrink: 0; | |
| 2041 | - display: flex; | |
| 2042 | - align-items: center; | |
| 2043 | - justify-content: center; | |
| 2044 | - border: none; | |
| 2045 | - border-radius: 4px; | |
| 2046 | - background: transparent; | |
| 2047 | - color: var(--mxch-text-muted, #94a3b8); | |
| 2048 | - cursor: pointer; | |
| 2049 | - transition: all 0.15s; | |
| 2050 | - padding: 0; | |
| 2051 | - margin-top: -1px; | |
| 2052 | -} | |
| 2053 | - | |
| 2054 | -.mxch-seo-check-fix:hover { | |
| 2055 | - background: rgba(120, 115, 245, 0.1); | |
| 2056 | - color: var(--mxch-primary, #7873f5); | |
| 2057 | -} | |
| 2058 | - | |
| 2059 | -.mxch-seo-check-fix:disabled { | |
| 2060 | - cursor: not-allowed; | |
| 2061 | - opacity: 0.5; | |
| 2062 | -} | |
| 2063 | - | |
| 2064 | -.mxch-seo-check-fix.mxch-seo-check-fixing { | |
| 2065 | - opacity: 1; | |
| 2066 | - color: var(--mxch-primary, #7873f5); | |
| 2067 | -} | |
| 2068 | - | |
| 2069 | -.mxch-seo-check-fix.mxch-seo-check-fixing svg { | |
| 2070 | - animation: mxch-spin 0.8s linear infinite; | |
| 2071 | -} | |
| 2072 | - | |
| 2073 | 1984 | .mxch-seo-actions { |
| 2074 | 1985 | padding: 10px 12px; |
| 2075 | 1986 | border-top: 1px solid var(--mxch-card-border, #e2e4e9); |
| 2076 | 1987 | flex-shrink: 0; |
| @@ -2137,9 +2048,8 @@ | ||
| 2137 | 2048 | |
| 2138 | 2049 | .mxch-seod-filters-right { |
| 2139 | 2050 | display: flex; |
| 2140 | 2051 | align-items: center; |
| 2141 | - gap: 8px; | |
| 2142 | 2052 | } |
| 2143 | 2053 | |
| 2144 | 2054 | .mxch-seod-select { |
| 2145 | 2055 | padding: 6px 10px; |
| @@ -2283,15 +2193,8 @@ | ||
| 2283 | 2193 | text-align: center; |
| 2284 | 2194 | flex-shrink: 0; |
| 2285 | 2195 | } |
| 2286 | 2196 | |
| 2287 | -.mxch-seod-header-position { | |
| 2288 | - width: 44px; | |
| 2289 | - text-align: center; | |
| 2290 | - flex-shrink: 0; | |
| 2291 | - cursor: default; /* not sortable in v1 */ | |
| 2292 | -} | |
| 2293 | - | |
| 2294 | 2197 | .mxch-seod-sort-arrow { |
| 2295 | 2198 | font-size: 9px; |
| 2296 | 2199 | vertical-align: middle; |
| 2297 | 2200 | margin-left: 2px; |
| @@ -2318,16 +2221,8 @@ | ||
| 2318 | 2221 | font-size: 12px; |
| 2319 | 2222 | color: var(--mxch-text-muted, #6b7280); |
| 2320 | 2223 | } |
| 2321 | 2224 | |
| 2322 | -.mxch-seod-cell-position { | |
| 2323 | - width: 44px; | |
| 2324 | - flex-shrink: 0; | |
| 2325 | - justify-content: center; | |
| 2326 | - font-size: 12px; | |
| 2327 | - color: var(--mxch-text-muted, #6b7280); | |
| 2328 | -} | |
| 2329 | - | |
| 2330 | 2225 | .mxch-seod-row { |
| 2331 | 2226 | border-bottom: 1px solid var(--mxch-card-border, #e2e4e9); |
| 2332 | 2227 | cursor: pointer; |
| 2333 | 2228 | transition: background 0.15s ease; |
| @@ -2356,56 +2251,8 @@ | ||
| 2356 | 2251 | display: flex; |
| 2357 | 2252 | align-items: center; |
| 2358 | 2253 | } |
| 2359 | 2254 | |
| 2360 | -.mxch-seod-header-check, | |
| 2361 | -.mxch-seod-cell-check { | |
| 2362 | - width: 28px; | |
| 2363 | - flex-shrink: 0; | |
| 2364 | - display: flex; | |
| 2365 | - align-items: center; | |
| 2366 | - justify-content: center; | |
| 2367 | -} | |
| 2368 | - | |
| 2369 | -.mxch-seod-header-check input, | |
| 2370 | -.mxch-seod-cell-check input { | |
| 2371 | - width: 15px; | |
| 2372 | - height: 15px; | |
| 2373 | - margin: 0; | |
| 2374 | - cursor: pointer; | |
| 2375 | - accent-color: var(--mxch-primary, #7873f5); | |
| 2376 | -} | |
| 2377 | - | |
| 2378 | -.mxch-seod-row.mxch-seod-row-optimizing { | |
| 2379 | - opacity: 0.7; | |
| 2380 | - pointer-events: none; | |
| 2381 | -} | |
| 2382 | - | |
| 2383 | -.mxch-seod-row.mxch-seod-row-optimizing .mxch-seod-score-badge { | |
| 2384 | - visibility: hidden; | |
| 2385 | -} | |
| 2386 | - | |
| 2387 | -.mxch-seod-row-spinner-wrap { | |
| 2388 | - position: absolute; | |
| 2389 | - top: 0; | |
| 2390 | - left: 0; | |
| 2391 | - right: 0; | |
| 2392 | - bottom: 0; | |
| 2393 | - display: flex; | |
| 2394 | - align-items: center; | |
| 2395 | - justify-content: center; | |
| 2396 | -} | |
| 2397 | - | |
| 2398 | -.mxch-seod-row-spinner { | |
| 2399 | - width: 24px; | |
| 2400 | - height: 24px; | |
| 2401 | - border: 2.5px solid var(--mxch-card-border, #e2e4e9); | |
| 2402 | - border-top-color: var(--mxch-primary, #7873f5); | |
| 2403 | - border-radius: 50%; | |
| 2404 | - animation: mxch-spin 0.6s linear infinite; | |
| 2405 | - box-sizing: border-box; | |
| 2406 | -} | |
| 2407 | - | |
| 2408 | 2255 | .mxch-seod-cell-title { |
| 2409 | 2256 | flex: 1; |
| 2410 | 2257 | min-width: 0; |
| 2411 | 2258 | flex-direction: column; |
| @@ -2431,9 +2278,8 @@ | ||
| 2431 | 2278 | .mxch-seod-cell-score { |
| 2432 | 2279 | width: 48px; |
| 2433 | 2280 | justify-content: center; |
| 2434 | 2281 | flex-shrink: 0; |
| 2435 | - position: relative; | |
| 2436 | 2282 | } |
| 2437 | 2283 | |
| 2438 | 2284 | .mxch-seod-score-badge { |
| 2439 | 2285 | width: 36px; |
| @@ -2562,34 +2408,8 @@ | ||
| 2562 | 2408 | flex: 1; |
| 2563 | 2409 | padding-right: 12px; |
| 2564 | 2410 | } |
| 2565 | 2411 | |
| 2566 | -.mxch-seod-modal-view-page { | |
| 2567 | - display: inline-flex; | |
| 2568 | - align-items: center; | |
| 2569 | - gap: 4px; | |
| 2570 | - font-size: 12px; | |
| 2571 | - font-weight: 500; | |
| 2572 | - color: var(--mxch-accent, #6366f1); | |
| 2573 | - text-decoration: none; | |
| 2574 | - padding: 4px 10px; | |
| 2575 | - border-radius: 6px; | |
| 2576 | - transition: color 0.15s, background 0.15s; | |
| 2577 | - flex-shrink: 0; | |
| 2578 | - margin-right: 8px; | |
| 2579 | - white-space: nowrap; | |
| 2580 | -} | |
| 2581 | - | |
| 2582 | -.mxch-seod-modal-view-page:hover { | |
| 2583 | - color: var(--mxch-accent-hover, #4f46e5); | |
| 2584 | - background: rgba(99, 102, 241, 0.08); | |
| 2585 | - text-decoration: none; | |
| 2586 | -} | |
| 2587 | - | |
| 2588 | -.mxch-seod-modal-view-page svg { | |
| 2589 | - flex-shrink: 0; | |
| 2590 | -} | |
| 2591 | - | |
| 2592 | 2412 | .mxch-seod-modal-close { |
| 2593 | 2413 | background: none; |
| 2594 | 2414 | border: none; |
| 2595 | 2415 | cursor: pointer; |
| @@ -2811,43 +2631,8 @@ | ||
| 2811 | 2631 | background: var(--mxch-primary, #7873f5); |
| 2812 | 2632 | color: #fff; |
| 2813 | 2633 | } |
| 2814 | 2634 | |
| 2815 | -.mxch-seod-bulk-note { | |
| 2816 | - font-size: 11px; | |
| 2817 | - color: var(--mxch-text-muted, #94a3b8); | |
| 2818 | - font-style: italic; | |
| 2819 | -} | |
| 2820 | - | |
| 2821 | -.mxch-seod-bulk-locked { | |
| 2822 | - opacity: 0.65; | |
| 2823 | - cursor: not-allowed; | |
| 2824 | - background: var(--mxch-card-bg, #1e1e2e); | |
| 2825 | - color: var(--mxch-text-muted, #94a3b8); | |
| 2826 | - border: 1px dashed var(--mxch-card-border, #e2e4e9); | |
| 2827 | -} | |
| 2828 | - | |
| 2829 | -.mxch-seod-bulk-locked:hover { | |
| 2830 | - background: var(--mxch-card-bg, #1e1e2e); | |
| 2831 | - color: var(--mxch-text-muted, #94a3b8); | |
| 2832 | -} | |
| 2833 | - | |
| 2834 | -.mxch-seod-bulk-locked .mxch-cg-pro-badge { | |
| 2835 | - margin-left: 4px; | |
| 2836 | - opacity: 1; | |
| 2837 | -} | |
| 2838 | - | |
| 2839 | -.mxch-seod-optimize-selected-btn { | |
| 2840 | - background: var(--mxch-primary, #7873f5); | |
| 2841 | - color: #fff; | |
| 2842 | - white-space: nowrap; | |
| 2843 | -} | |
| 2844 | - | |
| 2845 | -.mxch-seod-optimize-selected-btn:hover { | |
| 2846 | - background: var(--mxch-primary-hover, #6963e6); | |
| 2847 | - color: #fff; | |
| 2848 | -} | |
| 2849 | - | |
| 2850 | 2635 | .mxch-seod-scan-stop-btn { |
| 2851 | 2636 | color: #ef4444; |
| 2852 | 2637 | border-color: #ef4444; |
| 2853 | 2638 | } |
| @@ -2934,39 +2719,8 @@ | ||
| 2934 | 2719 | color: #ef4444; |
| 2935 | 2720 | font-size: 13px; |
| 2936 | 2721 | } |
| 2937 | 2722 | |
| 2938 | -/* Slim "connect Search Console" hint row — GSC add-on active but not linked. | |
| 2939 | - Same amber state language as the add-on settings card's needs-GSC banner. */ | |
| 2940 | -.mxch-seod-gsc-hint { | |
| 2941 | - display: flex; | |
| 2942 | - align-items: center; | |
| 2943 | - gap: 8px; | |
| 2944 | - padding: 8px 14px; | |
| 2945 | - background: #fffbeb; | |
| 2946 | - border-bottom: 1px solid #fde68a; | |
| 2947 | - color: var(--mxch-text-secondary, #64748b); | |
| 2948 | - font-size: 12.5px; | |
| 2949 | -} | |
| 2950 | - | |
| 2951 | -.mxch-seod-gsc-hint-dot { | |
| 2952 | - flex-shrink: 0; | |
| 2953 | - width: 7px; | |
| 2954 | - height: 7px; | |
| 2955 | - border-radius: 50%; | |
| 2956 | - background: var(--mxch-warning, #d97706); | |
| 2957 | -} | |
| 2958 | - | |
| 2959 | -.mxch-seod-gsc-hint a { | |
| 2960 | - color: var(--mxch-primary, #7873f5); | |
| 2961 | - text-decoration: none; | |
| 2962 | - font-weight: 500; | |
| 2963 | -} | |
| 2964 | - | |
| 2965 | -.mxch-seod-gsc-hint a:hover { | |
| 2966 | - text-decoration: underline; | |
| 2967 | -} | |
| 2968 | - | |
| 2969 | 2723 | /* ─── Settings Card Header ─────────────────────────────────────── */ |
| 2970 | 2724 | |
| 2971 | 2725 | .mxch-card-header { |
| 2972 | 2726 | padding: 14px 20px 0; |
| @@ -3215,16 +2969,14 @@ | ||
| 3215 | 2969 | display: none; |
| 3216 | 2970 | } |
| 3217 | 2971 | .mxch-seod-cell-date, |
| 3218 | 2972 | .mxch-seod-cell-clicks, |
| 3219 | - .mxch-seod-cell-impressions, | |
| 3220 | - .mxch-seod-cell-position { | |
| 2973 | + .mxch-seod-cell-impressions { | |
| 3221 | 2974 | display: none; |
| 3222 | 2975 | } |
| 3223 | 2976 | .mxch-seod-header-date, |
| 3224 | 2977 | .mxch-seod-header-clicks, |
| 3225 | - .mxch-seod-header-impressions, | |
| 3226 | - .mxch-seod-header-position { | |
| 2978 | + .mxch-seod-header-impressions { | |
| 3227 | 2979 | display: none; |
| 3228 | 2980 | } |
| 3229 | 2981 | .mxch-seod-modal { |
| 3230 | 2982 | width: 95%; |
| @@ -3232,20 +2984,8 @@ | ||
| 3232 | 2984 | } |
| 3233 | 2985 | .mxch-seod-row-main { |
| 3234 | 2986 | padding: 10px 14px; |
| 3235 | 2987 | } |
| 3236 | - .mxch-seod-header-check, | |
| 3237 | - .mxch-seod-cell-check { | |
| 3238 | - width: 24px; | |
| 3239 | - } | |
| 3240 | - .mxch-seod-filters-right { | |
| 3241 | - flex-wrap: wrap; | |
| 3242 | - gap: 8px; | |
| 3243 | - } | |
| 3244 | - .mxch-seod-optimize-selected-btn { | |
| 3245 | - font-size: 12px; | |
| 3246 | - padding: 6px 10px; | |
| 3247 | - } | |
| 3248 | 2988 | .mxch-seod-footer { |
| 3249 | 2989 | flex-direction: column; |
| 3250 | 2990 | align-items: stretch; |
| 3251 | 2991 | gap: 8px; |
| @@ -3252,196 +2992,6 @@ | ||
| 3252 | 2992 | } |
| 3253 | 2993 | .mxch-seod-pagination { |
| 3254 | 2994 | margin-left: 0; |
| 3255 | 2995 | justify-content: center; |
| 3256 | - } | |
| 3257 | -} | |
| 3258 | - | |
| 3259 | -/* ── Edit Default Prompt Button & Modal ────────────────────── */ | |
| 3260 | -.mxch-cg-edit-prompt-btn { | |
| 3261 | - display: inline-flex; | |
| 3262 | - align-items: center; | |
| 3263 | - gap: 5px; | |
| 3264 | - background: none; | |
| 3265 | - border: none; | |
| 3266 | - color: #8a8f98; | |
| 3267 | - font-size: 12px; | |
| 3268 | - cursor: pointer; | |
| 3269 | - padding: 4px 0; | |
| 3270 | - margin-top: 2px; | |
| 3271 | - transition: color 0.2s; | |
| 3272 | -} | |
| 3273 | -.mxch-cg-edit-prompt-btn:hover { | |
| 3274 | - color: #c5c9d1; | |
| 3275 | -} | |
| 3276 | -.mxch-cg-edit-prompt-btn.mxch-cg-prompt-modified { | |
| 3277 | - color: #7c6ee8; | |
| 3278 | -} | |
| 3279 | -.mxch-cg-edit-prompt-btn.mxch-cg-prompt-modified:hover { | |
| 3280 | - color: #9d92f0; | |
| 3281 | -} | |
| 3282 | - | |
| 3283 | -/* Modal overlay + container */ | |
| 3284 | -.mxch-cg-prompt-modal { | |
| 3285 | - position: fixed; | |
| 3286 | - top: 0; | |
| 3287 | - left: 0; | |
| 3288 | - right: 0; | |
| 3289 | - bottom: 0; | |
| 3290 | - z-index: 100100; | |
| 3291 | - display: flex; | |
| 3292 | - align-items: center; | |
| 3293 | - justify-content: center; | |
| 3294 | - overflow: hidden; | |
| 3295 | -} | |
| 3296 | -.mxch-cg-prompt-modal-overlay { | |
| 3297 | - position: absolute; | |
| 3298 | - top: 0; | |
| 3299 | - left: 0; | |
| 3300 | - right: 0; | |
| 3301 | - bottom: 0; | |
| 3302 | - background: rgba(0, 0, 0, 0.6); | |
| 3303 | -} | |
| 3304 | -.mxch-cg-prompt-modal-content { | |
| 3305 | - position: relative; | |
| 3306 | - background: #1e1e2e; | |
| 3307 | - border: 1px solid rgba(255, 255, 255, 0.08); | |
| 3308 | - border-radius: 12px; | |
| 3309 | - width: 90%; | |
| 3310 | - max-width: 760px; | |
| 3311 | - height: 75vh; | |
| 3312 | - max-height: 600px; | |
| 3313 | - display: flex; | |
| 3314 | - flex-direction: column; | |
| 3315 | - box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5); | |
| 3316 | - overflow: hidden; | |
| 3317 | -} | |
| 3318 | - | |
| 3319 | -/* Header */ | |
| 3320 | -.mxch-cg-prompt-modal-header { | |
| 3321 | - display: flex; | |
| 3322 | - align-items: center; | |
| 3323 | - justify-content: space-between; | |
| 3324 | - padding: 18px 24px; | |
| 3325 | - border-bottom: 1px solid rgba(255, 255, 255, 0.06); | |
| 3326 | -} | |
| 3327 | -.mxch-cg-prompt-modal-header h3 { | |
| 3328 | - margin: 0; | |
| 3329 | - font-size: 15px; | |
| 3330 | - font-weight: 600; | |
| 3331 | - color: #e2e4e9; | |
| 3332 | -} | |
| 3333 | -.mxch-cg-prompt-modal-close { | |
| 3334 | - background: none; | |
| 3335 | - border: none; | |
| 3336 | - color: #8a8f98; | |
| 3337 | - font-size: 22px; | |
| 3338 | - cursor: pointer; | |
| 3339 | - padding: 0 4px; | |
| 3340 | - line-height: 1; | |
| 3341 | - transition: color 0.2s; | |
| 3342 | -} | |
| 3343 | -.mxch-cg-prompt-modal-close:hover { | |
| 3344 | - color: #fff; | |
| 3345 | -} | |
| 3346 | - | |
| 3347 | -/* Body */ | |
| 3348 | -.mxch-cg-prompt-modal-body { | |
| 3349 | - padding: 16px 24px; | |
| 3350 | - overflow: hidden; | |
| 3351 | - flex: 1; | |
| 3352 | - display: flex; | |
| 3353 | - flex-direction: column; | |
| 3354 | - min-height: 0; | |
| 3355 | -} | |
| 3356 | -.mxch-cg-prompt-modal-desc { | |
| 3357 | - margin: 0 0 12px; | |
| 3358 | - font-size: 13px; | |
| 3359 | - color: #8a8f98; | |
| 3360 | - line-height: 1.5; | |
| 3361 | - flex-shrink: 0; | |
| 3362 | -} | |
| 3363 | -.mxch-cg-system-prompt-editor { | |
| 3364 | - width: 100%; | |
| 3365 | - flex: 1; | |
| 3366 | - min-height: 200px; | |
| 3367 | - background: #13131f; | |
| 3368 | - border: 1px solid rgba(255, 255, 255, 0.06); | |
| 3369 | - border-radius: 8px; | |
| 3370 | - color: #c5c9d1; | |
| 3371 | - font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace; | |
| 3372 | - font-size: 12.5px; | |
| 3373 | - line-height: 1.7; | |
| 3374 | - padding: 14px 16px; | |
| 3375 | - resize: none; | |
| 3376 | - box-sizing: border-box; | |
| 3377 | - overflow-y: auto; | |
| 3378 | -} | |
| 3379 | -.mxch-cg-system-prompt-editor:focus { | |
| 3380 | - outline: none; | |
| 3381 | - border-color: rgba(124, 110, 232, 0.4); | |
| 3382 | - box-shadow: 0 0 0 2px rgba(124, 110, 232, 0.1); | |
| 3383 | -} | |
| 3384 | -/* Custom scrollbar for prompt editor */ | |
| 3385 | -.mxch-cg-system-prompt-editor::-webkit-scrollbar { | |
| 3386 | - width: 6px; | |
| 3387 | -} | |
| 3388 | -.mxch-cg-system-prompt-editor::-webkit-scrollbar-track { | |
| 3389 | - background: transparent; | |
| 3390 | - border-radius: 3px; | |
| 3391 | -} | |
| 3392 | -.mxch-cg-system-prompt-editor::-webkit-scrollbar-thumb { | |
| 3393 | - background: rgba(124, 110, 232, 0.3); | |
| 3394 | - border-radius: 3px; | |
| 3395 | -} | |
| 3396 | -.mxch-cg-system-prompt-editor::-webkit-scrollbar-thumb:hover { | |
| 3397 | - background: rgba(124, 110, 232, 0.5); | |
| 3398 | -} | |
| 3399 | - | |
| 3400 | -/* Footer */ | |
| 3401 | -.mxch-cg-prompt-modal-footer { | |
| 3402 | - display: flex; | |
| 3403 | - align-items: center; | |
| 3404 | - justify-content: space-between; | |
| 3405 | - padding: 14px 24px; | |
| 3406 | - border-top: 1px solid rgba(255, 255, 255, 0.06); | |
| 3407 | -} | |
| 3408 | -.mxch-cg-prompt-modal-footer-right { | |
| 3409 | - display: flex; | |
| 3410 | - gap: 8px; | |
| 3411 | -} | |
| 3412 | -.mxch-cg-prompt-modal-footer .button { | |
| 3413 | - background: #2a2a3d; | |
| 3414 | - border: 1px solid rgba(255, 255, 255, 0.08); | |
| 3415 | - color: #c5c9d1; | |
| 3416 | - border-radius: 6px; | |
| 3417 | - padding: 6px 14px; | |
| 3418 | - font-size: 13px; | |
| 3419 | - cursor: pointer; | |
| 3420 | - transition: background 0.2s, border-color 0.2s; | |
| 3421 | -} | |
| 3422 | -.mxch-cg-prompt-modal-footer .button:hover { | |
| 3423 | - background: #333350; | |
| 3424 | - border-color: rgba(255, 255, 255, 0.14); | |
| 3425 | -} | |
| 3426 | -.mxch-cg-prompt-modal-footer .button-primary { | |
| 3427 | - background: #7c6ee8; | |
| 3428 | - border-color: #7c6ee8; | |
| 3429 | - color: #fff; | |
| 3430 | -} | |
| 3431 | -.mxch-cg-prompt-modal-footer .button-primary:hover { | |
| 3432 | - background: #6b5dd3; | |
| 3433 | - border-color: #6b5dd3; | |
| 3434 | -} | |
| 3435 | - | |
| 3436 | -@media (max-width: 600px) { | |
| 3437 | - .mxch-cg-prompt-modal-content { | |
| 3438 | - width: 96%; | |
| 3439 | - max-height: 90vh; | |
| 3440 | - } | |
| 3441 | - .mxch-cg-prompt-modal-header, | |
| 3442 | - .mxch-cg-prompt-modal-body, | |
| 3443 | - .mxch-cg-prompt-modal-footer { | |
| 3444 | - padding-left: 16px; | |
| 3445 | - padding-right: 16px; | |
| 3446 | 2996 | } |
| 3447 | 2997 | } |
