.school-picker{position:relative;min-width:0;width:100%;font-weight:400}
.school-picker-trigger{width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink);font:inherit;text-align:start}
.school-picker-trigger>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.school-picker-trigger:focus-visible,.school-picker-panel input:focus{outline:2px solid var(--blue);outline-offset:2px}
.school-picker-panel{position:absolute;inset-inline:0;top:calc(100% + 6px);z-index:25;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:var(--shadow)}
.school-picker-panel.opens-above{top:auto;bottom:calc(100% + 6px)}
.school-picker-panel input{display:block;width:100%;min-height:44px;border:1px solid var(--line);border-radius:9px;padding:10px 12px;background:var(--bg);color:var(--ink);font:inherit}
.school-picker-list{max-height:min(250px,35dvh);overflow-y:auto;overscroll-behavior:contain;margin-top:6px}
.school-picker-option{display:block;width:100%;min-height:44px;border:0;border-radius:8px;padding:11px 12px;text-align:start;font:inherit;background:transparent;color:var(--ink)}
.school-picker-option[aria-selected=true]{background:var(--blue-soft);color:var(--blue);font-weight:700}
.school-picker-option:hover,.school-picker-option.is-active{background:var(--bg);outline:1px solid var(--line);outline-offset:-1px}
.school-picker-empty{margin:12px;color:var(--muted);font-size:.9rem}
.school-picker-panel[hidden],.school-picker-empty[hidden]{display:none}

.settings-row>.school-picker{flex:1;width:auto;min-width:160px}
#newProfileSchoolRow .school-picker{margin-top:8px}