/* Three-panel inbox, with a compact conversation timeline. */
.inbox{grid-template-columns:minmax(230px,28%) minmax(0,1fr) 270px;position:relative}
.inbox-information{min-width:0;overflow:auto;border-left:1px solid var(--line);padding:18px;background:#fff}
.information-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}
.information-heading h2{font-size:14px;margin:0}.information-close{display:none;border:0;background:transparent;font-size:22px;padding:4px 8px}
.information-person{text-align:center;padding-bottom:20px;border-bottom:1px solid var(--line)}
.information-person .avatar{width:64px;height:64px;margin:0 auto 12px;border-radius:50%;position:relative;overflow:hidden;padding:0}
.information-person h3{font-size:15px;line-height:1.45;margin:0 0 5px;overflow-wrap:anywhere}.information-person>span{font-size:12px;color:#87949f}
.inbox-information dl{margin:18px 0}.inbox-information dl>div{margin-bottom:15px}.inbox-information dt{font-size:11px;color:#83918d;margin-bottom:4px}.inbox-information dd{font-size:13px;line-height:1.5;margin:0;overflow-wrap:anywhere}.information-details{width:100%;font-size:12px}.information-empty{font-size:13px;color:#83918d;line-height:1.6}
.messages{padding:16px 20px 24px;gap:8px}.message{padding:8px 12px;max-width:85%;min-width:0;box-shadow:none}.message p{margin:3px 0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.message>small{font-size:10px;line-height:1.3}.message time{margin-top:3px;font-size:10px;line-height:1.3}.day{margin:4px 0 8px}.threadhead{padding:13px 16px;gap:10px}.assignment{padding:8px 16px}.composer{padding:12px 16px;gap:10px}.composer textarea{min-height:64px;padding:10px 12px}.chatitem{padding:14px 12px}
@media(min-width:1181px){.threadhead .customer-open{display:none}}
@media(max-width:1180px){.inbox{grid-template-columns:minmax(220px,30%) minmax(0,1fr)}.inbox-information{display:none}.inbox.information-open .inbox-information{display:block;position:absolute;right:0;top:0;bottom:0;width:min(310px,100%);z-index:20;box-shadow:-12px 0 35px #183b2917}.information-close{display:block}}
@media(max-width:760px){.inbox{display:block}.messages{padding:12px 14px 20px;gap:7px}.message{max-width:92%;padding:8px 10px}.threadhead .customer-open{font-size:10px;padding:6px}.composer{padding:12px}.information-person h3{font-size:16px}}