/* =============================================================
   Plate calculator. Page-only styles on top of instrument.css (the shared
   card-free tool layout). Only what is unique to this tool lives here:
   the close-up sleeve, the plate legend and the "nearest you can load"
   jumps. Hover is guarded behind (hover: hover) so a tap never sticks.
   ============================================================= */

/* The sleeve close-up is drawn to real proportions, so it is nearly square:
   cap its height rather than letting it fill the column. */
.pl-bar__svg { display: block; width: 100%; height: auto; max-width: 300px; }

/* Legend: one line per plate size, colour swatch, weight, count. */
.pl-legend { margin-top: 18px; border-top: 1px solid #1F1F1F; }
.pl-row { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 48px; border-bottom: 1px solid #1F1F1F; }
.pl-row__k { display: inline-flex; align-items: center; gap: 12px; font-size: 17px; font-weight: 800; color: #fff; font-variant-numeric: tabular-nums; }
.pl-row__k i { width: 12px; height: 12px; border-radius: 3px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.2); }
.pl-row__k small { font-size: 13px; font-weight: 600; color: #71717A; }
.pl-row__v { font-size: 15px; font-weight: 700; color: #A0A0A0; font-variant-numeric: tabular-nums; }
.pl-empty { padding: 14px 0; font-size: 15px; color: #A0A0A0; border-bottom: 1px solid #1F1F1F; }

.pl-alt { margin-top: 22px; }
.pl-alt[hidden] { display: none; }
.pl-jumps { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }

/* Plate chips are toggles: on shows the plate colour, off is struck through. */
.pl-plate i { flex: none; width: 10px; height: 10px; border-radius: 3px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); }
/* Owned plates stay dark: the colour dot is the signal. Restated over the
   shared rule that fills every pressed chip white. */
.pl-plate[aria-pressed="true"] { background: #141416; color: #fff; }
.pl-plate[aria-pressed="false"] { background: transparent; color: #52525B; text-decoration: line-through; box-shadow: inset 0 0 0 1px #1F1F1F; }
.pl-plate[aria-pressed="false"] i { opacity: .25; }