/* Keep one bidder status alongside the increment. This file does not change
   the installed font sizes or bold guidance rules in auction-room.css. */
.bid-overview .auction-increment:has(.auction-bid-standing) {
    grid-column:1/3;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:24px;
}
.bid-overview:has(.auction-bid-standing) .auction-timer {grid-row:1;}
.auction-bid-standing {
    display:grid;min-width:0;padding:5px 8px;border:1px solid #ccd3d9;border-radius:5px;
    background:#eef1f4;color:#394753;font-size:12px;font-weight:700;line-height:1.4;
    text-align:center;overflow-wrap:normal;
}
/* The hidden longest message reserves the same space in every state. */
.auction-bid-standing::after {
    content:'We have received your bid. You are currently not the winning bidder. Please raise your bid.';visibility:hidden;grid-area:1/1;
}
.auction-bid-standing>span {grid-area:1/1;align-self:center;}
.auction-bid-standing[data-standing="Leading"],.auction-bid-standing[data-standing="Won"] {
    background:#e5f4e9;border-color:#8fbf9a;color:#185c2b;
}
.auction-bid-standing[data-standing="Outbid"],.auction-bid-standing[data-standing="Lost"] {
    background:#fce8e7;border-color:#dda29e;color:#91251f;
}
@media(max-width:760px) {
    .bid-overview .auction-increment:has(.auction-bid-standing) {grid-template-columns:1fr 1fr;}
}
@media(max-width:400px) {
    .bid-overview .auction-increment:has(.auction-bid-standing) {grid-column:1;grid-template-columns:1fr;gap:5px;}
    .bid-overview:has(.auction-bid-standing) .auction-timer {grid-row:3;}
}