/* Omnichannel Inbox V2: visual only; selectors confined to Inbox. */
#inboxPage{--ib-navy:#102447;--ib-blue:#315bf5;--ib-line:#dfe8f4;--ib-muted:#65758e;background:linear-gradient(155deg,#f5f8ff 0%,#fff 55%);padding:clamp(14px,2vw,30px);border-radius:26px}
#inboxPage .section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:9px 5px 23px}
#inboxPage .section-head span{display:block;color:#315bf5;font-size:11px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}
#inboxPage .section-head h3{font-size:clamp(26px,2.3vw,36px);line-height:1.12;letter-spacing:-.045em;color:var(--ib-navy);margin:5px 0 6px}
#inboxPage .section-head p{max-width:650px;color:var(--ib-muted);line-height:1.5;margin:0}
#inboxPage #refreshInboxButton{border:1px solid var(--ib-line);border-radius:13px;background:#fff;color:var(--ib-navy);padding:12px 18px;font-weight:800;box-shadow:0 5px 20px #162e5410}
#inboxPage .inbox-shell{display:grid;grid-template-columns:minmax(310px,345px) minmax(0,1fr);height:min(780px,calc(100vh - 240px));min-height:570px;padding:0;overflow:hidden;border:1px solid #dce6f4;border-radius:24px;background:#fff;box-shadow:0 24px 70px #182d5217}
#inboxPage .inbox-list{border-right:1px solid var(--ib-line);background:#fff;min-width:0}
#inboxPage .inbox-list-head{padding:20px 18px 13px;background:#fff;border-bottom:1px solid var(--ib-line)}
#inboxPage .inbox-list-head:before{content:'Conversations';display:block;color:var(--ib-navy);font-size:17px;font-weight:850;letter-spacing:-.025em;margin-bottom:15px}
#inboxPage #inboxSearch{border:1px solid #d7e2f1;border-radius:13px;padding:13px 14px;background:#f7faff;color:var(--ib-navy);font-size:13px}
#inboxPage #inboxSearch:focus,#inboxPage #inboxReplyText:focus{outline:2px solid #5277f899;outline-offset:1px}
#inboxPage .inbox-filters{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px;overflow:visible;padding:0}
#inboxPage .inbox-filters button{border:1px solid #dfe8f4;border-radius:10px;padding:8px 10px;background:#f8faff;color:#52637e;font-weight:750;font-size:11px;cursor:pointer}
#inboxPage .inbox-filters button.active{background:var(--ib-blue);border-color:var(--ib-blue);color:#fff;box-shadow:0 6px 16px #315bf530}
#inboxPage #inboxCount{color:#66758d;font-size:11px;font-weight:750;margin:14px 2px 1px}
#inboxPage .inbox-conversations{background:#fff}
#inboxPage .inbox-conversation{padding:17px 14px;gap:10px;border-bottom:1px solid #edf1f8;min-height:82px;cursor:pointer;transition:background .15s}
#inboxPage .inbox-conversation:hover{background:#f5f8ff}
#inboxPage .inbox-conversation.selected{background:#eef3ff;box-shadow:inset 4px 0 var(--ib-blue)}
#inboxPage .inbox-avatar{width:42px;height:42px;border-radius:14px;box-shadow:0 6px 16px #315bf520}
#inboxPage .inbox-preview b{font-size:13px;color:var(--ib-navy)}
#inboxPage .inbox-preview em{color:#65758e;font-size:12px}
#inboxPage .inbox-meta time{color:#74839a;font-size:10px;white-space:nowrap}
#inboxPage .inbox-thread{background:linear-gradient(165deg,#f7faff,#eef4fd)}
#inboxPage .inbox-thread-head{display:flex;gap:14px;padding:18px 22px;min-height:86px;box-sizing:border-box;border-bottom:1px solid var(--ib-line);background:#fff}
#inboxPage .inbox-thread-head strong{font-size:17px;color:var(--ib-navy);letter-spacing:-.025em}
#inboxPage .inbox-thread-head span,#inboxPage .inbox-thread-head small{color:var(--ib-muted)}
#inboxPage .inbox-workflow{gap:7px}
#inboxPage .inbox-workflow select{max-width:140px;border:1px solid #dce6f4;border-radius:10px;padding:9px 10px;background:#fff;color:#344765;font-size:11px}
#inboxPage .inbox-messages{padding:26px clamp(17px,3vw,42px);scrollbar-color:#c6d5ef transparent}
#inboxPage .inbox-message{max-width:min(74%,620px);margin-bottom:18px}
#inboxPage .inbox-message>div{border:1px solid #e0e9f5;border-radius:17px 17px 17px 5px;background:#fff;color:#233857;box-shadow:0 6px 18px #19345712;font-size:14px;line-height:1.55;padding:12px 16px;overflow-wrap:anywhere}
#inboxPage .inbox-message.outbound>div{border:0;border-radius:17px 17px 5px 17px;background:linear-gradient(125deg,#3f58ee,#2577f4);color:white}
#inboxPage .inbox-message small{font-size:10px;color:#71839f;margin-top:5px}
#inboxPage .inbox-composer{padding:17px 20px 8px;gap:12px;border-top:1px solid var(--ib-line);background:#fff}
#inboxPage .inbox-composer textarea{background:#f7faff;border-color:#d8e3f2;border-radius:14px;min-height:47px;font-size:13px}
#inboxPage .inbox-composer .primary-button{border-radius:12px;background:var(--ib-blue);min-height:44px}
#inboxPage .inbox-reply-hint{padding:0 20px 12px;background:#fff;text-align:left;color:#7b8ba3}
@media(max-width:920px){#inboxPage .inbox-shell{grid-template-columns:minmax(265px,34%) minmax(0,1fr)}#inboxPage .inbox-thread-head{align-items:start;flex-wrap:wrap}}
@media(max-width:680px){#inboxPage{padding:12px}#inboxPage .section-head{align-items:start;flex-direction:column}#inboxPage .inbox-shell{display:block;height:auto;min-height:0}#inboxPage .inbox-list{max-height:390px;border-right:0}#inboxPage .inbox-thread{min-height:520px}#inboxPage .inbox-message{max-width:88%}#inboxPage .inbox-workflow select{max-width:31%}}
/* Omnichannel Inbox composer visibility fix. */
#inboxPage .inbox-shell{min-height:0;height:clamp(520px,calc(100vh - 235px),800px)}
#inboxPage .inbox-thread{min-height:0;overflow:hidden}
#inboxPage #inboxThreadContent:not([hidden]){height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;overflow:hidden}
#inboxPage .inbox-messages{min-height:0;overflow-y:auto;overscroll-behavior:contain}
#inboxPage .inbox-composer{position:relative;z-index:2;min-width:0;flex-shrink:0}
#inboxPage #inboxSendButton{display:inline-flex;align-items:center;justify-content:center;min-width:82px}
#inboxPage .inbox-reply-hint{min-height:15px;flex-shrink:0}
@media(max-width:680px){#inboxPage .inbox-shell{height:auto;min-height:0}#inboxPage .inbox-thread{height:clamp(520px,75vh,720px);min-height:0}#inboxPage .inbox-composer{grid-template-columns:auto minmax(0,1fr) auto}#inboxPage #inboxSendButton{grid-column:auto}}