/* HudPost Upload form. Inherits the theme's fonts; brand blue #0090c1. */
.hpul{--hpul-blue:#0090c1;--hpul-blue-dark:#007aa3;--hpul-line:#d0d5da;--hpul-soft:#f4f6f8;--hpul-ink:#1a1a1a;--hpul-mute:#5b6570;--hpul-red:#b32d2e;max-width:720px;margin:0 auto 2em;color:var(--hpul-ink);box-sizing:border-box}
.hpul *,.hpul *::before,.hpul *::after{box-sizing:inherit}
.hpul [hidden]{display:none!important}
.hpul-intro{margin:0 0 1em}
.hpul-field{margin:0 0 1em}
.hpul-field label{display:block;font-weight:600;margin:0 0 .3em}
.hpul-req,.hpul-opt{font-weight:400;color:var(--hpul-mute);font-size:.9em}
.hpul input[type=email],.hpul input[type=text],.hpul textarea{display:block;width:100%;padding:.65em .75em;font:inherit;font-size:16px;border:1px solid var(--hpul-line);border-radius:6px;background:#fff;color:inherit}
.hpul input[aria-invalid=true]{border-color:var(--hpul-red)}
.hpul-err,.hpul-ferr{display:block;color:var(--hpul-red);font-size:.9em;margin:.3em 0 0}
.hpul-drop{position:relative;border:2px dashed var(--hpul-line);border-radius:10px;padding:1.5em 1em;text-align:center;background:var(--hpul-soft);margin:0 0 .75em;transition:border-color .15s,background .15s}
.hpul-drop.hpul-over{border-color:var(--hpul-blue);background:#e6f4f9}
.hpul-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hpul-choose,.hpul-send,.hpul-again{display:inline-block;background:var(--hpul-blue);color:#fff;border:0;border-radius:6px;padding:.7em 1.4em;font:inherit;font-weight:600;cursor:pointer;line-height:1.2}
.hpul-choose:hover,.hpul-send:hover,.hpul-again:hover{background:var(--hpul-blue-dark)}
.hpul-input:focus-visible+.hpul-choose,.hpul-send:focus-visible,.hpul-again:focus-visible,.hpul-btn:focus-visible{outline:3px solid var(--hpul-ink);outline-offset:2px}
.hpul-send[disabled]{opacity:.6;cursor:default}
.hpul-drop-text{display:block;margin:.5em 0 0;color:var(--hpul-mute)}
.hpul-hint{display:block;margin:.4em 0 0;font-size:.85em;color:var(--hpul-mute)}
.hpul-tip{font-size:.85em;color:var(--hpul-mute);margin:0 0 1em}
.hpul-note{background:#fff8e1;border-left:4px solid #e0a800;padding:.6em .8em;margin:0 0 1em;font-size:.95em}
.hpul-list{list-style:none;margin:0 0 1em;padding:0}
.hpul-item{border:1px solid var(--hpul-line);border-radius:8px;padding:.75em;margin:0 0 .6em;background:#fff}
.hpul-row{display:flex;gap:.75em;justify-content:space-between;align-items:baseline;flex-wrap:wrap}
.hpul-fname{font-weight:600;overflow-wrap:anywhere;flex:1 1 12em}
.hpul-fsize,.hpul-pct,.hpul-speed{color:var(--hpul-mute);font-size:.9em;white-space:nowrap}
.hpul-info{margin-top:.35em;justify-content:flex-start}
.hpul-state{font-weight:600}
.hpul-bar{height:10px;background:var(--hpul-soft);border-radius:5px;overflow:hidden;margin-top:.5em}
.hpul-fill{display:block;height:100%;width:0;background:var(--hpul-blue);transition:width .3s}
.hpul-item[data-state=done] .hpul-fill{background:#2e7d32}
.hpul-item[data-state=failed] .hpul-fill{background:var(--hpul-red)}
.hpul-item[data-state=paused] .hpul-fill{background:#8a96a3}
.hpul-item[data-state=done] .hpul-state{color:#2e7d32}
.hpul-item[data-state=failed] .hpul-state{color:var(--hpul-red)}
.hpul-actions{display:flex;gap:.5em;flex-wrap:wrap;margin-top:.5em}
.hpul-btn{background:#fff;color:var(--hpul-ink);border:1px solid var(--hpul-line);border-radius:6px;padding:.45em .9em;font:inherit;font-size:.9em;cursor:pointer;min-height:36px}
.hpul-btn:hover{border-color:var(--hpul-blue);color:var(--hpul-blue-dark)}
.hpul-retry{border-color:var(--hpul-blue);color:var(--hpul-blue-dark)}
.hpul-status{min-height:1.4em;font-weight:600;margin:0 0 .75em}
.hpul-done{border:1px solid var(--hpul-line);border-radius:10px;padding:1.25em;background:var(--hpul-soft)}
.hpul-done:focus{outline:3px solid var(--hpul-blue);outline-offset:2px}
.hpul-done h3{margin-top:0}
@media (prefers-reduced-motion:reduce){.hpul-fill,.hpul-drop{transition:none}}
.hpul-consent-field{margin:.5em 0 1em}
.hpul-consent{display:flex;align-items:flex-start;gap:.5em;cursor:pointer;font-size:.95em;line-height:1.45}
.hpul-consent input{margin-top:.2em;flex:0 0 auto;width:1.1em;height:1.1em}
