/* =========================================
   CTB Driver Dashboard – Styles
   ========================================= */

#ctb-driver-dashboard {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #eef2ff; 
  --dd-bg: rgba(8,12,18,.55);
  --dd-surface: rgba(10,14,22,.72);
  --dd-surface-2: rgba(14,18,28,.86);
  --dd-line: rgba(255,255,255,.10);
  --dd-text: #eef2ff;
  --dd-muted: rgba(238,242,255,.70);
  --dd-blue: #60a5fa;
  --dd-green: #34d399;
}

#ctb-driver-dashboard .ctb-dd-wrap {
  max-width: 1180px;
  margin: 30px auto;
}

/* CARDS */
#ctb-driver-dashboard .ctb-dd-card {
  background: var(--dd-surface);
  border: 1px solid var(--dd-line);
  color: var(--dd-text);
  border-radius: 16px;
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
  overflow: hidden;
  margin-bottom: 20px;
}

#ctb-driver-dashboard .ctb-dd-row {
  padding: 14px 16px;
}
#ctb-driver-dashboard .ctb-dd-row + .ctb-dd-row {
  border-top: 1px solid var(--dd-line);
}

/* TOPBAR */
#ctb-driver-dashboard .ctb-dd-topbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
  background: var(--dd-surface-2);
  border: 1px solid var(--dd-line);
  border-radius: 18px;
  padding: 14px 16px;
  box-shadow: 0 16px 34px rgba(0,0,0,.25);
}

#ctb-driver-dashboard .ctb-dd-avatar {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  background: rgba(255,255,255,.08);
  border: 1px solid var(--dd-line);
  overflow: hidden;
  position: relative;
}
#ctb-driver-dashboard .ctb-dd-avatar img {
  width: 100%; height: 100%; object-fit: cover; display: block;
}

#ctb-driver-dashboard .ctb-dd-name { color: var(--dd-text) !important; }
#ctb-driver-dashboard .ctb-dd-car { color: var(--dd-muted) !important; }

/* BUTTONS & TABS */
#ctb-driver-dashboard .ctb-dd-profile-btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  border: 1px solid var(--dd-line);
  color: var(--dd-text) !important;
  text-decoration: none;
  font-size: 13px;
  font-weight: 800;
  box-shadow: 0 10px 24px rgba(0,0,0,.20);
  transition: transform .12s ease, background .12s ease;
}
#ctb-driver-dashboard .ctb-dd-profile-btn:hover {
  transform: translateY(-1px);
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.18);
}

/* Active Tab State */
#ctb-driver-dashboard .ctb-dd-tabbtn.is-active {
  box-shadow: 0 0 0 2px rgba(255,255,255,.12) inset, 0 14px 30px rgba(0,0,0,.22);
  transform: translateY(-1px);
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.3) !important;
}

/* FORMS */
#ctb-driver-dashboard label {
  display: block;
  font-size: 13px;
  font-weight: 900;
  color: var(--dd-text);
  margin-bottom: 6px;
}

#ctb-driver-dashboard input[type="text"],
#ctb-driver-dashboard input[type="email"],
#ctb-driver-dashboard input[type="date"],
#ctb-driver-dashboard input[type="time"],
#ctb-driver-dashboard input[type="number"],
#ctb-driver-dashboard textarea,
#ctb-driver-dashboard select {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(0,0,0,.25);
  color: var(--dd-text);
  font-size: 14px;
  outline: none;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.18);
}

#ctb-driver-dashboard input:focus,
#ctb-driver-dashboard select:focus, 
#ctb-driver-dashboard textarea:focus {
  border-color: var(--dd-blue);
}

/* BUTTON PRIMARY */
#ctb-driver-dashboard .button,
#ctb-driver-dashboard .button.button-primary {
  border: 0 !important;
  border-radius: 14px !important;
  padding: 12px 16px !important;
  font-weight: 900 !important;
  background: linear-gradient(135deg, #2563eb, #60a5fa) !important;
  color: #fff !important;
  box-shadow: 0 14px 30px rgba(37,99,235,.22);
  cursor: pointer;
  transition: transform .12s ease;
}
#ctb-driver-dashboard .button:hover {
  transform: translateY(-1px); filter: brightness(1.05);
}

/* GRIDS */
.ctb-dd-grid-2 { display: grid; grid-template-columns: 2fr 1.4fr; gap: 16px; }
.ctb-profile-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.ctb-profile-grid .ctb-full { grid-column: 1 / -1; }

@media (max-width: 900px) {
  .ctb-dd-grid-2 { grid-template-columns: 1fr; }
  .ctb-profile-grid { grid-template-columns: 1fr; }
}

/* Upload List */
.ctb-driver-files-front { margin: 10px 0 0; padding: 0; list-style: none; }
.ctb-driver-files-front li {
    display: flex; align-items: center; gap: 10px;
    padding: 8px 10px;
    border-radius: 12px;
    border: 1px solid var(--dd-line);
    background: rgba(255,255,255,.06);
    margin-bottom: 8px;
    font-size: 12px;
    color: var(--dd-text);
}
.ctb-driver-files-front a { color: #93c5fd; text-decoration: none; font-weight: 800; }

/* Code Label */
#ctb-driver-dashboard .ctb-dd-code {
  font-weight: 900; letter-spacing: .02em; color: var(--dd-text); text-transform: uppercase; font-size: 12px;
}

/* Upload Bar Animation */
.ctb-upload-bar {
  width: 100%; height: 6px; border-radius: 99px; background: rgba(255,255,255,.1); overflow: hidden; margin-top:10px;
}
.ctb-upload-bar span {
  display: block; height: 100%; width: 50%; background: #3b82f6; 
  animation: ctbIndeterminate 1.5s infinite linear;
}
@keyframes ctbIndeterminate {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(200%); }
}

/* Mobile Adjustments */
@media (max-width: 640px) {
  #ctb-driver-dashboard .ctb-dd-topbar { flex-direction: column; align-items: stretch; }
  #ctb-driver-dashboard .ctb-dd-topbar > div:last-child { justify-content: flex-start; }
}
/* Fix Dropdown Visibility in Driver Dashboard */
.ctb-form-group select {
    background-color: #0f172a !important; 
    color: #f8fafc !important;
    border: 1px solid #1e293b;
}

/* Fix pentru opțiunile din dropdown (când deschizi lista) */
.ctb-form-group select option {
    background-color: #0f172a;
    color: #fff;
    padding: 10px;
}

/* Asigură vizibilitatea placeholder-ului */
.ctb-form-group select:invalid,
.ctb-form-group select option[value=""] {
    color: #94a3b8 !important;
}