/* Used Car Clearinghouse — Buyer Dashboard */

.buyer-stats{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:18px;
 margin-bottom:25px;
}

.buyer-stats>div{
 border:1px solid #e2e6eb;
 background:#fff;
 border-radius:9px;
 padding:25px;
}

.buyer-stats span{
 display:block;
 color:#68717d;
 font-size:13px;
}

.buyer-stats strong{
 display:block;
 font-size:36px;
 margin-top:8px;
}

.buyer-actions{
 display:flex;
 gap:12px;
 flex-wrap:wrap;
 margin:25px 0 45px;
}

.buyer-panel{
 border:1px solid #e2e6eb;
 background:white;
 border-radius:10px;
 padding:30px;
}

.buyer-form-layout{
 max-width:850px;
}

.buyer-form{
 display:grid;
 gap:19px;
}

.buyer-form label{
 display:block;
 font-size:13px;
 font-weight:700;
}

.buyer-form input,
.buyer-form select{
 width:100%;
 padding:13px;
 margin-top:7px;
 border:1px solid #d4dbe3;
 border-radius:6px;
}

.buyer-form .check-label{
 display:flex;
 align-items:center;
 gap:10px;
}

.buyer-form .check-label input{
 width:auto;
 margin:0;
}

.buyer-muted{
 color:#68717d;
 font-size:13px;
}

.buyer-two-column{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:25px;
}

.buyer-list{
 display:grid;
 gap:15px;
 margin:20px 0 45px;
}

.buyer-list-card{
 border:1px solid #e2e6eb;
 border-radius:8px;
 padding:20px;
}

.buyer-list-card h3{
 margin-top:0;
}

.buyer-card-actions{
 display:flex;
 gap:10px;
 flex-wrap:wrap;
 margin-top:15px;
}

.buyer-vehicle-card{
 border:1px solid #e2e6eb;
 border-radius:10px;
 overflow:hidden;
 padding-bottom:20px;
 text-align:center;
}

.buyer-vehicle-icon{
 background:linear-gradient(135deg,#b1c1d2,#e8edf2);
 padding:35px;
 font-size:65px;
}

.buyer-vehicle-card strong{
 display:block;
 margin:18px 0;
}

.buyer-vehicle-card .gold-button{
 margin:0 15px;
}

@media(max-width:900px){
 .buyer-stats{
  grid-template-columns:repeat(2,1fr);
 }
 .buyer-two-column{
  grid-template-columns:1fr;
 }
}

@media(max-width:550px){
 .buyer-stats{
  gap:9px;
 }
 .buyer-stats>div{
  padding:15px;
 }
 .buyer-stats strong{
  font-size:26px;
 }
 .buyer-panel{
  padding:20px;
 }
}