
.archive-status-switch { display: inline-flex; flex: 0 0 auto; padding: 3px; gap: 2px; border: 1px solid #dce4ef; border-radius: 9px; background: #f4f7fb; }
.archive-status-switch button { border: 0; border-radius: 6px; padding: 7px 11px; color: #64748b; background: transparent; font: inherit; font-size: 12px; white-space: nowrap; cursor: pointer; }
.archive-status-switch button[aria-pressed="true"] { color: #fff; background: #326bf3; box-shadow: 0 2px 5px #326bf325; }
.archive-status-switch button:focus-visible { outline: 2px solid #326bf3; outline-offset: 2px; }
.product-archive-workspace .data-table tbody tr.is-archived-row > td { background: #fff1f0 !important; }
.product-archive-workspace .data-table tbody tr.is-archived-row:hover > td { background: #ffe7e5 !important; }
