.ix-page.ix-workforce {
  grid-template-columns: minmax(320px, 420px) 1fr;
  background: #f4f7fb;
  gap: 12px;
  margin: -16px -20px -10px;
  padding: 10px;
  box-sizing: border-box;
}

.ix-page.ix-workforce.has-record {
  grid-template-columns: minmax(320px, 420px) minmax(480px, 1fr) minmax(300px, 380px);
}

.ix-page.ix-workforce .ix-list {
  background: #eef2f7;
  border: 1px solid #d6deeb;
  border-radius: 16px;
  overflow: hidden;
}

.ix-page.ix-workforce .ix-pane,
.ix-page.ix-workforce .ix-record {
  background: #ffffff;
  border: 1px solid #d6deeb;
  border-radius: 16px;
  overflow: hidden;
}

.ix-page.ix-workforce .ix-filters {
  padding: 12px;
  background: #f8fafc;
  border-bottom: 1px solid #d6deeb;
}

.ix-page.ix-workforce .ix-pane-head {
  background: #f8fafc;
  border-bottom: 1px solid #d6deeb;
  padding: 14px 18px;
}

.ix-page.ix-workforce .ix-pane-name {
  font-family: "Inter Tight", sans-serif;
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.ix-page.ix-workforce .ix-pane-sub {
  color: #61738f;
}

.ix-page.ix-workforce .ix-msgs {
  background: #f7f9fc;
}

.ix-page.ix-workforce .ix-msg-in .ix-msg-bubble {
  background: #e8edf5;
  border: 1px solid #d1d9e6;
  color: #172033;
}

.ix-page.ix-workforce .ix-msg-out .ix-msg-bubble {
  background: #0f172a;
  border: 1px solid #1e293b;
  color: #f8fafc;
}

.ix-page.ix-workforce .ix-composer {
  background: #f8fafc;
  border-top: 1px solid #d6deeb;
  padding: 12px 16px 14px;
}

.ix-page.ix-workforce .ix-composer-input {
  border-radius: 10px;
  border-color: #cfd8e5;
  background: #ffffff;
}

.ix-page.ix-workforce .ix-action-footer {
  background: #f8fafc;
  border-top: 1px solid #d6deeb;
}

.ix-page.ix-workforce .ix-action-btn {
  min-height: 34px;
  border-radius: 10px;
  border-color: #cdd7e6;
  background: #ffffff;
  font-size: 11px;
  font-weight: 600;
}

.ix-page.ix-workforce .ix-action-btn-activate {
  background: #0f766e;
  border-color: #0f766e;
}

.ix-page.ix-workforce .ix-action-btn-takeover {
  background: #0f172a;
  border-color: #0f172a;
}

.ix-page.ix-workforce .ix-cs {
  background: #f8fafc;
  border-bottom: 1px solid #d6deeb;
}

.ix-page.ix-workforce .ix-pane-scroll {
  background: #f4f7fb;
  padding: 10px;
  box-sizing: border-box;
}

.ix-page.ix-workforce .ix-widget,
.ix-page.ix-workforce .ix-capture-panel {
  background: #ffffff;
  border: 1px solid #d6deeb;
  border-radius: 12px;
  margin-bottom: 8px;
  padding: 10px 12px;
}

.ix-page.ix-workforce .ix-widget {
  border-bottom: 1px solid #d6deeb;
}

.ix-page.ix-workforce .ix-rd-source-chip,
.ix-page.ix-workforce .ix-session-row,
.ix-page.ix-workforce .ix-act-filter-btn {
  border-radius: 8px;
}

.ix-page.ix-workforce .ix-threads {
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ix-page.ix-workforce .ix-thread {
  border: 1px solid #d6deeb;
  border-radius: 12px;
  background: #ffffff;
  overflow: hidden;
}

.ix-page.ix-workforce .ix-thread:hover {
  background: #f8fafc;
}

.ix-page.ix-workforce .ix-thread.is-open {
  background: #eef2ff;
  border-color: #b8c8ea;
}

.ix-page.ix-workforce .ix-thread::after,
.ix-page.ix-workforce .ix-thread.is-open::after {
  display: none;
}

.ix-page.ix-workforce .ix-thread-side {
  display: none;
}

.ix-page.ix-workforce .ix-thread-body {
  padding: 12px 13px;
}

.ix-page.ix-workforce .wf-top-takeover {
  border: 1px solid #253247;
  background: #101a2b;
  color: #f8fafc;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.01em;
  border-radius: 9px;
  padding: 6px 10px;
  margin-right: 6px;
  cursor: pointer;
}

.ix-page.ix-workforce .wf-top-takeover:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

.ix-page.ix-workforce .wf-compose-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 6px;
  margin: 8px 0 10px;
  padding: 4px;
  border: 1px solid #d2dced;
  border-radius: 12px;
  background: #f0f4fb;
}

.ix-page.ix-workforce .wf-compose-tab {
  border: 1px solid transparent;
  background: transparent;
  color: #415674;
  border-radius: 9px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.01em;
  padding: 6px 8px;
  cursor: pointer;
}

.ix-page.ix-workforce .wf-compose-tab.is-active {
  border-color: #1f2f48;
  background: #0f2039;
  color: #f8fafc;
  box-shadow: 0 4px 10px rgba(15, 32, 57, 0.24);
}

.ix-page.ix-workforce .ix-composer .btn.btn-primary {
  background: #10203a;
  border-color: #10203a;
  border-radius: 10px;
  padding: 6px 12px;
}

.ix-page.ix-workforce .ix-msg-internal {
  background: #f7f2e7;
  border: 1px solid #e5d7bd;
  border-radius: 12px;
  padding: 8px 10px;
  margin: 8px 10px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

.ix-page.ix-workforce .ix-msg-internal--directed {
  background: #fef3dd;
  border-color: #efcf94;
}

.ix-page.ix-workforce .ix-msg-internal-label {
  color: #8a5a1f;
  font-family: var(--mono-font);
  font-size: 10px;
  letter-spacing: 0.06em;
}

.ix-page.ix-workforce .ix-msg-internal-body {
  color: #3f2f1f;
  font-size: 12px;
  line-height: 1.45;
}

.ix-page.ix-workforce .ix-widget.ix-widget--memory {
  border: 1px solid #d4deee;
  background: linear-gradient(180deg, #f8fbff 0%, #f3f7fd 100%);
}

.ix-page.ix-workforce .wf-right-memory-list {
  margin-top: 8px;
  display: grid;
  gap: 6px;
}

.ix-page.ix-workforce .wf-right-memory-card {
  width: 100%;
  border: 1px solid #cfdaeb;
  background: #ffffff;
  border-radius: 10px;
  padding: 8px 9px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  text-align: left;
  color: #24344d;
  cursor: pointer;
}

.ix-page.ix-workforce .wf-right-memory-card.is-checked {
  border-color: #9eb5d6;
  background: #ebf3ff;
}

.ix-page.ix-workforce .wf-right-memory-dot {
  color: #34598c;
  font-size: 13px;
  line-height: 1.25;
}

.ix-page.ix-workforce .wf-right-memory-text {
  font-size: 12px;
  line-height: 1.4;
}

.wf-mode-switch {
  margin-left: 8px;
  display: inline-flex;
  gap: 4px;
  padding: 2px;
  border: 1px solid #d6deeb;
  background: #ffffff;
  border-radius: 999px;
}

.wf-mode-btn {
  border: none;
  background: transparent;
  color: #516079;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 999px;
  cursor: pointer;
}

.wf-mode-btn.is-on {
  background: #0f172a;
  color: #ffffff;
}

.wf-empty {
  width: min(520px, 88%);
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
  color: #44536b;
}

.wf-empty-icon {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: #eef2f7;
  color: #6b7a94;
  font-size: 26px;
}

.wf-empty h3 {
  margin: 0;
  font-size: 21px;
  font-weight: 600;
  color: #0f172a;
}

.wf-empty p {
  margin: 0;
  max-width: 48ch;
  font-size: 14px;
  line-height: 1.45;
}

.wf-empty-visual {
  position: relative;
  width: 240px;
  height: 220px;
  display: grid;
  place-items: center;
  margin-bottom: 8px;
}

.wf-empty-glow {
  position: absolute;
  inset: 20px;
  background: radial-gradient(circle, rgba(59, 130, 246, 0.16), rgba(59, 130, 246, 0));
  filter: blur(8px);
  border-radius: 999px;
}

.wf-empty-card {
  border-radius: 18px;
  border: 1px solid #314b77;
}

.wf-empty-card-outer {
  width: 150px;
  height: 138px;
  background: #0f172a;
  transform: rotate(7deg);
  padding: 10px;
  box-shadow: 0 18px 40px rgba(2, 6, 23, 0.45);
}

.wf-empty-card-inner {
  width: 100%;
  height: 100%;
  background: #111827;
  transform: rotate(-11deg);
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.wf-empty-row {
  display: flex;
  align-items: center;
}

.wf-empty-row-top {
  gap: 8px;
}

.wf-empty-lines {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.wf-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
}

.wf-dot-green {
  background: #22c55e;
}

.wf-line {
  display: inline-block;
  height: 6px;
  border-radius: 999px;
  background: #334155;
}

.wf-line-short {
  width: 34px;
}

.wf-line-full {
  width: 100%;
}

.wf-line-mid {
  width: 78%;
}

.wf-line-half {
  width: 52%;
}

.wf-empty-row-bottom {
  margin-top: auto;
  justify-content: flex-end;
}

.wf-chat-chip {
  width: 24px;
  height: 24px;
  border-radius: 7px;
  background: rgba(245, 158, 11, 0.2);
  color: #f59e0b;
  display: grid;
  place-items: center;
  font-size: 14px;
}

.wf-empty-actions {
  margin-top: 8px;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.wf-empty-action-card {
  text-align: left;
  border: 1px solid #242a36;
  border-radius: 12px;
  padding: 11px;
  background: #12161e;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.wf-empty-action-card::before {
  content: "◉";
  display: block;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  border-radius: 6px;
  margin-bottom: 8px;
  background: rgba(245, 158, 11, 0.14);
  border: 1px solid rgba(245, 158, 11, 0.45);
  color: #f59e0b;
}

.wf-empty-action-logs::before {
  content: "≣";
}

.wf-empty-action-title {
  font-size: 11px;
  font-weight: 600;
  color: #f1f5f9;
}

.wf-empty-action-sub {
  margin-top: 4px;
  font-size: 10px;
  color: #94a3b8;
  line-height: 1.35;
}

[data-theme="dark"] .ix-page.ix-workforce {
  background: #080c13;
}

[data-theme="dark"] .ix-page.ix-workforce .ix-list {
  background: #10141d;
  border-color: #252b36;
  border-right-color: #252b36;
}

[data-theme="dark"] .ix-page.ix-workforce .ix-pane,
[data-theme="dark"] .ix-page.ix-workforce .ix-record {
  background: #0b0f17;
  border-color: #252b36;
}

[data-theme="dark"] .ix-page.ix-workforce .ix-pane-head {
  background: #111723;
  border-bottom-color: #252b36;
}

[data-theme="dark"] .ix-page.ix-workforce .ix-pane-name {
  color: #f8fafc;
}

[data-theme="dark"] .ix-page.ix-workforce .ix-pane-sub {
  color: #8fa0b8;
}

[data-theme="dark"] .ix-page.ix-workforce .ix-msgs {
  background: #0d121c;
}

[data-theme="dark"] .ix-page.ix-workforce .ix-msg-in .ix-msg-bubble {
  background: #1a2231;
  border-color: #2c3a52;
  color: #dfe7f2;
}

[data-theme="dark"] .ix-page.ix-workforce .ix-msg-out .ix-msg-bubble {
  background: #273549;
  border-color: #395173;
}

[data-theme="dark"] .ix-page.ix-workforce .ix-composer,
[data-theme="dark"] .ix-page.ix-workforce .ix-action-footer,
[data-theme="dark"] .ix-page.ix-workforce .ix-cs {
  background: #111723;
  border-color: #252b36;
}

[data-theme="dark"] .ix-page.ix-workforce .ix-composer-input,
[data-theme="dark"] .ix-page.ix-workforce .ix-action-btn {
  background: #182234;
  border-color: #2f3e59;
  color: #d7e3f4;
}

[data-theme="dark"] .ix-page.ix-workforce .ix-action-btn-activate {
  background: #0f766e;
  border-color: #0f766e;
  color: #ecfeff;
}

[data-theme="dark"] .ix-page.ix-workforce .ix-action-btn-takeover {
  background: #273549;
  border-color: #395173;
}

[data-theme="dark"] .ix-page.ix-workforce .ix-pane-scroll {
  background: #0d121b;
}

[data-theme="dark"] .ix-page.ix-workforce .ix-widget,
[data-theme="dark"] .ix-page.ix-workforce .ix-capture-panel {
  background: #141c29;
  border-color: #2b3446;
}

[data-theme="dark"] .ix-page.ix-workforce .ix-filters {
  background: #0e131c;
  border-bottom-color: #252b36;
}

[data-theme="dark"] .ix-page.ix-workforce .ix-thread {
  border-color: #2a3240;
  background: #111823;
}

[data-theme="dark"] .ix-page.ix-workforce .ix-thread:hover {
  background: #162030;
}

[data-theme="dark"] .ix-page.ix-workforce .ix-thread.is-open {
  background: #1b2535;
  border-color: #425474;
}

[data-theme="dark"] .ix-page.ix-workforce .wf-top-takeover {
  background: #1f2c42;
  border-color: #3b4f6f;
  color: #e7edf7;
}

[data-theme="dark"] .ix-page.ix-workforce .wf-compose-tab {
  border-color: transparent;
  background: transparent;
  color: #b8c7dd;
}

[data-theme="dark"] .ix-page.ix-workforce .wf-compose-tab.is-active {
  border-color: #4f6991;
  background: #243654;
  color: #f8fafc;
}

[data-theme="dark"] .ix-page.ix-workforce .wf-compose-tabs {
  border-color: #2c3b52;
  background: #111b2d;
}

[data-theme="dark"] .ix-page.ix-workforce .ix-composer .btn.btn-primary {
  background: #2a3f61;
  border-color: #37527d;
}

[data-theme="dark"] .ix-page.ix-workforce .ix-msg-internal {
  background: #332a1b;
  border-color: #574328;
}

[data-theme="dark"] .ix-page.ix-workforce .ix-msg-internal--directed {
  background: #3a2f1a;
  border-color: #6d552e;
}

[data-theme="dark"] .ix-page.ix-workforce .ix-msg-internal-label {
  color: #d9ac65;
}

[data-theme="dark"] .ix-page.ix-workforce .ix-msg-internal-body {
  color: #f3e5cf;
}

[data-theme="dark"] .ix-page.ix-workforce .ix-widget.ix-widget--memory {
  border-color: #2d3d56;
  background: linear-gradient(180deg, #141f31 0%, #101a29 100%);
}

[data-theme="dark"] .ix-page.ix-workforce .wf-right-memory-card {
  border-color: #31435f;
  background: #17243a;
  color: #dce8fa;
}

[data-theme="dark"] .ix-page.ix-workforce .wf-right-memory-card.is-checked {
  border-color: #4f6991;
  background: #223654;
}

[data-theme="dark"] .ix-page.ix-workforce .wf-right-memory-dot {
  color: #98b5df;
}

[data-theme="dark"] .wf-mode-switch {
  border-color: #31394a;
  background: #0f1726;
}

[data-theme="dark"] .wf-mode-btn {
  color: #95a4bc;
}

[data-theme="dark"] .wf-mode-btn.is-on {
  background: #f59e0b;
  color: #16130b;
}

[data-theme="dark"] .wf-empty {
  color: #93a4bd;
}

[data-theme="dark"] .wf-empty h3 {
  color: #f7fafc;
}

[data-theme="dark"] .wf-empty p {
  color: #9aa8bf;
}

[data-theme="dark"] .wf-empty-glow {
  background: radial-gradient(circle, rgba(245, 158, 11, 0.2), rgba(245, 158, 11, 0));
}

[data-theme="dark"] .wf-empty-card {
  border-color: #3a2c1a;
}

[data-theme="dark"] .wf-empty-card-outer {
  background: #0b0f16;
  box-shadow: 0 20px 42px rgba(0, 0, 0, 0.55);
}

[data-theme="dark"] .wf-empty-card-inner {
  background: #0f131b;
}

[data-theme="dark"] .wf-line {
  background: #2a3344;
}

[data-theme="dark"] .wf-chat-chip {
  background: rgba(245, 158, 11, 0.14);
  border: 1px solid rgba(245, 158, 11, 0.35);
}

[data-theme="dark"] .wf-empty-action-card {
  border-color: #2b3240;
  background: #121923;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

[data-theme="dark"] .wf-empty-action-title {
  color: #f8fafc;
}

[data-theme="dark"] .wf-empty-action-sub {
  color: #9aacbf;
}

@media (max-width: 980px) {
  .ix-page.ix-workforce,
  .ix-page.ix-workforce.has-record {
    grid-template-columns: 1fr;
  }

  .ix-page.ix-workforce .ix-list {
    border-right: none;
    border-bottom: 1px solid var(--border);
    max-height: 44vh;
  }

  .wf-empty-actions {
    grid-template-columns: 1fr;
  }
}