.verde-bid-panel{margin:18px 0;padding:18px;border:1px solid #a66a7d;border-radius:12px;background:#301e24;color:#f7f4ed}
.verde-bid-panel[hidden]{display:none!important}
.verde-bid-panel label{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:15px;line-height:1.4;text-transform:none;letter-spacing:normal}
.verde-bid-panel output{font-weight:600;white-space:nowrap}
.verde-bid-panel input[type=range]{display:block;box-sizing:border-box;width:100%;min-height:44px;margin:12px 0 0;padding:0;accent-color:#c994a6;cursor:pointer;background:transparent;border:0}
.verde-bid-panel input[type=range]:focus-visible{outline:2px solid #ead8c0;outline-offset:2px}
.verde-bid-ends{display:flex;justify-content:space-between;font-size:11px;color:#d7c3ba}
.verde-bid-panel p{font-size:13px;line-height:1.6;margin:14px 0 0}.verde-bid-panel .verde-bid-fee{color:#d7c3ba;font-size:12px}
@media(max-width:360px){.verde-bid-panel{padding:12px}.verde-bid-panel label{font-size:13px}}
/* Cream booking-form backing and strong bid-label contrast. */
#modal .box{background:#dcc6a5!important;color:#251b1c!important}
#modal #bookingTitle,#modal .fine,#modal .box>a,#modal .box a{color:#251b1c!important}
#modal .rev{color:#f7f4ed}
#modal .verde-bid-panel{background:#f2e6d4;color:#251b1c;border-color:#8b6d54}
#modal .verde-bid-panel label,#modal .verde-bid-panel output{color:#251b1c;font-weight:700}
#modal .verde-bid-panel p,#modal .verde-bid-ends{color:#3d2c25}
#modal .verde-bid-panel input[type=range]{accent-color:#602334;color-scheme:light}
.verde-bid-ends{position:relative;align-items:start;gap:4px;font-size:10px}
.verde-bid-ends strong{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;font-weight:700}
#pvPinT,#pvPinT b{color:#251b1c!important;font-weight:800!important}
#pvPinT{background:#f2e6d4!important;text-shadow:none!important}

/* Simple table rows: number, zone, optional bid label and price. */
.list .card{min-height:68px}
@media(max-width:360px){.list .card{gap:8px;padding:14px 10px}.list .card .id{width:34px}.list .card .right .min{font-size:18px}.list .card .meta .z{font-size:9px;letter-spacing:1px}}

/* Consistent table columns and airy booking content. */
.list .card{display:grid;grid-template-columns:minmax(40px,.8fr) minmax(52px,1fr) auto;align-items:center;gap:12px;padding:18px 20px;min-height:76px}
.list .card .id{width:auto;text-align:left}
.list .card .meta{min-width:0}
.list .card .meta .z{font-size:11px;letter-spacing:1.5px}
#modal .rev{padding:16px 18px;margin:20px 0}
#modal .rev .row{padding:8px 0;gap:16px;line-height:1.5}
#modal .verde-bid-panel{padding:20px;margin:22px 0}
#modal .verde-bid-panel label{gap:12px;line-height:1.5}
#modal .verde-bid-panel input[type=range]{margin:16px 0 4px}
.verde-bid-points{margin:24px 0 0;padding:0 0 0 18px;list-style:disc;font-size:13px;line-height:1.6;color:#3d2c25}
.verde-bid-points li{padding-left:4px;margin:0 0 12px}
.verde-bid-points li:last-child{margin-bottom:0}
#modal .fine[hidden]{display:none!important}
@media(max-width:760px){
 #modal .box{padding:24px}
 #modal .modal-back{top:-24px;width:calc(100% + 48px);margin:-24px -24px 24px;padding:16px 24px}
 #modal #bookingTitle{font-size:22px;line-height:1.3;margin-bottom:20px}
}
@media(max-width:360px){
 .list .card{padding:16px 14px;gap:8px;min-height:72px}
 .list .card .meta .z{font-size:10px;letter-spacing:1px}
 #modal .verde-bid-panel{padding:16px}
}