/* ── Analyze Product Images ──
 * Scoped styles extracted from the per-page <style> blocks of
 * tools/analyze_product_images/{index,grouped,stats} and the inline <style> in
 * the _product_group / _image_cell partials, plus inline style= attributes.
 *
 * All three pages share the .pia-page root, so per-page differences are keyed by
 * modifier classes: .pia-page--list (index), --grid (grouped), --stats (stats).
 * The .fact-* rules here are this tool's OWN copy (raider_facts.css has a
 * separate copy scoped under .rf-page). Generic `pulse` keyframe from stats is
 * renamed ps-pulse to avoid colliding with running_agents' global `pulse`.
 * Data-driven widths (bars) stay inline in the Haml.
 */

body:has(.pia-page) { margin: 0; font-family: var(--font-base); background: var(--grey-100); }

/* ── Shared chrome ── */
.pia-page { max-width: 1600px; margin: 0 auto; padding: 2rem 1rem; }
.pia-page--stats { max-width: 1400px; }
.pia-page .pia-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; }
.pia-page .pia-header h1 { margin: 0; font-size: 1.75rem; color: var(--fill-primary); }
.pia-page .pia-view-tabs { display: flex; gap: 0.25rem; margin-bottom: 1.5rem; }
.pia-page .pia-tab { padding: 0.375rem 0.875rem; border-radius: var(--radius-none); font-size: 0.875rem; font-weight: 500; text-decoration: none; color: var(--grey-600); background: var(--grey-100); }
.pia-page .pia-tab--active { background: var(--bm-main); color: var(--white); }
.pia-page .pia-tab:hover:not(.pia-tab--active) { background: var(--rule); color: var(--fill-primary); }
.pia-page .pia-empty { text-align: center; padding: 4rem 1rem; color: var(--grey-600); font-size: 1.125rem; background: var(--white); border-radius: var(--radius-none); }
.pia-page nav.pagy { position: static; top: auto; left: auto; right: auto; z-index: auto; background: none; box-shadow: none; border-radius: var(--radius-none); margin-top: 1.25rem; display: flex; gap: 0.25rem; justify-content: center; flex-wrap: wrap; }
.pia-page--grid nav.pagy { margin-top: 1.5rem; }
.pia-page nav.pagy a, .pia-page nav.pagy span { display: inline-block; padding: 0.375rem 0.625rem; border-radius: var(--radius-none); font-size: 0.875rem; text-decoration: none; color: var(--fill-primary); background: var(--white); border: 1px solid var(--rule); }
.pia-page nav.pagy a:hover { background: var(--grey-100); }
.pia-page nav.pagy .current { background: var(--bm-main); color: var(--white); border-color: var(--bm-main); font-weight: 600; pointer-events: none; }
.pia-page nav.pagy .gap, .pia-page nav.pagy [aria-disabled="true"] { color: var(--grey-400); background: var(--grey-100); }

/* shared alt-text rows (identical in fact-row + image-cell; value differs by context) */
.pia-page .alt-text-row { display: flex; gap: 0.5rem; align-items: flex-start; }
.pia-page .alt-text-locale { display: inline-block; min-width: 1.75rem; padding: 0.0625rem 0.25rem; background: var(--grey-100); border-radius: var(--radius-none); font-size: 0.6875rem; font-weight: 600; color: var(--grey-600); text-transform: uppercase; text-align: center; flex-shrink: 0; }
.pia-page .alt-text-value { color: var(--fill-primary); }
.pia-page .ic-alt-texts .alt-text-value { font-size: 0.75rem; line-height: 1.4; }
@keyframes pia-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }

/* ── List page (index) ── */
.pia-page .pia-stats { display: flex; gap: 1rem; margin-bottom: 1.5rem; }
.pia-page .stat-card { background: var(--white); border-radius: var(--radius-none); padding: 0.75rem 1.25rem; box-shadow: none; display: flex; flex-direction: column; gap: 0.25rem; }
.pia-page .stat-label { font-size: 0.75rem; color: var(--grey-400); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.pia-page .stat-value { font-size: 1.5rem; font-weight: 700; color: var(--fill-primary); }
.pia-page .pia-table { display: flex; flex-direction: column; gap: 0; }
.pia-page .fact-row { display: grid; grid-template-columns: 20% 35% 45%; background: var(--white); border-bottom: 1px solid var(--rule); }
.pia-page .fact-row:first-child { border-radius: var(--radius-none); }
.pia-page .fact-row:last-child { border-radius: var(--radius-none); border-bottom: none; }
.pia-page .fact-row:only-child { border-radius: var(--radius-none); border-bottom: none; }
.pia-page .fact-cell { padding: 0.875rem 1rem; border-right: 1px solid var(--rule); overflow: hidden; }
.pia-page .fact-cell:last-child { border-right: none; }
.pia-page .fact-cell--image { display: flex; flex-direction: column; align-items: center; }
.pia-page .fact-img-btn { background: none; border: none; padding: 0; margin: 0; cursor: zoom-in; display: block; }
.pia-page .fact-img-btn:hover .fact-img { opacity: 0.85; }
.pia-page .fact-img { max-width: 100%; max-height: 140px; object-fit: contain; border-radius: var(--radius-none); transition: opacity 0.1s; }
.pia-page .fact-img-placeholder { width: 100%; height: 80px; display: flex; align-items: center; justify-content: center; background: var(--grey-100); border-radius: var(--radius-none); color: var(--grey-400); font-size: 0.8125rem; }
.pia-page .fact-cell--meta { display: flex; flex-direction: column; gap: 0.375rem; }
.pia-page .fact-article-number { font-weight: 600; font-size: 0.9375rem; color: var(--fill-primary); }
.pia-page .badge { display: inline-block; padding: 0.125rem 0.5rem; border-radius: var(--radius-none); font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; width: fit-content; }
.pia-page .badge--analysis { background: color-mix(in srgb, var(--bm-main) 12%, var(--white)); color: var(--fill-primary); }
.pia-page .badge--alt-text { background: color-mix(in srgb, var(--status-ok) 12%, var(--white)); color: var(--status-ok); }
.pia-page .badge--dataset  { background: color-mix(in srgb, var(--brand-duotone) 18%, var(--white)); color: var(--brand-duotone-gray); }
.pia-page .fact-source-ident { font-size: 0.75rem; color: var(--grey-600); font-family: monospace; word-break: break-all; }
.pia-page .fact-timestamp { font-size: 0.75rem; color: var(--grey-400); }
.pia-page .fact-cell--output { font-size: 0.8125rem; color: var(--fill-primary); line-height: 1.5; overflow: hidden; }
.pia-page .fact-cell--output [data-controller="json-viewer"] { max-height: none; }
.pia-page .fact-cell--output .json-viewer-raw { max-width: 100%; overflow-x: auto; white-space: pre-wrap; word-break: break-word; font-size: 0.75rem; margin: 0; }
.pia-page .fact-short-desc { margin: 0; }
.pia-page .fact-output-text { font-size: 0.8125rem; color: var(--fill-primary); margin-bottom: 0.5rem; line-height: 1.5; }
.pia-page .fact-empty { margin: 0; color: var(--grey-400); font-style: italic; }
.pia-page .fact-alt-texts { display: flex; flex-direction: column; gap: 0.25rem; }
.pia-page .pia-start-btn { display: inline-block; padding: 0.5rem 1.25rem; background: var(--bm-main); color: var(--white); border: none; border-radius: var(--radius-none); font-size: 0.9375rem; font-weight: 600; cursor: pointer; }
.pia-page .pia-start-btn:hover { background: var(--bm-main); }
.pia-page .pia-pause-btn { display: inline-block; padding: 0.5rem 1.25rem; background: var(--status-warn); color: var(--white); border: none; border-radius: var(--radius-none); font-size: 0.9375rem; font-weight: 600; cursor: pointer; }
.pia-page .pia-pause-btn:hover { background: var(--status-warn); }
.pia-page .pia-running-badge { display: inline-block; padding: 0.5rem 1.25rem; background: color-mix(in srgb, var(--status-warn) 12%, var(--white)); color: var(--status-warn); border-radius: var(--radius-none); font-size: 0.9375rem; font-weight: 600; }
.pia-page .pia-paused-badge { display: inline-block; padding: 0.5rem 1.25rem; background: color-mix(in srgb, var(--status-error) 12%, var(--white)); color: var(--status-error); border-radius: var(--radius-none); font-size: 0.9375rem; font-weight: 600; }
.pia-page .pia-queue-actions { display: flex; align-items: center; gap: 0.75rem; }
.pia-page #facts_list:has(.fact-row) ~ #facts_empty { display: none; }
.pia-page #facts_list:not(:empty) ~ #facts_empty { display: none; }
.pia-page .pia-back-nav { display: flex; align-items: center; gap: 16px; margin-bottom: 20px; }
.pia-page .pia-back-link { color: var(--grey-600); text-decoration: none; font-size: 14px; }
.pia-page .pia-back-link:hover { color: var(--fill-primary); }
.pia-page .pia-product-heading { font-size: 20px; font-weight: 600; color: var(--fill-primary); }
.pia-page .fact-product-link { display: block; margin-top: 6px; font-size: 11px; color: var(--grey-600); text-decoration: none; text-align: center; }
.pia-page .fact-product-link:hover { color: var(--fill-primary); text-decoration: underline; }
.pia-page .fact-row--pending { background: color-mix(in srgb, var(--status-warn) 12%, var(--white)); border-left: 3px solid var(--status-warn); }
.pia-page .fact-analyzing-placeholder { display: flex; align-items: center; gap: 0.5rem; color: var(--status-warn); font-size: 0.8125rem; font-style: italic; }
.pia-page .fact-analyzing-placeholder .fact-analyzing-dot { display: inline-block; width: 8px; height: 8px; border-radius: var(--radius-none); background: var(--status-warn); animation: pia-pulse 1.2s ease-in-out infinite; }

/* ── Grid page (grouped): filter form + product groups + image cells ── */
.pia-page .pia-filter-form { display: flex; gap: 0.75rem; align-items: flex-end; margin-bottom: 1.5rem; flex-wrap: wrap; }
.pia-page .pia-filter-group { display: flex; flex-direction: column; gap: 0.25rem; }
.pia-page .pia-filter-label { font-size: 0.75rem; font-weight: 600; color: var(--grey-600); text-transform: uppercase; letter-spacing: 0.05em; }
.pia-page .pia-filter-select, .pia-page .pia-filter-input { padding: 0.375rem 0.75rem; border: 1px solid var(--rule); border-radius: var(--radius-none); font-size: 0.875rem; background: var(--white); color: var(--fill-primary); min-width: 10rem; }
.pia-page .pia-filter-input { min-width: 14rem; }
.pia-page .pia-filter-btn { padding: 0.375rem 0.875rem; background: var(--bm-main); color: var(--white); border: none; border-radius: var(--radius-none); font-size: 0.875rem; font-weight: 500; cursor: pointer; }
.pia-page .pia-filter-btn:hover { background: var(--bm-main); }
.pia-page .pia-filter-clear { padding: 0.375rem 0.75rem; font-size: 0.875rem; color: var(--grey-600); text-decoration: none; }
.pia-page .pia-filter-clear:hover { color: var(--fill-primary); }
.pia-page .pia-product-list { display: flex; flex-direction: column; gap: 2rem; }
.pia-regen-queued { padding: 0.5rem 0.875rem; background: color-mix(in srgb, var(--status-ok) 12%, var(--white)); color: var(--status-ok); border-radius: var(--radius-none); font-size: 0.875rem; font-weight: 500; display: inline-flex; align-items: center; gap: 0.5rem; }
.pia-regen-btn { padding: 0.375rem 0.875rem; background: var(--grey-100); color: var(--fill-primary); border: 1px solid var(--rule); border-radius: var(--radius-none); font-size: 0.875rem; font-weight: 500; cursor: pointer; }
/* product group */
.pia-page .pg-card { background: var(--white); border-radius: var(--radius-none); box-shadow: none; overflow: hidden; }
.pia-page .pg-header { padding: 0.875rem 1rem; border-bottom: 1px solid var(--rule); display: flex; gap: 1rem; align-items: baseline; flex-wrap: wrap; }
.pia-page .pg-title { font-size: 1rem; font-weight: 600; color: var(--fill-primary); }
.pia-page .pg-meta  { font-size: 0.8125rem; color: var(--grey-600); }
.pia-page .pg-all { margin-left: auto; }
.pia-page .pg-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; }
@media (max-width: 900px) { .pia-page .pg-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .pia-page .pg-grid { grid-template-columns: 1fr; } }
/* image cell */
.pia-page .ic-r { display: none; }
.pia-page .ic-cell { border-right: 1px solid var(--rule); border-bottom: 1px solid var(--rule); padding: 0.75rem; display: flex; flex-direction: column; gap: 0.5rem; }
.pia-page .ic-cell:nth-child(3n) { border-right: none; }
.pia-page .ic-img-btn { background: none; border: none; padding: 0; cursor: zoom-in; display: flex; align-items: center; justify-content: center; min-height: 120px; }
.pia-page .ic-img { max-width: 100%; max-height: 160px; object-fit: contain; border-radius: var(--radius-none); transition: opacity 0.1s; }
.pia-page .ic-img-btn:hover .ic-img { opacity: 0.85; }
.pia-page .ic-placeholder { min-height: 80px; display: flex; align-items: center; justify-content: center; background: var(--grey-100); border-radius: var(--radius-none); color: var(--grey-400); font-size: 0.8125rem; }
.pia-page .ic-badge-row { display: flex; flex-wrap: wrap; gap: 0.25rem; align-items: center; min-height: 1.375rem; }
.pia-page .ic-role-badge { display: inline-block; padding: 0.125rem 0.5rem; background: color-mix(in srgb, var(--brand-duotone) 18%, var(--white)); color: var(--brand-duotone-gray); border-radius: var(--radius-none); font-size: 0.625rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; }
.pia-page .ic-flag { display: inline-block; padding: 0.125rem 0.4rem; border-radius: var(--radius-none); font-size: 0.625rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; }
.pia-page .ic-flag--yes { background: color-mix(in srgb, var(--status-ok) 12%, var(--white)); color: var(--status-ok); }
.pia-page .ic-flag--no  { background: color-mix(in srgb, var(--status-error) 12%, var(--white)); color: var(--status-error); }
.pia-page .ic-tabs { display: flex; gap: 0; border-radius: var(--radius-none); overflow: hidden; border: 1px solid var(--rule); width: fit-content; }
.pia-page .ic-tab-l { padding: 0.1875rem 0.5rem; font-size: 0.6875rem; font-weight: 600; cursor: pointer; background: var(--grey-100); color: var(--grey-400); user-select: none; letter-spacing: 0.03em; }
.pia-page .ic-tab-l:not(:last-of-type) { border-right: 1px solid var(--rule); }
.pia-page .ic-tab-l--alt { background: var(--bm-main); color: var(--white); }
.pia-page .ic-cell:has(.ic-r[value="analysis"]:checked) .ic-tab-l--alt { background: var(--grey-100); color: var(--grey-400); }
.pia-page .ic-cell:has(.ic-r[value="analysis"]:checked) .ic-tab-l--ana { background: var(--bm-main); color: var(--white); }
.pia-page .ic-cell:has(.ic-r[value="v1"]:checked) .ic-tab-l--alt { background: var(--grey-100); color: var(--grey-400); }
.pia-page .ic-cell:has(.ic-r[value="v1"]:checked) .ic-tab-l--v1  { background: var(--bm-main); color: var(--white); }
.pia-page .ic-panel--ana { display: none; }
.pia-page .ic-panel--v1  { display: none; }
.pia-page .ic-cell:has(.ic-r[value="analysis"]:checked) .ic-panel--alt { display: none; }
.pia-page .ic-cell:has(.ic-r[value="analysis"]:checked) .ic-panel--ana { display: block; }
.pia-page .ic-cell:has(.ic-r[value="v1"]:checked) .ic-panel--alt { display: none; }
.pia-page .ic-cell:has(.ic-r[value="v1"]:checked) .ic-panel--v1  { display: block; }
.pia-page .ic-version-badge { display: inline-block; padding: 0.125rem 0.375rem; border-radius: var(--radius-none); font-size: 0.625rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; }
.pia-page .ic-version-badge--v2 { background: color-mix(in srgb, var(--bm-main) 12%, var(--white)); color: var(--bm-main); }
.pia-page .ic-version-badge--v1 { background: var(--grey-100); color: var(--grey-600); }
.pia-page .ic-alt-texts { display: flex; flex-direction: column; gap: 0.2rem; }
.pia-page .ic-short-desc { font-size: 0.75rem; color: var(--fill-primary); line-height: 1.4; margin: 0 0 0.35rem; }
.pia-page .ic-panel--ana [data-controller="json-viewer"] { max-height: none; }
.pia-page .ic-panel--ana .json-viewer-raw { max-width: 100%; overflow-x: auto; white-space: pre-wrap; word-break: break-word; font-size: 0.6875rem; margin: 0; }
.pia-page .ic-pending { display: flex; align-items: center; gap: 0.4rem; font-size: 0.75rem; color: var(--status-warn); font-style: italic; }
.pia-page .ic-pending .fact-analyzing-dot { display: inline-block; width: 7px; height: 7px; border-radius: var(--radius-none); background: var(--status-warn); animation: pia-pulse 1.2s ease-in-out infinite; }
.pia-page .ic-pim-btn { padding: 0.1875rem 0.5rem; font-size: 0.6875rem; font-weight: 600; background: color-mix(in srgb, var(--status-ok) 12%, var(--white)); color: var(--status-ok); border: 1px solid color-mix(in srgb, var(--status-ok) 12%, var(--white)); border-radius: var(--radius-none); cursor: pointer; align-self: flex-start; }
.pia-page .ic-pim-btn:hover { background: color-mix(in srgb, var(--status-ok) 12%, var(--white)); }
.pia-page .ic-pim-result { margin-top: 0.25rem; }

/* ── Stats page ── */
.pia-page .ps-status { display: flex; gap: 1.5rem; align-items: center; background: var(--white); border-radius: var(--radius-none); padding: 0.75rem 1.25rem; margin-bottom: 1.5rem; box-shadow: none; flex-wrap: wrap; }
.pia-page .ps-status-item { display: flex; align-items: center; gap: 0.5rem; font-size: 0.875rem; color: var(--fill-primary); }
.pia-page .ps-status-label { color: var(--grey-400); font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; }
.pia-page .ps-dot { width: 8px; height: 8px; border-radius: var(--radius-none); flex-shrink: 0; }
.pia-page .ps-dot--green  { background: var(--status-ok); }
.pia-page .ps-dot--yellow { background: var(--status-warn); animation: ps-pulse 1.5s ease-in-out infinite; }
.pia-page .ps-dot--gray   { background: var(--rule); }
.pia-page .ps-dot--red    { background: var(--status-error); }
.pia-page .ps-health      { margin-top: -8px; }
@keyframes ps-pulse { 0%,100% { opacity:1; } 50% { opacity:0.4; } }
.pia-page .ps-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem; margin-bottom: 1.5rem; }
.pia-page .ps-card { background: var(--white); border-radius: var(--radius-none); padding: 1.25rem; box-shadow: none; }
.pia-page .ps-card-label { font-size: 0.75rem; color: var(--grey-400); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; margin-bottom: 0.4rem; }
.pia-page .ps-card-value { font-size: 2rem; font-weight: 700; color: var(--fill-primary); line-height: 1; margin-bottom: 0.5rem; }
.pia-page .ps-card-sub { font-size: 0.75rem; color: var(--grey-600); }
.pia-page .ps-bar-track { height: 4px; background: var(--rule); border-radius: var(--radius-none); margin-top: 0.5rem; }
.pia-page .ps-bar-fill  { height: 4px; background: var(--status-ok); border-radius: var(--radius-none); }
.pia-page .ps-section { background: var(--white); border-radius: var(--radius-none); box-shadow: none; margin-bottom: 1.5rem; overflow: hidden; }
.pia-page .ps-section-head { padding: 0.875rem 1.25rem; border-bottom: 1px solid var(--grey-100); font-size: 0.875rem; font-weight: 600; color: var(--fill-primary); display: flex; justify-content: space-between; align-items: center; }
.pia-page .ps-section-sub { font-size: 0.75rem; color: var(--grey-400); font-weight: 400; }
.pia-page .ps-brand-table { width: 100%; border-collapse: collapse; }
.pia-page .ps-brand-table th { padding: 0.625rem 1.25rem; font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--grey-400); text-align: left; border-bottom: 1px solid var(--grey-100); white-space: nowrap; }
.pia-page .ps-brand-table td { padding: 0.75rem 1.25rem; font-size: 0.875rem; color: var(--fill-primary); border-bottom: 1px solid var(--grey-100); vertical-align: middle; }
.pia-page .ps-brand-table tr:last-child td { border-bottom: none; }
.pia-page .ps-brand-name { font-weight: 600; color: var(--fill-primary); font-size: 0.8125rem; }
.pia-page .ps-pct-cell { display: flex; align-items: center; gap: 0.5rem; }
.pia-page .ps-pct-bar { flex: 1; height: 6px; background: var(--rule); border-radius: var(--radius-none); min-width: 80px; }
.pia-page .ps-pct-bar-fill { height: 6px; border-radius: var(--radius-none); }
.pia-page .ps-pct-bar-fill--v2  { background: var(--bm-main); }
.pia-page .ps-pct-bar-fill--pim { background: var(--status-ok); }
.pia-page .ps-pct-label { font-size: 0.75rem; color: var(--grey-600); width: 2.5rem; text-align: right; flex-shrink: 0; }
.pia-page .ps-sync-ts { font-size: 0.75rem; color: var(--grey-400); margin-top: 0.125rem; }
.pia-page .ps-sync-count { font-weight: 600; color: var(--fill-primary); }
.pia-page .ps-sync-date { font-size: 0.8125rem; color: var(--fill-primary); }
.pia-page .ps-no-sync { font-size: 0.75rem; color: var(--rule); font-style: italic; }
.pia-page .ps-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }
@media (max-width: 900px) { .pia-page .ps-row { grid-template-columns: 1fr; } }
.pia-page .ps-timeline { padding: 1rem 1.25rem; }
.pia-page .ps-tl-row { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.25rem; }
.pia-page .ps-tl-date { font-size: 0.6875rem; color: var(--grey-400); width: 4.5rem; flex-shrink: 0; text-align: right; }
.pia-page .ps-tl-bars { flex: 1; display: flex; gap: 1px; height: 14px; align-items: flex-end; }
.pia-page .ps-tl-bar-a { background: var(--bm-main); border-radius: var(--radius-none); }
.pia-page .ps-tl-bar-b { background: var(--status-ok); border-radius: var(--radius-none); height: 100%; }
.pia-page .ps-tl-bar-empty { width: 1px; height: 100%; background: var(--grey-100); }
.pia-page .ps-tl-count { font-size: 0.6875rem; color: var(--grey-400); width: 2.5rem; text-align: right; flex-shrink: 0; }
.pia-page .ps-tl-legend { display: flex; gap: 1rem; padding: 0 1.25rem 1rem; }
.pia-page .ps-tl-legend-item { display: flex; align-items: center; gap: 0.375rem; font-size: 0.75rem; color: var(--grey-600); }
.pia-page .ps-tl-swatch { width: 10px; height: 10px; border-radius: var(--radius-none); }
.pia-page .ps-tl-empty { padding: 1.25rem; font-size: 0.875rem; color: var(--grey-400); font-style: italic; }
.pia-page .ps-pim-tl { padding: 0.75rem 1.25rem; }
.pia-page .ps-pim-row { display: flex; align-items: baseline; gap: 0.75rem; padding: 0.375rem 0; border-bottom: 1px solid var(--grey-100); }
.pia-page .ps-pim-row:last-child { border-bottom: none; }
.pia-page .ps-pim-date { font-size: 0.75rem; color: var(--grey-600); width: 5rem; flex-shrink: 0; font-weight: 500; }
.pia-page .ps-pim-brands { display: flex; gap: 0.5rem; flex-wrap: wrap; flex: 1; }
.pia-page .ps-pim-chip { font-size: 0.6875rem; background: color-mix(in srgb, var(--status-ok) 12%, var(--white)); color: var(--status-ok); padding: 0.125rem 0.5rem; border-radius: var(--radius-none); font-weight: 600; }
.pia-page .ps-pim-total { font-size: 0.75rem; color: var(--grey-400); width: 2rem; text-align: right; flex-shrink: 0; }
.pia-page .ps-refresh { font-size: 0.8125rem; color: var(--grey-600); text-decoration: none; padding: 0.25rem 0.625rem; border: 1px solid var(--rule); border-radius: var(--radius-none); }
.pia-page .ps-refresh:hover { background: var(--grey-100); color: var(--fill-primary); }