/* Shared TREXpedition modal/sheet treatment */
.sheet{background:rgba(12,16,14,.42)!important;backdrop-filter:blur(4px)}
.sheet .sheet-card{background:#f5f1e9!important;color:#111920!important;border:1px solid rgba(17,25,32,.13)!important;box-shadow:0 24px 70px rgba(0,0,0,.30)!important}
.sheet .sheet-card h1,.sheet .sheet-card h2,.sheet .sheet-card h3,.sheet .sheet-card strong,.sheet .sheet-card label{color:#111920}
.sheet .sheet-card .eyebrow{color:#e51f2a!important}
.sheet .sheet-card .muted,.sheet .sheet-card small{color:#697078!important}
.sheet .close{background:#e7e2da!important;color:#111920!important;border:0!important}
.sheet input,.sheet select,.sheet textarea{box-sizing:border-box;max-width:100%;background:#fff!important;color:#111920!important;border:1px solid #d5d2cc!important;border-radius:12px!important;padding:11px 12px!important;font:inherit}
.sheet textarea{resize:vertical}.sheet button.primary,.sheet button[type="submit"]{background:#e51f2a!important;color:#fff!important;border-color:#e51f2a!important;border-radius:12px!important;font-weight:850}.sheet button.secondary{background:#fff!important;color:#111920!important;border:1px solid #d5d2cc!important;border-radius:12px!important}.sheet button.ghost{color:#111920!important}
#addVehicleSheet .sheet-card{width:min(620px,calc(100% - 20px));max-height:min(88vh,820px);overflow:auto;padding:22px!important}
#addVehicleSheet #vehicleFormTitle{margin:0 44px 16px 0;font-size:30px}
.trex-garage-v2{display:grid;gap:16px}.trex-garage-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trex-garage-grid label{display:grid;gap:6px;font-size:12px;font-weight:850}.trex-garage-grid label span{letter-spacing:.02em}.trex-garage-grid label:nth-child(2){grid-column:1/-1}.trex-garage-grid label:nth-child(2) input{font-size:17px;font-weight:750}
.trex-garage-photo{border:1px solid #d8d2c8;border-radius:16px;padding:13px;background:#fffaf2}.trex-garage-photo-head{display:flex;justify-content:space-between;margin-bottom:9px}.trex-garage-photo-preview{height:150px;border:1px dashed #c9c3b9;border-radius:13px;display:grid;place-items:center;align-content:center;gap:5px;overflow:hidden;background:#eee9e0}.trex-garage-photo-preview img{width:100%;height:100%;object-fit:cover}.trex-garage-photo-buttons{display:flex;gap:8px;margin-top:9px}.trex-avatar-choice{display:flex!important;gap:10px!important;align-items:flex-start}.trex-avatar-choice input{width:18px!important;height:18px!important;flex:none}.trex-avatar-choice span{display:grid;gap:2px}.trex-garage-mods{border-top:1px solid #ddd7cd;padding-top:14px}.trex-garage-mod-title{display:flex;justify-content:space-between;margin-bottom:9px}.trex-mod-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.trex-mod-grid label{background:#fff;border:1px solid #ddd7cd;border-radius:10px;padding:9px;font-size:12px}.trex-garage-other{display:grid;gap:6px;margin-top:9px}
/* Cream sheets need explicit light cards: several older components inject dark card backgrounds and dark text. */
#trexProfileSheet .trex-profile-stats>div,#trexProfileSheet .trex-score-profile>div{background:#fff!important;border:1px solid #d8d2c8!important;color:#111920!important;box-shadow:0 3px 10px rgba(20,24,22,.04)!important}
#trexProfileSheet .trex-profile-stats strong,#trexProfileSheet .trex-score-profile strong{color:#111920!important}
#trexProfileSheet .trex-profile-stats span,#trexProfileSheet .trex-score-profile span,#trexProfileSheet .trex-score-profile small{color:#697078!important}
#trexProfileSheet .trex-profile-avatar{background:#20372b!important;color:#fff!important}
#trexLeaderboard .trex-leader-row{background:#fff!important;border:1px solid #d8d2c8!important;color:#111920!important}
#trexLeaderboard .trex-leader-row.me{background:#eaf5ed!important;border-color:#35b978!important}
#trexLeaderboard .trex-leader-row strong,#trexLeaderboard .trex-score{color:#111920!important}
#trexLeaderboard .trex-leader-row span,#trexLeaderboard .trex-score small{color:#697078!important}
#trexLeaderboard .trex-rank{color:#178451!important}
/* My Garage cards were still carrying the old dark card skin inside the new cream sheet. */
#garageSheet #garageList{display:grid;gap:10px}#garageSheet .garage-card{display:grid;grid-template-columns:88px minmax(0,1fr);gap:13px;align-items:start;background:#fff!important;color:#111920!important;border:1px solid #ddd6cc!important;border-radius:18px!important;padding:12px!important;box-shadow:0 5px 16px rgba(20,24,22,.06)!important}#garageSheet .garage-card.active{border:2px solid #35b978!important;padding:11px!important;box-shadow:0 0 0 3px rgba(53,185,120,.10)!important}#garageSheet .garage-card img{width:88px!important;height:88px!important;object-fit:cover;border-radius:14px!important}#garageSheet .garage-title{color:#111920!important;font-size:18px!important;font-weight:900!important;line-height:1.15}#garageSheet .garage-card .muted{color:#687078!important}#garageSheet .garage-card .mods{color:#3f474b!important;margin-top:6px!important;line-height:1.35!important}#garageSheet .garage-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px!important}#garageSheet .garage-actions button{min-height:38px!important;padding:8px 12px!important;border-radius:11px!important;font-size:13px!important;font-weight:850!important}#garageSheet .garage-actions .secondary{background:#111920!important;color:#fff!important;border:1px solid #111920!important}#garageSheet .garage-actions .ghost{background:#f5f1ea!important;color:#111920!important;border:1px solid #d4cec4!important;opacity:1!important}#garageSheet #addVehicleButton{margin-top:12px!important;background:#e51f2a!important;color:#fff!important;border:0!important;border-radius:13px!important;padding:12px 16px!important;font-weight:900!important}
@media(max-width:560px){.sheet .sheet-card{border-radius:22px!important}.trex-garage-grid{grid-template-columns:1fr}.trex-garage-grid label:nth-child(2){grid-column:auto}.trex-mod-grid{grid-template-columns:1fr}#addVehicleSheet .sheet-card{padding:18px!important}#addVehicleSheet #vehicleFormTitle{font-size:27px}#garageSheet{padding:14px!important;align-items:end!important}#garageSheet .sheet-card{width:100%!important;max-width:420px!important;max-height:82dvh!important;padding:16px!important;border-radius:22px!important}#garageSheet .garage-card{grid-template-columns:76px minmax(0,1fr);gap:11px;padding:10px!important}#garageSheet .garage-card.active{padding:9px!important}#garageSheet .garage-card img{width:76px!important;height:76px!important}#garageSheet .garage-title{font-size:17px!important}#garageSheet .garage-card .mods{font-size:12px!important}#garageSheet .garage-actions{gap:6px;margin-top:8px!important}#garageSheet .garage-actions button{min-height:36px!important;padding:7px 10px!important;font-size:12px!important}}

/* Keep the selected track visible above its details card. */
#trackSheet{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:none;align-items:flex-end!important}
#trackSheet .sheet-card{pointer-events:auto;max-height:45dvh!important;overflow:auto!important}

/* Report form: one consistent light palette, including dynamically rebuilt pickers. */
#reportSheet .sheet-card{max-height:calc(100dvh - 28px)!important;padding:20px!important}
#reportSheet h2{margin:0 42px 18px 0;font-size:24px;line-height:1.15}
#reportSheet .close{width:34px;height:34px;border-radius:50%!important;font-size:24px;line-height:1}
#reportSheet #reportForm{gap:20px}
#reportSheet .trex-report-section{gap:8px}
#reportSheet .trex-report-label{color:#435249!important;font-size:11px;letter-spacing:.06em}
#reportSheet .trex-picker-help{color:#657068!important;font-size:12px;line-height:1.4;margin:0 0 4px}
#reportSheet #difficultyPicker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:100%}
#reportSheet .difficulty-choice{min-width:0;min-height:58px;padding:8px 2px;border-radius:11px;background:#fff!important;border:1px solid #d5dcd5!important;color:#18251d!important;font-size:19px}
#reportSheet .difficulty-choice small{color:#59665d!important;font-size:9px;line-height:1.2;letter-spacing:0;white-space:normal}
#reportSheet .difficulty-choice.selected{background:#e51f2a!important;border-color:#e51f2a!important;color:#fff!important}
#reportSheet .difficulty-choice.selected small{color:#fff!important}
#reportSheet #characteristicPicker,#reportSheet #hazardPicker{display:grid;grid-template-columns:1fr;gap:7px}
#reportSheet .hazard-check{display:flex!important;align-items:center!important;gap:10px!important;min-height:44px;margin:0;padding:10px 12px!important;border-radius:11px!important;background:#fff!important;border:1px solid #d5dcd5!important;color:#18251d!important;font-size:13px!important;font-weight:600!important;line-height:1.35}
#reportSheet input[type="checkbox"]{appearance:auto!important;-webkit-appearance:checkbox!important;width:18px!important;height:18px!important;min-width:18px!important;flex:0 0 18px;margin:0!important;padding:0!important;accent-color:#23814b;border-radius:4px!important}
#reportSheet .hazard-check:has(input:checked){background:#eaf5ec!important;border-color:#6ba77a!important}
#reportSheet .trex-unexpected-hazard:has(input:checked){background:#fff0ed!important;border-color:#df7b70!important}
#reportSheet .trex-unexpected-hazard input{accent-color:#e51f2a}
#reportSheet .trex-clear-row,#reportSheet .trex-photo-field{background:#fff!important;border-color:#d5dcd5!important;color:#18251d!important}
#reportSheet .trex-photo-button{background:#f0f3ee!important;border-color:#cbd5ca!important;color:#18251d!important}
#reportSheet .trex-report-bottom{border-top-color:#d5dcd5!important}
#reportSheet .trex-report-vehicle{color:#59665d!important}
#reportSheet .trex-report-submit-message{color:#a93429!important}
@media(min-width:600px){#reportSheet #characteristicPicker,#reportSheet #hazardPicker{grid-template-columns:1fr 1fr}}

/* Track details use a light card: keep all status and characteristic pills readable. */
#trackSheet .trex-status-badge.verified{background:#d8f3df!important;color:#116b3a!important;border:1px solid #8bc99d!important}
#trackSheet .access-badge.unrestricted{background:#dce9fb!important;color:#1f5f9f!important;border:1px solid #a9c6ea!important}
#trackSheet .access-badge.max500{background:#fff1c7!important;color:#765600!important;border:1px solid #e3c56f!important}
#trackSheet .access-badge.blocked{background:#f7dddd!important;color:#9a2727!important;border:1px solid #d99a9a!important}
#trackSheet .trex-characteristic{background:#e2eee6!important;color:#173d29!important;border:1px solid #a8c3b1!important}
#trackSheet .trex-hazard-danger{background:#f8dddd!important;color:#852929!important;border-color:#d99a9a!important}