:root{--ref-chip-height:22px;--ref-chip-gap:6px}.ref-chip-wrap{--ref-badge:18px;--ref-badge-hit:24px;--ref-badge-out:3px;vertical-align:middle;align-items:center;max-width:100%;display:inline-flex;position:relative}.ref-chip{--ref-fill:var(--info-soft);--ref-fill-hover:color-mix(in srgb, var(--info-soft), var(--card-band-2));--ref-ink:var(--info-ink);--ref-suffix:var(--status-ongoing-ink);--btn-hover:var(--ref-fill-hover);align-items:center;gap:var(--space-1);box-sizing:border-box;height:var(--ref-chip-height);min-width:0;max-width:24em;padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--ref-fill);color:var(--ref-ink);font-size:var(--ref-chip-font,var(--text-sm));font-weight:var(--weight-medium);white-space:nowrap;border:0;margin:0;line-height:1.3;text-decoration:none;display:inline-flex}.ref-chip-wrap .ref-chip,.ref-chip-wrap .ref-chip:hover,.ref-chip-wrap .ref-chip:visited,.ref-chip-wrap .ref-chip:focus,.ref-chip-wrap .ref-chip:active{text-decoration:none}.ref-chip--open{cursor:pointer}.ref-chip--open:hover{background:var(--ref-fill-hover)}.ref-chip--static{--ref-fill:var(--surface-3);--ref-ink:var(--ink-2)}.ref-chip:focus-visible{box-shadow:var(--focus-ring-bare);outline:none}.ref-chip-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.ref-chip-suffix{color:var(--ref-suffix);font-weight:var(--weight-semibold);flex:none}.ref-chip-tools{z-index:3;top:calc(-1 * (var(--ref-badge-out) + var(--ref-badge-hit) / 2));right:calc(-1 * (var(--ref-badge-out) + var(--ref-badge-hit) / 2));width:var(--ref-badge-hit);height:var(--ref-badge-hit);display:flex;position:absolute}.ref-chip-copy{--btn-hover:transparent;box-sizing:border-box;color:var(--info-ink);cursor:pointer;background:0 0;flex:none;justify-content:center;align-items:center;margin:0;display:flex}.ref-chip-wrap .ref-chip-copy{border-radius:var(--radius-sm);background:0 0;border:0;width:100%;min-width:0;height:100%;min-height:0;padding:0}.ref-chip-badge{box-sizing:border-box;width:var(--ref-badge);height:var(--ref-badge);border-radius:var(--radius-sm);background:var(--info-soft);color:var(--info-ink);box-shadow:0 0 0 2px var(--surface), var(--shadow-md);pointer-events:none;justify-content:center;align-items:center;display:flex}.ref-chip-copy:hover .ref-chip-badge{background:color-mix(in srgb, var(--info-soft), var(--card-band-2))}.ref-chip-copy:focus-visible{outline:none}.ref-chip-copy:focus-visible .ref-chip-badge{box-shadow:var(--focus-ring-bare)}.ref-chip-said{z-index:2;pointer-events:none;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-md);color:var(--ink);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;line-height:1.2;position:absolute;top:100%;right:0}.ref-chip-wrap.is-start .ref-chip-said{left:0;right:auto}.ref-chip-wrap.is-above .ref-chip-said{top:auto;bottom:calc(100% + var(--ref-said-lift,0px))}.ref-chip-said.is-refused{color:var(--warn-ink)}.ref-chip-voice{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ref-chip-row{align-items:center;gap:var(--ref-chip-gap);flex-wrap:wrap;min-width:0;display:flex}.ref-chip[data-tone]{--ref-fill-hover:color-mix(in srgb, var(--ref-fill) 84%, var(--ref-ink))}.ref-chip[data-tone=person]{--ref-fill:var(--kind-text-soft);--ref-ink:var(--person-ink)}.ref-chip[data-tone=department]{--ref-fill:var(--kind-image-soft);--ref-ink:var(--kind-image-ink)}.ref-chip[data-tone=group]{--ref-fill:var(--kind-group-soft);--ref-ink:var(--kind-group-ink)}.ref-chip[data-tone=project]{--ref-fill:var(--brand-soft);--ref-ink:var(--brand-on-soft)}.ref-chip[data-tone=permission]{--ref-fill:var(--info-soft);--ref-ink:var(--info-ink)}:root[data-theme=dark] .ref-chip{--ref-fill:var(--card-band-1);--ref-fill-hover:var(--card-band-2);--ref-ink:var(--ink);--ref-suffix:var(--card-band-ink)}:root[data-theme=dark] .ref-chip--static{--ref-fill:var(--card-edge);--ref-ink:var(--ink-2)}:root[data-theme=dark] .ref-chip[data-tone]{--ref-fill:color-mix(in srgb, var(--ref-hue) 30%, var(--card-area));--ref-fill-hover:color-mix(in srgb, var(--ref-hue) 42%, var(--card-area));--ref-ink:color-mix(in srgb, var(--ref-hue) 35%, var(--ink))}:root[data-theme=dark] .ref-chip[data-tone=person]{--ref-hue:var(--kind-text)}:root[data-theme=dark] .ref-chip[data-tone=department]{--ref-hue:var(--kind-image)}:root[data-theme=dark] .ref-chip[data-tone=group]{--ref-hue:var(--kind-group)}:root[data-theme=dark] .ref-chip[data-tone=project]{--ref-hue:var(--brand-mark)}:root[data-theme=dark] .ref-chip[data-tone=permission]{--ref-hue:var(--info-solid)}:root[data-theme=dark] .ref-chip-badge{background:var(--card-band-1);color:var(--ink);box-shadow:0 0 0 2px var(--card-area), var(--card-shadow)}:root[data-theme=dark] .ref-chip-copy:hover .ref-chip-badge{background:var(--card-band-2)}:root[data-theme=dark] .ref-chip-copy:focus-visible .ref-chip-badge{box-shadow:var(--focus-ring-bare)}:root[data-theme=dark] .ref-chip-said{background:var(--card-area);color:var(--ink)}:root[data-theme=dark] .ref-chip-said.is-refused{color:var(--warn-ink)}