/* Vietnam GoEasy v1136E — compact, accessible upload guidance disclosure */
body:has(#orderForm) .upload-guides-disclosure-v1136E{
  display:block;
  width:100%;
  margin:18px 0 0;
}

body:has(#orderForm) .upload-guides-summary-v1136E{
  box-sizing:border-box;
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  min-height:48px;
  padding:10px 14px;
  border:1px solid #c9def7;
  border-radius:14px;
  background:linear-gradient(180deg,#fbfdff 0%,#f3f8ff 100%);
  color:#1263b9;
  font-size:15px;
  font-weight:800;
  line-height:1.25;
  letter-spacing:-.01em;
  cursor:pointer;
  user-select:none;
  box-shadow:0 5px 16px rgba(30,100,180,.07);
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;
  list-style:none;
}

body:has(#orderForm) .upload-guides-summary-v1136E::-webkit-details-marker{
  display:none;
}

body:has(#orderForm) .upload-guides-summary-v1136E::marker{
  content:"";
}

body:has(#orderForm) .upload-guides-summary-v1136E:hover{
  border-color:#8dbbe9;
  background:linear-gradient(180deg,#f8fbff 0%,#eaf4ff 100%);
  box-shadow:0 8px 22px rgba(30,100,180,.11);
}

body:has(#orderForm) .upload-guides-summary-v1136E:active{
  transform:translateY(1px);
}

body:has(#orderForm) .upload-guides-summary-v1136E:focus-visible{
  outline:3px solid rgba(37,99,235,.22);
  outline-offset:3px;
  border-color:#3b82f6;
}

body:has(#orderForm) .upload-guides-info-icon-v1136E{
  flex:0 0 25px;
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  border-radius:999px;
  background:#dcecff;
  color:#1263b9;
  font:900 15px/1 Georgia,serif;
  box-shadow:inset 0 0 0 1px rgba(18,99,185,.08);
}

body:has(#orderForm) .upload-guides-label-v1136E{
  min-width:0;
  flex:1 1 auto;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body:has(#orderForm) .upload-guides-label-open-v1136E{
  display:none;
}

body:has(#orderForm) .upload-guides-chevron-v1136E{
  flex:0 0 9px;
  width:9px;
  height:9px;
  margin:0 3px 3px 8px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg);
  transition:transform .2s ease,margin .2s ease;
}

body:has(#orderForm) .upload-guides-disclosure-v1136E[open] > .upload-guides-summary-v1136E{
  border-color:#9fc7ee;
  background:#eef6ff;
  box-shadow:0 7px 20px rgba(30,100,180,.09);
}

body:has(#orderForm) .upload-guides-disclosure-v1136E[open] .upload-guides-label-closed-v1136E{
  display:none;
}

body:has(#orderForm) .upload-guides-disclosure-v1136E[open] .upload-guides-label-open-v1136E{
  display:inline;
}

body:has(#orderForm) .upload-guides-disclosure-v1136E[open] .upload-guides-chevron-v1136E{
  margin-top:5px;
  margin-bottom:0;
  transform:rotate(225deg);
}

body:has(#orderForm) .upload-guides-content-v1136E{
  margin-top:10px;
}

body:has(#orderForm) .upload-guides-disclosure-v1136E[open] > .upload-guides-content-v1136E{
  animation:uploadGuidesRevealV1136E .22s ease-out both;
}

@keyframes uploadGuidesRevealV1136E{
  from{opacity:0;transform:translateY(-5px)}
  to{opacity:1;transform:translateY(0)}
}

/* Keep the two existing visual guides intact, but let the disclosure own their outside spacing. */
body:has(#orderForm) .upload-guides-content-v1136E .passport-upload-guide-v489G,
body:has(#orderForm) .upload-guides-content-v1136E .portrait-upload-guide-v496G{
  margin-left:0 !important;
  margin-right:0 !important;
}

body:has(#orderForm) .upload-guides-content-v1136E .passport-upload-guide-v489G{
  margin-top:0 !important;
}

body:has(#orderForm) .upload-guides-content-v1136E .portrait-upload-guide-v496G{
  margin-bottom:0 !important;
}

@media (max-width:640px){
  body:has(#orderForm) .upload-guides-disclosure-v1136E{
    margin-top:14px;
  }

  body:has(#orderForm) .upload-guides-summary-v1136E{
    min-height:44px;
    gap:8px;
    padding:9px 11px;
    border-radius:12px;
    font-size:13.5px;
  }

  body:has(#orderForm) .upload-guides-info-icon-v1136E{
    flex-basis:23px;
    width:23px;
    height:23px;
    font-size:14px;
  }

  body:has(#orderForm) .upload-guides-chevron-v1136E{
    margin-left:4px;
  }
}

@media (prefers-reduced-motion:reduce){
  body:has(#orderForm) .upload-guides-summary-v1136E,
  body:has(#orderForm) .upload-guides-chevron-v1136E,
  body:has(#orderForm) .upload-guides-content-v1136E{
    animation:none !important;
  }
}
