/* Shared who-overpaid verdict scale — the 5-button segmented control + tally. Used by the trade page,
   the landing vote carousel, and /trade-voting. Keyed on generic classes (.aseg/.abtn/.atally/.locked),
   NOT the page-specific wrapper, so every surface styles the scale identically. Wrapper chrome (panel
   border, heading, card frame) stays with each caller. See /static/vote_widget.js for the interaction. */
.aseg{display:inline-flex;border:1px solid #aab4bf;max-width:100%;flex-wrap:nowrap;overflow-x:auto;vertical-align:middle}  /* one row, always */
.abtn{font:inherit;border:none;background:#fff;cursor:pointer;padding:4px 10px 3px;display:flex;flex-direction:column;align-items:center;gap:0;min-width:70px;flex:1 0 auto;line-height:1.25}
.abtn + .abtn{border-left:1px solid #d6dde3}
.abtn .at{font-weight:800;font-size:11px;color:#2d3138;letter-spacing:.3px}
.abtn .at .ac{font-weight:700;font-size:9.5px;color:#9aa3ad;margin-left:4px}
.abtn .al{font-size:8.5px;color:#8792a0;text-transform:uppercase;letter-spacing:.35px}
.abtn:hover{background:#f3f6f8}
.abtn.fair .at{color:#1a7d5a}
.abtn.arm{outline:2px dashed #e2641d;outline-offset:-2px}   /* first tap of the two-tap lock */
.locked .abtn{cursor:default}
.locked .abtn:not(.on):hover{background:#fff}   /* :not(.on) — a bare :hover out-specified the selected fill, blanking it white */
.locked .abtn:not(.on){opacity:.45}
.abtn.on.maj{background:#c0492b}
.abtn.on.sli{background:#d0745a}
.abtn.on.fair{background:#1a7d5a}
.abtn.on .at,.abtn.on .al,.abtn.on .at .ac,.abtn.on.fair .at{color:#fff}
.atally{font-size:10.5px;color:#667;margin-top:4px}
.atally b{color:#1d2630}
@media(max-width:640px){
  .aseg{display:flex;width:100%}
  .abtn{min-width:0;flex:1 1 0;padding:4px 2px 3px;overflow:hidden}
  .abtn .at{font-size:10px;letter-spacing:.2px}
  .abtn .at .ac{font-size:8px;margin-left:2px}
  .abtn .al{font-size:6.8px;letter-spacing:.2px;white-space:nowrap}
}
html[data-theme="dark"] .atally{color:#9aa5af}
html[data-theme="dark"] .aseg{border-color:#3a4047}
html[data-theme="dark"] .abtn{background:#23272d}
html[data-theme="dark"] .abtn + .abtn{border-left-color:#3a4047}
html[data-theme="dark"] .abtn:hover{background:#2c313a}
html[data-theme="dark"] .locked .abtn:not(.on):hover{background:#23272d}
html[data-theme="dark"] .abtn .at{color:#cdd4dc}
html[data-theme="dark"] .abtn.fair .at{color:#4cc08e}
html[data-theme="dark"] .abtn.on.maj{background:#a63c22}
html[data-theme="dark"] .abtn.on.sli{background:#b8593e}
html[data-theme="dark"] .abtn.on.fair{background:#166a4c}
html[data-theme="dark"] .abtn.on .at,html[data-theme="dark"] .abtn.on .al,html[data-theme="dark"] .abtn.on .at .ac,html[data-theme="dark"] .abtn.on.fair .at{color:#fff}
html[data-theme="dark"] .atally b{color:#cdd4dc}