/* Shared by the signup form and the change request page. Both set
   --up-ink / --up-soft / --up-line / --up-accent from their own tokens, so
   this file never picks a colour of its own. */
.up-drop{
  border:2px dashed var(--up-line,#e8e8ec); border-radius:12px;
  padding:22px 18px; text-align:center; cursor:pointer; background:#fff;
  transition:border-color .18s, background .18s;
}
.up-drop:hover,.up-drop:focus-visible,.up-drop.over{
  border-color:var(--up-accent,#f5a524); background:#fffdf7; outline:none;
}
.up-main{display:block; font-weight:600; color:var(--up-ink,#0f1115)}
.up-sub{display:block; font-size:.85rem; color:var(--up-soft,#5e6470); margin-top:4px}

.up-list{list-style:none; margin:12px 0 0; padding:0; display:flex; flex-direction:column; gap:6px}
.up-item{
  display:flex; justify-content:space-between; align-items:center; gap:12px;
  font-size:.87rem; padding:8px 12px; border:1px solid var(--up-line,#e8e8ec);
  border-radius:9px; background:#fff;
}
.up-name{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--up-ink,#0f1115)}
.up-state{flex:none; color:var(--up-soft,#5e6470); font-size:.8rem}
.up-state.ok{color:#1d6b2b; font-weight:600}
.up-state.bad{color:#b4231d; font-weight:600}
.up-err{margin-top:10px; font-size:.86rem; color:#b4231d}