.chat-workspace{min-width:0;background:#f3f6fa}.chat-inbox{min-width:0;background:white;padding-bottom:90px}.chat-inbox-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 16px 16px;border-bottom:1px solid #e5edf4;gap:12px}.chat-inbox-heading h1{font-size:21px;font-weight:800;color:#14263f}.chat-inbox-heading p{font-size:11px;color:#64748b;margin-top:5px}.chat-inbox-heading>a{font-size:12px;color:#075985;white-space:nowrap}.chat-filters{display:flex;overflow-x:auto;gap:6px;padding:12px 10px;border-bottom:1px solid #e5edf4}.chat-filters button{white-space:nowrap;flex-shrink:0;border-radius:30px;padding:10px 12px;font-size:11px;color:#475569;background:#f3f6fa;min-height:44px}.chat-filters button[aria-pressed=true]{background:#132c49;color:#e0f2fe}.chat-support-pinned{display:block;border:1px solid #d8e9f2;border-radius:14px;background:#f1f9fd;padding:14px;margin:14px;width:calc(100% - 28px);text-align:left}.chat-support-pinned strong{display:block;font-size:13px;color:#075985}.chat-support-pinned span{display:block;font-size:11px;color:#64748b;margin-top:6px}.chat-inbox-row{display:flex;align-items:center;padding:16px 12px;border-bottom:1px solid #eef2f6;gap:10px}.chat-inbox-row.is-active,.chat-inbox-row:hover{background:#edf6fc}.chat-inbox-row strong{font-size:13px;color:#172b42}.chat-inbox-row time{font-size:10px;white-space:nowrap;color:#64748b}.chat-inbox-row p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#64748b;margin-top:6px}.chat-avatar{height:42px;width:42px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:#e7f0f9;color:#1e4263;font-size:14px;font-weight:800;overflow:hidden}.chat-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.chat-label{display:inline-flex;font-size:10px;color:#47637a;background:#eff4f8;border-radius:6px;padding:3px 6px;align-items:center}.chat-unread{font-size:10px;background:#dc4657;color:white;border-radius:20px;padding:2px 6px}.chat-more{min-height:44px;width:100%;font-size:12px;color:#075985}.chat-empty{padding:38px 16px;text-align:center;color:#64748b;font-size:12px;line-height:2}.chat-notice{padding:18px;border-bottom:1px solid #e5edf4}.chat-notice h2{font-size:14px;font-weight:700}.chat-notice p,.chat-notice time{font-size:11px;color:#64748b;margin-top:8px;display:block}.chat-error{font-size:12px;background:#fff1f2;color:#be123c;padding:12px}.chat-error button{margin-left:12px;text-decoration:underline}.chat-detail-empty,.chat-inbox-on-detail{display:none}.chat-thread{min-width:0}.chat-context{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;padding:10px 14px;background:#f0f7fc;color:#36566d}.chat-context a,.chat-header-link{color:#075985;font-size:11px;min-height:28px;display:inline-flex;align-items:center}.chat-readonly{padding:10px 14px;background:#fff7e6;color:#855e24;font-size:11px}.chat-welcome{display:grid;place-content:center;text-align:center;height:100%;padding:24px;gap:14px;color:#64748b;font-size:12px}.chat-welcome>span{display:grid;place-items:center;width:70px;height:70px;background:#132c49;color:#ccecff;border-radius:22px;font-size:24px;font-weight:800;margin:0 auto 12px}.chat-welcome h2{font-size:20px;color:#18344f;font-weight:800}@media(min-width:1024px){.chat-workspace{display:grid;grid-template-columns:minmax(290px,340px) minmax(0,1fr);height:calc(100dvh - 125px);min-height:500px;border:1px solid #dfe8f1;border-radius:20px;overflow:hidden}.chat-inbox{display:flex;flex-direction:column;padding:0;overflow:hidden;border-right:1px solid #dfe8f1}.chat-inbox-scroll{overflow-y:auto;min-height:0;flex:1}.chat-inbox-heading{padding:18px 14px}.chat-inbox-heading h1{font-size:19px}.chat-inbox-heading p{font-size:10px}.chat-detail-panel{display:block;min-width:0;min-height:0}.chat-thread{height:100%}.chat-filters{flex-wrap:wrap;overflow:visible}.chat-filters button{padding:7px 10px;font-size:10px;min-height:34px}.chat-detail-empty{display:block}}.chat-participant-badges{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:7px 14px;background:white;border-bottom:1px solid #eef2f6}.app-shell>main:has(.chat-workspace){padding-bottom:0}