/* t1021: "What is your vendor name?" pop-up behind the header + footer Vendors links (vendor-picker.js). */
.efvp[hidden]{display:none!important}
.efvp{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:6vh 1rem 1rem}
.efvp-backdrop{position:absolute;inset:0;background:rgba(15,30,36,.55)}
.efvp-box{position:relative;width:100%;max-width:34rem;max-height:88vh;overflow:auto;background:#fff;border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.3);padding:1.4rem 1.4rem 1.2rem}
.efvp-box h2{margin:0 2.2rem .35rem 0;font-size:1.45rem}
.efvp-box p{margin:.3rem 0 .7rem}
.efvp-x{position:absolute;top:.6rem;right:.6rem;width:44px;height:44px;border:0;background:transparent;font-size:1.7rem;line-height:1;cursor:pointer;border-radius:50%;color:#33424a}
.efvp-x:hover,.efvp-x:focus-visible{background:#e7f3f3}
.efvp-input{width:100%;box-sizing:border-box;font:inherit;font-size:1.05rem;padding:.75rem .85rem;border:1px solid #9fb0b5;border-radius:8px}
.efvp-input:focus{outline:3px solid rgba(15,118,110,.35);border-color:var(--teal,#0f766e)}
.efvp-list{margin:.4rem 0 0;padding:.25rem 0;list-style:none;border:1px solid #c9d3d6;border-radius:8px;max-height:min(22rem,46vh);overflow:auto}
.efvp-list li{padding:.6rem .8rem;cursor:pointer;line-height:1.3;min-height:44px;box-sizing:border-box}
.efvp-list li small{display:block;color:var(--muted,#5b6770);font-size:.82rem}
.efvp-list li[aria-selected="true"],.efvp-list li:hover{background:#e7f3f3}
.efvp-list li.efvp-exact{border-left:4px solid var(--teal,#0f766e);background:#f2faf9}
.efvp-list li.efvp-exact[aria-selected="true"],.efvp-list li.efvp-exact:hover{background:#e0f1ef}
.efvp-badge{float:right;margin-left:.5rem;font-size:.75rem;color:var(--teal,#0f766e);font-weight:700}
.efvp-new{margin-top:1rem;padding-top:.8rem;border-top:1px solid #e3e8ea}
.efvp-new .btn{margin-top:.25rem}
.efvp-msg{color:var(--muted,#5b6770);font-size:.92rem}
.efvp-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html.efvp-open{overflow:hidden}
/* t1023: password step (built by vendor-picker.js inside .efvp-box) */
.efvp-box.efvp-step2>:not(.efvp-auth):not(.efvp-x){display:none!important}
.efvp-auth[hidden],.efvp-auth [hidden]{display:none!important}
.efvp-auth h2:focus{outline:none}
.efvp-auth-who{color:var(--muted,#5b6770);font-weight:600}
.efvp-field{margin:.6rem 0 .5rem}
.efvp-field label{display:block;font-weight:700;margin-bottom:.25rem}
.efvp-err{color:#a4161a;font-weight:600;min-height:1.2em}
.efvp-err:empty{min-height:0;margin:0}
.efvp-auth .btn{min-width:7rem}
.efvp-auth-alt{margin-top:1rem!important;padding-top:.8rem;border-top:1px solid #e3e8ea;font-size:.95rem}
.efvp-link{border:0;background:none;padding:.4rem 0;font:inherit;color:var(--teal,#0f766e);text-decoration:underline;cursor:pointer;min-height:44px}
@media (max-width:600px){.efvp{padding:0}.efvp-box{max-width:none;max-height:100%;height:100%;border-radius:0;padding:1.1rem 1rem}.efvp-new .btn,.efvp-auth .btn{width:100%;text-align:center;box-sizing:border-box}}
/* t1051: pending (unapproved) sign-ups in the vendor-name search */
.efvp-list li.efvp-pending{border-left:4px solid #b7791f;background:#fffaf0}
.efvp-list li.efvp-pending[aria-selected="true"],.efvp-list li.efvp-pending:hover{background:#fdf0d5}
.efvp-badge-pending{color:#8a5a00}
/* t1072: Show/Hide password toggle beside each password box, and the "open my calendar" sign-in button */
.efvp-pwrow{display:flex;gap:.4rem;align-items:stretch}
.efvp-pwrow .efvp-input{flex:1 1 auto;min-width:0}
.efvp-eye{flex:0 0 auto;min-width:4.4rem;min-height:44px;padding:0 .8rem;font:inherit;font-size:.95rem;font-weight:600;color:var(--teal,#0f766e);background:#fff;border:1px solid #9fb0b5;border-radius:8px;cursor:pointer}
.efvp-eye:hover{background:#e7f3f3}
.efvp-eye:focus-visible{outline:3px solid rgba(15,118,110,.35);border-color:var(--teal,#0f766e)}
.efvp-eye[aria-pressed="true"]{background:#e7f3f3;border-color:var(--teal,#0f766e)}
.efvp-auth .efvp-cal{margin-left:.5rem}
@media (max-width:600px){.efvp-auth .efvp-cal{margin:.5rem 0 0}}