/* NESTIN_GUEST360_ID_PROOFS_STYLE_V1 */

#r360AdmissionProofs{
  margin-bottom:16px;
}

.r360-idproof-panel{
  padding:16px;

  border:1px solid #dce8e3;
  border-radius:16px;

  background:
    linear-gradient(
      180deg,
      #fbfdfc 0%,
      #f7faf8 100%
    );
}

.r360-idproof-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;

  margin-bottom:14px;
}

.r360-idproof-head h3{
  margin:3px 0 4px;

  font-size:17px;
  line-height:1.25;
}

.r360-idproof-head p{
  margin:0;

  color:#67756f;
  font-size:12px;
}

.r360-idproof-kicker{
  color:#437362;

  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
}

.r360-idproof-grid{
  display:grid;
  gap:9px;
}

.r360-idproof-card{
  display:grid;
  grid-template-columns:
    38px
    minmax(0,1fr)
    auto;

  align-items:center;

  gap:11px;

  padding:11px 12px;

  border:1px solid #e1e9e6;
  border-radius:13px;

  background:#fff;
}

.r360-idproof-icon{
  display:grid;
  place-items:center;

  width:38px;
  height:38px;

  border-radius:11px;

  background:#edf5f1;
  color:#356957;

  font-size:11px;
  font-weight:900;
}

.r360-idproof-info{
  min-width:0;
}

.r360-idproof-info strong{
  display:block;

  color:#172a23;

  font-size:13px;
}

.r360-idproof-info > span{
  display:block;

  margin-top:2px;

  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;

  color:#65736e;

  font-size:11px;
}

.r360-idproof-meta{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;

  margin-top:6px;

  color:#7a8782;

  font-size:10px;
}

.r360-idproof-status{
  display:inline-flex;
  align-items:center;

  padding:3px 7px;

  border-radius:999px;

  background:#eef4f1;
  color:#4c695f;

  font-weight:700;
}

.r360-idproof-loading,
.r360-idproof-empty,
.r360-idproof-error{
  padding:18px;

  border:1px dashed #d6e2de;
  border-radius:12px;

  background:#fff;

  color:#68756f;

  font-size:12px;
}

.r360-idproof-empty strong,
.r360-idproof-error strong{
  display:block;

  margin-bottom:4px;

  color:#273832;
}

.r360-idproof-empty span,
.r360-idproof-error span{
  display:block;
}

.r360-idproof-error{
  border-color:#ecd6d6;

  background:#fffafa;
}


@media (max-width:640px){

  .r360-idproof-head{
    align-items:stretch;
  }

  .r360-idproof-card{
    grid-template-columns:
      34px
      minmax(0,1fr);
  }

  .r360-idproof-card > .btn{
    grid-column:1 / -1;

    width:100%;
  }
}