:root{font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial;}
body{margin:0;padding:14px;background:#f4f7fb;color:#0b1220;font-family:Arial,Helvetica,sans-serif;}
.container{max-width:980px;margin:0 auto;}
header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;}
.brand{display:flex;align-items:center;gap:10px;}
.brand img{height:44px;width:44px;border-radius:8px;background:#fff;padding:6px;box-shadow:0 2px 6px rgba(10,10,20,0.06);}
h1{font-size:1.25rem;margin:0;}
nav{display:flex;gap:8px;align-items:center;}
.btn{background:#1f78ff;color:#fff;border:0;padding:9px 12px;border-radius:10px;font-weight:600;text-decoration:none;display:inline-block;}
.ghost{background:transparent;color:#1f78ff;border:1px solid #dbe9ff;padding:8px 10px;border-radius:9px;}
.card{background:#fff;border-radius:12px;padding:12px;box-shadow:0 6px 18px rgba(20,30,50,0.06);margin-bottom:12px;}
form label{display:block;margin-top:8px;font-size:0.95rem;}
input,select{width:100%;padding:10px;border-radius:8px;border:1px solid #e6eefc;margin-top:6px;box-sizing:border-box;}
.row{display:flex;gap:8px;flex-wrap:wrap;}
.col{flex:1 1 180px;min-width:140px;}
table{width:100%;border-collapse:collapse;margin-top:8px;font-size:0.95rem;}
th,td{padding:8px;border-bottom:1px solid #f0f3fb;text-align:left;}
.present{background:#e6ffed;color:#0a7a2f;padding:6px 8px;border-radius:8px;border:1px solid #b6f1c8;display:inline-block;}
.absent{background:#fff2f2;color:#8a1f1f;padding:6px 8px;border-radius:8px;border:1px solid #f1c6c6;display:inline-block;}
.small{font-size:0.85rem;color:#6b7280;}
footer.small{margin-top:12px;text-align:center;color:#6b7280;}
@media(min-width:800px){ h1{font-size:1.6rem;} .brand img{height:54px;width:54px;} .card{padding:18px;} }

.btn-driver {
    display: inline-block;
    background: #0d6efd;
    color: white;
    padding: 10px 16px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.2s;
}
.btn-driver:hover {
    background: #0b5ed7;
}

.logo {
  display: block;
  margin: 0 auto;
  max-width: 150px;   /* imaginea NU va depăși 150px lățime */
  height: auto;       /* păstrează proporțiile corect */
  border-radius: 12px;
  object-fit: contain;
}

/* === HEADER + LOGO === */
.brand-center {
  text-align: center;
  margin-bottom: 1.5rem;
}

.brand-center .logo {
  width: 140px;
  height: auto;
  border-radius: 12px;
  margin-bottom: 10px;
}

.brand-center h1 {
  font-size: 1.8rem;
  margin: 0;
}

.brand-center .small {
  color: #555;
}

/* === NAV === */
.main-nav {
  display: flex;
  justify-content: center;
  gap: 40px; /* distanță între Acces Șoferi și Admin Rezervări */
  margin-bottom: 1.5rem;
}

.main-nav a {
  font-size: 1rem;
  padding: 10px 18px;
}

/* === LISTA DE CURSE === */
.route-list {
  list-style: none;
  margin: 1rem 0;
  padding: 0;
  display: flex;
  flex-direction: column; /* face lista verticală */
  gap: 10px; /* spațiu între butoane */
}

.route-list li {
  text-align: center;
}

.route-list a.btn {
  display: inline-block;
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
  text-align: center;
}

/* === RESPONSIVE === */
@media (max-width: 600px) {
  .main-nav {
    flex-direction: column;
    gap: 10px;
  }
}

.btn-toggle {
  background: #e0ecff;
  color: #004aad;
  border: 1px solid #c3d8ff;
  border-radius: 8px;
  padding: 6px 10px;
  font-size: 0.85rem;
  cursor: pointer;
  margin-top: 4px;
  display: block;
  width: 100%;
  text-align: center;
}

.btn-toggle:hover {
  background: #c3d8ff;
}

.remember-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 10px 0 15px 0;
}

.remember-wrapper input[type="checkbox"] {
  transform: scale(1.2);
  accent-color: #0066cc;
  cursor: pointer;
}

.remember-wrapper label {
  font-size: 14px;
  cursor: pointer;
  color: #333;
}