.zonePintIndex{flex-direction:column;gap:8px;display:flex}.zonePintIndexRow{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}@media (max-width:420px){.zonePintIndexRow{grid-template-columns:repeat(3,minmax(0,1fr))}}.zonePintCell{border-radius:var(--radius-sm);border:1px solid var(--badge-border);background:var(--badge-surface);min-height:44px;color:var(--badge-ink);font:inherit;text-align:center;width:100%;transition:background var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out), transform var(--duration-fast) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px;display:flex}.zonePintCell.isPriced{border-color:var(--price-band-border,var(--badge-border));background:var(--price-band-surface,var(--badge-surface));color:var(--price-band-ink,var(--badge-ink));box-shadow:var(--price-plaque-shine)}button.zonePintCell.isPriced:not(.isActive){border-color:color-mix(in srgb, var(--line) 70%, var(--accent-action) 30%)}.zonePintCell.isThin{opacity:.78;border-style:dashed}button.zonePintCell{cursor:pointer}button.zonePintCell:hover,button.zonePintCell:focus-visible{border-color:var(--accent-action);color:var(--ink)}button.zonePintCell:focus-visible{outline:2px solid var(--accent-action);outline-offset:2px}button.zonePintCell:active{--shared-press-scale:1;transform:scale(.97)}.zonePintCell.isActive{border-color:var(--state-active-border);background:var(--state-active-surface);color:var(--state-active-ink);box-shadow:none}.zonePintCellZone{letter-spacing:.02em;text-transform:uppercase;opacity:.85;font-size:.66rem;font-weight:600}.zonePintCellValue{font-variant-numeric:tabular-nums;font-size:.98rem;font-weight:700;line-height:1}.isCompact .zonePintCellValue{font-size:.9rem}.zonePintCellHint{text-transform:uppercase;letter-spacing:.03em;opacity:.72;font-size:.58rem}.zonePintIndexTax{color:var(--ink);margin:0;font-size:.86rem;font-weight:600}.isCompact .zonePintIndexTax{font-size:.8rem}.zonePintIndexOrderNote{color:var(--ink-soft);margin:0;font-size:.8rem;line-height:1.45}.isCompact .zonePintIndexOrderNote{font-size:.74rem}.zonePintIndexMethod{color:var(--ink-soft);margin:0;font-size:.74rem;line-height:1.45}.isCompact .zonePintIndexMethod{font-size:.7rem}@media (prefers-reduced-motion:reduce){.zonePintCell{transition:none}button.zonePintCell:active{transform:none}}.zonePintIndex.isCompact .zonePintIndexRow{border-top:1px solid var(--line-soft);flex-direction:column;gap:0;display:flex}.zonePintIndex.isCompact .zonePintIndexRow>li{border-bottom:1px solid var(--line-soft)}.zonePintIndex.isCompact .zonePintCell{min-height:44px;box-shadow:none;color:var(--ink-soft);text-align:left;background:0 0;border:0;border-radius:0;flex-direction:row;justify-content:space-between;align-items:baseline;gap:10px;padding:8px 6px}.zonePintIndex.isCompact .zonePintCell.isPriced{color:var(--ink-soft)}.zonePintIndex.isCompact .zonePintCell.isThin{border-style:none}.zonePintIndex.isCompact button.zonePintCell:hover,.zonePintIndex.isCompact button.zonePintCell:focus-visible{background:color-mix(in srgb, var(--accent-action) 9%, transparent);color:var(--ink)}.zonePintIndex.isCompact button.zonePintCell:focus-visible{outline-offset:-2px}.zonePintIndex.isCompact .zonePintCell.isActive{background:var(--panel-raised);color:var(--ink)}.zonePintIndex.isCompact .zonePintCellZone{letter-spacing:0;opacity:1;text-transform:none;font-size:.82rem;font-weight:700}.zonePintIndex.isCompact .zonePintCellValue{font-family:var(--font-data);color:var(--accent-price-ink);font-size:.95rem}.zonePintIndex.isCompact .zonePintCell.isThin .zonePintCellValue{color:var(--muted)}.zonePintIndex.isCompact .zonePintCellHint{flex:none}@media (max-width:420px){.zonePintIndex.isCompact .zonePintIndexRow{grid-template-columns:none}}