/* ===== 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:#f7faf8;
  cursor:pointer;
  text-align:left;
  transition:border-color .18s ease,background-color .18s ease;
}
#personalAssistanceForm .personal-attach-control:hover{
  border-color:#8fbfa2;
  background:#f2f8f4;
}
#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:#e8f5e9;
  color:#1b5e20;
  font-size:.82rem;
}
#personalAssistanceForm .personal-attach-control span{
  display:flex;
  flex-direction:column;
  line-height:1.2;
}
#personalAssistanceForm .personal-attach-control strong{
  color:#173b2c;
  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 #dbe5df;
  border-radius:9px;
  background:#fff;
  font-size:.74rem;
  color:#334155;
}
#personalAssistanceForm .personal-attach-list li i{
  color:#166534;
  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;
}