@layer theme,base;@layer ds{.fluid-avatar{border-radius:var(--radius-full);color:var(--text-primary);font-family:var(--font-family);font-weight:var(--font-weight-semibold);box-shadow:var(--ring-default);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.fluid-avatar--sm{width:var(--space-6);height:var(--space-6);font-size:var(--font-size-2xs)}.fluid-avatar--md{width:var(--control-32);height:var(--control-32);font-size:var(--font-size-xs)}.fluid-avatar--lg{width:var(--space-10);height:var(--space-10);font-size:var(--font-size-sm)}.fluid-avatar__img{object-fit:cover;border-radius:var(--radius-full);width:100%;height:100%;display:block}.fluid-avatar__initials{border-radius:var(--radius-full);background:var(--status-neutral-bg);width:100%;height:100%;color:var(--status-neutral-fg);justify-content:center;align-items:center;display:flex}.fluid-avatar__initials--hued{background:oklch(.94 .028 var(--fluid-avatar-hue));color:oklch(.48 .104 var(--fluid-avatar-hue))}.fluid-avatar__dot{border-radius:var(--radius-full);width:28%;height:28%;box-shadow:0 0 0 2px var(--bg-surface);position:absolute;bottom:0;right:0}.fluid-avatar__dot--online{background:var(--presence-online)}.fluid-avatar__dot--away{background:var(--presence-away)}.fluid-avatar__dot--offline{background:var(--presence-offline)}.fluid-segmentcontrol{padding:var(--space-0-5);border-radius:var(--radius-md);height:var(--control-26);box-sizing:border-box;grid-auto-columns:1fr;grid-auto-flow:column;align-items:center;gap:1px;display:inline-grid}.fluid-segmentcontrol--default{background:var(--bg-hover)}.fluid-segmentcontrol--filled{background:var(--action-ai)}.fluid-segmentcontrol__segment{justify-content:center;align-items:center;gap:var(--space-1-5);min-width:fit-content;height:22px;padding:0 var(--space-2-5);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-colors);background:0 0;border:0;outline:none;display:inline-flex}.fluid-segmentcontrol--default .fluid-segmentcontrol__segment{color:var(--text-secondary)}.fluid-segmentcontrol--default .fluid-segmentcontrol__segment:hover:not([data-active]):not(:disabled){color:var(--text-primary)}.fluid-segmentcontrol--default .fluid-segmentcontrol__segment[data-active]{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.fluid-segmentcontrol--filled .fluid-segmentcontrol__segment{color:var(--text-on-dark-secondary)}.fluid-segmentcontrol--filled .fluid-segmentcontrol__segment:hover:not([data-active]):not(:disabled){color:var(--text-on-primary)}.fluid-segmentcontrol--filled .fluid-segmentcontrol__segment[data-active]{background:var(--bg-surface);color:var(--action-ai)}.fluid-segmentcontrol__icon{width:var(--icon-sm);height:var(--icon-sm);flex:none;justify-content:center;align-items:center;display:inline-flex}.fluid-segmentcontrol__label{white-space:nowrap;text-overflow:ellipsis;align-items:center;min-width:0;display:inline-flex;overflow:hidden}.fluid-segmentcontrol__segment:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.fluid-segmentcontrol__segment:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.fluid-tooltip{justify-content:center;align-items:center;display:inline-flex;position:relative}.fluid-tooltip:after{content:attr(data-tooltip);z-index:var(--z-tooltip);background:var(--bg-inverse);color:var(--text-on-inverse);font-family:var(--font-family);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);letter-spacing:.01em;white-space:nowrap;border-radius:var(--radius-md);box-shadow:var(--shadow-tooltip);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--easing-standard), transform var(--duration-fast) var(--easing-standard);padding:5px 9px;position:absolute}.fluid-tooltip[data-tooltip]:before{content:"";z-index:var(--z-tooltip);background:var(--bg-inverse);opacity:0;pointer-events:none;width:6px;height:6px;transition:opacity var(--duration-fast) var(--easing-standard), transform var(--duration-fast) var(--easing-standard);border-radius:1px;position:absolute}.fluid-tooltip[data-placement=top]:after{bottom:calc(100% + var(--space-2));left:50%;transform:translate(-50%)translateY(3px)}.fluid-tooltip[data-placement=top]:before{bottom:calc(100% + var(--space-2) - 3px);left:50%;transform:translate(-50%)translateY(3px)rotate(45deg)}.fluid-tooltip[data-placement=top]:hover:after{transform:translate(-50%)translateY(0)}.fluid-tooltip[data-placement=top]:hover:before{transform:translate(-50%)translateY(0)rotate(45deg)}.fluid-tooltip[data-placement=bottom]:after{top:calc(100% + var(--space-2));left:50%;transform:translate(-50%)translateY(-3px)}.fluid-tooltip[data-placement=bottom]:before{top:calc(100% + var(--space-2) - 3px);left:50%;transform:translate(-50%)translateY(-3px)rotate(45deg)}.fluid-tooltip[data-placement=bottom]:hover:after{transform:translate(-50%)translateY(0)}.fluid-tooltip[data-placement=bottom]:hover:before{transform:translate(-50%)translateY(0)rotate(45deg)}.fluid-tooltip[data-placement=right]:after{left:calc(100% + var(--space-2-5));top:50%;transform:translateY(-50%)translate(-3px)}.fluid-tooltip[data-placement=right]:before{left:calc(100% + var(--space-2-5) - 3px);top:50%;transform:translateY(-50%)translate(-3px)rotate(45deg)}.fluid-tooltip[data-placement=right]:hover:after{transform:translateY(-50%)translate(0)}.fluid-tooltip[data-placement=right]:hover:before{transform:translateY(-50%)translate(0)rotate(45deg)}.fluid-tooltip[data-placement=left]:after{right:calc(100% + var(--space-2-5));top:50%;transform:translateY(-50%)translate(3px)}.fluid-tooltip[data-placement=left]:before{right:calc(100% + var(--space-2-5) - 3px);top:50%;transform:translateY(-50%)translate(3px)rotate(45deg)}.fluid-tooltip[data-placement=left]:hover:after{transform:translateY(-50%)translate(0)}.fluid-tooltip[data-placement=left]:hover:before{transform:translateY(-50%)translate(0)rotate(45deg)}.fluid-tooltip:hover:after,.fluid-tooltip[data-tooltip]:hover:before{opacity:1}}@layer components,utilities;