/* Vanguard Auto — عناصر مشتركة: علامة الصح، رسايل الفورم، والدروب داون. */

.check{width:20px;height:20px;border-radius:50%;background:var(--red);color:var(--on-red);display:inline-grid;place-items:center;flex:none}
.check svg{width:12px;height:12px}
.check svg{stroke:var(--on-red)}

/* رسائل فورمات الموقع */
.form-ok{background:#E7F2EA;border-left:4px solid #1C6B3A;color:#1C6B3A;padding:12px 16px;border-radius:6px;font-size:.9rem;margin-top:12px}
.form-err{background:rgba(220,38,38,.08);border-left:4px solid #DC2626;color:#B91C1C;padding:12px 16px;border-radius:6px;font-size:.9rem;margin-top:12px}

/* دروب داون بهوية الموقع (بديل <select>) */
.vselect{position:relative;display:block;margin-top:5px}
.vselect-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid #CBD3DD;border-radius:6px;background:#fff;color:var(--ink);font:inherit;font-size:.95rem;text-align:left;cursor:pointer;transition:border-color .18s ease}
.vselect-btn:hover{border-color:var(--navy-2)}
.vselect-btn:focus-visible,.vselect-btn[aria-expanded="true"]{outline:2px solid var(--navy-2);border-color:transparent}
.vselect-btn.is-placeholder{color:var(--muted)}
.vselect-btn>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vselect-btn svg{width:16px;height:16px;flex:none;color:var(--navy-2);transition:transform .18s ease}
.vselect-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.vselect-list{position:absolute;z-index:70;top:calc(100% + 6px);left:0;right:0;max-height:280px;overflow:auto;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 40px rgba(11,31,58,.18)}
.vselect.is-up .vselect-list{top:auto;bottom:calc(100% + 6px)}
.vselect-list ul{list-style:none;margin:0;padding:0}
.vselect-group{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;color:var(--muted);padding:10px 12px 6px}
.vselect-opt{padding:11px 12px;border-radius:6px;font-size:.92rem;line-height:1.35;color:var(--navy);cursor:pointer}
.vselect-opt[data-active="true"]{background:var(--mist)}
.vselect-opt[aria-selected="true"]{background:var(--navy-2);color:#fff}
.vselect-opt[aria-selected="true"][data-active="true"]{background:var(--navy)}