/* Fix26: final scoped field widths. No homepage structure or branding changes. */
[hidden]{display:none!important}
body.account .grid.two{grid-template-columns:repeat(2,minmax(0,300px));justify-content:start}
body.account .grid.two label{max-width:300px;min-width:0}
body.account .grid.two .full{max-width:612px}
body.simple-journey .simple-shell{max-width:1060px}
body.simple-journey .simple-grid{grid-template-columns:repeat(2,minmax(0,300px));justify-content:start}
body.simple-journey .journey-page[data-page="2"] .simple-grid{grid-template-columns:repeat(3,minmax(0,280px));justify-content:start}
body.simple-journey .simple-grid input,body.simple-journey .simple-grid select{max-width:300px}
body.simple-journey .simple-grid input[type=number]{max-width:150px!important}
body.simple-journey .simple-grid .full{grid-column:1/-1}
body.account input[type=tel],body.simple-journey input[type=tel]{max-width:220px}
body.account input[type=date],body.simple-journey input[type=date]{max-width:170px}
body.account .onboard-steps{margin-bottom:12px}
body.account .auth-grid{grid-template-columns:minmax(0,690px) minmax(240px,300px)}
body.account .onboard-step h2{margin:8px 0}
body.account .profile-type span{padding:10px!important}
body.account label{gap:3px}
body.account .grid.two input,body.account .grid.two select{width:100%}
body.reservation-page{font-size:14px;line-height:1.4}
body.reservation-page .wrap,body.reservation-page .receipt{max-width:900px;margin:16px auto;padding:12px}
body.reservation-page .card{padding:18px;border-radius:12px;box-shadow:none}
body.reservation-page .head{align-items:center;gap:12px;padding-bottom:10px}
body.reservation-page .head img{width:140px}
body.reservation-page h1{font-size:23px;line-height:1.2;margin:4px 0}
body.reservation-page h2{font-size:18px}
body.reservation-page .summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}
body.reservation-page .item{padding:8px;overflow-wrap:anywhere}
body.reservation-page .item strong{font-size:14px}
body.reservation-page .form{grid-template-columns:repeat(2,minmax(0,280px));gap:9px 12px;justify-content:start}
body.reservation-page .form .full{grid-column:auto}
body.reservation-page .form label{font-size:13px;min-width:0}
body.reservation-page .form input,body.reservation-page .form select,body.reservation-page #paymentReference{height:38px!important;min-height:38px!important;width:100%;max-width:280px;font-size:14px!important;padding:6px 9px!important;margin-top:2px;border:1px solid #a6bac7;border-radius:6px}
body.reservation-page input[type=date]{max-width:170px!important}
body.reservation-page .delivery-option{padding:9px;border-radius:8px;font-size:14px}
body.reservation-page .delivery-option input{width:18px;height:18px;min-height:18px}
body.reservation-page .collection,body.reservation-page .branch-preview,body.reservation-page .payment-box,body.reservation-page .payment-confirm{margin:10px 0;padding:10px;font-size:13px;border-width:1px;border-radius:8px}
body.reservation-page .branch-preview{grid-column:1/-1!important;max-width:572px}
body.reservation-page .payment-card{padding:9px}
body.reservation-page .payment-card h3{font-size:15px}
body.reservation-page .choice-title{margin:12px 0 7px;font-size:15px}
body.reservation-page .actions{flex-wrap:wrap;gap:8px;margin-top:12px}
body.reservation-page .button{font-size:14px!important;min-height:38px;padding:8px 12px}
body.reservation-page #paymentForm>label:first-child{display:grid;gap:4px;max-width:280px}
body.reservation-page .check-line{display:flex;align-items:center;gap:8px;margin:9px 0}
body.reservation-page .check-line input{width:18px;height:18px;min-height:18px}
body.reservation-page .lifecycle-status{background:#e6f3ed;border-left:4px solid #087747;padding:10px;font-weight:700;border-radius:6px}
body.reservation-page .receipt dl{gap:7px;margin:14px 0}
body.reservation-page .receipt dd{overflow-wrap:anywhere}
body.reservation-page #reservationMessage{font-weight:700}
body.reservation-page li{margin:5px 0}
.winning-board,.my-reservations{margin-top:10px;padding:8px 10px;border:1px solid #a5b8ad;border-radius:8px;background:#193b35}
.winning-board summary,.my-reservations summary{font-weight:700;cursor:pointer}
.winning-rows{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.winner-pill{background:#0b623d;border:1px solid #8cc4a4;border-radius:6px;padding:5px 8px;font-size:13px}
.winner-pill small{white-space:nowrap}
#winningSummary{font-size:12px;margin:6px 0 0;color:#e5f1e9}
.reservation-link{display:inline-block;margin:6px 6px 0 0;padding:7px 9px;color:#123c54;background:#fff;border-radius:6px;font-size:13px}
#staffNightReservations{margin-top:12px}
.staff-reservation{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #d5e1e6}
.staff-reservation small,.staff-reservation span{display:block;margin:4px 0;font-size:13px;overflow-wrap:anywhere}
.settlement-actions button{width:100%;min-height:38px;font-size:13px}
@media(max-width:900px){
 body.account .auth-grid{grid-template-columns:1fr}
 body.simple-journey .journey-page[data-page="2"] .simple-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.reservation-page .summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
 body.account .grid.two,body.simple-journey .simple-grid,body.simple-journey .journey-page[data-page="2"] .simple-grid{grid-template-columns:1fr}
 body.account .grid.two label,body.simple-journey .simple-grid input,body.simple-journey .simple-grid select{max-width:100%}
 body.reservation-page .wrap,body.reservation-page .receipt{margin:8px;padding:8px}
 body.reservation-page .card{padding:12px}
 body.reservation-page .head{flex-wrap:wrap}
 body.reservation-page .form,body.reservation-page .delivery-options,body.reservation-page .payment-grid{grid-template-columns:1fr}
 body.reservation-page .form input,body.reservation-page .form select,body.reservation-page #paymentReference{font-size:16px!important;height:44px!important;min-height:44px!important;max-width:100%}
 body.reservation-page .button,.settlement-actions button{min-height:44px}
 body.reservation-page .payment-card dl{grid-template-columns:1fr}
 body.reservation-page .payment-card dd{text-align:left}
 .staff-reservation{grid-template-columns:1fr}.settlement-actions{max-width:240px}
 .reservation-link{min-height:44px}
}
@media print{body.reservation-page .receipt{max-width:none;padding:0}.receipt .actions{display:none}}
/* Fix27: one compact, explicitly labelled standing per test customer. */
.night-fx-workspace .winning-board{background:#203542;border-color:#8aabb9}
.night-fx-workspace .winning-rows{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.bidder-standing{padding:8px;border:1px solid #849ba8;border-radius:7px;background:#2d4351;min-width:0;font-size:12px;line-height:1.4}
.bidder-standing.whole{background:#15583c;border-color:#a5dfbc}
.bidder-standing.outbid{background:#692d2d;border-color:#e6a6a6}
.bidder-standing.empty{background:#263a46;color:#d2e0e8}
.standing-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 8px}
.standing-title>span{font-size:11px}
.bidder-standing p{margin:4px 0;font-size:12px}
.standing-amounts{display:flex;flex-wrap:wrap;gap:3px 9px}
.green-amount{color:#bbf4c9}.red-amount{color:#ffd1d1}
.bidder-standing small{display:block;margin-top:3px;color:#e7f0f5;font-size:11px}
@media(max-width:780px){.night-fx-workspace .winning-rows{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.night-fx-workspace .winning-rows{grid-template-columns:1fr}}
/* Fix28: purchased amounts sit outside the active bidding cards. */
.night-fx-workspace .buy-now-activity,.night-fx-workspace .my-buy-now{margin:8px 0 0;padding:7px 9px;background:#123c45;border:1px solid #82bec3;border-radius:6px;color:#e9fbff;font-size:12px;line-height:1.45}
.night-fx-workspace .my-buy-now{margin:0 0 8px}
.night-fx-workspace .my-buy-now a{color:#fff;text-decoration:underline;font-weight:700}
.night-fx-workspace .no-active-bidders{margin:0;font-size:13px;color:#edf5fa;grid-column:1/-1}