/* Sites modal (#sitesIndexedModal) WCAG AAA pass: 7:1 text, 44px targets, visible focus, reduced motion.
   Keeps the existing look (green / orange / red pills, tabs); only darkens text and borders. */
#sitesIndexedModal .close-modal { box-sizing: content-box; padding: 10px; cursor: pointer; fill: #3A3A3A; border-radius: 50%; }
#sitesIndexedModal .close-modal:focus-visible { outline: 3px solid #1F1F1F; outline-offset: 2px; }
#sitesIndexedModal #get-google-domain-list-btn { color: #1F1F1F !important; min-height: 44px; }
#sitesIndexedModal #get-google-domain-list-btn:hover { background: #1F5209 !important; color: #fff !important; }
#sitesIndexedModal #add-new-site-btn { min-height: 44px; color: #1F1F1F !important; }
#sitesIndexedModal .tab .tablinks { min-height: 44px; color: #1F1F1F !important; }
#sitesIndexedModal .tab .tablinks.active, #sitesIndexedModal .tab .tablinks[aria-selected="true"] { color: #1F1F1F !important; box-shadow: inset 0 -3px 0 #1F5209; }
#sitesIndexedModal .up-to-pro { color: #8B0000 !important; border-color: #8B0000 !important; cursor: pointer; display: inline-flex; align-items: center; min-height: 44px; box-sizing: border-box; vertical-align: middle; }
#sitesIndexedModal table td a.site-btn { display: inline-flex !important; align-items: center; min-height: 44px; box-sizing: border-box; }
#sitesIndexedModal table td a.site-btn.green { color: #1F5209 !important; border-color: #1F5209 !important; }
#sitesIndexedModal table td a.site-btn.orange { color: #6B3600 !important; border-color: #8A4B00 !important; }
#sitesIndexedModal table td a.site-btn.red { color: #8B0000 !important; border-color: #8B0000 !important; }
#sitesIndexedModal table td a.site-btn.default { color: #1F1F1F !important; border-color: #1F1F1F !important; }
#sitesIndexedModal table td > a:not(.site-btn) { color: #1F5209 !important; display: inline-flex; align-items: center; min-height: 44px; min-width: 24px; }
#sitesIndexedModal a:focus-visible, #sitesIndexedModal button:focus-visible, #sitesIndexedModal [role="button"]:focus-visible, #sitesIndexedModal [role="tabpanel"]:focus-visible { outline: 3px solid #1F1F1F !important; outline-offset: 2px; }
#sitesIndexedModal h2:focus { outline: none; }
@media (prefers-reduced-motion: reduce) { #sitesIndexedModal, #sitesIndexedModal *, .redirectModalVeil { transition: none !important; animation: none !important; } }
/* Onboarding banners (.noItems): AAA close X and CTA targets; copy unchanged. */
.noItems .dmca-banner-x { box-sizing: content-box; padding: 10px; cursor: pointer; fill: #3A3A3A !important; border-radius: 50%; }
.noItems .dmca-banner-x:focus-visible, .noItems a.btn:focus-visible { outline: 3px solid #1F1F1F !important; outline-offset: 2px; }
.noItems a.btn { min-height: 44px; display: inline-flex !important; align-items: center; gap: 8px; box-sizing: border-box; }
/* Spacing + row layout (desktop): one centred line per row, 8px gaps, date never truncates. */
#sitesIndexedModal #get-google-domain-list-btn, #sitesIndexedModal #add-new-site-btn, #sitesIndexedModal .get-more-domains {
    display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; padding: 0 16px !important; margin: 0 8px 8px 0 !important; vertical-align: middle; box-sizing: border-box; }
#sitesIndexedModal #get-google-domain-list-btn svg { margin: 0 !important; flex: 0 0 auto; }
#sitesIndexedModal .tab { display: flex; gap: 0; margin: 8px 0 0 !important; padding: 0 !important; }
#sitesIndexedModal .tabcontent { padding-left: 0 !important; padding-right: 0 !important; }
#sitesIndexedModal table { table-layout: auto !important; width: 100% !important; max-width: 100%; border-collapse: collapse; }
#sitesIndexedModal table td { vertical-align: middle !important; padding: 6px 8px !important; }
#sitesIndexedModal table td:first-child { padding-left: 4px !important; width: 1%; }
#sitesIndexedModal table td a.site-btn { justify-content: center; padding: 0 12px !important; margin: 2px 8px 2px 0 !important; border-radius: 8px; vertical-align: middle; }
#sitesIndexedModal table td a.site-btn:last-child { margin-right: 0 !important; }
#sitesIndexedModal table td:nth-child(3) img { width: 24px; height: 24px; display: block; }
#sitesIndexedModal table td:nth-child(3) > a { justify-content: center; min-width: 44px; }
#sitesIndexedModal table td:last-child { white-space: nowrap !important; min-width: 100px; width: 1%; text-align: right; overflow: visible !important; }
#sitesIndexedModal table td:last-child span { display: block; white-space: nowrap !important; overflow: visible !important; text-overflow: clip !important; max-width: none !important; }
#sitesIndexedModal table td:last-child .update { font-size: 12px; color: #3A3A3A !important; }
/* my-assets toolbar pills + onboarding banner buttons: same rhythm (12px between, 44px tall; display left to the page) */
.top-btn-wrapper .btn { min-height: 44px; box-sizing: border-box; }
.noItems a.btn { padding: 0 16px !important; margin: 0 12px 0 0 !important; }
.noItems a.btn svg { margin: 0 !important; }
@media (min-width: 768px) {
    #sitesIndexedModal { width: min(1000px, 94vw) !important; max-width: none !important; box-sizing: border-box; }
    #sitesIndexedModal .innerSitesIndexedModal { overflow-x: hidden !important; box-sizing: border-box; }
    #sitesIndexedModal table td:nth-child(4) { white-space: nowrap !important; }
}
#sitesIndexedModal .get-more-domains { min-height: 44px; font-size: 14px !important; font-weight: 700; }
#sitesIndexedModal #noSitesIndexed { color: #3A3A3A !important; }
#sitesIndexedModal #noSitesIndexed .up-to-pro { margin-left: 8px; padding: 0 12px; border-radius: 8px; }

/* Mobile: near full-screen dialog, each site row a card, 44px wrapped buttons, no sideways scroll. */
@media (max-width: 767px) {
    #sitesIndexedModal { position: fixed !important; inset: 8px !important; width: auto !important; max-width: none !important; height: auto !important; max-height: none !important;
        margin: 0 !important; transform: none !important; overflow-y: auto !important; overflow-x: hidden !important; border-radius: 12px; box-sizing: border-box; padding: 56px 16px 16px !important; z-index: 100060 !important; }
    #sitesIndexedModal .close-modal { position: fixed !important; top: 14px !important; right: 14px !important; width: 24px; height: 24px; background: #fff; z-index: 2; }
    #sitesIndexedModal .innerSitesIndexedModal { padding: 0 !important; width: auto !important; height: auto !important; overflow: visible !important; margin-top: 0 !important; }
    #sitesIndexedModal h2 { font-size: 24px !important; line-height: 1.25; }
    #sitesIndexedModal h3 { font-size: 15px !important; line-height: 1.4; }
    #sitesIndexedModal #get-google-domain-list-btn, #sitesIndexedModal #add-new-site-btn, #sitesIndexedModal .get-more-domains { width: 100% !important; margin: 0 0 8px !important; white-space: normal; text-align: center; }
    #sitesIndexedModal .tab .tablinks { flex: 1 1 50%; }
    #sitesIndexedModal .innerSitesIndexedModal .tabcontent, #sitesIndexedModal .tabcontent { overflow: visible !important; min-width: 0 !important; width: auto !important; max-width: 100% !important; }
    #sitesIndexedModal .innerSitesIndexedModal .tabcontent table, #sitesIndexedModal .innerSitesIndexedModal .tabcontent tbody, #sitesIndexedModal table, #sitesIndexedModal tbody { display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; }
    #sitesIndexedModal .innerSitesIndexedModal .tabcontent table tr, #sitesIndexedModal table tr { width: auto !important; min-width: 0 !important; max-width: 100% !important; box-sizing: border-box; }
    #sitesIndexedModal table tr { display: grid !important; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 12px !important;
        margin: 0 0 12px; border: 1px solid #D0D0D0; border-radius: 12px; background: #fff !important; }
    #sitesIndexedModal table td { display: block !important; padding: 0 !important; width: auto !important; min-width: 0 !important; text-align: left !important; }
    #sitesIndexedModal table td:nth-child(2) { overflow-wrap: anywhere; }
    #sitesIndexedModal table td:nth-child(2) > a { word-break: break-all; }
    #sitesIndexedModal table td:nth-child(4), #sitesIndexedModal table td:nth-child(5), #sitesIndexedModal table td:last-child { grid-column: 1 / -1; }
    #sitesIndexedModal table td:nth-child(4) { display: flex !important; flex-wrap: wrap; gap: 8px; }
    #sitesIndexedModal table td:nth-child(4) > a.site-btn { flex: 1 1 0; min-width: 0; margin: 0 !important; }
    #sitesIndexedModal table td:nth-child(5) > a.site-btn { width: 100%; margin: 0 !important; }
    #sitesIndexedModal table td:last-child { display: flex !important; gap: 6px; align-items: baseline; text-align: left !important; }
    #sitesIndexedModal table td:last-child span { display: inline; }
    .top-btn-wrapper .auto-left-margin { margin-left: 0 !important; }
}
/* Add Site + Get more domains match the Google button: DMCA green, dark text, same height/radius/weight/states. */
#sitesIndexedModal #get-google-domain-list-btn, #sitesIndexedModal #add-new-site-btn, #sitesIndexedModal .get-more-domains {
    background: #6BC530 !important; color: #1F1F1F !important; border: 2px solid #4E9A1F !important; border-radius: 8px !important;
    height: 44px; min-height: 44px; font-size: 14px !important; font-weight: 700 !important; text-transform: uppercase; box-shadow: none !important; }
#sitesIndexedModal #get-google-domain-list-btn:hover, #sitesIndexedModal #add-new-site-btn:hover, #sitesIndexedModal .get-more-domains:hover {
    background: #1F5209 !important; border-color: #1F5209 !important; color: #fff !important; }
#sitesIndexedModal #get-google-domain-list-btn:focus-visible, #sitesIndexedModal #add-new-site-btn:focus-visible, #sitesIndexedModal .get-more-domains:focus-visible {
    outline: 3px solid #1F1F1F !important; outline-offset: 3px !important; box-shadow: 0 0 0 2px #fff !important; }
@media (max-width: 767px) { #sitesIndexedModal #get-google-domain-list-btn, #sitesIndexedModal #add-new-site-btn, #sitesIndexedModal .get-more-domains { height: auto; } }
/* my-assets toolbar (Assets Count, Load more, SITES, Refresh Assets): one 44px row, 12px gaps, Refresh right.
   Buttons keep their own display so JS show/hide (e.g. #loadMoreBtn) still works. */
.top-btn-wrapper { display: flex !important; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.top-btn-wrapper > div { display: flex !important; align-items: center; flex-wrap: wrap; gap: 12px !important; }
.top-btn-wrapper .btn { height: 44px; min-height: 44px; line-height: 40px !important; padding: 0 16px !important; margin: 0 !important; border-radius: 8px !important;
    font-size: 14px !important; font-weight: 700 !important; box-sizing: border-box; vertical-align: middle; white-space: nowrap; border-width: 2px !important; }
.top-btn-wrapper .btn.btn--dark { border-color: #1F1F1F !important; }
.top-btn-wrapper .btn.btn--green { color: #1F1F1F !important; border-color: #4E9A1F !important; }
.top-btn-wrapper .btn.btn--green:hover { background: #1F5209 !important; border-color: #1F5209 !important; color: #fff !important; }
.top-btn-wrapper .sites-indexed svg { vertical-align: -0.15em !important; margin-right: 8px; }
.top-btn-wrapper #refreshTopAssetsBtn { margin-left: auto !important; }
.top-btn-wrapper .btn:focus-visible { outline: 3px solid #1F1F1F !important; outline-offset: 3px; box-shadow: 0 0 0 2px #fff !important; }
/* Onboarding banner green CTAs (ADD PROFILE etc.): dark AAA text like the other green buttons. */
.noItems a.btn--green, .noItems .btn.btn--green { color: #1F1F1F !important; }
.noItems a.btn--green:hover, .noItems .btn.btn--green:hover { background: #1F5209 !important; color: #fff !important; }