/* public/assets/css/style.css - single CSS file for entire app */

/* Basic reset */
*{box-sizing:border-box;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
body{margin:0;background:#f5f7fb;color:#111}
.wrap{max-width:1100px;margin:0 auto;padding:18px}
.topbar{background:#ffffff;border-bottom:1px solid #e6e9ef}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between}
.brand a{font-weight:700;color:#111;text-decoration:none}
.topbar nav a{margin-left:12px;color:#333;text-decoration:none}
.main-grid{display:flex;gap:18px;margin-top:18px}
.map-panel{flex:1}
.list-panel{width:340px}
.map{height:520px;border-radius:8px;border:1px solid #e3e6ee}
.search-bar{display:flex;gap:8px;margin-bottom:12px}
.search-bar input{flex:1;padding:10px;border:1px solid #d8dbe4;border-radius:6px}
.btn{display:inline-block;padding:10px 12px;border-radius:6px;background:#2563eb;color:#fff;text-decoration:none;border:none;cursor:pointer}
.btn.small{padding:6px 8px;font-size:13px}
.btn.outline{background:transparent;border:1px solid #2563eb;color:#2563eb}
.card{background:#fff;padding:16px;border-radius:10px;box-shadow:0 6px 18px rgba(17,24,39,0.04);margin-bottom:18px}
.vehicle-card{padding:10px;border-bottom:1px solid #f0f2f6}
.muted{color:#6b7280;font-size:13px}
.auth-page{display:flex;align-items:center;justify-content:center;height:100vh}
.auth-card{width:360px;padding:24px}
.auth-card form label{display:block;margin-bottom:10px}
.auth-card input, .auth-card select{width:100%;padding:10px;border:1px solid #e6e9ef;border-radius:6px}
.errors{background:#fff4f4;border:1px solid #ffd6d6;color:#721c24;padding:10px;border-radius:6px;margin-bottom:10px}
.grid-2{display:flex;gap:18px}
.vehicle-row, .booking-row{padding:10px;border-bottom:1px dashed #eef1f6}
.hidden{display:none}

/* responsive */
@media (max-width:900px){
  .main-grid{flex-direction:column}
  .list-panel{width:auto}
  .map{height:420px}
}