/* Outer flex shell must shrink beside the sidebar; only inner main fills the remaining height. */
[data-slot=sidebar-wrapper]:has(.tatuei-inbox){width:100%;max-width:100%;min-width:0;height:100dvh;min-height:0;overflow:hidden}
[data-slot=sidebar-inset]:has(.tatuei-inbox){display:flex!important;flex-direction:column;flex:1 1 0!important;width:0!important;min-width:0!important;max-width:100%;height:100dvh!important;min-height:0!important;margin:0;padding:0!important;overflow:hidden}
[data-slot=sidebar-inset]:has(.tatuei-inbox)>div:first-child{flex:0 0 auto;min-width:0;width:100%;box-sizing:border-box}
[data-slot=sidebar-inset] main:has(.tatuei-inbox){display:flex!important;flex-direction:column;flex:1 1 0!important;width:100%;min-width:0!important;max-width:100%;height:auto!important;min-height:0!important;margin:0;padding:0!important;overflow:hidden!important;box-sizing:border-box}
.native-bot:has(.tatuei-inbox){flex:1 1 0;height:100%!important;min-width:0;min-height:0;width:100%;max-width:100%;box-sizing:border-box}
.tatuei-inbox{flex:1 1 0;width:100%!important;max-width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;box-sizing:border-box}
.tatuei-inbox .inbox-conversation{width:100%;max-width:100%;min-width:0;min-height:0;box-sizing:border-box}
.tatuei-inbox .inbox-chat-header{min-width:0;width:100%;flex-wrap:wrap;overflow-x:hidden}
.tatuei-inbox .inbox-chat-header>div:nth-of-type(2){min-width:0;flex:1 1 140px}
.tatuei-inbox .inbox-chat-header button{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.tatuei-inbox .inbox-messages{width:100%;max-width:100%;min-width:0;min-height:60px;overflow-x:hidden;box-sizing:border-box}
.tatuei-inbox .inbox-message{box-sizing:border-box;min-width:0;max-width:min(78%,720px)}
.tatuei-inbox .inbox-message :is(p,a,small,strong){overflow-wrap:anywhere;word-break:normal;max-width:100%}
.tatuei-inbox .inbox-composer{display:flex;flex-direction:column;gap:6px;box-sizing:border-box;flex:0 1 var(--composer-height,150px);height:var(--composer-height,150px);min-height:100px;max-height:50%;width:100%;max-width:100%;padding:8px 12px;overflow:auto}
.tatuei-inbox .inbox-composer>div:not(.inbox-file-chip){flex:1 0 42px;min-height:42px;align-items:stretch;min-width:0}
.tatuei-inbox .inbox-composer textarea{height:100%!important;min-height:42px;max-height:none!important;min-width:0;flex:1 1 0;resize:none;box-sizing:border-box}
.tatuei-inbox .inbox-composer>button{flex:0 0 auto;align-self:flex-start;max-width:100%}
.tatuei-inbox .inbox-composer>small{margin:0;font-size:10px;line-height:14px}
.inbox-composer-size-tools{display:flex;align-items:center;flex:0 0 28px;min-height:28px;gap:8px;background:#1b2431;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff15;color:#cbd5e4;max-width:100%}
.tatuei-inbox .inbox-composer-size-tools>button{flex:0 0 36px;width:36px;min-height:26px;height:26px;padding:0;font-size:18px;line-height:24px;background:transparent;border:0}
.inbox-composer-splitter{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;flex:1;height:28px;cursor:row-resize;touch-action:none;user-select:none;font-size:11px;line-height:16px}
.inbox-composer-splitter:focus-visible{outline:2px solid #fb923c;outline-offset:-2px}
.inbox-composer-splitter:hover{background:#ffffff08;color:white}
@media(max-width:900px){
 .tatuei-inbox{height:var(--inbox-viewport-height,100dvh)!important;width:100%!important}
 .tatuei-inbox .inbox-message{max-width:94%}
 .tatuei-inbox .inbox-composer{min-height:100px;padding:6px 8px;max-height:45%}
 .tatuei-inbox .inbox-composer textarea{font-size:16px}
 .inbox-composer-size-tools{min-height:32px;flex-basis:32px}
 .inbox-composer-splitter{height:32px;font-size:10px}
}
.tatuei-inbox .inbox-composer>div:not(.inbox-file-chip)>button{align-self:flex-end;height:42px;min-height:42px;max-height:42px}
@media(max-width:900px){
 .inbox-conversation:has(.inbox-composer textarea:focus)>.inbox-notice-frame:has(>.inbox-notice-body[hidden]){display:none}
}