/* 12.0.2: regression guard: preserve module positioning and interactive native states. */
/* Overrides the general design system only where old modules own positioning/state. */
[hidden]{display:none!important}
.app-body :is(button,[role="button"],a,input,select,textarea):focus-visible{outline:2px solid var(--r-primary,#0e947e);outline-offset:2px}
.app-body button:disabled,.app-body .btn:disabled,.app-body [aria-disabled="true"]{cursor:not-allowed!important;opacity:.55}
/* Native conversation layout manages its own height, panes, and scroll. */
.page-inbox .content{min-height:0!important;overflow:visible!important;height:auto!important;padding:12px 18px!important}
.page-inbox :is(.inbox-layout,.inbox-shell,.inbox-grid){height:auto!important;min-height:550px!important;max-height:none!important;overflow:visible!important}
.page-inbox :is(.chat-list,.conversation-list,.inbox-sidebar,.chat-messages,.message-list,.messages-panel){min-height:0}
.page-inbox :is(.chat-messages,.message-list,.messages-panel){overflow-y:auto}
/* The previous rebuild added forced transforms and positioning which conflict with modal/dropdown JS. */
.app-body :is(.modal,[role="dialog"],.dialog,.dropdown-menu,.account-dropdown,.popover,[data-account-dropdown]){max-width:calc(100vw - 24px)}
.app-body :is(.modal,[role="dialog"],.dialog) {isolation:isolate}
.content .table-responsive.ts-table-scroll{overflow:auto;max-width:100%;overscroll-behavior-x:contain}
.content .table-responsive.ts-table-scroll>table{min-width:max-content;width:100%!important}
/* Use real native screen-reader-visible form fields and media controls. */
.content :is(input[type="checkbox"],input[type="radio"]){accent-color:var(--r-primary,#0e947e)}
.content :is(button,.btn){line-height:1.3}
/* Some user workspaces have long names; do not overlap actions. */
.topbar-right,.topbar-right>*{min-width:0}
.workspace-switcher select{min-width:0!important}
@media(max-width:900px){.page-inbox .content{padding:8px!important}.page-inbox :is(.inbox-layout,.inbox-shell,.inbox-grid){min-height:calc(100dvh - 80px)!important}}
@media(max-width:570px){.app-body .topbar{min-width:0}.app-body .topbar-right{gap:4px!important}.page-inbox .content{padding:0!important}}