| @@ -804,13 +804,11 @@ | ||
| 804 | 804 | } |
| 805 | 805 | |
| 806 | 806 | .mxch-cg-images-col { |
| 807 | 807 | width: 100%; |
| 808 | - max-height: 50vh; | |
| 809 | - min-height: 260px; | |
| 808 | + max-height: 200px; | |
| 810 | 809 | border-right: none; |
| 811 | 810 | border-bottom: 1px solid var(--mxch-card-border, #e2e4e9); |
| 812 | - overflow-y: auto; | |
| 813 | 811 | } |
| 814 | 812 | |
| 815 | 813 | .mxch-cg-images-grid { |
| 816 | 814 | grid-template-columns: repeat(2, 1fr); |
| @@ -821,25 +819,8 @@ | ||
| 821 | 819 | .mxch-cg-left-tabs { |
| 822 | 820 | flex-shrink: 0; |
| 823 | 821 | } |
| 824 | 822 | |
| 825 | - .mxch-seo-checklist { | |
| 826 | - max-height: none; | |
| 827 | - overflow-y: visible; | |
| 828 | - } | |
| 829 | - | |
| 830 | - .mxch-seo-check-label { | |
| 831 | - font-size: 12px; | |
| 832 | - } | |
| 833 | - | |
| 834 | - .mxch-seo-check-detail { | |
| 835 | - font-size: 11px; | |
| 836 | - } | |
| 837 | - | |
| 838 | - .mxch-seo-check { | |
| 839 | - padding: 8px 12px; | |
| 840 | - } | |
| 841 | - | |
| 842 | 823 | .mxch-cg-chat-messages { |
| 843 | 824 | max-height: 180px; |
| 844 | 825 | } |
| 845 | 826 | |
| @@ -1792,1555 +1773,6 @@ | ||
| 1792 | 1773 | |
| 1793 | 1774 | .mxch-cg-loading-spinner { |
| 1794 | 1775 | width: 64px; |
| 1795 | 1776 | height: 64px; |
| 1796 | - } | |
| 1797 | -} | |
| 1798 | - | |
| 1799 | -/* ── SEO Panel ─────────────────────────────────────────── */ | |
| 1800 | - | |
| 1801 | -.mxch-seo-panel { | |
| 1802 | - display: flex; | |
| 1803 | - flex-direction: column; | |
| 1804 | - height: 100%; | |
| 1805 | - overflow: hidden; | |
| 1806 | -} | |
| 1807 | - | |
| 1808 | -.mxch-seo-score-header { | |
| 1809 | - display: flex; | |
| 1810 | - align-items: center; | |
| 1811 | - gap: 10px; | |
| 1812 | - padding: 12px; | |
| 1813 | - border-bottom: 1px solid var(--mxch-card-border, #e2e4e9); | |
| 1814 | - flex-shrink: 0; | |
| 1815 | -} | |
| 1816 | - | |
| 1817 | -.mxch-seo-score-ring { | |
| 1818 | - position: relative; | |
| 1819 | - width: 48px; | |
| 1820 | - height: 48px; | |
| 1821 | - flex-shrink: 0; | |
| 1822 | -} | |
| 1823 | - | |
| 1824 | -.mxch-seo-score-ring svg { | |
| 1825 | - width: 48px; | |
| 1826 | - height: 48px; | |
| 1827 | - transform: rotate(-90deg); | |
| 1828 | -} | |
| 1829 | - | |
| 1830 | -.mxch-seo-ring-bg { | |
| 1831 | - fill: none; | |
| 1832 | - stroke: var(--mxch-card-border, #e2e4e9); | |
| 1833 | - stroke-width: 4; | |
| 1834 | -} | |
| 1835 | - | |
| 1836 | -.mxch-seo-ring-fill { | |
| 1837 | - fill: none; | |
| 1838 | - stroke: var(--mxch-text-muted, #94a3b8); | |
| 1839 | - stroke-width: 4; | |
| 1840 | - stroke-linecap: round; | |
| 1841 | - transition: stroke-dashoffset 0.8s cubic-bezier(0.4, 0, 0.2, 1), stroke 0.4s; | |
| 1842 | -} | |
| 1843 | - | |
| 1844 | -.mxch-seo-ring-fill.mxch-seo-good { stroke: #10b981; } | |
| 1845 | -.mxch-seo-ring-fill.mxch-seo-ok { stroke: #f59e0b; } | |
| 1846 | -.mxch-seo-ring-fill.mxch-seo-bad { stroke: #ef4444; } | |
| 1847 | - | |
| 1848 | -.mxch-seo-score-num { | |
| 1849 | - position: absolute; | |
| 1850 | - inset: 0; | |
| 1851 | - display: flex; | |
| 1852 | - align-items: center; | |
| 1853 | - justify-content: center; | |
| 1854 | - font-size: 14px; | |
| 1855 | - font-weight: 700; | |
| 1856 | - color: var(--mxch-text-primary, #1a1a2e); | |
| 1857 | - line-height: 1; | |
| 1858 | -} | |
| 1859 | - | |
| 1860 | -.mxch-seo-score-info { | |
| 1861 | - flex: 1; | |
| 1862 | - min-width: 0; | |
| 1863 | - display: flex; | |
| 1864 | - flex-direction: column; | |
| 1865 | - gap: 2px; | |
| 1866 | -} | |
| 1867 | - | |
| 1868 | -.mxch-seo-score-label { | |
| 1869 | - font-size: 12px; | |
| 1870 | - font-weight: 600; | |
| 1871 | - color: var(--mxch-text-primary, #1a1a2e); | |
| 1872 | -} | |
| 1873 | - | |
| 1874 | -.mxch-seo-score-summary { | |
| 1875 | - font-size: 10px; | |
| 1876 | - color: var(--mxch-text-muted, #94a3b8); | |
| 1877 | - line-height: 1.3; | |
| 1878 | -} | |
| 1879 | - | |
| 1880 | -.mxch-seo-analyze-btn { | |
| 1881 | - width: 30px; | |
| 1882 | - height: 30px; | |
| 1883 | - border: 1px solid var(--mxch-card-border, #e2e4e9); | |
| 1884 | - border-radius: 6px; | |
| 1885 | - background: transparent; | |
| 1886 | - color: var(--mxch-text-muted, #94a3b8); | |
| 1887 | - cursor: pointer; | |
| 1888 | - display: flex; | |
| 1889 | - align-items: center; | |
| 1890 | - justify-content: center; | |
| 1891 | - flex-shrink: 0; | |
| 1892 | - transition: all 0.15s; | |
| 1893 | -} | |
| 1894 | - | |
| 1895 | -.mxch-seo-analyze-btn:hover { | |
| 1896 | - color: var(--mxch-primary, #7873f5); | |
| 1897 | - border-color: var(--mxch-primary, #7873f5); | |
| 1898 | - background: rgba(120, 115, 245, 0.05); | |
| 1899 | -} | |
| 1900 | - | |
| 1901 | -.mxch-seo-analyze-btn.mxch-spinning svg { | |
| 1902 | - animation: mxch-spin 0.8s linear infinite; | |
| 1903 | -} | |
| 1904 | - | |
| 1905 | -.mxch-seo-checklist { | |
| 1906 | - flex: 1; | |
| 1907 | - overflow-y: auto; | |
| 1908 | - padding: 6px 0; | |
| 1909 | -} | |
| 1910 | - | |
| 1911 | -.mxch-seo-empty { | |
| 1912 | - display: flex; | |
| 1913 | - flex-direction: column; | |
| 1914 | - align-items: center; | |
| 1915 | - justify-content: center; | |
| 1916 | - gap: 8px; | |
| 1917 | - padding: 32px 16px; | |
| 1918 | - text-align: center; | |
| 1919 | -} | |
| 1920 | - | |
| 1921 | -.mxch-seo-empty svg { | |
| 1922 | - opacity: 0.2; | |
| 1923 | - color: var(--mxch-text-muted, #94a3b8); | |
| 1924 | -} | |
| 1925 | - | |
| 1926 | -.mxch-seo-empty span { | |
| 1927 | - font-size: 11px; | |
| 1928 | - color: var(--mxch-text-muted, #94a3b8); | |
| 1929 | - line-height: 1.5; | |
| 1930 | -} | |
| 1931 | - | |
| 1932 | -.mxch-seo-check { | |
| 1933 | - display: flex; | |
| 1934 | - align-items: flex-start; | |
| 1935 | - gap: 8px; | |
| 1936 | - padding: 7px 12px; | |
| 1937 | - transition: background 0.1s; | |
| 1938 | -} | |
| 1939 | - | |
| 1940 | -.mxch-seo-check:hover { | |
| 1941 | - background: rgba(0, 0, 0, 0.02); | |
| 1942 | -} | |
| 1943 | - | |
| 1944 | -.mxch-seo-check-icon { | |
| 1945 | - width: 16px; | |
| 1946 | - height: 16px; | |
| 1947 | - flex-shrink: 0; | |
| 1948 | - margin-top: 1px; | |
| 1949 | - display: flex; | |
| 1950 | - align-items: center; | |
| 1951 | - justify-content: center; | |
| 1952 | -} | |
| 1953 | - | |
| 1954 | -.mxch-seo-check-icon svg { | |
| 1955 | - width: 14px; | |
| 1956 | - height: 14px; | |
| 1957 | -} | |
| 1958 | - | |
| 1959 | -.mxch-seo-check-icon.mxch-seo-pass { color: #10b981; } | |
| 1960 | -.mxch-seo-check-icon.mxch-seo-warn { color: #f59e0b; } | |
| 1961 | -.mxch-seo-check-icon.mxch-seo-fail { color: #ef4444; } | |
| 1962 | - | |
| 1963 | -.mxch-seo-check-content { | |
| 1964 | - flex: 1; | |
| 1965 | - min-width: 0; | |
| 1966 | -} | |
| 1967 | - | |
| 1968 | -.mxch-seo-check-label { | |
| 1969 | - font-size: 11px; | |
| 1970 | - font-weight: 600; | |
| 1971 | - color: var(--mxch-text-primary, #1a1a2e); | |
| 1972 | - display: block; | |
| 1973 | - line-height: 1.2; | |
| 1974 | -} | |
| 1975 | - | |
| 1976 | -.mxch-seo-check-detail { | |
| 1977 | - font-size: 10px; | |
| 1978 | - color: var(--mxch-text-muted, #94a3b8); | |
| 1979 | - display: block; | |
| 1980 | - line-height: 1.4; | |
| 1981 | - margin-top: 1px; | |
| 1982 | -} | |
| 1983 | - | |
| 1984 | -.mxch-seo-check-fix { | |
| 1985 | - width: 22px; | |
| 1986 | - height: 22px; | |
| 1987 | - flex-shrink: 0; | |
| 1988 | - display: flex; | |
| 1989 | - align-items: center; | |
| 1990 | - justify-content: center; | |
| 1991 | - border: none; | |
| 1992 | - border-radius: 4px; | |
| 1993 | - background: transparent; | |
| 1994 | - color: var(--mxch-text-muted, #94a3b8); | |
| 1995 | - cursor: pointer; | |
| 1996 | - transition: all 0.15s; | |
| 1997 | - padding: 0; | |
| 1998 | - margin-top: -1px; | |
| 1999 | -} | |
| 2000 | - | |
| 2001 | -.mxch-seo-check-fix:hover { | |
| 2002 | - background: rgba(120, 115, 245, 0.1); | |
| 2003 | - color: var(--mxch-primary, #7873f5); | |
| 2004 | -} | |
| 2005 | - | |
| 2006 | -.mxch-seo-check-fix:disabled { | |
| 2007 | - cursor: not-allowed; | |
| 2008 | - opacity: 0.5; | |
| 2009 | -} | |
| 2010 | - | |
| 2011 | -.mxch-seo-check-fix.mxch-seo-check-fixing { | |
| 2012 | - opacity: 1; | |
| 2013 | - color: var(--mxch-primary, #7873f5); | |
| 2014 | -} | |
| 2015 | - | |
| 2016 | -.mxch-seo-check-fix.mxch-seo-check-fixing svg { | |
| 2017 | - animation: mxch-spin 0.8s linear infinite; | |
| 2018 | -} | |
| 2019 | - | |
| 2020 | -.mxch-seo-actions { | |
| 2021 | - padding: 10px 12px; | |
| 2022 | - border-top: 1px solid var(--mxch-card-border, #e2e4e9); | |
| 2023 | - flex-shrink: 0; | |
| 2024 | -} | |
| 2025 | - | |
| 2026 | -.mxch-seo-fix-btn { | |
| 2027 | - width: 100%; | |
| 2028 | - display: flex; | |
| 2029 | - align-items: center; | |
| 2030 | - justify-content: center; | |
| 2031 | - gap: 6px; | |
| 2032 | - padding: 8px 12px; | |
| 2033 | - border: none; | |
| 2034 | - border-radius: 6px; | |
| 2035 | - background: linear-gradient(135deg, var(--mxch-primary, #7873f5), #6366f1); | |
| 2036 | - color: #fff; | |
| 2037 | - font-size: 12px; | |
| 2038 | - font-weight: 600; | |
| 2039 | - cursor: pointer; | |
| 2040 | - transition: all 0.2s; | |
| 2041 | -} | |
| 2042 | - | |
| 2043 | -.mxch-seo-fix-btn:hover { | |
| 2044 | - filter: brightness(1.08); | |
| 2045 | - box-shadow: 0 2px 8px rgba(120, 115, 245, 0.3); | |
| 2046 | -} | |
| 2047 | - | |
| 2048 | -.mxch-seo-fix-btn:disabled { | |
| 2049 | - opacity: 0.5; | |
| 2050 | - cursor: not-allowed; | |
| 2051 | - filter: none; | |
| 2052 | - box-shadow: none; | |
| 2053 | -} | |
| 2054 | - | |
| 2055 | -.mxch-seo-fix-btn.mxch-seo-fixing svg { | |
| 2056 | - animation: mxch-spin 0.8s linear infinite; | |
| 2057 | -} | |
| 2058 | - | |
| 2059 | -.mxch-seo-separator { | |
| 2060 | - height: 1px; | |
| 2061 | - background: var(--mxch-card-border, #e2e4e9); | |
| 2062 | - margin: 4px 12px; | |
| 2063 | - opacity: 0.6; | |
| 2064 | -} | |
| 2065 | - | |
| 2066 | -/* ─── SEO Dashboard (Site-wide) ─────────────────────────────────── */ | |
| 2067 | - | |
| 2068 | -.mxch-seod-filters { | |
| 2069 | - display: flex; | |
| 2070 | - align-items: center; | |
| 2071 | - justify-content: space-between; | |
| 2072 | - gap: 12px; | |
| 2073 | - padding: 14px 18px; | |
| 2074 | - border-bottom: 1px solid var(--mxch-card-border, #e2e4e9); | |
| 2075 | - flex-wrap: wrap; | |
| 2076 | -} | |
| 2077 | - | |
| 2078 | -.mxch-seod-filters-left { | |
| 2079 | - display: flex; | |
| 2080 | - align-items: center; | |
| 2081 | - gap: 10px; | |
| 2082 | - flex-wrap: wrap; | |
| 2083 | -} | |
| 2084 | - | |
| 2085 | -.mxch-seod-filters-right { | |
| 2086 | - display: flex; | |
| 2087 | - align-items: center; | |
| 2088 | - gap: 8px; | |
| 2089 | -} | |
| 2090 | - | |
| 2091 | -.mxch-seod-select { | |
| 2092 | - padding: 6px 10px; | |
| 2093 | - border: 1px solid var(--mxch-input-border, #d1d5db); | |
| 2094 | - border-radius: 6px; | |
| 2095 | - background: var(--mxch-card-bg, #fff); | |
| 2096 | - color: var(--mxch-text-primary, #1a1a2e); | |
| 2097 | - font-size: 13px; | |
| 2098 | - cursor: pointer; | |
| 2099 | - outline: none; | |
| 2100 | -} | |
| 2101 | - | |
| 2102 | -.mxch-seod-select:focus { | |
| 2103 | - border-color: var(--mxch-primary, #7873f5); | |
| 2104 | -} | |
| 2105 | - | |
| 2106 | -.mxch-seod-filter-pills { | |
| 2107 | - display: flex; | |
| 2108 | - gap: 4px; | |
| 2109 | -} | |
| 2110 | - | |
| 2111 | -.mxch-seod-pill { | |
| 2112 | - padding: 5px 12px; | |
| 2113 | - border: 1px solid var(--mxch-input-border, #d1d5db); | |
| 2114 | - border-radius: 20px; | |
| 2115 | - background: transparent; | |
| 2116 | - color: var(--mxch-text-muted, #6b7280); | |
| 2117 | - font-size: 12px; | |
| 2118 | - font-weight: 500; | |
| 2119 | - cursor: pointer; | |
| 2120 | - transition: all 0.15s ease; | |
| 2121 | -} | |
| 2122 | - | |
| 2123 | -.mxch-seod-pill:hover { | |
| 2124 | - border-color: var(--mxch-primary, #7873f5); | |
| 2125 | - color: var(--mxch-primary, #7873f5); | |
| 2126 | -} | |
| 2127 | - | |
| 2128 | -.mxch-seod-pill.active { | |
| 2129 | - background: var(--mxch-primary, #7873f5); | |
| 2130 | - border-color: var(--mxch-primary, #7873f5); | |
| 2131 | - color: #fff; | |
| 2132 | -} | |
| 2133 | - | |
| 2134 | -.mxch-seod-search-wrap { | |
| 2135 | - position: relative; | |
| 2136 | - display: flex; | |
| 2137 | - align-items: center; | |
| 2138 | -} | |
| 2139 | - | |
| 2140 | -.mxch-seod-search-wrap svg { | |
| 2141 | - position: absolute; | |
| 2142 | - left: 10px; | |
| 2143 | - width: 14px; | |
| 2144 | - height: 14px; | |
| 2145 | - color: var(--mxch-text-muted, #6b7280); | |
| 2146 | - pointer-events: none; | |
| 2147 | -} | |
| 2148 | - | |
| 2149 | -.mxch-seod-search { | |
| 2150 | - padding: 6px 10px 6px 30px; | |
| 2151 | - border: 1px solid var(--mxch-input-border, #d1d5db); | |
| 2152 | - border-radius: 6px; | |
| 2153 | - background: var(--mxch-card-bg, #fff); | |
| 2154 | - color: var(--mxch-text-primary, #1a1a2e); | |
| 2155 | - font-size: 13px; | |
| 2156 | - width: 180px; | |
| 2157 | - outline: none; | |
| 2158 | -} | |
| 2159 | - | |
| 2160 | -.mxch-seod-search:focus { | |
| 2161 | - border-color: var(--mxch-primary, #7873f5); | |
| 2162 | -} | |
| 2163 | - | |
| 2164 | -/* Table */ | |
| 2165 | - | |
| 2166 | -.mxch-seod-table-wrap { | |
| 2167 | - min-height: 200px; | |
| 2168 | - position: relative; | |
| 2169 | -} | |
| 2170 | - | |
| 2171 | -/* ─── Column Header Row ─────────────────────────────────────────── */ | |
| 2172 | - | |
| 2173 | -.mxch-seod-header { | |
| 2174 | - display: flex; | |
| 2175 | - align-items: center; | |
| 2176 | - padding: 8px 18px; | |
| 2177 | - gap: 12px; | |
| 2178 | - background: var(--mxch-card-bg, #f8f9fa); | |
| 2179 | - border-bottom: 2px solid var(--mxch-card-border, #e2e4e9); | |
| 2180 | - position: sticky; | |
| 2181 | - top: 0; | |
| 2182 | - z-index: 2; | |
| 2183 | -} | |
| 2184 | - | |
| 2185 | -.mxch-seod-header-cell { | |
| 2186 | - font-size: 11px; | |
| 2187 | - font-weight: 600; | |
| 2188 | - text-transform: uppercase; | |
| 2189 | - letter-spacing: 0.5px; | |
| 2190 | - color: var(--mxch-text-muted, #6b7280); | |
| 2191 | - cursor: pointer; | |
| 2192 | - user-select: none; | |
| 2193 | - white-space: nowrap; | |
| 2194 | - transition: color 0.15s ease; | |
| 2195 | -} | |
| 2196 | - | |
| 2197 | -.mxch-seod-header-cell:hover { | |
| 2198 | - color: var(--mxch-text-primary, #1a1a2e); | |
| 2199 | -} | |
| 2200 | - | |
| 2201 | -.mxch-seod-header-cell.mxch-seod-header-active { | |
| 2202 | - color: var(--mxch-primary, #7873f5); | |
| 2203 | -} | |
| 2204 | - | |
| 2205 | -.mxch-seod-header-title { | |
| 2206 | - flex: 1; | |
| 2207 | - min-width: 0; | |
| 2208 | -} | |
| 2209 | - | |
| 2210 | -.mxch-seod-header-date { | |
| 2211 | - width: 90px; | |
| 2212 | - text-align: center; | |
| 2213 | - flex-shrink: 0; | |
| 2214 | -} | |
| 2215 | - | |
| 2216 | -.mxch-seod-header-score { | |
| 2217 | - width: 48px; | |
| 2218 | - text-align: center; | |
| 2219 | - flex-shrink: 0; | |
| 2220 | -} | |
| 2221 | - | |
| 2222 | -.mxch-seod-header-clicks { | |
| 2223 | - width: 52px; | |
| 2224 | - text-align: center; | |
| 2225 | - flex-shrink: 0; | |
| 2226 | -} | |
| 2227 | - | |
| 2228 | -.mxch-seod-header-impressions { | |
| 2229 | - width: 52px; | |
| 2230 | - text-align: center; | |
| 2231 | - flex-shrink: 0; | |
| 2232 | -} | |
| 2233 | - | |
| 2234 | -.mxch-seod-sort-arrow { | |
| 2235 | - font-size: 9px; | |
| 2236 | - vertical-align: middle; | |
| 2237 | - margin-left: 2px; | |
| 2238 | -} | |
| 2239 | - | |
| 2240 | -/* ─── Row Columns ─────────────────────────────────────────────── */ | |
| 2241 | - | |
| 2242 | -.mxch-seod-cell-date { | |
| 2243 | - width: 90px; | |
| 2244 | - flex-shrink: 0; | |
| 2245 | - justify-content: center; | |
| 2246 | -} | |
| 2247 | - | |
| 2248 | -.mxch-seod-date { | |
| 2249 | - font-size: 12px; | |
| 2250 | - color: var(--mxch-text-muted, #6b7280); | |
| 2251 | -} | |
| 2252 | - | |
| 2253 | -.mxch-seod-cell-clicks, | |
| 2254 | -.mxch-seod-cell-impressions { | |
| 2255 | - width: 52px; | |
| 2256 | - flex-shrink: 0; | |
| 2257 | - justify-content: center; | |
| 2258 | - font-size: 12px; | |
| 2259 | - color: var(--mxch-text-muted, #6b7280); | |
| 2260 | -} | |
| 2261 | - | |
| 2262 | -.mxch-seod-row { | |
| 2263 | - border-bottom: 1px solid var(--mxch-card-border, #e2e4e9); | |
| 2264 | - cursor: pointer; | |
| 2265 | - transition: background 0.15s ease; | |
| 2266 | -} | |
| 2267 | - | |
| 2268 | -.mxch-seod-row:last-child { | |
| 2269 | - border-bottom: none; | |
| 2270 | -} | |
| 2271 | - | |
| 2272 | -.mxch-seod-row:hover { | |
| 2273 | - background: rgba(120, 115, 245, 0.03); | |
| 2274 | -} | |
| 2275 | - | |
| 2276 | -.mxch-seod-row.mxch-seod-active { | |
| 2277 | - background: rgba(120, 115, 245, 0.03); | |
| 2278 | -} | |
| 2279 | - | |
| 2280 | -.mxch-seod-row-main { | |
| 2281 | - display: flex; | |
| 2282 | - align-items: center; | |
| 2283 | - padding: 12px 18px; | |
| 2284 | - gap: 12px; | |
| 2285 | -} | |
| 2286 | - | |
| 2287 | -.mxch-seod-cell { | |
| 2288 | - display: flex; | |
| 2289 | - align-items: center; | |
| 2290 | -} | |
| 2291 | - | |
| 2292 | -.mxch-seod-header-check, | |
| 2293 | -.mxch-seod-cell-check { | |
| 2294 | - width: 28px; | |
| 2295 | - flex-shrink: 0; | |
| 2296 | - display: flex; | |
| 2297 | - align-items: center; | |
| 2298 | - justify-content: center; | |
| 2299 | -} | |
| 2300 | - | |
| 2301 | -.mxch-seod-header-check input, | |
| 2302 | -.mxch-seod-cell-check input { | |
| 2303 | - width: 15px; | |
| 2304 | - height: 15px; | |
| 2305 | - margin: 0; | |
| 2306 | - cursor: pointer; | |
| 2307 | - accent-color: var(--mxch-primary, #7873f5); | |
| 2308 | -} | |
| 2309 | - | |
| 2310 | -.mxch-seod-row.mxch-seod-row-optimizing { | |
| 2311 | - opacity: 0.7; | |
| 2312 | - pointer-events: none; | |
| 2313 | -} | |
| 2314 | - | |
| 2315 | -.mxch-seod-row.mxch-seod-row-optimizing .mxch-seod-score-badge { | |
| 2316 | - visibility: hidden; | |
| 2317 | -} | |
| 2318 | - | |
| 2319 | -.mxch-seod-row-spinner-wrap { | |
| 2320 | - position: absolute; | |
| 2321 | - top: 0; | |
| 2322 | - left: 0; | |
| 2323 | - right: 0; | |
| 2324 | - bottom: 0; | |
| 2325 | - display: flex; | |
| 2326 | - align-items: center; | |
| 2327 | - justify-content: center; | |
| 2328 | -} | |
| 2329 | - | |
| 2330 | -.mxch-seod-row-spinner { | |
| 2331 | - width: 24px; | |
| 2332 | - height: 24px; | |
| 2333 | - border: 2.5px solid var(--mxch-card-border, #e2e4e9); | |
| 2334 | - border-top-color: var(--mxch-primary, #7873f5); | |
| 2335 | - border-radius: 50%; | |
| 2336 | - animation: mxch-spin 0.6s linear infinite; | |
| 2337 | - box-sizing: border-box; | |
| 2338 | -} | |
| 2339 | - | |
| 2340 | -.mxch-seod-cell-title { | |
| 2341 | - flex: 1; | |
| 2342 | - min-width: 0; | |
| 2343 | - flex-direction: column; | |
| 2344 | - align-items: flex-start; | |
| 2345 | - gap: 2px; | |
| 2346 | -} | |
| 2347 | - | |
| 2348 | -.mxch-seod-title { | |
| 2349 | - font-size: 13.5px; | |
| 2350 | - font-weight: 500; | |
| 2351 | - color: var(--mxch-text-primary, #1a1a2e); | |
| 2352 | - white-space: nowrap; | |
| 2353 | - overflow: hidden; | |
| 2354 | - text-overflow: ellipsis; | |
| 2355 | - max-width: 100%; | |
| 2356 | -} | |
| 2357 | - | |
| 2358 | -.mxch-seod-meta { | |
| 2359 | - font-size: 11.5px; | |
| 2360 | - color: var(--mxch-text-muted, #6b7280); | |
| 2361 | -} | |
| 2362 | - | |
| 2363 | -.mxch-seod-cell-score { | |
| 2364 | - width: 48px; | |
| 2365 | - justify-content: center; | |
| 2366 | - flex-shrink: 0; | |
| 2367 | - position: relative; | |
| 2368 | -} | |
| 2369 | - | |
| 2370 | -.mxch-seod-score-badge { | |
| 2371 | - width: 36px; | |
| 2372 | - height: 36px; | |
| 2373 | - border-radius: 50%; | |
| 2374 | - display: flex; | |
| 2375 | - align-items: center; | |
| 2376 | - justify-content: center; | |
| 2377 | - font-size: 12px; | |
| 2378 | - font-weight: 700; | |
| 2379 | - border: 2.5px solid; | |
| 2380 | -} | |
| 2381 | - | |
| 2382 | -.mxch-seod-score-badge.mxch-seod-good { | |
| 2383 | - color: #10b981; | |
| 2384 | - border-color: #10b981; | |
| 2385 | - background: rgba(16, 185, 129, 0.08); | |
| 2386 | -} | |
| 2387 | - | |
| 2388 | -.mxch-seod-score-badge.mxch-seod-ok { | |
| 2389 | - color: #f59e0b; | |
| 2390 | - border-color: #f59e0b; | |
| 2391 | - background: rgba(245, 158, 11, 0.08); | |
| 2392 | -} | |
| 2393 | - | |
| 2394 | -.mxch-seod-score-badge.mxch-seod-bad { | |
| 2395 | - color: #ef4444; | |
| 2396 | - border-color: #ef4444; | |
| 2397 | - background: rgba(239, 68, 68, 0.08); | |
| 2398 | -} | |
| 2399 | - | |
| 2400 | -.mxch-seod-score-badge.mxch-seod-unscored { | |
| 2401 | - color: var(--mxch-text-muted, #6b7280); | |
| 2402 | - border-color: var(--mxch-input-border, #d1d5db); | |
| 2403 | - background: transparent; | |
| 2404 | - font-size: 14px; | |
| 2405 | -} | |
| 2406 | - | |
| 2407 | -.mxch-seod-cell-status { | |
| 2408 | - width: 90px; | |
| 2409 | - justify-content: center; | |
| 2410 | - flex-shrink: 0; | |
| 2411 | -} | |
| 2412 | - | |
| 2413 | -.mxch-seod-status { | |
| 2414 | - font-size: 12px; | |
| 2415 | - font-weight: 500; | |
| 2416 | - padding: 3px 10px; | |
| 2417 | - border-radius: 12px; | |
| 2418 | -} | |
| 2419 | - | |
| 2420 | -.mxch-seod-status-good { | |
| 2421 | - color: #10b981; | |
| 2422 | - background: rgba(16, 185, 129, 0.1); | |
| 2423 | -} | |
| 2424 | - | |
| 2425 | -.mxch-seod-status-warn { | |
| 2426 | - color: #f59e0b; | |
| 2427 | - background: rgba(245, 158, 11, 0.1); | |
| 2428 | -} | |
| 2429 | - | |
| 2430 | -.mxch-seod-status-bad { | |
| 2431 | - color: #ef4444; | |
| 2432 | - background: rgba(239, 68, 68, 0.1); | |
| 2433 | -} | |
| 2434 | - | |
| 2435 | -.mxch-seod-status-unscored { | |
| 2436 | - color: var(--mxch-text-muted, #6b7280); | |
| 2437 | - background: rgba(107, 114, 128, 0.08); | |
| 2438 | -} | |
| 2439 | - | |
| 2440 | -/* ─── SEO Detail Modal ───────────────────────────────────────── */ | |
| 2441 | - | |
| 2442 | -.mxch-seod-modal-overlay { | |
| 2443 | - position: fixed; | |
| 2444 | - inset: 0; | |
| 2445 | - z-index: 100000; | |
| 2446 | - background: rgba(0, 0, 0, 0); | |
| 2447 | - display: flex; | |
| 2448 | - align-items: center; | |
| 2449 | - justify-content: center; | |
| 2450 | - transition: background 0.2s ease; | |
| 2451 | -} | |
| 2452 | - | |
| 2453 | -.mxch-seod-modal-overlay.mxch-seod-modal-visible { | |
| 2454 | - background: rgba(0, 0, 0, 0.45); | |
| 2455 | -} | |
| 2456 | - | |
| 2457 | -.mxch-seod-modal { | |
| 2458 | - background: var(--mxch-card-bg, #fff); | |
| 2459 | - border-radius: 12px; | |
| 2460 | - box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25); | |
| 2461 | - width: 90%; | |
| 2462 | - max-width: 580px; | |
| 2463 | - max-height: 80vh; | |
| 2464 | - display: flex; | |
| 2465 | - flex-direction: column; | |
| 2466 | - opacity: 0; | |
| 2467 | - transform: translateY(12px) scale(0.98); | |
| 2468 | - transition: opacity 0.2s ease, transform 0.2s ease; | |
| 2469 | -} | |
| 2470 | - | |
| 2471 | -.mxch-seod-modal-visible .mxch-seod-modal { | |
| 2472 | - opacity: 1; | |
| 2473 | - transform: translateY(0) scale(1); | |
| 2474 | -} | |
| 2475 | - | |
| 2476 | -.mxch-seod-modal-header { | |
| 2477 | - display: flex; | |
| 2478 | - align-items: center; | |
| 2479 | - justify-content: space-between; | |
| 2480 | - padding: 16px 20px; | |
| 2481 | - border-bottom: 1px solid var(--mxch-card-border, #e2e4e9); | |
| 2482 | - flex-shrink: 0; | |
| 2483 | -} | |
| 2484 | - | |
| 2485 | -.mxch-seod-modal-title { | |
| 2486 | - font-size: 15px; | |
| 2487 | - font-weight: 600; | |
| 2488 | - color: var(--mxch-text-primary, #1a1a2e); | |
| 2489 | - margin: 0; | |
| 2490 | - white-space: nowrap; | |
| 2491 | - overflow: hidden; | |
| 2492 | - text-overflow: ellipsis; | |
| 2493 | - min-width: 0; | |
| 2494 | - flex: 1; | |
| 2495 | - padding-right: 12px; | |
| 2496 | -} | |
| 2497 | - | |
| 2498 | -.mxch-seod-modal-view-page { | |
| 2499 | - display: inline-flex; | |
| 2500 | - align-items: center; | |
| 2501 | - gap: 4px; | |
| 2502 | - font-size: 12px; | |
| 2503 | - font-weight: 500; | |
| 2504 | - color: var(--mxch-accent, #6366f1); | |
| 2505 | - text-decoration: none; | |
| 2506 | - padding: 4px 10px; | |
| 2507 | - border-radius: 6px; | |
| 2508 | - transition: color 0.15s, background 0.15s; | |
| 2509 | - flex-shrink: 0; | |
| 2510 | - margin-right: 8px; | |
| 2511 | - white-space: nowrap; | |
| 2512 | -} | |
| 2513 | - | |
| 2514 | -.mxch-seod-modal-view-page:hover { | |
| 2515 | - color: var(--mxch-accent-hover, #4f46e5); | |
| 2516 | - background: rgba(99, 102, 241, 0.08); | |
| 2517 | - text-decoration: none; | |
| 2518 | -} | |
| 2519 | - | |
| 2520 | -.mxch-seod-modal-view-page svg { | |
| 2521 | - flex-shrink: 0; | |
| 2522 | -} | |
| 2523 | - | |
| 2524 | -.mxch-seod-modal-close { | |
| 2525 | - background: none; | |
| 2526 | - border: none; | |
| 2527 | - cursor: pointer; | |
| 2528 | - color: var(--mxch-text-muted, #6b7280); | |
| 2529 | - padding: 4px; | |
| 2530 | - border-radius: 6px; | |
| 2531 | - transition: color 0.15s, background 0.15s; | |
| 2532 | - flex-shrink: 0; | |
| 2533 | -} | |
| 2534 | - | |
| 2535 | -.mxch-seod-modal-close:hover { | |
| 2536 | - color: var(--mxch-text-primary, #1a1a2e); | |
| 2537 | - background: rgba(0, 0, 0, 0.05); | |
| 2538 | -} | |
| 2539 | - | |
| 2540 | -.mxch-seod-modal-body { | |
| 2541 | - padding: 16px 20px; | |
| 2542 | - overflow-y: auto; | |
| 2543 | - flex: 1; | |
| 2544 | - min-height: 0; | |
| 2545 | -} | |
| 2546 | - | |
| 2547 | -/* Detail content (reused inside modal) */ | |
| 2548 | - | |
| 2549 | -.mxch-seod-detail { | |
| 2550 | - cursor: default; | |
| 2551 | -} | |
| 2552 | - | |
| 2553 | -.mxch-seod-detail-loading { | |
| 2554 | - display: flex; | |
| 2555 | - align-items: center; | |
| 2556 | - gap: 8px; | |
| 2557 | - padding: 16px 0; | |
| 2558 | - color: var(--mxch-text-muted, #6b7280); | |
| 2559 | - font-size: 13px; | |
| 2560 | -} | |
| 2561 | - | |
| 2562 | -.mxch-seod-spinner { | |
| 2563 | - width: 16px; | |
| 2564 | - height: 16px; | |
| 2565 | - border: 2px solid var(--mxch-input-border, #d1d5db); | |
| 2566 | - border-top-color: var(--mxch-primary, #7873f5); | |
| 2567 | - border-radius: 50%; | |
| 2568 | - animation: mxch-spin 0.6s linear infinite; | |
| 2569 | -} | |
| 2570 | - | |
| 2571 | -.mxch-seod-detail-error { | |
| 2572 | - padding: 16px 0; | |
| 2573 | - color: #ef4444; | |
| 2574 | - font-size: 13px; | |
| 2575 | -} | |
| 2576 | - | |
| 2577 | -.mxch-seod-checks { | |
| 2578 | - background: var(--mxch-card-bg, #fff); | |
| 2579 | - border: 1px solid var(--mxch-card-border, #e2e4e9); | |
| 2580 | - border-radius: 8px; | |
| 2581 | - overflow: hidden; | |
| 2582 | -} | |
| 2583 | - | |
| 2584 | -.mxch-seod-check { | |
| 2585 | - display: flex; | |
| 2586 | - align-items: flex-start; | |
| 2587 | - gap: 10px; | |
| 2588 | - padding: 10px 14px; | |
| 2589 | - border-bottom: 1px solid var(--mxch-card-border, #e2e4e9); | |
| 2590 | -} | |
| 2591 | - | |
| 2592 | -.mxch-seod-check:last-child { | |
| 2593 | - border-bottom: none; | |
| 2594 | -} | |
| 2595 | - | |
| 2596 | -.mxch-seod-check-sep { | |
| 2597 | - height: 1px; | |
| 2598 | - background: var(--mxch-card-border, #e2e4e9); | |
| 2599 | - opacity: 0.6; | |
| 2600 | -} | |
| 2601 | - | |
| 2602 | -.mxch-seod-check-icon { | |
| 2603 | - width: 18px; | |
| 2604 | - height: 18px; | |
| 2605 | - flex-shrink: 0; | |
| 2606 | - margin-top: 1px; | |
| 2607 | -} | |
| 2608 | - | |
| 2609 | -.mxch-seod-check-icon svg { | |
| 2610 | - width: 18px; | |
| 2611 | - height: 18px; | |
| 2612 | -} | |
| 2613 | - | |
| 2614 | -.mxch-seod-check-pass .mxch-seod-check-icon { color: #10b981; } | |
| 2615 | -.mxch-seod-check-warn .mxch-seod-check-icon { color: #f59e0b; } | |
| 2616 | -.mxch-seod-check-fail .mxch-seod-check-icon { color: #ef4444; } | |
| 2617 | - | |
| 2618 | -.mxch-seod-check-text { | |
| 2619 | - display: flex; | |
| 2620 | - flex-direction: column; | |
| 2621 | - gap: 1px; | |
| 2622 | - min-width: 0; | |
| 2623 | -} | |
| 2624 | - | |
| 2625 | -.mxch-seod-check-label { | |
| 2626 | - font-size: 13px; | |
| 2627 | - font-weight: 500; | |
| 2628 | - color: var(--mxch-text-primary, #1a1a2e); | |
| 2629 | -} | |
| 2630 | - | |
| 2631 | -.mxch-seod-check-detail { | |
| 2632 | - font-size: 12px; | |
| 2633 | - color: var(--mxch-text-muted, #6b7280); | |
| 2634 | -} | |
| 2635 | - | |
| 2636 | -.mxch-seod-addon-badge { | |
| 2637 | - display: inline-flex; | |
| 2638 | - align-items: center; | |
| 2639 | - padding: 1px 6px; | |
| 2640 | - margin-left: 6px; | |
| 2641 | - border-radius: 20px; | |
| 2642 | - font-size: 9px; | |
| 2643 | - font-weight: 700; | |
| 2644 | - text-transform: uppercase; | |
| 2645 | - letter-spacing: 0.5px; | |
| 2646 | - background: linear-gradient(135deg, rgba(120, 115, 245, 0.15), rgba(168, 139, 250, 0.15)); | |
| 2647 | - color: var(--mxch-primary, #7873f5); | |
| 2648 | - line-height: 1; | |
| 2649 | - vertical-align: middle; | |
| 2650 | - text-decoration: none; | |
| 2651 | - cursor: pointer; | |
| 2652 | -} | |
| 2653 | - | |
| 2654 | -.mxch-seod-addon-badge:hover { | |
| 2655 | - background: linear-gradient(135deg, rgba(120, 115, 245, 0.25), rgba(168, 139, 250, 0.25)); | |
| 2656 | - text-decoration: none; | |
| 2657 | - color: var(--mxch-primary, #7873f5); | |
| 2658 | -} | |
| 2659 | - | |
| 2660 | -.mxch-seod-pro-badge { | |
| 2661 | - background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(251, 191, 36, 0.15)); | |
| 2662 | - color: #d97706; | |
| 2663 | -} | |
| 2664 | - | |
| 2665 | -.mxch-seod-pro-badge:hover { | |
| 2666 | - background: linear-gradient(135deg, rgba(245, 158, 11, 0.25), rgba(251, 191, 36, 0.25)); | |
| 2667 | - color: #d97706; | |
| 2668 | -} | |
| 2669 | - | |
| 2670 | -.mxch-seod-detail-actions { | |
| 2671 | - display: flex; | |
| 2672 | - justify-content: flex-end; | |
| 2673 | - margin-top: 12px; | |
| 2674 | -} | |
| 2675 | - | |
| 2676 | -.mxch-seod-optimize-btn { | |
| 2677 | - display: inline-flex; | |
| 2678 | - align-items: center; | |
| 2679 | - gap: 6px; | |
| 2680 | - padding: 7px 16px; | |
| 2681 | - background: linear-gradient(135deg, #7873f5, #6366f1); | |
| 2682 | - color: #fff; | |
| 2683 | - border: none; | |
| 2684 | - border-radius: 6px; | |
| 2685 | - font-size: 12.5px; | |
| 2686 | - font-weight: 600; | |
| 2687 | - cursor: pointer; | |
| 2688 | - transition: filter 0.15s ease, box-shadow 0.15s ease; | |
| 2689 | -} | |
| 2690 | - | |
| 2691 | -.mxch-seod-optimize-btn:hover { | |
| 2692 | - filter: brightness(1.08); | |
| 2693 | - box-shadow: 0 2px 8px rgba(120, 115, 245, 0.3); | |
| 2694 | -} | |
| 2695 | - | |
| 2696 | -.mxch-seod-optimize-btn:disabled { | |
| 2697 | - opacity: 0.6; | |
| 2698 | - cursor: not-allowed; | |
| 2699 | -} | |
| 2700 | - | |
| 2701 | -.mxch-seod-optimize-btn svg { | |
| 2702 | - animation: none; | |
| 2703 | -} | |
| 2704 | - | |
| 2705 | -.mxch-seod-optimize-btn:disabled svg { | |
| 2706 | - animation: mxch-spin 0.8s linear infinite; | |
| 2707 | -} | |
| 2708 | - | |
| 2709 | -/* Footer */ | |
| 2710 | - | |
| 2711 | -.mxch-seod-footer { | |
| 2712 | - display: flex; | |
| 2713 | - align-items: center; | |
| 2714 | - gap: 12px; | |
| 2715 | - padding: 12px 18px; | |
| 2716 | - border-top: 1px solid var(--mxch-card-border, #e2e4e9); | |
| 2717 | - flex-wrap: wrap; | |
| 2718 | -} | |
| 2719 | - | |
| 2720 | -.mxch-seod-scan-btn { | |
| 2721 | - display: inline-flex; | |
| 2722 | - align-items: center; | |
| 2723 | - gap: 6px; | |
| 2724 | - padding: 7px 14px; | |
| 2725 | - background: var(--mxch-card-bg, #fff); | |
| 2726 | - color: var(--mxch-primary, #7873f5); | |
| 2727 | - border: 1px solid var(--mxch-primary, #7873f5); | |
| 2728 | - border-radius: 6px; | |
| 2729 | - font-size: 12.5px; | |
| 2730 | - font-weight: 600; | |
| 2731 | - cursor: pointer; | |
| 2732 | - transition: all 0.15s ease; | |
| 2733 | -} | |
| 2734 | - | |
| 2735 | -.mxch-seod-scan-btn:hover { | |
| 2736 | - background: var(--mxch-primary, #7873f5); | |
| 2737 | - color: #fff; | |
| 2738 | -} | |
| 2739 | - | |
| 2740 | -.mxch-seod-scan-btn:disabled { | |
| 2741 | - opacity: 0.6; | |
| 2742 | - cursor: not-allowed; | |
| 2743 | - background: var(--mxch-primary, #7873f5); | |
| 2744 | - color: #fff; | |
| 2745 | -} | |
| 2746 | - | |
| 2747 | -.mxch-seod-bulk-note { | |
| 2748 | - font-size: 11px; | |
| 2749 | - color: var(--mxch-text-muted, #94a3b8); | |
| 2750 | - font-style: italic; | |
| 2751 | -} | |
| 2752 | - | |
| 2753 | -.mxch-seod-bulk-locked { | |
| 2754 | - opacity: 0.65; | |
| 2755 | - cursor: not-allowed; | |
| 2756 | - background: var(--mxch-card-bg, #1e1e2e); | |
| 2757 | - color: var(--mxch-text-muted, #94a3b8); | |
| 2758 | - border: 1px dashed var(--mxch-card-border, #e2e4e9); | |
| 2759 | -} | |
| 2760 | - | |
| 2761 | -.mxch-seod-bulk-locked:hover { | |
| 2762 | - background: var(--mxch-card-bg, #1e1e2e); | |
| 2763 | - color: var(--mxch-text-muted, #94a3b8); | |
| 2764 | -} | |
| 2765 | - | |
| 2766 | -.mxch-seod-bulk-locked .mxch-cg-pro-badge { | |
| 2767 | - margin-left: 4px; | |
| 2768 | - opacity: 1; | |
| 2769 | -} | |
| 2770 | - | |
| 2771 | -.mxch-seod-optimize-selected-btn { | |
| 2772 | - background: var(--mxch-primary, #7873f5); | |
| 2773 | - color: #fff; | |
| 2774 | - white-space: nowrap; | |
| 2775 | -} | |
| 2776 | - | |
| 2777 | -.mxch-seod-optimize-selected-btn:hover { | |
| 2778 | - background: var(--mxch-primary-hover, #6963e6); | |
| 2779 | - color: #fff; | |
| 2780 | -} | |
| 2781 | - | |
| 2782 | -.mxch-seod-scan-stop-btn { | |
| 2783 | - color: #ef4444; | |
| 2784 | - border-color: #ef4444; | |
| 2785 | -} | |
| 2786 | - | |
| 2787 | -.mxch-seod-scan-stop-btn:hover { | |
| 2788 | - background: #ef4444; | |
| 2789 | - color: #fff; | |
| 2790 | -} | |
| 2791 | - | |
| 2792 | -.mxch-seod-scan-stop-btn:disabled { | |
| 2793 | - background: #ef4444; | |
| 2794 | - color: #fff; | |
| 2795 | - border-color: #ef4444; | |
| 2796 | -} | |
| 2797 | - | |
| 2798 | -.mxch-seod-scan-status { | |
| 2799 | - font-size: 12.5px; | |
| 2800 | - color: var(--mxch-text-muted, #6b7280); | |
| 2801 | -} | |
| 2802 | - | |
| 2803 | -.mxch-seod-scan-progress { | |
| 2804 | - font-weight: 600; | |
| 2805 | - color: var(--mxch-primary, #7873f5); | |
| 2806 | -} | |
| 2807 | - | |
| 2808 | -.mxch-seod-pagination { | |
| 2809 | - display: flex; | |
| 2810 | - align-items: center; | |
| 2811 | - gap: 8px; | |
| 2812 | - margin-left: auto; | |
| 2813 | -} | |
| 2814 | - | |
| 2815 | -.mxch-seod-page-btn { | |
| 2816 | - padding: 5px 12px; | |
| 2817 | - border: 1px solid var(--mxch-input-border, #d1d5db); | |
| 2818 | - border-radius: 6px; | |
| 2819 | - background: var(--mxch-card-bg, #fff); | |
| 2820 | - color: var(--mxch-text-primary, #1a1a2e); | |
| 2821 | - font-size: 12.5px; | |
| 2822 | - cursor: pointer; | |
| 2823 | - transition: all 0.15s ease; | |
| 2824 | -} | |
| 2825 | - | |
| 2826 | -.mxch-seod-page-btn:hover { | |
| 2827 | - border-color: var(--mxch-primary, #7873f5); | |
| 2828 | - color: var(--mxch-primary, #7873f5); | |
| 2829 | -} | |
| 2830 | - | |
| 2831 | -.mxch-seod-page-info { | |
| 2832 | - font-size: 12.5px; | |
| 2833 | - color: var(--mxch-text-muted, #6b7280); | |
| 2834 | -} | |
| 2835 | - | |
| 2836 | -/* Loading & Empty */ | |
| 2837 | - | |
| 2838 | -.mxch-seod-loading { | |
| 2839 | - display: flex; | |
| 2840 | - flex-direction: column; | |
| 2841 | - align-items: center; | |
| 2842 | - gap: 10px; | |
| 2843 | - padding: 48px 20px; | |
| 2844 | - color: var(--mxch-text-muted, #6b7280); | |
| 2845 | - font-size: 13px; | |
| 2846 | -} | |
| 2847 | - | |
| 2848 | -.mxch-seod-empty { | |
| 2849 | - display: flex; | |
| 2850 | - flex-direction: column; | |
| 2851 | - align-items: center; | |
| 2852 | - gap: 8px; | |
| 2853 | - padding: 48px 20px; | |
| 2854 | - color: var(--mxch-text-muted, #6b7280); | |
| 2855 | - font-size: 13px; | |
| 2856 | - text-align: center; | |
| 2857 | -} | |
| 2858 | - | |
| 2859 | -.mxch-seod-empty svg { | |
| 2860 | - opacity: 0.4; | |
| 2861 | -} | |
| 2862 | - | |
| 2863 | -.mxch-seod-error { | |
| 2864 | - padding: 24px; | |
| 2865 | - text-align: center; | |
| 2866 | - color: #ef4444; | |
| 2867 | - font-size: 13px; | |
| 2868 | -} | |
| 2869 | - | |
| 2870 | -/* ─── Settings Card Header ─────────────────────────────────────── */ | |
| 2871 | - | |
| 2872 | -.mxch-card-header { | |
| 2873 | - padding: 14px 20px 0; | |
| 2874 | -} | |
| 2875 | - | |
| 2876 | -.mxch-card-title { | |
| 2877 | - font-size: 14px; | |
| 2878 | - font-weight: 600; | |
| 2879 | - color: var(--mxch-text-primary, #1a1a2e); | |
| 2880 | - margin: 0; | |
| 2881 | - text-transform: uppercase; | |
| 2882 | - letter-spacing: 0.5px; | |
| 2883 | - opacity: 0.6; | |
| 2884 | -} | |
| 2885 | - | |
| 2886 | -/* ─── SEO Optimize Checkbox Grid ───────────────────────────────── */ | |
| 2887 | - | |
| 2888 | -.mxch-seo-opt-grid { | |
| 2889 | - display: flex; | |
| 2890 | - flex-wrap: wrap; | |
| 2891 | - gap: 6px; | |
| 2892 | -} | |
| 2893 | - | |
| 2894 | -.mxch-seo-opt-item { | |
| 2895 | - display: inline-flex; | |
| 2896 | - align-items: center; | |
| 2897 | - gap: 6px; | |
| 2898 | - padding: 6px 12px; | |
| 2899 | - border: 1px solid var(--mxch-card-border, #e2e4e9); | |
| 2900 | - border-radius: 6px; | |
| 2901 | - font-size: 13px; | |
| 2902 | - color: var(--mxch-text-primary, #1a1a2e); | |
| 2903 | - cursor: pointer; | |
| 2904 | - transition: border-color 0.15s, background 0.15s; | |
| 2905 | - user-select: none; | |
| 2906 | -} | |
| 2907 | - | |
| 2908 | -.mxch-seo-opt-item:hover { | |
| 2909 | - border-color: var(--mxch-primary, #7873f5); | |
| 2910 | - background: rgba(120, 115, 245, 0.04); | |
| 2911 | -} | |
| 2912 | - | |
| 2913 | -.mxch-seo-opt-item:has(input:checked) { | |
| 2914 | - border-color: var(--mxch-primary, #7873f5); | |
| 2915 | - background: rgba(120, 115, 245, 0.06); | |
| 2916 | -} | |
| 2917 | - | |
| 2918 | -.mxch-seo-opt-check { | |
| 2919 | - width: 14px; | |
| 2920 | - height: 14px; | |
| 2921 | - accent-color: var(--mxch-primary, #7873f5); | |
| 2922 | - margin: 0; | |
| 2923 | - cursor: pointer; | |
| 2924 | -} | |
| 2925 | - | |
| 2926 | -.mxch-seo-opt-locked { | |
| 2927 | - opacity: 0.5; | |
| 2928 | - cursor: not-allowed; | |
| 2929 | -} | |
| 2930 | - | |
| 2931 | -.mxch-seo-opt-locked:hover { | |
| 2932 | - border-color: var(--mxch-card-border, #e2e4e9); | |
| 2933 | - background: transparent; | |
| 2934 | -} | |
| 2935 | - | |
| 2936 | -.mxch-seo-opt-item .mxch-cg-pro-badge { | |
| 2937 | - margin-left: 2px; | |
| 2938 | - font-size: 9px; | |
| 2939 | - padding: 1px 5px; | |
| 2940 | -} | |
| 2941 | - | |
| 2942 | -/* ─── GSC Locked / Placeholder Styles ──────────────────────────── */ | |
| 2943 | - | |
| 2944 | -.mxch-seod-header-locked { | |
| 2945 | - opacity: 0.5; | |
| 2946 | - cursor: default; | |
| 2947 | - pointer-events: none; | |
| 2948 | -} | |
| 2949 | - | |
| 2950 | -.mxch-seod-header-locked svg { | |
| 2951 | - margin-left: 3px; | |
| 2952 | - vertical-align: middle; | |
| 2953 | - opacity: 0.6; | |
| 2954 | -} | |
| 2955 | - | |
| 2956 | -.mxch-seod-cell-locked { | |
| 2957 | - opacity: 0.4; | |
| 2958 | - color: var(--mxch-text-muted, #94a3b8); | |
| 2959 | - cursor: default; | |
| 2960 | -} | |
| 2961 | - | |
| 2962 | -/* Settings locked GSC card */ | |
| 2963 | -.mxch-gsc-settings-locked { | |
| 2964 | - border: 1px dashed var(--mxch-card-border, #e2e4e9); | |
| 2965 | - border-radius: 8px; | |
| 2966 | - padding: 16px; | |
| 2967 | - margin-top: 12px; | |
| 2968 | - background: var(--mxch-card-bg, #fff); | |
| 2969 | - opacity: 0.85; | |
| 2970 | -} | |
| 2971 | - | |
| 2972 | -.mxch-gsc-settings-locked-header { | |
| 2973 | - display: flex; | |
| 2974 | - align-items: center; | |
| 2975 | - gap: 8px; | |
| 2976 | - font-size: 14px; | |
| 2977 | - font-weight: 600; | |
| 2978 | - color: var(--mxch-text-primary, #1a1a2e); | |
| 2979 | - margin-bottom: 6px; | |
| 2980 | -} | |
| 2981 | - | |
| 2982 | -.mxch-gsc-settings-locked-header svg { | |
| 2983 | - color: var(--mxch-text-muted, #94a3b8); | |
| 2984 | - flex-shrink: 0; | |
| 2985 | -} | |
| 2986 | - | |
| 2987 | -.mxch-gsc-settings-locked .mxch-field-description { | |
| 2988 | - margin-bottom: 10px; | |
| 2989 | -} | |
| 2990 | - | |
| 2991 | -.mxch-gsc-connect-btn { | |
| 2992 | - display: inline-flex; | |
| 2993 | - align-items: center; | |
| 2994 | - gap: 6px; | |
| 2995 | - padding: 8px 16px; | |
| 2996 | - border: 1px solid var(--mxch-card-border, #e2e4e9); | |
| 2997 | - border-radius: 6px; | |
| 2998 | - background: var(--mxch-card-bg, #fff); | |
| 2999 | - color: var(--mxch-text-muted, #94a3b8); | |
| 3000 | - font-size: 13px; | |
| 3001 | - cursor: not-allowed; | |
| 3002 | - opacity: 0.6; | |
| 3003 | - margin-bottom: 8px; | |
| 3004 | -} | |
| 3005 | - | |
| 3006 | -/* Detail modal GSC placeholder */ | |
| 3007 | -.mxch-gsc-placeholder { | |
| 3008 | - position: relative; | |
| 3009 | - margin-top: 16px; | |
| 3010 | - padding: 16px; | |
| 3011 | - border: 1px dashed var(--mxch-card-border, #e2e4e9); | |
| 3012 | - border-radius: 8px; | |
| 3013 | - overflow: hidden; | |
| 3014 | -} | |
| 3015 | - | |
| 3016 | -.mxch-gsc-placeholder-title { | |
| 3017 | - display: flex; | |
| 3018 | - align-items: center; | |
| 3019 | - gap: 6px; | |
| 3020 | - font-size: 14px; | |
| 3021 | - font-weight: 600; | |
| 3022 | - color: var(--mxch-text-primary, #1a1a2e); | |
| 3023 | - margin: 0 0 12px 0; | |
| 3024 | - opacity: 0.5; | |
| 3025 | -} | |
| 3026 | - | |
| 3027 | -.mxch-gsc-placeholder-content { | |
| 3028 | - filter: blur(1.5px); | |
| 3029 | - opacity: 0.5; | |
| 3030 | - pointer-events: none; | |
| 3031 | - user-select: none; | |
| 3032 | -} | |
| 3033 | - | |
| 3034 | -.mxch-gsc-stats { | |
| 3035 | - display: grid; | |
| 3036 | - grid-template-columns: repeat(4, 1fr); | |
| 3037 | - gap: 10px; | |
| 3038 | - margin-bottom: 14px; | |
| 3039 | -} | |
| 3040 | - | |
| 3041 | -.mxch-gsc-stat { | |
| 3042 | - display: flex; | |
| 3043 | - flex-direction: column; | |
| 3044 | - align-items: center; | |
| 3045 | - padding: 10px 8px; | |
| 3046 | - background: var(--mxch-bg, #f8fafc); | |
| 3047 | - border-radius: 6px; | |
| 3048 | - border: 1px solid var(--mxch-card-border, #e2e4e9); | |
| 3049 | -} | |
| 3050 | - | |
| 3051 | -.mxch-gsc-stat-value { | |
| 3052 | - font-size: 18px; | |
| 3053 | - font-weight: 700; | |
| 3054 | - color: var(--mxch-text-primary, #1a1a2e); | |
| 3055 | -} | |
| 3056 | - | |
| 3057 | -.mxch-gsc-stat-label { | |
| 3058 | - font-size: 11px; | |
| 3059 | - color: var(--mxch-text-muted, #94a3b8); | |
| 3060 | - margin-top: 2px; | |
| 3061 | -} | |
| 3062 | - | |
| 3063 | -.mxch-gsc-table { | |
| 3064 | - width: 100%; | |
| 3065 | - border-collapse: collapse; | |
| 3066 | - font-size: 12px; | |
| 3067 | -} | |
| 3068 | - | |
| 3069 | -.mxch-gsc-table th { | |
| 3070 | - text-align: left; | |
| 3071 | - padding: 6px 8px; | |
| 3072 | - font-weight: 600; | |
| 3073 | - color: var(--mxch-text-muted, #94a3b8); | |
| 3074 | - border-bottom: 1px solid var(--mxch-card-border, #e2e4e9); | |
| 3075 | - font-size: 11px; | |
| 3076 | -} | |
| 3077 | - | |
| 3078 | -.mxch-gsc-table td { | |
| 3079 | - padding: 6px 8px; | |
| 3080 | - color: var(--mxch-text-primary, #1a1a2e); | |
| 3081 | - border-bottom: 1px solid var(--mxch-card-border, #e2e4e9); | |
| 3082 | -} | |
| 3083 | - | |
| 3084 | -.mxch-gsc-placeholder-overlay { | |
| 3085 | - position: absolute; | |
| 3086 | - inset: 0; | |
| 3087 | - display: flex; | |
| 3088 | - flex-direction: column; | |
| 3089 | - align-items: center; | |
| 3090 | - justify-content: center; | |
| 3091 | - gap: 6px; | |
| 3092 | - background: rgba(255, 255, 255, 0.4); | |
| 3093 | - z-index: 2; | |
| 3094 | -} | |
| 3095 | - | |
| 3096 | -.mxch-gsc-placeholder-overlay svg { | |
| 3097 | - opacity: 0.3; | |
| 3098 | -} | |
| 3099 | - | |
| 3100 | -.mxch-gsc-placeholder-overlay .mxch-cg-pro-upgrade-link { | |
| 3101 | - font-size: 12px; | |
| 3102 | -} | |
| 3103 | - | |
| 3104 | -/* Responsive */ | |
| 3105 | - | |
| 3106 | -@media (max-width: 768px) { | |
| 3107 | - .mxch-seod-filters { | |
| 3108 | - flex-direction: column; | |
| 3109 | - align-items: stretch; | |
| 3110 | - gap: 8px; | |
| 3111 | - } | |
| 3112 | - .mxch-seod-search { | |
| 3113 | - width: 100%; | |
| 3114 | - } | |
| 3115 | - .mxch-seod-cell-status { | |
| 3116 | - display: none; | |
| 3117 | - } | |
| 3118 | - .mxch-seod-cell-date, | |
| 3119 | - .mxch-seod-cell-clicks, | |
| 3120 | - .mxch-seod-cell-impressions { | |
| 3121 | - display: none; | |
| 3122 | - } | |
| 3123 | - .mxch-seod-header-date, | |
| 3124 | - .mxch-seod-header-clicks, | |
| 3125 | - .mxch-seod-header-impressions { | |
| 3126 | - display: none; | |
| 3127 | - } | |
| 3128 | - .mxch-seod-modal { | |
| 3129 | - width: 95%; | |
| 3130 | - max-height: 85vh; | |
| 3131 | - } | |
| 3132 | - .mxch-seod-row-main { | |
| 3133 | - padding: 10px 14px; | |
| 3134 | - } | |
| 3135 | - .mxch-seod-header-check, | |
| 3136 | - .mxch-seod-cell-check { | |
| 3137 | - width: 24px; | |
| 3138 | - } | |
| 3139 | - .mxch-seod-filters-right { | |
| 3140 | - flex-wrap: wrap; | |
| 3141 | - gap: 8px; | |
| 3142 | - } | |
| 3143 | - .mxch-seod-optimize-selected-btn { | |
| 3144 | - font-size: 12px; | |
| 3145 | - padding: 6px 10px; | |
| 3146 | - } | |
| 3147 | - .mxch-seod-footer { | |
| 3148 | - flex-direction: column; | |
| 3149 | - align-items: stretch; | |
| 3150 | - gap: 8px; | |
| 3151 | - } | |
| 3152 | - .mxch-seod-pagination { | |
| 3153 | - margin-left: 0; | |
| 3154 | - justify-content: center; | |
| 3155 | - } | |
| 3156 | -} | |
| 3157 | - | |
| 3158 | -/* ── Edit Default Prompt Button & Modal ────────────────────── */ | |
| 3159 | -.mxch-cg-edit-prompt-btn { | |
| 3160 | - display: inline-flex; | |
| 3161 | - align-items: center; | |
| 3162 | - gap: 5px; | |
| 3163 | - background: none; | |
| 3164 | - border: none; | |
| 3165 | - color: #8a8f98; | |
| 3166 | - font-size: 12px; | |
| 3167 | - cursor: pointer; | |
| 3168 | - padding: 4px 0; | |
| 3169 | - margin-top: 2px; | |
| 3170 | - transition: color 0.2s; | |
| 3171 | -} | |
| 3172 | -.mxch-cg-edit-prompt-btn:hover { | |
| 3173 | - color: #c5c9d1; | |
| 3174 | -} | |
| 3175 | -.mxch-cg-edit-prompt-btn.mxch-cg-prompt-modified { | |
| 3176 | - color: #7c6ee8; | |
| 3177 | -} | |
| 3178 | -.mxch-cg-edit-prompt-btn.mxch-cg-prompt-modified:hover { | |
| 3179 | - color: #9d92f0; | |
| 3180 | -} | |
| 3181 | - | |
| 3182 | -/* Modal overlay + container */ | |
| 3183 | -.mxch-cg-prompt-modal { | |
| 3184 | - position: fixed; | |
| 3185 | - top: 0; | |
| 3186 | - left: 0; | |
| 3187 | - right: 0; | |
| 3188 | - bottom: 0; | |
| 3189 | - z-index: 100100; | |
| 3190 | - display: flex; | |
| 3191 | - align-items: center; | |
| 3192 | - justify-content: center; | |
| 3193 | - overflow: hidden; | |
| 3194 | -} | |
| 3195 | -.mxch-cg-prompt-modal-overlay { | |
| 3196 | - position: absolute; | |
| 3197 | - top: 0; | |
| 3198 | - left: 0; | |
| 3199 | - right: 0; | |
| 3200 | - bottom: 0; | |
| 3201 | - background: rgba(0, 0, 0, 0.6); | |
| 3202 | -} | |
| 3203 | -.mxch-cg-prompt-modal-content { | |
| 3204 | - position: relative; | |
| 3205 | - background: #1e1e2e; | |
| 3206 | - border: 1px solid rgba(255, 255, 255, 0.08); | |
| 3207 | - border-radius: 12px; | |
| 3208 | - width: 90%; | |
| 3209 | - max-width: 760px; | |
| 3210 | - height: 75vh; | |
| 3211 | - max-height: 600px; | |
| 3212 | - display: flex; | |
| 3213 | - flex-direction: column; | |
| 3214 | - box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5); | |
| 3215 | - overflow: hidden; | |
| 3216 | -} | |
| 3217 | - | |
| 3218 | -/* Header */ | |
| 3219 | -.mxch-cg-prompt-modal-header { | |
| 3220 | - display: flex; | |
| 3221 | - align-items: center; | |
| 3222 | - justify-content: space-between; | |
| 3223 | - padding: 18px 24px; | |
| 3224 | - border-bottom: 1px solid rgba(255, 255, 255, 0.06); | |
| 3225 | -} | |
| 3226 | -.mxch-cg-prompt-modal-header h3 { | |
| 3227 | - margin: 0; | |
| 3228 | - font-size: 15px; | |
| 3229 | - font-weight: 600; | |
| 3230 | - color: #e2e4e9; | |
| 3231 | -} | |
| 3232 | -.mxch-cg-prompt-modal-close { | |
| 3233 | - background: none; | |
| 3234 | - border: none; | |
| 3235 | - color: #8a8f98; | |
| 3236 | - font-size: 22px; | |
| 3237 | - cursor: pointer; | |
| 3238 | - padding: 0 4px; | |
| 3239 | - line-height: 1; | |
| 3240 | - transition: color 0.2s; | |
| 3241 | -} | |
| 3242 | -.mxch-cg-prompt-modal-close:hover { | |
| 3243 | - color: #fff; | |
| 3244 | -} | |
| 3245 | - | |
| 3246 | -/* Body */ | |
| 3247 | -.mxch-cg-prompt-modal-body { | |
| 3248 | - padding: 16px 24px; | |
| 3249 | - overflow: hidden; | |
| 3250 | - flex: 1; | |
| 3251 | - display: flex; | |
| 3252 | - flex-direction: column; | |
| 3253 | - min-height: 0; | |
| 3254 | -} | |
| 3255 | -.mxch-cg-prompt-modal-desc { | |
| 3256 | - margin: 0 0 12px; | |
| 3257 | - font-size: 13px; | |
| 3258 | - color: #8a8f98; | |
| 3259 | - line-height: 1.5; | |
| 3260 | - flex-shrink: 0; | |
| 3261 | -} | |
| 3262 | -.mxch-cg-system-prompt-editor { | |
| 3263 | - width: 100%; | |
| 3264 | - flex: 1; | |
| 3265 | - min-height: 200px; | |
| 3266 | - background: #13131f; | |
| 3267 | - border: 1px solid rgba(255, 255, 255, 0.06); | |
| 3268 | - border-radius: 8px; | |
| 3269 | - color: #c5c9d1; | |
| 3270 | - font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace; | |
| 3271 | - font-size: 12.5px; | |
| 3272 | - line-height: 1.7; | |
| 3273 | - padding: 14px 16px; | |
| 3274 | - resize: none; | |
| 3275 | - box-sizing: border-box; | |
| 3276 | - overflow-y: auto; | |
| 3277 | -} | |
| 3278 | -.mxch-cg-system-prompt-editor:focus { | |
| 3279 | - outline: none; | |
| 3280 | - border-color: rgba(124, 110, 232, 0.4); | |
| 3281 | - box-shadow: 0 0 0 2px rgba(124, 110, 232, 0.1); | |
| 3282 | -} | |
| 3283 | -/* Custom scrollbar for prompt editor */ | |
| 3284 | -.mxch-cg-system-prompt-editor::-webkit-scrollbar { | |
| 3285 | - width: 6px; | |
| 3286 | -} | |
| 3287 | -.mxch-cg-system-prompt-editor::-webkit-scrollbar-track { | |
| 3288 | - background: transparent; | |
| 3289 | - border-radius: 3px; | |
| 3290 | -} | |
| 3291 | -.mxch-cg-system-prompt-editor::-webkit-scrollbar-thumb { | |
| 3292 | - background: rgba(124, 110, 232, 0.3); | |
| 3293 | - border-radius: 3px; | |
| 3294 | -} | |
| 3295 | -.mxch-cg-system-prompt-editor::-webkit-scrollbar-thumb:hover { | |
| 3296 | - background: rgba(124, 110, 232, 0.5); | |
| 3297 | -} | |
| 3298 | - | |
| 3299 | -/* Footer */ | |
| 3300 | -.mxch-cg-prompt-modal-footer { | |
| 3301 | - display: flex; | |
| 3302 | - align-items: center; | |
| 3303 | - justify-content: space-between; | |
| 3304 | - padding: 14px 24px; | |
| 3305 | - border-top: 1px solid rgba(255, 255, 255, 0.06); | |
| 3306 | -} | |
| 3307 | -.mxch-cg-prompt-modal-footer-right { | |
| 3308 | - display: flex; | |
| 3309 | - gap: 8px; | |
| 3310 | -} | |
| 3311 | -.mxch-cg-prompt-modal-footer .button { | |
| 3312 | - background: #2a2a3d; | |
| 3313 | - border: 1px solid rgba(255, 255, 255, 0.08); | |
| 3314 | - color: #c5c9d1; | |
| 3315 | - border-radius: 6px; | |
| 3316 | - padding: 6px 14px; | |
| 3317 | - font-size: 13px; | |
| 3318 | - cursor: pointer; | |
| 3319 | - transition: background 0.2s, border-color 0.2s; | |
| 3320 | -} | |
| 3321 | -.mxch-cg-prompt-modal-footer .button:hover { | |
| 3322 | - background: #333350; | |
| 3323 | - border-color: rgba(255, 255, 255, 0.14); | |
| 3324 | -} | |
| 3325 | -.mxch-cg-prompt-modal-footer .button-primary { | |
| 3326 | - background: #7c6ee8; | |
| 3327 | - border-color: #7c6ee8; | |
| 3328 | - color: #fff; | |
| 3329 | -} | |
| 3330 | -.mxch-cg-prompt-modal-footer .button-primary:hover { | |
| 3331 | - background: #6b5dd3; | |
| 3332 | - border-color: #6b5dd3; | |
| 3333 | -} | |
| 3334 | - | |
| 3335 | -@media (max-width: 600px) { | |
| 3336 | - .mxch-cg-prompt-modal-content { | |
| 3337 | - width: 96%; | |
| 3338 | - max-height: 90vh; | |
| 3339 | - } | |
| 3340 | - .mxch-cg-prompt-modal-header, | |
| 3341 | - .mxch-cg-prompt-modal-body, | |
| 3342 | - .mxch-cg-prompt-modal-footer { | |
| 3343 | - padding-left: 16px; | |
| 3344 | - padding-right: 16px; | |
| 3345 | 1777 | } |
| 3346 | 1778 | } |
