/* Shared motion uses paint/composite properties; no timers or interaction overlays. */
:root{--ui-duration:150ms;--ui-easing:cubic-bezier(.2,.7,.2,1);--sidebar-heading:var(--muted,#68434f)}
.rooms-conversations>.rooms-section-title,.ct-projects-section>header>h3{color:var(--sidebar-heading)!important;font:650 14px/1.4 system-ui!important;letter-spacing:0!important;text-transform:none!important}
.rooms-conversations>.rooms-new{margin-block:4px 6px!important}
.rooms-conversations>.ct-bulk-tools{margin-block:0 7px!important;gap:6px!important}
:where(button,a,input,select,textarea,[role=tab]){transition:background-color var(--ui-duration) var(--ui-easing),color var(--ui-duration) var(--ui-easing),box-shadow var(--ui-duration) var(--ui-easing)}
:where(dialog[open],.settings-panel:not([hidden]),.fv-card,.rooms-message,.work-card,.studio-preview>*,.ct-project-group[open]>.ct-project-rooms){animation:platform-enter var(--ui-duration) var(--ui-easing) both}
@keyframes platform-enter{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:none}}
:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--red,#ef4148);outline-offset:3px}
@media(max-width:600px){.rooms-conversations>.rooms-new{margin-block:3px 5px!important}.rooms-conversations>.ct-bulk-tools{margin-block-end:6px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}