/* Dedicated inbox workspace; the shared sidebar still uses its own React state. */
@media(min-width:901px){
 main:not([data-slot="sidebar-inset"]):has(.tatuei-inbox){height:calc(100dvh - 56px);min-height:0;padding:8px!important;overflow:hidden!important}
 .native-bot:has(.tatuei-inbox){display:flex;flex-direction:column;height:100%;min-height:0;max-width:none;padding:0;margin:0}
 .native-bot:has(.tatuei-inbox)>:not(.tatuei-inbox){display:none!important}
 .tatuei-inbox{height:100%;min-height:0;grid-template-columns:clamp(260px,26%,340px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);border-radius:12px}
 .tatuei-inbox>.inbox-details,.tatuei-inbox>.inbox-details.visible{display:none;position:absolute;inset:0 0 0 auto;width:min(380px,95%);height:100%;z-index:20;box-shadow:-16px 0 40px #0009}
 .tatuei-inbox>.inbox-details.visible{display:flex}
 .inbox-details>header button{display:flex;min-width:40px;min-height:40px}
}
.tatuei-inbox .inbox-list{min-height:0;min-width:0;overflow:hidden;gap:0}
.tatuei-inbox .inbox-list>:not(.inbox-threads){flex-shrink:0}
.tatuei-inbox .inbox-list>.inbox-notice-frame{flex:0 1 auto;max-height:20%;min-height:38px}
.tatuei-inbox .inbox-list>header{padding:12px}
.tatuei-inbox .inbox-list>header h2{font-size:20px}
.tatuei-inbox .inbox-contact-filters{border-bottom:1px solid #ffffff18;margin-top:8px;max-height:30%;min-height:38px;overflow:auto;overscroll-behavior:contain}
.inbox-contact-filters>summary{cursor:pointer;padding:8px 12px;font-size:12px;color:#c9cbd1;overflow-wrap:anywhere}
.inbox-contact-filters .inbox-filters{padding:10px;gap:6px}
.tatuei-inbox .inbox-threads{flex:1 1 0;min-height:120px;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#777 #11151b;overscroll-behavior:contain;outline-offset:-2px}
.inbox-threads::-webkit-scrollbar,.inbox-messages::-webkit-scrollbar,.inbox-details::-webkit-scrollbar{width:8px}
.inbox-threads::-webkit-scrollbar-track,.inbox-messages::-webkit-scrollbar-track{background:#11151b}
.inbox-threads::-webkit-scrollbar-thumb,.inbox-messages::-webkit-scrollbar-thumb,.inbox-details::-webkit-scrollbar-thumb{background:#686c75;border-radius:8px;border:2px solid #11151b}
.tatuei-inbox .inbox-threads>button{display:flex;min-height:90px;padding:12px 10px;gap:10px}
.tatuei-inbox .inbox-thread-copy{flex:1;min-width:0}
.tatuei-inbox .inbox-thread-copy strong{font-size:13px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
.tatuei-inbox .inbox-list>footer{flex-wrap:wrap;gap:4px;padding:6px}
.inbox-list>footer button{font-size:11px;padding:6px;min-height:36px}
.tatuei-inbox .inbox-conversation{overflow:hidden}
.tatuei-inbox .inbox-notice-frame{max-height:24%;min-height:38px}
.inbox-notice-body>div>h4[hidden]{display:none}
.inbox-notice-body>div{margin:0!important;border-radius:0!important}
.tatuei-inbox .inbox-messages{min-height:90px}
@media(prefers-reduced-motion:reduce){.tatuei-inbox .inbox-threads,.tatuei-inbox .inbox-messages{scroll-behavior:auto}}
@media(max-width:900px){.tatuei-inbox .inbox-list>header{padding:8px 12px}.tatuei-inbox .inbox-threads{min-height:90px}.tatuei-inbox .inbox-contact-filters{max-height:26%}}