/* Draw Hall instant bid: the quick picks are keys on the vision desk,
   navy with a lamp that lights gold under the pointer; the steppers are
   small keys too. The sheet itself is dressed in skin/home.css. */
@import url("../../../components/instant_bid_modal.css");

.ibm-step { border-radius: 8px !important; border-color: var(--rule) !important; box-shadow: 0 2px 0 var(--rule); transition: transform .12s ease, box-shadow .12s ease; }
.ibm-step:hover { background: var(--drh-blue) !important; color: #ffffff !important; border-color: transparent !important; }
.ibm-step:active { transform: translateY(2px); box-shadow: none; }
.ibm-bid-input { font-family: var(--font-num) !important; font-weight: 700 !important; letter-spacing: -.02em; border-radius: 10px !important; font-variant-numeric: tabular-nums; }
.ibm-bid-input:focus { border-color: var(--drh-blue) !important; box-shadow: 0 0 0 4px var(--drh-blue-soft); }
.ibm-pill { position: relative; border-radius: 8px !important; font-family: var(--font-num); font-size: .95rem; font-weight: 700; letter-spacing: -.02em; color: #ffffff !important; border: 0; background: #0b1433; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12), 0 3px 0 #03050f; transition: transform .12s ease, box-shadow .12s ease, background-color .2s ease; }
html.dark .ibm-pill { background: #172150; }
.ibm-pill:hover, .ibm-pill:focus-visible { box-shadow: inset 0 0 0 1px rgba(255, 194, 31, .7), 0 3px 0 #03050f, 0 0 14px rgba(255, 194, 31, .35); color: #ffc21f !important; transform: translateY(-1px); }
.ibm-pill:active { transform: translateY(3px); box-shadow: inset 0 0 0 1px rgba(255, 194, 31, .7); }
.ibm-pill-max { background: #0b8559; color: #ffffff !important; box-shadow: 0 3px 0 #06603f; }
html.dark .ibm-pill-max { background: #0b8559; }
.ibm-pill-min { background: transparent; border: 1px dashed var(--rule); color: var(--ink-2) !important; box-shadow: none; font-family: var(--font-ui); font-weight: 700; letter-spacing: 0; }
.ibm-full-link:hover { color: var(--ink); text-decoration: underline; text-decoration-color: var(--drh-red); text-decoration-thickness: 2px; text-underline-offset: 3px; }
/* the top bid keeps white figures under the pointer; the tinted figure is for the plain pills */
.ibm-pill-max:is(:hover, :focus-visible) { color: #ffffff !important; }