.care-inbox{display:grid;grid-template-columns:minmax(220px,30%) minmax(0,1fr);gap:20px;align-items:start}.care-inbox-list{display:grid;gap:8px;max-height:70vh;overflow:auto}.care-inbox-list button{display:grid;gap:7px;text-align:left;padding:16px;border:1px solid #d6d9de;border-radius:14px;background:white;white-space:normal;overflow-wrap:anywhere}.care-inbox-list button[aria-pressed=true]{border-color:#0071e3;background:#eef6ff}.care-messages{display:flex;flex-direction:column;gap:12px;margin:18px 0;max-height:560px;overflow:auto;padding:4px}.care-message{max-width:88%;padding:14px 18px;border-radius:16px;margin:8px 0;background:#f0f1f4;overflow-wrap:anywhere}.care-message p{white-space:pre-wrap;margin:8px 0}.care-message small{font-size:12px;color:#626975}.care-message-staff{align-self:flex-end;background:#eaf4ff}.care-message-customer{align-self:flex-start}.care-pagination{margin:20px 0}.care-case details summary{cursor:pointer;font-weight:600;padding:14px 0}.care-case [data-care-reply]{display:grid;gap:12px}.care-case textarea{width:100%;box-sizing:border-box}@media(max-width:760px){.care-inbox{grid-template-columns:minmax(0,1fr)}.care-inbox-list{max-height:230px}.care-message{max-width:95%;padding:12px}.care-inbox [data-care-thread]{min-width:0}}
.care-live-status{font-size:13px;color:#357864;margin:8px 0 18px}

/* Keep the message history inside its own scroll area. */
.care-page .care-messages{max-height:360px;overscroll-behavior-y:contain;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;overflow-anchor:none;-webkit-overflow-scrolling:touch}
.care-message{flex:0 0 auto}
@media(max-width:600px){
 .care-page .care-messages{max-height:240px;max-height:clamp(180px,36svh,280px);gap:6px;margin:6px 0 8px;padding:2px}
 .care-page .care-message{max-width:92%;padding:10px 12px;margin:0;border-radius:14px}
 .care-page .care-message p{margin:5px 0;line-height:1.5}
 .care-page .care-message small{font-size:10px;line-height:1.4}
 .care-page .care-case details summary{padding:8px 0;font-size:14px}
 .care-page .care-live-status{margin:4px 0 6px;font-size:12px}
 .care-page .care-case [data-care-reply]{gap:10px}
 .care-page .care-case [data-care-reply] textarea{min-height:76px;padding:10px}
}