/* V31: targeted fixes for conflicting legacy layers. */
html { overflow-y:auto!important; scrollbar-gutter:stable; }
body{overflow-x:hidden!important;overflow-y:visible!important;touch-action:pan-y}
body.modal-open{overflow:hidden!important}
.app-shell{transform:none!important;contain:none!important;overflow:visible!important}
.content{overflow:visible!important;min-width:0;padding-bottom:calc(110px + env(safe-area-inset-bottom))!important}
.bottom-nav.premium-nav{position:fixed!important;left:50%!important;right:auto!important;bottom:0!important;transform:translateX(-50%)!important;z-index:80!important;max-width:720px!important}
/* Actual v29 selectors used !important and were defeating v30's new left column. */
#garage .car-card .garage-card-flags{
  position:absolute!important;left:8px!important;right:auto!important;top:45px!important;
  width:34px!important;max-width:34px!important;display:flex!important;flex-direction:column!important;
  align-items:stretch!important;justify-content:flex-start!important;gap:6px!important;z-index:16!important
}
#garage .car-card .garage-card-flags button{
  flex:0 0 34px!important;min-width:34px!important;max-width:34px!important;
  width:34px!important;height:34px!important;border-radius:12px!important;
  background:rgba(7,10,14,.93)!important;box-shadow:0 3px 9px #0009!important
}
#garage .car-card .image-wrap{padding-left:32px!important;padding-right:0!important}
#garage .car-card .garage-brand-logo{top:9px!important;right:9px!important;width:44px!important;height:44px!important}
#garage .car-card .select-dot{left:9px!important;top:8px!important}
#garage .car-card .card-actions button{font-size:clamp(9px,2.6vw,12px)!important;white-space:normal!important;line-height:1.18!important;min-height:38px!important}
#garage .car-card .mini-special,#garage .car-card .condition-chip{overflow-wrap:anywhere!important;white-space:normal!important;text-overflow:clip!important;max-width:100%!important}
#garage .garage-tools .garage-search input{min-width:0}
/* Panels and controls must never overflow off-screen on phones. */
#modal .sheet{width:min(100vw,720px)!important;max-height:min(94dvh,calc(100dvh - max(12px,env(safe-area-inset-top)) - env(safe-area-inset-bottom)))!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;scroll-padding-block:12px calc(20px + env(safe-area-inset-bottom))!important}
#modalBody{width:100%!important;min-width:0!important}
#modalBody .choice,#modalBody .panel,#modalBody .listitem{min-width:0!important;max-width:100%!important}
#modalBody .choice b,#modalBody .choice small{white-space:normal!important;overflow-wrap:anywhere!important}
#modalBody .formstack input,#modalBody .formstack select,#modalBody .formstack textarea{min-width:0!important;max-width:100%!important}
#modalBody .audit-list pre,#modalBody .risk-list pre{white-space:pre-wrap!important;overflow-wrap:anywhere!important;max-width:100%!important}
#modalBody .admin-main-head,#modalBody .audit-head{min-width:0!important;gap:8px!important;flex-wrap:wrap!important}
#modalBody .admin-catalog-head{display:flex!important;align-items:flex-start!important;gap:10px!important;flex-wrap:wrap!important}
#modalBody .admin-catalog-head-actions{max-width:100%!important;width:100%!important;justify-content:flex-start!important}
#modalBody .admin-catalog-head-actions button{min-width:0!important;flex:1 1 94px!important}
#modalBody .admin-catalog-tools{grid-template-columns:repeat(2,minmax(0,1fr))!important;top:-4px!important}
#modalBody .admin-catalog-tools input{grid-column:1 / -1!important;min-width:0!important}
#modalBody .admin-catalog-tools select{min-width:0!important;width:100%!important}
#modalBody .admin-catalog-bulk{top:95px!important;max-width:100%!important;overflow-x:auto!important;display:flex!important;gap:5px!important}
#modalBody .admin-catalog-bulk.hidden{display:none!important}
#modalBody .admin-catalog-bulk button{flex:0 0 auto!important;min-height:32px!important;white-space:nowrap!important}
#modalBody .admin-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;min-width:0!important}
#modalBody .admin-car-card h3{overflow-wrap:anywhere!important;min-height:28px!important}
#modalBody .admin-car-actions button{width:100%!important;min-width:0!important;padding:5px 4px!important;white-space:normal!important}
#modalBody .admin-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#modalBody .admin-editor-flags{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#modalBody .admin-image-row{grid-template-columns:minmax(0,1fr) auto!important}
#modalBody .admin-editor-actions{grid-template-columns:minmax(0,1fr) minmax(0,2fr)!important}
#modalBody .admin-editor-actions button{min-width:0!important;max-width:100%!important}
#dialog .dialog-card{width:min(94vw,430px)!important;max-height:calc(100dvh - 32px)!important;overflow-y:auto!important}
#dialog .dialog-text-input{display:block;width:100%;min-height:47px;background:#0a0e13;border:1px solid #806524;border-radius:12px;color:#fff;padding:12px 14px;font-size:16px;outline:none}
#dialog .dialog-text-input:focus{border-color:#ffce53;box-shadow:0 0 0 3px #e8b12923}
#modal .dialog-actions button,#modal .moderator-buttons button{min-width:0!important}
.market-range-row,.market-filter-row{gap:8px!important}
.market-range-row input{height:45px!important;padding:6px 9px!important;border-radius:12px!important}
.market-buy-options button{min-height:50px!important;overflow-wrap:anywhere!important;white-space:normal!important}
.market-rich-row{overflow:hidden!important}
.market-rich-row .price{overflow-wrap:anywhere!important}
.market-rich-row button{min-width:0!important}
.balance-updated{animation:v31BalancePulse .65s ease-out}
@keyframes v31BalancePulse{0%{filter:drop-shadow(0 0 0 #ffd54d)}35%{filter:drop-shadow(0 0 9px #ffd54d)}100%{filter:drop-shadow(0 0 0 #ffd54d)}}
@media(max-width:540px){
  .market-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .market-filter-row select:last-child{grid-column:1 / -1!important}
  .market-range-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .market-range-row button{grid-column:1 / -1!important;min-height:38px!important}
  .market-rich-row{display:grid!important;grid-template-columns:82px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;padding:10px!important}
  .market-rich-row > img{width:82px!important;height:78px!important;max-width:82px!important;grid-column:1!important;grid-row:1!important}
  .market-rich-row > .grow{grid-column:2!important;grid-row:1!important}
  .market-rich-row > button{grid-column:2!important;justify-self:end!important;max-width:100%!important;padding:8px 14px!important;grid-row:2!important}
  .market-rich-row .price{font-size:19px!important}
  .market-rich-row .grow>b{font-size:15px!important}
  #modalBody .admin-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #modalBody .admin-car-image{height:100px!important}
}
@media(max-width:390px){
  #modalBody .admin-catalog-grid{grid-template-columns:1fr!important}
  #modalBody .admin-editor-grid,#modalBody .admin-editor-flags{grid-template-columns:1fr!important}
  #garage .car-card .card-actions{gap:4px!important}
  #garage .car-card .card-actions button{font-size:9px!important;padding:5px 3px!important}
}
@media(prefers-reduced-motion:reduce){.balance-updated{animation:none!important}}