/* Inbox-specific responsive layer; no change to messages, automation or CRM data. */
.tatuei-inbox{position:relative;min-width:0;max-width:100%;container-type:inline-size}
.tatuei-inbox *{box-sizing:border-box}
.tatuei-inbox :is(.inbox-list,.inbox-conversation,.inbox-details,.inbox-thread-copy){min-width:0;min-height:0}
.tatuei-inbox :is(p,h2,h3,strong,small,label,a,summary){overflow-wrap:anywhere}
.tatuei-inbox button{white-space:normal;height:auto;min-height:36px;line-height:1.4;max-width:100%;overflow-wrap:anywhere}
.tatuei-inbox :is(input,select,textarea){min-width:0;max-width:100%}
.inbox-chat-header,.inbox-controls,.inbox-composer{flex-shrink:0}
.inbox-chat-header>div:nth-of-type(2){min-width:0;flex:1 1 130px}
.inbox-state{white-space:normal}
.inbox-messages{min-height:100px;flex:1 1 0;overscroll-behavior:contain;overflow-x:hidden;overflow-y:auto}
.inbox-message{flex-shrink:0;min-width:0}
.inbox-message>footer{flex-wrap:wrap}
.inbox-composer>div{min-width:0;flex-wrap:nowrap}
.inbox-composer textarea{flex:1 1 0;width:0;min-width:0}
.inbox-composer button{flex-shrink:0}
.inbox-attachment :is(img,video,audio){max-width:100%}
.inbox-threads{min-height:100px;flex:1 1 0;overscroll-behavior:contain}
.inbox-threads>button{flex-shrink:0;min-height:76px}
.inbox-thread-copy strong{display:block;white-space:normal}
.inbox-notice-frame{flex:0 1 auto;min-height:44px;max-height:28%;display:flex;flex-direction:column;border-bottom:1px solid #ffffff20;overflow:hidden}
.inbox-notice-head{display:flex;align-items:center;gap:8px;padding:4px 10px;background:#181b21;flex-shrink:0}
.inbox-notice-head>button:first-child{flex:1;text-align:left;background:transparent;color:#eee;font-size:12px}
.inbox-notice-head>button+button{flex:0 0 36px;background:transparent;color:#ddd;font-size:22px}
.inbox-notice-body{min-height:0;overflow:auto;overscroll-behavior:contain}
.inbox-notice-body[hidden]{display:none!important}
.inbox-notice-body>div{max-height:none!important}
.inbox-list>.inbox-notice-frame{max-height:23%}
.inbox-notice-frame details[open]{max-height:none}
.inbox-mobile-nav{display:none}
@media(min-width:901px){.tatuei-inbox{grid-template-columns:minmax(220px,26%) minmax(0,1fr)}.tatuei-inbox>.inbox-details{display:none}.tatuei-inbox>.inbox-details.visible{display:flex;position:absolute;inset:0 0 0 auto;width:min(360px,100%);z-index:12}.inbox-details>header button{display:flex}}
@media(min-width:1400px){.tatuei-inbox{grid-template-columns:minmax(240px,24%) minmax(0,1fr) minmax(240px,25%)}.tatuei-inbox>.inbox-details,.tatuei-inbox>.inbox-details.visible{display:flex;position:static;width:auto;box-shadow:none}}
@media(max-width:900px){
 .tatuei-inbox{position:fixed;inset:0;z-index:45;width:100%;max-width:100%;height:var(--inbox-viewport-height,100dvh);top:var(--inbox-viewport-top,0px);bottom:auto;min-height:0;border-radius:0;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
 .inbox-mobile-nav{display:flex;grid-column:1;grid-row:1;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:4px 12px;border-bottom:1px solid #ffffff20;background:#0c0e12;font-size:13px}
 .inbox-mobile-nav a{color:#ffad7e;padding:8px}
 .tatuei-inbox>.inbox-list,.tatuei-inbox>.inbox-conversation{grid-column:1;grid-row:2;width:100%;height:100%;min-height:0;overflow:hidden}
 .tatuei-inbox.show-list>.inbox-list{display:flex}
 .tatuei-inbox.show-list>.inbox-conversation,.tatuei-inbox.show-chat>.inbox-list{display:none!important}
 .tatuei-inbox.show-chat>.inbox-conversation{display:flex}
 .tatuei-inbox .inbox-mobile-back{display:flex!important;min-width:40px;min-height:40px}
 .tatuei-inbox>.inbox-details{display:none}
 .tatuei-inbox>.inbox-details.visible{display:flex;position:absolute;inset:44px 0 0 auto;width:min(380px,100%);z-index:20;overflow-y:auto}
 .inbox-details>header button{display:flex;min-width:44px;min-height:44px}
 .inbox-list>header{padding:10px 12px;flex-shrink:0}
 .inbox-list>header h2{font-size:18px}
 .inbox-list>header small{display:none}
 .inbox-filters{padding:6px 10px;gap:5px;flex-shrink:0}
 .inbox-search{flex-shrink:0}
 .inbox-chat-header{gap:6px;padding:8px;max-height:25%;overflow-y:auto}
 .inbox-chat-header h3{font-size:14px}
 .inbox-chat-header .inbox-state{max-width:100%;font-size:11px}
 .inbox-avatar{width:38px;height:38px;flex:0 0 38px}
 .inbox-controls{padding:6px 8px;gap:6px;max-height:24%;overflow-y:auto}
 .inbox-controls button{font-size:12px;padding:7px 9px;min-height:36px}
 .inbox-controls select{flex:1 1 110px}
 .inbox-controls input{flex:0 1 75px;width:75px}
 .inbox-composer{padding:8px;max-height:35%;overflow-y:auto}
 .inbox-composer textarea{font-size:16px;max-height:110px}
 .inbox-composer>small{display:none}
 .inbox-messages{padding:12px 10px;min-height:70px}
 .inbox-message{max-width:94%;padding:9px 11px}
 .inbox-notice-frame{max-height:24%}
 .inbox-notice-head{padding:3px 8px}
}
@media(max-height:500px) and (max-width:900px){.inbox-chat-header{max-height:22%}.inbox-chat-header .inbox-state{display:none}.inbox-controls{max-height:20%}.inbox-notice-frame{max-height:20%}.inbox-composer{max-height:30%}.inbox-messages{min-height:45px}}