/* Simple responsive grid & cards */
.container{ max-width:1100px;margin:20px auto;padding:10px;}
.grid{ display:flex; gap:20px; flex-wrap:wrap;}
.col-4{ flex: 1 1 280px; max-width:320px;}
.col-8{ flex: 2 1 640px;}
.card{ background:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.05);}
.profile h3{ margin-top:0;}
.btn{ display:inline-block;padding:8px 12px;border-radius:6px;border:1px solid #ddd;background:#f7f7f7;cursor:pointer;margin:6px 0;}
.btn.primary{ background:#0b74de;color:#fff;border-color:#0b74de;}
.ok{ color:green;font-weight:700;}
.pending{ color:orange;font-weight:700;}
.responsive{ width:100%; overflow:auto;}
@media(max-width:700px){
  .grid{ flex-direction:column; }
  .col-4, .col-8{ max-width:100%; }
}
.btt-driver-wrap{ max-width:480px;margin:30px auto;padding:20px;border-radius:8px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.06);}
.btt-driver-wrap input{ width:100%; padding:10px; margin:8px 0; border:1px solid #e0e0e0; border-radius:6px;}
.btt-driver-wrap .btn{ width:100%; text-align:center;}