| @@ -102,50 +102,8 @@ | ||
| 102 | 102 | .components-button.edit-post-sidebar__panel-tab .metasync-seo-icon { |
| 103 | 103 | fill: currentColor; |
| 104 | 104 | } |
| 105 | 105 | |
| 106 | -/* URL Slug Field */ | |
| 107 | -.metasync-url-slug-field .components-text-control__input { | |
| 108 | - font-family: 'SF Mono', Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; | |
| 109 | - font-size: 13px; | |
| 110 | -} | |
| 111 | - | |
| 112 | -/* Permalink Preview */ | |
| 113 | -.metasync-permalink-preview { | |
| 114 | - margin-top: 10px; | |
| 115 | - padding: 10px 12px; | |
| 116 | - background-color: #f6f7f7; | |
| 117 | - border: 1px solid #e0e0e0; | |
| 118 | - border-radius: 4px; | |
| 119 | - font-size: 12px; | |
| 120 | - line-height: 1.5; | |
| 121 | - word-break: break-all; | |
| 122 | -} | |
| 123 | - | |
| 124 | -.metasync-permalink-label { | |
| 125 | - color: #757575; | |
| 126 | - font-weight: 500; | |
| 127 | -} | |
| 128 | - | |
| 129 | -.metasync-permalink-link { | |
| 130 | - color: #007cba; | |
| 131 | - text-decoration: none; | |
| 132 | - display: inline; | |
| 133 | -} | |
| 134 | - | |
| 135 | -.metasync-permalink-link:hover { | |
| 136 | - text-decoration: underline; | |
| 137 | -} | |
| 138 | - | |
| 139 | -.metasync-permalink-base { | |
| 140 | - color: #757575; | |
| 141 | -} | |
| 142 | - | |
| 143 | -.metasync-permalink-slug { | |
| 144 | - color: #1e1e1e; | |
| 145 | - font-weight: 600; | |
| 146 | -} | |
| 147 | - | |
| 148 | 106 | /* OTTO Prefilled Indicator */ |
| 149 | 107 | .metasync-prefilled-otto .components-text-control__input, |
| 150 | 108 | .metasync-prefilled-otto .components-textarea-control__input { |
| 151 | 109 | background-color: #f0f6fc; |
| @@ -156,8 +114,20 @@ | ||
| 156 | 114 | .metasync-prefilled-otto .components-textarea-control__input:focus { |
| 157 | 115 | background-color: #ffffff; |
| 158 | 116 | } |
| 159 | 117 | |
| 118 | +/* Read-only field (Focus Keyword managed by Search Atlas) */ | |
| 119 | +.metasync-readonly-field .components-text-control__input[readonly] { | |
| 120 | + background-color: #f0f0f1; | |
| 121 | + color: #50575e; | |
| 122 | + cursor: default; | |
| 123 | +} | |
| 124 | + | |
| 125 | +.metasync-readonly-field .components-text-control__input[readonly]:focus { | |
| 126 | + background-color: #f0f0f1; | |
| 127 | + box-shadow: none; | |
| 128 | +} | |
| 129 | + | |
| 160 | 130 | /* ======================================== |
| 161 | 131 | SERP Preview Styles |
| 162 | 132 | ======================================== */ |
| 163 | 133 | |
| @@ -327,13 +297,9 @@ | ||
| 327 | 297 | |
| 328 | 298 | .metasync-char-counter-text { |
| 329 | 299 | font-size: 11px; |
| 330 | 300 | } |
| 331 | - | |
| 332 | - .metasync-permalink-preview { | |
| 333 | - font-size: 11px; | |
| 334 | - } | |
| 335 | - | |
| 301 | + | |
| 336 | 302 | .metasync-serp-header { |
| 337 | 303 | flex-direction: column; |
| 338 | 304 | align-items: flex-start; |
| 339 | 305 | gap: 8px; |
