/* Viajario 0.12 · importación estructurada, perfil y kilometraje */
.user-profile-link {
  display: flex;
  align-items: center;
  gap: 9px;
  color: inherit;
  text-decoration: none;
}
.user-profile-link:hover .user-name { color: #2249a0; }

.day-distance-grid {
  margin: 15px 0 4px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 11px;
}
.day-fuel-estimate {
  margin: 12px 0 15px;
  padding: 11px 13px;
  display: grid;
  gap: 3px;
  color: #59647a;
  background: #eef3ff;
  border-radius: 11px;
  font-size: 10px;
}
.day-fuel-estimate strong { color: #2249a0; }
.day-distance-readonly {
  margin-top: 14px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
}
.day-distance-readonly span {
  padding: 12px;
  display: grid;
  gap: 3px;
  color: #697186;
  background: #f4f6fa;
  border-radius: 11px;
  font-size: 10px;
}
.day-distance-readonly b { color: #061857; font-size: 16px; }
.guide-distance-bar {
  margin: 15px 27px 4px;
  padding: 12px 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  color: #59647a;
  background: #eef3ff;
  border-radius: 12px;
  font-size: 10px;
}
.guide-distance-bar span {
  padding-right: 10px;
  border-right: 1px solid #ccd8f0;
}
.guide-distance-bar span:last-child { padding-right: 0; border-right: 0; }
.guide-distance-bar b { color: #2249a0; }

.profile-hero {
  background: linear-gradient(125deg,#061857 10%,#17377c 72%,#eb6255 145%);
}
.profile-avatar {
  width: 66px;
  height: 66px;
  display: grid;
  place-items: center;
  color: #061857;
  background: #fff;
  border-radius: 18px;
  font-size: 26px;
  font-weight: 900;
}
.profile-grid {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 20px;
  align-items: start;
}
.profile-card h2 { margin: 5px 0 18px; font-size: 25px; }
.profile-vehicle-grid {
  display: grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 12px;
}
.input-unit { position: relative; }
.input-unit input { padding-right: 76px; }
.input-unit span {
  position: absolute;
  top: 50%;
  right: 13px;
  color: #737b8d;
  font-size: 10px;
  font-weight: 800;
  transform: translateY(-50%);
  pointer-events: none;
}

.import-template-note {
  margin: 12px 0 16px;
  padding: 13px 14px;
  color: #4f596e;
  background: #eef3ff;
  border-radius: 12px;
  font-size: 11px;
  line-height: 1.55;
}
.import-summary { grid-template-columns: repeat(8, 1fr); }
.import-simple-list .traveler-preview-row {
  grid-template-columns: 34px minmax(150px,1.1fr) minmax(130px,.7fr) minmax(190px,1fr) minmax(190px,1.2fr);
}

@media (max-width: 760px) {
  .day-distance-grid,
  .day-distance-readonly,
  .profile-grid,
  .profile-vehicle-grid { grid-template-columns: 1fr; }
  .user-profile-link .user-name { display: none; }
  .import-summary { grid-template-columns: repeat(2,1fr); }
  .import-simple-list .traveler-preview-row { grid-template-columns: 32px minmax(0,1fr); }
  .import-simple-list .traveler-preview-row .field { grid-column: 2; }
}