/* ===== contact-attachments-v1 =====
   Optional document attachments on the "Send us a message" form. */
#personalAssistanceForm .personal-attach-group{
  margin-top:.15rem;
}
#personalAssistanceForm .personal-attach-control{
  display:flex;
  align-items:center;
  gap:.6rem;
  width:100%;
  padding:.6rem .75rem;
  border:1px dashed #cbd5d1;
  border-radius:12px;
  background:#f7fafa;
  cursor:pointer;
  text-align:left;
  transition:border-color .18s ease,background-color .18s ease;
}
#personalAssistanceForm .personal-attach-control:hover{
  border-color:#8fbdbf;
  background:#f2f8f8;
}
#personalAssistanceForm .personal-attach-control > i{
  flex:0 0 auto;
  width:30px;
  height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:9px;
  background:#e4f4f3;
  color:#01545f;
  font-size:.82rem;
}
#personalAssistanceForm .personal-attach-control span{
  display:flex;
  flex-direction:column;
  line-height:1.2;
}
#personalAssistanceForm .personal-attach-control strong{
  color:#013b46;
  font-size:.82rem;
  font-weight:700;
}
#personalAssistanceForm .personal-attach-control small{
  color:#7b8794;
  font-size:.7rem;
}
#personalAssistanceForm .personal-attach-control input[type="file"]{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
#personalAssistanceForm .personal-attach-list{
  list-style:none;
  margin:.5rem 0 0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:.3rem;
}
#personalAssistanceForm .personal-attach-list li{
  display:flex;
  align-items:center;
  gap:.45rem;
  padding:.35rem .5rem;
  border:1px solid #dbe5e5;
  border-radius:9px;
  background:#fff;
  font-size:.74rem;
  color:#334155;
}
#personalAssistanceForm .personal-attach-list li i{
  color:#016f6d;
  font-size:.72rem;
}
#personalAssistanceForm .personal-attach-list li .attach-name{
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-weight:600;
}
#personalAssistanceForm .personal-attach-list li .attach-size{
  flex:0 0 auto;
  color:#94a3b8;
  font-size:.68rem;
}
#personalAssistanceForm .personal-attach-list li button{
  flex:0 0 auto;
  border:0;
  background:transparent;
  color:#b4232f;
  cursor:pointer;
  font-size:.78rem;
  line-height:1;
  padding:0 .15rem;
}
#personalAssistanceForm .personal-attach-note{
  margin:.5rem 0 0;
  font-size:.7rem;
  line-height:1.45;
  color:#64748b;
}
#personalAssistanceForm .personal-attach-note.is-warning{
  color:#9a7413;
}
#personalAssistanceForm .personal-attach-note.is-error{
  color:#b4232f;
}
