/* v5.22 default typography: Inter */
:root{
  --tb-font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --bs-body-font-family: var(--tb-font-sans);
}
html,
body,
.tokyobids-app{
  font-family: var(--tb-font-sans) !important;
  font-optical-sizing: auto;
  text-rendering: geometricPrecision;
}
button,
input,
select,
textarea,
.btn,
.form-control,
.form-select,
.dropdown-menu,
.offcanvas,
.modal,
.card,
.table,
.tb-card,
.filter-card,
.auction-filter-card{
  font-family: var(--tb-font-sans) !important;
}
:root{--tb-blue:#14529d;--tb-blue2:#2563eb;--tb-dark:#0f172a;--tb-soft:#f1f5f9;--tb-border:#dbe6f5;--tb-red:#dc2626;--tb-yellow:#f59e0b}.tokyobids-app{background:#eef2f7;color:#0f172a}.app-header{z-index:1030}.login-shell{min-height:calc(100vh - 80px)}.login-card{max-width:480px;width:100%;border-radius:18px}.page-wrap{padding:0 18px}.page-wrap.narrow{max-width:820px}.page-title{font-weight:900;color:#102a49;margin-bottom:14px}.fw-black{font-weight:950}.filter-card,.tb-card{background:#fff;border:1px solid var(--tb-border);border-radius:14px;box-shadow:0 10px 30px rgba(15,23,42,.06);padding:12px}.filters-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px}.filters-grid>*{grid-column:span 2}.filters-grid .filter-actions{grid-column:span 4;display:flex;align-items:flex-end;gap:8px}.bids-filters>*{grid-column:span 2}.filter-label{display:block;font-size:11px;text-transform:uppercase;font-weight:900;color:#64748b;margin-bottom:3px}.result-count-pill{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.vehicle-table{border-collapse:separate;border-spacing:0 8px;margin-top:0}.vehicle-table thead th{background:#0f172a;color:#fff;border:0;font-size:13px;vertical-align:middle}.vehicle-table thead th:first-child{border-radius:12px 0 0 12px}.vehicle-table thead th:last-child{border-radius:0 12px 12px 0}.vehicle-table tbody tr{background:#fff;box-shadow:0 1px 0 rgba(15,23,42,.08)}.vehicle-table td{vertical-align:middle;border-color:#dbe6f5;background:#fff}.image-cell{border:0;background:transparent;padding:0}.vehicle-img-thumb{width:86px;height:64px;object-fit:cover;border-radius:8px;background:#e5edf6}.sort-head{border:0;background:transparent;color:inherit;font-weight:900;padding:0}.favorite-star{border:1px solid #d8e1ee;background:#fff;color:#cbd5e1;font-size:22px;width:38px;height:38px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}.favorite-star.active{color:#f97316;border-color:#fb923c}.favorite-toggle-animating{animation:favoriteBounce .52s cubic-bezier(.2,.88,.34,1.18)}@keyframes favoriteBounce{0%{scale:1}35%{scale:.8}65%{scale:1.25}100%{scale:1}}.search-table-wrap{margin-top:0;padding-top:0}.mobile-card{background:#fff;border:1px solid var(--tb-border);border-radius:0;margin:0;padding:10px;box-shadow:0 10px 24px rgba(15,23,42,.06)}.mobile-list{display:grid;gap:8px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw}.mobile-card-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;margin-bottom:7px}.mobile-title{text-decoration:none;color:#0f172a}.mobile-title strong{font-size:20px;font-weight:950;display:block;line-height:1}.mobile-title span{font-size:13px;color:#475569;display:block}.mobile-title small{font-size:12px;color:#64748b;display:block}.mobile-card-main{display:grid;grid-template-columns:30% minmax(0,1fr);gap:8px}.image-button{border:0;background:transparent;padding:0}.mobile-card-img{width:100%;height:auto;border-radius:6px;object-fit:contain;background:#e5edf6}.mobile-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 7px}.mobile-info-value{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:5px;font-size:13px;font-weight:800;min-width:0}.mobile-info-value small{display:block;text-transform:uppercase;font-size:10px;color:#64748b;font-weight:900}.mobile-info-value strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-card-foot{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font-size:12px;color:#64748b}.money-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#dbe6f5;border:1px solid #dbe6f5;border-radius:8px;overflow:hidden}.money-card{background:#fff;padding:8px}.money-card small{display:block;color:#64748b;font-weight:900;text-transform:uppercase;font-size:10px}.message-panel{background:#f8fafc;border:1px solid var(--tb-border);border-radius:12px;padding:10px}.thread-message{background:#fff;border:1px solid #dbe3ef;border-radius:12px;padding:11px 12px;margin-bottom:10px}.bid-actions{display:flex;gap:8px}.btn-danger-soft,.cancel-bid{background:var(--tb-red)!important;border-color:var(--tb-red)!important;color:#fff!important}.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 80px}.pagination-controls{display:flex;gap:4px}.page-link{border:1px solid #dce4ee;background:#fff;color:#0f172a;border-radius:6px;min-width:34px;height:34px}.page-link.active{background:#2563eb;border-color:#2563eb;color:#fff}.page-size{max-width:80px}.empty-state{text-align:center;padding:48px 20px;color:#64748b}.empty-state i{font-size:42px}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat{padding:20px}.stat small{font-size:12px;text-transform:uppercase;color:#64748b;font-weight:900}.stat strong{font-size:38px;display:block}.toast-box{position:fixed;right:18px;bottom:18px;z-index:2000;display:grid;gap:8px}.toast-note{padding:10px 14px;border-radius:10px;background:#0f172a;color:#fff;box-shadow:0 12px 28px rgba(15,23,42,.25)}.toast-note.error{background:#dc2626}.vehicle-modal-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.vehicle-modal-img{width:100%;border-radius:10px;background:#e5edf6}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.detail-grid>div{border:1px solid #dbe6f5;background:#f8fafc;border-radius:10px;padding:10px}.detail-grid small{display:block;text-transform:uppercase;color:#64748b;font-weight:900}.detail-grid strong{font-weight:900}.bid-box{border:1px solid var(--tb-border);border-radius:12px;background:#fff;padding:12px}.rank-emoji{width:34px;height:34px;border-radius:999px;background:#f1f5f9;display:inline-flex;align-items:center;justify-content:center}.app-search-page .search-filter-gap{margin-bottom:12px}@media (min-width:961px){.desktop-only{display:block!important}.mobile-only{display:none!important}.search-filter-gap{margin-bottom:12px}.search-table-wrap{margin-top:0!important;padding-top:0!important}}@media (max-width:960px){.desktop-only{display:none!important}.mobile-only{display:grid!important}.container-fluid,.page-wrap{padding-left:0!important;padding-right:0!important}.filter-card{border-radius:0}.filters-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 8px}.filters-grid>*{grid-column:span 1}.filters-grid .filter-actions{grid-column:1/-1}.app-header .container-fluid{padding-right:10px}.mobile-card{border-left:0;border-right:0}.vehicle-img-thumb{width:100%;height:auto}.page-title{font-size:18px;text-align:center}.pagination-bar{display:grid;grid-template-columns:1fr;justify-items:center;margin-bottom:88px}.vehicle-modal-gallery{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.filters-grid{grid-template-columns:1fr}.filters-grid>*{grid-column:1/-1}.money-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr}}
.vehicle-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.vehicle-actions .favorite-star{width:34px;height:34px;font-size:19px}.bid-message-row td{background:#f8fafc!important}.page-error a{font-weight:800}.app-header .btn.active{box-shadow:0 0 0 .15rem rgba(37,99,235,.15)}
@media (max-width:960px){.vehicle-actions{justify-content:space-between}.vehicle-actions .btn{flex:1 1 auto}.vehicle-actions .favorite-star{flex:0 0 36px}.bid-actions{display:grid;grid-template-columns:1fr 1fr}.bid-actions .btn{width:100%}}

/* v5.2 desktop shell + auction search clone */
:root{--tb-page-max:1440px;--tb-header:#141c2d;--tb-header-border:#243047;--tb-active:#2f331d;--tb-gold:#ffd400;--tb-panel:#ffffff;--tb-panel-border:#cfd9e8;--tb-panel-fill:#d8e2ec;--tb-muted:#4e6684;--tb-button-blue:#2563eb;}
.tb-shell{width:min(calc(100% - 36px),var(--tb-page-max));margin-left:auto;margin-right:auto;}
.app-main{padding-left:0!important;padding-right:0!important;}
.app-header{z-index:1030;background:var(--tb-header)!important;border-bottom:1px solid var(--tb-header-border)!important;box-shadow:none!important;}
.app-header-inner{height:60px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0;}
.header-left{display:flex;align-items:center;gap:14px;min-width:0;}
.tb-brand{color:#fff;text-decoration:none;font-weight:900;font-size:15px;letter-spacing:-.01em;white-space:nowrap;}
.tb-brand:hover{color:#fff;}
.japan-clock{display:inline-flex;align-items:center;gap:4px;height:28px;border:1px solid rgba(255,212,0,.55);background:rgba(255,212,0,.08);color:var(--tb-gold);border-radius:5px;padding:0 9px;font-size:13px;font-weight:900;white-space:nowrap;}
.desktop-nav{display:flex;align-items:center;gap:2px;flex:1;justify-content:center;min-width:0;}
.tb-nav-link{color:#f5f7fb;text-decoration:none;font-weight:700;font-size:16px;line-height:1;border-radius:16px;padding:13px 16px;white-space:nowrap;}
.tb-nav-link:hover{color:#fff;background:rgba(255,255,255,.08);}
.tb-nav-link.is-active{color:var(--tb-gold);background:var(--tb-active);}
.header-actions{align-items:center;gap:7px;}
.header-icon-btn{width:46px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:#98a2b3;color:#172033;text-decoration:none;font-size:18px;}
.header-unread-badge{position:absolute;right:-7px;top:-7px;min-width:22px;height:22px;border-radius:999px;background:#7b8798;color:#fff;border:2px solid #2b3449;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;}
.header-select,.header-account{height:38px;border-radius:7px;border:1px solid rgba(255,255,255,.16);background:#263044;color:#fff;padding:0 13px;font-weight:800;}
.header-select{min-width:78px;}
.header-account{min-width:176px;text-align:left;}
.mobile-nav-button{border:1px solid rgba(255,255,255,.2);background:#263044;color:#fff;border-radius:8px;height:38px;width:44px;}
.page-wrap{max-width:100%;}
.page-wrap.narrow{max-width:820px;margin-left:auto;margin-right:auto;}
.dashboard-grid,.tb-card,.filter-card,.table-responsive{max-width:100%;}

/* Search top filter area */
.app-search-page{padding-top:14px!important;}
.app-search-page .page-wrap{padding-left:0;padding-right:0;}
.auction-search-grid{display:grid;grid-template-columns:1.12fr 1.12fr 1fr 1.36fr .94fr;gap:7px;align-items:stretch;margin:0 auto 14px;}
.auction-filter-card{background:var(--tb-panel);border:1px solid var(--tb-panel-border);border-radius:8px;min-height:200px;box-shadow:0 1px 2px rgba(15,23,42,.04);overflow:hidden;}
.auction-card-title{font-size:11px;text-transform:uppercase;font-weight:950;color:#315273;margin:0 0 5px;letter-spacing:.02em;line-height:1;}
.make-model-card{padding:8px;display:grid;grid-template-rows:auto 1fr;}
.make-model-list{background:var(--tb-panel-fill);border-radius:6px;min-height:164px;overflow:auto;padding:4px;display:flex;flex-direction:column;gap:3px;}
.make-option,.model-option{appearance:none;border:0;background:transparent;border-radius:5px;text-align:left;padding:5px 7px;color:#17314f;font-size:12px;font-weight:700;line-height:1.15;}
.make-option:hover,.model-option:hover{background:rgba(255,255,255,.7);}
.make-option.active,.model-option.active{background:#2563eb;color:#fff;box-shadow:0 1px 2px rgba(37,99,235,.25);}
.model-placeholder{font-size:13px;color:#526f90;padding:6px;}
.auction-text-card{padding:8px;display:grid;gap:8px;grid-template-rows:auto auto auto;}
.search-main-input{height:36px;border-radius:8px;border-color:#d7e0ec;font-size:14px;}
.range-pair{display:grid;grid-template-columns:1fr 1fr;gap:5px;}
.range-field label{font-size:11px;text-transform:uppercase;color:#2f5070;font-weight:950;margin:0 0 3px;display:block;}
.range-field input{height:34px;border-radius:8px;border-color:#dbe4ef;font-size:13px;}
.auction-options-card{padding:8px;display:grid;align-content:start;gap:7px;}
.score-button-row{display:flex;flex-wrap:wrap;gap:5px;}
.score-choice{height:33px;min-width:45px;border:1px solid #d3deec;border-radius:8px;background:#fff;color:#020617;font-weight:950;font-size:13px;box-shadow:0 2px 5px rgba(15,23,42,.08);}
.score-choice.active{background:#2563eb;border-color:#2563eb;color:#fff;box-shadow:0 4px 10px rgba(37,99,235,.28);}
.auction-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;align-items:end;}
.auction-options-grid label{font-size:11px;text-transform:uppercase;color:#2f5070;font-weight:950;margin:0 0 3px;display:block;}
.auction-options-grid select{height:35px;border-radius:8px;border-color:#dbe4ef;font-size:13px;font-weight:700;}
.segmented{display:flex;border:1px solid #dbe4ef;border-radius:999px;background:#eef4fb;padding:2px;}
.steering-choice{border:0;background:transparent;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:900;color:#243b57;}
.steering-choice.active{background:#2563eb;color:#fff;}
.search-filter-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.search-filter-actions .btn{height:34px;padding:0 12px;font-size:13px;font-weight:900;border-radius:8px;}
.search-result-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#f8fafc;border:1px solid #dbe4ef;color:#64748b;font-size:13px;font-weight:950;min-height:24px;padding:0 9px;white-space:nowrap;}
.quick-search-card{padding:8px;display:grid;grid-template-rows:auto auto 1fr;gap:5px;}
.quick-search-form{display:grid;grid-template-columns:1fr 73px;gap:5px;}
.quick-search-form input{height:32px;border-radius:8px;border-color:#dbe4ef;font-size:13px;}
.quick-search-form button{height:32px;border-radius:8px;background:#c6d2e2;border-color:#c6d2e2;color:#123152;font-weight:900;font-size:12px;}
.quick-search-list{display:flex;flex-direction:column;gap:5px;overflow:auto;min-height:90px;}
.quick-search-item{display:grid;grid-template-columns:1fr 34px;gap:6px;align-items:center;}
.quick-search-apply{height:31px;border:1px solid #ccd8e8;background:#fff;border-radius:7px;text-align:left;padding:0 9px;font-size:13px;font-weight:800;color:#182d47;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.quick-search-delete{height:31px;border:1px solid #ccd8e8;background:#fff;border-radius:7px;color:#1f2937;display:inline-flex;align-items:center;justify-content:center;}
.quick-search-empty{font-size:12px;color:#64748b;padding:6px 2px;}
.search-empty-panel{border:1px dashed #bad0e8;border-radius:10px;background:rgba(255,255,255,.72);min-height:88px;display:flex;align-items:center;justify-content:center;text-align:center;color:#476486;margin-top:10px;}
.search-pagination-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:14px;margin:28px 0 80px;color:#3d5878;}
.search-pagination-showing{font-size:13px;align-self:center;}
.search-pagination-controls{display:flex;gap:10px;align-items:center;justify-content:center;}
.search-page-btn{min-width:34px;height:34px;border:1px solid #dbe4ef;background:#f8fafc;color:#8ba0b8;border-radius:6px;font-weight:800;}
.search-page-btn.active{background:#2563eb;border-color:#2563eb;color:#fff;}
.search-page-btn:disabled{opacity:.55;cursor:not-allowed;}
.search-page-size{text-align:right;}
.search-page-size label{display:block;font-size:12px;color:#486383;margin-bottom:7px;}
.search-page-size .form-select{width:70px;margin-left:auto;border-radius:16px;background-color:#fff;font-weight:800;}
.search-table-wrap{margin-top:10px!important;}

@media (max-width:1280px){.auction-search-grid{grid-template-columns:1fr 1fr 1fr;}.quick-search-card{grid-column:span 3;min-height:140px}.desktop-nav{justify-content:flex-start}.tb-nav-link{padding-left:12px;padding-right:12px}.header-account{min-width:140px}}
@media (max-width:960px){.tb-shell{width:100%;}.app-header-inner{padding:0 10px;height:56px}.desktop-nav{display:none}.header-left{gap:8px}.japan-clock{font-size:12px;padding:0 6px}.app-main{padding-left:0!important;padding-right:0!important}.app-search-page .page-wrap{padding-left:0!important;padding-right:0!important}.auction-search-grid{grid-template-columns:1fr;gap:8px;margin:0 8px 10px}.auction-filter-card{min-height:auto}.make-model-list{min-height:110px;max-height:160px}.quick-search-card{grid-column:auto}.search-pagination-bar{grid-template-columns:1fr;justify-items:center;margin-bottom:88px}.search-page-size{text-align:center}.search-page-size .form-select{margin:0 auto}.mobile-list{margin-left:0!important;margin-right:0!important;width:100%!important}.page-wrap.narrow{padding-left:8px!important;padding-right:8px!important}}
@media (max-width:520px){.range-pair,.auction-options-grid{grid-template-columns:1fr}.quick-search-form{grid-template-columns:1fr}.score-choice{min-width:40px}.tb-brand{font-size:14px}.japan-clock{display:none}}

/* v5.2.1 screenshot-matched desktop search layout */
:root{--tb-page-max:1250px;}
.tokyobids-app{background:#eaf0f6;}
.app-header-inner{height:52px;}
.app-main{padding-top:12px!important;}
.auction-search-page{padding-left:0!important;padding-right:0!important;}
.auction-search-panel{display:grid;grid-template-columns:1.19fr 1.18fr 1.05fr 1.45fr .98fr;gap:6px;align-items:stretch;margin:0 0 13px;}
.auction-filter-card{background:#fff;border:1px solid #cdd9e8;border-radius:8px;min-height:178px;box-shadow:none;overflow:hidden;}
.auction-filter-title,.quick-title{font-size:11px;line-height:1;text-transform:uppercase;font-weight:950;color:#315272;letter-spacing:.02em;margin:0 0 5px;}
.quick-title{text-transform:none;color:#000;font-size:14px;margin-bottom:6px;}
.picker-card{padding:8px;display:grid;grid-template-rows:auto 1fr;}
.tb-picker-list{background:#d6e0ea;border-radius:6px;min-height:158px;max-height:158px;overflow:auto;padding:4px;display:flex;flex-direction:column;gap:2px;}
.tb-picker-hint{font-size:13px;color:#4d6b8d;padding:5px 3px;}
.tb-picker-item{appearance:none;border:0;background:transparent;border-radius:5px;text-align:left;padding:5px 7px;color:#17314f;font-size:12px;font-weight:750;line-height:1.15;}
.tb-picker-item:hover{background:rgba(255,255,255,.75);}
.tb-picker-item.active{background:#2563eb;color:#fff;box-shadow:0 1px 2px rgba(37,99,235,.25);}
.field-card{padding:8px;display:grid;grid-template-rows:auto 1fr;gap:7px;}
.auction-search-input{height:31px;border-color:#d7e0eb;border-radius:7px;font-size:13px;}
.auction-number-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 5px;}
.auction-number-grid label{margin:0;display:block;}
.auction-number-grid span,.auction-date-box>span,.steering-box>span{display:block;font-size:11px;line-height:1;text-transform:uppercase;font-weight:950;color:#315272;margin:0 0 4px;}
.auction-number-grid input{height:31px;border-color:#d7e0eb;border-radius:7px;font-size:13px;padding:4px 8px;}
.filter-card-original{padding:8px;display:grid;align-content:start;gap:5px;}
.score-button-row{display:flex;flex-wrap:nowrap;gap:5px;}
.score-btn{height:31px;min-width:43px;border:1px solid #d3deec;border-radius:8px;background:#fff;color:#020617;font-weight:950;font-size:13px;box-shadow:0 2px 5px rgba(15,23,42,.08);}
.score-btn.active{background:#2563eb;border-color:#2563eb;color:#fff;box-shadow:0 4px 10px rgba(37,99,235,.28);}
.auction-dual-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-items:end;}
.auction-date-box,.steering-box{margin:0;min-width:0;}
.auction-date-box select{height:32px;border-radius:8px;border-color:#dbe4ef;font-size:12px;font-weight:800;padding:4px 8px;}
.segmented-control{display:flex;border:1px solid #dbe4ef;border-radius:999px;background:#eef4fb;padding:2px;min-height:32px;}
.steering-btn{border:0;background:transparent;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900;color:#243b57;white-space:nowrap;}
.steering-btn.active{background:#2563eb;color:#fff;}
.auction-filter-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px;}
.auction-filter-footer .btn{height:32px;padding:0 12px;font-size:13px;font-weight:900;border-radius:8px;}
.auction-filter-footer .result-count-pill{min-height:23px;padding:0 9px;font-size:13px;font-weight:950;background:#f8fafc;border-color:#dbe4ef;display:inline-flex;align-items:center;}
.quick-search-card{padding:8px;display:grid;grid-template-rows:auto auto 1fr;gap:4px;}
.quick-save-row{display:grid;grid-template-columns:1fr 68px;gap:5px;}
.quick-save-row input{height:32px;border-radius:7px;border-color:#dbe4ef;font-size:13px;}
.quick-save-row button{height:32px;border-radius:8px;background:#c5d1e1;border-color:#c5d1e1;color:#123152;font-weight:900;font-size:12px;}
.quick-search-list{display:flex;flex-direction:column;gap:5px;overflow:auto;min-height:86px;}
.quick-search-row{display:grid;grid-template-columns:1fr 32px;gap:6px;align-items:center;}
.quick-search-apply{height:31px;border:1px solid #ccd8e8;background:#fff;border-radius:7px;text-align:left;padding:0 9px;font-size:13px;font-weight:800;color:#182d47;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.quick-search-delete{height:31px;border:1px solid #ccd8e8;background:#fff;border-radius:7px;color:#1f2937;display:inline-flex;align-items:center;justify-content:center;}
.quick-empty{font-size:12px;padding:5px 1px;}
.search-empty-panel{border:1px dashed #bdd0e7;border-radius:10px;background:rgba(255,255,255,.72);min-height:78px;display:flex;align-items:center;justify-content:center;text-align:center;color:#476486;margin-top:10px;font-size:16px;}
.auction-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:14px;margin:28px 0 80px;color:#3d5878;}
.auction-pagination-summary{font-size:13px;align-self:center;}
.auction-pagination-controls{display:flex;gap:10px;align-items:center;justify-content:center;}
.auction-page-btn{min-width:34px;height:34px;border:1px solid #dbe4ef;background:#f8fafc;color:#8ba0b8;border-radius:6px;font-weight:800;}
.auction-page-btn.active{background:#2563eb;border-color:#2563eb;color:#fff;}
.auction-page-btn:disabled{opacity:.55;cursor:not-allowed;}
.auction-page-size-box{text-align:right;}
.auction-page-size-box label{display:block;font-size:12px;color:#486383;margin-bottom:7px;}
.auction-page-size-box .form-select{width:70px;margin-left:auto;border-radius:16px;background-color:#fff;font-weight:800;}
@media (max-width:1280px){.auction-search-panel{grid-template-columns:1fr 1fr 1fr;}.quick-search-card{grid-column:span 3;min-height:140px}.score-button-row{flex-wrap:wrap}}
@media (max-width:960px){:root{--tb-page-max:100%;}.app-header-inner{height:56px}.auction-search-panel{grid-template-columns:1fr;gap:8px;margin:0 8px 10px}.auction-filter-card{min-height:auto}.tb-picker-list{min-height:110px;max-height:160px}.quick-search-card{grid-column:auto}.auction-pagination{grid-template-columns:1fr;justify-items:center;margin-bottom:88px}.auction-page-size-box{text-align:center}.auction-page-size-box .form-select{margin:0 auto}.score-button-row{flex-wrap:wrap}.mobile-list{margin-left:0!important;margin-right:0!important;width:100%!important}}
@media (max-width:520px){.auction-number-grid,.auction-dual-row{grid-template-columns:1fr}.quick-save-row{grid-template-columns:1fr}.score-btn{min-width:40px}}


/* v5.3 global table/shell refinements */
:root { --tb-page-max: 1430px; }
.app-header-inner,
.container-fluid.py-3,
.page-wrap {
  width: min(calc(100% - 36px), var(--tb-page-max));
  max-width: var(--tb-page-max);
  margin-left: auto !important;
  margin-right: auto !important;
}
.container-fluid.py-3 { padding-left: 0 !important; padding-right: 0 !important; }
.page-title,
.container.py-3 > h1.h3,
.container-fluid.py-3 > h1.h3 {
  font-size: 11px !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}
.sort-head {
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  font: inherit;
  font-weight: 800;
  color: inherit;
  cursor: pointer;
  white-space: nowrap;
}
.sort-head:hover,
.sort-head.active { color: #2457e6; text-decoration: underline; }
.sort-arrow { font-size: 10px; opacity: .75; margin-left: 2px; }
.pagination-bar,
.search-pagination-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 14px;
}
.pagination-controls,
.search-pager { display: flex; align-items: center; gap: 8px; }
.page-link {
  min-width: 34px;
  height: 34px;
  border-radius: 8px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.list-page-size,
.search-page-size { display: grid; gap: 6px; font-size: 12px; color: #55708d; }
@media (max-width: 768px) {
  .app-header-inner,
  .container-fluid.py-3,
  .page-wrap { width: calc(100% - 20px); }
}


/* v5.3.1 requested global table behavior */
.page-title,
.container.py-3 > h1.h3,
.container-fluid.py-3 > h1.h3 {
  font-size: 1px !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: 1px !important;
  overflow: hidden !important;
}
.vehicle-table th { white-space: nowrap; }
.sort-head { display: inline-flex; align-items: center; gap: 3px; }
.sort-head .sort-arrow { min-width: 10px; text-align: center; }
.pagination-bar .form-select,
.search-pagination-row .form-select { min-width: 70px; }

/* v5.3 search layout aliases for the current AJAX renderer */
.search-filter-shell{margin:0 0 13px;}
.desktop-search-grid{display:grid;grid-template-columns:1.19fr 1.18fr 1.05fr 1.45fr .98fr;gap:6px;align-items:stretch;margin:0;}
.search-filter-panel{background:#fff;border:1px solid #cdd9e8;border-radius:8px;min-height:178px;box-shadow:none;overflow:hidden;padding:8px;}
.panel-title,.quick-title{font-size:11px;line-height:1;text-transform:uppercase;font-weight:950;color:#315272;letter-spacing:.02em;margin:0 0 5px;}
.quick-title{text-transform:none;color:#000;}
.option-list{background:#d6e0ea;border-radius:6px;min-height:158px;max-height:158px;overflow:auto;padding:4px;display:flex;flex-direction:column;gap:2px;}
.tb-list-option{appearance:none;border:0;background:transparent;border-radius:5px;text-align:left;padding:5px 7px;color:#18324f;font-size:12px;font-weight:750;line-height:1.15;}
.tb-list-option:hover{background:rgba(255,255,255,.72);}
.tb-list-option.active{background:#2563eb;color:#fff;box-shadow:0 1px 2px rgba(37,99,235,.2);}
.tb-list-empty{font-size:12px;color:#526f90;padding:6px;}
.field-panel{display:grid;gap:8px;align-content:start;}
.compact-input{height:31px;border-color:#d7e0eb;border-radius:7px;font-size:13px;padding:4px 8px;}
.field-panel > .compact-input{height:32px;}
.range-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;}
.range-grid label,.date-steering-grid label{margin:0;min-width:0;}
.range-grid span,.date-steering-grid span{display:block;font-size:11px;line-height:1;text-transform:uppercase;font-weight:950;color:#315272;margin:0 0 4px;}
.score-date-panel{display:grid;align-content:start;gap:5px;}
.score-list{display:flex;flex-wrap:nowrap;gap:5px;}
.score-list .score-choice{height:31px;min-width:43px;border-radius:8px;font-size:13px;}
.date-steering-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-items:end;}
.steering-toggle{display:flex;border:1px solid #dbe4ef;border-radius:999px;background:#eef4fb;padding:2px;min-height:32px;}
.steering-toggle .steering-choice{border:0;background:transparent;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900;color:#243b57;white-space:nowrap;}
.steering-toggle .steering-choice.active{background:#2563eb;color:#fff;}
.score-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px;}
.score-actions .btn{height:32px;padding:0 12px;font-size:13px;font-weight:900;border-radius:8px;}
.score-actions .result-count-pill{min-height:23px;padding:0 9px;font-size:13px;font-weight:950;background:#f8fafc;border-color:#dbe4ef;display:inline-flex;align-items:center;}
.quick-search-panel{display:grid;grid-template-rows:auto auto 1fr;gap:4px;}
.search-empty-box{border:1px dashed #bdd0e7;border-radius:10px;background:rgba(255,255,255,.72);min-height:78px;display:flex;align-items:center;justify-content:center;text-align:center;color:#476486;margin-top:10px;font-size:16px;}
@media (max-width:1280px){.desktop-search-grid{grid-template-columns:1fr 1fr 1fr;}.quick-search-panel{grid-column:span 3;min-height:140px}.score-list{flex-wrap:wrap}}
@media (max-width:960px){.desktop-search-grid{grid-template-columns:1fr;gap:8px;margin:0 8px 10px}.search-filter-panel{min-height:auto}.option-list{min-height:110px;max-height:160px}.quick-search-panel{grid-column:auto}.score-list{flex-wrap:wrap}}
@media (max-width:520px){.range-grid,.date-steering-grid{grid-template-columns:1fr}.quick-save-row{grid-template-columns:1fr}.score-list .score-choice{min-width:40px}}

/* v5.4 requested cleanup: no page titles, white header, compact search filters */
:root{
  --tb-nav-active:#0f172a;
  --tb-sort-yellow:#ffd400;
}

/* Page titles are removed from the JS/PHP pages. These rules also protect against cached/old markup. */
.page-title,
.container.py-3 > h1.h3,
.container-fluid.py-3 > h1.h3{
  display:none!important;
  margin:0!important;
  padding:0!important;
  height:0!important;
  min-height:0!important;
  overflow:hidden!important;
}
.container.py-3,
.container-fluid.py-3{padding-top:0!important;}
#pageRoot.mt-3{margin-top:0!important;}
.page-root,
.page-wrap,
.search-page-wrap{margin-top:0!important;padding-top:0!important;}
.app-main.py-3{padding-top:8px!important;padding-bottom:0!important;}
.app-main.app-search-page.py-3{padding-top:6px!important;padding-bottom:0!important;}

/* White desktop header with simple rounded navigation buttons. */
.app-header{
  background:#fff!important;
  border-bottom:1px solid rgba(15,23,42,.08)!important;
  box-shadow:0 12px 32px rgba(15,23,42,.12)!important;
}
.app-header-inner{height:58px!important;gap:14px!important;}
.header-left{gap:12px!important;}
.tb-brand{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#0f172a!important;
  font-size:16px!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
}
.tb-brand::before{
  content:"";
  width:9px;
  height:9px;
  border-radius:999px;
  background:#facc15;
  box-shadow:0 0 0 4px rgba(250,204,21,.20);
}
.tb-brand:hover{color:#111827!important;}
.japan-clock{
  height:30px!important;
  border:1px solid #f4d35f!important;
  background:#fff8d6!important;
  color:#7c5b00!important;
  border-radius:999px!important;
  padding:0 11px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important;
}
.desktop-nav{gap:6px!important;justify-content:center!important;}
.tb-nav-link{
  color:#334155!important;
  background:transparent!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  padding:10px 15px!important;
  font-size:15px!important;
  font-weight:850!important;
  line-height:1!important;
  transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.tb-nav-link:hover{
  color:#0f172a!important;
  background:#f1f5f9!important;
  border-color:#e2e8f0!important;
  box-shadow:inset 0 0 0 1px rgba(148,163,184,.12)!important;
  transform:translateY(-1px);
}
.tb-nav-link.is-active{
  color:#ffd400!important;
  background:#0f172a!important;
  border-color:#0f172a!important;
  box-shadow:0 10px 20px rgba(15,23,42,.18)!important;
}
.header-actions{gap:8px!important;}
.header-icon-btn,
.mobile-nav-button{
  background:#f8fafc!important;
  border:1px solid #dbe4ef!important;
  color:#334155!important;
  border-radius:12px!important;
  box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
}
.header-icon-btn:hover,
.mobile-nav-button:hover{background:#eef4fb!important;color:#0f172a!important;}
.header-unread-badge{background:#64748b!important;border-color:#fff!important;color:#fff!important;}
.header-select,
.header-account{
  height:38px!important;
  background:#f8fafc!important;
  border:1px solid #dbe4ef!important;
  color:#0f172a!important;
  border-radius:12px!important;
  box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
}
.header-select:hover,
.header-account:hover,
.header-select:focus,
.header-account:focus{background:#fff!important;border-color:#b7c5d8!important;color:#0f172a!important;}
.header-select option{color:#0f172a;background:#fff;}
.dropdown-menu{border:1px solid #d8e2ee;border-radius:14px;box-shadow:0 18px 40px rgba(15,23,42,.14);}
.dropdown-item{font-weight:750;border-radius:10px;margin:2px 6px;width:auto;}

/* Search filters: remove vertical bloat and make Makes/Models lists fill their cards. */
.app-search-page .search-filter-shell{margin:0 0 8px!important;padding:0!important;}
.app-search-page .desktop-search-grid{margin:0!important;gap:6px!important;align-items:stretch!important;}
.app-search-page .search-filter-panel{
  height:170px!important;
  min-height:0!important;
  padding:6px!important;
  border-radius:9px!important;
  overflow:hidden!important;
}
.app-search-page .make-panel,
.app-search-page .model-panel,
.app-search-page .picker-card,
.app-search-page .make-model-card{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:0!important;
  align-content:stretch!important;
}
.app-search-page .panel-title,
.app-search-page .quick-title,
.app-search-page .auction-filter-title,
.app-search-page .auction-card-title{margin:0 0 4px!important;line-height:1!important;}
.app-search-page .option-list,
.app-search-page .make-list,
.app-search-page .model-list,
.app-search-page .tb-picker-list,
.app-search-page .make-model-list{
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  overflow:auto!important;
  padding:4px!important;
}
.app-search-page .tb-list-option,
.app-search-page .tb-picker-item,
.app-search-page .make-option,
.app-search-page .model-option{padding:4px 7px!important;line-height:1.1!important;}
.app-search-page .field-panel{display:grid!important;grid-template-rows:30px 1fr 1fr 1fr!important;gap:4px!important;align-content:stretch!important;}
.app-search-page .compact-input{height:30px!important;min-height:30px!important;padding-top:3px!important;padding-bottom:3px!important;}
.app-search-page .field-panel > .compact-input{height:30px!important;margin-bottom:0!important;}
.app-search-page .range-grid,
.app-search-page .date-steering-grid{gap:5px!important;align-items:end!important;}
.app-search-page .range-grid span,
.app-search-page .date-steering-grid span{margin:0 0 3px!important;line-height:1!important;font-size:10px!important;}
.app-search-page .score-date-panel{display:grid!important;grid-template-rows:auto 30px auto 30px!important;gap:5px!important;align-content:stretch!important;}
.app-search-page .score-list{gap:4px!important;align-content:start!important;}
.app-search-page .score-list .score-choice,
.app-search-page .score-choice,
.app-search-page .score-btn{height:29px!important;min-width:41px!important;padding:0 8px!important;border-radius:8px!important;}
.app-search-page .steering-toggle{min-height:30px!important;}
.app-search-page .steering-toggle .steering-choice{padding:3px 8px!important;}
.app-search-page .score-actions{margin-top:0!important;}
.app-search-page .score-actions .btn,
.app-search-page .score-actions .result-count-pill{height:30px!important;min-height:30px!important;}
.app-search-page .quick-search-panel,
.app-search-page .quick-search-card{display:grid!important;grid-template-rows:auto 30px minmax(0,1fr)!important;gap:5px!important;}
.app-search-page .quick-save-row{height:30px!important;}
.app-search-page .quick-save-row input,
.app-search-page .quick-save-row button{height:30px!important;}
.app-search-page .quick-search-list{min-height:0!important;height:100%!important;overflow:auto!important;}
.app-search-page .quick-search-apply,
.app-search-page .quick-search-delete{height:28px!important;}
.app-search-page .search-empty-box,
.app-search-page .search-empty-panel{margin-top:8px!important;min-height:72px!important;}
.app-search-page .search-table-wrap{margin-top:8px!important;padding-top:0!important;}

/* Selected sort title is yellow. */
.vehicle-table thead .sort-head.active,
.vehicle-table thead .sort-head.active .sort-arrow,
.sort-head.active,
.sort-head.active .sort-arrow{color:var(--tb-sort-yellow)!important;text-decoration:none!important;}
.vehicle-table thead .sort-head:hover,
.vehicle-table thead .sort-head:hover .sort-arrow{color:#ffe45c!important;text-decoration:none!important;}
.sort-head:hover{text-decoration:none!important;}

@media (max-width:1280px){
  .tb-nav-link{padding-left:11px!important;padding-right:11px!important;}
  .header-account{min-width:140px!important;}
}
@media (max-width:960px){
  .app-header-inner{height:56px!important;}
  .app-main.py-3{padding-top:6px!important;}
  .app-search-page .desktop-search-grid{margin:0 8px 10px!important;}
  .app-search-page .search-filter-panel{height:auto!important;min-height:auto!important;}
  .app-search-page .option-list,
  .app-search-page .make-list,
  .app-search-page .model-list,
  .app-search-page .tb-picker-list,
  .app-search-page .make-model-list{min-height:110px!important;max-height:160px!important;height:auto!important;}
  .desktop-nav{display:none!important;}
}


/* v5.9 search filter height + AJAX-only search/favorite polish */
.app-search-page .search-filter-shell{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
@media (min-width:961px){
  .app-search-page .search-filter-panel{
    box-sizing:border-box!important;
    height:188px!important;
    min-height:188px!important;
  }
  .app-search-page .make-panel,
  .app-search-page .model-panel{
    height:188px!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    align-content:stretch!important;
  }
  .app-search-page .option-list,
  .app-search-page .make-list,
  .app-search-page .model-list{
    align-self:stretch!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
  }
  .app-search-page .field-panel{
    grid-template-rows:30px repeat(3,minmax(42px,1fr))!important;
    gap:5px!important;
  }
  .app-search-page .range-grid{
    align-items:end!important;
    min-height:42px!important;
  }
  .app-search-page .score-date-panel{
    grid-template-rows:auto 31px minmax(40px,1fr) 31px!important;
    gap:5px!important;
  }
}
.app-search-page .steering-toggle{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:2px!important;
  align-items:center!important;
  justify-items:stretch!important;
  padding:2px!important;
}
.app-search-page .steering-toggle .steering-choice{
  width:100%!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:0 6px!important;
}
.favorite-removing{
  opacity:.35!important;
  transform:scale(.985);
  transition:opacity .18s ease, transform .18s ease;
}
.search-results-error{
  margin-top:8px;
  padding:24px 18px;
}


/* v5.10: Big desktop vehicle detail modal, matching the app/page width and filling page height. */
@media (min-width:961px){
  #vehicleModal{
    padding-left:0!important;
    padding-right:0!important;
  }
  #vehicleModal .modal-dialog{
    --tb-vehicle-modal-width:min(calc(100vw - 36px),var(--tb-page-max,1430px));
    width:var(--tb-vehicle-modal-width)!important;
    max-width:var(--tb-vehicle-modal-width)!important;
    height:100vh!important;
    height:100dvh!important;
    min-height:100vh!important;
    min-height:100dvh!important;
    margin:0 auto!important;
    padding:0!important;
    display:flex!important;
    align-items:stretch!important;
  }
  #vehicleModal .modal-content{
    width:100%!important;
    height:100vh!important;
    height:100dvh!important;
    max-height:100vh!important;
    max-height:100dvh!important;
    border-radius:0!important;
    border-top:0!important;
    border-bottom:0!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    box-shadow:0 24px 70px rgba(15,23,42,.35)!important;
  }
  #vehicleModal .modal-header{
    flex:0 0 auto!important;
    min-height:58px!important;
    padding:10px 16px!important;
    background:#fff!important;
    border-bottom:1px solid #dbe6f5!important;
  }
  #vehicleModal .modal-body{
    flex:1 1 auto!important;
    min-height:0!important;
    height:calc(100vh - 58px)!important;
    height:calc(100dvh - 58px)!important;
    overflow:auto!important;
    padding:14px 16px 20px!important;
    background:#f8fafc!important;
  }
  #vehicleModal .vehicle-modal-gallery{
    align-content:start!important;
  }
  #vehicleModal .vehicle-modal-img{
    width:100%!important;
    max-height:calc((100vh - 120px) / 2)!important;
    object-fit:contain!important;
  }
  #vehicleModal #vehicleModalContent .detail-grid>div,
  #vehicleModal #vehicleModalContent .bid-box{
    background:#fff!important;
  }
}

/* v5.10: Auction-date dropdown is populated with available future dates. */
.app-search-page #auctionDate{
  width:100%!important;
  min-width:0!important;
  text-overflow:ellipsis!important;
}

/* v5.11 bidding/profile/settings/users polish */
.bid-input-grid{
  display:grid;
  grid-template-columns:140px minmax(180px,1fr) auto auto;
  gap:10px;
  align-items:end;
}
.bid-input-grid label,
.tenant-edit-grid label,
.settings-form label{
  display:grid;
  gap:4px;
  font-size:12px;
  font-weight:700;
  color:#475569;
}
.existing-bid-strip{
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 10px;
  margin-bottom:10px;
  border-radius:12px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
}
.existing-bid-strip.is-highest{background:#ecfdf5;border-color:#bbf7d0;}
.existing-bid-strip.is-low{background:#fff7ed;border-color:#fed7aa;}
.existing-bid-strip em{margin-left:auto;font-style:normal;color:#64748b;font-size:12px;}
.suggested-bid-card-mini{
  margin-top:12px;
  border:1px solid #dbeafe;
  border-radius:16px;
  padding:12px;
  background:linear-gradient(180deg,#eff6ff,#fff);
}
.suggested-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#1d4ed8;}
.suggested-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 0;border-top:1px solid rgba(148,163,184,.22);}
.suggested-row:first-of-type{border-top:0;}
.rank-cell,.rank-emoji{font-size:20px;text-align:center;}
.money-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.money-card{border:1px solid #e2e8f0;border-radius:12px;padding:8px;background:#fff;display:grid;gap:3px;}
.money-card small{color:#64748b;font-weight:700;}
.money-primary{border-color:#bfdbfe;background:#eff6ff;}
.bid-actions{display:flex;gap:8px;flex-wrap:wrap;}
.thread-message{border:1px solid #e2e8f0;background:#fff;border-radius:10px;padding:7px 9px;margin-bottom:6px;}
.thread-message small{display:flex;gap:8px;align-items:center;justify-content:space-between;color:#64748b;}
.message-panel{border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;padding:10px;}
.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;}
.profile-card h3,.settings-form h3{font-size:16px;margin:0 0 12px;padding:0;font-weight:800;}
.profile-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.profile-info-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));}
.profile-info-grid div{border:1px solid #e2e8f0;border-radius:12px;padding:9px;background:#fff;min-width:0;}
.profile-info-grid small{display:block;color:#64748b;font-weight:700;margin-bottom:3px;}
.profile-info-grid strong{display:block;overflow-wrap:anywhere;}
.deposit-list{display:grid;gap:7px;}
.deposit-row{display:grid;grid-template-columns:1fr auto;gap:6px 12px;border:1px solid #e2e8f0;border-radius:12px;padding:8px;background:#fff;}
.deposit-row em{grid-column:1 / -1;color:#64748b;font-size:12px;}
.settings-page-wrap,.profile-page-wrap,.users-page-wrap{max-width:var(--tb-page-max,1430px);margin:0 auto;}
.settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;border:1px solid #e2e8f0;border-radius:12px;padding:10px;background:#fff;}
.service-fee-table-wrap{border:1px solid #e2e8f0;border-radius:14px;padding:10px;background:#f8fafc;}
.service-fee-table-wrap summary{cursor:pointer;font-weight:800;margin-bottom:10px;}
.service-fee-header,.service-fee-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:8px;align-items:center;}
.service-fee-header{font-size:12px;color:#64748b;font-weight:800;margin-bottom:6px;padding:0 2px;}
.service-fee-table-grid{display:grid;gap:6px;max-height:420px;overflow:auto;padding-right:4px;}
.tenant-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start;}
.tenant-edit-check{align-self:end;border:1px solid #e2e8f0;border-radius:12px;padding:12px!important;background:#fff;}
.suggested-bid-preview{grid-column:1 / -1;}
.users-filter-grid{grid-template-columns:2fr 1fr 1fr auto;}
.users-table select{min-width:130px;}
@media (max-width:960px){
  .bid-input-grid,.profile-grid,.settings-grid,.tenant-edit-grid,.users-filter-grid{grid-template-columns:1fr;}
  .profile-info-grid,.profile-info-grid.two,.money-grid{grid-template-columns:1fr;}
  .service-fee-header,.service-fee-row{grid-template-columns:1fr 1fr;}
  .bid-input-grid .btn{width:100%;}
}

/* v5.12 Bids page + vehicle modal polish */
.bids-page-v512{max-width:var(--tb-page-max,1430px);margin:0 auto;}
.bids-filter-card-v512{padding:8px!important;margin:0 0 12px!important;border:1px solid #dbe6f5!important;border-radius:12px!important;background:#fff!important;box-shadow:0 8px 22px rgba(15,23,42,.08)!important;}
.bids-filter-grid-v512{display:grid;grid-template-columns:minmax(230px,2.2fr) minmax(130px,1fr) minmax(150px,1.35fr) minmax(100px,.8fr) minmax(170px,1.45fr) minmax(74px,.6fr) minmax(130px,.9fr);gap:8px;align-items:end;}
.bids-filter-grid-v512 label{display:grid;gap:3px;margin:0;font-size:11px;font-weight:800;text-transform:uppercase;color:#42526b;letter-spacing:.03em;}
.bids-filter-grid-v512 .form-control,.bids-filter-grid-v512 .form-select{height:34px!important;min-height:34px!important;border-radius:0!important;font-size:13px;padding:5px 10px!important;border-color:#cdd9ea!important;box-shadow:none!important;}
.bids-filter-grid-v512 .bids-unread-check{align-content:center;justify-items:center;text-align:center;}
.bids-filter-grid-v512 .bids-unread-check input{width:28px;height:28px;margin:0;}
.bids-refresh-button-v512{height:34px!important;border:1px solid #cdd9ea!important;border-radius:7px!important;font-size:12px!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.05em;color:#41506a!important;background:#eef3fa!important;box-shadow:inset 0 -2px 0 rgba(15,23,42,.05)!important;}
.bids-results-v512 .pagination-bar{margin-top:12px;}
.bids-table-wrap{border:1px solid #dbe6f5;background:#fff;overflow:auto;}
.bids-table{width:100%;table-layout:fixed;margin:0!important;border-collapse:collapse!important;font-size:14px;background:#fff;}
.bids-table thead th{background:#111c30!important;color:#fff!important;padding:6px 4px!important;border-right:1px solid #dce5f2!important;vertical-align:middle;white-space:nowrap;}
.bids-table tbody td{padding:5px 4px!important;border:1px solid #dce5f2!important;vertical-align:top;color:#06142b;}
.bids-table .sort-head{color:#fff!important;width:100%;display:flex;align-items:center;justify-content:space-between;gap:5px;font-weight:900;text-transform:uppercase;font-size:13px;}
.bids-table .sort-head.active,.bids-table .sort-head.active .sort-arrow{color:var(--tb-sort-yellow,#ffd400)!important;}
.bids-table--customer th:nth-child(1),.bids-table--customer td:nth-child(1){width:76px;}
.bids-table--customer th:nth-child(2),.bids-table--customer td:nth-child(2){width:82px;}
.bids-table--customer th:nth-child(3),.bids-table--customer td:nth-child(3){width:190px;}
.bids-table--customer th:nth-child(4),.bids-table--customer td:nth-child(4){width:108px;}
.bids-table--customer th:nth-child(5),.bids-table--customer td:nth-child(5){width:108px;}
.bids-table--customer th:nth-child(6),.bids-table--customer td:nth-child(6){width:46px;text-align:center;}
.bids-table--customer th:nth-child(7),.bids-table--customer td:nth-child(7){width:42px;text-align:center;}
.bids-table--customer th:nth-child(8),.bids-table--customer td:nth-child(8){width:104px;}
.bids-table--customer th:nth-child(9),.bids-table--customer td:nth-child(9){width:100px;}
.bids-table--customer th:nth-child(10),.bids-table--customer td:nth-child(10){width:100px;}
.bids-table--customer th:nth-child(11),.bids-table--customer td:nth-child(11){width:375px;}
.bids-table--company th:nth-child(1),.bids-table--company td:nth-child(1){width:88px;}
.bids-table--company th:nth-child(2),.bids-table--company td:nth-child(2){width:100px;}
.bids-table--company th:nth-child(3),.bids-table--company td:nth-child(3){width:96px;}
.bids-table--company th:nth-child(4),.bids-table--company td:nth-child(4){width:76px;}
.bids-table--company th:nth-child(5),.bids-table--company td:nth-child(5){width:176px;}
.bids-table--company th:nth-child(6),.bids-table--company td:nth-child(6){width:98px;}
.bids-table--company th:nth-child(7),.bids-table--company td:nth-child(7){width:98px;}
.bids-table--company th:nth-child(8),.bids-table--company td:nth-child(8){width:42px;text-align:center;}
.bids-table--company th:nth-child(9),.bids-table--company td:nth-child(9){width:38px;text-align:center;}
.bids-table--company th:nth-child(10),.bids-table--company td:nth-child(10){width:96px;}
.bids-table--company th:nth-child(11),.bids-table--company td:nth-child(11){width:92px;}
.bids-table--company th:nth-child(12),.bids-table--company td:nth-child(12){width:98px;}
.bids-table--company th:nth-child(13),.bids-table--company td:nth-child(13){width:220px;}
.bids-table--company th:nth-child(14),.bids-table--company td:nth-child(14){width:38px;text-align:center;}
.bids-image-cell-stack{display:grid;gap:4px;justify-items:center;align-items:start;}
.bids-image-button{border:0;background:transparent;padding:0;display:block;width:64px;height:48px;overflow:hidden;border-radius:3px;}
.bids-image-button img{width:100%;height:100%;object-fit:cover;display:block;}
.bids-image-lot-number{font-size:12px;line-height:1;font-weight:900;color:#050b18;}
.bids-date-stack{display:grid;gap:1px;line-height:1.1;}
.bids-date-stack strong{font-size:13px;font-weight:700;}
.bids-vehicle-stack-button{display:grid;gap:1px;background:transparent;border:0;text-align:left;padding:0;line-height:1.15;color:#07142a;}
.bids-vehicle-stack-button strong{font-weight:900;text-transform:uppercase;}
.bids-vehicle-stack-button em{font-style:normal;color:#1f3b68;}
.bids-vehicle-stack-button small{color:#36506f;}
.bids-bid-value-cell,.bids-suggested-value-cell{font-weight:900;color:#06142b;}
.bids-bid-value-cell .small,.bids-suggested-value-cell .small{font-weight:700;color:#52657f!important;}
.bids-highest-cell{font-size:20px;text-align:center;vertical-align:middle!important;}
.bids-status-select{height:48px!important;border-radius:0!important;font-size:13px;padding:4px!important;}
.bids-message-summary{display:grid;gap:7px;}
.bids-message-total{height:28px;display:flex;align-items:center;border:1px dashed #d4dfec;background:#f8fafc;color:#36506f;padding:0 8px;font-size:13px;}
.bids-message-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.bids-message-actions .btn{border-radius:0!important;font-weight:800;min-width:104px;height:31px;display:inline-flex;align-items:center;justify-content:center;gap:6px;}
.bids-message-actions .btn-secondary{background:#607086!important;border-color:#607086!important;color:#fff!important;min-width:78px;}
.bids-unread-filter-button{height:28px;min-width:56px;border:0;border-radius:6px;background:#68778d;color:#fff;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:6px;}
.bids-unread-filter-button.active{background:#2563eb;color:#fff;}
.bid-message-row>td{background:#f8fafc!important;padding:8px!important;}
.bid-result-buy{font-weight:900;color:#16a34a;}
.bids-edit-cell .btn{width:30px;height:30px;padding:0;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;}
.bids-mobile-v512-card{margin:0 0 10px!important;border-radius:14px!important;box-shadow:0 8px 22px rgba(15,23,42,.08)!important;}
.bids-mobile-message-shell .bids-message-actions{justify-content:flex-start;}
.bid-mobile-message-panel{margin-top:8px;}
.vehicle-detail-v512-grid{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(320px,.75fr) minmax(280px,.72fr);gap:14px;align-items:start;}
.vehicle-v512-panel{background:#fff;border:1px solid #dbe6f5;border-radius:12px;box-shadow:0 10px 26px rgba(15,23,42,.06);padding:14px;margin-bottom:12px;}
.vehicle-v512-panel h5,.vehicle-v512-panel h6{margin:0 0 12px;font-weight:900;color:#111827;}
.vehicle-v512-main-image{display:block;width:100%;border:0;background:#0f172a;border-radius:10px;overflow:hidden;padding:0;}
.vehicle-v512-main-image img{display:block;width:100%;height:285px;object-fit:contain;background:#0f172a;}
.vehicle-v512-thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}
.vehicle-v512-thumb{width:64px;height:48px;border:2px solid transparent;border-radius:4px;padding:0;overflow:hidden;background:#fff;}
.vehicle-v512-thumb.active{border-color:#f59e0b;}
.vehicle-v512-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.vehicle-info-rows{display:grid;gap:0;}
.vehicle-info-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #dbe6f5;}
.vehicle-info-row span{font-size:11px;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.06em;}
.vehicle-info-row strong{font-size:13px;color:#0f172a;text-align:right;}
.vehicle-v512-sheet{border-radius:8px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;border:1px solid #dbe6f5;}
.vehicle-v512-sheet img{max-width:100%;max-height:390px;object-fit:contain;display:block;}
.vehicle-v512-bid-panel{border:1px solid #93c5fd;background:#dbeeff;border-radius:12px;padding:12px;margin-bottom:12px;box-shadow:0 12px 34px rgba(37,99,235,.14);}
.vehicle-v512-bid-panel.is-closed{opacity:.82;}
.vehicle-v512-panel-title{display:flex;align-items:center;justify-content:space-between;font-weight:900;text-transform:uppercase;color:#1e3a8a;margin-bottom:10px;}
.bid-group-row{display:grid;grid-template-columns:auto repeat(4,36px) 1fr;gap:6px;align-items:center;margin-bottom:10px;font-size:12px;font-weight:800;color:#1e3a8a;}
.bid-group-choice{height:32px;border:1px solid #bfdbfe;border-radius:6px;background:#fff;color:#1e3a8a;font-weight:900;}
.bid-group-choice.active{background:#2563eb;color:#fff;border-color:#2563eb;}
.bid-currency-select{height:32px!important;border-radius:14px!important;font-weight:900;text-align:center;color:#1d4ed8;background:#eff6ff;}
.vehicle-v512-start-price{display:flex;align-items:center;justify-content:space-between;border:1px solid #93c5fd;background:#eff6ff;border-radius:8px;padding:8px 10px;margin-bottom:10px;font-size:13px;font-weight:800;color:#1e3a8a;}
.vehicle-v512-bid-input{height:40px!important;border-radius:6px!important;font-weight:900;margin-bottom:10px;}
.vehicle-v512-pricing-preview{border:1px solid #dbe6f5;background:#fff;border-radius:10px;padding:8px 10px;display:grid;gap:0;margin-bottom:10px;}
.vehicle-v512-pricing-preview.is-loading{opacity:.65;}
.preview-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e8f0;padding:6px 0;gap:12px;}
.preview-row:last-child{border-bottom:0;}
.preview-row span{font-size:11px;text-transform:uppercase;font-weight:900;color:#64748b;letter-spacing:.05em;}
.preview-row strong{font-size:13px;color:#0f172a;}
.vehicle-v512-bid-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.vehicle-v512-bid-actions .btn{font-weight:900;}
.vehicle-v512-admin-panel h6{font-weight:900;margin:0 0 5px;}
.tenant-vehicle-edit-dialog{max-width:min(calc(100vw - 28px),var(--tb-page-max,1430px))!important;width:min(calc(100vw - 28px),var(--tb-page-max,1430px))!important;height:calc(100vh - 28px);margin:14px auto!important;}
.tenant-vehicle-edit-card{height:100%;border-radius:12px!important;overflow:hidden;}
.tenant-vehicle-edit-header{background:#f8fafc;border-bottom:1px solid #dbe6f5;}
.tenant-edit-v512-grid{display:grid;grid-template-columns:350px minmax(300px,380px) 1fr;gap:16px;align-items:start;min-height:540px;}
.tenant-edit-v512-fields{background:#fff;border:1px solid #dbe6f5;border-radius:12px;padding:14px;box-shadow:0 10px 26px rgba(15,23,42,.06);display:grid;gap:12px;align-content:start;}
.tenant-edit-v512-fields label{display:grid;gap:5px;font-size:12px;font-weight:900;text-transform:uppercase;color:#64748b;}
.tenant-edit-input-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;}
.tenant-edit-currency-pill{display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:36px;border-radius:18px;border:1px solid #86efac;background:#dcfce7;color:#166534;font-weight:900;}
.tenant-edit-preview-card{margin:0!important;background:#ecfdf5!important;border-color:#86efac!important;box-shadow:0 12px 34px rgba(22,163,74,.12)!important;}
.tenant-edit-sheet-panel{background:#fff;border:1px solid #dbe6f5;border-radius:14px;box-shadow:0 10px 26px rgba(15,23,42,.06);display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:420px;}
.tenant-edit-sheet-panel img{max-width:100%;max-height:calc(100vh - 190px);object-fit:contain;display:block;}
@media (max-width:1200px){.bids-filter-grid-v512{grid-template-columns:repeat(3,minmax(0,1fr));}.vehicle-detail-v512-grid{grid-template-columns:1fr 1fr;}.vehicle-v512-right{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:12px;}.tenant-edit-v512-grid{grid-template-columns:1fr 1fr;}.tenant-edit-sheet-panel{grid-column:1 / -1;}}
@media (max-width:960px){.bids-filter-card-v512{margin:0 0 8px!important;border-radius:10px!important;}.bids-filter-grid-v512{grid-template-columns:1fr 1fr;gap:7px;}.bids-filter-grid-v512 label:first-child{grid-column:1 / -1;}.bids-refresh-button-v512{grid-column:1 / -1;width:100%;}.bids-unread-check{display:none!important;}.vehicle-detail-v512-grid,.vehicle-v512-right,.tenant-edit-v512-grid{grid-template-columns:1fr;}.vehicle-v512-body{padding:8px!important;}.vehicle-v512-panel{padding:10px;margin-bottom:8px;}.vehicle-v512-main-image img{height:220px;}.vehicle-v512-bid-actions{grid-template-columns:1fr;}.bid-group-row{grid-template-columns:auto repeat(4,36px);}.bid-currency-select{grid-column:1 / -1;}.tenant-vehicle-edit-dialog{width:calc(100vw - 12px)!important;height:calc(100vh - 12px);margin:6px auto!important;}.tenant-edit-sheet-panel{min-height:260px;}.bids-mobile-list{margin:0!important;}.bids-message-actions .btn{min-width:0;flex:1;}}

/* v5.12 bids page + vehicle detail/admin edit modal */
.bids-page-v512{max-width:var(--tb-page-max,1250px);margin:0 auto;padding-left:0!important;padding-right:0!important;}
.bids-filter-card-v512{padding:7px 8px!important;margin:0 0 10px!important;border-radius:11px!important;background:#fff!important;border:1px solid #d6e0ec!important;box-shadow:0 8px 22px rgba(15,23,42,.07)!important;}
.bids-filter-grid-v512{display:grid;grid-template-columns:2.2fr 1.12fr 1.45fr .8fr 1.4fr .72fr 1.03fr;gap:8px;align-items:end;}
.bids-filter-grid-v512 label{display:grid;gap:3px;margin:0;min-width:0;}
.bids-filter-grid-v512 label>span{font-size:11px;line-height:1;text-transform:uppercase;font-weight:950;color:#315272;letter-spacing:.02em;}
.bids-filter-grid-v512 .form-control,.bids-filter-grid-v512 .form-select{height:32px;border-radius:3px;border-color:#cfdbea;font-size:13px;font-weight:700;background-color:#fff;}
.bids-filter-grid-v512 .bids-unread-check{justify-items:start;align-items:end;}
.bids-filter-grid-v512 .bids-unread-check input{width:32px;height:32px;margin:0;border-radius:7px;}
.bids-refresh-button-v512{height:32px;border-radius:6px!important;border:1px solid #cfd8e6!important;background:#eef2f7!important;color:#475569!important;font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 -1px 0 rgba(15,23,42,.06);}
.bids-results-v512{min-height:80px;}
.bids-table-wrap{margin-top:0!important;border:1px solid #d6e0ec;border-radius:0;overflow:auto;background:#fff;}
.bids-table{width:100%;border-collapse:collapse!important;border-spacing:0!important;margin:0!important;font-size:14px;}
.bids-table thead th{position:sticky;top:0;z-index:2;background:#111b2d!important;color:#fff!important;border:1px solid #d6e0ec!important;border-top:0!important;border-bottom:0!important;padding:6px 4px!important;white-space:nowrap;font-size:14px;line-height:1.1;text-align:left;}
.bids-table thead th:first-child,.bids-table thead th:last-child{border-radius:0!important;}
.bids-table td{background:#fff!important;border:1px solid #dbe4ef!important;padding:5px 4px!important;vertical-align:top!important;color:#0f172a;}
.bids-table-row.messages-expanded td{background:#fbfdff!important;}
.bids-table .sort-head{display:inline-flex;align-items:center;gap:5px;color:#fff!important;font-size:14px;line-height:1;font-weight:950;text-transform:uppercase;text-align:left;}
.bids-table .sort-head.active{color:#ffd400!important;}
.bids-table .sort-arrow{font-size:12px;color:inherit;opacity:.92;}
.bids-table--customer .bids-image-cell{width:76px}.bids-table--company .bids-image-cell{width:88px}.bids-col-message{min-width:210px;}
.bids-image-cell-stack{display:grid;justify-items:center;gap:4px;}
.bids-image-button{border:0;background:transparent;padding:0;display:block;}
.bids-image-button img{width:66px;height:48px;border-radius:2px;object-fit:cover;background:#111b2d;}
.bids-image-lot-number{display:block;font-size:12px;font-weight:950;color:#000;letter-spacing:.03em;}
.bids-date-stack{display:grid;gap:0;line-height:1.08;min-width:68px;}
.bids-date-stack strong{font-weight:500;color:#111827;}
.bids-vehicle-stack-button{border:0;background:transparent;padding:0;text-align:left;color:#0f172a;display:grid;gap:1px;min-width:150px;line-height:1.1;}
.bids-vehicle-stack-button strong{font-size:14px;font-weight:950;text-transform:uppercase;}
.bids-vehicle-stack-button span{font-weight:650;}
.bids-vehicle-stack-button em{font-style:normal;color:#425b78;}
.bids-vehicle-stack-button small{color:#425b78;}
.bids-suggested-value-cell,.bids-bid-value-cell{font-weight:950;white-space:nowrap;}
.bids-suggested-value-cell .small,.bids-bid-value-cell .small{font-weight:800;color:#52657d!important;}
.bids-highest-cell{text-align:center!important;font-size:22px!important;line-height:1.2;}
.bids-group-cell{text-align:center;font-weight:800;}
.bids-status-select{min-width:88px;height:46px;border-radius:0;border-color:#cfd8e6;font-weight:800;background:#fff;}
.bid-result-buy{color:#dc2626;font-weight:950;}
.bids-message-title-cell{text-align:center!important;min-width:230px;}
.bids-unread-filter-button{border:0;border-radius:7px;background:#748095;color:#fff;font-weight:950;height:28px;min-width:62px;display:inline-flex;align-items:center;justify-content:center;gap:6px;}
.bids-unread-filter-button.active{background:#2563eb;color:#fff;}
.bids-message-summary{display:grid;grid-template-columns:1fr;gap:6px;min-width:205px;}
.bids-message-total{border:1px dashed #d3dde9;background:#f8fafc;color:#3b5877;min-height:30px;padding:5px 8px;font-size:13px;}
.bids-message-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.bids-message-actions .btn{border-radius:0;font-size:12px;font-weight:950;padding:6px 10px;display:inline-flex;gap:7px;align-items:center;justify-content:center;}
.bids-message-actions .btn-primary{background:#2563eb;border-color:#2563eb;min-width:105px;}
.bids-message-actions .btn-secondary{background:#64748b;border-color:#64748b;min-width:78px;}
.bid-message-row td{background:#f8fafc!important;padding:8px!important;}
.message-panel{border:1px solid #dbe4ef!important;border-radius:8px!important;background:#f8fafc!important;padding:9px!important;}
.message-panel.is-expanded{background:#fff!important;}
.message-thread-list{max-height:260px;overflow:auto;padding-right:3px;}
.thread-message{border:1px solid #d6e0ec!important;border-radius:9px!important;background:#fff!important;padding:8px 10px!important;margin-bottom:6px!important;}
.thread-message small{font-size:11px;color:#64748b;}
.thread-message div{font-size:13px;color:#0f172a;white-space:pre-wrap;}
.bids-edit-title-cell,.bids-edit-cell{text-align:center!important;width:38px;}
.bids-edit-button,.open-tenant-vehicle-edit.btn-dark{width:32px;height:32px;border-radius:7px!important;padding:0!important;display:inline-flex;align-items:center;justify-content:center;background:#050505!important;border-color:#050505!important;}

#vehicleModal .modal-dialog{width:min(calc(100% - 24px),var(--tb-page-max,1250px))!important;max-width:var(--tb-page-max,1250px)!important;height:100vh!important;height:100dvh!important;margin:0 auto!important;display:flex!important;align-items:stretch!important;}
#vehicleModal .modal-content{height:100vh!important;height:100dvh!important;border-radius:10px!important;overflow:hidden!important;background:#edf3f9!important;}
.vehicle-v512-header{background:#fff!important;border-bottom:1px solid #d6e0ec!important;padding:12px 16px!important;}
.vehicle-v512-body{height:calc(100vh - 64px)!important;height:calc(100dvh - 64px)!important;overflow:auto!important;padding:12px!important;background:#edf3f9!important;}
.vehicle-detail-v512-grid{display:grid;grid-template-columns:1.08fr .8fr .8fr;gap:12px;align-items:start;}
.vehicle-v512-left,.vehicle-v512-center,.vehicle-v512-right{display:grid;gap:12px;align-content:start;min-width:0;}
.vehicle-v512-panel{background:#fff;border:1px solid #dbe4ef;border-radius:10px;box-shadow:0 10px 24px rgba(15,23,42,.06);padding:12px;min-width:0;}
.vehicle-v512-main-image{border:0;background:#f8fafc;padding:0;width:100%;border-radius:8px;overflow:hidden;display:block;}
.vehicle-v512-main-image img{display:block;width:100%;max-height:310px;object-fit:contain;background:#101827;}
.vehicle-v512-thumbs{display:flex;gap:8px;overflow:auto;padding-top:8px;}
.vehicle-v512-thumb{border:2px solid transparent;background:#fff;padding:0;border-radius:4px;overflow:hidden;min-width:72px;height:52px;}
.vehicle-v512-thumb.active{border-color:#2563eb;}
.vehicle-v512-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.vehicle-info-rows{display:grid;gap:0;}
.vehicle-info-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #d7e1ed;padding:7px 0;line-height:1.05;}
.vehicle-info-row:last-child{border-bottom:0;}
.vehicle-info-row span{font-size:11px;text-transform:uppercase;color:#64748b;font-weight:950;letter-spacing:.05em;}
.vehicle-info-row strong{text-align:right;font-size:12px;font-weight:900;}
.vehicle-v512-sheet{border:2px solid #0f172a;background:#fff;border-radius:8px;overflow:hidden;}
.vehicle-v512-sheet img{display:block;width:100%;max-height:420px;object-fit:contain;background:#fff;}
.vehicle-v512-bid-panel{background:#dbeafe;border:1px solid #60a5fa;border-radius:12px;padding:12px;box-shadow:0 16px 34px rgba(37,99,235,.12);}
.vehicle-v512-bid-panel.is-closed{background:#e2edf8;border-color:#bfdbfe;}
.vehicle-v512-panel-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;color:#1d4ed8;font-weight:950;}
.bid-group-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:9px;font-size:12px;font-weight:800;color:#1f4d86;}
.bid-group-choice{width:40px;height:34px;border:1px solid #bfdbfe;border-radius:6px;background:#fff;color:#1d4ed8;font-weight:950;}
.bid-group-choice.active{background:#2563eb;color:#fff;border-color:#2563eb;}
.bid-currency-select{width:74px!important;margin-left:auto;font-weight:950;color:#2563eb;border-radius:999px!important;}
.vehicle-v512-start-price{display:flex;justify-content:space-between;border:1px solid #93c5fd;background:#eff6ff;border-radius:6px;padding:8px 10px;margin-bottom:8px;font-size:12px;font-weight:950;}
.vehicle-v512-bid-input{height:42px;border-radius:5px;font-size:16px;font-weight:900;margin-bottom:8px;}
.vehicle-v512-pricing-preview{border:1px solid #cbd5e1;background:#f8fafc;border-radius:10px;overflow:hidden;margin-bottom:10px;}
.vehicle-v512-pricing-preview.is-loading{opacity:.72;}
.preview-row{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-bottom:1px solid #e2e8f0;font-size:13px;}
.preview-row:last-child{border-bottom:0;}
.preview-row span{text-transform:uppercase;color:#64748b;font-size:11px;font-weight:950;letter-spacing:.04em;}
.preview-row strong{font-weight:950;}
.vehicle-v512-bid-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.vehicle-v512-admin-panel .btn{font-weight:900;}
.vehicle-detail-messages-panel .message-panel{box-shadow:none!important;}
.suggested-bid-card-mini{border:1px solid #86efac!important;background:linear-gradient(180deg,#ecfdf5,#f9fffb)!important;border-radius:16px!important;padding:12px!important;box-shadow:0 16px 40px rgba(34,197,94,.10)!important;}
.suggested-head{display:flex;align-items:center;justify-content:space-between;color:#166534!important;gap:12px;}
.suggested-head span{font-size:12px;font-weight:950;letter-spacing:.16em;}
.suggested-row{display:flex!important;justify-content:space-between!important;gap:12px!important;border-top:1px solid rgba(34,197,94,.32)!important;padding:7px 0!important;}
.suggested-row span{text-transform:uppercase;font-size:11px;font-weight:950;color:#166534;}
.suggested-row strong{font-weight:950;color:#052e16;}
.existing-bid-strip{margin:0 0 8px!important;padding:7px 9px!important;border-radius:10px!important;}

.tenant-vehicle-edit-dialog{width:min(calc(100% - 24px),var(--tb-page-max,1250px))!important;max-width:var(--tb-page-max,1250px)!important;height:100vh!important;height:100dvh!important;margin:0 auto!important;display:flex!important;align-items:stretch!important;}
.tenant-vehicle-edit-card{height:calc(100vh - 20px)!important;height:calc(100dvh - 20px)!important;margin:auto 0!important;border-radius:12px!important;background:#edf3f9!important;overflow:hidden!important;}
.tenant-vehicle-edit-header{background:#fff!important;border-bottom:1px solid #d6e0ec!important;}
.tenant-edit-v512-grid{display:grid;grid-template-columns:.72fr .78fr 1.22fr;gap:14px;align-items:start;}
.tenant-edit-v512-fields{background:#fff;border:1px solid #dbe4ef;border-radius:12px;padding:14px;box-shadow:0 10px 24px rgba(15,23,42,.06);display:grid;gap:12px;}
.tenant-edit-v512-fields label{display:grid;gap:6px;margin:0;font-size:12px;text-transform:uppercase;color:#64748b;font-weight:950;}
.tenant-edit-input-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;}
.tenant-edit-currency-pill{display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:36px;border-radius:999px;background:#dcfce7;border:1px solid #86efac;color:#166534;font-weight:950;}
.tenant-edit-check{display:flex!important;align-items:center;gap:8px;text-transform:none!important;color:#0f172a!important;border:1px solid #dbe4ef;border-radius:10px;padding:9px;background:#f8fafc;}
.tenant-edit-preview-card{margin-top:0!important;min-height:260px;}
.tenant-edit-sheet-panel{background:#fff;border:1px solid #dbe4ef;border-radius:12px;min-height:360px;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;box-shadow:0 10px 24px rgba(15,23,42,.06);}
.tenant-edit-sheet-panel img{width:100%;max-height:calc(100vh - 180px);object-fit:contain;background:#fff;}

@media (max-width:1180px){
  .bids-filter-grid-v512{grid-template-columns:2fr 1fr 1fr .75fr 1fr auto;}.bids-filter-grid-v512 .bids-unread-check{display:none;}
  .vehicle-detail-v512-grid{grid-template-columns:1fr 1fr;}.vehicle-v512-right{grid-column:1/-1;grid-template-columns:1fr 1fr;}.tenant-edit-v512-grid{grid-template-columns:1fr 1fr;}.tenant-edit-sheet-panel{grid-column:1/-1;}
}
@media (max-width:960px){
  .bids-page-v512{padding-left:0!important;padding-right:0!important;}.bids-filter-card-v512{border-radius:0!important;margin:0 0 8px!important;padding:8px!important;}.bids-filter-grid-v512{grid-template-columns:1fr 1fr;gap:7px;}.bids-filter-grid-v512 label:first-child{grid-column:1/-1;}.bids-refresh-button-v512{grid-column:1/-1;width:100%;}.bids-mobile-list{display:grid!important;gap:8px;margin:0!important;width:100%!important;}.bids-mobile-v512-card{border-left:0!important;border-right:0!important;border-radius:0!important;box-shadow:none!important;}.bids-mobile-v512-card .mobile-card-main{grid-template-columns:34% minmax(0,1fr);}.bids-mobile-message-shell .bids-message-summary{min-width:0;}.bids-message-actions{justify-content:flex-start;}.bid-mobile-message-panel{margin-top:8px;}.bids-unread-filter-button{height:28px;}
  #vehicleModal .modal-dialog,.tenant-vehicle-edit-dialog{width:100%!important;max-width:100%!important;margin:0!important;height:100vh!important;height:100dvh!important;}.vehicle-detail-v512-grid,.vehicle-v512-right,.tenant-edit-v512-grid{grid-template-columns:1fr!important;}.vehicle-v512-body{padding:8px!important;}.vehicle-v512-panel{border-radius:10px;padding:10px;}.vehicle-v512-main-image img{max-height:260px;}.vehicle-v512-bid-actions{grid-template-columns:1fr;}.tenant-vehicle-edit-card{height:100vh!important;height:100dvh!important;border-radius:0!important;}.tenant-edit-sheet-panel img{max-height:none;}
}
@media (max-width:520px){
  .bids-filter-grid-v512{grid-template-columns:1fr;}.bids-mobile-v512-card .mobile-card-main{grid-template-columns:38% minmax(0,1fr);}.money-grid{grid-template-columns:1fr 1fr!important;}.bid-currency-select{margin-left:0!important;}.bid-group-row{gap:6px}.vehicle-v512-start-price,.preview-row{font-size:12px;}.vehicle-info-row{align-items:flex-start;}.vehicle-info-row strong{text-align:right;max-width:58%;}
}

/* v5.13 Bids message-column polish */
.bids-table .bid-message-row{
  display:none!important;
}
.bids-message-title-cell,
.bids-message-head{
  text-align:center!important;
  font-weight:900;
  letter-spacing:.03em;
}
.bids-user-cell strong{
  display:block;
  font-weight:800;
  line-height:1.15;
}
.bids-user-cell .small,
.bids-user-cell .text-muted{
  display:none!important;
}
.bids-message-cell{
  min-width:320px!important;
  width:30%!important;
  vertical-align:top!important;
}
.bids-message-column{
  display:grid;
  gap:7px;
  min-width:0;
}
.bids-message-summary{
  display:grid;
  gap:7px;
}
.bids-message-summary.is-open .bids-message-total{
  border-style:solid;
  background:#f8fbff;
}
.bids-message-total{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  border:1px dashed #d5dfec;
  min-height:26px;
  padding:4px 8px;
  color:#426085;
  background:#fbfdff;
  font-weight:700;
}
.bids-message-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(88px,.62fr);
  gap:8px;
}
.bid-message-action-btn{
  min-height:32px;
  border:0!important;
  border-radius:8px!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:6px 10px!important;
  font-size:.78rem!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:0 7px 14px rgba(15,23,42,.14), inset 0 1px 0 rgba(255,255,255,.22);
  transition:transform .12s ease, box-shadow .12s ease, filter .12s ease;
}
.bid-message-action-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 18px rgba(15,23,42,.18), inset 0 1px 0 rgba(255,255,255,.22);
  filter:saturate(1.05);
}
.bid-message-action-btn i{
  font-size:.82rem;
}
.bid-message-btn{
  background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;
  color:#fff!important;
}
.bid-toggle-btn{
  background:linear-gradient(135deg,#64748b,#475569)!important;
  color:#fff!important;
}
.bid-toggle-btn.is-open{
  background:linear-gradient(135deg,#334155,#0f172a)!important;
}
.bids-inline-message-panel{
  margin-top:1px;
}
.bids-inline-message-panel.d-none{
  display:none!important;
}
.bids-message-inline-panel{
  border:1px solid #d9e4f1!important;
  background:#f8fbff!important;
  border-radius:10px!important;
  padding:7px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
}
.bids-message-list{
  display:grid;
  gap:5px;
}
.bids-message-inline-panel .thread-message{
  background:#fff!important;
  border:1px solid #d8e3f0!important;
  border-radius:7px!important;
  margin:0!important;
  padding:6px 7px!important;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
.thread-message-meta{
  display:flex;
  align-items:center;
  gap:5px;
  min-width:0;
  color:#49617d;
  font-size:.7rem;
  line-height:1.2;
}
.thread-message-author{
  color:#0f5ce6;
  font-weight:900;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.thread-message-time{
  margin-left:auto;
  color:#416083;
  font-size:.68rem;
  white-space:nowrap;
}
.thread-message-body{
  color:#0f172a;
  font-size:.78rem;
  line-height:1.22;
  margin-top:2px;
  word-break:break-word;
}
.message-seen-icon{
  color:#0f9f8f;
  font-size:.75rem;
}
.message-delete-btn{
  border:0;
  background:transparent;
  color:#dc2626;
  padding:0 0 0 4px;
  line-height:1;
}
.bids-message-compose{
  margin-top:7px!important;
}
.bids-message-compose .msg-input{
  min-height:31px;
  height:31px;
  border-radius:7px 0 0 7px;
  font-size:.78rem;
}
.message-send-btn{
  min-height:31px;
  height:31px;
  display:inline-flex!important;
  align-items:center;
  gap:6px;
  border-radius:0 7px 7px 0!important;
  font-size:.76rem!important;
  font-weight:900!important;
}
.bids-no-messages{
  border:1px dashed #d5dfec;
  border-radius:7px;
  padding:7px;
  text-align:center;
  font-size:.76rem;
}
@media (max-width:960px){
  .bids-message-cell{
    width:auto!important;
    min-width:0!important;
  }
  .bids-message-actions{
    grid-template-columns:1fr 1fr;
  }
  .bids-message-inline-panel{
    padding:8px!important;
  }
}

/* v5.13 Bids message column, no full-row expansion */
.bids-table .bid-message-row{display:none!important;}
.bids-message-title-cell{font-weight:900!important;text-align:center!important;letter-spacing:.03em;}
.bids-table .bids-user-cell strong{display:block;font-weight:900;line-height:1.15;}
.bids-table .bids-user-cell .small,
.bids-table .bids-user-cell .text-muted{display:none!important;}
.bids-message-cell{min-width:360px!important;width:31%!important;padding:4px 5px!important;vertical-align:top!important;}
.bids-message-column{display:grid;gap:7px;width:100%;min-width:0;}
.bids-message-summary{display:grid!important;gap:7px;width:100%;min-width:0;}
.bids-message-summary.is-open .bids-message-total{border-color:#bfdbfe;background:#f8fbff;color:#1e3a8a;}
.bids-message-total{display:flex!important;align-items:center;justify-content:space-between;gap:8px;border:1px dashed #d5dfec;min-height:26px;padding:4px 8px;color:#426085;background:#fbfdff;font-weight:800;}
.bid-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:999px;background:#ef4444;color:#fff;font-size:.68rem;font-weight:950;margin-left:6px;padding:0 5px;}
.bids-message-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(88px,.62fr);gap:8px;align-items:center;}
.bid-message-action-btn{min-height:32px;border:0!important;border-radius:8px!important;display:inline-flex!important;align-items:center;justify-content:center;gap:7px;padding:6px 10px!important;font-size:.78rem!important;font-weight:950!important;line-height:1!important;box-shadow:0 7px 14px rgba(15,23,42,.14),inset 0 1px 0 rgba(255,255,255,.24);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;}
.bid-message-action-btn:hover{transform:translateY(-1px);box-shadow:0 10px 18px rgba(15,23,42,.18),inset 0 1px 0 rgba(255,255,255,.24);filter:saturate(1.06);}
.bid-message-action-btn i{font-size:.82rem;}
.bid-message-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;color:#fff!important;}
.bid-toggle-btn{background:linear-gradient(135deg,#64748b,#475569)!important;color:#fff!important;}
.bid-toggle-btn.is-open{background:linear-gradient(135deg,#334155,#0f172a)!important;}
.bids-inline-message-panel{margin-top:1px;}
.bids-inline-message-panel.d-none{display:none!important;}
.bids-message-cell .message-panel{border:1px solid #d9e4f1!important;background:#f8fbff!important;border-radius:10px!important;padding:7px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.66)!important;}
.bids-message-cell .message-thread-list{display:grid;gap:5px;max-height:280px;overflow:auto;padding-right:3px;}
.bids-message-cell .thread-message{background:#fff!important;border:1px solid #d8e3f0!important;border-radius:7px!important;margin:0!important;padding:6px 7px!important;box-shadow:0 1px 2px rgba(15,23,42,.04);}
.thread-message-meta{display:flex;align-items:center;gap:5px;min-width:0;color:#49617d;font-size:.7rem;line-height:1.2;}
.thread-message-author{color:#0f5ce6;font-weight:950;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.thread-message-time{margin-left:auto;color:#416083;font-size:.68rem;white-space:nowrap;}
.thread-message-body{color:#0f172a;font-size:.78rem;line-height:1.22;margin-top:2px;word-break:break-word;white-space:pre-wrap;}
.message-seen-icon{color:#0f9f8f;font-size:.75rem;}
.message-delete-btn{border:0;background:transparent;color:#dc2626;padding:0 0 0 4px;line-height:1;}
.bids-message-compose{margin-top:7px!important;}
.bids-message-compose.d-none{display:none!important;}
.bids-message-compose .msg-input{min-height:31px;height:31px;border-radius:7px 0 0 7px;font-size:.78rem;}
.message-send-btn{min-height:31px;height:31px;display:inline-flex!important;align-items:center;gap:6px;border-radius:0 7px 7px 0!important;font-size:.76rem!important;font-weight:950!important;}
.bids-no-messages{border:1px dashed #d5dfec;border-radius:7px;padding:7px;text-align:center;font-size:.76rem;color:#64748b;background:#fff;}
@media (max-width:960px){
  .bids-message-cell{width:auto!important;min-width:0!important;}
  .bids-message-actions{grid-template-columns:1fr 1fr;}
  .bids-message-cell .message-panel{padding:8px!important;}
}

/* v5.14 Bids messages: one Messages/Close control, inline compose, no inner scroll */
.bids-message-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
}
.bids-message-actions .message-open-btn,
.message-open-btn{
  display:none!important;
}
.bid-toggle-btn,
.bids-message-actions .bid-toggle-btn{
  width:100%!important;
  min-width:0!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;
  color:#fff!important;
}
.bid-toggle-btn.is-open,
.bids-message-actions .bid-toggle-btn.is-open{
  background:linear-gradient(135deg,#0f172a,#334155)!important;
}
.bids-message-cell .message-thread-list,
.vehicle-detail-messages-panel .message-thread-list,
.message-thread-list{
  max-height:none!important;
  overflow:visible!important;
  padding-right:0!important;
}
.bid-message-compose,
.bids-message-compose{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:6px!important;
  margin-top:8px!important;
}
.bid-message-compose.d-none,
.bids-message-compose.d-none{
  display:none!important;
}
.bid-message-compose .msg-input,
.bids-message-compose .msg-input,
.bids-message-cell .msg-input{
  width:100%!important;
  min-height:54px!important;
  height:auto!important;
  border-radius:8px!important;
  resize:vertical;
  font-size:.8rem!important;
  line-height:1.25!important;
}
.message-send-btn,
.bids-message-compose .message-send-btn,
.bid-message-compose .message-send-btn{
  width:100%!important;
  min-height:32px!important;
  height:32px!important;
  border-radius:8px!important;
  justify-content:center!important;
}
.bids-inline-message-panel .message-panel,
.bids-message-cell .message-panel{
  overflow:visible!important;
}
@media (max-width:960px){
  .bids-message-actions{
    grid-template-columns:1fr!important;
  }
  .bid-message-compose .msg-input,
  .bids-message-compose .msg-input{
    min-height:58px!important;
  }
}

/* v5.15 Bids message action alignment + green send button */
@media (min-width:961px){
  .bids-message-summary .bids-message-actions{
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    width:100%!important;
  }
  .bids-message-summary .bids-message-actions .bid-toggle-btn,
  .bids-message-summary .bids-message-actions .toggle-bid-messages{
    flex:0 0 30%!important;
    width:30%!important;
    min-width:112px!important;
    max-width:160px!important;
    margin-left:auto!important;
  }
}
.message-send-btn,
.bids-message-compose .message-send-btn,
.bid-message-compose .message-send-btn,
.bids-message-cell .message-send-btn{
  background:linear-gradient(135deg,#22c55e,#16a34a)!important;
  border-color:#16a34a!important;
  color:#fff!important;
  box-shadow:0 7px 14px rgba(22,163,74,.18),inset 0 1px 0 rgba(255,255,255,.2)!important;
}
.message-send-btn:hover,
.bids-message-compose .message-send-btn:hover,
.bid-message-compose .message-send-btn:hover,
.bids-message-cell .message-send-btn:hover{
  background:linear-gradient(135deg,#16a34a,#15803d)!important;
  border-color:#15803d!important;
  color:#fff!important;
}
@media (max-width:960px){
  .bids-message-summary .bids-message-actions .bid-toggle-btn,
  .bids-message-summary .bids-message-actions .toggle-bid-messages{
    width:100%!important;
    max-width:none!important;
  }
}

/* v5.16 Bids bid amount stack, mobile app nav, and tidy drawer */
.bid-amount-stack{
  display:inline-grid;
  gap:2px;
  line-height:1.05;
  vertical-align:middle;
  white-space:nowrap;
}
.bid-amount-primary{
  display:block;
  font-weight:950;
  color:#06142b;
}
.bid-amount-secondary{
  display:block;
  color:#52657f;
  font-size:.78rem;
  font-weight:850;
}
.bids-bid-value-cell .bid-amount-secondary,
.money-card .bid-amount-secondary,
.existing-bid-strip .bid-amount-secondary{
  margin-top:2px;
}
.open-tenant-vehicle-edit{
  touch-action:manipulation;
}
.bids-edit-cell .open-tenant-vehicle-edit{
  position:relative;
  z-index:2;
}

.mobile-nav-button{
  display:none;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  border:0!important;
  outline:0!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#eef4ff,#ffffff)!important;
  color:#0f172a!important;
  box-shadow:0 10px 22px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.9)!important;
  font-size:1.3rem;
  transition:transform .14s ease, box-shadow .14s ease, background .14s ease;
}
.mobile-nav-button:hover,
.mobile-nav-button:focus{
  transform:translateY(-1px);
  background:linear-gradient(135deg,#dbeafe,#ffffff)!important;
  box-shadow:0 14px 28px rgba(15,23,42,.16), inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.mobile-nav-button:active{transform:translateY(0) scale(.97);}

.mobile-app-drawer{
  width:min(88vw,360px)!important;
  border:0!important;
  border-radius:24px 0 0 24px;
  overflow:hidden;
  background:#f8fbff;
  box-shadow:-26px 0 50px rgba(15,23,42,.24);
}
.mobile-drawer-header{
  padding:18px 18px 12px;
  border:0;
  background:linear-gradient(135deg,#ffffff,#edf4ff);
}
.mobile-drawer-title{
  margin:0;
  font-weight:950;
  color:#0f172a;
  letter-spacing:-.02em;
}
.mobile-drawer-subtitle{
  margin-top:4px;
  color:#64748b;
  font-size:.82rem;
  font-weight:750;
  max-width:245px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mobile-drawer-close{
  width:38px;
  height:38px;
  border:0;
  border-radius:12px;
  background:#fff;
  color:#0f172a;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 18px rgba(15,23,42,.10);
}
.mobile-drawer-body{
  padding:12px 14px 16px!important;
  display:flex;
  flex-direction:column;
  min-height:calc(100vh - 76px);
  gap:14px;
}
.mobile-drawer-menu{
  display:grid;
  gap:8px;
  align-content:start;
}
.mobile-drawer-link{
  min-height:48px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:7px 10px;
  text-decoration:none;
  color:#10233f;
  border-radius:16px;
  background:#fff;
  border:1px solid #e2eaf4;
  box-shadow:0 8px 18px rgba(15,23,42,.06);
  font-weight:900;
}
.mobile-drawer-link:hover{
  color:#0f172a;
  transform:translateY(-1px);
  box-shadow:0 12px 24px rgba(15,23,42,.10);
}
.mobile-drawer-link.is-active{
  color:#1d4ed8;
  border-color:#bfdbfe;
  background:linear-gradient(135deg,#eff6ff,#fff);
}
.mobile-drawer-icon{
  width:36px;
  height:36px;
  border-radius:13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#eef4fb;
  color:#2563eb;
  font-size:1rem;
}
.mobile-drawer-link.is-active .mobile-drawer-icon{
  background:#2563eb;
  color:#fff;
}
.mobile-drawer-badge,
.bottom-nav-badge{
  min-width:18px;
  height:18px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 5px;
  background:#ef4444;
  color:#fff;
  font-size:.66rem;
  font-weight:950;
}
.mobile-drawer-logout{
  color:#dc2626;
}
.mobile-drawer-logout .mobile-drawer-icon{
  background:#fff1f2;
  color:#dc2626;
}
.mobile-drawer-language{
  margin-top:auto;
  padding:12px;
  border-radius:18px;
  background:#fff;
  border:1px solid #e2eaf4;
  box-shadow:0 8px 18px rgba(15,23,42,.06);
}
.mobile-drawer-language label{
  display:block;
  margin-bottom:8px;
  color:#64748b;
  font-size:.72rem;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.mobile-drawer-language-select,
.mobile-drawer-language .header-select{
  width:100%!important;
  height:42px!important;
  border-radius:13px!important;
  border:1px solid #d8e3f0!important;
  background:#f8fbff!important;
  color:#0f172a!important;
  font-weight:900!important;
}

.app-bottom-nav{
  display:none;
}
@media (max-width:960px){
  .desktop-nav,
  .header-actions{
    display:none!important;
  }
  .mobile-nav-button{
    display:inline-flex!important;
  }
  .has-mobile-bottom-nav .app-main{
    padding-bottom:96px!important;
  }
  .app-bottom-nav{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:1040;
    display:block;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));
    pointer-events:none;
  }
  .app-bottom-nav-inner{
    pointer-events:auto;
    width:min(100%,560px);
    margin:0 auto;
    min-height:64px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
    align-items:center;
    padding:7px;
    border:1px solid rgba(203,213,225,.85);
    border-radius:24px;
    background:rgba(255,255,255,.94);
    box-shadow:0 18px 46px rgba(15,23,42,.24), inset 0 1px 0 rgba(255,255,255,.9);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
  }
  .app-bottom-nav-inner.app-bottom-count-5{
    grid-template-columns:repeat(5,minmax(0,1fr));
    max-width:620px;
  }
  .app-bottom-nav-inner.app-bottom-count-6{
    grid-template-columns:repeat(6,minmax(0,1fr));
    max-width:700px;
  }
  .bottom-nav-item{
    min-width:0;
    min-height:50px;
    border-radius:18px;
    color:#64748b;
    text-decoration:none;
    display:grid;
    place-items:center;
    gap:2px;
    padding:5px 3px;
    font-size:.68rem;
    font-weight:950;
    line-height:1;
    transition:background .14s ease, color .14s ease, transform .14s ease;
  }
  .bottom-nav-item:hover{
    color:#1d4ed8;
  }
  .bottom-nav-item.is-active{
    color:#1d4ed8;
    background:#eff6ff;
    box-shadow:inset 0 0 0 1px #bfdbfe;
  }
  .bottom-nav-item:active{
    transform:scale(.96);
  }
  .bottom-nav-icon{
    position:relative;
    width:28px;
    height:27px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:1.18rem;
  }
  .bottom-nav-item.is-active .bottom-nav-icon{
    color:#2563eb;
  }
  .bottom-nav-badge{
    position:absolute;
    right:-9px;
    top:-6px;
    border:2px solid #fff;
    height:19px;
    min-width:19px;
    font-size:.62rem;
  }
  .bottom-nav-label{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}
@media (min-width:961px){
  .mobile-nav-button{
    display:none!important;
  }
}
@media (max-width:390px){
  .app-bottom-nav{
    padding-left:6px;
    padding-right:6px;
  }
  .app-bottom-nav-inner{
    border-radius:20px;
    gap:3px;
    padding:5px;
  }
  .bottom-nav-item{
    font-size:.62rem;
    min-height:48px;
  }
  .bottom-nav-icon{
    font-size:1.06rem;
  }
}

/* v5.18 vehicle modal, profile currency, gallery, and search/mobile filter polish */
.search-results-table .search-col-image{width:94px;}
.search-results-table .search-col-lot{width:68px;}
.search-results-table .search-col-vehicle{width:22%;min-width:210px;}
.search-results-table .search-col-favorite{width:44px;}
.search-results-table .search-vehicle-wide{min-width:210px;}
.search-vehicle-text{display:grid;gap:2px;line-height:1.15;}
.search-vehicle-text strong{font-weight:950;color:#0f172a;white-space:nowrap;}
.search-vehicle-text span{font-size:.82rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.search-favorite-title,
.search-favorite-cell{text-align:center!important;width:44px!important;min-width:44px!important;padding-left:4px!important;padding-right:4px!important;}
.search-favorite-title{font-size:17px!important;color:#facc15!important;}
.vehicle-actions-favorite-only{display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;}
.search-favorite-cell .favorite-star,
.vehicle-actions-favorite-only .favorite-star{width:32px!important;height:32px!important;font-size:20px!important;}
.app-search-page .make-list .tb-list-option,
.app-search-page .model-list .tb-list-option{font-size:18px!important;line-height:1.12!important;padding-top:5px!important;padding-bottom:5px!important;}
.search-mobile-title-static{display:block;text-decoration:none;color:#0f172a;}
.search-mobile-title-static strong{font-size:20px;font-weight:950;display:block;line-height:1;}
.search-mobile-title-static span{font-size:13px;color:#475569;display:block;}
.search-mobile-title-static small{font-size:12px;color:#64748b;display:block;}

.currency-jpy-stack{display:inline-grid;gap:2px;line-height:1.1;text-align:right;}
.currency-jpy-primary{font-weight:950;color:#0f172a;white-space:nowrap;}
.currency-jpy-secondary{font-size:.76rem;color:#64748b;font-weight:850;white-space:nowrap;}
.vehicle-v512-start-price .currency-jpy-primary{color:#1e3a8a;}
.vehicle-v512-start-price .currency-jpy-secondary{color:#36639a;}
.vehicle-v512-bid-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:stretch;margin-bottom:10px;}
.vehicle-v512-bid-input-row .vehicle-v512-bid-input{margin-bottom:0!important;}
.bid-currency-fixed-pill,
.bid-selected-currency-label{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:#0f172a;color:#fff;font-weight:950;letter-spacing:.04em;box-shadow:inset 0 1px 0 rgba(255,255,255,.18);}
.bid-currency-fixed-pill{min-width:62px;padding:0 12px;}
.bid-selected-currency-label{min-height:26px;padding:0 10px;font-size:.78rem;}
.vehicle-v512-main-image{cursor:zoom-in;}
.vehicle-v512-thumb{cursor:pointer;}
.vehicle-fullscreen-gallery{position:fixed;inset:0;z-index:2055;display:grid;place-items:center;}
.vehicle-gallery-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.82);backdrop-filter:blur(5px);}
.vehicle-gallery-stage{position:relative;z-index:1;width:min(96vw,var(--tb-page-max,1430px));height:min(94vh,920px);display:flex;align-items:center;justify-content:center;padding:58px 76px 54px;}
.vehicle-gallery-stage img{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;background:#020617;box-shadow:0 26px 70px rgba(0,0,0,.48);}
.vehicle-gallery-close,
.vehicle-gallery-nav{position:absolute;border:0;border-radius:999px;background:rgba(255,255,255,.16);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 12px 30px rgba(0,0,0,.28);transition:transform .13s ease,background .13s ease;}
.vehicle-gallery-close:hover,
.vehicle-gallery-nav:hover{background:rgba(255,255,255,.26);transform:translateY(-1px);}
.vehicle-gallery-close{top:12px;right:18px;width:44px;height:44px;font-size:18px;}
.vehicle-gallery-nav{top:50%;translate:0 -50%;width:52px;height:52px;font-size:26px;}
.vehicle-gallery-prev{left:18px;}
.vehicle-gallery-next{right:18px;}
.vehicle-gallery-counter{position:absolute;left:50%;bottom:14px;translate:-50% 0;color:#fff;background:rgba(15,23,42,.64);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:6px 13px;font-weight:900;}

@media (max-width:960px){
  .app-search-page .search-mobile-filter-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;padding:0 8px 8px;margin:0;}
  .app-search-page .search-mobile-filter-actions .btn{height:40px;border-radius:12px;font-weight:950;display:inline-flex;align-items:center;justify-content:center;gap:8px;}
  .app-search-page #searchFilterShell{margin:0 0 8px!important;padding:0!important;}
  .app-search-page #searchFilterShell.mobile-collapsed .desktop-search-grid,
  .app-search-page #searchFilterShell.mobile-collapsed .search-mobile-filter-actions-bottom{display:none!important;}
  .app-search-page #searchFilterShell.mobile-open .desktop-search-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0 8px 8px!important;}
  .app-search-page #searchFilterShell.mobile-open .search-mobile-filter-actions-bottom{display:grid!important;}
  .app-search-page #searchFilterShell .make-panel{grid-column:1 / 2!important;}
  .app-search-page #searchFilterShell .model-panel{grid-column:2 / 3!important;}
  .app-search-page #searchFilterShell .field-panel,
  .app-search-page #searchFilterShell .score-date-panel,
  .app-search-page #searchFilterShell .quick-search-panel{grid-column:1 / -1!important;}
  .app-search-page #searchFilterShell .field-panel{grid-template-rows:auto auto auto auto!important;}
  .app-search-page #searchFilterShell .range-grid{grid-template-columns:1fr 1fr!important;}
  .app-search-page #searchFilterShell .date-steering-grid{grid-template-columns:1fr!important;}
  .app-search-page #searchFilterShell .score-date-panel{grid-template-rows:auto auto auto auto!important;}
  .app-search-page #searchFilterShell .score-list{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .app-search-page #searchFilterShell .score-list .score-choice{width:100%!important;min-width:0!important;}
  .app-search-page #searchFilterShell .make-list,
  .app-search-page #searchFilterShell .model-list{min-height:150px!important;max-height:190px!important;}
  .app-search-page .make-list .tb-list-option,
  .app-search-page .model-list .tb-list-option{font-size:17px!important;}
  .vehicle-v512-bid-input-row{grid-template-columns:1fr 58px;}
  .currency-jpy-stack{text-align:right;}
  .vehicle-gallery-stage{width:100vw;height:100vh;height:100dvh;padding:54px 48px 46px;}
  .vehicle-gallery-stage img{border-radius:8px;}
  .vehicle-gallery-close{top:10px;right:10px;width:40px;height:40px;}
  .vehicle-gallery-nav{width:42px;height:42px;font-size:21px;}
  .vehicle-gallery-prev{left:7px;}
  .vehicle-gallery-next{right:7px;}
}
@media (max-width:520px){
  .app-search-page #searchFilterShell.mobile-open .desktop-search-grid{grid-template-columns:1fr 1fr!important;}
  .app-search-page #searchFilterShell .make-panel,
  .app-search-page #searchFilterShell .model-panel{min-width:0!important;}
  .app-search-page #searchFilterShell .range-grid{grid-template-columns:1fr 1fr!important;}
  .app-search-page #searchFilterShell .quick-save-row{grid-template-columns:1fr auto!important;}
  .vehicle-v512-start-price strong{max-width:62%!important;}
  .vehicle-gallery-stage{padding-left:40px;padding-right:40px;}
}

/* v5.19 clean currency, compact tables, favorites/search parity, unread badges, and mobile nav polish */
.app-search-page .make-list .tb-list-option,
.app-search-page .model-list .tb-list-option,
.app-search-page .make-option,
.app-search-page .model-option{
  font-size:16px!important;
  line-height:1.15!important;
}

.search-results-table.vehicle-table{
  border-spacing:0 6px!important;
}
.search-results-table.vehicle-table thead th,
.favorite-results-table.vehicle-table thead th{
  height:28px!important;
  padding:4px 6px!important;
  font-size:11.5px!important;
  line-height:1!important;
  vertical-align:middle!important;
}
.search-results-table .sort-head,
.favorite-results-table .sort-head{
  line-height:1!important;
  font-size:11.5px!important;
}
.search-results-table.vehicle-table td,
.favorite-results-table.vehicle-table td{
  padding-top:6px!important;
  padding-bottom:6px!important;
}
.favorite-results-table .search-favorite-title,
.favorite-results-table .search-favorite-cell{
  width:44px!important;
  min-width:44px!important;
  text-align:center!important;
}

.header-icon-btn.has-unread{
  background:#2563eb!important;
  border-color:#1d4ed8!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(37,99,235,.26)!important;
}
.header-unread-badge.has-unread,
.mobile-drawer-badge.has-unread,
.bottom-nav-badge.has-unread{
  background:#ef4444!important;
  color:#fff!important;
  border-color:#fff!important;
}
.bottom-nav-item.has-unread .bottom-nav-icon,
.mobile-drawer-link.has-unread .mobile-drawer-icon{
  color:#2563eb;
}

.profile-page-wrap .form-check.form-switch,
.settings-page-wrap .form-check.form-switch{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:34px!important;
  padding-left:0!important;
}
.profile-page-wrap .form-switch .form-check-input,
.settings-page-wrap .form-switch .form-check-input{
  width:3.25rem!important;
  height:1.65rem!important;
  margin-left:0!important;
  margin-top:0!important;
  cursor:pointer!important;
  flex:0 0 auto!important;
}
.profile-page-wrap .form-switch .form-check-label,
.settings-page-wrap .form-switch span{
  font-size:.98rem!important;
  font-weight:800!important;
}
.settings-toggle-row{
  min-height:54px!important;
}

@media (max-width:960px){
  .has-mobile-bottom-nav .app-main{
    padding-bottom:118px!important;
  }
  .pagination-bar,
  .search-pagination-row,
  .search-pagination-bar{
    margin-bottom:124px!important;
  }
  .app-bottom-nav{
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    pointer-events:auto!important;
  }
  .app-bottom-nav-inner,
  .app-bottom-nav-inner.app-bottom-count-5,
  .app-bottom-nav-inner.app-bottom-count-6{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:0!important;
    min-height:66px!important;
    padding:6px 8px!important;
    gap:4px!important;
    box-shadow:0 -10px 28px rgba(15,23,42,.16), inset 0 1px 0 rgba(255,255,255,.92)!important;
  }
  .bottom-nav-item{
    border-radius:0!important;
    min-height:54px!important;
  }
  .bottom-nav-item.is-active{
    border-radius:0!important;
  }
  .search-results-table.vehicle-table thead th,
  .favorite-results-table.vehicle-table thead th{
    height:auto!important;
    padding:5px 6px!important;
  }
}

/* v5.21 company users page + edit/deposit operations */
.users-page-v521 { display: grid; gap: 20px; }
.users-filter-card-v521,
.users-result-card-v521 {
  background: #fff;
  border: 1px solid #dbe6f5;
  border-radius: 14px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .08);
  padding: 18px 20px;
}
.users-filter-grid-v521 {
  display: grid;
  grid-template-columns: 1.2fr 1.05fr 1.05fr 1fr;
  gap: 14px 12px;
  align-items: end;
}
.users-filter-grid-v521 label { display: grid; gap: 6px; margin: 0; }
.users-filter-grid-v521 label span,
.user-edit-grid-v521 label span,
.user-address-label-v521 span {
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 12px;
  color: #334b68;
  font-weight: 900;
}
.users-filter-grid-v521 .form-control,
.users-filter-grid-v521 .form-select,
.user-edit-grid-v521 .form-control,
.user-edit-grid-v521 .form-select,
.user-address-label-v521 .form-control,
.user-deposit-form-v521 .form-control,
.user-deposit-form-v521 .form-select {
  border-color: #cbd7e8;
  border-radius: 5px;
  min-height: 38px;
  font-weight: 700;
}
.users-filter-actions-v521 { display: flex; justify-content: flex-end; gap: 8px; align-items: end; }
.users-filter-actions-v521 .btn { min-height: 47px; font-weight: 900; padding-left: 20px; padding-right: 20px; border-radius: 6px; }
.users-result-header-v521 { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 14px; }
.users-result-header-v521 h3 { margin: 0; font-size: 22px; font-weight: 950; color: #020617; }
.users-result-header-v521 span { font-size: 14px; color: #536a86; font-weight: 900; }
.users-table-v521 { border-spacing: 0; margin: 0; }
.users-table-v521 thead th {
  background: #eaf0f7 !important;
  color: #16253a !important;
  font-size: 13px;
  padding: 12px 10px;
  border: 0 !important;
}
.users-table-v521 thead th:first-child { border-radius: 14px 0 0 0 !important; }
.users-table-v521 thead th:last-child { border-radius: 0 14px 0 0 !important; }
.users-table-v521 tbody td { padding: 12px 10px; border-bottom: 1px solid #d8e3f1; vertical-align: middle; }
.users-table-v521 .sort-head { color: #16253a; }
.users-name-cell strong { font-weight: 850; }
.users-actions-cell { white-space: nowrap; display: flex; gap: 7px; align-items: center; }
.users-actions-cell .btn { font-weight: 900; border-radius: 6px; }
.users-online-pill {
  display: inline-flex;
  min-width: 82px;
  height: 28px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .04em;
}
.users-online-pill.is-online { background: #d8fbe6; color: #087439; border: 1px solid #86efac; }
.users-online-pill.is-offline { background: #e9eef5; color: #41536a; border: 1px solid #cfd8e6; }
.user-modal-dialog-v521 { max-width: min(1080px, calc(100vw - 24px)); }
.user-modal-content-v521 { border: 0; border-radius: 12px; background: #f8fbff; box-shadow: 0 25px 70px rgba(15, 23, 42, .28); }
.user-modal-header-v521 { border: 0; padding: 24px 24px 8px; align-items: flex-start; }
.user-modal-header-v521 .modal-title { font-size: 22px; font-weight: 950; color: #111827; }
.user-modal-x-v521 {
  width: 48px; height: 48px; border: 0; border-radius: 8px; background: #d5deeb; color: #405067;
  font-size: 26px; font-weight: 900; line-height: 1; box-shadow: 0 8px 22px rgba(15,23,42,.16);
}
.user-modal-body-v521 { padding: 0 24px 18px; }
.user-edit-form-v521 { display: grid; gap: 14px; }
.user-edit-grid-v521 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 12px; }
.user-edit-grid-v521 label,
.user-address-label-v521 { display: grid; gap: 7px; margin: 0; }
.user-address-label-v521 textarea { min-height: 74px; }
.user-switch-label-v521 { align-content: start; }
.tb-switch-lg { position: relative; display: inline-flex; align-items: center; width: 58px; height: 34px; }
.tb-switch-lg input { position: absolute; inset: 0; opacity: 0; z-index: 2; cursor: pointer; }
.tb-switch-lg i { position: absolute; inset: 0; border-radius: 999px; background: #cbd5e1; box-shadow: inset 0 0 0 1px #b9c4d4; transition: .18s ease; }
.tb-switch-lg i::after { content: ''; position: absolute; top: 4px; left: 4px; width: 26px; height: 26px; border-radius: 999px; background: #fff; box-shadow: 0 2px 6px rgba(15,23,42,.2); transition: .18s ease; }
.tb-switch-lg input:checked + i { background: #2563eb; box-shadow: inset 0 0 0 1px #2563eb; }
.tb-switch-lg input:checked + i::after { transform: translateX(24px); }
.user-modal-actions-v521 { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 2px; }
.user-modal-actions-v521 .btn { min-height: 46px; min-width: 74px; font-weight: 950; border-radius: 6px; }
.user-deposits-card-v521 { margin-top: 16px; background: #edf6ff; border: 1px solid #b8d7ff; border-radius: 8px; padding: 14px; }
.user-deposits-header-v521 { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.user-deposits-header-v521 h6 { margin: 0; font-size: 18px; font-weight: 950; }
.user-deposits-header-v521 strong { color: #64748b; }
.user-deposit-form-v521 { display: grid; grid-template-columns: 120px 100px 1fr 1.45fr 136px auto; gap: 8px; align-items: center; margin-bottom: 12px; }
.user-deposit-form-v521 .btn { min-height: 42px; font-weight: 950; border-radius: 6px; }
.user-deposit-list-v521 { display: grid; gap: 8px; }
.user-deposit-row-v521 { background: #fff; border: 1px solid #d5e5fb; border-radius: 6px; padding: 12px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; }
.user-deposit-main-v521 { display: grid; gap: 2px; }
.user-deposit-main-v521 strong { font-size: 18px; font-weight: 950; }
.user-deposit-main-v521 span { color: #526982; font-weight: 800; }
.user-deposit-main-v521 small { color: #334155; }
.user-deposit-actions-v521 { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }
.user-deposit-actions-v521 .btn { font-weight: 900; border-radius: 6px; }
.user-deposit-empty { color: #64748b; font-weight: 800; padding: 10px; background: rgba(255,255,255,.75); border-radius: 6px; }
@media (max-width: 960px) {
  .users-page-v521 { gap: 10px; }
  .users-filter-card-v521,
  .users-result-card-v521 { border-radius: 0; padding: 12px 10px; }
  .users-filter-grid-v521 { grid-template-columns: 1fr 1fr; gap: 10px; }
  .users-filter-grid-v521 label:first-child { grid-column: 1 / -1; }
  .users-filter-actions-v521 { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; }
  .users-filter-actions-v521 .btn { width: 100%; }
  .users-table-wrap-v521 { overflow: visible; }
  .users-table-v521 { min-width: 760px; }
  .user-modal-dialog-v521 { max-width: 100%; margin: 0; min-height: 100%; }
  .user-modal-content-v521 { min-height: 100vh; border-radius: 0; }
  .user-modal-body-v521 { padding: 0 12px 92px; }
  .user-edit-grid-v521 { grid-template-columns: 1fr; gap: 10px; }
  .user-modal-actions-v521 { position: sticky; bottom: 0; background: #f8fbff; padding: 10px 0; z-index: 2; }
  .user-deposit-form-v521 { grid-template-columns: 1fr 92px; }
  .user-deposit-form-v521 input[name="note"],
  .user-deposit-form-v521 input[name="spentVehicleId"],
  .user-deposit-form-v521 .btn { grid-column: 1 / -1; }
  .user-deposit-row-v521 { grid-template-columns: 1fr; }
  .user-deposit-actions-v521 { justify-content: stretch; display: grid; grid-template-columns: 1fr 1fr; }
}

/* v5.23 bid amount formatting, login, and mobile vehicle image stack */
.tokyobids-app[data-page="login"] .app-main{
  max-width:none!important;
  width:100%!important;
  padding:0!important;
}
.tokyobids-app[data-page="login"] .login-shell{
  min-height:100vh!important;
  padding:18px;
}
.js-money-input,
.vehicle-v512-bid-input{
  font-variant-numeric:tabular-nums;
  letter-spacing:.01em;
}
.vehicle-v512-mobile-image-stack{
  display:none;
}
.vehicle-v512-mobile-image-item{
  border:0;
  padding:0;
  margin:0;
  background:transparent;
}
.vehicle-v512-mobile-image-item img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  background:#101827;
  border-radius:10px;
  box-shadow:0 8px 20px rgba(15,23,42,.10);
}
@media (max-width:960px){
  #vehicleModal .vehicle-v512-gallery-panel{
    padding:8px!important;
  }
  #vehicleModal .vehicle-v512-main-image,
  #vehicleModal .vehicle-v512-thumbs{
    display:none!important;
  }
  #vehicleModal .vehicle-v512-mobile-image-stack{
    display:grid!important;
    gap:10px;
    width:100%;
  }
  #vehicleModal .vehicle-v512-mobile-image-item img{
    max-height:none!important;
    border-radius:9px;
  }
  #vehicleModal .vehicle-v512-left{
    gap:8px;
  }
}

/* v5.24 Super Admin */
.desktop-nav-superadmin{gap:8px;flex-wrap:wrap;justify-content:center;max-width:980px;overflow:visible}
.desktop-nav-superadmin .nav-link{font-size:12px;padding:8px 10px;border-radius:12px;white-space:nowrap}
.sa-page-wrap{display:flex;flex-direction:column;gap:14px;width:100%}
.sa-page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 2px;padding:0}
.sa-page-head h2{font-size:18px;line-height:1.1;margin:0;font-weight:800;color:#111827}
.sa-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#64748b;font-weight:800;margin-bottom:3px}
.sa-page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.sa-dashboard-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.sa-stat-card{padding:16px;border-radius:18px;display:flex;flex-direction:column;gap:6px;min-height:112px;justify-content:space-between;background:linear-gradient(180deg,#fff,#f8fafc)}
.sa-stat-card i{font-size:22px;color:#2563eb}
.sa-stat-card span{font-size:12px;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.sa-stat-card strong{font-size:24px;line-height:1;color:#0f172a}
.sa-dashboard-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sa-dashboard-panels .tb-card h3,.sa-table-card h3,.sa-two-col .tb-card h3{font-size:15px;margin:0 0 12px;font-weight:800;color:#111827}
.sa-filter-card{padding:12px 14px;border-radius:18px}
.sa-toolbar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end}
.sa-refresh-control .button{width:100%;height:38px;display:flex;align-items:center;justify-content:center;gap:8px}
.sa-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.sa-section-head h3{margin:0!important}.sa-section-head span{font-size:12px;color:#64748b;font-weight:700}
.sa-table-card{padding:12px;border-radius:18px}
.sa-compact-table{font-size:12px;table-layout:auto}.sa-compact-table th{height:32px!important;padding:6px 8px!important}.sa-compact-table td{padding:7px 8px!important;vertical-align:middle}
.sa-compact-table .sort-head{font-size:11px;font-weight:800}.sa-actions{display:flex;align-items:center;gap:6px;white-space:nowrap}.sa-actions .button{padding:5px 8px;min-height:28px;border-radius:9px}
.sa-thumb{width:58px;height:42px;object-fit:cover;border-radius:9px;background:#e5e7eb}
.sa-modal .modal-content,.sa-company-modal .modal-content,.sa-user-modal .modal-content{border:0;border-radius:22px;box-shadow:0 24px 80px rgba(15,23,42,.24)}
.sa-modal-form{display:flex;flex-direction:column;gap:12px}.sa-modal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sa-modal-grid label,.sa-modal-form label{font-size:12px;font-weight:800;color:#475569}.sa-modal-grid input,.sa-modal-grid select,.sa-modal-form textarea{margin-top:4px;font-weight:600}
.sa-subcard{border:1px solid #e2e8f0;border-radius:16px;padding:12px;background:#f8fafc}.sa-subcard h4{font-size:14px;font-weight:800;margin:0 0 10px}.sa-mini-list{display:grid;gap:6px;margin-top:8px}.sa-mini-row,.sa-deposit-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:8px 10px;font-size:12px}.sa-deposit-row span{display:block;color:#64748b}.sa-check{display:flex!important;align-items:center;gap:8px;margin-top:20px}.sa-check input{margin:0!important}.sa-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sa-wide{grid-column:1/-1}.sa-inline-form{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin-bottom:12px}.sa-inline-form input,.sa-inline-form select{height:38px;border:1px solid #cbd5e1;border-radius:10px;padding:6px 10px;background:#fff}.sa-fee-head,.sa-fee-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;align-items:center}.sa-fee-head{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:800;margin-bottom:8px}.sa-fee-row{margin-bottom:6px}.sa-fee-row input{text-align:right}
.mobile-bottom-nav .bottom-nav-item.has-unread .bottom-nav-icon{color:#2563eb}.header-icon-btn.has-unread{color:#2563eb;background:#eff6ff}.header-unread-badge,.js-unread-badge{background:#dc2626!important;color:#fff!important}
@media (max-width: 1200px){.sa-dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sa-toolbar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 768px){.sa-page-head{align-items:flex-start;flex-direction:column}.sa-page-actions{width:100%;justify-content:stretch}.sa-page-actions .button{width:100%}.sa-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sa-stat-card{min-height:96px;padding:12px}.sa-dashboard-panels,.sa-two-col{grid-template-columns:1fr}.sa-toolbar-grid,.sa-modal-grid{grid-template-columns:1fr}.sa-table-card{padding:8px;margin-bottom:70px}.sa-filter-card{padding:10px}.sa-compact-table{min-width:900px}.desktop-nav-superadmin{display:none}}
.desktop-nav-superadmin .tb-nav-link{font-size:12px;padding:8px 10px;border-radius:12px;white-space:nowrap}

/* v5.26 Super Admin company/admin polish */
.sa-company-admin-section {
  margin-top: 14px;
}
.sa-subcard-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.sa-subcard-title-row h4 {
  margin: 0;
}
.sa-company-admin-list {
  display: grid;
  gap: 8px;
  margin-bottom: 10px;
}
.sa-company-admin-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 12px;
  background: #fff;
}
.login-demo-accounts {
  display: grid;
  gap: 3px;
}
@media (max-width: 575.98px) {
  .sa-company-admin-row {
    grid-template-columns: 1fr;
    align-items: start;
  }
}

/* v5.26 Super Admin company modal polish */
.sa-admin-chip-list {
  display: grid;
  gap: 8px;
}
.sa-admin-chip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 11px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 12px;
  background: rgba(248, 250, 252, .9);
}
.sa-admin-chip strong,
.sa-admin-chip small {
  display: block;
  line-height: 1.25;
}
.sa-admin-chip small {
  color: #64748b;
  margin-top: 2px;
}
.sa-company-modal .modal-body {
  background: #f8fafc;
}
.sa-company-modal .sa-modal-form > .sa-subcard,
.sa-company-modal .sa-modal-form > label,
.sa-company-modal .modal-footer {
  background: #fff;
}
.sa-company-modal .sa-company-error {
  border-radius: 12px;
  font-weight: 700;
}
.sa-company-save-button .bi {
  margin-right: 5px;
}

/* v5.28 consistent page spacing, Super Admin polish, and fixed Japan clock */
:root{
  --tb-content-top-gap:16px;
}
.tokyobids-app:not([data-page="login"]) .app-main,
.tokyobids-app:not([data-page="login"]) .app-main.py-3,
.tokyobids-app:not([data-page="login"]) .app-main.app-search-page.py-3{
  padding-top:var(--tb-content-top-gap)!important;
}
.tokyobids-app:not([data-page="login"]) .page-wrap,
.tokyobids-app:not([data-page="login"]) .page-root,
.tokyobids-app:not([data-page="login"]) .search-page-wrap,
.tokyobids-app:not([data-page="login"]) #pageRoot.mt-3{
  margin-top:0!important;
}
.japan-clock{
  width:138px!important;
  min-width:138px!important;
  max-width:138px!important;
  flex:0 0 138px!important;
  justify-content:center!important;
  text-align:center!important;
  padding-left:8px!important;
  padding-right:8px!important;
}
#japanClock{
  display:inline-block!important;
  min-width:64px!important;
  text-align:center!important;
  font-variant-numeric:tabular-nums!important;
}
.desktop-nav-superadmin{
  max-width:none!important;
  flex:1 1 auto!important;
}
.desktop-nav-superadmin .tb-nav-link{
  font-size:14px!important;
  padding:10px 16px!important;
}
.header-account .dropdown-menu,
.dropdown-menu{
  border-radius:14px!important;
  border:1px solid #dbe4ef!important;
  box-shadow:0 18px 45px rgba(15,23,42,.16)!important;
}
.dropdown-item.is-active,
.dropdown-item:active{
  background:#eff6ff!important;
  color:#1d4ed8!important;
}
.mobile-drawer-section-title{
  margin:12px 8px 6px!important;
  padding:0 4px!important;
  font-size:11px!important;
  font-weight:950!important;
  color:#64748b!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
.mobile-drawer-link-secondary{opacity:.92!important;}
.superadmin-page-wrap .sa-page-wrap{gap:16px!important;}
.superadmin-page-wrap .pagination-bar{margin-bottom:12px!important;}

/* Make Super Admin screens feel like Bootstrap cards/tables while preserving TokyoBids spacing. */
.superadmin-page-wrap .tb-card,
.sa-modal .modal-content,
.sa-company-modal .modal-content,
.sa-user-modal .modal-content,
#saDynamicModal .modal-content{
  background:#fff!important;
  border:1px solid rgba(0,0,0,.125)!important;
  border-radius:.75rem!important;
  box-shadow:0 .5rem 1.25rem rgba(15,23,42,.08)!important;
}
.superadmin-page-wrap .sa-filter-card,
.superadmin-page-wrap .sa-table-card,
.superadmin-page-wrap .tb-card{
  padding:1rem!important;
}
.superadmin-page-wrap .compact-input,
.superadmin-page-wrap .form-control,
.superadmin-page-wrap .form-select,
#saDynamicModal .form-control,
#saDynamicModal .form-select,
#saDynamicModal .compact-input{
  min-height:38px!important;
  border-radius:.375rem!important;
  border-color:#ced4da!important;
  background-color:#fff!important;
  color:#212529!important;
  font-size:.925rem!important;
  font-weight:500!important;
  box-shadow:none!important;
}
.superadmin-page-wrap .compact-input:focus,
.superadmin-page-wrap .form-control:focus,
.superadmin-page-wrap .form-select:focus,
#saDynamicModal .form-control:focus,
#saDynamicModal .form-select:focus,
#saDynamicModal .compact-input:focus{
  border-color:#86b7fe!important;
  box-shadow:0 0 0 .25rem rgba(13,110,253,.15)!important;
}
.superadmin-page-wrap .button,
#saDynamicModal .button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.45rem!important;
  min-height:38px!important;
  padding:.45rem .8rem!important;
  border:1px solid #0d6efd!important;
  border-radius:.375rem!important;
  background:#0d6efd!important;
  color:#fff!important;
  font-weight:700!important;
  line-height:1.2!important;
  text-decoration:none!important;
  cursor:pointer!important;
  box-shadow:0 .125rem .25rem rgba(13,110,253,.16)!important;
}
.superadmin-page-wrap .button:hover,
#saDynamicModal .button:hover{
  background:#0b5ed7!important;
  border-color:#0a58ca!important;
  color:#fff!important;
}
.superadmin-page-wrap .button-secondary,
#saDynamicModal .button-secondary{
  background:#f8f9fa!important;
  border-color:#ced4da!important;
  color:#212529!important;
  box-shadow:none!important;
}
.superadmin-page-wrap .button-secondary:hover,
#saDynamicModal .button-secondary:hover{
  background:#e9ecef!important;
  border-color:#adb5bd!important;
  color:#212529!important;
}
.superadmin-page-wrap .sa-compact-table,
.superadmin-page-wrap .vehicle-table.sa-compact-table,
.superadmin-page-wrap .vehicle-table{
  border-collapse:collapse!important;
  border-spacing:0!important;
  margin-bottom:0!important;
  font-size:.875rem!important;
  background:#fff!important;
}
.superadmin-page-wrap .vehicle-table thead th,
.superadmin-page-wrap .sa-compact-table thead th{
  background:#f8f9fa!important;
  color:#212529!important;
  border:1px solid #dee2e6!important;
  border-radius:0!important;
  font-size:.75rem!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.02em!important;
  height:34px!important;
}
.superadmin-page-wrap .vehicle-table tbody td,
.superadmin-page-wrap .sa-compact-table tbody td{
  background:#fff!important;
  border:1px solid #dee2e6!important;
  color:#212529!important;
}
.superadmin-page-wrap .vehicle-table tbody tr:nth-child(even) td,
.superadmin-page-wrap .sa-compact-table tbody tr:nth-child(even) td{
  background:#f8f9fa!important;
}
.superadmin-page-wrap .sort-head{
  color:#212529!important;
  text-decoration:none!important;
}
.superadmin-page-wrap .sort-head.active,
.superadmin-page-wrap .sort-head:hover{
  color:#0d6efd!important;
}
.superadmin-page-wrap .sa-page-head h2{
  font-size:1.2rem!important;
  font-weight:700!important;
}
.superadmin-page-wrap .sa-kicker{
  color:#6c757d!important;
}
@media (max-width:960px){
  .tokyobids-app:not([data-page="login"]) .app-main,
  .tokyobids-app:not([data-page="login"]) .app-main.py-3,
  .tokyobids-app:not([data-page="login"]) .app-main.app-search-page.py-3{
    padding-top:12px!important;
  }
  .japan-clock{
    width:126px!important;
    min-width:126px!important;
    max-width:126px!important;
    flex-basis:126px!important;
  }
  #japanClock{min-width:58px!important;}
  .superadmin-page-wrap .tb-card{border-radius:.5rem!important;}
}
.sa-modal .button,
.sa-company-modal .button,
.sa-user-modal .button,
.sa-modal button.button,
.sa-company-modal button.button,
.sa-user-modal button.button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.4rem!important;
  min-height:38px;
  padding:.45rem .9rem!important;
  border-radius:.6rem!important;
  border:1px solid #0d6efd!important;
  background:#0d6efd!important;
  color:#fff!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-decoration:none!important;
  box-shadow:0 .35rem .9rem rgba(13,110,253,.18)!important;
}
.sa-modal .button-secondary,
.sa-company-modal .button-secondary,
.sa-user-modal .button-secondary{
  background:#f8f9fa!important;
  border-color:#ced4da!important;
  color:#1f2937!important;
  box-shadow:0 .25rem .65rem rgba(15,23,42,.08)!important;
}
.sa-modal input,.sa-modal select,.sa-modal textarea,
.sa-company-modal input,.sa-company-modal select,.sa-company-modal textarea,
.sa-user-modal input,.sa-user-modal select,.sa-user-modal textarea{
  border-radius:.55rem!important;
  border-color:#ced4da!important;
}

/* v5.29 Mobile vehicle detail modal order
   On phones/tablets the detail modal keeps messages at the bottom and places
   the full-width vertical vehicle image stack directly above messages. */
@media (max-width: 960px){
  #vehicleModal .vehicle-detail-v512-grid{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
  }

  #vehicleModal .vehicle-v512-center{
    order:10!important;
    display:grid!important;
    gap:8px!important;
  }

  #vehicleModal .vehicle-v512-right{
    order:20!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  #vehicleModal .vehicle-v512-left{
    order:30!important;
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
  }

  #vehicleModal .vehicle-v512-gallery-panel{
    order:31!important;
    margin-bottom:0!important;
  }

  #vehicleModal .vehicle-detail-messages-panel{
    order:32!important;
    margin-bottom:0!important;
  }

  #vehicleModal .vehicle-v512-mobile-image-stack{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
  }

  #vehicleModal .vehicle-v512-mobile-image-item,
  #vehicleModal .vehicle-v512-mobile-image-item img{
    width:100%!important;
  }

  #vehicleModal .vehicle-v512-mobile-image-item img{
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
  }
}

/* v5.30 tenant service fee editor */
.service-fee-table-wrap summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.service-fee-table-wrap summary::marker{display:none;}
.service-fee-help{
  margin:0 0 10px;
  color:#64748b;
  font-size:12px;
  line-height:1.35;
}
.service-fee-header,.service-fee-row{
  grid-template-columns:minmax(90px,1.2fr) minmax(90px,1fr) minmax(90px,1fr) minmax(90px,1fr) 42px;
}
.service-fee-row .service-fee-remove{
  width:36px;
  height:32px;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
}
.service-fee-add{
  border-radius:999px!important;
  font-weight:800!important;
}
@media (max-width:960px){
  .service-fee-table-wrap summary{align-items:flex-start;flex-direction:column;}
  .service-fee-add{width:100%;justify-content:center;}
  .service-fee-header{display:none!important;}
  .service-fee-row{
    grid-template-columns:1fr 1fr;
    background:#fff;
    border:1px solid #dbe5f1;
    border-radius:14px;
    padding:10px;
  }
  .service-fee-row .fee-label{grid-column:1 / -1;}
  .service-fee-row .service-fee-remove{grid-column:1 / -1;width:100%;}
}

/* v5.31 tenant settings logo + cleaner numeric settings */
.tb-brand.tb-brand-logo::before{display:none!important;}
.tb-brand-logo-img{
  display:block;
  max-width:154px;
  max-height:34px;
  width:auto;
  height:auto;
  object-fit:contain;
}
@media (max-width:760px){
  .tb-brand-logo-img{max-width:126px;max-height:30px;}
}
.settings-header-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:0 0 14px;
}
.settings-header-row h3{margin:0!important;}
.settings-save-top,.settings-save-bottom{
  min-width:150px;
  border-radius:12px!important;
  font-weight:900!important;
}
.settings-grid-clean{grid-template-columns:repeat(5,minmax(0,1fr));}
.tenant-logo-settings-card{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
  gap:18px;
  align-items:stretch;
  margin-top:16px;
  padding:14px;
  border:1px solid #dbe5f1;
  border-radius:18px;
  background:linear-gradient(135deg,#f8fbff,#fff);
}
.tenant-logo-settings-title{
  font-size:14px;
  font-weight:950;
  color:#0f172a;
  margin-bottom:4px;
}
.tenant-logo-settings-left p{
  margin:0 0 12px;
  max-width:620px;
  color:#64748b;
  font-size:13px;
  line-height:1.45;
}
.tenant-logo-toggle-row{
  max-width:420px;
  margin-top:10px;
}
.tenant-logo-settings-right{
  display:grid;
  gap:10px;
  align-content:start;
}
.tenant-logo-preview{
  min-height:82px;
  border:1px dashed #bdd2ec;
  border-radius:16px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:14px;
  overflow:hidden;
}
.tenant-logo-preview.is-active{
  border-style:solid;
  border-color:#93c5fd;
  background:#eff6ff;
}
.tenant-logo-preview img{
  max-width:100%;
  max-height:68px;
  object-fit:contain;
}
.tenant-logo-preview-empty{
  flex-direction:column;
  gap:6px;
}
.tenant-logo-preview-empty small{
  color:#64748b;
  font-size:12px;
  font-weight:700;
}
.tenant-logo-brand-fallback{
  pointer-events:none;
}
.tenant-logo-actions{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:8px;
  align-items:center;
}
.tenant-logo-actions .btn{
  border-radius:12px!important;
  font-weight:850!important;
  white-space:nowrap;
}
@media (max-width:1180px){
  .settings-grid-clean{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:960px){
  .settings-header-row{align-items:stretch;flex-direction:column;}
  .settings-save-top,.settings-save-bottom{width:100%;}
  .settings-grid-clean{grid-template-columns:1fr 1fr;}
  .tenant-logo-settings-card{grid-template-columns:1fr;}
  .tenant-logo-actions{grid-template-columns:1fr;}
  .tenant-logo-actions .btn{width:100%;}
}
@media (max-width:560px){
  .settings-grid-clean{grid-template-columns:1fr;}
}

/* v5.31 tenant settings/logo polish */
.tb-brand-logo{padding:0!important;min-width:86px!important;max-width:180px!important;height:40px!important;justify-content:flex-start!important;}
.tb-brand-logo::before{display:none!important;content:none!important;}
.tb-brand-logo-img{display:block;max-width:170px;max-height:38px;width:auto;height:auto;object-fit:contain;border-radius:8px;}
.settings-header-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;}
.settings-header-row h3{margin:0!important;font-weight:900;letter-spacing:-.02em;}
.settings-save-top,.settings-save-bottom{min-width:132px;font-weight:900!important;border-radius:12px!important;}
.settings-grid-clean{margin-top:0!important;}
.tenant-logo-settings-card{display:grid;grid-template-columns:minmax(260px,1fr) minmax(320px,.9fr);gap:18px;align-items:center;border:1px solid #dbe5f1;background:linear-gradient(135deg,#f8fbff,#eef7ff);border-radius:18px;padding:16px;margin-top:18px;box-shadow:0 10px 26px rgba(15,23,42,.06);}
.tenant-logo-settings-title{font-size:16px;font-weight:950;color:#0f172a;margin-bottom:4px;}
.tenant-logo-settings-left p{margin:0;color:#64748b;font-size:13px;line-height:1.4;}
.tenant-logo-toggle-row{margin-top:14px!important;margin-bottom:0!important;}
.tenant-logo-settings-right{display:grid;gap:12px;}
.tenant-logo-preview{min-height:88px;border-radius:18px;border:1px dashed #b9c8d9;background:#fff;display:flex;align-items:center;justify-content:center;padding:14px;overflow:hidden;}
.tenant-logo-preview.is-active{border-style:solid;border-color:#86efac;background:#f0fdf4;box-shadow:0 0 0 4px rgba(34,197,94,.10);}
.tenant-logo-preview img{max-width:100%;max-height:72px;object-fit:contain;}
.tenant-logo-preview-empty{flex-direction:column;gap:8px;color:#64748b;}
.tenant-logo-brand-fallback{position:relative;color:#0f172a!important;font-size:16px!important;font-weight:950!important;}
.tenant-logo-brand-fallback::before{content:"";display:inline-block;width:9px;height:9px;border-radius:999px;background:#facc15;box-shadow:0 0 0 4px rgba(250,204,21,.20);margin-right:8px;vertical-align:middle;}
.tenant-logo-preview-empty small{font-size:12px;color:#64748b;font-weight:700;}
.tenant-logo-actions{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;}
.tenant-logo-actions .btn{font-weight:900;border-radius:12px!important;white-space:nowrap;}
.settings-form input[type="number"]{appearance:textfield;-moz-appearance:textfield;}
.settings-form input[type="number"]::-webkit-outer-spin-button,
.settings-form input[type="number"]::-webkit-inner-spin-button{appearance:none;margin:0;}
@media (max-width:960px){
  .settings-header-row{align-items:stretch;flex-direction:column;gap:10px;}
  .settings-save-top,.settings-save-bottom{width:100%;}
  .tenant-logo-settings-card{grid-template-columns:1fr;padding:14px;border-radius:16px;}
  .tenant-logo-actions{grid-template-columns:1fr;}
  .tenant-logo-actions .btn{width:100%;}
  .tb-brand-logo{min-width:70px!important;max-width:130px!important;}
  .tb-brand-logo-img{max-width:125px;max-height:34px;}
}

/* v5.31 tenant settings logo and clean integer settings inputs */
.settings-form-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.settings-form-heading h3{margin:0!important;}
.settings-form-heading p{margin:4px 0 0;color:#64748b;font-size:13px;font-weight:650;}
.settings-save-top{white-space:nowrap;align-self:flex-start;}
.tenant-logo-card{
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:16px;
  align-items:center;
  border:1px solid #dbe5f1;
  border-radius:18px;
  background:linear-gradient(135deg,#ffffff,#f8fbff);
  padding:14px;
  box-shadow:0 8px 24px rgba(15,23,42,.06);
}
.tenant-logo-preview{
  min-height:92px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px dashed #cbd5e1;
  border-radius:16px;
  background:#fff;
  overflow:hidden;
}
.tenant-logo-preview-img{
  display:block;
  max-width:190px;
  max-height:78px;
  width:auto;
  height:auto;
  object-fit:contain;
}
.tenant-logo-default-preview{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  min-height:78px;
  background:#f8fafc;
}
.tb-brand-preview{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#0f172a;
  font-weight:950;
  letter-spacing:-.02em;
}
.tb-brand-preview::before{
  content:"";
  width:9px;
  height:9px;
  border-radius:999px;
  background:#facc15;
  box-shadow:0 0 0 4px rgba(250,204,21,.20);
}
.tenant-logo-main{display:grid;gap:8px;min-width:0;}
.tenant-logo-title{font-weight:900;font-size:15px;color:#0f172a;}
.tenant-logo-main p{margin:0;color:#64748b;font-size:13px;line-height:1.35;font-weight:650;}
.tenant-logo-toggle{justify-content:flex-start!important;gap:12px!important;margin:2px 0!important;}
.tenant-logo-actions{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:8px;align-items:center;}
.tb-brand.tb-brand-logo,
.tb-brand-logo{
  padding:0!important;
  min-width:86px!important;
  max-width:180px!important;
  height:40px!important;
  justify-content:flex-start!important;
}
.tb-brand.tb-brand-logo::before,
.tb-brand-logo::before{display:none!important;content:none!important;}
.tb-brand-logo-img{
  display:block;
  max-width:170px;
  max-height:38px;
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius:8px;
}
@media (max-width:960px){
  .settings-form-heading{flex-direction:column;align-items:stretch;}
  .settings-save-top{width:100%;}
  .tenant-logo-card{grid-template-columns:1fr;}
  .tenant-logo-actions{grid-template-columns:1fr;}
}
@media (max-width:520px){
  .tb-brand.tb-brand-logo,
  .tb-brand-logo{min-width:70px!important;max-width:130px!important;}
  .tb-brand-logo-img{max-width:125px;max-height:34px;}
}

/* v5.32 mobile Vehicle Detail modal card/image polish
   - MAKE A BID and Suggested Bid cards fill the mobile modal width.
   - Vehicle images no longer use the dark/black image background. */
#vehicleModal .vehicle-v512-main-image,
#vehicleModal .vehicle-v512-main-image img,
#vehicleModal .vehicle-v512-mobile-image-item,
#vehicleModal .vehicle-v512-mobile-image-item img,
#vehicleModal .vehicle-modal-img,
#vehicleModal .vehicle-v512-gallery-panel img,
.vehicle-fullscreen-gallery .vehicle-gallery-stage img{
  background:#fff!important;
}

#vehicleModal .vehicle-v512-main-image{
  box-shadow:inset 0 0 0 1px rgba(219,228,239,.95)!important;
}

#vehicleModal .vehicle-v512-mobile-image-item img{
  box-shadow:0 8px 20px rgba(15,23,42,.10)!important;
}

@media (max-width:960px){
  #vehicleModal .vehicle-detail-v512-grid,
  #vehicleModal .vehicle-detail-v512-grid > *,
  #vehicleModal .vehicle-v512-left,
  #vehicleModal .vehicle-v512-center,
  #vehicleModal .vehicle-v512-right{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  #vehicleModal .vehicle-v512-right{
    padding-left:0!important;
    padding-right:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
    justify-items:stretch!important;
    align-items:stretch!important;
    align-self:stretch!important;
  }

  #vehicleModal .vehicle-v512-bid-panel,
  #vehicleModal .vehicle-v512-right > .vehicle-v512-bid-panel,
  #vehicleModal .suggested-bid-card-mini,
  #vehicleModal .vehicle-v512-right > .suggested-bid-card-mini{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    justify-self:stretch!important;
    align-self:stretch!important;
    box-sizing:border-box!important;
  }

  #vehicleModal .vehicle-v512-bid-panel{
    margin-top:0!important;
    margin-bottom:8px!important;
  }

  #vehicleModal .suggested-bid-card-mini{
    margin-top:0!important;
    margin-bottom:0!important;
  }

  #vehicleModal .vehicle-v512-bid-input-row,
  #vehicleModal .vehicle-v512-start-price,
  #vehicleModal .vehicle-v512-pricing-preview,
  #vehicleModal .vehicle-v512-bid-actions,
  #vehicleModal .suggested-head,
  #vehicleModal .suggested-row{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  #vehicleModal .vehicle-v512-gallery-panel,
  #vehicleModal .vehicle-v512-mobile-image-stack,
  #vehicleModal .vehicle-v512-mobile-image-item,
  #vehicleModal .vehicle-v512-mobile-image-item img{
    background:#fff!important;
  }
}

/* v5.33 Bids/admin vehicle edit refinements */
.tenant-vehicle-edit-header{
  position:relative!important;
  padding-right:52px!important;
  align-items:flex-start!important;
}
.tenant-vehicle-edit-close{
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  width:36px!important;
  height:36px!important;
  border-radius:999px!important;
  background-color:#f8fafc!important;
  border:1px solid #dbe4ef!important;
  opacity:1!important;
  box-shadow:0 8px 18px rgba(15,23,42,.08)!important;
}
.tenant-vehicle-edit-close:hover{
  background-color:#eef4fb!important;
  transform:translateY(-1px);
}
.tenant-edit-toggle-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  text-transform:none!important;
  color:#0f172a!important;
  border:1px solid #dbe4ef!important;
  border-radius:12px!important;
  padding:11px 12px!important;
  background:#f8fafc!important;
  font-size:13px!important;
  font-weight:900!important;
}
.tenant-edit-toggle-row .tenant-edit-switch{
  flex:0 0 auto!important;
  margin:0!important;
}
.tenant-edit-selected-purchase{
  display:grid!important;
  gap:5px!important;
  border:1px solid #dbe4ef!important;
  border-radius:12px!important;
  padding:11px 12px!important;
  background:#f8fafc!important;
}
.tenant-edit-selected-purchase span{
  color:#64748b!important;
  font-size:11px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
}
.tenant-edit-selected-purchase strong{
  color:#0f172a!important;
  font-size:13px!important;
  font-weight:950!important;
  line-height:1.25!important;
}
.tenant-vehicle-edit-card .modal-footer{
  background:#fff!important;
  border-top:1px solid #dbe4ef!important;
}
.bid-status-select{
  min-width:104px!important;
}
@media (max-width:960px){
  .tenant-vehicle-edit-header{
    padding:12px 52px 12px 12px!important;
  }
  .tenant-vehicle-edit-close{
    top:10px!important;
    right:10px!important;
  }
  .tenant-edit-toggle-row,
  .tenant-edit-selected-purchase{
    width:100%!important;
  }
}
.notification-switch{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  width:56px!important;
  height:32px!important;
  cursor:pointer!important;
}
.notification-switch input{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  opacity:0!important;
  cursor:pointer!important;
  z-index:2!important;
}
.notification-switch-track{
  position:relative!important;
  display:block!important;
  width:56px!important;
  height:32px!important;
  border-radius:999px!important;
  background:#cbd5e1!important;
  border:1px solid #bac7d8!important;
  transition:background-color .18s ease,border-color .18s ease!important;
}
.notification-switch-track::after{
  content:""!important;
  position:absolute!important;
  width:24px!important;
  height:24px!important;
  top:3px!important;
  left:4px!important;
  border-radius:999px!important;
  background:#fff!important;
  box-shadow:0 4px 10px rgba(15,23,42,.18)!important;
  transition:transform .18s ease!important;
}
.notification-switch input:checked + .notification-switch-track{
  background:#2563eb!important;
  border-color:#2563eb!important;
}
.notification-switch input:checked + .notification-switch-track::after{
  transform:translateX(23px)!important;
}

/* v5.34 Super Admin filter card alignment + company save polish */
.superadmin-page-wrap .sa-filter-card{
  background:#fff!important;
  border:1px solid #dbe6f5!important;
  border-radius:14px!important;
  box-shadow:0 10px 28px rgba(15,23,42,.08)!important;
  padding:16px 18px!important;
}
.superadmin-page-wrap .sa-filter-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:end!important;
}
.superadmin-page-wrap .sa-filter-field{
  display:grid!important;
  grid-template-rows:auto auto!important;
  gap:6px!important;
  margin:0!important;
  align-self:end!important;
}
.superadmin-page-wrap .sa-filter-label{
  display:block!important;
  min-height:14px!important;
  margin:0!important;
  font-size:12px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  color:#334b68!important;
}
.superadmin-page-wrap .sa-filter-card .compact-input,
.superadmin-page-wrap .sa-filter-card .form-control,
.superadmin-page-wrap .sa-filter-card .form-select{
  width:100%!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
}
.superadmin-page-wrap .sa-refresh-control .button{
  width:100%!important;
  height:38px!important;
  min-height:38px!important;
}
.toast-note.warning{background:#f59e0b;color:#111827;}
@media (max-width:1200px){
  .superadmin-page-wrap .sa-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:768px){
  .superadmin-page-wrap .sa-filter-card{border-radius:12px!important;padding:12px!important;}
  .superadmin-page-wrap .sa-filter-grid{grid-template-columns:1fr!important;gap:10px!important;}
}

/* v5.35: users table header aligned with Search result table header. */
.users-table-v521.vehicle-table{
  border-spacing:0 6px!important;
}
.users-table-v521.vehicle-table thead th{
  background:#0f172a!important;
  color:#fff!important;
  height:28px!important;
  padding:4px 6px!important;
  font-size:11.5px!important;
  line-height:1!important;
  vertical-align:middle!important;
  border:0!important;
}
.users-table-v521.vehicle-table thead th:first-child{border-radius:12px 0 0 12px!important;}
.users-table-v521.vehicle-table thead th:last-child{border-radius:0 12px 12px 0!important;}
.users-table-v521.vehicle-table thead .sort-head,
.users-table-v521.vehicle-table .sort-head{
  color:inherit!important;
  font-size:11.5px!important;
  line-height:1!important;
}
.users-table-v521.vehicle-table tbody td{
  padding:8px 8px!important;
  border-bottom:1px solid #d8e3f1!important;
}
.button-danger-soft.sa-user-delete,
.button-danger-soft{
  background:#fee2e2!important;
  border-color:#fecaca!important;
  color:#b91c1c!important;
}
.button-danger-soft:hover{
  background:#ef4444!important;
  border-color:#ef4444!important;
  color:#fff!important;
}

/* v5.35: tenant admin vehicle detail shows customer bids instead of edit CTA. */
.tenant-vehicle-bids-panel{padding:12px!important;}
.tenant-vehicle-bids-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;}
.tenant-vehicle-bids-head h6{margin:0;font-weight:950;font-size:13px;text-transform:uppercase;letter-spacing:.02em;color:#0f172a;}
.tenant-vehicle-bids-head span{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;border-radius:999px;background:#eaf2ff;color:#14529d;font-weight:950;font-size:12px;}
.tenant-vehicle-bids-list{display:grid;gap:7px;}
.tenant-vehicle-bid-row{display:grid;grid-template-columns:minmax(0,1fr) auto 26px auto;gap:8px;align-items:center;border:1px solid #dbe6f5;background:#f8fafc;border-radius:12px;padding:8px;}
.tenant-vehicle-bid-customer{min-width:0;display:grid;gap:1px;}
.tenant-vehicle-bid-customer strong{font-size:12.5px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#0f172a;}
.tenant-vehicle-bid-customer small{font-size:10px;font-weight:900;color:#64748b;}
.tenant-vehicle-bid-amount{font-weight:950;font-size:12px;text-align:right;color:#0f172a;white-space:nowrap;}
.tenant-vehicle-bid-amount span{display:block;font-weight:800;color:#64748b;font-size:10.5px;}
.tenant-vehicle-bid-rank{text-align:center;font-size:18px;line-height:1;}
.tenant-vehicle-bid-date{font-size:10.5px;font-weight:800;color:#64748b;white-space:nowrap;}
.tenant-vehicle-bids-empty{border:1px dashed #cbd5e1;background:#f8fafc;border-radius:12px;padding:12px;text-align:center;color:#64748b;font-weight:800;font-size:12px;}
@media (max-width:960px){
  .tenant-vehicle-bid-row{grid-template-columns:minmax(0,1fr) auto 24px;}
  .tenant-vehicle-bid-date{grid-column:1/-1;text-align:right;}
}


/* v5.37 unread-message header filter and Vehicle Detail modal readability */
.header-icon-btn.js-header-unread-link.is-muted,
.header-icon-btn.js-header-unread-link[aria-disabled="true"]{
  color:#94a3b8!important;
  background:#f8fafc!important;
  border-color:#e2e8f0!important;
  box-shadow:none!important;
  cursor:default!important;
  opacity:.78;
}
.header-icon-btn.js-header-unread-link.is-muted:hover,
.header-icon-btn.js-header-unread-link[aria-disabled="true"]:hover{
  color:#94a3b8!important;
  background:#f8fafc!important;
  transform:none!important;
}
.header-icon-btn.js-header-unread-link.has-unread,
.header-icon-btn.js-header-unread-link[aria-disabled="false"]{
  cursor:pointer!important;
  opacity:1;
}
.header-icon-btn.js-header-unread-link.has-unread{
  background:#2563eb!important;
  border-color:#1d4ed8!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(37,99,235,.26)!important;
}
#vehicleModal .vehicle-v512-panel,
#vehicleModal .vehicle-v512-bid-panel,
#vehicleModal .suggested-bid-card-mini,
#vehicleModal .vehicle-detail-messages-panel,
#vehicleModal .message-panel{
  font-size:14px!important;
  line-height:1.25!important;
}
#vehicleModal .vehicle-v512-panel h5,
#vehicleModal .vehicle-v512-panel h6,
#vehicleModal .vehicle-v512-panel-title,
#vehicleModal .suggested-head strong,
#vehicleModal .tenant-bids-panel-title{
  font-size:15px!important;
  line-height:1.15!important;
}
#vehicleModal .vehicle-info-row,
#vehicleModal .preview-row,
#vehicleModal .suggested-row{
  min-height:34px!important;
  padding-top:6px!important;
  padding-bottom:6px!important;
  line-height:1.22!important;
  align-items:center!important;
}
#vehicleModal .vehicle-info-row span,
#vehicleModal .vehicle-info-row strong,
#vehicleModal .preview-row span,
#vehicleModal .preview-row strong,
#vehicleModal .suggested-row span,
#vehicleModal .suggested-row strong,
#vehicleModal .vehicle-v512-start-price,
#vehicleModal .vehicle-v512-start-price span,
#vehicleModal .vehicle-v512-start-price strong,
#vehicleModal .thread-message-meta,
#vehicleModal .thread-message-body,
#vehicleModal .bids-no-messages,
#vehicleModal .bid-message-compose textarea{
  font-size:14px!important;
  line-height:1.25!important;
}
#vehicleModal .vehicle-info-row span,
#vehicleModal .preview-row span,
#vehicleModal .suggested-row span{
  letter-spacing:.02em!important;
}
#vehicleModal .thread-message{
  padding:7px 8px!important;
}
#vehicleModal .message-thread-list{
  gap:7px!important;
}
#vehicleModal .vehicle-v512-bid-input{
  height:40px!important;
}
@media (max-width:960px){
  #vehicleModal .vehicle-v512-panel h5,
  #vehicleModal .vehicle-v512-panel h6,
  #vehicleModal .vehicle-v512-panel-title,
  #vehicleModal .suggested-head strong{
    font-size:15px!important;
  }
  #vehicleModal .vehicle-info-row,
  #vehicleModal .preview-row,
  #vehicleModal .suggested-row{
    min-height:34px!important;
  }
}

/* v5.39: browser/mobile message notification controls */
.browser-notification-box {
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 14px;
  background: rgba(248, 250, 252, 0.9);
  padding: 12px;
}
.browser-notification-status {
  font-size: 13px;
  font-weight: 700;
  color: #334155;
}
.browser-notification-status[data-status="granted"] {
  color: #047857;
}
.browser-notification-status[data-status="denied"] {
  color: #b91c1c;
}
.browser-notification-status[data-status="unsupported"] {
  color: #64748b;
}
[data-enable-browser-notifications] {
  border-radius: 999px;
  font-weight: 800;
}


/* v5.44 Gmail-inspired Material mobile drawer */
@media (max-width:960px){
  .mobile-nav-button{
    width:42px!important;
    height:42px!important;
    border:0!important;
    outline:0!important;
    border-radius:999px!important;
    background:#f1f5f9!important;
    color:#202124!important;
    box-shadow:none!important;
    font-size:1.35rem!important;
  }
  .mobile-nav-button:hover,
  .mobile-nav-button:focus{
    transform:none!important;
    background:#e8eef7!important;
    color:#202124!important;
    box-shadow:none!important;
  }
  .mobile-nav-button:active{
    transform:scale(.96)!important;
  }

  .offcanvas-backdrop.show{
    opacity:.34!important;
    background:#0f172a!important;
  }

  .mobile-app-drawer,
  .mobile-app-drawer.offcanvas-start{
    top:max(16px, env(safe-area-inset-top,0px))!important;
    bottom:max(16px, env(safe-area-inset-bottom,0px))!important;
    left:16px!important;
    right:auto!important;
    width:min(86vw,372px)!important;
    height:auto!important;
    max-height:calc(100dvh - 32px)!important;
    border:0!important;
    border-radius:24px!important;
    overflow:hidden!important;
    background:#fff!important;
    box-shadow:0 4px 20px rgba(0,0,0,.08), 0 18px 50px rgba(15,23,42,.14)!important;
    color:#202124!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .mobile-app-drawer.offcanvas-start:not(.show){
    transform:translateX(calc(-100% - 20px))!important;
  }
  .mobile-app-drawer.offcanvas-start.showing,
  .mobile-app-drawer.offcanvas-start.show:not(.hiding){
    transform:none!important;
  }
  .mobile-app-drawer.offcanvas-start.hiding{
    transform:translateX(calc(-100% - 20px))!important;
  }

  .mobile-drawer-close{
    display:none!important;
  }

  .mobile-drawer-header{
    padding:24px 22px 12px!important;
    border:0!important;
    background:#fff!important;
  }
  .mobile-drawer-title{
    margin:0!important;
    color:#202124!important;
    font-size:20px!important;
    line-height:1.15!important;
    font-weight:700!important;
    letter-spacing:-.01em!important;
  }
  .mobile-drawer-subtitle{
    margin-top:6px!important;
    color:#5f6368!important;
    font-size:13px!important;
    line-height:1.25!important;
    font-weight:500!important;
    max-width:100%!important;
  }

  .mobile-drawer-body{
    min-height:0!important;
    height:auto!important;
    flex:1 1 auto!important;
    padding:8px 10px 16px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    overflow-y:auto!important;
    background:#fff!important;
  }
  .mobile-drawer-menu{
    display:flex!important;
    flex-direction:column!important;
    gap:2px!important;
    align-content:stretch!important;
    padding:0!important;
    margin:0!important;
  }
  .mobile-drawer-link,
  .mobile-drawer-link-secondary,
  .mobile-drawer-logout{
    position:relative!important;
    min-height:48px!important;
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr)!important;
    align-items:center!important;
    column-gap:14px!important;
    padding:12px 16px!important;
    margin:0!important;
    border:0!important;
    border-radius:999px!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#202124!important;
    text-decoration:none!important;
    font-size:14px!important;
    font-weight:600!important;
    line-height:1.2!important;
    letter-spacing:0!important;
    transform:none!important;
  }
  .mobile-drawer-link:hover,
  .mobile-drawer-link:focus{
    background:#f1f3f4!important;
    color:#202124!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .mobile-drawer-link.is-active,
  .mobile-drawer-link-secondary.is-active{
    background:#d3e3fd!important;
    color:#0b57d0!important;
    border:0!important;
    box-shadow:none!important;
  }
  .mobile-drawer-icon,
  .mobile-drawer-logout .mobile-drawer-icon,
  .mobile-drawer-link.is-active .mobile-drawer-icon{
    width:24px!important;
    height:24px!important;
    border-radius:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
    color:currentColor!important;
    font-size:18px!important;
  }
  .mobile-drawer-icon .bi{
    line-height:1!important;
    -webkit-text-stroke:.18px currentColor;
  }
  .mobile-drawer-badge{
    display:none!important;
  }
  .mobile-drawer-section-title{
    margin:14px 16px 4px!important;
    padding:0!important;
    color:#5f6368!important;
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:700!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
  }

  .mobile-drawer-language{
    margin-top:auto!important;
    padding:14px 16px 0!important;
    border:0!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  .mobile-drawer-language label{
    display:block!important;
    margin:0 0 8px!important;
    color:#5f6368!important;
    font-size:12px!important;
    font-weight:700!important;
    letter-spacing:.02em!important;
    text-transform:none!important;
  }
  .mobile-drawer-language-select,
  .mobile-drawer-language .header-select{
    width:100%!important;
    height:44px!important;
    border-radius:14px!important;
    border:1px solid #dadce0!important;
    background:#fff!important;
    color:#202124!important;
    box-shadow:none!important;
    font-size:14px!important;
    font-weight:600!important;
  }
}
@media (max-width:420px){
  .mobile-app-drawer,
  .mobile-app-drawer.offcanvas-start{
    width:calc(100vw - 32px)!important;
  }
}


/* v5.45_2026_06_28 mobile drawer/search/modal refinements */
@media (max-width:960px){
  .mobile-app-drawer,
  .mobile-app-drawer.offcanvas-start{
    top:0!important;
    bottom:0!important;
    left:0!important;
    right:auto!important;
    width:80vw!important;
    max-width:80vw!important;
    height:100vh!important;
    height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    overflow:hidden!important;
    box-shadow:10px 0 34px rgba(15,23,42,.22)!important;
  }
  .mobile-app-drawer.offcanvas-start:not(.show),
  .mobile-app-drawer.offcanvas-start.hiding{
    transform:translateX(-100%)!important;
  }
  .mobile-app-drawer.offcanvas-start.showing,
  .mobile-app-drawer.offcanvas-start.show:not(.hiding){
    transform:none!important;
  }
  .mobile-drawer-header{
    position:relative!important;
    min-height:76px!important;
    padding:18px 58px 12px 18px!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
  }
  .mobile-drawer-heading-block{
    min-width:0!important;
  }
  .mobile-drawer-close{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:absolute!important;
    top:14px!important;
    right:14px!important;
    width:36px!important;
    height:36px!important;
    border:0!important;
    border-radius:999px!important;
    padding:0!important;
    margin:0!important;
    background:#f1f5f9!important;
    color:#202124!important;
    box-shadow:none!important;
    font-size:16px!important;
    line-height:1!important;
  }
  .mobile-drawer-close:hover,
  .mobile-drawer-close:focus{
    background:#e8eef7!important;
    color:#111827!important;
    outline:0!important;
  }
  .mobile-drawer-body{
    padding-left:8px!important;
    padding-right:8px!important;
  }

  #vehicleModal .vehicle-v512-bid-actions,
  #vehicleModal .vehicle-v512-bid-actions.has-cancel-bid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px!important;
    align-items:stretch!important;
  }
  #vehicleModal .vehicle-v512-bid-actions.single-bid-action{
    grid-template-columns:1fr!important;
  }
  #vehicleModal .vehicle-v512-bid-actions .btn{
    width:100%!important;
    min-width:0!important;
    padding-left:6px!important;
    padding-right:6px!important;
    white-space:nowrap!important;
  }
}

@media (min-width:961px){
  .app-search-page #searchFilterShell .score-date-panel{
    gap:2px!important;
    grid-template-rows:auto 31px auto 31px!important;
    align-content:start!important;
  }
  .app-search-page #searchFilterShell .score-date-panel .panel-title{
    margin-bottom:2px!important;
  }
  .app-search-page #searchFilterShell .score-list{
    margin-bottom:0!important;
  }
  .app-search-page #searchFilterShell .date-steering-grid{
    gap:3px!important;
    margin-top:0!important;
  }
  .app-search-page #searchFilterShell .date-steering-grid label{
    margin:0!important;
  }
}

.japan-clock{
  width:120px!important;
  min-width:120px!important;
  max-width:120px!important;
  flex:0 0 120px!important;
}
#japanClock{
  display:inline-block!important;
  width:70px!important;
  min-width:70px!important;
  max-width:70px!important;
  text-align:center!important;
  font-variant-numeric:tabular-nums!important;
}
@media (max-width:960px){
  .japan-clock{
    width:114px!important;
    min-width:114px!important;
    max-width:114px!important;
    flex-basis:114px!important;
  }
  #japanClock{
    width:68px!important;
    min-width:68px!important;
    max-width:68px!important;
  }
}

/* v5.46_2026_06_28 search mobile cards, seen badges, filter spacing, and header clock polish */
.favorite-star{
  font-size:28px!important;
  line-height:1!important;
  font-weight:950!important;
}
.search-favorite-cell .favorite-star,
.vehicle-actions-favorite-only .favorite-star{
  width:32px!important;
  height:32px!important;
  font-size:26px!important;
  padding:0!important;
}
.mobile-card .favorite-star{
  font-size:28px!important;
  padding:0!important;
}
.vehicle-image-button,
.image-button.open-vehicle,
.image-cell.open-vehicle{
  position:relative!important;
  overflow:hidden!important;
}
.vehicle-seen-badge{
  position:absolute;
  top:5px;
  right:5px;
  width:24px;
  height:24px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(14,165,233,.96);
  color:#fff;
  border:2px solid rgba(255,255,255,.94);
  box-shadow:0 6px 15px rgba(15,23,42,.22);
  font-size:12px;
  line-height:1;
  z-index:3;
  pointer-events:none;
}
.vehicle-seen-badge .bi{line-height:1;}
.search-mobile-result-foot{
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  color:#0f172a!important;
  margin-top:9px!important;
}
.search-mobile-result-side{
  display:grid;
  gap:3px;
  min-width:0;
}
.search-mobile-result-side small{
  display:block;
  text-transform:uppercase;
  font-size:10px;
  line-height:1;
  color:#64748b;
  font-weight:950;
  letter-spacing:.02em;
}
.search-mobile-result-side.text-end{
  justify-items:end;
  text-align:right;
}
.search-mobile-result-plain{
  color:#334155;
  font-size:12px;
  font-weight:950;
  line-height:1.15;
}
.search-mobile-result-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  max-width:100%;
  border-radius:999px;
  padding:5px 9px;
  font-size:12px;
  font-weight:950;
  line-height:1;
  white-space:nowrap;
  box-shadow:0 4px 12px rgba(15,23,42,.10);
}
.search-mobile-result-badge-status{
  color:#7c2d12;
  background:#ffedd5;
  border:1px solid #fed7aa;
}
.search-mobile-result-badge-price{
  color:#064e3b;
  background:#d1fae5;
  border:1px solid #a7f3d0;
}
.app-search-page .score-date-panel{
  gap:7px!important;
  grid-template-rows:auto minmax(30px,auto) minmax(40px,auto) minmax(30px,auto)!important;
  align-content:stretch!important;
}
.app-search-page .score-list,
.app-search-page .date-steering-grid,
.app-search-page .score-actions{
  margin-top:0!important;
  margin-bottom:0!important;
}
.app-search-page .date-steering-grid{
  align-items:end!important;
}
.app-search-page .score-actions{
  align-self:end!important;
}
.japan-clock{
  width:145px!important;
  min-width:145px!important;
  max-width:145px!important;
  flex:0 0 145px!important;
  justify-content:center!important;
  text-align:center!important;
}
#japanClock{
  width:72px!important;
  min-width:72px!important;
  max-width:72px!important;
  display:inline-block!important;
  text-align:center!important;
  font-variant-numeric:tabular-nums!important;
}
@media (max-width:960px){
  .japan-clock{
    width:145px!important;
    min-width:145px!important;
    max-width:145px!important;
    flex:0 0 145px!important;
  }
  #japanClock{
    width:72px!important;
    min-width:72px!important;
    max-width:72px!important;
  }
  .search-mobile-result-foot{
    padding:8px 2px 0!important;
  }
  .vehicle-seen-badge{
    top:6px;
    right:6px;
    width:26px;
    height:26px;
    font-size:13px;
  }
}
.vehicle-seen-badge.d-none{display:none!important;}
.vehicle-seen-badge.is-visible{display:inline-flex!important;}
#japanClockTime{
  width:72px!important;
  min-width:72px!important;
  max-width:72px!important;
  display:inline-block!important;
  text-align:center!important;
  font-variant-numeric:tabular-nums!important;
}
/* Final clock width override: the japanClock wrapper is exactly 145px. */
#japanClock.japan-clock{
  width:145px!important;
  min-width:145px!important;
  max-width:145px!important;
  flex:0 0 145px!important;
}
#japanClockTime{
  width:72px!important;
  min-width:72px!important;
  max-width:72px!important;
}
@media (max-width:960px){
  #japanClock.japan-clock{
    width:145px!important;
    min-width:145px!important;
    max-width:145px!important;
    flex:0 0 145px!important;
  }
  #japanClockTime{
    width:72px!important;
    min-width:72px!important;
    max-width:72px!important;
  }
}

/* v5.46_2026_06_28 final mobile result badge compatibility */
.search-mobile-result-value.is-badge,
.search-mobile-result-price.is-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:100%!important;
  border-radius:999px!important;
  padding:5px 9px!important;
  font-size:12px!important;
  font-weight:950!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:0 4px 12px rgba(15,23,42,.10)!important;
}
.search-mobile-result-value.is-badge{
  color:#7c2d12!important;
  background:#ffedd5!important;
  border:1px solid #fed7aa!important;
}
.search-mobile-result-price.is-badge{
  color:#064e3b!important;
  background:#d1fae5!important;
  border:1px solid #a7f3d0!important;
}
.search-mobile-result-side.text-end .search-mobile-result-price.is-badge{
  justify-self:end!important;
}


/* v5.47_2026_06_28: requested search filter spacing and mobile save-bid polish */
.app-search-page #scoreList,
.app-search-page .score-list{
  margin-bottom:20px!important;
}
.app-search-page .date-steering-grid{
  margin-bottom:20px!important;
}

/* v5.48_2026_06_28: desktop search score/date spacing override
   Earlier desktop-only search filter rules inside #searchFilterShell were more specific and reset
   .score-list margin-bottom to 0. Keep the requested 20px bottom spacing on desktop too. */
@media (min-width:961px){
  .app-search-page #searchFilterShell .score-date-panel{
    grid-template-rows:auto auto auto auto!important;
  }
  .app-search-page #searchFilterShell #scoreList,
  .app-search-page #searchFilterShell .score-list,
  .app-search-page #searchFilterShell .date-steering-grid{
    margin-bottom:20px!important;
  }
}

/* v5.50_2026_06_28: center Japan clock content exactly */
#japanClock.japan-clock{
  width:145px!important;
  min-width:145px!important;
  max-width:145px!important;
  flex:0 0 145px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  text-align:center!important;
  line-height:1!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
#japanClock.japan-clock > span,
#japanClock.japan-clock > strong{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
}
#japanClockTime{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1!important;
  font-variant-numeric:tabular-nums!important;
}

/* v5.51_2026_06_28: tenant-scoped Search groups and admin edit column */
.score-actions{
  gap:8px!important;
}
.score-actions-right{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  min-width:0;
}
.search-group-filter{
  display:inline-grid;
  grid-template-columns:auto 58px;
  align-items:center;
  gap:5px;
  margin:0;
  min-width:0;
}
.search-group-filter span{
  display:inline-flex!important;
  align-items:center;
  margin:0!important;
  color:#315272;
  font-size:10px!important;
  font-weight:950;
  line-height:1;
  text-transform:uppercase;
}
.search-group-filter .compact-input{
  width:58px;
  height:26px;
  min-height:26px;
  padding:2px 6px;
  font-size:12px;
  font-weight:850;
  border-radius:8px;
}
.search-results-table .search-col-group{width:62px;min-width:62px;}
.search-results-table .search-col-edit{width:40px;min-width:40px;}
.search-group-title,
.search-group-cell,
.search-edit-title,
.search-edit-cell{
  text-align:center!important;
  vertical-align:middle!important;
}
.search-group-cell,
.search-edit-cell{
  padding-left:4px!important;
  padding-right:4px!important;
}
.vehicle-group-grid{
  display:grid;
  grid-template-columns:repeat(2,24px);
  grid-template-rows:repeat(3,18px);
  gap:1px;
  justify-content:center;
  align-content:center;
  width:max-content;
  margin:0 auto;
  line-height:1;
}
.vehicle-group-choice{
  width:24px;
  height:18px;
  min-width:24px;
  min-height:18px;
  padding:0;
  margin:0;
  border:1px solid #d8e2ee;
  border-radius:5px;
  background:#fff;
  color:#334155;
  font-size:10.5px;
  line-height:1;
  font-weight:950;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:background .12s ease,color .12s ease,border-color .12s ease,transform .12s ease;
}
.vehicle-group-choice:hover{
  border-color:#2563eb;
  color:#1d4ed8;
  transform:translateY(-1px);
}
.vehicle-group-choice.active{
  background:#2563eb;
  border-color:#2563eb;
  color:#fff;
  box-shadow:0 2px 7px rgba(37,99,235,.23);
}
.vehicle-group-choice.is-saving{
  opacity:.72;
}
.search-edit-button,
.search-edit-vehicle{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  padding:0!important;
  border-radius:9px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.vehicle-search-edit-placeholder-grid{
  grid-template-columns:1fr 1fr 1fr;
}
.vehicle-search-edit-placeholder-image{
  display:block;
  width:100%;
  max-height:360px;
  object-fit:contain;
  border-radius:12px;
  background:#e5edf6;
  border:1px solid #dbe6f5;
}
.vehicle-search-edit-placeholder-note{
  align-self:start;
}
.search-mobile-admin-controls{
  margin-top:8px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  border-top:1px solid #e5edf7;
  padding-top:8px;
}
.search-mobile-admin-group{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.search-mobile-admin-group > span{
  font-size:11px;
  color:#64748b;
  font-weight:950;
  text-transform:uppercase;
  white-space:nowrap;
}
.vehicle-group-grid-mobile{
  grid-template-columns:repeat(6,28px);
  grid-template-rows:1fr;
  gap:3px;
  margin:0;
}
.vehicle-group-grid-mobile .vehicle-group-choice{
  width:28px;
  height:26px;
  min-width:28px;
  min-height:26px;
  font-size:11px;
  border-radius:7px;
}
@media (max-width:960px){
  .score-actions-right{
    width:100%;
    justify-content:flex-end;
  }
  .search-group-filter{
    grid-template-columns:auto 64px;
  }
  .search-group-filter .compact-input{
    width:64px;
    height:30px;
  }
}
@media (max-width:420px){
  .search-mobile-admin-controls{
    grid-template-columns:1fr;
  }
  .vehicle-group-grid-mobile{
    grid-template-columns:repeat(6,minmax(22px,1fr));
    width:100%;
  }
  .vehicle-group-grid-mobile .vehicle-group-choice{
    width:100%;
  }
  .search-edit-vehicle{
    width:100%!important;
  }
}

/* v5.53_2026_06_28 super-admin controlled Search edit permission */
.sa-admin-chip-badges {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.sa-search-edit-permission {
  align-items: center;
  gap: 8px;
}
.sa-search-edit-permission input[type="checkbox"] {
  inline-size: 18px;
  block-size: 18px;
}
.search-results-table-admin .search-edit-title,
.search-results-table-admin .search-edit-cell {
  text-align: center;
}
@media (max-width: 767.98px) {
  .sa-admin-chip-badges {
    justify-content: flex-start;
  }
}

/* v5.54_2026_06_29 vehicle extended edit/features */
.vehicle-search-edit-body { padding: 14px; }
.vehicle-search-edit-split { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr); gap: 16px; align-items: start; }
.vehicle-search-edit-left, .vehicle-search-edit-right { min-width: 0; }
.vehicle-edit-full-form { display: grid; gap: 12px; }
.vehicle-edit-section-title { font-weight: 900; letter-spacing: .08em; text-transform: uppercase; font-size: 12px; color: #33506f; margin-top: 4px; }
.vehicle-edit-field-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.vehicle-edit-field { display: grid; gap: 4px; min-width: 0; }
.vehicle-edit-field > span { font-size: 11px; font-weight: 900; color: #455a75; text-transform: uppercase; letter-spacing: .06em; }
.vehicle-edit-field-wide { width: 100%; }
.vehicle-edit-field-wide textarea { min-height: 76px; }
.vehicle-edit-feature-summary-box { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; border: 1px solid #d9e3ef; border-radius: 14px; background: #f8fbff; }
.vehicle-feature-summary { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 5px; }
.vehicle-feature-pill { display: inline-flex; align-items: center; border-radius: 999px; background: #eaf2ff; color: #1d4ed8; border: 1px solid #c8dcff; padding: 3px 8px; font-size: 12px; font-weight: 800; }
.vehicle-edit-image-manager { display: grid; gap: 10px; }
.vehicle-image-upload-form { display: grid; grid-template-columns: 1fr 150px auto; gap: 8px; align-items: center; }
.vehicle-edit-image-list { display: grid; gap: 8px; }
.vehicle-edit-image-row { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 10px; padding: 8px; border: 1px solid #d9e3ef; border-radius: 14px; background: #fff; }
.vehicle-edit-image-row img { width: 92px; height: 68px; object-fit: cover; border-radius: 10px; background: #111827; }
.vehicle-edit-image-meta { display: grid; gap: 5px; min-width: 0; }
.vehicle-edit-image-meta strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.vehicle-edit-image-meta span { font-size: 11px; font-weight: 800; color: #64748b; }
.vehicle-edit-image-buttons { display: flex; flex-wrap: wrap; gap: 5px; }
.vehicle-feature-submodal { position: fixed; inset: 0; z-index: 2100; background: rgba(15,23,42,.68); padding: 18px; }
.vehicle-feature-submodal-card { width: min(1200px, 100%); height: min(880px, 100%); margin: 0 auto; display: flex; flex-direction: column; border-radius: 20px; background: #f8fafc; box-shadow: 0 24px 70px rgba(15,23,42,.35); overflow: hidden; }
.vehicle-feature-submodal-head, .vehicle-feature-submodal-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; background: #fff; border-bottom: 1px solid #e2e8f0; }
.vehicle-feature-submodal-foot { justify-content: flex-end; border-top: 1px solid #e2e8f0; border-bottom: 0; }
.vehicle-feature-submodal-body { flex: 1; min-height: 0; display: grid; grid-template-columns: 2fr 1fr; gap: 16px; padding: 16px; overflow: auto; }
.vehicle-feature-choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; align-content: start; }
.vehicle-feature-choice { border: 1px solid #cbd5e1; border-radius: 13px; padding: 10px 12px; background: #fff; text-align: left; font-weight: 850; color: #1f2937; transition: .15s ease; }
.vehicle-feature-choice.active { border-color: #2563eb; background: #dbeafe; color: #1d4ed8; box-shadow: inset 0 0 0 1px rgba(37,99,235,.25); }
.vehicle-feature-report-panel { display: grid; gap: 10px; align-content: start; }
.vehicle-feature-report-panel img { width: 100%; max-height: 680px; object-fit: contain; background: #fff; border: 1px solid #d8e2ef; border-radius: 14px; }
.sa-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.sa-form-grid label { display: grid; gap: 5px; font-weight: 800; color: #334155; }
.sa-form-actions { grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: 8px; }
@media (max-width: 960px) {
  .vehicle-search-edit-split { grid-template-columns: 1fr; }
  .vehicle-edit-field-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vehicle-image-upload-form { grid-template-columns: 1fr; }
  .vehicle-feature-submodal { padding: 0; }
  .vehicle-feature-submodal-card { width: 100%; height: 100%; border-radius: 0; }
  .vehicle-feature-submodal-body { grid-template-columns: 1fr; }
  .vehicle-feature-choice-grid { grid-template-columns: 1fr 1fr; }
  .sa-form-grid { grid-template-columns: 1fr; }
}

/* v5.58_2026_06_29 vehicle edit suggested bid/features refinements */
.vehicle-edit-full-form-v558 {
  gap: 14px;
}
.vehicle-edit-two-column-grid-v558 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: start;
}
.vehicle-edit-column-v558 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
  align-content: start;
}
.vehicle-edit-column-v558 .vehicle-edit-field-wide {
  grid-column: 1 / -1;
}
.vehicle-edit-column-v558 .vehicle-edit-field > span,
.vehicle-edit-suggested-input-row-v558 > span {
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #466079;
}
.vehicle-edit-column-v558 .form-control,
.vehicle-edit-column-v558 .form-select,
.vehicle-edit-auction-fields-card-v558 .form-control,
.vehicle-edit-auction-fields-card-v558 .form-select {
  min-height: 34px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 13px;
  font-weight: 750;
}
.vehicle-edit-feature-summary-box-v558,
.vehicle-edit-pricing-section-v558 {
  margin-top: 6px;
}
.vehicle-edit-pricing-grid-v558 {
  display: grid;
  grid-template-columns: minmax(280px, .95fr) minmax(260px, 1.05fr);
  gap: 12px;
  align-items: stretch;
}
.vehicle-edit-suggested-card-v558 {
  margin: 0 !important;
  min-height: 100%;
  display: grid;
  grid-template-rows: auto auto 1fr;
  gap: 10px;
}
.vehicle-edit-suggested-input-row-v558 {
  display: grid;
  gap: 6px;
  margin: 0;
}
.vehicle-edit-suggested-input-row-v558 .tenant-edit-input-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}
.tenant-suggested-preview-v558 {
  display: grid;
  gap: 0;
  align-self: start;
}
.vehicle-edit-auction-fields-card-v558 {
  background: #fff;
  border: 1px solid #dce8f4;
  border-radius: 16px;
  padding: 12px;
  display: grid;
  gap: 10px;
  box-shadow: 0 12px 26px rgba(15, 23, 42, .06);
  align-content: start;
}
.vehicle-edit-toggle-field {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 10px;
  background: #f8fbff;
  border: 1px solid #dbe7f3;
  border-radius: 12px;
  margin: 0;
}
.vehicle-edit-toggle-field > span:first-child {
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #466079;
}
.vehicle-edit-toggle-switch {
  flex: 0 0 auto;
}
.vehicle-feature-submodal-card-v558 {
  width: min(calc(100vw - 28px), var(--tb-page-max, 1430px)) !important;
  max-width: var(--tb-page-max, 1430px) !important;
  height: calc(100vh - 28px) !important;
  height: calc(100dvh - 28px) !important;
  border-radius: 14px !important;
}
.vehicle-feature-submodal-body-v558 {
  grid-template-columns: minmax(300px, 40%) minmax(0, 60%) !important;
  gap: 14px !important;
  overflow: hidden !important;
}
.vehicle-feature-choice-grid-v558 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
  overflow: auto;
  align-content: start;
  padding-right: 2px;
}
.vehicle-feature-choice-grid-v558 .vehicle-feature-choice {
  min-height: 30px;
  border-radius: 8px;
  padding: 7px 9px;
  background: #707a83;
  border-color: #707a83;
  color: #fff;
  font-size: 12px;
  line-height: 1.12;
  font-weight: 850;
  text-align: left;
}
.vehicle-feature-choice-grid-v558 .vehicle-feature-choice.active {
  background: #1d4ed8;
  border-color: #1d4ed8;
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.25), 0 6px 14px rgba(29,78,216,.18);
}
.vehicle-feature-report-panel-v558 {
  min-width: 0;
  height: 100%;
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 10px;
}
.vehicle-feature-report-frame {
  min-height: 0;
  height: 100%;
  border: 1px solid #d8e2ef;
  border-radius: 14px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.vehicle-feature-report-frame img {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
  border: 0 !important;
  border-radius: 0 !important;
}
@media (max-width: 1200px) {
  .vehicle-edit-two-column-grid-v558,
  .vehicle-edit-pricing-grid-v558 {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 960px) {
  .vehicle-edit-column-v558 {
    grid-template-columns: 1fr 1fr;
  }
  .vehicle-feature-submodal-card-v558 {
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
  }
  .vehicle-feature-submodal-body-v558 {
    grid-template-columns: 1fr !important;
    overflow: auto !important;
  }
  .vehicle-feature-choice-grid-v558 {
    max-height: 48vh;
  }
  .vehicle-feature-report-frame {
    min-height: 320px;
  }
}
@media (max-width: 575.98px) {
  .vehicle-edit-column-v558 {
    grid-template-columns: 1fr;
  }
  .vehicle-edit-pricing-grid-v558 {
    gap: 10px;
  }
}

/* v5.58_2026_06_29 vehicle edit modal refinements */
.vehicle-edit-full-form-v558 {
  gap: 14px;
}
.vehicle-edit-two-column-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}
.vehicle-edit-column {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  align-items: start;
  background: #fff;
  border: 1px solid #d9e3ef;
  border-radius: 14px;
  padding: 10px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .045);
}
.vehicle-edit-textarea-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.vehicle-edit-textarea-grid .vehicle-edit-field-wide {
  width: auto;
}
.vehicle-edit-bottom-grid {
  display: grid;
  grid-template-columns: minmax(260px, .9fr) minmax(320px, 1fr) minmax(300px, .95fr);
  gap: 12px;
  align-items: stretch;
}
.vehicle-edit-bottom-grid > section {
  min-width: 0;
}
.vehicle-edit-suggested-card {
  display: grid;
  gap: 10px;
  align-content: start;
  min-height: 0;
}
.vehicle-edit-suggested-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 16px;
}
.suggested-bid-entry-row {
  display: grid;
  gap: 6px;
  padding: 9px 10px;
  border: 1px solid rgba(34, 197, 94, .35);
  border-radius: 12px;
  background: rgba(255,255,255,.82);
}
.suggested-bid-entry-row > span {
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #166534;
}
.suggested-bid-entry-control .form-control {
  height: 36px;
  font-weight: 900;
}
.vehicle-edit-suggested-preview {
  border: 1px solid rgba(34,197,94,.32);
  border-radius: 14px;
  background: rgba(255,255,255,.60);
  padding: 4px 10px;
}
.vehicle-edit-suggested-preview .preview-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-bottom: 1px solid rgba(34,197,94,.26);
  padding: 9px 0;
}
.vehicle-edit-suggested-preview .preview-row:last-child {
  border-bottom: 0;
}
.vehicle-edit-suggested-preview .preview-row span {
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #166534;
}
.vehicle-edit-suggested-preview .preview-row strong {
  font-size: 13px;
  font-weight: 950;
  color: #0f172a;
}
.vehicle-edit-auction-card {
  background: #fff;
  border: 1px solid #d9e3ef;
  border-radius: 14px;
  padding: 12px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .045);
  display: grid;
  gap: 10px;
  align-content: start;
}
.vehicle-edit-auction-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  align-items: end;
}
.vehicle-edit-toggle-field {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid #d9e3ef;
  border-radius: 12px;
  background: #f8fafc;
  padding: 9px 10px;
  min-height: 58px;
}
.vehicle-edit-toggle-field > span:first-child {
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #455a75;
}
.vehicle-edit-switch.notification-switch {
  margin: 0;
  transform: scale(1.05);
  transform-origin: right center;
}
.vehicle-feature-submodal-card--detail-size {
  width: min(calc(100% - 24px), var(--tb-page-max, 1250px)) !important;
  max-width: var(--tb-page-max, 1250px) !important;
  height: calc(100vh - 24px) !important;
  height: calc(100dvh - 24px) !important;
  margin: 0 auto !important;
  border-radius: 10px !important;
}
.vehicle-feature-submodal-body--split {
  grid-template-columns: minmax(300px, 40%) minmax(0, 60%) !important;
  overflow: hidden !important;
}
.vehicle-feature-choice-grid--dense {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px 10px !important;
  overflow: auto;
  padding-right: 4px;
  align-content: start;
}
.vehicle-feature-choice-grid--dense .vehicle-feature-choice,
.vehicle-feature-choice {
  border-radius: 7px;
  padding: 8px 10px;
  min-height: 32px;
  background: #6f7781;
  border-color: #6f7781;
  color: #fff;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.1;
  text-transform: uppercase;
  box-shadow: none;
}
.vehicle-feature-choice-grid--dense .vehicle-feature-choice.active,
.vehicle-feature-choice.active {
  border-color: #facc15;
  background: #1d4ed8;
  color: #fff;
  box-shadow: 0 0 0 2px rgba(250, 204, 21, .35) inset;
}
.vehicle-feature-report-panel--large {
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
}
.vehicle-feature-report-panel--large img {
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: contain;
  background: #fff;
}
@media (max-width: 1200px) {
  .vehicle-search-edit-split {
    grid-template-columns: 1fr;
  }
  .vehicle-edit-bottom-grid {
    grid-template-columns: 1fr 1fr;
  }
  .vehicle-edit-bottom-grid .vehicle-edit-auction-card {
    grid-column: 1 / -1;
  }
}
@media (max-width: 960px) {
  .vehicle-edit-two-column-grid,
  .vehicle-edit-textarea-grid,
  .vehicle-edit-bottom-grid {
    grid-template-columns: 1fr;
  }
  .vehicle-edit-column {
    grid-template-columns: 1fr 1fr;
    padding: 8px;
  }
  .vehicle-edit-auction-grid {
    grid-template-columns: 1fr;
  }
  .vehicle-feature-submodal-card--detail-size {
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
  }
  .vehicle-feature-submodal-body--split {
    grid-template-columns: 1fr !important;
    overflow: auto !important;
  }
  .vehicle-feature-report-panel--large img {
    height: auto;
    max-height: 60vh;
  }
}
@media (max-width: 560px) {
  .vehicle-edit-column {
    grid-template-columns: 1fr;
  }
  .vehicle-feature-choice-grid--dense {
    grid-template-columns: 1fr 1fr !important;
  }
}
/* v5.58 exact feature-modal sizing override */
.vehicle-feature-submodal {
  padding: 0 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
}
.vehicle-feature-submodal-card--detail-size {
  width: min(calc(100% - 24px), var(--tb-page-max, 1250px)) !important;
  max-width: var(--tb-page-max, 1250px) !important;
  height: 100vh !important;
  height: 100dvh !important;
  margin: 0 auto !important;
}


/* v5.59_2026_06_29 feature sub-modal visibility fix
   v5.58 added display:flex!important to size the full-screen feature modal.
   That overrode Bootstrap .d-none and made the sub-modal visible immediately.
*/
.vehicle-feature-submodal.d-none,
.vehicle-feature-submodal[aria-hidden="true"] {
  display: none !important;
}
.vehicle-feature-submodal:not(.d-none)[aria-hidden="false"] {
  display: flex !important;
}

/* v5.60_2026_06_29 tenant vehicle edit modal field/layout refinements */
.vehicle-edit-full-form-v560 {
  display: grid;
  gap: 14px;
}
.vehicle-edit-two-column-grid-v560 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}
.vehicle-edit-card-block {
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: start;
  gap: 8px;
  padding: 12px;
}
.vehicle-edit-card-title {
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: #0f2a44;
  padding-bottom: 6px;
  border-bottom: 1px solid #d9e3ef;
  margin-bottom: 2px;
}
.vehicle-edit-card-block .vehicle-edit-field {
  min-width: 0;
  width: 100%;
}
.vehicle-edit-card-block .vehicle-edit-field-wide {
  grid-column: auto;
}
.vehicle-edit-card-block textarea.form-control {
  min-height: 82px;
  resize: vertical;
}
.vehicle-edit-feature-card-v560 {
  width: 100%;
  background: #fff;
  border-color: #d9e3ef;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .045);
}
.vehicle-edit-pricing-auction-row {
  display: grid;
  grid-template-columns: minmax(300px, 1fr) minmax(300px, 1fr);
  gap: 14px;
  align-items: stretch;
}
.vehicle-edit-pricing-auction-row > section {
  min-width: 0;
}
.vehicle-edit-pricing-auction-row .vehicle-edit-auction-grid {
  grid-template-columns: minmax(0, 1fr);
}
@media (max-width: 1100px) {
  .vehicle-edit-two-column-grid-v560,
  .vehicle-edit-pricing-auction-row {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 960px) {
  .vehicle-edit-card-block {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* v5.60_2026_06_29 tenant search vehicle edit modal layout refinements */
.vehicle-edit-full-form-v560 {
  display: grid;
  gap: 12px;
}
.vehicle-edit-fields-card-v560 {
  background: #f8fbff;
  border: 1px solid #d9e3ef;
  border-radius: 16px;
  padding: 12px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .045);
  display: grid;
  gap: 10px;
}
.vehicle-edit-two-column-grid-v560 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: start;
}
.vehicle-edit-column-v560 {
  grid-template-columns: 1fr !important;
  align-content: start;
  gap: 8px;
  background: #fff;
  border: 1px solid #dce6f1;
  border-radius: 14px;
  padding: 10px;
  min-width: 0;
  box-shadow: none;
}
.vehicle-edit-column-v560 .vehicle-edit-field,
.vehicle-edit-column-v560 .vehicle-edit-field-wide {
  grid-column: auto !important;
  width: 100%;
  min-width: 0;
}
.vehicle-edit-column-v560 .form-control,
.vehicle-edit-column-v560 .form-select {
  min-height: 34px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 13px;
  font-weight: 750;
}
.vehicle-edit-column-v560 textarea.form-control {
  min-height: 74px;
  resize: vertical;
}
.vehicle-edit-column-title-v560 {
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: #1f3f5f;
  border-bottom: 1px solid #e2e8f0;
  padding-bottom: 7px;
  margin-bottom: 2px;
}
.vehicle-edit-feature-summary-box-v560 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  margin: 0;
  background: #fff;
  border: 1px solid #d9e3ef;
  border-radius: 16px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .045);
}
.vehicle-edit-feature-summary-box-v560 .btn {
  flex: 0 0 auto;
  white-space: nowrap;
}
.vehicle-edit-pricing-grid-v560 {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(260px, 1fr);
  gap: 12px;
  align-items: stretch;
}
.vehicle-edit-pricing-grid-v560 .vehicle-edit-suggested-card,
.vehicle-edit-pricing-grid-v560 .vehicle-edit-auction-card {
  min-width: 0;
  height: 100%;
}
.vehicle-edit-pricing-grid-v560 .vehicle-edit-auction-grid {
  grid-template-columns: 1fr;
}
@media (max-width: 1200px) {
  .vehicle-edit-pricing-grid-v560 {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 960px) {
  .vehicle-edit-two-column-grid-v560 {
    grid-template-columns: 1fr;
  }
  .vehicle-edit-fields-card-v560,
  .vehicle-edit-column-v560 {
    padding: 9px;
  }
  .vehicle-edit-feature-summary-box-v560 {
    align-items: stretch;
    flex-direction: column;
  }
  .vehicle-edit-feature-summary-box-v560 .btn {
    width: 100%;
  }
}

/* v5.61_2026_06_29 vehicle detail URL rows */
.vehicle-detail-url-link {
  display: inline-block;
  max-width: 100%;
  min-width: 0;
  color: #2563eb;
  overflow-wrap: anywhere;
  word-break: break-word;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.vehicle-detail-url-link:hover,
.vehicle-detail-url-link:focus {
  color: #1d4ed8;
}

/* v5.62_2026_06_29 Vehicle Archive */
.app-vehicle-archive-page .archive-page-wrap,
.app-archive-page .archive-page-wrap {
  width: min(100%, 1720px);
  display: grid;
  gap: 14px;
}
.archive-filter-shell {
  margin-bottom: 16px;
}
.archive-filter-grid {
  display: grid;
  grid-template-columns: minmax(330px, 1.2fr) minmax(240px, .82fr) minmax(320px, 1fr);
  gap: 12px;
  align-items: stretch;
}
.archive-main-panel,
.archive-score-panel,
.archive-average-card {
  min-width: 0;
  min-height: 100%;
}
.archive-main-panel label span,
.archive-score-panel .panel-title,
.archive-average-section-title,
.archive-average-head span,
.archive-average-count-card small {
  letter-spacing: .045em;
}
.archive-score-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-content: flex-start;
  max-height: 168px;
  overflow: auto;
  padding-right: 4px;
}
.archive-score-choice,
.archive-steering-choice {
  border: 1px solid rgba(15, 23, 42, .16);
  border-radius: 999px;
  background: #fff;
  padding: .38rem .74rem;
  font-weight: 850;
  font-size: .86rem;
  line-height: 1.1;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.archive-score-choice:hover,
.archive-steering-choice:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(15, 23, 42, .08);
}
.archive-score-choice.active,
.archive-steering-choice.active {
  color: #fff;
  background: #0d6efd;
  border-color: #0d6efd;
  box-shadow: 0 10px 24px rgba(13, 110, 253, .2);
}
.archive-score-actions {
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.archive-average-card {
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 18px;
  background: linear-gradient(180deg, #fff, #f8fbff);
  box-shadow: 0 14px 32px rgba(15, 23, 42, .07);
  padding: 12px;
  display: block;
}
.archive-average-layout {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(150px, 2fr);
  gap: 10px;
  align-items: stretch;
}
.archive-average-list-column,
.archive-average-summary-column {
  min-width: 0;
}
.archive-average-list-column {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.archive-average-summary-column {
  display: grid;
  gap: 8px;
  align-content: start;
}
.archive-average-section-title,
.archive-average-head span,
.archive-average-count-card small {
  display: block;
  color: #64748b;
  font-size: .68rem;
  font-weight: 950;
  letter-spacing: .045em;
  line-height: 1.1;
  text-transform: uppercase;
}
.archive-average-head,
.archive-average-count-card {
  min-width: 0;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 14px;
  background: rgba(255, 255, 255, .82);
  padding: 9px 10px;
}
.archive-average-head strong {
  display: block;
  margin-top: 2px;
  color: #0f172a;
  font-size: clamp(1.35rem, 2.4vw, 1.9rem);
  font-weight: 950;
  line-height: 1.05;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.archive-average-count-card b {
  display: block;
  margin-top: 2px;
  color: #0f172a;
  font-size: 1.05rem;
  font-weight: 950;
  line-height: 1.1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.archive-average-list {
  display: grid;
  gap: 6px;
  max-height: 128px;
  overflow: auto;
  padding-right: 3px;
}
.archive-average-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 10px;
  background: #fff;
  padding: 5px 6px;
}
.archive-average-item span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .78rem;
  font-weight: 750;
}
.archive-average-item strong {
  white-space: nowrap;
  font-size: .78rem;
}
.archive-average-remove {
  border: 0;
  background: rgba(220, 53, 69, .10);
  color: #b4232f;
  border-radius: 999px;
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.archive-average-clear {
  width: 100%;
  font-weight: 850;
}
.archive-average-empty,
.archive-average-more {
  color: #64748b;
  font-size: .78rem;
  font-weight: 750;
}
.archive-average-empty {
  border: 1px dashed rgba(15, 23, 42, .16);
  border-radius: 10px;
  background: rgba(255, 255, 255, .6);
  padding: 8px;
}
.archive-table-wrap {
  margin-top: 10px;
  border-radius: 18px;
  overflow: auto;
}
.archive-results-table th,
.archive-results-table td {
  white-space: nowrap;
  vertical-align: middle;
}
.archive-results-table .search-vehicle-wide,
.archive-results-table .search-vehicle-wide * {
  white-space: normal;
}
.archive-col-calc,
.archive-calc-cell {
  width: 112px;
  min-width: 112px;
  text-align: center;
}
.archive-col-detail,
.archive-detail-cell {
  width: 112px;
  min-width: 112px;
  text-align: center;
}
.archive-calc-toggle {
  min-width: 88px;
  font-weight: 900;
}
.archive-calc-toggle[disabled] {
  opacity: .68;
  cursor: not-allowed;
}
.archive-calc-toggle.is-remove {
  box-shadow: 0 8px 18px rgba(220, 38, 38, .14);
}
.archive-pagination {
  margin-top: 12px;
}
.archive-mobile-list {
  display: grid;
  gap: 10px;
}
.archive-mobile-card .vehicle-card-main {
  align-items: flex-start;
}
.archive-mobile-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: 10px;
}
.archive-mobile-actions .btn {
  font-weight: 900;
}
@media (max-width: 1100px) {
  .archive-filter-grid {
    grid-template-columns: minmax(0, 1fr) minmax(260px, .8fr);
  }
  .archive-average-card {
    grid-column: 1 / -1;
  }
}
@media (max-width: 760px) {
  .archive-filter-grid,
  .archive-average-layout {
    grid-template-columns: 1fr;
  }
  .archive-score-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .archive-score-actions .btn,
  .archive-score-actions .result-count-pill {
    width: 100%;
  }
  .archive-mobile-actions {
    flex-direction: column;
  }
  .archive-mobile-actions .btn {
    width: 100%;
  }
}

/* v5.66 secure Remember Me login */
.tb-remember-check{
  color:#475569;
  font-weight:700;
  line-height:1.35;
}
.tb-remember-check .form-check-input{
  cursor:pointer;
}
.tb-remember-check .form-check-label{
  cursor:pointer;
}

/* v5.67 search/favorites mobile vehicle card redesign */
@media (max-width: 960px) {
  .search-mobile-v567-card {
    margin: 12px 10px !important;
    padding: 18px !important;
    border: 0 !important;
    border-radius: 2px !important;
    background: #fff !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10) !important;
  }
  .search-mobile-v567-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
  }
  .search-mobile-v567-title {
    min-width: 0;
    color: #020617;
  }
  .search-mobile-v567-title strong {
    display: block;
    margin: 0 0 3px;
    color: #020617;
    font-size: clamp(30px, 7.2vw, 42px);
    font-weight: 950;
    line-height: .95;
    letter-spacing: -.055em;
  }
  .search-mobile-v567-title span {
    display: block;
    color: #020617;
    font-size: clamp(21px, 5.3vw, 28px);
    font-weight: 500;
    line-height: 1.08;
    letter-spacing: -.035em;
  }
  .search-mobile-v567-title small {
    display: block;
    margin-top: 5px;
    color: #667085;
    font-size: clamp(16px, 4.2vw, 22px);
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -.025em;
  }
  .search-mobile-v567-favorite {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
  }
  .search-mobile-v567-body {
    display: grid;
    grid-template-columns: 39% minmax(0, 1fr);
    gap: 12px;
    align-items: center;
  }
  .search-mobile-v567-image-button {
    position: relative !important;
    display: block;
    width: 100%;
    border: 0;
    border-radius: 8px;
    background: #f8fafc;
    padding: 0;
    overflow: visible !important;
    isolation: isolate;
  }
  .search-mobile-v567-img {
    display: block;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3;
    object-fit: contain;
    border-radius: 8px !important;
    background: #f8fafc;
  }
  .search-mobile-v567-image-button .vehicle-seen-badge {
    top: 7px !important;
    right: auto !important;
    left: 7px !important;
    width: 20px;
    height: 20px;
    border-width: 1px;
    font-size: 10px;
  }
  .search-mobile-v567-facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
  }
  .search-mobile-v567-fact {
    min-width: 0;
    min-height: 62px;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    padding: 10px 8px;
    border-bottom: 1px solid #e5eaf2;
  }
  .search-mobile-v567-fact:nth-child(odd) {
    border-right: 1px solid #e5eaf2;
  }
  .search-mobile-v567-fact:nth-last-child(-n + 2) {
    border-bottom: 0;
  }
  .search-mobile-v567-fact-icon {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f0f3f8;
    color: #475569;
    font-size: 17px;
    line-height: 1;
  }
  .search-mobile-v567-fact-copy {
    min-width: 0;
  }
  .search-mobile-v567-fact small {
    display: block;
    margin: 0 0 4px;
    color: #526078;
    font-size: clamp(10px, 2.75vw, 13px);
    font-weight: 950;
    line-height: 1;
    letter-spacing: .01em;
    text-transform: uppercase;
  }
  .search-mobile-v567-fact strong {
    display: block;
    color: #020617;
    font-size: clamp(17px, 4.6vw, 23px);
    font-weight: 950;
    line-height: 1.05;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -.025em;
  }
  .search-mobile-v567-footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 12px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #e5eaf2;
  }
  .search-mobile-v567-result {
    min-width: 0;
  }
  .search-mobile-v567-result small {
    display: block;
    margin-bottom: 6px;
    color: #526078;
    font-size: clamp(11px, 2.9vw, 14px);
    font-weight: 950;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .01em;
  }
  .search-mobile-v567-result strong {
    display: block;
    color: #020617;
    font-size: clamp(18px, 5vw, 25px);
    font-weight: 950;
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -.03em;
  }
  .search-mobile-v567-price {
    text-align: right;
  }
  .search-mobile-v567-admin-controls {
    margin-top: 12px !important;
  }
}
@media (max-width: 430px) {
  .search-mobile-v567-card {
    padding: 14px 10px !important;
    margin: 10px 8px !important;
  }
  .search-mobile-v567-header {
    margin-bottom: 12px;
  }
  .search-mobile-v567-body {
    grid-template-columns: 37% minmax(0, 1fr);
    gap: 8px;
  }
  .search-mobile-v567-fact {
    min-height: 52px;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 6px;
    padding: 8px 5px;
  }
  .search-mobile-v567-fact-icon {
    width: 29px;
    height: 29px;
    font-size: 14px;
  }
  .search-mobile-v567-footer {
    margin-top: 13px;
    padding-top: 12px;
  }
}
@media (max-width: 360px) {
  .search-mobile-v567-card {
    padding: 12px 8px !important;
  }
  .search-mobile-v567-body {
    grid-template-columns: 36% minmax(0, 1fr);
  }
  .search-mobile-v567-fact {
    grid-template-columns: 1fr;
    justify-items: start;
    min-height: 54px;
    gap: 4px;
  }
  .search-mobile-v567-fact-icon {
    display: none;
  }
}

/* v5.68 search/favorites mobile card compact spacing */
@media (max-width: 960px) {
  .app-search-page .mobile-list,
  .app-favorites-page .favorites-mobile-list {
    gap: 8px !important;
    margin: 0 !important;
    width: 100% !important;
  }
  .search-mobile-v567-card {
    margin: 0 0 10px !important;
    padding: 10px !important;
    border-top: 1px solid var(--tb-border) !important;
    border-bottom: 1px solid var(--tb-border) !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  .search-mobile-v567-header {
    gap: 8px !important;
    margin-bottom: 8px !important;
  }
  .search-mobile-v567-title strong {
    margin-bottom: 2px !important;
    font-size: clamp(22px, 5.8vw, 30px) !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: -.028em !important;
  }
  .search-mobile-v567-title span {
    font-size: clamp(15px, 4.1vw, 20px) !important;
    font-weight: 400 !important;
    line-height: 1.08 !important;
    letter-spacing: -.01em !important;
  }
  .search-mobile-v567-title small {
    margin-top: 2px !important;
    font-size: clamp(11px, 3.05vw, 14px) !important;
    font-weight: 400 !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
  }
  .search-mobile-v567-favorite {
    flex-shrink: 0 !important;
  }
  .search-mobile-v567-body {
    grid-template-columns: 38% minmax(0, 1fr) !important;
    gap: 7px !important;
    align-items: center !important;
  }
  .search-mobile-v567-image-button,
  .search-mobile-v567-img {
    border-radius: 6px !important;
  }
  .search-mobile-v567-facts {
    gap: 0 !important;
    align-self: stretch !important;
  }
  .search-mobile-v567-fact {
    min-height: 38px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    padding: 4px 5px !important;
  }
  .search-mobile-v567-fact-icon {
    display: none !important;
  }
  .search-mobile-v567-fact small {
    margin-bottom: 2px !important;
    font-size: clamp(8px, 2.15vw, 10px) !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
  }
  .search-mobile-v567-fact strong {
    font-size: clamp(13px, 3.55vw, 16.5px) !important;
    font-weight: 400 !important;
    line-height: 1.05 !important;
    letter-spacing: -.006em !important;
  }
  .search-mobile-v567-footer {
    gap: 8px !important;
    margin-top: 8px !important;
    padding-top: 7px !important;
  }
  .search-mobile-v567-result small {
    margin-bottom: 3px !important;
    font-size: clamp(8.5px, 2.25vw, 10.5px) !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
  }
  .search-mobile-v567-result strong {
    font-size: clamp(15px, 4.05vw, 19px) !important;
    font-weight: 800 !important;
    line-height: 1.05 !important;
    letter-spacing: -.008em !important;
  }
  .search-mobile-v567-admin-controls {
    margin-top: 8px !important;
  }
}
@media (max-width: 430px) {
  .search-mobile-v567-card {
    margin: 0 0 10px !important;
    padding: 10px !important;
  }
  .search-mobile-v567-body {
    grid-template-columns: 37% minmax(0, 1fr) !important;
    gap: 6px !important;
  }
  .search-mobile-v567-title strong {
    font-size: clamp(21px, 6vw, 27px) !important;
  }
  .search-mobile-v567-title span {
    font-size: clamp(14px, 4vw, 18px) !important;
  }
  .search-mobile-v567-title small {
    font-size: clamp(10.5px, 3vw, 13px) !important;
  }
  .search-mobile-v567-fact {
    min-height: 36px !important;
    padding: 3px 4px !important;
  }
  .search-mobile-v567-fact small {
    font-size: clamp(7.8px, 2.1vw, 9.5px) !important;
  }
  .search-mobile-v567-fact strong {
    font-size: clamp(12.5px, 3.45vw, 15.8px) !important;
  }
  .search-mobile-v567-result strong {
    font-size: clamp(14.5px, 4vw, 18px) !important;
    font-weight: 800 !important;
  }
}
@media (max-width: 360px) {
  .search-mobile-v567-card {
    padding: 10px !important;
  }
  .search-mobile-v567-body {
    grid-template-columns: 37% minmax(0, 1fr) !important;
    gap: 5px !important;
  }
  .search-mobile-v567-fact {
    min-height: 34px !important;
    padding: 3px !important;
  }
}

/* v5.72_2026_06_30: search steering memory support + score/date panel overflow fix */
.app-search-page #searchFilterShell .score-date-panel,
.app-search-page #searchFilterShell .score-date-panel * {
  box-sizing: border-box !important;
}
.app-search-page #searchFilterShell .score-date-panel {
  min-width: 0 !important;
  max-width: 100% !important;
}
.app-search-page #searchFilterShell .score-date-panel .score-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(34px, 1fr)) !important;
  gap: 4px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
}
.app-search-page #searchFilterShell .score-date-panel .score-choice {
  width: 100% !important;
  min-width: 0 !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.app-search-page #searchFilterShell .date-steering-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
.app-search-page #searchFilterShell .date-steering-grid label,
.app-search-page #searchFilterShell .date-steering-grid select,
.app-search-page #searchFilterShell .steering-toggle {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
.app-search-page #searchFilterShell .steering-toggle .steering-choice {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.app-search-page #searchFilterShell .score-actions {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
.app-search-page #searchFilterShell .score-actions-right {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  flex-wrap: wrap !important;
  row-gap: 4px !important;
  overflow: visible !important;
}
.app-search-page #searchFilterShell .score-actions-right .result-count-pill {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
@media (max-width: 960px) {
  .app-search-page #searchFilterShell .date-steering-grid {
    grid-template-columns: 1fr !important;
  }
  .app-search-page #searchFilterShell .score-actions {
    grid-template-columns: 1fr !important;
  }
  .app-search-page #searchFilterShell .score-actions > .btn {
    width: 100% !important;
  }
  .app-search-page #searchFilterShell .score-actions-right {
    justify-content: flex-end !important;
  }
}

/* v5.74_2026_06_30: desktop vehicle detail gallery full-height image view */
@media (min-width: 961px) {
  .vehicle-fullscreen-gallery .vehicle-gallery-stage {
    width: 100vw !important;
    max-width: none !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: none !important;
    padding: 8px 76px !important;
    box-sizing: border-box !important;
  }
  .vehicle-fullscreen-gallery .vehicle-gallery-stage #vehicleGalleryImage {
    display: block !important;
    width: auto !important;
    height: calc(100vh - 16px) !important;
    height: calc(100dvh - 16px) !important;
    max-width: calc(100vw - 152px) !important;
    max-height: calc(100vh - 16px) !important;
    max-height: calc(100dvh - 16px) !important;
    object-fit: contain !important;
    object-position: center center !important;
  }
}