.ss{min-width:0;max-width:100%;display:inline-flex}.ss--field,.ss--cell{width:100%}.ss-trigger{--btn-hover:var(--surface-2);justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;min-width:0;height:var(--control-height);padding:0 var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--ink-2);font-size:var(--text-md);font-weight:var(--weight-regular);text-align:left;cursor:pointer;display:inline-flex}.ss--cell .ss-trigger{height:var(--control-height-sm);border-color:var(--line);font-size:var(--text-sm)}.ss--filter{flex:0 240px}.ss--filter .ss-trigger.has-value{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-on-soft);font-weight:var(--weight-semibold)}.ss-trigger.has-value{--btn-hover:var(--brand-soft)}.ss-trigger:focus-visible,.ss-trigger[aria-expanded=true]{border-color:var(--focus-edge);box-shadow:var(--focus-ring);outline:none}.ss-value{align-items:center;gap:var(--space-2);min-width:0;display:inline-flex;overflow:hidden}.ss-placeholder{color:var(--muted-ink)}.ss-chevron{color:var(--ink-3);flex:none}.ss-pop{z-index:80;box-sizing:border-box;width:296px;max-width:calc(100vw - var(--space-4));padding:var(--space-1);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-regular);text-align:left;text-transform:none;letter-spacing:normal;white-space:normal;line-height:1.35;position:fixed}.ss-pop--native{width:max-content;max-width:min(400px, calc(100vw - var(--space-4)))}.ss-pop .ss-search{margin:var(--space-1) var(--space-1) 0}.ss-search{align-items:center;gap:var(--space-2);height:var(--control-height);padding:0 var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-md);color:var(--muted-ink);display:flex}.ss-search:focus-within{border-color:var(--focus-edge);box-shadow:var(--focus-ring)}.ss-search input{min-width:0;color:var(--ink);font:inherit;font-size:var(--text-md);background:0 0;border:0;outline:none;flex:1}.ss-search.ss-search{gap:var(--space-2);font-size:var(--text-md);font-weight:inherit;color:var(--muted-ink);display:flex}.ss-search.ss-search input{width:auto;min-height:0;padding:0}.ss-list{max-height:300px;margin:var(--space-1) 0 0;gap:1px;padding:0;list-style:none;display:grid;overflow:auto}.ss-list--bare{margin:0}.ss-option{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:32px;padding:6px var(--space-2);border-radius:var(--radius-md);color:var(--ink);font-size:var(--text-sm);cursor:pointer;display:flex}.ss-option.is-active{background:var(--brand-soft)}.ss-option[aria-selected=true]{font-weight:var(--weight-semibold)}.ss-check{color:var(--brand-on-soft);flex:none}.ss-option-main{align-items:center;gap:var(--space-2);min-width:0;display:inline-flex}.ss-option.is-special{color:var(--ink-2)}.ss-text{min-width:0;display:grid}.ss-name{align-items:center;gap:var(--space-1);text-overflow:ellipsis;white-space:nowrap;min-width:0;display:inline-flex;overflow:hidden}.ss-sub{color:var(--muted-ink);font-size:var(--text-xs);font-weight:var(--weight-regular);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ss-tag{padding:0 var(--space-1);border-radius:var(--radius-sm);background:var(--info-soft);color:color-mix(in srgb, var(--info) 80%, var(--ink));font-size:var(--text-xs);font-weight:var(--weight-semibold)}.ss-empty{padding:var(--space-2);color:var(--muted-ink);font-size:var(--text-sm)}.ss-avatar{border-radius:var(--radius-round);background:var(--brand-mark);width:22px;height:22px;color:var(--on-brand-mark);font-size:var(--text-xs);font-weight:var(--weight-bold);flex:none;place-items:center;display:inline-grid}.ss-avatar.is-customer{background:var(--info-solid);color:var(--on-solid)}.ss-avatar.is-special{background:var(--surface-3);color:var(--ink-2)}button:where(.ss-native){--btn-hover:var(--surface);justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;min-width:0;max-width:100%;padding:10px var(--space-2) 10px var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font:inherit;font-weight:var(--weight-regular);text-align:left;white-space:nowrap;cursor:pointer;line-height:1.25;display:inline-flex}button:where(.ss-native):hover:not(:disabled){border-color:var(--focus-edge)}button:where(.ss-native):focus-visible,button:where(.ss-native)[aria-expanded=true]{border-color:var(--focus-edge);box-shadow:var(--focus-ring);outline:none}button:where(.ss-native):disabled{opacity:1;border-color:var(--line);background:var(--surface-2);color:var(--ink-2);cursor:not-allowed}button:where(.ss-native):disabled .ss-chevron{visibility:hidden}button:where(.ss-native) .ss-value{flex:auto}.ss-shown{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ss-sized{grid-template-columns:minmax(0,max-content);display:inline-grid}.ss-sized>*{grid-area:1/1}.ss-ghost{visibility:hidden;white-space:nowrap;height:0;overflow:hidden}.ss-ghost:before{content:attr(data-text)}.ss-icon{flex:none;align-items:center;display:inline-flex}.ss-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ss-group{padding:var(--space-2) var(--space-2) 2px;color:var(--muted-ink);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.ss-group:first-child{padding-top:var(--space-1)}.ss-option.is-disabled{color:var(--muted-ink);cursor:not-allowed}.ss-option.is-disabled.is-active{background:0 0}@media (pointer:coarse){.ss-option,button:where(.ss-native){min-height:40px}}
