.wa-multi-toolbar {
  display: flex;
  align-items: center;
  min-height: 46px;
  margin: 0 0 10px;
  padding: 7px 10px;
  gap: 10px;
  border: 1px solid #e1e6ee;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(25, 40, 65, 0.04);
}
.wa-mode-switch,
.wa-layout-switch {
  display: inline-flex;
  padding: 3px;
  gap: 2px;
  border: 1px solid #e3e7ee;
  border-radius: 8px;
  background: #f5f7fa;
}
.wa-mode-switch button,
.wa-layout-switch button {
  min-height: 28px;
  padding: 0 9px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #697386;
  font-size: 11px;
  cursor: pointer;
}
.wa-mode-switch button.active,
.wa-layout-switch button.active {
  background: #fff;
  color: #315fcd;
  box-shadow: 0 1px 4px rgba(30, 50, 90, 0.12);
  font-weight: 700;
}
.wa-multi-view-actions {
  display: inline-flex;
  gap: 5px;
}
.wa-multi-view-actions button {
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid #dce2eb;
  border-radius: 7px;
  background: #fff;
  color: #657187;
  font: 600 10px/1 inherit;
  cursor: pointer;
}
.wa-multi-view-actions button:hover,
.wa-multi-view-actions button.active {
  border-color: #9db0e7;
  background: #f2f5ff;
  color: #4263bd;
}
.wa-multi-view-actions button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.wa-multi-count {
  padding: 5px 8px;
  border: 1px solid #d8e2f3;
  border-radius: 6px;
  color: #52647c;
  font-size: 10px;
}
.wa-multi-hint {
  color: #8a94a5;
  font-size: 10px;
}
.wa-layout-switch {
  margin-left: auto;
}
.wa-multi-workspace {
  display: none;
  position: relative;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  grid-column: 2/4;
  grid-template-columns: var(--wa-split-x, 50%) minmax(0, 1fr);
  grid-template-rows: var(--wa-split-y, 50%) minmax(0, 1fr);
  gap: 7px;
  padding: 7px;
  background: #e9edf3;
}
.wa-grouped-workbench.wa-multi-active {
  grid-template-columns: 270px minmax(0, 1fr) !important;
}
.wa-grouped-workbench.wa-multi-active .wa-chat-pane,
.wa-grouped-workbench.wa-multi-active .wa-profile-pane {
  display: none;
}
.wa-grouped-workbench.wa-multi-active .wa-multi-workspace {
  display: grid;
}
.wa-grouped-workbench.wa-multi-active .wa-create-actions {
  display: none;
}
.wa-grouped-workbench.wa-multi-active.wa-list-collapsed {
  grid-template-columns: minmax(0, 1fr) !important;
}
.wa-grouped-workbench.wa-multi-active.wa-list-collapsed .wa-conversation-pane {
  display: none;
}
.wa-grouped-workbench.wa-multi-active.wa-list-collapsed .wa-multi-workspace {
  grid-column: 1/-1;
}
.wa-multi-workspace[data-layout="1"] {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
}
.wa-multi-workspace[data-layout="2"] {
  grid-template-columns: var(--wa-split-x, 50%) minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
}
.wa-multi-workspace[data-layout="6"] {
  grid-template-columns: repeat(3, minmax(210px, 1fr));
  grid-template-rows: repeat(2, minmax(230px, 1fr));
  overflow: auto;
}
.wa-multi-workspace[data-layout="8"] {
  grid-template-columns: repeat(4, minmax(210px, 1fr));
  grid-template-rows: repeat(2, minmax(230px, 1fr));
  overflow: auto;
}
.wa-multi-empty {
  grid-column: 1/-1;
  grid-row: 1/-1;
  display: grid;
  place-content: center;
  justify-items: center;
  color: #78869a;
  text-align: center;
}
.wa-multi-empty span {
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  margin-bottom: 10px;
  border: 1px solid #cfd8e5;
  border-radius: 14px;
  background: #fff;
  color: #5371bf;
  font-size: 25px;
}
.wa-multi-empty b {
  color: #48566a;
  font-size: 14px;
}
.wa-multi-empty p {
  max-width: 330px;
  margin: 6px 0 0;
  font-size: 11px;
  line-height: 1.6;
}
.wa-multi-panel {
  display: grid;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  grid-template-rows: 48px minmax(0, 1fr) 48px;
  border: 1px solid #d8dee8;
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(35, 50, 75, 0.06);
}
.wa-multi-panel.focused {
  border-color: #5e7fe0;
  box-shadow: 0 0 0 2px rgba(84, 117, 211, 0.15);
}
.wa-multi-panel > header {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 6px 8px;
  gap: 8px;
  border-bottom: 1px solid #e7ebf1;
  background: #fff;
}
.wa-multi-avatar {
  display: grid;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  place-items: center;
  overflow: hidden;
  border-radius: 50%;
  background: #e3e9f5;
  color: #4765a6;
  font-size: 12px;
  font-weight: 700;
}
.wa-multi-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wa-multi-title {
  min-width: 0;
  flex: 1;
}
.wa-multi-title b,
.wa-multi-title small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wa-multi-title b {
  color: #263449;
  font-size: 11px;
}
.wa-multi-title small {
  margin-top: 2px;
  color: #8994a4;
  font-size: 9px;
}
.wa-multi-live {
  flex: 0 0 auto;
  padding: 3px 6px;
  border: 1px solid #bfc9d8;
  border-radius: 5px;
  color: #667489;
  font-size: 8px;
}
.wa-multi-panel > header button {
  display: grid;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  place-items: center;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #6f7b8e;
  cursor: pointer;
  font-size: 15px;
}
.wa-multi-panel > header button:hover {
  background: #f0f3f8;
  color: #304e94;
}
.wa-multi-messages {
  min-height: 0;
  overflow: auto;
  padding: 10px;
  background: #f7f8fa;
  scrollbar-width: thin;
}
.wa-multi-messages .wa-msg {
  margin-bottom: 7px;
}
.wa-multi-messages .wa-bubble {
  max-width: 88%;
  font-size: 10px;
}
.wa-multi-messages .wa-bubble time {
  font-size: 8px;
}
.wa-multi-messages .wa-message-image {
  max-width: min(210px, 100%);
  max-height: 210px;
}
.wa-multi-messages .wa-message-video,
.wa-multi-messages .wa-message-audio {
  max-width: 100%;
}
.wa-multi-compose {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 7px;
  gap: 5px;
  border-top: 1px solid #e5e9ef;
  background: #fff;
}
.wa-multi-compose input[data-multi-input] {
  min-width: 40px;
  height: 32px;
  flex: 1;
  padding: 0 9px;
  border: 1px solid #dce2eb;
  border-radius: 7px;
  outline: 0;
  font-size: 10px;
}
.wa-multi-compose input[data-multi-input]:focus {
  border-color: #7893df;
  box-shadow: 0 0 0 2px rgba(90, 122, 213, 0.1);
}
.wa-multi-compose button {
  flex: 0 0 auto;
}
.wa-multi-compose .wa-tool {
  width: 28px;
  height: 28px;
  padding: 0;
}
.wa-multi-compose .wa-translate {
  padding: 6px 7px;
  font-size: 9px;
}
.wa-multi-compose .wa-send {
  padding: 7px 10px;
  font-size: 9px;
}
.wa-multi-workspace:is([data-layout="6"], [data-layout="8"]) .wa-multi-panel {
  grid-template-rows: 42px minmax(0, 1fr) 42px;
}
.wa-multi-workspace:is([data-layout="6"], [data-layout="8"]) .wa-multi-panel > header {
  padding: 5px 7px;
}
.wa-multi-workspace:is([data-layout="6"], [data-layout="8"]) .wa-multi-avatar {
  width: 28px;
  height: 28px;
  flex-basis: 28px;
}
.wa-multi-workspace:is([data-layout="6"], [data-layout="8"]) .wa-multi-title small,
.wa-multi-workspace:is([data-layout="6"], [data-layout="8"]) .wa-multi-live,
.wa-multi-workspace:is([data-layout="6"], [data-layout="8"]) .wa-multi-compose .wa-translate {
  display: none;
}
.wa-multi-workspace:is([data-layout="6"], [data-layout="8"]) .wa-multi-compose {
  padding: 5px;
}
.wa-multi-workspace:is([data-layout="6"], [data-layout="8"])
  .wa-multi-compose
  input[data-multi-input] {
  height: 30px;
}
.wa-multi-loading {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #7d8898;
  font-size: 10px;
}
.wa-multi-loading i {
  width: 13px;
  height: 13px;
  border: 2px solid #d7deea;
  border-top-color: #5e7fe0;
  border-radius: 50%;
  animation: wa-multi-spin 0.7s linear infinite;
}
@keyframes wa-multi-spin {
  to {
    transform: rotate(360deg);
  }
}
.wa-multi-history {
  display: block;
  margin: 0 auto 10px;
  padding: 5px 9px;
  border: 1px solid #d8dfeb;
  border-radius: 12px;
  background: #fff;
  color: #64738b;
  font-size: 9px;
  cursor: pointer;
}
.wa-multi-splitter {
  position: absolute;
  z-index: 5;
  border: 0;
  background: transparent;
}
.wa-multi-splitter::after {
  content: "";
  position: absolute;
  border-radius: 3px;
  background: #b5c0d1;
  opacity: 0.65;
  transition:
    background 0.15s,
    opacity 0.15s;
}
.wa-multi-splitter:hover::after {
  background: #5274d1;
  opacity: 1;
}
.wa-multi-splitter.vertical {
  top: 7px;
  bottom: 7px;
  left: var(--wa-split-x, 50%);
  width: 11px;
  transform: translateX(-50%);
  cursor: col-resize;
}
.wa-multi-splitter.vertical::after {
  top: calc(50% - 24px);
  left: 4px;
  width: 3px;
  height: 48px;
}
.wa-multi-splitter.horizontal {
  left: 7px;
  right: 7px;
  top: var(--wa-split-y, 50%);
  height: 11px;
  transform: translateY(-50%);
  cursor: row-resize;
}
.wa-multi-splitter.horizontal::after {
  left: calc(50% - 24px);
  top: 4px;
  width: 48px;
  height: 3px;
}
.wa-multi-more {
  position: absolute;
  z-index: 7;
  right: 14px;
  bottom: 57px;
  padding: 6px 9px;
  border: 1px solid #cad4e2;
  border-radius: 14px;
  background: #fff;
  color: #53647c;
  font-size: 9px;
  box-shadow: 0 2px 8px rgba(35, 50, 75, 0.12);
  cursor: pointer;
}
.wa-chat-person.multi-open::after {
  content: "已打开";
  position: absolute;
  right: 8px;
  bottom: 6px;
  padding: 2px 5px;
  border: 1px solid #9eb2e8;
  border-radius: 5px;
  background: #f5f8ff;
  color: #496bc3;
  font-size: 8px;
  font-style: normal;
}
.shell.wa-multi-focus > .sidebar {
  display: none !important;
}
.shell.wa-multi-focus > main {
  margin-left: 0 !important;
}
.shell.wa-multi-focus > main > header {
  display: none;
}
.shell.wa-multi-focus .wa-page {
  padding: 8px 10px 10px;
}
.shell.wa-multi-focus .wa-grouped-page > .wa-summary {
  display: none;
}
.shell.wa-multi-focus .wa-multi-toolbar {
  margin-bottom: 7px;
}
.shell.wa-multi-focus .wa-workbench {
  height: calc(100dvh - 71px);
  min-height: 520px;
}
.wa-multi-focus-active {
  overflow: hidden;
}
@media (max-width: 1260px) {
  .wa-grouped-workbench.wa-multi-active {
    grid-template-columns: 240px minmax(0, 1fr) !important;
  }
  .wa-multi-hint {
    display: none;
  }
  .wa-multi-compose .wa-translate {
    display: none;
  }
}
@media (max-width: 900px) {
  .wa-multi-toolbar {
    flex-wrap: wrap;
  }
  .wa-layout-switch {
    margin-left: 0;
  }
  .wa-grouped-workbench.wa-multi-active {
    grid-template-columns: 200px minmax(520px, 1fr) !important;
    overflow-x: auto;
  }
}