/* === AIFQ Site Review 1.2.3 — CSS Consolidation Pass (1.2.3) + Since Last Scan (1.2.3) + Polish (1.2.3) + Looks Good Hotfix (1.2.3) + First Run Polish (1.2.3) ===
   CSS consolidated from 7155 lines (1.2.3) to 3753 lines in 1.2.3.
   Visual output preserved from 1.2.3 stable baseline.
   1.2.3: scan diff block added.
   1.2.3: Looks Good multi-column layout added.
   1.2.3: Looks Good wide details override added.
   1.2.3: first-run landing page and copy polish added. === */
/* Base component definitions */
/* === AIFQ Site Review 1.2.3 — single consolidated CSS block === */
                @keyframes aifqSrLoad { from { width:0; } to { width: var(--wp-score-width); } }
                @keyframes wpoScorePop {
                    from { transform: scale(.96); opacity: .75; }
                    to   { transform: scale(1);   opacity: 1; }
                }

                /* Utility classes — defined once */
                .aifq-sr-score-circle-content { position:relative; z-index:1; text-align:center; }
                .aifq-sr-score-label          { color:#646970; margin-top:8px; }
                .aifq-sr-subscore-row         { margin:14px 0; }
                .aifq-sr-subscore-label       { display:flex; justify-content:space-between; font-weight:800; margin-bottom:7px; }
                .aifq-sr-list                 { margin:0; padding-left:0; list-style:none; }
                .aifq-sr-list li              { padding:9px 0; border-bottom:1px solid #f0f0f1; }
                .aifq-sr-list li:last-child   { border-bottom:0; }
                .aifq-sr-issue.high           { border-left-color:#b32d2e; }
                .aifq-sr-issue.medium         { border-left-color:#dba617; }
                .aifq-sr-issue.low            { border-left-color:#2563eb; }
                .aifq-sr-badge                { display:inline-block; border-radius:999px; padding:3px 8px; font-weight:800; font-size:11px; }
                .aifq-sr-badge.high           { background:#fcf0f1; color:#b32d2e; border:1px solid #facfd3; }
                .aifq-sr-badge.medium         { background:#fff8e5; color:#996800; border:1px solid #f3dc97; }
                .aifq-sr-badge.low            { background:#eef6fc; color:#2563eb; border:1px solid #c7e2f4; }
                .aifq-sr-context              { margin-top:10px; padding:10px 12px; background:#f8fafc; border-left:4px solid #2563eb; border-radius:8px; }
                .aifq-sr-good                 { color:#008a20; font-weight:800; }
                .aifq-sr-muted                { color:#646970; }
                .aifq-sr-scan-steps           { margin-top:16px; background:#f8fafc; border-radius:12px; padding:14px 16px; }
                .aifq-sr-scan-steps div       { padding:5px 0; }
                .aifq-sr-hidden               { display:none; }
                .aifq-sr-success              { background:#f0fff4; border:1px solid #b8e6c1; border-radius:14px; padding:14px; margin:18px 0; }
                .aifq-sr-calm-note            { color:#646970; font-size:13px; margin-top:8px; }
                .aifq-sr-action-hint          { display:inline-block; margin-top:6px; color:#2563eb; font-weight:700; }
                .aifq-sr-impact               { color:#475569; font-size:13px; margin-top:3px; }
                .aifq-sr-status-layout        { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:16px; }
                .aifq-sr-status-box           { background:#f8fafc; border:1px solid #e5e7eb; border-left:4px solid var(--wpo-primary-2,#2563eb); border-radius:14px; padding:14px; }
                .aifq-sr-status-box strong    { display:block; margin-bottom:4px; }
                .aifq-sr-good-summary         { display:flex; align-items:center; justify-content:space-between; gap:12px; background:#f0fdf4; border:1px solid #bbf7d0; border-radius:14px; padding:14px 16px; font-weight:700; }
                .aifq-sr-mini-score-top       { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:13px; margin-bottom:6px; color:#334155; }
                .aifq-sr-mini-bar             { height:7px; background:#e8edf5; border-radius:999px; overflow:hidden; }
                .aifq-sr-mini-bar-fill        { height:100%; width:0; border-radius:999px; animation:aifqSrLoad 1.15s cubic-bezier(.22,.8,.24,1) forwards; }
                .aifq-sr-detail summary       { list-style:none; }
                .aifq-sr-detail summary::-webkit-details-marker { display:none; }
                .aifq-sr-detail summary:after { content:'+'; color:#64748b; font-weight:900; }
                .aifq-sr-detail[open] summary:after { content:'–'; }

                /* Design tokens */
                :root {
                    --wpo-bg-start:   #eef5ff;
                    --wpo-bg-end:     #f7fafc;
                    --wpo-card:       #ffffff;
                    --wpo-border:     #dde7f2;
                    --wpo-text:       #162033;
                    --wpo-muted:      #64748b;
                    --wpo-primary:    #4f46e5;
                    --wpo-primary-2:  #2563eb;
                    --wpo-teal:       #14b8a6;
                    --wpo-green:      #16a34a;
                    --wpo-amber:      #d97706;
                    --wpo-red:        #dc2626;
                    --wpo-shadow:     0 18px 44px rgba(15,23,42,0.08);
                    --wpo-soft-shadow:0 10px 26px rgba(15,23,42,0.055);
                }

                .aifq-sr-wrap {
                    max-width: 1260px !important;
                    color: var(--wpo-text);
                }
                .aifq-sr-hero,
                .aifq-sr-card,
                .aifq-sr-category-card,
                .aifq-sr-module-card {
                    border: 1px solid var(--wpo-border) !important;
                    box-shadow: var(--wpo-soft-shadow) !important;
                }

                /* Hero */
                .aifq-sr-hero {
                    display: grid;
                    grid-template-columns: minmax(0,1fr) auto !important;
                    grid-template-areas:
                        "title   action"
                        "subtitle action"
                        "signals signals"
                        "notices notices" !important;
                    align-items: start !important;
                    gap: 8px 22px !important;
                    padding: 22px 26px !important;
                    border-radius: 26px !important;
                    margin: 18px 0;
                    background:
                        linear-gradient(135deg,rgba(255,255,255,0.96),rgba(248,250,252,0.94)),
                        linear-gradient(135deg,rgba(79,70,229,0.12),rgba(20,184,166,0.10)) !important;
                    backdrop-filter: blur(6px);
                }
                .aifq-sr-hero h1          { grid-area:title; margin:0 0 5px 0 !important; letter-spacing:-0.03em; font-size:28px !important; color:#111827; }
                .aifq-sr-hero .aifq-sr-subtitle { grid-area:subtitle; max-width:760px; margin:0 !important; color:var(--wpo-muted); }
                .aifq-sr-hero form,
                #aifq-sr-scan-form        { grid-area:action; justify-self:end !important; align-self:start !important; margin-top:2px !important; }
                .aifq-sr-hero .aifq-sr-profile {
                    grid-area: signals;
                    margin-top: 16px !important;
                    padding-top: 8px;
                    border-top: 1px solid rgba(203,213,225,.65);
                    display: flex; flex-wrap: wrap; gap: 8px;
                }
                .aifq-sr-hero .aifq-sr-calm-note { grid-area:signals; margin:0 !important; font-size:12px !important; font-weight:700; color:#64748b !important; pointer-events:none; }
                .aifq-sr-hero .notice,
                .aifq-sr-hero div.notice,
                .aifq-sr-hero .updated,
                .aifq-sr-hero .error      { grid-area:notices; max-width:none !important; margin:8px 0 0 0 !important; border-radius:12px !important; box-shadow:none !important; opacity:.82; background:rgba(255,255,255,.78) !important; }
                .aifq-sr-hero .button,
                .aifq-sr-hero input[type="submit"] {
                    border:0 !important; border-radius:14px !important; padding:9px 18px !important;
                    height:auto !important; font-weight:800 !important; color:#fff !important;
                    background:linear-gradient(135deg,var(--wpo-primary),var(--wpo-primary-2)) !important;
                    box-shadow:0 10px 22px rgba(79,70,229,0.23) !important;
                    transition:transform .15s ease,box-shadow .15s ease;
                }
                .aifq-sr-hero .button:hover,
                .aifq-sr-hero input[type="submit"]:hover { transform:translateY(-1px); box-shadow:0 14px 28px rgba(79,70,229,0.28) !important; }
                .aifq-sr-loading-button   { opacity:.78; cursor:wait !important; }
                .aifq-sr-chip             { background:rgba(255,255,255,0.78) !important; border:1px solid #d7e2ef !important; color:#334155 !important; border-radius:999px; padding:7px 11px !important; font-size:13px; font-weight:700; }

                /* Wrap notices */
                .aifq-sr-wrap > .notice,
                .aifq-sr-wrap > div.notice,
                .aifq-sr-wrap > .updated,
                .aifq-sr-wrap > .error    { max-width:760px; margin:8px 0 10px 0 !important; border-radius:12px !important; opacity:.82; }

                /* Cards / grids */
                .aifq-sr-card             { background:rgba(255,255,255,0.96) !important; border-radius:26px !important; padding:24px; }
                .aifq-sr-grid-main        { display:grid; grid-template-columns:310px minmax(0,1fr) !important; gap:22px !important; align-items:stretch; margin:22px 0; }
                .aifq-sr-grid-main > .aifq-sr-card:first-child {
                    background:linear-gradient(180deg,rgba(255,255,255,0.98),rgba(248,250,252,0.96)) !important;
                    text-align:center;
                }
                .aifq-sr-grid-two         { display:grid; grid-template-columns:minmax(0,1fr) 360px !important; gap:20px !important; align-items:start; margin:22px 0; }

                /* Score circle */
                .aifq-sr-score-circle {
                    width:150px; height:150px; border-radius:50%;
                    display:flex; align-items:center; justify-content:center; flex-direction:column;
                    background:conic-gradient(var(--score-color) var(--animated-score-deg,var(--score-deg,0deg)),#e8eef7 0deg) !important;
                    box-shadow:inset 0 0 0 1px rgba(255,255,255,.8),0 12px 28px rgba(15,23,42,0.08);
                    transform:translateZ(0); margin:0 auto 14px auto;
                    animation:wpoScorePop .55s ease-out both; position:relative;
                }
                .aifq-sr-score-circle:before {
                    content:""; position:absolute; width:118px; height:118px;
                    border-radius:50%; background:#fff !important;
                }
                .aifq-sr-score-number     { font-size:38px; font-weight:850; line-height:1; letter-spacing:-0.05em; }
                .aifq-sr-score-status     { font-weight:800; font-size:14px; margin-top:10px !important; }
                .aifq-sr-potential        { margin-top:14px; padding:13px; background:linear-gradient(135deg,#f8fafc,#eef6ff) !important; border:1px solid #dbe7f5 !important; border-radius:14px; font-weight:700; }
                .aifq-sr-score-details    { display:none !important; }

                /* Mini scores */
                .aifq-sr-mini-scores      { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 16px; margin:16px 0 8px 0; padding:14px; background:linear-gradient(135deg,#f8fafc,#f1f7ff) !important; border:1px solid #dce8f5 !important; border-radius:18px !important; }
                .aifq-sr-mini-bar,
                .aifq-sr-bar              { background:#e8eef7 !important; }
                .aifq-sr-mini-bar-fill,
                .aifq-sr-bar-fill         { width:0; animation:aifqSrLoad 1.15s cubic-bezier(.22,.8,.24,1) forwards !important; }
                .aifq-sr-stats            { display:flex; gap:10px; flex-wrap:wrap; margin-top:14px !important; }
                .aifq-sr-stat             { background:#f8fafc !important; border:1px solid #e2e8f0; border-radius:999px; padding:8px 12px; font-weight:700; }

                /* Module cards */
                .aifq-sr-module-summary   { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:16px !important; margin:20px 0 22px 0 !important; }
                .aifq-sr-module-card      { background:rgba(255,255,255,0.96) !important; border-radius:22px !important; padding:17px !important; min-height:118px; position:relative; overflow:hidden; transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease; }
                .aifq-sr-module-card:hover { transform:translateY(-2px); box-shadow:var(--wpo-shadow) !important; border-color:#cbd8eb !important; }
                .aifq-sr-module-card:before { content:""; position:absolute; left:0; top:0; bottom:0; width:5px; background:linear-gradient(180deg,var(--wpo-primary),var(--wpo-teal)); opacity:.78; }
                .aifq-sr-module-card:nth-child(1):before { background:linear-gradient(180deg,#ef4444,#f59e0b) !important; }
                .aifq-sr-module-card:nth-child(2):before { background:linear-gradient(180deg,#4f46e5,#14b8a6) !important; }
                .aifq-sr-module-card:nth-child(3):before { background:linear-gradient(180deg,#f59e0b,#14b8a6) !important; }
                .aifq-sr-module-card:nth-child(4):before { background:linear-gradient(180deg,#22c55e,#14b8a6) !important; }
                .aifq-sr-module-card h3   { margin:0 0 9px 0 !important; font-size:15px !important; }
                .aifq-sr-module-score     { font-size:12px !important; font-weight:850 !important; display:inline-block; padding:5px 9px; border-radius:999px; background:rgba(248,250,252,.9) !important; border:1px solid rgba(226,232,240,.9); margin-bottom:8px; }
                .aifq-sr-module-muted     { font-size:13px !important; line-height:1.45 !important; }

                /* Step list */
                .aifq-sr-step-list        { counter-reset:steps; list-style:none !important; padding:0 !important; margin:0 !important; }
                .aifq-sr-step-list li     { counter-increment:steps; display:block !important; position:relative; min-height:44px; padding:14px 0 14px 50px !important; border-bottom:1px solid #edf2f7 !important; }
                .aifq-sr-step-list li:before { content:counter(steps); position:absolute; left:0; top:14px; width:30px; height:30px; border-radius:999px; background:#eef2ff; color:#3730a3; display:flex; align-items:center; justify-content:center; font-weight:900; font-size:13px; }
                .aifq-sr-step-list li .aifq-sr-action-hint { display:none !important; }

                /* Good / compact */
                .aifq-sr-good-compact     { background:#f0fdfa !important; border:1px solid #bdeee4 !important; border-radius:14px; padding:11px 13px !important; font-size:13px; margin-top:10px; }
                .aifq-sr-good-card        { padding:22px 24px !important; }
                .aifq-sr-good-card h2     { font-size:18px !important; margin:0 0 12px 0 !important; }
                .aifq-sr-good-card .aifq-sr-good-compact,
                .aifq-sr-good-card .aifq-sr-context { padding:10px 12px !important; border-radius:12px !important; font-size:13px !important; line-height:1.45 !important; margin:0 0 10px 0 !important; }
                .aifq-sr-good-card .aifq-sr-detail { min-width:0 !important; display:inline-block; width:auto !important; }

                /* Accordion / category cards */
                .aifq-sr-accordion        { display:grid; gap:12px !important; margin-top:24px !important; }
                .aifq-sr-category-card    { background:rgba(255,255,255,0.96) !important; border-radius:20px !important; padding:0; overflow:hidden; }
                .aifq-sr-category-card summary { cursor:pointer; padding:15px 18px !important; font-size:16px; font-weight:850; display:flex; justify-content:space-between; align-items:center; transition:background .15s ease; min-height:34px !important; }
                .aifq-sr-category-card summary:hover { background:#f8fbff !important; }
                .aifq-sr-category-content { background:#fbfdff !important; padding:8px 18px 18px 18px !important; border-top:1px solid #f0f0f1; }

                /* Issue cards */
                .aifq-sr-issue            { display:grid; grid-template-columns:minmax(0,1fr) auto !important; padding:11px 14px !important; gap:5px 14px !important; margin-top:9px !important; border:1px solid #e5e7eb !important; border-left:5px solid #8c8f94; border-radius:14px !important; background:#fff !important; align-items:start; }
                .aifq-sr-issue-title      { grid-column:1/2; font-weight:850; font-size:14px !important; line-height:1.35; display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin:0 !important; }
                .aifq-sr-issue-meta       { grid-column:1/2; margin-top:2px !important; font-size:12px !important; color:#64748b !important; }
                .aifq-sr-preview          { grid-column:1/2; margin:4px 0 0 0 !important; font-size:13px !important; line-height:1.45; max-width:780px; color:#475569 !important; }
                .aifq-sr-issue .aifq-sr-detail { grid-column:2/3; grid-row:1/span 3; margin-top:0 !important; align-self:center; justify-self:end; border:0 !important; background:transparent !important; }

                /* Detail expand */
                .aifq-sr-detail           { margin-top:6px !important; border-radius:10px !important; border-color:#dbe5f0 !important; background:transparent !important; }
                .aifq-sr-detail summary   { display:inline-flex !important; align-items:center; gap:4px; padding:6px 10px !important; border-radius:999px !important; background:#eef2ff !important; color:#1d4ed8 !important; border:1px solid #dbeafe !important; white-space:nowrap; cursor:pointer; font-size:12px !important; font-weight:850 !important; min-height:auto !important; line-height:1.2; }
                .aifq-sr-detail[open]     { grid-column:1/-1 !important; grid-row:auto !important; width:100%; margin-top:8px !important; border:1px solid #dbe7f4 !important; border-radius:13px !important; background:#f8fbff !important; padding:0 !important; }
                .aifq-sr-detail[open] summary { border:0 !important; border-radius:13px 13px 0 0 !important; background:#f1f5ff !important; width:100% !important; display:flex !important; justify-content:space-between !important; border-bottom:1px solid #e2eaf5 !important; padding:8px 12px !important; box-sizing:border-box; }
                .aifq-sr-detail-content   { max-width:none !important; width:auto !important; margin:12px !important; padding:14px 16px !important; box-sizing:border-box; background:#fff !important; border:1px solid #e5edf7 !important; border-radius:12px !important; line-height:1.55; color:#334155; }
                .aifq-sr-detail-content p { margin:0 0 10px 0; max-width:860px; }

                @media (max-width:1000px) {
                    .aifq-sr-hero {
                        grid-template-columns:1fr !important;
                        grid-template-areas:"title" "subtitle" "action" "signals" "notices" !important;
                    }
                    .aifq-sr-hero form,
                    #aifq-sr-scan-form       { justify-self:start !important; }
                    .aifq-sr-grid-main,
                    .aifq-sr-grid-two,
                    .aifq-sr-module-summary,
                    .aifq-sr-mini-scores      { grid-template-columns:1fr !important; }
                    .aifq-sr-issue            { grid-template-columns:1fr !important; }
                    .aifq-sr-issue .aifq-sr-detail { justify-self:start; grid-column:1/-1; }
                }


/* Suggestion card and base additions */
/* === AIFQ Site Review 0.9 — Issue Engine & Verbeterkansen === */
.aifq-sr-suggestion-card {
    border-left: 4px solid #14b8a6 !important;
}
.aifq-sr-suggestion-compact {
    background:#ecfeff;
    border:1px solid #a5f3fc;
    color:#155e75;
    border-radius:12px;
    padding:10px 12px;
    font-weight:750;
    margin-bottom:10px;
}
.aifq-sr-suggestion-list li {
    border-bottom:1px solid #e6f3f5;
}
.aifq-sr-potential {
    text-align:center;
}


/* === Category grid and layout integration === */
/* AIFQ Site Review 1.2.3 — Category Layout Integration
   - 2×2 category grid on desktop
   - opportunities integrated per category
   - flatter inner findings
   - inline details action close to the text
*/

.aifq-sr-category-grid-integrated {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin: 22px 0 28px;
    align-items: start;
}

.aifq-sr-category-card-integrated {
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid #dbe7f5;
    border-radius: 22px;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.055);
    overflow: hidden;
}

.aifq-sr-category-card-summary {
    min-height: 72px;
    padding: 18px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    cursor: pointer;
    list-style: none;
}

.aifq-sr-category-card-summary::-webkit-details-marker {
    display: none;
}

.aifq-sr-category-card-summary h2 {
    margin: 0 0 4px !important;
    font-size: 21px !important;
    line-height: 1.15;
    letter-spacing: -0.03em;
    color: #0f172a;
}

.aifq-sr-category-card-summary p {
    margin: 0 !important;
    color: #475569;
    font-weight: 600;
    font-size: 13px;
    line-height: 1.35;
}

.aifq-sr-inline-link {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 6px 12px;
    border-radius: 999px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
    font-weight: 900;
    font-size: 13px;
}

.aifq-sr-category-card-integrated[open] .aifq-sr-inline-link {
    background: #f8fafc;
    color: #334155;
    border-color: #dbe5f0;
}

.aifq-sr-category-card-content {
    border-top: 1px solid #e7eef8;
    padding: 6px 22px 20px;
}

.aifq-sr-category-group {
    padding: 16px 0 4px;
}

.aifq-sr-category-group + .aifq-sr-category-group {
    border-top: 1px solid #edf2f7;
    margin-top: 8px;
}

.aifq-sr-category-group h3 {
    margin: 0 0 8px !important;
    color: #475569;
    font-size: 12px !important;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 900;
}

.aifq-sr-flat-finding,
.aifq-sr-flat-good {
    position: relative;
    padding: 13px 0 13px 14px;
    border-bottom: 1px solid #eef3f9;
}

.aifq-sr-flat-finding:last-child,
.aifq-sr-flat-good:last-child {
    border-bottom: 0;
}

.aifq-sr-flat-finding::before {
    content: "";
    position: absolute;
    left: 0;
    top: 16px;
    bottom: 16px;
    width: 3px;
    border-radius: 999px;
    background: #cbd5e1;
}

.aifq-sr-flat-finding-high::before {
    background: #dc2626;
}

.aifq-sr-flat-finding-medium::before {
    background: #f59e0b;
}

.aifq-sr-flat-opportunity::before {
    background: #14b8a6;
}

.aifq-sr-finding-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.aifq-sr-finding-head strong,
.aifq-sr-flat-good strong {
    color: #0f172a;
    font-size: 15px;
    line-height: 1.35;
}

.aifq-sr-finding-meta {
    margin-top: 4px;
    color: #475569;
    font-size: 13px;
    font-weight: 600;
}

.aifq-sr-flat-finding p,
.aifq-sr-flat-good p {
    margin: 7px 0 0 !important;
    color: #334155;
    line-height: 1.52;
    font-size: 14px;
}

.aifq-sr-inline-details-toggle {
    display: inline;
    border: 0;
    padding: 0;
    margin-left: 4px;
    background: transparent;
    color: #1d4ed8;
    font-weight: 900;
    cursor: pointer;
    text-decoration: none;
}

.aifq-sr-inline-details-toggle:hover {
    text-decoration: underline;
}

.aifq-sr-inline-detail {
    margin-top: 12px;
    padding: 14px 16px;
    border-left: 3px solid #93c5fd;
    border-radius: 12px;
    background: #f8fbff;
}

.aifq-sr-inline-detail p {
    font-size: 14px;
}

.aifq-sr-badge-opportunity {
    background: #ecfeff !important;
    color: #0f766e !important;
    border-color: #99f6e4 !important;
}

/* Hide older category row layout if it still exists after the integrated grid */
.aifq-sr-category-grid-integrated ~ .aifq-sr-category-section,
.aifq-sr-category-grid-integrated ~ .aifq-sr-module-section,
.aifq-sr-category-grid-integrated ~ .aifq-sr-accordion {
    display: none !important;
}

@media (max-width: 1100px) {
    .aifq-sr-category-grid-integrated {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .aifq-sr-category-card-summary {
        min-height: 64px;
        padding: 16px 18px;
    }

    .aifq-sr-category-card-content {
        padding: 4px 18px 18px;
    }

    .aifq-sr-finding-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }
}

/* AIFQ Site Review 1.2.3 — Category Layout Integration */


/* AIFQ Site Review 1.2.3 — Category Grid Polish */

/* Do not stretch closed cards to match an opened neighboring card */
.aifq-sr-category-grid,
.aifq-sr-category-cards,
.aifq-sr-category-grid-integrated {
    align-items: start !important;
}

.aifq-sr-category-card-integrated,
.aifq-sr-category-card {
    align-self: start !important;
}

/* Category title and status must read as two separate lines */
.aifq-sr-category-card-integrated > summary,
.aifq-sr-category-card > summary {
    min-height: 66px !important;
    padding: 16px 20px !important;
}

.aifq-sr-category-summary-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    min-width: 0 !important;
}

.aifq-sr-category-title {
    display: block !important;
    font-size: 20px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    letter-spacing: -0.035em !important;
    color: #0f172a !important;
}

.aifq-sr-category-subtitle {
    display: block !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    color: #64748b !important;
}

/* Keep closed category cards compact */
.aifq-sr-category-card-integrated:not([open]) {
    min-height: 0 !important;
}

.aifq-sr-category-card-integrated:not([open]) .aifq-sr-category-content {
    display: none !important;
}

/* Better top opportunities language and compactness */
.aifq-sr-suggestions-card h2 {
    margin-bottom: 10px !important;
}

.aifq-sr-suggestions-card li,
.aifq-sr-suggestion-item {
    padding: 13px 0 !important;
}

.aifq-sr-more-by-category {
    margin-top: 14px !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    font-weight: 750 !important;
}

/* Looks good should not dominate the page when collapsed */
.aifq-sr-good-card {
    padding: 20px 24px !important;
    max-width: 900px !important;
    min-height: 0 !important;
}

.aifq-sr-good-card h2 {
    font-size: 22px !important;
    margin-bottom: 10px !important;
}

.aifq-sr-good-card .aifq-sr-good-box,
.aifq-sr-good-card .aifq-sr-success-box,
.aifq-sr-good-card .aifq-sr-pass-box {
    padding: 10px 14px !important;
    margin-bottom: 10px !important;
}

.aifq-sr-good-card details:not([open]),
.aifq-sr-good-card .aifq-sr-accordion:not(.open):not(.is-open) {
    width: fit-content !important;
    max-width: 100% !important;
}

/* The integrated grid should feel like a compact dashboard area, not huge empty panels */
.aifq-sr-category-grid-integrated {
    gap: 16px !important;
    margin-top: 18px !important;
}

.aifq-sr-category-card-integrated .aifq-sr-inline-link {
    min-height: 30px !important;
    padding: 5px 12px !important;
}

/* When open, keep content readable but not overly spacious */
.aifq-sr-category-card-integrated[open] .aifq-sr-category-content {
    padding: 4px 20px 18px !important;
}

.aifq-sr-category-group {
    padding-top: 14px !important;
}

@media (max-width: 1100px) {
    .aifq-sr-category-grid,
    .aifq-sr-category-cards,
    .aifq-sr-category-grid-integrated {
        grid-template-columns: 1fr !important;
    }

    .aifq-sr-good-card {
        max-width: none !important;
    }
}

@media (max-width: 720px) {
    .aifq-sr-category-card-integrated > summary,
    .aifq-sr-category-card > summary {
        min-height: 62px !important;
        padding: 15px 16px !important;
    }

    .aifq-sr-category-title {
        font-size: 18px !important;
    }

    .aifq-sr-category-subtitle {
        font-size: 12px !important;
    }
}

/* AIFQ Site Review 1.2.3 — Category Grid Polish */


/* AIFQ Site Review 1.2.3 — Top Opportunities & Grid Fix */

/* Strong no-stretch fix for the real category grid wrapper */
.aifq-sr-accordion:has(.aifq-sr-category-card-integrated),
.aifq-sr-category-grid,
.aifq-sr-category-cards,
.aifq-sr-category-grid-integrated {
    align-items: start !important;
    grid-auto-rows: auto !important;
}

.aifq-sr-accordion:has(.aifq-sr-category-card-integrated) > *,
.aifq-sr-category-grid > *,
.aifq-sr-category-cards > *,
.aifq-sr-category-grid-integrated > *,
.aifq-sr-category-card-integrated,
.aifq-sr-category-card {
    align-self: start !important;
    height: auto !important;
}

/* Prevent closed cards from inheriting huge min-height rules from older accordion styles */
.aifq-sr-category-card-integrated:not([open]),
.aifq-sr-category-card:not([open]) {
    min-height: 0 !important;
    height: auto !important;
}

.aifq-sr-category-card-integrated:not([open]) .aifq-sr-category-content,
.aifq-sr-category-card:not([open]) .aifq-sr-category-content {
    display: none !important;
}

/* If :has is unsupported, this still targets the injected integrated grid class */
.aifq-sr-category-grid-integrated {
    align-items: start !important;
    grid-auto-rows: auto !important;
}

/* Better Top opportunities copy and visual scale */
.aifq-sr-suggestions-card {
    padding: 28px 30px !important;
}

.aifq-sr-suggestions-card h2 {
    font-size: 28px !important;
    line-height: 1.1 !important;
    margin: 0 0 14px !important;
    letter-spacing: -0.04em;
}

.aifq-sr-opportunity-count-pill {
    display: inline-flex !important;
    align-items: center;
    width: auto !important;
    max-width: 100%;
    padding: 9px 14px !important;
    border-radius: 999px !important;
    border: 1px solid #bfdbfe !important;
    background: #eff6ff !important;
    color: #1d4ed8 !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    margin: 0 0 16px !important;
}

.aifq-sr-suggestions-card li,
.aifq-sr-suggestion-item {
    grid-template-columns: 22px minmax(0, 1fr) !important;
    gap: 8px 12px !important;
    padding: 14px 0 !important;
}

.aifq-sr-suggestions-card li::before,
.aifq-sr-suggestion-item::before {
    font-size: 13px !important;
    opacity: .72;
    transform: translateY(2px);
}

.aifq-sr-suggestions-card strong,
.aifq-sr-suggestion-title {
    font-size: 15px !important;
    line-height: 1.35 !important;
}

.aifq-sr-suggestions-card p,
.aifq-sr-suggestion-text {
    font-size: 14px !important;
    line-height: 1.45 !important;
}

.aifq-sr-more-by-category {
    margin-top: 12px !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #475569 !important;
    font-weight: 750 !important;
    font-size: 13px !important;
}

@media (max-width: 720px) {
    .aifq-sr-suggestions-card {
        padding: 24px 22px !important;
    }

    .aifq-sr-suggestions-card h2 {
        font-size: 24px !important;
    }

    .aifq-sr-opportunity-count-pill {
        font-size: 13px !important;
        white-space: normal;
    }
}

/* AIFQ Site Review 1.2.3 — Top Opportunities & Grid Fix */



/* === Flat finding and detail layout === */
/* AIFQ Site Review 1.2.3 — Full Layout & Detail Polish */

/* 1) Critical bug fix: inline detail content must never collapse into a narrow text column */
.aifq-sr-category-card-integrated,
.aifq-sr-category-card-integrated * {
    box-sizing: border-box;
}

.aifq-sr-flat-finding,
.aifq-sr-flat-good,
.aifq-sr-issue.aifq-sr-flat-finding {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
}

.aifq-sr-flat-finding > *,
.aifq-sr-issue.aifq-sr-flat-finding > * {
    max-width: 100% !important;
}

.aifq-sr-issue-preview,
.aifq-sr-flat-finding p,
.aifq-sr-flat-good p {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

.aifq-sr-inline-detail,
.aifq-sr-issue-detail.aifq-sr-inline-detail {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    clear: both !important;
    grid-column: 1 / -1 !important;
}

.aifq-sr-inline-detail[hidden] {
    display: none !important;
}

.aifq-sr-inline-detail p,
.aifq-sr-inline-detail div,
.aifq-sr-inline-detail span,
.aifq-sr-inline-detail strong {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

/* 2) Stronger grid no-stretch fix */
.aifq-sr-category-grid,
.aifq-sr-category-cards,
.aifq-sr-category-grid-integrated,
.aifq-sr-accordion:has(.aifq-sr-category-card-integrated) {
    display: grid !important;
    align-items: start !important;
    grid-auto-rows: min-content !important;
}

.aifq-sr-category-grid > *,
.aifq-sr-category-cards > *,
.aifq-sr-category-grid-integrated > *,
.aifq-sr-accordion:has(.aifq-sr-category-card-integrated) > *,
.aifq-sr-category-card-integrated {
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
}

/* 3) Open category cards should be clear but not giant */
.aifq-sr-category-card-integrated {
    overflow: hidden !important;
    transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.aifq-sr-category-card-integrated[open] {
    border-color: #bfdbfe !important;
    box-shadow: 0 16px 34px rgba(37, 99, 235, 0.075) !important;
    background: #ffffff !important;
}

.aifq-sr-category-card-integrated > summary {
    min-height: 60px !important;
    padding: 14px 18px !important;
}

.aifq-sr-category-card-integrated[open] > summary {
    border-bottom: 1px solid #e7eef8;
    background: linear-gradient(180deg, #ffffff, #f9fbff);
}

.aifq-sr-category-card-integrated .aifq-sr-category-content {
    padding: 2px 18px 16px !important;
}

.aifq-sr-category-group {
    padding-top: 12px !important;
    padding-bottom: 2px !important;
}

.aifq-sr-category-group + .aifq-sr-category-group {
    margin-top: 4px !important;
}

/* 4) Compact list items inside opened categories */
.aifq-sr-flat-finding,
.aifq-sr-flat-good {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.aifq-sr-flat-finding::before {
    top: 13px !important;
    bottom: 13px !important;
}

.aifq-sr-finding-head {
    align-items: flex-start !important;
}

.aifq-sr-finding-head strong,
.aifq-sr-flat-good strong {
    font-size: 14px !important;
}

.aifq-sr-flat-finding p,
.aifq-sr-flat-good p {
    font-size: 13px !important;
    line-height: 1.48 !important;
}

.aifq-sr-finding-meta {
    font-size: 12px !important;
}

.aifq-sr-inline-detail {
    margin-top: 10px !important;
    padding: 12px 14px !important;
    border-radius: 11px !important;
}

.aifq-sr-inline-detail p {
    font-size: 13px !important;
    line-height: 1.5 !important;
}

/* 5) More details should stay visually connected to its sentence */
.aifq-sr-inline-details-toggle {
    white-space: nowrap !important;
    font-size: 13px !important;
}

/* 6) Looks good should be secondary, not a huge block */
.aifq-sr-good-card {
    padding: 18px 22px !important;
    max-width: 760px !important;
}

.aifq-sr-good-card h2 {
    font-size: 20px !important;
    margin-bottom: 8px !important;
}

.aifq-sr-good-compact,
.aifq-sr-good-card .aifq-sr-good-box,
.aifq-sr-good-card .aifq-sr-success-box,
.aifq-sr-good-card .aifq-sr-pass-box {
    padding: 9px 12px !important;
    font-size: 13px !important;
    margin-bottom: 8px !important;
}

.aifq-sr-good-card details:not([open]) summary {
    min-height: 30px !important;
    padding: 6px 12px !important;
    font-size: 13px !important;
}

.aifq-sr-more-good {
    margin: 8px 0 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 750 !important;
}

/* 7) Top opportunities should be a useful side summary, not the dominant visual element */
.aifq-sr-suggestions-card {
    padding: 22px 24px !important;
}

.aifq-sr-suggestions-card h2 {
    font-size: 22px !important;
    margin-bottom: 10px !important;
}

.aifq-sr-opportunity-count-pill {
    padding: 7px 11px !important;
    font-size: 12px !important;
    margin-bottom: 10px !important;
}

.aifq-sr-suggestions-card li,
.aifq-sr-suggestion-item {
    grid-template-columns: 18px minmax(0, 1fr) !important;
    padding: 11px 0 !important;
}

.aifq-sr-suggestions-card li::before,
.aifq-sr-suggestion-item::before {
    font-size: 11px !important;
    opacity: .65 !important;
}

.aifq-sr-suggestions-card strong,
.aifq-sr-suggestion-title {
    font-size: 13px !important;
}

.aifq-sr-suggestions-card p,
.aifq-sr-suggestion-text,
.aifq-sr-suggestions-card .aifq-sr-muted {
    font-size: 12px !important;
    line-height: 1.42 !important;
}

/* 8) Category header spacing and visual rhythm */
.aifq-sr-category-title {
    font-size: 18px !important;
}

.aifq-sr-category-subtitle {
    font-size: 12px !important;
    color: #64748b !important;
}

.aifq-sr-category-card-integrated .aifq-sr-inline-link {
    min-height: 28px !important;
    padding: 5px 10px !important;
    font-size: 12px !important;
}

/* 9) Hero cache chip: a no-cache signal is useful but should not visually shout */
.aifq-sr-profile span,
.aifq-sr-signals span,
.aifq-sr-signal-row span {
    font-weight: 800;
}

.aifq-sr-profile span:has(> .aifq-sr-no-cache),
.aifq-sr-signals span:has(> .aifq-sr-no-cache) {
    background: #f8fafc !important;
}

/* 10) Mobile */
@media (max-width: 1100px) {
    .aifq-sr-good-card {
        max-width: none !important;
    }
}

@media (max-width: 720px) {
    .aifq-sr-category-card-integrated > summary {
        min-height: 58px !important;
        padding: 13px 15px !important;
    }

    .aifq-sr-category-card-integrated .aifq-sr-category-content {
        padding: 2px 15px 14px !important;
    }

    .aifq-sr-suggestions-card {
        padding: 20px 18px !important;
    }

    .aifq-sr-good-card {
        padding: 16px 18px !important;
    }
}

/* AIFQ Site Review 1.2.3 — Full Layout & Detail Polish */


/* AIFQ Site Review 1.2.3 — Final Flow & Category Polish */

/* Final flow: hide Top opportunities when there is nothing useful to show */
.aifq-sr-no-opportunities .aifq-sr-suggestions-card,
.aifq-sr-suggestions-card:has(.aifq-sr-opportunity-count-pill:empty) {
    display: none !important;
}

.aifq-sr-no-opportunities .aifq-sr-actions-card,
.aifq-sr-no-opportunities .aifq-sr-recommended-card {
    grid-column: 1 / -1 !important;
}

/* Detailed scan results heading */
.aifq-sr-section-heading,
.aifq-sr-detailed-results-heading {
    margin: 26px 0 12px !important;
    max-width: 920px;
}

.aifq-sr-section-heading h2,
.aifq-sr-detailed-results-heading h2 {
    margin: 0 0 6px !important;
    color: #0f172a;
    font-size: 24px !important;
    line-height: 1.15;
    letter-spacing: -0.04em;
}

.aifq-sr-section-heading p,
.aifq-sr-detailed-results-heading p {
    margin: 0 !important;
    color: #64748b;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 600;
}

/* Use a masonry-like two-column flow on desktop to avoid large empty gaps beside open cards */
.aifq-sr-category-grid-integrated,
.aifq-sr-category-grid,
.aifq-sr-category-cards,
.aifq-sr-accordion:has(.aifq-sr-category-card-integrated) {
    display: block !important;
    column-count: 2 !important;
    column-gap: 18px !important;
    align-items: initial !important;
}

.aifq-sr-category-grid-integrated > *,
.aifq-sr-category-grid > *,
.aifq-sr-category-cards > *,
.aifq-sr-accordion:has(.aifq-sr-category-card-integrated) > * {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
    display: block !important;
    width: 100% !important;
    margin: 0 0 18px !important;
}

/* Keep category cards compact when closed */
.aifq-sr-category-card-integrated > summary,
.aifq-sr-category-card > summary {
    min-height: 54px !important;
    padding: 12px 16px !important;
}

.aifq-sr-category-card-integrated:not([open]) > summary,
.aifq-sr-category-card:not([open]) > summary {
    min-height: 52px !important;
}

.aifq-sr-category-title {
    font-size: 17px !important;
}

.aifq-sr-category-subtitle {
    font-size: 12px !important;
    line-height: 1.25 !important;
}

.aifq-sr-category-card-integrated .aifq-sr-inline-link,
.aifq-sr-category-card .aifq-sr-inline-link {
    min-height: 26px !important;
    padding: 4px 9px !important;
    font-size: 12px !important;
}

/* Open cards still readable, but not bloated */
.aifq-sr-category-card-integrated[open] .aifq-sr-category-content {
    padding: 0 16px 14px !important;
}

.aifq-sr-category-group {
    padding-top: 10px !important;
}

.aifq-sr-flat-finding,
.aifq-sr-flat-good {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

/* Looks good should be lower priority and compact.
   If the surrounding layout supports ordering, this places it after detailed scan results. */
.aifq-sr-good-card {
    max-width: 720px !important;
    padding: 16px 20px !important;
}

.aifq-sr-good-card h2 {
    font-size: 19px !important;
}

.aifq-sr-good-card details:not([open]) summary {
    min-height: 28px !important;
    padding: 5px 11px !important;
}

/* Top opportunities compact final pass */
.aifq-sr-suggestions-card {
    padding: 20px 22px !important;
    align-self: start !important;
}

.aifq-sr-suggestions-card h2 {
    font-size: 20px !important;
}

.aifq-sr-opportunity-count-pill {
    font-size: 12px !important;
    padding: 6px 10px !important;
}

.aifq-sr-suggestions-card li,
.aifq-sr-suggestion-item {
    padding: 9px 0 !important;
}

/* Mobile/tablet: single column category details */
@media (max-width: 1100px) {
    .aifq-sr-category-grid-integrated,
    .aifq-sr-category-grid,
    .aifq-sr-category-cards,
    .aifq-sr-accordion:has(.aifq-sr-category-card-integrated) {
        column-count: 1 !important;
    }
}

@media (max-width: 720px) {
    .aifq-sr-section-heading,
    .aifq-sr-detailed-results-heading {
        margin-top: 20px !important;
    }

    .aifq-sr-section-heading h2,
    .aifq-sr-detailed-results-heading h2 {
        font-size: 21px !important;
    }

    .aifq-sr-category-card-integrated > summary,
    .aifq-sr-category-card > summary {
        min-height: 50px !important;
        padding: 12px 14px !important;
    }
}

/* AIFQ Site Review 1.2.3 — Final Flow & Category Polish */


/* AIFQ Site Review 1.2.3 — Final Ordering Fix */

/* Top opportunities should not reserve space when hidden PHP-side or when a legacy empty wrapper remains */
.aifq-sr-suggestions-card:empty {
    display: none !important;
}

.aifq-sr-dashboard-main:not(:has(.aifq-sr-suggestions-card)) .aifq-sr-recommended-card,
.aifq-sr-main-grid:not(:has(.aifq-sr-suggestions-card)) .aifq-sr-recommended-card,
.aifq-sr-results-grid:not(:has(.aifq-sr-suggestions-card)) .aifq-sr-recommended-card {
    grid-column: 1 / -1 !important;
}

/* Slightly tighter closed detailed result cards */
.aifq-sr-category-card-integrated:not([open]) > summary,
.aifq-sr-category-card:not([open]) > summary {
    min-height: 48px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.aifq-sr-category-card-integrated:not([open]) {
    border-radius: 18px !important;
}

.aifq-sr-category-title {
    font-size: 16px !important;
}

.aifq-sr-category-subtitle {
    font-size: 11.5px !important;
}

/* Looks good is now after detailed results; keep it compact and calm there */
.aifq-sr-good-card {
    margin-top: 18px !important;
    max-width: 720px !important;
}

/* Detailed scan results heading should visually introduce the lower grid */
.aifq-sr-detailed-results-heading {
    margin-top: 30px !important;
}

/* AIFQ Site Review 1.2.3 — Final Ordering Fix */


/* AIFQ Site Review 1.2.3 — More Details Toggle Fix */

.aifq-sr-inline-details-toggle {
    pointer-events: auto !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 2 !important;
}

.aifq-sr-inline-detail[hidden],
.aifq-sr-issue-detail[hidden] {
    display: none !important;
}

.aifq-sr-inline-detail:not([hidden]),
.aifq-sr-issue-detail:not([hidden]) {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}


/* AIFQ Site Review 1.2.3 — Release Candidate Prep */

/* Keep the admin UI contained inside the plugin wrapper */
.aifq-sr-wrap,
.aifq-sr-wrap * {
    box-sizing: border-box;
}

/* Keep interactive controls accessible and clickable after layout changes */
.aifq-sr-wrap button,
.aifq-sr-wrap summary,
.aifq-sr-inline-details-toggle {
    cursor: pointer;
}

/* Avoid accidental text squeeze in detailed scan result panels */
.aifq-sr-inline-detail,
.aifq-sr-issue-detail,
.aifq-sr-category-content {
    min-width: 0;
}


/* AIFQ Site Review 1.2.3 — Layout Width & Alignment Fix
   Gemini UI review follow-up:
   - constrain desktop width
   - align Looks good and info grid with main cards
   - constrain long text lines in expanded details
   - slightly tighten closed category cards
*/

/* Global bounded dashboard wrapper */
.aifq-sr-wrap {
    max-width: 1360px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Keep native WP admin notice behavior, but make plugin content feel centered */
.aifq-sr-wrap > * {
    max-width: 100%;
}

/* Unified alignment for main sections */
.aifq-sr-grid-main,
.aifq-sr-dashboard-grid,
.aifq-sr-results-grid,
.aifq-sr-main-grid,
.aifq-sr-category-grid-integrated,
.aifq-sr-category-grid,
.aifq-sr-category-cards,
.aifq-sr-accordion:has(.aifq-sr-category-card-integrated),
.aifq-sr-info-grid,
.aifq-sr-good-card,
.aifq-sr-section-heading,
.aifq-sr-detailed-results-heading {
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Make single cards align with the same rhythm as the grid */
.aifq-sr-good-card {
    width: 100% !important;
    max-width: 1280px !important;
}

.aifq-sr-info-grid {
    width: 100% !important;
}

/* Prevent cards from becoming too stretched visually on very wide screens */
.aifq-sr-card,
.aifq-sr-category-card-integrated,
.aifq-sr-category-card {
    max-width: 100%;
}

/* Expanded detail text should stay readable, not run across the whole screen */
.aifq-sr-inline-detail,
.aifq-sr-issue-detail,
.aifq-sr-expanded-content {
    max-width: 820px !important;
}

.aifq-sr-inline-detail p,
.aifq-sr-inline-detail li,
.aifq-sr-issue-detail p,
.aifq-sr-issue-detail li,
.aifq-sr-expanded-content p,
.aifq-sr-expanded-content li {
    max-width: 760px !important;
}

/* Keep preview copy connected to the More details link without huge line lengths */
.aifq-sr-issue-preview,
.aifq-sr-flat-finding > p,
.aifq-sr-category-card-integrated .aifq-sr-flat-finding p {
    max-width: 860px !important;
}

/* Recommendation list text should remain readable */
.aifq-sr-list,
.aifq-sr-suggestion-list,
.aifq-sr-category-card-integrated ul {
    max-width: 920px;
}

/* Tighten closed category cards slightly */
.aifq-sr-category-card-integrated:not([open]) > summary,
.aifq-sr-category-card:not([open]) > summary {
    min-height: 44px !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

.aifq-sr-category-card-integrated:not([open]),
.aifq-sr-category-card:not([open]) {
    border-radius: 16px !important;
}

.aifq-sr-category-title {
    font-size: 15.5px !important;
}

.aifq-sr-category-subtitle {
    font-size: 11.25px !important;
}

/* Reduce detached feeling of inline details action */
.aifq-sr-inline-details-toggle {
    margin-left: 6px !important;
}

/* Consistent section spacing */
.aifq-sr-detailed-results-heading {
    margin-top: 28px !important;
    margin-bottom: 12px !important;
}

.aifq-sr-info-grid {
    margin-top: 24px !important;
}

/* Prevent unnecessary large empty horizontal feel in Recommended steps when full-width */
.aifq-sr-actions-card,
.aifq-sr-recommended-card {
    max-width: 1280px !important;
}

.aifq-sr-actions-card .aifq-sr-list,
.aifq-sr-recommended-card .aifq-sr-list {
    max-width: 980px !important;
}

/* High-res screens: slightly more breathing room without stretching content infinitely */
@media (min-width: 1500px) {
    .aifq-sr-wrap {
        max-width: 1400px !important;
    }

    .aifq-sr-grid-main,
    .aifq-sr-dashboard-grid,
    .aifq-sr-results-grid,
    .aifq-sr-main-grid,
    .aifq-sr-category-grid-integrated,
    .aifq-sr-category-grid,
    .aifq-sr-category-cards,
    .aifq-sr-accordion:has(.aifq-sr-category-card-integrated),
    .aifq-sr-info-grid,
    .aifq-sr-good-card,
    .aifq-sr-section-heading,
    .aifq-sr-detailed-results-heading {
        max-width: 1280px !important;
    }
}

@media (max-width: 782px) {
    .aifq-sr-wrap {
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .aifq-sr-grid-main,
    .aifq-sr-dashboard-grid,
    .aifq-sr-results-grid,
    .aifq-sr-main-grid,
    .aifq-sr-category-grid-integrated,
    .aifq-sr-category-grid,
    .aifq-sr-category-cards,
    .aifq-sr-info-grid,
    .aifq-sr-good-card,
    .aifq-sr-section-heading,
    .aifq-sr-detailed-results-heading {
        max-width: none !important;
    }

    .aifq-sr-inline-detail,
    .aifq-sr-issue-detail,
    .aifq-sr-expanded-content,
    .aifq-sr-issue-preview,
    .aifq-sr-flat-finding > p {
        max-width: 100% !important;
    }
}


/* AIFQ Site Review 1.2.3 — Stable Hero Layout Fix
   Prevents the hero from jumping into a broken mid-button/right-signals layout.
*/

.aifq-sr-hero,
.aifq-sr-header,
.aifq-sr-hero-card {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    column-gap: 32px !important;
    row-gap: 16px !important;
    align-items: start !important;
}

/* Keep all normal hero copy/signals in the left column unless explicitly moved. */
.aifq-sr-hero > *:not(.aifq-sr-scan-button):not(.aifq-sr-scan-actions):not(.aifq-sr-hero-actions),
.aifq-sr-header > *:not(.aifq-sr-scan-button):not(.aifq-sr-scan-actions):not(.aifq-sr-hero-actions),
.aifq-sr-hero-card > *:not(.aifq-sr-scan-button):not(.aifq-sr-scan-actions):not(.aifq-sr-hero-actions) {
    grid-column: 1 !important;
    min-width: 0 !important;
}

/* Scan button/action area must stay top-right on desktop. */
.aifq-sr-hero .aifq-sr-scan-button,
.aifq-sr-header .aifq-sr-scan-button,
.aifq-sr-hero-card .aifq-sr-scan-button,
.aifq-sr-hero .aifq-sr-scan-actions,
.aifq-sr-header .aifq-sr-scan-actions,
.aifq-sr-hero-card .aifq-sr-scan-actions,
.aifq-sr-hero .aifq-sr-hero-actions,
.aifq-sr-header .aifq-sr-hero-actions,
.aifq-sr-hero-card .aifq-sr-hero-actions {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    justify-self: end !important;
    align-self: start !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    position: static !important;
}

/* If the scan form itself is the action wrapper, keep it top-right too. */
.aifq-sr-hero form,
.aifq-sr-header form,
.aifq-sr-hero-card form {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    justify-self: end !important;
    align-self: start !important;
    margin: 0 !important;
}

/* Hero text should never be squeezed into a tiny column on desktop. */
.aifq-sr-hero h1,
.aifq-sr-header h1,
.aifq-sr-hero-card h1,
.aifq-sr-hero .aifq-sr-title,
.aifq-sr-header .aifq-sr-title,
.aifq-sr-hero-card .aifq-sr-title {
    max-width: 620px !important;
}

.aifq-sr-hero p,
.aifq-sr-header p,
.aifq-sr-hero-card p {
    max-width: 760px !important;
}

/* Signals/chips stay below intro and use full left column width. */
.aifq-sr-signals,
.aifq-sr-signal-list,
.aifq-sr-signal-chips,
.aifq-sr-scan-signals,
.aifq-sr-hero-signals {
    grid-column: 1 / -1 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-top: 8px !important;
}

/* Avoid a stranded "Signals from this scan" heading on the right side. */
.aifq-sr-signals-title,
.aifq-sr-scan-signals-title,
.aifq-sr-hero-signals-title {
    grid-column: 1 / -1 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 6px 0 !important;
    text-align: left !important;
}

/* Diagnostic pill should remain below signals, not float to the right. */
.aifq-sr-disclaimer,
.aifq-sr-diagnostic-note,
.aifq-sr-diagnostic-pill {
    grid-column: 1 / -1 !important;
    justify-self: start !important;
    align-self: start !important;
    width: fit-content !important;
    max-width: 100% !important;
}

/* Scan cooldown/status notices should not participate in the top two-column hero layout. */
.aifq-sr-scan-notice,
.aifq-sr-cooldown-notice,
.aifq-sr-rate-limit-notice,
.aifq-sr-hero .notice,
.aifq-sr-header .notice,
.aifq-sr-hero-card .notice {
    grid-column: 1 / -1 !important;
    justify-self: end !important;
    margin-top: 12px !important;
    max-width: 620px !important;
    position: static !important;
}

/* If generic flex helpers were applied earlier, neutralize hero-only stretching. */
.aifq-sr-hero [style*="position:absolute"],
.aifq-sr-header [style*="position:absolute"],
.aifq-sr-hero-card [style*="position:absolute"] {
    position: static !important;
}

@media (max-width: 900px) {
    .aifq-sr-hero,
    .aifq-sr-header,
    .aifq-sr-hero-card {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .aifq-sr-hero .aifq-sr-scan-button,
    .aifq-sr-header .aifq-sr-scan-button,
    .aifq-sr-hero-card .aifq-sr-scan-button,
    .aifq-sr-hero .aifq-sr-scan-actions,
    .aifq-sr-header .aifq-sr-scan-actions,
    .aifq-sr-hero-card .aifq-sr-scan-actions,
    .aifq-sr-hero .aifq-sr-hero-actions,
    .aifq-sr-header .aifq-sr-hero-actions,
    .aifq-sr-hero-card .aifq-sr-hero-actions,
    .aifq-sr-hero form,
    .aifq-sr-header form,
    .aifq-sr-hero-card form {
        grid-column: 1 !important;
        grid-row: auto !important;
        justify-self: start !important;
    }

    .aifq-sr-signals,
    .aifq-sr-signal-list,
    .aifq-sr-signal-chips,
    .aifq-sr-scan-signals,
    .aifq-sr-hero-signals {
        grid-column: 1 !important;
    }

    .aifq-sr-scan-notice,
    .aifq-sr-cooldown-notice,
    .aifq-sr-rate-limit-notice,
    .aifq-sr-hero .notice,
    .aifq-sr-header .notice,
    .aifq-sr-hero-card .notice {
        justify-self: start !important;
        max-width: 100% !important;
    }
}


/* AIFQ Site Review 1.2.3 audit-fix additions */
.aifq-sr-copy-summary {
    margin-top: 14px;
}

.aifq-sr-copy-summary-text {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
}

.aifq-sr-score-details {
    display: none !important;
}



/* === Icon system === */
/* === AIFQ Site Review 1.2.3 — SAFE ICON REINTRODUCTION === */

/*
 * Icons are reintroduced safely.
 * The old problem happened because SVGs carried layout classes directly.
 * Now the layout classes live on a small shell span and the SVG itself only has aifq-sr-svg-small.
 */

/* Restore only the new controlled SVGs after previous rollback/hide rules. */
.aifq-sr-wrap .aifq-sr-icon-shell {
    display: inline-flex !important;
    visibility: visible !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    color: currentColor !important;
    vertical-align: -0.16em !important;
}

.aifq-sr-wrap .aifq-sr-icon-shell svg.aifq-sr-svg-small,
.aifq-sr-wrap svg.aifq-sr-svg-small {
    display: block !important;
    visibility: visible !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    object-fit: contain !important;
    vertical-align: middle !important;
    stroke: currentColor !important;
    fill: none !important;
}

/* Exact context sizes. */
.aifq-sr-wrap .aifq-sr-chip .aifq-sr-icon-shell,
.aifq-sr-wrap .aifq-sr-signal-chip .aifq-sr-icon-shell,
.aifq-sr-wrap .aifq-sr-profile-chip .aifq-sr-icon-shell,
.aifq-sr-wrap .aifq-sr-hero-chip .aifq-sr-icon-shell {
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    min-height: 15px !important;
    max-width: 15px !important;
    max-height: 15px !important;
    flex-basis: 15px !important;
}

.aifq-sr-wrap .aifq-sr-label-with-icon .aifq-sr-icon-shell,
.aifq-sr-wrap .aifq-sr-category-title .aifq-sr-icon-shell,
.aifq-sr-wrap .aifq-sr-module-card h3 .aifq-sr-icon-shell {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    flex-basis: 18px !important;
}

.aifq-sr-wrap .aifq-sr-issue-meta .aifq-sr-icon-shell,
.aifq-sr-wrap .aifq-sr-finding-meta .aifq-sr-icon-shell,
.aifq-sr-wrap .aifq-sr-icon-shell.aifq-sr-meta-icon {
    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    min-height: 13px !important;
    max-width: 13px !important;
    max-height: 13px !important;
    flex-basis: 13px !important;
}

/* Matching SVG dimensions inside each shell. */
.aifq-sr-wrap .aifq-sr-chip .aifq-sr-icon-shell svg.aifq-sr-svg-small,
.aifq-sr-wrap .aifq-sr-signal-chip .aifq-sr-icon-shell svg.aifq-sr-svg-small,
.aifq-sr-wrap .aifq-sr-profile-chip .aifq-sr-icon-shell svg.aifq-sr-svg-small,
.aifq-sr-wrap .aifq-sr-hero-chip .aifq-sr-icon-shell svg.aifq-sr-svg-small {
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    min-height: 15px !important;
    max-width: 15px !important;
    max-height: 15px !important;
}

.aifq-sr-wrap .aifq-sr-label-with-icon .aifq-sr-icon-shell svg.aifq-sr-svg-small,
.aifq-sr-wrap .aifq-sr-category-title .aifq-sr-icon-shell svg.aifq-sr-svg-small,
.aifq-sr-wrap .aifq-sr-module-card h3 .aifq-sr-icon-shell svg.aifq-sr-svg-small {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
}

.aifq-sr-wrap .aifq-sr-issue-meta .aifq-sr-icon-shell svg.aifq-sr-svg-small,
.aifq-sr-wrap .aifq-sr-finding-meta .aifq-sr-icon-shell svg.aifq-sr-svg-small,
.aifq-sr-wrap .aifq-sr-icon-shell.aifq-sr-meta-icon svg.aifq-sr-svg-small {
    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    min-height: 13px !important;
    max-width: 13px !important;
    max-height: 13px !important;
}

/* Text + icon layout. */
.aifq-sr-wrap .aifq-sr-label-with-icon {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-width: 0 !important;
    line-height: 1.25 !important;
    vertical-align: middle !important;
}

.aifq-sr-wrap .aifq-sr-chip,
.aifq-sr-wrap .aifq-sr-signal-chip,
.aifq-sr-wrap .aifq-sr-profile-chip,
.aifq-sr-wrap .aifq-sr-hero-chip {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 34px !important;
    width: auto !important;
    max-width: max-content !important;
    padding: 7px 12px !important;
    line-height: 1.15 !important;
}

.aifq-sr-wrap .aifq-sr-category-title,
.aifq-sr-wrap .aifq-sr-module-card h3,
.aifq-sr-wrap .aifq-sr-mini-score-top span {
    min-width: 0 !important;
}

/* Detail rows stay compact. */
.aifq-sr-wrap .aifq-sr-issue-title,
.aifq-sr-wrap .aifq-sr-finding-head,
.aifq-sr-wrap .aifq-sr-issue-title.aifq-sr-finding-head {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
}

.aifq-sr-wrap .aifq-sr-issue-meta,
.aifq-sr-wrap .aifq-sr-finding-meta,
.aifq-sr-wrap .aifq-sr-issue-meta.aifq-sr-finding-meta {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
}

/* Final hard guard: no AIFQ Site Review SVG is allowed to exceed 18px. */
.aifq-sr-wrap svg.aifq-sr-svg-small {
    max-width: 18px !important;
    max-height: 18px !important;
}

/* Mobile: slightly smaller category/title icons. */
@media (max-width: 782px) {
    .aifq-sr-wrap .aifq-sr-label-with-icon .aifq-sr-icon-shell,
    .aifq-sr-wrap .aifq-sr-category-title .aifq-sr-icon-shell,
    .aifq-sr-wrap .aifq-sr-module-card h3 .aifq-sr-icon-shell {
        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
        min-height: 16px !important;
        max-width: 16px !important;
        max-height: 16px !important;
        flex-basis: 16px !important;
    }

    .aifq-sr-wrap .aifq-sr-label-with-icon .aifq-sr-icon-shell svg.aifq-sr-svg-small,
    .aifq-sr-wrap .aifq-sr-category-title .aifq-sr-icon-shell svg.aifq-sr-svg-small,
    .aifq-sr-wrap .aifq-sr-module-card h3 .aifq-sr-icon-shell svg.aifq-sr-svg-small {
        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
        min-height: 16px !important;
        max-width: 16px !important;
        max-height: 16px !important;
    }
}


/* === AIFQ Site Review 1.2.3 — CATEGORY CARD ICON POLISH === */

/* Keep the four top category summary cards compact, but with visible icons. */
.aifq-sr-wrap .aifq-sr-module-card h3 {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    margin: 0 0 9px 0 !important;
    line-height: 1.2 !important;
    font-size: 18px !important;
    letter-spacing: -0.025em !important;
    color: #0f172a !important;
}

.aifq-sr-wrap .aifq-sr-module-card h3 .aifq-sr-label-with-icon {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    line-height: 1.2 !important;
}

.aifq-sr-wrap .aifq-sr-module-card h3 .aifq-sr-icon-shell,
.aifq-sr-wrap .aifq-sr-module-card h3 .aifq-sr-icon-shell svg.aifq-sr-svg-small {
    display: inline-flex !important;
    visibility: visible !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    flex: 0 0 18px !important;
    line-height: 1 !important;
    overflow: hidden !important;
}

/* The status label in the four category summary cards must remain a small badge. */
.aifq-sr-wrap .aifq-sr-module-card .aifq-sr-module-score {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: max-content !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex: 0 0 auto !important;
    padding: 5px 10px !important;
    margin: 0 0 10px 0 !important;
    border-radius: 999px !important;
    line-height: 1.2 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    background: rgba(248, 250, 252, 0.92) !important;
    border: 1px solid rgba(226, 232, 240, 0.95) !important;
    box-shadow: none !important;
    white-space: normal !important;
}

.aifq-sr-wrap .aifq-sr-module-card .aifq-sr-module-muted {
    font-size: 13px !important;
    line-height: 1.45 !important;
}

/* Copy summary: keep the button readable in filled and disabled states. */
.aifq-sr-wrap .aifq-sr-copy-summary-button,
.aifq-sr-wrap button.aifq-sr-copy-summary-button,
.aifq-sr-wrap .button.aifq-sr-copy-summary-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: max-content !important;
    min-width: 132px !important;
    min-height: 40px !important;
    padding: 9px 16px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(79, 70, 229, 0.95) !important;
    background: linear-gradient(135deg, #4f46e5, #2563eb) !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    text-shadow: none !important;
    box-shadow: 0 12px 24px rgba(37, 99, 235, 0.18) !important;
    opacity: 1 !important;
}

.aifq-sr-wrap .aifq-sr-copy-summary-button:hover,
.aifq-sr-wrap button.aifq-sr-copy-summary-button:hover,
.aifq-sr-wrap .button.aifq-sr-copy-summary-button:hover,
.aifq-sr-wrap .aifq-sr-copy-summary-button:focus,
.aifq-sr-wrap button.aifq-sr-copy-summary-button:focus,
.aifq-sr-wrap .button.aifq-sr-copy-summary-button:focus {
    color: #ffffff !important;
    background: linear-gradient(135deg, #4338ca, #1d4ed8) !important;
    border-color: rgba(67, 56, 202, 1) !important;
}

.aifq-sr-wrap .aifq-sr-copy-summary-button:disabled,
.aifq-sr-wrap button.aifq-sr-copy-summary-button:disabled,
.aifq-sr-wrap .button.aifq-sr-copy-summary-button:disabled {
    color: #ffffff !important;
    opacity: 0.9 !important;
}

@media (max-width: 782px) {
    .aifq-sr-wrap .aifq-sr-module-card h3 {
        font-size: 16px !important;
        gap: 7px !important;
    }

    .aifq-sr-wrap .aifq-sr-module-card h3 .aifq-sr-icon-shell,
    .aifq-sr-wrap .aifq-sr-module-card h3 .aifq-sr-icon-shell svg.aifq-sr-svg-small {
        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
        min-height: 16px !important;
        max-width: 16px !important;
        max-height: 16px !important;
        flex-basis: 16px !important;
    }
}


/* === AIFQ Site Review 1.2.3 — CATEGORY CARD STATUS BADGE HARD CLAMP ===
   The previous fallback rule targeted `.aifq-sr-module-card > *` and could make
   the status label behave like a full row/card. Keep icons, but force the four
   summary cards back to a normal text stack with a compact status pill.
*/
body.wp-admin .aifq-sr-wrap .aifq-sr-module-card {
    display: block !important;
    min-height: 148px !important;
    padding: 22px 24px !important;
    overflow: hidden !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-module-card > h3 {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-height: 0 !important;
    height: auto !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 0 12px 0 !important;
    line-height: 1.2 !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-module-card > h3 .aifq-sr-label-with-icon {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-height: 0 !important;
    height: auto !important;
    width: auto !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-module-card > h3 .aifq-sr-icon-shell,
body.wp-admin .aifq-sr-wrap .aifq-sr-module-card > h3 .aifq-sr-icon-shell svg.aifq-sr-svg-small {
    display: inline-flex !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    flex: 0 0 18px !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-module-card > .aifq-sr-module-score {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: flex-start !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: max-content !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 32px !important;
    padding: 5px 10px !important;
    margin: 0 0 13px 0 !important;
    border-radius: 999px !important;
    line-height: 1.15 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
    background: rgba(248, 250, 252, 0.94) !important;
    border: 1px solid rgba(226, 232, 240, 0.95) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-module-card > .aifq-sr-module-muted {
    display: block !important;
    flex: none !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.45 !important;
    font-size: 13px !important;
}

@media (max-width: 782px) {
    body.wp-admin .aifq-sr-wrap .aifq-sr-module-card {
        min-height: 0 !important;
        padding: 18px 20px !important;
    }

    body.wp-admin .aifq-sr-wrap .aifq-sr-module-card > h3 .aifq-sr-icon-shell,
    body.wp-admin .aifq-sr-wrap .aifq-sr-module-card > h3 .aifq-sr-icon-shell svg.aifq-sr-svg-small {
        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
        min-height: 16px !important;
        max-width: 16px !important;
        max-height: 16px !important;
        flex-basis: 16px !important;
    }
}



/* Meta separator: used between issue meta items */
.aifq-sr-meta-separator {
    color: #94a3b8;
    margin: 0 0.15rem;
}

/* === Color system, layout hotfix, icon alignment, hero === */
/* === AIFQ Site Review 1.2.3 — PREMIUM COLOR SYSTEM POLISH ===
   Goal: lock AIFQ Site Review into a calm premium SaaS identity.
   This is visual-only: no scan logic or scoring logic changes.
*/

:root {
    /* Brand */
    --wpi-brand: #4f46e5;
    --wpi-brand-strong: #4338ca;
    --wpi-brand-blue: #2563eb;
    --wpi-brand-soft: #eef2ff;

    /* Ink */
    --wpi-ink-title: #0f172a;
    --wpi-ink-body: #334155;
    --wpi-ink-muted: #64748b;

    /* Surface */
    --wpi-canvas: #f8fafc;
    --wpi-canvas-soft: #f1f5f9;
    --wpi-surface: #ffffff;
    --wpi-border-soft: rgba(15, 23, 42, 0.075);
    --wpi-border-medium: rgba(100, 116, 139, 0.22);
    --wpi-shadow-premium: 0 16px 36px rgba(15, 23, 42, 0.065), 0 1px 2px rgba(15, 23, 42, 0.04);
    --wpi-shadow-subtle: 0 8px 20px rgba(15, 23, 42, 0.05);

    /* Status tints */
    --wpi-high-bg: #fff7ed;
    --wpi-high-text: #c2410c;
    --wpi-high-border: rgba(194, 65, 12, 0.24);

    --wpi-medium-bg: #fef9c3;
    --wpi-medium-text: #854d0e;
    --wpi-medium-border: rgba(133, 77, 14, 0.24);

    --wpi-good-bg: #f0fdf4;
    --wpi-good-text: #15803d;
    --wpi-good-border: rgba(21, 128, 61, 0.22);

    --wpi-low-bg: #f1f5f9;
    --wpi-low-text: #334155;
    --wpi-low-border: rgba(100, 116, 139, 0.24);

    --wpi-opportunity-bg: #f0fdfa;
    --wpi-opportunity-text: #0f766e;
    --wpi-opportunity-border: rgba(15, 118, 110, 0.22);
}

/* Canvas: premium but still native-admin friendly. Scoped to the AIFQ Site Review page only. */
body.wp-admin.toplevel_page_aifq-sr,
body.wp-admin.toplevel_page_aifq-sr #wpcontent {
    background:
        radial-gradient(circle at 8% -6%, rgba(79, 70, 229, 0.075), transparent 30rem),
        radial-gradient(circle at 100% 0%, rgba(37, 99, 235, 0.07), transparent 28rem),
        linear-gradient(180deg, var(--wpi-canvas) 0%, var(--wpi-canvas-soft) 100%) !important;
}

/* Typography: no raw black, better editorial feel. */
.aifq-sr-wrap,
.aifq-sr-wrap p,
.aifq-sr-wrap li,
.aifq-sr-wrap td,
.aifq-sr-wrap .aifq-sr-module-muted,
.aifq-sr-wrap .aifq-sr-issue-preview,
.aifq-sr-wrap .aifq-sr-suggestion-text {
    color: var(--wpi-ink-body) !important;
}

.aifq-sr-wrap h1,
.aifq-sr-wrap h2,
.aifq-sr-wrap h3,
.aifq-sr-wrap h4,
.aifq-sr-wrap strong,
.aifq-sr-wrap .aifq-sr-score-number,
.aifq-sr-wrap .aifq-sr-score-status,
.aifq-sr-wrap .aifq-sr-category-title,
.aifq-sr-wrap .aifq-sr-finding-head strong,
.aifq-sr-wrap .aifq-sr-issue-title strong {
    color: var(--wpi-ink-title) !important;
    letter-spacing: -0.025em;
}

.aifq-sr-wrap .aifq-sr-muted,
.aifq-sr-wrap .aifq-sr-calm-note,
.aifq-sr-wrap .aifq-sr-issue-meta,
.aifq-sr-wrap .aifq-sr-finding-meta,
.aifq-sr-wrap .aifq-sr-category-subtitle,
.aifq-sr-wrap .aifq-sr-meta,
.aifq-sr-wrap small {
    color: var(--wpi-ink-muted) !important;
}

/* Surfaces: white cards on soft canvas, no heavy WP borders. */
.aifq-sr-wrap .aifq-sr-hero,
.aifq-sr-wrap .aifq-sr-card,
.aifq-sr-wrap .aifq-sr-score-card,
.aifq-sr-wrap .aifq-sr-status-card,
.aifq-sr-wrap .aifq-sr-module-card,
.aifq-sr-wrap .aifq-sr-category-card,
.aifq-sr-wrap .aifq-sr-category-card-integrated,
.aifq-sr-wrap .aifq-sr-panel,
.aifq-sr-wrap .aifq-sr-section,
.aifq-sr-wrap .aifq-sr-welcome,
.aifq-sr-wrap .aifq-sr-good-card,
.aifq-sr-wrap .aifq-sr-suggestions-card,
.aifq-sr-wrap .aifq-sr-actions-card,
.aifq-sr-wrap .aifq-sr-info-card {
    background: rgba(255, 255, 255, 0.96) !important;
    border-color: var(--wpi-border-soft) !important;
    box-shadow: var(--wpi-shadow-premium) !important;
}

.aifq-sr-wrap .aifq-sr-hero {
    background:
        radial-gradient(circle at 92% 8%, rgba(79, 70, 229, 0.13), transparent 25rem),
        radial-gradient(circle at 18% 105%, rgba(15, 118, 110, 0.055), transparent 24rem),
        linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(248, 250, 252, 0.90)) !important;
}

/* Brand actions and links: not WordPress admin blue. */
.aifq-sr-wrap a,
.aifq-sr-wrap .aifq-sr-inline-details-toggle,
.aifq-sr-wrap .aifq-sr-more-details,
.aifq-sr-wrap .aifq-sr-detail-toggle-inline,
.aifq-sr-wrap .aifq-sr-inline-link {
    color: var(--wpi-brand) !important;
}

.aifq-sr-wrap .aifq-sr-hero .button,
.aifq-sr-wrap .aifq-sr-hero input[type="submit"],
.aifq-sr-wrap #aifq-sr-scan-form input[type="submit"],
.aifq-sr-wrap #aifq-sr-scan-form button,
.aifq-sr-wrap .aifq-sr-copy-summary-button,
.aifq-sr-wrap button.aifq-sr-copy-summary-button,
.aifq-sr-wrap .button.aifq-sr-copy-summary-button,
.aifq-sr-wrap .button-primary {
    background: linear-gradient(135deg, var(--wpi-brand), var(--wpi-brand-blue)) !important;
    border-color: transparent !important;
    color: #ffffff !important;
    box-shadow: 0 14px 28px rgba(79, 70, 229, 0.24) !important;
}

.aifq-sr-wrap .aifq-sr-hero .button:hover,
.aifq-sr-wrap .aifq-sr-hero input[type="submit"]:hover,
.aifq-sr-wrap #aifq-sr-scan-form input[type="submit"]:hover,
.aifq-sr-wrap #aifq-sr-scan-form button:hover,
.aifq-sr-wrap .aifq-sr-copy-summary-button:hover,
.aifq-sr-wrap button.aifq-sr-copy-summary-button:hover,
.aifq-sr-wrap .button.aifq-sr-copy-summary-button:hover,
.aifq-sr-wrap .button-primary:hover {
    background: linear-gradient(135deg, var(--wpi-brand-strong), #1d4ed8) !important;
    color: #ffffff !important;
}

/* High / medium / low severity cards and badges. */
.aifq-sr-wrap .aifq-sr-badge.high,
.aifq-sr-wrap .aifq-sr-severity.high,
.aifq-sr-wrap .aifq-sr-severity-badge.high {
    background: var(--wpi-high-bg) !important;
    color: var(--wpi-high-text) !important;
    border-color: var(--wpi-high-border) !important;
}

.aifq-sr-wrap .aifq-sr-badge.medium,
.aifq-sr-wrap .aifq-sr-severity.medium,
.aifq-sr-wrap .aifq-sr-severity-badge.medium {
    background: var(--wpi-medium-bg) !important;
    color: var(--wpi-medium-text) !important;
    border-color: var(--wpi-medium-border) !important;
}

.aifq-sr-wrap .aifq-sr-badge.low,
.aifq-sr-wrap .aifq-sr-severity.low,
.aifq-sr-wrap .aifq-sr-severity-badge.low {
    background: var(--wpi-low-bg) !important;
    color: var(--wpi-low-text) !important;
    border-color: var(--wpi-low-border) !important;
}

.aifq-sr-wrap .aifq-sr-badge-opportunity,
.aifq-sr-wrap .aifq-sr-badge.opportunity,
.aifq-sr-wrap .aifq-sr-opportunity-count-pill {
    background: var(--wpi-opportunity-bg) !important;
    color: var(--wpi-opportunity-text) !important;
    border-color: var(--wpi-opportunity-border) !important;
}

/* Severity dots and score status dots: calm warning system. */
.aifq-sr-wrap .aifq-sr-severity-dot.high,
.aifq-sr-wrap .aifq-sr-status-dot.bad,
.aifq-sr-wrap .aifq-sr-flat-finding-high::before,
.aifq-sr-wrap .aifq-sr-issue.high::before,
.aifq-sr-wrap .aifq-sr-issue-card[data-severity="high"]::before {
    background: var(--wpi-high-text) !important;
}

.aifq-sr-wrap .aifq-sr-severity-dot.medium,
.aifq-sr-wrap .aifq-sr-status-dot.warn,
.aifq-sr-wrap .aifq-sr-flat-finding-medium::before,
.aifq-sr-wrap .aifq-sr-issue.medium::before,
.aifq-sr-wrap .aifq-sr-issue-card[data-severity="medium"]::before {
    background: var(--wpi-medium-text) !important;
}

.aifq-sr-wrap .aifq-sr-severity-dot.low,
.aifq-sr-wrap .aifq-sr-flat-finding-low::before,
.aifq-sr-wrap .aifq-sr-issue.low::before {
    background: #64748b !important;
}

.aifq-sr-wrap .aifq-sr-status-dot.good,
.aifq-sr-wrap .aifq-sr-confidence.high .aifq-sr-confidence-dot,
.aifq-sr-wrap .aifq-sr-good,
.aifq-sr-wrap .aifq-sr-plain-list li::before {
    color: var(--wpi-good-text) !important;
    background-color: var(--wpi-good-text) !important;
}

.aifq-sr-wrap .aifq-sr-confidence.medium .aifq-sr-confidence-dot {
    background: #facc15 !important;
}

.aifq-sr-wrap .aifq-sr-confidence.low .aifq-sr-confidence-dot {
    background: #64748b !important;
}

/* Looks good / success surfaces. */
.aifq-sr-wrap .aifq-sr-good-box,
.aifq-sr-wrap .aifq-sr-success-box,
.aifq-sr-wrap .aifq-sr-good-summary,
.aifq-sr-wrap .aifq-sr-good-compact,
.aifq-sr-wrap .aifq-sr-pass-box,
.aifq-sr-wrap .aifq-sr-success {
    background: var(--wpi-good-bg) !important;
    color: var(--wpi-good-text) !important;
    border-color: var(--wpi-good-border) !important;
}

.aifq-sr-wrap .aifq-sr-good-box *,
.aifq-sr-wrap .aifq-sr-success-box *,
.aifq-sr-wrap .aifq-sr-good-summary *,
.aifq-sr-wrap .aifq-sr-good-compact *,
.aifq-sr-wrap .aifq-sr-success * {
    color: inherit !important;
}

/* Detail panels and context blocks should use brand tint, not harsh blue. */
.aifq-sr-wrap .aifq-sr-context,
.aifq-sr-wrap .aifq-sr-status-box,
.aifq-sr-wrap .aifq-sr-detail,
.aifq-sr-wrap .aifq-sr-issue-detail,
.aifq-sr-wrap .aifq-sr-inline-detail,
.aifq-sr-wrap .aifq-sr-expanded-content {
    background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
    border-color: rgba(79, 70, 229, 0.16) !important;
    border-left-color: var(--wpi-brand) !important;
}

/* Chips, stats and secondary controls. */
.aifq-sr-wrap .aifq-sr-chip,
.aifq-sr-wrap .aifq-sr-stat,
.aifq-sr-wrap .aifq-sr-summary-pill,
.aifq-sr-wrap .aifq-sr-pill,
.aifq-sr-wrap .aifq-sr-inline-link,
.aifq-sr-wrap .aifq-sr-more,
.aifq-sr-wrap .aifq-sr-toggle,
.aifq-sr-wrap .aifq-sr-details-toggle,
.aifq-sr-wrap .aifq-sr-accordion-button {
    background: rgba(255, 255, 255, 0.82) !important;
    border-color: var(--wpi-border-medium) !important;
    color: var(--wpi-ink-body) !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.035) !important;
}

.aifq-sr-wrap .aifq-sr-inline-details-toggle,
.aifq-sr-wrap .aifq-sr-more-details {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--wpi-brand) !important;
}

/* Module/category cards: calm status pills. */
body.wp-admin .aifq-sr-wrap .aifq-sr-module-card > .aifq-sr-module-score,
.aifq-sr-wrap .aifq-sr-module-card .aifq-sr-status-badge {
    background: var(--wpi-low-bg) !important;
    border-color: var(--wpi-low-border) !important;
    color: var(--wpi-ink-body) !important;
}

/* Score level badges: stable data-attribute selectors (replaced fragile [style*="#hex"] in 1.2.3). */
body.wp-admin .aifq-sr-wrap .aifq-sr-module-card > .aifq-sr-module-score[data-score-level="bad"] {
    background: var(--wpi-high-bg) !important;
    border-color: var(--wpi-high-border) !important;
    color: var(--wpi-high-text) !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-module-card > .aifq-sr-module-score[data-score-level="warn"] {
    background: var(--wpi-medium-bg) !important;
    border-color: var(--wpi-medium-border) !important;
    color: var(--wpi-medium-text) !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-module-card > .aifq-sr-module-score[data-score-level="good"] {
    background: var(--wpi-good-bg) !important;
    border-color: var(--wpi-good-border) !important;
    color: var(--wpi-good-text) !important;
}

/* Progress tracks keep soft slate backgrounds; fill colors now come from score_color(). */
.aifq-sr-wrap .aifq-sr-mini-bar,
.aifq-sr-wrap .aifq-sr-bar,
.aifq-sr-wrap .aifq-sr-progress,
.aifq-sr-wrap .aifq-sr-score-bar {
    background: #e2e8f0 !important;
}

/* Category edge accents: keep orientation but calm the saturation. */
.aifq-sr-wrap .aifq-sr-module-card:nth-child(1)::before {
    background: linear-gradient(180deg, var(--wpi-high-text), #f97316) !important;
}
.aifq-sr-wrap .aifq-sr-module-card:nth-child(2)::before {
    background: linear-gradient(180deg, var(--wpi-brand), #0f766e) !important;
}
.aifq-sr-wrap .aifq-sr-module-card:nth-child(3)::before {
    background: linear-gradient(180deg, var(--wpi-medium-text), #0f766e) !important;
}
.aifq-sr-wrap .aifq-sr-module-card:nth-child(4)::before {
    background: linear-gradient(180deg, var(--wpi-good-text), #0f766e) !important;
}

/* SVG/icon color inherits slate unless placed inside a status component. */
.aifq-sr-wrap .aifq-sr-icon-shell,
.aifq-sr-wrap svg.aifq-sr-svg-small {
    color: var(--wpi-ink-muted) !important;
}

.aifq-sr-wrap .aifq-sr-good-card .aifq-sr-icon-shell,
.aifq-sr-wrap .aifq-sr-info-card .aifq-sr-icon-shell,
.aifq-sr-wrap .aifq-sr-plain-list .aifq-sr-icon-shell {
    color: var(--wpi-good-text) !important;
}

/* === AIFQ Site Review 1.2.3 — COLOR SYSTEM REGRESSION CLEANUP ===
   Visual-only fix after the premium color pass:
   - keep green checkmarks as checkmarks, not blocks;
   - keep inline success text as text, not a filled bar;
   - keep medium severity accents warm amber instead of muddy brown.
*/

/* Inline success text must remain text. Filled backgrounds belong only to boxes. */
.aifq-sr-wrap .aifq-sr-good {
    color: var(--wpi-good-text) !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.aifq-sr-wrap .aifq-sr-potential .aifq-sr-good {
    display: block !important;
    margin-top: 3px !important;
    color: var(--wpi-good-text) !important;
    background: transparent !important;
    background-color: transparent !important;
    font-weight: 850 !important;
    line-height: 1.25 !important;
}

/* About/privacy list checks: no filled square, just a calm green check. */
.aifq-sr-wrap .aifq-sr-plain-list li::before {
    content: "✓" !important;
    display: inline-block !important;
    position: absolute !important;
    left: 0 !important;
    top: 8px !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
    color: var(--wpi-good-text) !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-weight: 900 !important;
}

/* Box-style success surfaces keep their calm green tint. */
.aifq-sr-wrap .aifq-sr-good-box,
.aifq-sr-wrap .aifq-sr-success-box,
.aifq-sr-wrap .aifq-sr-good-summary,
.aifq-sr-wrap .aifq-sr-good-compact,
.aifq-sr-wrap .aifq-sr-pass-box,
.aifq-sr-wrap .aifq-sr-success {
    background: var(--wpi-good-bg) !important;
    color: var(--wpi-good-text) !important;
    border-color: var(--wpi-good-border) !important;
}

/* Medium attention accents should read as warm amber, not dark brown rails/dots. */
.aifq-sr-wrap .aifq-sr-severity-dot.medium,
.aifq-sr-wrap .aifq-sr-flat-finding-medium::before,
.aifq-sr-wrap .aifq-sr-issue.medium::before,
.aifq-sr-wrap .aifq-sr-issue-card[data-severity="medium"]::before {
    background: #f59e0b !important;
    background-color: #f59e0b !important;
}

.aifq-sr-wrap .aifq-sr-badge.medium,
.aifq-sr-wrap .aifq-sr-severity.medium,
.aifq-sr-wrap .aifq-sr-severity-badge.medium {
    background: var(--wpi-medium-bg) !important;
    color: var(--wpi-medium-text) !important;
    border-color: rgba(245, 158, 11, 0.36) !important;
}

/* High priority should stay warm/serious without becoming aggressive red. */
.aifq-sr-wrap .aifq-sr-severity-dot.high,
.aifq-sr-wrap .aifq-sr-status-dot.bad,
.aifq-sr-wrap .aifq-sr-flat-finding-high::before,
.aifq-sr-wrap .aifq-sr-issue.high::before,
.aifq-sr-wrap .aifq-sr-issue-card[data-severity="high"]::before {
    background: #ea580c !important;
    background-color: #ea580c !important;
}

.aifq-sr-wrap .aifq-sr-badge.high,
.aifq-sr-wrap .aifq-sr-severity.high,
.aifq-sr-wrap .aifq-sr-severity-badge.high {
    background: var(--wpi-high-bg) !important;
    color: var(--wpi-high-text) !important;
    border-color: rgba(234, 88, 12, 0.30) !important;
}


/* === AIFQ Site Review 1.2.3 — Runtime layout hotfix ===
   Fixes two regressions after 1.2.3:
   - Top opportunities inherited the global two-column .aifq-sr-list li grid and collapsed text.
   - Looks good expanded checks inherited the same list/grid behavior and an auto-width details wrapper.
*/

/* Top opportunities: keep the side card compact, but make each item normal readable text. */
.aifq-sr-wrap .aifq-sr-suggestion-card,
.aifq-sr-wrap .aifq-sr-suggestions-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 360px !important;
    box-sizing: border-box !important;
}

.aifq-sr-wrap .aifq-sr-suggestion-card .aifq-sr-suggestion-list,
.aifq-sr-wrap .aifq-sr-suggestion-card .aifq-sr-list,
.aifq-sr-wrap .aifq-sr-suggestions-card .aifq-sr-suggestion-list,
.aifq-sr-wrap .aifq-sr-suggestions-card .aifq-sr-list {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 14px 0 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.aifq-sr-wrap .aifq-sr-suggestion-card .aifq-sr-suggestion-list li,
.aifq-sr-wrap .aifq-sr-suggestion-card .aifq-sr-list li,
.aifq-sr-wrap .aifq-sr-suggestions-card .aifq-sr-suggestion-list li,
.aifq-sr-wrap .aifq-sr-suggestions-card .aifq-sr-list li {
    display: block !important;
    grid-template-columns: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 14px 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid #e6edf5 !important;
    box-sizing: border-box !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

.aifq-sr-wrap .aifq-sr-suggestion-card .aifq-sr-suggestion-list li:last-child,
.aifq-sr-wrap .aifq-sr-suggestion-card .aifq-sr-list li:last-child,
.aifq-sr-wrap .aifq-sr-suggestions-card .aifq-sr-suggestion-list li:last-child,
.aifq-sr-wrap .aifq-sr-suggestions-card .aifq-sr-list li:last-child {
    border-bottom: 0 !important;
}

.aifq-sr-wrap .aifq-sr-suggestion-card .aifq-sr-suggestion-list li > *,
.aifq-sr-wrap .aifq-sr-suggestion-card .aifq-sr-list li > *,
.aifq-sr-wrap .aifq-sr-suggestions-card .aifq-sr-suggestion-list li > *,
.aifq-sr-wrap .aifq-sr-suggestions-card .aifq-sr-list li > * {
    grid-column: auto !important;
}

.aifq-sr-wrap .aifq-sr-suggestion-card .aifq-sr-suggestion-list strong,
.aifq-sr-wrap .aifq-sr-suggestion-card .aifq-sr-list strong,
.aifq-sr-wrap .aifq-sr-suggestions-card .aifq-sr-suggestion-list strong,
.aifq-sr-wrap .aifq-sr-suggestions-card .aifq-sr-list strong {
    display: block !important;
    max-width: 100% !important;
    margin: 0 0 4px 0 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    line-height: 1.35 !important;
}

.aifq-sr-wrap .aifq-sr-suggestion-card .aifq-sr-suggestion-list .aifq-sr-muted,
.aifq-sr-wrap .aifq-sr-suggestion-card .aifq-sr-list .aifq-sr-muted,
.aifq-sr-wrap .aifq-sr-suggestions-card .aifq-sr-suggestion-list .aifq-sr-muted,
.aifq-sr-wrap .aifq-sr-suggestions-card .aifq-sr-list .aifq-sr-muted {
    display: block !important;
    max-width: 100% !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    line-height: 1.45 !important;
}

/* Looks good: opened passed-check panel should use a normal content width. */
.aifq-sr-wrap .aifq-sr-good-card .aifq-sr-detail,
.aifq-sr-wrap .aifq-sr-good-card details.aifq-sr-detail {
    display: block !important;
    width: 100% !important;
    max-width: 620px !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.aifq-sr-wrap .aifq-sr-good-card .aifq-sr-detail[open],
.aifq-sr-wrap .aifq-sr-good-card details.aifq-sr-detail[open] {
    display: block !important;
    width: 100% !important;
    max-width: 620px !important;
}

.aifq-sr-wrap .aifq-sr-good-card .aifq-sr-detail summary {
    width: auto !important;
    max-width: 100% !important;
}

.aifq-sr-wrap .aifq-sr-good-card .aifq-sr-detail[open] summary {
    width: 100% !important;
}

.aifq-sr-wrap .aifq-sr-good-card .aifq-sr-detail-content {
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

.aifq-sr-wrap .aifq-sr-good-card .aifq-sr-detail-content .aifq-sr-list {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.aifq-sr-wrap .aifq-sr-good-card .aifq-sr-detail-content .aifq-sr-list li {
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr) !important;
    gap: 4px 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 14px 0 !important;
    border-bottom: 1px solid #e6edf5 !important;
    box-sizing: border-box !important;
}

.aifq-sr-wrap .aifq-sr-good-card .aifq-sr-detail-content .aifq-sr-list li::before {
    content: "✓" !important;
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    align-self: start !important;
    justify-self: start !important;
    position: static !important;
    width: 16px !important;
    height: 16px !important;
    line-height: 16px !important;
    margin-top: 1px !important;
    color: var(--wpi-good-text, #15803d) !important;
    background: transparent !important;
    border: 0 !important;
    font-weight: 900 !important;
    font-size: 14px !important;
}

.aifq-sr-wrap .aifq-sr-good-card .aifq-sr-detail-content .aifq-sr-list li > strong,
.aifq-sr-wrap .aifq-sr-good-card .aifq-sr-detail-content .aifq-sr-list li > .aifq-sr-muted {
    grid-column: 2 !important;
    display: block !important;
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

.aifq-sr-wrap .aifq-sr-good-card .aifq-sr-detail-content .aifq-sr-list li > br {
    display: none !important;
}

@media (max-width: 1000px) {
    .aifq-sr-wrap .aifq-sr-suggestion-card,
    .aifq-sr-wrap .aifq-sr-suggestions-card,
    .aifq-sr-wrap .aifq-sr-good-card .aifq-sr-detail,
    .aifq-sr-wrap .aifq-sr-good-card details.aifq-sr-detail {
        max-width: 100% !important;
    }
}

/* === AIFQ Site Review 1.2.3 — WordPress.org release cleanup ===
   Move helper SVG sizing out of inline styles so safe_ui_html() does not need a style allowlist. */
.aifq-sr-wrap .aifq-sr-icon-shell {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    line-height: 1 !important;
    flex: 0 0 16px !important;
    overflow: hidden !important;
}

.aifq-sr-wrap svg.aifq-sr-svg-small {
    display: block !important;
    visibility: visible !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.aifq-sr-wrap .aifq-sr-chip .aifq-sr-icon-shell,
.aifq-sr-wrap .aifq-sr-chip svg.aifq-sr-svg-small,
.aifq-sr-wrap .aifq-sr-profile .aifq-sr-icon-shell,
.aifq-sr-wrap .aifq-sr-profile svg.aifq-sr-svg-small {
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    min-height: 15px !important;
    max-width: 15px !important;
    max-height: 15px !important;
    flex-basis: 15px !important;
}

.aifq-sr-wrap .aifq-sr-category-title .aifq-sr-icon-shell,
.aifq-sr-wrap .aifq-sr-category-title svg.aifq-sr-svg-small,
.aifq-sr-wrap .aifq-sr-module-card h3 .aifq-sr-icon-shell,
.aifq-sr-wrap .aifq-sr-module-card h3 svg.aifq-sr-svg-small {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    flex-basis: 18px !important;
}

.aifq-sr-wrap .aifq-sr-issue-meta .aifq-sr-icon-shell,
.aifq-sr-wrap .aifq-sr-issue-meta svg.aifq-sr-svg-small,
.aifq-sr-wrap .aifq-sr-finding-meta .aifq-sr-icon-shell,
.aifq-sr-wrap .aifq-sr-finding-meta svg.aifq-sr-svg-small,
.aifq-sr-wrap .aifq-sr-meta-icon,
.aifq-sr-wrap .aifq-sr-meta-icon svg.aifq-sr-svg-small {
    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    min-height: 13px !important;
    max-width: 13px !important;
    max-height: 13px !important;
    flex-basis: 13px !important;
}


/* === AIFQ Site Review 1.2.3 — Icon rendering and Looks Good consistency ===
   Keep the safe icon reintroduction, but remove clipping and normalize small inline SVGs.
   This prevents partial/broken-looking icons in chips, mini score rows and category cards. */
.aifq-sr-wrap .aifq-sr-icon-shell,
.aifq-sr-wrap .aifq-sr-icon-shell svg.aifq-sr-svg-small,
.aifq-sr-wrap svg.aifq-sr-svg-small {
    overflow: visible !important;
}

.aifq-sr-wrap .aifq-sr-icon-shell svg.aifq-sr-svg-small {
    stroke: currentColor !important;
    stroke-width: 2.05 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    fill: none !important;
    shape-rendering: geometricPrecision;
}

.aifq-sr-wrap .aifq-sr-chip .aifq-sr-icon-shell,
.aifq-sr-wrap .aifq-sr-chip svg.aifq-sr-svg-small,
.aifq-sr-wrap .aifq-sr-profile .aifq-sr-icon-shell,
.aifq-sr-wrap .aifq-sr-profile svg.aifq-sr-svg-small {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    flex-basis: 16px !important;
}

.aifq-sr-wrap .aifq-sr-category-title .aifq-sr-icon-shell,
.aifq-sr-wrap .aifq-sr-category-title svg.aifq-sr-svg-small,
.aifq-sr-wrap .aifq-sr-module-card h3 .aifq-sr-icon-shell,
.aifq-sr-wrap .aifq-sr-module-card h3 svg.aifq-sr-svg-small {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    flex-basis: 18px !important;
}

.aifq-sr-wrap .aifq-sr-good-card .aifq-sr-detail-content .aifq-sr-list {
    list-style: none !important;
}

.aifq-sr-wrap .aifq-sr-good-card .aifq-sr-detail-content .aifq-sr-list li:last-child {
    border-bottom: 0 !important;
}

/* === AIFQ Site Review 1.2.3 — Icon alignment polish ===
   Visual-only override. Keeps all controlled AIFQ Site Review SVG icons small,
   centered and context-sized without touching scan logic or layout flow. */

body.wp-admin .aifq-sr-wrap .aifq-sr-icon-shell,
body.wp-admin .aifq-sr-wrap svg.aifq-sr-svg-small {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    top: 0 !important;
    transform: none !important;
    vertical-align: middle !important;
    overflow: visible !important;
}

body.wp-admin .aifq-sr-wrap svg.aifq-sr-svg-small {
    display: block !important;
    stroke: currentColor !important;
    stroke-width: 2.05 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    fill: none !important;
    flex: 0 0 auto !important;
}

/* Signal chips: icon and label must sit on one clean center line. */
body.wp-admin .aifq-sr-wrap .aifq-sr-profile,
body.wp-admin .aifq-sr-wrap .aifq-sr-chip,
body.wp-admin .aifq-sr-wrap .aifq-sr-signal-chip,
body.wp-admin .aifq-sr-wrap .aifq-sr-profile-chip,
body.wp-admin .aifq-sr-wrap .aifq-sr-hero-chip {
    align-items: center !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-chip,
body.wp-admin .aifq-sr-wrap .aifq-sr-signal-chip,
body.wp-admin .aifq-sr-wrap .aifq-sr-profile-chip,
body.wp-admin .aifq-sr-wrap .aifq-sr-hero-chip {
    display: inline-flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    gap: 8px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-chip > .aifq-sr-icon-shell,
body.wp-admin .aifq-sr-wrap .aifq-sr-signal-chip > .aifq-sr-icon-shell,
body.wp-admin .aifq-sr-wrap .aifq-sr-profile-chip > .aifq-sr-icon-shell,
body.wp-admin .aifq-sr-wrap .aifq-sr-hero-chip > .aifq-sr-icon-shell,
body.wp-admin .aifq-sr-wrap .aifq-sr-chip > .aifq-sr-icon-shell svg.aifq-sr-svg-small,
body.wp-admin .aifq-sr-wrap .aifq-sr-signal-chip > .aifq-sr-icon-shell svg.aifq-sr-svg-small,
body.wp-admin .aifq-sr-wrap .aifq-sr-profile-chip > .aifq-sr-icon-shell svg.aifq-sr-svg-small,
body.wp-admin .aifq-sr-wrap .aifq-sr-hero-chip > .aifq-sr-icon-shell svg.aifq-sr-svg-small {
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    min-height: 17px !important;
    max-width: 17px !important;
    max-height: 17px !important;
    flex: 0 0 17px !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-chip > span:not(.aifq-sr-icon-shell),
body.wp-admin .aifq-sr-wrap .aifq-sr-signal-chip > span:not(.aifq-sr-icon-shell),
body.wp-admin .aifq-sr-wrap .aifq-sr-profile-chip > span:not(.aifq-sr-icon-shell),
body.wp-admin .aifq-sr-wrap .aifq-sr-hero-chip > span:not(.aifq-sr-icon-shell) {
    display: block !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Shared label-with-icon baseline for mini scores and category titles. */
body.wp-admin .aifq-sr-wrap .aifq-sr-label-with-icon {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    line-height: 1.15 !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-label-with-icon > span:not(.aifq-sr-icon-shell) {
    display: block !important;
    line-height: 1.15 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* The four top category summary cards. */
body.wp-admin .aifq-sr-wrap .aifq-sr-module-summary .aifq-sr-module-card > h3 {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    line-height: 1.15 !important;
    margin: 0 0 12px 0 !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-module-summary .aifq-sr-module-card > h3 .aifq-sr-label-with-icon {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    line-height: 1.15 !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-module-summary .aifq-sr-module-card > h3 .aifq-sr-icon-shell,
body.wp-admin .aifq-sr-wrap .aifq-sr-module-summary .aifq-sr-module-card > h3 svg.aifq-sr-svg-small,
body.wp-admin .aifq-sr-wrap .aifq-sr-category-title .aifq-sr-icon-shell,
body.wp-admin .aifq-sr-wrap .aifq-sr-category-title svg.aifq-sr-svg-small {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
    flex: 0 0 20px !important;
}

/* Website-status mini score row icons stay slightly smaller. */
body.wp-admin .aifq-sr-wrap .aifq-sr-mini-score-top .aifq-sr-label-with-icon {
    gap: 7px !important;
    line-height: 1.2 !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-mini-score-top .aifq-sr-icon-shell,
body.wp-admin .aifq-sr-wrap .aifq-sr-mini-score-top svg.aifq-sr-svg-small {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    flex: 0 0 16px !important;
}

/* Meta icons, such as the clock in issue rows, stay compact and baseline-safe. */
body.wp-admin .aifq-sr-wrap .aifq-sr-issue-meta .aifq-sr-icon-shell,
body.wp-admin .aifq-sr-wrap .aifq-sr-finding-meta .aifq-sr-icon-shell,
body.wp-admin .aifq-sr-wrap .aifq-sr-meta-icon,
body.wp-admin .aifq-sr-wrap .aifq-sr-issue-meta svg.aifq-sr-svg-small,
body.wp-admin .aifq-sr-wrap .aifq-sr-finding-meta svg.aifq-sr-svg-small,
body.wp-admin .aifq-sr-wrap .aifq-sr-meta-icon svg.aifq-sr-svg-small {
    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    min-height: 13px !important;
    max-width: 13px !important;
    max-height: 13px !important;
    flex: 0 0 13px !important;
}

@media (max-width: 782px) {
    body.wp-admin .aifq-sr-wrap .aifq-sr-chip,
    body.wp-admin .aifq-sr-wrap .aifq-sr-signal-chip,
    body.wp-admin .aifq-sr-wrap .aifq-sr-profile-chip,
    body.wp-admin .aifq-sr-wrap .aifq-sr-hero-chip {
        white-space: normal !important;
    }
}

/* === AIFQ Site Review 1.2.3 — Optical icon alignment polish ===
   Visual-only final pass after 1.2.3. Flex centering was already correct;
   this layer adjusts the optical baseline so SVG glyphs sit cleaner next to text. */

body.wp-admin .aifq-sr-wrap .aifq-sr-chip,
body.wp-admin .aifq-sr-wrap .aifq-sr-signal-chip,
body.wp-admin .aifq-sr-wrap .aifq-sr-profile-chip,
body.wp-admin .aifq-sr-wrap .aifq-sr-hero-chip {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    line-height: 1 !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-chip > .aifq-sr-icon-shell,
body.wp-admin .aifq-sr-wrap .aifq-sr-signal-chip > .aifq-sr-icon-shell,
body.wp-admin .aifq-sr-wrap .aifq-sr-profile-chip > .aifq-sr-icon-shell,
body.wp-admin .aifq-sr-wrap .aifq-sr-hero-chip > .aifq-sr-icon-shell {
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    min-height: 17px !important;
    max-width: 17px !important;
    max-height: 17px !important;
    flex: 0 0 17px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    position: relative !important;
    top: 1px !important;
    transform: none !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-chip > .aifq-sr-icon-shell svg.aifq-sr-svg-small,
body.wp-admin .aifq-sr-wrap .aifq-sr-signal-chip > .aifq-sr-icon-shell svg.aifq-sr-svg-small,
body.wp-admin .aifq-sr-wrap .aifq-sr-profile-chip > .aifq-sr-icon-shell svg.aifq-sr-svg-small,
body.wp-admin .aifq-sr-wrap .aifq-sr-hero-chip > .aifq-sr-icon-shell svg.aifq-sr-svg-small {
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    min-height: 17px !important;
    max-width: 17px !important;
    max-height: 17px !important;
    display: block !important;
    line-height: 1 !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-chip > span:not(.aifq-sr-icon-shell),
body.wp-admin .aifq-sr-wrap .aifq-sr-signal-chip > span:not(.aifq-sr-icon-shell),
body.wp-admin .aifq-sr-wrap .aifq-sr-profile-chip > span:not(.aifq-sr-icon-shell),
body.wp-admin .aifq-sr-wrap .aifq-sr-hero-chip > span:not(.aifq-sr-icon-shell) {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1.05 !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-module-summary .aifq-sr-module-card > h3,
body.wp-admin .aifq-sr-wrap .aifq-sr-module-card > h3 {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    line-height: 1.05 !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-module-summary .aifq-sr-module-card > h3 .aifq-sr-label-with-icon,
body.wp-admin .aifq-sr-wrap .aifq-sr-module-card > h3 .aifq-sr-label-with-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    line-height: 1.05 !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-module-summary .aifq-sr-module-card > h3 .aifq-sr-label-with-icon > span:not(.aifq-sr-icon-shell),
body.wp-admin .aifq-sr-wrap .aifq-sr-module-card > h3 .aifq-sr-label-with-icon > span:not(.aifq-sr-icon-shell) {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1.05 !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-module-summary .aifq-sr-module-card > h3 .aifq-sr-icon-shell,
body.wp-admin .aifq-sr-wrap .aifq-sr-module-card > h3 .aifq-sr-icon-shell,
body.wp-admin .aifq-sr-wrap .aifq-sr-category-title .aifq-sr-icon-shell {
    width: 19px !important;
    height: 19px !important;
    min-width: 19px !important;
    min-height: 19px !important;
    max-width: 19px !important;
    max-height: 19px !important;
    flex: 0 0 19px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    position: relative !important;
    top: 1px !important;
    transform: none !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-module-summary .aifq-sr-module-card > h3 .aifq-sr-icon-shell svg.aifq-sr-svg-small,
body.wp-admin .aifq-sr-wrap .aifq-sr-module-card > h3 .aifq-sr-icon-shell svg.aifq-sr-svg-small,
body.wp-admin .aifq-sr-wrap .aifq-sr-category-title .aifq-sr-icon-shell svg.aifq-sr-svg-small {
    width: 19px !important;
    height: 19px !important;
    min-width: 19px !important;
    min-height: 19px !important;
    max-width: 19px !important;
    max-height: 19px !important;
    display: block !important;
    line-height: 1 !important;
}

/* === AIFQ Site Review 1.2.3 — Targeted icon alignment fix ===
   This is intentionally narrow. The header signals use `.aifq-sr-chip`,
   and the four top status cards use `.aifq-sr-module-summary .aifq-sr-module-card`.
   No scan logic or layout structure is changed. */

/* Header signal chips: center the actual chip icon against the label text. */
body.wp-admin .aifq-sr-wrap .aifq-sr-profile .aifq-sr-chip {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-height: 34px !important;
    padding: 7px 13px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-profile .aifq-sr-chip > .aifq-sr-icon-shell,
body.wp-admin .aifq-sr-wrap .aifq-sr-profile .aifq-sr-chip > .aifq-sr-icon,
body.wp-admin .aifq-sr-wrap .aifq-sr-profile .aifq-sr-chip > .aifq-sr-chip-icon {
    display: inline-grid !important;
    place-items: center !important;
    align-self: center !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    flex: 0 0 16px !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    top: auto !important;
    transform: none !important;
    vertical-align: middle !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-profile .aifq-sr-chip > .aifq-sr-icon-shell svg.aifq-sr-svg-small,
body.wp-admin .aifq-sr-wrap .aifq-sr-profile .aifq-sr-chip > svg.aifq-sr-svg-small,
body.wp-admin .aifq-sr-wrap .aifq-sr-profile .aifq-sr-chip svg.aifq-sr-svg-small {
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    position: static !important;
    top: auto !important;
    transform: none !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-profile .aifq-sr-chip > span:not(.aifq-sr-icon-shell):not(.aifq-sr-icon):not(.aifq-sr-chip-icon) {
    display: inline-block !important;
    align-self: center !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    top: auto !important;
    transform: none !important;
}

/* Four summary cards: make icon and title a single clean row with matching visual weight. */
body.wp-admin .aifq-sr-wrap .aifq-sr-module-summary .aifq-sr-module-card > h3 {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    line-height: 1.12 !important;
    font-size: 22px !important;
    letter-spacing: -0.025em !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-module-summary .aifq-sr-module-card > h3 .aifq-sr-label-with-icon {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    min-height: 0 !important;
    line-height: 1.12 !important;
    white-space: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-module-summary .aifq-sr-module-card > h3 .aifq-sr-label-with-icon > span:not(.aifq-sr-icon-shell) {
    display: inline-block !important;
    align-self: center !important;
    line-height: 1.12 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    top: auto !important;
    transform: none !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-module-summary .aifq-sr-module-card > h3 .aifq-sr-icon-shell,
body.wp-admin .aifq-sr-wrap .aifq-sr-module-summary .aifq-sr-module-card > h3 .aifq-sr-category-icon-shell {
    display: inline-grid !important;
    place-items: center !important;
    align-self: center !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    flex: 0 0 22px !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    top: auto !important;
    transform: none !important;
    vertical-align: middle !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-module-summary .aifq-sr-module-card > h3 .aifq-sr-icon-shell svg.aifq-sr-svg-small,
body.wp-admin .aifq-sr-wrap .aifq-sr-module-summary .aifq-sr-module-card > h3 svg.aifq-sr-svg-small {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    position: static !important;
    top: auto !important;
    transform: none !important;
    stroke-width: 2.15 !important;
}

@media (max-width: 782px) {
    body.wp-admin .aifq-sr-wrap .aifq-sr-module-summary .aifq-sr-module-card > h3 {
        font-size: 19px !important;
    }

    body.wp-admin .aifq-sr-wrap .aifq-sr-module-summary .aifq-sr-module-card > h3 .aifq-sr-icon-shell,
    body.wp-admin .aifq-sr-wrap .aifq-sr-module-summary .aifq-sr-module-card > h3 .aifq-sr-category-icon-shell,
    body.wp-admin .aifq-sr-wrap .aifq-sr-module-summary .aifq-sr-module-card > h3 svg.aifq-sr-svg-small {
        width: 19px !important;
        height: 19px !important;
        min-width: 19px !important;
        min-height: 19px !important;
        max-width: 19px !important;
        max-height: 19px !important;
        flex-basis: 19px !important;
    }
}

/* === AIFQ Site Review 1.2.3 — Header signal chip optical alignment ===
   The four category cards are now correct. This narrowly adjusts only the
   hero/header signal chips so the SVG icon sits optically centered next to
   the text label, without touching scan logic or the rest of the dashboard. */
body.wp-admin .aifq-sr-wrap .aifq-sr-hero .aifq-sr-profile {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px 12px !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-hero .aifq-sr-profile .aifq-sr-chip {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 13px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-hero .aifq-sr-profile .aifq-sr-chip > .aifq-sr-icon-shell,
body.wp-admin .aifq-sr-wrap .aifq-sr-hero .aifq-sr-profile .aifq-sr-chip > .aifq-sr-chip-icon,
body.wp-admin .aifq-sr-wrap .aifq-sr-hero .aifq-sr-profile .aifq-sr-chip > .aifq-sr-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    min-height: 15px !important;
    max-width: 15px !important;
    max-height: 15px !important;
    flex: 0 0 15px !important;
    line-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    top: -1px !important;
    transform: none !important;
    vertical-align: middle !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-hero .aifq-sr-profile .aifq-sr-chip > .aifq-sr-icon-shell svg.aifq-sr-svg-small,
body.wp-admin .aifq-sr-wrap .aifq-sr-hero .aifq-sr-profile .aifq-sr-chip > svg.aifq-sr-svg-small,
body.wp-admin .aifq-sr-wrap .aifq-sr-hero .aifq-sr-profile .aifq-sr-chip svg.aifq-sr-svg-small {
    display: block !important;
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    min-height: 15px !important;
    max-width: 15px !important;
    max-height: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    position: static !important;
    top: auto !important;
    transform: none !important;
    stroke-width: 2.2 !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-hero .aifq-sr-profile .aifq-sr-chip > span:not(.aifq-sr-icon-shell):not(.aifq-sr-icon):not(.aifq-sr-chip-icon) {
    display: inline-flex !important;
    align-items: center !important;
    align-self: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    top: auto !important;
    transform: none !important;
}


/* === AIFQ Site Review 1.2.3 — Header signal chip grid alignment ===
   The category cards are intentionally left untouched. This final layer makes
   the hero signal chips use a strict two-column grid, so every icon sits on the
   same optical center line directly before its label. */
body.wp-admin .aifq-sr-wrap .aifq-sr-hero .aifq-sr-profile .aifq-sr-chip {
    display: inline-grid !important;
    grid-template-columns: 16px auto !important;
    align-items: center !important;
    justify-content: start !important;
    justify-items: start !important;
    column-gap: 8px !important;
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 13px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-hero .aifq-sr-profile .aifq-sr-chip > .aifq-sr-icon-shell,
body.wp-admin .aifq-sr-wrap .aifq-sr-hero .aifq-sr-profile .aifq-sr-chip > .aifq-sr-chip-icon,
body.wp-admin .aifq-sr-wrap .aifq-sr-hero .aifq-sr-profile .aifq-sr-chip > .aifq-sr-icon {
    display: inline-grid !important;
    place-items: center !important;
    align-self: center !important;
    justify-self: center !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    flex: 0 0 16px !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    top: auto !important;
    transform: none !important;
    vertical-align: middle !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-hero .aifq-sr-profile .aifq-sr-chip > .aifq-sr-icon-shell svg.aifq-sr-svg-small,
body.wp-admin .aifq-sr-wrap .aifq-sr-hero .aifq-sr-profile .aifq-sr-chip > svg.aifq-sr-svg-small,
body.wp-admin .aifq-sr-wrap .aifq-sr-hero .aifq-sr-profile .aifq-sr-chip svg.aifq-sr-svg-small {
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    position: static !important;
    top: auto !important;
    transform: none !important;
    stroke-width: 2.05 !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-hero .aifq-sr-profile .aifq-sr-chip > .aifq-sr-chip-label,
body.wp-admin .aifq-sr-wrap .aifq-sr-hero .aifq-sr-profile .aifq-sr-chip > span:not(.aifq-sr-icon-shell):not(.aifq-sr-icon):not(.aifq-sr-chip-icon) {
    display: block !important;
    align-self: center !important;
    justify-self: start !important;
    line-height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    top: auto !important;
    transform: none !important;
    vertical-align: middle !important;
}

/* === AIFQ Site Review 1.2.3 — Dedicated header signal chip alignment ===
   Claude's diagnosis was correct: the hero signal chips use `.aifq-sr-chip`,
   not `.aifq-sr-signal-chip`, and the generic icon classes can fight with
   chip-specific sizing. This layer targets only the new dedicated header chip
   class and leaves the four module cards untouched. */
body.wp-admin .aifq-sr-wrap .aifq-sr-hero .aifq-sr-profile .aifq-sr-chip.aifq-sr-header-chip {
    display: inline-grid !important;
    grid-template-columns: 18px max-content !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    justify-content: start !important;
    justify-items: start !important;
    column-gap: 8px !important;
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 14px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-hero .aifq-sr-profile .aifq-sr-chip.aifq-sr-header-chip > .aifq-sr-header-chip-icon {
    grid-column: 1 !important;
    display: grid !important;
    place-items: center !important;
    align-self: center !important;
    justify-self: center !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    position: static !important;
    top: auto !important;
    transform: none !important;
    vertical-align: middle !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-hero .aifq-sr-profile .aifq-sr-chip.aifq-sr-header-chip > .aifq-sr-header-chip-icon svg.aifq-sr-svg-small {
    display: block !important;
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    min-height: 17px !important;
    max-width: 17px !important;
    max-height: 17px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    position: static !important;
    top: auto !important;
    transform: none !important;
    overflow: visible !important;
    stroke-width: 2.1 !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-hero .aifq-sr-profile .aifq-sr-chip.aifq-sr-header-chip > .aifq-sr-chip-label {
    grid-column: 2 !important;
    display: block !important;
    align-self: center !important;
    justify-self: start !important;
    height: 18px !important;
    line-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    top: auto !important;
    transform: none !important;
    vertical-align: middle !important;
}

/* === AIFQ Site Review 1.2.3 — Header signal chip optical balance ===
   The dedicated header chip class is now stable. This final layer adjusts only
   the icon's optical baseline inside the hero signal chips. The SVG strokes were
   technically centered in the pill, but visually sat slightly low compared to
   the bold text glyphs. Category cards and scan detail cards are untouched. */
body.wp-admin .aifq-sr-wrap .aifq-sr-hero .aifq-sr-profile .aifq-sr-chip.aifq-sr-header-chip {
    grid-template-columns: 17px max-content !important;
    column-gap: 7px !important;
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 13px !important;
    align-items: center !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-hero .aifq-sr-profile .aifq-sr-chip.aifq-sr-header-chip > .aifq-sr-header-chip-icon {
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    min-height: 17px !important;
    max-width: 17px !important;
    max-height: 17px !important;
    place-items: center !important;
    align-self: center !important;
    justify-self: center !important;
    position: relative !important;
    top: -2px !important;
    transform: none !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-hero .aifq-sr-profile .aifq-sr-chip.aifq-sr-header-chip > .aifq-sr-header-chip-icon svg.aifq-sr-svg-small {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    display: block !important;
    stroke-width: 2.2 !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-hero .aifq-sr-profile .aifq-sr-chip.aifq-sr-header-chip > .aifq-sr-chip-label {
    height: auto !important;
    line-height: 17px !important;
    display: block !important;
    align-self: center !important;
    position: relative !important;
    top: 0 !important;
    transform: none !important;
}


/* === AIFQ Site Review 1.2.3 — targeted hero/header flow fix ===
   Base: stable 1.2.3 visual baseline. This only fixes the hero/header text
   overlap by replacing fragile nth-of-type positioning with explicit class-based
   grid areas. It intentionally leaves module cards, detailed results, looks-good
   and scoring UI untouched. */
body.wp-admin.toplevel_page_aifq-sr .aifq-sr-wrap .aifq-sr-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
        "title      action"
        "subtitle   action"
        "signalhead action"
        "position   action"
        "chips      chips"
        "disclaimer disclaimer"
        "scansteps  scansteps" !important;
    align-items: start !important;
    column-gap: 34px !important;
    row-gap: 0 !important;
    position: relative !important;
    overflow: hidden !important;
}

body.wp-admin.toplevel_page_aifq-sr .aifq-sr-wrap .aifq-sr-hero .aifq-sr-hero-title,
body.wp-admin.toplevel_page_aifq-sr .aifq-sr-wrap .aifq-sr-hero h1 {
    grid-area: title !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    margin: 0 0 24px 0 !important;
    padding: 0 !important;
}

body.wp-admin.toplevel_page_aifq-sr .aifq-sr-wrap .aifq-sr-hero .aifq-sr-subtitle {
    grid-area: subtitle !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    margin: 0 0 28px 0 !important;
    padding: 0 !important;
    max-width: 900px !important;
    line-height: 1.45 !important;
    color: var(--wpi-ink-body, #334155) !important;
}

body.wp-admin.toplevel_page_aifq-sr .aifq-sr-wrap .aifq-sr-hero .aifq-sr-calm-note {
    grid-area: signalhead !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    max-width: 900px !important;
    line-height: 1.35 !important;
    color: var(--wpi-muted, #64748b) !important;
}

body.wp-admin.toplevel_page_aifq-sr .aifq-sr-wrap .aifq-sr-hero .aifq-sr-positioning {
    grid-area: position !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    margin: 0 0 12px 0 !important;
    padding: 0 0 4px 0 !important;
    max-width: 980px !important;
    line-height: 1.35 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--wpi-muted, #64748b) !important;
    border-bottom: 1px solid rgba(203, 213, 225, 0.65) !important;
}

body.wp-admin.toplevel_page_aifq-sr .aifq-sr-wrap .aifq-sr-hero .aifq-sr-profile {
    grid-area: chips !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px 12px !important;
    margin: 0 0 22px 0 !important;
    padding: 0 !important;
    border-top: 0 !important;
}

body.wp-admin.toplevel_page_aifq-sr .aifq-sr-wrap .aifq-sr-hero .aifq-sr-disclaimer {
    grid-area: disclaimer !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    margin: 0 !important;
    width: fit-content !important;
    max-width: 100% !important;
    line-height: 1.3 !important;
}

body.wp-admin.toplevel_page_aifq-sr .aifq-sr-wrap .aifq-sr-hero .aifq-sr-scan-form,
body.wp-admin.toplevel_page_aifq-sr .aifq-sr-wrap .aifq-sr-hero form#aifq-sr-scan-form {
    grid-area: action !important;
    justify-self: end !important;
    align-self: start !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    margin: 0 !important;
}

body.wp-admin.toplevel_page_aifq-sr .aifq-sr-wrap .aifq-sr-hero #aifq-sr-scan-steps,
body.wp-admin.toplevel_page_aifq-sr .aifq-sr-wrap .aifq-sr-hero .aifq-sr-scan-steps {
    grid-area: scansteps !important;
}

/* Ensure hero paragraph elements are correctly positioned via their explicit classes (1.2.3). */
body.wp-admin.toplevel_page_aifq-sr .aifq-sr-wrap .aifq-sr-hero .aifq-sr-subtitle,
body.wp-admin.toplevel_page_aifq-sr .aifq-sr-wrap .aifq-sr-hero .aifq-sr-calm-note,
body.wp-admin.toplevel_page_aifq-sr .aifq-sr-wrap .aifq-sr-hero .aifq-sr-positioning,
body.wp-admin.toplevel_page_aifq-sr .aifq-sr-wrap .aifq-sr-hero .aifq-sr-disclaimer {
    position: relative !important;
    inset: auto !important;
    transform: none !important;
}

@media (max-width: 782px) {
    body.wp-admin.toplevel_page_aifq-sr .aifq-sr-wrap .aifq-sr-hero {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "title"
            "subtitle"
            "signalhead"
            "position"
            "chips"
            "disclaimer"
            "action"
            "scansteps" !important;
        row-gap: 0 !important;
    }

    body.wp-admin.toplevel_page_aifq-sr .aifq-sr-wrap .aifq-sr-hero .aifq-sr-scan-form,
    body.wp-admin.toplevel_page_aifq-sr .aifq-sr-wrap .aifq-sr-hero form#aifq-sr-scan-form {
        justify-self: start !important;
        margin-top: 18px !important;
    }
}

/* === AIFQ Site Review 1.2.3 — Since last scan comparison block | 1.2.3 — Looks Good multi-column === */

.aifq-sr-scan-diff {
    margin-top: 12px;
    padding: 10px 12px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    font-size: 13px;
    line-height: 1.45;
}

.aifq-sr-scan-diff-title {
    font-weight: 700;
    color: #334155;
    margin: 0 0 6px 0 !important;
}

.aifq-sr-scan-diff-line {
    margin: 3px 0 !important;
    color: #475569;
}

.aifq-sr-scan-diff-positive {
    color: #15803d !important;
    font-weight: 700;
}

.aifq-sr-scan-diff-negative {
    color: #854d0e !important;
    font-weight: 700;
}

.aifq-sr-scan-diff-neutral {
    color: #64748b;
    font-style: italic;
}

.aifq-sr-scan-diff-first {
    background: transparent;
    border: none;
    padding: 6px 0 0 0;
}

.aifq-sr-scan-diff-first .aifq-sr-scan-diff-line {
    font-size: 12px;
}

/* === AIFQ Site Review 1.2.3 — Looks Good multi-column layout === */
/* When the passed-check list has more than 5 items, display in 2 columns on wider screens. */
/* This class is only added from PHP when count($passed) > 5. */

.aifq-sr-good-card .aifq-sr-detail-content .aifq-sr-good-list--columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 24px;
}

.aifq-sr-good-card .aifq-sr-detail-content .aifq-sr-good-list--columns li {
    min-width: 0;
    word-break: normal;
    overflow-wrap: normal;
}

@media (max-width: 782px) {
    .aifq-sr-good-card .aifq-sr-detail-content .aifq-sr-good-list--columns {
        grid-template-columns: 1fr;
    }
}

/* === AIFQ Site Review 1.2.3 — Looks Good wide details hotfix === */
/* The 1.2.3 column class is only useful if the opened details element can use
   the full card width. These scoped overrides beat older 620px single-column
   rules without touching other dashboard sections. */
body.wp-admin .aifq-sr-wrap .aifq-sr-good-card details.aifq-sr-detail.aifq-sr-detail--wide,
body.wp-admin .aifq-sr-wrap .aifq-sr-good-card details.aifq-sr-detail.aifq-sr-detail--wide[open] {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-good-card details.aifq-sr-detail.aifq-sr-detail--wide summary {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-good-card details.aifq-sr-detail.aifq-sr-detail--wide .aifq-sr-detail-content {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-good-card details.aifq-sr-detail.aifq-sr-detail--wide ul.aifq-sr-list.aifq-sr-good-list--columns {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 32px !important;
    row-gap: 0 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    box-sizing: border-box !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-good-card details.aifq-sr-detail.aifq-sr-detail--wide ul.aifq-sr-list.aifq-sr-good-list--columns li {
    min-width: 0 !important;
    max-width: 100% !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
}

@media (max-width: 782px) {
    body.wp-admin .aifq-sr-wrap .aifq-sr-good-card details.aifq-sr-detail.aifq-sr-detail--wide ul.aifq-sr-list.aifq-sr-good-list--columns {
        grid-template-columns: 1fr !important;
        column-gap: 0 !important;
    }
}


/* === AIFQ Site Review 1.2.3 — First-run landing page and copy polish === */
body.wp-admin .aifq-sr-wrap .aifq-sr-pre-scan-card {
    margin-top: 24px;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-pre-scan-card > p {
    max-width: 860px;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-pre-scan-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin: 22px 0;
    padding: 0;
    list-style: none;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-pre-scan-list li {
    min-width: 0;
    padding: 18px;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #f8fafc;
    box-sizing: border-box;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-pre-scan-list strong {
    display: block;
    margin-bottom: 8px;
    color: #0f172a;
    font-weight: 800;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-pre-scan-list span {
    display: block;
    color: #334155;
    line-height: 1.55;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-local-first-note {
    display: inline-block;
    max-width: 860px;
    padding: 12px 16px;
    border: 1px solid #bfdbfe;
    border-radius: 16px;
    background: #eff6ff;
    color: #334155;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-section-intro {
    max-width: 980px;
    margin: 0 0 16px;
    color: #64748b;
    font-weight: 700;
}

@media (max-width: 960px) {
    body.wp-admin .aifq-sr-wrap .aifq-sr-pre-scan-list {
        grid-template-columns: 1fr;
    }
}


/* === AIFQ Site Review 1.2.3 — design polish === */

/* First-run CTA: explanation → action. */
body.wp-admin .aifq-sr-wrap .aifq-sr-first-run-cta {
    margin-top: 22px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-first-run-cta .button-primary {
    min-height: 42px;
    padding-left: 20px;
    padding-right: 20px;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-first-run-cta-note {
    margin: 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.45;
}

/* Make the explanation above Recommended steps / Opportunities quieter. */
body.wp-admin .aifq-sr-wrap .aifq-sr-section-intro--subtle {
    color: #64748b;
    font-size: 13px;
    line-height: 1.55;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 14px;
}

/* Since last scan: compact and scannable. */
body.wp-admin .aifq-sr-wrap .aifq-sr-scan-diff-title {
    margin-bottom: 4px;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-scan-diff-date {
    margin: -2px 0 8px;
    color: #64748b;
    font-size: 12px;
    line-height: 1.35;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-scan-diff-pills {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    margin-top: 8px;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-scan-diff-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 3px 8px;
    border-radius: 999px;
    background: #f8fafc;
    border: 1px solid rgba(100, 116, 139, 0.18);
    color: #475569;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-scan-diff-pill.positive {
    background: #f0fdf4;
    border-color: rgba(21, 128, 61, 0.18);
    color: #15803d;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-scan-diff-pill.negative {
    background: #fff7ed;
    border-color: rgba(194, 65, 12, 0.18);
    color: #c2410c;
}

/* Restore scanable About privacy list. */
body.wp-admin .aifq-sr-wrap .aifq-sr-about-checklist {
    list-style: none;
    margin: 16px 0 14px;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 18px;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-about-checklist li {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    gap: 9px;
    align-items: start;
    margin: 0;
    color: #334155;
    font-size: 13px;
    line-height: 1.45;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-about-check {
    display: inline-grid;
    place-items: center;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    background: #f0fdf4;
    color: #15803d;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-muted,
body.wp-admin .aifq-sr-wrap .aifq-sr-first-run-cta-note,
body.wp-admin .aifq-sr-wrap .aifq-sr-scan-diff-date {
    color: #64748b;
}

@media (max-width: 782px) {
    body.wp-admin .aifq-sr-wrap .aifq-sr-about-checklist {
        grid-template-columns: 1fr;
    }

    body.wp-admin .aifq-sr-wrap .aifq-sr-scan-diff-pills {
        justify-content: flex-start;
    }
}

/* === AIFQ Site Review 1.2.3 — cleanup polish === */

/* First-run: keep local-first as reassurance only, not a competing action block. */
body.wp-admin .aifq-sr-wrap .aifq-sr-local-first-note {
    display: inline-flex !important;
    align-items: center !important;
    max-width: 860px !important;
    padding: 10px 14px !important;
    border: 1px solid #bfdbfe !important;
    border-radius: 14px !important;
    background: #eff6ff !important;
    color: #334155 !important;
    box-sizing: border-box !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-first-run-note {
    margin-top: 10px !important;
    color: #64748b !important;
}

/* About: the checkmark list is the source of truth. */
body.wp-admin .aifq-sr-wrap .aifq-sr-about-checklist {
    margin-top: 18px !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-about-disclaimer {
    margin: 14px 0 0 !important;
    color: #64748b !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

/* Looks Good is a reassurance panel, not an issue detail block. */
body.wp-admin .aifq-sr-wrap .aifq-sr-good-card details.aifq-sr-detail,
body.wp-admin .aifq-sr-wrap .aifq-sr-good-card details.aifq-sr-detail[open],
body.wp-admin .aifq-sr-wrap .aifq-sr-good-card details.aifq-sr-detail.aifq-sr-detail--wide,
body.wp-admin .aifq-sr-wrap .aifq-sr-good-card details.aifq-sr-detail.aifq-sr-detail--wide[open] {
    border-left-color: transparent !important;
    border-left-width: 1px !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-good-card details.aifq-sr-detail[open] summary,
body.wp-admin .aifq-sr-wrap .aifq-sr-good-card details.aifq-sr-detail.aifq-sr-detail--wide[open] summary {
    border-left: 0 !important;
}

/* Collapsed issue rows: give the More details link a little breathing room. */
body.wp-admin .aifq-sr-wrap .aifq-sr-flat-finding:not(.is-expanded),
body.wp-admin .aifq-sr-wrap .aifq-sr-flat-finding:not(.aifq-sr-is-expanded) {
    padding-bottom: 18px !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-flat-finding:not(.is-expanded) .aifq-sr-inline-details-toggle,
body.wp-admin .aifq-sr-wrap .aifq-sr-flat-finding:not(.aifq-sr-is-expanded) .aifq-sr-inline-details-toggle {
    margin-bottom: 3px !important;
}

/* === AIFQ Site Review 1.2.3 — final first-run design polish === */

/* First-run mode: make the first impression focused and action-led. */
body.wp-admin .aifq-sr-wrap.aifq-sr-wrap--first-run .aifq-sr-hero {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 54px 42px 46px !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(79,70,229,0.16), transparent 28rem),
        radial-gradient(circle at 85% 15%, rgba(59,130,246,0.12), transparent 20rem),
        linear-gradient(135deg, rgba(255,255,255,0.98), rgba(248,250,252,0.92)) !important;
}

body.wp-admin .aifq-sr-wrap.aifq-sr-wrap--first-run .aifq-sr-hero h1 {
    font-size: clamp(36px, 5vw, 56px) !important;
    line-height: 1.05 !important;
    margin: 0 0 14px !important;
    background: linear-gradient(135deg, #1d4ed8, #4f46e5 55%, #7c3aed) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
}

body.wp-admin .aifq-sr-wrap.aifq-sr-wrap--first-run .aifq-sr-hero .aifq-sr-subtitle {
    max-width: 660px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    color: #334155 !important;
    font-size: 17px !important;
    line-height: 1.55 !important;
}

body.wp-admin .aifq-sr-wrap.aifq-sr-wrap--first-run .aifq-sr-scan-form {
    margin-top: 22px !important;
    justify-content: center !important;
}

body.wp-admin .aifq-sr-wrap.aifq-sr-wrap--first-run .aifq-sr-scan-form .button-primary {
    min-height: 46px !important;
    padding: 0 26px !important;
    border-radius: 999px !important;
    font-weight: 800 !important;
    box-shadow: 0 16px 34px rgba(79,70,229,0.28) !important;
}

/* Pre-scan: reduce homework feeling. These cards are useful after a score exists. */
body.wp-admin .aifq-sr-wrap.aifq-sr-wrap--first-run .aifq-sr-info-grid {
    display: none !important;
}

/* First-run feature cards: small, warm visual anchors. */
body.wp-admin .aifq-sr-wrap .aifq-sr-feature-icon {
    display: inline-grid !important;
    place-items: center !important;
    width: 32px !important;
    height: 32px !important;
    margin: 0 0 10px !important;
    border-radius: 12px !important;
    position: relative !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-feature-icon::before {
    display: block !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-feature-icon--plugin {
    background: #eef2ff !important;
    color: #4f46e5 !important;
}
body.wp-admin .aifq-sr-wrap .aifq-sr-feature-icon--plugin::before { content: '◌'; }

body.wp-admin .aifq-sr-wrap .aifq-sr-feature-icon--maintenance {
    background: #fff7ed !important;
    color: #c2410c !important;
}
body.wp-admin .aifq-sr-wrap .aifq-sr-feature-icon--maintenance::before { content: '↻'; }

body.wp-admin .aifq-sr-wrap .aifq-sr-feature-icon--steps {
    background: #f0fdf4 !important;
    color: #15803d !important;
}
body.wp-admin .aifq-sr-wrap .aifq-sr-feature-icon--steps::before { content: '✓'; }

/* Local-first copy: fix spacing and keep it as reassurance, not a CTA container. */
body.wp-admin .aifq-sr-wrap .aifq-sr-local-first-note {
    gap: 4px !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-local-first-text {
    display: inline !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-first-run-note {
    color: #64748b !important;
}

/* Align /100 labels in website status. */
body.wp-admin .aifq-sr-wrap .aifq-sr-mini-score-top strong {
    min-width: 58px !important;
    text-align: right !important;
    font-variant-numeric: tabular-nums !important;
}

/* More-details collapsed rows: slightly more tappable and balanced. */
body.wp-admin .aifq-sr-wrap .aifq-sr-flat-finding,
body.wp-admin .aifq-sr-wrap .aifq-sr-finding {
    padding-bottom: 18px !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-inline-detail summary,
body.wp-admin .aifq-sr-wrap .aifq-sr-detail summary {
    margin-top: 8px !important;
}

/* Since last scan category deltas as compact micro-pills. */
body.wp-admin .aifq-sr-wrap .aifq-sr-scan-diff-pills {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 6px !important;
    margin-top: 8px !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-scan-diff-pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 24px !important;
    padding: 3px 8px !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    border: 1px solid rgba(100,116,139,0.18) !important;
    color: #475569 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-scan-diff-pill.positive {
    background: #f0fdf4 !important;
    border-color: rgba(21,128,61,0.18) !important;
    color: #15803d !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-scan-diff-pill.negative {
    background: #fff7ed !important;
    border-color: rgba(194,65,12,0.18) !important;
    color: #c2410c !important;
}

@media (max-width: 782px) {
    body.wp-admin .aifq-sr-wrap.aifq-sr-wrap--first-run .aifq-sr-hero {
        padding: 42px 22px 36px !important;
    }
    body.wp-admin .aifq-sr-wrap.aifq-sr-wrap--first-run .aifq-sr-hero h1 {
        font-size: 38px !important;
    }
    body.wp-admin .aifq-sr-wrap .aifq-sr-scan-diff-pills {
        justify-content: flex-start !important;
    }
}


/* === AIFQ Site Review 1.2.3 — final design baseline fix ===
   Keep the useful 1.2.3 first-run simplification, but restore hero consistency
   with the post-scan dashboard. */

/* First-run hero should feel like the same product state, not a separate splash screen. */
body.wp-admin .aifq-sr-wrap.aifq-sr-wrap--first-run .aifq-sr-hero {
    text-align: left !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
        "title action"
        "subtitle action" !important;
    align-items: start !important;
    justify-content: initial !important;
    gap: 8px 22px !important;
    padding: 22px 26px !important;
    background:
        radial-gradient(circle at 92% 8%, rgba(79, 70, 229, 0.13), transparent 25rem),
        radial-gradient(circle at 18% 105%, rgba(15, 118, 110, 0.055), transparent 24rem),
        linear-gradient(135deg, rgba(255,255,255,0.97), rgba(248,250,252,0.90)) !important;
}

body.wp-admin .aifq-sr-wrap.aifq-sr-wrap--first-run .aifq-sr-hero h1,
body.wp-admin .aifq-sr-wrap.aifq-sr-wrap--first-run .aifq-sr-hero .aifq-sr-hero-title {
    grid-area: title !important;
    max-width: 620px !important;
    margin: 0 0 5px 0 !important;
    font-size: 28px !important;
    line-height: 1.12 !important;
    letter-spacing: -0.03em !important;
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    -webkit-text-fill-color: #111827 !important;
    color: #111827 !important;
}

body.wp-admin .aifq-sr-wrap.aifq-sr-wrap--first-run .aifq-sr-hero .aifq-sr-subtitle {
    grid-area: subtitle !important;
    max-width: 760px !important;
    margin: 0 !important;
    color: #334155 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
}

body.wp-admin .aifq-sr-wrap.aifq-sr-wrap--first-run .aifq-sr-hero form,
body.wp-admin .aifq-sr-wrap.aifq-sr-wrap--first-run #aifq-sr-scan-form {
    grid-area: action !important;
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    justify-self: end !important;
    align-self: start !important;
    margin: 2px 0 0 0 !important;
    position: static !important;
}

/* Keep first-run cards visual, but use real icons instead of weak placeholder glyphs. */
body.wp-admin .aifq-sr-wrap .aifq-sr-feature-icon::before {
    content: none !important;
    display: none !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-feature-icon {
    display: inline-grid !important;
    place-items: center !important;
    width: 32px !important;
    height: 32px !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    border-radius: 12px !important;
    line-height: 1 !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-feature-icon svg,
body.wp-admin .aifq-sr-wrap .aifq-sr-feature-icon .aifq-sr-svg-small {
    width: 18px !important;
    height: 18px !important;
    stroke: currentColor !important;
}

/* Looks Good: keep the label as copy and the plus/minus as the control on the right. */
body.wp-admin .aifq-sr-wrap .aifq-sr-good-card details.aifq-sr-detail > summary,
body.wp-admin .aifq-sr-wrap .aifq-sr-good-card details.aifq-sr-detail.aifq-sr-detail--wide > summary {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    box-sizing: border-box !important;
    gap: 12px !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-good-card details.aifq-sr-detail > summary::after,
body.wp-admin .aifq-sr-wrap .aifq-sr-good-card details.aifq-sr-detail.aifq-sr-detail--wide > summary::after {
    margin-left: auto !important;
    flex: 0 0 auto !important;
    content: '+' !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-good-card details.aifq-sr-detail[open] > summary::after,
body.wp-admin .aifq-sr-wrap .aifq-sr-good-card details.aifq-sr-detail.aifq-sr-detail--wide[open] > summary::after {
    content: '–' !important;
}

@media (max-width: 782px) {
    body.wp-admin .aifq-sr-wrap.aifq-sr-wrap--first-run .aifq-sr-hero {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "title"
            "subtitle"
            "action" !important;
        padding: 26px 22px !important;
    }

    body.wp-admin .aifq-sr-wrap.aifq-sr-wrap--first-run .aifq-sr-hero form,
    body.wp-admin .aifq-sr-wrap.aifq-sr-wrap--first-run #aifq-sr-scan-form {
        grid-column: 1 !important;
        grid-row: auto !important;
        justify-self: start !important;
        margin-top: 14px !important;
    }
}


/* === AIFQ Site Review 1.2.3 — View changes section labels === */
/* Minimal: only the section heading inside the Since last scan details block. */
.aifq-sr-scan-diff-details .aifq-sr-scan-diff-section-label {
    font-weight: 700;
    font-size: 12px;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin: 12px 0 4px 0 !important;
}

.aifq-sr-scan-diff-details .aifq-sr-plain-list {
    margin: 0 0 4px 0 !important;
}


/* === AIFQ Site Review 1.2.3 — Since last scan area-pill rendering safety === */
body.wp-admin .aifq-sr-wrap .aifq-sr-score-card .aifq-sr-scan-diff .aifq-sr-scan-diff-pills {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 8px 0 0 !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-score-card .aifq-sr-scan-diff .aifq-sr-scan-diff-pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 24px !important;
    padding: 3px 8px !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    border: 1px solid rgba(100, 116, 139, 0.18) !important;
    color: #475569 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-score-card .aifq-sr-scan-diff .aifq-sr-scan-diff-pill.positive {
    background: #f0fdf4 !important;
    border-color: rgba(21, 128, 61, 0.18) !important;
    color: #15803d !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-score-card .aifq-sr-scan-diff .aifq-sr-scan-diff-pill.negative {
    background: #fff7ed !important;
    border-color: rgba(194, 65, 12, 0.18) !important;
    color: #c2410c !important;
}



/* AIFQ Site Review 1.3.5 — micro polish for issue meta spacing and action stat. */
.aifq-sr-wrap .aifq-sr-issue-meta .aifq-sr-meta-icon,
.aifq-sr-wrap .aifq-sr-finding-meta .aifq-sr-meta-icon {
    margin-right: 2px !important;
}

.aifq-sr-wrap .aifq-sr-stat.aifq-sr-stat-action {
    color: var(--wpi-brand) !important;
    border-color: rgba(79, 70, 229, 0.22) !important;
    background: rgba(79, 70, 229, 0.045) !important;
}


/* AIFQ Site Review 1.4.0: Best handled by labels and handoff copy action */
.aifq-sr-wrap .aifq-sr-handler-label {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #475569;
    font-size: 12px;
    line-height: 1.4;
}

.aifq-sr-wrap .aifq-sr-handler-prefix {
    font-weight: 600;
    color: #334155;
}

.aifq-sr-wrap .aifq-sr-handler-value {
    color: #475569;
}

.aifq-sr-wrap .aifq-sr-copy-summary-button-secondary {
    margin-left: 8px !important;
}

@media (max-width: 782px) {
    .aifq-sr-wrap .aifq-sr-copy-summary-button-secondary {
        margin-left: 0 !important;
        margin-top: 8px !important;
    }
}

/* === AIFQ Site Review 1.4.1 — header chip spacing + stale icon cleanup ===
   After removing the hero/header chip icons, older chip-specific grid/icon rules
   still reserved icon space in some installs. Keep the pills simple text-only and
   defensively hide any stale icon wrappers that may remain from cached markup/CSS. */
body.wp-admin .aifq-sr-wrap .aifq-sr-hero .aifq-sr-profile .aifq-sr-chip.aifq-sr-header-chip {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    grid-template-columns: none !important;
    grid-auto-flow: unset !important;
    justify-items: center !important;
    padding: 0 16px !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-hero .aifq-sr-profile .aifq-sr-chip.aifq-sr-header-chip > .aifq-sr-chip-label {
    display: block !important;
    position: static !important;
    top: auto !important;
    height: auto !important;
    line-height: 17px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

body.wp-admin .aifq-sr-wrap .aifq-sr-hero .aifq-sr-profile .aifq-sr-chip.aifq-sr-header-chip > .aifq-sr-header-chip-icon,
body.wp-admin .aifq-sr-wrap .aifq-sr-hero .aifq-sr-profile .aifq-sr-chip.aifq-sr-header-chip > .aifq-sr-icon-shell,
body.wp-admin .aifq-sr-wrap .aifq-sr-hero .aifq-sr-profile .aifq-sr-chip.aifq-sr-header-chip > .aifq-sr-chip-icon,
body.wp-admin .aifq-sr-wrap .aifq-sr-hero .aifq-sr-profile .aifq-sr-chip.aifq-sr-header-chip > svg.aifq-sr-svg-small {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Defensive cleanup for stale/cached issue-meta icon wrappers. */
body.wp-admin .aifq-sr-wrap .aifq-sr-issue-meta > .aifq-sr-icon-shell,
body.wp-admin .aifq-sr-wrap .aifq-sr-issue-meta > .aifq-sr-meta-icon,
body.wp-admin .aifq-sr-wrap .aifq-sr-issue-meta > svg.aifq-sr-svg-small,
body.wp-admin .aifq-sr-wrap .aifq-sr-finding-meta > .aifq-sr-icon-shell,
body.wp-admin .aifq-sr-wrap .aifq-sr-finding-meta > .aifq-sr-meta-icon,
body.wp-admin .aifq-sr-wrap .aifq-sr-finding-meta > svg.aifq-sr-svg-small {
    display: none !important;
}