| @@ -9,8 +9,10 @@ | ||
| 9 | 9 | * modal, and the activity-log / import-history banners. |
| 10 | 10 | * Also carries a few per-theme admin tweaks (WpResidence, WpEstate, Houzez, |
| 11 | 11 | * Real Homes) grouped under their own section headers below. |
| 12 | 12 | * CSS custom properties (design tokens) live in the :root block. |
| 13 | + * Shared account notices use the same amber panel and large heading for every | |
| 14 | + * login failure, with a high-contrast plans button when a subscription is needed. | |
| 13 | 15 | */ |
| 14 | 16 | |
| 15 | 17 | /* Base styling */ |
| 16 | 18 | /* Design tokens: "Sunny Bento" palette shared with the mlsimport.com portal — |
| @@ -351,8 +353,70 @@ | ||
| 351 | 353 | margin-bottom: 10px; |
| 352 | 354 | border-radius: var(--border-radius); |
| 353 | 355 | } |
| 354 | 356 | |
| 357 | + | |
| 358 | +/* Account login failures share one full-width notice and typography. | |
| 359 | + The two-class selector wins over each screen's ordinary warning styles. */ | |
| 360 | +.mlsimport_warning.mlsimport-account-notice { | |
| 361 | + box-sizing: border-box; | |
| 362 | + width: 100%; | |
| 363 | + margin: 20px 0; | |
| 364 | + padding: 24px; | |
| 365 | + border: 1px solid #d97706; | |
| 366 | + border-left: 6px solid #b45309; | |
| 367 | + border-radius: 12px; | |
| 368 | + background: #fff4d6; | |
| 369 | + color: #451a03; | |
| 370 | + font-size: 16px; | |
| 371 | + font-weight: 400; | |
| 372 | + line-height: 1.6; | |
| 373 | +} | |
| 374 | + | |
| 375 | +.mlsimport-account-notice .mlsimport-account-notice-title { | |
| 376 | + display: block; | |
| 377 | + margin: 0 0 8px; | |
| 378 | + color: #451a03; | |
| 379 | + font-size: 22px; | |
| 380 | + font-weight: 700; | |
| 381 | + line-height: 1.3; | |
| 382 | +} | |
| 383 | + | |
| 384 | +.mlsimport_warning.mlsimport-account-notice p { | |
| 385 | + margin: 0; | |
| 386 | + font-size: 16px; | |
| 387 | + line-height: 1.6; | |
| 388 | +} | |
| 389 | + | |
| 390 | +/* A dedicated button class keeps both admin surfaces visually consistent. */ | |
| 391 | +.mlsimport-account-subscription a.mlsimport-account-subscription-action { | |
| 392 | + display: inline-flex; | |
| 393 | + align-items: center; | |
| 394 | + justify-content: center; | |
| 395 | + box-sizing: border-box; | |
| 396 | + min-height: 44px; | |
| 397 | + margin-top: 16px; | |
| 398 | + padding: 10px 22px; | |
| 399 | + border: 2px solid #1c1917; | |
| 400 | + border-radius: 8px; | |
| 401 | + background: #1c1917; | |
| 402 | + color: #fff; | |
| 403 | + font-size: 15px; | |
| 404 | + font-weight: 700; | |
| 405 | + line-height: 1.4; | |
| 406 | + text-decoration: none; | |
| 407 | +} | |
| 408 | + | |
| 409 | +.mlsimport-account-subscription a.mlsimport-account-subscription-action:hover { | |
| 410 | + background: #44403c; | |
| 411 | + border-color: #44403c; | |
| 412 | + color: #fff; | |
| 413 | +} | |
| 414 | + | |
| 415 | +.mlsimport-account-subscription a.mlsimport-account-subscription-action:focus-visible { | |
| 416 | + outline: 3px solid #92400e; | |
| 417 | + outline-offset: 3px; | |
| 418 | +} | |
| 355 | 419 | |
| 356 | 420 | /* Indigo "populate" info banner. */ |
| 357 | 421 | .mlsimport_populate_warning{ |
| 358 | 422 | background: var(--primary-color); |
