/* Branded upload field. Real <input type=file> stays in the DOM, focusable and usable without JS. */
.up{--up-navy:#1b3f8f;--up-orange:#FF7A1A;--up-ink:#111827;--up-hint:#4b5563;--up-line:#d1d5db;--up-fail:#b91c1c;--up-fail-bg:#fef2f2;--up-pass:#15803d;position:relative;margin:2px 0 4px}
.up-zone{position:relative}
.up-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;border:0;z-index:2;font-size:0}
.up-drop{display:flex;align-items:center;gap:14px;min-height:88px;padding:16px 18px;border:2px dashed #b9c3d6;border-radius:14px;background:#f8faff;transition:border-color .15s,background .15s;text-align:left}
.up-zone:hover .up-drop,.up.drag .up-drop{border-color:var(--up-navy);background:#eef3fc}
.up-zone input:focus-visible~.up-drop{outline:3px solid #ffb27a;outline-offset:2px}
.up-ic{width:46px;height:46px;border-radius:12px;background:#e3eafa;color:var(--up-navy);display:grid;place-items:center;flex:none}
.up.drag .up-ic{background:var(--up-navy);color:#fff}
.up-t{font-size:15.5px;color:var(--up-ink);font-weight:600;line-height:1.35}.up-t u{color:var(--up-navy);text-decoration:underline;text-underline-offset:3px}
.up-h{font-size:13.5px;color:var(--up-hint);margin-top:2px;line-height:1.35}
.up.has .up-zone{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.up.has.multi .up-zone{position:relative;width:auto;height:auto;overflow:visible;clip:auto}
.up.has.multi .up-drop{min-height:56px;padding:10px 14px}
.up-list{display:grid;gap:8px}
.up.has .up-list{margin-top:0}.up.has.multi .up-list{margin-top:8px}
.up-chip{display:flex;align-items:center;gap:14px;min-height:72px;padding:12px 14px;border:1.5px solid var(--up-line);border-radius:14px;background:#fff}
.up-th{width:56px;height:56px;border-radius:10px;flex:none;display:grid;place-items:center;overflow:hidden;border:1px solid #e5e7eb;background:repeating-conic-gradient(#eef0f4 0 25%,#fff 0 50%) 0 0/10px 10px}
.up-th img{width:100%;height:100%;object-fit:contain}
.up-th.doc{background:#eef3fc;color:var(--up-navy);font:800 11px system-ui,sans-serif;letter-spacing:.04em;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.up-m{flex:1;min-width:0}.up-n{font-size:15px;font-weight:600;color:var(--up-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.up-s{font-size:13.5px;color:var(--up-hint);margin-top:2px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.up-s .ok{color:var(--up-pass);font-weight:700;display:inline-flex;gap:4px;align-items:center}
.up-a{display:flex;gap:6px;flex:none}
.up-a button{height:40px;padding:0 12px;border-radius:10px;border:1.5px solid var(--up-line);background:#fff;font-weight:600;font-size:14px;font-family:inherit;color:var(--up-ink);cursor:pointer}
.up-a button:hover{border-color:var(--up-navy)}.up-a button:focus-visible{outline:3px solid #ffb27a;outline-offset:2px}
.up-a button.rm{color:var(--up-fail)}
.up-bar{height:6px;border-radius:999px;background:#e5e7eb;margin-top:8px;overflow:hidden}.up-bar i{display:block;height:100%;width:0;background:var(--up-orange);border-radius:999px;transition:width .15s}
.up-chip.bad,.up.err .up-drop{border-color:var(--up-fail);background:var(--up-fail-bg)}
.up-e{display:flex;gap:6px;align-items:center;color:var(--up-fail);font-size:14px;font-weight:600;margin-top:8px}
.up-e[hidden]{display:none}
@media(max-width:600px){.up-drop{min-height:80px;padding:14px}.up-chip{flex-wrap:wrap}.up-a{width:100%}.up-a button{flex:1;height:44px}}
/* Post my company form bits */
.vb-head{display:flex;gap:12px;align-items:center;margin:4px 0 12px}
.vb-head h3{font-size:20px;margin:0}
.vb-ic{width:40px;height:40px;border-radius:11px;background:#fff1e6;color:#e5650a;display:grid;place-items:center;flex:none}
.vb-head small{font-size:13px;font-weight:600;color:#4b5563;background:#f1f4fa;border-radius:999px;padding:3px 10px}
.up-date{display:flex;align-items:center;gap:10px;height:52px;border:1.5px solid #d1d5db;border-radius:12px;padding:0 14px;max-width:320px;background:#fff}
.up-date:focus-within{border-color:#1b3f8f;box-shadow:0 0 0 3px #dbe5fb}
.up-date input{border:0;outline:0;font-size:16px;font-family:inherit;flex:1;color:#111827;background:transparent;min-width:0;height:48px}
.up-date span{color:#1b3f8f;display:grid}
.btn-post{display:flex;width:100%;min-height:54px;align-items:center;justify-content:center;border:0;border-radius:12px;background:#FF7A1A;color:#1a0d00;font-weight:800;font-size:17px;font-family:inherit;margin-top:18px;cursor:pointer}
.btn-post:hover{background:#e5650a}.btn-post:focus-visible{outline:3px solid #1b3f8f;outline-offset:2px}
@media(max-width:600px){.up-date{max-width:none}}