.driver-profile-page-header {
  margin-bottom: var(--space-4);
}

.driver-profile-page-title {
  font-family: var(--font-display);
  font-size: var(--text-xl);
  font-weight: 600;
  margin: var(--space-2) 0;
  color: var(--ddg-sage-dark);
}

.driver-profile-page-lead {
  margin: 0;
  font-size: var(--text-sm);
  color: var(--ddg-text-muted);
  line-height: var(--leading-normal);
}

/* Contact card: light panel on ddg-page (overrides map-dark .sheet-panel defaults) */
.driver-profile-page .driver-profile-card.sheet-panel--contact {
  margin-bottom: var(--space-4);
  background: #ffffff;
  border: 1px solid rgba(var(--ddg-yellow-rgb), 0.45);
  box-shadow: 0 2px 12px rgba(10, 10, 10, 0.08);
  color: var(--ddg-text);
}

.driver-profile-page .driver-profile-card .sheet-field__label {
  padding-left: 0;
  font-size: var(--text-xs);
  letter-spacing: 0.04em;
  color: #475569;
}

.driver-profile-page .driver-profile-card .sheet-row--field {
  gap: var(--space-2);
  min-height: 48px;
  padding: var(--space-2) var(--space-3);
  background: #ffffff;
  border: 1px solid rgba(10, 10, 10, 0.15);
  border-radius: var(--ddg-btn-radius);
}

.driver-profile-page .driver-profile-card .sheet-row--field:focus-within {
  border-color: rgba(var(--ddg-yellow-rgb), 0.55);
  box-shadow: 0 0 0 2px rgba(var(--ddg-yellow-rgb), 0.15);
}

.driver-profile-page .driver-profile-card .sheet-row--field i {
  color: #8f5f08;
  font-size: 0.9375rem;
}

.driver-profile-page .driver-profile-card .sheet-row--field input {
  flex: 1;
  min-width: 0;
  padding: 0;
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.35;
  color: var(--ddg-text);
  background: transparent;
  border: none;
  outline: none;
  box-shadow: none;
}

.driver-profile-page .driver-profile-card .sheet-row--field input::placeholder {
  color: #94a3b8;
  font-style: normal;
}

.driver-profile-page .driver-profile-card .sheet-row--field input:disabled {
  color: #64748b;
  opacity: 1;
}

.driver-profile-page .profile-avatar__btn {
  background: var(--ddg-surface-warm);
}

.driver-profile-page .profile-avatar__fallback {
  color: var(--ddg-text-muted);
}

.driver-profile-page .profile-avatar__badge {
  border-color: #ffffff;
}

.driver-profile-page .profile-avatar__status {
  color: #64748b;
}

html[data-theme='dark'] .driver-profile-page .driver-profile-card.sheet-panel--contact {
  background: linear-gradient(
    155deg,
    rgba(20, 20, 20, 0.98) 0%,
    rgba(10, 10, 10, 1) 100%
  );
  border: 1px solid rgba(var(--ddg-yellow-rgb), 0.28);
  box-shadow:
    0 0 20px rgba(var(--ddg-yellow-rgb), 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
  color: #f5f5f4;
}

html[data-theme='dark'] .driver-profile-page .driver-profile-card .sheet-field__label {
  color: #a8b0bc;
}

html[data-theme='dark'] .driver-profile-page .driver-profile-card .sheet-row--field {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
}

html[data-theme='dark'] .driver-profile-page .driver-profile-card .sheet-row--field input {
  color: #f5f5f4;
}

html[data-theme='dark'] .driver-profile-page .driver-profile-card .sheet-row--field input::placeholder {
  color: #64748b;
}

html[data-theme='dark'] .driver-profile-page .driver-profile-card .sheet-row--field input:disabled {
  color: #94a3b8;
}

html[data-theme='dark'] .driver-profile-page .profile-avatar__btn {
  background: rgba(255, 255, 255, 0.06);
}

html[data-theme='dark'] .driver-profile-page .profile-avatar__fallback {
  color: var(--ddg-text-muted-on-dark);
}

html[data-theme='dark'] .driver-profile-page .profile-avatar__badge {
  border-color: var(--ddg-sheet, #16181e);
}

html[data-theme='dark'] .driver-profile-page .profile-avatar__status {
  color: #a8b0bc;
}

.driver-profile-page .driver-profile-lock-note {
  margin: 0 0 var(--space-4);
}

.driver-profile-page .profile-avatar {
  margin-bottom: var(--space-4);
}

.driver-profile-page .sheet-field:last-child {
  margin-bottom: 0;
}

.driver-profile-page--on-duty .sheet-field,
.driver-profile-page--locked .sheet-field {
  display: none;
}

.driver-profile-page--on-duty .profile-avatar,
.driver-profile-page--locked .profile-avatar {
  pointer-events: none;
  opacity: 0.7;
}

.driver-profile-page--on-duty .driver-profile-card,
.driver-profile-page--locked .driver-profile-card {
  opacity: 0.92;
}

.driver-profile-page__save-hint {
  margin: var(--space-4) 0 0;
  font-size: var(--text-sm);
  color: var(--ddg-text-muted);
}

html[data-theme='dark'] .driver-profile-page__save-hint {
  color: #a8b0bc;
}