/* Shared by the dashboard and squad builder. Direction always includes text and an arrow. */
#tab-prices{scroll-margin-top:80px;}
.price-watch-badge{display:inline-block;box-sizing:border-box;max-width:100%;padding:2px 4px;border-radius:4px;font-size:9px;font-weight:700;line-height:1.2;white-space:normal;text-align:center;}
.price-watch-badge.up{background:var(--green-tint);color:var(--green-deep);}
.price-watch-badge.dn{background:var(--red-tint);color:var(--red-fg);}
.price-watch-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin-bottom:13px;}
.price-watch-heading h2{font-size:11.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;margin:0;}
.price-watch-heading span{font-size:12px;color:var(--text-3);}
.price-watch-empty{font-size:13px;line-height:1.5;color:var(--text-3);margin:0;padding:12px;background:var(--surface-3);border-radius:var(--radius-sm);}
.price-watch-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:8px 0;}
.price-watch-row+.price-watch-row{border-top:1px solid var(--border);}
.price-watch-player{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:inherit;text-decoration:none;}
.price-watch-player:hover,.price-watch-player:focus-visible{color:var(--green-deep);text-decoration:underline;}
.price-watch-detail .price-watch-player{white-space:normal;overflow-wrap:anywhere;}
.price-watch-number{font-family:var(--mono);font-size:12px;text-align:right;}
.price-watch-direction{font-size:12px;}
.price-watch-direction.up{color:var(--green-deep);}
.price-watch-direction.dn{color:var(--red-fg);}
.price-watch-help{font-size:11px;line-height:1.5;color:var(--text-2);margin:8px 0 0;}
.price-watch-help summary{cursor:pointer;font-weight:600;}
.price-watch-help p{margin:8px 0 0;}
.price-watch-link{display:inline-block;margin-top:12px;font-size:12px;font-weight:700;color:var(--green-deep);}
.price-watch-expired[hidden]{display:none;}