.changelly-top-up { padding:24px 0; max-width:760px; }
.changelly-top-up[hidden], .changelly-top-up [hidden] { display:none !important; }
.changelly-top-up h3 { font-size:20px; line-height:28px; margin:0 0 16px; }
.changelly-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-bottom:16px; }
.changelly-fields label { display:flex; flex-direction:column; gap:8px; min-width:0; font-size:14px; }
.changelly-fields select { height:40px; padding:0 12px; border:1px solid var(--line); border-radius:var(--ui-radius-control,8px); background:var(--surface-2); color:var(--text); font:inherit; width:100%; }
.changelly-top-up input[data-ui-input] { width:100%; min-width:0; height:40px; min-height:40px; }
.changelly-top-up fieldset { border:0; margin:24px 0 16px; padding:0; }
.changelly-top-up legend { margin-bottom:12px; font-size:14px; }
.changelly-top-up [data-list] { display:flex; flex-direction:column; gap:12px; }
.changelly-top-up [data-list] label { display:flex; align-items:flex-start; gap:8px; font-size:14px; }
.changelly-top-up dl { margin:20px 0; font-size:14px; }
.changelly-top-up dl div { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; padding:8px 0; border-bottom:1px solid var(--line); }
.changelly-top-up dd { margin:0; overflow-wrap:anywhere; }
.changelly-top-up p { font-size:14px; line-height:20px; overflow-wrap:anywhere; }
.changelly-top-up [data-policy] { color:var(--muted); }
.changelly-top-up [data-error] { color:var(--danger,#da1e28); }
.changelly-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:16px; }
.changelly-actions [data-ui] { white-space:normal; text-align:start; height:auto; min-height:40px; max-width:100%; }
.changelly-top-up dialog { width:min(560px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); overflow:auto; box-sizing:border-box; padding:24px; border:1px solid var(--line); border-radius:var(--ui-radius-panel,12px); background:var(--surface); color:var(--text); }
.changelly-top-up dialog::backdrop { background:rgb(0 0 0 / .5); }
@media(max-width:520px) { .changelly-fields { grid-template-columns:minmax(0,1fr); } .changelly-top-up dialog { padding:16px; } }