:root {
  color-scheme: light;
  --bg: #f4f6f8;
  --surface: #ffffff;
  --surface-2: #eef3f6;
  --line: #d8e0e6;
  --text: #1d252c;
  --muted: #66717b;
  --brand: #0f766e;
  --brand-2: #0b5c6b;
  --warn: #b45309;
  --danger: #b91c1c;
  --ok: #15803d;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
}

/* V1828: Janon AI phone history is a full-screen page, never a desktop drawer.
   This scope deliberately excludes WhatsApp and the regular CRM chat list. */
@media (max-width: 760px) {
  .app-shell.crm-claw-mobile-surface .crm-claw-mobile-history-panel {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    min-width: 0 !important;
    height: 100dvh !important;
    max-width: 100vw !important;
    overflow: hidden !important;
    background: #fff !important;
  }
  .app-shell.crm-claw-mobile-surface .crm-claw-mobile-history-panel .crm-claw-mobile-history-scrim {
    display: none !important;
  }
  .app-shell.crm-claw-mobile-surface .crm-claw-mobile-history-panel .crm-claw-mobile-history-drawer {
    width: 100vw !important;
    min-width: 0 !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    padding: max(14px, env(safe-area-inset-top)) 18px max(14px, env(safe-area-inset-bottom)) !important;
    box-shadow: none !important;
  }
  .app-shell.crm-claw-mobile-surface .crm-claw-mobile-history-panel .crm-claw-history-row {
    position: relative !important;
    min-width: 0 !important;
  }
  .app-shell.crm-claw-mobile-surface .crm-claw-mobile-history-panel .crm-claw-history-action-menu {
    position: absolute !important;
    z-index: 10 !important;
    top: calc(100% + 6px) !important;
    right: auto !important;
    bottom: auto !important;
    left: 0 !important;
    width: min(292px, calc(100vw - 36px)) !important;
    max-width: calc(100vw - 36px) !important;
  }
  .app-shell.crm-claw-mobile-surface .crm-claw-mobile-history-panel .crm-claw-history-row.is-history-menu-above .crm-claw-history-action-menu {
    top: auto !important;
    bottom: calc(100% + 6px) !important;
  }
}

.whatsapp-app-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: end;
  margin: 16px 0 18px;
}

.whatsapp-app-form label {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.whatsapp-app-form input {
  width: 100%;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 9px 10px;
  color: var(--text);
  background: #fff;
}

.whatsapp-app-account-list {
  display: grid;
  gap: 8px;
  margin: 10px 0 18px;
}

.whatsapp-login-shell {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f7faf9;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.14);
  margin-top: 18px;
}

.whatsapp-login-hero {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
  padding: 24px 30px 74px;
  background: #00a884;
  color: #fff;
}

.whatsapp-login-hero div {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  letter-spacing: 0.4px;
}

.whatsapp-login-logo {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 2px solid rgba(255,255,255,.9);
  border-radius: 50%;
  font-size: 22px;
}

.whatsapp-login-hero small {
  color: rgba(255,255,255,.82);
}

.whatsapp-login-card {
  display: grid;
  grid-template-columns: minmax(360px, 1fr) minmax(300px, 330px);
  gap: 34px;
  margin: -48px 28px 28px;
  padding: 36px 38px;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 16px 34px rgba(15,23,42,.18);
}

.whatsapp-login-steps h2 {
  margin: 0 0 22px;
  color: #31424a;
  font-size: 25px;
  font-weight: 500;
}

.whatsapp-login-steps ol {
  display: grid;
  gap: 16px;
  margin: 0 0 24px;
  padding-left: 22px;
  color: #4b5f68;
  line-height: 1.45;
}

.whatsapp-phone-login-form {
  display: flex;
  gap: 10px;
  align-items: end;
  border-top: 1px solid var(--line);
  padding-top: 18px;
}

.whatsapp-phone-login-form label {
  flex: 1;
  display: grid;
  gap: 6px;
  color: #0f766e;
  font-size: 13px;
}

.whatsapp-phone-login-form input {
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 10px 12px;
  font-size: 14px;
}

.whatsapp-phone-login-form button,
.whatsapp-login-link {
  border: 0;
  border-radius: 6px;
  padding: 10px 14px;
  background: #0f766e;
  color: #fff;
  cursor: pointer;
}

.whatsapp-login-link {
  margin-top: 12px;
  background: transparent;
  color: #0f766e;
  padding-left: 0;
}

.whatsapp-login-visual {
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 10px;
  min-height: 260px;
  min-width: 0;
}

.whatsapp-login-qr-frame {
  position: relative;
  display: grid;
  place-items: center;
  width: 280px;
  height: 280px;
  padding: 14px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(15,23,42,.08);
}

.whatsapp-login-qr {
  width: 252px;
  height: 252px;
  object-fit: contain;
  image-rendering: crisp-edges;
}

.whatsapp-qr-badge {
  position: absolute;
  left: 50%;
  top: 50%;
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  transform: translate(-50%, -50%);
  border: 5px solid #fff;
  border-radius: 50%;
  background: #075e54;
  color: #fff;
  font-size: 24px;
  box-shadow: 0 3px 10px rgba(15,23,42,.18);
}

.whatsapp-login-code,
.whatsapp-login-waiting {
  display: grid;
  place-items: center;
  gap: 10px;
  width: 235px;
  min-height: 190px;
  border: 1px solid #b7e4d6;
  border-radius: 8px;
  background: #f1fbf7;
  text-align: center;
  color: #47645b;
}

.whatsapp-login-code strong {
  color: #075e54;
  font-size: 34px;
  letter-spacing: 2px;
}

.whatsapp-account-management {
  margin-top: 12px;
}

.whatsapp-account-management summary {
  cursor: pointer;
  color: var(--muted);
}

.whatsapp-device-table {
  display: grid;
  gap: 0;
  margin-top: 10px;
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fff;
}

.whatsapp-device-head,
.whatsapp-device-row {
  display: grid;
  grid-template-columns: 1.25fr 1.2fr .8fr .8fr .8fr .9fr .8fr 1.35fr;
  gap: 12px;
  align-items: center;
  min-width: 980px;
  padding: 12px 14px;
}

.whatsapp-device-head {
  background: #f3f6f8;
  color: #4b5563;
  font-size: 12px;
  font-weight: 700;
}

.whatsapp-device-row {
  border-top: 1px solid var(--line);
  color: var(--text);
}

.whatsapp-device-row strong,
.whatsapp-device-row small {
  display: block;
}

.whatsapp-device-row small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 11px;
}

.device-state {
  display: inline-block;
  width: fit-content;
  padding: 4px 8px;
  border-radius: 5px;
  background: #eef2f7;
  color: #334155;
}

.device-state-online {
  background: #dcfce7;
  color: #15803d;
}

.device-state-awaiting_qr,
.device-state-awaiting_pairing_code,
.device-state-connecting {
  background: #fef3c7;
  color: #a16207;
}

.whatsapp-device-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

@media (max-width: 860px) {
  .channel-setup-panel { width:96vw; }
  .whatsapp-login-card {
    grid-template-columns: 1fr;
    margin: -48px 16px 20px;
    padding: 26px 22px;
  }
  .whatsapp-login-hero {
    padding-left: 22px;
    padding-right: 22px;
  }
}

.whatsapp-app-account {
  display: grid;
  grid-template-columns: minmax(180px, 1.2fr) minmax(180px, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: var(--surface-2);
}

.whatsapp-app-account strong,
.whatsapp-app-account span,
.whatsapp-app-account-status {
  display: block;
}

.whatsapp-app-account span,
.whatsapp-app-account small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
}

.whatsapp-app-account-status b {
  color: var(--warn);
  font-size: 13px;
}

.whatsapp-app-qr {
  width: 124px;
  height: 124px;
  object-fit: contain;
  border: 1px solid var(--line);
  background: #fff;
  padding: 6px;
}

.whatsapp-app-qr-box {
  display: grid;
  gap: 6px;
  justify-items: center;
}

.whatsapp-app-pair-box {
  display: grid;
  gap: 6px;
  min-width: 160px;
  padding: 10px 12px;
  border: 1px solid #9bd9c7;
  border-radius: 7px;
  background: #f1fbf7;
}

.whatsapp-app-pair-box strong {
  color: #047857;
  font-size: 22px;
  letter-spacing: 1px;
}

.whatsapp-app-pair-box small {
  color: #47645b;
  line-height: 1.45;
}

.whatsapp-app-qr-box small {
  color: var(--muted);
  font-size: 11px;
}

.whatsapp-app-qr-waiting {
  display: grid;
  place-items: center;
  width: 124px;
  height: 124px;
  padding: 12px;
  border: 1px dashed #a9c3d7;
  border-radius: 7px;
  background: #f7fbff;
  color: #42677f;
  font-size: 12px;
  line-height: 1.45;
  text-align: center;
}

button:disabled {
  cursor: not-allowed;
  opacity: .5;
}

@media (max-width: 860px) {
  .whatsapp-app-form,
  .whatsapp-app-account {
    grid-template-columns: 1fr;
  }
  .common-entry-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.app-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
}

.sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  background: #0b1f24;
  color: #e5f0f1;
  padding: 22px 16px;
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.brand-block {
  padding: 6px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,.12);
}

.brand-block h1 {
  font-size: 23px;
}

.brand-block span {
  display: block;
  margin-top: 8px;
  color: #a9bec2;
  font-size: 12px;
  line-height: 1.45;
}

.nav-list {
  display: grid;
  gap: 8px;
}

.nav-button {
  width: 100%;
  text-align: left;
  border-color: transparent;
  background: transparent;
  color: #c6d5d8;
  padding: 11px 12px;
}

.nav-button:hover,
.nav-button.active {
  background: #12343b;
  color: #fff;
  border-color: rgba(255,255,255,.12);
}

.sidebar-note {
  margin-top: auto;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 8px;
  padding: 12px;
  background: rgba(255,255,255,.04);
}

.sidebar-note strong {
  font-size: 13px;
}

.sidebar-note p {
  margin-top: 7px;
  color: #adc0c4;
  font-size: 12px;
  line-height: 1.5;
}

.workspace {
  min-width: 0;
}

.topbar {
  min-height: 92px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 20px 28px;
  background: #0d2328;
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255,.12);
}

.eyebrow {
  margin: 0 0 4px;
  font-size: 12px;
  letter-spacing: .08em;
  color: #99d5cb;
  font-weight: 700;
}

h1, h2, p {
  margin: 0;
}

h1 {
  font-size: 28px;
  font-weight: 760;
}

.top-subtitle {
  margin-top: 6px;
  color: #c3d1d3;
  font-size: 13px;
}

h2 {
  font-size: 16px;
  font-weight: 720;
}

main {
  padding: 24px 28px 48px;
  max-width: 1480px;
  margin: 0 auto;
}

.view {
  display: none;
}

.view.active {
  display: block;
}

.top-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #c3d1d3;
  font-size: 13px;
}

button,
input,
select {
  font: inherit;
}

button {
  border: 1px solid rgba(255,255,255,.28);
  background: #12343b;
  color: #fff;
  border-radius: 6px;
  padding: 9px 12px;
  cursor: pointer;
}

button:hover {
  background: #184550;
}

.logout-link {
  color: #c3d1d3;
  font-size: 13px;
  text-decoration: none;
}

.logout-link:hover {
  color: #fff;
}

.login-body {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 24px;
  background: #0d2328;
}

.login-shell {
  width: min(440px, 100%);
  padding: 0;
}

.login-panel {
  background: #fff;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 8px;
  padding: 28px;
  box-shadow: 0 20px 60px rgba(0,0,0,.22);
}

.login-panel h1 {
  color: var(--text);
  font-size: 26px;
  margin-bottom: 10px;
}

.login-copy {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 22px;
}

.login-error {
  color: var(--danger);
  background: #fee2e2;
  border: 1px solid #fecaca;
  border-radius: 6px;
  font-size: 13px;
  margin-bottom: 16px;
  padding: 10px 12px;
}

.login-form {
  display: grid;
  gap: 10px;
}

.login-form label {
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.login-form input {
  width: 100%;
  padding: 11px 12px;
}

.login-form button {
  margin-top: 4px;
  background: var(--brand);
  border-color: var(--brand);
  justify-content: center;
}

.login-form button:hover {
  background: var(--brand-2);
}

.metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(150px, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}


.metric,
.panel {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
}

.metric {
  padding: 16px;
}

.metric span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  margin-bottom: 8px;
}

.metric strong {
  font-size: 28px;
  line-height: 1;
}

.common-entry-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: -4px 0 16px;
}

.common-entry-strip button {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-items: center;
  gap: 2px 10px;
  min-height: 68px;
  padding: 10px 12px;
  border: 1px solid #d7e6ef;
  border-radius: 7px;
  background: #fff;
  color: #26343d;
  text-align: left;
  box-shadow: 0 1px 2px rgba(20,36,42,.025);
}

.common-entry-strip button:hover {
  border-color: #a9ccdf;
  background: #f7fbff;
}

.common-entry-strip span {
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid #bdd8eb;
  border-radius: 10px;
  background: linear-gradient(145deg,#fff,#e1f1ff);
  font-size: 18px;
}

.common-entry-strip strong {
  font-size: 12px;
}

.common-entry-strip small {
  min-width: 0;
  overflow: hidden;
  color: var(--muted);
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 860px) {
  .common-entry-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.layout {
  display: grid;
  grid-template-columns: 1.4fr .8fr;
  gap: 16px;
  margin-bottom: 16px;
}

.executive-layout {
  grid-template-columns: 1.15fr .85fr;
}

.operations-layout {
  grid-template-columns: 1fr 1fr;
}

.panel {
  overflow: hidden;
}

.panel.wide {
  min-width: 0;
}

.panel-head {
  min-height: 52px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.panel-head span {
  color: var(--muted);
  font-size: 12px;
}

.agent-grid {
  padding: 14px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.static-list {
  padding: 14px;
  display: grid;
  gap: 10px;
}

.static-list article {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
  padding: 12px;
}

.static-list strong {
  font-size: 13px;
}

.static-list p {
  margin-top: 7px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

.static-list code {
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #fff;
  padding: 3px 6px;
}

.module-grid {
  padding: 14px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.action-grid,
.channel-grid,
.quality-grid,
.funnel,
.ops-grid {
  padding: 14px;
}

.task-bucket-board {
  padding: 14px;
}

.bucket-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.bucket-card {
  min-height: 96px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
  padding: 12px;
}

.bucket-card span,
.bucket-card small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}

.bucket-card strong {
  display: block;
  margin: 8px 0 5px;
  font-size: 24px;
}

.sales-task-board {
  padding: 14px;
}

.sales-task-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.sales-task-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
  padding: 12px;
}

.sales-task-head {
  display: grid;
  gap: 5px;
  margin-bottom: 10px;
}

.sales-task-head strong {
  font-size: 14px;
}

.sales-task-head span {
  color: var(--muted);
  font-size: 12px;
}

.sales-task-mini {
  display: grid;
  gap: 6px;
}

.sales-task-mini button {
  border: 1px solid var(--line);
  background: #fff;
  color: var(--text);
  text-align: left;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  min-height: 34px;
}

.sales-task-mini button span {
  color: var(--muted);
  font-size: 11px;
}

.quick-filters,
.column-controls {
  padding: 0 14px 12px;
}

.quick-filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.quick-filter-row button {
  background: #fff;
  color: var(--text);
  border-color: var(--line);
}

.quick-filter-row button.active {
  background: var(--brand);
  border-color: var(--brand);
  color: #fff;
}

.quick-filter-row strong {
  margin-left: 5px;
}

.column-settings {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
  padding: 10px 12px;
}

.column-settings summary {
  cursor: pointer;
  font-weight: 700;
  font-size: 13px;
}

.column-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.column-checks label {
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #fff;
  padding: 7px 9px;
  font-size: 12px;
}

.column-checks button {
  background: #fff;
  color: var(--brand-2);
  border-color: var(--line);
}

.team-performance {
  padding: 14px;
}

.team-list {
  display: grid;
  gap: 8px;
}

.team-row {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 11px;
  display: grid;
  gap: 10px;
}

.team-person {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}

.team-person strong {
  font-size: 14px;
}

.team-person span {
  color: var(--muted);
  font-size: 12px;
}

.team-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.team-stats span {
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #f8fafc;
  color: #334155;
  padding: 7px 8px;
  font-size: 12px;
}

.pipeline-board,
.daily-task-board,
.api-review-bench {
  padding: 14px;
}

.pipeline-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.pipeline-card {
  min-height: 92px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 12px;
}

.pipeline-card span,
.task-summary span {
  color: var(--muted);
  font-size: 12px;
}

.pipeline-card strong {
  display: block;
  margin: 8px 0 5px;
  font-size: 24px;
}

.pipeline-card small {
  display: block;
}

.task-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.task-summary article {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
  padding: 12px;
}

.task-summary strong {
  display: block;
  margin-top: 6px;
  font-size: 22px;
}

.task-list,
.api-review-list {
  display: grid;
  gap: 9px;
}

.task-row,
.api-review-row {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 11px;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.api-review-row {
  grid-template-columns: minmax(0, 1fr) auto;
}

.task-rank {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: #ecfeff;
  color: #155e75;
  display: grid;
  place-items: center;
  font-weight: 800;
}

.task-main strong,
.api-review-row strong {
  display: block;
  font-size: 14px;
  margin-bottom: 4px;
}

.task-main span,
.task-main small,
.api-review-row span,
.api-review-row small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.task-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
  min-width: 260px;
}

.task-actions a {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #fff;
  color: var(--brand-2);
  text-decoration: none;
  padding: 6px 9px;
  font-size: 12px;
}

.monitor-agent-panel {
  padding: 14px;
}

.monitor-layout {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 12px;
}

.monitor-score {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 16px;
}

.monitor-score.good {
  border-color: #86efac;
  background: #f0fdf4;
}

.monitor-score.warn {
  border-color: #facc15;
  background: #fefce8;
}

.monitor-score.danger {
  border-color: #fca5a5;
  background: #fef2f2;
}

.monitor-score span,
.monitor-score small {
  display: block;
  color: var(--muted);
  font-size: 12px;
}

.monitor-score strong {
  display: block;
  margin: 8px 0;
  font-size: 44px;
  line-height: 1;
}

.monitor-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.monitor-metrics article {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 13px;
}

.monitor-metrics span {
  color: var(--muted);
  font-size: 12px;
}

.monitor-metrics strong {
  display: block;
  margin-top: 8px;
  font-size: 24px;
}

.channel-health-panel { margin-top: 14px; border-top: 1px solid var(--line); padding-top: 14px; }
.channel-health-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.channel-health-head h3 { margin: 0; }
.channel-health-head span { color: var(--muted); font-size: 12px; }
.channel-health-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 10px; }
.channel-health-card { border: 1px solid var(--line); border-left: 4px solid #94a3b8; border-radius: 8px; background: #fff; padding: 12px; }
.channel-health-card.healthy { border-left-color: #10b981; background: #f0fdf4; }
.channel-health-card.warning { border-left-color: #f59e0b; background: #fffbeb; }
.channel-health-card.attention { border-left-color: #ef4444; background: #fef2f2; }
.channel-health-card > div { display: flex; justify-content: space-between; gap: 10px; align-items: center; }
.channel-health-card b { font-size: 12px; color: var(--brand-2); }
.channel-health-card p { margin: 8px 0; font-size: 13px; }
.channel-health-card small { color: var(--muted); font-size: 11px; }
@media (max-width: 760px) { .channel-health-head { align-items: flex-start; flex-direction: column; gap: 3px; } .channel-health-grid { grid-template-columns: 1fr; } }

.monitor-columns {
  margin-top: 14px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.monitor-columns section {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
  padding: 12px;
}

.monitor-columns h3 {
  margin: 0 0 10px;
  font-size: 14px;
}

.monitor-alert,
.monitor-advice {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 10px;
  margin-bottom: 8px;
}

.monitor-alert.warning {
  border-color: #fed7aa;
  background: #fff7ed;
}

.monitor-alert.action {
  border-color: #bbf7d0;
  background: #f0fdf4;
}

.monitor-alert.info {
  border-color: #bfdbfe;
  background: #eff6ff;
}

.monitor-alert strong {
  display: block;
  font-size: 13px;
  margin-bottom: 5px;
}

.monitor-alert p,
.monitor-advice p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.monitor-advice {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 9px;
}

.monitor-advice span {
  width: 26px;
  height: 26px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: #ecfeff;
  color: #155e75;
  font-weight: 800;
  font-size: 12px;
}

.quality-repair-center {
  padding: 14px;
}

.repair-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.repair-summary article {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
  padding: 12px;
}

.repair-summary span {
  color: var(--muted);
  font-size: 12px;
}

.repair-summary strong {
  display: block;
  margin-top: 7px;
  font-size: 24px;
}

.repair-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.repair-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
  overflow: hidden;
}

.repair-card-head {
  border-bottom: 1px solid var(--line);
  background: #fff;
  padding: 12px;
}

.repair-card h3 {
  margin: 0 0 5px;
  font-size: 14px;
}

.repair-card-head span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.repair-list {
  display: grid;
  gap: 8px;
  padding: 10px;
}

.repair-item {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 10px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.repair-item strong,
.repair-item span,
.repair-item small {
  display: block;
}

.repair-item strong {
  font-size: 13px;
  margin-bottom: 4px;
}

.repair-item span,
.repair-item small {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.repair-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
  min-width: 180px;
}

.repair-actions a {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #fff;
  color: var(--brand-2);
  text-decoration: none;
  padding: 6px 9px;
  font-size: 12px;
}

.action-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.action-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
  padding: 12px;
  min-height: 118px;
}

.action-card span {
  color: var(--muted);
  font-size: 12px;
}

.action-card strong {
  display: block;
  margin: 8px 0;
  font-size: 26px;
  line-height: 1;
}

.action-card p {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.funnel-row,
.channel-row,
.quality-row {
  margin-bottom: 13px;
}

.funnel-label,
.quality-head,
.channel-row > div:first-child {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 7px;
  font-size: 13px;
}

.channel-row > div:first-child {
  align-items: baseline;
}

.channel-row span,
.quality-row small {
  color: var(--muted);
  font-size: 12px;
}

.ops-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ops-summary article {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
  padding: 12px;
}

.ops-summary span,
.ops-item span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}

.ops-summary strong {
  display: block;
  margin-top: 7px;
  font-size: 24px;
}

.ops-note {
  margin-top: 12px;
  border: 1px solid #fde68a;
  border-radius: 8px;
  background: #fffbeb;
  padding: 12px;
}

.ops-note strong,
.ops-list > strong {
  font-size: 13px;
}

.ops-note p {
  margin-top: 6px;
  color: #713f12;
  font-size: 12px;
  line-height: 1.5;
}

.quick-actions {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.whatsapp-mode-tabs {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.whatsapp-mode-tabs button {
  background: #fff;
  border-color: var(--line);
  color: var(--text);
}

.whatsapp-mode-tabs button.active {
  background: var(--brand);
  border-color: var(--brand);
  color: #fff;
}

.whatsapp-mode-tabs strong {
  margin-left: 5px;
}

.one-click-panel {
  margin-top: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 14px;
}

.one-click-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.one-click-head h3 {
  margin: 0 0 5px;
  font-size: 15px;
}

.one-click-head span {
  color: var(--muted);
  font-size: 12px;
}

.one-click-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.one-click-tabs button {
  background: #fff;
  border-color: var(--line);
  color: var(--text);
}

.one-click-tabs button.active {
  background: var(--brand);
  border-color: var(--brand);
  color: #fff;
}

.one-click-tabs strong {
  margin-left: 5px;
}

.quick-actions a,
.quick-actions button,
.ops-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #fff;
  color: var(--brand-2);
  padding: 7px 10px;
  font-size: 13px;
  text-decoration: none;
}

.quick-actions a:hover,
.quick-actions button:hover,
.ops-actions a:hover {
  background: #eef7f6;
}

.ops-list {
  margin-top: 12px;
  display: grid;
  gap: 8px;
}

.list-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.pager {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  color: var(--muted);
  font-size: 13px;
}

.pager.bottom {
  justify-content: center;
  padding: 8px 0 2px;
}

.pager button {
  border-color: var(--line);
  background: #fff;
  color: var(--brand-2);
  padding: 7px 10px;
}

.pager button:disabled {
  cursor: not-allowed;
  opacity: .42;
}

.ops-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px 12px;
  background: #fff;
}

.ops-item b {
  font-size: 13px;
}

.lead-action-item {
  align-items: flex-start;
}

.lead-action-item > div:first-child {
  min-width: 0;
}

.lead-action-item small {
  display: block;
  margin-top: 6px;
  color: #475569;
}

.ops-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
  min-width: 190px;
}

.supply-status {
  padding: 14px;
}

.supply-main {
  display: grid;
  grid-template-columns: 1fr minmax(220px, .34fr);
  gap: 14px;
  align-items: stretch;
}

.supply-main h3 {
  margin: 10px 0 8px;
  font-size: 16px;
  line-height: 1.4;
}

.supply-main p,
.supply-batch span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.supply-batch {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-2);
  padding: 12px;
  display: grid;
  gap: 8px;
  align-content: center;
}

.supply-batch strong {
  font-size: 15px;
  overflow-wrap: anywhere;
}

.query-list {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.query-list code {
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #f8fafc;
  color: #24323a;
  padding: 7px 9px;
  font-size: 12px;
  overflow-wrap: anywhere;
}

.module {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: #fff;
  min-height: 176px;
}

.module-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}

.module h3 {
  font-size: 14px;
  line-height: 1.35;
  margin: 0;
}

.module p {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  min-height: 52px;
}

.module dl {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 4px 8px;
  margin: 12px 0 0;
  font-size: 12px;
}

.module dt {
  color: var(--muted);
}

.module dd {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}

.agent {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-2);
  min-height: 112px;
}

.agent h3 {
  font-size: 14px;
  margin: 0 0 8px;
}

.agent p {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  min-height: 34px;
}

.badge {
  display: inline-flex;
  align-items: center;
  margin-top: 10px;
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 12px;
  background: #dbeafe;
  color: #1e40af;
}

.badge.running {
  background: #dcfce7;
  color: var(--ok);
}

.badge.planned {
  background: #fef3c7;
  color: var(--warn);
}

.bars {
  padding: 14px 16px 18px;
}

.bar-row {
  margin-bottom: 14px;
}

.bar-label {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-size: 13px;
  margin-bottom: 6px;
}

.bar-track {
  height: 9px;
  background: #e5e7eb;
  border-radius: 999px;
  overflow: hidden;
}

.bar-fill {
  height: 100%;
  background: var(--brand);
}

.filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.customer-workbench {
  padding: 12px 14px;
  border-bottom: 1px solid var(--line);
  background: #fbfdfe;
}
.customer-workbench-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.customer-workbench-actions button {
  min-height: 34px;
  border-color: var(--brand);
  background: var(--brand);
  color: #fff;
  font-weight: 750;
}
.customer-workbench-actions span {
  color: var(--muted);
  font-size: 11px;
}
.manual-customer-panel {
  margin: 0 14px 12px;
  border: 1px solid #d8e9e4;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(20, 54, 44, .08);
}
.manual-customer-panel[hidden] { display:none!important; }
.manual-customer-form { padding: 12px; }
.manual-customer-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.manual-customer-head strong { display:block;font-size:14px; }
.manual-customer-head span { color:var(--muted);font-size:11px; }
.manual-customer-head button { border-color:var(--line);background:#fff;color:var(--muted); }
.manual-customer-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.manual-customer-grid label {
  display: grid;
  gap: 5px;
  color: #465753;
  font-size: 11px;
}
.manual-customer-grid input,
.manual-customer-grid textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 8px 9px;
  font: inherit;
  font-size: 12px;
}
.manual-customer-wide { grid-column: span 4; }
.manual-customer-form footer {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 11px;
}
.manual-customer-form footer button {
  border-color: var(--brand);
  background: var(--brand);
  color: #fff;
}
.manual-customer-form footer span {
  color: var(--muted);
  font-size: 12px;
}

.bulk-assign-bar {
  padding: 10px 14px;
  border-bottom: 1px solid var(--line);
  background: #eef7f6;
}

.bulk-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.bulk-main strong {
  display: block;
  font-size: 13px;
  margin-bottom: 4px;
}

.bulk-main span {
  color: var(--muted);
  font-size: 12px;
}

.bulk-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.bulk-actions select {
  min-width: 190px;
}

.bulk-actions button:disabled {
  opacity: .48;
  cursor: not-allowed;
}

.mini-metrics {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 8px;
}

.mini-metrics article {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 10px;
  min-height: 72px;
}

.mini-metrics span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  margin-bottom: 7px;
}

.mini-metrics strong {
  font-size: 22px;
  line-height: 1;
}

input,
select,
textarea {
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 8px 10px;
  background: #fff;
  color: var(--text);
}

.table-wrap {
  overflow: auto;
  cursor: grab;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  user-select: none;
}

.table-wrap.dragging {
  cursor: grabbing;
  scroll-behavior: auto;
}

.table-wrap a,
.table-wrap button {
  user-select: auto;
}

.table-hint {
  padding: 9px 14px;
  border-bottom: 1px solid var(--line);
  background: #f8fafc;
  color: var(--muted);
  font-size: 12px;
}

table {
  border-collapse: collapse;
  width: 100%;
  min-width: 1400px;
}

th, td {
  text-align: left;
  padding: 12px 14px;
  border-bottom: 1px solid var(--line);
  vertical-align: top;
  font-size: 13px;
}

th[data-col] {
  position: relative;
  min-width: 70px;
}

.col-resizer {
  position: absolute;
  top: 0;
  right: -3px;
  width: 7px;
  height: 100%;
  cursor: col-resize;
  z-index: 2;
}

.col-resizer:hover {
  background: rgba(15, 118, 110, .18);
}

.resizing-column {
  cursor: col-resize;
  user-select: none;
}

.row-button {
  background: #fff;
  border-color: var(--line);
  color: var(--brand-2);
  padding: 6px 9px;
  white-space: nowrap;
}

.row-button:hover {
  background: #eef7f6;
}

.row-button.wa-mark-verified {
  border-color: #86efac !important;
  background: #dcfce7 !important;
  color: #166534 !important;
  font-weight: 700;
}

.row-button.wa-mark-verified:hover {
  background: #bbf7d0;
}

.row-button.wa-mark-invalid {
  border-color: #fecaca;
  background: #fee2e2;
  color: #991b1b;
  font-weight: 700;
}

.row-button.wa-mark-invalid:hover {
  background: #fecaca;
}

.table-pager {
  padding: 10px 14px 14px;
  border-top: 1px solid var(--line);
  background: #fff;
}

th {
  color: var(--muted);
  font-size: 12px;
  background: #f8fafc;
}

td a {
  color: var(--brand-2);
  text-decoration: none;
  word-break: break-all;
}

.status {
  display: inline-flex;
  padding: 4px 8px;
  border-radius: 999px;
  background: #ecfeff;
  color: #155e75;
  font-size: 12px;
}

.status.review {
  background: #fff7ed;
  color: #9a3412;
}

.status.ready {
  background: #dcfce7;
  color: var(--ok);
}

.status.danger {
  background: #fee2e2;
  color: var(--danger);
}

.wa-badge {
  display: inline-flex !important;
  align-items: center;
  margin-left: 6px;
  padding: 2px 7px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
}

.wa-badge.wa-verified,
.wa-action.wa-verified,
.wa-badge.contact-valid,
.wa-action.contact-valid {
  border-color: #86efac !important;
  background: #dcfce7 !important;
  color: #166534 !important;
}

.wa-badge.wa-pending,
.wa-action.wa-pending,
.wa-badge.contact-pending,
.wa-action.contact-pending {
  border-color: #fed7aa !important;
  background: #fff7ed !important;
  color: #9a3412 !important;
}


.task-actions a.wa-action,
.ops-actions a.wa-action,
.mini-actions a.wa-action {
  border-width: 1px;
  font-weight: 700;
}

.task-actions a.wa-action.wa-verified:hover,
.ops-actions a.wa-action.wa-verified:hover,
.mini-actions a.wa-action.wa-verified:hover {
  background: #bbf7d0;
}

.task-actions a.wa-action.wa-pending:hover,
.ops-actions a.wa-action.wa-pending:hover,
.mini-actions a.wa-action.wa-pending:hover {
  background: #ffedd5;
}

.ops-actions a.wa-action.secondary {
  background: #fff;
  font-weight: 600;
}

.ops-actions a.wa-action.wa-verified:hover {
  background: #bbf7d0;
}

.ops-actions a.wa-action.wa-pending:hover {
  background: #ffedd5;
}

.outreach-workbench {
  padding: 14px;
}

.followup-workbench {
  padding: 14px;
}

.outreach-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.outreach-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
  overflow: hidden;
}

.outreach-card-head {
  min-height: 66px;
  border-bottom: 1px solid var(--line);
  padding: 12px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.outreach-card h3 {
  margin: 0 0 6px;
  font-size: 14px;
}

.outreach-card span,
.outreach-mini span {
  color: var(--muted);
  font-size: 12px;
}

.outreach-card-list {
  display: grid;
  gap: 8px;
  padding: 10px;
}

.outreach-mini {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 10px;
  display: grid;
  gap: 8px;
}

.outreach-mini strong {
  display: block;
  font-size: 13px;
  margin-bottom: 4px;
}

.mini-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.mini-actions a {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 6px;
  color: var(--brand-2);
  text-decoration: none;
  padding: 6px 9px;
  background: #fff;
  font-size: 12px;
}

.followup-metrics {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.followup-lanes {
  margin-top: 12px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.followup-lanes section {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
  padding: 12px;
}

.followup-lanes h3 {
  margin: 0 0 10px;
  font-size: 14px;
}

.followup-item {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 10px;
  display: grid;
  gap: 8px;
  margin-bottom: 8px;
}

.followup-item span,
.followup-item small {
  display: block;
  margin-top: 4px;
}

.copy-box {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 10px;
  margin-top: 8px;
}

.copy-box strong {
  display: block;
  font-size: 13px;
  margin-bottom: 6px;
}

.copy-box button {
  margin-top: 8px;
}

.check-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.muted {
  color: var(--muted);
}

small {
  color: var(--muted);
  line-height: 1.35;
}

.run-list,
.event-list {
  max-height: 420px;
  overflow: auto;
}

.run,
.event {
  padding: 12px 16px;
  border-bottom: 1px solid var(--line);
  font-size: 13px;
}

.run strong {
  display: block;
  margin-bottom: 4px;
}

.event time,
.run span {
  color: var(--muted);
  font-size: 12px;
}

.drawer {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 50;
}

.drawer.open {
  display: block;
}

.drawer-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(9, 23, 29, .42);
}

.drawer-panel {
  position: absolute;
  top: 0;
  right: 0;
  width: min(620px, 100%);
  height: 100%;
  overflow: auto;
  background: #fff;
  border-left: 1px solid var(--line);
  box-shadow: -20px 0 60px rgba(15, 23, 42, .22);
  padding: 24px;
}

.drawer-close {
  float: right;
  background: #fff;
  color: var(--text);
  border-color: var(--line);
}

#leadDetail h2 {
  clear: both;
  margin: 8px 0 16px;
  font-size: 22px;
}

.detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 16px;
}

.detail-grid div,
.detail-section {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
  padding: 12px;
}

.detail-grid span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  margin-bottom: 5px;
}

.detail-section {
  margin-top: 12px;
}

.detail-section h3 {
  margin: 0 0 8px;
  font-size: 14px;
}

.detail-section p {
  color: #334155;
  font-size: 13px;
  line-height: 1.55;
  margin: 6px 0;
  overflow-wrap: anywhere;
}

.update-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.update-form label {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.update-form input,
.update-form select,
.update-form textarea {
  width: 100%;
  color: var(--text);
  font-weight: 400;
}

.update-form textarea {
  resize: vertical;
  min-height: 92px;
}

.update-form .full {
  grid-column: 1 / -1;
}

.check-row {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center;
  flex-direction: row;
}

.check-row input {
  width: auto;
}

.form-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.form-actions button {
  background: var(--brand);
  border-color: var(--brand);
}

.integration-info {
  margin-top: 16px;
}

.integration-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fbfc;
  padding: 14px;
}

.integration-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 14px;
}

.integration-head p,
.integration-standard p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
  margin-top: 5px;
}

.integration-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.integration-grid article {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 11px;
}

.integration-grid span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  margin-bottom: 7px;
}

.integration-grid code {
  display: block;
  white-space: normal;
  word-break: break-all;
  color: #17333a;
  font-size: 12px;
  line-height: 1.45;
}

.integration-standard {
  margin-top: 14px;
}

.integration-standard ul {
  margin: 10px 0 0;
  padding-left: 18px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
}

@media (max-width: 980px) {
  .app-shell {
    grid-template-columns: 1fr;
  }

  .sidebar {
    position: static;
    height: auto;
  }

  .nav-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .nav-button {
    text-align: center;
  }

  .topbar,
  .panel-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .layout,
  .module-grid,
  .agent-grid,
  .action-grid,
  .bucket-grid,
  .sales-task-list,
  .pipeline-grid,
  .task-summary,
  .monitor-layout,
  .monitor-metrics,
  .monitor-columns,
  .repair-summary,
  .repair-grid,
  .ops-summary,
  .mini-metrics,
  .outreach-grid,
  .followup-metrics,
  .followup-lanes,
  .check-grid,
  .supply-main {
    grid-template-columns: 1fr;
  }

  .integration-head {
    flex-direction: column;
  }

  .integration-grid {
    grid-template-columns: 1fr;
  }

  .filters {
    width: 100%;
  }

  .bulk-main,
  .bulk-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .bulk-actions select,
  .bulk-actions button {
    width: 100%;
  }

  .team-person {
    align-items: flex-start;
    flex-direction: column;
  }

  .team-stats {
    grid-template-columns: 1fr 1fr;
  }

  .filters input,
  .filters select {
    width: 100%;
  }

  .ops-item,
  .lead-action-item,
  .list-head,
  .task-row,
  .api-review-row,
  .repair-item {
    align-items: flex-start;
    flex-direction: column;
    display: flex;
  }

  .ops-actions,
  .pager,
  .task-actions,
  .repair-actions {
    justify-content: flex-start;
    min-width: 0;
    width: 100%;
  }

  .update-form,
  .detail-grid {
    grid-template-columns: 1fr;
  }

  main {
    padding: 16px;
  }
}


.task-actions a.daily-whatsapp-button,
.ops-actions a.daily-whatsapp-button,
.mini-actions a.daily-whatsapp-button,
td a.daily-whatsapp-button,
.detail-section a.daily-whatsapp-button {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.task-actions a.daily-whatsapp-button.wa-verified,
.task-actions a.daily-whatsapp-button.contact-valid,
.ops-actions a.daily-whatsapp-button.wa-verified,
.ops-actions a.daily-whatsapp-button.contact-valid,
.mini-actions a.daily-whatsapp-button.wa-verified,
.mini-actions a.daily-whatsapp-button.contact-valid,
td a.daily-whatsapp-button.wa-verified,
td a.daily-whatsapp-button.contact-valid,
.detail-section a.daily-whatsapp-button.wa-verified,
.detail-section a.daily-whatsapp-button.contact-valid {
  border: 1px solid #86efac !important;
  background: #dcfce7 !important;
  color: #166534 !important;
}

.task-actions a.daily-whatsapp-button.wa-pending,
.task-actions a.daily-whatsapp-button.contact-pending,
.ops-actions a.daily-whatsapp-button.wa-pending,
.ops-actions a.daily-whatsapp-button.contact-pending,
.mini-actions a.daily-whatsapp-button.wa-pending,
.mini-actions a.daily-whatsapp-button.contact-pending,
td a.daily-whatsapp-button.wa-pending,
td a.daily-whatsapp-button.contact-pending,
.detail-section a.daily-whatsapp-button.wa-pending,
.detail-section a.daily-whatsapp-button.contact-pending {
  border: 1px solid #fed7aa !important;
  background: #fff7ed !important;
  color: #9a3412 !important;
}

.task-actions a.daily-whatsapp-button.wa-verified:hover,
.ops-actions a.daily-whatsapp-button.wa-verified:hover,
.mini-actions a.daily-whatsapp-button.wa-verified:hover,
td a.daily-whatsapp-button.wa-verified:hover,
.detail-section a.daily-whatsapp-button.wa-verified:hover {
  background: #bbf7d0 !important;
}

.task-actions a.daily-whatsapp-button.wa-pending:hover,
.ops-actions a.daily-whatsapp-button.wa-pending:hover,
.mini-actions a.daily-whatsapp-button.wa-pending:hover,
td a.daily-whatsapp-button.wa-pending:hover,
.detail-section a.daily-whatsapp-button.wa-pending:hover {
  background: #ffedd5 !important;
}


.contact-button {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  border: 1px solid var(--line);
}

.contact-valid {
  border-color: #86efac !important;
  background: #dcfce7 !important;
  color: #166534 !important;
}

.contact-pending {
  border-color: #fed7aa !important;
  background: #fff7ed !important;
  color: #9a3412 !important;
}

.contact-invalid {
  border-color: #fecaca !important;
  background: #fee2e2 !important;
  color: #991b1b !important;
}

.contact-valid:hover { background: #bbf7d0 !important; }
.contact-pending:hover { background: #ffedd5 !important; }
.contact-invalid:hover { background: #fecaca !important; }


.research-status {
  display: inline-flex !important;
  align-items: center;
  gap: 4px;
  width: fit-content;
  margin-top: 4px;
  padding: 3px 7px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: #f8fafc;
  color: #475569;
  font-size: 11px !important;
  font-weight: 700;
}

.research-status-icon,
.research-button-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 999px;
  border: 1px solid currentColor;
  font-size: 12px;
  line-height: 1;
}

.research-pending {
  border-color: #fed7aa !important;
  background: #fff7ed !important;
  color: #9a3412 !important;
}

.research-running {
  border-color: #93c5fd !important;
  background: #dbeafe !important;
  color: #1d4ed8 !important;
}

.research-running .research-status-icon,
.research-button.research-running .research-button-icon {
  animation: research-spin 1.1s linear infinite;
}

.research-done {
  border-color: #86efac !important;
  background: #dcfce7 !important;
  color: #166534 !important;
}

.research-failed {
  border-color: #fecaca !important;
  background: #fee2e2 !important;
  color: #991b1b !important;
}

.research-button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-weight: 700;
}

@keyframes research-spin {
  to { transform: rotate(360deg); }
}


.research-bulk-button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border-color: #93c5fd;
  background: #eff6ff;
  color: #1d4ed8;
  font-weight: 700;
}

.research-bulk-button:hover {
  background: #dbeafe;
}


.repair-select {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  align-self: flex-start;
  min-height: 30px;
  padding: 5px 8px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  background: #f8fafc;
  color: #334155;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}

.repair-select input {
  width: 14px;
  height: 14px;
  margin: 0;
}


/* JANON quality repair redesign */
.repair-workbench-head {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto;
  gap: 14px;
  align-items: start;
  margin-bottom: 14px;
}

.repair-workbench-head h2 {
  margin: 0 0 5px;
  font-size: 20px;
}

.repair-workbench-head p,
.repair-summary small {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.repair-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.repair-focus-panel {
  border: 1px solid #fecaca;
  border-radius: 8px;
  background: #fff7ed;
  margin-bottom: 14px;
  overflow: hidden;
}

.repair-list-focus {
  padding: 12px;
}

.repair-grid-redesign {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.repair-item {
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.repair-item-main {
  min-width: 0;
}

.repair-item-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}

.repair-item-title strong {
  margin-bottom: 0;
}

.repair-timeout {
  border-color: #fca5a5;
  background: #fff7ed;
}

.repair-urgent {
  border-color: #fed7aa;
}

.research-timeout {
  border-color: #fca5a5 !important;
  background: #fee2e2 !important;
  color: #991b1b !important;
}

.research-timeout .research-status-icon,
.research-button.research-timeout .research-button-icon {
  animation: research-spin 0.8s linear infinite;
}

.research-reset-button {
  border-color: #fca5a5 !important;
  color: #991b1b !important;
  background: #fff7ed !important;
}

@media (max-width: 980px) {
  .repair-workbench-head,
  .repair-grid-redesign {
    grid-template-columns: 1fr;
  }
  .repair-toolbar {
    justify-content: flex-start;
  }
  .repair-item {
    grid-template-columns: 1fr;
  }
  .repair-actions {
    justify-content: flex-start;
  }
}


/* JANON instant research result update */
.research-result-panel {
  display: grid;
  gap: 10px;
  padding: 14px;
  margin: 12px 0;
  border: 1px solid #cde7df;
  border-radius: 8px;
  background: #f7fffc;
}

.research-result-panel h3 {
  margin: 0 0 4px;
  font-size: 16px;
}

.research-result-panel p {
  margin: 0;
  color: #54706a;
  font-size: 13px;
}

.research-result-panel textarea {
  width: 100%;
  min-height: 112px;
  resize: vertical;
  border: 1px solid #c9d7d3;
  border-radius: 8px;
  padding: 10px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
}

.research-result-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.research-result-status.ok { color: #147a4f; }
.research-result-status.warn { color: #9a6500; }
.research-result-status.error { color: #b42318; }


/* JANON outreach salesperson quick actions */
.outreach-result-buttons {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  align-items: center;
}

.outreach-result-buttons.compact {
  gap: 4px;
}

.result-button {
  border: 1px solid #d3dedb;
  background: #ffffff;
  color: #184b43;
  border-radius: 7px;
  padding: 6px 8px;
  font-size: 12px;
  cursor: pointer;
}

.result-button:hover {
  border-color: #128c7e;
  background: #eefbf7;
}

.result-button.interested,
.result-button.catalog,
.result-button.price,
.result-button.sample {
  border-color: #9bd9bf;
  background: #eefbf4;
  color: #137148;
}

.result-button.muted-action {
  border-color: #f0c36a;
  background: #fff8e6;
  color: #8a5a00;
}

.result-button.danger {
  border-color: #f1aaaa;
  background: #fff1f1;
  color: #a52222;
}


/* JANON salesperson-agent collaboration */
.agent-collab-panel {
  display: grid;
  gap: 12px;
  padding: 14px;
  margin-bottom: 14px;
  border: 1px solid #d5e7e3;
  border-radius: 8px;
  background: #f7fffc;
}

.agent-collab-head h3 {
  margin: 0 0 4px;
  font-size: 16px;
}

.agent-collab-head span {
  color: #58736e;
  font-size: 13px;
}

.agent-collab-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 10px;
}

.agent-collab-grid article {
  display: grid;
  gap: 8px;
  align-content: start;
  padding: 12px;
  border: 1px solid #d7e3df;
  border-radius: 8px;
  background: #ffffff;
}

.agent-collab-grid strong {
  color: #123b35;
}

.agent-collab-grid span {
  color: #5e706c;
  font-size: 12px;
  line-height: 1.45;
}


/* JANON human-AI marketing workbench */
.human-ai-workflow {
  display: grid;
  gap: 12px;
  margin-bottom: 14px;
  padding: 14px;
  border: 1px solid #d6e5e1;
  border-radius: 8px;
  background: linear-gradient(180deg, #f8fffc, #ffffff);
}

.human-ai-title {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.human-ai-title h3 {
  margin: 0 0 4px;
  font-size: 16px;
  color: #102f2a;
}

.human-ai-title span {
  color: #58736e;
  font-size: 13px;
}

.human-ai-title strong {
  white-space: nowrap;
  color: #0f766e;
  font-size: 14px;
}

.human-ai-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.human-ai-steps article {
  display: grid;
  grid-template-columns: 30px 1fr;
  gap: 8px;
  align-items: start;
  padding: 10px;
  border: 1px solid #dbe8e4;
  border-radius: 8px;
  background: #ffffff;
}

.human-ai-steps b {
  width: 26px;
  height: 26px;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  background: #e8f7f3;
  color: #0f766e;
  font-size: 13px;
}

.human-ai-steps strong {
  display: block;
  font-size: 13px;
  color: #123b35;
  margin-bottom: 3px;
}

.human-ai-steps span {
  color: #5c716d;
  font-size: 12px;
  line-height: 1.4;
}

@media (max-width: 980px) {
  .human-ai-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .human-ai-title {
    display: grid;
  }
  .human-ai-steps {
    grid-template-columns: 1fr;
  }
}


/* JANON compact marketing customer cards */
.task-main.compact {
  min-width: 0;
}

.marketing-lead-brief {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.brief-title {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.brief-title strong,
.marketing-lead-mini strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.brief-grade {
  flex: 0 0 auto;
  border: 1px solid #bfe3d8;
  border-radius: 999px;
  background: #effaf6;
  color: #11705c;
  padding: 2px 7px;
  font-size: 11px;
  font-weight: 700;
}

.brief-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.brief-tags span {
  border: 1px solid #e1e8e6;
  border-radius: 999px;
  background: #f8fbfa;
  color: #506661;
  padding: 2px 7px;
  font-size: 11px;
  line-height: 1.4;
}

.marketing-lead-brief p {
  margin: 0;
  color: #445b56;
  font-size: 12px;
  line-height: 1.45;
}

.marketing-lead-brief p b {
  color: #123b35;
  margin-right: 3px;
}

.marketing-lead-mini {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.marketing-lead-mini span,
.marketing-lead-mini small {
  color: #64748b;
  font-size: 12px;
  line-height: 1.35;
}

.marketing-lead-mini small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


/* JANON horizontal marketing customer summary */
.marketing-lead-brief.horizontal,
.marketing-lead-mini.horizontal {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 7px;
  min-width: 0;
}

.marketing-lead-brief.horizontal .brief-name,
.marketing-lead-mini.horizontal strong {
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #123b35;
}

.marketing-lead-brief.horizontal > span,
.marketing-lead-mini.horizontal > span,
.marketing-lead-mini.horizontal > small {
  border: 1px solid #e1e8e6;
  border-radius: 999px;
  background: #f8fbfa;
  color: #506661;
  padding: 2px 7px;
  font-size: 11px;
  line-height: 1.35;
  white-space: nowrap;
  max-width: 230px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.marketing-lead-brief.horizontal .brief-grade,
.marketing-lead-mini.horizontal > span:first-of-type {
  border-color: #bfe3d8;
  background: #effaf6;
  color: #11705c;
  font-weight: 700;
}

.marketing-lead-brief.horizontal .brief-hook,
.marketing-lead-mini.horizontal > small {
  max-width: 360px;
}

.task-row {
  align-items: center;
}

.task-main.compact {
  align-self: center;
}

.lead-action-item {
  align-items: center;
}


/* JANON column-style marketing customer summary */
.marketing-lead-brief.columns {
  display: grid;
  grid-template-columns: minmax(180px, 1.25fr) minmax(120px, .8fr) minmax(130px, .85fr) minmax(180px, 1fr) minmax(220px, 1.25fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
}

.brief-col {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.brief-col span {
  color: #7a8b87;
  font-size: 11px;
  line-height: 1.2;
}

.brief-col b,
.brief-company strong,
.marketing-lead-mini.columns strong,
.marketing-lead-mini.columns span,
.marketing-lead-mini.columns small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.brief-col b {
  color: #203f39;
  font-size: 12px;
  font-weight: 650;
}

.brief-company strong {
  color: #123b35;
  font-size: 13px;
}

.brief-company small {
  color: #8a9895;
  font-size: 11px;
}

.brief-col.brief-hook b {
  color: #36534d;
  font-weight: 500;
}

.marketing-lead-mini.columns {
  display: grid;
  grid-template-columns: minmax(130px, 1.1fr) minmax(100px, .8fr) minmax(80px, .55fr) minmax(150px, 1fr);
  gap: 8px;
  align-items: center;
  min-width: 0;
}

.marketing-lead-mini.columns strong {
  color: #123b35;
  font-size: 13px;
}

.marketing-lead-mini.columns span,
.marketing-lead-mini.columns small {
  color: #64748b;
  font-size: 12px;
}

@media (max-width: 1100px) {
  .marketing-lead-brief.columns {
    grid-template-columns: minmax(180px, 1fr) minmax(130px, .8fr) minmax(180px, 1fr);
  }
  .brief-col.brief-hook {
    grid-column: 1 / -1;
  }
}


/* JANON marketing two-line row layout: info row + action row */
.task-row {
  grid-template-columns: 40px minmax(0, 1fr);
  align-items: start;
}

.task-row .task-actions {
  grid-column: 2;
  justify-content: flex-start;
  min-width: 0;
  width: 100%;
  padding-top: 2px;
}

.task-row .marketing-lead-brief.columns {
  grid-template-columns: minmax(170px, 1.15fr) minmax(105px, .72fr) minmax(120px, .78fr) minmax(160px, 1fr) minmax(220px, 1.2fr);
}

.outreach-mini {
  align-content: start;
}

.outreach-mini .mini-actions {
  justify-content: flex-start;
  min-width: 0;
}

.lead-action-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 8px;
}

.lead-action-item .ops-actions {
  justify-content: flex-start;
  min-width: 0;
  width: 100%;
}

.lead-action-item .marketing-lead-brief.columns {
  grid-template-columns: minmax(170px, 1.1fr) minmax(105px, .72fr) minmax(120px, .78fr) minmax(160px, 1fr) minmax(220px, 1.2fr);
}

.task-actions .row-button,
.task-actions a,
.mini-actions .row-button,
.mini-actions a,
.ops-actions .row-button,
.ops-actions a,
.outreach-result-buttons .result-button {
  white-space: nowrap;
}

@media (max-width: 1200px) {
  .task-row .marketing-lead-brief.columns,
  .lead-action-item .marketing-lead-brief.columns {
    grid-template-columns: minmax(160px, 1fr) minmax(120px, .8fr) minmax(180px, 1fr);
  }
}


/* JANON simplified useful marketing fields */
.marketing-lead-brief.columns.simplified {
  grid-template-columns: minmax(170px, 1.25fr) minmax(110px, .78fr) minmax(130px, .82fr) minmax(120px, .78fr) minmax(135px, .86fr) minmax(110px, .72fr);
}

.marketing-lead-brief.columns.simplified .brief-company strong {
  font-size: 13px;
}

.marketing-lead-brief.columns.simplified .brief-col b {
  font-size: 12px;
}

.marketing-lead-mini.columns.simplified {
  grid-template-columns: minmax(140px, 1.15fr) minmax(110px, .9fr) minmax(95px, .75fr) minmax(86px, .65fr);
}

@media (max-width: 1200px) {
  .task-row .marketing-lead-brief.columns.simplified,
  .lead-action-item .marketing-lead-brief.columns.simplified {
    grid-template-columns: minmax(165px, 1fr) minmax(120px, .8fr) minmax(120px, .8fr) minmax(120px, .8fr);
  }
}


/* JANON cleaned evidence and notes */
.business-evidence-section .evidence-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.business-evidence-section .evidence-grid p,
.note-section > p {
  margin: 0;
  padding: 8px 10px;
  border: 1px solid #e1e8e6;
  border-radius: 8px;
  background: #fbfefd;
  color: #2f4944;
  font-size: 13px;
  line-height: 1.45;
}

.evidence-label {
  display: inline-block;
  margin-right: 6px;
  color: #0f766e;
  font-weight: 700;
}

.evidence-quality {
  margin-top: 10px;
  color: #526863;
  font-size: 13px;
}

.raw-evidence {
  margin-top: 10px;
  border: 1px dashed #cbd9d5;
  border-radius: 8px;
  padding: 8px 10px;
  background: #fff;
}

.raw-evidence summary {
  cursor: pointer;
  color: #0f766e;
  font-weight: 700;
}

.raw-evidence p {
  margin: 8px 0 0;
  color: #64748b;
  font-size: 12px;
  line-height: 1.5;
}


/* JANON editable outreach copy */
.editable-message-box {
  display: grid;
  gap: 8px;
}

.editable-message-box textarea {
  width: 100%;
  border: 1px solid #d7e3df;
  border-radius: 8px;
  padding: 10px;
  font-size: 13px;
  line-height: 1.5;
  resize: vertical;
  color: #173f38;
  background: #fbfefd;
}

.outreach-suggestion-section {
  scroll-margin-top: 16px;
}


/* JANON outreach translation reference */
.message-tools {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.translation-box {
  border: 1px solid #d8e7e2;
  border-radius: 8px;
  background: #f7fffc;
  color: #244d45;
  padding: 10px;
  white-space: pre-wrap;
  font-size: 13px;
  line-height: 1.55;
}


/* JANON copywriting agent controls */
.agent-rewrite-box {
  display: grid;
  gap: 5px;
}

.agent-rewrite-box span {
  color: #506661;
  font-size: 12px;
  font-weight: 700;
}

.agent-rewrite-box input {
  width: 100%;
  border: 1px solid #d7e3df;
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 13px;
}


/* JANON fast research buttons */
.research-fast-button {
  border-color: #16a34a;
  color: #146c43;
  background: #f0fdf4;
}
.research-fast-button:hover {
  background: #dcfce7;
}
.research-fast-button:disabled {
  opacity: .45;
  cursor: not-allowed;
}


/* Growth OS visual polish */
.brand-block h1 {
  letter-spacing: 0;
}

.metric {
  position: relative;
  min-height: 92px;
  border-color: #dbe5ea;
}

.metric::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--brand);
  border-radius: 8px 0 0 8px;
}

.growth-loop-panel {
  margin-bottom: 16px;
}

.growth-loop {
  padding: 14px;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 10px;
}

.growth-loop article {
  min-height: 92px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
  padding: 12px;
  display: grid;
  align-content: start;
  gap: 7px;
}

.growth-loop strong {
  font-size: 13px;
}

.growth-loop span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

@media (max-width: 1180px) {
  .metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .growth-loop {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}



/* Phase 1 workflow chips */
.phase1-metrics article,
.phase1-research-summary article {
  min-height: 76px;
}

.lead-stage {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid var(--line);
  font-size: 12px;
  font-weight: 760;
  white-space: nowrap;
}

.customer-mini-tags {
  display:flex;
  flex-wrap:wrap;
  gap:3px;
  margin:4px 0 2px;
}
.customer-mini-tag {
  display:inline-flex;
  align-items:center;
  min-height:18px;
  padding:2px 5px;
  border-radius:4px;
  border:1px solid #dce5e2;
  background:#f6f9f8;
  color:#53615d;
  font-size:9px;
  font-weight:760;
  line-height:1;
  white-space:nowrap;
}
.customer-mini-tag.tag-hot { border-color:#f2c35d;background:#fff5d8;color:#8a5600; }
.customer-mini-tag.tag-warm { border-color:#9bd6c1;background:#eaf8f2;color:#177256; }
.customer-mini-tag.tag-due { border-color:#8fc5ee;background:#eaf5ff;color:#075f9d; }
.customer-mini-tag.tag-warn { border-color:#f5b8a8;background:#fff1ed;color:#a33a22; }
.customer-mini-tag.tag-muted { border-color:#d5ddda;background:#f4f6f5;color:#6a7672; }

.stage-ready {
  border-color: #86efac;
  background: #dcfce7;
  color: #166534;
}

.stage-hot {
  border-color: #fcd34d;
  background: #fef3c7;
  color: #92400e;
}

.stage-pending {
  border-color: #fed7aa;
  background: #fff7ed;
  color: #9a3412;
}

.stage-stop {
  border-color: #fecaca;
  background: #fee2e2;
  color: #991b1b;
}

.stage-won {
  border-color: #7dd3fc;
  background: #e0f2fe;
  color: #075985;
}

td[data-col="status"] small,
td[data-col="research"] small {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  line-height: 1.35;
}


/* Research result delta - growth-os-v46 */
.research-change-summary {
  display: block;
  max-width: 250px;
  margin-top: 4px;
  color: #166534;
  font-size: 11px;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


/* Recent research results - growth-os-v47 */
.recent-research-panel {
  margin: 12px 0;
  border: 1px solid #d8e4e1;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}
.recent-research-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 14px;
  border-bottom: 1px solid #e7eeec;
  background: #f6faf9;
}
.recent-research-head h3 { margin: 0 0 2px; font-size: 15px; }
.recent-research-head span { color: #687b77; font-size: 12px; }
.recent-research-head > strong { color: #176b5b; font-size: 12px; white-space: nowrap; }
.recent-research-list { display: grid; }
.recent-research-row {
  display: grid;
  grid-template-columns: minmax(170px, 1.1fr) minmax(220px, 2fr) 70px 150px;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 10px 14px;
  border: 0;
  border-bottom: 1px solid #edf1f0;
  background: #fff;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.recent-research-row:last-child { border-bottom: 0; }
.recent-research-row:hover { background: #f7fbfa; }
.recent-research-customer { display: grid; gap: 2px; min-width: 0; }
.recent-research-customer strong, .recent-research-change { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.recent-research-customer small, .recent-research-row time { color: #72817e; font-size: 11px; }
.recent-research-change { color: #255f53; font-size: 12px; }
.recent-research-score { color: #176b5b; font-size: 12px; font-weight: 700; }
.recent-research-row time { text-align: right; }
@media (max-width: 840px) {
  .recent-research-row { grid-template-columns: 1fr 70px; }
  .recent-research-change { grid-column: 1 / -1; grid-row: 2; white-space: normal; }
  .recent-research-row time { display: none; }
}


/* JANON professional compact UI - growth-os-v48 */
:root {
  --bg: #f5f7f8;
  --surface-2: #f1f5f4;
  --line: #dce4e2;
  --text: #17211f;
  --muted: #697874;
  --brand: #0b7668;
  --brand-2: #12586a;
}
body { letter-spacing: 0; }
.app-shell { grid-template-columns: 224px minmax(0, 1fr); }
.sidebar { padding: 18px 12px; gap: 16px; }
.brand-block { padding: 4px 8px 12px; }
.brand-block h1 { font-size: 20px; }
.brand-block span { margin-top: 5px; line-height: 1.35; }
.nav-list { gap: 3px; }
.nav-button {
  min-height: 38px;
  padding: 8px 10px;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 650;
}
.nav-button.active { box-shadow: inset 3px 0 #48b8a7; }
.sidebar-note { padding: 10px; }
.sidebar-note p { margin-top: 4px; line-height: 1.4; }
.topbar { min-height: 76px; padding: 14px 22px; }
.topbar h1 { font-size: 22px; }
.top-subtitle { margin-top: 3px; font-size: 12px; }
.top-actions { gap: 9px; font-size: 12px; }
main { max-width: 1540px; padding: 18px 22px 40px; }
.view.active { animation: janon-view-in .16s ease-out; }
@keyframes janon-view-in { from { opacity: .45; } to { opacity: 1; } }
.layout { gap: 14px; margin-bottom: 14px; }
.panel {
  border-color: var(--line);
  border-radius: 7px;
  box-shadow: 0 1px 2px rgba(15, 35, 32, .04);
  padding: 15px;
  margin-bottom: 14px;
}
.panel-head { margin-bottom: 12px; gap: 12px; }
.panel-head h2 { font-size: 15px; }
.panel-head span { font-size: 11px; }
.metrics { gap: 10px; margin-bottom: 14px; }
.metric { min-height: 92px; padding: 13px; border-radius: 7px; }
.metric span { font-size: 11px; }
.metric strong { font-size: 25px; }
.growth-loop-panel { padding-bottom: 12px; }
.growth-loop { gap: 6px; }
.growth-loop article { min-height: 62px; padding: 9px 10px; border-radius: 5px; }
.growth-loop article strong { font-size: 12px; }
.growth-loop article span { font-size: 10px; line-height: 1.3; }
.action-grid, .bucket-grid, .pipeline-grid { gap: 8px; }
.action-card, .bucket-card, .pipeline-card { border-radius: 5px; padding: 11px; }
.filters { gap: 7px; }
.filters input, .filters select { min-height: 36px; padding: 7px 9px; border-radius: 5px; }
.table-wrap { border-color: var(--line); border-radius: 6px; }
table { font-size: 12px; }
th { padding: 9px 10px; background: #f2f6f5; }
td { padding: 8px 10px; line-height: 1.35; }
tbody tr:hover { background: #f7faf9; }
.row-button {
  min-height: 30px;
  padding: 5px 9px;
  border-radius: 5px;
  font-size: 12px;
  white-space: nowrap;
}
.repair-workbench-head { gap: 12px; }
.repair-workbench-head h2 { font-size: 18px; }
.repair-workbench-head p { max-width: 760px; font-size: 12px; }
.repair-toolbar { gap: 6px; }
.repair-summary { gap: 8px; }
.repair-summary article { border-radius: 5px; padding: 10px; }
.repair-card, .repair-focus-panel, .research-result-panel { border-radius: 6px; }
.research-result-panel textarea { min-height: 86px; }
.drawer-panel { box-shadow: -12px 0 38px rgba(12, 31, 29, .16); }
@media (max-width: 1080px) {
  .app-shell { grid-template-columns: 190px minmax(0, 1fr); }
  .top-actions { flex-wrap: wrap; justify-content: flex-end; }
}


/* Customer work views - growth-os-v49 */
.customer-view-bar {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 9px 10px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #f8faf9;
}
.customer-view-title { display: grid; min-width: 92px; }
.customer-view-title strong { font-size: 12px; }
.customer-view-title span { color: var(--muted); font-size: 10px; }
.quick-filter-row { gap: 5px; }
.quick-filter-row button {
  min-height: 30px;
  padding: 5px 9px;
  border-radius: 5px;
  font-size: 11px;
}
.quick-filter-row button strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 19px;
  height: 19px;
  margin-left: 4px;
  padding: 0 5px;
  border-radius: 9px;
  background: #edf2f1;
  color: #52635f;
  font-size: 10px;
}
.quick-filter-row button.active strong { background: rgba(255,255,255,.2); color: #fff; }
.customer-filter-reset {
  border-color: var(--line);
  background: #fff;
  color: var(--muted);
  font-size: 11px;
}
.customer-filter-reset:hover { background: #eef4f2; color: var(--text); }
.column-controls { padding-top: 0; }
.column-settings { padding: 7px 10px; border-radius: 5px; background: #fff; }
.column-settings summary { color: #475854; font-size: 11px; }
.bulk-assign-bar { border: 1px solid #d8e9e4; border-radius: 6px; margin: 0 14px 10px; }
@media (max-width: 980px) {
  .customer-view-bar { grid-template-columns: 1fr auto; }
  .customer-view-title { grid-column: 1; }
  .quick-filter-row { grid-column: 1 / -1; grid-row: 2; }
}


/* Horizontal research center - growth-os-v50 */
.repair-grid-redesign { grid-template-columns: minmax(0, 1fr); gap: 10px; }
.repair-card { background: #fff; }
.repair-card-head { padding: 9px 12px; background: #f5f8f7; }
.repair-card h3 { margin-bottom: 2px; }
.repair-list { gap: 0; padding: 0; }
.repair-item {
  grid-template-columns: 62px minmax(180px, 1.15fr) minmax(130px, .8fr) minmax(240px, 2fr) auto;
  gap: 12px;
  min-height: 58px;
  padding: 8px 12px;
  border: 0;
  border-bottom: 1px solid #e8eeec;
  border-radius: 0;
}
.repair-item:last-child { border-bottom: 0; }
.repair-item:hover { background: #f8fbfa; }
.repair-select { display: inline-flex; align-items: center; gap: 5px; color: var(--muted); font-size: 11px; }
.repair-customer-cell, .repair-status-cell { display: grid; gap: 3px; min-width: 0; }
.repair-customer-cell strong { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.repair-customer-cell span, .repair-status-cell small { color: var(--muted); font-size: 11px; }
.repair-status-cell .research-change-summary { max-width: 190px; }
.repair-summary-cell {
  color: #52635f;
  font-size: 11px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.repair-actions { min-width: 250px; flex-wrap: nowrap; gap: 5px; }
.repair-actions a, .repair-actions .row-button { min-height: 28px; padding: 4px 7px; font-size: 11px; }
.repair-timeout, .repair-urgent { box-shadow: inset 3px 0 #f59e0b; }
@media (max-width: 1120px) {
  .repair-item { grid-template-columns: 58px minmax(160px, 1fr) minmax(120px, .8fr) minmax(180px, 1.5fr); }
  .repair-actions { grid-column: 2 / -1; justify-content: flex-start; }
}
@media (max-width: 760px) {
  .repair-item { grid-template-columns: 52px minmax(0, 1fr); }
  .repair-status-cell, .repair-summary-cell, .repair-actions { grid-column: 2; }
  .repair-actions { flex-wrap: wrap; min-width: 0; }
}

/* JANON_V1641_PACKING_TABLE_READING
   Handwritten packing recognition returns a real eight-column work table.
   Keep the columns intact on phones (horizontal scroll within the card) and
   make the same result dense but fully readable on desktop. */
.crm-claw-main .crm-claw-packing-table{margin:16px 0 18px;border:1px solid #d5e4e8;border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(32,70,82,.07);overflow:hidden;color:#263842}
.crm-claw-main .crm-claw-packing-table>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 15px 11px;border-bottom:1px solid #e0ebee;background:linear-gradient(135deg,#f5fbfa,#eef7fb)}
.crm-claw-main .crm-claw-packing-table>header strong{display:block;color:#164d62;font-size:15px;line-height:1.35}
.crm-claw-main .crm-claw-packing-table>header small{display:block;margin-top:3px;color:#657985;font-size:12px;line-height:1.5}
.crm-claw-main .crm-claw-packing-table>header>span{flex:0 0 auto;padding:4px 8px;border-radius:999px;background:#fff3d8;color:#8c5a12;font-size:11px;font-weight:750;white-space:nowrap}
.crm-claw-main .crm-claw-packing-summary{display:flex;flex-wrap:wrap;gap:7px;padding:10px 14px;background:#fbfdfd}
.crm-claw-main .crm-claw-packing-summary b{padding:4px 8px;border-radius:7px;background:#eaf4f5;color:#37616b;font-size:11px;line-height:1.35}
.crm-claw-main .crm-claw-packing-scroll{width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border-top:1px solid #edf2f3;border-bottom:1px solid #edf2f3}
.crm-claw-main .crm-claw-packing-scroll table{width:100%;min-width:790px;border-collapse:separate;border-spacing:0;font-size:12px;line-height:1.45}
.crm-claw-main .crm-claw-packing-scroll th,.crm-claw-main .crm-claw-packing-scroll td{padding:9px 10px;vertical-align:top;text-align:left;border-right:1px solid #e8eff1;border-bottom:1px solid #e8eff1;word-break:break-word}
.crm-claw-main .crm-claw-packing-scroll th:last-child,.crm-claw-main .crm-claw-packing-scroll td:last-child{border-right:0}
.crm-claw-main .crm-claw-packing-scroll tbody tr:last-child td{border-bottom:0}
.crm-claw-main .crm-claw-packing-scroll th{position:sticky;top:0;z-index:1;background:#245f74;color:#fff;font-size:11px;font-weight:750;letter-spacing:.01em;white-space:nowrap}
.crm-claw-main .crm-claw-packing-scroll tbody tr:nth-child(even){background:#f8fbfb}
.crm-claw-main .crm-claw-packing-scroll tbody tr.is-low{background:#fffaf0}
.crm-claw-main .crm-claw-packing-scroll td:first-child{min-width:60px;color:#1a5369;white-space:nowrap}
.crm-claw-main .crm-claw-packing-scroll td:nth-child(2){min-width:180px}
.crm-claw-main .crm-claw-packing-scroll td:nth-child(8){min-width:160px;color:#5e6970}
.crm-claw-main .crm-claw-packing-scroll td small{display:block;margin-top:2px;color:#6d7d84;font-size:10px;line-height:1.4}
.crm-claw-main .crm-claw-packing-edit{display:block;min-width:58px;padding:2px 4px;border-bottom:1px dashed #d5a442;outline:0;color:#5c4319}
.crm-claw-main .crm-claw-packing-correct{margin-top:6px;padding:4px 7px;border:1px solid #cfac63;border-radius:6px;background:#fff8e7;color:#79551a;font-size:10px;font-weight:700;cursor:pointer}
.crm-claw-main .crm-claw-packing-audit{padding:13px 14px 4px;background:#fbfdfd}
.crm-claw-main .crm-claw-packing-audit h4{margin:0 0 7px;color:#264f60;font-size:13px}.crm-claw-main .crm-claw-packing-audit h4 small{font-weight:500;color:#72828a}
.crm-claw-main .crm-claw-packing-audit ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px;margin:0;padding:0;list-style:none}.crm-claw-main .crm-claw-packing-audit li{font-size:11px;color:#50646d}
.crm-claw-main .crm-claw-packing-audit aside{margin:11px 0 8px;padding:9px 10px;border-left:3px solid #d5a442;border-radius:0 7px 7px 0;background:#fff9ec;color:#654d24}.crm-claw-main .crm-claw-packing-audit aside strong{font-size:12px}.crm-claw-main .crm-claw-packing-audit aside p{margin:3px 0 0;font-size:11px;line-height:1.55}
.crm-claw-main .crm-claw-packing-table>footer{display:block;padding:10px 14px;background:#f5f9fa;color:#657780;font-size:11px;line-height:1.55}
@media(max-width:760px){.crm-claw-main .crm-claw-packing-table{margin:14px 0 17px;border-radius:12px}.crm-claw-main .crm-claw-packing-table>header{padding:12px 12px 9px}.crm-claw-main .crm-claw-packing-table>header strong{font-size:14px}.crm-claw-main .crm-claw-packing-summary{padding:9px 11px;gap:5px}.crm-claw-main .crm-claw-packing-scroll table{min-width:760px;font-size:11px}.crm-claw-main .crm-claw-packing-scroll th,.crm-claw-main .crm-claw-packing-scroll td{padding:8px 8px}.crm-claw-main .crm-claw-packing-scroll::after{content:"左右滑动查看全部列";display:block;padding:6px 9px;background:#f3f8f9;color:#6b7d85;font-size:10px;text-align:right}.crm-claw-main .crm-claw-packing-audit{padding:11px 12px 2px}.crm-claw-main .crm-claw-packing-audit ul{grid-template-columns:1fr;gap:4px}.crm-claw-main .crm-claw-packing-table>footer{padding:9px 12px}}


/* JANON channel and automation platform - growth-os-v51 */
.platform-page-head { min-height: 42px; }
.platform-summary-row { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border: 1px solid var(--line); border-radius: 6px; margin-bottom: 12px; }
.platform-summary-row > div { padding: 11px 13px; border-right: 1px solid var(--line); display: flex; align-items: baseline; gap: 7px; }
.platform-summary-row > div:last-child { border-right: 0; }
.platform-summary-row strong { font-size: 18px; }
.platform-summary-row span { color: var(--muted); font-size: 11px; }
.channel-row-list { border: 1px solid var(--line); border-radius: 6px; overflow: hidden; }
.channel-row-item { display: grid; grid-template-columns: 34px minmax(260px,1.5fr) 112px minmax(130px,.7fr) 76px 58px; gap: 12px; align-items: center; min-height: 62px; padding: 9px 12px; border-bottom: 1px solid #e8eeec; }
.channel-row-item:last-child { border-bottom: 0; }
.channel-row-item:hover { background: #f8fbfa; }
.channel-mark { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 6px; background: #e8f3f0; color: var(--brand); font-weight: 800; }
.channel-identity { display: grid; gap: 3px; }
.channel-identity strong { font-size: 13px; }
.channel-identity small { color: var(--muted); font-size: 11px; }
.channel-state { justify-self: start; border-radius: 10px; padding: 3px 8px; font-size: 10px; font-weight: 700; }
.channel-operating-note { display:flex; align-items:center; gap:12px; margin:10px 0; padding:10px 12px; background:#f2f8f6; border-left:3px solid #168b77; color:#405c56; font-size:12px; }
.channel-operating-note strong { color:#126e60; white-space:nowrap; }
.channel-mode { min-width:0; display:flex; flex-direction:column; gap:2px; }
.channel-mode strong { color:#304a45; font-size:11px; font-weight:700; }
.channel-mode small { color:#879691; font-size:10px; }
.state-deployed { color:#08745f; background:#dff5ee; }
.state-connected { color:#08745f; background:#dff5ee; }
.state-authorize { color:#9a5b00; background:#fff0d5; }
.state-awaiting_test { color:#8a5a17;background:#fff0d5; }
.state-needs_configuration { color:#5f6b72;background:#eef1f3; }
.state-error,.state-expired { color:#a52222;background:#fee2e2; }
.state-unsupported { color:#68747a;background:#eef1f3; }
.state-assisted { color:#9a3412;background:#ffedd5; }
.state-crm_ready,.state-acquisition { background:#dcfce7;color:#166534; }
.state-local { background:#dbeafe;color:#1d4ed8; }
.state-data { background:#ffedd5;color:#9a3412; }
.state-unconfigured { background:#eef1f3;color:#68747a; }
.state-blocked { background:#fee2e2;color:#b42318; }
.state-hosted_pending { background:#f3e8ff;color:#7e22ce; }
.channel-count { display:flex;align-items:baseline;gap:4px; }
.channel-count strong { font-size:16px; }.channel-count small { color:var(--muted);font-size:10px; }
.automation-master-flow { display:flex;align-items:center;gap:7px;padding:12px;border:1px solid var(--line);border-radius:6px;background:#f7faf9;overflow-x:auto;margin-bottom:12px; }
.automation-master-node { min-width:132px; display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #d6e5e1;border-radius:5px;background:#fff;font-size:12px;font-weight:700;white-space:nowrap; }
.automation-master-node b { width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:var(--brand);color:#fff;font-size:10px; }
.automation-master-flow > i { color:#82918d;font-style:normal; }
.automation-table { border:1px solid var(--line);border-radius:6px;overflow:hidden; }
.automation-table-head,.automation-table-row { display:grid;grid-template-columns:minmax(150px,1fr) 100px 110px minmax(360px,2fr) 60px;gap:12px;align-items:center;padding:9px 12px; }
.automation-table-head { background:#f1f5f4;color:#60706c;font-size:10px;font-weight:700; }
.automation-table-row { min-height:58px;border-top:1px solid #e7edeb; }
.automation-table-row strong { font-size:12px; }
.automation-state { justify-self:start;border-radius:10px;padding:3px 8px;font-size:10px;font-weight:700; }
.automation-running { background:#dcfce7;color:#166534; }.automation-assisted { background:#dbeafe;color:#1d4ed8; }
.automation-count { display:grid;gap:1px;color:var(--muted);font-size:10px; }.automation-count b { color:var(--text);font-size:16px; }
.automation-steps { display:flex;align-items:center;gap:6px;min-width:0;white-space:nowrap;overflow:hidden; }
.automation-steps em { padding:4px 7px;border:1px solid var(--line);border-radius:4px;background:#fafcfc;font-size:10px;font-style:normal; }
.automation-steps i { color:#8a9895;font-style:normal; }
.automation-safety-note { margin-top:10px;color:var(--muted);font-size:11px; }
@media(max-width:900px){.platform-summary-row{grid-template-columns:repeat(2,1fr)}.channel-row-item{grid-template-columns:34px minmax(0,1fr) 90px}.channel-count,.channel-mode{display:none}.channel-row-item button{grid-column:3}.automation-table{overflow-x:auto}.automation-table-head,.automation-table-row{min-width:900px}}

/* Unified channel connection center - growth-os-v78 */
.channel-quota-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px; }
.channel-quota-grid article { min-height:104px;padding:18px 20px;border:1px solid #dfe6eb;border-radius:7px;background:#f6f8ff;display:grid;align-content:center;gap:5px; }
.channel-quota-grid article:nth-child(2) { background:#faf7ff; }
.channel-quota-grid span { color:#69747b;font-size:12px;font-weight:700; }
.channel-quota-grid strong { color:#202a2e;font-size:27px;line-height:1; }
.channel-quota-grid small { color:#899399;font-size:11px; }
.channel-toolbar { display:flex;gap:4px;margin:4px 0 12px; }
.channel-toolbar button { border:0;border-radius:5px;background:transparent;color:#69747b;padding:7px 12px;font-size:12px;cursor:pointer; }
.channel-toolbar button.active { background:#eaf1ff;color:#2563eb;font-weight:700; }
.channel-toolbar .channel-add-button { margin-left:auto;background:#187363;color:#fff;font-weight:700; }
.channel-toolbar .channel-add-button:hover { background:#125e51; }
.channel-sync-health { margin-left:auto;display:flex;align-items:center;gap:6px;color:#397268;font-size:10px; }
.channel-sync-health i { width:7px;height:7px;border-radius:50%;background:#16a085;box-shadow:0 0 0 3px #e2f5f0; }
.channel-sync-health.is-unverified { color:#8a5a17; }
.channel-sync-health.is-unverified i { background:#d28a24;box-shadow:0 0 0 3px #fff1d6; }
.channel-evidence { display:grid;gap:3px;padding:8px 0;border-top:1px solid var(--line);font-size:9px;color:var(--muted); }
.channel-evidence span { overflow-wrap:anywhere; }
.channel-evidence .channel-error { color:#a52222; }
.channel-card-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px; }
.channel-card { min-height:168px;padding:16px;border:1px solid #e4e8eb;border-radius:7px;background:#fff;display:flex;flex-direction:column;gap:12px;transition:border-color .15s,box-shadow .15s,transform .15s; }
.channel-card:hover { border-color:#ccd8e3;box-shadow:0 5px 18px rgba(27,45,60,.07);transform:translateY(-1px); }
.channel-card[hidden] { display:none; }
.channel-card-head { display:flex;align-items:center;gap:10px; }
.channel-card-head > div { min-width:0;display:grid;gap:5px; }
.channel-card-head strong { font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.channel-brand-icon { position:relative;width:40px;height:40px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto;background:#edf2f7;color:#334155;font-size:18px;font-weight:900;letter-spacing:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 6px 14px rgba(20,38,48,.08);overflow:hidden; }
.channel-brand-icon::after { content:"";position:absolute;inset:1px 1px auto 1px;height:38%;border-radius:12px 12px 8px 8px;background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0));pointer-events:none; }
.channel-whatsapp,.channel-whatsapp_app { background:#dcfce7;color:#16a34a; }
.channel-messenger { background:#dbeafe;color:#2563eb; }
.channel-instagram { background:#fae8ff;color:#c026d3; }
.channel-email { background:#ffe4e6;color:#e11d48; }
.channel-telegram,.channel-telegram_app { background:#e0f2fe;color:#0284c7; }
.channel-website { background:#e0f2fe;color:#0369a1; }
.channel-youtube { background:#fee2e2;color:#dc2626; }
.channel-tiktok { background:#f1f5f9;color:#0f172a; }
.channel-linkedin { background:#dbeafe;color:#0a66c2; }
.channel-card p { margin:0;color:#6d787e;font-size:11px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden; }
.channel-card-foot { margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px; }
.channel-card-foot > span { color:#879197;font-size:10px; }
.channel-card-foot b { color:#314047;font-size:12px; }
.channel-card-actions { display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap; }
.channel-verify-button { border-color:#9cc7bd!important;color:#0f7565!important;background:#f4fbf9!important; }
.nav-external-link { display:flex;align-items:center;text-decoration:none; }
.channel-simple-connect { min-height:76px;padding:14px;border:1px solid #dfe6e8;border-radius:7px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f8faf9; }
.channel-simple-connect > div { min-width:0;display:grid;gap:4px; }
.channel-simple-connect strong { color:#26363c;font-size:14px; }
.channel-simple-connect span { color:#6f7d82;font-size:11px;line-height:1.45;overflow-wrap:anywhere; }
.channel-simple-connect.is-connected { border-color:#b9ddd4;background:#f3faf8; }
.channel-simple-connect.is-connected strong { color:#087566; }
.channel-simple-connect .channel-primary-action { flex:0 0 auto;min-width:116px;padding:8px 12px;text-align:center;text-decoration:none; }
.channel-simple-hint { margin:0;color:#6f7d82;font-size:11px;line-height:1.5; }
.channel-verification { display:grid;gap:5px;padding:8px 0;border-top:1px solid var(--line); }
.channel-verification > div:first-child { display:flex;align-items:center;justify-content:space-between;color:#637078;font-size:9px; }
.channel-verification strong { color:#253238;font-size:10px; }
.channel-verification-track { height:4px;overflow:hidden;border-radius:2px;background:#e8ecee; }
.channel-verification-track i { display:block;height:100%;background:#168b77; }
.channel-verification p { display:block;margin:0;color:#65747a;font-size:9px;line-height:1.4; }
.channel-verification code { width:max-content;max-width:100%;padding:4px 6px;border:1px dashed #d7a650;border-radius:4px;background:#fff8e8;color:#744b0d;font-size:9px;overflow-wrap:anywhere; }
.channel-card .channel-state { width:max-content;padding:2px 7px;border-radius:9px;font-size:9px; }
.channel-card .row-button { min-width:52px;text-align:center;text-decoration:none; }
.channel-chat-button.is-view-only,.channel-primary-action.is-view-only{border-color:#d6e0e7!important;background:#f6f9fb!important;color:#52636f!important}.channel-chat-button.is-send-ready,.channel-primary-action.is-send-ready{border-color:#1e63e9!important;background:#1e63e9!important;color:#fff!important}
@media(max-width:1180px){.channel-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.channel-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-quota-grid{grid-template-columns:1fr}}
@media(max-width:540px){.channel-card-grid{grid-template-columns:1fr}.channel-toolbar{overflow-x:auto}.channel-toolbar button{white-space:nowrap}}
.channel-setup-panel { width:min(520px,92vw); }
.channel-setup-title { display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line); }
.channel-setup-title > span { width:44px;height:44px;display:grid;place-items:center;border-radius:11px;background:#dcfce7;color:#16a34a;font-weight:900; }
.channel-setup-title h2 { margin:0 0 4px;font-size:18px; }.channel-setup-title p { margin:0;color:#9a5b00;font-size:11px; }
.channel-setup-description { margin:18px 0;color:#54636a;font-size:13px;line-height:1.65; }
.channel-auth-methods { display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:14px 0; }
.channel-auth-methods article { border:1px solid #d8e3ef;border-radius:12px;padding:12px;background:#fff;color:#31475b; }
.channel-auth-methods article.is-recommended { border-color:#7eb1ed;background:linear-gradient(135deg,#f4f9ff,#fff);box-shadow:0 5px 14px rgba(35,102,195,.08); }
.channel-auth-methods strong { display:flex;align-items:center;gap:7px;font-size:13px;color:#1f3850; }.channel-auth-methods em { font-style:normal;font-size:10px;color:#1763c5;background:#e8f2ff;border-radius:999px;padding:2px 6px; }.channel-auth-methods p { margin:7px 0 0;font-size:12px;line-height:1.55;color:#52677a; }
.channel-setup-steps { margin:12px 0;padding:10px 12px 10px 30px;border-radius:10px;background:#f6fbf8;color:#38576b;font-size:12px;line-height:1.75; }.channel-warning { border-left:3px solid #e6a33a;padding-left:10px;color:#77521a; }
.channel-setup-panel h3 { margin:18px 0 8px;font-size:13px; }
.channel-setup-panel ul { margin:0;padding-left:18px;color:#526068;font-size:12px;line-height:1.9; }
.channel-setup-warning { margin-top:18px;padding:10px 12px;border-left:3px solid #f59e0b;background:#fff7e8;color:#805610;font-size:11px;line-height:1.5; }
.channel-setup-actions { margin-top:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap; }
.channel-setup-actions .row-button { min-width:132px;text-align:center;text-decoration:none; }
.channel-setup-next { margin-top:14px;padding:12px;border:1px solid #dfe7e5;border-radius:6px;background:#f7faf9;display:grid;gap:4px; }
.channel-setup-next strong { font-size:11px;color:#187363; }.channel-setup-next span { font-size:11px;color:#66746f; }
.channel-bind-steps { display:grid;gap:0;margin:14px 0;border:1px solid #dfe7e5;border-radius:6px;overflow:hidden;background:#fff; }
.channel-bind-steps > div { display:flex;align-items:center;gap:11px;min-height:58px;padding:10px 12px;border-bottom:1px solid #edf1f0;color:#7a8581; }
.channel-bind-steps > div:last-child { border-bottom:0; }
.channel-bind-steps b { width:26px;height:26px;display:grid;place-items:center;border:1px solid #cdd8d5;border-radius:50%;font-size:11px;flex:0 0 auto; }
.channel-bind-steps span { display:grid;gap:2px; }
.channel-bind-steps strong { font-size:12px;color:#35433f; }
.channel-bind-steps small { font-size:11px; }
.channel-bind-steps .is-current { background:#f5faf8; }
.channel-bind-steps .is-current b { border-color:#187363;background:#187363;color:#fff; }
.channel-bind-steps .is-done b { border-color:#16a34a;background:#dcfce7;color:#15803d; }
.channel-bind-steps .is-done strong { color:#15803d; }
.channel-setup-actions .channel-primary-action { width:100%;min-height:40px;display:grid;place-items:center;border-color:#187363;background:#187363;color:#fff;font-weight:700; }
.channel-setup-actions .channel-primary-action:hover { background:#125e51; }
.channel-advanced-actions { margin-top:10px;border-top:1px solid #edf1f0;padding-top:10px; }
.channel-advanced-actions summary { color:#66746f;font-size:11px;cursor:pointer; }
.channel-advanced-actions div { display:flex;gap:12px;flex-wrap:wrap;padding-top:9px; }
.channel-advanced-actions a { color:#187363;font-size:11px;text-decoration:none; }
.channel-catalog { display:grid;gap:8px; }
.channel-catalog > button { width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px;border:1px solid #dfe7e5;border-radius:6px;background:#fff;text-align:left;cursor:pointer; }
.channel-catalog > button:hover:not(:disabled) { border-color:#90bdb4;background:#f7fbfa; }
.channel-catalog > button:disabled { cursor:not-allowed;opacity:.58; }
.channel-catalog > button > span:nth-child(2) { display:grid;gap:3px; }
.channel-catalog strong { font-size:12px;color:#26332f; }
.channel-catalog small { font-size:11px;color:#7a8581; }
.channel-catalog > button > b { font-size:11px;color:#187363; }


/* JANON light growth workspace - growth-os-v53 */
:root {
  --bg: #f4f6f8;
  --surface: #ffffff;
  --surface-2: #f7f9fa;
  --line: #e4e8eb;
  --text: #202a2e;
  --muted: #778287;
  --brand: #087f72;
  --brand-2: #0d6775;
}
body { background: var(--bg); color: var(--text); }
.app-shell { grid-template-columns: 196px minmax(0, 1fr); min-height: 100vh; }
.sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  padding: 14px 10px;
  gap: 12px;
  overflow-y: auto;
  background: #fff;
  color: var(--text);
  border-right: 1px solid var(--line);
  box-shadow: none;
}
.brand-block { padding: 8px 10px 13px; border-bottom: 1px solid #edf0f2; }
.brand-block .eyebrow { color: var(--brand); font-size: 10px; font-weight: 800; }
.brand-block h1 { color: #182328; font-size: 18px; }
.brand-block span { color: #7b8589; font-size: 10px; line-height: 1.45; }
.nav-list { gap: 2px; }
.nav-button {
  min-height: 38px;
  padding: 8px 11px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #4f5b60;
  text-align: left;
  font-size: 12px;
  font-weight: 620;
}
.nav-button:hover { background: #f2f6f5; color: #1e3f3a; }
.nav-button.active {
  background: #e8f4f1;
  color: #076d62;
  box-shadow: inset 3px 0 #0a8c7d;
}
.sidebar-note { margin-top: auto; border: 1px solid #e6ecea; border-radius: 6px; background: #f8faf9; color: #52615e; }
.sidebar-note strong { color: #2c443f; }
.workspace { min-width: 0; background: var(--bg); }
.topbar {
  position: sticky;
  top: 0;
  z-index: 20;
  min-height: 68px;
  padding: 11px 20px;
  background: rgba(255,255,255,.97);
  color: var(--text);
  border-bottom: 1px solid var(--line);
  box-shadow: 0 1px 3px rgba(22,35,40,.035);
}
.topbar .eyebrow { color: var(--brand); font-size: 9px; }
.topbar h1 { color: #202a2e; font-size: 19px; }
.top-subtitle { color: #7b8589; font-size: 11px; }
.top-actions { color: #6f7b80; gap: 7px; }
.top-actions button {
  min-height: 31px;
  padding: 5px 10px;
  border: 1px solid #d7e0de;
  background: #fff;
  color: #28564e;
}
.top-actions button:hover { background: #edf6f4; }
.logout-link { color: #657277; padding: 5px 3px; }
.logout-link:hover { color: var(--brand); }
main { max-width: none; padding: 16px 20px 38px; }
.panel {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 6px;
  box-shadow: 0 1px 2px rgba(20,36,42,.025);
}
.panel-head { min-height: 32px; padding-bottom: 9px; border-bottom: 1px solid #edf0f2; }
.panel-head h2 { color: #253136; font-size: 14px; }
.panel-head span { color: #849095; }
.metric { background: #fff; border: 1px solid var(--line); box-shadow: none; }
.metric:hover { border-color: #b9d8d1; box-shadow: 0 2px 8px rgba(20,70,60,.055); }
.metric strong { color: #243136; }
.metric::before { background: var(--brand); }
.filters, .customer-view-bar, .repair-toolbar, .bulk-toolbar {
  background: #f8fafb;
  border-color: var(--line);
}
.filters input, .filters select, input, select, textarea {
  border-color: #dce2e5;
  background: #fff;
  color: var(--text);
}
.filters input:focus, .filters select:focus, input:focus, select:focus, textarea:focus {
  outline: 2px solid rgba(10,140,125,.12);
  border-color: #61a99e;
}
button { border-radius: 5px; }
.row-button, .quick-filter-row button, .repair-actions .row-button {
  border: 1px solid #d8e1df;
  background: #fff;
  color: #315d55;
}
.row-button:hover, .quick-filter-row button:hover { background: #edf6f4; color: #076d62; }
.quick-filter-row button.active { background: var(--brand); border-color: var(--brand); color: #fff; }
.table-wrap, .channel-row-list, .automation-table { box-shadow: none; }
th { background: #f5f7f8; color: #5e6b70; font-size: 10px; font-weight: 750; text-transform: none; }
td { color: #344146; }
tbody tr:hover { background: #f5faf8; }
.growth-loop { display: flex; gap: 0; overflow-x: auto; border: 1px solid var(--line); border-radius: 6px; }
.growth-loop article { min-width: 145px; border: 0; border-right: 1px solid var(--line); border-radius: 0; background: #fff; }
.growth-loop article:last-child { border-right: 0; }
.growth-loop article::after { color: #9ba7aa; }
.platform-summary-row, .automation-master-flow { background: #fff; }
.channel-row-item:hover, .automation-table-row:hover, .repair-item:hover { background: #f6faf9; }
.drawer-panel { background: #fff; border-left: 1px solid var(--line); }
@media (max-width: 1080px) {
  .app-shell { grid-template-columns: 172px minmax(0,1fr); }
  .topbar { align-items: flex-start; }
}
@media (max-width: 760px) {
  .app-shell { display: block; }
  .sidebar { position: static; width: 100%; height: auto; }
  .nav-list { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .sidebar-note { display: none; }
  .topbar { position: static; }
  main { padding: 12px; }
}


/* Research result diff - growth-os-v55 */
.research-result-detail { border: 1px solid #cfe3de; background: #f8fcfb; }
.research-result-title { display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px; }
.research-result-title h3 { margin:0 0 3px; }
.research-result-title p { margin:0;color:var(--muted);font-size:11px; }
.research-result-meta { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:5px;background:#fff;margin-bottom:10px; }
.research-result-meta span { display:grid;gap:2px;padding:8px 9px;border-right:1px solid var(--line);color:var(--muted);font-size:10px; }
.research-result-meta span:last-child { border-right:0; }
.research-result-meta strong { color:var(--text);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.research-diff-list { display:grid;gap:5px; }
.research-diff-row { display:grid;grid-template-columns:96px 42px minmax(0,1fr);align-items:start;gap:7px;padding:8px 9px;border:1px solid var(--line);border-radius:5px;background:#fff;font-size:11px; }
.research-diff-row > strong { color:#31423e; }
.research-diff-kind { display:inline-flex;justify-content:center;border-radius:9px;padding:2px 5px;font-size:9px;font-weight:750; }
.research-diff-added .research-diff-kind { background:#dcfce7;color:#166534; }
.research-diff-changed .research-diff-kind { background:#dbeafe;color:#1d4ed8; }
.research-diff-row div { display:flex;align-items:center;gap:6px;min-width:0;line-height:1.4; }
.research-diff-row del { color:#9a6b6b;text-decoration-color:#dca4a4; }
.research-diff-row ins { color:#245c50;text-decoration:none;font-weight:600; }
.research-diff-row b { color:#9aa5a2; }
.research-missing { display:grid;grid-template-columns:78px 1fr;gap:8px;margin-top:8px;padding:8px 9px;border-radius:5px;background:#fff7ed;color:#9a4b0b;font-size:11px; }
.research-result-button { border-color:#9ccfc4;background:#edf8f5;color:#076d62;font-weight:700; }
@media(max-width:760px){.research-result-meta{grid-template-columns:repeat(2,1fr)}.research-diff-row{grid-template-columns:75px 38px 1fr}.research-diff-row div{display:grid}.research-result-meta span:nth-child(2){border-right:0}}


/* Unified growth workspace - growth-os-v57 */
.brand-block span { display:none; }
.nav-section-label {
  display:block;
  padding:12px 11px 4px;
  color:#9aa4a8;
  font-size:9px;
  font-weight:800;
  line-height:1;
}
.nav-section-label:first-child { padding-top:3px; }
.nav-button { position:relative;padding-left:26px; }
.nav-button::before {
  content:"";
  position:absolute;
  left:11px;
  top:50%;
  width:6px;
  height:6px;
  border:1.5px solid #91a09c;
  border-radius:50%;
  transform:translateY(-50%);
}
.nav-button.active::before { border-color:var(--brand);background:var(--brand); }
.sidebar-note { display:none; }
.topbar > div:first-child .eyebrow,.top-subtitle { display:none; }
.topbar { min-height:54px;padding:9px 18px; }
.topbar h1 { font-size:17px; }
.top-actions #generatedAt { max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.system-version-badge {
  height:26px;
  display:inline-flex;
  align-items:center;
  padding:0 9px;
  border:1px solid #cfe2f1;
  border-radius:999px;
  background:#f5fbff;
  color:#25617f;
  font-size:10px;
  font-weight:750;
  white-space:nowrap;
}
main { padding-top:13px; }
.view > .panel.wide:first-child,.view > .repair-workbench:first-child { margin-top:0; }
.panel { padding:13px;margin-bottom:11px; }
.panel-head { margin:-2px 0 10px; }
.panel-head > div:first-child { min-width:0; }
.panel-head h2 { white-space:nowrap; }
.filters {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  width:100%;
  padding:8px;
  border:1px solid var(--line);
  border-radius:5px;
}
.filters input[type="search"] { min-width:210px;flex:1 1 260px; }
.filters select { flex:0 1 145px;max-width:170px; }
.customer-view-bar { margin-bottom:8px; }
.customer-view-title span { display:none; }
.table-wrap { max-height:calc(100vh - 245px);overflow:auto; }
thead { position:sticky;top:0;z-index:2; }
th { height:34px;white-space:nowrap; }
td { height:42px; }
.repair-workbench-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 0 10px;
  border-bottom:1px solid var(--line);
}
.repair-workbench-head p { display:none; }
.repair-summary { display:flex;gap:0;border:1px solid var(--line);border-radius:5px;overflow:hidden; }
.repair-summary article { min-width:112px;border:0;border-right:1px solid var(--line);border-radius:0;background:#fff; }
.repair-summary article:last-child { border-right:0; }
.repair-card-head { position:sticky;top:54px;z-index:3; }
.repair-item { min-height:54px; }
.repair-summary-cell { -webkit-line-clamp:1; }
.research-status { white-space:nowrap; }
.channel-row-list,.automation-table,.recent-research-panel { border-radius:5px; }
.channel-row-item,.automation-table-row,.recent-research-row { min-height:52px; }
.drawer-panel { width:min(720px,92vw);padding:18px 20px 28px; }
#channelSetupDrawer.open {
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px;
}
#channelSetupDrawer .channel-setup-panel {
  position:relative;
  top:auto;
  left:auto;
  right:auto;
  width:min(1120px,calc(100vw - 56px));
  height:auto;
  max-height:calc(100vh - 56px);
  transform:none;
  border:1px solid var(--line);
  border-radius:10px;
  box-shadow:0 24px 70px rgba(15,23,42,.28);
}
.drawer-close {
  position:sticky;
  top:0;
  z-index:4;
  float:right;
  border-color:var(--line);
  background:#fff;
  color:#56645f;
}
.detail-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:6px; }
.detail-grid > div { padding:8px;border:1px solid var(--line);border-radius:5px;background:#fafbfb; }
.detail-section { margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:6px;background:#fff; }
.detail-section h3 { margin:0 0 8px;font-size:13px; }
.detail-section p { margin:5px 0;font-size:11px;line-height:1.45; }
.message-tools,.repair-actions,.form-actions { display:flex;align-items:center;gap:5px;flex-wrap:wrap; }
.update-form { grid-template-columns:repeat(3,minmax(0,1fr));gap:8px; }
.update-form label { font-size:10px; }
.update-form input,.update-form select,.update-form textarea { margin-top:4px; }
@media(max-width:900px){
  .nav-section-label{display:none}.brand-block span{display:block}.topbar>div:first-child .eyebrow{display:block}
  .repair-summary{display:grid;grid-template-columns:repeat(2,1fr)}.repair-summary article{border-bottom:1px solid var(--line)}
  .detail-grid,.update-form{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .nav-button{padding-left:10px}.nav-button::before{display:none}.table-wrap{max-height:none}
  .detail-grid,.update-form{grid-template-columns:1fr}.drawer-panel{width:96vw;padding:14px}
}

/* v180: hierarchical company/customer quote scope controls. */
.quote-agent-customer-row{
  display:grid;
  grid-template-columns:minmax(190px,240px) minmax(260px,420px) 1fr;
  align-items:end;
}
.quote-agent-customer-row label{min-width:0}
.quote-agent-customer-row select{width:100%}
.quote-agent-customer-row>span{padding-bottom:8px}
@media(max-width:900px){
  .quote-agent-customer-row{display:flex;align-items:stretch;flex-direction:column}
  .quote-agent-customer-row>span{padding-bottom:0}
}

/* v176: unified customer workbench and human-confirmed intelligent quotation */
.ai-settings-panel{
  grid-column:1 / -1;
}
.social-ai-model-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 14px;
  border:1px solid #cfe3de;
  border-radius:8px;
  background:linear-gradient(145deg,#f8fffd,#edf7f4);
  box-shadow:0 5px 14px rgba(22,67,58,.08),inset 0 1px 0 #fff;
}
.social-ai-model-summary div{
  display:grid;
  gap:3px;
}
.social-ai-model-summary span{
  color:#667773;
  font-size:12px;
}
.quote-workbench-panel{
  grid-column:1 / -1;
}
.quote-workbench-grid{
  display:grid;
  grid-template-columns:minmax(580px,1.35fr) minmax(360px,.85fr);
  gap:14px;
}
.quote-generator-form,.quote-history{
  min-width:0;
  border:1px solid #cfe1dd;
  border-radius:8px;
  background:#fff;
  box-shadow:0 7px 20px rgba(30,73,64,.09),inset 0 1px 0 #fff;
}
.quote-generator-form>header,.quote-history>header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:13px 15px;
  border-bottom:1px solid #dfeae7;
  background:linear-gradient(180deg,#f9fcfb,#eff6f4);
}
.quote-generator-form>header>div,.quote-history>header>div{
  display:grid;
  gap:3px;
}
.quote-generator-form>header span,.quote-history>header span{
  color:#687a76;
  font-size:11px;
}
.quote-generator-form>header em{
  padding:4px 8px;
  border:1px solid #ecd3a4;
  border-radius:6px;
  background:#fff8e9;
  color:#8f6415;
  font-size:11px;
  font-style:normal;
  font-weight:700;
}
.quote-base-fields{
  display:grid;
  grid-template-columns:2fr repeat(2,minmax(105px,1fr));
  gap:9px;
  padding:14px 15px 5px;
}
.quote-base-fields label,.quote-remark{
  display:grid;
  gap:4px;
  color:#4b5f5a;
  font-size:11px;
  font-weight:700;
}
.quote-base-fields input,.quote-base-fields select,.quote-remark textarea,.quote-item-row input{
  width:100%;
  min-height:34px;
  box-sizing:border-box;
  border:1px solid #d4e1de;
  border-radius:6px;
  background:#fff;
  color:#22322f;
  font:inherit;
}
.quote-base-fields input,.quote-base-fields select,.quote-item-row input{
  padding:6px 8px;
}
.quote-items{
  margin:10px 15px;
  border:1px solid #dbe7e4;
  border-radius:7px;
  background:#f8fbfa;
}
.quote-items>header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:8px 10px;
  border-bottom:1px solid #dbe7e4;
}
.quote-items>header button{
  min-height:28px;
  padding:4px 9px;
  border:1px solid #bdd9d2;
  border-radius:6px;
  background:#fff;
  color:#126f5c;
  font-weight:700;
}
#quoteItemRows{
  display:grid;
  gap:7px;
  padding:9px;
}
.quote-item-row{
  display:grid;
  grid-template-columns:1.5fr 1.5fr .7fr .65fr 30px;
  gap:7px;
  align-items:center;
}
.quote-item-row [data-remove-quote-item]{
  width:30px;
  height:30px;
  border:1px solid #ecd1cc;
  border-radius:6px;
  background:#fff4f1;
  color:#a74838;
  font-size:18px;
}
.quote-remark{
  margin:0 15px 12px;
}
.quote-remark textarea{
  min-height:68px;
  padding:8px;
  resize:vertical;
}
.quote-generator-form>footer{
  display:flex;
  align-items:center;
  gap:12px;
  padding:11px 15px 14px;
}
.quote-generator-form>footer button{
  min-height:36px;
  padding:7px 15px;
  border:1px solid #0e715d;
  border-radius:7px;
  background:linear-gradient(145deg,#178f76,#0b6554);
  color:#fff;
  box-shadow:0 4px 10px rgba(14,113,93,.2),inset 0 1px 0 rgba(255,255,255,.3);
  font-weight:800;
}
.quote-generator-form>footer span{
  color:#6b7976;
  font-size:11px;
}
.quote-history>div{
  display:grid;
  gap:8px;
  max-height:590px;
  overflow:auto;
  padding:10px;
}
.quote-history-card{
  border:1px solid #d9e5e2;
  border-radius:7px;
  background:linear-gradient(145deg,#fff,#f4f8f7);
  box-shadow:0 3px 8px rgba(29,66,58,.06);
}
.quote-history-card header,.quote-history-card footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:9px 10px;
}
.quote-history-card header div{
  display:grid;
  gap:2px;
}
.quote-history-card header span,.quote-history-card footer span{
  color:#6d7c78;
  font-size:10px;
}
.quote-history-card header b{
  color:#0d755f;
  font-size:14px;
}
.quote-history-card>div{
  display:grid;
  gap:3px;
  padding:0 10px 8px;
  color:#3d504b;
  font-size:11px;
}
.quote-history-card footer{
  border-top:1px solid #e2ebe9;
}
.quote-history-card footer button{
  min-height:28px;
  padding:4px 8px;
  border:1px solid #c6dbd6;
  border-radius:6px;
  background:#fff;
  color:#166e5c;
}
.quote-empty{
  padding:28px 15px!important;
  color:#7a8985;
  text-align:center;
}
@media(max-width:1100px){
  .quote-workbench-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .quote-base-fields{grid-template-columns:1fr 1fr}
  .quote-item-row{grid-template-columns:1fr 1fr}
  .quote-item-row [data-remove-quote-item]{grid-column:2;justify-self:end}
}


/* JANON official brand - growth-os-v58 */
.brand-block { display:grid;gap:5px; }
.brand-logo { display:block;width:132px;max-width:100%;height:auto;object-fit:contain;object-position:left center; }
.brand-product-name { color:#243044;font-size:11px;font-weight:750;letter-spacing:0; }
.topbar h1::before { content:"JANON";margin-right:7px;color:#152c88;font-size:10px;font-weight:850;vertical-align:2px; }
@media(max-width:900px){.brand-logo{width:116px}.brand-product-name{display:none}}


/* Executable automation center - growth-os-v59 */
.automation-live-list,.automation-run-log{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff;margin-bottom:12px}
.automation-live-row{display:grid;grid-template-columns:minmax(170px,1fr) 76px 68px minmax(280px,1.7fr) auto;align-items:center;gap:10px;min-height:64px;padding:9px 11px;border-bottom:1px solid var(--line)}
.automation-live-row:last-child{border-bottom:0}.automation-live-row:hover{background:#f7faf9}
.automation-live-main{display:grid;gap:3px}.automation-live-main strong{font-size:12px}.automation-live-main small{color:var(--muted);font-size:10px}
.automation-live-actions{display:flex;gap:4px}.automation-run-button{background:var(--brand);border-color:var(--brand);color:#fff}.automation-run-button:hover{background:#096f64}
.automation-log-head{display:flex;justify-content:space-between;align-items:center;padding:9px 11px;background:#f5f7f8;border-bottom:1px solid var(--line);font-size:11px}.automation-log-head span{color:var(--muted)}
.automation-log-row{display:grid;grid-template-columns:72px minmax(160px,1fr) 150px 70px 180px;align-items:center;gap:9px;padding:8px 11px;border-bottom:1px solid #edf0f2;font-size:10px}.automation-log-row:last-child{border-bottom:0}.automation-log-row time{color:var(--muted);text-align:right}
.automation-log-status{border-radius:9px;padding:2px 6px;text-align:center;font-weight:700}.status-completed,.status-test_ok{background:#dcfce7;color:#166534}.status-partial{background:#ffedd5;color:#9a3412}
@media(max-width:1000px){.automation-live-list{overflow-x:auto}.automation-live-row{min-width:900px}.automation-run-log{overflow-x:auto}.automation-log-row{min-width:760px}}


/* Complete research row layout - growth-os-v60 */
.repair-card { min-width:0;overflow:hidden; }
.repair-list { min-width:0; }
.repair-item {
  grid-template-columns:68px minmax(180px,1fr) minmax(135px,.72fr) minmax(260px,1.6fr);
  grid-template-rows:auto auto;
  align-items:center;
  gap:7px 12px;
  width:100%;
  min-width:0;
  padding:9px 12px;
}
.repair-select { grid-column:1;grid-row:1 / 3; }
.repair-customer-cell { grid-column:2;grid-row:1; }
.repair-status-cell { grid-column:3;grid-row:1; }
.repair-summary-cell {
  grid-column:4;
  grid-row:1;
  min-width:0;
  max-width:none;
  white-space:normal;
  -webkit-line-clamp:2;
}
.repair-actions {
  grid-column:2 / -1;
  grid-row:2;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-width:0;
  width:100%;
  gap:5px;
  overflow-x:auto;
  padding:1px 0 2px;
  scrollbar-width:thin;
}
.repair-actions > * { flex:0 0 auto; }
.repair-actions .row-button,.repair-actions a { min-height:27px;padding:4px 7px; }
.repair-customer-cell strong { max-width:100%; }
.repair-status-cell .research-change-summary { max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.repair-card-head { z-index:4; }
@media(max-width:980px){
  .repair-item{grid-template-columns:62px minmax(160px,1fr) minmax(130px,.8fr);}
  .repair-summary-cell{grid-column:2 / -1;grid-row:2;}
  .repair-actions{grid-column:2 / -1;grid-row:3;}
  .repair-select{grid-row:1 / 4;}
}
@media(max-width:680px){
  .repair-item{grid-template-columns:54px minmax(0,1fr);}
  .repair-customer-cell{grid-column:2}.repair-status-cell{grid-column:2;grid-row:2}
  .repair-summary-cell{grid-column:2;grid-row:3}.repair-actions{grid-column:2;grid-row:4;}
  .repair-select{grid-row:1 / 5}.repair-status-cell .research-change-summary{max-width:100%;}
}


/* Research overlap correction - growth-os-v61 */
.repair-card-head {
  position:static !important;
  top:auto !important;
  z-index:auto !important;
}
.repair-card { overflow:visible; }
.repair-list { overflow:visible; }
.repair-item { position:relative;overflow:visible; }
.repair-item:first-child { border-top:0; }
.repair-status-cell { align-self:start;padding-top:1px; }
.repair-summary-cell { align-self:start;padding-top:2px; }
.research-done { background:#e8f7f0;color:#176b4d;border-color:#b9decf; }


/* Outreach research result entry - growth-os-v62 */
.outreach-research-result { border-color:#9ccfc4;background:#edf8f5;color:#076d62;font-weight:700; }
.outreach-research-result:hover { background:#dff2ed;color:#055d54; }
.task-actions .outreach-research-result,.mini-actions .outreach-research-result { order:4; }


/* Simple outreach workspace - growth-os-v63 */
.outreach-simple-head { margin-bottom:8px; }
.outreach-simple-steps {
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 11px;
  margin-bottom:10px;
  border:1px solid var(--line);
  border-radius:5px;
  background:#f8faf9;
  overflow-x:auto;
}
.outreach-simple-steps span { display:flex;align-items:center;gap:6px;min-width:max-content;color:#465651;font-size:11px;font-weight:700; }
.outreach-simple-steps b { width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--brand);color:#fff;font-size:9px; }
.outreach-simple-steps i { color:#9aa6a2;font-style:normal; }
.daily-task-board .human-ai-workflow { display:none; }
.outreach-sales-desk {
  display:grid;
  grid-template-columns:minmax(245px,.72fr) minmax(420px,1.45fr);
  gap:10px;
  margin-bottom:10px;
  align-items:stretch;
}
.outreach-sales-desk.is-empty {
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  padding:18px;
  border:1px solid #bedbd1;
  border-radius:6px;
  background:#f8fcfa;
}
.outreach-sales-desk.is-empty h3 { margin:0 0 5px;font-size:16px; }
.outreach-sales-desk.is-empty p { margin:0;color:var(--muted); }
.outreach-priority-queue,
.outreach-focus-card,
.outreach-action-rail {
  border:1px solid #d8e7e2;
  border-radius:6px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 12px 28px rgba(13,64,52,.08), inset 0 1px 0 rgba(255,255,255,.9);
}
.outreach-desk-title {
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
  padding:11px 12px;
  border-bottom:1px solid var(--line);
  background:#f4faf8;
}
.outreach-desk-title strong { font-size:13px;color:#243530; }
.outreach-desk-title span { color:#687773;font-size:10px;text-align:right;line-height:1.45; }
.outreach-priority-list { display:grid;max-height:440px;overflow:auto; }
.outreach-queue-chips {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  padding:9px 10px;
  border-bottom:1px solid #eef2f1;
  background:linear-gradient(180deg,#ffffff,#f7fbfa);
}
.outreach-queue-chips button {
  display:flex;
  align-items:center;
  gap:6px;
  padding:5px 8px;
  border:1px solid #d8e7e2;
  border-radius:999px;
  background:#fff;
  color:#38534b;
  font-size:9px;
  font-weight:750;
  box-shadow:0 4px 10px rgba(20,77,63,.06);
  white-space:nowrap;
  cursor:pointer;
}
.outreach-queue-chips button:hover { border-color:#91c9ba;background:#f0f8f5; }
.outreach-queue-chips button.is-active {
  border-color:#168168;
  background:linear-gradient(145deg,#168168,#0f6654);
  color:#fff;
  box-shadow:0 7px 14px rgba(14,115,91,.18), inset 0 1px 0 rgba(255,255,255,.2);
}
.outreach-queue-chips button span { color:inherit;font-size:inherit; }
.outreach-queue-chips button b {
  min-width:17px;
  height:17px;
  display:grid;
  place-items:center;
  padding:0 4px;
  border-radius:999px;
  background:#e6f2ee;
  color:#0e735b;
  font-size:8px;
}
.outreach-queue-chips button.is-active b { background:rgba(255,255,255,.2);color:#fff; }
.outreach-current-queue {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:7px 10px;
  border-bottom:1px solid #eef2f1;
  background:#fbfdfc;
}
.outreach-current-queue strong { color:#29453d;font-size:10px; }
.outreach-current-queue span { color:#7a8984;font-size:8px;text-align:right; }
.outreach-queue-empty {
  padding:26px 14px;
  color:#73817d;
  font-size:10px;
  line-height:1.55;
  text-align:center;
}
.outreach-priority-item {
  display:grid;
  grid-template-columns:28px minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  min-height:58px;
  padding:9px 10px;
  border:0;
  border-bottom:1px solid #eef2f1;
  background:#fff;
  color:var(--text);
  text-align:left;
  cursor:pointer;
}
.outreach-priority-item:last-child { border-bottom:0; }
.outreach-priority-item:hover,
.outreach-priority-item.is-active { background:#edf8f4; }
.outreach-priority-item b {
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#e7f2ef;
  color:#15745d;
  font-size:10px;
}
.outreach-priority-item strong { display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.outreach-priority-item small { display:block;color:var(--muted);font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.outreach-priority-item em {
  padding:4px 7px;
  border-radius:999px;
  background:#e6f4ef;
  color:#0d725a;
  font-size:9px;
  font-style:normal;
  font-weight:750;
  white-space:nowrap;
}
.outreach-contact-hint {
  padding:8px 10px;
  border-top:1px solid #eef2f1;
  background:#fbfdfc;
  color:#6b7975;
  font-size:9px;
  line-height:1.45;
}
.outreach-focus-card { padding:14px; }
.outreach-focus-head { display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px; }
.outreach-focus-head h3 { margin:8px 0 4px;font-size:20px;line-height:1.25; }
.outreach-focus-head p { margin:0;color:#63736e;font-size:11px; }
.outreach-channel-hub {
  display:grid;
  grid-template-columns:minmax(210px,.9fr) minmax(0,1.1fr);
  gap:8px;
  margin-bottom:10px;
}
.outreach-primary-contact {
  display:grid;
  gap:4px;
  min-height:76px;
  padding:11px 12px;
  border:1px solid #add7cd;
  border-radius:8px;
  background:linear-gradient(145deg,#0e735b,#114a44);
  color:#fff;
  text-align:left;
  cursor:pointer;
  box-shadow:0 13px 22px rgba(14,115,91,.18), inset 0 1px 0 rgba(255,255,255,.2);
}
.outreach-primary-contact span { font-size:10px;opacity:.86;font-weight:750; }
.outreach-primary-contact strong { font-size:18px;line-height:1.15; }
.outreach-primary-contact small { font-size:10px;line-height:1.45;color:rgba(255,255,255,.78); }
.outreach-primary-contact:hover { transform:translateY(-1px);box-shadow:0 16px 26px rgba(14,115,91,.22), inset 0 1px 0 rgba(255,255,255,.24); }
.outreach-quote-agent-button {
  border-color:#7ca8c2 !important;
  background:linear-gradient(145deg,#eef7fb,#dfeef6) !important;
  color:#195875 !important;
  box-shadow:0 6px 12px rgba(39,103,134,.1), inset 0 1px 0 #fff;
}
.outreach-quote-agent-button:hover { border-color:#4f8cab !important;background:#d9edf6 !important; }
.outreach-contact-methods {
  display:flex;
  flex-wrap:wrap;
  align-content:center;
  align-items:center;
  gap:6px;
  padding:10px;
  border:1px solid #d8e7e2;
  border-radius:8px;
  background:#f8fcfa;
}
.outreach-focus-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border:1px solid var(--line);
  border-radius:5px;
  overflow:hidden;
  margin-bottom:10px;
}
.outreach-focus-grid div { display:grid;gap:4px;padding:9px 10px;border-right:1px solid var(--line);background:#fbfdfc; }
.outreach-focus-grid div:last-child { border-right:0; }
.outreach-focus-grid span,
.outreach-focus-reason b,
.outreach-script-box b { color:#63736e;font-size:10px; }
.outreach-focus-grid strong { font-size:11px;line-height:1.45;overflow-wrap:anywhere; }
.outreach-customer-snapshot {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-bottom:10px;
}
.outreach-customer-snapshot article {
  display:grid;
  gap:4px;
  min-height:58px;
  padding:9px 10px;
  border:1px solid #d8e7e2;
  border-radius:8px;
  background:linear-gradient(180deg,#fff,#f8fcfa);
  box-shadow:0 8px 16px rgba(18,72,60,.06);
}
.outreach-customer-snapshot span { color:#63736e;font-size:9px;font-weight:750; }
.outreach-customer-snapshot strong { color:#243530;font-size:11px;line-height:1.45;overflow-wrap:anywhere; }
.outreach-focus-reason {
  padding:10px 12px;
  border-left:3px solid #1f9d74;
  background:#f1f9f6;
  margin-bottom:10px;
}
.outreach-focus-reason p { margin:5px 0 0;color:#31423d;line-height:1.55;font-size:11px; }
.outreach-process-panel {
  display:grid;
  gap:7px;
  margin-bottom:10px;
  padding:10px 12px;
  border:1px solid #dce9e4;
  border-radius:6px;
  background:#fbfdfc;
}
.outreach-process-panel b { color:#63736e;font-size:10px; }
.outreach-process-panel div { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px; }
.outreach-process-panel span {
  padding:7px 8px;
  border-radius:5px;
  background:#f3f8f6;
  color:#31423d;
  font-size:10px;
  line-height:1.45;
}
.outreach-script-box { display:grid;gap:7px;margin-bottom:10px; }
.outreach-script-box textarea {
  width:100%;
  resize:vertical;
  min-height:92px;
  border:1px solid #d7e4df;
  border-radius:6px;
  padding:10px 11px;
  background:#fbfdfc;
  color:#243530;
  font-size:12px;
  line-height:1.55;
}
.outreach-script-box small { color:#7a6a3a;background:#fff8dd;border:1px solid #f1e3aa;border-radius:5px;padding:7px 9px;line-height:1.45; }
.outreach-ai-command-row {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
  padding:9px 10px;
  margin-bottom:10px;
  border:1px solid #dce9e4;
  border-radius:8px;
  background:linear-gradient(180deg,#fbfdfc,#f2f8f6);
}
.outreach-ai-command-row > span {
  margin-right:auto;
  color:#355148;
  font-size:11px;
  font-weight:800;
}
.outreach-focus-actions { display:flex;flex-wrap:wrap;gap:6px;align-items:center; }
.outreach-risk-note {
  margin-top:10px;
  padding:8px 10px;
  border:1px solid #f1e3aa;
  border-radius:8px;
  background:#fff8dd;
  color:#756530;
  font-size:10px;
  line-height:1.5;
}
.outreach-action-rail { display:grid;align-content:start; }
.outreach-quote-shortcut{display:grid;gap:10px;padding:12px}.outreach-quote-shortcut p{margin:0;color:#6b7e8d;font-size:11px;line-height:1.55}.outreach-quote-shortcut button{width:100%}
.quote-agent-panel.is-inline-outreach{position:fixed;z-index:46;top:72px;right:12px;bottom:12px;display:grid;width:min(420px,calc(100vw - 28px));grid-template-rows:auto auto auto minmax(0,1fr) auto;margin:0;border-radius:10px;box-shadow:0 18px 45px rgba(26,53,77,.26)}
.quote-agent-panel.is-inline-outreach .quote-agent-transcript{height:auto;min-height:0}.quote-agent-panel.is-inline-outreach .quote-agent-message{width:92%}.quote-agent-panel.is-inline-outreach .quote-agent-composer{padding:10px 12px}.quote-agent-panel.is-inline-outreach .quote-agent-composer textarea{min-height:72px}
.quote-agent-context-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}
.quote-agent-context-actions>button{padding:5px 8px;border:1px solid #b9cddd;border-radius:5px;background:#fff;color:#31536d;font-size:11px;font-weight:700;cursor:pointer}
.ai-collaboration-controls{border-bottom:1px solid #dbe8f2;background:linear-gradient(180deg,#fbfdff,#f1f7fc)}.ai-collaboration-tasks{display:flex;flex-wrap:nowrap;gap:7px;overflow-x:auto;padding:9px 12px;background:linear-gradient(180deg,#fbfdff,#f1f7fc);scrollbar-width:thin}.ai-collaboration-tasks button{flex:0 0 auto;min-height:30px;padding:5px 10px;border:1px solid #c6dbe9;border-radius:9px;background:linear-gradient(145deg,#fff,#f5faff);color:#285975;font-size:11px;font-weight:750;cursor:pointer;white-space:nowrap}.ai-collaboration-tasks button:hover{border-color:#76abc9;background:#e9f5fb;color:#124e6f}

/* v211: Gemini-style horizontal suggestion rail, compact sidecar. */
.quote-agent-panel.is-inline-chat{width:min(420px,calc(100vw - 28px));grid-template-rows:auto auto auto minmax(0,1fr) auto}
.chat-quote-side-toggle{position:fixed;right:0;top:168px;z-index:48}.chat-quote-side-toggle.is-open{z-index:48}
.ai-collaboration-tasks button.is-active{border-color:#4d91b8;background:linear-gradient(145deg,#e5f4fb,#d7ecf7);color:#124e70;box-shadow:inset 0 1px 0 #fff}
.ai-collaboration-scope{display:flex;align-items:center;gap:7px;padding:8px 12px;border-top:1px solid #dbe8f2;background:#fff}.ai-collaboration-scope>span{margin-right:auto;color:#5c7184;font-size:11px;font-weight:800}.ai-collaboration-scope button{min-height:29px;padding:4px 8px;border:1px solid #c6dbe9;border-radius:7px;background:#fff;color:#315b76;font-size:11px;font-weight:750;cursor:pointer}.ai-collaboration-scope button.is-active{border-color:#4d91b8;background:#e5f4fb;color:#124e70}.ai-collaboration-scope button:disabled{opacity:.45;cursor:not-allowed}
.quote-agent-chat-context{display:flex;padding:9px 12px;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #dbe8f2;background:#f8fbfe;color:#455d70;font-size:11px}.quote-agent-chat-context strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quote-agent-chat-context label{display:flex;align-items:center;gap:6px;white-space:nowrap}.quote-agent-chat-context select{height:30px;padding:0 6px;border:1px solid #cdddeb;border-radius:5px;background:#fff;color:#31475a;font:inherit}.quote-agent-table-wrap{height:100%;overflow:auto;background:#fff;padding:10px}.quote-agent-table-wrap table{width:100%;border-collapse:collapse;font-size:11px}.quote-agent-table-wrap th,.quote-agent-table-wrap td{padding:7px;border:1px solid #dbe5ee;text-align:left;vertical-align:top}.quote-agent-table-wrap th{background:#edf4fb;color:#38526a}.quote-agent-table-wrap p{margin:9px 0 0;color:#657a8d;font-size:11px}.quote-agent-panel.is-inline-chat{position:fixed;z-index:46;top:72px;right:12px;bottom:12px;display:grid;width:min(480px,calc(100vw - 28px));grid-template-rows:auto auto minmax(0,1fr) auto;border-radius:10px;box-shadow:0 18px 45px rgba(26,53,77,.26)}.quote-agent-panel.is-inline-chat .quote-agent-transcript{height:auto;min-height:0}.quote-agent-panel.is-inline-chat .quote-agent-message{width:92%}.quote-agent-panel.is-inline-chat .quote-agent-composer{padding:10px 12px}.quote-agent-panel.is-inline-chat .quote-agent-composer textarea{min-height:72px}

/* v213: the collaboration sidecar remains complete beside the fixed vertical toggle. */
.quote-agent-panel.is-inline-chat{right:58px;width:min(360px,calc(100vw - 84px));grid-template-rows:auto auto auto minmax(0,1fr) auto}
.quote-agent-panel.is-inline-outreach{width:min(360px,calc(100vw - 28px))}
.quote-agent-panel.is-inline-chat>header,.quote-agent-panel.is-inline-outreach>header{align-items:flex-start}
.quote-agent-panel.is-inline-chat>header>div:first-child,.quote-agent-panel.is-inline-outreach>header>div:first-child{min-width:0;flex:1}
.quote-agent-panel.is-inline-chat>header span,.quote-agent-panel.is-inline-outreach>header span{line-height:1.45;white-space:normal}
.quote-agent-panel.is-inline-chat .quote-agent-context-actions,.quote-agent-panel.is-inline-outreach .quote-agent-context-actions{display:grid;flex:0 0 auto;justify-items:end;gap:4px}
.quote-agent-panel.is-inline-chat .quote-agent-context-actions em,.quote-agent-panel.is-inline-outreach .quote-agent-context-actions em{max-width:108px;padding:4px 6px;line-height:1.3;text-align:right}
.quote-agent-panel.is-inline-chat .quote-agent-chat-context{display:grid;grid-template-columns:minmax(0,1fr) auto;justify-content:normal}
.quote-agent-panel.is-inline-chat .quote-agent-chat-context label{min-width:0;gap:4px;font-size:10px}
.quote-agent-panel.is-inline-chat .quote-agent-chat-context select{max-width:108px;padding:0 4px;font-size:10px}
.quote-agent-panel.is-inline-chat .ai-collaboration-scope{overflow-x:auto;scrollbar-width:thin}
.quote-agent-panel.is-inline-chat .ai-collaboration-scope>span{flex:0 0 auto}
.quote-agent-panel.is-inline-chat .quote-agent-composer footer{flex-wrap:wrap}
.quote-agent-panel.is-inline-chat .quote-agent-composer footer small{order:3;flex:1 0 100%;font-size:9px}
.quote-agent-panel.is-inline-chat .quote-agent-composer .quote-agent-send{margin-left:auto}

/* v214: compact sidecar composer and a visible response to every agent action. */
.quote-agent-panel.is-inline-chat .quote-agent-empty{padding:12px;font-size:12px;line-height:1.5}
.quote-agent-panel.is-inline-chat .quote-agent-composer{padding:8px 10px}
.quote-agent-panel.is-inline-chat .quote-agent-composer textarea{min-height:62px;padding:8px 9px;font-size:12px;line-height:1.45}
.quote-agent-panel.is-inline-chat .quote-agent-feedback{display:none;margin-top:6px;padding:6px 8px;border:1px solid #d2e2ee;border-radius:6px;background:#f4f9fd;color:#567087;font-size:11px;line-height:1.4}
.quote-agent-panel.is-inline-chat .quote-agent-feedback.is-visible{display:block}
.quote-agent-panel.is-inline-chat .quote-agent-composer footer{margin-top:7px;gap:7px}
.quote-agent-panel.is-inline-chat .quote-agent-composer footer button{min-height:31px;padding:5px 9px;font-size:12px}
.quote-agent-panel.is-inline-chat .quote-agent-composer footer small{font-size:10px;line-height:1.3}

/* v215: keep the sidecar genuinely compact at enlarged browser zoom. */
.quote-agent-panel.is-inline-chat{right:64px;width:min(320px,72vw,calc(100vw - 108px))}
.quote-agent-panel.is-inline-chat .quote-agent-composer footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px}
.quote-agent-panel.is-inline-chat .quote-agent-composer footer [data-quote-agent-files]{min-width:0;max-width:152px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.quote-agent-panel.is-inline-chat .quote-agent-composer footer small{grid-column:1/-1;min-width:0;margin:0;white-space:normal}
.quote-agent-panel.is-inline-chat .quote-agent-composer .quote-agent-send{min-width:116px;margin-left:0;white-space:nowrap}
.quote-agent-panel.is-inline-chat .quote-agent-composer textarea{font-size:11px!important}
.quote-agent-panel.is-inline-chat .quote-agent-empty{font-size:11px!important}
.quote-agent-panel.is-inline-chat .quote-agent-chat-context strong{display:grid;gap:2px;line-height:1.25}
.quote-agent-panel.is-inline-chat .quote-agent-chat-context strong small{color:#68829a;font-size:9px;font-weight:600;line-height:1.3}
.quote-agent-actions{display:grid;gap:6px;margin-top:8px;padding:8px;border:1px solid #c9e3d9;border-radius:7px;background:#f2fbf7}.quote-agent-actions>strong{font-size:11px;color:#1a6c54}.quote-agent-actions button{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 7px;align-items:center;padding:7px 8px;border:1px solid #b9dccc;border-radius:6px;background:#fff;color:#285a4b;text-align:left;cursor:pointer}.quote-agent-actions button b{grid-row:1/3;padding:3px 6px;border-radius:4px;background:#dff4ea;color:#0e6b4e;font-size:10px}.quote-agent-actions button span{font-size:11px;font-weight:800}.quote-agent-actions button small{overflow:hidden;color:#617d71;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.quote-agent-actions button:hover{border-color:#65ae91;background:#fbfffd}.quote-agent-actions button.is-executed{border-color:#79bda4;background:#eaf8f1;color:#176c50}
.outreach-action-metrics { display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line); }
.outreach-action-metrics article { display:grid;gap:3px;padding:10px;border-right:1px solid var(--line); }
.outreach-action-metrics article:last-child { border-right:0; }
.outreach-action-metrics span { color:var(--muted);font-size:9px; }
.outreach-action-metrics strong { color:#0e735b;font-size:20px; }
.outreach-pipeline-list { display:grid;gap:0;border-bottom:1px solid var(--line); }
.outreach-pipeline-list article {
  display:grid;
  grid-template-columns:25px minmax(0,1fr);
  gap:8px;
  align-items:start;
  padding:9px 10px;
  border-bottom:1px solid #eef2f1;
}
.outreach-pipeline-list article:last-child { border-bottom:0; }
.outreach-pipeline-list b {
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#e7f2ef;
  color:#15745d;
  font-size:9px;
}
.outreach-pipeline-list strong { display:block;font-size:10px;margin-bottom:2px; }
.outreach-pipeline-list span { display:block;color:var(--muted);font-size:9px;line-height:1.45; }
.outreach-next-list { display:grid;gap:0;padding:10px; }
.outreach-next-list > strong { margin-bottom:6px;font-size:12px; }
.outreach-next-list button {
  display:grid;
  gap:2px;
  padding:8px 0;
  border:0;
  border-bottom:1px solid #eef2f1;
  background:transparent;
  color:var(--text);
  text-align:left;
  cursor:pointer;
}
.outreach-next-list button:last-child { border-bottom:0; }
.outreach-next-list span { font-size:10px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.outreach-next-list small { color:var(--muted);font-size:9px; }
.outreach-more-tasks {
  border:1px solid #d8e7e2;
  border-radius:6px;
  background:#fff;
  overflow:hidden;
}
.outreach-more-tasks > summary {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:11px 12px;
  cursor:pointer;
  list-style:none;
  background:#f7fbfa;
}
.outreach-more-tasks > summary::-webkit-details-marker { display:none; }
.outreach-more-tasks > summary::after {
  content:"展开";
  padding:4px 8px;
  border:1px solid #cfe2dc;
  border-radius:999px;
  color:#0e735b;
  font-size:9px;
  font-weight:750;
}
.outreach-more-tasks[open] > summary::after { content:"收起"; }
.outreach-more-tasks > summary strong { font-size:12px;color:#243530; }
.outreach-more-tasks > summary span { color:var(--muted);font-size:10px; }
.outreach-more-tasks .task-summary { margin:0;border-left:0;border-right:0;border-radius:0; }
.outreach-more-tasks .task-list { border-left:0;border-right:0;border-bottom:0;border-radius:0; }
.daily-task-board .task-summary { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:5px;overflow:hidden;margin-bottom:9px; }
.daily-task-board .task-summary article { border:0;border-right:1px solid var(--line);border-radius:0;background:#fff;min-height:55px;padding:8px 10px; }
.daily-task-board .task-summary article:last-child { border-right:0; }
.daily-task-board .task-list { border:1px solid var(--line);border-radius:5px;overflow:hidden; }
.daily-task-board .task-row { display:grid;grid-template-columns:30px minmax(420px,1fr) minmax(330px,.85fr);gap:10px;align-items:center;padding:9px 10px;border-bottom:1px solid var(--line); }
.daily-task-board .task-row:last-child { border-bottom:0; }
.daily-task-board .task-row:hover { background:#f7faf9; }
.daily-task-board .task-actions { display:flex;justify-content:flex-end;align-items:center;gap:5px;flex-wrap:wrap; }
.daily-task-board .outreach-result-buttons { display:none; }
.daily-task-board .task-rank { width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#eef4f2;color:#47605a;font-size:10px;font-weight:750; }
.outreach-contacted-button { background:var(--brand);border-color:var(--brand);color:#fff; }
.outreach-followup-panel { margin-top:10px; }
.followup-metrics { display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:5px;overflow:hidden; }
.followup-metrics article { border:0;border-right:1px solid var(--line);border-radius:0; }
.followup-metrics article:last-child { border-right:0; }
@media(max-width:1100px){
  .outreach-sales-desk{grid-template-columns:1fr}.outreach-priority-list{max-height:260px}.outreach-action-rail{display:none}
  .outreach-channel-hub{grid-template-columns:1fr}
  .outreach-customer-snapshot{grid-template-columns:repeat(2,1fr)}
  .daily-task-board .task-row{grid-template-columns:30px minmax(0,1fr)}
  .daily-task-board .task-actions{grid-column:2;justify-content:flex-start}
  .followup-metrics{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
  .outreach-current-queue{align-items:flex-start;flex-direction:column}.outreach-current-queue span{text-align:left}
  .outreach-focus-grid{grid-template-columns:1fr}.outreach-focus-grid div{border-right:0;border-bottom:1px solid var(--line)}.outreach-focus-grid div:last-child{border-bottom:0}
  .outreach-customer-snapshot{grid-template-columns:1fr}
  .outreach-process-panel div{grid-template-columns:1fr}
  .daily-task-board .task-summary{grid-template-columns:repeat(2,1fr)}
  .daily-task-board .task-row{grid-template-columns:1fr}.daily-task-board .task-rank{display:none}
  .daily-task-board .task-main,.daily-task-board .task-actions{grid-column:1}
  .followup-metrics{grid-template-columns:repeat(2,1fr)}
}


/* Compact followup list - growth-os-v64 */
.followup-lanes { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.followup-lanes > section { border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#fff; }
.followup-lanes > section > h3 { margin:0;padding:9px 11px;border-bottom:1px solid var(--line);background:#f6f8f8;font-size:12px; }
.followup-compact-row {
  display:grid;
  grid-template-columns:minmax(145px,1.15fr) 72px 92px 92px minmax(150px,1.4fr) 66px;
  align-items:center;
  gap:8px;
  width:100%;
  min-height:55px;
  padding:8px 10px;
  border:0;
  border-bottom:1px solid #edf0f2;
  border-radius:0;
  background:#fff;
  color:var(--text);
  text-align:left;
}
.followup-compact-row:last-child { border-bottom:0; }
.followup-compact-row:hover { background:#f4faf8; }
.followup-customer,.followup-result,.followup-next { display:grid;gap:2px;min-width:0; }
.followup-customer strong,.followup-result strong,.followup-next strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px; }
.followup-customer small,.followup-result small,.followup-next small { color:var(--muted);font-size:9px; }
.followup-note { color:#687773;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.followup-open { color:var(--brand);font-size:10px;font-weight:750;text-align:right;white-space:nowrap; }
@media(max-width:1150px){
  .followup-lanes{grid-template-columns:1fr}.followup-compact-row{grid-template-columns:minmax(150px,1fr) 72px 90px 90px minmax(170px,1.3fr) 66px}
}
@media(max-width:720px){
  .followup-compact-row{grid-template-columns:minmax(0,1fr) 70px 65px}.followup-result,.followup-next{display:none}.followup-note{grid-column:1 / 3}.followup-open{grid-column:3;grid-row:2}
}


/* Followup status control - growth-os-v65 */
.followup-status-button { display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:28px;padding:4px 8px;border-radius:5px;font-size:10px;font-weight:750;white-space:nowrap; }
.followup-status-button span { width:7px;height:7px;border-radius:50%;border:1px solid currentColor; }
.followup-status-button.is-active { border-color:#63b993;background:#e8f7ef;color:#14734b; }
.followup-status-button.is-active span { background:#20a766;border-color:#20a766; }
.followup-status-button.is-active:hover { background:#d8f0e4;color:#0f613e; }
.followup-status-button.is-contacted { border-color:#efc37b;background:#fff6e7;color:#8a570c; }
.followup-status-button.is-contacted span { background:#e49a25;border-color:#e49a25; }
.followup-status-button.is-contacted:hover { background:#ffedcf;color:#744707; }
.followup-status-button.is-empty { border-color:#d8dfdd;background:#fff;color:#6e7b77; }
.followup-status-button.is-empty:hover { background:#f5f8f7;color:#42524d; }
.followup-compact-row { cursor:pointer; }
.followup-compact-row .followup-status-button { justify-self:start; }
.daily-task-board .followup-status-button { order:5; }
[data-followup-process] { scroll-margin-top:16px;border-color:#b9ded2;background:#f9fcfb; }

/* Unified customer states and activity timeline - growth-os-v66 */
.unified-state-grid { display:flex;align-items:center;gap:7px;flex-wrap:wrap; }
.state-chip { display:inline-flex;align-items:center;min-height:28px;padding:4px 8px;border:1px solid var(--line);border-radius:5px;background:#fff;color:#52615d;font-size:10px;font-weight:750; }
.state-completed,.state-verified,.state-active { border-color:#8fd0b4;background:#eaf8f1;color:#126846; }
.state-running,.state-partial,.state-pending,.state-waiting,.state-overdue { border-color:#efc37b;background:#fff6e7;color:#8a570c; }
.state-failed,.state-invalid,.state-stopped { border-color:#e9a3a3;background:#fff0f0;color:#9b2c2c; }
.state-missing,.state-untouched { border-color:#d8dfdd;background:#f7f9f8;color:#687773; }
.activity-timeline { display:grid;gap:0;border-left:2px solid #dce9e4;margin-left:5px;padding-left:15px; }
.activity-event { position:relative;display:grid;grid-template-columns:128px minmax(0,1fr);gap:10px;padding:0 0 12px; }
.activity-event::before { content:"";position:absolute;left:-21px;top:4px;width:9px;height:9px;border-radius:50%;background:#1f9d74;border:2px solid #fff;box-shadow:0 0 0 1px #9ecfbd; }
.activity-event time { color:var(--muted);font-size:9px;line-height:1.45; }
.activity-event strong { display:block;margin-bottom:3px;font-size:10px;color:#40504b; }
.activity-event p { display:grid;grid-template-columns:90px minmax(0,1fr);gap:7px;margin:2px 0!important; }
.activity-event p b { color:#65736f;font-size:9px; }
.activity-event p span { color:#273531;font-size:10px;overflow-wrap:anywhere; }
@media(max-width:760px){.activity-event{grid-template-columns:1fr}.activity-event time{margin-bottom:-6px}}

/* Compact AI intelligence - growth-os-v68 */
.ai-intelligence-section { border-color:#b8dcd0;background:#fbfdfc; }
.ai-intelligence-head { display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:14px;align-items:start; }
.ai-intelligence-head h3 { margin:0 0 5px; }
.ai-intelligence-head p { margin:0!important;color:#52615d;line-height:1.55; }
.ai-intelligence-score { display:grid;place-items:center;align-content:center;min-height:58px;border:1px solid #abd6c7;border-radius:5px;background:#eaf7f2; }
.ai-intelligence-score strong { font-size:18px;color:#126846; }
.ai-intelligence-score span { color:#58706a;font-size:9px; }
.ai-intelligence-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:12px;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#fff; }
.ai-intelligence-grid div { display:grid;gap:3px;min-height:58px;padding:9px 10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line); }
.ai-intelligence-grid div:nth-child(3n) { border-right:0; }
.ai-intelligence-grid div:nth-last-child(-n+3) { border-bottom:0; }
.ai-intelligence-grid span,.ai-next-action span { color:var(--muted);font-size:9px; }
.ai-intelligence-grid strong,.ai-next-action strong { color:#293934;font-size:10px;line-height:1.45;overflow-wrap:anywhere; }
.ai-next-action { display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px;align-items:start;margin-top:9px;padding:9px 10px;border-left:3px solid #1f9d74;background:#f0f8f5; }
.ai-intelligence-details { display:grid;gap:6px;margin-top:10px; }
.ai-intelligence-details > details { border:1px solid var(--line);border-radius:5px;background:#fff;overflow:hidden; }
.ai-intelligence-details > details > summary { cursor:pointer;padding:9px 11px;color:#365149;font-size:10px;font-weight:750; }
.ai-intelligence-details > details[open] > summary { border-bottom:1px solid var(--line);background:#f5f9f7; }
.ai-intelligence-details .detail-section { margin:0;border:0;border-radius:0;box-shadow:none; }
.compact-detail-lines { display:grid;gap:5px;padding:10px 12px; }
.compact-detail-lines p { margin:0!important;line-height:1.5;overflow-wrap:anywhere; }
@media(max-width:760px){.ai-intelligence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-intelligence-grid div:nth-child(3n){border-right:1px solid var(--line)}.ai-intelligence-grid div:nth-child(2n){border-right:0}.ai-intelligence-grid div:nth-last-child(-n+3){border-bottom:1px solid var(--line)}.ai-intelligence-grid div:nth-last-child(-n+2){border-bottom:0}}

/* Assignment console - growth-os-v73 */
.outreach-assignment-workbench { margin:10px 0 12px; }
.assignment-console { border:1px solid #bedbd1;border-radius:5px;background:#fbfdfc;overflow:hidden; }
.assignment-console-head { display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid var(--line);background:#eef7f4; }
.assignment-console-head h3 { margin:0 0 2px;font-size:12px; }
.assignment-console-head span { color:var(--muted);font-size:9px; }
.assignment-layout { display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr); }
.assignment-pool { border-right:1px solid var(--line); }
.assignment-row { display:grid;grid-template-columns:minmax(0,1fr) 130px 52px;gap:8px;align-items:center;min-height:52px;padding:7px 10px;border-bottom:1px solid #edf1ef; }
.assignment-row:last-child { border-bottom:0; }
.assignment-row div { display:grid;gap:2px;min-width:0; }
.assignment-row strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px; }
.assignment-row span { color:var(--muted);font-size:9px; }
.assignment-row select { width:100%;min-height:29px;font-size:9px; }
.assignment-load { display:grid;align-content:start; }
.assignment-load article { display:grid;grid-template-columns:minmax(0,1fr) repeat(3,62px);gap:5px;padding:9px 10px;border-bottom:1px solid #edf1ef;align-items:center; }
.assignment-load article:last-child { border-bottom:0; }
.assignment-load strong { font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.assignment-load span { color:#60706b;font-size:9px;text-align:right; }
.assignment-scope-note { display:flex;justify-content:space-between;padding:9px 11px;border:1px solid var(--line);border-radius:5px;background:#f6f9f8;font-size:10px; }
.assignment-scope-note span { color:var(--muted); }
@media(max-width:900px){.assignment-layout{grid-template-columns:1fr}.assignment-pool{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:620px){.assignment-row{grid-template-columns:minmax(0,1fr) 105px}.assignment-row button{grid-column:2}.assignment-load article{grid-template-columns:minmax(0,1fr) repeat(3,52px)}}

/* Configurable automation - growth-os-v74 */
.automation-settings-panel { grid-column:1 / -1;border-top:1px solid var(--line);margin-top:4px; }
.automation-settings-panel summary { cursor:pointer;padding:8px 0;color:var(--brand);font-size:10px;font-weight:750; }
.automation-settings-grid { display:grid;grid-template-columns:1.2fr 130px 100px 150px 150px 86px;gap:8px;align-items:end;padding:4px 0 10px; }
.automation-settings-grid > label { display:grid;gap:4px;min-width:0; }
.automation-settings-grid label > span { color:var(--muted);font-size:9px; }
.automation-settings-grid select,.automation-settings-grid input[type="number"] { width:100%;min-height:30px;border:1px solid var(--line);border-radius:4px;background:#fff;padding:4px 7px;font-size:10px; }
.automation-grade-checks { display:flex;min-height:30px;border:1px solid var(--line);border-radius:4px;background:#fff;overflow:hidden; }
.automation-grade-checks label { display:flex;align-items:center;gap:3px;padding:5px 8px;border-right:1px solid var(--line);font-size:10px; }
.automation-grade-checks label:last-child { border-right:0; }
.automation-switch-setting { display:flex!important;align-items:center;gap:6px;min-height:30px;padding:4px 7px;border:1px solid var(--line);border-radius:4px;background:#fff; }
@media(max-width:1100px){.automation-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.automation-settings-grid{grid-template-columns:1fr 1fr}.automation-settings-grid > label:first-child{grid-column:1 / -1}}

/* Automation candidate preview - growth-os-v75 */
.automation-candidate-preview { grid-column:1 / -1;border:1px solid #c7ddd5;border-radius:5px;background:#fff;overflow:hidden;margin-top:7px; }
.automation-preview-head { display:flex;justify-content:space-between;gap:10px;padding:8px 10px;background:#f1f8f5;border-bottom:1px solid var(--line); }
.automation-preview-head strong { font-size:10px; }.automation-preview-head span { color:var(--muted);font-size:9px; }
.automation-candidate-preview article { display:grid;grid-template-columns:minmax(180px,1.4fr) 130px 180px 52px;gap:8px;align-items:center;min-height:48px;padding:7px 10px;border-bottom:1px solid #edf1ef; }
.automation-candidate-preview article:last-child { border-bottom:0; }
.automation-candidate-preview article > div { display:grid;gap:2px;min-width:0; }
.automation-candidate-preview article strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px; }
.automation-candidate-preview article span { color:var(--muted);font-size:9px; }
.automation-preview-owner,.automation-preview-channel { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
@media(max-width:760px){.automation-candidate-preview article{grid-template-columns:minmax(0,1fr) 105px 50px}.automation-preview-channel{grid-column:1 / 3}}

/* JANON unified channel chat - growth-os-v95 */
.unified-chat-view.active { display:block; }
.unified-chat-shell {
  position:relative;
  display:grid;
  grid-template-columns:minmax(285px,340px) minmax(0,1fr) minmax(225px,280px);
  height:calc(100vh - 112px);
  min-height:560px;
  border:1px solid var(--line);
  border-radius:6px;
  background:#fff;
  overflow:hidden;
}
.chat-workbench-nav { display:none;min-width:0;border-right:1px solid #dbe8f2;background:#eef5ff;padding:14px 8px;overflow-y:auto; }
.chat-workbench-mode .chat-workbench-nav { display:block; }
.chat-workbench-mode { grid-template-columns:180px 335px minmax(0,1fr) minmax(210px,240px);background:#f4f8fc; }
.chat-workbench-mode.profile-collapsed { grid-template-columns:180px 335px minmax(0,1fr); }
.chat-workbench-mode.chat-nav-collapsed { grid-template-columns:54px 335px minmax(0,1fr) minmax(210px,240px); }
.chat-workbench-mode.chat-nav-collapsed.profile-collapsed { grid-template-columns:54px 335px minmax(0,1fr); }
.profile-collapsed .unified-chat-profile { display:none!important; }
.chat-workbench-mode .chat-workbench-nav,
.chat-workbench-mode .unified-chat-conversations,
.chat-workbench-mode .unified-chat-messages,
.chat-workbench-mode .unified-chat-profile { min-height:0; }
.chat-workbench-nav-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 4px 14px 10px}.chat-workbench-nav h3 { margin:0;font-size:16px;color:#1f2f3d; }.chat-workbench-nav-head button{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;padding:0!important;border:0!important;border-radius:7px!important;background:#f8fbff!important;color:#4a5d72!important;box-shadow:inset 0 0 0 1px #d3e0ed!important;font-size:16px!important}
.chat-workbench-nav strong { display:block;margin:18px 10px 8px;color:#2d3d4d;font-size:13px; }
.chat-workbench-nav button { display:flex;align-items:center;gap:8px;width:100%;height:36px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:#455667;font-size:13px;text-align:left; }
.chat-workbench-nav button span { width:18px;text-align:center;color:#5a77a7; }
.chat-workbench-nav button b { margin-left:auto;padding:1px 5px;border-radius:9px;background:#3d7cff;color:#fff;font-size:11px; }
.chat-workbench-nav button.active { background:#dce9ff;color:#1762e8;font-weight:750; }
.chat-nav-collapsed .chat-workbench-nav{padding:14px 7px;overflow:hidden}.chat-nav-collapsed .chat-workbench-nav-head{justify-content:center;margin:0 0 14px}.chat-nav-collapsed .chat-workbench-nav h3,.chat-nav-collapsed .chat-workbench-nav strong{display:none}.chat-nav-collapsed .chat-workbench-nav button:not([data-chat-toggle-nav]){justify-content:center;width:40px;height:40px;padding:0;font-size:0}.chat-nav-collapsed .chat-workbench-nav button span{width:auto;font-size:18px}.chat-nav-collapsed .chat-workbench-nav button b{position:absolute;right:2px;top:2px;min-width:15px;height:15px;padding:0;font-size:9px;line-height:15px;text-align:center}.chat-nav-collapsed .chat-workbench-nav button.active{box-shadow:inset 3px 0 0 #2f7df6}
.unified-chat-conversations { display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr);min-width:0;border-right:1px solid var(--line);background:#fff; }
.unified-chat-list-head { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 14px 10px; }
.unified-chat-list-head h2 { margin:0 0 2px;font-size:15px; }
.unified-chat-list-head span { color:var(--muted);font-size:10px; }
.unified-chat-list-head button { width:30px;height:30px;padding:0;border-radius:5px;font-size:18px;line-height:1; }
.unified-chat-channels { display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 10px;overflow:visible; }
.unified-chat-channels button { display:inline-flex;align-items:center;gap:5px;min-width:max-content;height:28px;padding:0 8px;border:1px solid var(--line);border-radius:5px;background:#fff;color:#5f6e69;font-size:10px; }
.unified-chat-channels button.active { border-color:#8dc8b4;background:#eaf6f2;color:var(--brand);font-weight:750; }
.unified-chat-search { display:block;padding:0 12px 10px; }
.unified-chat-search > span { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0); }
.unified-chat-search input { width:100%;height:34px;border:1px solid var(--line);border-radius:5px;background:#f7f9f8;padding:0 10px;font-size:11px; }
.unified-chat-filters { display:grid;grid-template-columns:repeat(5,1fr);padding:0 12px 9px;border-bottom:1px solid var(--line); }
.unified-chat-filters button { min-width:0;height:29px;padding:0 4px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#65736f;font-size:10px; }
.unified-chat-filters button.active { border-bottom-color:var(--brand);color:var(--brand);font-weight:750; }
.unified-chat-list { min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable; }
.unified-chat-row { position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:9px;width:100%;min-height:78px;padding:11px 36px 10px 12px;border:0;border-bottom:1px solid #edf1ef;border-radius:0;background:#fff;color:var(--text);text-align:left; }
.unified-chat-row:hover { background:#f6faf8; }
.unified-chat-row.active { background:#eaf6f2;box-shadow:inset 3px 0 0 var(--brand); }
.chat-workbench-mode .unified-chat-row { min-height:84px;padding:10px 34px 10px 12px;border-bottom:0;border-radius:8px;margin:0 8px 4px;width:calc(100% - 16px); }
.chat-workbench-mode .unified-chat-row.active { background:#e6efff;box-shadow:none; }
.chat-workbench-mode .unified-chat-list { padding:6px 0; }
.whatsapp-session-row .unified-chat-row-main small { color:#7c8995; }
.whatsapp-session-row .unified-chat-row-main em { color:#6d7a86; }
.whatsapp-avatar { background:#e9f5ef;color:#128c5a; }
.chat-group-avatar { background:#eaf1ff!important;color:#2468d8!important; }
.unified-chat-avatar { display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e7efec;color:#36544b;font-size:13px;font-weight:750;overflow:hidden; }
.unified-chat-avatar img { width:100%;height:100%;object-fit:cover; }
.unified-chat-row-main { display:grid;gap:4px;min-width:0; }
.unified-chat-row-main > span { display:flex;align-items:center;justify-content:space-between;gap:7px;min-width:0; }
.unified-chat-row-main strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px; }
.unified-chat-row-main time { flex:0 0 auto;color:#89938f;font-size:9px;font-weight:500; }
.unified-chat-row-main small { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#56645f;font-size:10px; }
.unified-chat-row-main em { display:flex;align-items:center;gap:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#87918e;font-size:9px;font-style:normal; }
.unified-chat-channel-tag { display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;max-width:110px;padding:2px 6px;border:1px solid #b8ded0;border-radius:999px;background:#ecf8f3;color:#157052;font-size:9px;font-weight:750;line-height:1.2;white-space:nowrap; }
.chat-type-badge { display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;height:18px;margin-left:6px;padding:0 7px;border-radius:999px;font-size:9px;font-weight:800;line-height:1;white-space:nowrap;vertical-align:middle; }
.chat-type-badge.is-group { border:1px solid #bcd0ff;background:#edf3ff;color:#235fd0; }
.chat-type-badge.is-direct { border:1px solid #d8e4df;background:#f6faf8;color:#60726c; }
.chat-group-members-link { height:22px;margin-left:6px;padding:0 8px;border:1px solid #cddcff;border-radius:999px;background:#f4f7ff;color:#245ed4;font-size:10px;font-weight:800;line-height:20px; }
.chat-group-members-link:hover { border-color:#9eb9ff;background:#eaf1ff; }
.unified-chat-unread { position:absolute;right:12px;top:37px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#e44747;color:#fff;font-size:9px; }
.chat-channel-dot { display:inline-block;flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#667b75; }
.channel-messenger { background:#168aff; }.channel-instagram { background:#d83b7d; }.channel-whatsapp { background:#1da765; }.channel-linkedin { background:#0a66c2; }
.channel-email { background:#d55d6b; }.channel-telegram { background:#2f96d1; }.channel-website { background:#58726a; }
.unified-chat-messages { display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;background:#f4f7f6; }
.unified-chat-message-head { display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:58px;padding:8px 12px 8px 16px;border-bottom:1px solid var(--line);background:#fff; }
.chat-title-copy{display:grid;min-width:0;flex:1;gap:3px}.chat-title-topline{display:flex;align-items:center;min-width:0;gap:7px}.unified-chat-message-head h2 { display:flex;align-items:center;min-width:0;gap:8px;margin:0;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }.unified-chat-message-head .chat-header-subline { display:flex;flex-wrap:wrap;align-items:center;min-width:0;gap:2px 8px;color:var(--muted);font-size:9px; }.chat-profile-refresh{flex:0 0 auto;margin-left:auto;color:#8a9a98;font-size:9px;font-weight:600;white-space:nowrap}.unified-chat-message-head .chat-last-active{display:inline-flex;flex:0 0 auto;font-style:normal;color:#1765ad;font-size:12px;font-weight:750;line-height:1.3;white-space:nowrap}
.chat-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.chat-head-actions>button{height:28px;padding:0 9px;border-color:#d5e0dd;background:#fff;color:#51615c;font-size:9px;font-weight:700}.chat-head-actions>button[data-chat-ai-suggestion]{border-color:#9dcabc;background:#eef8f4;color:var(--brand)}.chat-head-icon{min-width:28px;padding:0 6px!important;border-radius:6px;font-size:9px!important}
.chat-reply-tools .chat-tool-agent,.chat-reply-tools .chat-tool-quote{position:relative;display:grid;place-items:center;width:30px;height:30px;padding:0;border-radius:8px;font-weight:900;cursor:pointer}.chat-reply-tools .chat-tool-agent{border-color:#99cdbb;background:linear-gradient(145deg,#fff,#e5f6ef);color:#087352;box-shadow:0 3px 7px rgba(12,100,72,.12),inset 0 1px 0 #fff}.chat-reply-tools .chat-tool-quote{border-color:#8bbbd4;background:linear-gradient(145deg,#fff,#e4f2f9);color:#1a6382;box-shadow:0 3px 7px rgba(24,95,127,.12),inset 0 1px 0 #fff}.chat-reply-tools .chat-tool-quote:disabled{opacity:.38;cursor:not-allowed}.chat-reply-tools [data-tooltip]::after{position:absolute;z-index:70;left:50%;bottom:calc(100% + 8px);padding:5px 7px;border-radius:5px;background:#203b4a;color:#fff;box-shadow:0 4px 12px rgba(16,39,52,.18);content:attr(data-tooltip);font-size:11px;font-weight:700;line-height:1;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,3px);transition:opacity .14s,transform .14s}.chat-reply-tools [data-tooltip]:hover::after,.chat-reply-tools [data-tooltip]:focus-visible::after{opacity:1;transform:translate(-50%,0)}
.chat-head-actions>.chat-return-outreach{border-color:#8db9d0;background:#eaf4fa;color:#195b79}
.chat-head-switch{display:inline-flex;align-items:center;gap:5px;color:#596966;font-size:10px;font-weight:650;white-space:nowrap}.chat-head-switch input{position:absolute;opacity:0;pointer-events:none}.chat-head-switch span{position:relative;width:30px;height:17px;border-radius:999px;background:#dfe5e3;box-shadow:inset 0 0 0 1px #d3dcda;transition:.16s}.chat-head-switch span:after{content:"";position:absolute;left:2px;top:2px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(22,34,31,.18);transition:.16s}.chat-head-switch input:checked+span{background:#2f7df6;box-shadow:none}.chat-head-switch input:checked+span:after{transform:translateX(13px)}.chat-head-switch b{font-size:10px;color:#52615e}.chat-head-switch i{font-style:normal;color:#7a8683;font-size:10px}
.chat-translate-control{position:relative;display:inline-flex;align-items:center;min-height:30px}.chat-translate-menu{position:absolute;right:0;top:28px;z-index:12;display:none;width:286px;padding:16px 18px 14px;border:1px solid #dde7e4;border-radius:8px;background:rgba(255,255,255,.98);box-shadow:0 16px 36px rgba(19,38,34,.18);color:#1f2f2b;text-align:left}.chat-translate-control:hover .chat-translate-menu,.chat-translate-control:focus-within .chat-translate-menu{display:block}.chat-translate-menu label{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:10px;margin:0 0 14px}.chat-translate-menu strong{font-size:13px;color:#1f2f2b}.chat-translate-menu select{height:32px;border:0;border-bottom:1px solid #e1e7e5;background:#fff;color:#25332f;font-size:13px}.chat-translate-check{grid-template-columns:18px minmax(0,1fr)!important;gap:8px!important;margin-top:12px!important}.chat-translate-check input{width:16px;height:16px}.chat-translate-check span{font-size:13px;font-weight:750;color:#25342f}.chat-translate-check small{grid-column:2;color:#8a9692;font-size:10px}.chat-translate-menu p{margin:14px 0 0;padding-top:10px;border-top:1px solid #edf2f0;color:#707d79;font-size:11px;line-height:1.5}
.unified-chat-status { flex:0 0 auto;padding:4px 7px;border:1px solid #b9d9cf;border-radius:4px;background:#ecf7f3;color:#176c50;font-size:9px; }
.unified-chat-status.status-resolved { border-color:#d8dfdd;background:#f5f7f6;color:#65736f; }
.unified-chat-status.status-pending { border-color:#efd09a;background:#fff7e9;color:#875a13; }
.unified-chat-message-list { min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:18px 20px; }
.chat-load-history{display:block;margin:0 auto 14px;padding:6px 12px;border:1px solid #bfd8ce;border-radius:999px;background:#f5fbf8;color:#176b51;font-size:11px;font-weight:750}.chat-load-history:disabled{opacity:.65}
.chat-new-email-recipient-line{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.chat-new-email-recipient-line>label{margin:0}.chat-new-email-recipient-line button{height:34px;padding:0 10px;border:1px solid #9fc8ba;border-radius:6px;background:#f3fbf7;color:#147252;font-size:12px;font-weight:750}.chat-new-email-cc[hidden]{display:none!important}
.unified-chat-message { display:flex;margin:0 0 12px; }
.unified-chat-message.outgoing { justify-content:flex-end; }
.unified-chat-message > div { max-width:min(72%,680px);padding:9px 11px;border:1px solid #dce5e2;border-radius:6px;background:#fff;box-shadow:0 1px 1px rgba(17,42,34,.03); }
.unified-chat-message.outgoing > div { border-color:#b9dfd1;background:#dff3ec; }
.unified-chat-message p { margin:0 0 5px!important;color:#26352f;font-size:11px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere; }
.unified-chat-message span { display:block;color:#7c8985;font-size:8px;text-align:right; }
.unified-chat-activity { margin:10px auto;padding:4px 8px;border-radius:4px;background:#e7ecea;color:#74807c;font-size:9px;text-align:center;max-width:75%; }
.unified-chat-attachment { display:inline-block;margin:3px 0 5px;color:var(--brand);font-size:10px;font-weight:700; }
.unified-chat-empty { display:grid;place-items:center;min-height:120px;padding:20px;color:#8a9692;font-size:11px;text-align:center; }
.unified-chat-empty.is-error { color:#a53636; }
.unified-chat-reply { display:grid;grid-template-columns:1fr;gap:7px;padding:10px 12px;border-top:1px solid var(--line);background:#fff; }
.unified-chat-reply[hidden] { display:none!important; }
.unified-chat-reply.whatsapp-accept-box { display:flex;align-items:center;justify-content:center;gap:20px;min-height:110px;border:1px solid #dfe7ef;border-radius:6px;margin:10px 12px 14px;background:#fff; }
.unified-chat-reply.whatsapp-accept-box div { display:grid;gap:4px;color:#5d6c78;font-size:11px; }
.unified-chat-reply.whatsapp-accept-box span { color:#253646;font-weight:700; }
.unified-chat-reply.whatsapp-accept-box small { color:#7a8793; }
.unified-chat-reply.whatsapp-accept-box button { width:auto;min-width:86px;height:34px;border-color:#1e63e9;background:#1e63e9;color:#fff;border-radius:5px; }
.unified-chat-reply.chat-reply-pending { grid-template-columns:1fr;position:relative; }
.unified-chat-reply.chat-reply-pending textarea { background:#f7f9fb;color:#82909a; }
.unified-chat-reply.chat-reply-pending .chat-reply-send { border-color:#c9d4dc;background:#e8eef3;color:#6e7b85; }
.unified-chat-reply.chat-reply-pending .chat-reply-tools button { opacity:.92; }
.unified-chat-reply.chat-reply-pending small { color:#7a8793;font-size:10px;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.45; }
.chat-ai-suggestion{padding:12px 14px;border-top:1px solid #d9e7e2;background:#f7fbf9;font-size:12px}.chat-ai-suggestion[hidden]{display:none!important}.chat-ai-suggestion>div,.chat-ai-suggestion-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-ai-suggestion strong{font-size:13px}.chat-ai-suggestion em{font-style:normal}.chat-ai-suggestion .is-high-risk{color:#a35a18}.chat-ai-suggestion .is-low-risk{color:#167455}.chat-ai-suggestion p{margin:8px 0!important;color:#52635d}.chat-ai-suggestion h4{margin:8px 0 4px;font-size:12px;color:#2b423a}.chat-ai-suggestion blockquote{margin:6px 0;padding:9px 10px;border-left:3px solid #65a890;background:#fff;color:#263a33;font-size:12px;line-height:1.55}.chat-ai-suggestion blockquote.is-cn{border-left-color:#8fa8d8;background:#f7f9ff}.chat-ai-suggestion button{height:30px;padding:0 11px;border-color:var(--brand);background:var(--brand);color:#fff;font-size:11px}.chat-ai-suggestion [data-chat-close-suggestion]{width:26px;height:26px;padding:0;border-color:#d8e2de;background:#fff;color:#64736e;font-size:16px}.chat-ai-actions{display:flex!important;justify-content:flex-start!important;gap:8px!important}.chat-ai-actions button+button{border-color:#cfdad6;background:#fff;color:#385048}.chat-ai-suggestion .is-error{color:#a53636}
.chat-reply-box{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:9px}.unified-chat-reply textarea { width:100%;min-height:70px;max-height:150px;resize:vertical;border:1px solid var(--line);border-radius:6px;padding:10px 11px;font:inherit;font-size:12px;line-height:1.5;background:#fff; }
.unified-chat-reply .chat-reply-send { align-self:end;height:36px;border-color:#1e63e9;background:#1e63e9;color:#fff;font-weight:750;border-radius:6px; }
.chat-attachment-preview{display:flex;flex-wrap:wrap;gap:6px}.chat-attachment-preview span{display:inline-flex;align-items:center;gap:6px;max-width:220px;height:28px;padding:0 6px;border:1px solid #dfe7ef;border-radius:6px;background:#f7fbff;color:#4d5c67;font-size:10px}.chat-attachment-preview b{color:#1e63e9;font-size:9px;text-transform:uppercase}.chat-attachment-preview button{display:grid;place-items:center;width:18px;height:18px;padding:0;border:0;border-radius:50%;background:#e8eef5;color:#667581;font-size:13px}
.chat-send-unavailable{display:grid;gap:8px;padding:14px;border:1px solid #dfe8ef;border-radius:10px;background:#f8fbfd;color:#33424c}.chat-send-unavailable strong{font-size:13px;color:#26343d}.chat-send-unavailable p{margin:0!important;color:#687782;font-size:12px;line-height:1.55}.chat-send-unavailable div{display:flex;gap:8px;flex-wrap:wrap}.chat-send-unavailable button{height:32px;padding:0 12px;border:1px solid #cfdbe4;border-radius:8px;background:#fff;color:#42515c;font-size:12px;font-weight:750}.chat-send-unavailable button:first-child{border-color:#8fc1b2;background:#eef8f4;color:#12664e}
.chat-translation-preview{display:grid;gap:5px;padding:8px 10px;border:1px solid #d9e7f5;border-radius:8px;background:#f6faff;color:#2d4761}.chat-translation-preview span{font-size:11px;color:#4f75a0}.chat-translation-preview strong{font-size:13px;line-height:1.5;font-weight:650;white-space:pre-wrap}.chat-message-translation{margin:7px 0 2px!important;padding:7px 9px;border-left:3px solid #8fa8d8;background:#f7f9ff;color:#40526a;font-size:12px;line-height:1.5;white-space:pre-wrap}
.chat-reply-tools{display:flex;align-items:center;gap:9px;min-height:34px;padding:1px 2px}.chat-reply-tools button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:8px;background:#fff;color:#4f5f68;font-size:17px;font-weight:850;line-height:1;box-shadow:inset 0 0 0 1px #dbe5ec,0 2px 5px rgba(25,44,57,.05)}.chat-reply-tools button:hover{background:#eef5ff;color:#1e63e9;box-shadow:inset 0 0 0 1px #bdd2ff,0 6px 14px rgba(30,99,233,.13);transform:translateY(-1px)}.chat-reply-tools button[data-chat-reply-tool="ai"],.chat-reply-tools .chat-tool-ai{width:48px;color:#1e63e9;background:#f1f6ff;font-size:13px;letter-spacing:0}.chat-reply-tools button[data-chat-reply-tool="translate"]{color:#157052;background:#eef8f4;font-size:15px}.chat-reply-tools button[data-chat-reply-tool="tag"],.chat-reply-tools button[data-chat-reply-tool="file"],.chat-reply-tools button[data-chat-reply-tool="emoji"],.chat-reply-tools button[data-chat-reply-tool="voice"]{font-size:18px}
.chat-tool-menu-wrap{position:relative;display:inline-flex}.chat-tool-menu-wrap::before{content:"";position:absolute;left:-14px;right:-14px;bottom:0;height:104px;display:none}.chat-tool-menu-wrap:hover::before,.chat-tool-menu-wrap:focus-within::before{display:block}.chat-tool-main{position:relative;z-index:2}.chat-tool-menu{position:absolute;left:0;bottom:38px;z-index:30;display:none;min-width:160px;padding:10px;border:1px solid #d9e6e2;border-radius:10px;background:rgba(255,255,255,.99);box-shadow:0 16px 38px rgba(20,36,33,.2);color:#26342f}.chat-tool-menu::after{content:"";position:absolute;left:-18px;right:-18px;bottom:-22px;height:22px}.chat-tool-menu-wrap:hover .chat-tool-menu,.chat-tool-menu-wrap:focus-within .chat-tool-menu{display:grid;gap:5px}.chat-tool-menu button{display:flex!important;align-items:center;justify-content:flex-start;gap:8px;width:100%;height:36px;padding:0 11px!important;border-radius:7px!important;background:transparent!important;box-shadow:none!important;color:#24352f!important;font-size:13px!important;font-weight:700!important;text-align:left;white-space:nowrap}.chat-tool-menu button:hover{background:#eef5ff!important;color:#1e63e9!important}.chat-tool-menu button span{margin-left:auto;color:#87939a}.chat-tool-ai-menu{min-width:246px}.chat-tool-file-menu{min-width:132px}
.chat-ai-settings{display:grid;gap:9px;margin-top:7px;padding:10px;border-top:1px solid #edf2f0}.chat-ai-settings label{display:grid;gap:5px;min-width:0}.chat-ai-settings label span{color:#687672;font-size:11px;line-height:1.3}.chat-ai-settings select{width:100%;height:34px;border:1px solid #dfe7e4;border-radius:7px;background:#fff;color:#25342f;font-size:13px;line-height:34px}.chat-ai-check{grid-template-columns:18px minmax(0,1fr)!important;align-items:center}.chat-ai-check input{width:15px;height:15px}.chat-ai-check span{font-size:11px!important;color:#52615e!important;white-space:normal!important}.chat-emoji-menu{display:none!important;width:520px;max-height:330px;overflow-y:auto;grid-template-columns:1fr!important;gap:12px!important}.chat-tool-menu-wrap:hover .chat-emoji-menu,.chat-tool-menu-wrap:focus-within .chat-emoji-menu{display:grid!important}.chat-emoji-menu section{display:grid;gap:7px}.chat-emoji-menu h4{margin:0;color:#31443e;font-size:13px}.chat-emoji-menu section div{display:grid;grid-template-columns:repeat(12,34px);gap:6px}.chat-emoji-menu button{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;padding:0!important;font-size:22px!important;line-height:1!important}
.chat-submenu-wrap{position:relative;display:block}.chat-submenu-wrap>button{width:100%!important}.chat-tool-submenu{position:absolute;left:calc(100% + 4px);top:-8px;z-index:35;display:none;min-width:148px;padding:8px;border:1px solid #d9e6e2;border-radius:10px;background:#fff;box-shadow:0 16px 34px rgba(20,36,33,.2)}.chat-tool-submenu::before{content:"";position:absolute;left:-28px;top:-14px;width:30px;height:calc(100% + 28px)}.chat-submenu-wrap::after{content:"";position:absolute;right:-24px;top:-10px;width:24px;height:calc(100% + 20px)}.chat-submenu-wrap:hover .chat-tool-submenu,.chat-submenu-wrap:focus-within .chat-tool-submenu{display:grid;gap:4px}.chat-tool-submenu button{height:34px!important;font-size:12px!important}
.unified-chat-reply > small { grid-column:1 / -1;color:#7a8793;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.unified-chat-profile { min-width:0;border-left:1px solid var(--line);background:#fbfcfc;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:10px 8px; }
.unified-chat-profile[hidden] { display:none!important; }
.chat-profile-reopen{display:flex;position:absolute;right:0;top:76px;z-index:8;align-items:center;justify-content:center;width:38px;height:96px;padding:0;border:1px solid #8bbdae;border-right:0;border-radius:14px 0 0 14px;background:linear-gradient(145deg,#ffffff,#dceee8);color:#11654d;box-shadow:-5px 7px 16px rgba(18,49,40,.22),inset 1px 1px 0 rgba(255,255,255,.96),inset -1px -1px 0 rgba(123,172,157,.25);font-size:12px;font-weight:900;letter-spacing:0;cursor:pointer;transition:transform .16s,box-shadow .16s,background .16s}.chat-profile-reopen span{writing-mode:vertical-rl;text-orientation:mixed}.chat-profile-reopen:hover{background:linear-gradient(145deg,#ffffff,#cbe8dd);transform:translateX(-2px);box-shadow:-7px 9px 20px rgba(18,49,40,.26),inset 1px 1px 0 rgba(255,255,255,.96),inset -1px -1px 0 rgba(123,172,157,.25)}.chat-profile-reopen.is-open{right:0;background:linear-gradient(145deg,#f8fffc,#cae6dc);color:#0d6048}.profile-collapsed .chat-profile-reopen{right:0}
.chat-quote-side-toggle{display:flex;position:absolute;right:0;top:168px;z-index:8;align-items:center;justify-content:center;width:38px;height:96px;padding:0;border:1px solid #8db9d0;border-right:0;border-radius:14px 0 0 14px;background:linear-gradient(145deg,#fff,#dbeef8);color:#1b5d7a;box-shadow:-5px 7px 16px rgba(31,91,118,.18),inset 1px 1px 0 rgba(255,255,255,.96),inset -1px -1px 0 rgba(124,173,194,.22);font-size:12px;font-weight:900;cursor:pointer;transition:transform .16s,box-shadow .16s,background .16s}.chat-quote-side-toggle[hidden]{display:none!important}.chat-quote-side-toggle span{writing-mode:vertical-rl;text-orientation:mixed}.chat-quote-side-toggle:hover{background:linear-gradient(145deg,#fff,#cbe5f2);transform:translateX(-2px);box-shadow:-7px 9px 20px rgba(31,91,118,.24)}.chat-quote-side-toggle.is-open{background:linear-gradient(145deg,#f8fcff,#c8e3f2);color:#124965}.profile-collapsed .chat-quote-side-toggle{right:0}
.chat-return-outreach-fab{position:absolute;z-index:38;right:16px;bottom:18px;display:grid;width:46px;height:46px;place-items:center;padding:0;border:1px solid #7ab5a4;border-radius:50%;background:radial-gradient(circle at 32% 26%,#fbfffd 0 12%,#bfe7d9 38%,#1b8065 100%);color:#fff;box-shadow:0 8px 17px rgba(13,83,64,.28),inset 2px 2px 0 rgba(255,255,255,.65),inset -3px -3px 0 rgba(4,69,51,.25);font-size:27px;font-weight:900;line-height:1;cursor:pointer;transition:transform .16s,box-shadow .16s}.chat-return-outreach-fab[hidden]{display:none!important}.chat-return-outreach-fab:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 11px 22px rgba(13,83,64,.34),inset 2px 2px 0 rgba(255,255,255,.68),inset -3px -3px 0 rgba(4,69,51,.25)}.chat-return-outreach-fab:focus-visible{outline:3px solid #b4e1d4;outline-offset:3px}
.chat-profile-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;margin:0 0 8px;padding:0 2px}.chat-profile-toolbar h3{margin:0;font-size:15px;color:#20312c}.chat-profile-toolbar span{display:flex;align-items:center;gap:5px}.chat-profile-toolbar button{display:grid;place-items:center;width:25px;height:25px;padding:0;border:0;border-radius:5px;background:transparent;color:#53635f;font-size:15px;line-height:1}.chat-profile-toolbar button:hover{background:#edf3f1;color:#1f5445}.chat-profile-toolbar .chat-profile-research-button{display:flex;align-items:center;justify-content:center;gap:3px;width:auto;min-width:52px;height:27px;padding:0 8px;border:1px solid #b8d8cf;border-radius:8px;background:linear-gradient(145deg,#ffffff,#e9f5f1);color:#0f6b53;font-size:12px;font-weight:800;box-shadow:0 2px 6px rgba(18,49,40,.10),inset 1px 1px 0 rgba(255,255,255,.9);cursor:pointer}.chat-profile-toolbar .chat-profile-research-button i{font-style:normal;font-size:14px;line-height:1}.chat-profile-toolbar .chat-profile-research-button b{font-size:12px;font-weight:800}.chat-profile-toolbar .chat-profile-research-button:hover{background:linear-gradient(145deg,#ffffff,#d9efe7);color:#0b5a45}
.chat-profile-toolbar .chat-profile-quote-button{display:flex;width:auto;height:27px;padding:0 8px;border:1px solid #8db9d0;border-radius:8px;background:linear-gradient(145deg,#fff,#e6f3fa);color:#1a5d7b;font-size:11px;font-weight:800;box-shadow:0 2px 6px rgba(28,89,118,.1);cursor:pointer}.chat-profile-toolbar .chat-profile-quote-button:hover{background:linear-gradient(145deg,#fff,#d7ebf6);color:#124b67}
.chat-profile-toolbar button.is-spinning{color:#1e63e9;background:#eef5ff}.chat-profile-toolbar button.is-spinning i{animation:janon-spin .85s linear infinite}@keyframes janon-spin{to{transform:rotate(360deg)}}
.chat-profile-head { display:flex;align-items:center;gap:10px;padding:9px;border:1px solid #e4ebe8;border-radius:6px;background:#fff; }
.chat-profile-head h3 { margin:0 0 3px;font-size:13px;color:#24352f;overflow-wrap:anywhere; }
.chat-profile-head p { margin:0!important;color:#6f7c78;font-size:10px; }
.unified-chat-profile section { margin-top:9px;padding:9px;border:1px solid #e5ece9;border-radius:6px;background:#fff; }
.unified-chat-profile h4 { margin:0 0 8px;font-size:11px;color:#21342e; }
.unified-chat-profile p { display:grid;grid-template-columns:62px minmax(0,1fr);gap:6px;margin:0 0 7px!important;font-size:10px;line-height:1.45; }
.unified-chat-profile p:last-child { margin-bottom:0!important; }
.unified-chat-profile p span { color:#7b8985; }
.unified-chat-profile p strong { color:#263a33;font-weight:650;overflow-wrap:anywhere; }
.whatsapp-workbench-mode .unified-chat-row-main strong{font-size:13px}.whatsapp-workbench-mode .unified-chat-row-main small{font-size:12px;line-height:1.35}.whatsapp-workbench-mode .unified-chat-row-main em{font-size:11px}.whatsapp-workbench-mode .unified-chat-row-main time{font-size:11px}.whatsapp-workbench-mode .unified-chat-message-head h2{font-size:16px}.whatsapp-workbench-mode .unified-chat-message-head span{font-size:11px}.whatsapp-workbench-mode .unified-chat-message p{font-size:13px;line-height:1.6}.whatsapp-workbench-mode .unified-chat-message span{font-size:10px}.whatsapp-workbench-mode .unified-chat-reply textarea{font-size:13px;line-height:1.55}.whatsapp-workbench-mode .unified-chat-reply>small{font-size:10px}.whatsapp-workbench-mode .unified-chat-profile h4{font-size:13px}.whatsapp-workbench-mode .unified-chat-profile p{grid-template-columns:70px minmax(0,1fr);font-size:12px;line-height:1.5}.whatsapp-workbench-mode .chat-head-actions>button{font-size:11px}.whatsapp-workbench-mode .chat-head-switch b{font-size:11px}
.chat-profile-link { display:flex;align-items:center;justify-content:center;height:30px;margin-top:9px;border:1px solid #bddbd2;border-radius:5px;background:#edf8f4;color:var(--brand);font-size:10px;font-weight:750;text-decoration:none; }
.chat-profile-action { width:100%;cursor:pointer; }
.chat-profile-action:disabled { cursor:not-allowed;opacity:.68; }
.chat-profile-note { border-radius:5px;background:#f5f8f7;color:#61716c;padding:8px;font-size:10px;line-height:1.55; }
.chat-group-member-list{display:grid;width:100%;gap:6px;max-height:260px;overflow:auto;padding:0 2px 0 0;border:0;background:transparent;text-align:left;cursor:pointer}
.chat-group-member-list:hover article{border-color:#c7ddd6;background:#f2faf7}
.chat-group-member-list article{display:grid;gap:3px;padding:8px;border:1px solid #e2ebe8;border-radius:6px;background:#f8fbfa}
.chat-group-member-list strong{color:#24352f;font-size:11px;line-height:1.25;overflow-wrap:anywhere}
.chat-group-member-list span{color:#176c50;font-size:10px;font-weight:750;overflow-wrap:anywhere}
.chat-group-member-list small{color:#7b8985;font-size:9px;line-height:1.25;overflow-wrap:anywhere}
.chat-group-members-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px}
.chat-group-members-backdrop{position:absolute;inset:0;background:rgba(18,31,39,.38);backdrop-filter:blur(2px)}
.chat-group-members-dialog{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(520px,calc(100vw - 32px));max-height:min(720px,calc(100vh - 48px));border:1px solid #dbe6e2;border-radius:8px;background:#fff;box-shadow:0 22px 70px rgba(18,31,39,.28);overflow:hidden}
.chat-group-members-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #e6eeeb;background:#f9fbfa}
.chat-group-members-dialog header div{display:grid;gap:3px;min-width:0}
.chat-group-members-dialog header strong{font-size:15px;color:#20312c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-group-members-dialog header span{font-size:11px;color:#6c7a76}
.chat-group-members-dialog header button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #d7e2df;border-radius:6px;background:#fff;color:#53635f;font-size:20px;line-height:1}
.chat-group-members-body{display:grid;gap:7px;min-height:0;overflow:auto;padding:12px;background:#fff}
.chat-group-members-body article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;padding:8px;border:1px solid #e3ece9;border-radius:7px;background:#fbfdfc}
.chat-group-members-body b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eaf6f2;color:#176c50;font-size:12px}
.chat-group-members-body div{display:grid;gap:3px;min-width:0}
.chat-group-members-body strong{color:#24352f;font-size:13px;overflow-wrap:anywhere}
.chat-group-members-body span{color:#176c50;font-size:12px;font-weight:750;overflow-wrap:anywhere}
.chat-group-members-body small{color:#7c8985;font-size:10px;overflow-wrap:anywhere}
.chat-group-members-body p{margin:0!important;padding:16px;color:#7a8783;font-size:12px;text-align:center}
@media(max-width:900px){
  .unified-chat-shell{grid-template-columns:minmax(235px,38%) minmax(0,62%);height:calc(100vh - 96px)}
  .chat-workbench-mode{grid-template-columns:minmax(235px,38%) minmax(0,62%)}
  .chat-workbench-nav{display:none!important}
  .unified-chat-profile{display:none!important}
  .unified-chat-message-list{padding:14px 12px}.unified-chat-message>div{max-width:84%}
}
@media(max-width:620px){
  .unified-chat-shell{grid-template-columns:1fr;height:auto;min-height:0;overflow:visible}
  .unified-chat-conversations{height:40vh;min-height:310px;border-right:0;border-bottom:1px solid var(--line)}
  .unified-chat-messages{height:56vh;min-height:430px}
  .unified-chat-message>div{max-width:90%}.unified-chat-reply{grid-template-columns:minmax(0,1fr) 62px}
}

/* Channel entry hierarchy - growth-os-v97 */
.channel-card-actions { display:flex;align-items:center;gap:6px; }
.channel-chat-button { border-color:var(--brand)!important;background:var(--brand)!important;color:#fff!important; }
.channel-manage-button { width:30px;height:30px;padding:0;border:1px solid var(--line);border-radius:5px;background:#fff;color:#64736e;font-size:16px;line-height:1; }
.channel-manage-button:hover { border-color:#9fcabd;background:#f1f8f5;color:var(--brand); }

/* Unified social operations workspace - growth-os-v100 */
.social-operations-view.active{display:block}.social-operations-shell{min-height:calc(100vh - 118px);background:#fff}
.social-operations-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid var(--line)}
.social-operations-head h2{margin:0 0 3px;font-size:16px}.social-operations-head span{color:var(--muted);font-size:11px}.social-operations-head button{height:32px;padding:0 12px}.social-module-version{display:inline-flex;align-items:center;height:20px;margin-top:5px;padding:0 8px;border:1px solid #c8e4da;border-radius:999px;background:#eef8f4;color:#126a50;font-size:10px;font-style:normal;font-weight:800}
.social-channel-tabs{display:block;min-height:50px;padding:0;border-bottom:1px solid var(--line);background:#fff;overflow:hidden}
.social-second-menu{display:grid;gap:0}.social-second-platforms{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none}.social-second-platforms::-webkit-scrollbar{display:none}
.social-second-platforms{min-height:48px;padding:9px 12px 6px;background:#fff}.social-second-platforms button{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;height:34px;padding:0 12px;border:1px solid #e2ebe7;border-radius:8px;background:linear-gradient(180deg,#fff,#f6faf8);color:#4e6059;font-size:12px;box-shadow:0 3px 8px rgba(27,59,45,.05)}.social-second-platforms button.active{border-color:#84bea9;background:linear-gradient(180deg,#f3fbf8,#e9f7f2);color:#126a50;font-weight:850;box-shadow:0 8px 18px rgba(35,103,78,.13),inset 0 1px rgba(255,255,255,.9)}.social-second-platforms b{font-size:12px}
.social-third-workspaces{display:flex;align-items:center;gap:8px;min-height:44px;padding:5px 12px 9px;border-top:1px solid #f1f5f3;background:linear-gradient(180deg,#fff,#fbfdfc);overflow-x:auto;scrollbar-width:none}.social-third-workspaces::-webkit-scrollbar{display:none}.social-third-workspaces button{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;height:33px;padding:0 11px;border:1px solid #e2ebe7;border-radius:8px;background:linear-gradient(180deg,#fff,#f5faf8);color:#52635d;font-size:11px;font-weight:760;box-shadow:0 5px 12px rgba(27,59,45,.06),inset 0 1px rgba(255,255,255,.95)}.social-third-workspaces button.active{border-color:#7dbca6;background:linear-gradient(180deg,#effaf5,#e2f4ee);color:#0f6c51;box-shadow:0 10px 20px rgba(34,108,80,.13),inset 0 1px rgba(255,255,255,.95)}.social-third-workspaces b{font-size:11px}.social-workspace-icon{display:grid;place-items:center;width:23px;height:23px;border:1px solid #dbe8e3;border-radius:7px;background:linear-gradient(145deg,#fff,#eef7f3);color:#126a50;font-size:11px;font-style:normal;font-weight:900;box-shadow:inset 0 1px rgba(255,255,255,.9),0 5px 10px rgba(26,72,55,.08)}.workspace-mark-ai_robot,.workspace-mark-content_plan{background:linear-gradient(145deg,#eef8ff,#e9f2ff);color:#2166a5}.workspace-mark-publish{background:linear-gradient(145deg,#eef8f4,#dff3ec);color:#08785b}.workspace-mark-comments,.workspace-mark-messages{background:linear-gradient(145deg,#fff5fb,#f6e7f2);color:#a33478}.workspace-mark-media{background:linear-gradient(145deg,#f6f8ff,#e9eefc);color:#315da5}
.social-operations-body{padding:16px;min-height:420px}.social-loading{display:grid;place-items:center;min-height:260px;color:var(--muted);font-size:12px}.social-loading.is-error{color:#a53636}
.social-overview-note{padding:10px 12px;border-left:3px solid #d5a23c;background:#fff8e9;color:#745522;font-size:11px}.social-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
.social-sync-bar{display:flex;align-items:center;gap:10px;margin:10px 0 0}.social-sync-bar button,.social-head-actions button,.social-draft-actions button{height:31px;padding:0 11px;border-color:#9dcabc;background:#eef8f4;color:var(--brand);font-size:10px;font-weight:750}.social-sync-bar span{color:var(--muted);font-size:10px}.social-head-actions,.social-draft-actions{display:flex;align-items:center;gap:8px}.social-action-queue{display:grid;gap:7px;margin:0 0 12px;padding:10px;border:1px dashed #cfe0db;border-radius:6px;background:#f8fbfa}.social-action-queue>strong{font-size:11px}.social-action-queue article{display:grid;grid-template-columns:96px 82px 96px minmax(0,1fr);gap:8px;align-items:center;color:#53625d;font-size:9px}.social-action-queue span,.social-action-queue b,.social-action-queue em{font-style:normal;font-weight:750}.social-action-queue small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.social-metric-card{min-height:105px;padding:14px;border:1px solid var(--line);border-radius:6px;background:#fff}.social-metric-card span,.social-metric-card small{display:block}.social-metric-card span{font-size:11px;font-weight:700}.social-metric-card strong{display:block;margin:8px 0 4px;font-size:24px;color:#1b6f56}.social-metric-card small{color:var(--muted);font-size:9px}
.social-channel-list{border:1px solid var(--line);border-radius:6px;overflow:hidden}.social-channel-list>header{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;background:#f7f9f8}.social-channel-list>header strong{font-size:12px}.social-channel-list>header span{color:var(--muted);font-size:10px}
.social-channel-row{display:grid;grid-template-columns:36px minmax(150px,1.2fr) 90px minmax(90px,.7fr) 16px;align-items:center;gap:10px;width:100%;min-height:58px;padding:8px 12px;border:0;border-top:1px solid #edf1ef;border-radius:0;background:#fff;color:var(--text);text-align:left}.social-channel-row:hover{background:#f5faf8}
.social-channel-row>span:nth-child(2){min-width:0}.social-channel-row strong,.social-channel-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-channel-row strong{font-size:11px}.social-channel-row small{margin-top:3px;color:var(--muted);font-size:9px}.social-channel-row em{font-size:9px;font-style:normal}.social-channel-row b{color:#53625d;font-size:9px;font-weight:650}.social-channel-row i{color:#81908a;font-size:18px;font-style:normal;text-align:right}
.social-channel-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:6px;background:#e8efed;color:#31564a;font-size:10px;font-weight:800}.channel-mark-facebook{background:#e8f0ff;color:#2361aa}.channel-mark-instagram{background:#f7eaf4;color:#a33478}.channel-mark-whatsapp{background:#e7f7ee;color:#17834d}.channel-mark-linkedin{background:#e6f1fa;color:#0b679b}.channel-mark-youtube{background:#ffecec;color:#c82f2f}.channel-mark-tiktok{background:#eef1f4;color:#1f2933}.channel-mark-ai{background:#e7f1ef;color:#14745a}.is-connected{color:#167455!important}.is-pending{color:#9a6b18!important}.is-muted{color:#89948f!important}
.social-platform-tabs{display:flex;align-items:center;gap:8px;margin:14px 0;overflow-x:auto}.social-platform-tabs button{display:inline-flex;align-items:center;gap:7px;min-width:auto;height:34px;padding:0 12px;border:1px solid #edf1ef;border-radius:6px;background:#f8faf9;color:#53625d;font-size:11px}.social-platform-tabs button.active{border-color:#a8d2c4;background:#edf8f4;color:#126a50;font-weight:800;box-shadow:0 6px 16px rgba(34,108,80,.08)}.social-platform-tabs b{font-size:11px}.social-platform-tabs em{font-style:normal;color:#1b6f56;font-size:9px}.social-platform-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;font-size:8px;font-weight:850}
.social-ops-workbench{display:grid;gap:10px;padding:12px;border:1px solid #e2ebe7;border-radius:8px;background:#fff}.social-ops-hero{display:flex;align-items:center;justify-content:space-between;gap:14px}.social-ops-hero h3{margin:0;font-size:15px}.social-ops-hero p{margin:3px 0 0;color:#64736e;font-size:11px}.social-ops-hero-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.social-ops-hero-actions button{height:30px;padding:0 11px;border:1px solid #c8e4da;border-radius:7px;background:#eef8f4;color:#126a50;font-size:10px;font-weight:800}.social-ops-hero-actions button.is-primary{border-color:#126a50;background:#123f3d;color:#fff;box-shadow:0 8px 18px rgba(18,63,61,.16)}.social-ops-kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.social-ops-kpi-row article{min-height:54px;padding:9px 10px;border:1px solid #edf2f0;border-radius:7px;background:#f8fbfa}.social-ops-kpi-row span,.social-ops-kpi-row strong,.social-ops-kpi-row small{display:block}.social-ops-kpi-row span{color:#65746f;font-size:10px}.social-ops-kpi-row strong{margin-top:3px;color:#126a50;font-size:18px;line-height:1.1}.social-ops-kpi-row small{margin-top:3px;color:#8a9692;font-size:9px}.social-ops-status-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#697873;font-size:10px}.social-ops-status-line em{padding:3px 7px;border-radius:999px;background:#f3f7f5;color:#53645e;font-size:9px;font-style:normal}
.social-account-section{margin:8px 0 12px}.social-account-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.social-account-section-head strong,.social-account-section-head span{display:block}.social-account-section-head strong{font-size:14px}.social-account-section-head span{margin-top:3px;color:var(--muted);font-size:10px}.social-account-section-head button{height:32px;padding:0 12px;border:1px solid #9dcabc;border-radius:6px;background:#eef8f4;color:#126a50;font-size:10px;font-weight:800}
.social-account-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:14px}.social-account-card{position:relative;display:grid;grid-template-rows:auto auto 1fr auto;gap:12px;min-height:194px;padding:16px;border:1px solid #e2ebe7;border-radius:8px;background:linear-gradient(135deg,#ffffff 0,#ffffff 58%,#f4fbf8 100%);box-shadow:0 10px 24px rgba(29,71,55,.08);overflow:hidden;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.social-account-card:hover{border-color:#9dcabc;box-shadow:0 14px 30px rgba(29,71,55,.12);transform:translateY(-1px)}.social-account-card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:#dfe8e4}.social-account-card.is-connected-card{border-color:#a9d7c8}.social-account-card.is-connected-card::before{background:#20a779}.social-account-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.social-account-avatar{position:relative;display:grid;place-items:center;width:56px;height:56px;border:1px solid #d7e5df;border-radius:50%;background:linear-gradient(145deg,#f9fffc,#dfeee8);box-shadow:inset 0 1px rgba(255,255,255,.95),0 8px 18px rgba(42,94,74,.13)}.social-account-avatar>span{color:#1f3d36;font-size:17px;font-weight:850}.social-account-avatar>i{position:absolute;right:-3px;bottom:-3px;display:grid;place-items:center;width:23px;height:23px;border:2px solid #fff;border-radius:7px;font-size:8px;font-style:normal;font-weight:900;box-shadow:0 4px 10px rgba(27,59,45,.12)}.social-account-more{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:6px;background:#f5f7f7;color:#60706a;font-size:16px;font-weight:900;line-height:1}.social-account-title strong,.social-account-title small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-account-title strong{font-size:16px;line-height:1.3}.social-account-title small{margin-top:5px;color:#64736e;font-size:10px}.social-account-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;border-top:1px solid #edf1ef;border-bottom:1px solid #edf1ef;padding:12px 0}.social-account-stats span{display:grid;gap:4px;min-width:0;text-align:left}.social-account-stats b{color:#0e6f53;font-size:16px;line-height:1.1}.social-account-stats small{color:#63726d;font-size:9px}.social-account-card footer{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.social-account-card footer button{height:31px;padding:0 11px;border:1px solid #e5ece9;border-radius:6px;background:#f5f7f7;color:#41524b;font-size:10px;font-weight:750}.social-account-card footer button:hover,.social-account-more:hover{background:#eef8f4;color:#126a50;border-color:#c8e4da}
.social-account-platform-avatar{border-radius:15px;background:#f8fbfa}.social-account-platform-avatar>.social-platform-icon{width:44px;height:44px;border-radius:13px;font-size:18px;box-shadow:inset 0 1px rgba(255,255,255,.7),0 9px 20px rgba(28,64,49,.18)}.social-account-platform-avatar>.social-platform-icon.channel-mark-linkedin{font-size:15px}.social-account-platform-avatar>.social-platform-icon.channel-mark-youtube{font-size:17px}.social-account-platform-avatar>.social-platform-icon.channel-mark-all{font-size:11px}
.social-account-head{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 0 15px;border-bottom:1px solid var(--line)}.social-account-head .social-channel-mark{width:42px;height:42px}.social-account-head h3{margin:0 0 4px;font-size:15px}.social-account-head span{color:var(--muted);font-size:10px}.social-account-head>em,.social-account-head>span{font-size:10px;font-style:normal}
.social-vertical-workbench{display:grid;gap:12px}.social-workbench-top,.social-workbench-bottom,.social-platform-top,.social-platform-bottom{display:grid;gap:12px}.social-workbench-top,.social-platform-top{padding:12px;border:1px solid #e2ebe7;border-radius:10px;background:linear-gradient(180deg,#fff,#f8fcfa);box-shadow:0 10px 22px rgba(28,64,49,.05)}.social-workbench-bottom,.social-platform-bottom{padding:12px;border:1px solid #e6eeea;border-radius:10px;background:#fff;box-shadow:0 7px 16px rgba(28,64,49,.035)}.social-workbench-bottom-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.social-workbench-bottom-head strong,.social-workbench-bottom-head span{display:block}.social-workbench-bottom-head strong{font-size:14px}.social-workbench-bottom-head span{margin-top:3px;color:#6b7974;font-size:10px}.social-workbench-bottom-head button{height:31px;padding:0 11px;border:1px solid #c8e4da;border-radius:7px;background:#eef8f4;color:#126a50;font-size:10px;font-weight:800}
.social-platform-workbench{display:grid;gap:16px}.social-platform-breadcrumb{display:flex;align-items:center;gap:7px;color:#73817c;font-size:10px}.social-platform-breadcrumb strong{color:#126a50;font-size:11px}.social-platform-breadcrumb em{font-style:normal;color:#42534d}.social-platform-hero{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;border:1px solid #dfe9e5;border-radius:8px;background:linear-gradient(135deg,#ffffff 0,#f6fbf9 100%);box-shadow:0 10px 24px rgba(29,71,55,.06)}.social-platform-hero h3{margin:3px 0;font-size:20px}.social-platform-hero span{display:block;color:#126a50;font-size:10px;font-weight:850;text-transform:uppercase}.social-platform-hero p{margin:0;color:#60706a;font-size:11px}.social-platform-hero-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.social-platform-hero-actions button{height:32px;padding:0 12px;border:1px solid #c8e4da;border-radius:6px;background:#eef8f4;color:#126a50;font-size:10px;font-weight:800}.social-platform-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.social-platform-action-grid button,.social-platform-action-grid article{display:grid;grid-template-columns:28px minmax(0,1fr);gap:6px 9px;min-height:86px;padding:13px;border:1px solid #e4ece9;border-radius:7px;background:#fff;color:#2f3f39;text-align:left;box-shadow:0 7px 15px rgba(28,64,49,.04)}.social-platform-action-grid button.is-ready{border-color:#b8dccf;background:#fbfefd}.social-platform-action-grid button.is-locked{background:#fafbfa;color:#77847f}.social-platform-action-grid strong{align-self:center;font-size:12px}.social-platform-action-grid span:not(.social-workspace-icon){grid-column:2;color:#63726d;font-size:10px;line-height:1.45}.social-platform-action-grid .social-workspace-icon{grid-row:1/3}
.social-account-detail-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0}.social-account-detail-stats article{min-height:74px;padding:12px;border:1px solid var(--line);border-radius:6px;background:#fff}.social-account-detail-stats strong,.social-account-detail-stats span{display:block}.social-account-detail-stats strong{font-size:20px;color:#1b6f56}.social-account-detail-stats span{margin-top:6px;color:#65746f;font-size:10px}.social-account-inline{margin-top:14px}.social-account-inline>header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.social-account-inline>header strong{font-size:12px}.social-account-inline>header span{color:var(--muted);font-size:9px}.social-post-list.compact{grid-template-columns:repeat(2,minmax(0,1fr))}
.social-account-title em.social-account-error{display:block;margin-top:6px;overflow:hidden;color:#a33d2f;font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.social-sync-warning{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:10px 12px;border:1px solid #f0d3bd;border-radius:8px;background:#fff8f1;color:#7b4321}.social-sync-warning strong{font-size:11px}.social-sync-warning span{overflow:hidden;color:#8d5635;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.social-sync-warning button{height:28px;padding:0 10px;border:1px solid #e6c4aa;border-radius:6px;background:#fff;color:#8a4d2b;font-size:10px;font-weight:800}
.social-function-tabs{display:flex;gap:22px;height:44px;align-items:end;border-bottom:1px solid var(--line)}.social-function-tabs span{height:34px;color:#78847f;font-size:11px}.social-function-tabs span.is-available{border-bottom:2px solid var(--brand);color:var(--brand);font-weight:700}
.social-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding-top:14px}.social-feature-card{display:flex;flex-direction:column;min-height:150px;padding:13px;border:1px solid var(--line);border-radius:6px;background:#fff}.social-feature-card>div{display:flex;align-items:center;justify-content:space-between}.social-feature-card strong{font-size:12px}.social-feature-card span{font-size:9px}.social-feature-card p{flex:1;margin:12px 0;color:#66736f;font-size:10px;line-height:1.55}.social-feature-card button{align-self:flex-start;height:31px;padding:0 10px;font-size:10px}.social-feature-card.is-available{border-color:#9dcebd}.social-feature-card.is-available span{color:#167455}.social-feature-card.is-locked{background:#fafbfa}.social-feature-card.is-locked span{color:#9a6b18}
.social-ai-form{max-width:980px;padding:16px 0}.social-ai-name{display:grid;gap:6px;max-width:520px}.social-ai-name span,.social-ai-prompts>label>span,.social-ai-fields>label>span{font-size:10px;font-weight:700}.social-ai-name input,.social-ai-fields select,.social-ai-prompts textarea{width:100%;border:1px solid var(--line);border-radius:5px;background:#fff;padding:9px 10px;font:inherit;font-size:11px}
.social-agent-scenes{margin-bottom:14px}.social-agent-scenes>header{display:flex;align-items:baseline;gap:10px;margin-bottom:7px}.social-agent-scenes>header strong{font-size:11px}.social-agent-scenes>header span{color:var(--muted);font-size:9px}.social-agent-scenes>div{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.social-agent-scenes article{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:46px;padding:8px 9px;border:1px solid var(--line);border-radius:5px;background:#fafbfa}.social-agent-scenes article span{font-size:9px;font-weight:700}.social-agent-scenes article small{color:var(--muted);font-size:8px}.social-agent-scenes article.is-active{border-color:#8fc7b4;background:#eef8f4}.social-agent-scenes article.is-active small{color:#167455}
.social-ai-accounts{margin:14px 0}.social-ai-accounts>header{display:flex;gap:10px;align-items:baseline;margin-bottom:7px}.social-ai-accounts>header strong{font-size:11px}.social-ai-accounts>header span{color:var(--muted);font-size:9px}.social-ai-accounts>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.social-ai-account{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:7px;min-height:48px;padding:7px 9px;border:1px solid var(--line);border-radius:5px}.social-ai-account strong,.social-ai-account small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-ai-account strong{font-size:10px}.social-ai-account small{margin-top:2px;color:var(--muted);font-size:8px}.social-ai-account.is-connected{border-color:#9dcebd}
.social-ai-toggle{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;padding:11px;border:1px solid var(--line);border-radius:5px;background:#f7faf9}.social-ai-toggle strong,.social-ai-toggle small{display:block}.social-ai-toggle strong{font-size:11px}.social-ai-toggle small{margin-top:3px;color:var(--muted);font-size:9px}
.social-ai-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.social-ai-fields>label{display:grid;gap:6px}.social-ai-fields fieldset{display:flex;align-items:center;gap:18px;margin:0;padding:7px 10px;border:1px solid var(--line);border-radius:5px}.social-ai-fields legend{padding:0 4px;font-size:9px;font-weight:700}.social-ai-fields fieldset label{font-size:10px}.social-ai-prompts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.social-ai-prompts label{display:grid;gap:6px}.social-ai-prompts textarea{resize:vertical;line-height:1.5}
.social-ai-rule{margin-top:10px;padding:10px 12px;border-left:3px solid #d2a13a;background:#fff8e9}.social-ai-rule strong{font-size:10px}.social-ai-rule p{margin:4px 0 0;color:#735b2d;font-size:9px;line-height:1.5}.social-ai-rule.is-warning{border-left-color:#d18b32}.social-ai-rule.is-ready{border-left-color:#2a9a73;background:#eef8f4}
.social-ai-form footer{display:flex;align-items:center;gap:12px;margin-top:14px}.social-ai-form footer button{height:34px;border-color:var(--brand);background:var(--brand);color:#fff;font-weight:700}.social-ai-form footer span{color:var(--muted);font-size:9px}
.ai-gateway-form{max-width:1180px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.ai-gateway-head,.ai-gateway-providers>header,.ai-gateway-routes>header{display:flex;align-items:center;justify-content:space-between;gap:14px}.ai-gateway-head>div:first-child strong,.ai-gateway-head>div:first-child span,.ai-gateway-providers>header strong,.ai-gateway-providers>header span,.ai-gateway-routes>header strong,.ai-gateway-routes>header span{display:block}.ai-gateway-head strong{font-size:14px}.ai-gateway-head span,.ai-gateway-providers>header span,.ai-gateway-routes>header span{margin-top:3px;color:var(--muted);font-size:9px}
.ai-gateway-mode{display:inline-flex;padding:3px;border:1px solid #cfe0da;border-radius:7px;background:#eef4f2;box-shadow:inset 0 1px 2px rgba(23,66,56,.08)}.ai-gateway-mode label{display:flex;align-items:center;gap:5px;padding:7px 10px;border-radius:5px;font-size:10px;font-weight:700}.ai-gateway-mode label:has(input:checked){background:#fff;color:#116d59;box-shadow:0 2px 6px rgba(23,66,56,.13)}
.ai-gateway-providers,.ai-gateway-routes{margin-top:14px}.ai-gateway-providers>header button{height:31px;border-color:#9bcaba;background:#edf8f4;color:#126f59;font-weight:700}.ai-gateway-providers>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px}.ai-gateway-provider{padding:12px;border:1px solid #cddbd6;border-radius:7px;background:linear-gradient(145deg,#fff,#f4f8f6);box-shadow:0 4px 12px rgba(26,65,56,.07),inset 0 1px 0 #fff}.ai-gateway-provider>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.ai-gateway-provider>header strong,.ai-gateway-provider>header small{display:block}.ai-gateway-provider>header strong{font-size:11px}.ai-gateway-provider>header small{margin-top:2px;color:#2b8069;font-size:8px}.ai-gateway-provider>header button{width:27px;height:27px;padding:0;border-color:#dce6e2;background:#fff;color:#8a9692;font-size:16px}
.ai-gateway-provider-fields{display:grid;grid-template-columns:1fr 1.5fr;gap:7px}.ai-gateway-provider-fields label,.ai-gateway-models label{display:grid;gap:4px}.ai-gateway-provider-fields label span,.ai-gateway-models label span{font-size:8px;font-weight:700;color:#4c5d58}.ai-gateway-provider-fields input,.ai-gateway-models input,.ai-gateway-route select{min-width:0;height:33px;border:1px solid var(--line);border-radius:5px;background:#fff;padding:0 8px;font:inherit;font-size:10px}.ai-gateway-models{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:8px}.ai-gateway-provider>footer{display:flex;align-items:center;gap:9px;margin-top:10px}.ai-gateway-provider>footer button{height:30px;border-color:#9bcaba;background:#fff;color:#126f59;font-weight:700}.ai-gateway-provider>footer span{min-width:0;color:#49756a;font-size:8px}.ai-gateway-enabled{margin-right:auto;font-size:9px;font-weight:700}
.ai-gateway-routes>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}.ai-gateway-route{display:grid;grid-template-columns:minmax(100px,.8fr) 1.2fr 1fr auto;align-items:center;gap:7px;padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:#fbfcfc}.ai-gateway-route strong{font-size:9px}.ai-gateway-route label{display:flex;align-items:center;gap:4px;white-space:nowrap;font-size:8px}.ai-gateway-safety{display:flex;gap:9px;margin-top:12px;padding:10px 12px;border-left:3px solid #c68b26;background:#fff8e8}.ai-gateway-safety strong{white-space:nowrap;font-size:9px}.ai-gateway-safety span{color:#705a31;font-size:9px;line-height:1.45}.ai-gateway-form>footer{display:flex;align-items:center;gap:12px;margin-top:14px}.ai-gateway-form>footer button{height:34px;border-color:var(--brand);background:var(--brand);color:#fff;font-weight:700}.ai-gateway-form>footer span{color:var(--muted);font-size:9px}
.social-content-studio{max-width:980px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.social-content-studio>header strong,.social-content-studio>header span{display:block}.social-content-studio>header strong{font-size:12px}.social-content-studio>header span{margin-top:3px;color:var(--muted);font-size:9px}.social-content-studio form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.social-content-studio form>label{display:grid;gap:6px}.social-content-studio form>label>span{font-size:10px;font-weight:700}.social-content-studio input,.social-content-studio select,.social-content-studio textarea,.social-content-result textarea{width:100%;border:1px solid var(--line);border-radius:5px;padding:9px 10px;background:#fff;font:inherit;font-size:11px;line-height:1.5}.social-content-studio .is-wide,.social-content-studio form>footer{grid-column:1/-1}.social-content-studio form>footer{display:flex;align-items:center;gap:10px}.social-content-studio form>footer button,.social-content-result button{height:32px;border-color:var(--brand);background:var(--brand);color:#fff;font-size:10px}.social-content-studio form>footer span{color:var(--muted);font-size:9px}.social-content-result{margin-top:12px;padding:12px;border:1px solid #9bcbbb;border-radius:6px;background:#f6fbf9}.social-content-result[hidden]{display:none!important}.social-content-result header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.social-content-result header strong{font-size:11px}.social-content-result header span{color:var(--muted);font-size:9px}.social-content-result p{margin:8px 0!important;color:#52635d;font-size:9px}
.social-task-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px}.social-task-card{display:grid;grid-template-columns:1fr auto;gap:5px;padding:12px;border:1px solid var(--line);border-radius:6px;background:#fff}.social-task-card span{font-size:11px;font-weight:750}.social-task-card strong{grid-row:2;font-size:22px;color:#1f3d36}.social-task-card em{font-size:9px;font-style:normal;color:#9a6b18}.social-task-card small{grid-column:1/-1;color:#66736f;font-size:9px;line-height:1.45}.social-task-card.is-ready{border-color:#9dcebd;background:#f6fbf9}.social-task-card.is-ready em{color:#167455}
.social-workspace-panel{max-width:1180px}.social-workspace-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.social-workspace-head h3{margin:0 0 4px;font-size:16px}.social-workspace-head span{color:var(--muted);font-size:10px}.social-workspace-head button{height:32px;padding:0 11px}
.social-post-list,.social-comment-list{display:grid;gap:10px}.social-post-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:76px;padding:12px;border:1px solid var(--line);border-radius:6px;background:#fff}.social-post-card.is-expanded{align-items:start;border-color:#afd7ca;background:#fbfefd;box-shadow:0 10px 24px rgba(39,89,67,.07)}.social-post-card strong,.social-post-card span,.social-post-card small{display:block}.social-post-card strong{font-size:12px}.social-post-card span{margin-top:3px;color:#52635d;font-size:10px}.social-post-card small{margin-top:4px;color:var(--muted);font-size:9px}.social-post-actions{display:flex;gap:8px;flex-wrap:wrap}.social-post-actions button,.social-post-actions a{display:inline-flex;align-items:center;height:31px;padding:0 10px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--brand);font-size:10px;text-decoration:none}.social-post-detail{grid-column:2/-1;margin-top:6px;padding:12px;border-top:1px solid #eaf1ee}.social-post-detail p{margin:0 0 10px;color:#3e4d48;font-size:11px;line-height:1.6;white-space:pre-wrap}.social-post-detail small{color:var(--muted)}.social-post-detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.social-post-detail-actions button{height:30px;padding:0 10px;border:1px solid #dce9e4;border-radius:5px;background:#f5faf8;color:#126a50;font-size:10px}.social-post-comments-preview{display:grid;gap:6px}.social-post-comments-preview article{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px;padding:7px 8px;border-radius:5px;background:#f4f7f6}.social-post-comments-preview strong,.social-post-comments-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-post-comments-preview strong{font-size:9px}.social-post-comments-preview span{margin:0;color:#52635d;font-size:9px}
.social-comment-card{padding:12px;border:1px solid var(--line);border-radius:6px;background:#fff}.social-comment-card header,.social-comment-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.social-comment-card strong{font-size:12px}.social-comment-card em{font-style:normal;color:#9a6b18;font-size:9px}.social-comment-card p{margin:9px 0;color:#5e6d68;font-size:11px;line-height:1.55}.social-comment-card small{display:block;margin:-4px 0 8px;color:var(--muted);font-size:9px}.social-comment-card textarea{width:100%;border:1px solid var(--line);border-radius:5px;background:#f8faf9;padding:9px 10px;font:inherit;font-size:11px;resize:vertical}.social-comment-card footer{justify-content:flex-start;margin-top:9px}.social-comment-card button{height:30px;padding:0 10px;font-size:10px}
.social-message-grid,.social-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.social-message-card{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:72px;padding:12px;border:1px solid var(--line);border-radius:6px;background:#fff}.social-message-card strong,.social-message-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-message-card strong{font-size:12px}.social-message-card span{margin-top:3px;color:var(--muted);font-size:9px}.social-message-card button{height:30px;padding:0 10px;font-size:10px}.social-message-card.is-ready{border-color:#9dcebd;background:#f6fbf9}
.social-media-upload-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:2px 0 12px}.social-media-upload-cards button{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 12px;align-items:center;min-height:92px;padding:14px;border:1px solid #dcebe5;border-radius:10px;background:linear-gradient(145deg,#ffffff 0,#f6fbf9 58%,#edf8f4 100%);color:#263832;text-align:left;box-shadow:0 12px 25px rgba(28,64,49,.08),inset 0 1px rgba(255,255,255,.95);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.social-media-upload-cards button:hover{border-color:#91cbb8;transform:translateY(-1px);box-shadow:0 16px 32px rgba(28,64,49,.12),inset 0 1px rgba(255,255,255,.95)}.social-media-upload-cards i{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#eef8f4,#dcefe8);color:#126a50;font-size:18px;font-style:normal;font-weight:900;box-shadow:inset 0 1px rgba(255,255,255,.9),0 8px 18px rgba(28,64,49,.12)}.social-media-upload-cards strong{font-size:14px}.social-media-upload-cards span{color:#63726d;font-size:10px}.social-media-form{display:grid;grid-template-columns:110px minmax(160px,1fr) minmax(210px,1.2fr) minmax(220px,1.2fr) auto minmax(120px,.8fr);gap:8px;margin:0 0 12px}.social-media-form select,.social-media-form input{height:34px;border:1px solid var(--line);border-radius:5px;padding:0 10px;background:#fff;font:inherit;font-size:10px}.social-media-form input[type=file]{padding:6px 8px}.social-media-form button{height:34px;padding:0 11px;border-color:var(--brand);background:var(--brand);color:#fff;font-size:10px}.social-media-form span{align-self:center;color:var(--muted);font-size:9px}.social-media-grid article{position:relative;min-height:112px;padding:13px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,#fff,#fbfdfc);box-shadow:0 8px 18px rgba(28,64,49,.045)}.social-media-type-icon{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#eef8f4;color:#126a50;font-style:normal;font-weight:900;box-shadow:0 7px 15px rgba(28,64,49,.08)}.social-media-grid img,.social-media-grid video{display:block;width:100%;height:138px;margin-bottom:10px;border:1px solid #e4ece9;border-radius:6px;background:#f6f9f8;object-fit:cover}.social-media-grid strong,.social-media-grid span,.social-media-grid small,.social-media-grid a{display:block}.social-media-grid strong{padding-right:34px;font-size:12px}.social-media-grid span{margin:9px 0;color:#52635d;font-size:10px}.social-media-grid small{color:var(--muted);font-size:9px}.social-media-grid a{margin-top:8px;color:var(--brand);font-size:9px;text-decoration:none}.social-content-studio.is-standalone{max-width:980px;margin-top:0;padding-top:0;border-top:0}.social-publish-save-status{margin-top:8px;color:var(--muted);font-size:10px}
.social-planner-workspace{display:grid;gap:14px}.social-planner-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid #cfe8df;border-radius:10px;background:linear-gradient(135deg,#f7fffb 0,#ffffff 58%,#eef8f4 100%);box-shadow:0 12px 28px rgba(26,85,64,.08)}.social-planner-hero span{display:block;color:#126a50;font-size:10px;font-weight:900;text-transform:uppercase}.social-planner-hero h3{margin:5px 0 6px;font-size:22px}.social-planner-hero p{max-width:720px;margin:0;color:#60716b;font-size:12px;line-height:1.55}.social-planner-hero button{height:34px;padding:0 13px;border:1px solid #a9d4c5;border-radius:7px;background:#fff;color:#126a50;font-size:10px;font-weight:850}.social-planner-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.social-planner-flow article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:start;min-height:82px;padding:13px;border:1px solid #e1ebe7;border-radius:8px;background:#fff;box-shadow:0 8px 18px rgba(28,64,49,.045)}.social-planner-flow b{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#123f3d;color:#fff;font-size:12px}.social-planner-flow strong,.social-planner-flow span{display:block}.social-planner-flow strong{font-size:12px}.social-planner-flow span{margin-top:4px;color:#65736e;font-size:10px;line-height:1.45}.social-content-studio.is-planner{max-width:1180px;padding:14px;border:1px solid #e2ebe7;border-radius:10px;background:#fff}.social-planner-assets{display:grid;gap:8px;padding:12px;border:1px solid #e5eeea;border-radius:10px;background:#fbfefd}.social-planner-assets header{display:flex;align-items:center;justify-content:space-between}.social-planner-assets strong{font-size:12px}.social-planner-assets button{height:28px;padding:0 10px;border:1px solid #c8e4da;border-radius:6px;background:#eef8f4;color:#126a50;font-size:10px}.social-planner-assets>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.social-planner-assets article{padding:9px;border:1px solid #edf2f0;border-radius:8px;background:#fff}.social-planner-assets img,.social-planner-assets video{display:block;width:100%;height:94px;margin-bottom:8px;border-radius:6px;object-fit:cover}.social-planner-assets span,.social-planner-assets small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-planner-assets span{font-size:10px;font-weight:750}.social-planner-assets small{margin-top:3px;color:var(--muted);font-size:9px}
.social-platform-icon.channel-mark-all{background:#e9f5f1;color:#126a50}.social-platform-icon.channel-mark-facebook,.social-channel-mark.channel-mark-facebook{background:#1877f2;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:15px;text-transform:none}.social-platform-icon.channel-mark-instagram,.social-channel-mark.channel-mark-instagram{background:radial-gradient(circle at 30% 105%,#feda75 0 20%,#fa7e1e 35%,#d62976 55%,#962fbf 76%,#4f5bd5 100%);color:#fff;font-size:16px}.social-platform-icon.channel-mark-whatsapp,.social-channel-mark.channel-mark-whatsapp{background:#25d366;color:#fff;font-size:14px}.social-platform-icon.channel-mark-linkedin,.social-channel-mark.channel-mark-linkedin{background:#0a66c2;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:12px;text-transform:none}.social-platform-icon.channel-mark-youtube,.social-channel-mark.channel-mark-youtube{background:#ff0000;color:#fff;font-size:13px}.social-platform-icon.channel-mark-tiktok,.social-channel-mark.channel-mark-tiktok{background:#111;color:#fff;font-size:15px}.social-platform-icon.channel-mark-telegram,.social-channel-mark.channel-mark-telegram{background:#2aabee;color:#fff;font-size:13px}.social-platform-icon.channel-mark-website,.social-channel-mark.channel-mark-website{background:linear-gradient(145deg,#1f7060,#123f3d);color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:9px;text-transform:uppercase}.social-post-main{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-width:0}.social-post-media{overflow:hidden;border:1px solid #e5eeea;border-radius:6px;background:#f5f8f7}.social-post-media img,.social-post-media video{display:block;width:100%;height:100%;object-fit:cover}.social-post-media-thumb{width:74px;height:58px}.social-post-media-detail{width:min(420px,100%);aspect-ratio:4/3;margin:0 0 10px}.social-post-card:not(.is-expanded) .social-post-media-detail{display:none}
@media(max-width:980px){.social-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-account-grid,.social-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-task-grid,.social-message-grid,.social-media-grid,.social-post-list.compact,.social-media-upload-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.social-media-form{grid-template-columns:repeat(2,minmax(0,1fr))}.social-account-detail-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.social-ai-accounts>div{grid-template-columns:repeat(2,minmax(0,1fr))}.social-agent-scenes>div{grid-template-columns:repeat(3,minmax(0,1fr))}.ai-gateway-providers>div,.ai-gateway-routes>div{grid-template-columns:1fr}.ai-gateway-models{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.social-operations-body{padding:10px}.social-metric-grid,.social-account-grid,.social-feature-grid,.social-task-grid,.social-message-grid,.social-media-grid,.social-media-upload-cards,.social-ai-fields,.social-ai-prompts,.social-content-studio form,.social-media-form,.social-post-list.compact,.social-account-detail-stats{grid-template-columns:1fr}.social-channel-row{grid-template-columns:34px minmax(0,1fr) 76px 14px}.social-post-card,.social-message-card{grid-template-columns:38px minmax(0,1fr)}.social-post-actions,.social-message-card button,.social-post-detail{grid-column:1/-1}.social-workspace-head{align-items:flex-start;flex-direction:column}.social-channel-row>b{display:none}.social-channel-list>header span{display:none}.social-ai-accounts>div{grid-template-columns:1fr}.social-agent-scenes>div{grid-template-columns:repeat(2,minmax(0,1fr))}.social-account-head{grid-template-columns:42px minmax(0,1fr)}.social-account-head>em,.social-account-head>span{grid-column:2}.social-action-queue article{grid-template-columns:1fr 1fr}.social-account-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.social-account-card header{grid-template-columns:40px minmax(0,1fr)}.social-account-card header button{grid-column:1/-1;justify-self:start}.social-post-comments-preview article{grid-template-columns:1fr}}

/* JuyTui-style hover flyout sidebar - growth-os-v103 */
@media(min-width:761px){
  .app-shell{grid-template-columns:76px minmax(0,1fr)}
  .sidebar{position:sticky;top:0;z-index:40;width:80px;height:100vh;padding:12px 8px;gap:10px;overflow:visible;background:#f7fbff;border-right:1px solid #dce9f4;box-shadow:2px 0 10px rgba(38,86,123,.04);transition:width .18s ease}
  .sidebar:hover{width:242px}
  .sidebar::after{content:"";position:absolute;left:8px;top:8px;width:62px;height:calc(100vh - 16px);border:1px solid #e1ecf5;border-radius:13px;background:rgba(255,255,255,.92);box-shadow:0 10px 28px rgba(43,93,132,.08);z-index:-1}
  .sidebar::before{content:"";position:absolute;left:74px;top:8px;width:168px;height:calc(100vh - 16px);border:1px solid #d8e7f2;border-left:0;border-radius:0 14px 14px 0;background:#fff;box-shadow:18px 0 34px rgba(38,75,105,.14);opacity:0;transform:translateX(-12px);pointer-events:none;z-index:0;transition:opacity .16s ease,transform .2s ease}
  .sidebar:hover::before{opacity:1;transform:translateX(0)}
  .brand-block{position:relative;z-index:1;display:block;height:70px;padding:0;border-bottom:0;overflow:visible}
  .brand-logo-compact,.brand-logo{position:absolute;margin:0;transition:opacity .16s ease,transform .2s ease}
  .brand-logo-compact{left:9px;top:6px;display:block;width:40px;height:40px;border:1px solid #d8e6f0;border-radius:11px;background:#fff;object-fit:cover;box-shadow:inset 0 1px rgba(255,255,255,.9),0 8px 18px rgba(25,94,145,.14)}
  .brand-logo{left:78px;top:8px;width:118px;height:34px;object-fit:contain;object-position:left center;opacity:0;transform:translateX(-8px);pointer-events:none}
  .brand-product-name{position:absolute;left:80px;top:45px;display:block;width:132px;color:#7b8792;font-size:9px;font-weight:650;white-space:nowrap;opacity:0;transform:translateX(-8px);transition:opacity .16s ease,transform .2s ease}
  .sidebar:hover .brand-logo{opacity:1;transform:translateX(0)}
  .sidebar:hover .brand-product-name{opacity:1;transform:translateX(0)}
  .brand-block>span{display:none!important}
  .nav-list{position:relative;z-index:1;display:flex;flex-direction:column;gap:5px;min-height:0;overflow:visible;padding:0 0 8px;scrollbar-width:none}.nav-list::-webkit-scrollbar{display:none}
  .nav-section-label{display:block;width:142px;max-height:0;margin:0 0 0 72px;padding:0;overflow:hidden;color:#9aa8b4;font-size:9px;font-weight:800;line-height:19px;letter-spacing:0;opacity:0;white-space:nowrap;transition:max-height .16s ease,opacity .14s ease,margin .16s ease}
  .sidebar:hover .nav-section-label{max-height:19px;margin-top:2px;opacity:1}
  .nav-button{position:relative;display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:12px;width:66px;min-height:50px;padding:0 8px;border:1px solid transparent;border-radius:11px;background:transparent;color:#334155;text-align:left;overflow:visible;transition:width .18s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease}
  .nav-button::before{display:none!important}
  .sidebar:hover .nav-button{width:214px}
  .nav-button:hover{border-color:#cfe2f1;background:#f5fbff;color:#0b63b6;box-shadow:0 6px 16px rgba(31,97,147,.1)}
  .nav-button.active{border-color:#b9d8ef;background:#eaf5ff;color:#0866c2;box-shadow:inset 3px 0 #0b7bdc,0 7px 18px rgba(22,107,181,.12)}
  .nav-label{display:block;width:0;min-width:0;max-width:0;overflow:hidden;visibility:hidden;white-space:nowrap;font-size:13px;font-weight:700;opacity:0;transform:translateX(-8px);transition:opacity .13s ease .03s,transform .18s ease,width .18s ease,max-width .18s ease}
  .sidebar:hover .nav-label{width:142px;min-width:120px;max-width:142px;visibility:visible;opacity:1;transform:translateX(0)}
  .nav-icon{position:relative;display:grid;place-items:center;width:44px;height:44px;border:1px solid #b9d8ee;border-radius:13px;background:linear-gradient(145deg,#ffffff,#dceeff);color:#066fcf;font-size:21px;font-weight:850;line-height:1;text-shadow:none;box-shadow:inset 0 1px rgba(255,255,255,.95),inset 0 -2px 4px rgba(55,126,180,.1),0 7px 14px rgba(33,99,148,.18);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,color .14s ease}
  .nav-icon::after{content:"";position:absolute;left:9px;right:9px;top:5px;height:4px;border-radius:50%;background:rgba(255,255,255,.78);filter:blur(.5px)}
  .nav-button:hover .nav-icon,.nav-button.active .nav-icon{border-color:#9cc9eb;color:#075db0;transform:translateY(-1px);box-shadow:inset 0 1px rgba(255,255,255,1),inset 0 -2px 5px rgba(55,126,180,.1),0 9px 18px rgba(22,107,181,.2)}
  .icon-workbench,.icon-overview,.icon-monitor,.icon-acquisition,.icon-customers,.icon-quality,.icon-chat,.icon-automation,.icon-outreach,.icon-social,.icon-channels,.icon-reports,.icon-settings{background:linear-gradient(145deg,#ffffff,#dceeff)}
  .sidebar-note{display:none!important}
}
@media(max-width:760px){
  .app-shell{grid-template-columns:1fr}.sidebar,.sidebar:hover{position:static;width:100%;height:auto;padding:10px;overflow:visible;box-shadow:none}
  .brand-block{display:flex;align-items:center;gap:8px;height:auto;padding:4px 6px 10px}.brand-logo-compact{display:none}.brand-logo{position:static;display:block;width:104px;height:auto;opacity:1;transform:none}.brand-product-name{display:none}
  .nav-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.nav-section-label{display:none}.nav-button{display:flex;align-items:center;gap:7px;width:100%;min-height:38px;padding:4px 7px}.nav-button::before{display:none!important}.nav-label{display:block;min-width:0;font-size:10px;opacity:1;transform:none;white-space:normal}.nav-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:6px;color:#fff;font-size:13px;text-shadow:0 1px 1px rgba(0,0,0,.25);box-shadow:inset 0 -2px 3px rgba(0,0,0,.14),0 3px 6px rgba(37,68,59,.14)}
}
@media(prefers-reduced-motion:reduce){.sidebar,.brand-logo-compact,.brand-logo,.nav-button,.nav-label,.nav-icon{transition:none!important}}

/* Chat workspace polish - growth-os-v125 */
@media(min-width:761px){
  .workspace{position:relative}
  .topbar{
    position:fixed!important;
    left:76px;
    right:0;
    top:0;
    z-index:80;
    min-height:58px!important;
    padding:9px 18px!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 10px 28px rgba(35,58,72,.13)!important;
    transform:translateY(-50px);
    transition:transform .18s ease,box-shadow .18s ease;
  }
  .topbar::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-8px;
    width:74px;
    height:8px;
    border-radius:0 0 12px 12px;
    background:rgba(255,255,255,.98);
    box-shadow:0 8px 18px rgba(35,58,72,.12);
    transform:translateX(-50%);
  }
  .topbar:hover,
  .topbar:focus-within{
    transform:translateY(0);
  }
  .topbar h1{font-size:16px!important}
  .topbar .eyebrow,.top-subtitle{display:none!important}
  main{padding-top:12px}
}

body:has(.unified-chat-view.active){overflow:hidden}
body:has(.unified-chat-view.active) main{
  height:100vh;
  max-width:none;
  margin:0;
  padding:8px 10px 10px;
  overflow:hidden;
}
body:has(.unified-chat-view.active) .unified-chat-view.active{
  height:calc(100vh - 18px);
}
body:has(.unified-chat-view.active) .unified-chat-shell{
  height:100%;
  min-height:0;
  border:0;
  border-radius:0;
  background:#f3f8fb;
  box-shadow:none;
}
body:has(.unified-chat-view.active) .unified-chat-conversations,
body:has(.unified-chat-view.active) .unified-chat-messages,
body:has(.unified-chat-view.active) .unified-chat-profile,
body:has(.unified-chat-view.active) .chat-workbench-nav{
  border-color:#dbe8f2;
}
body:has(.unified-chat-view.active) .unified-chat-message-list{
  padding:18px 22px 10px;
}
body:has(.unified-chat-view.active) .unified-chat-reply{
  align-self:end;
  margin:0;
  padding:8px 12px 10px;
  border-top:1px solid #e4edf3;
  background:#fff;
  box-shadow:0 -10px 22px rgba(43,77,99,.06);
}
body:has(.unified-chat-view.active) .chat-reply-box{
  grid-template-columns:minmax(0,1fr) 74px;
  gap:8px;
}
body:has(.unified-chat-view.active) .unified-chat-reply textarea{
  min-height:64px;
  max-height:122px;
  border-color:#dfe7ef;
  border-radius:8px;
  background:#fff;
}
body:has(.unified-chat-view.active) .unified-chat-reply .chat-reply-send{
  height:34px;
  border-radius:8px;
}
body:has(.unified-chat-view.active) .chat-ai-suggestion{
  padding:10px 14px;
}
body:has(.unified-chat-view.active) .unified-chat-message-head{
  min-height:52px;
}
body:has(.unified-chat-view.active) .unified-chat-profile{
  padding:8px 7px;
}
body:has(.unified-chat-view.active) .chat-profile-reopen{
  top:64px;
}

@media(max-width:760px){
  body:has(.unified-chat-view.active){overflow:auto}
  body:has(.unified-chat-view.active) main{height:auto;padding:10px;overflow:visible}
  body:has(.unified-chat-view.active) .unified-chat-view.active{height:auto}
}

/* Social app-like channel icons - growth-os-v109 */
.channel-brand-icon.channel-whatsapp,
.channel-brand-icon.channel-whatsapp_app {
  background:linear-gradient(145deg,#2bd66d,#18a85d 72%,#0c7f46);
  color:#fff;
  font-size:21px;
}
.channel-brand-icon.channel-messenger {
  background:linear-gradient(145deg,#00b2ff,#006aff 52%,#a033ff);
  color:#fff;
  font-size:19px;
}
.channel-brand-icon.channel-instagram {
  background:linear-gradient(135deg,#feda75 0%,#fa7e1e 28%,#d62976 56%,#962fbf 78%,#4f5bd5 100%);
  color:#fff;
  font-size:25px;
}
.channel-brand-icon.channel-email {
  background:linear-gradient(145deg,#f97373,#d93025 62%,#b91c1c);
  color:#fff;
}
.channel-brand-icon.channel-telegram,
.channel-brand-icon.channel-telegram_app {
  background:linear-gradient(145deg,#35b7f0,#229ed9 70%,#167fb4);
  color:#fff;
  font-size:19px;
}
.channel-brand-icon.channel-website {
  background:linear-gradient(145deg,#20c7b4,#0f8d9a 62%,#2563eb);
  color:#fff;
  font-size:19px;
}
.channel-brand-icon.channel-youtube {
  background:linear-gradient(145deg,#ff3d3d,#ff0000 70%,#c40000);
  color:#fff;
  font-size:19px;
}
.channel-brand-icon.channel-tiktok {
  background:#111827;
  color:#fff;
  font-size:21px;
  text-shadow:-1px 0 #25f4ee,1px 0 #fe2c55;
}
.channel-brand-icon.channel-linkedin {
  background:#0a66c2;
  color:#fff;
  font-size:16px;
  font-family:Arial, sans-serif;
}

.status-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:64px;
  height:28px;
  padding:0 12px;
  border-radius:999px;
  font-size:13px;
  font-weight:700;
}
.status-pill.ok{
  color:#047857;
  background:#d1fae5;
  border:1px solid #a7f3d0;
}
.status-pill.warn{
  color:#92400e;
  background:#fef3c7;
  border:1px solid #fde68a;
}

/* Customer operations workspace - growth-os-v165 */
.customer-module-tabs{
  display:flex;
  gap:4px;
  width:max-content;
  margin:0 0 16px;
  padding:4px;
  border:1px solid #d7e4e1;
  border-radius:7px;
  background:#eef4f3;
  box-shadow:inset 0 1px 2px rgba(15,61,55,.08);
}
.customer-module-tabs button{
  min-width:96px;
  height:34px;
  border:0;
  border-radius:5px;
  color:#52635f;
  background:transparent;
  font-weight:700;
}
.customer-module-tabs button.active{
  color:#0d6d5f;
  background:#fff;
  box-shadow:0 2px 7px rgba(15,61,55,.13),inset 0 1px 0 #fff;
}
.customer-operations-panel{min-height:calc(100vh - 120px)}
.customer-operations-head button,.customer-detail-actions button{
  height:36px;
  padding:0 15px;
  border:1px solid #0f7f70;
  border-radius:6px;
  color:#fff;
  background:linear-gradient(180deg,#159886,#0e776a);
  box-shadow:0 3px 7px rgba(13,109,95,.18),inset 0 1px 0 rgba(255,255,255,.25);
  font-weight:700;
}
.customer-ops-commandbar{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:9px 11px;border:1px solid #d4e3df;border-radius:7px;background:linear-gradient(180deg,#fbfefd,#f0f7f5);box-shadow:0 3px 9px rgba(18,60,54,.07),inset 0 1px 0 #fff;overflow-x:auto}
.customer-ops-scope-tabs{display:flex;flex:0 0 auto;padding:3px;border:1px solid #cfddda;border-radius:6px;background:#e9f0ee;box-shadow:inset 0 1px 3px rgba(13,78,68,.08)}
.customer-ops-scope-tabs button{height:32px;padding:0 14px;border:0;border-radius:5px;background:transparent;color:#536762;font-weight:800}
.customer-ops-scope-tabs button.active{background:#fff;color:#0d7768;box-shadow:0 2px 6px rgba(15,61,55,.15),inset 0 1px 0 #fff}
#customerOpsOwnerFilter{flex:0 0 190px;height:38px;padding:0 10px;border:1px solid #cbdad6;border-radius:6px;background:#fff;color:#283d38}
.customer-ops-selection{display:grid;min-width:105px;margin-left:auto}.customer-ops-selection strong{font-size:12px;color:#24423b}.customer-ops-selection span{font-size:10px;color:#80908c}
.customer-ops-bulk-actions{display:flex;gap:6px;white-space:nowrap}.customer-ops-bulk-actions button{height:34px;padding:0 10px;border:1px solid #bcd3cd;border-radius:5px;background:#fff;color:#176e60;font-size:12px;font-weight:700;box-shadow:0 1px 3px rgba(15,61,55,.08)}
.customer-ops-bulk-actions button:hover:not(:disabled){border-color:#24917f;background:#edf9f5}.customer-ops-bulk-actions button:disabled{opacity:.45;box-shadow:none}
.customer-ops-metrics{
  display:grid;
  grid-template-columns:repeat(6,minmax(120px,1fr));
  gap:10px;
  margin-bottom:14px;
}
.customer-ops-metrics button{
  display:flex;
  min-height:70px;
  padding:12px 14px;
  border:1px solid #d8e5e2;
  border-top:3px solid #6d8882;
  border-radius:7px;
  background:linear-gradient(160deg,#fff,#f5faf8);
  box-shadow:0 4px 10px rgba(18,60,54,.07),inset 0 1px 0 #fff;
  text-align:left;
  flex-direction:column;
  justify-content:space-between;
}
.customer-ops-metrics button strong{font-size:22px;color:#173e38}
.customer-ops-metrics button span{font-size:13px;color:#63736f}
.customer-ops-metrics button.active{outline:2px solid rgba(18,141,124,.18);background:#effbf7}
.customer-ops-metrics .class-a{border-top-color:#e24b4b}.customer-ops-metrics .class-b{border-top-color:#ef9e2f}
.customer-ops-metrics .class-c{border-top-color:#239c77}.customer-ops-metrics .class-d{border-top-color:#6f86a4}
.customer-ops-metrics .class-x{border-top-color:#343b45}
.customer-ops-toolbar{
  display:grid;
  grid-template-columns:minmax(280px,1.8fr) repeat(2,minmax(150px,.7fr));
  gap:8px;
  margin-bottom:10px;
}
.customer-ops-toolbar input,.customer-ops-toolbar select{
  min-width:0;height:38px;padding:0 11px;border:1px solid #d4e1de;border-radius:6px;background:#fff;color:#253a36;
}
.customer-ops-table-wrap{overflow:auto;border:1px solid #d7e4e1;border-radius:7px;background:#fff}
.customer-ops-table{width:100%;min-width:1780px;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:12px}
.customer-ops-table th{position:sticky;top:0;z-index:2;height:36px;padding:0 8px;border-bottom:1px solid #d7e4e1;background:#eef4f3;color:#40534f;font-size:12px;font-weight:650;text-align:left;white-space:nowrap;cursor:grab;user-select:none}
.customer-ops-table th[draggable="true"]::before{content:"⋮⋮";display:inline-block;margin-right:5px;color:#8ca09b;font-size:11px;letter-spacing:-2px;vertical-align:1px}
.customer-ops-table th[draggable="true"]:hover::before{color:#138876}
.customer-ops-table th.dragging{opacity:.45;background:#cfe8e1}.customer-ops-table th:first-child{width:42px;cursor:default}
.customer-ops-resizer{position:absolute;top:7px;right:-2px;width:5px;height:26px;cursor:col-resize;border-right:1px solid #b8cac5}
.customer-ops-table td{height:44px;padding:4px 8px;border-bottom:1px solid #e5edeb;color:#263b37;font-size:12px;line-height:1.3;vertical-align:middle;overflow:hidden;background:#fff;transition:background .14s ease}
.customer-ops-table tbody tr:nth-child(even) td{background:#f3f7f6}
.customer-ops-table tbody tr:hover td{background:#e8f5f1}
.customer-ops-table th[data-customer-ops-col="channels"],.customer-ops-table td[data-customer-ops-col="channels"]{position:sticky;right:78px;z-index:3;width:250px;min-width:250px;box-shadow:-4px 0 8px rgba(35,65,58,.05)}
.customer-ops-table th[data-customer-ops-col="actions"],.customer-ops-table td[data-customer-ops-col="actions"]{position:sticky;right:0;z-index:4;width:78px;min-width:78px;text-align:center;box-shadow:-2px 0 6px rgba(35,65,58,.08)}
.customer-ops-table th[data-customer-ops-col="channels"],.customer-ops-table th[data-customer-ops-col="actions"]{z-index:6;background:#e4efec;cursor:default}
.customer-ops-table tbody tr:nth-child(odd) td[data-customer-ops-col="channels"],.customer-ops-table tbody tr:nth-child(odd) td[data-customer-ops-col="actions"]{background:#fff}
.customer-ops-table tbody tr:nth-child(even) td[data-customer-ops-col="channels"],.customer-ops-table tbody tr:nth-child(even) td[data-customer-ops-col="actions"]{background:#f3f7f6}
.customer-ops-table tbody tr:hover td[data-customer-ops-col="channels"],.customer-ops-table tbody tr:hover td[data-customer-ops-col="actions"]{background:#e8f5f1}
.customer-ops-table tbody .customer-ops-data-row.row-light > td,
.customer-ops-table tbody .customer-ops-data-row.row-light > td[data-customer-ops-col="channels"],
.customer-ops-table tbody .customer-ops-data-row.row-light > td[data-customer-ops-col="actions"]{background:#fff}
.customer-ops-table tbody .customer-ops-data-row.row-tint > td,
.customer-ops-table tbody .customer-ops-data-row.row-tint > td[data-customer-ops-col="channels"],
.customer-ops-table tbody .customer-ops-data-row.row-tint > td[data-customer-ops-col="actions"]{background:#eaf3f1}
.customer-ops-table tbody .customer-ops-data-row:hover > td,
.customer-ops-table tbody .customer-ops-data-row:hover > td[data-customer-ops-col="channels"],
.customer-ops-table tbody .customer-ops-data-row:hover > td[data-customer-ops-col="actions"]{background:#d9eee8}
.customer-ops-table td small{display:block;margin-top:2px;color:#7b8b87;font-size:11px;line-height:1.2}
.customer-name-button{max-width:240px;padding:0;border:0;background:none;color:#1d332f;text-align:left}
.customer-name-button strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;line-height:1.3}
.customer-name-button small{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.customer-class-badge,.customer-stage-badge{display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border:1px solid transparent;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}
.customer-class-badge.class-a{color:#a51d24;background:#fff0f0;border-color:#f2b9bc}
.customer-class-badge.class-b{color:#9a5b08;background:#fff7e7;border-color:#f0d39e}
.customer-class-badge.class-c{color:#08715a;background:#eaf8f3;border-color:#a9dfcf}
.customer-class-badge.class-d{color:#53677f;background:#f0f4f8;border-color:#c8d4e1}
.customer-class-badge.class-x{color:#343a42;background:#eceff2;border-color:#c8cdd2}
.customer-stage-badge{color:#285b78;background:#edf7fc;border-color:#c6dfed}
.customer-tags{display:flex;max-width:180px;gap:4px;margin-top:4px;overflow:hidden;white-space:nowrap}
.customer-tags span{padding:2px 6px;border:1px solid #d5e4df;border-radius:4px;background:#f1f7f5;color:#56716a;font-size:11px}
.customer-country{display:flex;align-items:center;gap:7px;min-width:140px}.customer-country-flag{font-size:20px;line-height:1}.customer-country strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.customer-contact-actions{display:grid;gap:3px;align-items:center;min-width:160px}
.customer-contact-icon{display:inline-flex;width:29px;height:29px;padding:0;border:0;border-radius:50%;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:11px;font-weight:800;box-shadow:0 2px 5px rgba(15,61,55,.15)}
.customer-contact-icon.is-whatsapp{background:#20b863}.customer-contact-icon.is-facebook{background:#1877f2;font-size:17px}
.customer-contact-icon.is-instagram{background:linear-gradient(135deg,#f9b452,#d62976,#6155cc)}.customer-contact-icon.is-email{background:#d8564f;font-size:15px}
.customer-contact-icon.is-phone{background:#536d79;font-size:14px}
.customer-contact-method{display:flex;max-width:210px;min-width:0;align-items:center;gap:6px;border:0;background:transparent;color:#31534c;text-decoration:none;text-align:left;cursor:pointer}.customer-contact-method span{display:inline-flex;flex:0 0 24px;width:24px;height:24px;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-size:9px;font-weight:900}.customer-contact-method b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600}.customer-contact-method.is-whatsapp span{background:#20b863}.customer-contact-method.is-email span{background:#d8564f}.customer-contact-method.is-phone span{background:#536d79}
.customer-ops-empty{height:120px!important;text-align:center;color:#768783!important}
.customer-management-summary{background:linear-gradient(150deg,#f3fbf8,#fff);border-color:#c9e6dd!important}
.customer-management-summary-head{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}
.customer-management-summary-head h3{margin-bottom:4px}.customer-management-summary-head p{margin:0;color:#6f827d;font-size:12px}
.customer-management-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px}
.customer-management-facts div{padding:9px;border:1px solid #dfebe8;border-radius:5px;background:#fff}
.customer-management-facts span{display:block;margin-bottom:3px;color:#7b8c88;font-size:11px}.customer-management-facts strong{font-size:13px}
.customer-detail-actions{display:flex;gap:8px;margin-top:12px}.customer-detail-actions button{height:32px;font-size:12px}
.customer-ops-inline-stack{display:grid;gap:2px;min-width:120px}
.customer-ops-inline-control{width:100%;min-width:70px;height:26px;padding:0 6px;border:1px solid transparent;border-radius:5px;background:transparent;color:#263b37;font-size:12px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.customer-ops-table td:hover .customer-ops-inline-control,.customer-ops-inline-control:hover,.customer-ops-inline-control:focus{border-color:#4cae9d;background:#fff;box-shadow:0 0 0 2px rgba(21,152,134,.1);outline:0}
.customer-ops-inline-control::placeholder{color:#73827e;opacity:1}.customer-ops-table td:not(:hover) .customer-ops-inline-control::placeholder{color:#697a76}
.customer-ops-inline-control.saving{background:#fff8e7;border-color:#e4b85c}.customer-ops-inline-control.saved{background:#eaf8f3;border-color:#62bfa9}.customer-ops-inline-control.error{background:#fff0f0;border-color:#df7777}
.customer-ops-custom-groups{display:flex;align-items:center;gap:6px;margin:-4px 0 12px;padding:8px 10px;border:1px solid #dbe7e4;border-radius:6px;background:#f8fbfa;overflow-x:auto;white-space:nowrap}
.customer-ops-custom-groups strong{margin-right:4px;color:#40534f;font-size:13px}.customer-ops-custom-groups button{height:29px;padding:0 10px;border:1px solid #d3e1de;border-radius:5px;background:#fff;color:#4d625d;font-size:12px}.customer-ops-custom-groups button.active{border-color:#24917f;background:#eaf8f3;color:#08715a;font-weight:800}.customer-ops-custom-groups button.add{border-style:dashed;color:#0d7768}.customer-ops-custom-groups button span{margin-left:4px;color:#8a9995}

/* Customer pool: compact rows with one-row expandable editing. */
#leadRows td{height:auto;min-height:36px;padding:6px 10px;vertical-align:middle;line-height:1.25}
#leadRows td small{line-height:1.15}.customer-pool-row-actions{display:flex;gap:5px}.customer-pool-row-actions .row-button{min-height:27px;padding:3px 8px}
.customer-pool-editor-row td{padding:0!important;background:#f3f9f7!important}
.customer-pool-editor{display:grid;grid-template-columns:repeat(6,minmax(135px,1fr));gap:8px;padding:12px;border-top:2px solid #37a38f;border-bottom:1px solid #cfe1dc;box-shadow:inset 0 5px 14px rgba(14,119,106,.05)}
.customer-pool-editor label{display:grid;gap:4px;color:#62736f;font-size:11px;font-weight:700}.customer-pool-editor input,.customer-pool-editor select,.customer-pool-editor textarea{width:100%;min-width:0;padding:6px 8px;border:1px solid #cfddda;border-radius:5px;background:#fff;color:#233a35;font-size:12px}.customer-pool-editor textarea{resize:vertical}.customer-pool-editor .span-2{grid-column:span 2}.customer-pool-editor-actions{display:flex;align-items:center;gap:7px}.customer-pool-editor-actions button{height:31px;padding:0 12px;border:1px solid #0e776a;border-radius:5px;background:#fff;color:#0e776a;font-weight:700}.customer-pool-editor-actions button[type="submit"]{color:#fff;background:#0e776a}.customer-pool-editor-actions span{color:#637671;font-size:12px}
@media(max-width:1200px){.customer-pool-editor{grid-template-columns:repeat(3,minmax(150px,1fr))}}
@media(max-width:700px){.customer-pool-editor{grid-template-columns:1fr}.customer-pool-editor .span-2{grid-column:span 1}}
@media(max-width:1100px){.customer-ops-metrics{grid-template-columns:repeat(3,1fr)}.customer-ops-toolbar{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.customer-ops-commandbar{align-items:flex-start;flex-wrap:wrap}.customer-ops-selection{margin-left:0}.customer-ops-bulk-actions{width:100%;overflow-x:auto}}
@media(max-width:700px){.customer-ops-metrics{grid-template-columns:repeat(2,1fr)}.customer-ops-toolbar{grid-template-columns:1fr}.customer-management-facts{grid-template-columns:1fr}}

/* v184: compact customer-detail drawer. Keep operational facts visible before scroll. */
#leadDrawer .drawer-panel{width:min(480px,calc(100vw - 28px));padding:14px 16px 20px}
#leadDetail .eyebrow{margin:0 0 5px;font-size:11px}
#leadDetail h2{margin:4px 84px 12px 0;font-size:19px;line-height:1.28;letter-spacing:0}
#leadDetail .detail-grid{gap:6px;margin-bottom:10px}
#leadDetail .detail-grid>div{min-height:62px;padding:7px 8px}
#leadDetail .detail-grid span{margin-bottom:3px;font-size:10px;line-height:1.2}
#leadDetail .detail-grid strong{font-size:13px;line-height:1.28;overflow-wrap:anywhere}
#leadDetail .detail-section{margin-top:8px;padding:10px}
#leadDetail .detail-section h3{margin-bottom:6px;font-size:13px;line-height:1.25}
#leadDetail .detail-section p{margin:4px 0;font-size:11px;line-height:1.42}
#leadDetail .unified-state-grid{gap:5px}
#leadDetail .state-chip,#leadDetail .lead-stage{min-height:24px;padding:3px 7px;font-size:10px}
#leadDetail .customer-management-summary-head{gap:8px}
#leadDetail .customer-management-summary-head p{font-size:11px;line-height:1.35}
#leadDetail .customer-management-facts{gap:6px;margin-top:9px}
#leadDetail .customer-management-facts div{min-height:53px;padding:7px}
#leadDetail .customer-management-facts span{margin-bottom:2px;font-size:10px}
#leadDetail .customer-management-facts strong{font-size:12px;line-height:1.25}
#leadDetail .customer-detail-actions{gap:6px;margin-top:9px}
#leadDetail .customer-detail-actions button{height:30px;font-size:11px}
#leadDetail .activity-event{grid-template-columns:112px minmax(0,1fr);gap:8px;padding-bottom:9px}

/* v208: keep the customer detail at the same practical width as chat profile
   and AI sidecars, without changing the first-level 3D shell. */
.outreach-detail-button{min-height:30px!important;padding:5px 10px!important;border-color:#b9d8cf!important;background:linear-gradient(145deg,#fff,#ecf7f2)!important;color:#11654d!important;white-space:nowrap}
.outreach-focus-head{align-items:center}

@media(max-width:760px){
  #leadDrawer .drawer-panel{width:96vw;padding:14px}
  #leadDetail h2{margin-right:58px;font-size:18px}
  #leadDetail .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #leadDetail .customer-management-facts{grid-template-columns:1fr}
  #leadDetail .activity-event{grid-template-columns:1fr}
}

/* Compact customer pool header - growth-os-v168 */
[data-view-panel="customers"] > .panel{
  overflow:visible;
}
[data-view-panel="customers"] .customer-module-tabs{
  margin:8px 10px 6px;
  padding:3px;
}
[data-view-panel="customers"] .customer-module-tabs button{
  min-width:82px;
  height:30px;
  font-size:12px;
}
[data-view-panel="customers"] .panel-head{
  min-height:0;
  padding:7px 10px;
  gap:8px;
  align-items:flex-start;
}
[data-view-panel="customers"] .panel-head > div:first-child{
  flex:0 0 124px;
  padding-top:3px;
}
[data-view-panel="customers"] .panel-head h2{
  margin:0 0 1px;
  font-size:14px;
}
[data-view-panel="customers"] .panel-head span{
  display:block;
  overflow:hidden;
  font-size:10px;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
[data-view-panel="customers"] .filters{
  display:grid;
  flex:1 1 auto;
  grid-template-columns:minmax(190px,1.45fr) repeat(7,minmax(112px,.75fr));
  gap:5px;
}
[data-view-panel="customers"] .filters input,
[data-view-panel="customers"] .filters select{
  width:100%;
  min-width:0;
  height:30px;
  padding:4px 7px;
  font-size:11px;
}
[data-view-panel="customers"] .customer-workbench{
  display:flex;
  align-items:center;
  gap:8px;
  padding:5px 10px;
}
[data-view-panel="customers"] .customer-workbench-actions{
  flex:0 0 auto;
  margin:0;
}
[data-view-panel="customers"] .customer-workbench-actions button{
  min-height:30px;
  padding:5px 10px;
  font-size:11px;
}
[data-view-panel="customers"] .customer-workbench-actions span{
  display:none;
}
[data-view-panel="customers"] .mini-metrics{
  flex:1 1 auto;
  display:grid;
  grid-template-columns:repeat(8,minmax(76px,1fr));
  gap:5px;
  min-width:0;
}
[data-view-panel="customers"] .phase1-metrics article{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:5px;
  min-height:34px;
  padding:5px 7px;
  border-radius:5px;
}
[data-view-panel="customers"] .mini-metrics span{
  margin:0;
  font-size:10px;
  line-height:1.15;
}
[data-view-panel="customers"] .mini-metrics strong{
  flex:0 0 auto;
  font-size:15px;
}
[data-view-panel="customers"] .quick-filters,
[data-view-panel="customers"] .column-controls{
  padding:5px 10px 0;
}
[data-view-panel="customers"] .quick-filter-row{
  flex-wrap:nowrap;
  gap:5px;
  overflow-x:auto;
}
[data-view-panel="customers"] .quick-filter-row button{
  min-height:28px;
  padding:4px 8px;
  font-size:11px;
  white-space:nowrap;
}
[data-view-panel="customers"] .column-settings{
  padding:5px 8px;
}
[data-view-panel="customers"] .bulk-assign-bar{
  margin:5px 10px;
  padding:6px 9px;
}
[data-view-panel="customers"] .bulk-main strong{
  margin:0;
  font-size:12px;
}
[data-view-panel="customers"] .bulk-main span{
  font-size:10px;
}
[data-view-panel="customers"] .bulk-actions select,
[data-view-panel="customers"] .bulk-actions button{
  min-height:30px;
  padding:4px 8px;
  font-size:11px;
}
[data-view-panel="customers"] .table-hint{
  padding:5px 10px;
  font-size:10px;
}
[data-view-panel="customers"] .table-wrap th{
  height:34px;
  padding:5px 8px;
  font-size:11px;
}
[data-view-panel="customers"] #leadRows td{
  height:42px;
  min-height:42px;
  padding:3px 8px;
  font-size:11px;
  line-height:1.12;
}
[data-view-panel="customers"] #leadRows td strong{
  font-size:12px;
  line-height:1.12;
}
[data-view-panel="customers"] #leadRows td small{
  display:inline-block;
  max-width:100%;
  margin-top:1px;
  overflow:hidden;
  color:#788884;
  font-size:9px;
  line-height:1.08;
  text-overflow:ellipsis;
  white-space:nowrap;
}
[data-view-panel="customers"] #leadRows .lead-stage,
[data-view-panel="customers"] #leadRows .status{
  padding:2px 5px;
  font-size:9px;
  line-height:1.1;
}
[data-view-panel="customers"] #leadRows .customer-mini-tags{
  display:inline-flex;
  max-width:100%;
  margin-left:4px;
  vertical-align:middle;
}
[data-view-panel="customers"] #leadRows .customer-pool-row-actions{
  gap:3px;
}
[data-view-panel="customers"] #leadRows .customer-pool-row-actions .row-button{
  min-height:24px;
  padding:2px 6px;
  font-size:10px;
}
[data-view-panel="customers"] .pool-contact-cell{
  display:flex;
  min-width:0;
  align-items:center;
  gap:5px;
}
[data-view-panel="customers"] .pool-contact-cell small{
  flex:1 1 auto;
  min-width:0;
}
[data-view-panel="customers"] .pool-contact-icon{
  position:relative;
  display:inline-flex;
  flex:0 0 27px;
  width:27px;
  height:27px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.8)!important;
  border-radius:8px;
  color:#fff!important;
  text-decoration:none;
  box-shadow:0 2px 5px rgba(30,61,54,.18),inset 0 1px 0 rgba(255,255,255,.45);
  transition:transform .14s ease,box-shadow .14s ease,filter .14s ease;
}
[data-view-panel="customers"] .pool-contact-icon:hover{
  z-index:2;
  transform:translateY(-1px);
  box-shadow:0 4px 8px rgba(30,61,54,.22),inset 0 1px 0 rgba(255,255,255,.55);
}
[data-view-panel="customers"] .pool-contact-icon span{
  font-size:9px;
  font-weight:900;
  line-height:1;
}
[data-view-panel="customers"] .pool-contact-icon.is-whatsapp.contact-valid{
  background:linear-gradient(145deg,#39df7b,#11984d)!important;
}
[data-view-panel="customers"] .pool-contact-icon.is-whatsapp.contact-pending{
  border-color:#ccebdd!important;
  background:linear-gradient(145deg,#dff7ea,#8dcfb0)!important;
  color:#27775a!important;
  box-shadow:0 2px 4px rgba(39,119,90,.1),inset 0 1px 0 #fff;
}
[data-view-panel="customers"] .pool-contact-icon.is-whatsapp.contact-invalid{
  background:linear-gradient(145deg,#c9d0ce,#8f9b98)!important;
  opacity:.72;
}
[data-view-panel="customers"] .pool-contact-icon.is-email{background:linear-gradient(145deg,#f07870,#c33e37)!important}
[data-view-panel="customers"] .pool-contact-icon.is-phone{background:linear-gradient(145deg,#728b96,#405964)!important}
[data-view-panel="customers"] .pool-contact-icon.is-website{background:linear-gradient(145deg,#49a9df,#2672af)!important}
[data-view-panel="customers"] .pool-contact-icon.is-empty{
  border-color:#dce5e2!important;
  background:#eef3f2!important;
  color:#9ba8a5!important;
  box-shadow:inset 0 1px 2px rgba(30,61,54,.05);
}
[data-view-panel="customers"] #leadRows .customer-pool-data-row.row-light > td{
  background:#ffffff;
}
[data-view-panel="customers"] #leadRows .customer-pool-data-row.row-tint > td{
  background:#eef5f3;
}
[data-view-panel="customers"] #leadRows .customer-pool-data-row:hover > td{
  background:#dff1ec;
}
@media(max-width:1350px){
  [data-view-panel="customers"] .panel-head{display:block}
  [data-view-panel="customers"] .panel-head > div:first-child{display:none}
  [data-view-panel="customers"] .filters{grid-template-columns:minmax(180px,1.4fr) repeat(4,minmax(105px,1fr))}
  [data-view-panel="customers"] .mini-metrics{overflow-x:auto;grid-template-columns:repeat(8,minmax(105px,1fr))}
}
@media(max-width:760px){
  [data-view-panel="customers"] .filters{grid-template-columns:1fr 1fr}
  [data-view-panel="customers"] .customer-workbench{align-items:flex-start;overflow-x:auto}
  [data-view-panel="customers"] .mini-metrics{min-width:760px}
}

/* v177: chat-tone customer workspace, fixed navigation dimensions, quotation knowledge. */
:is([data-view-panel="customers"],[data-view-panel="outreach"],[data-view-panel="customer_ops"],[data-view-panel="quotes"]){
  background:#f4f8fc;
}
.customer-workbench-view.active{
  min-height:calc(100vh - 112px);
  align-content:start;
}
.customer-workbench-view > .panel:first-of-type,
.customer-workbench-view > .customer-workbench-subview > .panel:first-of-type{
  min-height:calc(100vh - 132px);
}
.customer-workbench-subview[hidden]{
  display:none!important;
}
.customer-workbench-subview.active{
  display:block;
  animation:janon-customer-tab-in .12s ease-out;
}
@keyframes janon-customer-tab-in{
  from{opacity:.72}
  to{opacity:1}
}
.customer-workbench-view .customer-module-tabs{
  position:relative;
  z-index:2;
  flex:0 0 auto;
}
.customer-workbench-view .customer-module-tabs button:focus-visible{
  outline:2px solid #4f86d9;
  outline-offset:1px;
}
:is([data-view-panel="customers"],[data-view-panel="outreach"],[data-view-panel="customer_ops"],[data-view-panel="quotes"]) > .panel,
:is([data-view-panel="customers"],[data-view-panel="outreach"],[data-view-panel="customer_ops"],[data-view-panel="quotes"]) .panel{
  border-color:#dbe8f2;
  background:#fff;
  box-shadow:0 5px 16px rgba(42,78,112,.07),inset 0 1px 0 #fff;
}
:is([data-view-panel="customers"],[data-view-panel="outreach"],[data-view-panel="customer_ops"],[data-view-panel="quotes"]) .customer-module-tabs{
  display:flex;
  width:max-content;
  min-height:40px;
  margin:8px 10px 7px;
  padding:3px;
  gap:4px;
  border:1px solid #dbe8f2;
  border-radius:7px;
  background:#eef5ff;
  box-shadow:inset 0 1px 2px rgba(47,89,130,.07);
}
:is([data-view-panel="customers"],[data-view-panel="outreach"],[data-view-panel="customer_ops"],[data-view-panel="quotes"]) .customer-module-tabs button{
  display:inline-flex;
  min-width:88px;
  height:32px;
  padding:0 12px;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:5px;
  color:#536477;
  background:transparent;
  font-size:12px;
  font-weight:750;
  line-height:1;
  white-space:nowrap;
}
:is([data-view-panel="customers"],[data-view-panel="outreach"],[data-view-panel="customer_ops"],[data-view-panel="quotes"]) .customer-module-tabs button.active{
  color:#1762e8;
  background:#dce9ff;
  box-shadow:0 2px 6px rgba(23,98,232,.12),inset 0 1px 0 #fff;
}
:is([data-view-panel="outreach"],[data-view-panel="customer_ops"],[data-view-panel="quotes"]) .panel-head{
  min-height:48px;
  padding:8px 10px;
}
:is([data-view-panel="outreach"],[data-view-panel="customer_ops"],[data-view-panel="quotes"]) .panel-head h2{
  margin:0 0 2px;
  font-size:14px;
}
:is([data-view-panel="outreach"],[data-view-panel="customer_ops"],[data-view-panel="quotes"]) .panel-head span{
  font-size:10px;
  line-height:1.25;
}
[data-view-panel="customers"] #leadRows .customer-pool-data-row.row-tint > td,
[data-view-panel="customer_ops"] .customer-ops-table tbody tr:nth-child(even) td{
  background:#f2f7fd;
}
[data-view-panel="customers"] #leadRows .customer-pool-data-row:hover > td,
[data-view-panel="customer_ops"] .customer-ops-table tbody tr:hover td{
  background:#e6efff;
}
[data-view-panel="customer_ops"] .customer-ops-commandbar,
[data-view-panel="customer_ops"] .customer-ops-custom-groups,
[data-view-panel="outreach"] .outreach-process-panel,
[data-view-panel="outreach"] .outreach-followup-panel{
  border-color:#dbe8f2;
  background:linear-gradient(180deg,#fff,#f4f8fc);
  box-shadow:0 3px 10px rgba(42,78,112,.06),inset 0 1px 0 #fff;
}
[data-view-panel="customer_ops"] .customer-ops-scope-tabs{
  border-color:#dbe8f2;
  background:#eef5ff;
}
[data-view-panel="customer_ops"] .customer-ops-scope-tabs button.active,
[data-view-panel="customer_ops"] .customer-ops-custom-groups button.active{
  border-color:#b8d1ff;
  color:#1762e8;
  background:#dce9ff;
}
.quote-knowledge{
  margin:0 0 14px;
  border:1px solid #dbe8f2;
  border-radius:8px;
  background:#fff;
  box-shadow:0 5px 16px rgba(42,78,112,.07),inset 0 1px 0 #fff;
}
.quote-knowledge>summary{
  display:flex;
  min-height:52px;
  box-sizing:border-box;
  padding:10px 14px;
  align-items:center;
  justify-content:space-between;
  cursor:pointer;
  color:#23364a;
  background:linear-gradient(180deg,#f8fbff,#eef5ff);
  list-style:none;
}
.quote-knowledge>summary::-webkit-details-marker{display:none}
.quote-knowledge>summary span{display:grid;gap:2px}.quote-knowledge>summary small{color:#708195;font-size:11px;font-weight:500}.quote-knowledge>summary b{padding:4px 8px;border-radius:5px;color:#1762e8;background:#dce9ff;font-size:11px}
.quote-knowledge-form{padding:12px 14px 14px}.quote-knowledge-defaults{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:9px}.quote-knowledge-texts{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.quote-knowledge-texts .wide{grid-column:1 / -1}.quote-knowledge-form label{display:grid;gap:4px;color:#536477;font-size:11px;font-weight:700}.quote-knowledge-form input,.quote-knowledge-form select,.quote-knowledge-form textarea{width:100%;box-sizing:border-box;padding:7px 8px;border:1px solid #d6e3ef;border-radius:6px;background:#fff;color:#26394c;font:inherit}.quote-knowledge-form textarea{resize:vertical}.quote-knowledge-form footer{display:flex;margin-top:10px;align-items:center;justify-content:space-between;gap:12px}.quote-knowledge-form footer span{color:#718195;font-size:11px}.quote-knowledge-form footer button,.quote-generator-form>footer button{min-height:36px;padding:7px 15px;border:1px solid #1762e8;border-radius:7px;color:#fff;background:linear-gradient(180deg,#347af0,#1762e8);box-shadow:0 4px 10px rgba(23,98,232,.2),inset 0 1px 0 rgba(255,255,255,.35);font-weight:800}
.quote-generator-form,.quote-history{border-color:#dbe8f2;box-shadow:0 6px 18px rgba(42,78,112,.08)}.quote-generator-form>header,.quote-history>header{border-color:#dbe8f2;background:linear-gradient(180deg,#f8fbff,#eef5ff)}.quote-items{border-color:#dbe8f2;background:#f4f8fc}.quote-history-card{border-color:#dbe8f2;background:linear-gradient(145deg,#fff,#f4f8fc)}.quote-history-card header b{color:#1762e8}.quote-history-card footer button,.quote-items>header button{border-color:#c5d8f6;color:#1762e8;background:#fff}
@media(max-width:900px){.quote-knowledge-defaults{grid-template-columns:1fr 1fr}.quote-knowledge-texts{grid-template-columns:1fr}.quote-knowledge-texts .wide{grid-column:auto}}

.quote-agent-panel{margin:0 0 14px;border:1px solid #cdddeb;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 7px 20px rgba(42,78,112,.09),inset 0 1px 0 #fff}.quote-agent-panel>header{display:flex;min-height:58px;padding:10px 14px;box-sizing:border-box;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #dbe8f2;background:linear-gradient(180deg,#f8fbff,#eaf3fd)}.quote-agent-panel>header div{display:grid;gap:3px}.quote-agent-panel>header strong{color:#20364b;font-size:15px}.quote-agent-panel>header span{color:#687c91;font-size:11px}.quote-agent-panel>header em{padding:5px 9px;border:1px solid #efcf9d;border-radius:5px;color:#95620e;background:#fff7e8;font-size:11px;font-style:normal;font-weight:750}.quote-agent-customer-row{display:flex;padding:9px 12px;align-items:end;justify-content:space-between;gap:14px;border-bottom:1px solid #e2ebf3;background:#f8fbfe}.quote-agent-customer-row label{display:grid;min-width:min(430px,60%);gap:4px;color:#65798e;font-size:11px;font-weight:750}.quote-agent-customer-row select{height:34px;padding:0 9px;border:1px solid #cdddeb;border-radius:6px;color:#26394c;background:#fff}.quote-agent-customer-row>span{color:#708195;font-size:11px}.quote-agent-transcript{height:300px;overflow:auto;padding:14px;background:#eef4f9;scrollbar-gutter:stable}.quote-agent-empty{display:grid;height:100%;place-items:center;color:#718195;font-size:12px;text-align:center}.quote-agent-message{width:min(78%,720px);margin:0 0 12px;padding:10px 12px;border:1px solid #d9e4ee;border-radius:8px;background:#fff;box-shadow:0 2px 7px rgba(48,72,96,.07)}.quote-agent-message.is-user{margin-left:auto;border-color:#bad5ff;background:#eaf2ff}.quote-agent-message header{display:flex;margin-bottom:6px;justify-content:space-between;gap:10px;color:#53687c;font-size:10px}.quote-agent-message header strong{color:#263b50;font-size:11px}.quote-agent-message-content{color:#25394d;font-size:12px;line-height:1.65}.quote-agent-message-files,.quote-agent-pending-files{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.quote-agent-attachment{display:flex;max-width:260px;padding:7px 9px;align-items:center;gap:8px;border:1px solid #cdddeb;border-radius:6px;color:#294055;background:#fff;text-decoration:none}.quote-agent-attachment>b{display:grid;width:30px;height:30px;place-items:center;border-radius:5px;color:#1762e8;background:#e8f1ff;font-size:10px}.quote-agent-attachment>span{display:grid;min-width:0;gap:2px}.quote-agent-attachment strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.quote-agent-attachment small{color:#718195;font-size:9px}.quote-agent-attachment.is-pending{border-color:#9ec3ff}.quote-agent-questions,.quote-agent-risks{display:grid;margin-top:8px;padding:8px 9px;gap:4px;border-radius:6px;font-size:11px}.quote-agent-questions{color:#24527d;background:#e9f4ff}.quote-agent-risks{color:#875714;background:#fff3df}.quote-agent-questions span:before,.quote-agent-risks span:before{content:"• ";font-weight:900}.quote-agent-message>[data-apply-quote-agent]{margin-top:8px;padding:6px 10px;border:1px solid #b9d0f3;border-radius:5px;color:#1762e8;background:#fff;font-size:11px;font-weight:750}.quote-agent-composer{padding:10px 12px;border-top:1px solid #dbe8f2;background:#fff}.quote-agent-composer textarea{width:100%;min-height:76px;box-sizing:border-box;padding:9px 10px;border:1px solid #cdddeb;border-radius:7px;color:#26394c;background:#fff;font:inherit;resize:vertical}.quote-agent-composer footer{display:flex;margin-top:8px;align-items:center;gap:9px}.quote-agent-composer footer button{min-height:34px;padding:6px 11px;border:1px solid #c6d8e9;border-radius:6px;color:#34506a;background:linear-gradient(180deg,#fff,#eef4f9);font-weight:750}.quote-agent-composer footer small{color:#7b8da0;font-size:10px}.quote-agent-composer .quote-agent-send{margin-left:auto;border-color:#1762e8;color:#fff;background:linear-gradient(180deg,#347af0,#1762e8);box-shadow:0 3px 9px rgba(23,98,232,.2)}
.smart-assignment-panel{position:relative}.smart-assignment-panel>summary{display:flex;height:34px;padding:0 11px;align-items:center;border:1px solid #bfd5ea;border-radius:6px;color:#1762e8;background:linear-gradient(180deg,#fff,#eaf3fd);cursor:pointer;font-size:11px;font-weight:800;list-style:none}.smart-assignment-panel>summary::-webkit-details-marker{display:none}.smart-assignment-settings{position:absolute;z-index:30;top:40px;right:0;display:grid;width:420px;padding:12px;grid-template-columns:1fr 1fr;gap:9px;border:1px solid #cdddeb;border-radius:8px;background:#fff;box-shadow:0 14px 34px rgba(40,67,93,.2)}.smart-assignment-settings>label{display:grid;gap:4px;color:#566c81;font-size:10px;font-weight:750}.smart-assignment-settings input,.smart-assignment-settings select{height:32px;box-sizing:border-box;padding:0 8px;border:1px solid #cdddeb;border-radius:5px;background:#fff}.smart-assignment-grades{display:flex;height:32px;align-items:center;gap:8px}.smart-assignment-grades label,.smart-assignment-check{display:flex!important;align-items:center;gap:4px}.smart-assignment-grades input,.smart-assignment-check input{width:14px;height:14px}.smart-assignment-settings>button{grid-column:1/-1;height:35px;border:1px solid #1762e8;border-radius:6px;color:#fff;background:linear-gradient(180deg,#347af0,#1762e8);font-weight:800}
@media(max-width:900px){.quote-agent-customer-row{align-items:stretch;flex-direction:column}.quote-agent-customer-row label{min-width:100%}.quote-agent-message{width:90%}.smart-assignment-settings{position:fixed;inset:auto 12px 80px;width:auto;grid-template-columns:1fr}}

/* v180: unified operational typography. First-level 3D navigation is intentionally excluded. */
:root{
  --janon-font-body:14px;
  --janon-font-meta:12px;
  --janon-font-label:13px;
  --janon-font-section:16px;
  --janon-font-page:19px;
  --janon-font-kpi:26px;
}
.workspace main .view{
  color:#26394c;
  font-size:var(--janon-font-body);
  line-height:1.45;
}
.workspace main .view .panel-head{min-height:52px;padding:10px 14px}
.workspace main .view .panel-head h2,
.workspace main .view .panel-head h3{margin:0 0 3px;font-size:var(--janon-font-section)!important;line-height:1.25}
.workspace main .view .panel-head span,
.workspace main .view .panel-head p{font-size:var(--janon-font-meta)!important;line-height:1.4}
.workspace main .view button,
.workspace main .view input,
.workspace main .view select,
.workspace main .view textarea{font-size:var(--janon-font-label)}
.workspace main .view small,
.workspace main .view .muted,
.workspace main .view [class*="-meta"]{font-size:var(--janon-font-meta)}
.workspace main .view table{font-size:var(--janon-font-label)}
.workspace main .view table th,
.workspace main .view table td{font-size:var(--janon-font-label)}

:is([data-view-panel="customers"],[data-view-panel="outreach"],[data-view-panel="customer_ops"],[data-view-panel="quotes"]) .customer-module-tabs button{
  min-width:96px;
  height:34px;
  padding:0 14px;
  font-size:14px;
}
:is([data-view-panel="outreach"],[data-view-panel="customer_ops"],[data-view-panel="quotes"]) .panel-head h2{font-size:var(--janon-font-section)!important}
:is([data-view-panel="outreach"],[data-view-panel="customer_ops"],[data-view-panel="quotes"]) .panel-head span{font-size:var(--janon-font-meta)!important}
.customer-ops-scope-tabs button,
.customer-ops-custom-groups button,
.customer-ops-bulk-actions button,
.customer-class-badge,
.customer-stage-badge{font-size:var(--janon-font-label)}
.customer-ops-metrics button strong{font-size:var(--janon-font-kpi)}
.customer-ops-metrics button span{font-size:var(--janon-font-label)}
.customer-ops-table{font-size:var(--janon-font-label)}
.customer-ops-table th,
.customer-ops-table td,
.customer-name-button strong,
.customer-country strong,
.customer-ops-inline-control{font-size:var(--janon-font-label)}
.customer-ops-table td small,
.customer-tags span,
.customer-contact-method b{font-size:var(--janon-font-meta)}

/* v331: Customer Operations uses a fixed operational frame.
   Controls and pagination stay visible; only the customer records scroll. */
@media (min-width: 901px){
  [data-view-panel="customer_ops"].customer-workbench-view.active{
    min-height:0;
  }
  [data-view-panel="customer_ops"] .customer-operations-panel{
    display:grid;
    /* 六个 auto 原本依次对应 tablist/标题行/命令栏/分类行/分组行/工具栏。
       标题行已删，这里必须同步减为五个 auto，否则 minmax(220px,1fr) 会错位落到分页条上，
       表格反而失去弹性高度。 */
    grid-template-rows:auto auto auto auto auto minmax(220px,1fr) auto;
    height:calc(100dvh - 132px);
    min-height:580px;
    margin-bottom:0;
    overflow:hidden;
  }
  [data-view-panel="customer_ops"] .customer-ops-table-wrap{
    min-height:0;
    height:100%;
    margin-top:0;
    overflow:auto;
    overscroll-behavior:contain;
  }
  [data-view-panel="customer_ops"] #customerOpsPager{
    position:relative;
    z-index:5;
    min-height:44px;
    padding:7px 2px 0;
    border-top:1px solid #d8e5e2;
    background:#fff;
  }
  [data-view-panel="customer_ops"] #customerOpsPager .pager{
    margin:0;
  }
}

/* Keep the fixed header compact so records remain the primary working area. */
[data-view-panel="customer_ops"] .customer-module-tabs{
  margin:4px 8px 5px;
  min-height:34px;
}
[data-view-panel="customer_ops"] .customer-module-tabs button{
  height:30px;
  min-width:88px;
  padding:0 12px;
  font-size:13px;
}
[data-view-panel="customer_ops"] .customer-operations-head{
  min-height:46px;
  margin:0 0 7px;
  padding:7px 10px 8px;
}
[data-view-panel="customer_ops"] .customer-operations-head h2{font-size:16px!important}
[data-view-panel="customer_ops"] .customer-operations-head span{font-size:11px!important}
[data-view-panel="customer_ops"] .customer-operations-head button{height:31px;padding:0 11px;font-size:12px}
[data-view-panel="customer_ops"] .customer-ops-commandbar{
  gap:7px;
  margin-bottom:7px;
  padding:6px 8px;
  border-radius:6px;
}
[data-view-panel="customer_ops"] .customer-ops-scope-tabs{padding:2px}
[data-view-panel="customer_ops"] .customer-ops-scope-tabs button{height:28px;padding:0 11px;font-size:12px}
[data-view-panel="customer_ops"] #customerOpsOwnerFilter{flex-basis:170px;height:32px;font-size:12px}
[data-view-panel="customer_ops"] .customer-ops-selection{min-width:95px}
[data-view-panel="customer_ops"] .customer-ops-selection strong{font-size:11px}
[data-view-panel="customer_ops"] .customer-ops-selection span{font-size:9px}
[data-view-panel="customer_ops"] .customer-ops-bulk-actions{gap:4px}
[data-view-panel="customer_ops"] .customer-ops-bulk-actions button{height:29px;padding:0 8px;font-size:11px}
[data-view-panel="customer_ops"] .customer-ops-metrics{
  gap:6px;
  margin-bottom:7px;
}
[data-view-panel="customer_ops"] .customer-ops-metrics button{
  min-height:54px;
  padding:7px 10px;
  border-radius:6px;
  border-top-width:2px;
}
[data-view-panel="customer_ops"] .customer-ops-metrics button strong{font-size:20px;line-height:1.05}
[data-view-panel="customer_ops"] .customer-ops-metrics button span{font-size:11px;line-height:1.15}
[data-view-panel="customer_ops"] .customer-ops-custom-groups{
  min-height:34px;
  gap:5px;
  margin:0 0 7px;
  padding:4px 8px;
}
[data-view-panel="customer_ops"] .customer-ops-custom-groups strong{font-size:12px}
[data-view-panel="customer_ops"] .customer-ops-custom-groups button{height:25px;padding:0 8px;font-size:11px}
[data-view-panel="customer_ops"] .customer-ops-toolbar{gap:6px;margin-bottom:7px}
[data-view-panel="customer_ops"] .customer-ops-toolbar input,
[data-view-panel="customer_ops"] .customer-ops-toolbar select{height:32px;padding:0 9px;font-size:12px}

/* Dense customer rows: operational information stays readable without wasting vertical space. */
[data-view-panel="customer_ops"] .customer-ops-table{font-size:11px}
[data-view-panel="customer_ops"] .customer-ops-table th{height:32px;padding:0 7px;font-size:11px}
[data-view-panel="customer_ops"] .customer-ops-table td{height:38px;padding:3px 7px;font-size:11px;line-height:1.22}
[data-view-panel="customer_ops"] .customer-ops-table td small{margin-top:1px;font-size:10px}
[data-view-panel="customer_ops"] .customer-name-button strong,
[data-view-panel="customer_ops"] .customer-country strong,
[data-view-panel="customer_ops"] .customer-ops-inline-control{font-size:11px}
[data-view-panel="customer_ops"] .customer-ops-inline-control{height:23px;padding:0 5px}
[data-view-panel="customer_ops"] .customer-class-badge,
[data-view-panel="customer_ops"] .customer-stage-badge{min-height:23px;padding:0 7px;font-size:10px}
[data-view-panel="customer_ops"] .customer-contact-method{gap:4px}
[data-view-panel="customer_ops"] .customer-contact-method span{width:21px;height:21px;font-size:8px}
[data-view-panel="customer_ops"] .customer-contact-method b{font-size:10px}
[data-view-panel="customer_ops"] .customer-contact-method.is-whatsapp{gap:5px}
[data-view-panel="customer_ops"] .customer-contact-method .wa-state-dot{display:inline-block;flex:0 0 9px;width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.88),0 1px 4px rgba(26,58,78,.2)}
[data-view-panel="customer_ops"] .customer-contact-method.contact-valid .wa-state-dot{background:#22b85b}
[data-view-panel="customer_ops"] .customer-contact-method.contact-valid span{background:#1aa55a}
[data-view-panel="customer_ops"] .customer-contact-method.contact-invalid{cursor:not-allowed;opacity:.92}
[data-view-panel="customer_ops"] .customer-contact-method.contact-invalid .wa-state-dot{background:#e34a4a}
[data-view-panel="customer_ops"] .customer-contact-method.contact-invalid span{background:#dc5555}
[data-view-panel="customer_ops"] .customer-contact-method.contact-pending .wa-state-dot{background:#edb42b}
[data-view-panel="customer_ops"] .customer-contact-method.contact-pending span{background:#d99b24}
/* The mobile marker is a release marker, not a data version. Keep it truthful after cached bundles update. */
.workbench-mobile-version-mark{font-size:10px!important}

@media (max-width:900px){
  [data-view-panel="customer_ops"] .customer-operations-panel{height:auto;min-height:0;display:block}
}

.quote-knowledge>summary strong,
.quote-generator-form>header strong,
.quote-history>header strong,
.quote-agent-panel>header strong{font-size:var(--janon-font-section)}
.quote-knowledge>summary small,
.quote-generator-form>header span,
.quote-history>header span,
.quote-agent-panel>header span{font-size:var(--janon-font-meta)}
.quote-knowledge-form label,
.quote-agent-customer-row label,
.quote-base-fields label,
.quote-remark,
.quote-item-row input{font-size:var(--janon-font-label)}
.quote-agent-customer-row>span,
.quote-agent-composer footer small,
.quote-knowledge-form footer span{font-size:var(--janon-font-meta)}
.quote-agent-message-content,
.quote-agent-empty{font-size:var(--janon-font-body)}
.quote-agent-message header,
.quote-agent-message header strong,
.quote-agent-questions,
.quote-agent-risks{font-size:var(--janon-font-meta)}

.quote-tier-settings{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.quote-tier-settings article{display:grid;gap:10px;padding:12px;border:1px solid #cdddeb;border-radius:8px;background:linear-gradient(145deg,#fff,#f4f8fc);box-shadow:0 4px 12px rgba(42,78,112,.06),inset 0 1px 0 #fff}
.quote-tier-settings article.is-vip{border-color:#c9d7ef;background:linear-gradient(145deg,#fff,#eef4ff)}
.quote-tier-settings header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.quote-tier-settings header strong{color:#20364b;font-size:15px}
.quote-tier-settings header span{color:#6b7f93;font-size:12px}
.quote-tier-settings article>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.quote-tier-settings textarea{min-height:58px}

.workspace main :is(.social-workbench,.social-platform-workspace,.social-content-studio,.channel-grid,.automation-center,.monitor-grid,.settings-grid,.reports-grid) :is(h2,h3){font-size:var(--janon-font-section)}
.workspace main :is(.social-workbench,.social-platform-workspace,.social-content-studio,.channel-grid,.automation-center,.monitor-grid,.settings-grid,.reports-grid) :is(p,small,span){line-height:1.4}
.workspace main :is(.social-workbench,.social-platform-workspace,.social-content-studio,.channel-grid,.automation-center,.monitor-grid,.settings-grid,.reports-grid) small{font-size:var(--janon-font-meta)}

@media(max-width:900px){
  :root{--janon-font-body:13px;--janon-font-label:12px;--janon-font-section:15px;--janon-font-page:18px;--janon-font-kpi:23px}
  .quote-tier-settings{grid-template-columns:1fr}
  .quote-tier-settings article>div{grid-template-columns:1fr 1fr}
  :is([data-view-panel="customers"],[data-view-panel="outreach"],[data-view-panel="customer_ops"],[data-view-panel="quotes"]) .customer-module-tabs button{min-width:82px;padding:0 10px;font-size:12px}
}

/* Keep quotation scope and its dependent selector as one stable hierarchy. */
.quote-agent-panel .quote-agent-customer-row{
  display:grid;
  grid-template-columns:minmax(180px,260px) minmax(220px,340px) 1fr;
  align-items:end;
}
.quote-agent-panel .quote-agent-customer-row label{min-width:0}
.quote-agent-panel .quote-agent-customer-row select{width:100%}
.quote-agent-panel .quote-agent-customer-row>span{padding-bottom:8px}
@media(max-width:900px){
  .quote-agent-panel .quote-agent-customer-row{display:flex;align-items:stretch;flex-direction:column}
  .quote-agent-panel .quote-agent-customer-row>span{padding-bottom:0}
}

/* v519: the shared tabs live beside the panel, so the view owns the viewport height. */
@media (min-width:901px){
  [data-view-panel="customers"].customer-workbench-view.active{
    display:flex;
    flex-direction:column;
    height:calc(100dvh - 122px);
    min-height:0;
    overflow:hidden;
  }
  [data-view-panel="customers"] > .customer-module-tabs{
    flex:0 0 auto;
  }
  [data-view-panel="customers"] > .panel.wide{
    display:flex;
    flex-direction:column;
    flex:1 1 auto;
    height:auto;
    min-height:0;
    margin:0 10px;
    overflow:hidden;
  }
  [data-view-panel="customers"] > .panel.wide > .table-wrap{
    flex:1 1 auto;
    min-height:220px;
    max-height:none;
    margin:0;
    overflow:auto;
    overscroll-behavior:contain;
    border-top:1px solid #dbe8f2;
    border-bottom:1px solid #dbe8f2;
  }
  [data-view-panel="customers"] > .panel.wide > .table-pager{
    position:relative;
    z-index:2;
    flex:0 0 auto;
    min-height:40px;
    padding:6px 10px 7px;
  }
}

[data-view-panel="customers"] .customer-module-tabs{
  min-height:34px;
  margin:4px 10px 3px;
}
[data-view-panel="customers"] .customer-module-tabs button{
  min-width:82px;
  height:28px;
  padding:0 10px;
  font-size:12px;
}
[data-view-panel="customers"] .panel-head{
  min-height:0;
  padding:4px 10px 5px;
  align-items:center;
}
[data-view-panel="customers"] .panel-head > div:first-child{
  display:none;
}
[data-view-panel="customers"] .filters{
  grid-template-columns:minmax(180px,1.5fr) repeat(7,minmax(82px,.75fr));
  gap:4px;
}
[data-view-panel="customers"] .filters input,
[data-view-panel="customers"] .filters select{
  height:28px;
  padding:3px 7px;
}
[data-view-panel="customers"] .customer-workbench{
  gap:5px;
  padding:4px 10px;
}
[data-view-panel="customers"] .customer-workbench-actions button{
  min-height:28px;
  padding:4px 9px;
}
[data-view-panel="customers"] .phase1-metrics article{
  min-height:30px;
  padding:3px 6px;
}
[data-view-panel="customers"] .quick-filters,
[data-view-panel="customers"] .column-controls{
  padding:3px 10px 0;
}
[data-view-panel="customers"] .bulk-assign-bar{
  margin:3px 10px;
  padding:4px 8px;
}
[data-view-panel="customers"] .bulk-main{
  align-items:center;
}
[data-view-panel="customers"] .bulk-main > div:first-child{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
}
[data-view-panel="customers"] .bulk-main span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
[data-view-panel="customers"] .table-hint{
  padding:3px 10px;
}

/* v521: customer overview only. Keep controls fixed and give the customer list the viewport. */
@media (min-width:901px){
  [data-view-panel="customers"].customer-workbench-view.active{
    height:calc(100dvh - 122px);
    min-height:0;
    overflow:hidden;
  }
  [data-view-panel="customers"] > .customer-module-tabs{
    flex:0 0 auto;
    width:auto;
    max-width:calc(100% - 20px);
    overflow-x:auto;
    margin:3px 10px;
    white-space:nowrap;
  }
  [data-view-panel="customers"] > .panel.wide{
    flex:1 1 auto;
    min-height:0;
    overflow:hidden;
  }
  [data-view-panel="customers"] > .panel.wide > .panel-head,
  [data-view-panel="customers"] > .panel.wide > .customer-workbench,
  [data-view-panel="customers"] > .panel.wide > .quick-filters,
  [data-view-panel="customers"] > .panel.wide > .column-controls,
  [data-view-panel="customers"] > .panel.wide > .bulk-assign-bar,
  [data-view-panel="customers"] > .panel.wide > .table-hint,
  [data-view-panel="customers"] > .panel.wide > .table-pager{
    flex:0 0 auto;
  }
  [data-view-panel="customers"] .panel-head{
    display:block;
    padding:4px 10px;
  }
  [data-view-panel="customers"] .filters{
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    gap:4px;
    overflow-x:auto;
    padding-bottom:1px;
  }
  [data-view-panel="customers"] .filters input{
    flex:0 0 220px;
  }
  [data-view-panel="customers"] .filters select{
    flex:0 0 112px;
  }
  [data-view-panel="customers"] .customer-workbench{
    min-height:36px;
    gap:6px;
    overflow-x:auto;
    padding:3px 10px;
    white-space:nowrap;
  }
  [data-view-panel="customers"] .mini-metrics{
    flex:1 0 680px;
    grid-template-columns:repeat(8,minmax(70px,1fr));
    gap:4px;
  }
  [data-view-panel="customers"] .phase1-metrics article{
    min-height:30px;
    padding:3px 6px;
  }
  [data-view-panel="customers"] .quick-filters,
  [data-view-panel="customers"] .column-controls{
    padding:3px 10px 0;
  }
  [data-view-panel="customers"] .customer-view-bar{
    display:grid;
    grid-template-columns:66px minmax(0,1fr) auto;
    min-height:33px;
    gap:5px;
    margin:0;
    padding:3px 6px;
  }
  [data-view-panel="customers"] .customer-view-title{min-width:0;}
  [data-view-panel="customers"] .quick-filter-row{
    flex-wrap:nowrap;
    overflow-x:auto;
  }
  [data-view-panel="customers"] .column-settings{padding:4px 7px;}
  [data-view-panel="customers"] .column-settings summary{line-height:18px;}
  [data-view-panel="customers"] .bulk-assign-bar{
    margin:3px 10px;
    padding:4px 8px;
    overflow-x:auto;
  }
  [data-view-panel="customers"] .bulk-main{
    min-width:max-content;
    gap:8px;
  }
  [data-view-panel="customers"] .bulk-actions{flex-wrap:nowrap;}
  [data-view-panel="customers"] .bulk-actions select{min-width:128px;}
  [data-view-panel="customers"] .table-hint{
    height:19px;
    box-sizing:border-box;
    overflow:hidden;
    padding:2px 10px;
    white-space:nowrap;
  }
  [data-view-panel="customers"] > .panel.wide > .table-wrap{
    flex:1 1 auto;
    min-height:240px;
    max-height:none;
    overscroll-behavior:contain;
  }
}

/* v181: responsive customer search without rendering the full customer list. */
.quote-agent-customer-picker{position:relative;width:100%}
.quote-agent-customer-field{display:grid;gap:6px;min-width:0;font-size:var(--janon-font-label)}
.quote-agent-customer-field>span{font-weight:600;color:#435965}
.quote-agent-customer-picker>input{width:100%;min-height:42px;padding:0 42px 0 12px;border:1px solid #cddde8;border-radius:6px;background:#fff;color:#263b46;font:inherit}
.quote-agent-customer-results{position:absolute;z-index:80;top:calc(100% + 6px);left:0;right:0;max-height:320px;overflow:auto;padding:6px;border:1px solid #c8d9e4;border-radius:6px;background:#fff;box-shadow:0 14px 30px rgba(31,61,78,.16)}
.quote-agent-customer-results[hidden]{display:none}
.quote-agent-customer-results button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:14px;min-height:44px;padding:7px 10px;border:0;border-radius:4px;background:transparent;color:#263b46;text-align:left;cursor:pointer}
.quote-agent-customer-results button:hover,.quote-agent-customer-results button:focus-visible{background:#eaf4fa;outline:none}
.quote-agent-customer-results button strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.quote-agent-customer-results button span{flex:0 0 auto;color:#718590;font-size:12px}
.quote-agent-customer-empty{padding:14px 10px;color:#718590;text-align:center}

/* v218: keep the communication agent concise and make learning feedback explicit. */
.quote-agent-decision{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;padding:8px 10px;border:1px solid #cbe0ee;border-radius:9px;background:#f4faff;color:#46657a;font-size:12px}
.quote-agent-decision strong{color:#17687a;font-size:12px}
.quote-agent-decision span{padding:3px 7px;border-radius:999px;background:#fff;color:#5f7485}
.quote-agent-feedback-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.quote-agent-feedback-actions button{min-height:30px;padding:0 10px;border:1px solid #cbdce9;border-radius:7px;background:#fff;color:#476174;font-size:12px;cursor:pointer}
.quote-agent-feedback-actions button:hover,.quote-agent-feedback-actions button:focus-visible{border-color:#4f9cbe;background:#edf8fc;color:#17687a;outline:none}
.quote-agent-feedback-actions button:disabled{opacity:.72;cursor:default}

/* v219: formal company memory stays separate from customer chat and quote rules. */
.company-knowledge-workspace{display:grid;gap:16px}
.company-knowledge-library-tabs{display:flex;gap:8px;margin:0 0 12px;padding:4px;border:1px solid #d7e4ec;border-radius:10px;background:#f4f8fb}.company-knowledge-library-tabs button{flex:1;min-height:34px;border:0;border-radius:7px;background:transparent;color:#587287;font:700 12px/1 inherit;cursor:pointer}.company-knowledge-library-tabs button.is-active{background:#176d8a;color:#fff;box-shadow:0 3px 8px rgba(23,109,138,.18)}.company-knowledge-documents .company-knowledge-document{display:grid;gap:7px;min-width:min(100%,280px);flex:1;padding:11px;border:1px solid #dbe7ee;border-radius:10px;background:#fff}.company-knowledge-document header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.company-knowledge-document header div{display:grid;gap:3px}.company-knowledge-document small,.company-knowledge-document p{margin:0;color:#6b8393;font-size:11px;line-height:1.5}.company-knowledge-empty{padding:18px;border:1px dashed #b9cedb;border-radius:10px;color:#6d8493;font-size:12px;line-height:1.6;background:#fbfdff}
.company-knowledge-head,.company-learning-review>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.company-knowledge-head strong,.company-learning-review>header strong{display:block;color:#213d51;font-size:16px}
.company-knowledge-head span,.company-learning-review>header span{display:block;margin-top:4px;color:#667f91;font-size:12px;line-height:1.45}
.company-knowledge-head em,.company-learning-review>header b{flex:0 0 auto;padding:6px 9px;border:1px solid #cce2e6;border-radius:999px;background:#f2fbfa;color:#1c786d;font-size:12px;font-style:normal}
.company-knowledge-form{display:grid;gap:12px}
.company-knowledge-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.company-knowledge-grid label{display:grid;gap:6px;min-width:0;color:#476174;font-size:13px;font-weight:600}
.company-knowledge-grid label.is-wide{grid-column:1/-1}
.company-knowledge-grid textarea{width:100%;min-height:104px;padding:10px;border:1px solid #cbdde8;border-radius:9px;background:#fbfdff;color:#2c4354;font:13px/1.5 inherit;resize:vertical}
.company-knowledge-form footer{display:flex;align-items:center;justify-content:space-between;gap:12px}
.company-knowledge-form footer span{color:#6d8290;font-size:12px}
.company-knowledge-form footer button,.company-learning-list footer button{min-height:34px;padding:0 12px;border:1px solid #178a84;border-radius:7px;background:linear-gradient(135deg,#158f88,#0d706a);color:#fff;font-weight:700;cursor:pointer}
.company-learning-review{display:grid;gap:10px;padding-top:4px;border-top:1px solid #d8e5eb}
.company-learning-list{display:grid;gap:9px}
.company-learning-list article{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:12px;border:1px solid #d6e3eb;border-radius:10px;background:linear-gradient(135deg,#fff,#f5faff)}
.company-learning-list article>div{min-width:0}.company-learning-list strong{display:block;color:#29475b;font-size:13px}.company-learning-list small{display:block;margin-top:3px;color:#718695;font-size:11px}.company-learning-list p{margin:7px 0 0;color:#526b7d;font-size:12px;line-height:1.45;white-space:pre-wrap}.company-learning-list footer{display:flex;flex:0 0 auto;gap:7px}.company-learning-list footer button:last-child{border-color:#d4dfe5;background:#fff;color:#617887}.company-knowledge-empty{padding:16px;border:1px dashed #cbdce6;border-radius:9px;color:#6d8290;text-align:center;font-size:13px}
@media(max-width:900px){.company-knowledge-grid{grid-template-columns:1fr}.company-knowledge-grid label.is-wide{grid-column:auto}.company-knowledge-head,.company-learning-review>header,.company-knowledge-form footer,.company-learning-list article{flex-direction:column}.company-learning-list footer{width:100%}.company-learning-list footer button{flex:1}}

/* v220: isolated chat copilot window. It stays fully inside the viewport and can be moved by its title area. */
.quote-agent-panel.is-inline-chat{right:52px;width:min(420px,calc(100vw - 68px));max-width:calc(100vw - 68px);box-sizing:border-box;overflow:hidden}
.quote-agent-panel.is-inline-chat>*{min-width:0;box-sizing:border-box}
.quote-agent-panel.is-inline-chat>header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:9px 11px}
.quote-agent-panel.is-inline-chat>header strong{font-size:14px}.quote-agent-panel.is-inline-chat>header span{overflow-wrap:anywhere;font-size:10px;line-height:1.4}
.quote-agent-panel.is-inline-chat .quote-agent-context-actions{gap:4px}.quote-agent-panel.is-inline-chat .quote-agent-context-actions>button{min-height:28px;padding:4px 7px;font-size:10px}.quote-agent-panel.is-inline-chat .quote-agent-context-actions em{display:none}
.quote-agent-panel.is-inline-chat .quote-agent-chat-context{padding:7px 10px;gap:6px}.quote-agent-panel.is-inline-chat .quote-agent-chat-context label{font-size:9px}.quote-agent-panel.is-inline-chat .quote-agent-chat-context select{max-width:94px;height:27px}
.quote-agent-panel.is-inline-chat .quote-agent-composer{width:100%;padding:8px 10px}.quote-agent-panel.is-inline-chat .quote-agent-composer footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(96px,118px);width:100%;gap:6px}.quote-agent-panel.is-inline-chat .quote-agent-composer footer [data-quote-agent-files]{width:100%;max-width:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quote-agent-panel.is-inline-chat .quote-agent-composer .quote-agent-send{width:100%;min-width:0;max-width:none;padding:5px 6px;font-size:11px}.quote-agent-panel.is-inline-chat .quote-agent-composer footer small{grid-column:1/-1}
.quote-agent-auto-context{padding:7px 8px;border-radius:6px;background:#f4f9fd;color:#5e778b;font-size:11px;line-height:1.45}
.chat-reply-tools .chat-tool-quote{width:42px!important;font-size:10px!important;letter-spacing:-.3px}
.chat-profile-reopen,.chat-quote-side-toggle{width:30px!important;height:76px!important;border-radius:11px 0 0 11px!important;font-size:10px!important}.chat-quote-side-toggle{top:154px!important}
@media(max-width:720px){.quote-agent-panel.is-inline-chat{right:38px;top:54px;bottom:8px;width:calc(100vw - 48px);max-width:calc(100vw - 48px)}.chat-profile-reopen,.chat-quote-side-toggle{width:26px!important;height:66px!important;font-size:9px!important}}

/* v1872: on Android the chat copilot must stay above the native IME.  The
   offset is provided by the mobile composer observer and is intentionally
   scoped to the full-height chat sidecar. */
@media(max-width:720px){
  .quote-agent-panel.is-inline-chat.is-keyboard-open{
    bottom:calc(var(--janon-quote-keyboard-offset, 0px) + env(safe-area-inset-bottom, 0px))!important;
    max-height:calc(100dvh - 54px - var(--janon-quote-keyboard-offset, 0px) - 8px)!important;
  }
  .quote-agent-panel.is-inline-chat.is-keyboard-open .quote-agent-transcript{scroll-padding-bottom:12px}
}

/* v221: settings are a compact learning centre, not a wall of forms. */
.settings-layout{align-items:start}.settings-layout .settings-primary{grid-column:1/-1}.settings-layout .settings-advanced{grid-column:1/-1}.settings-layout .settings-secondary{grid-column:1/-1}
.company-knowledge-workspace{gap:10px}.company-knowledge-head{align-items:center}.company-knowledge-head strong{font-size:15px}.company-knowledge-head span{font-size:11px}.company-knowledge-form{gap:9px}.company-knowledge-compact{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.7fr);gap:9px}.company-knowledge-compact label{display:grid;gap:5px;color:#476174;font-size:12px;font-weight:700}.company-knowledge-compact textarea{min-height:72px;padding:8px 9px;border:1px solid #cbdde8;border-radius:8px;background:#fbfdff;color:#2c4354;font:12px/1.45 inherit;resize:vertical}.company-knowledge-upload{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px dashed #a9cbdc;border-radius:8px;background:#f5faff}.company-knowledge-upload div{display:grid;gap:2px}.company-knowledge-upload strong{font-size:12px;color:#285a74}.company-knowledge-upload span{color:#6a8192;font-size:10px}.company-knowledge-upload button{min-height:30px;padding:0 10px;border:1px solid #76aac6;border-radius:7px;background:#fff;color:#17687a;font-size:11px;font-weight:800;cursor:pointer}.company-knowledge-documents{display:flex;flex-wrap:wrap;gap:6px}.company-knowledge-documents span{display:inline-flex;align-items:center;gap:5px;max-width:220px;padding:5px 7px;border:1px solid #d3e2ec;border-radius:999px;background:#fff;color:#456579;font-size:10px}.company-knowledge-documents span small{overflow:hidden;color:#7890a0;text-overflow:ellipsis;white-space:nowrap}.company-knowledge-documents i{color:#758b9a;font-size:11px;font-style:normal}.company-knowledge-legacy,.company-learning-review,.settings-advanced-section{border:1px solid #d9e6ed;border-radius:8px;background:#fbfdff}.company-knowledge-legacy summary,.company-learning-review>summary,.settings-advanced-section>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;padding:0 10px;color:#3f6075;cursor:pointer;font-size:11px;font-weight:750}.company-learning-review>summary span,.settings-advanced-section>summary span{display:grid;gap:1px}.company-learning-review>summary small,.settings-advanced-section>summary small{color:#7890a0;font-size:10px;font-weight:600}.company-learning-review>summary b,.settings-advanced-section>summary b{font-size:10px;color:#198176}.company-knowledge-legacy>div,.company-learning-review>header,.company-learning-review>.company-learning-list,.settings-advanced-section>.ai-gateway-form{margin:0 10px 10px}.company-knowledge-legacy .company-knowledge-grid{padding:0 10px 10px}.company-knowledge-legacy textarea{min-height:64px}.settings-advanced-section .ai-gateway-form{margin-top:0}.settings-advanced-section[open]>summary,.company-learning-review[open]>summary,.company-knowledge-legacy[open]>summary{border-bottom:1px solid #d9e6ed;background:#f3f8fc}
@media(max-width:900px){.company-knowledge-compact{grid-template-columns:1fr}.company-knowledge-upload{align-items:flex-start;flex-direction:column}}

/* v221: the agent remains a simple conversation; specialist modes stay available but out of the way. */
.ai-collaboration-tasks{display:block!important;padding:0!important;overflow:visible!important;background:#f7fbfe!important}.ai-collaboration-tasks>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;padding:0 11px;color:#476477;cursor:pointer;font-size:11px;font-weight:750;list-style:none}.ai-collaboration-tasks>summary::-webkit-details-marker{display:none}.ai-collaboration-tasks>summary b{color:#177186;font-size:10px}.ai-collaboration-tasks>div{display:flex;flex-wrap:wrap;gap:6px;padding:0 10px 9px;border-top:1px solid #dbe8f2}.ai-collaboration-tasks:not([open])>div{display:none}.ai-collaboration-tasks button{min-height:27px!important;padding:4px 8px!important;border-radius:7px!important;font-size:10px!important}

/* v222: one calm picker replaces the crowded specialist-button rail. */
.ai-collaboration-mode-picker{display:grid;grid-template-columns:auto minmax(118px,190px) minmax(0,1fr);align-items:center;gap:8px;min-height:38px;padding:6px 10px;border-bottom:1px solid #dbe8f2;background:#f7fbfe}.ai-collaboration-mode-picker>span{color:#547084;font-size:10px;font-weight:800}.ai-collaboration-mode-picker select{height:28px;min-width:0;padding:0 24px 0 8px;border:1px solid #9bc3d9;border-radius:7px;background:#fff;color:#1d5978;font-size:11px;font-weight:800}.ai-collaboration-mode-picker small{overflow:hidden;color:#7890a0;font-size:10px;text-overflow:ellipsis;white-space:nowrap}@media(max-width:620px){.ai-collaboration-mode-picker{grid-template-columns:auto minmax(0,1fr)}.ai-collaboration-mode-picker small{display:none}}

/* v227: fixed full capability rail, always visible without horizontal scrolling. */
.ai-collaboration-fixed-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:7px 10px;border-bottom:1px solid #dbe8f2;background:#f7fbfe}.ai-collaboration-fixed-actions button{min-width:0;min-height:29px;padding:4px 5px;border:1px solid #c6dbe9;border-radius:7px;background:linear-gradient(145deg,#fff,#f5faff);color:#285975;font-size:10px;font-weight:800;line-height:1.2;cursor:pointer;white-space:nowrap}.ai-collaboration-fixed-actions button.is-active{border-color:#4d91b8;background:linear-gradient(145deg,#e5f4fb,#d7ecf7);color:#124e70;box-shadow:inset 0 1px 0 #fff}.ai-collaboration-fixed-actions button:hover{border-color:#76abc9;background:#e9f5fb;color:#124e6f}@media(max-width:360px){.ai-collaboration-fixed-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v228: normal chat typography; reading position belongs to the user. */
.quote-agent-panel .quote-agent-message-content{font-size:13px;line-height:1.55}.quote-agent-panel .quote-agent-message{padding:9px 10px}.quote-agent-panel .quote-agent-message header{margin-bottom:5px}

/* v229: ChatGPT/Gemini-like reading flow inside JANON's existing 3D shell. */
.quote-agent-panel.is-inline-chat{background:#fff}.quote-agent-panel.is-inline-chat>header{min-height:52px;background:#fff;border-bottom:1px solid #e8eef3}.quote-agent-panel.is-inline-chat .quote-agent-chat-context{background:#fff;border-bottom:1px solid #edf1f4}.quote-agent-panel.is-inline-chat .ai-collaboration-controls{background:#fff;border-bottom:1px solid #edf1f4}.quote-agent-panel.is-inline-chat .ai-collaboration-fixed-actions{background:#fff;border-bottom:0}.quote-agent-panel.is-inline-chat .quote-agent-transcript{background:#fff;padding:0 12px}.quote-agent-panel.is-inline-chat .quote-agent-message{width:100%;margin:0;padding:15px 4px;border:0;border-bottom:1px solid #edf1f4;border-radius:0;background:transparent;box-shadow:none}.quote-agent-panel.is-inline-chat .quote-agent-message.is-user{width:min(84%,440px);margin:12px 0 12px auto;padding:10px 12px;border:1px solid #d9e7f2;border-radius:14px;background:#eef6ff;box-shadow:none}.quote-agent-panel.is-inline-chat .quote-agent-message header{color:#81909b;font-size:10px}.quote-agent-panel.is-inline-chat .quote-agent-message header strong{color:#3c596c;font-size:10px}.quote-agent-panel.is-inline-chat .quote-agent-message.is-assistant .quote-agent-message-content{color:#243a4a;font-size:13px;line-height:1.7}.quote-agent-panel.is-inline-chat .quote-agent-decision,.quote-agent-panel.is-inline-chat .quote-agent-questions,.quote-agent-panel.is-inline-chat .quote-agent-risks{margin-top:9px;padding:7px 8px;border-radius:7px;font-size:11px}.quote-agent-panel.is-inline-chat .quote-agent-feedback-actions{margin-top:9px}.quote-agent-panel.is-inline-chat .quote-agent-feedback-actions button{min-height:27px;padding:0 8px;font-size:10px}.quote-agent-panel.is-inline-chat .quote-agent-composer{padding:10px 12px 12px;background:#fff;border-top:1px solid #e9eef2}.quote-agent-panel.is-inline-chat .quote-agent-composer textarea{min-height:66px;border-color:#d9e3ea;border-radius:12px;background:#fff;font-size:13px;line-height:1.5}.quote-agent-panel.is-inline-chat .quote-agent-composer .quote-agent-send{border-radius:9px}.quote-agent-panel.is-inline-chat .quote-agent-empty{background:#fff;color:#7a8b97}
.quote-agent-chat-handoff{display:flex;align-items:center;gap:8px;margin-top:10px}.quote-agent-chat-handoff button{min-height:29px;padding:0 10px;border:1px solid #78b7d5;border-radius:8px;background:#edf8ff;color:#17637f;font-size:11px;font-weight:800;cursor:pointer}.quote-agent-chat-handoff small{color:#7a909e;font-size:10px}

/* v233: keep the approved fixed drawer width; enlarge only the writing area. */
.quote-agent-panel.is-inline-chat{width:min(420px,calc(100vw - 68px));max-width:calc(100vw - 68px)}
.quote-agent-panel.is-inline-chat .quote-agent-composer textarea{min-height:100px}

/* v237: denser internal advice, clear capability rail and instant tool labels. */
.quote-agent-panel.is-inline-chat .quote-agent-message.is-assistant .quote-agent-message-content{font-size:12px;line-height:1.62}
.ai-collaboration-fixed-actions{grid-template-columns:repeat(4,minmax(0,1fr))}
.ai-collaboration-tier{display:flex;align-items:center;gap:7px;padding:7px 12px;border-top:1px solid #e3edf4;background:#fbfdff}.ai-collaboration-tier>span{margin-right:auto;color:#5c7184;font-size:11px;font-weight:800}.ai-collaboration-tier button{min-height:28px;padding:4px 8px;border:1px solid #c6dbe9;border-radius:7px;background:#fff;color:#315b76;font-size:11px;font-weight:800;cursor:pointer}.ai-collaboration-tier button.is-active{border-color:#4d91b8;background:#e5f4fb;color:#124e70}
.chat-reply-tools [data-tooltip]::after{transition:none}.chat-reply-tools .chat-tool-agent{color:#6c45c2;background:linear-gradient(145deg,#fff,#efe8ff);border-color:#b6a2df}.chat-reply-tools .chat-tool-quote{color:#0d6d88;background:linear-gradient(145deg,#fff,#dff4f8);border-color:#84c2d3}.chat-reply-tools .chat-tool-agent,.chat-reply-tools .chat-tool-quote{font-size:17px!important}

/* v423: communication is the primary copilot; specialist tools stay one calm expansion away. */
.ai-collaboration-command-bar{display:flex;align-items:center;gap:7px;padding:7px 10px;border-bottom:1px solid #e8eef3;background:#fff}.ai-collaboration-primary{display:flex;min-width:0;align-items:baseline;gap:7px;padding:0;border:0;background:transparent;color:#244d69;cursor:pointer;text-align:left}.ai-collaboration-primary b{font-size:12px}.ai-collaboration-primary span{overflow:hidden;color:#7790a0;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.ai-collaboration-primary.is-active b{color:#176487}.ai-collaboration-secondary{position:relative;margin-left:auto;flex:0 0 auto}.ai-collaboration-secondary>summary{list-style:none;min-height:27px;padding:5px 8px;border:1px solid #d6e2eb;border-radius:7px;background:#fbfdff;color:#607d90;font-size:10px;font-weight:800;cursor:pointer}.ai-collaboration-secondary>summary::-webkit-details-marker{display:none}.ai-collaboration-secondary[open]>summary{border-color:#8fbcd3;background:#eef8fc;color:#17637f}.ai-collaboration-secondary>div{position:absolute;z-index:5;top:33px;right:0;display:grid;grid-template-columns:repeat(2,minmax(78px,1fr));width:180px;gap:5px;padding:7px;border:1px solid #d5e2eb;border-radius:9px;background:#fff;box-shadow:0 10px 25px rgba(43,77,102,.16)}.ai-collaboration-secondary button{min-height:28px;padding:4px 6px;border:1px solid #d5e2eb;border-radius:6px;background:#f9fcfe;color:#42657a;font-size:10px;font-weight:750;cursor:pointer}.ai-collaboration-secondary button.is-active{border-color:#79b6d3;background:#e9f7fb;color:#17617d}.quote-agent-panel.is-inline-chat .quote-agent-bilingual-result{display:grid;gap:9px}.quote-agent-panel.is-inline-chat .quote-agent-bilingual-result section{padding:0;border:0;background:transparent}.quote-agent-panel.is-inline-chat .quote-agent-bilingual-result section>strong{display:block;margin-bottom:5px;color:#2e576f;font-size:11px}.quote-agent-panel.is-inline-chat .quote-agent-bilingual-result .is-guidance{padding-left:9px;border-left:3px solid #70abc8}.quote-agent-panel.is-inline-chat .quote-agent-bilingual-result .is-outgoing{padding:9px 10px;border:1px solid #d6e7f0;border-radius:8px;background:#f8fcfe}.quote-agent-panel.is-inline-chat .quote-agent-bilingual-result .is-translation{color:#6e8190;font-size:11px}.quote-agent-panel.is-inline-chat .quote-agent-bilingual-result blockquote{margin:0;color:#263f50;font-size:12px;line-height:1.58}.quote-agent-panel.is-inline-chat .quote-agent-bilingual-result p{margin:0 0 4px;color:#415b6e;font-size:11px;line-height:1.5}.quote-agent-panel.is-inline-chat .quote-agent-bilingual-result p:last-child{margin-bottom:0}.quote-agent-panel.is-inline-chat .quote-agent-advice-line{display:flex;gap:6px}.quote-agent-panel.is-inline-chat .quote-agent-advice-line b{flex:0 0 auto;color:#176887}.quote-agent-panel.is-inline-chat .quote-agent-decision{display:flex;flex-wrap:wrap;gap:5px;padding:7px 0!important;border:0!important;background:transparent!important}.quote-agent-panel.is-inline-chat .quote-agent-decision strong{width:100%;color:#527187;font-size:10px}.quote-agent-panel.is-inline-chat .quote-agent-decision span,.quote-agent-panel.is-inline-chat .quote-agent-questions span,.quote-agent-panel.is-inline-chat .quote-agent-risks span{display:inline-flex;width:auto;padding:3px 6px;border:1px solid #d9e6ee;border-radius:999px;background:#fff;color:#5d7485;font-size:10px}.quote-agent-panel.is-inline-chat .quote-agent-questions,.quote-agent-panel.is-inline-chat .quote-agent-risks{display:flex;flex-wrap:wrap;gap:5px;padding:7px 0!important;border:0!important;background:transparent!important}.quote-agent-panel.is-inline-chat .quote-agent-questions strong,.quote-agent-panel.is-inline-chat .quote-agent-risks strong{width:100%;font-size:10px}.quote-agent-panel.is-inline-chat .quote-agent-risks span{border-color:#efd8ae;background:#fff9ef;color:#866222}.quote-agent-panel.is-inline-chat .quote-agent-questions span:before,.quote-agent-panel.is-inline-chat .quote-agent-risks span:before{content:none}.quote-agent-panel.is-inline-chat .quote-agent-feedback-actions{gap:5px}.quote-agent-panel.is-inline-chat .quote-agent-feedback-actions button:not(:first-child){color:#708493;border-color:#e1e9ee;background:#fff}

/* v423.1: isolate the compact command bar from global primary-button styling. */
.quote-agent-panel.is-inline-chat .ai-collaboration-command-bar{display:flex!important;min-height:38px!important;padding:6px 10px!important;background:#fff!important}.quote-agent-panel.is-inline-chat .ai-collaboration-primary{display:flex!important;align-items:baseline!important;gap:7px!important;min-width:0!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#244d69!important}.quote-agent-panel.is-inline-chat .ai-collaboration-primary b{color:#176487!important;font-size:12px!important;line-height:1.2!important}.quote-agent-panel.is-inline-chat .ai-collaboration-primary span{color:#7790a0!important;font-size:10px!important;font-weight:600!important;line-height:1.2!important}.quote-agent-panel.is-inline-chat .ai-collaboration-secondary>summary{display:block!important;min-height:26px!important;padding:5px 8px!important;border:1px solid #d6e2eb!important;border-radius:7px!important;background:#fbfdff!important;box-shadow:none!important;color:#607d90!important;font-size:10px!important;line-height:1.2!important}.quote-agent-panel.is-inline-chat .ai-collaboration-secondary[open]>summary{border-color:#8fbcd3!important;background:#eef8fc!important;color:#17637f!important}

/* v226: fixed-width chat drawer, dragged horizontally between open and docked stops. */
.quote-agent-panel.is-inline-chat{transition:transform .2s ease}.quote-agent-panel.is-inline-chat.is-dragging{transition:none!important;user-select:none}.chat-agent-drawer-handle{position:absolute;z-index:2;left:-30px;top:96px;display:grid;width:30px;height:78px;place-items:center;padding:0;border:1px solid #78acc7;border-right:0;border-radius:10px 0 0 10px;background:linear-gradient(145deg,#fafdff,#cde7f4);color:#195b79;box-shadow:-4px 5px 13px rgba(20,81,109,.18);font-size:10px;font-weight:900;cursor:ew-resize;touch-action:none}.chat-agent-drawer-handle span{writing-mode:vertical-rl;text-orientation:mixed}.quote-agent-panel.is-inline-chat.is-collapsed{transform:translateX(calc(100% - 30px));pointer-events:none}.quote-agent-panel.is-inline-chat.is-collapsed .chat-agent-drawer-handle{pointer-events:auto}.quote-agent-panel.is-inline-chat.is-collapsed>*:not(.chat-agent-drawer-handle){visibility:hidden}@media(max-width:720px){.chat-agent-drawer-handle{left:-26px;width:26px;height:68px;font-size:9px}.quote-agent-panel.is-inline-chat.is-collapsed{transform:translateX(calc(100% - 26px))}}

@media(max-width:720px){
  .quote-agent-panel.is-inline-chat{z-index:2147483500!important;left:0!important;right:0!important;top:54px!important;bottom:0!important;width:100vw!important;max-width:100vw!important;border:0!important;border-radius:0!important;box-shadow:none!important;grid-template-rows:auto auto auto minmax(0,1fr) auto!important;transform:none!important}
  .quote-agent-panel.is-inline-chat.is-collapsed{transform:none!important;pointer-events:auto!important}
  .quote-agent-panel.is-inline-chat.is-collapsed>*:not(.chat-agent-drawer-handle){visibility:visible!important}
  .quote-agent-panel.is-inline-chat .chat-agent-drawer-handle{display:none!important}
  .quote-agent-panel.is-inline-chat>header{min-height:54px!important;padding:9px 14px!important}
  .quote-agent-panel.is-inline-chat>header strong{font-size:15px!important}
  .quote-agent-panel.is-inline-chat>header span{display:none!important}
  .quote-agent-panel.is-inline-chat .quote-agent-context-actions>button{min-height:32px!important;padding:5px 10px!important;font-size:12px!important}
  .quote-agent-panel.is-inline-chat .quote-agent-chat-context{padding:8px 14px!important}
  .quote-agent-panel.is-inline-chat .ai-collaboration-controls{max-width:100%;overflow-x:auto;scrollbar-width:none}
  .quote-agent-panel.is-inline-chat .quote-agent-transcript{padding:0 14px!important}
  .quote-agent-panel.is-inline-chat .quote-agent-composer{padding:9px 14px calc(10px + env(safe-area-inset-bottom))!important}
  .quote-agent-panel.is-inline-chat .quote-agent-composer textarea{min-height:72px!important;font-size:14px!important}
}

/* v239: blue information tone for customer intelligence; green only marks a positive source state. */
.research-intelligence-center{display:grid;gap:12px}.research-intelligence-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid #c9ddec;border-radius:10px;background:linear-gradient(135deg,#fafdff,#edf6ff)}.research-intelligence-head h2{margin:0 0 4px;color:#1e4f75;font-size:18px}.research-intelligence-head p{max-width:760px;margin:0;color:#637d91;font-size:12px;line-height:1.5}.research-intelligence-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.research-intelligence-actions .row-button{min-height:32px;white-space:nowrap}
.research-intelligence-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid #d4e3ee;border-radius:10px;background:#fff}.research-intelligence-metrics article{display:grid;gap:3px;min-height:78px;padding:12px 14px;border-right:1px solid #e1ebf3}.research-intelligence-metrics article:last-child{border-right:0}.research-intelligence-metrics span{color:#6c8192;font-size:11px}.research-intelligence-metrics strong{color:#1b5c8e;font-size:25px;line-height:1}.research-intelligence-metrics small{color:#8496a4;font-size:10px}
.research-exception-card,.research-high-value-card{overflow:hidden;border:1px solid #d5e2ec;border-radius:10px;background:#fff}.research-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #e5edf3;background:#f8fbfe}.research-section-head h3{margin:0 0 3px;color:#294f6c;font-size:14px}.research-section-head p{margin:0;color:#758897;font-size:11px}.research-section-head>span{color:#2a6f9d;font-size:12px;font-weight:800}.research-exception-list{display:grid}.research-exception-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid #edf2f6}.research-exception-list article:last-child{border-bottom:0}.research-exception-list article>div:first-child{display:grid;gap:3px;min-width:0}.research-exception-list strong{overflow:hidden;color:#304858;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.research-exception-list small{overflow:hidden;color:#788b98;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.research-exception-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex:0 0 auto}.research-exception-actions .research-status{white-space:nowrap}
.research-high-value-card>button{display:grid;grid-template-columns:minmax(170px,.7fr) minmax(0,1.3fr);width:100%;gap:12px;align-items:center;padding:11px 14px;border:0;border-bottom:1px solid #edf2f6;background:#fff;text-align:left;cursor:pointer}.research-high-value-card>button:last-of-type{border-bottom:0}.research-high-value-card>button:hover{background:#f3f9fe}.research-high-value-card span{display:grid;gap:3px;min-width:0}.research-high-value-card strong{overflow:hidden;color:#2c4d64;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.research-high-value-card small{color:#78909e;font-size:10px}.research-high-value-card em{overflow:hidden;color:#547184;font-size:11px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.research-advanced-tools{border:1px solid #d9e5ee;border-radius:9px;background:#fbfdff}.research-advanced-tools>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;padding:0 12px;color:#47657a;cursor:pointer;font-size:12px;font-weight:750}.research-advanced-tools>summary span{color:#8093a1;font-size:10px;font-weight:500}.research-advanced-tools[open]>summary{border-bottom:1px solid #e1eaf1}.research-advanced-tools .research-result-panel{margin:10px}
.ai-intelligence-section{border-color:#b9d4e9;background:#fbfdff}.ai-intelligence-head h3{color:#1f587f}.ai-intelligence-head p{color:#5f778b!important}.ai-intelligence-score{border-color:#b7d5ea;background:#edf7ff}.ai-intelligence-score strong{color:#1c6898}.ai-intelligence-score span{color:#56778c}.ai-intelligence-grid{border-color:#d5e4ee}.ai-intelligence-grid div{border-color:#e3edf3}.ai-intelligence-grid strong,.ai-next-action strong{color:#29465a}.ai-next-action{border-left-color:#3782b4;background:#f0f8ff}.ai-intelligence-details>details{border-color:#d7e4ed}.ai-intelligence-details>details>summary{color:#365f7b}.ai-intelligence-details>details[open]>summary{border-bottom-color:#dce8f0;background:#f5faff}.intelligence-source-strip{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.intelligence-source-strip span{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border:1px solid #d5e3ee;border-radius:999px;background:#fff;color:#698191;font-size:10px}.intelligence-source-strip i{display:inline-grid;width:13px;height:13px;place-items:center;border-radius:50%;background:#dce9f2;color:#517187;font-size:9px;font-style:normal;font-weight:900}.intelligence-source-strip .is-found{border-color:#b7d8e8;background:#f1f9ff;color:#286184}.intelligence-source-strip .is-found i{background:#2d83b7;color:#fff}.ai-intelligence-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;padding:8px 10px;border:1px solid #d8e7f0;border-radius:6px;background:#f5faff}.ai-intelligence-actions>span{color:#678094;font-size:10px;line-height:1.45}.ai-intelligence-actions .row-button{flex:0 0 auto;white-space:nowrap}
@media(max-width:900px){.research-intelligence-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.research-intelligence-metrics article:nth-child(2){border-right:0}.research-intelligence-metrics article:nth-child(-n+2){border-bottom:1px solid #e1ebf3}.research-intelligence-head{flex-direction:column}.research-intelligence-actions{justify-content:flex-start}}@media(max-width:620px){.research-exception-list article,.ai-intelligence-actions{align-items:flex-start;flex-direction:column}.research-exception-actions{justify-content:flex-start;flex-wrap:wrap}.research-high-value-card>button{grid-template-columns:1fr}.research-high-value-card em{white-space:normal}.research-advanced-tools>summary span{display:none}}

/* v240: JANON reports are an operational foreign-trade cockpit, not a generic message-count page. */
.reports-workbench{display:grid;gap:12px}.reports-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid #cbddec;border-radius:11px;background:linear-gradient(135deg,#fafdff 0%,#eef6ff 58%,#f8fbff 100%)}.reports-head .eyebrow{margin:0 0 4px;color:#307cae;font-size:10px;font-weight:850;letter-spacing:.08em}.reports-head h2{margin:0 0 4px;color:#1e4f75;font-size:20px}.reports-head>div>span{display:block;color:#637d91;font-size:12px;line-height:1.5}.reports-filters{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.report-range-tabs{display:flex;overflow:hidden;border:1px solid #c9ddea;border-radius:7px;background:#fff}.report-range-tabs button{min-height:31px;padding:0 10px;border:0;border-right:1px solid #dce8f0;background:#fff;color:#61798b;font-size:11px;cursor:pointer}.report-range-tabs button:last-child{border-right:0}.report-range-tabs button.is-active{background:#e6f4ff;color:#17628e;font-weight:850}.reports-filters label{display:grid;gap:3px;color:#657c8d;font-size:10px;font-weight:750}.reports-filters select{min-width:132px;height:31px;padding:0 8px;border:1px solid #c9ddea;border-radius:7px;background:#fff;color:#36586e;font-size:11px}
.report-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid #d2e2ed;border-radius:10px;background:#fff}.report-kpi-grid article{display:grid;gap:4px;min-height:91px;padding:14px 16px;border-right:1px solid #e4edf3}.report-kpi-grid article:last-child{border-right:0}.report-kpi-grid span{color:#6d8292;font-size:11px}.report-kpi-grid strong{color:#185d8b;font-size:27px;line-height:1}.report-kpi-grid small{color:#8395a2;font-size:10px;line-height:1.4}.report-main-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:12px}.report-card{overflow:hidden;border:1px solid #d5e3ec;border-radius:10px;background:#fff}.report-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid #e5edf3;background:#fbfdff}.report-card-head h3{margin:0 0 3px;color:#2b506b;font-size:14px}.report-card-head span{color:#778b99;font-size:11px}.report-funnel{display:grid;padding:6px 14px 12px}.report-funnel article{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #edf2f6}.report-funnel article:last-child{border-bottom:0}.report-funnel article>div{display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:7px;align-items:center}.report-funnel article>div>span{grid-row:1/3;display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:#e8f4fc;color:#26719d;font-size:10px;font-weight:850}.report-funnel strong{color:#324c5e;font-size:12px}.report-funnel small{grid-column:2;color:#8494a0;font-size:10px}.report-funnel b{color:#1c6190;font-size:17px}.report-funnel i{position:absolute;left:30px;bottom:3px;height:2px;border-radius:2px;background:#55a4d2}.report-action-list{display:grid}.report-action-list button{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 14px;border:0;border-bottom:1px solid #edf2f6;background:#fff;text-align:left;cursor:pointer}.report-action-list button:last-child{border-bottom:0}.report-action-list button:hover{background:#f4faff}.report-action-list>b{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;background:#e8f5fc;color:#1e6d99;font-size:15px}.report-action-list span{display:grid;gap:2px;min-width:0}.report-action-list strong{color:#334d5f;font-size:12px}.report-action-list small{overflow:hidden;color:#8193a0;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.report-action-list em{color:#4d91b7;font-size:11px;font-style:normal;font-weight:750}
.report-channel-table{display:grid}.report-channel-header,.report-channel-table>button{display:grid;grid-template-columns:minmax(150px,1.4fr) repeat(4,minmax(52px,.52fr));gap:8px;align-items:center;padding:9px 14px}.report-channel-header{color:#7c8f9d;font-size:10px;background:#f8fbfd}.report-channel-table>button{border:0;border-top:1px solid #edf2f6;background:#fff;color:#536d7e;text-align:left;font-size:11px;cursor:pointer}.report-channel-table>button:hover{background:#f5faff}.report-channel-table>button>span:first-child{display:grid;gap:5px;min-width:0}.report-channel-table strong{overflow:hidden;color:#314e61;text-overflow:ellipsis;white-space:nowrap}.report-channel-table i{display:block;height:4px;overflow:hidden;border-radius:3px;background:#e8eff4}.report-channel-table i b{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#82bedf,#3387b8)}.report-owner-table{display:grid}.report-owner-table>button{display:grid;grid-template-columns:minmax(110px,1.2fr) repeat(4,minmax(58px,.65fr));gap:7px;align-items:center;padding:10px 14px;border:0;border-bottom:1px solid #edf2f6;background:#fff;color:#617889;text-align:left;font-size:10px;cursor:pointer}.report-owner-table>button:last-child{border-bottom:0}.report-owner-table>button:hover{background:#f5faff}.report-owner-table>button>span:first-child{display:grid;gap:2px}.report-owner-table strong{color:#314d60;font-size:12px}.report-owner-table small{color:#8a9aa5;font-size:10px}.report-owner-table b{color:#246994;font-size:12px}.report-owner-table .is-alert b{color:#bd682d}.report-footnote{margin:0;padding:0 3px;color:#81939f;font-size:10px;line-height:1.5}.reports-system-details{border:1px solid #d9e5ee;border-radius:9px;background:#fbfdff}.reports-system-details>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;padding:0 12px;color:#4e687a;cursor:pointer;font-size:12px;font-weight:800}.reports-system-details>summary span{color:#8596a2;font-size:10px;font-weight:500}.reports-system-details[open]>summary{border-bottom:1px solid #e4edf3}.reports-system-details .operations-layout{padding:10px}
@media(max-width:980px){.reports-head{flex-direction:column}.reports-filters{justify-content:flex-start}.report-main-grid{grid-template-columns:1fr}.report-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-kpi-grid article:nth-child(2){border-right:0}.report-kpi-grid article:nth-child(-n+2){border-bottom:1px solid #e4edf3}}@media(max-width:640px){.report-channel-header{display:none}.report-channel-table>button{grid-template-columns:1fr repeat(2,auto)}.report-channel-table>button>span:nth-child(4),.report-channel-table>button>span:nth-child(5){display:none}.report-owner-table>button{grid-template-columns:1fr repeat(2,auto)}.report-owner-table>button>span:nth-child(3),.report-owner-table>button>span:nth-child(4){display:none}.reports-system-details>summary span{display:none}}

/* v240: JANON daily command desk. Blue is the operational colour; green is reserved for success confirmation. */
.command-desk{display:grid;gap:10px;margin:12px 0}.command-desk-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:15px 17px;border:1px solid #bed7eb;border-radius:11px;background:linear-gradient(118deg,#fafdff,#edf6ff 58%,#f6fbff)}.command-desk-head p{margin:0 0 4px;color:#347ca9;font-size:10px;font-weight:850;letter-spacing:.08em}.command-desk-head h2{margin:0 0 3px;color:#1e4f75;font-size:19px}.command-desk-head>div>span{color:#668094;font-size:12px;line-height:1.5}.command-desk-fx{display:grid;gap:3px;min-width:188px;padding:10px 12px;border:1px solid #cae0ef;border-radius:9px;background:rgba(255,255,255,.78)}.command-desk-fx span{color:#6a8395;font-size:10px;font-weight:800}.command-desk-fx strong{color:#176392;font-size:15px}.command-desk-fx small{color:#8395a1;font-size:9px;line-height:1.4}.command-desk-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:10px}.command-desk-card{overflow:hidden;border:1px solid #d2e2ed;border-radius:10px;background:#fff}.command-desk-card.is-wide{grid-row:span 2}.command-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid #e5edf3;background:#fbfdff}.command-card-head h3{margin:0 0 3px;color:#2b506b;font-size:14px}.command-card-head span{color:#7c8f9c;font-size:10px}.command-card-head button{padding:0;border:0;background:transparent;color:#2b78a4;font-size:11px;font-weight:800;cursor:pointer}.command-lead-list,.command-message-list,.command-alert-list{display:grid}.command-lead-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 13px;border:0;border-bottom:1px solid #edf2f6;background:#fff;text-align:left;cursor:pointer}.command-lead-row:last-child{border-bottom:0}.command-lead-row:hover,.command-message-list button:hover{background:#f4faff}.command-lead-row>span{display:grid;width:26px;height:26px;place-items:center;border-radius:7px;background:#eaf4fb;color:#2a6f9d;font-size:10px;font-weight:850}.command-lead-row>span.is-due{background:#edf5ff;color:#276a9a}.command-lead-row>span.is-hot{background:#eef7fc;color:#347fa7}.command-lead-row div{display:grid;gap:2px;min-width:0}.command-lead-row strong{overflow:hidden;color:#314e61;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.command-lead-row small{overflow:hidden;color:#7e909c;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.command-lead-row em{max-width:88px;overflow:hidden;color:#477f9f;font-size:10px;font-style:normal;text-align:right;text-overflow:ellipsis;white-space:nowrap}.command-message-list button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:start;padding:9px 13px;border:0;border-bottom:1px solid #edf2f6;background:#fff;text-align:left;cursor:pointer}.command-message-list button:last-child{border-bottom:0}.command-message-list button>span{padding:3px 5px;border:1px solid #cee2ef;border-radius:5px;background:#f1f8fd;color:#2d739d;font-size:9px}.command-message-list div{display:grid;gap:2px;min-width:0}.command-message-list strong{color:#345166;font-size:11px}.command-message-list p{overflow:hidden;margin:0;color:#738794;font-size:10px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.command-message-list time{color:#8a9aa4;font-size:9px;white-space:nowrap}.command-alert-list button{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;padding:10px 13px;border:0;border-bottom:1px solid #edf2f6;background:#fff;text-align:left;cursor:pointer}.command-alert-list button:last-child{border-bottom:0}.command-alert-list button:hover{background:#f4faff}.command-alert-list b{display:grid;width:31px;height:31px;place-items:center;border-radius:8px;background:#e7f3fb;color:#1f6c99;font-size:14px}.command-alert-list span{display:grid;gap:2px}.command-alert-list strong{color:#365167;font-size:11px}.command-alert-list small{color:#81929e;font-size:10px}.command-desk .bar-fill,.reports-workbench .bar-fill{background:linear-gradient(90deg,#84c2e2,#2e83b6)!important}.command-desk .row-button,.reports-workbench .row-button{border-color:#bcd7e8;color:#226a94;background:#f7fbfe}.command-desk .row-button:hover,.reports-workbench .row-button:hover{border-color:#78afd0;background:#eaf6fd}
@media(max-width:960px){.command-desk-head{flex-direction:column}.command-desk-grid{grid-template-columns:1fr}.command-desk-card.is-wide{grid-row:auto}}@media(max-width:620px){.command-desk-fx{min-width:0;width:100%}.command-lead-row em{display:none}}

/* v240: a restrained shared 3D language for every JANON business module. */
.workspace main .panel,.command-desk-card,.report-card,.research-intelligence-center,.research-exception-card,.research-high-value-card,.reports-system-details{position:relative;box-shadow:0 10px 24px rgba(30,77,111,.09),0 2px 5px rgba(30,77,111,.05),inset 0 1px 0 rgba(255,255,255,.96)}
.workspace main .panel::before,.command-desk-card::before,.report-card::before,.research-exception-card::before,.research-high-value-card::before{content:"";position:absolute;z-index:0;top:0;right:10px;left:10px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.96),transparent);pointer-events:none}.workspace main .panel>*,.command-desk-card>*,.report-card>*,.research-exception-card>*,.research-high-value-card>*{position:relative;z-index:1}
.workspace main .panel,.command-desk-card,.report-card,.research-exception-card,.research-high-value-card{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.workspace main .panel:hover,.command-desk-card:hover,.report-card:hover,.research-exception-card:hover,.research-high-value-card:hover{border-color:#b8d7e9;transform:translateY(-2px);box-shadow:0 15px 30px rgba(30,77,111,.13),0 4px 8px rgba(30,77,111,.06),inset 0 1px 0 rgba(255,255,255,.98)}
.workspace main :is(.action-card,.bucket-card,.channel-row,.team-row,.quality-row,.pipeline-stage,.social-platform-card,.automation-card,.monitor-card,.static-list article,.assignment-console,.customer-management-summary,.detail-grid div){box-shadow:0 5px 12px rgba(32,75,105,.06),inset 0 1px 0 rgba(255,255,255,.92)}
@media(prefers-reduced-motion:reduce){.workspace main .panel,.command-desk-card,.report-card,.research-exception-card,.research-high-value-card{transition:none!important}.workspace main .panel:hover,.command-desk-card:hover,.report-card:hover,.research-exception-card:hover,.research-high-value-card:hover{transform:none}}

/* Visible blue conversion for navigation, summary cards and operational entry points. */
.nav-button:hover{background:#f1f8fe!important;color:#176a99!important}.nav-button.active{background:#e9f5ff!important;color:#0964a6!important;box-shadow:inset 3px 0 #197fc1,0 7px 16px rgba(26,107,164,.1)!important}.topbar .eyebrow,.brand-block .eyebrow{color:#2477ab!important}.top-actions button{color:#24658d!important}.top-actions button:hover{background:#eef7fd!important;border-color:#bcd9e9!important}.metric{border-color:#d4e3ed!important;box-shadow:0 7px 16px rgba(30,77,111,.075),inset 0 1px 0 rgba(255,255,255,.96)!important}.metric:hover{border-color:#afcfe2!important;box-shadow:0 11px 22px rgba(30,77,111,.11),inset 0 1px 0 #fff!important}.metric::before{background:#3289bc!important}.common-entry-strip button{box-shadow:0 7px 15px rgba(30,77,111,.07),inset 0 1px 0 #fff}.common-entry-strip button:hover{border-color:#9ec9e4;background:#f4faff;box-shadow:0 11px 22px rgba(30,77,111,.12),inset 0 1px 0 #fff}
.nav-icon.icon-workbench{border-color:#79b7dd!important;background:radial-gradient(circle at 34% 26%,#eafaff 0 13%,#60b2df 34%,#1872ad 72%,#0b4777 100%)!important;color:#fff!important;font-size:20px!important;text-shadow:0 2px 3px rgba(3,39,67,.55)!important;box-shadow:inset 0 2px 3px rgba(255,255,255,.62),inset 0 -4px 7px rgba(4,55,91,.36),0 8px 15px rgba(21,103,162,.25)!important}

/* v243: Janon AI is the workbench entry assistant, with live CRM context rather than a detached chat toy. */
.command-desk-grid>.crm-claw-card{grid-column:1/-1}.crm-claw-card{border-color:#b9d7ed;background:linear-gradient(145deg,#fff,#f4faff 55%,#edf7ff)}.crm-claw-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:15px 16px 12px;border-bottom:1px solid #d8e8f3;background:linear-gradient(115deg,rgba(250,253,255,.96),rgba(232,245,255,.84))}.crm-claw-head>div{display:flex;gap:11px;align-items:center}.crm-claw-orb{display:grid;width:38px;height:38px;place-items:center;border:1px solid #78b8ed;border-radius:13px;background:radial-gradient(circle at 35% 28%,#e9fbff 0 12%,#72b9ff 32%,#3769df 69%,#253f9f);color:#fff;font-size:19px;text-shadow:0 2px 4px rgba(16,39,120,.5);box-shadow:inset 0 2px 3px rgba(255,255,255,.68),inset 0 -4px 8px rgba(25,48,138,.3),0 7px 14px rgba(44,92,194,.22)}.crm-claw-head p{margin:0 0 2px;color:#246cb0;font-size:11px;font-weight:900;letter-spacing:.08em}.crm-claw-head h3{margin:0 0 2px;color:#244765;font-size:17px}.crm-claw-head small{display:block;color:#6d8596;font-size:11px;line-height:1.45}.crm-claw-head em{padding:5px 8px;border:1px solid #bcd9ee;border-radius:999px;background:#fff;color:#2d76a8;font-size:10px;font-style:normal;font-weight:800;white-space:nowrap}.crm-claw-transcript{display:grid;gap:8px;max-height:220px;overflow:auto;padding:12px 14px;background:rgba(255,255,255,.44)}.crm-claw-message{max-width:min(760px,92%);padding:9px 11px;border:1px solid #d6e4ee;border-radius:10px;background:#fff;box-shadow:0 4px 10px rgba(36,84,119,.06)}.crm-claw-message.is-user{justify-self:end;border-color:#b9d8f0;background:#edf8ff}.crm-claw-message small{display:block;margin-bottom:3px;color:#53809d;font-size:10px;font-weight:850}.crm-claw-message p{margin:0;color:#385568;font-size:12px;line-height:1.62;white-space:pre-wrap}.crm-claw-priorities{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.crm-claw-priorities button,.crm-claw-priorities>span{display:grid;gap:2px;padding:6px 8px;border:1px solid #c6dfef;border-radius:7px;background:#f7fbff;color:#44677d;text-align:left;font-size:10px}.crm-claw-priorities button{cursor:pointer}.crm-claw-priorities button:hover{border-color:#79b6dc;background:#eaf6ff}.crm-claw-priorities strong{color:#236790;font-size:11px}.crm-claw-prompts{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 10px}.crm-claw-prompts button{min-height:28px;padding:4px 9px;border:1px solid #c7dfef;border-radius:999px;background:linear-gradient(145deg,#fff,#f1f9ff);color:#35729a;font-size:10px;font-weight:800;cursor:pointer;box-shadow:inset 0 1px 0 #fff}.crm-claw-prompts button:hover{border-color:#79b5dc;background:#e7f5ff}.crm-claw-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;padding:10px 14px;border-top:1px solid #dceaf3;background:#fbfdff}.crm-claw-composer textarea{box-sizing:border-box;min-height:72px;width:100%;resize:vertical;padding:9px 10px;border:1px solid #bdd7e9;border-radius:9px;background:#fff;color:#314d60;font:inherit;font-size:12px;line-height:1.5;outline:none}.crm-claw-composer textarea:focus{border-color:#4d9fd0;box-shadow:0 0 0 3px rgba(61,145,204,.12)}.crm-claw-composer button{min-width:86px;min-height:38px;padding:7px 11px;border:1px solid #1d73c9;border-radius:8px;background:linear-gradient(145deg,#3388e4,#1766c3);color:#fff;font-size:12px;font-weight:850;cursor:pointer;box-shadow:0 6px 12px rgba(26,101,190,.22)}.crm-claw-composer button:disabled{opacity:.65;cursor:wait}.crm-claw-status{margin:0;padding:0 14px 9px;color:#6a8091;font-size:10px}.crm-claw-card footer{padding:8px 14px;border-top:1px solid #e2edf4;color:#77909f;font-size:10px;line-height:1.45}
@media(max-width:680px){.crm-claw-head{flex-direction:column}.crm-claw-head em{white-space:normal}.crm-claw-composer{grid-template-columns:1fr}.crm-claw-composer button{width:100%}.crm-claw-message{max-width:100%}}

/* v244: Janon AI workbench - deep navy command layer, bright blue action layer, pale data layer. */
.command-desk{gap:14px}.command-desk-head{border-color:#244e7a;background:linear-gradient(122deg,#0a1f38 0%,#12385f 51%,#245f91 100%);box-shadow:0 16px 32px rgba(6,31,58,.21),inset 0 1px 0 rgba(255,255,255,.14)}.command-desk-head p{color:#89c8ff}.command-desk-head h2{color:#fff}.command-desk-head>div>span{color:#c6e2f8}.command-desk-fx{border-color:rgba(165,213,250,.48);background:rgba(3,21,40,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.command-desk-fx span,.command-desk-fx small{color:#c7e5f9}.command-desk-fx strong{color:#fff}.command-desk-grid>.crm-claw-card{grid-column:1/-1}.crm-claw-card{display:grid;grid-template-columns:216px minmax(0,1fr);min-height:550px;overflow:hidden;border-color:#c5d9ec;background:#f7fbff;box-shadow:0 20px 40px rgba(20,66,106,.15),inset 0 1px 0 #fff}.crm-claw-rail{display:flex;flex-direction:column;gap:10px;padding:15px 12px;border-right:1px solid #c6d9eb;background:linear-gradient(180deg,#f8fbff 0%,#edf5ff 58%,#e6f0fb 100%)}.crm-claw-rail header{display:flex;align-items:center;gap:8px;padding:2px 2px 9px}.crm-claw-rail header .crm-claw-orb{width:30px;height:30px;border-radius:10px;font-size:14px}.crm-claw-rail header div{display:flex;align-items:center;gap:5px}.crm-claw-rail header strong{color:#102d4b;font-size:14px}.crm-claw-rail header small{padding:2px 5px;border-radius:4px;background:#e0eaff;color:#375bd3;font-size:8px;font-weight:900}.crm-claw-new,.crm-claw-connector{min-height:38px;border-radius:8px;font-size:12px;font-weight:850;cursor:pointer}.crm-claw-new{border:1px solid #2f63f5;background:linear-gradient(145deg,#4c7cff,#2854eb);color:#fff;box-shadow:0 7px 14px rgba(47,91,230,.24),inset 0 1px 0 rgba(255,255,255,.26)}.crm-claw-connector{border:1px solid #cfdeed;background:rgba(255,255,255,.84);color:#36526a}.crm-claw-new:hover{filter:brightness(1.06);transform:translateY(-1px)}.crm-claw-connector:hover{border-color:#83aad1;background:#fff}.crm-claw-rail>p{margin:13px 3px 1px;color:#8294a5;font-size:10px;font-weight:800}.crm-claw-history{display:grid;gap:7px}.crm-claw-history button{overflow:hidden;min-height:52px;padding:8px;border:1px solid #e0eaf2;border-radius:8px;background:rgba(255,255,255,.78);color:#587186;font-size:10px;line-height:1.45;text-align:left;text-overflow:ellipsis;cursor:pointer}.crm-claw-history button:hover{border-color:#9dbfe0;background:#fff;color:#27587f}.crm-claw-history>span{padding:8px 4px;color:#8a9ba9;font-size:10px}.crm-claw-rail footer{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;align-items:center;margin-top:auto;padding:10px;border:1px solid #cadcf0;border-radius:9px;background:linear-gradient(135deg,#e8f0ff,#f5f9ff)}.crm-claw-rail footer b{color:#315be0;font-size:16px}.crm-claw-rail footer span{color:#5b7187;font-size:10px}.crm-claw-main{display:grid;grid-template-rows:auto auto auto minmax(120px,1fr) auto;background:linear-gradient(180deg,#fff 0%,#fbfdff 70%,#f6faff 100%)}.crm-claw-topbar{display:flex;align-items:center;gap:9px;min-height:52px;padding:0 18px;border-bottom:1px solid #e2ebf3}.crm-claw-topbar strong{color:#1d3852;font-size:14px}.crm-claw-topbar span{color:#8a9aa8;font-size:10px}.crm-claw-topbar em{margin-left:auto;padding:4px 8px;border:1px solid #bfd5ff;border-radius:999px;background:#edf3ff;color:#4165cc;font-size:10px;font-style:normal;font-weight:850}.crm-claw-hero{display:grid;justify-items:center;padding:25px 20px 15px;text-align:center}.crm-claw-orb.is-large{width:44px;height:44px;border-radius:15px;font-size:20px}.crm-claw-hero h3{margin:9px 0 4px;color:#102943;font-size:21px;letter-spacing:-.02em}.crm-claw-hero>p{max-width:620px;margin:0 0 14px;color:#8294a5;font-size:11px;line-height:1.55}.crm-claw-composer{width:min(720px,100%);grid-template-columns:minmax(0,1fr) 44px;gap:0;padding:0;border:1px solid #cbdced;border-radius:12px;background:#fff;box-shadow:0 12px 25px rgba(42,83,126,.12),inset 0 1px 0 #fff}.crm-claw-composer textarea{min-height:82px;border:0;border-radius:12px 0 0 12px;box-shadow:none!important;font-size:12px}.crm-claw-composer textarea:focus{box-shadow:none}.crm-claw-composer button{align-self:stretch;min-width:44px;padding:0;border:0;border-radius:0 11px 11px 0;background:linear-gradient(145deg,#537dff,#3154d9);font-size:18px;box-shadow:none}.crm-claw-modes{display:flex;justify-content:center;gap:17px;margin-top:14px}.crm-claw-modes button{padding:4px 3px;border:0;border-bottom:2px solid transparent;background:transparent;color:#9aa8b3;font-size:11px;cursor:pointer}.crm-claw-modes button.is-active{border-color:#557cff;color:#4165d4;font-weight:900}.crm-claw-prompts{justify-content:center;gap:7px;padding:10px 0 0}.crm-claw-prompts button{min-height:28px;border-color:#d9e5f1;background:#fff;color:#58718a;box-shadow:0 4px 9px rgba(39,77,113,.05)}.crm-claw-prompts button::before{content:"◌";margin-right:4px;color:#4e77f2}.crm-claw-live{margin:8px 18px 10px;padding-top:12px;border-top:1px solid #e6edf4}.crm-claw-live header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}.crm-claw-live header strong{color:#40576a;font-size:11px}.crm-claw-live header small{color:#94a4b0;font-size:10px}.crm-claw-briefing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.crm-claw-brief{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 7px;align-content:start;min-height:69px;padding:9px;border:1px solid #dce7f0;border-radius:9px;background:linear-gradient(145deg,#fff,#f7fbff);text-align:left;cursor:pointer;box-shadow:inset 0 1px 0 #fff}.crm-claw-brief:hover{border-color:#8db7df;background:#f0f8ff;transform:translateY(-1px)}.crm-claw-brief>span{grid-row:1/3;display:grid;min-width:26px;height:23px;place-items:center;border-radius:6px;background:#e5f0ff;color:#3964d9;font-size:8px;font-weight:900}.crm-claw-brief.urgent>span{background:#fff0df;color:#a05b18}.crm-claw-brief.opportunity>span{background:#e5f0ff;color:#3964d9}.crm-claw-brief strong{overflow:hidden;color:#37566e;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.crm-claw-brief small{display:-webkit-box;overflow:hidden;color:#8496a4;font-size:9px;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical}.crm-claw-empty{grid-column:1/-1;margin:0;padding:8px;color:#8495a3;font-size:10px}.crm-claw-transcript{max-height:230px;margin:0 18px 12px;border:1px solid #e1eaf1;border-radius:10px;background:linear-gradient(180deg,#fbfdff,#f7fbff)}.crm-claw-message{border-color:#dbe6ee;border-radius:10px;background:#fff}.crm-claw-message.is-user{border-color:#bdd4f4;background:#eef5ff}.crm-claw-card>.crm-claw-main>footer{padding:9px 18px;border-top:1px solid #e1eaf2;color:#8294a3;font-size:10px}
@media(max-width:850px){.crm-claw-card{grid-template-columns:1fr}.crm-claw-rail{display:none}.crm-claw-briefing{grid-template-columns:1fr 1fr}}@media(max-width:600px){.crm-claw-briefing{grid-template-columns:1fr}.crm-claw-topbar span{display:none}.crm-claw-hero{padding-inline:12px}.crm-claw-live,.crm-claw-transcript{margin-inline:12px}.crm-claw-modes{gap:8px}.crm-claw-modes button{font-size:10px}}

/* v245: data connection status is explicit for Janon AI; an unconfigured MCP is never shown as usable. */
.connector-intelligence-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px;padding:16px;border:1px solid #244e7a;border-radius:12px;background:linear-gradient(122deg,#0a1f38,#12385f 56%,#245f91);box-shadow:0 14px 28px rgba(7,32,59,.18),inset 0 1px 0 rgba(255,255,255,.13)}.connector-intelligence-head p{margin:0 0 4px;color:#8fcfff;font-size:10px;font-weight:900;letter-spacing:.08em}.connector-intelligence-head h3{margin:0 0 4px;color:#fff;font-size:18px}.connector-intelligence-head>div>span{display:block;max-width:520px;color:#c7e4f8;font-size:11px;line-height:1.5}.connector-source-cards{display:grid;grid-template-columns:repeat(2,minmax(145px,1fr));gap:7px;min-width:min(460px,52%)}.connector-source-cards article{display:grid;gap:2px;padding:9px;border:1px solid rgba(172,211,241,.35);border-radius:8px;background:rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.13)}.connector-source-cards b{color:#b9dcfa;font-size:9px}.connector-source-cards strong{color:#fff;font-size:12px}.connector-source-cards small{color:#c8e4f9;font-size:9px}.connector-source-cards .is-core{border-color:rgba(124,194,246,.72);background:rgba(83,143,211,.21)}.connector-source-cards .is-pending{opacity:.78}.connector-source-cards .is-pending strong{color:#ffdca3}@media(max-width:900px){.connector-intelligence-head{flex-direction:column}.connector-source-cards{width:100%;min-width:0}}@media(max-width:560px){.connector-source-cards{grid-template-columns:1fr}.connector-intelligence-head{padding:13px}}

/* v246: two-level workbench. Operations stay on the main desk; Janon AI becomes a deliberate second-level thinking space. */
.workbench-rail-nav{display:grid;gap:4px}.workbench-rail-nav button,.crm-claw-entry{display:grid;grid-template-columns:24px minmax(0,1fr);gap:7px;align-items:center;padding:8px;border:1px solid transparent;border-radius:8px;background:transparent;color:#587086;text-align:left;cursor:pointer}.workbench-rail-nav button:hover,.crm-claw-entry:hover{background:#f6faff;border-color:#d6e4f0}.workbench-rail-nav button.is-active,.crm-claw-entry.is-active{border-color:#bcd4f4;background:linear-gradient(135deg,#e8efff,#f3f8ff);box-shadow:inset 0 1px 0 #fff}.workbench-rail-nav i{display:grid;width:22px;height:22px;place-items:center;border-radius:7px;background:#e9f1fb;color:#376dd5;font-size:12px;font-style:normal}.workbench-rail-nav span,.crm-claw-entry div{display:grid;gap:1px;min-width:0}.workbench-rail-nav strong,.crm-claw-entry strong{color:#365169;font-size:11px}.workbench-rail-nav small,.crm-claw-entry small{color:#90a0ad;font-size:9px}.workbench-rail-separator{height:1px;margin:4px 0;background:#dfe9f2}.crm-claw-entry{grid-template-columns:30px minmax(0,1fr);border-color:#c9dcf1;background:linear-gradient(135deg,#f4f8ff,#eaf1ff)}.crm-claw-entry .crm-claw-orb{width:28px;height:28px;border-radius:9px;font-size:13px}.workbench-operations-main{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;background:linear-gradient(180deg,#fff,#f7fbff)}.workbench-operations-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 22px 16px;border-bottom:1px solid #e3ebf2}.workbench-operations-head p{margin:0 0 3px;color:#4c77df;font-size:10px;font-weight:900;letter-spacing:.08em}.workbench-operations-head h3{margin:0 0 3px;color:#183a5a;font-size:22px}.workbench-operations-head span{color:#7d91a0;font-size:11px}.workbench-operations-head button,.workbench-open-claw,.workbench-intelligence-empty button{min-height:32px;padding:5px 10px;border:1px solid #bcd5ed;border-radius:8px;background:#fff;color:#2e63a1;font-size:11px;font-weight:850;cursor:pointer}.workbench-open-claw{border-color:#355ee7;background:linear-gradient(145deg,#527dff,#3154db);color:#fff;box-shadow:0 7px 14px rgba(48,83,214,.2)}.workbench-operations-content{min-height:340px;padding:16px 20px}.workbench-overview-grid{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(230px,.72fr);gap:12px}.workbench-priority-card{overflow:hidden;border:1px solid #d5e2ed;border-radius:10px;background:#fff;box-shadow:0 9px 20px rgba(37,77,110,.07),inset 0 1px 0 #fff}.workbench-priority-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid #e6edf3;background:linear-gradient(135deg,#f8fbff,#eef6ff)}.workbench-priority-card header div{display:grid;gap:2px}.workbench-priority-card header strong{color:#2c4b64;font-size:13px}.workbench-priority-card header small{color:#7e92a2;font-size:10px}.workbench-priority-card header button{border:0;background:transparent;color:#3475a8;font-size:10px;font-weight:850;cursor:pointer}.workbench-operation-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;width:100%;padding:10px 12px;border:0;border-bottom:1px solid #edf2f6;background:#fff;text-align:left;cursor:pointer}.workbench-operation-row:last-child{border-bottom:0}.workbench-operation-row:hover{background:#f4f9ff}.workbench-operation-row>span{display:grid;min-width:30px;height:28px;place-items:center;border-radius:8px;background:#e8f1ff;color:#3b65d3;font-size:9px;font-weight:900}.workbench-operation-row.is-message>span{width:auto;padding:0 5px;background:#edf7ff;color:#2d779d}.workbench-operation-row div{display:grid;gap:2px;min-width:0}.workbench-operation-row strong,.workbench-operation-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workbench-operation-row strong{color:#365269;font-size:11px}.workbench-operation-row small{color:#8799a6;font-size:10px}.workbench-operation-row em{max-width:115px;overflow:hidden;color:#5e7f95;font-size:9px;font-style:normal;text-align:right;text-overflow:ellipsis;white-space:nowrap}.workbench-overview-side{display:grid;gap:8px;align-content:start}.workbench-overview-side article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:12px;border:1px solid #d5e2ed;border-radius:10px;background:linear-gradient(145deg,#fff,#f2f8ff);box-shadow:0 7px 15px rgba(35,76,110,.06),inset 0 1px 0 #fff}.workbench-overview-side span{color:#748a9d;font-size:10px}.workbench-overview-side strong{color:#245f9a;font-size:21px}.workbench-overview-side button{grid-column:1/-1;justify-self:start;padding:0;border:0;background:transparent;color:#3d71ca;font-size:10px;font-weight:850;cursor:pointer}.workbench-empty{margin:0;padding:22px;color:#8295a4;font-size:11px}.workbench-intelligence-empty{display:grid;justify-items:center;gap:6px;min-height:220px;padding:36px 20px;text-align:center}.workbench-intelligence-empty strong{color:#245f9a;font-size:26px}.workbench-intelligence-empty span{color:#4b687d;font-size:13px;font-weight:800}.workbench-intelligence-empty p{max-width:460px;margin:3px 0 8px;color:#8295a4;font-size:11px;line-height:1.6}.crm-claw-subtabs{display:flex;gap:4px;margin-left:auto;padding:3px;border:1px solid #d5e2f0;border-radius:8px;background:#f5f8fc}.crm-claw-subtabs button{min-height:24px;padding:3px 8px;border:0;border-radius:5px;background:transparent;color:#718696;font-size:10px;cursor:pointer}.crm-claw-subtabs button.is-active{background:#fff;color:#2f62c8;font-weight:900;box-shadow:0 2px 5px rgba(38,76,118,.1)}.crm-claw-main.is-answers .crm-claw-hero{padding-bottom:8px}.crm-claw-main.is-answers .crm-claw-hero>h3,.crm-claw-main.is-answers .crm-claw-hero>p,.crm-claw-main.is-answers .crm-claw-modes,.crm-claw-main.is-answers .crm-claw-prompts{display:none}.crm-claw-main.is-answers .crm-claw-hero .crm-claw-orb{display:none}.crm-claw-main.is-answers .crm-claw-hero{justify-items:stretch;padding-top:14px}.crm-claw-main.is-answers .crm-claw-composer{width:100%}@media(max-width:850px){.workbench-overview-grid{grid-template-columns:1fr}.workbench-operations-content{padding:12px}.workbench-operations-head{padding:16px}.workbench-operation-row em{display:none}}@media(max-width:600px){.workbench-operations-head{flex-direction:column}.crm-claw-subtabs{margin-left:0}.crm-claw-topbar{flex-wrap:wrap}.crm-claw-topbar em{margin-left:0}}

.crm-claw-question-bank{display:grid;gap:10px;margin:0 18px 12px;padding:13px;border-top:1px solid #e3ebf3;background:linear-gradient(180deg,#fbfdff,#f4f8ff)}.crm-claw-question-bank article{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;align-items:start}.crm-claw-question-bank article>strong{padding-top:6px;color:#4f6680;font-size:11px}.crm-claw-question-bank article>strong::before{content:"●";margin-right:5px;color:#4b72f0;font-size:8px}.crm-claw-question-bank article>div{display:flex;flex-wrap:wrap;gap:6px}.crm-claw-question-bank button{padding:6px 9px;border:1px solid #d8e3ef;border-radius:999px;background:#fff;color:#587087;font-size:10px;line-height:1.35;text-align:left;cursor:pointer;box-shadow:0 3px 7px rgba(36,76,112,.04)}.crm-claw-question-bank button:hover{border-color:#a7c1f4;background:#eff5ff;color:#365fd0}.crm-claw-main.is-answers .crm-claw-question-bank,.crm-claw-main.is-answers .crm-claw-live{display:none}.connector-source-cards button{justify-self:start;margin-top:3px;padding:2px 0;border:0;background:transparent;color:#cce7ff;font-size:9px;font-weight:800;cursor:pointer}.connector-source-cards .is-pending button{color:#ffe1ab}@media(max-width:680px){.crm-claw-question-bank{margin-inline:12px}.crm-claw-question-bank article{grid-template-columns:1fr;gap:5px}.crm-claw-question-bank article>strong{padding-top:0}}

.crm-claw-answer-block{margin-top:8px;padding:8px 9px;border:1px solid #d9e5ef;border-radius:8px;background:#f8fbfe}.crm-claw-answer-block>strong{display:block;margin-bottom:4px;color:#4e6680;font-size:10px}.crm-claw-answer-block ul{display:grid;gap:3px;margin:0;padding-left:15px;color:#5d7486;font-size:10px;line-height:1.45}.crm-claw-answer-block.is-next{border-color:#c7daf7;background:#f0f6ff}.crm-claw-answer-block.is-next>strong{color:#3467ca}.crm-claw-answer-block.is-confirm{border-color:#f0d6ad;background:#fff9ef}.crm-claw-answer-block.is-confirm>strong{color:#9b6519}
.crm-claw-trace{display:grid;gap:5px;margin-top:10px;padding:9px;border-top:1px solid #e2ebf2;background:#fbfdff}.crm-claw-trace>strong{color:#526a80;font-size:10px}.crm-claw-trace>div{display:grid;grid-template-columns:14px auto minmax(0,1fr);gap:5px;align-items:baseline;color:#657b8e;font-size:10px}.crm-claw-trace i{display:grid;width:13px;height:13px;place-items:center;border-radius:50%;background:#e7f8ef;color:#15835d;font-size:9px;font-style:normal;font-weight:900}.crm-claw-trace .is-failed i{background:#fff0f0;color:#d65a5a}.crm-claw-trace span{color:#415a6e;font-weight:750}.crm-claw-trace small{overflow:hidden;color:#8a9aa7;font-size:9px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.crm-claw-trace footer{padding-top:5px;border-top:1px solid #edf2f6;color:#8697a5;font-size:9px;line-height:1.45}

/* v248: answers are a complete readable pane, not a 230px clipped preview. */
.crm-claw-main.is-answers{grid-template-rows:auto auto minmax(380px,1fr) auto;min-height:650px}.crm-claw-main.is-answers .crm-claw-transcript{min-height:380px;max-height:min(680px,calc(100vh - 230px));overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.crm-claw-main.is-answers .crm-claw-message{max-width:min(860px,94%)}.crm-claw-main.is-answers .crm-claw-message p{font-size:12px;line-height:1.68}.crm-claw-main.is-answers .crm-claw-answer-block{padding:10px 11px}.crm-claw-main.is-answers .crm-claw-answer-block>strong,.crm-claw-main.is-answers .crm-claw-answer-block ul{font-size:11px}@media(max-width:680px){.crm-claw-main.is-answers{min-height:580px;grid-template-rows:auto auto minmax(310px,1fr) auto}.crm-claw-main.is-answers .crm-claw-transcript{min-height:310px;max-height:calc(100vh - 190px)}}

/* v250: Janon AI is the first decision card on the workbench, not a hidden destination. */
.workbench-claw-priority{display:grid;gap:9px;margin-bottom:12px;padding:13px 14px;border:1px solid #b6d4f0;border-radius:12px;background:linear-gradient(118deg,#eff7ff 0%,#f7fbff 52%,#edf1ff 100%);box-shadow:0 12px 24px rgba(45,91,164,.12),inset 0 1px 0 rgba(255,255,255,.95)}.workbench-claw-priority header{display:flex;align-items:center;justify-content:space-between;gap:12px}.workbench-claw-priority header>div{display:flex;align-items:center;gap:9px;min-width:0}.workbench-claw-priority .crm-claw-orb{width:31px;height:31px;border-radius:10px;font-size:14px;flex:0 0 auto}.workbench-claw-priority header div div{display:grid;gap:2px}.workbench-claw-priority strong{color:#193d63;font-size:13px}.workbench-claw-priority small{color:#6f8597;font-size:10px}.workbench-claw-priority header button{flex:0 0 auto;min-height:29px;padding:4px 9px;border:1px solid #355fe8;border-radius:7px;background:linear-gradient(145deg,#527dff,#3154dc);color:#fff;font-size:10px;font-weight:850;cursor:pointer;box-shadow:0 5px 10px rgba(49,84,216,.18)}.workbench-claw-priority>p{margin:0;color:#506b80;font-size:11px;line-height:1.55}.workbench-claw-priority footer{display:flex;flex-wrap:wrap;gap:6px}.workbench-claw-priority footer span{display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #d5e3f4;border-radius:999px;background:rgba(255,255,255,.78);color:#557087;font-size:10px}.workbench-claw-priority footer b{display:grid;width:15px;height:15px;place-items:center;border-radius:50%;background:#dfeaff;color:#315bd5;font-size:8px}@media(max-width:600px){.workbench-claw-priority header{align-items:flex-start;flex-direction:column}.workbench-claw-priority header button{width:100%}}

/* v252: restore JANON's stronger readable navy text hierarchy in the workbench. */
.workbench-operations-head span,.workbench-claw-priority small,.workbench-claw-priority footer span{color:#49657a}.workbench-claw-priority>p{color:#2f526b}.workbench-operation-row small,.workbench-overview-side span,.workbench-priority-card header small{color:#567084}.workbench-empty,.workbench-intelligence-empty p{color:#587287}.crm-claw-topbar span,.crm-claw-hero>p,.crm-claw-live header small,.crm-claw-brief small{color:#506b80}.crm-claw-message p{color:#294b63}.crm-claw-answer-block>strong{color:#3d5b72}.crm-claw-answer-block ul{color:#465f72}.crm-claw-trace>strong,.crm-claw-trace span{color:#39566d}.crm-claw-trace small,.crm-claw-trace footer{color:#647d90}.crm-claw-rail>p,.crm-claw-history>span{color:#5d7588}.crm-claw-history button{color:#466278}.crm-claw-history button:hover{color:#1f537b}

/* v255: JANON 3D command-desk icon, aligned with the existing sidebar icon family. */
.nav-icon.icon-workbench{isolation:isolate;overflow:hidden;border-color:#5eafe2!important;background:radial-gradient(circle at 33% 23%,#dffaff 0 9%,#72c5ef 26%,#177bbd 64%,#083e74 100%)!important;color:transparent!important;text-shadow:none!important;box-shadow:inset 0 2px 3px rgba(255,255,255,.7),inset 0 -5px 8px rgba(4,47,92,.42),0 8px 16px rgba(16,100,172,.28)!important}.nav-icon.icon-workbench::after{z-index:0;top:4px;left:7px;right:7px;height:5px;background:rgba(255,255,255,.72)}.nav-icon.icon-workbench i{position:absolute;z-index:1;display:block;border:1px solid rgba(225,250,255,.9);border-radius:3px;background:linear-gradient(160deg,#fbffff,#bdeaff 45%,#61b7e9);box-shadow:inset 0 1px rgba(255,255,255,.96),0 2px 3px rgba(0,42,83,.26)}.nav-icon.icon-workbench i:nth-child(1){left:7px;bottom:8px;width:14px;height:10px;transform:skewY(-12deg)}.nav-icon.icon-workbench i:nth-child(2){right:7px;bottom:8px;width:9px;height:14px;transform:skewY(12deg);background:linear-gradient(160deg,#eaffff,#8ed2f2 45%,#3d91cf)}.nav-icon.icon-workbench i:nth-child(3){z-index:2;left:15px;top:9px;width:6px;height:6px;border:2px solid #fff;border-radius:50%;background:#2d91d1;box-shadow:0 0 0 2px rgba(12,69,130,.38),0 1px 3px rgba(0,28,65,.4)}.nav-button:hover .nav-icon.icon-workbench,.nav-button.active .nav-icon.icon-workbench{border-color:#87ceff!important;background:radial-gradient(circle at 33% 23%,#f0ffff 0 9%,#89d9fa 28%,#2088cb 64%,#0b477d 100%)!important}

/* v254: one clear Janon AI report replaces scattered answer cards. */
.crm-claw-question-line{display:flex;align-items:baseline;gap:6px;margin:0 0 14px;padding:0 0 10px;border-bottom:1px solid #e2ebf2}.crm-claw-question-line span{color:#58718a;font-size:10px;font-weight:850;white-space:nowrap}.crm-claw-question-line strong{min-width:0;color:#274b67;font-size:12px;font-weight:750;line-height:1.55}.crm-claw-report{width:100%;border:0;border-radius:0;background:transparent;box-shadow:none}.crm-claw-report>header{display:flex;align-items:center;gap:9px;padding:0 0 12px;border-bottom:1px solid #dce7f0}.crm-claw-report>header .crm-claw-orb{width:30px;height:30px;border-radius:10px;font-size:14px}.crm-claw-report>header div{display:grid;gap:1px}.crm-claw-report>header strong{color:#1d3f5e;font-size:14px}.crm-claw-report>header small{color:#5c7487;font-size:10px}.crm-claw-report-main{padding:16px 0 8px}.crm-claw-report-main h4{margin:0 0 8px;color:#203f59;font-size:15px}.crm-claw-report-main>p{margin:0;color:#2b4a61;font-size:13px;line-height:1.75;white-space:pre-wrap}.crm-claw-report-section{margin-top:16px;padding-top:12px;border-top:1px solid #e1eaf1}.crm-claw-report-section h5{margin:0 0 7px;color:#274b68;font-size:12px}.crm-claw-report-section ol{display:grid;gap:5px;margin:0;padding-left:20px;color:#425f74;font-size:12px;line-height:1.6}.crm-claw-report-risk{margin:15px 0 0;padding:9px 10px;border-left:3px solid #d99a3c;background:#fff9ef;color:#715a36!important;font-size:11px!important;line-height:1.6}.crm-claw-report-risk strong{color:#9a681d}.crm-claw-report-evidence{margin-top:9px;border-top:1px solid #e3ebf2;color:#587187;font-size:10px}.crm-claw-report-evidence summary{padding:9px 0;cursor:pointer;font-weight:800}.crm-claw-report-evidence .crm-claw-trace{margin:0;padding:8px 0 10px;background:transparent}.crm-claw-main.is-answers .crm-claw-transcript{padding:16px 20px;background:#fff}@media(max-width:680px){.crm-claw-main.is-answers .crm-claw-transcript{padding:13px}.crm-claw-question-line{align-items:flex-start;flex-direction:column;gap:2px}}
.crm-claw-report-intro{margin:0 0 14px!important;color:#314d63!important;font-size:12px!important;font-weight:400!important;line-height:1.72!important}.crm-claw-report-headline{margin:0!important;padding:0 0 13px;border-bottom:1px solid #e1eaf1;color:#183f61!important;font-size:16px!important;font-weight:750;line-height:1.55!important}.crm-claw-report-findings{margin-top:13px}.crm-claw-report-findings article{display:block;padding:10px 0 11px;border-bottom:1px solid #e8eef3}.crm-claw-report-findings article:last-child{border-bottom:0}.crm-claw-report-findings strong{display:block;color:#1d415f;font-size:13px;font-weight:700}.crm-claw-report-findings p{margin:5px 0 0!important;color:#354f63!important;font-size:12px!important;font-weight:400!important;line-height:1.72!important;white-space:normal!important}.crm-claw-report-detail{margin-top:14px;padding-top:9px;border-top:1px solid #e4ebf1;color:#4f687b;font-size:11px}.crm-claw-report-detail summary{cursor:pointer;font-weight:700}.crm-claw-report-detail p{margin:8px 0 0!important;color:#354f63!important;font-size:12px!important;font-weight:400!important;line-height:1.72!important;white-space:pre-wrap}

/* v256: restore JANON's darker text color without artificially emboldening body copy. */
.crm-claw-main.is-answers .crm-claw-transcript{color:#203b52}.crm-claw-question-line span{color:#315777}.crm-claw-question-line strong{color:#193e5d;font-weight:inherit}.crm-claw-report>header strong{color:#153b5a}.crm-claw-report>header small{color:#3d607b}.crm-claw-report-main h4,.crm-claw-report-findings h5,.crm-claw-report-section h5{color:#173d5d}.crm-claw-report-findings strong{color:#1c4667}.crm-claw-report-findings p,.crm-claw-report-section ol,.crm-claw-report-detail p{color:#284b64!important;font-weight:inherit}.crm-claw-report-section ol li::marker{color:#2165b2}.crm-claw-report-risk{color:#604b2e!important;font-weight:inherit}.crm-claw-report-risk strong{font-weight:inherit}.crm-claw-report-evidence,.crm-claw-report-detail{color:#365b75}

/* v258: report hierarchy follows the reference: key points are bold, explanations stay normal-weight. */
.crm-claw-main.is-answers .crm-claw-report-main{font-weight:400}.crm-claw-main.is-answers .crm-claw-report-main h4,.crm-claw-main.is-answers .crm-claw-report-main h5{font-weight:750}.crm-claw-main.is-answers .crm-claw-report-headline{font-weight:750!important}.crm-claw-main.is-answers .crm-claw-report-findings strong{font-weight:700}.crm-claw-main.is-answers .crm-claw-report-findings p,.crm-claw-main.is-answers .crm-claw-report-section ol,.crm-claw-main.is-answers .crm-claw-report-detail p{font-weight:400!important}.crm-claw-main.is-answers .crm-claw-report-risk strong{font-weight:700}.crm-claw-main.is-answers .crm-claw-report-risk{font-weight:400!important}

/* v260: simple blue 3D dashboard mark for Workbench, consistent with the JANON sidebar family. */
.nav-icon.icon-workbench{isolation:isolate;overflow:hidden;border-color:#74b8e2!important;background:radial-gradient(circle at 32% 23%,#e8fbff 0 10%,#81cff1 29%,#2a8dcc 64%,#0a4a80 100%)!important;color:transparent!important;text-shadow:none!important;box-shadow:inset 0 2px 3px rgba(255,255,255,.72),inset 0 -5px 8px rgba(4,49,92,.42),0 8px 16px rgba(16,100,172,.26)!important}.nav-icon.icon-workbench::after{top:auto;left:7px;right:7px;bottom:6px;height:4px;border-radius:50%;background:rgba(4,54,98,.34)}.nav-icon.icon-workbench i{position:absolute;z-index:1;display:block;bottom:8px;width:5px;border:1px solid rgba(232,253,255,.88);border-radius:2px 2px 1px 1px;background:linear-gradient(90deg,#f6ffff 0%,#c9f1ff 34%,#58b6e7 100%);box-shadow:inset 1px 1px rgba(255,255,255,.96),1px 2px 3px rgba(0,38,78,.35)}.nav-icon.icon-workbench i:nth-child(1){left:8px;height:8px;transform:none}.nav-icon.icon-workbench i:nth-child(2){left:15px;height:13px;transform:none;background:linear-gradient(90deg,#f9ffff 0%,#d8f6ff 36%,#72c8ec 100%)}.nav-icon.icon-workbench i:nth-child(3){left:22px;top:auto;height:18px;transform:none;border:1px solid rgba(232,253,255,.94);border-radius:2px 2px 1px 1px;background:linear-gradient(90deg,#ffffff 0%,#dcf8ff 36%,#8ad5f2 100%);box-shadow:inset 1px 1px rgba(255,255,255,.98),1px 2px 3px rgba(0,38,78,.35)}.nav-button:hover .nav-icon.icon-workbench,.nav-button.active .nav-icon.icon-workbench{border-color:#9bdcff!important;background:radial-gradient(circle at 32% 23%,#f4ffff 0 10%,#9ee0f8 29%,#349bd7 64%,#0c528a 100%)!important}

/* v261: JANON intelligent-core mark: a clean 3D concentric ring, not a generic chart. */
.nav-icon.icon-workbench{background:radial-gradient(circle at 32% 21%,#dff7ff 0 9%,#72b9f2 29%,#245fcb 66%,#1a388d 100%)!important;border-color:#719cf2!important;box-shadow:inset 0 2px 3px rgba(255,255,255,.72),inset 0 -6px 10px rgba(18,37,125,.45),0 8px 16px rgba(46,77,191,.27)!important}.nav-icon.icon-workbench::after{top:5px;right:5px;bottom:5px;left:5px;width:auto;height:auto;border:1px solid rgba(226,245,255,.78);border-radius:50%;background:transparent;box-shadow:inset 0 1px rgba(255,255,255,.3)}.nav-icon.icon-workbench i{z-index:1;display:block;box-sizing:border-box;bottom:auto;border:1px solid rgba(232,249,255,.9);border-radius:50%;background:transparent;box-shadow:inset 1px 1px rgba(255,255,255,.35),0 1px 2px rgba(12,29,104,.32)}.nav-icon.icon-workbench i:nth-child(1){top:8px;left:8px;width:16px;height:16px;transform:none}.nav-icon.icon-workbench i:nth-child(2){top:11px;left:11px;width:10px;height:10px;transform:none;background:rgba(57,112,223,.26)}.nav-icon.icon-workbench i:nth-child(3){top:14px;left:14px;width:4px;height:4px;transform:none;border:1px solid rgba(255,255,255,.95);background:#f1fdff;box-shadow:0 0 0 2px rgba(46,108,225,.55),0 1px 3px rgba(4,20,86,.48)}.nav-button:hover .nav-icon.icon-workbench,.nav-button.active .nav-icon.icon-workbench{border-color:#9db9ff!important;background:radial-gradient(circle at 32% 21%,#effcff 0 9%,#91cbff 29%,#386fdb 66%,#213f9b 100%)!important}

/* v262: restore the approved JANON Workbench mark. Janon AI keeps its own independent blue core badge inside the workbench. */
.nav-icon.icon-workbench{border-color:#79b7dd!important;background:radial-gradient(circle at 34% 26%,#eafaff 0 13%,#60b2df 34%,#1872ad 72%,#0b4777 100%)!important;color:#fff!important;font-size:20px!important;text-shadow:0 2px 3px rgba(3,39,67,.55)!important;box-shadow:inset 0 2px 3px rgba(255,255,255,.62),inset 0 -4px 7px rgba(4,55,91,.36),0 8px 15px rgba(21,103,162,.25)!important}.nav-icon.icon-workbench::after{content:"";position:absolute;left:9px;right:9px;top:5px;width:auto;height:4px;border:0;border-radius:50%;background:rgba(255,255,255,.78);box-shadow:none}.nav-button:hover .nav-icon.icon-workbench,.nav-button.active .nav-icon.icon-workbench{border-color:#9cc9eb!important;color:#075db0!important;background:linear-gradient(145deg,#fff,#dceeff)!important}

/* v263: Workbench overview keeps only operational content; Janon AI opens on demand. */
.workbench-operations-card{min-height:0!important}.workbench-operations-card .workbench-operations-main{grid-template-rows:auto auto;align-content:start}.workbench-operations-card .workbench-operations-content{min-height:0}

/* v264: Workbench is the JANON intelligent-core entry, not a chart tile.
   Keep the original 3D sidebar shell, but use one restrained, ownable core mark. */
.command-desk-grid-assistant{grid-template-columns:minmax(0,1fr)}
.nav-icon.icon-workbench{isolation:isolate;overflow:hidden;border-color:#82b9eb!important;background:radial-gradient(circle at 32% 24%,#e9fbff 0 10%,#7fc7f5 31%,#3e78de 68%,#283b9c 100%)!important;color:transparent!important;text-shadow:none!important;box-shadow:inset 0 2px 3px rgba(255,255,255,.8),inset 0 -5px 9px rgba(27,39,137,.36),0 7px 14px rgba(48,83,190,.22)!important}
.nav-icon.icon-workbench::before{content:"";position:absolute;z-index:1;inset:10px;border:2px solid rgba(247,253,255,.96);border-radius:50%;box-shadow:0 0 0 3px rgba(228,247,255,.38),inset 0 0 0 3px rgba(72,118,224,.28),0 2px 4px rgba(14,35,111,.32)}
.nav-icon.icon-workbench::after{content:"";position:absolute;z-index:2;left:18px;top:18px;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#68bff0;box-shadow:0 0 0 3px rgba(35,77,199,.54),0 1px 3px rgba(12,30,101,.4)}
.nav-button:hover .nav-icon.icon-workbench,.nav-button.active .nav-icon.icon-workbench{border-color:#aad4ff!important;background:radial-gradient(circle at 32% 24%,#f5feff 0 10%,#a3dcff 31%,#4e87e5 68%,#3147ad 100%)!important}

/* The assistant is a full working area, not a draggable card in the middle.
   Its input keeps a stable size; the side history is the only navigation rail. */
.command-desk-grid-assistant>.crm-claw-card{min-height:calc(100vh - 178px);border:0;border-radius:0;background:transparent;box-shadow:none}
.command-desk-grid-assistant>.crm-claw-card .crm-claw-rail{border-radius:12px 0 0 12px}
.command-desk-grid-assistant>.crm-claw-card .crm-claw-main{border:1px solid #d9e5ef;border-left:0;border-radius:0 12px 12px 0;box-shadow:0 12px 28px rgba(34,76,114,.08)}
.crm-claw-composer textarea{resize:none!important}

/* v265: remove the large resizable prompt from the middle of Janon AI.
   The only composer is a stable bottom input, as in a normal AI conversation. */
.crm-claw-main{grid-template-rows:auto auto auto auto minmax(170px,1fr) auto auto}
.crm-claw-composer-bottom{width:100%!important;min-height:84px;border-right:0;border-bottom:0;border-left:0;border-radius:0;background:#fff;box-shadow:0 -8px 22px rgba(42,83,126,.06)}
.crm-claw-composer-bottom textarea{min-height:84px!important;border-radius:0;background:#fff}
.crm-claw-composer-bottom button{border-radius:0;background:linear-gradient(145deg,#3d74ec,#2852c7)}
.crm-claw-main.is-answers{grid-template-rows:auto auto minmax(380px,1fr) auto auto}
.crm-claw-main.is-answers .crm-claw-composer-bottom{width:100%!important}

/* v266: the answer and execution views are continuous full-width content.
   Do not reserve an empty right-hand half as a chat-bubble transcript. */
.crm-claw-main.is-answers .crm-claw-transcript,.crm-claw-main.is-thinking .crm-claw-transcript{display:block;min-height:0;max-height:none;margin:0 18px 12px;padding:16px 20px;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
.crm-claw-main.is-thinking .crm-claw-message{max-width:none;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.crm-claw-main.is-thinking .crm-claw-message.is-user{margin:0 0 14px;padding:0 0 10px;border-bottom:1px solid #e2ebf2;background:transparent}
.crm-claw-main.is-thinking .crm-claw-message small{color:#315777}
.crm-claw-main.is-thinking .crm-claw-message p{color:#274b67;font-size:12px;line-height:1.7}
.crm-claw-main.is-thinking .crm-claw-trace{padding:10px 0;border-top:1px solid #e1eaf1;background:transparent}

/* v268: compact business answer layout. The result is a readable decision
   page, not a long chat transcript made of repeated cards. */
.crm-claw-main.is-answers .crm-claw-hero{display:none}
.crm-claw-main.is-answers{grid-template-rows:auto minmax(220px,1fr) auto auto;min-height:0}
.crm-claw-main.is-answers .crm-claw-transcript{margin:0;padding:18px 26px 14px}
.crm-claw-main.is-answers .crm-claw-report-intro{margin-bottom:9px!important;font-size:11px!important}
.crm-claw-main.is-answers .crm-claw-report-main h4{margin-bottom:5px;font-size:13px}
.crm-claw-main.is-answers .crm-claw-report-headline{padding-bottom:10px;font-size:14px!important}
.crm-claw-main.is-answers .crm-claw-report-findings{margin-top:8px}
.crm-claw-main.is-answers .crm-claw-report-findings article{padding:7px 0}
.crm-claw-main.is-answers .crm-claw-report-section{margin-top:9px;padding-top:9px}
.crm-claw-main.is-answers .crm-claw-report-risk{margin-top:10px;padding:7px 9px}

/* v269: Workbench receives the JANON brand mark, not a generic chart or orb. */
.nav-icon.icon-workbench{display:grid!important;place-items:center!important;overflow:hidden!important;border-color:#79b9e5!important;background:radial-gradient(circle at 31% 20%,#eafaff 0 10%,#74c2ef 31%,#2c79bf 67%,#114c82 100%)!important;color:transparent!important;box-shadow:inset 0 2px 3px rgba(255,255,255,.78),inset 0 -5px 8px rgba(4,54,99,.34),0 7px 14px rgba(20,91,150,.22)!important}
.nav-icon.icon-workbench::before,.nav-icon.icon-workbench::after{content:none!important;display:none!important}
.nav-icon.icon-workbench .janon-workbench-mark{display:flex;align-items:center;justify-content:center;gap:3px;width:23px;height:23px;filter:drop-shadow(0 2px 2px rgba(5,43,79,.38))}
.nav-icon.icon-workbench .janon-workbench-mark em{display:block;width:5px;border:1px solid rgba(228,251,255,.9);border-radius:1px;background:linear-gradient(90deg,#faffff 0%,#d8f6ff 48%,#9ad7ed 100%);box-shadow:inset 1px 1px rgba(255,255,255,.95),1px 2px 2px rgba(3,42,78,.26)}
.nav-icon.icon-workbench .janon-workbench-mark em:nth-child(1){height:14px}.nav-icon.icon-workbench .janon-workbench-mark em:nth-child(2){height:22px}.nav-icon.icon-workbench .janon-workbench-mark em:nth-child(3){height:17px}
.nav-button:hover .nav-icon.icon-workbench,.nav-button.active .nav-icon.icon-workbench{border-color:#a5d9fb!important;background:radial-gradient(circle at 31% 20%,#f5feff 0 10%,#9cddfb 31%,#418ed0 67%,#16598f 100%)!important}

/* v270: Workbench is a compact 3D desktop monitor, matching the established sidebar icon family. */
.nav-icon.icon-workbench{display:grid!important;place-items:center!important;overflow:hidden!important;border-color:#75b8e5!important;background:radial-gradient(circle at 30% 19%,#effcff 0 10%,#83cff4 30%,#317fbe 66%,#104a80 100%)!important;color:transparent!important;box-shadow:inset 0 2px 3px rgba(255,255,255,.8),inset 0 -5px 8px rgba(4,54,99,.35),0 7px 14px rgba(20,91,150,.23)!important}
.nav-icon.icon-workbench::before,.nav-icon.icon-workbench::after{content:none!important;display:none!important}
.nav-icon.icon-workbench .janon-workbench-mark{display:none!important}
.nav-icon.icon-workbench .janon-workbench-monitor{position:relative;display:block;width:25px;height:25px;filter:drop-shadow(0 2px 2px rgba(4,42,77,.36))}
.nav-icon.icon-workbench .janon-workbench-monitor i{position:absolute;left:2px;top:3px;width:21px;height:14px;border:1px solid rgba(231,252,255,.95);border-radius:3px;background:linear-gradient(145deg,#f9ffff 0%,#bdeaff 42%,#56aee0 100%);box-shadow:inset 1px 1px rgba(255,255,255,.98),inset -2px -2px rgba(17,82,132,.22),0 2px 2px rgba(2,36,68,.3)}
.nav-icon.icon-workbench .janon-workbench-monitor i::after{content:"";position:absolute;left:3px;right:3px;top:3px;height:3px;border-radius:4px;background:rgba(255,255,255,.82)}
.nav-icon.icon-workbench .janon-workbench-monitor b{position:absolute;left:10px;top:17px;width:5px;height:4px;border:1px solid rgba(229,250,255,.88);border-top:0;background:linear-gradient(90deg,#dff7ff,#6bbbe8);box-shadow:1px 1px 1px rgba(3,38,72,.28)}
.nav-icon.icon-workbench .janon-workbench-monitor em{position:absolute;left:6px;right:6px;bottom:1px;height:3px;border:1px solid rgba(231,252,255,.92);border-radius:3px;background:linear-gradient(90deg,#faffff,#9bd6ef 52%,#55a8d9);box-shadow:inset 1px 1px rgba(255,255,255,.9),1px 1px 1px rgba(3,38,72,.25)}
.nav-button:hover .nav-icon.icon-workbench,.nav-button.active .nav-icon.icon-workbench{border-color:#a5dcfb!important;background:radial-gradient(circle at 30% 19%,#f7feff 0 10%,#a5e0f8 30%,#4593d0 66%,#18598d 100%)!important}

/* v271: The question box belongs below the assistant title, not below the answer. */
.crm-claw-main{display:block!important;min-height:0!important}
.crm-claw-hero{padding-bottom:8px!important}
.crm-claw-query-zone{display:grid;justify-items:center;gap:10px;padding:0 20px 14px;border-bottom:1px solid #e5edf4;background:linear-gradient(180deg,#fff,#fbfdff)}
.crm-claw-query-zone .crm-claw-composer-inline{width:min(860px,100%)!important;min-height:94px;border:1px solid #cbdced;border-radius:13px;background:#fff;box-shadow:0 10px 22px rgba(42,83,126,.1),inset 0 1px 0 #fff}
.crm-claw-query-zone .crm-claw-composer-inline textarea{min-height:92px!important;border-radius:12px 0 0 12px;background:#fff}
.crm-claw-query-zone .crm-claw-composer-inline button{border-radius:0 12px 12px 0;background:linear-gradient(145deg,#537dff,#3154d9)}
.crm-claw-query-zone .crm-claw-status{width:min(860px,100%);margin:-4px 0 0;padding:0;color:#5a7388}
.crm-claw-query-zone .crm-claw-modes{margin-top:0}.crm-claw-query-zone .crm-claw-prompts{padding-top:0}
.crm-claw-main.is-answers .crm-claw-query-zone{padding-top:14px}.crm-claw-main.is-answers .crm-claw-query-zone .crm-claw-modes,.crm-claw-main.is-answers .crm-claw-query-zone .crm-claw-prompts{display:none}
.crm-claw-main.is-answers .crm-claw-question-bank,.crm-claw-main.is-answers .crm-claw-live{display:none!important}
@media(max-width:680px){.crm-claw-query-zone{padding-inline:12px}.crm-claw-query-zone .crm-claw-composer-inline{grid-template-columns:1fr}.crm-claw-query-zone .crm-claw-composer-inline textarea{border-radius:12px 12px 0 0}.crm-claw-query-zone .crm-claw-composer-inline button{width:100%;border-radius:0 0 12px 12px}}

/* v272: Answers use the main work area more fully while preserving the left Janon AI rail. */
.crm-claw-main.is-answers .crm-claw-transcript{margin-inline:4px!important;padding:18px 16px 16px!important}
.crm-claw-main.is-answers .crm-claw-report{max-width:none!important}
@media(max-width:680px){.crm-claw-main.is-answers .crm-claw-transcript{margin-inline:0!important;padding-inline:12px!important}}

/* v273: Workbench is a desktop workspace, not a narrow centre column.
   Operational queues use the available panel width.  When a Janon AI answer
   is open, history is temporarily hidden so the result has the full reading width. */
body:has([data-view-panel="workbench"].active) main{max-width:none!important;width:100%!important;padding-inline:16px!important}
.workbench-view{width:100%}
.workbench-operations-card{width:100%}
.workbench-operations-content{width:100%;box-sizing:border-box;padding:18px 24px!important}
.workbench-insights{width:100%;display:grid;gap:12px;align-content:start}.workbench-insights-agent{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid #c9ddeb;border-radius:10px;background:linear-gradient(135deg,#f9fcff,#edf5ff);box-shadow:inset 0 1px 0 rgba(255,255,255,.92)}.workbench-insights-agent>div{display:grid;gap:3px}.workbench-insights-agent strong{color:#173d5f;font-size:14px}.workbench-insights-agent span{color:#3d5e74;font-size:11px;line-height:1.5}.workbench-insights-agent button{flex:0 0 auto;min-height:32px;padding:6px 11px;border:1px solid #3563d9;border-radius:8px;background:linear-gradient(145deg,#527dff,#3154db);color:#fff;font-size:11px;font-weight:850;box-shadow:0 6px 13px rgba(49,84,216,.18);cursor:pointer}.workbench-operations-card .reports-head h2,.workbench-operations-card .report-card-head h3{color:#173d5f}.workbench-operations-card .reports-head>div>span,.workbench-operations-card .report-card-head span,.workbench-operations-card .report-footnote{color:#476276}.workbench-operations-card .report-kpi-grid span,.workbench-operations-card .report-kpi-grid small{color:#49667a}.workbench-operations-card .report-kpi-grid strong,.workbench-operations-card .report-funnel b{color:#155d9b}@media(max-width:680px){.workbench-insights-agent{align-items:flex-start;flex-direction:column}.workbench-insights-agent button{width:100%}}
.crm-claw-card:has(.crm-claw-main.is-answers){grid-template-columns:minmax(0,1fr)!important}
.crm-claw-card:has(.crm-claw-main.is-answers) .crm-claw-rail{display:none!important}
.crm-claw-main.is-answers .crm-claw-transcript{width:100%;box-sizing:border-box;margin:0!important;padding:20px clamp(22px,3vw,52px) 18px!important}
.crm-claw-main.is-answers .crm-claw-report-main{width:100%;max-width:none!important}
/* v1976: the workbench card's <main class="workbench-operations-main"> also matches
   `main`, so it was padded twice (shell main 10px + this 10px) and the page lost
   20px of width per side.  Exclude it; keep the shell main padding.  Content
   padding 14px -> 10px.  Net: 34px -> 20px inset per side, and the Claw button
   now lines up with the metric tiles instead of sitting 4px inboard of them. */
@media(max-width:680px){body:has([data-view-panel="workbench"].active) main:not(.workbench-operations-main){padding-inline:10px!important}.workbench-operations-content{padding:4px!important}.crm-claw-main.is-answers .crm-claw-transcript{padding-inline:14px!important}}

/* v274: AI Workbench uses one clean desktop mark. It stays in the existing
   JANON 3D icon family, with a readable screen and a small AI status core. */
.nav-icon.icon-workbench{border-color:#70b8e7!important;background:radial-gradient(circle at 29% 17%,#f1feff 0 9%,#92d8f7 28%,#3987c9 64%,#0c477f 100%)!important;box-shadow:inset 0 2px 3px rgba(255,255,255,.86),inset 0 -5px 9px rgba(4,49,92,.4),0 8px 16px rgba(18,92,158,.25)!important}
.nav-icon.icon-workbench .janon-workbench-monitor{width:27px;height:27px;filter:drop-shadow(0 2px 2px rgba(3,38,72,.38))}
.nav-icon.icon-workbench .janon-workbench-monitor i{left:2px;top:3px;width:23px;height:15px;border-color:rgba(233,253,255,.98);border-radius:4px;background:linear-gradient(145deg,#ffffff 0%,#c9efff 38%,#61b5e5 100%);box-shadow:inset 1px 1px rgba(255,255,255,1),inset -2px -2px rgba(17,82,132,.18),0 2px 3px rgba(2,36,68,.32)}
.nav-icon.icon-workbench .janon-workbench-monitor i::after{left:3px;right:9px;top:3px;height:3px;background:rgba(255,255,255,.88)}
.nav-icon.icon-workbench .janon-workbench-monitor i::before{content:"";position:absolute;right:3px;bottom:3px;width:4px;height:4px;border:1px solid rgba(255,255,255,.96);border-radius:50%;background:#2d81dc;box-shadow:0 0 0 2px rgba(115,212,255,.48),0 1px 2px rgba(3,45,86,.34)}
.nav-icon.icon-workbench .janon-workbench-monitor b{left:10px;top:18px;width:6px;height:4px;border-color:rgba(232,252,255,.94);background:linear-gradient(90deg,#effbff,#6dbfe9)}
.nav-icon.icon-workbench .janon-workbench-monitor em{left:5px;right:5px;bottom:1px;height:3px;border-color:rgba(233,253,255,.96);background:linear-gradient(90deg,#ffffff,#a8dff5 52%,#58addb)}
.nav-button:hover .nav-icon.icon-workbench,.nav-button.active .nav-icon.icon-workbench{border-color:#a7dcfa!important;background:radial-gradient(circle at 29% 17%,#fbffff 0 9%,#b2e7fb 28%,#4e98d3 64%,#15558a 100%)!important}

/* v275: Answer view retains the left Janon AI rail. The reading area grows
   only inside the right panel; navigation and analysis history remain visible. */
.crm-claw-card:has(.crm-claw-main.is-answers){grid-template-columns:216px minmax(0,1fr)!important}
.crm-claw-card:has(.crm-claw-main.is-answers) .crm-claw-rail{display:flex!important}
.crm-claw-main.is-answers .crm-claw-transcript{width:100%;box-sizing:border-box;margin:0!important;padding:20px clamp(22px,3vw,52px) 18px!important}
@media(max-width:850px){.crm-claw-card:has(.crm-claw-main.is-answers){grid-template-columns:1fr!important}.crm-claw-card:has(.crm-claw-main.is-answers) .crm-claw-rail{display:none!important}}

/* v277: AI Workbench receives a distinct 3D console mark: central AI core,
   three workflow nodes and an online status lamp. It matches the blue glass
   family of the other sidebar modules without looking like a generic monitor. */
.nav-icon.icon-workbench .janon-workbench-monitor{display:none!important}
.nav-icon.icon-workbench .janon-workbench-ai-console{position:relative;display:block;width:27px;height:27px;filter:drop-shadow(0 2px 2px rgba(3,38,72,.42))}
.nav-icon.icon-workbench .janon-workbench-ai-console i{position:absolute;z-index:2;left:7px;top:6px;width:13px;height:13px;border:2px solid rgba(246,254,255,.98);border-radius:50%;background:radial-gradient(circle at 35% 28%,#ffffff 0 10%,#a8e6ff 28%,#438be5 66%,#294ba9 100%);box-shadow:inset 1px 1px rgba(255,255,255,.85),0 0 0 2px rgba(110,208,255,.36),0 2px 3px rgba(5,31,101,.4)}
.nav-icon.icon-workbench .janon-workbench-ai-console i::after{content:"";position:absolute;inset:3px;border:1px solid rgba(255,255,255,.82);border-radius:50%;box-shadow:0 0 4px rgba(205,250,255,.9)}
.nav-icon.icon-workbench .janon-workbench-ai-console b,.nav-icon.icon-workbench .janon-workbench-ai-console em,.nav-icon.icon-workbench .janon-workbench-ai-console u{position:absolute;z-index:1;width:6px;height:6px;border:1px solid rgba(235,253,255,.95);border-radius:50%;background:linear-gradient(145deg,#f6feff,#7ccaf2 55%,#337bc2);box-shadow:inset 1px 1px rgba(255,255,255,.95),0 1px 2px rgba(5,39,83,.38)}
.nav-icon.icon-workbench .janon-workbench-ai-console b{left:1px;top:3px}.nav-icon.icon-workbench .janon-workbench-ai-console em{right:0;top:5px}.nav-icon.icon-workbench .janon-workbench-ai-console u{left:11px;bottom:0}
.nav-icon.icon-workbench .janon-workbench-ai-console s{position:absolute;z-index:3;right:1px;bottom:1px;width:5px;height:5px;border:1px solid #eafff9;border-radius:50%;background:#25c789;box-shadow:0 0 0 2px rgba(20,105,164,.6),0 1px 2px rgba(3,45,86,.4)}

/* v278: Answers are one continuous reading flow. A user's prompt is a compact
   inline marker, never a right-aligned chat bubble that leaves a blank half-page. */
.crm-claw-main.is-answers .crm-claw-message,.crm-claw-main.is-thinking .crm-claw-message{display:block!important;box-sizing:border-box;width:100%!important;max-width:none!important;margin:0 0 16px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;justify-self:auto!important}
.crm-claw-main.is-answers .crm-claw-message.is-user,.crm-claw-main.is-thinking .crm-claw-message.is-user{padding:0 0 11px!important;border-bottom:1px solid #dce7f0!important;background:transparent!important}
.crm-claw-main.is-answers .crm-claw-message.is-user small,.crm-claw-main.is-thinking .crm-claw-message.is-user small{display:inline-block;margin:0 8px 0 0!important;color:#2564a3!important;font-weight:750}
.crm-claw-main.is-answers .crm-claw-message.is-user p,.crm-claw-main.is-thinking .crm-claw-message.is-user p{display:inline;color:#244d70!important;font-size:12px!important;line-height:1.65!important}
.crm-claw-main.is-answers .crm-claw-message.is-assistant>small,.crm-claw-main.is-thinking .crm-claw-message.is-assistant>small{display:none!important}

/* v279: a clean 3D AI workstation, not a generic node cluster. */
.nav-icon.icon-workbench .janon-workbench-ai-console{display:none!important}
.nav-icon.icon-workbench .janon-workbench-terminal{position:relative;display:block;width:28px;height:27px;filter:drop-shadow(0 2px 2px rgba(2,38,73,.42))}
.nav-icon.icon-workbench .janon-workbench-terminal i{position:absolute;left:2px;top:3px;width:24px;height:16px;border:1px solid rgba(234,253,255,.98);border-radius:5px;background:linear-gradient(145deg,#ffffff 0%,#c7efff 34%,#61b4e4 72%,#367abb 100%);box-shadow:inset 2px 2px rgba(255,255,255,.94),inset -2px -2px rgba(10,80,136,.18),0 2px 3px rgba(3,37,72,.34)}
.nav-icon.icon-workbench .janon-workbench-terminal i::before{content:"";position:absolute;left:7px;top:3px;width:8px;height:8px;border:1px solid rgba(251,255,255,.96);border-radius:50%;background:radial-gradient(circle at 36% 28%,#fff 0 14%,#a1e6ff 30%,#3e7ce2 68%,#273a98);box-shadow:0 0 0 2px rgba(85,177,235,.34),0 1px 2px rgba(6,33,92,.34)}
.nav-icon.icon-workbench .janon-workbench-terminal i::after{content:"";position:absolute;left:4px;right:4px;bottom:3px;height:2px;border-radius:4px;background:rgba(255,255,255,.82);box-shadow:0 -5px 0 -1px rgba(54,120,196,.38)}
.nav-icon.icon-workbench .janon-workbench-terminal b{position:absolute;z-index:2;left:11px;top:19px;width:6px;height:4px;border:1px solid rgba(233,253,255,.96);border-top:0;background:linear-gradient(90deg,#effcff,#66b9e8);box-shadow:1px 1px 1px rgba(3,38,72,.28)}
.nav-icon.icon-workbench .janon-workbench-terminal em{position:absolute;z-index:2;left:5px;right:5px;bottom:0;height:3px;border:1px solid rgba(233,253,255,.96);border-radius:4px;background:linear-gradient(90deg,#fff,#a6e0f5 48%,#58a8d6);box-shadow:inset 1px 1px rgba(255,255,255,.9),1px 1px 1px rgba(3,38,72,.25)}

/* v280: one restrained icon family and a compact operational desk. */
.nav-icon.icon-workbench{border-color:#b8d8ef!important;background:linear-gradient(145deg,#ffffff 0%,#edf7ff 58%,#dcefff 100%)!important;box-shadow:inset 0 1px rgba(255,255,255,.98),inset 0 -2px 4px rgba(55,126,180,.1),0 7px 14px rgba(33,99,148,.18)!important}
.nav-button:hover .nav-icon.icon-workbench,.nav-button.active .nav-icon.icon-workbench{border-color:#8ec5ea!important;background:linear-gradient(145deg,#ffffff,#e0f1ff)!important}
.nav-icon.icon-workbench .janon-workbench-terminal i{background:linear-gradient(145deg,#ffffff 0%,#f4fbff 55%,#d8effd 100%)!important}
.crm-claw-entry .crm-claw-orb,.crm-claw-rail header .crm-claw-orb{position:relative;overflow:hidden;border-color:#b8d8ef!important;background:linear-gradient(145deg,#ffffff 0%,#edf7ff 58%,#dcefff 100%)!important;color:transparent!important;text-shadow:none!important;box-shadow:inset 0 1px rgba(255,255,255,.98),inset 0 -2px 4px rgba(55,126,180,.1),0 5px 11px rgba(33,99,148,.15)!important}
.crm-claw-entry .crm-claw-orb::before,.crm-claw-rail header .crm-claw-orb::before{content:"";position:absolute;inset:8px;border:2px solid #5d9ed4;border-radius:50%;background:radial-gradient(circle at 36% 28%,#fff 0 14%,#c7efff 34%,#7ab9e3 72%);box-shadow:inset 1px 1px rgba(255,255,255,.9),0 1px 2px rgba(18,75,122,.25)}
.crm-claw-entry .crm-claw-orb::after,.crm-claw-rail header .crm-claw-orb::after{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;border:1px solid #fff;border-radius:50%;background:#377dd0;box-shadow:0 0 0 2px rgba(150,215,246,.7);transform:translate(-50%,-50%)}
.workbench-operations-card{min-height:0!important;align-self:start}
.workbench-operations-card .crm-claw-rail{gap:6px;padding:13px 12px}
.workbench-operations-card .workbench-rail-nav{gap:2px}
.workbench-operations-card .workbench-rail-nav button,.workbench-operations-card .crm-claw-entry{min-height:40px;padding:6px 8px}
.workbench-operations-card .workbench-rail-nav small,.workbench-operations-card .crm-claw-entry small{line-height:1.2}
.workbench-operations-card .crm-claw-rail footer{padding:8px;margin-top:8px}
.workbench-operations-card .workbench-operations-content{min-height:0!important;padding-bottom:12px!important}
.crm-claw-topbar{position:relative!important}
.crm-claw-topbar .crm-claw-subtabs{position:absolute;left:50%;margin:0!important;transform:translateX(-50%)}
@media(max-width:600px){.crm-claw-topbar .crm-claw-subtabs{position:static;transform:none;margin-left:auto!important}}

/* v281: the daily workbench is a full-height operational surface. Its left
   rail is intentionally easier to scan; the work queue and live counters use
   the remaining viewport instead of ending halfway down the screen. */
@media(min-width:851px){
  /* The command header already consumes the top portion of the page. The
     operational surface itself should continue to the bottom edge instead of
     ending halfway down the viewport. */
  .workbench-operations-card{min-height:calc(100vh - 158px)!important}
  .workbench-operations-card .workbench-operations-main{min-height:calc(100vh - 158px);grid-template-rows:auto minmax(0,1fr)!important}
  .workbench-operations-card .workbench-operations-content{display:flex;min-height:0!important;padding:18px 24px 20px!important}
  .workbench-operations-card .workbench-overview-grid{flex:1;min-height:0;grid-template-columns:minmax(0,1.28fr) minmax(250px,.72fr)}
  .workbench-operations-card .workbench-priority-card{display:flex;min-height:0;flex-direction:column}
  .workbench-operations-card .workbench-operation-row{flex:1;min-height:56px}
  .workbench-operations-card .workbench-overview-side{grid-template-rows:repeat(3,minmax(0,1fr));min-height:0}
  .workbench-operations-card .workbench-overview-side article{min-height:0;align-content:center}
}
.workbench-operations-card .crm-claw-rail{gap:10px!important;padding:17px 14px!important}
.workbench-operations-card .crm-claw-rail header{padding:3px 2px 12px!important}
.workbench-operations-card .crm-claw-rail header .crm-claw-orb{width:36px!important;height:36px!important;border-radius:12px!important}
.workbench-operations-card .crm-claw-rail header strong{font-size:16px!important}
.workbench-operations-card .crm-claw-rail header small{font-size:10px!important}
.workbench-operations-card .workbench-rail-nav{gap:5px!important}
.workbench-operations-card .workbench-rail-nav button,.workbench-operations-card .crm-claw-entry{grid-template-columns:32px minmax(0,1fr)!important;min-height:52px!important;gap:10px!important;padding:9px 10px!important}
.workbench-operations-card .workbench-rail-nav i{width:28px!important;height:28px!important;border-radius:9px!important;font-size:15px!important}
.workbench-operations-card .workbench-rail-nav strong,.workbench-operations-card .crm-claw-entry strong{font-size:13px!important}
.workbench-operations-card .workbench-rail-nav small,.workbench-operations-card .crm-claw-entry small{font-size:11px!important;line-height:1.35!important}
.workbench-operations-card .crm-claw-entry{grid-template-columns:38px minmax(0,1fr)!important}
.workbench-operations-card .crm-claw-entry .crm-claw-orb{width:34px!important;height:34px!important;border-radius:11px!important}
.workbench-operations-card .crm-claw-rail footer{padding:11px!important;margin-top:auto!important}
.workbench-operations-card .crm-claw-rail footer b{font-size:20px!important}
.workbench-operations-card .crm-claw-rail footer span{font-size:11px!important}
.workbench-operations-card .workbench-operations-head h3{color:#123a5d!important}.workbench-operations-card .workbench-operations-head span{color:#365a73!important}.workbench-operations-card .workbench-rail-nav strong,.workbench-operations-card .crm-claw-entry strong{color:#173f60!important}.workbench-operations-card .workbench-rail-nav small,.workbench-operations-card .crm-claw-entry small{color:#45667e!important}

/* v283: the inner AI-workbench rail needs the same readable glass-3D language
   as JANON's primary rail. These are operational identifiers, not faint text glyphs. */
.workbench-operations-card{grid-template-columns:236px minmax(0,1fr)!important}
.workbench-operations-card .crm-claw-rail{background:linear-gradient(180deg,#f8fcff 0%,#edf6ff 48%,#e4f0fb 100%)!important}
.workbench-operations-card .workbench-rail-nav{display:flex!important;flex:1;flex-direction:column!important;gap:7px!important}
.workbench-operations-card .workbench-rail-nav button{min-height:58px!important;border-color:transparent!important;background:rgba(255,255,255,.24)!important}
.workbench-operations-card .workbench-rail-nav button:hover{border-color:#a9cce7!important;background:rgba(255,255,255,.82)!important}
.workbench-operations-card .workbench-rail-nav button.is-active{border-color:#8dbfe4!important;background:linear-gradient(135deg,#ffffff,#e8f5ff)!important;box-shadow:inset 0 1px 0 #fff,0 7px 14px rgba(36,100,156,.11)!important}
.workbench-operations-card .workbench-rail-icon{position:relative;isolation:isolate;overflow:hidden;width:31px!important;height:31px!important;border:1px solid #8fc4e8!important;border-radius:10px!important;background:linear-gradient(145deg,#fff 0%,#eaf7ff 55%,#b9ddf6 100%)!important;color:#1f649f!important;font-size:15px!important;font-style:normal;font-weight:900!important;line-height:29px!important;text-align:center;text-shadow:0 1px rgba(255,255,255,.96);box-shadow:inset 1px 1px rgba(255,255,255,.98),inset -2px -3px 5px rgba(40,125,181,.16),0 4px 7px rgba(31,91,144,.2)!important}
.workbench-operations-card .workbench-rail-icon::after{content:"";position:absolute;z-index:-1;top:3px;left:5px;width:14px;height:6px;border-radius:50%;background:rgba(255,255,255,.82);filter:blur(1px)}
.workbench-operations-card .workbench-rail-icon.is-overview{color:#246db0!important}.workbench-operations-card .workbench-rail-icon.is-insights{color:#315cc1!important}.workbench-operations-card .workbench-rail-icon.is-followups{color:#2376aa!important}.workbench-operations-card .workbench-rail-icon.is-opportunities{color:#3666c7!important}.workbench-operations-card .workbench-rail-icon.is-messages{color:#2786ad!important}.workbench-operations-card .workbench-rail-icon.is-intelligence{color:#4f68b7!important}
.workbench-operations-card .workbench-rail-nav strong{font-size:14px!important;letter-spacing:.01em}.workbench-operations-card .workbench-rail-nav small{font-size:11px!important}.workbench-operations-card .crm-claw-entry{min-height:60px!important}.workbench-operations-card .crm-claw-entry .crm-claw-orb{width:38px!important;height:38px!important}

/* v283b: WhatsApp-like calm background, with dark text hierarchy for reading.
   Blue remains an action colour; it is not used as the default text colour. */
.workbench-operations-card .workbench-operations-main{background:linear-gradient(145deg,#f5fbf7 0%,#edf7f1 55%,#f8fcfa 100%)!important}.workbench-operations-card .workbench-operations-content{background:linear-gradient(180deg,rgba(239,248,243,.55),rgba(230,244,237,.74))!important}.workbench-operations-card .workbench-operations-head{background:rgba(255,255,255,.74)!important}.workbench-operations-card .workbench-operations-head h3{color:#15222b!important}.workbench-operations-card .workbench-operations-head span{color:#52606b!important}.workbench-operations-card .workbench-operations-head p{color:#2f609a!important}.workbench-operations-card .workbench-rail-nav strong,.workbench-operations-card .crm-claw-entry strong{color:#192832!important}.workbench-operations-card .workbench-rail-nav small,.workbench-operations-card .crm-claw-entry small{color:#596773!important}.workbench-operations-card .workbench-priority-card header strong,.workbench-operations-card .workbench-operation-row strong{color:#172630!important}.workbench-operations-card .workbench-priority-card header small,.workbench-operations-card .workbench-operation-row small,.workbench-operations-card .workbench-overview-side span{color:#53616c!important}.workbench-operations-card .workbench-operation-row em{color:#365978!important}.crm-claw-main{background:linear-gradient(145deg,#f6fcf8 0%,#edf7f1 55%,#f9fcfa 100%)!important}.crm-claw-main.is-answers .crm-claw-transcript{background:rgba(250,254,251,.9)!important;border-color:#cfe4d8!important}.crm-claw-question-line span{color:#2b5f8a!important}.crm-claw-question-line strong{color:#18262f!important}.crm-claw-report-intro{color:#52616b!important}.crm-claw-report-intro i,.crm-claw-report-main h4 i,.crm-claw-report-section h5 i{display:inline-grid;width:17px;height:17px;margin-right:6px;place-items:center;border-radius:50%;background:#e2f0ff;color:#2864ac;font-size:9px;font-style:normal;vertical-align:1px}.crm-claw-report-main h4{color:#16232d!important}.crm-claw-report-headline{color:#14242f!important}.crm-claw-report-findings strong{display:flex!important;align-items:center;gap:7px;color:#1b2a34!important}.crm-claw-report-findings strong i{display:inline-grid;width:19px;height:19px;flex:0 0 auto;place-items:center;border-radius:6px;background:#e6f3ec;color:#1d7a56;font-size:10px;font-style:normal}.crm-claw-report-findings p,.crm-claw-report-section ol{color:#3f4c56!important}.crm-claw-report-section h5{color:#172630!important}.crm-claw-report-risk{display:flex;align-items:flex-start;gap:6px;background:#fff9ed!important;color:#5c513d!important}.crm-claw-report-risk>i{display:inline-grid;width:16px;height:16px;flex:0 0 auto;place-items:center;border-radius:50%;background:#f4c66f;color:#735116;font-size:11px;font-style:normal;font-weight:900}.crm-claw-report-risk strong{color:#76511b!important}

/* v284: red is reserved for genuine urgency; warm gold identifies a quotation or human review. */
.workbench-operations-card .workbench-operation-row.is-due{background:linear-gradient(90deg,#fff7f6 0%,#fff 72%)!important;border-left:3px solid #d85a52!important;padding-left:9px!important}.workbench-operations-card .workbench-operation-row.is-due>span{background:#ffe3df!important;color:#a53b36!important}.workbench-operations-card .workbench-operation-row.is-due em{color:#b43c36!important;font-weight:800}.workbench-operations-card .workbench-operation-row.is-hot:not(.is-due){background:linear-gradient(90deg,#fffaf1 0%,#fff 72%)!important;border-left:3px solid #d99a3c!important;padding-left:9px!important}.workbench-operations-card .workbench-operation-row.is-hot:not(.is-due)>span{background:#fff0cb!important;color:#9b6416!important}.workbench-operations-card .workbench-operation-row.is-hot:not(.is-due) em{color:#95651f!important;font-weight:800}.workbench-operations-card .workbench-overview-side article:first-child strong{color:#bf413b!important}.workbench-operations-card .workbench-overview-side article:nth-child(2) strong{color:#a46b17!important}.crm-claw-report-risk{border-left-color:#d95750!important;background:#fff5f3!important;color:#59403d!important}.crm-claw-report-risk>i{background:#f7ccc8!important;color:#a53832!important}.crm-claw-report-risk strong{color:#a53832!important}

/* v286: the AI workbench has one horizontal command strip, not a second vertical sidebar. */
.workbench-operations-card{grid-template-columns:minmax(0,1fr)!important}.workbench-operations-card .workbench-operations-main{grid-template-rows:auto auto minmax(0,1fr)!important}.workbench-section-tabs{display:flex;align-items:center;gap:12px;padding:10px 22px;border-bottom:1px solid #d9e8df;background:rgba(255,255,255,.58)}.workbench-tabs-list{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;flex:1;min-width:0}.workbench-tabs-list button{display:flex;min-width:0;align-items:center;gap:7px;padding:7px 8px;border:1px solid #d7e5ec;border-radius:9px;background:rgba(255,255,255,.7);color:#23323c;text-align:left;cursor:pointer}.workbench-tabs-list button:hover{border-color:#9fc7e4;background:#fff}.workbench-tabs-list button.is-active{border-color:#7eb8e1;background:linear-gradient(135deg,#fff,#e8f6ff);box-shadow:0 4px 9px rgba(35,99,150,.1)}.workbench-tabs-list .workbench-rail-icon,.workbench-tabs-list .crm-claw-orb{display:grid;flex:0 0 auto;width:27px!important;height:27px!important;place-items:center;border-radius:9px}.workbench-tabs-list span:not(.crm-claw-orb),.workbench-tabs-list div{display:grid;min-width:0;gap:1px}.workbench-tabs-list strong{overflow:hidden;color:#172630;font-size:12px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.workbench-tabs-list small{overflow:hidden;color:#65737c;font-size:9px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.workbench-tabs-status{flex:0 0 auto;white-space:nowrap;color:#52616b;font-size:11px}.workbench-tabs-status b{color:#bd433d;font-size:18px}.workbench-operations-card .workbench-operations-content{display:block!important;min-height:0!important;overflow:auto;padding:18px 24px 22px!important}.workbench-operations-card .workbench-operation-row{display:grid!important;width:100%!important;min-height:68px!important;flex:none!important}.workbench-operations-card .workbench-overview-grid{min-height:100%;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr)}@media(max-width:1100px){.workbench-tabs-list{grid-template-columns:repeat(4,minmax(0,1fr))}.workbench-section-tabs{align-items:flex-start}.workbench-tabs-status{padding-top:7px}}@media(max-width:700px){.workbench-section-tabs{padding:9px 12px}.workbench-tabs-list{grid-template-columns:repeat(2,minmax(0,1fr))}.workbench-tabs-status{display:none}.workbench-operations-card .workbench-operations-content{padding:12px!important}}

/* v286b: the pale green belongs to the whole working surface, while text keeps JANON's dark operational hierarchy. */
.workbench-operations-card .workbench-operations-content{background:linear-gradient(145deg,#eef9f1 0%,#e5f4ea 54%,#eff8f2 100%)!important}.workbench-operations-card .workbench-priority-card,.workbench-operations-card .workbench-overview-side article,.workbench-operations-card .workbench-operation-row{background:rgba(252,255,252,.9)!important;border-color:#d3e5d9!important}.workbench-operations-card .workbench-priority-card header{background:linear-gradient(135deg,#f9fffa,#edf8ef)!important;border-bottom-color:#dbece0!important}.workbench-operations-card .workbench-operation-row:hover{background:#f0faf3!important}.workbench-operations-card .workbench-operation-row strong,.workbench-operations-card .workbench-priority-card header strong{color:#101b22!important;font-size:13px!important}.workbench-operations-card .workbench-operation-row small,.workbench-operations-card .workbench-priority-card header small,.workbench-operations-card .workbench-overview-side span{color:#435159!important;font-size:11px!important}.workbench-operations-card .workbench-operation-row em{color:#285c86!important;font-size:10px!important}.workbench-operations-card .workbench-overview-side article{box-shadow:0 7px 16px rgba(40,91,62,.09),inset 0 1px rgba(255,255,255,.94)!important}.workbench-operations-card .workbench-overview-side button,.workbench-operations-card .workbench-priority-card header button{color:#1768a6!important}.workbench-insights,.workbench-insights .reports-workbench{background:transparent!important}.workbench-insights .report-card,.workbench-insights .report-panel,.workbench-insights .report-kpi{background:rgba(252,255,252,.9)!important;border-color:#d3e5d9!important}.workbench-insights h2,.workbench-insights h3,.workbench-insights h4{color:#101b22!important}.workbench-insights p,.workbench-insights td,.workbench-insights th,.workbench-insights small{color:#435159!important}.workbench-insights .report-kpi strong{color:#165b96!important}.workbench-operations-card .workbench-empty,.workbench-operations-card .workbench-intelligence-empty p{color:#47565f!important}

/* Customer records use a horizontal work grid: complete cards, not a squeezed single row or a long vertical queue. */
.workbench-queue-grid{display:grid;grid-template-columns:repeat(auto-fill,250px);gap:10px;justify-content:start;align-content:start}.workbench-queue-grid .workbench-operation-row{display:flex!important;min-height:122px!important;flex-direction:column;align-items:stretch!important;gap:6px!important;padding:12px!important;border:1px solid #d3e5d9!important;border-left-width:3px!important;border-radius:9px!important;box-shadow:0 4px 10px rgba(40,91,62,.055)}.workbench-queue-grid .workbench-operation-row>span{align-self:flex-start;min-width:0!important;height:auto!important;margin:0!important;padding:3px 7px!important;border-radius:999px!important;font-size:10px!important;line-height:1.2!important}.workbench-queue-grid .workbench-operation-row div{display:grid;gap:4px!important;padding:0!important}.workbench-queue-grid .workbench-operation-row strong{font-size:14px!important;line-height:1.22!important}.workbench-queue-grid .workbench-operation-row .workbench-record-meta{color:#476a80!important;font-size:11px!important;white-space:nowrap!important}.workbench-queue-grid .workbench-operation-row .workbench-record-content{overflow:hidden;display:-webkit-box!important;color:#33434d!important;font-size:11px!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal!important;line-height:1.42!important}@media(max-width:720px){.workbench-queue-grid{grid-template-columns:1fr}.workbench-queue-grid .workbench-operation-row{min-height:116px!important}}

/* v291: every queue reuses Today's operational hierarchy: main customer area plus a compact factual side summary. */
.workbench-queue-layout{height:100%;min-height:0}.workbench-queue-layout .workbench-priority-card{min-height:0}.workbench-queue-layout .workbench-queue-grid{padding:12px}.workbench-queue-layout .workbench-overview-side{grid-template-rows:repeat(2,minmax(0,1fr));min-height:0}.workbench-queue-layout .workbench-overview-side article{align-content:center}

/* v292: Janon AI answers read like a concise analyst note, not one grey paragraph.
   Colour is semantic: blue = action, gold = quote/value, red = human risk. */
.crm-claw-main.is-answers .crm-claw-report-main{color:#303a42!important}.crm-claw-main.is-answers .crm-claw-report-intro{color:#66727b!important}.crm-claw-main.is-answers .crm-claw-report-main h4{display:flex;align-items:center;gap:7px;color:#111b22!important;font-size:15px!important;letter-spacing:.01em}.crm-claw-main.is-answers .crm-claw-report-main h4 i{width:22px;height:22px;margin:0;border-radius:7px;background:#e8f2ff;color:#2867c6;font-size:13px}.crm-claw-main.is-answers .crm-claw-report-headline{padding-left:29px;border-left:3px solid #3b82d0;color:#182229!important;font-size:14px!important;line-height:1.72!important}.crm-claw-main.is-answers .crm-claw-report-findings{display:grid;gap:8px}.crm-claw-main.is-answers .crm-claw-report-findings article{padding:10px 12px!important;border:1px solid #d8e8f4;border-left:3px solid #4389d9;border-radius:10px;background:rgba(255,255,255,.72)}.crm-claw-main.is-answers .crm-claw-report-findings article.is-finding-2{border-left-color:#d59a31;background:#fffaf1}.crm-claw-main.is-answers .crm-claw-report-findings strong{color:#17222b!important;font-size:13px}.crm-claw-main.is-answers .crm-claw-report-findings article.is-finding-1 strong i{background:#e4f1ff;color:#2569c2}.crm-claw-main.is-answers .crm-claw-report-findings article.is-finding-2 strong i{background:#fff0cd;color:#9a651a}.crm-claw-main.is-answers .crm-claw-report-findings p{margin:5px 0 0 26px!important;color:#46535c!important;font-size:12px!important;line-height:1.65!important}.crm-claw-main.is-answers .crm-claw-report-section{border-top-color:#d8e5ed!important}.crm-claw-main.is-answers .crm-claw-report-section h5{display:flex;align-items:center;gap:7px;color:#195eaa!important;font-size:13px!important}.crm-claw-main.is-answers .crm-claw-report-section h5 i{width:20px;height:20px;margin:0;border-radius:50%;background:#e2f1ff;color:#2172c6;font-size:12px}.crm-claw-main.is-answers .crm-claw-report-section li{color:#35424a!important}.crm-claw-main.is-answers .crm-claw-report-section li::marker{color:#2d78c8;font-weight:900}.crm-claw-main.is-answers .crm-claw-report-risk{border:1px solid #f1c9c3!important;border-left:3px solid #d54b43!important;background:#fff5f3!important;color:#593d3a!important}.crm-claw-main.is-answers .crm-claw-report-risk>i{width:20px;height:20px;background:#f8d4cf!important;color:#b33d36!important}.crm-claw-main.is-answers .crm-claw-report-risk strong{color:#a63832!important}

/* v292b: answer notes remain a continuous article.  There are no mini cards. */
.crm-claw-main.is-answers .crm-claw-report-findings{display:none!important}.crm-claw-main.is-answers .crm-claw-report-notes{margin:14px 0 0}.crm-claw-main.is-answers .crm-claw-report-notes article{padding:12px 0;border-top:1px solid #dbe5e6;background:transparent}.crm-claw-main.is-answers .crm-claw-report-notes h5{display:flex;align-items:center;gap:7px;margin:0;color:#17222b!important;font-size:14px!important;line-height:1.4}.crm-claw-main.is-answers .crm-claw-report-notes h5 i{font-size:15px;font-style:normal}.crm-claw-main.is-answers .crm-claw-report-notes article.is-finding-1 h5{color:#1d5f9e!important}.crm-claw-main.is-answers .crm-claw-report-notes article.is-finding-2 h5{color:#9a651a!important}.crm-claw-main.is-answers .crm-claw-report-notes p{margin:7px 0 0 26px!important;color:#3d484f!important;font-size:13px!important;line-height:1.72!important;white-space:pre-wrap}.crm-claw-main.is-answers .crm-claw-report-section{margin-top:16px!important;padding-top:14px!important;border-top:1px solid #d8e5ed!important}.crm-claw-main.is-answers .crm-claw-report-section h5{display:flex;align-items:center;gap:7px;margin:0 0 8px;color:#195eaa!important;font-size:14px!important}.crm-claw-main.is-answers .crm-claw-report-section h5 i{width:auto!important;height:auto!important;margin:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;font-size:15px!important;font-style:normal}.crm-claw-main.is-answers .crm-claw-report-section ul{display:grid;gap:6px;margin:0;padding-left:27px}.crm-claw-main.is-answers .crm-claw-report-section li{color:#35424a!important;font-size:13px;line-height:1.65}.crm-claw-main.is-answers .crm-claw-report-section li::marker{color:#2d78c8;font-weight:900}.crm-claw-main.is-answers .crm-claw-report-risk{display:block!important;margin-top:16px!important;padding:12px 0 0!important;border:0!important;border-top:1px solid #ecc5bf!important;border-radius:0!important;background:transparent!important;color:#593d3a!important;font-size:13px!important;line-height:1.65!important}.crm-claw-main.is-answers .crm-claw-report-risk>i{display:inline!important;width:auto!important;height:auto!important;margin-right:6px;background:transparent!important;color:#b33d36!important;font-size:15px!important}.crm-claw-main.is-answers .crm-claw-report-risk strong{color:#a63832!important}

/* v293: restore the proven vertical secondary navigation.  Main content and its colours stay untouched. */
.workbench-operations-card{grid-template-columns:216px minmax(0,1fr)!important}.workbench-operations-card .workbench-operations-main{grid-template-rows:auto minmax(0,1fr)!important}.workbench-operations-card .crm-claw-rail{display:flex!important}.workbench-operations-card .workbench-section-tabs{display:none!important}
@media(max-width:850px){.workbench-operations-card{grid-template-columns:1fr!important}.workbench-operations-card .crm-claw-rail{display:none!important}}

/* v295: every workbench screen keeps the identical Janon AI entry and secondary menu. */
.crm-claw-card:not(.workbench-operations-card) .workbench-rail-nav{display:grid!important;flex:none!important;gap:5px!important}.crm-claw-card:not(.workbench-operations-card) .workbench-rail-nav button{min-height:42px!important}.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail{overflow-y:auto}.crm-claw-card:not(.workbench-operations-card) .crm-claw-new{margin-top:2px}

/* v308: Janon AI is a real conversation. The rail retains the full analysis
   history, while the main panel only shows the selected question and answer. */
.crm-claw-card:not(.workbench-operations-card) .crm-claw-history{display:grid!important;gap:7px!important;max-height:calc(100vh - 285px);overflow-y:auto!important;overscroll-behavior:contain;padding-right:3px;scrollbar-width:thin}.crm-claw-card:not(.workbench-operations-card) .crm-claw-history button{min-height:46px!important;font-size:11px!important;line-height:1.48!important}.crm-claw-card:not(.workbench-operations-card) .crm-claw-history button.is-active{border-color:#6c9bd0!important;background:#fff!important;color:#193e60!important;box-shadow:0 5px 12px rgba(46,98,145,.13)}.crm-claw-card:not(.workbench-operations-card) .crm-claw-main{grid-template-rows:auto auto auto minmax(160px,1fr) auto!important}.crm-claw-card:not(.workbench-operations-card) .crm-claw-transcript{max-height:none!important;min-height:250px!important;overflow-y:auto!important}.crm-claw-card:not(.workbench-operations-card) .crm-claw-question-line{color:#304657!important}.crm-claw-card:not(.workbench-operations-card) .crm-claw-question-line span{color:#2867a8!important}.crm-claw-card:not(.workbench-operations-card) .crm-claw-report-intro{font-size:12px!important}.crm-claw-card:not(.workbench-operations-card) .crm-claw-report{max-width:1120px!important;margin-right:auto!important}

/* v300: research is source-traceable, and a successful repair is visible without opening customer details. */
.research-recent-completed-card{overflow:hidden;border:1px solid #bddded;border-radius:10px;background:linear-gradient(135deg,#fbfeff,#f1f9ff)}.research-recent-completed-list{display:grid}.research-recent-completed-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px solid #deecf4}.research-recent-completed-list article:last-child{border-bottom:0}.research-recent-completed-list article>div:first-child{display:grid;gap:4px;min-width:0}.research-recent-completed-list strong{color:#183f5a;font-size:13px}.research-recent-completed-list small{overflow:hidden;color:#59758b;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.research-source-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.research-source-badge,.research-source-empty{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border:1px solid #d4e3ec;border-radius:999px;background:#fff;color:#758896;font-size:10px;line-height:1.4}.research-source-badge i{display:inline-grid;width:12px;height:12px;place-items:center;border-radius:50%;background:#e1eaf0;color:#758896;font-size:9px;font-style:normal;font-weight:900}.research-source-badge.is-found{border-color:#a8d8c5;background:#f4fcf8;color:#216c54}.research-source-badge.is-found i{background:#33a779;color:#fff}.research-source-badge.is-missing{background:#fbfcfd;color:#8999a4}.research-awaiting_import{border-color:#e1c791!important;background:#fff8e8!important;color:#8d651e!important}.research-awaiting_import .research-status-icon{background:#f3c466!important;color:#624514!important}
.research-result-sources{margin:10px 0}.research-result-sources>b{display:inline-flex;align-items:center;color:#315b76;font-size:11px}

/* v301: source states describe actual investigation coverage. A URL collected
   by CRM is not presented as a public-web verification. */
.research-source-badge.is-verified{border-color:#9bd6bd;background:#f1fcf6;color:#186846}.research-source-badge.is-verified i{background:#27a66e;color:#fff}.research-source-badge.is-collected{border-color:#abd0ed;background:#f2f8ff;color:#296497}.research-source-badge.is-collected i{background:#4c91cf;color:#fff}.research-source-badge.is-not-run{border-color:#d4dde2;background:#fbfcfd;color:#6f7d86}.research-source-badge.is-not-run i{background:#8796a0;color:#fff}.research-source-badge.is-no-result{border-color:#efc2be;background:#fff7f6;color:#b34b43}.research-source-badge.is-no-result i{background:#d85b52;color:#fff}.intelligence-source-strip .research-source-badge{font-size:10px}
.research-source-evidence{margin:9px 0;border-top:1px solid #deeaed}.research-source-evidence summary{padding:8px 0;color:#266798;font-size:11px;font-weight:800;cursor:pointer}.research-source-evidence>div{display:grid;gap:5px;padding:0 0 8px}.research-source-evidence p{display:grid;grid-template-columns:86px 70px minmax(0,1fr) auto;gap:7px;align-items:center;margin:0;padding:6px 8px;border:1px solid #e0e9ec;border-radius:7px;background:#fcfffd;color:#475761;font-size:10px}.research-source-evidence p>b{color:#243943;font-size:11px}.research-source-evidence p>em{overflow:hidden;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.research-source-evidence p>a{color:#246bb2;font-weight:750;text-decoration:none}.research-source-evidence .state-verified,.research-source-evidence .state-found{color:#198258}.research-source-evidence .state-collected{color:#2d70ae}.research-source-evidence .state-no_result,.research-source-evidence .state-missing{color:#bd4c44}.research-source-evidence .state-not_run{color:#78848b}@media(max-width:680px){.research-source-evidence p{grid-template-columns:74px 58px minmax(0,1fr)}.research-source-evidence p>a{grid-column:3}}

/* v300b: customer detail is a compact, top-tabbed record instead of one long scroll. */
#leadDetail .customer-detail-tabs{position:sticky;z-index:3;top:-14px;display:flex;gap:5px;overflow-x:auto;margin:0 -2px 11px;padding:8px 2px;border-bottom:1px solid #d8e6ea;background:rgba(255,255,255,.96);backdrop-filter:blur(7px);scrollbar-width:thin}#leadDetail .customer-detail-tabs button{flex:0 0 auto;min-height:30px;padding:0 10px;border:1px solid #d3e1e6;border-radius:7px;background:#f9fcfc;color:#41535b;font-size:11px;font-weight:750;cursor:pointer}#leadDetail .customer-detail-tabs button:hover{border-color:#74b9b4;background:#f0fbf8;color:#126d62}#leadDetail .customer-detail-tabs button.is-active{border-color:#1d9b8b;background:linear-gradient(145deg,#e9fbf5,#d9f4ec);box-shadow:0 3px 8px rgba(20,125,111,.14);color:#096a5c}.customer-detail-tab-panel{display:none}.customer-detail-tab-panel.is-active{display:block}.customer-detail-tab-panel[data-detail-tab-panel="overview"]>.detail-grid{margin-bottom:8px}.customer-detail-tab-panel[data-detail-tab-panel="intelligence"]>.detail-section:first-child{margin-top:0}#leadDetail .unified-state-section{background:linear-gradient(135deg,#f7fffc,#eefaf6)}#leadDetail .customer-management-summary{background:linear-gradient(135deg,#fbfffd,#eef9f4)}

/* v311: Janon AI occupies the visible desktop work area. The outer document
   never needs to move; only the answer and analysis history scroll. */
@media(min-width:851px){html:has([data-view-panel="workbench"].active .crm-claw-card:not(.workbench-operations-card)),body:has([data-view-panel="workbench"].active .crm-claw-card:not(.workbench-operations-card)){height:100dvh!important;overflow:hidden!important}.crm-claw-card:not(.workbench-operations-card){height:calc(100dvh - 155px)!important;min-height:0!important;max-height:calc(100dvh - 155px)!important;overflow:hidden!important}}
.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail{min-height:0!important;height:100%!important;overflow:hidden!important}.crm-claw-card:not(.workbench-operations-card) .crm-claw-history{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain}.crm-claw-card:not(.workbench-operations-card) .crm-claw-main{display:flex!important;flex-direction:column!important;min-height:0!important;height:100%!important;overflow:hidden!important}.crm-claw-card:not(.workbench-operations-card) .crm-claw-topbar,.crm-claw-card:not(.workbench-operations-card) .crm-claw-hero,.crm-claw-card:not(.workbench-operations-card) .crm-claw-question-bank,.crm-claw-card:not(.workbench-operations-card) .crm-claw-query-zone,.crm-claw-card:not(.workbench-operations-card) .crm-claw-main>footer{flex:0 0 auto!important}.crm-claw-card:not(.workbench-operations-card) .crm-claw-transcript{flex:1 1 auto!important;min-height:0!important;max-height:none!important;margin:0!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable}.crm-claw-card:not(.workbench-operations-card) .crm-claw-query-zone{order:5;margin:0!important;padding:10px 20px 8px!important;border-top:1px solid #dce8ef!important;border-bottom:0!important;background:rgba(250,254,251,.98)!important;box-shadow:0 -8px 18px rgba(40,86,77,.06)}.crm-claw-card:not(.workbench-operations-card) .crm-claw-main>footer{order:6}.crm-claw-card:not(.workbench-operations-card) .crm-claw-query-zone .crm-claw-composer-inline{min-height:76px!important}.crm-claw-card:not(.workbench-operations-card) .crm-claw-query-zone .crm-claw-composer-inline textarea{min-height:74px!important}.crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-query-zone{padding-top:10px!important}.crm-claw-main.is-answers .crm-claw-report-summary{margin:10px 0 0!important;color:#3b4850!important;font-size:13px!important;line-height:1.72!important;white-space:pre-wrap}@media(max-width:850px){.crm-claw-card:not(.workbench-operations-card){height:auto!important;max-height:none!important}.crm-claw-card:not(.workbench-operations-card) .crm-claw-main{height:auto!important}.crm-claw-card:not(.workbench-operations-card) .crm-claw-transcript{min-height:360px!important}}

/* v312: once a real analysis is open, give the report the full reading area.
   Welcome prompts belong only to the new-analysis screen, not above a result. */
.crm-claw-card:not(.workbench-operations-card) .crm-claw-main.has-open-conversation .crm-claw-hero{display:none!important}.crm-claw-card:not(.workbench-operations-card) .crm-claw-main.has-open-conversation .crm-claw-query-zone{padding:8px 20px 6px!important}.crm-claw-card:not(.workbench-operations-card) .crm-claw-main.has-open-conversation .crm-claw-prompts{display:none!important}.crm-claw-card:not(.workbench-operations-card) .crm-claw-main.has-open-conversation .crm-claw-modes{justify-content:flex-start;gap:10px;margin:6px 0 0!important;padding:0 2px!important}.crm-claw-card:not(.workbench-operations-card) .crm-claw-main.has-open-conversation .crm-claw-modes button{padding:3px 5px!important;font-size:10px!important}.crm-claw-card:not(.workbench-operations-card) .crm-claw-main.has-open-conversation .crm-claw-transcript{padding:18px clamp(22px,3vw,52px)!important}.crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-new-analysis .crm-claw-transcript{display:none!important}.crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-new-analysis .crm-claw-query-zone{margin-top:auto!important}

/* v313: keep the useful thinking prompts visible after a result opens, but
   constrain them to a compact, independently scrollable reference strip. */
.crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-thinking.has-open-conversation .crm-claw-question-bank{display:grid!important;max-height:104px;min-height:0;margin:0 18px 4px;padding:7px 12px;gap:5px;overflow-y:auto;overscroll-behavior:contain;border-top:1px solid #e2eaf1;background:linear-gradient(180deg,#f8fcff,#f3f9ff);scrollbar-gutter:stable}.crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-thinking.has-open-conversation .crm-claw-question-bank article{grid-template-columns:76px minmax(0,1fr);gap:7px}.crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-thinking.has-open-conversation .crm-claw-question-bank article>strong{padding-top:3px;font-size:10px}.crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-thinking.has-open-conversation .crm-claw-question-bank article>div{gap:4px}.crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-thinking.has-open-conversation .crm-claw-question-bank button{padding:3px 7px;font-size:9px;line-height:1.3}.crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-question-bank{display:none!important}

/* Keep the 3D thinking core present even while the large welcome block is
   collapsed. Recover lower reading height from the old oversized footnote. */
.crm-claw-topbar strong{display:flex;align-items:center;gap:7px}.crm-claw-topbar .crm-claw-thinking-orb{display:grid;width:24px;height:24px;place-items:center;border-radius:8px;font-size:12px;font-style:normal}.crm-claw-card:not(.workbench-operations-card) .crm-claw-main>footer{min-height:0!important;padding:5px 20px!important;font-size:9px!important;line-height:1.2!important}

/* v313b: restore the approved thought-page structure. The original 3D core,
   full prompt groups and mode strip remain; only the surplus lower footer is
   reduced so the dialogue area reaches further down the page. */
.crm-claw-card:not(.workbench-operations-card) .crm-claw-main.has-open-conversation .crm-claw-hero{display:grid!important}.crm-claw-card:not(.workbench-operations-card) .crm-claw-main.has-open-conversation .crm-claw-question-bank{display:grid!important;max-height:none!important;min-height:0!important;margin:0 18px 12px!important;padding:13px!important;gap:10px!important;overflow:visible!important;background:linear-gradient(180deg,#fbfdff,#f4f8ff)!important}.crm-claw-card:not(.workbench-operations-card) .crm-claw-main.has-open-conversation .crm-claw-question-bank article{grid-template-columns:88px minmax(0,1fr)!important;gap:10px!important}.crm-claw-card:not(.workbench-operations-card) .crm-claw-main.has-open-conversation .crm-claw-question-bank article>strong{padding-top:6px!important;font-size:11px!important}.crm-claw-card:not(.workbench-operations-card) .crm-claw-main.has-open-conversation .crm-claw-question-bank article>div{gap:6px!important}.crm-claw-card:not(.workbench-operations-card) .crm-claw-main.has-open-conversation .crm-claw-question-bank button{padding:6px 9px!important;font-size:10px!important;line-height:1.35!important}.crm-claw-card:not(.workbench-operations-card) .crm-claw-main.has-open-conversation .crm-claw-prompts{display:flex!important}.crm-claw-card:not(.workbench-operations-card) .crm-claw-main.has-open-conversation .crm-claw-modes{justify-content:center!important;gap:17px!important;margin-top:14px!important;padding:0!important}.crm-claw-card:not(.workbench-operations-card) .crm-claw-main.has-open-conversation .crm-claw-modes button{padding:4px 3px!important;font-size:11px!important}.crm-claw-card:not(.workbench-operations-card) .crm-claw-main.has-open-conversation .crm-claw-query-zone{padding:0 20px 14px!important}.crm-claw-card:not(.workbench-operations-card) .crm-claw-main>footer{min-height:0!important;padding:3px 20px!important;font-size:9px!important;line-height:1.15!important}.crm-claw-card:not(.workbench-operations-card) .crm-claw-topbar .crm-claw-thinking-orb{display:none!important}

/* v314: the independently scrollable reading frame keeps the same structure,
   with a wider text lane so operational answers use more of the work area. */
.crm-claw-card:not(.workbench-operations-card) .crm-claw-main.has-open-conversation .crm-claw-transcript{padding-left:clamp(14px,1.8vw,32px)!important;padding-right:clamp(14px,1.8vw,32px)!important}

/* v316: Janon AI keeps the approved thought-first layout.  The former dark
   workbench banner is intentionally not rendered on this page; market time and
   the reference FX rate live in the compact topbar instead. */
.command-desk:has(.crm-claw-card:not(.workbench-operations-card)){margin:0!important;gap:0!important}
.crm-claw-card:not(.workbench-operations-card) .crm-claw-market-tools{display:flex;align-items:center;gap:6px;margin-left:auto;min-width:0;color:#38536b;font-size:10px;white-space:nowrap}
.crm-claw-card:not(.workbench-operations-card) .crm-claw-market-tools select{max-width:138px;height:27px;padding:0 22px 0 8px;border:1px solid #c7d9e8;border-radius:7px;background:#fff;color:#24475f;font-size:10px;font-weight:750;outline:0;cursor:pointer}
.crm-claw-card:not(.workbench-operations-card) .crm-claw-market-tools span{color:#526c80!important;font-size:10px!important}
.crm-claw-card:not(.workbench-operations-card) .crm-claw-market-tools b{padding:4px 7px;border:1px solid #bed7ef;border-radius:7px;background:#eef6ff;color:#245f9b;font-size:10px;letter-spacing:.01em}
.crm-claw-card:not(.workbench-operations-card) .crm-claw-topbar .crm-claw-subtabs{margin-left:0!important}
.crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-thinking .crm-claw-hero{order:1!important}
.crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-thinking .crm-claw-query-zone{order:2!important;margin:0!important;padding:0 20px 11px!important;border-top:0!important;background:transparent!important;box-shadow:none!important}
.crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-thinking .crm-claw-question-bank{order:3!important;max-height:none!important;min-height:0!important;margin:0 18px 10px!important;padding:10px 13px!important;gap:8px!important;overflow:visible!important;border-top:1px solid #e0eaf1!important;background:linear-gradient(180deg,#fbfdff,#f4f9ff)!important}
.crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-thinking .crm-claw-question-bank article{grid-template-columns:82px minmax(0,1fr)!important;gap:9px!important}
.crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-thinking .crm-claw-question-bank article>strong{padding-top:4px!important;font-size:10px!important}
.crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-thinking .crm-claw-question-bank button{padding:5px 8px!important;font-size:10px!important;line-height:1.35!important}
.crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-thinking .crm-claw-transcript{order:4!important}
@media(min-width:851px){.crm-claw-card:not(.workbench-operations-card){height:calc(100dvh - 52px)!important;max-height:calc(100dvh - 52px)!important}}
@media(max-width:700px){.crm-claw-card:not(.workbench-operations-card) .crm-claw-market-tools span,.crm-claw-card:not(.workbench-operations-card) .crm-claw-market-tools b{display:none}.crm-claw-card:not(.workbench-operations-card) .crm-claw-market-tools{margin-left:auto}.crm-claw-card:not(.workbench-operations-card) .crm-claw-market-tools select{max-width:108px}.crm-claw-card:not(.workbench-operations-card) .crm-claw-topbar{gap:6px}}

/* v317: use the unused lower thinking area for a practical prompt surface. */
@media(min-width:851px){
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-thinking .crm-claw-query-zone{
    padding-bottom:20px!important;
  }
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-thinking .crm-claw-query-zone .crm-claw-composer-inline{
    width:min(980px,100%)!important;
    min-height:132px!important;
  }
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-thinking .crm-claw-query-zone .crm-claw-composer-inline textarea{
    min-height:130px!important;
    padding:16px 18px!important;
    font-size:13px!important;
    line-height:1.55!important;
  }
}

/* v321: Janon AI keeps the answer pane fixed; only the transcript scrolls. */
.crm-claw-card{min-height:calc(100vh - 170px)}
.crm-claw-main.is-answers{min-height:calc(100vh - 170px);grid-template-rows:auto auto minmax(430px,1fr) auto}
.crm-claw-main.is-answers .crm-claw-transcript{min-height:430px;max-height:calc(100vh - 232px);padding:20px 28px;scrollbar-gutter:stable;overscroll-behavior:contain}
.crm-claw-main.is-answers .crm-claw-query-zone{position:sticky;bottom:0;z-index:2;padding:12px 28px 10px;border-top:1px solid #dbe7ef;background:rgba(255,255,255,.97);box-shadow:0 -10px 24px rgba(38,77,111,.06)}
.crm-claw-main.is-answers .crm-claw-composer{width:min(980px,100%);min-height:120px!important;margin:0 auto}
.crm-claw-main.is-answers .crm-claw-composer textarea{min-height:106px!important;height:106px!important;padding:14px 16px!important;color:#213f56!important;font-size:13px!important;line-height:1.65!important}
.crm-claw-main.is-answers .crm-claw-report-main{max-width:1180px;margin:0 auto;padding:18px 0 22px}
.crm-claw-main.is-answers .crm-claw-report-summary{max-width:none;color:#314c61!important}
.crm-claw-report-notes article{padding:13px 0;border-bottom:1px solid #e3ebf0}.crm-claw-report-notes h5{margin:0;color:#183e5d;font-size:13px}.crm-claw-report-notes h5 i{margin-right:7px;font-style:normal}.crm-claw-report-notes p{margin:6px 0 0;color:#345267;font-size:12px;line-height:1.72}
.crm-claw-report-section ul{display:grid;gap:7px;margin:0;padding-left:20px;color:#314e63;font-size:12px;line-height:1.68}.crm-claw-report-section li::marker{color:#2b70bb}.customer-detail-tabs{position:sticky;top:0;z-index:3;background:#fff}
@media(max-width:680px){.crm-claw-card,.crm-claw-main.is-answers{min-height:calc(100vh - 115px)}.crm-claw-main.is-answers .crm-claw-transcript{min-height:320px;max-height:calc(100vh - 205px);padding:14px}.crm-claw-main.is-answers .crm-claw-query-zone{padding-inline:14px}.crm-claw-main.is-answers .crm-claw-composer,.crm-claw-main.is-answers .crm-claw-composer textarea{min-height:92px}}

/* v318: the topbar exposes a selectable global local time with country flag. */
.crm-claw-card:not(.workbench-operations-card) .crm-claw-market-tools{gap:9px!important}
.crm-claw-card:not(.workbench-operations-card) .crm-claw-local-time{display:flex;align-items:center;gap:5px;min-width:0;color:#49677e;white-space:nowrap}
.crm-claw-card:not(.workbench-operations-card) .crm-claw-local-time time{color:#1b4f79;font-size:13px;font-weight:900;font-variant-numeric:tabular-nums}
.crm-claw-card:not(.workbench-operations-card) .crm-claw-local-time i{font-size:14px;font-style:normal;line-height:1}
.crm-claw-card:not(.workbench-operations-card) .crm-claw-local-time small{overflow:hidden;max-width:92px;color:#587184;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.crm-claw-card:not(.workbench-operations-card) .crm-claw-market-tools b{padding:5px 9px!important;font-size:12px!important;font-variant-numeric:tabular-nums}
@media(max-width:700px){.crm-claw-card:not(.workbench-operations-card) .crm-claw-local-time small{display:none}.crm-claw-card:not(.workbench-operations-card) .crm-claw-local-time time{font-size:12px}.crm-claw-card:not(.workbench-operations-card) .crm-claw-market-tools b{font-size:11px!important}}

/* Janon AI command center: suggested work must open a real JANON workflow,
   while external communication and commercial commitments remain human-gated. */
.crm-claw-main.is-answers .crm-claw-action-plan{margin:18px 0 2px;padding:14px 0 0;border-top:1px solid #d8e5ed}.crm-claw-action-plan>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.crm-claw-action-plan>header div{display:grid;gap:3px}.crm-claw-action-plan>header strong{color:#183a5a;font-size:14px}.crm-claw-action-plan>header strong i{margin-right:5px;color:#397dd1;font-style:normal}.crm-claw-action-plan>header small{color:#627581;font-size:11px;line-height:1.5}.crm-claw-action-plan-list{display:grid;gap:7px;margin-top:10px}.crm-claw-action-plan-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid #d7e5ed;border-radius:10px;background:linear-gradient(135deg,#fff,#f5fbf8)}.crm-claw-action-plan-list article>div{display:grid;gap:2px;min-width:0}.crm-claw-action-plan-list strong{overflow:hidden;color:#1b303c;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.crm-claw-action-plan-list small{color:#657984;font-size:11px}.crm-claw-action-plan-list nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.crm-claw-action-plan-list button{min-height:28px;padding:4px 8px;border:1px solid #c4dceb;border-radius:7px;background:#fff;color:#245d93;font-size:11px;font-weight:800;cursor:pointer}.crm-claw-action-plan-list button:hover{border-color:#4388cf;background:#ecf7ff;color:#124d83}.crm-claw-action-plan-list button:nth-child(2){border-color:#b9dfd0;background:#f2fbf6;color:#177259}.crm-claw-action-plan-list button:nth-child(3){border-color:#efd6a4;background:#fffaf0;color:#956012}.crm-claw-action-plan-list button:nth-child(4){border-color:#d6c9f1;background:#faf8ff;color:#6450a6}@media(max-width:780px){.crm-claw-action-plan-list article{align-items:flex-start;flex-direction:column}.crm-claw-action-plan-list nav{justify-content:flex-start}}
.crm-claw-mobile-next-question{margin:12px 0 0;padding:11px 12px;border:1px solid #84c7b4;border-radius:12px;background:#effbf6}.crm-claw-mobile-next-question strong{display:block;color:#146b59;font-size:13px}.crm-claw-mobile-next-question p{margin:5px 0;color:#173a35;font-size:14px;line-height:1.55}.crm-claw-mobile-next-question small{display:block;color:#58716b;font-size:11px;line-height:1.45}

/* v322: a selected answer owns the whole central reading height.  The reader
   scrolls from immediately below the compact control bar down to the fixed
   search area; no middle-only scroll well is left behind. */
@media(min-width:851px){
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers{
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    height:100%!important;
  }
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-hero,
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-question-bank{
    display:none!important;
  }
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-transcript{
    order:1!important;
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    height:auto!important;
    margin:0!important;
    padding:20px clamp(24px,3vw,56px) 24px!important;
    border:0!important;
    border-radius:0!important;
    background:linear-gradient(180deg,#fbfffc 0%,#f4fbf6 100%)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
  }
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-query-zone{
    order:2!important;
    flex:0 0 auto!important;
    position:relative!important;
    bottom:auto!important;
    z-index:2;
    margin:0!important;
    padding:12px clamp(24px,3vw,56px) 10px!important;
    border-top:1px solid #d7e6df!important;
    background:rgba(253,255,253,.98)!important;
    box-shadow:0 -10px 22px rgba(39,88,70,.07)!important;
  }
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-composer{
    width:min(1180px,100%)!important;
    min-height:120px!important;
    margin:0 auto!important;
  }
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-report-main{
    width:100%!important;
    max-width:1400px!important;
    margin:0 auto!important;
    padding:0 0 24px!important;
  }
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers>footer{
    flex:0 0 auto!important;
  }
}

/* v323: AI Workbench is a fixed navigation and a separate operating reader.
   Small queues must never be stretched into blank panels; the right work area
   alone scrolls when there is more to inspect. */
@media(min-width:851px){
  .command-desk:has(.workbench-operations-card){
    height:calc(100dvh - 52px)!important;
    min-height:0!important;
    margin:0!important;
    overflow:hidden!important;
  }
  .workbench-operations-card{
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
    align-self:stretch!important;
  }
  .workbench-operations-card .crm-claw-rail{
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
    align-self:stretch!important;
  }
  .workbench-operations-card .workbench-rail-nav{
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
  }
  .workbench-operations-card .workbench-operations-main{
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .workbench-operations-card .workbench-operations-content{
    min-height:0!important;
    height:auto!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
    padding:18px 24px 30px!important;
  }
  .workbench-operations-card .workbench-overview-grid,
  .workbench-operations-card .workbench-queue-layout{
    height:auto!important;
    min-height:0!important;
    align-items:start!important;
  }
  .workbench-operations-card .workbench-priority-card{
    display:block!important;
    height:auto!important;
    min-height:0!important;
  }
  .workbench-operations-card .workbench-priority-card > .workbench-operation-row{
    flex:none!important;
  }
  .workbench-operations-card .workbench-overview-side{
    height:auto!important;
    min-height:0!important;
    grid-template-rows:none!important;
    align-content:start!important;
    gap:10px!important;
  }
  .workbench-operations-card .workbench-overview-side article{
    min-height:84px!important;
    align-content:start!important;
  }
}
.workbench-overview-queue{padding:12px!important}
.workbench-intelligence-panel{display:grid;gap:12px;min-height:0;padding:14px;border:1px solid #d3e5d9;border-radius:11px;background:rgba(252,255,252,.86);box-shadow:0 7px 16px rgba(40,91,62,.07)}
.workbench-intelligence-panel>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:11px;border-bottom:1px solid #dbece0}
.workbench-intelligence-panel>header>div:first-child{display:grid;gap:4px}.workbench-intelligence-panel>header strong{color:#101b22;font-size:14px}.workbench-intelligence-panel>header small{color:#435159;font-size:11px;line-height:1.45}.workbench-intelligence-panel>header>div:last-child{display:flex;align-items:center;gap:10px;white-space:nowrap}.workbench-intelligence-panel>header b{color:#1e629d;font-size:21px;line-height:1}.workbench-intelligence-panel>header button{padding:7px 10px;border:1px solid #bdd8ea;border-radius:8px;background:#fff;color:#1768a6;font-size:11px;font-weight:800;cursor:pointer}
@media(max-width:720px){.workbench-intelligence-panel>header{align-items:flex-start;flex-direction:column}.workbench-intelligence-panel>header>div:last-child{width:100%;justify-content:space-between}}

/* v323b: the operational header is a compact fixed tool strip, not a second hero.
   The section body keeps its own reader scroll while navigation and actions stay put. */
@media(min-width:851px){
  .workbench-operations-card .workbench-operations-head{min-height:0!important;padding:14px 24px 12px!important;flex:0 0 auto!important}
  .workbench-operations-card .workbench-operations-head p{margin:0 0 2px!important;font-size:9px!important}
  .workbench-operations-card .workbench-operations-head h3{margin:0!important;font-size:20px!important;line-height:1.18!important}
  .workbench-operations-card .workbench-operations-head span{display:block;margin-top:3px;font-size:11px!important;line-height:1.4!important}
  .workbench-operations-card .workbench-operations-head button{align-self:center!important}
  .workbench-operations-card .workbench-insights-agent.workbench-insights-toolbar{min-height:0!important;margin:0 0 10px!important;padding:10px 13px!important;box-shadow:0 5px 12px rgba(40,91,62,.05)!important}
  .workbench-operations-card .workbench-insights-toolbar>span{color:#435159!important;font-size:11px!important;line-height:1.45!important}
  .workbench-operations-card .workbench-insights-toolbar b{color:#173a5d!important}
  .workbench-operations-card .workbench-insights-toolbar button{min-height:30px!important;padding:5px 10px!important;white-space:nowrap}
  .workbench-operations-card .workbench-insights .reports-workbench{padding-top:0!important}
}

/* v323c: answer reading wins over an oversized search box.  The composer stays
   fixed and comfortably multi-line, but yields visible height to the analysis. */
@media(min-width:851px){
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-query-zone{padding:8px clamp(24px,3vw,56px) 7px!important}
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-composer{min-height:86px!important}
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-composer textarea{min-height:74px!important;height:74px!important;padding:10px 14px!important;font-size:12px!important;line-height:1.52!important}
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-prompts{padding-top:5px!important;gap:5px!important}
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-prompts button{min-height:24px!important;padding:3px 8px!important;font-size:10px!important}
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-report-main{padding-bottom:16px!important}
}

/* v323d: the rail count is a real entry, and reports read like a compact brief.
   Icons and colour remain semantic; ordinary explanation text stays calm. */
.crm-claw-rail footer>button{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;align-items:center;width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.crm-claw-rail footer>button:hover span{text-decoration:underline}.crm-claw-rail footer>button:focus-visible{outline:2px solid #4d7bed;outline-offset:4px;border-radius:5px}

/* v323e: the daily work count is an actual pinned work entry, not a faint
   decorative footer. It remains at the bottom of the fixed rail so the main
   workspace stays focused, but is readable and directly opens follow-ups. */
.workbench-operations-card .crm-claw-rail footer{border:1px solid #9fc8ed!important;background:linear-gradient(135deg,#e7f4ff 0%,#f8fcff 100%)!important;box-shadow:inset 0 1px 0 #fff,0 8px 16px rgba(29,92,147,.1)!important}
.workbench-operations-card .crm-claw-rail footer>button{gap:10px!important;padding:2px 1px!important}
.workbench-operations-card .crm-claw-rail footer b{display:grid;min-width:28px;height:28px;place-items:center;border-radius:9px;background:linear-gradient(145deg,#5789ff,#2f62de);color:#fff!important;font-size:18px!important;box-shadow:inset 0 1px rgba(255,255,255,.42),0 4px 8px rgba(47,98,222,.22)}
.workbench-operations-card .crm-claw-rail footer span{color:#193f61!important;font-size:12px!important;font-weight:900!important;letter-spacing:.02em}
@media(min-width:851px){
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-transcript{padding-top:16px!important;padding-bottom:12px!important}
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-report-main{font-size:12px!important;line-height:1.6!important}
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-report-intro{margin-bottom:7px!important;font-size:11px!important}
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-report-headline{padding-bottom:8px!important;font-size:13px!important;line-height:1.58!important}
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-report-notes{margin-top:9px!important}
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-report-notes article{padding:8px 0!important}
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-report-notes h5{font-size:13px!important}
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-report-notes p{margin:4px 0 0 25px!important;font-size:12px!important;line-height:1.6!important}
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-report-section{margin-top:11px!important;padding-top:10px!important}
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-report-section h5{margin-bottom:5px!important;font-size:13px!important}
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-report-section ul{gap:4px!important}
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-report-section li{font-size:12px!important;line-height:1.58!important}
}

/* Real email media is whitelist-sanitized server-side. Keep it readable in the
   conversation without allowing it to dictate the surrounding layout. */
.chat-email-original-html img.email-safe-remote-image,.chat-email-original-html img.email-safe-inline-image{display:block;max-width:min(100%,760px);width:auto;height:auto;margin:12px 0;border:1px solid #dce6ea;border-radius:9px;background:#f6f9fa;box-shadow:0 2px 8px rgba(30,58,79,.08)}
.chat-email-composer-head .chat-email-new-button{margin-left:auto;border:1px solid #b9d5e6;border-radius:7px;background:#fff;color:#1768a6;font-size:11px;font-weight:800;line-height:1.2;padding:6px 9px;cursor:pointer}.chat-email-composer-head .chat-email-new-button:hover{background:#eef8ff;border-color:#75b8df}

/* v330: fixed vertical workbench rail; full-width, independent content reader. */
@media(min-width:851px){.workbench-operations-card{height:calc(100dvh - 132px)!important;min-height:calc(100dvh - 132px)!important;max-height:calc(100dvh - 132px)!important;overflow:hidden!important}.workbench-operations-card .crm-claw-rail{position:sticky!important;top:0!important;height:100%!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable}.workbench-operations-card .workbench-operations-main{height:100%!important;min-height:0!important;overflow:hidden!important;grid-template-rows:auto minmax(0,1fr)!important}.workbench-operations-card .workbench-operations-head{position:sticky!important;z-index:3;top:0}.workbench-operations-card .workbench-operations-content{height:100%!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable;padding:16px 20px 20px!important}}
.workbench-overview-layout,.workbench-queue-layout{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:100%;gap:12px}.workbench-overview-summary,.workbench-queue-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.workbench-queue-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.workbench-overview-summary article,.workbench-queue-summary article{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label value" "action value";align-items:center;min-height:76px;padding:12px 15px;border:1px solid #d3e5d9;border-radius:11px;background:rgba(252,255,252,.92);box-shadow:0 5px 13px rgba(40,91,62,.07)}.workbench-overview-summary article span,.workbench-queue-summary article span{grid-area:label;color:#435159;font-size:12px;font-weight:700}.workbench-overview-summary article strong,.workbench-queue-summary article strong{grid-area:value;align-self:center;color:#165b96;font-size:26px;line-height:1}.workbench-overview-summary article button,.workbench-queue-summary article button{grid-area:action;justify-self:start;margin-top:5px;padding:0;border:0;background:transparent;color:#1768a6;font-size:12px;font-weight:800;cursor:pointer}.workbench-queue-layout .workbench-priority-card,.workbench-overview-layout .workbench-priority-card{display:flex;min-height:0;flex-direction:column}.workbench-queue-layout .workbench-queue-grid,.workbench-overview-layout .workbench-queue-grid{flex:1;min-height:0;align-content:start;padding:12px}.workbench-queue-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;grid-auto-rows:minmax(128px,auto)!important}.workbench-queue-grid .workbench-operation-row{width:auto!important;min-height:128px!important}.workbench-queue-grid .workbench-operation-row strong{font-size:14px!important}.workbench-queue-grid .workbench-record-meta{font-size:11px!important}.workbench-queue-grid .workbench-record-content{font-size:12px!important;line-height:1.45!important}@media(min-width:851px){.workbench-overview-layout .workbench-priority-card,.workbench-queue-layout .workbench-priority-card{min-height:calc(100% - 88px)}}@media(max-width:850px){.workbench-overview-summary,.workbench-queue-summary{grid-template-columns:1fr}.workbench-overview-layout,.workbench-queue-layout{min-height:auto}.workbench-operations-card .workbench-operations-content{padding:12px!important}}

/* v304: one calm typography system for every customer-detail tab.
   Hierarchy only: page title 22, section title 16, value/body 13-14, label/help 12. */
#leadDetail{color:#26343d;font-size:12px;line-height:1.5}#leadDetail h2{color:#17242c;font-size:20px;line-height:1.24;letter-spacing:-.01em}#leadDetail .eyebrow{color:#337aa7;font-size:11px;font-weight:800;letter-spacing:.03em}#leadDetail .customer-detail-tabs{margin-bottom:10px}#leadDetail .customer-detail-tabs button{font-size:11px;line-height:1.2}#leadDetail .detail-grid{gap:7px;margin-bottom:10px}#leadDetail .detail-grid>div{min-height:64px;padding:8px 9px}#leadDetail .detail-grid span,#leadDetail .customer-management-facts span,#leadDetail .unified-state-grid span{color:#64727b;font-size:11px;font-weight:650;line-height:1.25}#leadDetail .detail-grid strong,#leadDetail .customer-management-facts strong{color:#1e2c35;font-size:13px;font-weight:750;line-height:1.38}#leadDetail .detail-section{margin-top:8px;padding:11px;border-color:#d6e2e7}#leadDetail .detail-section h3{margin:0 0 7px;color:#1c2b34;font-size:15px;font-weight:800;line-height:1.3}#leadDetail .detail-section p{margin:5px 0;color:#34424b;font-size:12px;line-height:1.55}#leadDetail .detail-section .muted{color:#64727b;font-size:11px;line-height:1.5}#leadDetail .customer-management-summary-head p{color:#5e6d75;font-size:11px;line-height:1.45}#leadDetail .customer-class-badge{font-size:11px;font-weight:800}#leadDetail .customer-detail-actions button,#leadDetail .action-btn,#leadDetail .row-button{font-size:12px;font-weight:750;line-height:1.25}#leadDetail .unified-state-grid{gap:6px}#leadDetail .state-chip,#leadDetail .lead-stage{font-size:11px;font-weight:750;line-height:1.25}#leadDetail .contact-detail-section>p,#leadDetail [data-followup-process]>p{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:7px;min-height:28px;margin:0;padding:4px 0;border-bottom:1px solid #edf2f4;color:#607078;font-size:11px}#leadDetail .contact-detail-section>p:last-child,#leadDetail [data-followup-process]>p:last-child{border-bottom:0}#leadDetail .contact-detail-section>p>*:first-child,#leadDetail [data-followup-process]>p>*:first-child{min-width:0}#leadDetail .contact-detail-section .contact-button,#leadDetail .contact-detail-section .daily-whatsapp-button{font-size:12px;font-weight:750}#leadDetail .note-section>p{color:#34434b;font-size:12px;line-height:1.62}#leadDetail .raw-evidence summary,#leadDetail .ai-intelligence-details summary{font-size:12px;font-weight:800;line-height:1.4}#leadDetail .raw-evidence p{color:#526069;font-size:11px;line-height:1.55}#leadDetail .copy-box{padding:10px}#leadDetail .copy-box strong{color:#1d2c35;font-size:14px;line-height:1.32}#leadDetail .copy-box p{color:#4d5b64;font-size:12px;line-height:1.52}#leadDetail .copy-box textarea,#leadDetail .copy-box input,#leadDetail .update-form input,#leadDetail .update-form select,#leadDetail .update-form textarea{color:#24323b;font-size:12px;line-height:1.5}#leadDetail .agent-rewrite-box span,#leadDetail .update-form label{color:#52616b;font-size:11px;font-weight:750}#leadDetail .ai-intelligence-head h3{color:#1d5478;font-size:15px}#leadDetail .ai-intelligence-head p{color:#4a5b66!important;font-size:12px;line-height:1.52}#leadDetail .ai-intelligence-score strong{font-size:16px;line-height:1.05}#leadDetail .ai-intelligence-score span{font-size:10px}#leadDetail .intelligence-source-strip .research-source-badge{font-size:10px;line-height:1.3}#leadDetail .ai-intelligence-grid div{min-height:60px;padding:8px 9px}#leadDetail .ai-intelligence-grid span,#leadDetail .ai-next-action span{color:#61717c;font-size:11px;font-weight:650}#leadDetail .ai-intelligence-grid strong,#leadDetail .ai-next-action strong{color:#273942;font-size:12px;font-weight:750;line-height:1.45}#leadDetail .ai-next-action{margin-top:8px;padding:8px 10px}#leadDetail .ai-intelligence-actions{padding:8px 9px}#leadDetail .ai-intelligence-actions>span{color:#566a78;font-size:11px;line-height:1.45}#leadDetail .ai-intelligence-details>details>summary{padding:9px 10px;color:#294f68;font-size:12px}#leadDetail .compact-detail-lines p{font-size:11px;line-height:1.5}#leadDetail .activity-event time{color:#60727d;font-size:11px}#leadDetail .activity-event strong{color:#1f303a;font-size:12px}#leadDetail .activity-event p,#leadDetail .activity-event b,#leadDetail .activity-event span{font-size:11px;line-height:1.45}@media(max-width:700px){#leadDetail h2{font-size:19px}#leadDetail .detail-grid{grid-template-columns:1fr}#leadDetail .ai-intelligence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#leadDetail .contact-detail-section>p,#leadDetail [data-followup-process]>p{grid-template-columns:70px minmax(0,1fr)}}
/* v505: Chatwoot-style conversation actions are compact and do not steal focus. */
.chat-conversation-more-wrap { position: relative; }
.chat-conversation-more-menu {
  position: absolute;
  z-index: 90;
  top: calc(100% + 7px);
  right: 0;
  width: 176px;
  padding: 6px;
  border: 1px solid #d8e2e8;
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 16px 34px rgba(39, 66, 88, 0.18);
  backdrop-filter: blur(12px);
}
.chat-conversation-more-menu[hidden] { display: none !important; }
.chat-conversation-more-menu button {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 34px;
  padding: 6px 8px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #425465;
  font: inherit;
  font-size: 12px;
  text-align: left;
  cursor: pointer;
}
.chat-conversation-more-menu button:hover { background: #edf4f5; color: #173e4b; }
.chat-conversation-more-menu button.is-danger { color: #b54747; }
.chat-conversation-more-menu button.is-danger:hover { background: #fff0ef; color: #9f3434; }
.chat-conversation-more-menu hr { height: 1px; margin: 5px 2px; border: 0; background: #e7edf1; }

/* v527: keep the compact market controls readable on narrower desktops. */
.crm-claw-card:not(.workbench-operations-card) .crm-claw-market-tools > select { flex: 0 1 138px; min-width: 0; }
.crm-claw-card:not(.workbench-operations-card) .crm-claw-settlement-select { display: inline-flex; flex: 0 1 148px; min-width: 112px; }
.crm-claw-card:not(.workbench-operations-card) .crm-claw-settlement-select select { width: 100%; min-width: 0; max-width: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 700px) {
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-settlement-select { flex-basis: 108px; min-width: 96px; }
}


/* v654: desktop chat owns the viewport. Only conversations and message history scroll internally. */
@media (min-width:761px){
  html:has(.unified-chat-view.active),
  body:has(.unified-chat-view.active){
    height:100dvh!important;
    overflow:hidden!important;
  }
  body:has(.unified-chat-view.active) .unified-chat-shell{max-height:calc(100dvh - 18px)!important;}
  body:has(.unified-chat-view.active) .unified-chat-conversations,
  body:has(.unified-chat-view.active) .unified-chat-messages{min-height:0!important;}
  body:has(.unified-chat-view.active) .unified-chat-list,
  body:has(.unified-chat-view.active) .unified-chat-message-list{overscroll-behavior:contain;}
}
/* V1271: compact unread indicator belongs in the chat tab, never as a floating bell. */
.unified-chat-filters button.has-janon-unread { position:relative; }
.unified-chat-filters .janon-unread-tab-badge { display:inline-flex;align-items:center;justify-content:center;min-width:14px;height:14px;margin-left:3px;padding:0 3px;border-radius:8px;background:#d92d20;color:#fff;font-size:8px;line-height:1;font-weight:800;vertical-align:1px; }
@media (max-width:700px){.unified-chat-filters .janon-unread-tab-badge{min-width:13px;height:13px;font-size:7px;margin-left:2px;padding:0 2px;}}


/* JANON_V1382_DESKTOP_GPT_CONVERSATION */
@media (min-width: 761px) {
  .crm-claw-main.is-answers .crm-claw-message.is-desktop-gpt {
    width: min(920px, calc(100% - 48px)) !important;
    margin: 0 auto 26px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .crm-claw-main.is-answers .crm-claw-message.is-desktop-gpt > header small {
    display: block !important;
    margin: 0 0 9px !important;
    color: #2468a2 !important;
    font-size: 12px !important;
    font-weight: 750 !important;
  }
  .crm-claw-main.is-answers .crm-claw-gpt-answer {
    color: #24323c;
    font-size: 14px;
    line-height: 1.8;
  }
  .crm-claw-main.is-answers .crm-claw-gpt-answer p {
    margin: 0 0 12px !important;
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    white-space: pre-wrap;
  }
  .crm-claw-main.is-answers .crm-claw-gpt-answer strong { color: #18262f; font-weight: 750; }
  .crm-claw-main.is-answers .crm-claw-gpt-operational {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #dbe6eb;
  }
  .crm-claw-main.is-answers .crm-claw-gpt-trace {
    margin-top: 14px;
    color: #687783;
    font-size: 12px;
  }
  .crm-claw-main.is-answers .crm-claw-gpt-trace summary { cursor: pointer; color: #4f6b7d; }
  .crm-claw-main.is-answers .crm-claw-gpt-trace p { margin: 7px 0 0; line-height: 1.6; }
  .crm-claw-main.is-answers .crm-claw-gpt-confirm {
    margin-top: 14px;
    padding: 12px 14px;
    border-left: 3px solid #d69c32;
    background: #fffaf0;
    color: #5d4a2f;
  }
  .crm-claw-main.is-answers .crm-claw-gpt-confirm p { margin: 5px 0 0; line-height: 1.65; }
}
/* JANON_V1398_GPT_CONVERSATION_RHYTHM */
/* Android WebView may report a desktop-sized CSS viewport.  These scoped
   rules intentionally sit outside a media query so the conversation rhythm
   remains correct in that WebView as well. */
.crm-claw-main .crm-claw-transcript .crm-claw-message.is-gpt-user {
  display: block !important;
  width: fit-content !important;
  max-width: 84% !important;
  margin: 0 0 16px auto !important;
  padding: 11px 14px !important;
  border: 0 !important;
  border-radius: 18px 18px 5px 18px !important;
  background: #e9f2ff !important;
  color: #173650 !important;
  box-shadow: none !important;
}
.crm-claw-main .crm-claw-transcript .crm-claw-message.is-gpt-user > p {
  margin: 0 !important;
  color: inherit !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  white-space: pre-wrap !important;
}
/* Light mode follows the supplied Xiaoyi-style mist blue bubble. */
.crm-claw-main .crm-claw-transcript .crm-claw-message.is-gpt-user {
  background: #b9d2fb !important;
  color: #142b45 !important;
}
/* The dark shell uses the stronger sent-message blue from the supplied
   reference, rather than carrying the pale light-mode colour into dark UI. */
@media (prefers-color-scheme: dark) {
  .crm-claw-main .crm-claw-transcript .crm-claw-message.is-gpt-user {
    background: #174b91 !important;
    color: #ffffff !important;
  }
}
.theme-dark .crm-claw-main .crm-claw-transcript .crm-claw-message.is-gpt-user,
[data-theme="dark"] .crm-claw-main .crm-claw-transcript .crm-claw-message.is-gpt-user {
  background: #174b91 !important;
  color: #ffffff !important;
}
/* The model response is deliberately not a card.  It reads as one continuous
   assistant message; only the user's own message receives a coloured bubble. */
.crm-claw-main .crm-claw-transcript .crm-claw-message.is-mobile-gpt,
.crm-claw-main .crm-claw-transcript .crm-claw-message.is-streaming {
  display: block !important;
  max-width: 100% !important;
  margin: 0 0 22px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #1e2935 !important;
}

/* JANON_V1420_CENTERED_GPT_CONVERSATION
   Desktop replies should read as a calm conversation, not as a full-width
   system log.  The answer and composer intentionally share one centered
   GPT-style reading lane; Android spacing and the mobile composer stay
   untouched. */
/* A zoomed desktop can report an ~800px CSS viewport.  Keep its conversation
   geometry desktop-like; actual handsets remain below 761px. */
@media (min-width: 761px) {
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-transcript {
    /* Keep the lower content clear for the independently floating composer. */
    padding: 28px max(34px, calc((100% - 700px) / 2)) 158px !important;
    background: #fbfefd !important;
  }
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-message.is-desktop-gpt {
    width: 100% !important;
    max-width: 700px !important;
    margin: 0 0 34px !important;
  }
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-message.is-desktop-gpt > header {
    margin-bottom: 11px !important;
  }
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-message.is-desktop-gpt > header small {
    color: #4f7f9b !important;
    font-size: 12px !important;
    letter-spacing: .01em;
  }
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-gpt-answer {
    max-width: 700px;
    color: #263742 !important;
    font-size: 15px !important;
    line-height: 1.82 !important;
  }
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-gpt-answer p {
    margin: 0 0 14px !important;
  }
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-message.is-gpt-user {
    max-width: min(720px, 66%) !important;
    margin: 0 0 28px auto !important;
    padding: 13px 17px !important;
    font-size: 15px !important;
  }
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-query-zone {
    /* A real independent composer: it floats over the bottom of the reading
       area instead of allocating a broad panel beneath the conversation. */
    position: absolute !important;
    right: 0 !important;
    bottom: 14px !important;
    left: 0 !important;
    z-index: 6 !important;
    display: grid !important;
    width: 100% !important;
    justify-items: center !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers {
    position: relative !important;
  }
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-query-zone > * {
    pointer-events: auto;
  }
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-composer {
    width: min(700px, calc(100% - 68px)) !important;
    max-width: 700px !important;
    min-height: 64px !important;
  }
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-composer textarea {
    /* Compact while empty.  The existing input handler raises this height
       from 52px to the current content height as the user types. */
    min-height: 52px !important;
    height: 52px !important;
    padding: 8px 14px !important;
  }
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-composer-shortcuts {
    display: flex !important;
    align-items: center;
    gap: 7px;
    padding: 8px 12px 0;
  }
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-composer-shortcuts button {
    min-width: auto !important;
    min-height: 28px !important;
    padding: 4px 9px !important;
    border: 1px solid #d5e2ea !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #426175 !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    box-shadow: none !important;
  }
  .crm-claw-card:not(.workbench-operations-card) .crm-claw-main.is-answers .crm-claw-composer-shortcuts button:hover {
    border-color: #8db6d0 !important;
    background: #f0f8fc !important;
    color: #1d618f !important;
  }
}
.crm-claw-main .crm-claw-transcript .crm-claw-message.is-mobile-gpt > header,
.crm-claw-main .crm-claw-transcript .crm-claw-message.is-streaming > header {
  display: none !important;
}
.crm-claw-main .crm-claw-transcript .crm-claw-message.is-mobile-gpt p,
.crm-claw-main .crm-claw-transcript .crm-claw-message.is-streaming p {
  margin: 0 0 12px !important;
  color: inherit !important;
  font-size: 16px !important;
  line-height: 1.72 !important;
  white-space: pre-wrap !important;
}
@media (max-width: 760px) {
  .crm-claw-transcript .crm-claw-message.is-gpt-user {
    display: block !important;
    width: fit-content !important;
    max-width: 84% !important;
    margin: 0 0 16px auto !important;
    padding: 11px 14px !important;
    border: 0 !important;
    border-radius: 18px 18px 5px 18px !important;
    background: #e9f2ff !important;
    color: #173650 !important;
    box-shadow: none !important;
  }
  .crm-claw-transcript .crm-claw-message.is-gpt-user > p {
    margin: 0 !important;
    color: inherit !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    white-space: pre-wrap !important;
  }
  .crm-claw-transcript .crm-claw-message.is-gpt-user .crm-claw-message-files { margin-top: 9px !important; }
  .crm-claw-transcript .crm-claw-message.is-mobile-gpt,
  .crm-claw-transcript .crm-claw-message.is-streaming { max-width: 100% !important; margin: 0 0 20px 0 !important; }
  .crm-claw-transcript .crm-claw-message.is-gpt-welcome { margin-top: 6px !important; }
}


/* V1743 desktop project popover guaranteed stylesheet */
@media (min-width: 761px) {
  .crm-claw-rail { overflow: visible !important; }
  .crm-claw-rail > .crm-claw-project-menu {
    display: grid !important;
    position: absolute !important;
    z-index: 140 !important;
    top: 172px !important;
    left: 12px !important;
    right: 12px !important;
    height: auto !important;
    min-height: 110px !important;
    max-height: min(58vh, 520px) !important;
    margin: 0 !important;
    overflow: auto !important;
  }
  .crm-claw-rail > .crm-claw-project-menu > header button {
    display: grid !important;
    place-items: center !important;
    width: 32px !important;
    height: 30px !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}


/* V1744 ChatGPT-style Janon AI project and chat sidebar */
@media (min-width:761px){
  .crm-claw-new-project-row{display:block!important;margin-bottom:15px!important}
  .crm-claw-new-project-row .crm-claw-new{width:100%!important}
  .crm-claw-project-section{display:block!important;margin:0 0 14px!important;padding:0!important}
  .crm-claw-project-section>header{display:flex!important;align-items:center!important;justify-content:space-between!important;height:28px!important;padding:0 8px!important}
  .crm-claw-project-section-toggle,.crm-claw-project-section-create{border:0!important;background:transparent!important;color:#72838d!important;font-size:12px!important;font-weight:800!important;line-height:1!important}
  .crm-claw-project-section-toggle{padding:5px 0!important;text-align:left!important}
  .crm-claw-project-section-toggle:hover,.crm-claw-project-section-toggle:focus-visible{color:#173d4d!important;outline:0!important}
  .crm-claw-project-section-create{display:grid!important;place-items:center!important;width:24px!important;height:24px!important;padding:0!important;border-radius:6px!important;opacity:0!important;pointer-events:none!important;font-size:18px!important}
  .crm-claw-project-section:hover .crm-claw-project-section-create,.crm-claw-project-section:focus-within .crm-claw-project-section-create{opacity:1!important;pointer-events:auto!important;color:#1f647f!important}
  .crm-claw-project-section-create:hover{background:#edf6f8!important}
  .crm-claw-rail>.crm-claw-project-menu{position:static!important;display:grid!important;min-height:0!important;max-height:218px!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:auto!important}
  .crm-claw-project-menu-folder{margin:0!important;border:0!important;border-radius:0!important}
  .crm-claw-project-menu-folder>header{grid-template-columns:16px minmax(0,1fr) auto 22px!important;min-height:30px!important;padding:3px 8px!important;border-radius:7px!important}
  .crm-claw-project-menu-folder>header:hover{background:#f0f6f8!important}
  .crm-claw-project-menu-folder>div{padding:0 0 2px!important;border-top:0!important}
  .crm-claw-project-menu-empty{padding:4px 8px!important;color:#8b9aa1!important;font-size:11px!important}
  .crm-claw-history-heading{margin:5px 0 6px!important;padding:0 8px!important;color:#72838d!important;font-size:12px!important;font-weight:800!important}
  .crm-claw-rail .crm-claw-history{display:grid!important;gap:1px!important}
  .crm-claw-rail .crm-claw-history-row{border-radius:7px!important}
  .crm-claw-rail .crm-claw-history-item{min-height:0!important;margin:0!important;padding:8px!important;border:0!important;border-radius:7px!important;background:transparent!important;box-shadow:none!important}
  .crm-claw-rail .crm-claw-history-item:hover,.crm-claw-rail .crm-claw-history-item.is-active{background:#eef5f7!important}
  .crm-claw-rail .crm-claw-history-item small{display:none!important}
  .crm-claw-rail .crm-claw-history-item strong{display:block!important;overflow:hidden!important;color:#2d4752!important;font-size:12px!important;font-weight:650!important;text-overflow:ellipsis!important;white-space:nowrap!important}
}


/* JANON_V1750_STATIC_HISTORY_CSS: final desktop History / Project rail */
@media (min-width:761px) {
  .command-desk-card.crm-claw-card,
  .command-desk-card.crm-claw-card .crm-claw-rail,
  .command-desk-card.crm-claw-card .crm-claw-history,
  .command-desk-card.crm-claw-card .crm-claw-history-row { overflow:visible !important; }
  .command-desk-card.crm-claw-card .crm-claw-rail { position:relative !important; z-index:8 !important; }
  .crm-claw-rail .crm-claw-history { display:grid !important; gap:2px !important; padding-bottom:6px !important; }
  .crm-claw-rail .crm-claw-history-row { display:grid !important; grid-template-columns:minmax(0,1fr) 28px !important; align-items:center !important; position:relative !important; min-height:34px !important; border-radius:8px !important; }
  .crm-claw-rail .crm-claw-history-item { display:flex !important; align-items:center !important; min-width:0 !important; min-height:34px !important; height:34px !important; margin:0 !important; padding:0 8px !important; border:0 !important; border-radius:8px !important; background:transparent !important; box-shadow:none !important; text-align:left !important; }
  .crm-claw-rail .crm-claw-history-item:hover,
  .crm-claw-rail .crm-claw-history-row:focus-within .crm-claw-history-item,
  .crm-claw-rail .crm-claw-history-item.is-active { background:#eef2f4 !important; }
  .crm-claw-rail .crm-claw-history-item header,
  .crm-claw-rail .crm-claw-history-item small { display:none !important; }
  .crm-claw-rail .crm-claw-history-item strong { display:block !important; min-width:0 !important; overflow:hidden !important; color:#263b44 !important; font-size:13px !important; font-weight:560 !important; line-height:34px !important; text-overflow:ellipsis !important; white-space:nowrap !important; }
  .crm-claw-rail .crm-claw-history-project { display:grid !important; place-items:center !important; width:28px !important; height:28px !important; min-height:28px !important; padding:0 !important; border:0 !important; border-radius:7px !important; background:transparent !important; color:#526a75 !important; font-size:17px !important; line-height:1 !important; opacity:0 !important; pointer-events:none !important; }
  .crm-claw-rail .crm-claw-history-row:hover .crm-claw-history-project,
  .crm-claw-rail .crm-claw-history-row:focus-within .crm-claw-history-project { opacity:1 !important; pointer-events:auto !important; }
  .crm-claw-rail .crm-claw-history-project:hover,
  .crm-claw-rail .crm-claw-history-project:focus-visible { background:#e3edf1 !important; color:#183d4d !important; outline:0 !important; }
  .crm-claw-rail .crm-claw-history-action-menu { position:absolute !important; z-index:2147483000 !important; top:calc(100% + 3px) !important; right:auto !important; left:calc(100% - 28px) !important; width:244px !important; box-sizing:border-box !important; padding:9px !important; overflow:visible !important; border:1px solid #d7e0e4 !important; border-radius:14px !important; background:#fff !important; box-shadow:0 16px 42px rgba(17,35,43,.22) !important; }
  .crm-claw-rail .crm-claw-history-action-menu>button { min-height:36px !important; padding:8px 10px !important; border-radius:8px !important; font-size:13px !important; }
  .crm-claw-rail .crm-claw-history-action-menu>button[data-workbench-history-dialog="delete"] { color:#c53145 !important; }
}

/* V1828 final mobile override: placed last so no historic drawer rule can
   shrink the Janon AI history surface or detach the action menu. */
@media (max-width: 760px) {
  .app-shell.crm-claw-mobile-surface .crm-claw-mobile-history-panel { position:fixed!important; inset:0!important; width:100vw!important; min-width:0!important; height:100dvh!important; max-width:100vw!important; overflow:hidden!important; background:#fff!important; }
  .app-shell.crm-claw-mobile-surface .crm-claw-mobile-history-panel .crm-claw-mobile-history-scrim { display:none!important; }
  .app-shell.crm-claw-mobile-surface .crm-claw-mobile-history-panel .crm-claw-mobile-history-drawer { width:100vw!important; min-width:0!important; max-width:100vw!important; height:100dvh!important; min-height:100dvh!important; padding:max(14px,env(safe-area-inset-top)) 18px max(14px,env(safe-area-inset-bottom))!important; box-shadow:none!important; }
  .app-shell.crm-claw-mobile-surface .crm-claw-mobile-history-panel .crm-claw-history-row { position:relative!important; min-width:0!important; }
  .app-shell.crm-claw-mobile-surface .crm-claw-mobile-history-panel .crm-claw-history-action-menu { position:absolute!important; z-index:10!important; top:calc(100% + 6px)!important; right:auto!important; bottom:auto!important; left:0!important; width:min(292px,calc(100vw - 36px))!important; max-width:calc(100vw - 36px)!important; }
  .app-shell.crm-claw-mobile-surface .crm-claw-mobile-history-panel .crm-claw-history-row.is-history-menu-above .crm-claw-history-action-menu { top:auto!important; bottom:calc(100% + 6px)!important; }

  /* The Android WebView history surface is mounted outside .app-shell. */
  .crm-claw-mobile-history-panel { position:fixed!important; inset:0!important; width:100vw!important; min-width:0!important; height:100dvh!important; max-width:100vw!important; overflow:hidden!important; background:#fff!important; }
  .crm-claw-mobile-history-panel .crm-claw-mobile-history-scrim { display:none!important; }
  .crm-claw-mobile-history-panel .crm-claw-mobile-history-drawer { width:100vw!important; min-width:0!important; max-width:100vw!important; height:100dvh!important; min-height:100dvh!important; padding:max(14px,env(safe-area-inset-top)) 18px max(14px,env(safe-area-inset-bottom))!important; box-shadow:none!important; }
  .crm-claw-mobile-history-panel .crm-claw-history-row { position:relative!important; min-width:0!important; }
  .crm-claw-mobile-history-panel .crm-claw-history-action-menu { position:absolute!important; z-index:10!important; top:calc(100% + 6px)!important; right:auto!important; bottom:auto!important; left:0!important; width:min(292px,calc(100vw - 36px))!important; max-width:calc(100vw - 36px)!important; }
  .crm-claw-mobile-history-panel .crm-claw-history-row.is-history-menu-above .crm-claw-history-action-menu { top:auto!important; bottom:calc(100% + 6px)!important; }
  .crm-claw-mobile-history-panel .crm-claw-history-action-menu.is-mobile-history-floating { position:fixed!important; z-index:2147483500!important; bottom:auto!important; width:min(292px,calc(100vw - 36px))!important; max-width:calc(100vw - 36px)!important; }
}

/* v1881: the desktop rail history is the single scroll area for Janon AI.
   Declared last and one class level deeper than the V1750 group rule so it
   wins by BOTH specificity and order. The row action menu escapes this clip
   through fixed coordinates (see the v1881 runtime in app.js), not through
   overflow:visible. */
@media (min-width:851px){
  .command-desk-card.crm-claw-card .crm-claw-rail .crm-claw-history{
    overflow-y:auto!important;overflow-x:hidden!important;
    overscroll-behavior:contain;scrollbar-gutter:stable;
  }
}

/* ------------------------------------------------------------------
   v1883 — Janon AI left rail: one scroll area, projects and chats on the
   same level.  Desktop block first, then the mobile drawer.  Fully additive:
   no existing rule is edited, every selector carries one class more than the
   rule it must beat, and each selector targets the real DOM (the project menu
   is a child of .crm-claw-project-section, and the folder header is display:flex,
   not grid).
   Two measured traps are handled explicitly below: a folder whose overflow is
   hidden collapses to zero as a grid item, and a sticky footer stops 15px above
   the padding box, which lets a row show under it.
   ------------------------------------------------------------------ */
@media (min-width:851px){
  /* 1. the rail is the single scroll area.  Its inline overflow is removed by
        the v1883 runtime, because an inline !important cannot be overridden.
        padding-bottom:0 makes the sticky line coincide with the overflow clip
        line, otherwise one row shows in the 15px band below the footer. */
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail{
    overflow-y:auto!important; overflow-x:hidden!important;
    overscroll-behavior:contain; scrollbar-gutter:stable;
    padding-bottom:0!important;
  }
  /* 2. display:contents drops the section box so its title can stick across
        the WHOLE rail scroll (measured otherwise: it unstuck after 386px). */
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail > .crm-claw-project-section{
    display:contents!important;
  }
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail .crm-claw-project-section > header{
    position:sticky!important; top:0!important; z-index:7!important;
    background:#f8fbff!important; flex:0 0 auto!important;
  }
  /* 3. the project list joins the rail flow.  It must not be shrinkable
        (flex:0 0 auto) and must not be given min-height:0, otherwise the rail's
        flex layout squeezes it to its border width and the folders vanish. */
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail .crm-claw-project-menu{
    flex:0 0 auto!important; max-height:none!important; min-height:auto!important;
    overflow:visible!important; grid-template-columns:minmax(0,1fr)!important;
    border:0!important; border-radius:0!important; background:transparent!important;
    box-shadow:none!important; margin:0!important; padding:0!important;
  }
  /* 4. a folder is one line.  No overflow:hidden here: that zeroes the grid
        item's automatic minimum size and collapses the row, clipping the
        header (measured: folder 0px, header 42.8px, menu 2px). */
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail .crm-claw-project-menu-folder{
    min-width:0!important; max-width:100%!important; flex:0 0 auto!important;
  }
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail .crm-claw-project-menu-folder > header{
    min-height:30px!important; flex:0 0 auto!important;
  }
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail .crm-claw-project-menu-folder > header strong{
    min-width:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important;
  }
  /* 5. the chat list joins the same scroll flow instead of scrolling itself */
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail .crm-claw-history{
    flex:none!important; max-height:none!important;
    overflow:visible!important; overflow-y:visible!important; scrollbar-gutter:auto!important;
  }
  /* 6. the pending-task footer stays pinned outside the scrolling content */
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail > footer{
    position:sticky!important; bottom:0!important; z-index:7!important; background:#e9f1fb!important;
  }
}
@media (max-width:850px){
  /* 7. mobile drawer: the 项目 title stays fixed, the folders scroll under it.
        The recent list keeps its own behaviour. */
  .crm-claw-mobile-history-projects{
    flex:0 0 auto!important;
    max-height:33dvh!important; overflow-y:auto!important;
    overscroll-behavior:contain!important; -webkit-overflow-scrolling:touch!important;
  }
  .crm-claw-mobile-history-projects>b{
    position:sticky!important; top:0!important; z-index:2!important; background:#fff!important;
  }
}

/* ------------------------------------------------------------------
   v1885 — project view (click a folder to read that folder's chats) and the
   version indicator.  Additive only.
   ------------------------------------------------------------------ */
.crm-claw-mobile-version{margin:2px 0 0!important;font-size:11.5px!important;line-height:1.5!important;color:#8b9aa3!important;letter-spacing:.2px!important;white-space:nowrap!important}
.settings-about-version{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-top:14px!important;padding:14px 0!important;border-top:1px solid #edf2f4!important;font-size:14.5px!important;color:#1a2b33!important}
.settings-about-version b{font-size:13px!important;font-weight:600!important;color:#155f78!important;letter-spacing:.2px!important;user-select:text!important}
.settings-about-note{margin:6px 0 0!important;font-size:12.5px!important;line-height:1.6!important;color:#8b9aa3!important}
.crm-claw-project-menu-folder>header[data-workbench-project-open]{cursor:pointer!important}
.crm-claw-project-menu-folder.is-open>header{background:#eef4f8!important;border-radius:8px!important}
.crm-claw-mobile-history-project.is-open{background:#eef4f8!important}
.crm-claw-mobile-history-back{display:flex!important;align-items:center!important;width:100%!important;min-height:40px!important;margin-bottom:6px!important;padding:0 8px!important;border:0!important;border-radius:10px!important;background:#f1f6f9!important;color:#155f78!important;font-size:14px!important;font-weight:700!important;text-align:left!important}
.crm-claw-main{position:relative!important}
.crm-claw-project-view{position:absolute!important;inset:0!important;z-index:24!important;display:flex!important;flex-direction:column!important;background:#fff!important}
.crm-claw-project-view>header{display:flex!important;align-items:center!important;gap:10px!important;flex:0 0 auto!important;min-height:52px!important;padding:8px 14px!important;border-bottom:1px solid #e9eef1!important;background:#fff!important}
.crm-claw-project-view>header button{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#f3f7f8!important;color:#314951!important;font-size:22px!important}
.crm-claw-project-view>header strong{font-size:16px!important;color:#1a2b33!important}
.crm-claw-project-view>header small{margin-left:auto!important;font-size:12.5px!important;color:#8b9aa3!important}
.crm-claw-project-view-list{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;padding:12px 14px 20px!important;display:flex!important;flex-direction:column!important;gap:8px!important}
.crm-claw-project-view-list>p{margin:0!important;font-size:13.5px!important;color:#8b9aa3!important}

/* v1886 — the project view lives inside the main area, where the chat-row text
   colour rules (scoped to .crm-claw-rail) do not reach, so the titles inherited
   white on white.  Pin the colours explicitly. */
.crm-claw-project-view{color:#1a2b33!important}
.crm-claw-project-view .crm-claw-project-view-list,
.crm-claw-project-view .crm-claw-history-row,
.crm-claw-project-view .crm-claw-history-item,
.crm-claw-project-view .crm-claw-history-item strong,
.crm-claw-project-view .crm-claw-history-item span,
.crm-claw-project-view .crm-claw-history-project{color:#1a2b33!important}
.crm-claw-project-view .crm-claw-history-item strong{color:#1a2b33!important}
.crm-claw-project-view .crm-claw-history-project{color:#5b6b75!important}

/* ------------------------------------------------------------------
   v1888 - desktop rail: the head of the rail is pinned.
   v1883 made the WHOLE rail the single scroll area, so the logo, the
   "back to workbench" button, the "new chat" button and the project block
   all scrolled away together with the chat list.  Here the rail itself
   never scrolls; the chat list below the project block is the only scroll
   area.  The rail's inline `overflow:visible!important` is already cleared
   by the v1883 runtime at >=851px, so a stylesheet rule can win here.
   Every selector below carries one class more than the v1883 rule it has to
   beat, and this block is declared last, so it wins by BOTH specificity and
   order - no existing rule is edited.
   ------------------------------------------------------------------ */
@media (min-width:851px){
  /* 1. the rail is a fixed flex column, it is not a scroll container */
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail{
    overflow:hidden!important; overflow-y:hidden!important; overflow-x:hidden!important;
    scrollbar-gutter:auto!important; padding-bottom:15px!important;
  }
  /* 2. head of the rail keeps its natural height and never shrinks */
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail > header,
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail > .crm-claw-connector,
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail > .crm-claw-new-project-row,
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail > .crm-claw-project-section,
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail > .crm-claw-history-heading,
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail > footer{
    flex:0 0 auto!important;
  }
  /* 3. safety valve: a long project list may not push the chat list out of the
        rail.  It only starts scrolling internally past ~38vh of projects. */
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail > .crm-claw-project-section{
    max-height:38vh!important; overflow-y:auto!important; overflow-x:hidden!important;
    overscroll-behavior:contain!important;
  }
  /* 4. the one and only scroll area */
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail > .crm-claw-history{
    flex:1 1 auto!important; min-height:0!important; max-height:none!important;
    overflow-y:auto!important; overflow-x:hidden!important;
    overscroll-behavior:contain!important; scrollbar-gutter:stable!important;
  }
  /* 5. sticky was only meaningful while the rail itself scrolled; leaving it on
        would paint a stale band behind the project header and the footer */
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail .crm-claw-project-section > header{
    position:static!important; top:auto!important;
  }
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail > footer{
    position:static!important; bottom:auto!important;
  }
}


/* ============================================================
   v1889-geometry — 左栏高度自适应（修复 v1888 引入的"桌面端变小/被挤扁"）

   原则：整条高度链只由视口单位与 flex 决定，不写死任何像素尺寸。
   v1887 的会话列表是 max-height:calc(100vh - 285px)，跟着视口走、天然自适应；
   v1888 把它换成 flex 收缩后，链条上没有确定高度时列表会被挤扁、整栏变形。
   这里把链条补成确定的，并给滚动区一个视口相关的下限，保证任何窗口尺寸下：
     分界线以上 = 恒定不收缩；分界线以下 = 恰好等于剩余空间；永不被压成 0。
   ============================================================ */
@media (min-width:851px){
  /* 1. 卡片高度跟随视口（自适应，不用固定值） */
  .command-desk-card.crm-claw-card:not(.workbench-operations-card){
    height:calc(100dvh - 8px)!important;
    min-height:calc(100dvh - 8px)!important;
    max-height:none!important;
  }
  /* 2. 左栏撑满卡片，并允许内部收敛 */
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail{
    height:100%!important;
    min-height:0!important;
  }
  /* 3. 分界线以上（头部 / 返回工作台 / 新对话 / 项目行 / 聊天标题 / 底栏）恒定高度，不收缩 */
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail > header,
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail > .crm-claw-connector,
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail > .crm-claw-new-project-row,
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail > .crm-claw-history-heading,
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail > footer,
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail .crm-claw-project-section{
    flex:0 0 auto!important;
  }
  /* 4. 分界线以下：会话列表恒等于剩余空间；下限用视口单位算，任何尺寸下都不会被压成 0 */
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail > .crm-claw-history{
    flex:1 1 auto!important;
    min-height:min(220px, 26dvh)!important;
    max-height:none!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
}

/* 5. 窗口过矮时的兜底：整栏改为可滚，避免"分界线以上 + 下限"装不下时被裁切。
      阈值 560px = 分界线以上(约 262) + 列表下限(180) + 间距/底栏/内边距(约 70)
      再加余量。720p（1280×720）等常见尺寸必须走正常档，不能被兜底档截走。 */
@media (min-width:851px) and (max-height:560px){
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail{
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail > .crm-claw-history{
    flex:0 0 auto!important;
    height:calc(100dvh - 560px)!important;
    min-height:180px!important;
    max-height:none!important;
  }
}


/* ============================================================
   v1890-unified-scroll — 「项目」行以下合成唯一滚动区

   规格（用户口径）：分界线在「项目」行的下沿。
     固定 = 项目行及其以上全部 + 底部按钮
     滚动 = 项目以下全部（文件夹列表 + 聊天/最近标题 + 会话列表），只有一条滚动条
   ============================================================ */

/* ---------- 电脑端 ---------- */
@media (min-width:851px){
  /* 分界线：项目行留在滚动容器之外，任何尺寸下都不滚 */
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail > .crm-claw-project-section{
    flex:0 0 auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  /* 唯一滚动容器 = 项目以下全部；内部子项按内容排布，整体滚动 */
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail > .crm-claw-scroll{
    flex:1 1 auto!important;
    min-height:min(120px, 20dvh)!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    display:grid!important;
    grid-auto-rows:min-content!important;
    align-content:start!important;
    gap:10px!important;
    scrollbar-gutter:stable!important;
  }
  /* 文件夹列表：不再自带滚动条、不再绝对定位 */
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail .crm-claw-project-menu{
    position:static!important;
    inset:auto!important;
    z-index:auto!important;
    max-height:none!important;
    min-height:0!important;
    overflow:visible!important;
  }
  /* 聊天标题：随容器一起滚 */
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail .crm-claw-history-heading{
    position:static!important;
    margin:0!important;
  }
  /* 会话列表：取消自身滚动（改由容器滚） */
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail .crm-claw-history{
    display:grid!important;
    gap:7px!important;
    flex:none!important;
    max-height:none!important;
    overflow:visible!important;
  }
  /* 分界线以上恒定，不参与收缩 */
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail > header,
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail > .crm-claw-connector,
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail > .crm-claw-new-project-row,
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail > footer{
    flex:0 0 auto!important;
  }
  /* 撤销 v1889b 的"矮窗整栏可滚"兜底：它会让项目及以上滚走，违反规格 */
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail{
    overflow-y:hidden!important;
  }
}

/* ---------- 手机端（抽屉） ---------- */
@media (max-width:850px){
  .crm-claw-mobile-history-drawer{
    overflow:hidden!important;
  }
  .crm-claw-mobile-history-drawer > header,
  .crm-claw-mobile-history-drawer > .crm-claw-mobile-version,
  .crm-claw-mobile-history-drawer > .crm-claw-mobile-history-projects,
  .crm-claw-mobile-history-drawer > footer{
    flex:0 0 auto!important;
  }
  /* 唯一滚动容器：文件夹行 + 最近标题 + 会话行 */
  .crm-claw-mobile-history-drawer > .crm-claw-mobile-scroll{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    display:grid!important;
    grid-auto-rows:min-content!important;
    align-content:start!important;
    gap:8px!important;
  }
  /* 项目行：标题 + 紧贴的无框 ＋ */
  .crm-claw-mobile-history-projects{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    max-height:none!important;
    overflow:visible!important;
    flex:0 0 auto!important;
  }
  .crm-claw-mobile-history-projects > b{
    position:static!important;
  }
  .crm-claw-mobile-project-create{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    padding:2px 8px!important;
    margin:0!important;
    min-width:36px!important;
    min-height:30px!important;
    font-size:17px!important;
    line-height:1!important;
    color:#28363b!important;
    touch-action:manipulation!important;
  }
  .crm-claw-mobile-project-rows{
    display:grid!important;
    gap:8px!important;
  }
  /* 会话列表：取消自身滚动 */
  .crm-claw-mobile-history-recent{
    overflow:visible!important;
    flex:none!important;
  }
  .crm-claw-mobile-history-recent > div{
    overflow:visible!important;
  }
  /* 特异度修正：「项目」行必须是 flex 行，否则 ＋ 会换行成整行。
     既有运行时规则是单类选择器 .crm-claw-mobile-history-projects{display:grid!important}，
     这里用两级类名压过它，与文件顺序无关。 */
  .crm-claw-mobile-history-drawer .crm-claw-mobile-history-projects{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:6px!important;
    /* v1891: 原 20px 留白过大，上移一半让抽屉更紧凑 */
    margin-top:10px!important;
  }
  .crm-claw-mobile-history-drawer .crm-claw-mobile-history-projects > b{
    position:static!important;
    flex:0 0 auto!important;
  }
  .crm-claw-mobile-history-drawer .crm-claw-mobile-project-create{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    outline:0!important;
    padding:4px 10px!important;
    margin:0!important;
    min-width:38px!important;
    min-height:38px!important;
    /* v1891: 原 18px 明显大于「项目」题头，收到 16px 并加深 */
    font-size:16px!important;
    line-height:1!important;
    color:#17252B!important;
    touch-action:manipulation!important;
  }
}

/* ---------- 电脑端：「项目」旁的 ＋ 常显、无框、紧贴 ---------- */
@media (min-width:851px){
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail .crm-claw-project-section > header{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:6px!important;
  }
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail .crm-claw-project-section-create{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    height:auto!important;
    min-width:34px!important;
    min-height:30px!important;
    padding:2px 8px!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    outline:0!important;
    opacity:1!important;
    pointer-events:auto!important;
    /* v1891: 原 15px 比紧邻的「项目」题头(12px)大 3px，视觉失衡；改为与题头同号 */
    color:#2F4B58!important;
    font-size:13.5px!important;
    line-height:1!important;
  }
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail .crm-claw-project-section-create:hover,
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail .crm-claw-project-section-create:focus-visible{
    background:transparent!important;
    color:#173d4d!important;
  }
}

/* ============================================================
   v1891 — 字号 / 文字颜色 / 手机端间距精修
   依据用户 2026-09-17 反馈（截图1-4）：

     1. 所有字体颜色加深：原来「项目」题头、「聊天（未归类）」题头
        与 ＋ 按钮共用 #72838D（12px，对浅色栏底对比度约 3.2:1，低于
        AA 4.5:1）——统一改深。
     2. 「项目」旁的 ＋（aria-label=新建项目）原为 15px，比紧邻的
        「项目」题头大 3px，视觉失衡 → 收到与题头同号。
     3. 手机端抽屉：「项目」行上方留白 20px 过大 → 上移一半；
        底部「新对话」由占位行改为浮起，列表因此可以一直显示到
        可用空间底部，并留出不被按钮遮挡的缓冲。
     4. 手机端聊天：正文容器只有 12px 内边距且会被滚走，中段滚动时
        气泡在容器上沿被「硬切」→ 顶部加 20px 渐隐 + 放开上下留白。

   特异度说明（为什么选择器写这么长）：
     · 会话标题颜色 #1f3444 来自 styles-v332-fixed-shell.css
       `.crm-claw-card:not(...) .crm-claw-history .crm-claw-history-item strong`
       = (0,4,1)，styles.css 里同名的 (0,2,1) 规则因此失效。
     · 手机端聊天内边距来自 index.html 末尾内联样式
       `[data-view-panel="workbench"].active ... .crm-claw-transcript{padding:12px}`
       = (0,5,0)，而 index.html 的 <style> 位于文档更后面。
     因此这里的规则都带 !important 并显式提高特异度，与文件顺序无关。
     · 会话标题的 font-size(13px) 与「···」按钮的 17px 写在 app.js 的
       **内联样式**里（2570 / 2573 行），内联优先于任何样式表，只能改 JS。
   ============================================================ */

/* ---------- 电脑端：文字加深 + 题头字号 ---------- */
@media (min-width:851px){
  /* 「项目」题头：12px/#72838D → 13.5px/#2F4B58 */
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail .crm-claw-project-section > header .crm-claw-project-section-toggle{
    color:#2F4B58!important;
    font-size:13.5px!important;
    font-weight:800!important;
  }
  /* 「聊天（未归类）」题头：12px/#72838D → 13.5px/#2F4B58 */
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail .crm-claw-history-heading{
    color:#2F4B58!important;
    font-size:13.5px!important;
    font-weight:800!important;
  }
  /* 会话标题：压过 styles-v332-fixed-shell.css 的 #1f3444 (0,4,1) */
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail .crm-claw-history .crm-claw-history-item strong{
    color:#15242C!important;
  }
  /* 文件夹名与计数 */
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail .crm-claw-project-menu-folder > header strong{
    color:#0C2135!important;
  }
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail .crm-claw-project-menu-folder > header small{
    color:#2C4AC6!important;
  }
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail .crm-claw-project-menu-empty{
    color:#5E7078!important;
    font-size:12px!important;
  }
  /* 「← 返回工作台」与底部状态字 */
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail > .crm-claw-connector{
    color:#26404F!important;
  }
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail > footer span{
    color:#3A5361!important;
    font-size:11.5px!important;
    font-weight:600!important;
  }
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail > footer b{
    color:#2344C9!important;
  }
  /* 会话行右侧「···」（字号由 app.js 内联改为 14px，这里只加深颜色） */
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail .crm-claw-history .crm-claw-history-row .crm-claw-history-project{
    color:#3D5865!important;
  }
}

/* ---------- 手机端：抽屉（题头加深 + 内容延伸到可用空间底部） ---------- */
@media (max-width:900px){
  .crm-claw-mobile-history-panel .crm-claw-mobile-history-drawer .crm-claw-mobile-history-projects > b,
  .crm-claw-mobile-history-panel .crm-claw-mobile-history-drawer .crm-claw-mobile-history-recent > b{
    color:#17252B!important;
    font-size:15.5px!important;
  }
  .crm-claw-mobile-history-panel .crm-claw-mobile-history-drawer .crm-claw-mobile-history-item strong{
    color:#12202A!important;
  }
  .crm-claw-mobile-history-panel .crm-claw-mobile-history-drawer .crm-claw-mobile-version{
    color:#6B7880!important;
  }
  .crm-claw-mobile-history-panel .crm-claw-mobile-history-recent p{
    color:#5A6C74!important;
  }
  /* 底部「新对话」浮于列表之上：列表因此可一直显示到可用空间底部 */
  .crm-claw-mobile-history-panel .crm-claw-mobile-history-drawer > footer{
    position:absolute!important;
    right:18px!important;
    left:18px!important;
    bottom:calc(10px + env(safe-area-inset-bottom))!important;
    z-index:6!important;
    padding:0!important;
    background:transparent!important;
  }
  .crm-claw-mobile-history-panel .crm-claw-mobile-history-drawer > footer button{
    box-shadow:0 10px 22px rgba(47,119,232,.26)!important;
  }
  /* 末尾留出按钮高度的缓冲，保证最后一行能完整滚到按钮上方 */
  .crm-claw-mobile-history-panel .crm-claw-mobile-history-drawer > .crm-claw-mobile-scroll{
    padding-bottom:calc(68px + env(safe-area-inset-bottom))!important;
  }
}

/* ---------- 手机端：聊天正文（顶部不再硬切 + 上下留白） ---------- */
@media (max-width:900px){
  /* 特异度 (0,6,0) > index.html 内联的 (0,5,0) */
  [data-view-panel="workbench"].active .crm-claw-card:not(.workbench-operations-card) .crm-claw-main .crm-claw-transcript{
    padding-top:16px!important;
    padding-bottom:20px!important;
    scroll-padding-top:16px!important;
    scroll-padding-bottom:20px!important;
    /* 顶部渐隐改由 v1892 的「父级渐变条」承担：mask-image 在本机 Android
       WebView 里会随内容一起滚（像素实测淡化量为 0），已弃用。 */
  }
}

/* ============================================================
   v1892 — 手机端正文顶部渐隐条（替代同批 v1891 里无效的 mask）

   问题：正文容器（.crm-claw-transcript）就是滚动容器，滚到中段时
   气泡会被容器上沿「硬切」出一条直线。

   在真机（Android WebView / emulator）上做的 A/B 实测：
     · mask-image 加在滚动容器上 —— 计算样式生效，但像素采样显示
       淡化量为 0（渐隐带跟着内容一起滚）→ 无效，已弃用。
     · 容器内 sticky 伪元素 —— sticky 的包含块是内容框，渐变条实际
       贴在 padding 之后：静止时把首条气泡平掉 6.6px，滚动时又盖不住
       硬切线 → 双重失败。
     · 父级绝对定位渐变条（本方案）—— 静止时与改动前像素差 0 级；
       滚动时硬切线从 minLuma 48 提升到 247（肉眼消失）；无内容位移、
       无第二条滚动条、pointer-events:none 不挡点击。

   位置由 app.js 的 syncCrmClawTranscriptFade() 运行时测量并写入
   --claw-fade-top；测不出来时不加 .claw-fade-ready，宁可不显示渐变，
   也绝不盖住正文。
   ============================================================ */
@media (max-width:900px){
  .crm-claw-main.claw-fade-ready{
    position:relative!important;
  }
  .crm-claw-main.claw-fade-ready::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:var(--claw-fade-top,0px)!important;
    height:17px!important;
    /* 底色取自正文容器上沿实测值 #f5f7f8，55% 之后才开始透明化，
       保证贴边那一两像素是实色，不会有发丝残留。 */
    background:linear-gradient(180deg,#f5f7f8 0,#f5f7f8 55%,rgba(255,255,255,0) 88%)!important;
    pointer-events:none!important;
    z-index:60!important;
  }
}

/* ============================================================
   v1893-topgap — 空的问题条不再占位，内容区顶到「资料范围」下方

   用户反馈：「内容显示区没有到顶」——「资料范围」胶囊与第一条消息之间
   空了一截。

   实测（412×915，v1892）：
     aside.crm-claw-workspace-scope   89.76 → 119.76   （资料范围胶囊）
     section.crm-claw-question-bank  119.76 → 146.52   ← 空占位，26.76px
                                      其再带 margin-bottom:12px
     section.crm-claw-transcript     158.52 → 766.95
     首条 .crm-claw-message          174.52
     资料范围 → 正文容器 = 47.26px = 8.5（胶囊内底部余量）
                                  + 26.76（空 question-bank）
                                  + 12（它的 margin-bottom）

   question-bank 是**彻底空**的（childElementCount 0、innerHTML ""），
   且 app.js 全文件只有模板里那一处占位、没有任何代码给它写内容，
   index.html 里本来就有「手机端隐藏它」的规则，但被 styles.css 里
   特异度更高的两条 display:grid!important 撑开了：
     .crm-claw-card:not(...) .crm-claw-main.has-open-conversation .crm-claw-question-bank  → (0,5,0) 生效
     .crm-claw-card:not(...) .crm-claw-main.is-thinking.has-open-conversation ...           → (0,6,0) 生效
     .crm-claw-main.is-answers .crm-claw-question-bank{display:none!important}              → (0,2,0) 被压过

   这里只针对 :empty 收起它 —— 一旦将来有内容渲染进来就照常显示，
   不存在把内容藏起来的情况。选择器写到 (0,7,0) 以稳定压过上面两条。
   ============================================================ */
.command-desk-card.crm-claw-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-main .crm-claw-question-bank:empty,
.app-shell.crm-claw-mobile-surface .crm-claw-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-main .crm-claw-question-bank:empty{
  display:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  min-height:0!important;
  max-height:none!important;
}

/* ============================================================
   v1894-fadefix — 「资料范围」胶囊抬到顶部渐隐条之上

   起因（v1893 验收实测，scrollTop=200）：
     正文容器顶边 119.76（小数像素）。渐隐条锚点若正好贴上沿，
     119.76 → 120.76 约 1px 的裁切残字没被盖住 —— 全宽 dark 像素
     301/270/234（预期 0），胶囊正下方可见一条极细深色残字线。
     而渐隐条若向上留 2px 余量（app.js 里 -2），就会盖到
     「资料范围」胶囊的底边框（118.76 → 119.76）。

   解法：让两者不再争同一片像素 —— 渐隐条恢复 2px 余量负责盖残字，
   胶囊用更高的 z-index 负责把自己画在渐隐条上面。
   渐隐条 z-index 60，故胶囊取 70（仍远低于加号浮层 120 与各种
   fixed 面板，不会盖住它们）。
   ============================================================ */
@media (max-width:900px){
  .app-shell.crm-claw-mobile-surface .crm-claw-main .crm-claw-workspace-scope{
    position:relative!important;
    z-index:70!important;
  }
}

/* ============================================================
   v1895-project-menu — 项目文件夹的「长按 / 右键」菜单 + 置顶标记

   面板挂在 document.body 上做成 fixed 浮层（z-index 2147483600，高于手机端
   抽屉的 2147483400）：rail 有 overflow 裁切，手机端抽屉又是整屏浮层，
   菜单若留在文档流里会被切掉。定位由 app.js 的 placeMenu() 计算，
   下方空间不足时自动上翻 —— 与既有的会话操作菜单同一套范式。
   ============================================================ */
/* 度量逐项对齐「对话操作」卡片，两张卡片视觉语言一致 */
.crm-claw-project-folder-menu{
  position:fixed!important;
  z-index:2147483600!important;
  display:block!important;
  box-sizing:border-box!important;
  width:244px!important;
  padding:9px!important;
  margin:0!important;
  border:1px solid #d7e0e4!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 16px 42px rgba(17,35,43,.22)!important;
}
.crm-claw-project-folder-menu > header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  padding:3px 5px 7px!important;
  color:#254f60!important;
  font-size:12px!important;
  font-weight:800!important;
}
.crm-claw-project-folder-menu > header button{
  width:26px!important;
  height:26px!important;
  min-height:26px!important;
  padding:0!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#66808d!important;
  font-size:17px!important;
  line-height:1!important;
  cursor:pointer!important;
}
/* 项目名用参照卡片的「小节标签」层级呈现，不与标题抢注意力 */
.crm-claw-project-folder-menu > .crm-claw-project-menu-name{
  display:block!important;
  max-width:100%!important;
  padding:1px 8px 5px!important;
  color:#5a737f!important;
  font-size:11px!important;
  font-weight:600!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.crm-claw-project-folder-menu > button{
  display:block!important;
  width:100%!important;
  min-height:36px!important;
  padding:8px 10px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#274c5c!important;
  font-size:13px!important;
  font-weight:400!important;
  text-align:left!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
}
.crm-claw-project-folder-menu > button:hover,
.crm-claw-project-folder-menu > button:focus-visible{
  background:#eaf7fa!important;
  color:#274c5c!important;
}
/* 手机端沿用参照卡片在抽屉里的度量 */
@media (max-width:850px){
  .crm-claw-project-folder-menu{
    width:min(292px,calc(100vw - 30px))!important;
    padding:10px!important;
    border:0!important;
    border-radius:22px!important;
    box-shadow:0 18px 48px rgba(11,27,34,.26)!important;
  }
  .crm-claw-project-folder-menu > button{
    min-height:45px!important;
    padding:10px 12px!important;
    font-size:16px!important;
  }
  .crm-claw-project-folder-menu > .crm-claw-project-menu-name{
    padding:1px 12px 7px!important;
    font-size:13px!important;
  }
}
/* 触发菜单的那一行给淡底，便于确认操作对象 */
.crm-claw-mobile-history-project.is-project-menu-open,
.crm-claw-project-menu-folder.is-project-menu-open > header{
  background:#EEF5F8!important;
}
/* 置顶标记：手机端是名字后的一个上箭头，桌面端把图标与名字压深 */
.crm-claw-mobile-history-project.is-pinned span{
  font-weight:800!important;
  color:#0B2C3A!important;
}
.crm-claw-mobile-history-project .crm-claw-project-pin{
  margin-left:3px!important;
  color:#0F7C93!important;
  font-size:12px!important;
  font-weight:800!important;
}
.crm-claw-project-menu-folder.is-pinned > header > span{
  color:#0F7C93!important;
}
.crm-claw-project-menu-folder.is-pinned > header > strong{
  color:#0B2C3A!important;
}

/* ============================================================
   v1897-project-menu-delete — 文件夹卡片补齐「编辑 / 删除 / 取消」
   菜单项与桌面端 ✎ 保持一致：置顶项目 · 编辑 · 删除 · 取消。
   删除用危险色；取消项加分隔线并弱化，避免和危险项混淆。
   ============================================================ */
/* 删除项取参照卡片里「删除」的同一颜色 */
.crm-claw-project-folder-menu > button.is-danger{
  color:#c53145!important;
}
.crm-claw-project-folder-menu > button.is-danger:hover,
.crm-claw-project-folder-menu > button.is-danger:focus-visible{
  background:#fdeef1!important;
  color:#a82539!important;
}
@media (max-width:850px){
  .crm-claw-project-folder-menu > button.is-danger{
    color:#d12c43!important;
  }
}

/* ============================================================
   v1899-navbar-pinned — 手机端顶部导航栏在所有分区都固定

   实测（412×915，登录后逐分区滚动 200px）：
     AI 工作台 / 👥客户   .sidebar = fixed  top:24 z:200   → Δ0   ✅
     💬聊天              .sidebar = sticky top:0           → Δ0   ✅
     🔗渠道连接 / 🔎自动获客 / ✨AI 背调 / 🌐社媒运营 /
     ⚙️自动化中心 / 🖥运行监控 / 🛠设置
                          .sidebar = sticky top:24 z:100   → Δ-200 ❌ 随内容滚走

   为什么 sticky 失效：`.sidebar` 的包含块是 `.app-shell`，而 `.app-shell`
   自己就是滚动容器（实测 overflow-y:auto）——但它**从不滚动**（内容把它撑高到
   936px，超过视口的 915px，于是滚动发生在文档上）。sticky 以最近的可滚动祖先
   为参照，于是它一直以「永不滚动的 .app-shell」为参照，等于没生效。

   修法：让 `.app-shell` 不再是滚动容器（改用 overflow:clip —— clip 不创建
   滚动容器，同时仍然裁切横向溢出），sticky 的参照就落到真正在滚的文档上。
   选它而不是把 7 个分区也改成 fixed：sticky 保留占位空间，内容不会被栏压住；
   fixed 会释放 57px 空间，需要再补内边距，改动面更大。

   佐证：应用自己的 renderCommandDeskPreservingViewport() 用
   window.scrollY / window.scrollTo 保存与恢复位置 —— 它本来就假定文档是滚动容器。

   范围：仅手机端、且仅一级分区（排除 Claw 沉浸面 .crm-claw-mobile-surface，
   它自带 fixed 整屏布局与内部滚动区）。
   ============================================================ */
@media (max-width:850px){
  /* 两层都要解：sticky 的参照会逐层往上找"可滚动祖先"，
     只解 .app-shell 的话参照会退到 body（body 也是 overflow-y:auto 却从不滚动，
     实测 .app-shell=clip/visible 之后 sticky 依然失效）。两层解掉后，
     参照落到真正在滚动的 html（视口滚动），sticky 才生效。 */
  html body:not(.crm-claw-mobile-surface){
    overflow-x:clip!important;
    overflow-y:visible!important;
  }
  html body .app-shell:not(.crm-claw-mobile-surface){
    overflow-x:clip!important;
    overflow-y:visible!important;
  }
}

/* ============================================================
   v1901-project-menu-trigger — 文件夹行的入口由铅笔改成 ···
   铅笔点开的是「编辑项目名称」对话框（里面当然没有置顶/删除），
   桌面上因此找不到这些动作。改成 ··· 后点开即「项目操作」卡片：
   置顶 / 编辑 / 重命名 / 删除，与聊天行的 ⋯ →「对话操作」同构。
   显形不需要新规则：既有 ...folder:hover>header button{opacity:1} 按
   "> header button" 匹配，新按钮自动继承（仍然悬停才出现）。
   ============================================================ */
.crm-claw-project-menu-folder > header > button[data-workbench-project-menu-trigger]{
  /* v1905: 与聊天行右侧的 ··· 完全一致 —— 14px / 400 / 无字距 / #3d5865，
     并且在行右侧同一位置居中（聊天那个是 28x28 网格居中）。 */
  display:grid!important;
  place-items:center!important;
  align-self:center!important;
  font-size:14px!important;
  font-weight:400!important;
  letter-spacing:normal!important;
  line-height:1!important;
  color:#3d5865!important;
}
.crm-claw-project-menu-folder > header > button[data-workbench-project-menu-trigger]:hover,
.crm-claw-project-menu-folder > header > button[data-workbench-project-menu-trigger]:focus-visible{
  color:#17313d!important;
}



/* ============================================================
   v1904-compact-folders — 展开的「项目」文件夹列表更紧凑
   用户反馈：文件夹之间"不用分得那么开"。
   现状（CSS 实测）：容器 gap:7px、每个文件夹行 min-height:30px / padding:3px 8px，
   「聊天（未归类）」小节标题 margin-top:5px。
   收紧为：gap 7→4px、行高 30→27px、padding 3px→2px、标题上边距 5→3px。
   ============================================================ */
@media (min-width:851px){
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail .crm-claw-project-menu{
    gap:4px!important;
  }
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail .crm-claw-project-menu-folder > header{
    min-height:27px!important;
    padding:2px 8px!important;
  }
  .command-desk-card.crm-claw-card:not(.workbench-operations-card) .crm-claw-rail .crm-claw-history-heading{
    margin:3px 0 5px!important;
  }
}

/* ============================================================
   v1907 — 桌面端置顶标记（#4）
   手机端置顶行名字后有 ↑；桌面端此前只有名字压深 + 图标变色，不够明确。
   ↑ 插在 <strong> 内部的最前面：既不会把 header 的 4 列网格挤多一格，
   也不会被名字的 ellipsis 截断掉。
   ============================================================ */
.crm-claw-project-menu-folder > header > strong > .crm-claw-project-pin{
  margin-right:3px!important;
  color:#0f7c93!important;
  font-size:12px!important;
  font-weight:800!important;
}



/* ============================================================
   v1914-customer-ops-settings-menu
   一、分类卡片行：只渲染真实存在的分类；先自适应、放不下才横向滚动，永不换行。
   二、「客群」是唯一的设置入口，钉在行首不参与滚动；横向滚动只作用于 chip 轨道。
       原规则把 overflow-x 挂在整行上，滚动时会连标签一起滚走。
   三、分组/分类的编辑收进「客群设置」面板，页面内不再挂悬停按钮。
   ============================================================ */

/* ---- 一、分类卡片行 ---- */
[data-view-panel="customer_ops"] .customer-ops-metrics button > span{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
[data-view-panel="customer_ops"] .customer-ops-metrics{
  scrollbar-width:thin;
}

/* ---- 二、客群那一行 ---- */
[data-view-panel="customer_ops"] .customer-ops-custom-groups{
  overflow:hidden;
}
[data-view-panel="customer_ops"] .customer-ops-custom-groups .customer-ops-group-track{
  display:flex;
  align-items:center;
  gap:5px;
  flex:1 1 auto;
  min-width:0;
  overflow-x:auto;
  white-space:nowrap;
  scrollbar-width:thin;
}
[data-view-panel="customer_ops"] .customer-ops-custom-groups .customer-ops-seg-entry{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  flex:0 0 auto;
  height:25px;
  padding:0 8px;
  border:1px solid #24917f;
  border-radius:5px;
  background:#fff;
  color:#0f7a6a;
  font-size:11px;
  font-weight:500;
  line-height:1;
  cursor:pointer;
}
[data-view-panel="customer_ops"] .customer-ops-custom-groups .customer-ops-seg-entry:hover{
  background:#eefaf6;
}
[data-view-panel="customer_ops"] .customer-ops-custom-groups .customer-ops-seg-entry svg{
  width:13px;
  height:11px;
  flex:0 0 auto;
}
/* 选中态只用描边 + 底色表达。原来这里是 font-weight:800，粗体会让这一行的字看着比旁边大。 */
[data-view-panel="customer_ops"] .customer-ops-custom-groups button.active{
  font-weight:400;
}

/* ---- 三、客群设置面板（挂在 document.body 上，不能用 [data-view-panel] 前缀） ---- */
.customer-ops-set-tabs{
  display:flex;
  gap:0;
  margin:0 8px 8px;
  border:1px solid #e1eaec;
  border-radius:7px;
  overflow:hidden;
}
.customer-ops-set-tabs button{
  flex:1 1 0;
  min-height:34px;
  border:0;
  background:#f5f9f8;
  color:#63736f;
  font-size:13px;
  font-weight:400;
  cursor:pointer;
}
.customer-ops-set-tabs button.active{
  background:#fff;
  color:#173e38;
  font-weight:500;
  box-shadow:inset 0 -2px 0 #24917f;
}
.customer-ops-set-list{
  padding:2px 8px 6px;
}
.customer-ops-set-row{
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 4px;
  border-bottom:1px solid #edf2f3;
}
.customer-ops-set-name{
  flex:1 1 auto;
  min-width:0;
  font-size:13px;
  color:#193845;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.customer-ops-set-name small{
  display:block;
  font-size:11px;
  font-weight:400;
  color:#8a9199;
}
.customer-ops-set-actions{
  display:flex;
  gap:4px;
  flex:0 0 auto;
}
.customer-ops-set-actions button,
.customer-ops-set-draft button{
  min-height:26px;
  padding:0 9px;
  border:1px solid #d3d7db;
  border-radius:5px;
  background:#fff;
  color:#253a36;
  font-size:12px;
  font-weight:400;
  cursor:pointer;
}
.customer-ops-set-actions button.is-danger{
  color:#b3261e;
  border-color:#e7bdb8;
}
.customer-ops-set-flag{
  flex:0 0 auto;
  padding:1px 6px;
  border:1px solid #e1eaec;
  border-radius:4px;
  color:#8a9199;
  font-size:11px;
}
.customer-ops-set-draft,
.customer-ops-set-add{
  display:flex;
  align-items:center;
  gap:6px;
  padding:9px 4px;
}
.customer-ops-set-draft input,
.customer-ops-set-add input{
  flex:1 1 auto;
  min-width:0;
  height:30px;
  padding:0 8px;
  border:1px solid #cfe0dc;
  border-radius:5px;
  font-size:12px;
}
.customer-ops-set-draft button.is-save,
.customer-ops-set-add button.is-save{
  border-color:#24917f;
  background:#24917f;
  color:#fff;
  font-weight:500;
}
.customer-ops-set-empty{
  margin:8px 4px;
  font-size:12px;
  color:#8a9199;
}

@media (min-width: 901px){
  [data-view-panel="customer_ops"] .customer-ops-metrics{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    overscroll-behavior-x:contain;
  }
  /* 上限 = 原来 6 列时每张卡片的宽度，保证分类少的时候不会被拉长；
     下限沿用原 grid 的 120px，触到下限之后才转为横向滚动。 */
  [data-view-panel="customer_ops"] .customer-ops-metrics > button{
    flex:1 1 120px;
    min-width:120px;
    max-width:calc((100% - 30px) / 6);
  }
}

/* ============================================================
   v1915-customer-ops-font-match
   v1914 的字号修正没生效。原因（浏览器里实测到的胜出规则）：
     styles.css  .workspace main .view button, ... input, ... select, ... textarea
                 { font-size: var(--janon-font-label) }   —— 特异性 0,8,0，非 !important，值是 13px
   它有 13px，而表格里的文字是 11px，所以分组 chip 显得比旁边大。这就是问题根源，不是字号写错。
   下面这几条必须带 !important —— 对手不是 !important，!important 直接取胜。
   唯一例外是容器 overflow：对手带 !important（0,3,0），所以那条要同时抬特异性（0,4,0）。
   ============================================================ */

/* 分组 chip：字号与表格文字、分类卡片标签对齐到 11px；选中态不再用 800 粗体 */
[data-view-panel="customer_ops"] .customer-ops-custom-groups .customer-ops-group-track button{
  font-size:11px !important;
  font-weight:400 !important;
}
/* 表格里的行内控件（客群下拉、标签输入）跟随所在单元格的 11px，不再被放大到 13px */
[data-view-panel="customer_ops"] .customer-ops-table .customer-ops-inline-control{
  font-size:11px !important;
}
/* 横向滚动只留在 chip 轨道上：容器必须裁掉自身溢出，否则整行会跟着滚 */
[data-view-panel="customers"] [data-customer-workbench-content="customer_ops"] .customer-operations-panel .customer-ops-custom-groups{
  overflow:hidden !important;
}

/* ============================================================
   v1916-customer-ops-anchored-popover
   「客群设置」从贴底的整屏抽屉改成钉在「客群」按钮旁边的小卡片。
   一、没有全屏遮罩：整页不再被压暗（原来那层 rgba(15,28,33,.18) 就是
       "点开先黑/绿一下"的来源）。改由 JS 监听 pointerdown，点卡片外即关。
   二、卡片挂在 document.body 上。客群那一行有 overflow:hidden，
       放进行内会被裁掉。
   三、位置由 JS 在插入前算好、写进行内样式，所以这里只写外观。
       刻意不加 opacity / transform 入场动画：任何延迟生效的样式都会
       让第一帧先按别的样子画出来，就是用户说的"闪一下"。
   ============================================================ */
.customer-ops-settings-pop{
  position:fixed;
  z-index:10065;
  display:flex;
  flex-direction:column;
  /* 卡片永远不高于视口：贴到底部时让列表自己滚，标题与关闭键始终在位。 */
  max-height:calc(100vh - 24px);
  max-height:calc(100dvh - 24px);
  overflow:hidden;
  background:#fff;
  border:1px solid #dbe6e9;
  border-radius:11px;
  box-shadow:0 14px 34px rgba(18,46,58,.20);
}
.customer-ops-settings-pop > header{
  flex:0 0 auto;
  display:grid;
  gap:2px;
  padding:8px 11px 7px;
  border-bottom:1px solid #e7eff0;
}
.customer-ops-settings-pop > header strong{
  color:#173e38;
  font-size:13px;
  font-weight:600;
}
.customer-ops-settings-pop > header span{
  color:#8a9199;
  font-size:11px;
}
.customer-ops-settings-pop .customer-ops-set-tabs{
  flex:0 0 auto;
  margin:7px 8px;
}
.customer-ops-settings-pop .customer-ops-set-list{
  flex:1 1 auto;
  min-height:0;
  max-height:240px;
  overflow-y:auto;
  overscroll-behavior:contain;
}
/* 卡片要小：行高与内边距只在卡片内收紧，不动页面里那套 .customer-ops-set-* */
.customer-ops-settings-pop .customer-ops-set-row,
.customer-ops-settings-pop .customer-ops-set-add{
  padding:7px 4px;
}
/* 面板底部的关闭键。基类 button 是深色实心 + 9px 12px padding，
   这里必须把 border/background/color/radius/padding 全部显式覆盖。 */
.customer-ops-settings-pop .customer-ops-set-close{
  flex:0 0 auto;
  display:block;
  width:100%;
  min-height:32px;
  margin:0;
  padding:0 12px;
  border:0;
  border-top:1px solid #e7eff0;
  border-radius:0;
  background:#fff;
  color:#526870;
  font-size:12px;
  font-weight:400;
  text-align:center;
  cursor:pointer;
}
.customer-ops-settings-pop .customer-ops-set-close:hover{
  background:#f5f9f8;
}

/* ============================================================
   v1917-anchored-cards
   把剩下三处贴底大抽屉统一成"贴着触发元素弹出的小卡片"：
   批量「移动至客群 / 移动至分类 / 转移客户」、右键「客户操作」、WhatsApp「客户操作」。
   与 v1916 的「客群设置」卡同一套口径（尺寸、方位、字号）。

   隔离约定（每个板块改动不外溢，自检里逐条断言）：
   1. 本块每条选择器都以 .janon-anchor-card 开头，只作用于这几张卡；
   2. 块内不出现裸元素选择器（button/div/span 只能出现在类选择器之后），
      不碰任何全局变量与根字号；
   3. 只追加，不改动本文件里已有的任何规则；
   4. 老类 .janon-customer-action-sheet / -backdrop / -panel 一概不动、也不删
      （index.html 里还有它们的定义，删了就是跨板块改动）；
   5. 位置由 JS 在插入前算好（anchorCardGeometry），这里只负责外观。
      刻意不含 opacity / transform / animation / transition —— 任何延迟生效的样式
      都会让第一帧先按别的样子画出来，就是用户说的"闪一下"。

   字号口径（用户要求：小卡片的字体要匹配大小）：
    标题 13 / 说明 11 / 列表主文字 13 / 次要 11 / 分组名 11 / 动作行 12，
    容器上先钉 font-size:13px 兜底 —— 全局有 button,input,select{font:inherit}，
    漏设的元素会继承父级，钉住 13px 就不会冒出旧抽屉那套 16/17px。
    菜单式卡片（.is-menu）另按会话头部 ⋮ 菜单的口径来：15px/700/#193845/48px 行高，
    见下方 .janon-anchor-card.is-menu 与 #janonChatCustomerMenu（index.html:1331）。
    ============================================================ */
.janon-anchor-card{
  position:fixed;
  z-index:10065;
  display:flex;
  flex-direction:column;
  max-height:calc(100vh - 24px);
  max-height:calc(100dvh - 24px);
  overflow:hidden;
  background:#fff;
  border:1px solid #dbe6e9;
  border-radius:11px;
  box-shadow:0 14px 34px rgba(18,46,58,.20);
  font-size:13px;
  line-height:1.35;
}
.janon-anchor-card > header{
  flex:0 0 auto;
  display:grid;
  gap:2px;
  padding:8px 11px 7px;
  border-bottom:1px solid #e7eff0;
}
.janon-anchor-card > header strong{
  color:#173e38;
  font-size:13px;
  font-weight:600;
}
.janon-anchor-card > header span{
  color:#8a9199;
  font-size:12px;
  font-weight:400;
}
.janon-anchor-card .janon-anchor-card-list{
  flex:1 1 auto;
  min-height:0;
  max-height:240px;
  padding:2px 6px 4px;
  overflow-y:auto;
  overscroll-behavior:contain;
}
/* v1918 删「分组」标签时把这一行的选择器一起删掉了，只剩孤立的声明。
   按 CSS 语法，孤立声明会跟后面最近的 `{` 拼成一个非法选择器，
   于是紧跟其后的整块 .janon-anchor-card-row 规则被解析器整条丢弃
   （行宽 width:100%、行高、字号全部失效 —— 后来只能靠同 id !important 一条条补）。
   选择器补回来即可，分组标签现在不渲染，这条规则实际不生效。 */
.janon-anchor-card .janon-anchor-card-group{
  padding:6px 5px 3px;
  color:#71818a;
  font-size:12px;
  font-weight:400;
}
.janon-anchor-card .janon-anchor-card-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  width:100%;
  min-height:30px;
  margin:0;
  padding:5px 7px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#2f4b58;
  font-size:13px;
  font-weight:400;
  text-align:left;
  cursor:pointer;
}
.janon-anchor-card .janon-anchor-card-row:hover{
  background:#f2f7f6;
}
.janon-anchor-card .janon-anchor-card-row small{
  color:#8a9199;
  font-size:11px;
  font-weight:400;
}
.janon-anchor-card .janon-anchor-card-row.is-selected{
  background:#eaf5f2;
  color:#126a50;
}
.janon-anchor-card .janon-anchor-card-empty{
  padding:8px 6px;
  color:#8a9199;
  font-size:12px;
  text-align:center;
}
.janon-anchor-card .janon-anchor-card-foot{
  flex:0 0 auto;
  display:grid;
  gap:2px;
  padding:5px 6px 6px;
  border-top:1px solid #e7eff0;
}
.janon-anchor-card .janon-anchor-card-foot > button{
  width:100%;
  min-height:32px;
  margin:0;
  padding:4px 7px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#526870;
  font-size:12px;
  font-weight:400;
  text-align:center;
  cursor:pointer;
}
.janon-anchor-card .janon-anchor-card-foot > button:hover{
  background:#f2f7f6;
}
.janon-anchor-card .janon-anchor-card-foot > button.is-danger{
  color:#b54747;
}
.janon-anchor-card .janon-anchor-card-foot > button.is-danger:hover{ color:#9f3434; background:#fff0ef; }

/* ---- 菜单式卡片（用户 2026-09-18 按参考图指定）----
   不要标题栏、满宽行 + 细分割线、取消单独一块、转交行右侧放二级选择控件。
   全部挂在 .is-menu 上：客群设置卡与批量转移卡完全不受影响。 */
.janon-anchor-card.is-menu > [data-anchor-view]{ display:flex; flex-direction:column; flex:1 1 auto; min-height:0; }
.janon-anchor-card.is-menu > [data-anchor-view][hidden]{ display:none; }
.janon-anchor-card.is-menu .janon-anchor-card-list{ padding:0; }
.janon-anchor-card.is-menu .janon-anchor-card-row{
  position:relative;
  justify-content:center;
  min-height:48px;
  padding:8px 46px;
  color:#193845;
  font-size:15px;
  font-weight:700;
  border:0;
  border-bottom:1px solid #edf2f3;
  border-radius:0;
  text-align:center;
}
.janon-anchor-card.is-menu .janon-anchor-card-row:hover{ background:#f7faf9; }
.janon-anchor-card.is-menu .janon-anchor-card-row.is-selected,
.janon-anchor-card.is-menu .janon-anchor-card-row.is-current{ background:#eaf5f2; color:#126a50; }
.janon-anchor-card.is-menu .janon-anchor-card-row.is-danger{ color:#b54747; }
/* 右侧控件不再绝对定位：跟居中的标签挤在一起过（"转交请选择"叠字），
   改成普通 flex 子项 + 两端布局，靠布局排开而不是靠叠。 */
.janon-anchor-card.is-menu .janon-anchor-card-row > em{
  display:inline-flex;
  align-items:center;
  gap:2px;
  font-style:normal;
  font-size:14px !important;
  font-weight:500;
  color:#8a9199;
}
.janon-anchor-card.is-menu .janon-anchor-card-row.is-split{
  justify-content:space-between;
  padding-left:14px;
  padding-right:12px;
  text-align:left;
}
.janon-anchor-card.is-menu .janon-anchor-card-empty{ padding:12px 10px; }
.janon-anchor-card.is-menu .janon-anchor-card-cancel{ flex:0 0 auto; margin-top:6px; padding:6px; background:#f4f7f8; border-top:1px solid #e7eff0; }
.janon-anchor-card.is-menu .janon-anchor-card-cancel > button{
  width:100%;
  min-height:48px;
  border:0;
  border-radius:0;
  background:transparent;
  color:#526870;
  font-size:15px;
  font-weight:600;
  text-align:center;
  cursor:pointer;
}
.janon-anchor-card.is-menu .janon-anchor-card-cancel > button:hover{ background:#eef3f4; }
.janon-anchor-card.is-menu .janon-anchor-card-cancel > button.is-primary{
  min-height:40px;
  margin-bottom:6px;
  border-radius:7px;
  background:#126a50;
  color:#fff;
  font-size:14px;
  font-weight:700;
}


/* ---- 这张卡的 id 上挂着历史样式（有些在受门禁的样式表里，读不到）----
   Android WebView 还会在按下时内联注入 background/color。上面那套卡片规则
   优先级不够，被压住了就会出现"整张卡变成深色块"。这里用同 id 的选择器把它
   压回卡片口径：只影响 #janonWhatsAppCustomerListActionSheet 这一张卡。 */
#janonWhatsAppCustomerListActionSheet.janon-anchor-card{
  background:#fff !important;
  border:1px solid #dbe6e9 !important;
  box-shadow:0 14px 34px rgba(18,46,58,.20) !important;
}
#janonWhatsAppCustomerListActionSheet.janon-anchor-card .janon-anchor-card-row{
  background:transparent !important;
  color:#193845 !important;
  border:0 !important;
  border-bottom:1px solid #edf2f3 !important;
  border-radius:0 !important;
  -webkit-appearance:none !important;
  -webkit-tap-highlight-color:transparent !important;
}
#janonWhatsAppCustomerListActionSheet.janon-anchor-card .janon-anchor-card-row.is-danger{
  color:#b54747 !important;
}
#janonWhatsAppCustomerListActionSheet.janon-anchor-card .janon-anchor-card-cancel{
  background:#f4f7f8 !important;
}
#janonWhatsAppCustomerListActionSheet.janon-anchor-card .janon-anchor-card-cancel > button{
  background:transparent !important;
  color:#526870 !important;
  border:0 !important;
  border-radius:0 !important;
  -webkit-appearance:none !important;
  -webkit-tap-highlight-color:transparent !important;
}
#janonWhatsAppCustomerListActionSheet.janon-anchor-card .janon-anchor-card-cancel > button.is-primary{
  background:#126a50 !important;
  color:#fff !important;
}

/* 安全区尺寸透给 JS 用（刘海/状态栏/底部横条）；纯新增变量，不改任何既有规则。 */
:root{
  --janon-safe-top: env(safe-area-inset-top, 0px);
  --janon-safe-bottom: env(safe-area-inset-bottom, 0px);
}

/* 「转交」行必须两端分开：行是 flex + space-between，右侧控件是普通子项。
   但 #janonWhatsAppCustomerListActionSheet / #janonCustomerActionSheet 这两个 id 上
   挂着历史样式（部分在受门禁的样式表里，本地读不到），会把行压成 block/居中，
   于是「转交」和「请选择」挤在一起。这里用同 id + !important 钉死，只作用这两张卡。 */
#janonWhatsAppCustomerListActionSheet.janon-anchor-card .janon-anchor-card-row.is-split,
#janonCustomerActionSheet.janon-anchor-card .janon-anchor-card-row.is-split{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding-left:14px !important;
  padding-right:12px !important;
  text-align:left !important;
}
#janonWhatsAppCustomerListActionSheet.janon-anchor-card .janon-anchor-card-row.is-split > em,
#janonCustomerActionSheet.janon-anchor-card .janon-anchor-card-row.is-split > em{
  position:static !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:2px !important;
  flex:0 0 auto !important;
  margin-left:auto !important;
  font-style:normal !important;
  font-size:14px !important;
  color:#8a9199 !important;
  font-weight:500 !important;
}

/* 卡片里的行必须撑满整行宽度。实测过：按钮默认按内容收缩（129.61px vs 容器 218px），
   自由空间为 0 时 justify-content:space-between / margin-left:auto 全部失效，
   「转交」和「请选择」就贴在一起，而卡片右边白白空着 100px。
   同 id 钉死，只作用这两张卡。 */
#janonWhatsAppCustomerListActionSheet.janon-anchor-card .janon-anchor-card-row,
#janonCustomerActionSheet.janon-anchor-card .janon-anchor-card-row{
  width:100% !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
}
#janonWhatsAppCustomerListActionSheet.janon-anchor-card .janon-anchor-card-list,
#janonCustomerActionSheet.janon-anchor-card .janon-anchor-card-list{
  display:block !important;
  width:100% !important;
}

/* 字号兜底：这两个 id 上挂着历史样式（部分在受门禁的样式表里，本地读不到），
   它们可能给行钉了 font-size / font-weight / 固定 height，把 15px/700 压回去。
   用户要求（2026-09-18）：卡片文字要和会话头部 ⋮ 菜单「查看资料」一样清晰，
   而 ⋮ 菜单的口径就在 index.html:1331 —— 15px / 700 / #193845 / 48px 行高。
   这里用同 id + !important 把口径钉死，只作用这两张卡。 */
#janonWhatsAppCustomerListActionSheet.janon-anchor-card .janon-anchor-card-row,
#janonCustomerActionSheet.janon-anchor-card .janon-anchor-card-row{
  height:auto !important;
  min-height:48px !important;
  padding:8px 46px !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1.35 !important;
  color:#193845 !important;
}
/* 转交行是两端布局，左右内边距要收回常规值（行内另有同样口径的内联样式）。 */
#janonWhatsAppCustomerListActionSheet.janon-anchor-card .janon-anchor-card-row.is-split,
#janonCustomerActionSheet.janon-anchor-card .janon-anchor-card-row.is-split{
  padding:8px 12px 8px 14px !important;
}
#janonWhatsAppCustomerListActionSheet.janon-anchor-card .janon-anchor-card-row.is-danger,
#janonCustomerActionSheet.janon-anchor-card .janon-anchor-card-row.is-danger{
  color:#b54747 !important;
}
#janonWhatsAppCustomerListActionSheet.janon-anchor-card .janon-anchor-card-cancel > button,
#janonCustomerActionSheet.janon-anchor-card .janon-anchor-card-cancel > button{
  height:auto !important;
  min-height:48px !important;
  font-size:15px !important;
  font-weight:600 !important;
  color:#526870 !important;
}
#janonWhatsAppCustomerListActionSheet.janon-anchor-card .janon-anchor-card-cancel > button.is-primary,
#janonCustomerActionSheet.janon-anchor-card .janon-anchor-card-cancel > button.is-primary{
  min-height:40px !important;
  font-size:14px !important;
  font-weight:700 !important;
  color:#fff !important;
}

/* ============================================================
   v1931 附件卡片：长文件名不再冲出气泡（用户 2026-09-18 报）
   ============================================================
   线上 styles-contact-status-20260629.css:5634-5639 给
   .unified-chat-file-card strong 写了 nowrap + overflow:hidden + text-overflow:ellipsis，
   但那套写法依赖 span 是 grid（让 strong 成为 grid 项）。实测 span 的 computed 是 block，
   strong 退回行内元素 —— 对行内非替换元素，overflow:hidden 与 text-overflow:ellipsis
   完全不生效（实测 clientWidth=0），于是 76 字符的机器文件名排成 484.5px 一整行，
   横向冲出卡片 290px、冲出气泡 281px，只在 .unified-chat-message-list 的 overflow 处被切。
   这里把 strong 变成块级容器，省略号才真的生效。
   注：display 没有竞争声明，white-space/overflow/text-overflow 虽然同名但取值一致，
   所以这条只靠"后加载"就够，不依赖特异性。

   角标同理：#janonMobileChatSurface .unified-chat-message-card *{min-width:0!important}
   （index.html:2435）把 .unified-chat-file-card b 的 min-width:36px 顶掉了，
   flex 收缩把「XLS」压到约 1 个字符宽、竖着排成 X/L/S。
   必须带上 id 选择器才有足够特异性把 min-width 压回来。
   ============================================================ */
.unified-chat-file-card strong{
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
}
#janonMobileChatSurface .unified-chat-file-card b{
  flex:0 0 auto !important;
  min-width:36px !important;
}

/* ============================================================
   v1939 一级版面纵向收紧（用户 2026-09-19：「所有的都要做紧凑一点」）
   ============================================================
   六视图实测（412×915）发现的浪费几乎都是同一类：**内外边距叠加双算**。
     · 工作台顶部 22px = main 的 padding-top:10px + 首块自带的 margin-top:12px
     · 设置顶部 72px / 块间距 24px = 二级 tab 的 margin-bottom:14px + 父级 grid 的 row-gap:10px
     · 自动获客 内层 21px = 容器 grid gap:10px + 子块 margin-bottom:11px
     · 客户 二级 tab 顶部 6px + tab→panel 间距 10px
   处理：容器已有 padding/gap 的地方，就把子块那一侧的 margin 归零（不是简单全局压小），
   所以每一项都是"去掉重复的那一份"，不会把正常的块间距一起压没。
   只作用于 ≤760px；桌面端一字未动。
   ============================================================ */
@media (max-width:760px){
  /* 容器 padding 10 → 8，全站统一收紧一档 */
  main { padding:8px !important; }

  /* 首块不再与 main 的 padding 叠加（工作台那 12px 就是它）；
     同时覆盖"当前视图容器的第一个子元素"。 */
  body:has([data-view-panel].active) main > :first-child,
  body:has([data-view-panel].active) main > .view.active > :first-child { margin-top:0 !important; }

  /* 这些容器自己带 gap，子块再留 margin-bottom 就是双计 → 归零，交给 gap */
  .layout > *, .executive-layout > *, .priority-layout > *,
  .module-grid > *, .agent-grid > *, .metrics > * { margin-bottom:0 !important; }

  /* 卡片内边距 12 → 10（六视图共用基类） */
  .panel, .panel.wide { padding:10px !important; }

  /* 二级 tab：与父级 grid 的 row-gap 双计，且顶部再多 6px 没必要 */
  .settings-section-tabs { margin-bottom:0 !important; }
  .customer-module-tabs { margin:0 -2px 6px !important; }

  /* 设置页分隔线上下留白 20/16 → 14/10 */
  .settings-account-divider { margin:14px 0 10px !important; }
}

/* v2020: administrator-only cross-border API key handoff on phone. */
.integration-card.upkuajing-card { margin:0 0 16px; background:#f4f9ff; border-color:#cce1f2; }
.upkuajing-status { color:#224a66; font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
.upkuajing-form { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:10px; margin:12px 0 8px; }
.upkuajing-form label { grid-column:1 / -1; color:#174c70; font-size:13px; font-weight:700; }
.upkuajing-form input { min-width:0; width:100%; box-sizing:border-box; min-height:44px; border:1px solid #b7d4e8; border-radius:10px; padding:10px 12px; background:#fff; color:#17344d; font-size:16px; }
.upkuajing-form button { min-height:44px; padding:8px 15px; border:0; border-radius:10px; background:#176fa8; color:#fff; font:inherit; font-weight:700; cursor:pointer; }
.upkuajing-form button:disabled { opacity:.55; cursor:wait; }
.upkuajing-note,.upkuajing-feedback { margin:8px 0 0; color:#5e788a; font-size:12px; line-height:1.5; }
.upkuajing-feedback:not(:empty) { color:#a23e35; font-weight:700; }
@media (max-width:700px) {
  .integration-card.upkuajing-card { margin-left:0; margin-right:0; padding:12px; }
  .upkuajing-form { grid-template-columns:minmax(0,1fr); }
  .upkuajing-form button { width:100%; }
}

/* v2023: readable, source-preserving daily brief with clear visual priority. */
.workbench-personal-schedule { margin:14px 0 0; padding:14px 16px; border:1px solid #dce7e2; border-radius:14px; background:#fff; color:#203746; }
.workbench-personal-schedule > header { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.workbench-personal-schedule > header > div { display:grid; gap:2px; }
.workbench-personal-schedule > header strong { font-size:16px; font-weight:800; }
.workbench-personal-schedule > header small,.workbench-personal-schedule > p { color:#687b83; font-size:12px; line-height:1.6; }
.workbench-personal-schedule > header button { flex:0 0 auto; border:0; background:transparent; color:#207a66; font-size:13px; font-weight:750; cursor:pointer; }
.workbench-personal-schedule-list { margin-top:10px; border-top:1px solid #edf1ef; }
.workbench-personal-schedule-row { display:grid; grid-template-columns:150px minmax(0,1fr) auto; gap:12px; align-items:center; width:100%; min-height:58px; padding:9px 0; border:0; border-bottom:1px solid #edf1ef; background:transparent; color:inherit; text-align:left; cursor:pointer; }
.workbench-personal-schedule-row.is-today { padding-left:9px; border-left:4px solid #da4e58; background:#fff8f8; }
.workbench-personal-schedule-when { display:grid; gap:3px; min-width:0; }
.workbench-personal-schedule-when b { color:#5f7b83; font-size:12px; }
.workbench-personal-schedule-row.is-today .workbench-personal-schedule-when b { color:#bf3444; font-weight:850; }
.workbench-personal-schedule-row time { color:#607d86; font-size:12px; font-weight:700; }
.workbench-personal-schedule-row > strong { min-width:0; overflow-wrap:anywhere; color:#233c49; font-size:14px; font-weight:760; line-height:1.45; }
.workbench-personal-schedule-row.is-today > strong { color:#172e3d; font-weight:850; }
.workbench-personal-schedule-row em { color:#69818c; font-size:12px; font-style:normal; }
.crm-claw-schedule-proposal { margin:14px 0; padding:16px; border:1px solid #dbe8e5; border-radius:14px; background:#f8fcfa; color:#203746; }
.crm-claw-schedule-proposal header { display:flex; align-items:center; gap:8px; margin-bottom:10px; font-size:16px; }
.crm-claw-schedule-proposal header span { font-size:20px; }
.crm-claw-schedule-proposal p { display:grid; gap:4px; margin:0 0 12px; line-height:1.55; }
.crm-claw-schedule-proposal p b { font-size:16px; }
.crm-claw-schedule-proposal p small,.crm-claw-schedule-note { color:#647a83; font-size:12px; }
.crm-claw-schedule-choices { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-bottom:9px; }
.crm-claw-schedule-choices button { min-height:38px; padding:8px 12px; border:1px solid #bfd8d1; border-radius:9px; background:#fff; color:#176b58; font-size:13px; font-weight:750; cursor:pointer; }
.crm-claw-schedule-choices button.is-primary { background:#176b58; border-color:#176b58; color:#fff; }
.crm-claw-schedule-choices label { display:flex; align-items:center; gap:6px; color:#526b72; font-size:12px; }
.crm-claw-schedule-choices input { min-height:38px; padding:5px 8px; border:1px solid #bfd8d1; border-radius:8px; background:#fff; color:#203746; font-size:14px; }
.crm-claw-main.is-daily-brief .workbench-news-interest { width:min(100%,880px); margin:14px auto 0; padding:13px 0 0; border:0; border-top:1px solid #e7edf1; border-radius:0; background:transparent; box-shadow:none; }
@media (max-width:700px) { .workbench-personal-schedule { margin:0; padding:10px 14px; } .workbench-personal-schedule-row { grid-template-columns:94px minmax(0,1fr); gap:5px 9px; } .workbench-personal-schedule-row em { grid-column:2; } }
.crm-claw-main.is-daily-brief .crm-claw-daily-brief-timestamp { width:min(100%,880px); margin:0 auto 8px; color:#64788a; font-size:12px; font-weight:600; line-height:1.5; }
.crm-claw-main.is-daily-brief .crm-claw-daily-brief-visual { width:min(100%,880px); margin:0 auto; display:grid; gap:0; color:#20374b; }
.crm-claw-main.is-daily-brief .crm-claw-daily-brief-title { margin:0 0 2px; color:#102b40; font-size:20px; font-weight:800; line-height:1.5; overflow-wrap:anywhere; }
.crm-claw-main.is-daily-brief .crm-claw-daily-brief-section { --brief-accent:#2d78b6; padding:15px 0 17px; border:0!important; border-bottom:1px solid #e7edf1!important; border-radius:0; background:transparent; box-shadow:none; }
.crm-claw-main.is-daily-brief .crm-claw-daily-brief-section.is-customers { --brief-accent:#189c79; --brief-tint:#f2fbf7; }
.crm-claw-main.is-daily-brief .crm-claw-daily-brief-section.is-orders { --brief-accent:#7969c7; --brief-tint:#f8f6ff; }
.crm-claw-main.is-daily-brief .crm-claw-daily-brief-section.is-actions { --brief-accent:#238b71; --brief-tint:#f3fbf8; }
.crm-claw-main.is-daily-brief .crm-claw-daily-brief-section.is-risks { --brief-accent:#db8940; --brief-tint:#fff9f1; }
.crm-claw-main.is-daily-brief .crm-claw-daily-brief-section.is-progress { --brief-accent:#467fc4; --brief-tint:#f4f8ff; }
.crm-claw-main.is-daily-brief .crm-claw-daily-brief-section.is-summary { --brief-accent:#d45d69; --brief-tint:#fff6f7; }
.crm-claw-main.is-daily-brief .crm-claw-daily-brief-section > header { display:flex; align-items:center; gap:8px; margin:0 0 7px; }
.crm-claw-main.is-daily-brief .crm-claw-daily-brief-icon { display:inline-flex; flex:0 0 auto; align-items:center; color:var(--brief-accent); font-size:18px; line-height:1; }
.crm-claw-main.is-daily-brief .crm-claw-daily-brief-section h4 { margin:0; color:#17324b; font-size:17px; font-weight:800; line-height:1.35; }
.crm-claw-main.is-daily-brief .crm-claw-daily-brief-body { display:grid; gap:5px; min-width:0; }
.crm-claw-main.is-daily-brief .crm-claw-daily-brief-body p { margin:0; color:#31475a; font-size:14px; font-weight:450; line-height:1.68; overflow-wrap:anywhere; }
.crm-claw-main.is-daily-brief .crm-claw-daily-brief-body strong { color:#172d43; font-weight:800; }
.crm-claw-main.is-daily-brief .crm-claw-daily-brief-section.is-focus .crm-claw-daily-brief-body p:first-child,
.crm-claw-main.is-daily-brief .crm-claw-daily-brief-section.is-risks .crm-claw-daily-brief-body p:first-child { color:#243d52; font-weight:700; }
.crm-claw-main.is-daily-brief .crm-claw-daily-brief-section.is-focus .crm-claw-daily-brief-body p:first-child::before { content:""; display:inline-block; width:8px; height:8px; margin:0 9px 1px 0; border-radius:50%; background:#df4855; }
@media (max-width:900px) {
  .crm-claw-main.is-daily-brief .crm-claw-daily-brief-visual { gap:0; }
  .crm-claw-main.is-daily-brief .crm-claw-daily-brief-title { font-size:18px; line-height:1.45; }
  .crm-claw-main.is-daily-brief .crm-claw-daily-brief-section { padding:13px 0 15px; }
  .crm-claw-main.is-daily-brief .crm-claw-daily-brief-section h4 { font-size:16px; }
  .crm-claw-main.is-daily-brief .crm-claw-daily-brief-body p { font-size:14px; line-height:1.65; }
}
/* JANON_V2026_UPKUAJING_SKILLS: bounded, readable paid data lookups. */
#crmClawSkillMarket .upkuajing-market-panel{box-sizing:border-box;width:100%;min-width:0;min-height:0;flex:1;overflow-x:hidden;overflow-y:auto;padding:4px 2px 12px;color:#294854}
#crmClawSkillMarket .upkuajing-market-panel[hidden]{display:none!important}
#crmClawSkillMarket [data-janon-market-form][hidden],#crmClawSkillMarket [data-janon-market-note][hidden],#crmClawSkillMarket [data-janon-market-list][hidden],#crmClawSkillMarket .janon-market-actionbar[hidden]{display:none!important}
#crmClawSkillMarket .upkuajing-market-panel>p{font-size:13px;color:#576f79}
#crmClawSkillMarket .upkuajing-skill-card{box-sizing:border-box;display:block!important;width:100%!important;min-width:0!important;margin:10px 0;padding:14px;border:1px solid #d3e3e9;border-radius:14px;background:#fff}
#crmClawSkillMarket .upkuajing-skill-card>h3,#crmClawSkillMarket .upkuajing-skill-card>p,#crmClawSkillMarket .upkuajing-skill-card>small{display:block!important;width:100%!important;min-width:0!important;word-break:break-word}
#crmClawSkillMarket .upkuajing-skill-card h3{margin:0 0 6px;font-size:16px}
#crmClawSkillMarket .upkuajing-skill-card p{margin:4px 0 7px;font-size:13px;line-height:1.5}
#crmClawSkillMarket .upkuajing-skill-card small{color:#617c86}
#crmClawSkillMarket .upkuajing-skill-card form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:end;gap:9px;margin-top:12px}
#crmClawSkillMarket .upkuajing-skill-card label{display:grid;min-width:0;gap:5px;font-size:12px;font-weight:700}
#crmClawSkillMarket .upkuajing-skill-card input{box-sizing:border-box;min-width:0;width:100%;min-height:40px;padding:8px 10px;border:1px solid #c7d9df;border-radius:9px;font:inherit}
#crmClawSkillMarket .upkuajing-skill-card button{min-height:40px;padding:7px 13px;border:0;border-radius:9px;background:#17627b;color:#fff;font-weight:700}
#crmClawSkillMarket .upkuajing-skill-card button:disabled{opacity:.6}
#crmClawSkillMarket .upkuajing-result{overflow:auto;max-height:280px;margin-top:10px;white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.5}
@media(max-width:700px){#crmClawSkillMarket .janon-market-tabs button{min-width:0;flex:1;padding:0 5px;font-size:12px}#crmClawSkillMarket .upkuajing-skill-card{padding:12px}#crmClawSkillMarket .upkuajing-skill-card form{grid-template-columns:minmax(0,1fr)!important}#crmClawSkillMarket .upkuajing-skill-card button{width:100%}}

/* JANON_V2044_SCHEDULE_TICK -- the tick needs its own hit area, and the finished row must
   read as finished on shape alone (strike + filled circle), not on colour alone. */
.workbench-personal-schedule-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}
.workbench-personal-schedule-tick{position:relative;width:22px;height:22px;padding:0;border-radius:50%;border:1.5px solid #c3d2ce;background:#fff;color:#fff;font-size:12px;line-height:1;display:grid;place-items:center;cursor:pointer}
.workbench-personal-schedule-tick::after{content:"";position:absolute;inset:-11px -6px}
.workbench-personal-schedule-tick i{font-style:normal}
.workbench-personal-schedule-row.is-done .workbench-personal-schedule-tick{background:#207a66;border-color:#207a66}
.workbench-personal-schedule-open{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}
.workbench-personal-schedule-row.is-done{background:transparent;border-left-color:transparent}
.workbench-personal-schedule-row.is-done .workbench-personal-schedule-when b,
.workbench-personal-schedule-row.is-done time,
.workbench-personal-schedule-row.is-done strong,
.workbench-personal-schedule-row.is-done em{color:#9aabb2}
.workbench-personal-schedule-row.is-done strong{text-decoration:line-through}
.workbench-personal-schedule-group-head{margin:8px 0 2px;font-size:12px;color:#687b83}
.workbench-personal-schedule-group.is-overdue .workbench-personal-schedule-group-head{color:#bf3444}
.workbench-personal-schedule-fold{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:9px 0 9px 24px;border:0;border-top:1px solid #edf1ef;background:none;font:inherit;font-size:12.5px;color:#207a66;text-align:left;cursor:pointer}
.workbench-personal-schedule-fold em{font-style:normal}
.workbench-personal-schedule-note{margin:6px 0 0;font-size:12px;color:#8a9aa0}
@media (max-width:700px){.workbench-personal-schedule-open{grid-template-columns:94px minmax(0,1fr)}}

/* v2066: the narrow customer list leads with identity, not sticky contact columns.
   Desktop keeps its editable and reorderable table unchanged. */
@media (max-width:700px){
  [data-view-panel="customer_ops"] .customer-ops-commandbar{overflow:visible;gap:6px;margin-bottom:8px;padding:6px 8px}
  [data-view-panel="customer_ops"] .customer-ops-selection span{display:none}
  [data-view-panel="customer_ops"] .customer-ops-bulk-actions{display:none;width:100%}
  [data-view-panel="customer_ops"].has-customer-ops-selection .customer-ops-bulk-actions{display:flex}
  [data-view-panel="customer_ops"] .customer-ops-metrics{display:flex;overflow-x:auto;overscroll-behavior-x:contain;gap:6px;padding:2px 2px 5px}
  [data-view-panel="customer_ops"] .customer-ops-metrics button{flex:0 0 118px;min-width:118px;min-height:47px;padding:6px 9px}
  [data-view-panel="customer_ops"] .customer-ops-metrics button strong{font-size:18px}
  [data-view-panel="customer_ops"] .customer-ops-table-wrap{overflow-x:hidden!important;border:0;background:transparent}
  [data-view-panel="customer_ops"] .customer-ops-table{display:block;width:100%;min-width:0;table-layout:auto;border-collapse:collapse}
  [data-view-panel="customer_ops"] .customer-ops-table thead{display:none}
  [data-view-panel="customer_ops"] .customer-ops-table tbody{display:grid;gap:8px}
  [data-view-panel="customer_ops"] .customer-ops-table tr.customer-ops-data-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:0 6px;align-items:center;padding:9px 8px;border:1px solid #d7e4e1;border-radius:9px;background:#fff}
  [data-view-panel="customer_ops"] .customer-ops-table tr.customer-ops-data-row > td{display:none;height:auto;min-width:0;padding:0;border:0;background:transparent!important;overflow:visible}
  [data-view-panel="customer_ops"] .customer-ops-table tr.customer-ops-data-row > td[data-customer-ops-col="select"]{display:block;grid-column:1;grid-row:1/3;align-self:start;padding-top:4px}
  [data-view-panel="customer_ops"] .customer-ops-table tr.customer-ops-data-row > td[data-customer-ops-col="customer"]{display:block;grid-column:2;grid-row:1;overflow:hidden}
  [data-view-panel="customer_ops"] .customer-ops-table tr.customer-ops-data-row > td[data-customer-ops-col="location"]{display:block;grid-column:2;grid-row:2;overflow:hidden;color:#647a75}
  [data-view-panel="customer_ops"] .customer-ops-table tr.customer-ops-data-row > td[data-customer-ops-col="actions"]{display:block;grid-column:3;grid-row:1/3;position:static;align-self:center;width:auto;min-width:0;box-shadow:none}
  [data-view-panel="customer_ops"] .customer-ops-table .customer-name-button{display:block;width:100%;max-width:none;min-width:0;text-align:left}
  [data-view-panel="customer_ops"] .customer-ops-table .customer-name-button strong{display:-webkit-box;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:15px;line-height:1.3;font-weight:750}
  [data-view-panel="customer_ops"] .customer-ops-table .customer-name-button small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
  [data-view-panel="customer_ops"] .customer-ops-table .customer-country{min-width:0;gap:4px}
  [data-view-panel="customer_ops"] .customer-ops-table .customer-country strong{font-size:11px}
  [data-view-panel="customer_ops"] .customer-ops-table .customer-ops-empty{display:block;height:auto!important;padding:22px 8px;text-align:center}
}
.customer-ops-mobile-wa{display:none}
@media (max-width:700px){
  [data-view-panel="customer_ops"] .customer-ops-mobile-wa{display:inline-flex;align-items:center;gap:4px;margin-top:3px;color:#9b6b00;font-size:11px}
  [data-view-panel="customer_ops"] .customer-ops-mobile-wa i{width:8px;height:8px;border-radius:50%;background:#edb42b}
  [data-view-panel="customer_ops"] .customer-ops-mobile-wa.contact-valid{color:#178150}
  [data-view-panel="customer_ops"] .customer-ops-mobile-wa.contact-valid i{background:#22b85b}
  [data-view-panel="customer_ops"] .customer-ops-mobile-wa.contact-invalid{color:#b14b4b}
  [data-view-panel="customer_ops"] .customer-ops-mobile-wa.contact-invalid i{background:#e34a4a}
}

/* v2067: make the secondary mobile workbench screens readable at phone width.
   These are layout-only changes; channel status, research results and permissions stay unchanged. */
@media (max-width:700px){
  .channel-quota-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .channel-quota-grid article{min-width:0;min-height:79px;padding:10px 9px}
  .channel-quota-grid strong{font-size:21px}
  .channel-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:visible}
  .channel-toolbar button{min-width:0;min-height:36px;padding:6px 8px;white-space:normal;text-align:center}
  .channel-toolbar .channel-sync-health{grid-column:1/-1;min-width:0;margin:0;white-space:normal;overflow-wrap:anywhere}
  .channel-toolbar .channel-add-button{grid-column:1/-1;width:100%;margin:0}
  .social-operations-body,.social-account-grid,.social-account-card{box-sizing:border-box;min-width:0;max-width:100%}
  .social-account-card{padding:12px;gap:8px}
  .social-account-title{min-width:0}
  .social-account-title strong,.social-account-title small,.social-account-title em.social-account-error{white-space:normal;overflow-wrap:anywhere}
  .social-account-card footer{justify-content:flex-start}
  .research-recent-completed-list article{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:8px}
  .research-recent-completed-list article>div:first-child{min-width:0}
  .research-recent-completed-list .research-exception-actions{display:flex;min-width:0;flex-wrap:wrap;justify-content:flex-start}
  .quote-agent-transcript:has(.quote-agent-empty){height:150px;min-height:150px}
  .monitor-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .monitor-metrics article{min-width:0;padding:10px}
  .monitor-metrics strong{font-size:20px;overflow-wrap:anywhere}
}

/* v2068: keep mobile detail controls below the fixed primary navigation, and
   show every automation step without a hidden sideways scroll. */
@media (max-width:700px){
  #leadDrawer .drawer-panel{box-sizing:border-box;top:56px;height:calc(100dvh - 56px);padding:12px 14px 20px;overscroll-behavior:contain}
  #leadDetail .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  #leadDetail .detail-grid>div{min-width:0;min-height:58px;padding:7px 8px}
  #leadDetail .detail-grid strong{overflow-wrap:anywhere}
  #leadDetail h2{margin-right:64px}
  .automation-master-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;overflow:visible;padding:9px}
  .automation-master-node{box-sizing:border-box;min-width:0;min-height:42px;padding:7px;font-size:11px;white-space:normal}
  .automation-master-node b{flex:0 0 21px}
  .automation-master-flow>i{display:none}
  .social-operations-head>div{min-width:0}
  .social-operations-head button{flex:0 0 auto;min-width:64px;height:34px;white-space:nowrap}
  .research-section-head>span{flex:0 0 auto;white-space:nowrap}
}

/* v2069: phone-first customer overview and a compact quotation entry.
   Desktop tables and permissions remain unchanged. */
@media (max-width:700px){
  [data-view-panel="customers"] .table-hint{display:none!important}
  [data-view-panel="customers"] .table-wrap{overflow:visible!important;padding:0 10px 8px}
  [data-view-panel="customers"] .table-wrap table,
  [data-view-panel="customers"] .table-wrap tbody{display:block!important;width:100%!important;min-width:0!important}
  [data-view-panel="customers"] .table-wrap thead{display:none!important}
  [data-view-panel="customers"] #leadRows{display:grid!important;gap:9px}
  [data-view-panel="customers"] #leadRows .customer-pool-data-row{display:grid!important;grid-template-columns:30px minmax(0,1fr);gap:4px 8px;padding:11px;border:1px solid #dce7ed;border-radius:11px;background:#fff;box-shadow:0 3px 10px rgba(25,55,75,.04)}
  [data-view-panel="customers"] #leadRows .customer-pool-data-row>td{display:none!important;width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important;white-space:normal!important;overflow:visible!important}
  [data-view-panel="customers"] #leadRows .customer-pool-data-row>td[data-col="select"]{display:block!important;grid-column:1;grid-row:1/4;padding-top:2px!important}
  [data-view-panel="customers"] #leadRows .customer-pool-data-row>td[data-col="customer"]{display:block!important;grid-column:2;grid-row:1;color:#203d50;font-size:15px;line-height:1.35;overflow-wrap:anywhere!important}
  [data-view-panel="customers"] #leadRows .customer-pool-data-row>td[data-col="customer"]>small{display:none}
  [data-view-panel="customers"] #leadRows .customer-pool-data-row>td[data-col="location"]{display:block!important;grid-column:2;grid-row:2;color:#607583;font-size:12px}
  [data-view-panel="customers"] #leadRows .customer-pool-data-row>td[data-col="location"] br{display:none}
  [data-view-panel="customers"] #leadRows .customer-pool-data-row>td[data-col="location"] small:before{content:" · "}
  [data-view-panel="customers"] #leadRows .customer-pool-data-row>td[data-col="status"]{display:block!important;grid-column:2;grid-row:3;font-size:12px}
  [data-view-panel="customers"] #leadRows .customer-pool-data-row>td[data-col="status"] br{display:none}
  [data-view-panel="customers"] #leadRows .customer-pool-data-row>td[data-col="status"] small{display:inline;margin-left:5px;white-space:normal}
  [data-view-panel="customers"] #leadRows .customer-pool-data-row>td[data-col="actions"]{display:block!important;grid-column:1/-1;grid-row:4;margin-top:5px;padding-top:8px!important;border-top:1px solid #e9eef1!important}
  [data-view-panel="customers"] #leadRows .customer-pool-row-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  [data-view-panel="customers"] #leadRows .customer-pool-row-actions .row-button{min-width:0;min-height:36px;justify-content:center;font-size:12px}
  [data-view-panel="quotes"] .quote-workbench-panel>.panel-head{display:none!important}
  [data-view-panel="quotes"] .quote-workbench-panel{padding-top:0!important}
  [data-view-panel="quotes"] .quote-agent-transcript:has(.quote-agent-empty){height:112px;min-height:112px}
}

/* v2070: mobile customer surfaces use neutral layers; blue marks selection and
   primary actions, while existing green/amber/red status meaning is preserved. */
@media (max-width:700px){
  :is([data-view-panel="customers"],[data-view-panel="outreach"],[data-view-panel="customer_ops"],[data-view-panel="quotes"]) .panel{
    border-color:#e1e6e8;
    background:#fff;
    box-shadow:0 3px 12px rgba(34,48,56,.05);
  }
  :is([data-view-panel="customers"],[data-view-panel="outreach"],[data-view-panel="customer_ops"],[data-view-panel="quotes"]) .customer-module-tabs{
    border-color:#e2e7e9;
    background:#f5f6f7;
    box-shadow:none;
  }
  :is([data-view-panel="customers"],[data-view-panel="outreach"],[data-view-panel="customer_ops"],[data-view-panel="quotes"]) .customer-module-tabs button.active{
    color:#1762bc;
    background:#e8f1fc;
    box-shadow:inset 0 1px 0 #fff;
  }
  [data-view-panel="customers"] .panel-head,
  [data-view-panel="customers"] .customer-workbench,
  [data-view-panel="customers"] .customer-view-bar{
    background:#fff;
    border-color:#e8ecee;
  }
  [data-view-panel="customers"] .phase1-metrics article{
    border-color:#e2e7e9;
    background:#f7f8f8;
    box-shadow:none;
  }
  [data-view-panel="customers"] #leadRows .customer-pool-data-row{
    border-color:#e1e6e8;
    box-shadow:0 2px 8px rgba(34,48,56,.04);
  }
  [data-view-panel="customers"] .customer-workbench-actions button{
    border-color:#196bc0;
    background:#196bc0;
    color:#fff;
  }
}

/* v2071: sales accounts cannot see the team roster, including its heading. */
.settings-account-panel.is-self-only .settings-account-divider,
.settings-account-team-head[hidden],
.user-management[hidden]{display:none!important}

/* v2072: keep desktop navigation in its own 80px rail. The old full-height
   hover flyout covered the first customer tab and chat filters. Show a label
   only for the hovered icon, without creating an invisible click target. */
@media (min-width:761px){
  .sidebar:hover,
  .sidebar[data-menu-expanded="true"]{width:80px!important}
  .sidebar:hover::before,
  .sidebar[data-menu-expanded="true"]::before{opacity:0!important;transform:translateX(-12px)!important}
  .sidebar:hover .brand-logo,
  .sidebar:hover .brand-product-name,
  .sidebar[data-menu-expanded="true"] .brand-logo,
  .sidebar[data-menu-expanded="true"] .brand-product-name{opacity:0!important;transform:translateX(-8px)!important}
  .sidebar:hover .nav-section-label,
  .sidebar[data-menu-expanded="true"] .nav-section-label{max-height:0!important;margin-top:0!important;opacity:0!important}
  .sidebar:hover .nav-button,
  .sidebar[data-menu-expanded="true"] .nav-button{width:66px!important}
  .sidebar:hover .nav-label,
  .sidebar[data-menu-expanded="true"] .nav-label{width:0!important;min-width:0!important;max-width:0!important;visibility:hidden!important;opacity:0!important;transform:translateX(-8px)!important}
  .sidebar .nav-button:hover .nav-label,
  .sidebar[data-menu-expanded="true"] .nav-button:hover .nav-label{
    position:absolute;left:62px;top:50%;z-index:50;
    width:max-content;min-width:112px;max-width:180px;
    padding:8px 11px;border:1px solid #d8e7f2;border-radius:8px;
    background:#fff;color:#334155;box-shadow:0 8px 20px rgba(38,75,105,.16);
    width:max-content!important;min-width:112px!important;max-width:180px!important;
    visibility:visible!important;opacity:1!important;transform:translateY(-50%)!important;pointer-events:none
  }
}