/* Explicit typography and compact notice geometry, scoped to the inbox. */
.tatuei-inbox{font-size:14px;line-height:1.5}
.tatuei-inbox .inbox-notice-frame{flex:0 1 auto;min-height:38px;max-height:24%;border-bottom:1px solid #ffffff13}
.tatuei-inbox .inbox-notice-frame:has(>.inbox-notice-body[hidden]){flex:0 0 38px;height:38px;min-height:38px;max-height:38px}
.tatuei-inbox .inbox-notice-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:0 0 auto;min-height:38px;padding:4px 12px}
.tatuei-inbox .inbox-notice-head>button:first-child{display:block;flex:1 1 0;width:auto;min-width:0;max-width:100%;height:auto;min-height:30px;margin:0;padding:4px 0;text-align:left;white-space:normal;overflow-wrap:normal;word-break:normal;font-family:inherit;font-size:12px;font-weight:500;line-height:20px;color:#cbd1da;background:transparent;border:0;box-shadow:none}
.tatuei-inbox .inbox-notice-head>button+button{display:grid;place-items:center;flex:0 0 30px;width:30px;min-width:30px;height:30px;min-height:30px;margin:0;padding:0;font-family:inherit;font-size:20px;line-height:1;color:#abb4c1;background:transparent;border:0}
.tatuei-inbox .inbox-notice-head>button:hover{color:#fff}
.tatuei-inbox .inbox-notice-head>button:focus-visible{outline:2px solid #fb923c;outline-offset:1px;border-radius:4px}
.tatuei-inbox .inbox-notice-body{min-height:0;overflow:auto;font-size:13px;line-height:1.55}
.tatuei-inbox .inbox-notice-body[hidden]{display:none!important}
.tatuei-inbox .inbox-notice-body :is(p,label,summary,strong){font-size:13px;line-height:1.55;overflow-wrap:anywhere}
.tatuei-inbox .inbox-notice-body button{font-size:12px;line-height:1.4;min-height:36px;padding:7px 10px}
.tatuei-inbox .inbox-list>header{padding:12px 14px;flex-shrink:0}
.tatuei-inbox .inbox-list>header h2{font-size:18px;line-height:24px;margin:0}
.tatuei-inbox .inbox-list>header small{font-size:10px;letter-spacing:.05em}
.tatuei-inbox .inbox-chat-header{padding:10px 14px;gap:10px;min-height:66px;max-height:22%;overflow-y:auto;align-items:center}
.tatuei-inbox .inbox-chat-header h3{font-size:14px;line-height:20px;margin:0;overflow-wrap:anywhere}
.tatuei-inbox .inbox-chat-header button{font-size:12px;min-height:32px;line-height:18px;padding:5px 10px}
.tatuei-inbox .inbox-state{font-size:11px;line-height:16px;padding:4px 7px}
.tatuei-inbox .inbox-controls{padding:7px 12px;gap:6px;max-height:20%;overflow:auto}
.tatuei-inbox .inbox-controls button{height:auto;min-height:34px;font-size:12px;line-height:18px;padding:7px 10px}
.tatuei-inbox .inbox-controls :is(select,input){font-size:12px;line-height:18px;min-height:34px;padding:6px 8px}
.tatuei-inbox .inbox-messages{flex:1 1 0;min-height:90px;overflow:auto;padding:18px;gap:12px}
.tatuei-inbox .inbox-message{flex:0 0 auto;max-width:min(78%,720px);font-size:13px;line-height:1.6}
.tatuei-inbox .inbox-composer{padding:10px 12px;flex-shrink:0;max-height:30%;overflow:auto}
.tatuei-inbox .inbox-composer>div{gap:8px}
.tatuei-inbox .inbox-composer textarea{font-size:14px;line-height:21px;min-height:42px;max-height:110px}
.tatuei-inbox .inbox-composer button{font-size:12px;line-height:18px;min-height:34px;padding:7px 10px}
.tatuei-inbox .inbox-composer>small{font-size:10px;line-height:15px;margin-top:5px}
.tatuei-inbox .inbox-details{font-size:13px;line-height:1.5}
.tatuei-inbox .inbox-details :is(button,select,input,textarea,label){font-size:13px;line-height:1.5}
@media(min-width:901px){
 main:not([data-slot="sidebar-inset"]):has(.tatuei-inbox){display:block;flex:0 0 auto!important;box-sizing:border-box;height:calc(100dvh - 56px)!important;min-height:0;padding:0!important;margin:0;overflow:hidden!important}
 .native-bot:has(.tatuei-inbox){height:100%!important;min-height:0;margin:0;padding:0;max-width:none}
 .tatuei-inbox{height:100%!important;min-height:0;width:100%;max-width:100%;margin:0;border-radius:0;border-width:0;grid-template-columns:clamp(270px,25%,360px) minmax(0,1fr)}
}
@media(max-width:900px){
 .tatuei-inbox .inbox-chat-header{padding:8px;min-height:60px}
 .tatuei-inbox .inbox-message{max-width:94%}
 .tatuei-inbox .inbox-composer textarea{font-size:16px}
 .tatuei-inbox .inbox-messages{padding:12px 10px}
 .tatuei-inbox .inbox-controls{padding:6px 8px}
 .tatuei-inbox .inbox-notice-head{padding:4px 10px}
}
@media(max-width:360px){.tatuei-inbox .inbox-notice-head>button:first-child{font-size:11px}.tatuei-inbox .inbox-chat-header{gap:5px}}