.sf{background:var(--panel);border:1.5px solid var(--line-2);min-width:0;box-shadow:var(--shadow-card);border-radius:10px;align-items:center;transition:border-color .12s,box-shadow .12s;display:flex;position:relative}.sf:hover{border-color:var(--ink-3)}.sf:focus-within{border-color:var(--green);box-shadow:var(--focus-ring)}.sf>svg{color:var(--ink-3);pointer-events:none;position:absolute;left:11px}.sf:focus-within>svg{color:var(--green)}.sf .sf-input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:none;outline:none;flex:1;padding:10px 36px 10px 34px;font-size:16px;line-height:1.3}.sf .sf-input::placeholder{color:var(--ink-3)}.sf .sf-clear{background:var(--neutral-soft);width:22px;height:22px;color:var(--ink-2);cursor:pointer;border:none;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;right:8px}.sf .sf-clear:hover{background:var(--line-2);color:var(--ink)}.sf .sf-clear:focus-visible{box-shadow:var(--focus-ring);outline:none}.sf-hit{color:inherit;background:0 0;font-weight:700}
.dd{flex-direction:column;gap:6px;width:100%;min-width:0;display:flex}.dd .dd-trigger{width:100%;min-height:44px;font:inherit;text-align:left;color:var(--ink-2);background:var(--panel);border:1.5px solid var(--line-2);box-shadow:var(--shadow-card);cursor:pointer;border-radius:10px;align-items:center;gap:9px;padding:10px 12px;font-size:15px;display:flex}.dd .dd-trigger:hover{border-color:var(--ink-3)}.dd .dd-trigger:focus-visible,.dd.open .dd-trigger{border-color:var(--green);box-shadow:var(--focus-ring);outline:none}.dd .dd-trigger:disabled{opacity:.55;cursor:default}.dd .dd-trigger>svg{color:var(--ink-3);flex-shrink:0}.dd .dd-label{flex:1;min-width:0}.dd .dd-label.set{color:var(--ink)}.dd .dd-hint{font-family:var(--font-mono);color:var(--ink-3);flex-shrink:0;font-size:11.5px}.dd .dd-trigger>.dd-chev{transition:transform .15s}.dd.open .dd-trigger>.dd-chev{color:var(--green);transform:rotate(180deg)}.dd .dd-panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:12px;flex-direction:column;gap:6px;padding:6px;display:flex}.dd .dd-list{overscroll-behavior:contain;max-height:264px;overflow-y:auto}.dd .dd-head{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding:8px 8px 4px;font-size:10.5px;font-weight:700}.dd .dd-opt{min-height:40px;color:var(--ink);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px;font-size:14px;display:flex}.dd .dd-opt.on{background:var(--green-soft)}.dd .dd-opt>svg{color:var(--ink-3);flex-shrink:0}.dd .dd-opt.on>svg{color:var(--green)}.dd .dd-opt .nm{flex:1;min-width:0}.dd .dd-empty{color:var(--ink-2);padding:10px 8px;font-size:13px}
