/* v14 — Vendor & Subcontractor Registration + Company Profile band */
.vr-who-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.vr-who p{margin:0;color:#4f565c;font-size:.95rem;line-height:1.65}
.vr-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:vr}
.vr-steps li{counter-increment:vr;background:#fff;border:1px solid var(--border);padding:30px 26px 28px;position:relative}
.vr-steps li::before{content:counter(vr,decimal-leading-zero);display:block;font-family:var(--font-head);font-size:2.6rem;line-height:1;color:var(--gold);margin-bottom:14px}
.vr-steps strong{display:block;color:var(--head);font-size:1.02rem;margin-bottom:8px}
.vr-steps span{display:block;color:#4f565c;font-size:.93rem;line-height:1.6}
.vr-docs-wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start}
.vr-docs-intro{color:#4f565c;margin:14px 0 24px}
.vr-docs-actions{display:flex;flex-wrap:wrap;gap:12px}
.vr-docs{grid-template-columns:1fr;margin:0;background:#fff;border:1px solid var(--border);padding:28px 30px}
.vr-docs li{padding-block:4px}
.btn-outline-dark,.vr-band .btn-outline-dark{border:1px solid var(--navy);color:var(--navy);background:transparent;padding:15px 28px}
.btn-outline-dark:hover{background:var(--navy);color:#fff;transform:translateY(-2px)}
/* form */
.vr-card{max-width:980px;margin:0 auto;background:#fff;border:1px solid var(--border);box-shadow:0 24px 60px rgba(7,26,43,.07);padding:44px 48px}
.vr-fs{border:0;margin:0 0 34px;padding:0 0 30px;border-bottom:1px solid var(--border);min-width:0}
.vr-fs legend{font-family:var(--font-head);font-size:1.55rem;font-weight:600;color:var(--head);margin-bottom:18px;padding:0}
.vr-help{margin:-8px 0 18px;color:#6a7178;font-size:.9rem}
.vr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}
.vr-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.vr-field.full{grid-column:1/-1}
.vr-field>label{font-size:.74rem;letter-spacing:1.2px;text-transform:uppercase;font-weight:700;color:#3d4650}
.vr-in{width:100%;box-sizing:border-box;background:#fbfcfd;border:1px solid #d5dae0;border-radius:0;padding:13px 14px;font:inherit;font-size:.95rem;color:var(--head);transition:border-color .2s,box-shadow .2s;min-height:48px}
.vr-in:focus{outline:0;border-color:var(--gold);background:#fff;box-shadow:0 0 0 3px rgba(197,160,89,.16)}
select.vr-in{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#5b6570 50%),linear-gradient(135deg,#5b6570 50%,transparent 50%);background-position:calc(100% - 20px) 21px,calc(100% - 15px) 21px;background-size:5px 5px;background-repeat:no-repeat;padding-right:38px}
[dir=rtl] select.vr-in{background-position:20px 21px,15px 21px;padding-right:14px;padding-left:38px}
textarea.vr-in{resize:vertical;min-height:110px}
.vr-group{margin-bottom:20px}
.vr-group:last-child{margin-bottom:0}
.vr-group h4{font-size:.8rem;letter-spacing:1.4px;text-transform:uppercase;color:var(--navy);margin:0 0 10px;font-weight:800}
.vr-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 14px}
.vr-radios{grid-template-columns:repeat(2,minmax(0,1fr))}
.vr-check{display:flex;align-items:flex-start;gap:10px;font-size:.92rem;color:#3d4650;line-height:1.4;cursor:pointer;padding:9px 12px;border:1px solid #e6e9ed;background:#fbfcfd;transition:border-color .2s,background .2s;text-transform:none;letter-spacing:0;font-weight:500}
.vr-check:hover{border-color:var(--gold)}
.vr-check input{margin:2px 0 0;flex:0 0 auto;width:17px;height:17px;accent-color:var(--navy)}
.vr-check:has(input:checked){border-color:var(--navy);background:#f1f5f9}
.vr-decl{border:0;background:none;padding:0;font-size:.95rem}
.vr-decl:has(input:checked){background:none}
.vr-submit{width:100%;justify-content:center;padding:18px 28px;font-size:1rem;border:0;cursor:pointer}
.vr-submit[disabled]{opacity:.65;cursor:wait}
.vr-status{margin-top:16px;font-weight:600;text-align:center;min-height:1.4em}
.vr-status.ok{color:#1d7a4a}.vr-status.err{color:#b3261e}
.vr-invalid{border-color:#b3261e!important}
/* profile band (about / contact) */
.vr-band{display:flex;align-items:center;justify-content:space-between;gap:32px;background:linear-gradient(120deg,var(--navy-dark),var(--navy));color:#fff;padding:44px 48px}
.vr-band>div:first-child{flex:1 1 440px;min-width:0}
.vr-band h2{color:#fff;margin:6px 0 10px;font-size:clamp(1.8rem,2.6vw,2.5rem);line-height:1.15}
.vr-band p{color:rgba(255,255,255,.78);margin:0;max-width:620px}
.vr-band-actions{display:flex;flex-direction:column;gap:12px;flex:0 1 360px}
.vr-band-actions .btn{justify-content:center;text-align:center}
.foot-links a{display:inline-flex;align-items:center;gap:8px}
@media(max-width:1100px){.vr-who-grid,.vr-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.vr-docs-wrap{grid-template-columns:1fr;gap:28px}.vr-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.vr-band{flex-direction:column;align-items:stretch;padding:34px 28px}.vr-band>div:first-child,.vr-band-actions{flex:0 0 auto}}
@media(max-width:640px){.vr-who-grid,.vr-steps,.vr-grid,.vr-checks,.vr-radios{grid-template-columns:1fr}.vr-card{padding:28px 20px}.vr-docs{padding:22px 20px}.vr-band-actions,.vr-band-actions .btn,.vr-docs-actions .btn{width:100%;justify-content:center}}
/* v14.1 header utility bar — vendor registration far right */
.topbar{background:var(--navy-dark);color:rgba(255,255,255,.72);font-size:.74rem;letter-spacing:.4px;position:relative;z-index:1001}
.topbar-in{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:38px}
.topbar-l,.topbar-r{display:flex;align-items:center;gap:22px;min-width:0}
.topbar a{color:rgba(255,255,255,.82);display:inline-flex;align-items:center;gap:7px;white-space:nowrap;transition:color .2s}
.topbar a:hover{color:var(--gold-light)}
.topbar i{font-size:.72rem;color:var(--gold)}
.topbar-l span{color:var(--gold-light);text-transform:uppercase;letter-spacing:1.6px;font-weight:700;font-size:.66rem;white-space:nowrap}
.topbar-r a.topbar-vendor{background:var(--gold);color:var(--navy-dark);font-weight:800;text-transform:uppercase;letter-spacing:1px;font-size:.68rem;padding:0 16px;align-self:stretch;min-height:38px}
.topbar-r a.topbar-vendor i{color:var(--navy-dark)}
.topbar-r a.topbar-vendor:hover{background:var(--gold-light);color:var(--navy-dark)}
.nav>a.nav-vendor{display:none}
@media(max-width:1240px){.topbar-l span{display:none}}
@media(max-width:1080px){.topbar-l a[href^="mailto"]{display:none}}
@media(max-width:980px){.topbar{display:none}.nav>a.nav-vendor{display:block}}

/* v15: drawings link on contact form */
.file-help .vr-dl{margin-top:14px}.file-help .vr-dl .input{width:100%}
