.chat-list-page .chat-list-item { gap:12px; padding:16px; }

.chat-list-link { display:flex; flex:1; min-width:0; gap:16px; align-items:center; color:var(--text); text-decoration:none; }

.chat-list-link .chat-list-main { flex:1; min-width:0; }

.chat-list-link .chat-list-title { overflow-wrap:anywhere; }

.chat-list-link .chat-list-last { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; }

.chat-list-order { color:var(--text-muted); font-size:12px; margin:4px 0; }

.chat-list-page .chat-list-meta { flex-shrink:0; display:flex; flex-direction:column; align-items:flex-end; gap:6px; }

.chat-list-item.is-pinned { border-color:var(--border-strong); }

.customer-chat-drawer { align-items:center; justify-content:center; padding:24px; }

.customer-chat-drawer__backdrop { background:var(--navy-900); opacity:.62; border:0; border-radius:0; }

.customer-chat-drawer__panel { width:min(880px,100%); height:min(860px,calc(100dvh - 48px)); overflow:hidden; border:1px solid var(--border); border-radius:var(--r3,16px); }

.customer-chat-drawer__head { flex-shrink:0; background:var(--surface); padding:16px 24px; }

html.embedded-order-chat body.chat-detail-route .chat-detail-page { padding:16px 20px 20px; height:100dvh; box-sizing:border-box; gap:12px; }

html.embedded-order-chat .chat-detail-page > .breadcrumb { display:none; }

html.embedded-order-chat .chat-detail-page > .row-sb { margin:0; }

html.embedded-order-chat .chat-detail-page .page-title { font-size:18px; line-height:1.35; overflow-wrap:anywhere; }

html.embedded-order-chat .chat-context { margin:0; max-height:28vh; overflow:auto; flex-shrink:0; }

html.embedded-order-chat .chat-window { min-height:100px; }

html.embedded-order-chat .chat-composer { padding-bottom:env(safe-area-inset-bottom,0px); }

@media (max-width:600px) {
.chat-list-page .chat-list-item { padding:12px; gap:8px; align-items:flex-start; }

.chat-list-link { flex-direction:column; align-items:stretch; gap:10px; }

.chat-list-page .chat-list-meta { flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:flex-start; gap:8px; }

.customer-chat-drawer { padding:0; }

.customer-chat-drawer__panel { width:100%; height:100dvh; border:0; border-radius:0; }

.customer-chat-drawer__head { padding:12px 16px; }

html.embedded-order-chat body.chat-detail-route .chat-detail-page { padding:12px; gap:8px; }

html.embedded-order-chat .chat-context { max-height:24vh; }

html.embedded-order-chat .chat-context-notices { font-size:11px; }

}
.chat-pin-controls {
  display:flex;
  flex:0 0 auto;
  align-items:center;
  gap:4px;
}
.chat-pin-toggle,
.chat-pin-handle {
  display:inline-flex;
  width:32px;
  height:32px;
  padding:0;
  align-items:center;
  justify-content:center;
  color:var(--text-muted);
  background:transparent;
  border:1px solid transparent;
  border-radius:var(--r2,8px);
}
.chat-pin-toggle:hover,
.chat-pin-handle:hover:not(:disabled) {
  color:var(--text);
  background:var(--surface-hover,var(--n100));
}
.chat-pin-toggle.is-active {
  color:var(--link,var(--bl));
  background:var(--bl-bg);
}
[data-theme="dark"] .chat-pin-toggle.is-active {
  color:var(--accent);
  background:var(--accent-soft);
}
.chat-pin-toggle:focus-visible,
.chat-pin-handle:focus-visible {
  outline:2px solid var(--accent);
  outline-offset:1px;
}
.chat-pin-handle:not(:disabled) { cursor:grab; touch-action:none; }
.chat-pin-handle:not(:disabled):active { cursor:grabbing; }
.chat-pin-handle:disabled { opacity:.32; cursor:default; }
.chat-pin-toggle .ui-icon,
.chat-pin-handle .ui-icon { width:17px; height:17px; }
.is-chat-pin-drag-source { opacity:0; }
[data-chat-pin-item].is-chat-pin-shifting {
  transform:translateY(var(--chat-pin-shift,0));
  transition:transform .16s ease;
}
@media (prefers-reduced-motion:reduce) {
  [data-chat-pin-item].is-chat-pin-shifting { transition:none; }
}
@media (max-width:600px) {
  .chat-pin-controls { flex-direction:column; }
  .chat-pin-toggle,
  .chat-pin-handle { width:36px; height:36px; }
}