/*
  AVANZA CONTROL V5.5.3
  Fotografías, DNI, ubicación y visitas.
*/

.customer-evidence-admin-v553 {
  margin: 18px 0;
}

.customer-evidence-module-v553 {
  padding: 16px;
  border: 1px solid #d8e4ed;
  border-radius: 16px;
  background: #f8fbfd;
}

.customer-evidence-heading-v553,
.customer-location-heading-v553,
.collector-visits-heading-v553,
.collector-customer-summary-v553 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.customer-evidence-heading-v553 {
  margin-bottom: 14px;
}

.customer-evidence-heading-v553 span,
.customer-location-heading-v553 span:first-child,
.collector-visits-heading-v553 span,
.collector-customer-summary-v553 span {
  display: block;
  margin-bottom: 4px;
  color: #075fb3;
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .15em;
}

.customer-evidence-heading-v553 h3,
.customer-location-heading-v553 h4,
.collector-visits-heading-v553 h2,
.collector-customer-summary-v553 h3 {
  margin: 0;
  color: #071f3d;
}

.customer-evidence-heading-v553 h3 {
  font-size: 17px;
}

.customer-evidence-heading-v553 p,
.collector-visits-heading-v553 p,
.collector-customer-summary-v553 p {
  margin: 5px 0 0;
  color: #74869a;
  font-size: 10px;
  line-height: 1.5;
}

.customer-evidence-refresh-v553 {
  min-height: 37px;
  padding: 8px 11px;
  border: 1px solid #cfdeea;
  border-radius: 9px;
  background: #ffffff;
  color: #0756a3;
  font-size: 9px;
  font-weight: 850;
  cursor: pointer;
}

.customer-evidence-documents-v553 {
  display: grid;
  grid-template-columns:
    repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.customer-evidence-card-v553 {
  min-width: 0;
  padding: 11px;
  display: grid;
  grid-template-columns:
    66px minmax(0, 1fr);
  gap: 10px;
  border: 1px dashed #bfd0de;
  border-radius: 13px;
  background: #ffffff;
}

.customer-evidence-card-v553.has-file {
  border-style: solid;
  border-color: #a9d5bc;
  background: #fbfffc;
}

.customer-evidence-preview-v553 {
  width: 66px;
  height: 66px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 11px;
  background: #eaf2f8;
  color: #52708c;
  font-size: 22px;
}

.customer-evidence-preview-v553 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.customer-evidence-card-copy-v553 {
  min-width: 0;
}

.customer-evidence-card-copy-v553 strong {
  display: block;
  color: #18334d;
  font-size: 10px;
}

.customer-evidence-card-copy-v553 small,
.customer-evidence-card-copy-v553 em {
  display: block;
  margin-top: 4px;
  color: #7a8c9d;
  font-size: 8px;
  font-style: normal;
  line-height: 1.4;
}

.customer-evidence-card-v553.has-file
.customer-evidence-card-copy-v553 em {
  color: #08743b;
}

.customer-evidence-card-actions-v553 {
  grid-column: 1 / -1;
}

.customer-evidence-upload-v553 {
  width: 100%;
  min-height: 37px;
  padding: 8px 10px;
  border: 1px solid #b9d3e7;
  border-radius: 9px;
  background: #edf6fd;
  color: #0756a3;
  font-size: 9px;
  font-weight: 850;
  cursor: pointer;
}

.customer-location-v553 {
  margin-top: 13px;
  padding: 14px;
  border: 1px solid #cbdce9;
  border-radius: 14px;
  background: #ffffff;
}

.customer-location-status-v553 {
  padding: 6px 9px;
  border: 1px solid #e4c7a0;
  border-radius: 999px;
  background: #fff5e8;
  color: #a15d00;
  font-size: 8px;
  font-weight: 900;
}

.customer-location-status-v553.verified {
  border-color: #a9dfbf;
  background: #e9f8ef;
  color: #08743b;
}

.customer-location-grid-v553 {
  margin-top: 12px;
  display: grid;
  grid-template-columns:
    repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.customer-location-grid-v553 > div {
  min-width: 0;
  padding: 10px;
  border: 1px solid #e0e8ef;
  border-radius: 10px;
  background: #f8fbfd;
}

.customer-location-grid-v553 small {
  display: block;
  margin-bottom: 4px;
  color: #7b8c9e;
  font-size: 8px;
  font-weight: 850;
}

.customer-location-grid-v553 strong {
  display: block;
  overflow: hidden;
  color: #29435b;
  font-size: 9px;
  text-overflow: ellipsis;
}

.customer-location-notes-v553 {
  display: block;
  margin-top: 11px;
  color: #51677c;
  font-size: 9px;
  font-weight: 800;
}

.customer-location-notes-v553 textarea {
  width: 100%;
  min-height: 70px;
  margin-top: 5px;
  padding: 10px 11px;
  border: 1px solid #d0dee9;
  border-radius: 10px;
  background: #fbfdff;
  color: #19334d;
  resize: vertical;
}

.customer-location-actions-v553 {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.customer-location-capture-v553,
.customer-location-map-v553 {
  min-height: 40px;
  padding: 9px 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  font-size: 9px;
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
}

.customer-location-capture-v553 {
  border: 1px solid #075fb3;
  background:
    linear-gradient(
      135deg,
      #075fb3,
      #1283d5
    );
  color: #ffffff;
}

.customer-location-map-v553 {
  border: 1px solid #b7d4c2;
  background: #eaf8ef;
  color: #08743b;
}

.customer-location-help-v553 {
  margin: 9px 0 0;
  color: #8493a2;
  font-size: 8px;
}

.customer-evidence-loading-v553,
.customer-evidence-empty-v553,
.customer-evidence-error-v553,
.collector-visits-empty-v553 {
  padding: 22px;
  border: 1px dashed #c9d7e3;
  border-radius: 13px;
  background: #f8fbfd;
  color: #6e8194;
  text-align: center;
  font-size: 10px;
}

.customer-evidence-error-v553 {
  border-color: #efc1c5;
  background: #fff5f6;
  color: #b42332;
}

/* Módulo del cobrador */

.collector-visits-v553 {
  width: 100%;
  min-width: 0;
}

.collector-visits-heading-v553 {
  margin-bottom: 14px;
  padding: 20px 22px;
  border: 1px solid #d8e3ec;
  border-radius: 18px;
  background:
    linear-gradient(
      135deg,
      #ffffff,
      #f2f7fb
    );
}

.collector-visits-heading-v553 button {
  min-height: 40px;
  padding: 9px 12px;
  border: 1px solid #c9dbe9;
  border-radius: 10px;
  background: #ffffff;
  color: #0756a3;
  font-size: 9px;
  font-weight: 850;
}

.collector-visits-layout-v553 {
  display: grid;
  grid-template-columns:
    minmax(280px, 330px)
    minmax(0, 1fr);
  gap: 13px;
}

.collector-visits-list-panel-v553,
.collector-visits-detail-v553 {
  min-width: 0;
  padding: 13px;
  border: 1px solid #d8e3ec;
  border-radius: 16px;
  background: #ffffff;
  box-shadow:
    0 7px 20px rgba(7, 31, 61, .05);
}

.collector-visits-list-panel-v553 input {
  width: 100%;
  min-height: 43px;
  margin-bottom: 10px;
  padding: 9px 11px;
  border: 1px solid #cadbe8;
  border-radius: 10px;
  background: #f8fbfd;
}

.collector-visits-list-v553 {
  display: grid;
  gap: 7px;
  max-height: calc(100vh - 260px);
  overflow-y: auto;
}

.collector-visit-row-v553 {
  width: 100%;
  padding: 11px;
  border: 1px solid #dfe7ee;
  border-radius: 11px;
  background: #fbfdff;
  text-align: left;
  cursor: pointer;
}

.collector-visit-row-v553.active {
  border-color: #8ebce1;
  background: #eaf5fd;
  box-shadow:
    inset 3px 0 0 #075fb3;
}

.collector-visit-row-v553 strong,
.collector-visit-row-v553 span,
.collector-visit-row-v553 small {
  display: block;
}

.collector-visit-row-v553 strong {
  color: #19334d;
  font-size: 10px;
}

.collector-visit-row-v553 span {
  margin-top: 4px;
  color: #708296;
  font-size: 8px;
}

.collector-visit-row-v553 small {
  margin-top: 5px;
  color: #08743b;
  font-size: 8px;
}

.collector-customer-summary-v553 {
  margin-bottom: 11px;
  padding: 13px;
  border: 1px solid #dce6ee;
  border-radius: 12px;
  background: #f8fbfd;
}

.collector-customer-summary-v553 > strong {
  padding: 6px 9px;
  border-radius: 999px;
  background: #eaf3fa;
  color: #0756a3;
  font-size: 8px;
}

@media (max-width: 1150px) {
  .customer-evidence-documents-v553 {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .customer-location-grid-v553 {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 850px) {
  .collector-visits-layout-v553 {
    grid-template-columns: 1fr;
  }

  .collector-visits-list-v553 {
    max-height: 300px;
  }
}

@media (max-width: 620px) {
  .customer-evidence-heading-v553,
  .customer-location-heading-v553,
  .collector-visits-heading-v553,
  .collector-customer-summary-v553 {
    flex-direction: column;
  }

  .customer-evidence-documents-v553,
  .customer-location-grid-v553 {
    grid-template-columns: 1fr;
  }

  .customer-evidence-card-v553 {
    grid-template-columns:
      58px minmax(0, 1fr);
  }

  .customer-evidence-preview-v553 {
    width: 58px;
    height: 58px;
  }

  .customer-location-actions-v553 {
    flex-direction: column;
  }

  .customer-location-capture-v553,
  .customer-location-map-v553 {
    width: 100%;
  }
}