/* 批TGW-DEV472：独立于消息滚动区的紧凑门店待办，沿用聊天绿色动作。 */
.store-service-chat {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  flex: 0 0 auto;
  padding: 6px 10px;
  color: var(--chat-ink, #25362e);
  background: #f2f8f4;
  border-bottom: 1px solid #d6e6dc;
  font-size: 13px;
  line-height: 1.45;
}
.store-service-chat[hidden] { display: none !important; }
.store-service-chat__region[hidden], .store-service-chat__popover[hidden] { display:none !important; }
.store-service-chat__region { display: contents; }
.store-service-chat__header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 4px;
}
.store-service-chat__heading { flex: 0 0 auto; margin-right: 4px; font-size: 13px; color: #176b49; white-space: nowrap; }
.store-service-chat__heading--pending { color:#a32222; font-weight:700; }
.store-service-chat__button {
  flex: 0 0 auto;
  min-height: 32px;
  padding: 4px 10px;
  border: 1px solid #c8dcd0;
  border-radius: 6px;
  color: #176b49;
  background: #fff;
  font: inherit;
  cursor: pointer;
  white-space: nowrap;
}
.store-service-chat__button--primary { color: #fff; background: #167548; border-color: #167548; }
.store-service-chat__button:focus-visible { outline: 2px solid #167548; outline-offset: 2px; }
.store-service-chat__list { max-height: 180px; overflow-y: auto; overscroll-behavior: contain; }
.store-service-chat__item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 6px;
  padding: 6px 0;
  border-top: 1px solid #dfece3;
}
.store-service-chat__details { flex: 1 1 150px; min-width: 0; }
.store-service-chat__ticket-title { font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.store-service-chat__summary { overflow-wrap:anywhere; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.store-service-chat__meta { color: #66796c; font-size: 12px; overflow-wrap: anywhere; }
.store-service-chat__deadline { color: #946127; }
.store-service-chat__preview { flex-basis: 100%; color: #627267; font-size: 12px; overflow-wrap: anywhere; }
.store-service-chat__notice, .store-service-chat__empty { padding: 4px 0; color: #66796c; overflow-wrap: anywhere; }
.store-service-chat__notice[data-kind="error"] { color: #a74235; }
.store-service-chat__notice[data-kind="success"] { color: #176b49; }
.store-service-chat__workforce { display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin-top:6px; padding:6px 0; border-top:1px solid #dfece3; max-height:190px; overflow:auto; }
.store-service-chat__workforce > strong, .store-service-chat__workforce > .store-service-chat__preview { flex-basis:100%; }
.store-service-chat__handoff { display:flex; flex-wrap:wrap; gap:5px 6px; align-items:center; margin-top:5px; padding:6px 0; border-top:1px solid #dfece3; max-height:240px; overflow:auto; }
.store-service-chat__handoff > strong, .store-service-chat__handoff > .store-service-chat__preview { flex-basis:100%; }
.store-service-chat__handoff .store-service-chat__field { flex:1 1 180px; max-width:360px; }
.store-service-chat__handoff > input { flex:1 1 190px; }
.store-service-chat__field { display:flex; flex:0 1 auto; align-items:center; gap:6px; min-width:0; max-width:240px; white-space:nowrap; }
.store-service-chat__select { min-width:0; max-width:100%; flex:1; min-height:32px; border:1px solid #c8dcd0; border-radius:6px; padding:4px 6px; background:#fff; color:inherit; font:inherit; }
/* BUG-20261011-TGW-013：切换入口跟随顾客名称，状态直接标记输入框；详情使用居中工作层。 */
.store-service-chat[data-service-layout="toolbar"] { position:relative; min-width:0; flex:1 1 420px; max-width:100%; min-height:38px; padding:4px 6px; border:0; background:transparent; overflow:visible; }
.store-service-chat[data-service-layout="toolbar"] .store-service-chat__header { flex-wrap:nowrap; height:32px; min-width:0; gap:4px; overflow-x:auto; overflow-y:hidden; white-space:nowrap; scrollbar-width:thin; }
.store-service-chat[data-service-layout="toolbar"] .store-service-chat__header > .store-service-chat__button { min-height:28px; height:28px; padding:3px 7px; font-size:12px; }
.store-service-chat[data-service-layout="toolbar"] .store-service-chat__header > [data-store-service-action="mine"],
.store-service-chat[data-service-layout="toolbar"] .store-service-chat__header > [data-store-service-action="colleagues"],
.store-service-chat[data-service-layout="toolbar"] .store-service-chat__header > [data-store-service-action="feedback"] { min-width:72px; color:#176b49; font-weight:600; }
/* BUG-20261011-TGW-014: unfinished work needs a visible active state; zero stays quiet. */
html body .store-service-chat[data-service-layout="toolbar"] .store-service-chat__header > .store-service-chat__button--mine-active { color:#fff; background:#167548; border-color:#167548; font-weight:700; }
html body .store-service-chat[data-service-layout="toolbar"] .store-service-chat__header > .store-service-chat__button--mine-active:is(:hover,:focus-visible) { color:#fff; background:#12673f; border-color:#12673f; }
.store-service-chat[data-service-layout="toolbar"] .store-service-chat__header > [data-store-service-action="pending"] { min-width:72px; color:#a32222; background:#fff1ef; border-color:#e8aaa5; font-weight:700; }
.store-service-chat[data-service-layout="toolbar"] .store-service-chat__header > .store-service-chat__mode--pending { color:#a32222; background:#fff1ef; border-color:#e8aaa5; font-weight:700; }
.store-service-chat[data-service-layout="toolbar"] .store-service-chat__header > [data-store-service-action="incoming"] { min-width:86px; color:#946127; font-weight:600; }
.store-service-chat__popover { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); z-index:800; box-sizing:border-box; width:min(560px, calc(100vw - 24px)); max-height:min(76dvh, 640px); padding:12px 14px; overflow:auto; overscroll-behavior:contain; color:var(--chat-ink, #25362e); background:#f7faf8; border:1px solid #c8dcd0; border-radius:10px; box-shadow:0 16px 48px #123c2852; white-space:normal; }
.store-service-chat__popover-head { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:4px; }
.store-service-chat__popover-head > strong { font-size:13px; color:#176b49; }
.store-service-chat__popover .store-service-chat__list { max-height:none; overflow:visible; }
.store-service-chat__popover .store-service-chat__handoff, .store-service-chat__popover .store-service-chat__workforce { max-height:none; overflow:visible; }
.composer:has(>.store-service-chat__phrase-tray),.chat-composer:has(>.store-service-chat__phrase-tray){position:relative}
.store-service-chat__phrase-tray { position:absolute; z-index:801; right:6px; bottom:calc(100% + 5px); box-sizing:border-box; width:min(480px,calc(100vw - 24px)); max-height:48dvh; overflow:auto; display:flex; flex-direction:column; align-items:stretch; gap:8px; padding:10px; border:1px solid #b8d9c5; border-radius:10px; box-shadow:0 12px 32px #153b2652; background:#fff; color:#176b49; font-size:12px; }
.store-service-chat__phrase-tray[hidden] { display:none !important; }
.store-service-chat__phrase-label { flex:none; white-space:nowrap; }
.store-service-chat__phrase-choices { display:flex; flex-wrap:wrap; align-items:center; gap:5px; min-width:0; }
.store-service-chat__phrase-choices > .store-service-chat__button { min-height:28px; height:auto; padding:3px 8px; font-size:12px; }
.store-service-chat__phrase-choices > .store-service-chat__button--transfer { color:#fff; background:#a64118; border-color:#a64118; font-weight:700; }
.store-service-chat__phrase-choices > .store-service-chat__button--transfer:is(:hover,:focus-visible) { color:#fff; background:#88320f; border-color:#88320f; }
/* The fixed edition badge covered the chat send key in the actual business page. */
html body:has(#view-chat:not(.hidden)) #productEditionBadge { display:none !important; }
.store-service-chat__phrase-choices > .store-service-chat__field { flex:1 1 180px; max-width:none; }
.store-service-chat__phrase-choices > input { flex:1 1 180px; }
.store-service-chat__availability { display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.store-service-chat__availability > strong { flex-basis:100%; }
html body #view-chat .chat-head > #storeReceptionBar { width:auto !important; order:0; }
html body #view-chat .chat-head > #storeReceptionBar[hidden],
html body .chat-conversation-header > #mobileStoreReceptionBar[hidden] { display:none !important; }
html body #view-chat .chat-head > #storeReceptionBar .store-service-chat__header { justify-content:flex-start; }
html body #view-chat .chat-head > #storeReceptionBar .store-service-chat__button { min-height:28px; }
html body #view-chat .chat-main[data-store-chat-mode="work"] .composer { background:#eaf6ee !important; border-top:2px solid #278052 !important; }
html body #view-chat .chat-main[data-store-chat-mode="work"] #messageInput { background:#f2fbf5 !important; border-color:#74b28d !important; }
html body #view-chat .chat-main[data-store-chat-mode="end"] .composer { background:#fff3e5 !important; border-top:2px solid #c77e2e !important; }
html body #view-chat .chat-main[data-store-chat-mode="end"] #messageInput { background:#fff9f1 !important; border-color:#d6a267 !important; }
html body #view-chat .chat-main[data-store-chat-mode="normal"] .composer { background:#fff !important; }
html body .chat-conversation-header > #mobileStoreReceptionBar { grid-column:1 / -1; grid-row:2; width:100%; padding:2px 0; }
html body .chat-conversation-view[data-store-chat-mode="work"] .chat-composer { background:#eaf6ee !important; border-top:2px solid #278052 !important; }
html body .chat-conversation-view[data-store-chat-mode="work"] #chatMessageInput { background:#f2fbf5 !important; border-color:#74b28d !important; }
html body .chat-conversation-view[data-store-chat-mode="end"] .chat-composer { background:#fff3e5 !important; border-top:2px solid #c77e2e !important; }
html body .chat-conversation-view[data-store-chat-mode="end"] #chatMessageInput { background:#fff9f1 !important; border-color:#d6a267 !important; }
html body .chat-conversation-view[data-store-chat-mode="normal"] .chat-composer { background:#fff !important; }
@container (max-width:520px) {
  html body #view-chat .chat-head > #storeReceptionBar { order:2; flex:1 0 100%; }
}
/* BUG-058: own interactive colors instead of inheriting the page's dark button:hover surface. */
html body .store-service-chat .store-service-chat__button:not(#quickPushNextDragHandle):is(:hover,:focus-visible):not(:disabled):not([aria-disabled="true"]) { color:#17492f; background:#e6f0eb; border-color:#92b5a0; filter:none!important; text-shadow:none; }
html body .store-service-chat .store-service-chat__button:not(#quickPushNextDragHandle):active:not(:disabled):not([aria-disabled="true"]) { color:#17492f; background:#d5e7db; border-color:#7a9d88; filter:none!important; text-shadow:none; }
html body .store-service-chat__phrase-choices > .store-service-chat__button--transfer:not(:disabled):is(:hover,:focus-visible) { color:#fff; background:#88320f; border-color:#88320f; }
html body .store-service-chat .store-service-chat__button--primary:not(#quickPushNextDragHandle):is(:hover,:focus-visible):not(:disabled):not([aria-disabled="true"]) { color:#fff; background:#12673f; border-color:#12673f; filter:none!important; }
html body .store-service-chat .store-service-chat__button--primary:not(#quickPushNextDragHandle):active:not(:disabled):not([aria-disabled="true"]) { color:#fff; background:#0e5635; border-color:#0e5635; filter:none!important; }
html body .store-service-chat .store-service-chat__button:not(#quickPushNextDragHandle):is(:disabled,[aria-disabled="true"]) { color:#59656e; background:#e8ecef; border-color:#c4cdd3; opacity:1; filter:none!important; cursor:not-allowed; text-shadow:none; }
html body .store-service-chat .store-service-chat__button[data-store-service-action="pending"]:not(#quickPushNextDragHandle):is(:hover,:focus-visible):not(:disabled):not([aria-disabled="true"]) { color:#8f1717; background:#ffe3df; border-color:#cc7670; }
@media (max-width: 380px) {
  .store-service-chat { padding: 6px 8px; }
  .store-service-chat__item { gap: 4px 6px; }
  .store-service-chat__button { padding: 4px 8px; }
}