.brand-field{margin-bottom:20px;min-width:0}
.register-form .brand-field>label{margin-bottom:8px}
.field-optional{font-weight:400;color:var(--muted);font-size:13px}
.brand-field select,.brand-trigger{width:100%;min-height:48px;padding:12px 14px;border:1px solid #ccd6d5;border-radius:7px;background:#fbfcfa;color:var(--ink);font:inherit;font-size:16px;text-align:left}
.brand-picker{position:relative}
.brand-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.brand-trigger:hover{border-color:var(--green)}
.brand-trigger[aria-expanded=true]{border-color:var(--green);box-shadow:0 0 0 3px #08795f12}
.brand-trigger.is-placeholder{color:var(--muted)}
.brand-chevron{width:8px;height:8px;border-right:2px solid var(--green);border-bottom:2px solid var(--green);transform:rotate(45deg);margin:0 3px 4px;flex:none}
.brand-trigger[aria-expanded=true] .brand-chevron{transform:rotate(225deg);margin-top:7px}
.brand-menu{position:absolute;inset:calc(100% + 8px) 0 auto;z-index:30;padding:8px;background:#fff;border:1px solid #d4e2da;border-radius:12px;box-shadow:0 16px 40px #102e451c}
.brand-search-wrap{padding:3px 3px 10px;border-bottom:1px solid var(--line);margin-bottom:5px}
.register-form .brand-search{margin:0;background:#f5f8f6;border-color:#e0e8e2;padding:11px 12px;font-size:16px;font-weight:400}
.brand-search:focus-visible{outline:2px solid var(--green);outline-offset:1px}
.brand-list{max-height:240px;max-height:min(240px,40dvh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bbcec3 transparent}
.brand-option{position:relative;min-height:44px;padding:12px 34px 12px 12px;border-radius:7px;font-size:14px;line-height:1.5;cursor:pointer;overflow-wrap:anywhere}
.brand-option:hover,.brand-option.is-active{background:#f0f5f2}
.brand-option[aria-selected=true]{background:#e8f5ed;color:#075e49;font-weight:700}
.brand-option[aria-selected=true]:after{content:'✓';position:absolute;right:12px;color:var(--green)}
.brand-option-other{border-top:1px solid var(--line);margin-top:5px;color:var(--green);font-weight:600}
.brand-hint,.brand-empty{color:var(--muted);font-size:12px;line-height:1.6;margin:8px 0 0}
.brand-empty{padding:8px 12px}
.brand-field [data-brand-other]{margin-top:14px;padding:14px;background:#f4f8f5;border:1px solid #dce8e0;border-radius:9px}
.register-form [data-brand-other] label{margin:0}
.brand-field [hidden]{display:none!important}
