/* LelangPet V11.3.0 — accessible, consistent file picker */
.lp-file-native-input{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.lp-file-control{
  width:100%;
  min-width:0;
  min-height:72px;
  margin-top:8px;
  padding:10px 11px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  border:1px solid var(--line2,#d9dfed);
  border-radius:14px;
  background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);
  box-shadow:0 1px 0 rgba(31,47,105,.02);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease;
}

.lp-file-control:hover{
  border-color:#b7c2dc;
  box-shadow:0 6px 20px rgba(31,47,105,.06);
}

.lp-file-control:focus-within{
  border-color:var(--orange,#f47b35);
  box-shadow:0 0 0 3px rgba(244,123,53,.12);
}

.lp-file-control.is-dragging{
  border-color:var(--orange,#f47b35);
  background:#fff9f5;
  box-shadow:0 0 0 3px rgba(244,123,53,.10);
  transform:translateY(-1px);
}

.lp-file-control.is-selected{
  border-color:#c8d2e8;
  background:#fff;
}

.lp-file-control.is-invalid{
  border-color:#d96f66;
  box-shadow:0 0 0 3px rgba(217,111,102,.10);
}

.lp-file-trigger{
  min-height:46px;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:0;
  border-radius:11px;
  background:#eef2fb;
  color:#1f2f69;
  font:inherit;
  font-size:12px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}

.lp-file-trigger:hover{background:#e5ebf8;color:#172659}
.lp-file-trigger:active{transform:translateY(1px)}
.lp-file-trigger svg{width:17px;height:17px;flex:0 0 auto}

.lp-file-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.lp-file-name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#25345f;
  font-size:12px;
  font-weight:750;
  line-height:1.35;
}
.lp-file-hint{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--muted,#7180a3);
  font-size:10px;
  font-weight:600;
  line-height:1.35;
}
.lp-file-control.is-selected .lp-file-name{color:#1f2f69}

.lp-file-clear{
  width:34px;
  height:34px;
  padding:0;
  display:grid;
  place-items:center;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#8691ab;
  font-size:18px;
  line-height:1;
  cursor:pointer;
}
.lp-file-clear:hover{background:#f2f4f9;color:#33426d}
.lp-file-clear[hidden]{display:none!important}

@media (max-width:640px){
  .lp-file-control{
    min-height:0;
    grid-template-columns:1fr auto;
    gap:8px 10px;
  }
  .lp-file-trigger{
    grid-column:1/-1;
    width:100%;
  }
  .lp-file-copy{grid-column:1/2}
  .lp-file-clear{grid-column:2/3;grid-row:2}
}
