:root {
  --via-navy-950: #001635;
  --via-navy-900: #001f45;
  --via-navy-800: #06386e;
  --via-red: #e31b2d;
  --via-action: #0d58c7;
  --via-action-hover: #0948a6;
  --via-success: #16833a;
  --via-warning: #d97706;
  --via-danger: #c81e2a;
  --via-info: #2563eb;
  --via-purple: #6d3cc7;
  --via-focus: #ffb000;
  --via-bg: #f6f8fb;
  --via-surface: #ffffff;
  --via-muted: #eef2f7;
  --via-border: #d8dee8;
  --via-text: #101828;
  --via-text-secondary: #475467;
  --via-font: Inter, Arial, Helvetica, system-ui, sans-serif;
  --via-shadow-card: 0 1px 3px rgba(16, 24, 40, 0.12), 0 1px 2px rgba(16, 24, 40, 0.08);
}

* {
  box-sizing: border-box;
}

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

a {
  color: var(--via-action);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.skip-link {
  background: var(--via-focus);
  color: var(--via-text);
  left: 16px;
  opacity: 0;
  padding: 8px 12px;
  pointer-events: none;
  position: fixed;
  top: 16px;
  transform: translateY(-160%);
  z-index: 10;
}

.skip-link:focus {
  opacity: 1;
  top: 16px;
  transform: none;
}

.skip-link:focus:not(:focus-visible) {
  opacity: 0;
  pointer-events: none;
  transform: translateY(-160%);
}

.skip-link:focus-visible {
  opacity: 1;
  pointer-events: auto;
  top: 16px;
  transform: none;
}

.sr-only {
  border: 0 !important;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap;
  width: 1px !important;
}

.platform-logo {
  --platform-bg: #0d58c7;
  align-items: center;
  background: var(--platform-bg);
  border: 1px solid rgba(255, 255, 255, 0.36);
  border-radius: 10px;
  color: #fff;
  display: inline-flex;
  flex: 0 0 auto;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.platform-logo svg {
  display: block;
  height: 72%;
  color: #fff;
  width: 72%;
}

.platform-logo svg * {
  fill: #fff;
  stroke: none;
}

.platform-logo-instagram {
  background:
    radial-gradient(circle at 30% 105%, #feda75 0 24%, #fa7e1e 36%, transparent 46%),
    linear-gradient(135deg, #405de6 0%, #833ab4 42%, #c13584 67%, #e1306c 100%);
}

.platform-logo-instagram svg rect,
.platform-logo-instagram svg circle {
  fill: none;
  stroke: #fff;
  stroke-width: 1.8;
}

.platform-logo-facebook {
  --platform-bg: #1877f2;
}

.platform-logo-tiktok {
  --platform-bg: #111827;
}

.platform-logo-reddit {
  --platform-bg: #ff4500;
}

.platform-logo-linkedin {
  --platform-bg: #0a66c2;
}

.platform-logo-x,
.platform-logo-threads {
  --platform-bg: #111111;
}

.platform-logo-whatsapp {
  --platform-bg: #25d366;
}

.platform-logo-youtube {
  --platform-bg: #ff0033;
}

.platform-logo-sms {
  --platform-bg: #2563eb;
}

.platform-logo-web-chat {
  --platform-bg: #0f766e;
}

.platform-logo-ask-via {
  --platform-bg: #0d58c7;
}

.platform-logo-email {
  --platform-bg: #64748b;
}

.platform-logo-all {
  --platform-bg: #0d58c7;
}

.platform-logo-response-queue {
  --platform-bg: #0f766e;
}

.platform-logo-generic {
  --platform-bg: #475569;
}

.platform-logo-tab,
.channel-badge.platform-logo,
.message-avatar.platform-logo {
  height: 32px;
  width: 32px;
}

.platform-logo-tab {
  border-radius: 11px;
}

.platform-logo-selected {
  height: 42px;
  width: 42px;
}

.platform-logo-slot {
  align-items: center;
  display: inline-flex;
}

.platform-logo-list {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
}

.conversation-topic-line,
.report-platform-identity {
  align-items: center;
  display: inline-flex;
  gap: 8px;
  min-width: 0;
}

.conversation-topic-line [data-conversation-topic],
.conversation-topic-line [data-action-dock-topic],
.conversation-topic-line [data-composer-channel] {
  min-width: 0;
  overflow-wrap: anywhere;
}

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

.app-shell.sidebar-collapsed {
  grid-template-columns: var(--via-dock-collapsed-width, 72px) minmax(0, 1fr);
}

.sidebar {
  background: linear-gradient(180deg, var(--via-navy-950), var(--via-navy-900));
  color: white;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 16px;
}

.brand {
  align-items: center;
  color: white;
  display: flex;
  gap: 10px;
  min-height: 54px;
}

.brand:hover {
  text-decoration: none;
}

.brand-logo {
  display: block;
  flex: 0 0 auto;
  height: auto;
  max-height: 50px;
  object-fit: contain;
  width: 86px;
}

.sidebar-collapsed .sidebar {
  padding-inline: 12px;
}

.sidebar-collapsed .brand {
  justify-content: center;
}

.sidebar-collapsed .brand-logo {
  max-height: 36px;
  width: 48px;
}

.sidebar-collapsed .brand-signal,
.sidebar-collapsed .nav-section-label,
.sidebar-collapsed .sidebar-status div {
  display: none;
}

.sidebar-collapsed .nav-list a,
.sidebar-collapsed .nav-section summary {
  font-size: 0;
  justify-content: center;
  padding-inline: 8px;
}

.sidebar-collapsed .nav-list a span,
.sidebar-collapsed .nav-section summary::before {
  font-size: 16px;
}

.sidebar-collapsed .nav-section[open] a {
  display: none;
}

.brand-signal {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.nav-list {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.nav-list a,
.nav-section summary {
  align-items: center;
  border-radius: 8px;
  color: white;
  display: flex;
  font-weight: 700;
  gap: 12px;
  min-height: 44px;
  min-width: 0;
  padding: 10px 12px;
}

.nav-list a span,
.nav-section summary::before {
  flex: 0 0 auto;
}

.nav-list a.active,
.nav-list a:hover,
.nav-section summary:hover {
  background: rgba(13, 88, 199, 0.42);
  text-decoration: none;
}

.nav-section {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  display: grid;
  gap: 4px;
  margin-top: 8px;
  min-width: 0;
  overflow: hidden;
  padding-top: 8px;
}

.nav-section summary {
  cursor: pointer;
  list-style: none;
}

.nav-section summary::-webkit-details-marker {
  display: none;
}

.nav-section summary::before {
  content: "+";
  font-weight: 900;
  width: 22px;
}

.nav-section[open] summary::before {
  content: "-";
}

.nav-section a {
  margin-left: 12px;
}

.secondary-nav,
.review-build-nav {
  opacity: 0.88;
}

.review-build-nav,
.developer-only {
  display: none !important;
}

html[data-role-mode="developer"] .review-build-nav {
  display: grid !important;
}

html[data-role-mode="developer"] .developer-only {
  display: block !important;
}

.manager-only {
  display: none !important;
}

html[data-role-mode="supervisor"] .manager-only,
html[data-role-mode="communications"] .manager-only,
html[data-role-mode="records"] .manager-only,
html[data-role-mode="developer"] .manager-only {
  display: revert !important;
}

html[data-role-mode="supervisor"] .reply-actions .manager-only,
html[data-role-mode="communications"] .reply-actions .manager-only,
html[data-role-mode="records"] .reply-actions .manager-only,
html[data-role-mode="developer"] .reply-actions .manager-only {
  display: inline-flex !important;
}

html[data-role-mode="supervisor"] .dock-select.manager-only,
html[data-role-mode="communications"] .dock-select.manager-only,
html[data-role-mode="records"] .dock-select.manager-only,
html[data-role-mode="developer"] .dock-select.manager-only,
html[data-role-mode="supervisor"] .assignment-box.manager-only,
html[data-role-mode="communications"] .assignment-box.manager-only,
html[data-role-mode="records"] .assignment-box.manager-only,
html[data-role-mode="developer"] .assignment-box.manager-only {
  display: grid !important;
}

.secondary-nav summary,
.review-build-nav summary {
  color: rgba(255, 255, 255, 0.82);
  font-size: 14px;
  min-height: 38px;
}

.nav-section-label {
  color: rgba(255, 255, 255, 0.52);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
  margin: 8px 0 0 46px;
  text-transform: uppercase;
}

.secondary-nav a,
.review-build-nav a {
  color: rgba(255, 255, 255, 0.84);
  font-size: 14px;
  min-height: 36px;
  padding-block: 8px;
}

.secondary-nav a.active,
.secondary-nav a:hover,
.review-build-nav a.active,
.review-build-nav a:hover {
  color: white;
}

.sidebar-status {
  align-items: center;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  display: flex;
  gap: 10px;
  margin-top: auto;
  padding: 12px;
}

.sidebar-status span:last-child {
  color: rgba(255, 255, 255, 0.72);
  display: block;
  font-size: 13px;
}

.page {
  display: grid;
  grid-template-rows: auto 1fr;
  min-width: 0;
}

.topbar {
  align-items: center;
  background: var(--via-surface);
  border-bottom: 1px solid var(--via-border);
  display: flex;
  gap: 20px;
  justify-content: space-between;
  min-height: 72px;
  padding: 14px 24px;
  position: sticky;
  top: 0;
  z-index: 2;
}

.topbar-start {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
}

.search {
  flex: 1;
  max-width: 560px;
}

.search input,
input,
select,
textarea {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  color: var(--via-text);
  font: inherit;
  min-height: 44px;
  padding: 10px 12px;
  width: 100%;
}

textarea {
  line-height: 1.5;
  resize: vertical;
}

input[type="checkbox"] {
  flex: 0 0 auto;
  height: 18px;
  margin: 0;
  min-height: 18px;
  width: 18px;
}

.topbar-actions {
  align-items: center;
  display: flex;
  gap: 16px;
}

.notification-menu {
  flex: 0 0 auto;
  position: relative;
}

.notification-popover[hidden] {
  display: none;
}

.notification-top-bell {
  appearance: none;
  align-items: center;
  background: #f8fbff;
  border: 1px solid var(--via-border);
  border-radius: 999px;
  color: var(--via-text);
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  font-weight: 900;
  gap: 7px;
  min-height: 36px;
  min-width: 58px;
  padding: 6px 11px;
}

.notification-top-bell:hover {
  border-color: rgba(13, 88, 199, 0.42);
  text-decoration: none;
}

.notification-top-bell:focus-visible {
  border-color: var(--via-action);
  outline: 3px solid rgba(13, 88, 199, 0.18);
}

.notification-bell-icon {
  align-items: center;
  color: var(--via-action);
  display: inline-flex;
  height: 21px;
  justify-content: center;
  width: 21px;
}

.notification-top-bell strong {
  font-size: 13px;
  line-height: 1;
}

.notification-popover {
  background: var(--via-surface);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  box-shadow: 0 18px 48px rgba(0, 22, 53, 0.18);
  display: grid;
  gap: 8px;
  padding: 10px;
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  width: min(340px, calc(100vw - 32px));
  z-index: 30;
}

.notification-popover::before {
  background: var(--via-surface);
  border-left: 1px solid var(--via-border);
  border-top: 1px solid var(--via-border);
  content: "";
  height: 12px;
  position: absolute;
  right: 23px;
  top: -7px;
  transform: rotate(45deg);
  width: 12px;
}

.notification-popover-header {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 3px 4px 6px;
}

.notification-popover-header span {
  color: var(--via-action);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.notification-popover-header strong {
  font-size: 13px;
  line-height: 1.2;
}

.notification-preview-item {
  align-items: start;
  background: var(--via-muted);
  border: 1px solid transparent;
  border-radius: 8px;
  color: var(--via-text);
  display: grid;
  gap: 10px;
  grid-template-columns: auto 1fr;
  padding: 10px;
  text-decoration: none;
}

.notification-preview-item:hover,
.notification-preview-item:focus-visible {
  border-color: rgba(13, 88, 199, 0.36);
  outline: 3px solid rgba(13, 88, 199, 0.14);
  text-decoration: none;
}

.notification-preview-item strong,
.notification-preview-item small {
  display: block;
}

.notification-preview-item strong {
  font-size: 14px;
  line-height: 1.25;
}

.notification-preview-item small {
  color: var(--via-text-secondary);
  font-size: 13px;
  line-height: 1.3;
  margin-top: 2px;
}

.notification-popover-actions {
  display: flex;
  justify-content: flex-end;
  padding-top: 2px;
}

.command-trigger {
  min-width: 96px;
}

.role-mode-control select {
  background: var(--via-muted);
  border-color: transparent;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 800;
  min-height: 36px;
  min-width: 150px;
  padding-block: 8px;
}

.command-palette[hidden],
.action-feedback[hidden] {
  display: none;
}

.command-palette {
  align-items: start;
  background: rgba(0, 22, 53, 0.54);
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 80px 20px 20px;
  position: fixed;
  z-index: 20;
}

.command-palette-panel {
  background: var(--via-surface);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  box-shadow: 0 24px 72px rgba(0, 22, 53, 0.28);
  display: grid;
  gap: 12px;
  max-width: 680px;
  padding: 16px;
  width: min(680px, 100%);
}

.command-palette-heading {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.command-palette-heading h2 {
  margin: 0;
}

.command-results {
  display: grid;
  gap: 8px;
  max-height: 420px;
  overflow: auto;
}

.command-result {
  align-items: center;
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  color: var(--via-text);
  display: grid;
  gap: 2px;
  padding: 10px 12px;
  text-decoration: none;
}

.command-result:hover,
.command-result:focus-visible {
  border-color: var(--via-action);
  outline: 3px solid rgba(13, 88, 199, 0.18);
  text-decoration: none;
}

.command-result span {
  color: var(--via-action);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.command-result small {
  color: var(--via-text-secondary);
  font-size: 13px;
}

.action-feedback {
  background: var(--via-surface);
  border: 1px solid rgba(13, 88, 199, 0.2);
  border-radius: 8px;
  bottom: 20px;
  box-shadow: 0 18px 42px rgba(0, 22, 53, 0.18);
  display: grid;
  gap: 8px;
  max-width: min(520px, calc(100vw - 32px));
  padding: 12px;
  position: fixed;
  right: 20px;
  z-index: 12;
}

.action-feedback div {
  display: grid;
  gap: 2px;
}

.action-feedback span {
  color: var(--via-text-secondary);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.action-feedback strong {
  font-size: 14px;
  line-height: 1.25;
}

.availability,
.user-chip {
  align-items: center;
  display: inline-flex;
  gap: 8px;
  white-space: nowrap;
}

.user-chip {
  background: var(--via-muted);
  border-radius: 999px;
  font-weight: 800;
  padding: 8px 12px;
}

.user-chip small {
  color: var(--via-text-secondary);
  font-weight: 600;
}

.content {
  padding: 24px;
}

.content > *,
.panel,
.card,
.launch-card,
.metric-card,
.snapshot,
.integration-row,
.platform-workspace-section,
.platform-workspace-detail {
  min-width: 0;
}

.content a,
.content li,
.content p,
.content dd,
.content dt,
.content span,
.content strong,
.content small,
.content code {
  overflow-wrap: anywhere;
}

.hero-grid,
.customer-hero {
  align-items: center;
  background: var(--via-surface);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 32px;
  grid-template-columns: minmax(0, 1fr) minmax(350px, 0.42fr);
  margin-bottom: 20px;
  padding: 32px;
}

.dashboard-launcher-shell {
  align-items: stretch;
  gap: 18px;
  grid-template-columns: 1fr;
  padding: 24px;
}

.dashboard-launcher-intro {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  justify-content: space-between;
}

.dashboard-launcher-intro .section-label,
.dashboard-launcher-intro h1,
.dashboard-launcher-intro p {
  margin: 0;
}

.dashboard-launcher-intro h1 {
  font-size: 22px;
  line-height: 1.1;
}

.dashboard-launcher-intro p:not(.section-label) {
  color: var(--via-text-secondary);
  font-size: 15px;
  font-weight: 700;
}

.dashboard-launcher-shell .employee-launcher {
  grid-template-columns: repeat(6, minmax(76px, 104px));
  min-height: 190px;
}

.employee-launcher {
  align-content: center;
  background: radial-gradient(circle at 28% 18%, rgba(13, 88, 199, 0.58), transparent 28%),
    linear-gradient(145deg, #051b35 0%, #073b7a 58%, #0a5db8 100%);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 8px;
  box-shadow: 0 20px 48px rgba(6, 38, 71, 0.2);
  display: grid;
  gap: 22px 24px;
  grid-template-columns: repeat(3, minmax(84px, 96px));
  justify-content: center;
  justify-items: center;
  min-height: 316px;
  min-width: 0;
  padding: 28px 24px;
}

.launcher-tile {
  align-items: center;
  border-radius: 20px;
  color: white;
  display: grid;
  gap: 9px;
  justify-items: center;
  min-height: 112px;
  padding: 6px;
  text-align: center;
  text-decoration: none;
}

.launcher-tile:hover,
.launcher-tile:focus-visible {
  outline: none;
}

.launcher-tile:hover .launcher-icon,
.launcher-tile:focus-visible .launcher-icon {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.28), 0 14px 28px rgba(0, 0, 0, 0.28);
  outline: none;
  transform: translateY(-1px);
}

.launcher-icon {
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 18px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 10px 20px rgba(0, 0, 0, 0.22);
  color: white;
  display: inline-flex;
  font-size: 20px;
  font-weight: 900;
  height: 72px;
  justify-content: center;
  letter-spacing: 0;
  transition: box-shadow 160ms ease, transform 160ms ease;
  width: 72px;
}

.launcher-tile.intelligence .launcher-icon {
  background: linear-gradient(145deg, #0b57d0, #17803d);
}

.launcher-tile.chat .launcher-icon {
  background: linear-gradient(145deg, #0b57d0, #0f766e);
}

.launcher-tile.assignments .launcher-icon {
  background: linear-gradient(145deg, #a16207, #d91f2d);
}

.launcher-tile.messages .launcher-icon {
  background: linear-gradient(145deg, #062647, #0b57d0);
}

.launcher-tile.setup .launcher-icon {
  background: linear-gradient(145deg, #d91f2d, #0b57d0);
}

.launcher-tile.access .launcher-icon {
  background: linear-gradient(145deg, #137e47, #062647);
}

.launcher-tile strong {
  color: white;
  display: block;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.15;
  max-width: 96px;
  overflow-wrap: normal;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.32);
}

.section-label {
  color: var(--via-action);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.08em;
  margin: 0 0 8px;
  text-transform: uppercase;
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

h1 {
  font-size: clamp(32px, 4vw, 52px);
  letter-spacing: 0;
  line-height: 1;
  margin-bottom: 16px;
}

h2 {
  font-size: 19px;
  letter-spacing: 0;
}

.lead {
  color: var(--via-text-secondary);
  font-size: 18px;
  line-height: 1.55;
  max-width: 720px;
}

.hero-actions,
.reply-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.launch-signin-strip {
  align-items: end;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(180px, 1fr) minmax(150px, 0.7fr) auto;
  margin-top: 16px;
  max-width: 720px;
}

.launch-signin-strip label {
  color: var(--via-text-secondary);
  display: grid;
  font-size: 13px;
  font-weight: 800;
  gap: 6px;
}

.launch-signin-strip input {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  font: inherit;
  min-height: 38px;
  min-width: 0;
  padding: 8px 10px;
}

.button {
  align-items: center;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 800;
  justify-content: center;
  line-height: 1.2;
  min-height: 44px;
  padding: 10px 16px;
}

.button.primary {
  background: var(--via-action);
  border-color: var(--via-action);
  color: white;
}

.button.secondary {
  background: white;
  color: var(--via-text);
}

.button.ghost {
  background: var(--via-muted);
  color: var(--via-text-secondary);
}

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

.button.compact {
  min-height: 36px;
  padding: 8px 12px;
}

.setup-card-action {
  box-shadow: 0 8px 18px rgba(13, 88, 199, 0.16);
  min-width: 118px;
}

.phone-preview {
  display: flex;
  justify-content: center;
}

.phone-screen {
  background: linear-gradient(180deg, #001635, #002b5d);
  border: 10px solid #101828;
  border-radius: 30px;
  box-shadow: var(--via-shadow-card);
  color: white;
  max-width: 290px;
  padding: 28px 16px 18px;
}

.phone-brand {
  color: var(--via-red);
  display: block;
  font-size: 36px;
  font-style: italic;
  margin-bottom: 12px;
  text-align: center;
}

.phone-screen h2 {
  font-size: 17px;
  text-align: center;
}

.phone-search,
.phone-item {
  background: white;
  border-radius: 8px;
  color: var(--via-text);
  margin: 12px 0;
  padding: 13px;
}

.phone-item {
  display: flex;
  font-weight: 800;
  justify-content: space-between;
}

.phone-nav {
  border-top: 1px solid rgba(255, 255, 255, 0.22);
  color: rgba(255, 255, 255, 0.82);
  font-size: 11px;
  padding-top: 14px;
  text-align: center;
}

.mobile-brand {
  color: var(--via-red);
  display: block;
  font-size: 44px;
  font-style: italic;
  font-weight: 900;
  letter-spacing: 0;
  margin-bottom: 12px;
}

.ask-brand-logo {
  display: block;
  height: auto;
  margin-bottom: 16px;
  max-width: min(220px, 52vw);
  width: 220px;
}

.ask-answer-strip {
  margin-bottom: 16px;
}

.ask-answer-strip .panel {
  display: grid;
  gap: 12px;
  padding: 16px;
}

.ask-box {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 10px;
  margin-top: 24px;
  padding: 16px;
}

.inline-status {
  background: #fff8e5;
  border: 1px solid rgba(217, 119, 6, 0.32);
  border-radius: 8px;
  color: var(--via-text);
  font-size: 14px;
  margin: 0;
  padding: 10px 12px;
}

.evidence-drawer {
  background: #f8fbff;
  border: 1px solid rgba(13, 88, 199, 0.18);
  border-radius: 8px;
  margin-top: 12px;
  min-width: 0;
}

.evidence-drawer summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  list-style: none;
  min-height: 44px;
  padding: 10px 12px;
}

.evidence-drawer summary::-webkit-details-marker {
  display: none;
}

.evidence-drawer summary span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.evidence-drawer summary strong {
  font-size: 14px;
}

.evidence-drawer summary small,
.evidence-drawer p {
  color: var(--via-text-secondary);
  font-size: 13px;
  line-height: 1.35;
  margin: 0;
}

.evidence-drawer summary::after {
  content: "+";
  flex: 0 0 auto;
  font-weight: 900;
}

.evidence-drawer[open] summary::after {
  content: "-";
}

.evidence-drawer-body,
.evidence-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 12px 12px;
}

.evidence-drawer-body {
  display: grid;
}

.ask-row {
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.ask-service-modes {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 16px;
}

.service-mode-card,
.boundary-row {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 6px;
  padding: 12px;
}

.service-mode-card span,
.boundary-row span {
  color: var(--via-action);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.service-mode-card p,
.boundary-row p,
.ask-handoff-list p {
  margin-bottom: 0;
}

.ask-workflow-grid .ask-span {
  grid-column: span 2;
}

.agent-routing-card {
  display: grid;
  gap: 12px;
}

.agent-routing-card select {
  width: 100%;
}

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

.reports-layout {
  display: grid;
  gap: 16px;
  grid-template-columns: 1.3fr 1fr;
}

.reports-layout .reports-span {
  grid-column: 1 / -1;
}

.report-command-workspace {
  display: grid;
  gap: 14px;
  margin-bottom: 16px;
}

.report-visual-dashboard {
  display: grid;
  gap: 16px;
  margin-bottom: 16px;
}

.report-visual-kpis,
.report-platform-grid {
  display: grid;
  gap: 12px;
}

.report-visual-kpis {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.report-visual-kpis article {
  background: #f8fbff;
  border: 1px solid rgba(13, 88, 199, 0.18);
  border-radius: 8px;
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 12px;
}

.report-visual-kpis article.success {
  border-color: rgba(19, 126, 71, 0.35);
}

.report-visual-kpis span,
.report-chart-label span,
.report-platform-facts span {
  color: var(--via-text-secondary);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.report-visual-kpis strong {
  font-size: 28px;
  line-height: 1;
}

.report-visual-kpis small,
.report-platform-card small,
.report-dashboard-note {
  color: var(--via-text-secondary);
  font-size: 14px;
  line-height: 1.35;
}

.report-platform-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.report-platform-card {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  box-shadow: var(--via-shadow-card);
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 12px;
}

.report-platform-card header {
  align-items: start;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

.report-platform-card header div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.report-platform-card-actions {
  display: grid;
  gap: 6px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  min-width: 128px;
}

.report-platform-card header span {
  color: var(--via-action);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.report-platform-card header strong {
  font-size: 20px;
  line-height: 1.1;
}

.report-platform-chart,
.report-platform-facts {
  display: grid;
  gap: 8px;
}

.report-chart-label {
  align-items: end;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  min-width: 0;
}

.report-chart-label strong {
  font-size: 14px;
  line-height: 1.25;
  text-align: right;
}

.report-bar,
.report-sentiment-stack {
  background: #e9eef5;
  border-radius: 999px;
  height: 12px;
  overflow: hidden;
}

.report-bar-fill {
  background: linear-gradient(90deg, var(--via-action), #26a0da);
  border-radius: inherit;
  display: block;
  height: 100%;
  width: 0;
}

.report-bar-fill.is-0,
.sentiment-segment.is-0 {
  width: 0;
}

.report-bar-fill.is-10,
.sentiment-segment.is-10 {
  width: 10%;
}

.report-bar-fill.is-20,
.sentiment-segment.is-20 {
  width: 20%;
}

.report-bar-fill.is-30,
.sentiment-segment.is-30 {
  width: 30%;
}

.report-bar-fill.is-40,
.sentiment-segment.is-40 {
  width: 40%;
}

.report-bar-fill.is-50,
.sentiment-segment.is-50 {
  width: 50%;
}

.report-bar-fill.is-60,
.sentiment-segment.is-60 {
  width: 60%;
}

.report-bar-fill.is-70,
.sentiment-segment.is-70 {
  width: 70%;
}

.report-bar-fill.is-80,
.sentiment-segment.is-80 {
  width: 80%;
}

.report-bar-fill.is-90,
.sentiment-segment.is-90 {
  width: 90%;
}

.report-bar-fill.is-100,
.sentiment-segment.is-100 {
  width: 100%;
}

.report-sentiment-stack {
  display: flex;
}

.sentiment-segment {
  display: block;
  height: 100%;
}

.sentiment-segment.attention {
  background: #c81e2a;
}

.sentiment-segment.neutral {
  background: #6b7280;
}

.sentiment-segment.positive {
  background: #137e47;
}

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

.report-platform-facts div {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 10px;
}

.report-platform-facts strong {
  font-size: 14px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.source-health-pill {
  border-radius: 999px;
  display: inline-flex;
  padding: 4px 8px;
}

.source-health-pill.blocked {
  background: #fff2d9;
  color: #8a4f00;
}

.source-health-pill.ready {
  background: #e9f8ef;
  color: #0f6a3a;
}

.source-health-pill.review {
  background: #eef4ff;
  color: var(--via-action);
}

.report-dashboard-note {
  align-items: center;
  background: #fff9ee;
  border: 1px solid rgba(217, 119, 6, 0.24);
  border-radius: 8px;
  display: flex;
  gap: 8px;
  padding: 10px 12px;
}

.social-signal-map {
  background: #f8fbff;
  border: 1px solid rgba(13, 88, 199, 0.16);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  padding: 14px;
}

.signal-map-heading {
  align-items: end;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 0.7fr) minmax(280px, 1fr);
}

.signal-map-heading h3 {
  font-size: 22px;
  line-height: 1.15;
  margin: 0;
}

.signal-map-heading > span {
  color: var(--via-text-secondary);
  font-size: 14px;
  line-height: 1.35;
}

.signal-map-canvas {
  align-items: stretch;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(150px, 0.35fr) minmax(0, 1.1fr) minmax(220px, 0.8fr) minmax(220px, 0.8fr);
}

.signal-map-hub,
.signal-branch,
.signal-map-elevations,
.signal-map-platforms {
  border: 1px solid var(--via-border);
  border-radius: 8px;
  min-width: 0;
}

.signal-map-hub {
  align-content: center;
  background: linear-gradient(135deg, var(--via-action), #168a75);
  color: white;
  display: grid;
  gap: 6px;
  min-height: 154px;
  padding: 16px;
  position: relative;
}

.signal-map-hub::after {
  background: linear-gradient(90deg, rgba(13, 88, 199, 0.35), rgba(13, 88, 199, 0));
  content: "";
  height: 2px;
  left: calc(100% + 1px);
  position: absolute;
  top: 50%;
  width: 24px;
}

.signal-map-hub span,
.signal-branch span,
.signal-map-elevations h4,
.signal-map-platforms h4 {
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.04em;
  margin: 0;
  text-transform: uppercase;
}

.signal-map-hub strong {
  font-size: 42px;
  line-height: 1;
}

.signal-map-hub small,
.signal-branch small,
.signal-map-elevations small,
.signal-map-platforms small {
  line-height: 1.35;
}

.signal-map-hub small {
  color: rgba(255, 255, 255, 0.86);
}

.signal-map-branches {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
}

.signal-branch {
  background: white;
  display: grid;
  gap: 5px;
  color: var(--via-text);
  cursor: pointer;
  font: inherit;
  min-height: 128px;
  padding: 10px;
  position: relative;
  text-align: left;
}

.signal-branch::before {
  background: rgba(13, 88, 199, 0.25);
  content: "";
  height: 2px;
  left: -13px;
  position: absolute;
  top: 50%;
  width: 12px;
}

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

.signal-branch.danger {
  border-color: rgba(200, 30, 42, 0.42);
}

.signal-branch.danger strong {
  color: #c81e2a;
}

.signal-branch.warning,
.signal-branch.blocked {
  border-color: rgba(217, 119, 6, 0.36);
}

.signal-branch.warning strong,
.signal-branch.blocked strong {
  color: #a15c00;
}

.signal-branch.attention strong {
  color: var(--via-action);
}

.signal-branch.neutral strong {
  color: var(--via-text);
}

.signal-branch.selected {
  background: #eaf2ff;
  border-color: #9dbdff;
  box-shadow: inset 0 0 0 2px rgba(13, 88, 199, 0.18);
}

.signal-map-elevations,
.signal-map-platforms {
  background: white;
  display: grid;
  gap: 8px;
  padding: 12px;
}

.signal-map-elevations article,
.signal-map-platforms article {
  align-items: center;
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 8px;
  grid-template-columns: auto minmax(0, 1fr);
  padding: 9px;
}

.signal-map-elevations strong,
.signal-map-platforms strong {
  display: block;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.signal-map-elevations small,
.signal-map-platforms small {
  color: var(--via-text-secondary);
  display: block;
  margin-top: 3px;
  overflow-wrap: anywhere;
}

.signal-map-status {
  grid-column: 1 / -1;
  margin: 0;
}

@media (max-width: 1180px) {
  .signal-map-heading,
  .signal-map-canvas {
    grid-template-columns: 1fr;
  }

  .signal-map-hub {
    min-height: 0;
  }

  .signal-map-hub::after,
  .signal-branch::before {
    display: none;
  }

  .signal-map-branches {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }
}

@media (max-width: 760px) {
  .report-view-tabs {
    display: grid;
    width: 100%;
  }

  .report-visual-dashboard,
  .report-command-workspace,
  .social-signal-map {
    padding: 12px;
  }

  .signal-map-branches {
    grid-template-columns: 1fr;
  }

  .signal-branch {
    min-height: 0;
  }

  .signal-map-hub strong {
    font-size: 34px;
  }

  .report-platform-card header,
  .report-chart-label {
    align-items: stretch;
    display: grid;
    gap: 8px;
  }

  .report-chart-label strong {
    text-align: left;
  }

  .report-platform-card-actions {
    display: grid;
    grid-template-columns: 1fr;
    justify-content: stretch;
    min-width: 0;
  }
}

.report-workflow-disclosure {
  border: 1px solid var(--via-border);
  border-radius: 8px;
  padding: 10px 12px;
}

.report-workflow-disclosure summary {
  color: var(--via-action);
  cursor: pointer;
  font-size: 14px;
  font-weight: 900;
}

.report-workflow-disclosure .report-command-flow {
  margin-top: 12px;
}

.report-command-flow,
.report-command-summary {
  display: grid;
  gap: 10px;
}

.report-command-flow {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.report-command-flow article,
.report-command-summary article {
  background: #f8fbff;
  border: 1px solid rgba(13, 88, 199, 0.18);
  border-radius: 8px;
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 12px;
}

.report-command-flow span {
  align-items: center;
  background: var(--via-action);
  border-radius: 999px;
  color: white;
  display: inline-flex;
  font-size: 14px;
  font-weight: 900;
  height: 28px;
  justify-content: center;
  width: 28px;
}

.report-command-flow strong,
.report-command-summary strong {
  font-size: 16px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.report-command-flow small,
.report-command-summary small {
  color: var(--via-text-secondary);
  font-size: 14px;
  line-height: 1.4;
}

.report-command-body {
  align-items: start;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.42fr);
}

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

.report-command-summary span {
  color: var(--via-action);
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
}

.report-command-actions {
  display: grid;
  gap: 8px;
}

.report-command-actions .button {
  justify-content: center;
  min-height: 42px;
  text-align: center;
}

.report-command-body .inline-status {
  grid-column: 1 / -1;
}

.report-view-grid,
.report-run-grid,
.export-packet-grid,
.report-config-grid,
.report-policy-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.export-packet-grid,
.report-policy-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

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

.report-view-card,
.report-run-card,
.export-packet-card,
.report-config-card,
.report-policy-card {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  color: var(--via-text);
  display: grid;
  gap: 8px;
  padding: 14px;
  text-align: left;
}

.report-view-card,
.report-run-card {
  cursor: pointer;
  font: inherit;
}

.report-view-card.selected,
.report-run-card.selected {
  background: #eaf2ff;
  border-color: #9dbdff;
}

.report-view-card span,
.report-run-card span,
.export-packet-card header span,
.report-config-card header span {
  color: var(--via-action);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.report-view-card strong {
  font-size: 14px;
  line-height: 1.35;
}

.report-view-card small,
.report-run-card small {
  color: var(--via-text-secondary);
}

.report-run-card strong {
  font-size: 16px;
  line-height: 1.25;
}

.report-run-detail {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  margin-top: 14px;
  padding: 12px;
}

.report-run-detail + .reply-actions {
  margin-top: 14px;
}

#social-insight-reporting [data-report-run-status] {
  margin-top: 18px;
}

.report-builder-panel {
  align-self: start;
}

.report-data-views-drawer .report-view-grid {
  margin-top: 12px;
}

.report-command-workspace .panel-heading {
  align-items: start;
}

.report-command-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.report-command-summary article {
  min-height: 96px;
}

.report-command-actions {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.export-packet-card header,
.report-config-card header {
  align-items: start;
  display: flex;
  gap: 8px;
  justify-content: space-between;
}

.report-policy-card p,
.report-policy-card small {
  color: var(--via-text-secondary);
  margin: 0;
}

.sentiment-threshold-row,
.chatbot-gate-row {
  grid-template-columns: 0.7fr 0.8fr 1.2fr 1.4fr;
}

.report-readiness-row {
  grid-template-columns: 0.8fr 0.8fr 0.7fr 1.4fr 1.3fr;
}

.social-assignment-report-row {
  grid-template-columns: 1.1fr 0.85fr 1.4fr;
}

.social-launch-row {
  grid-template-columns: 0.85fr 0.85fr 1.4fr 1.3fr;
}

.compact-snapshot {
  font-size: 13px;
  gap: 4px;
  grid-template-columns: 100px 1fr;
}

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

.export-manifest-card {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 8px;
  padding: 14px;
}

.export-manifest-card header {
  align-items: start;
  display: flex;
  gap: 8px;
  justify-content: space-between;
}

.export-manifest-card header span {
  color: var(--via-action);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.export-manifest-card p {
  color: var(--via-text-secondary);
  margin: 0;
}

.customer-actions {
  display: grid;
  gap: 12px;
}

.customer-action {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  box-shadow: var(--via-shadow-card);
  color: var(--via-text);
  display: grid;
  font-size: 18px;
  font-weight: 900;
  gap: 4px;
  padding: 18px;
}

button.customer-action {
  cursor: pointer;
  font: inherit;
  text-align: left;
}

.customer-action span {
  color: var(--via-text-secondary);
  font-size: 14px;
  font-weight: 600;
}

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

.chatbot-mode-card {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  color: var(--via-text);
  cursor: pointer;
  display: grid;
  font: inherit;
  gap: 8px;
  min-height: 142px;
  padding: 14px;
  text-align: left;
}

.chatbot-mode-card.selected,
.chatbot-mode-card:hover {
  background: #eaf2ff;
  border-color: #9dbdff;
}

.chatbot-mode-card span {
  color: var(--via-action);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.chatbot-mode-card small {
  color: var(--via-text-secondary);
  line-height: 1.35;
}

.chatbot-connection-detail {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  margin-top: 14px;
  padding: 12px;
}

.metrics-grid,
.work-grid,
.product-launch-grid,
.composer-grid,
.records-grid,
.setup-grid,
.evidence-grid,
.readiness-layout {
  display: grid;
  gap: 16px;
}

.evidence-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 16px;
}

.metrics-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin-bottom: 16px;
}

.dashboard-focus-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.85fr) minmax(280px, 0.85fr);
  margin-bottom: 16px;
}

.focus-card {
  display: grid;
  gap: 14px;
  padding: 16px;
}

.focus-card.priority {
  border-color: rgba(13, 88, 199, 0.28);
}

.focus-card p {
  color: var(--via-text-secondary);
  line-height: 1.45;
  margin: 0;
}

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

.focus-summary-list a {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  color: var(--via-text);
  display: grid;
  gap: 4px;
  min-height: 82px;
  padding: 12px;
  text-decoration: none;
}

.focus-summary-list a:hover,
.focus-summary-list a:focus-visible {
  border-color: #9dbdff;
  outline: none;
}

.focus-summary-list strong {
  font-size: 30px;
  line-height: 1;
}

.focus-summary-list span,
.compact-alert-row span,
.compact-alert-row small {
  color: var(--via-text-secondary);
}

.dashboard-admin-drawer {
  margin-bottom: 16px;
  padding: 16px;
}

.dashboard-admin-drawer summary,
.platform-route-disclosure summary,
.context-disclosure summary,
.tool-disclosure summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  list-style: none;
}

.dashboard-admin-drawer summary::-webkit-details-marker,
.platform-route-disclosure summary::-webkit-details-marker,
.context-disclosure summary::-webkit-details-marker,
.tool-disclosure summary::-webkit-details-marker {
  display: none;
}

.dashboard-admin-drawer summary::after,
.platform-route-disclosure summary::after,
.context-disclosure summary::after,
.tool-disclosure summary::after {
  color: var(--via-action);
  content: "+";
  font-weight: 900;
}

.dashboard-admin-drawer[open] summary::after,
.platform-route-disclosure[open] summary::after,
.context-disclosure[open] summary::after,
.tool-disclosure[open] summary::after {
  content: "-";
}

.dashboard-admin-drawer summary span,
.platform-route-disclosure summary span,
.context-disclosure summary span,
.tool-disclosure summary span {
  display: grid;
  gap: 3px;
}

.dashboard-admin-drawer summary small,
.platform-route-disclosure summary small,
.context-disclosure summary small,
.tool-disclosure summary small {
  color: var(--via-text-secondary);
}

.tool-disclosure {
  padding: 16px;
}

.tool-disclosure[open] {
  display: grid;
  gap: 14px;
}

.metric-card,
.panel {
  background: var(--via-surface);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  box-shadow: var(--via-shadow-card);
}

.metric-card {
  display: grid;
  gap: 8px;
  padding: 16px;
}

.metric-card span,
.metric-card small {
  color: var(--via-text-secondary);
}

.metric-card strong {
  font-size: 28px;
}

.notification-bell {
  align-items: center;
  background: var(--via-action);
  border-radius: 999px;
  color: white;
  display: inline-flex;
  font-size: 14px;
  font-weight: 900;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.metric-card.warning {
  border-color: rgba(217, 119, 6, 0.45);
}

.metric-card.danger {
  border-color: rgba(200, 30, 42, 0.45);
}

.work-grid {
  grid-template-columns: 1.2fr 1fr 1fr 0.9fr;
}

.product-launch-grid {
  grid-template-columns: 1.25fr repeat(3, minmax(0, 1fr));
  margin-bottom: 16px;
}

.staff-action-strip {
  background: #f7f9fc;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 14px;
  margin-bottom: 16px;
  padding: 16px;
}

.staff-action-intro {
  display: grid;
  gap: 6px;
}

.staff-action-intro h2 {
  font-size: 22px;
  line-height: 1.2;
  margin: 0;
}

.staff-action-intro p {
  color: var(--via-text-secondary);
  line-height: 1.45;
  margin: 0;
  max-width: 860px;
}

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

.staff-action-card {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  color: var(--via-text);
  display: grid;
  gap: 7px;
  min-height: 126px;
  padding: 14px;
  text-decoration: none;
}

.staff-action-card:hover,
.staff-action-card:focus-visible {
  border-color: #9dbdff;
  box-shadow: inset 4px 0 0 var(--via-action);
  outline: none;
}

.staff-action-card span {
  color: var(--via-action);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.staff-action-card strong {
  font-size: 17px;
  line-height: 1.25;
}

.staff-action-card small {
  color: var(--via-text-secondary);
  line-height: 1.4;
}

.operating-flow-panel {
  display: grid;
  gap: 14px;
  margin-bottom: 16px;
}

.operating-flow-panel .panel-heading {
  align-items: flex-start;
  flex-wrap: wrap;
}

.operating-flow-panel .section-label,
.operating-flow-panel .help-badge,
.operating-flow-panel .button {
  font-size: 14px;
}

.operating-flow-panel .button {
  white-space: nowrap;
}

.operating-flow-list {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(280px, 1fr));
}

.operating-flow-step {
  background: #f8fbff;
  border: 1px solid rgba(13, 88, 199, 0.18);
  border-radius: 8px;
  display: grid;
  gap: 9px;
  min-height: 268px;
  min-width: 0;
  padding: 12px;
}

.flow-step-number {
  align-items: center;
  background: var(--via-navy-900);
  border-radius: 999px;
  color: white;
  display: inline-flex;
  font-size: 14px;
  font-weight: 900;
  height: 28px;
  justify-content: center;
  width: 28px;
}

.operating-flow-step strong {
  display: block;
  font-size: 16px;
  line-height: 1.25;
}

.operating-flow-step small {
  color: var(--via-action);
  display: block;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.3;
  margin-top: 2px;
}

.operating-flow-step p {
  color: var(--via-text);
  font-size: 14px;
  line-height: 1.4;
  margin: 0;
}

.operating-flow-step dl {
  display: grid;
  gap: 4px;
  margin: 0;
}

.operating-flow-step dt,
.operating-flow-step dd {
  font-size: 14px;
  line-height: 1.35;
  margin: 0;
}

.operating-flow-step dt {
  color: var(--via-text-secondary);
  font-weight: 900;
}

.operating-flow-step dd {
  overflow-wrap: break-word;
}

.operating-flow-actions {
  align-items: end;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
}

.operating-flow-actions a {
  color: var(--via-action);
  font-size: 14px;
  font-weight: 900;
}

.operating-flow-footer {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.operating-flow-footer .inline-status {
  flex: 1;
  margin: 0;
}

.launch-card {
  background: var(--via-surface);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  box-shadow: var(--via-shadow-card);
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  padding: 18px;
}

.launch-card.priority {
  border-left: 6px solid var(--via-action);
}

.launch-card h2 {
  font-size: 20px;
  line-height: 1.15;
  margin: 0;
}

.launch-card p {
  color: var(--via-text-secondary);
  line-height: 1.45;
  margin: 0;
}

.launch-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
}

.panel {
  min-width: 0;
  padding: 18px;
}

.panel-heading,
.page-heading,
.workspace-heading {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  min-width: 0;
}

.panel-heading > *,
.page-heading > *,
.workspace-heading > * {
  min-width: 0;
}

.page-heading {
  margin-bottom: 18px;
}

.queue-list,
.gate-list,
.risk-list {
  display: grid;
  gap: 10px;
}

.queue-row,
.gate-row,
.risk-row,
.alert-row {
  align-items: center;
  border-top: 1px solid var(--via-border);
  display: grid;
  gap: 10px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding-top: 12px;
}

.gate-row,
.risk-row,
.alert-row {
  grid-template-columns: minmax(0, 1fr);
}

.queue-row span,
.gate-row span,
.risk-row span,
.alert-row span {
  color: var(--via-text-secondary);
}

.channel-badge:not(.platform-logo) {
  align-items: center;
  background: var(--via-action);
  border-radius: 999px;
  color: white;
  display: inline-flex;
  font-weight: 900;
  height: 30px;
  justify-content: center;
  width: 30px;
}

.task-list,
.check-list {
  display: grid;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.status-dot {
  border-radius: 999px;
  display: inline-block;
  height: 10px;
  width: 10px;
}

.status-dot.success,
.text-success {
  color: var(--via-success);
}

.status-dot.success {
  background: var(--via-success);
}

.status-dot.warning {
  background: var(--via-warning);
}

.status-dot.danger,
.text-danger {
  color: var(--via-danger);
}

.status-dot.danger {
  background: var(--via-danger);
}

.page-heading h1 {
  font-size: clamp(28px, 3vw, 42px);
}

.segmented,
.channel-buttons {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: inline-flex;
  gap: 4px;
  padding: 4px;
}

.segmented button,
.channel-buttons button {
  background: transparent;
  border: 0;
  border-radius: 6px;
  cursor: pointer;
  font: inherit;
  font-weight: 800;
  min-height: 36px;
  padding: 8px 12px;
}

.segmented button.selected,
.channel-buttons button.selected {
  background: white;
  box-shadow: var(--via-shadow-card);
}

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

.alert-phase-strip article {
  align-items: center;
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  box-shadow: var(--via-shadow-card);
  display: grid;
  gap: 2px 10px;
  grid-template-columns: auto minmax(0, 1fr);
  min-height: 70px;
  padding: 12px;
}

.alert-phase-strip article span {
  align-items: center;
  background: var(--via-muted);
  border-radius: 999px;
  color: var(--via-action);
  display: inline-flex;
  font-weight: 900;
  grid-row: span 2;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.alert-phase-strip article.active {
  border-color: rgba(13, 88, 199, 0.42);
  box-shadow: 0 0 0 2px rgba(13, 88, 199, 0.08), var(--via-shadow-card);
}

.alert-phase-strip article.active span,
.alert-phase-strip article.complete span {
  background: var(--via-action);
  color: #fff;
}

.alert-phase-strip strong,
.alert-phase-strip small {
  min-width: 0;
}

.alert-phase-strip small {
  color: var(--via-text-secondary);
}

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

.alert-targeting-grid label,
.team-role-picker legend {
  color: var(--via-text-secondary);
  font-weight: 800;
}

.alert-targeting-grid select {
  margin-top: 6px;
}

.team-role-picker {
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 12px;
}

.team-role-picker label {
  align-items: center;
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 999px;
  display: inline-flex;
  gap: 6px;
  min-height: 34px;
  padding: 6px 10px;
}

.team-role-picker input {
  min-height: auto;
  width: auto;
}

.alert-targeting-summary {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 0 12px;
  grid-template-columns: max-content minmax(0, 1fr);
  margin: 12px 0;
  padding: 10px;
}

.alert-targeting-summary dt,
.alert-targeting-summary dd {
  border-bottom: 1px solid rgba(148, 163, 184, 0.22);
  margin: 0;
  padding: 7px 0;
}

.alert-targeting-summary dt {
  color: var(--via-text-secondary);
  font-weight: 900;
}

.alert-targeting-summary dd {
  overflow-wrap: anywhere;
}

.alert-audience-summary {
  align-items: stretch;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 0.72fr);
  margin-top: 8px;
}

.audience-path-card,
.audience-rule-grid article {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  padding: 12px;
}

.audience-path-card strong {
  display: block;
  font-size: 20px;
  margin: 4px 0;
}

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

.audience-rule-grid article {
  display: grid;
  gap: 4px 8px;
  grid-template-columns: auto minmax(0, 1fr);
}

.audience-rule-grid .status-dot {
  margin-top: 4px;
}

.audience-rule-grid strong,
.audience-rule-grid p {
  grid-column: 2;
  margin: 0;
}

.audience-breakdown {
  border-top: 1px solid var(--via-border);
  margin-top: 12px;
  padding-top: 10px;
}

.audience-breakdown summary {
  color: var(--via-action);
  cursor: pointer;
  font-weight: 900;
}

.audience-breakdown dl {
  display: grid;
  gap: 0 12px;
  grid-template-columns: max-content minmax(0, 1fr);
  margin: 10px 0 0;
}

.audience-breakdown dt,
.audience-breakdown dd {
  border-top: 1px solid rgba(148, 163, 184, 0.22);
  margin: 0;
  padding: 8px 0;
}

.audience-breakdown dt {
  color: var(--via-text-secondary);
  font-weight: 900;
}

.inbox-command-bar,
.inbox-tabbar {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  box-shadow: var(--via-shadow-card);
  display: grid;
  gap: 12px;
  margin-bottom: 16px;
  padding: 14px;
}

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

.inbox-command-metrics div {
  background: #f8fbff;
  border: 1px solid rgba(13, 88, 199, 0.18);
  border-radius: 8px;
  display: grid;
  gap: 4px;
  min-height: 66px;
  padding: 9px;
}

.inbox-command-metrics span,
.inbox-command-actions label {
  color: var(--via-text-secondary);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

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

.inbox-command-metrics small,
.conversation-empty-state {
  color: var(--via-text-secondary);
  line-height: 1.35;
}

.inbox-command-actions {
  align-items: end;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(240px, 1fr) auto auto;
}

.inbox-command-actions label {
  grid-column: 1;
}

.inbox-command-actions input {
  grid-column: 1;
}

.inbox-command-actions a,
.inbox-command-actions button {
  align-self: end;
}

.conversation-source-bridge {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  box-shadow: var(--via-shadow-card);
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 16px;
  padding: 14px;
}

.conversation-source-bridge div {
  background: #f8fbff;
  border: 1px solid rgba(13, 88, 199, 0.18);
  border-radius: 8px;
  display: grid;
  gap: 5px;
  min-height: 106px;
  padding: 11px;
}

.conversation-source-bridge span {
  color: var(--via-action);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.conversation-source-bridge strong {
  font-size: 15px;
  line-height: 1.25;
}

.conversation-source-bridge small {
  color: var(--via-text-secondary);
  font-size: 14px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.platform-chat-router {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  box-shadow: var(--via-shadow-card);
  display: grid;
  gap: 12px;
  margin-bottom: 16px;
  padding: 14px;
}

.platform-chat-router .panel-heading h2 {
  align-items: center;
  display: flex;
  gap: 8px;
}

.platform-chat-router .panel-heading > span {
  color: var(--via-text-secondary);
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
}

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

.platform-chat-route {
  background: #f8fbff;
  border: 1px solid rgba(13, 88, 199, 0.18);
  border-radius: 8px;
  color: var(--via-text);
  cursor: pointer;
  display: grid;
  font: inherit;
  gap: 4px;
  min-height: 80px;
  min-width: 0;
  padding: 10px;
  text-align: left;
}

.platform-chat-route span {
  color: var(--via-text-secondary);
  font-size: 14px;
  font-weight: 900;
}

.platform-chat-route strong {
  font-size: 15px;
  line-height: 1.2;
}

.platform-chat-route small {
  color: var(--via-text-secondary);
  font-size: 14px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.platform-chat-route.selected,
.platform-chat-route:hover {
  background: #eaf2ff;
  border-color: #9dbdff;
  box-shadow: inset 0 0 0 1px rgba(13, 88, 199, 0.18);
}

.platform-chat-route-detail {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.15fr) minmax(0, 1.25fr) minmax(0, 1.15fr) auto;
  padding: 10px;
}

.platform-chat-route-detail div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.platform-chat-route-detail span {
  color: var(--via-text-secondary);
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
}

.platform-chat-route-detail strong,
.platform-chat-route-detail small {
  overflow-wrap: anywhere;
}

.platform-chat-route-detail small {
  color: var(--via-text-secondary);
  font-size: 14px;
  line-height: 1.35;
}

.platform-chat-route-actions {
  align-content: start;
  min-width: 150px;
}

.compact-page-heading {
  margin-bottom: 12px;
}

.account-page-heading,
.access-page-heading {
  align-items: end;
}

.account-page-heading .lead,
.access-page-heading .lead {
  max-width: 760px;
}

.compact-chat-command {
  gap: 10px;
  padding: 12px;
}

.inbox-command-header,
.inbox-tabbar-header {
  align-items: end;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr) minmax(440px, 0.72fr);
}

.inbox-tabbar {
  border-color: rgba(13, 88, 199, 0.14);
  box-shadow: none;
  margin-bottom: 12px;
}

.inbox-tabbar-header h2 {
  font-size: 22px;
  line-height: 1.15;
  margin: 0;
}

.compact-chat-command .inbox-command-actions {
  grid-template-columns: minmax(220px, 1fr) auto auto;
}

.compact-chat-command .inbox-command-actions .button,
.compact-chat-command .inbox-command-actions button {
  white-space: nowrap;
}

.platform-tab-rail {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  padding: 2px 0 0;
  scroll-snap-type: x proximity;
}

.platform-tab {
  align-items: center;
  background: transparent;
  border-color: transparent;
  border-radius: 999px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 7px;
  min-height: 38px;
  padding: 6px 10px;
  scroll-snap-align: start;
}

.platform-tab em,
.tool-icon,
.staff-command-card em {
  align-items: center;
  background: linear-gradient(135deg, #0d58c7, #1191a9);
  border-radius: 8px;
  color: white;
  display: inline-flex;
  flex: 0 0 auto;
  font-style: normal;
  font-weight: 900;
  height: 28px;
  justify-content: center;
  width: 28px;
}

.platform-tab > .platform-tab-count {
  align-items: center;
  background: var(--via-muted);
  border-radius: 999px;
  color: var(--via-text-secondary);
  display: inline-flex;
  font-size: 12px;
  font-weight: 900;
  justify-content: center;
  min-width: 24px;
  padding: 2px 7px;
  text-transform: none;
}

.platform-tab-count {
  min-width: 28px;
}

.platform-tab small {
  font-size: 13px;
}

.platform-tab.selected,
.platform-tab:hover {
  background: #eaf2ff;
  border-color: #9dbdff;
}

.compact-dashboard-chips {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.compact-dashboard-chips div {
  min-height: 58px;
}

.compact-dashboard-chips strong {
  font-size: 18px;
  line-height: 1.15;
}

.platform-route-status {
  background: var(--via-muted);
  border: 0;
  border-top: 1px solid var(--via-border);
  border-radius: 0;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.25fr) minmax(0, 1fr) auto;
  margin-top: 10px;
  padding-top: 10px;
}

.platform-route-disclosure {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  padding: 10px;
}

.platform-route-status div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.platform-route-status span,
.thread-tool-panel span,
.compact-tool-rail span,
.context-status-stack span,
.tool-packet-list h3,
.conversation-list-header span {
  color: var(--via-text-secondary);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.platform-route-status strong,
.platform-route-status small {
  overflow-wrap: anywhere;
}

.platform-route-status small,
.compact-status {
  color: var(--via-text-secondary);
  font-size: 14px;
  line-height: 1.35;
}

.chat-tool-layout {
  align-items: start;
  grid-template-columns: 320px minmax(0, 1fr) 320px;
}

.conversation-list-header {
  align-items: center;
  border-bottom: 1px solid var(--via-border);
  display: flex;
  justify-content: space-between;
  padding: 12px;
}

.conversation-list-header div {
  display: grid;
  gap: 2px;
}

.conversation-list-header small {
  color: var(--via-text-secondary);
  font-weight: 800;
}

.focused-conversation-workspace {
  display: grid;
  gap: 12px;
  padding: 14px;
}

.focused-conversation-workspace .message-stream {
  max-height: 420px;
}

.thread-tool-panel,
.compact-tool-rail,
.interaction-snapshot-panel,
.compact-context-panel .workflow-rail,
.compact-context-panel .assignment-box,
.context-status-stack,
.tool-packet-list {
  background: #f8fbff;
  border: 1px solid rgba(13, 88, 199, 0.16);
  border-radius: 8px;
  box-shadow: none;
}

.thread-tool-panel {
  padding: 12px;
}

.compact-next-action {
  background: white;
}

.thread-tool-grid {
  grid-template-columns: minmax(150px, 0.8fr) minmax(170px, 0.75fr) minmax(190px, 1fr) auto;
}

.thread-tool-grid .dock-actions {
  align-content: center;
  gap: 6px;
}

.compact-tool-rail {
  padding: 12px;
}

.compact-tool-rail .operator-task-list {
  grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
}

.compact-tool-rail .operator-task-detail {
  background: white;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) auto;
}

.compact-context-panel {
  padding: 14px;
}

.context-disclosure[open] {
  display: grid;
  gap: 12px;
}

.context-disclosure summary strong {
  font-size: 20px;
  line-height: 1.2;
}

.compact-context-panel dl {
  gap: 7px 12px;
}

.context-status-stack {
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr;
  padding: 10px;
}

.context-status-stack div {
  display: grid;
  gap: 3px;
}

.context-status-stack small {
  color: var(--via-text-secondary);
  font-size: 14px;
  line-height: 1.35;
}

.interaction-snapshot-panel {
  display: grid;
  gap: 10px;
  padding: 12px;
}

.interaction-snapshot-heading {
  align-items: start;
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.interaction-snapshot-heading h3,
.interaction-snapshot-heading strong {
  color: var(--via-text);
  font-size: 16px;
  line-height: 1.2;
  margin: 0;
  overflow-wrap: anywhere;
}

.interaction-snapshot-heading small,
.interaction-snapshot-panel p,
.interaction-snapshot-boundary {
  color: var(--via-text-secondary);
  line-height: 1.35;
}

.interaction-snapshot-panel p {
  margin: 0;
}

.interaction-snapshot-meta {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.interaction-snapshot-meta span {
  background: #fff;
  border: 1px solid rgba(13, 88, 199, 0.14);
  border-radius: 8px;
  display: grid;
  gap: 2px;
  padding: 8px;
}

.interaction-snapshot-meta strong {
  color: var(--via-text);
  font-size: 17px;
  line-height: 1.1;
}

.interaction-snapshot-meta small,
.interaction-timeline small {
  color: var(--via-text-secondary);
  line-height: 1.32;
}

.interaction-timeline {
  display: grid;
  gap: 8px;
  list-style: none;
  margin: 0;
  max-height: 230px;
  overflow: auto;
  padding: 0;
}

.interaction-timeline li {
  background: #fff;
  border: 1px solid rgba(13, 88, 199, 0.14);
  border-radius: 8px;
  display: grid;
  gap: 3px;
  padding: 8px;
}

.interaction-timeline time {
  color: var(--via-action);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.interaction-timeline strong {
  color: var(--via-text);
  font-size: 13px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.interaction-snapshot-footer {
  align-items: center;
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.interaction-snapshot-footer span {
  color: var(--via-text-secondary);
  font-size: 12px;
  font-weight: 850;
  overflow-wrap: anywhere;
}

[data-risk-tone="critical"] {
  background: #fff5f5;
  border-color: rgba(200, 30, 42, 0.28);
  color: #b4232f;
}

[data-risk-tone="watch"] {
  background: #fff8e5;
  border-color: rgba(217, 119, 6, 0.35);
  color: #8a4b05;
}

[data-risk-tone="review"] {
  background: #eef5ff;
  border-color: rgba(13, 88, 199, 0.22);
  color: var(--via-action);
}

.tool-packet-list {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 10px;
}

.tool-packet-list h3 {
  grid-column: 1 / -1;
  margin: 0;
}

.tool-packet-list .button {
  min-height: 36px;
}

.inbox-layout {
  display: grid;
  gap: 16px;
  grid-template-columns: 300px minmax(0, 1fr) 320px;
}

.conversation-list,
.conversation-workspace,
.context-panel {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  box-shadow: var(--via-shadow-card);
  min-width: 0;
}

.conversation-list {
  align-content: start;
  display: grid;
  gap: 0;
  overflow: hidden;
}

.conversation-empty-state {
  margin: 0;
  padding: 16px;
}

.conversation-card {
  align-items: start;
  background: white;
  border: 0;
  border-bottom: 1px solid var(--via-border);
  cursor: pointer;
  display: grid;
  font: inherit;
  font-size: 14px;
  gap: 10px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  min-height: 92px;
  padding: 12px;
  text-align: left;
}

.conversation-card.selected,
.conversation-card:hover {
  background: #eaf2ff;
}

.conversation-card[hidden] {
  display: none;
}

.conversation-card small,
.conversation-card em,
.conversation-snippet,
.workspace-heading span,
dd,
.ai-box p,
.composer-grid p,
.records-grid p,
.setup-grid p,
.customer-hero p {
  color: var(--via-text-secondary);
}

.conversation-card-body {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.conversation-card-top {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
}

.conversation-snippet {
  display: -webkit-box;
  font-size: 13px;
  line-height: 1.35;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.conversation-tags {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  padding-top: 2px;
}

.conversation-tags mark {
  align-items: center;
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 999px;
  color: var(--via-text-secondary);
  display: inline-flex;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.15;
  max-width: 100%;
  min-height: 22px;
  min-width: 0;
  overflow: hidden;
  padding: 2px 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.conversation-list-help {
  border-top: 1px solid var(--via-border);
  color: var(--via-text-secondary);
  font-size: 12px;
  margin-top: 8px;
  padding-top: 8px;
}

.conversation-list-help summary {
  align-items: center;
  color: var(--via-text);
  cursor: pointer;
  display: inline-flex;
  font-weight: 800;
  gap: 6px;
}

.conversation-list-help p {
  margin: 6px 0 0;
}

.unread-count {
  align-items: center;
  background: var(--via-action);
  border-radius: 999px;
  color: white;
  display: inline-flex;
  font-size: 12px;
  font-weight: 900;
  height: 22px;
  justify-content: center;
  min-width: 22px;
  padding: 0 7px;
}

.unread-count.is-zero {
  display: none;
}

.snapshot-status {
  margin: -2px 0 2px;
}

.conversation-workspace {
  display: grid;
  gap: 12px;
  min-height: 620px;
  overflow: hidden;
  padding: 18px;
}

.conversation-workspace > * {
  max-width: 100%;
  min-width: 0;
}

.conversation-workspace .workspace-heading {
  order: 0;
}

.conversation-workspace > [data-workflow-status] {
  order: 1;
}

.conversation-action-dock {
  background: #f8fbff;
  border: 1px solid rgba(13, 88, 199, 0.18);
  border-radius: 8px;
  display: grid;
  gap: 10px;
  margin-top: 0;
  order: 2;
  padding: 12px;
}

.conversation-action-dock-grid {
  align-items: stretch;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(180px, 0.95fr) minmax(180px, 0.9fr) minmax(210px, 1.15fr) minmax(220px, 0.85fr);
}

.dock-summary,
.dock-select {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 10px;
}

.dock-summary span,
.dock-select span {
  color: var(--via-action);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.dock-summary strong {
  display: block;
  font-size: 15px;
  line-height: 1.28;
  overflow-wrap: anywhere;
}

.dock-summary small {
  color: var(--via-text-secondary);
  font-size: 13px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.dock-select select {
  border: 1px solid var(--via-border);
  border-radius: 8px;
  color: var(--via-text);
  font: inherit;
  min-height: 38px;
  min-width: 0;
  padding: 8px 10px;
  width: 100%;
}

.dock-actions {
  align-content: stretch;
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr;
  min-width: 0;
}

.dock-actions .button {
  justify-content: center;
  min-height: 36px;
  padding: 8px 10px;
  width: 100%;
}

.in-app-chat-banner {
  background: #eefaf4;
  border: 1px solid rgba(15, 134, 82, 0.24);
  border-radius: 8px;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 0;
  order: 7;
  padding: 12px;
}

.in-app-chat-banner div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.in-app-chat-banner span {
  color: var(--via-text-secondary);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.in-app-chat-banner strong,
.in-app-chat-banner small {
  overflow-wrap: anywhere;
}

.in-app-chat-banner small {
  color: var(--via-text-secondary);
  line-height: 1.35;
}

.thread-fact-strip {
  background: #f8fbff;
  border: 1px solid rgba(13, 88, 199, 0.18);
  border-radius: 8px;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 0;
  order: 8;
  padding: 12px;
}

.thread-fact-strip div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.thread-fact-strip span {
  color: var(--via-text-secondary);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.thread-fact-strip strong,
.thread-fact-strip small {
  overflow-wrap: anywhere;
}

.thread-fact-strip small {
  color: var(--via-text-secondary);
  line-height: 1.35;
}

.operator-task-rail {
  background: #fff;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 10px;
  margin-top: 0;
  order: 3;
  padding: 12px;
}

.operational-action-strip {
  background: #fff;
  border: 1px solid rgba(13, 88, 199, 0.18);
  border-radius: 8px;
  display: grid;
  gap: 10px;
  margin-top: 0;
  order: 3;
  padding: 10px 12px;
}

.operational-action-strip .panel-heading {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

.operational-action-strip .panel-heading h3 {
  font-size: 18px;
  margin: 0;
}

.operational-action-strip .panel-heading > span {
  color: var(--via-text-secondary);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.operational-action-strip-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(5, minmax(120px, 1fr));
}

.operational-action-strip-grid .button {
  min-height: 42px;
  min-width: 0;
  white-space: normal;
}

.operator-task-advanced {
  background: #f8fbff;
  border: 1px solid rgba(13, 88, 199, 0.18);
  border-radius: 8px;
  display: block;
  margin-top: 0;
  order: 6;
  padding: 8px 10px;
}

.operator-task-advanced > summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  list-style: none;
}

.operator-task-advanced > summary::-webkit-details-marker {
  display: none;
}

.operator-task-advanced > summary span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.operator-task-advanced > summary strong {
  font-size: 15px;
}

.operator-task-advanced > summary small {
  color: var(--via-text-secondary);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.25;
}

.operator-task-advanced:not([open]) .operator-task-rail {
  display: none !important;
}

.operator-task-advanced[open] .operator-task-rail {
  margin-top: 10px;
}

.operator-task-rail .panel-heading h3 {
  align-items: center;
  display: flex;
  gap: 8px;
}

.operator-task-rail .panel-heading > span {
  color: var(--via-text-secondary);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.operator-task-list {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.operator-task-card {
  background: #f8fbff;
  border: 1px solid rgba(13, 88, 199, 0.18);
  border-radius: 8px;
  color: var(--via-text);
  cursor: pointer;
  display: grid;
  font: inherit;
  gap: 4px;
  min-height: 62px;
  padding: 10px;
  text-align: left;
}

.icon-tool-rail .operator-task-card {
  align-content: center;
  justify-items: center;
  min-height: 82px;
  padding: 9px 8px;
  text-align: center;
}

.tool-icon {
  border-radius: 10px;
  height: 32px;
  width: 32px;
}

.tool-icon::before {
  content: ".";
}

.tool-icon-assignment::before {
  content: "A";
}

.tool-icon-draft::before {
  content: "D";
}

.tool-icon-approval::before {
  content: "OK";
}

.tool-icon-report::before {
  content: "R";
}

.tool-icon-handoff::before {
  content: "H";
}

.tool-icon-routing::before {
  content: "H";
}

.operator-task-card span {
  color: var(--via-text-secondary);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.operator-task-card strong,
.operator-task-card small {
  overflow-wrap: anywhere;
}

.icon-tool-rail .operator-task-card strong {
  font-size: 13px;
}

.operator-task-card small {
  color: var(--via-text-secondary);
  font-size: 12px;
  line-height: 1.3;
}

.operator-task-card.selected,
.operator-task-card:hover {
  background: #eaf2ff;
  border-color: #9dbdff;
  box-shadow: inset 0 0 0 1px rgba(13, 88, 199, 0.18);
}

.operator-task-detail {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.2fr) minmax(0, 1.3fr) auto;
  padding: 10px;
}

.tool-detail-disclosure {
  display: grid;
  gap: 8px;
}

.tool-detail-disclosure summary {
  align-items: center;
  cursor: pointer;
  display: grid;
  gap: 4px 12px;
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1fr) auto;
}

.tool-detail-disclosure summary span {
  grid-column: 1;
}

.tool-detail-disclosure summary strong {
  grid-column: 1;
}

.tool-detail-disclosure summary small {
  color: var(--via-text-secondary);
  grid-column: 2;
  grid-row: 1 / span 2;
  justify-self: end;
  text-align: right;
}

.operator-task-detail div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.operator-task-detail span {
  color: var(--via-text-secondary);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.operator-task-detail strong,
.operator-task-detail small {
  overflow-wrap: anywhere;
}

.operator-task-detail small {
  color: var(--via-text-secondary);
  line-height: 1.35;
}

.operator-task-actions {
  align-content: start;
  min-width: 150px;
}

.session-strip {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 0;
  order: 10;
  padding: 12px;
}

.session-strip div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.session-strip span,
.inbox-action-gate span,
.customer-action-card span {
  color: var(--via-text-secondary);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.session-strip strong,
.session-strip small {
  overflow-wrap: anywhere;
}

.message-stream {
  background:
    linear-gradient(180deg, rgba(248, 251, 255, 0.92), rgba(255, 255, 255, 0.92)),
    repeating-linear-gradient(
      0deg,
      rgba(13, 88, 199, 0.03) 0,
      rgba(13, 88, 199, 0.03) 1px,
      transparent 1px,
      transparent 28px
    );
  border: 1px solid rgba(13, 88, 199, 0.14);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  margin: 0;
  max-height: 430px;
  min-height: 330px;
  order: 4;
  overflow-y: auto;
  padding: 18px;
}

.message-day-divider {
  color: var(--via-text-secondary);
  font-size: 12px;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}

.message-row {
  align-items: start;
  display: grid;
  gap: 10px;
  grid-template-columns: 32px minmax(0, 1fr);
  max-width: 84%;
}

.message-row.outbound {
  grid-template-columns: minmax(0, 1fr) 32px;
  justify-self: end;
}

.message-row.outbound .message-avatar {
  grid-column: 2;
  grid-row: 1;
}

.message-row.outbound .message-copy {
  grid-column: 1;
  grid-row: 1;
}

.message-row.system {
  max-width: 100%;
}

.message-avatar:not(.platform-logo) {
  align-items: center;
  background: var(--via-action);
  border-radius: 999px;
  color: white;
  display: inline-flex;
  font-size: 13px;
  font-weight: 900;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.message-copy {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 6px;
  padding: 12px;
}

.message-row.outbound .message-copy {
  background: var(--via-action);
  border-color: var(--via-action);
  color: white;
}

.message-row.internal .message-copy {
  background: #f8fbff;
  border-color: rgba(13, 88, 199, 0.18);
}

.message-row.system .message-copy {
  background: #fff8e5;
  border-color: rgba(217, 119, 6, 0.35);
}

.message-copy header {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
}

.message-copy p {
  margin: 0;
}

.message-copy small,
.message-copy header small {
  color: var(--via-text-secondary);
}

.message-row.outbound .message-copy small,
.message-row.outbound .message-copy header small {
  color: rgba(255, 255, 255, 0.82);
}

.composer-gate-strip {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 0;
  order: 3;
}

.composer-gate-card {
  background: #f8fbff;
  border: 1px solid rgba(13, 88, 199, 0.18);
  border-radius: 8px;
  display: grid;
  gap: 5px;
  min-height: 86px;
  padding: 12px;
}

.composer-gate-card.warning {
  background: #fff8e5;
  border-color: rgba(217, 119, 6, 0.35);
}

.composer-gate-card.danger {
  background: #fff5f5;
  border-color: rgba(200, 30, 42, 0.26);
}

.composer-gate-card span {
  color: var(--via-text-secondary);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.composer-gate-card small {
  color: var(--via-text-secondary);
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.inbox-action-gate-list {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 14px;
  order: 12;
}

.conversation-workspace > [data-inbox-gate-status] {
  order: 13;
}

.inbox-action-gate {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  color: var(--via-text);
  cursor: pointer;
  display: grid;
  font: inherit;
  gap: 6px;
  padding: 12px;
  text-align: left;
}

.inbox-action-gate.selected,
.inbox-action-gate:hover {
  background: #eaf2ff;
  border-color: #9dbdff;
}

.inbox-action-gate small {
  color: var(--via-text-secondary);
}

.customer-action-queue {
  border-top: 1px solid var(--via-border);
  display: grid;
  gap: 12px;
  margin-top: 14px;
  order: 11;
  padding-top: 16px;
}

.customer-action-queue .panel-heading h3 {
  align-items: center;
  display: flex;
  gap: 8px;
}

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

.customer-action-card {
  background: #f8fbff;
  border: 1px solid rgba(13, 88, 199, 0.18);
  border-radius: 8px;
  color: var(--via-text);
  cursor: pointer;
  display: grid;
  font: inherit;
  gap: 6px;
  min-height: 132px;
  padding: 12px;
  text-align: left;
}

.customer-action-card strong,
.customer-action-card small {
  overflow-wrap: anywhere;
}

.customer-action-card small {
  color: var(--via-text-secondary);
  line-height: 1.35;
}

.customer-action-card.selected,
.customer-action-card:hover {
  background: #eaf2ff;
  border-color: #9dbdff;
  box-shadow: inset 0 0 0 1px rgba(13, 88, 199, 0.18);
}

.customer-action-detail {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  padding: 12px;
}

.customer-action-detail code {
  overflow-wrap: anywhere;
}

.action-packet-panel {
  align-items: start;
  background: #f8fbff;
  border: 1px solid rgba(13, 88, 199, 0.18);
  border-radius: 8px;
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr;
  padding: 12px;
}

.action-packet-panel span,
.action-packet-panel .inline-status {
  color: var(--via-text-secondary);
}

.action-packet-panel .inline-status {
  grid-column: 1 / -1;
  margin: 0;
}

.conversation-report-panel {
  background: #f8fbff;
  border: 1px solid rgba(13, 88, 199, 0.18);
  border-radius: 8px;
  display: grid;
  gap: 10px;
  padding: 12px;
}

.conversation-report-panel > div:first-child {
  display: grid;
  gap: 4px;
}

.conversation-report-panel > div:first-child > span,
.conversation-report-panel .inline-status {
  color: var(--via-text-secondary);
}

.conversation-report-panel .inline-status {
  margin: 0;
}

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

.conversation-report-summary div {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 4px;
  min-height: 76px;
  padding: 10px;
}

.conversation-report-summary span {
  color: var(--via-text-secondary);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.conversation-report-summary small {
  color: var(--via-text-secondary);
  line-height: 1.35;
}

.permission-review-panel {
  background: #fff;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  padding: 12px;
}

.permission-review-grid,
.permission-row-list {
  display: grid;
  gap: 10px;
}

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

.permission-review-grid div {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 5px;
  min-height: 92px;
  padding: 12px;
}

.permission-review-grid span,
.permission-review-row span {
  color: var(--via-text-secondary);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.permission-review-grid small,
.permission-review-row small,
.permission-review-detail dd {
  color: var(--via-text-secondary);
  font-size: 14px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

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

.permission-review-row {
  background: #f8fbff;
  border: 1px solid rgba(13, 88, 199, 0.18);
  border-radius: 8px;
  color: var(--via-text);
  cursor: pointer;
  display: grid;
  font: inherit;
  gap: 6px;
  min-height: 132px;
  padding: 12px;
  text-align: left;
}

.permission-review-row strong {
  overflow-wrap: anywhere;
}

.permission-review-row.selected,
.permission-review-row:hover {
  background: #eaf2ff;
  border-color: #9dbdff;
  box-shadow: inset 0 0 0 1px rgba(13, 88, 199, 0.18);
}

.permission-review-detail {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  padding: 12px;
}

.permission-review-detail code {
  overflow-wrap: anywhere;
}

.bubble {
  border-radius: 8px;
  line-height: 1.45;
  max-width: 72%;
  padding: 12px 14px;
}

.bubble.inbound {
  background: var(--via-muted);
}

.bubble.outbound {
  background: var(--via-action);
  color: white;
  justify-self: end;
}

.bubble.system {
  background: #fff8e5;
  border: 1px solid rgba(217, 119, 6, 0.35);
  max-width: 100%;
}

.reply-box {
  background: white;
  border: 1px solid rgba(13, 88, 199, 0.16);
  border-radius: 8px;
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.06);
  display: grid;
  gap: 10px;
  order: 5;
  padding: 12px;
}

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

.composer-heading div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.composer-heading span:not(.status-pill) {
  color: var(--via-action);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.composer-heading strong,
.composer-heading small {
  overflow-wrap: anywhere;
}

.composer-heading small {
  color: var(--via-text-secondary);
  font-size: 14px;
  line-height: 1.35;
}

.composer-review-band {
  align-items: center;
  background: #fff8e5;
  border: 1px solid rgba(217, 119, 6, 0.32);
  border-radius: 12px;
  display: flex;
  gap: 12px;
  padding: 10px 12px;
}

.composer-review-band > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.composer-review-band strong {
  color: var(--via-text);
  font-size: 14px;
}

.composer-review-band small {
  color: var(--via-text-secondary);
  font-size: 13px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.reply-box label {
  color: var(--via-text-secondary);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.reply-box textarea {
  border-color: rgba(13, 88, 199, 0.18);
  border-radius: 8px;
  min-height: 74px;
  resize: vertical;
}

.conversation-workspace > [data-composer-status] {
  order: 6;
}

.context-panel {
  padding: 18px;
}

dl {
  display: grid;
  gap: 8px;
  grid-template-columns: 130px 1fr;
}

dt {
  color: var(--via-text-secondary);
  font-weight: 800;
}

.help-badge {
  align-items: center;
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 999px;
  color: var(--via-action);
  cursor: help;
  display: inline-flex;
  font-size: 12px;
  font-weight: 900;
  height: 20px;
  justify-content: center;
  margin-left: 4px;
  vertical-align: middle;
  width: 20px;
}

button.help-badge {
  appearance: none;
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  padding: 0;
}

.help-badge:hover,
.help-badge:focus-visible,
.help-badge[aria-expanded="true"] {
  background: #eaf2ff;
  border-color: #9dbdff;
}

.context-help-panel {
  background: #f8fbff;
  border: 1px solid rgba(13, 88, 199, 0.18);
  border-radius: 12px;
  color: var(--via-text);
  display: grid;
  gap: 8px;
  line-height: 1.45;
  margin: -4px 0 14px;
  max-width: 760px;
  padding: 14px 16px;
}

.context-help-panel[hidden] {
  display: none;
}

.context-help-panel strong {
  font-size: 16px;
}

.context-help-panel p,
.context-help-panel ul {
  margin: 0;
}

.context-help-panel ul {
  color: var(--via-text-secondary);
  padding-left: 18px;
}

.context-help-panel li + li {
  margin-top: 4px;
}

.ai-box {
  background: #f5f2ff;
  border: 1px solid rgba(109, 60, 199, 0.22);
  border-radius: 8px;
  margin-top: 18px;
  padding: 14px;
}

.session-box {
  background: #f8fbff;
  border-color: rgba(13, 88, 199, 0.18);
}

.workflow-rail {
  background: #f8fbff;
  border: 1px solid rgba(13, 88, 199, 0.18);
  border-radius: 8px;
  margin-top: 18px;
  padding: 14px;
}

.workflow-rail h3 {
  margin-bottom: 10px;
}

.workflow-rail ol {
  display: grid;
  gap: 8px;
  list-style: none;
  margin: 0 0 12px;
  padding: 0;
}

.workflow-rail li {
  align-items: center;
  color: var(--via-text-secondary);
  display: flex;
  font-weight: 800;
  gap: 8px;
}

.workflow-rail li::before {
  background: var(--via-border);
  border-radius: 999px;
  content: "";
  display: inline-block;
  height: 10px;
  width: 10px;
}

.workflow-rail li.active {
  color: var(--via-action);
}

.workflow-rail li.active::before {
  background: var(--via-action);
}

.workflow-rail li.complete {
  color: var(--via-success);
}

.workflow-rail li.complete::before {
  background: var(--via-success);
}

.workflow-rail p {
  color: var(--via-text-secondary);
  font-size: 14px;
  margin: 0;
}

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

.setup-span {
  grid-column: 1 / -1;
}

.setup-heading p {
  color: var(--via-text-secondary);
  line-height: 1.45;
  margin: 8px 0 0;
  max-width: 760px;
}

.setup-start-panel {
  padding: 14px;
}

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

.setup-start-card {
  background: #fff;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  color: var(--via-text);
  display: grid;
  gap: 7px;
  min-height: 118px;
  padding: 12px;
  text-decoration: none;
}

.setup-start-card.selected,
.setup-start-card:hover {
  background: #eaf2ff;
  border-color: #9dbdff;
}

.setup-start-card span,
.setup-platform-card span,
.setup-detail-toolbar span,
.setup-checklist-compact span {
  color: var(--via-action);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.setup-start-card strong,
.setup-start-card small,
.setup-platform-card strong,
.setup-platform-card small {
  overflow-wrap: anywhere;
}

.setup-start-card small,
.setup-platform-card small,
.setup-platform-detail dd,
.setup-checklist-compact small {
  color: var(--via-text-secondary);
  line-height: 1.35;
}

.setup-account-layout {
  align-items: start;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(320px, 0.82fr) minmax(420px, 1fr);
}

.setup-platform-list {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.setup-platform-card {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  color: var(--via-text);
  cursor: pointer;
  display: grid;
  font: inherit;
  gap: 4px;
  min-height: 86px;
  padding: 10px;
  text-align: left;
}

.setup-platform-card.selected,
.setup-platform-card:hover {
  background: #eaf2ff;
  border-color: #9dbdff;
}

.setup-platform-detail {
  align-self: start;
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  padding: 14px;
}

.setup-detail-toolbar {
  align-items: start;
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) minmax(240px, auto);
  padding: 12px;
}

.setup-detail-toolbar strong {
  display: block;
  font-size: 17px;
  line-height: 1.25;
  margin-top: 2px;
}

.setup-detail-toolbar small {
  color: var(--via-text-secondary);
  display: block;
  line-height: 1.35;
  margin-top: 4px;
}

.setup-platform-snapshot {
  grid-template-columns: 150px minmax(0, 1fr);
}

.setup-checklist-compact {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.setup-checklist-compact div {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 5px;
  min-height: 92px;
  padding: 10px;
}

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

.setup-action-list a {
  align-items: center;
  background: #f8fbff;
  border: 1px solid rgba(13, 88, 199, 0.18);
  border-radius: 8px;
  color: var(--via-action);
  display: flex;
  font-weight: 900;
  min-height: 40px;
  padding: 10px 12px;
  text-decoration: none;
}

.setup-command-rail {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.setup-command-rail code {
  background: #f8fbff;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  color: var(--via-text);
  min-width: 0;
  overflow-wrap: anywhere;
  padding: 10px;
}

.pilot-setup-layout {
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1.2fr) minmax(360px, 0.8fr);
}

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

.pilot-service-card {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  color: var(--via-text);
  cursor: pointer;
  display: grid;
  font: inherit;
  gap: 6px;
  padding: 12px;
  text-align: left;
}

.pilot-service-card.selected,
.pilot-service-card:hover {
  background: #eaf2ff;
  border-color: #9dbdff;
}

.pilot-service-card span {
  color: var(--via-action);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.pilot-service-card small,
.pilot-service-detail dd {
  color: var(--via-text-secondary);
}

.pilot-service-detail {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  padding: 14px;
}

.pilot-service-detail .snapshot {
  grid-template-columns: 135px minmax(0, 1fr);
}

.analytics-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: 1.2fr 1fr;
}

.analytics-span {
  grid-column: 1 / -1;
}

.analytics-metrics,
.brief-list,
.quality-list {
  display: grid;
  gap: 12px;
}

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

.analytics-metric,
.brief-card {
  background: #fbfcff;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  color: var(--via-text);
  cursor: pointer;
  display: grid;
  font: inherit;
  gap: 8px;
  min-width: 0;
  padding: 14px;
  text-align: left;
}

.analytics-metric:hover,
.analytics-metric.selected,
.brief-card:hover,
.brief-card.selected {
  background: #eaf2ff;
  border-color: rgba(13, 88, 199, 0.32);
}

.analytics-metric span,
.brief-card span {
  color: var(--via-action);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.analytics-metric strong {
  font-size: 34px;
}

.analytics-metric small,
.brief-card small,
.quality-row small,
.quality-row span {
  color: var(--via-text-secondary);
  line-height: 1.4;
}

.brief-card strong {
  line-height: 1.25;
}

.quality-row {
  border-top: 1px solid var(--via-border);
  display: grid;
  gap: 4px;
  padding-top: 10px;
}

.records-span {
  grid-column: 1 / -1;
}

.text-muted {
  color: var(--via-text-secondary);
}

.audit-table {
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  margin-bottom: 16px;
  overflow: hidden;
}

.records-filter-bar {
  align-items: end;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(220px, 1fr) minmax(160px, 240px);
  margin-bottom: 12px;
}

.records-filter-bar label {
  color: var(--via-text-secondary);
  display: grid;
  font-size: 12px;
  font-weight: 900;
  gap: 6px;
  text-transform: uppercase;
}

.audit-row {
  align-items: center;
  background: white;
  border: 0;
  border-top: 1px solid var(--via-border);
  color: var(--via-text);
  display: grid;
  font: inherit;
  gap: 10px;
  grid-template-columns: 1.15fr 1.35fr 1fr 0.85fr;
  min-height: 54px;
  padding: 10px 12px;
  text-align: left;
}

.audit-row:first-child {
  border-top: 0;
}

.audit-row:not(.audit-head) {
  cursor: pointer;
}

.audit-row.selected,
.audit-row:not(.audit-head):hover {
  background: #eaf2ff;
}

.audit-head {
  background: var(--via-muted);
  color: var(--via-text-secondary);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.audit-row small {
  color: var(--via-text-secondary);
  display: block;
  font-size: 12px;
  margin-top: 2px;
}

.audit-detail {
  margin-bottom: 16px;
}

.readiness-layout {
  grid-template-columns: 1.1fr 0.9fr;
}

.handover-layout {
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr 1fr;
}

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

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

.preference-span,
.operations-span,
.integration-span,
.access-span {
  grid-column: 1 / -1;
}

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

.case-operations-layout {
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.75fr);
}

.case-table-panel,
.case-full-span {
  grid-column: 1 / -1;
}

.case-selected-panel,
.case-detail-panel {
  align-self: start;
}

.table-toolbar {
  align-items: end;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 12px 0;
}

.table-toolbar label {
  color: var(--via-text-secondary);
  display: grid;
  flex: 1 1 180px;
  font-weight: 800;
  gap: 6px;
}

.table-toolbar .button {
  flex: 0 0 auto;
}

.table-scroll {
  overflow-x: auto;
  width: 100%;
}

.operations-table {
  border-collapse: separate;
  border-spacing: 0;
  font-size: 14px;
  min-width: 860px;
  width: 100%;
}

.operations-table caption {
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

.operations-table th,
.operations-table td {
  border-bottom: 1px solid var(--via-border);
  padding: 10px 12px;
  text-align: left;
  vertical-align: top;
}

.operations-table th {
  background: #f8fafc;
  color: var(--via-text-secondary);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.04em;
  position: sticky;
  text-transform: uppercase;
  top: 0;
  z-index: 1;
}

.operations-table tr.selected td,
.operations-table tbody tr:hover td {
  background: #edf5ff;
}

.operations-table td strong,
.operations-table td small {
  display: block;
}

.operations-table td small {
  color: var(--via-text-secondary);
  line-height: 1.35;
  margin-top: 2px;
}

.case-table-select {
  background: transparent;
  border: 0;
  color: var(--via-action);
  cursor: pointer;
  font: inherit;
  font-weight: 900;
  padding: 0;
  text-align: left;
}

.case-table-select.selected {
  color: var(--via-text);
}

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

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

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

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

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

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

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

.operations-banner {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 14px;
}

.integration-banner {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 14px;
}

.agent-banner {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 14px;
}

.integration-boundary-list,
.agent-lane-list,
.mock-payload-list {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.integration-boundary {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  color: var(--via-text);
  cursor: pointer;
  display: grid;
  gap: 4px;
  min-height: 78px;
  padding: 12px;
  text-align: left;
  width: 100%;
}

.agent-lane {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  color: var(--via-text);
  cursor: pointer;
  display: grid;
  gap: 4px;
  min-height: 78px;
  padding: 12px;
  text-align: left;
  width: 100%;
}

.integration-boundary.selected,
.integration-boundary:hover {
  background: #eaf2ff;
  border-color: rgba(13, 88, 199, 0.32);
}

.agent-lane.selected,
.agent-lane:hover {
  background: #eaf2ff;
  border-color: rgba(13, 88, 199, 0.32);
}

.integration-boundary span,
.integration-boundary small,
.agent-lane span,
.agent-lane small {
  color: var(--via-text-secondary);
}

.agent-span {
  grid-column: 1 / -1;
}

.hosting-span {
  grid-column: 1 / -1;
}

.github-span {
  grid-column: 1 / -1;
}

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

.agent-skill {
  background: #fbfcff;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 12px;
}

.agent-skill p,
.agent-skill small {
  color: var(--via-text-secondary);
  margin: 0;
  overflow-wrap: anywhere;
}

.agent-skill strong {
  overflow-wrap: anywhere;
}

.integration-table {
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  overflow: hidden;
}

.integration-row {
  border-top: 1px solid var(--via-border);
  display: grid;
  gap: 12px;
  grid-template-columns: 0.9fr 1.2fr 1.2fr 1.2fr;
  padding: 12px;
}

.integration-row.report-preview-row {
  grid-template-columns: 0.9fr 0.9fr 1.3fr 1.2fr 1.1fr;
}

.integration-row.source-health-row {
  grid-template-columns: 0.9fr 0.9fr 0.9fr 1.2fr 1.4fr;
}

.integration-row.external-proof-row {
  grid-template-columns: 1.2fr 0.6fr 0.7fr 1fr 1fr 1.25fr;
}

.integration-row:first-child {
  border-top: 0;
}

.integration-row span {
  min-width: 0;
}

.integration-row small {
  color: var(--via-text-secondary);
  display: block;
  margin-top: 3px;
}

.integration-head {
  background: var(--via-muted);
  color: var(--via-text-secondary);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.github-command-row {
  grid-template-columns: 0.9fr 1.2fr 1.2fr 0.7fr 0.8fr;
}

.account-row {
  grid-template-columns: 0.9fr 1.1fr 1fr 1.1fr 1.1fr;
}

.account-workbench-button {
  background: white;
  border: 0;
  border-top: 1px solid var(--via-border);
  color: var(--via-text);
  cursor: pointer;
  font: inherit;
  text-align: left;
  width: 100%;
}

.account-workbench-button.selected {
  background: #eaf2ff;
  border-color: #9dbdff;
}

.assignment-permission-row {
  grid-template-columns: 0.55fr 1.1fr 1.1fr 1.1fr 1.2fr;
}

.engagement-gate-row {
  grid-template-columns: 0.9fr 1fr 1.15fr 1fr 1fr;
}

.auth-denial-row {
  grid-template-columns: 0.95fr 0.8fr 1.05fr 1.15fr 1.25fr;
}

.auth-denial-row span {
  overflow-wrap: anywhere;
}

.engagement-gate-button {
  background: white;
  border: 0;
  border-top: 1px solid var(--via-border);
  color: var(--via-text);
  cursor: pointer;
  font: inherit;
  text-align: left;
  width: 100%;
}

.engagement-gate-button.selected {
  background: #eaf2ff;
  border-color: #9dbdff;
}

.status-pill {
  align-items: center;
  background: #eaf2ff;
  border: 1px solid #cfe0ff;
  border-radius: 999px;
  color: var(--via-blue-700);
  display: inline-flex;
  font-size: 13px;
  font-weight: 800;
  min-height: 32px;
  padding: 6px 10px;
}

.status-pill.success {
  background: #e8f8ef;
  border-color: rgba(15, 134, 82, 0.24);
  color: #0f6b43;
}

.status-pill.green {
  background: #e8f8ef;
  border-color: rgba(15, 134, 82, 0.24);
  color: #0f6b43;
}

.status-pill.warning {
  background: #fff8e5;
  border-color: rgba(217, 119, 6, 0.35);
  color: #8a4b00;
}

.status-pill.blocked {
  background: #fff1f2;
  border-color: rgba(220, 38, 38, 0.28);
  color: #9f1239;
}

.assignment-box select {
  width: 100%;
}

.assignment-review-box {
  border-color: #cfe0ff;
}

.assignment-review-box dd {
  overflow-wrap: anywhere;
}

.approval-path-row {
  grid-template-columns: 1fr 0.65fr 0.9fr 1.35fr 1.1fr;
}

.mock-payload {
  background: #fbfcff;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 12px;
}

.mock-payload > * {
  min-width: 0;
}

.mock-payload pre {
  background: var(--via-muted);
  border-radius: 8px;
  font-size: 12px;
  margin: 0;
  max-width: 100%;
  overflow-x: auto;
  overflow-wrap: anywhere;
  padding: 10px;
  white-space: pre-wrap;
  word-break: break-word;
}

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

.integration-health-card {
  background: #fbfcff;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
}

.integration-health-card header {
  border-bottom: 1px solid var(--via-border);
  display: grid;
  gap: 4px;
  padding-bottom: 10px;
}

.integration-health-card header span,
.integration-health-card small,
.health-action p,
.health-snapshot dd {
  color: var(--via-text-secondary);
}

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

.social-connect-command {
  display: grid;
  gap: 14px;
  margin-bottom: 18px;
}

.connect-wizard-panel {
  display: grid;
  gap: 14px;
  margin-bottom: 18px;
}

.connect-wizard-flow {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.connect-wizard-step {
  align-items: start;
  background: #f8fbff;
  border: 1px solid rgba(13, 88, 199, 0.18);
  border-radius: 8px;
  display: grid;
  gap: 4px 8px;
  grid-template-columns: 28px minmax(0, 1fr);
  min-height: 0;
  padding: 10px 12px;
}

.connect-wizard-step span {
  align-items: center;
  background: var(--via-action);
  border-radius: 999px;
  color: white;
  display: inline-flex;
  font-size: 14px;
  font-weight: 900;
  grid-row: span 3;
  height: 26px;
  justify-content: center;
  width: 26px;
}

.connect-wizard-step strong {
  font-size: 15px;
  line-height: 1.25;
}

.connect-wizard-step small {
  color: var(--via-action);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.connect-wizard-step p {
  color: var(--via-text-secondary);
  display: -webkit-box;
  font-size: 13px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.38;
  margin: 0;
  max-width: 28ch;
  overflow: hidden;
}

.connect-wizard-body {
  align-items: start;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(260px, 0.55fr) minmax(420px, 1fr);
}

.connect-wizard-options {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.connect-wizard-option {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  color: var(--via-text);
  cursor: pointer;
  display: grid;
  font: inherit;
  gap: 3px 8px;
  grid-template-columns: auto minmax(0, 1fr);
  min-height: 0;
  padding: 8px 10px;
  text-align: left;
}

.connect-wizard-option.selected,
.connect-wizard-option:hover {
  background: #eaf2ff;
  border-color: #9dbdff;
}

.connect-wizard-option span {
  color: var(--via-action);
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
}

.connect-wizard-option strong {
  display: -webkit-box;
  font-size: 15px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.25;
  overflow: hidden;
  overflow-wrap: anywhere;
}

.connect-wizard-option small {
  color: var(--via-text-secondary);
  display: -webkit-box;
  font-size: 14px;
  grid-column: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.3;
  overflow: hidden;
  overflow-wrap: anywhere;
}

.connect-wizard-detail {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 0;
  grid-template-columns: 140px minmax(0, 1fr);
  margin: 0;
  overflow: hidden;
}

.connect-wizard-detail dt,
.connect-wizard-detail dd {
  border-bottom: 1px solid var(--via-border);
  font-size: 14px;
  margin: 0;
  min-width: 0;
  padding: 10px 12px;
}

.connect-wizard-detail dt {
  background: white;
  color: var(--via-text-secondary);
  font-weight: 900;
}

.connect-wizard-detail dd {
  color: var(--via-text);
  overflow-wrap: anywhere;
}

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

.connect-wizard-panel .button,
.connect-wizard-panel .help-badge {
  font-size: 14px;
}

.listening-command-center {
  display: grid;
  gap: 14px;
  margin-bottom: 18px;
}

.listening-command-summary {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.listening-command-summary article {
  background: #f8fbff;
  border: 1px solid rgba(13, 88, 199, 0.18);
  border-radius: 8px;
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 12px;
}

.listening-command-summary span {
  color: var(--via-action);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.listening-command-summary strong {
  font-size: 24px;
  line-height: 1.1;
}

.listening-command-summary small,
.listening-plan-row small {
  color: var(--via-text-secondary);
  display: block;
  line-height: 1.35;
  margin-top: 3px;
}

.listening-plan-row {
  grid-template-columns: 0.85fr 1.25fr 1.1fr 0.5fr;
}

.aggregation-pull-panel {
  display: grid;
  gap: 14px;
  margin-bottom: 18px;
}

.aggregation-pull-summary {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.aggregation-pull-summary article {
  background: #f7fbfa;
  border: 1px solid rgba(13, 115, 119, 0.18);
  border-radius: 8px;
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 12px;
}

.aggregation-pull-summary span {
  color: #0d7377;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.aggregation-pull-summary strong {
  font-size: 24px;
  line-height: 1.1;
}

.aggregation-pull-summary small,
.aggregation-source-row small {
  color: var(--via-text-secondary);
  display: block;
  line-height: 1.35;
  margin-top: 3px;
}

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

.aggregation-contract-card {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 12px;
}

.aggregation-contract-card.active {
  border-color: rgba(13, 115, 119, 0.45);
  box-shadow: inset 4px 0 0 #0d7377;
}

.aggregation-contract-card span {
  color: #0d7377;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.aggregation-contract-card strong {
  font-size: 16px;
  line-height: 1.25;
}

.aggregation-contract-card small,
.aggregation-contract-card em {
  color: var(--via-text-secondary);
  font-size: 14px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.aggregation-contract-card em {
  font-style: normal;
}

.aggregation-contract-snapshot {
  grid-template-columns: 140px minmax(0, 1fr) 140px minmax(0, 1fr);
}

.aggregation-source-row {
  grid-template-columns: 0.9fr 0.95fr 0.75fr 1.35fr 0.8fr;
}

.ai-monitor-workbench {
  display: grid;
  gap: 14px;
  margin-bottom: 16px;
}

.ai-monitor-workbench-grid {
  align-items: start;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
}

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

.ai-monitor-mode-button {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  color: var(--via-text);
  cursor: pointer;
  display: grid;
  font: inherit;
  gap: 6px;
  min-height: 118px;
  padding: 12px;
  text-align: left;
}

.ai-monitor-mode-button.selected,
.ai-monitor-mode-button:hover {
  background: #eaf2ff;
  border-color: #9dbdff;
}

.ai-monitor-mode-button span {
  color: var(--via-action);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.ai-monitor-mode-button strong {
  font-size: 15px;
  line-height: 1.25;
}

.ai-monitor-mode-button small {
  color: var(--via-text-secondary);
  line-height: 1.35;
}

.ai-monitor-mode-detail {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  padding: 14px;
}

.account-setup-cockpit {
  display: grid;
  gap: 10px;
  margin-bottom: 12px;
  padding: 14px;
}

.account-quick-connect {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 10px;
  padding: 10px;
}

.account-quick-connect-heading {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.account-quick-connect-heading div {
  display: grid;
  gap: 2px;
}

.account-quick-connect-heading span,
.account-quick-connect-card span,
.account-connect-method-heading span,
.account-connect-method-option span,
.account-connect-method-detail dt {
  color: var(--via-action);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.account-quick-connect-heading strong {
  font-size: 18px;
  line-height: 1.2;
}

.account-quick-connect-heading small {
  color: var(--via-text-secondary);
  line-height: 1.35;
  text-align: right;
}

.account-quick-connect-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.account-quick-connect-card {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 10px;
}

.account-quick-connect-card div:first-child {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.account-quick-connect-card strong {
  display: -webkit-box;
  font-size: 14px;
  line-height: 1.25;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.account-quick-connect-card small {
  color: var(--via-text-secondary);
  display: -webkit-box;
  font-size: 12px;
  line-height: 1.25;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.account-quick-connect-actions {
  display: grid;
  gap: 6px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.account-quick-connect-actions .button {
  justify-content: center;
  min-height: 34px;
  padding: 7px 8px;
  width: 100%;
}

.account-cockpit-layout {
  align-items: start;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1fr);
}

.account-cockpit-picker {
  align-content: start;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.account-cockpit-platform {
  align-items: center;
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  color: var(--via-text);
  cursor: pointer;
  display: grid;
  font: inherit;
  gap: 4px 8px;
  grid-template-columns: auto minmax(0, 1fr);
  min-height: 58px;
  padding: 10px 12px;
  text-align: left;
}

.account-cockpit-platform .platform-mini-icon {
  grid-row: span 2;
}

.account-cockpit-platform.selected,
.account-cockpit-platform:hover {
  background: #eaf2ff;
  border-color: #9dbdff;
}

.account-cockpit-platform span,
.account-cockpit-current span,
.account-cockpit-steps span,
.account-launch-summary > span {
  color: var(--via-action);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.account-cockpit-platform span {
  color: var(--via-text-secondary);
  font-size: 11px;
}

.account-cockpit-platform strong {
  font-size: 14px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.account-cockpit-platform small,
.account-cockpit-current small,
.account-cockpit-steps small {
  color: var(--via-text-secondary);
  font-size: 13px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.account-cockpit-platform small {
  display: block;
  font-size: 12px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.session-proof-card {
  align-self: start;
}

.session-proof-list {
  display: grid;
  grid-template-columns: minmax(120px, 0.4fr) minmax(0, 1fr);
}

.session-proof-list dt,
.session-proof-list dd {
  min-width: 0;
}

.ask-assist-panel {
  margin-bottom: 16px;
}

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

.ask-assist-grid article {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  padding: 14px;
}

.ask-assist-grid strong {
  display: block;
  font-size: 16px;
  margin-bottom: 6px;
}

.ask-assist-grid p {
  color: var(--via-text-secondary);
  line-height: 1.4;
  margin: 0;
}

.account-cockpit-detail {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 8px;
  padding: 10px;
}

.account-cockpit-current {
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.55fr);
}

.account-cockpit-current > div,
.account-cockpit-steps li {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px 10px;
}

.account-cockpit-current strong {
  font-size: 16px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.account-connect-method-panel {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 8px;
  padding: 10px;
}

.compact-access-method-panel {
  background: #f8fbff;
}

.compact-access-method-panel .account-connect-method-heading {
  grid-template-columns: minmax(0, 1fr);
}

.compact-access-method-panel .account-connect-method-heading small {
  max-width: 72ch;
}

.account-connect-method-heading {
  display: grid;
  gap: 3px;
}

.account-connect-method-heading strong {
  font-size: 17px;
  line-height: 1.2;
}

.account-connect-method-heading small,
.account-connect-method-detail dd {
  color: var(--via-text-secondary);
  line-height: 1.35;
}

.account-connect-method-options {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.account-connect-method-option {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  color: var(--via-text);
  cursor: pointer;
  display: grid;
  font: inherit;
  gap: 4px;
  min-height: 58px;
  padding: 10px;
  text-align: left;
}

.account-connect-method-option.selected,
.account-connect-method-option:hover {
  background: #eaf2ff;
  border-color: #9dbdff;
}

.account-connect-method-option strong {
  font-size: 15px;
  line-height: 1.25;
}

.account-connect-method-option small {
  color: var(--via-text-secondary);
  line-height: 1.35;
}

.account-connect-method-detail {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  margin: 0;
  overflow: hidden;
}

.account-connect-method-detail summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding: 9px 10px;
}

.account-connect-method-detail summary small {
  color: var(--via-text-secondary);
  font-size: 13px;
}

.account-connect-method-detail dl {
  border-top: 1px solid var(--via-border);
  display: grid;
  gap: 6px 10px;
  grid-template-columns: 96px minmax(0, 1fr);
  margin: 0;
  padding: 10px;
}

.account-connect-method-detail dt,
.account-connect-method-detail dd {
  margin: 0;
  min-width: 0;
}

.account-setup-flow {
  display: grid;
  gap: 6px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.account-setup-flow article {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px 10px;
}

.account-setup-flow span {
  align-items: center;
  background: var(--via-action);
  border-radius: 999px;
  color: white;
  display: inline-flex;
  font-size: 12px;
  font-weight: 900;
  height: 22px;
  justify-content: center;
  width: 22px;
}

.account-setup-flow strong {
  font-size: 14px;
  line-height: 1.25;
}

.account-setup-flow small {
  color: var(--via-text-secondary);
  display: -webkit-box;
  font-size: 12px;
  line-height: 1.25;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.account-launch-strip {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(240px, 0.8fr) minmax(360px, 1fr);
  padding: 12px;
}

.compact-account-actions {
  align-items: start;
}

.account-launch-summary {
  align-items: start;
  display: grid;
  gap: 6px;
  grid-column: 1;
  grid-row: 1;
  grid-template-columns: minmax(0, 1fr);
}

.account-launch-summary strong {
  color: var(--via-text);
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 17px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.account-launch-summary small {
  color: var(--via-text-secondary);
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.account-launch-route-picker {
  display: grid;
  gap: 8px;
  grid-column: 2;
  grid-row: 1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.account-launch-route-option {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  color: var(--via-text);
  cursor: pointer;
  display: grid;
  font: inherit;
  gap: 1px;
  min-height: 40px;
  padding: 6px 8px;
  text-align: left;
}

.account-launch-route-option.selected,
.account-launch-route-option:hover {
  background: #eaf2ff;
  border-color: #9dbdff;
}

.account-launch-route-option span {
  color: var(--via-action);
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
}

.account-launch-route-option strong {
  display: block;
  font-size: 14px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.account-launch-facts {
  display: grid;
  gap: 8px;
  grid-column: 1;
  grid-row: 2;
  grid-template-columns: 1fr;
  margin: 0;
}

.account-launch-facts div {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 7px 9px;
}

.account-launch-facts dt,
.account-launch-facts dd {
  margin: 0;
  min-width: 0;
}

.account-launch-facts dt {
  color: var(--via-action);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.account-launch-facts dd {
  color: var(--via-text);
  display: -webkit-box;
  font-size: 13px;
  line-height: 1.25;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.account-launch-actions {
  display: grid;
  gap: 8px;
  grid-column: 2;
  grid-row: 2;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.account-launch-actions .button {
  min-height: 40px;
  padding: 8px 10px;
  width: 100%;
}

.account-launch-facts,
.account-launch-actions {
  align-self: start;
}

.account-launch-strip .inline-status {
  grid-column: 1 / -1;
  margin: 0;
}

.compact-status {
  margin: 0;
}

.account-cockpit-more {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  overflow: hidden;
}

.account-cockpit-more > summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding: 10px 12px;
}

.account-cockpit-more > summary span {
  color: var(--via-text);
  font-size: 14px;
  font-weight: 900;
}

.account-cockpit-more > summary small {
  color: var(--via-text-secondary);
  font-size: 13px;
  line-height: 1.3;
  text-align: right;
}

.account-cockpit-more[open] {
  padding-bottom: 10px;
}

.account-cockpit-more .account-cockpit-steps,
.account-cockpit-more .account-cockpit-snapshot,
.account-cockpit-more .compact-actions {
  margin: 0 10px 10px;
}

.account-cockpit-steps {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}

.account-cockpit-snapshot {
  grid-template-columns: 120px minmax(0, 1fr) 100px minmax(0, 1fr);
  margin: 0;
}

.account-cockpit-detail .compact-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.advanced-setup-evidence {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  box-shadow: var(--via-shadow);
  display: block;
  margin-bottom: 18px;
  overflow: hidden;
}

.advanced-setup-evidence > summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  list-style: none;
  padding: 14px 18px;
}

.advanced-setup-evidence > summary::-webkit-details-marker {
  display: none;
}

.advanced-setup-evidence > summary::before {
  align-items: center;
  background: var(--via-action);
  border-radius: 999px;
  color: white;
  content: "+";
  display: inline-flex;
  font-size: 18px;
  font-weight: 900;
  flex: 0 0 auto;
  height: 28px;
  justify-content: center;
  width: 28px;
}

.advanced-setup-evidence[open] > summary::before {
  content: "-";
}

.advanced-setup-evidence > summary span {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: 8px 12px;
  min-width: 0;
}

.advanced-setup-evidence > summary strong {
  font-size: 18px;
  line-height: 1.2;
}

.advanced-setup-evidence > summary small {
  color: var(--via-text-secondary);
  font-size: 14px;
  line-height: 1.35;
}

.advanced-setup-evidence > summary em {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 999px;
  color: var(--via-text-secondary);
  font-size: 13px;
  font-style: normal;
  font-weight: 800;
  padding: 6px 10px;
  white-space: nowrap;
}

.advanced-setup-evidence-body {
  border-top: 1px solid var(--via-border);
  display: grid;
  gap: 18px;
  padding: 18px;
}

.connect-command-main,
.connect-command-footer {
  align-items: start;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.52fr);
}

.connect-command-main h2 {
  font-size: 28px;
}

.connect-command-main p,
.connect-step-card small,
.connect-command-current small {
  color: var(--via-text-secondary);
  line-height: 1.45;
}

.connect-command-current {
  background: #f8fbff;
  border: 1px solid rgba(13, 88, 199, 0.18);
  border-radius: 8px;
  display: grid;
  gap: 6px;
  padding: 14px;
}

.connect-command-current span,
.connect-step-card span {
  color: var(--via-action);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.connect-command-current strong {
  font-size: 22px;
}

.account-setup-matrix-panel {
  display: grid;
  gap: 14px;
  margin-bottom: 18px;
}

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

.setup-readiness-summary article {
  background: #f8fbff;
  border: 1px solid rgba(13, 88, 199, 0.18);
  border-radius: 8px;
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 12px;
}

.setup-readiness-summary span {
  color: var(--via-action);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.setup-readiness-summary strong {
  font-size: 24px;
}

.setup-readiness-summary small {
  color: var(--via-text-secondary);
  line-height: 1.4;
}

.setup-progress-panel {
  display: grid;
  gap: 14px;
  margin-bottom: 18px;
}

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

.setup-progress-summary article {
  background: #f8fbff;
  border: 1px solid rgba(13, 88, 199, 0.18);
  border-radius: 8px;
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px 12px;
}

.setup-progress-summary span {
  color: var(--via-action);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.setup-progress-summary strong {
  font-size: 22px;
}

.setup-progress-summary small {
  color: var(--via-text-secondary);
  line-height: 1.35;
}

.setup-progress-row {
  grid-template-columns: minmax(150px, 0.75fr) minmax(120px, 0.55fr) minmax(160px, 0.7fr) minmax(0, 1.55fr);
}

.account-setup-row {
  grid-template-columns: 0.8fr 1.4fr 1fr 0.9fr 1.3fr 0.8fr;
}

.account-setup-row span {
  min-width: 0;
}

.account-setup-row small {
  color: var(--via-text-secondary);
  display: block;
  font-size: 12px;
  line-height: 1.3;
  margin-top: 2px;
  overflow-wrap: anywhere;
}

.setup-packet-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.setup-packet-links a {
  color: var(--via-action);
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
}

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

.connect-step-card {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 5px;
  min-height: 88px;
  padding: 10px 12px;
}

.connect-step-card.active {
  border-color: #9dbdff;
  box-shadow: inset 4px 0 0 var(--via-action);
}

.social-layout {
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.7fr);
}

.social-span {
  grid-column: 1 / -1;
}

.daily-social-workspace {
  display: grid;
  gap: 14px;
}

.daily-social-grid {
  align-items: start;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(280px, 0.5fr) minmax(0, 1fr);
}

.daily-platform-list {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.daily-platform-button {
  align-items: center;
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  color: var(--via-text);
  cursor: pointer;
  display: grid;
  font: inherit;
  gap: 4px;
  min-height: 72px;
  padding: 10px;
  text-align: left;
}

.daily-platform-button.selected,
.daily-platform-button:hover {
  background: #eaf2ff;
  border-color: #9dbdff;
}

.daily-platform-button span,
.daily-social-focus span,
.daily-social-metrics span {
  color: var(--via-action);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.daily-platform-button strong {
  font-size: 24px;
  line-height: 1;
}

.daily-platform-button small,
.daily-social-focus small,
.daily-social-metrics small,
.daily-social-snapshot dd {
  color: var(--via-text-secondary);
}

.daily-social-detail {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
}

.daily-social-focus {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 4px;
  padding: 12px;
}

.daily-social-focus strong {
  font-size: 24px;
  line-height: 1.15;
}

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

.daily-social-metrics article {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px;
}

.daily-social-metrics strong {
  font-size: 20px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.daily-social-metrics .source-state-card strong {
  color: var(--via-text);
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
}

.daily-social-snapshot {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  grid-template-columns: 120px minmax(0, 1fr);
  margin: 0;
  padding: 12px;
}

.via-conversation-hub {
  display: grid;
  gap: 14px;
}

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

.conversation-hub-flow article {
  background: #f8fbff;
  border: 1px solid rgba(13, 88, 199, 0.18);
  border-radius: 8px;
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 12px;
}

.conversation-hub-flow span {
  align-items: center;
  background: var(--via-action);
  border-radius: 999px;
  color: white;
  display: inline-flex;
  font-size: 13px;
  font-weight: 900;
  height: 26px;
  justify-content: center;
  width: 26px;
}

.conversation-hub-flow strong {
  font-size: 15px;
  line-height: 1.25;
}

.conversation-hub-flow small {
  color: var(--via-text-secondary);
  line-height: 1.4;
}

.conversation-hub-workspace {
  align-items: start;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.72fr);
}

.conversation-hub-thread {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  padding: 16px;
}

.conversation-hub-snapshot {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  grid-template-columns: 150px minmax(0, 1fr);
  margin: 0;
  padding: 12px;
}

.conversation-hub-controls {
  display: grid;
  gap: 12px;
}

.platform-view-cockpit {
  display: grid;
  gap: 14px;
}

.platform-view-cockpit-grid {
  align-items: start;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(280px, 0.52fr) minmax(0, 1fr);
}

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

.platform-cockpit-card {
  min-height: 96px;
}

.platform-view-cockpit-detail {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
}

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

.platform-cockpit-summary article {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px;
}

.platform-cockpit-summary span {
  color: var(--via-action);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.platform-cockpit-summary strong {
  font-size: 18px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.platform-cockpit-summary small {
  color: var(--via-text-secondary);
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.platform-cockpit-snapshot {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  grid-template-columns: 145px minmax(0, 1fr);
  margin: 0;
  padding: 12px;
}

.social-platform-heading .lead {
  max-width: 880px;
}

.social-platform-workspace-shell {
  display: grid;
  gap: 16px;
}

.platform-workspace-hero-strip {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.platform-workspace-hero-strip article,
.platform-workspace-detail,
.platform-safe-item-card {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  min-width: 0;
}

.platform-workspace-hero-strip article {
  display: grid;
  gap: 5px;
  min-height: 108px;
  padding: 14px;
}

.platform-workspace-hero-strip span,
.platform-safe-item-topline span,
.platform-queue-row span {
  color: var(--via-action);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.platform-workspace-hero-strip strong {
  font-size: 28px;
  line-height: 1.1;
  overflow-wrap: anywhere;
}

.platform-workspace-hero-strip small,
.platform-safe-item-card p,
.platform-queue-row small,
.platform-workspace-checks {
  color: var(--via-text-secondary);
}

.platform-workspace-grid {
  align-items: start;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.42fr);
}

.platform-workspace-main,
.platform-workspace-side,
.platform-workspace-section,
.platform-safe-item-list,
.platform-queue-list {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.platform-workspace-section {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  padding: 14px;
}

.platform-workspace-section-heading {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.platform-workspace-section-heading h3,
.platform-workspace-detail h3 {
  font-size: 18px;
  line-height: 1.25;
  margin: 0;
}

.platform-safe-item-card {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.platform-safe-item-topline {
  align-items: start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.platform-safe-item-topline strong {
  display: block;
  font-size: 20px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.platform-safe-item-topline em,
.platform-queue-row em {
  background: #eaf2ff;
  border: 1px solid #9dbdff;
  border-radius: 999px;
  color: var(--via-action);
  font-size: 13px;
  font-style: normal;
  font-weight: 800;
  padding: 5px 9px;
  white-space: nowrap;
}

.platform-safe-item-facts,
.platform-workspace-snapshot {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  grid-template-columns: 130px minmax(0, 1fr);
  margin: 0;
  padding: 10px;
}

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

.account-setup-path-grid,
.account-setup-checklist {
  display: grid;
  gap: 10px;
}

.account-setup-path-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

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

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

.account-setup-endpoint-grid article {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 12px;
}

.account-setup-endpoint-grid span,
.account-setup-wizard-card em {
  color: var(--via-action);
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}

.account-setup-wizard-card em {
  text-transform: uppercase;
}

.account-setup-endpoint-grid code {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  color: var(--via-text);
  display: block;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  line-height: 1.35;
  overflow-wrap: anywhere;
  padding: 9px;
}

.account-setup-wizard-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.platform-action-rail article {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 12px;
}

.account-setup-path-grid article,
.account-setup-check-card,
.activation-readiness-list article {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 12px;
}

.account-setup-wizard-card {
  align-content: start;
}

.platform-action-rail span {
  align-items: center;
  background: var(--via-action);
  border-radius: 999px;
  color: white;
  display: inline-flex;
  font-size: 13px;
  font-weight: 900;
  height: 26px;
  justify-content: center;
  width: 26px;
}

.account-setup-path-grid span {
  align-items: center;
  background: var(--via-action);
  border-radius: 999px;
  color: white;
  display: inline-flex;
  font-size: 13px;
  font-weight: 900;
  height: 26px;
  justify-content: center;
  width: 26px;
}

.account-setup-check-card span,
.activation-readiness-list span {
  color: var(--via-action);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.platform-action-rail strong,
.platform-queue-row strong,
.account-setup-path-grid strong,
.account-setup-check-card strong,
.activation-readiness-list strong {
  font-size: 15px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.platform-action-rail small,
.account-setup-path-grid small,
.account-setup-check-card small,
.activation-readiness-list small {
  color: var(--via-text-secondary);
  line-height: 1.4;
}

.account-setup-check-card p {
  color: var(--via-text-secondary);
  line-height: 1.42;
  margin: 0;
}

.activation-readiness-list {
  display: grid;
  gap: 9px;
  max-height: 390px;
  overflow: auto;
}

.platform-queue-row {
  align-items: center;
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
  min-height: 78px;
  padding: 12px;
}

.platform-workspace-detail {
  display: grid;
  gap: 12px;
  padding: 14px;
}

.account-technical-details {
  align-content: start;
}

.account-technical-details summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  list-style: none;
}

.account-technical-details summary::-webkit-details-marker {
  display: none;
}

.account-technical-details summary::after {
  align-items: center;
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 999px;
  color: var(--via-action);
  content: "+";
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 15px;
  font-weight: 900;
  height: 28px;
  justify-content: center;
  width: 28px;
}

.account-technical-details[open] summary::after {
  content: "-";
}

.account-technical-details summary span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.account-technical-details summary strong {
  font-size: 16px;
  line-height: 1.2;
}

.account-technical-details summary small {
  color: var(--via-text-secondary);
  line-height: 1.35;
}

.platform-workspace-checks {
  display: grid;
  font-size: 14px;
  gap: 8px;
  line-height: 1.45;
  margin: 0;
  padding-left: 20px;
}

.keyword-grid,
.social-feed-list,
.assignment-list,
.source-list {
  display: grid;
  gap: 12px;
}

.account-connection-layout,
.intake-queue-layout {
  align-items: start;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(300px, 0.74fr) minmax(420px, 1fr);
}

.account-connection-list,
.intake-queue-list {
  align-content: start;
  align-self: start;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.account-connection-list {
  gap: 6px;
  grid-template-columns: 1fr;
}

.account-connection-card,
.intake-queue-card {
  align-items: center;
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  color: var(--via-text);
  cursor: pointer;
  display: grid;
  font: inherit;
  gap: 6px 10px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  min-height: 78px;
  padding: 10px 12px;
  text-align: left;
}

.platform-mini-icon:not(.platform-logo) {
  align-items: center;
  background: linear-gradient(135deg, var(--via-action), #168a75);
  border: 1px solid rgba(255, 255, 255, 0.34);
  border-radius: 8px;
  color: white;
  display: inline-flex;
  font-size: 14px;
  font-style: normal;
  font-weight: 900;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.platform-mini-icon.platform-logo {
  grid-row: span 3;
}

.platform-logo.platform-mini-icon,
.platform-tab .platform-logo,
.account-cockpit-platform .platform-logo,
.daily-platform-button .platform-logo,
.platform-card .platform-logo,
.source-health-icon-card .platform-logo,
.setup-platform-card .platform-logo,
.report-platform-identity .platform-logo,
.signal-card-copy + .platform-logo {
  color: white;
}

.signal-card-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.intake-queue-card em {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 999px;
  color: var(--via-text-secondary);
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
  padding: 4px 8px;
  text-transform: uppercase;
}

.account-connection-card {
  column-gap: 10px;
  grid-template-columns: minmax(86px, 0.62fr) minmax(0, 1fr);
  min-height: 0;
  padding: 8px 10px;
}

.account-connection-card.selected,
.account-connection-card:hover,
.intake-queue-card.selected,
.intake-queue-card:hover {
  background: #eaf2ff;
  border-color: #9dbdff;
}

.account-connection-card span,
.intake-queue-card span {
  color: var(--via-action);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.account-connection-card em {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 999px;
  color: var(--via-text-secondary);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.25;
  overflow-wrap: anywhere;
  padding: 4px 8px;
  text-align: center;
}

.account-connection-card small,
.account-connection-detail dd,
.intake-queue-card small,
.intake-queue-detail dd {
  color: var(--via-text-secondary);
}

.account-connection-card strong,
.account-connection-card small {
  overflow-wrap: anywhere;
}

.account-connection-detail code,
.intake-queue-detail code {
  overflow-wrap: anywhere;
  white-space: normal;
}

.account-connection-detail,
.intake-queue-detail {
  align-self: start;
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  overflow: auto;
  padding: 14px;
}

.account-connection-detail {
  gap: 10px;
  max-height: min(590px, calc(100vh - 132px));
  padding: 12px;
}

.intake-queue-detail {
  max-height: min(1040px, calc(100vh - 132px));
}

.source-health-icon-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(168px, 1fr));
}

.source-health-icon-card {
  align-items: center;
  background: #f8fbff;
  border: 1px solid rgba(13, 88, 199, 0.18);
  border-radius: 8px;
  display: grid;
  gap: 8px;
  grid-template-columns: auto minmax(0, 1fr);
  min-width: 0;
  padding: 10px;
}

.source-health-icon-card div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.source-health-icon-card small,
.source-health-icon-card em {
  color: var(--via-text-secondary);
  font-size: 12px;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.source-health-icon-card em {
  font-style: normal;
  font-weight: 800;
}

.source-health-detail {
  margin-top: 10px;
}

.source-health-banner {
  padding: 0;
}

.source-health-summary {
  align-items: center;
  cursor: pointer;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(220px, 1fr) auto auto auto;
  list-style: none;
  min-height: 72px;
  padding: 14px 16px;
}

.source-health-summary::-webkit-details-marker {
  display: none;
}

.source-health-summary::after {
  justify-self: end;
}

.source-health-summary-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.source-health-summary-copy strong {
  align-items: center;
  display: flex;
  gap: 6px;
  min-width: 0;
}

.source-health-summary-copy small {
  color: var(--via-text-secondary);
}

.source-health-summary-icons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
  max-width: 280px;
}

.source-health-summary-icons .platform-logo.platform-mini-icon {
  grid-row: auto;
}

.source-health-detail-body {
  border-top: 1px solid var(--via-border);
  display: grid;
  gap: 12px;
  padding: 14px 16px 16px;
}

.source-health-status-strip {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.source-health-status-strip span {
  background: #f8fbff;
  border: 1px solid rgba(13, 88, 199, 0.16);
  border-radius: 8px;
  color: var(--via-text-secondary);
  line-height: 1.35;
  padding: 10px 12px;
}

.source-health-status-strip strong {
  color: var(--via-text);
  display: block;
  font-size: 20px;
  line-height: 1.1;
}

.source-health-row > span:first-child {
  align-items: center;
  display: flex;
  gap: 8px;
  min-width: 0;
}

.source-health-row > span:first-child small {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.compact-check-list {
  margin-top: 10px;
}

.account-detail-toolbar {
  align-items: start;
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.78fr);
  padding: 10px;
}

.account-detail-toolbar span,
.account-setup-quick-facts span {
  color: var(--via-action);
  display: block;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
}

.account-detail-toolbar strong {
  display: block;
  font-size: 17px;
  line-height: 1.25;
  margin-top: 2px;
}

.account-detail-toolbar small {
  color: var(--via-text-secondary);
  display: block;
  line-height: 1.35;
  margin-top: 4px;
}

.account-detail-next {
  background: #f8fbff;
  border: 1px solid rgba(13, 88, 199, 0.18);
  border-radius: 8px;
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 8px 10px;
}

.account-detail-next strong {
  color: var(--via-text);
  font-size: 14px;
  line-height: 1.35;
  margin: 0;
  overflow-wrap: anywhere;
}

.compact-actions {
  align-items: center;
  gap: 8px;
}

.compact-actions .button {
  min-height: 36px;
  padding: 8px 12px;
}

.account-detail-toolbar .compact-actions {
  display: grid;
  gap: 8px;
  grid-column: 1 / -1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.account-detail-toolbar .compact-actions .button {
  width: 100%;
}

.account-connection-snapshot,
.intake-queue-snapshot {
  grid-template-columns: 150px minmax(0, 1fr);
}

.account-connection-snapshot {
  grid-template-columns: 126px minmax(0, 1fr) 126px minmax(0, 1fr);
  max-height: 230px;
  overflow: auto;
}

.account-setup-quick-facts {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.account-setup-quick-facts article {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 10px 12px;
}

.account-setup-quick-facts strong {
  color: var(--via-text);
  font-size: 14px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.account-setup-quick-facts small {
  color: var(--via-text-secondary);
  font-size: 14px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.account-access-route {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 10px;
  padding: 10px;
}

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

.account-access-route-option {
  background: var(--via-bg);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  color: var(--via-text);
  cursor: pointer;
  display: grid;
  font: inherit;
  gap: 5px;
  min-height: 108px;
  padding: 9px 10px;
  text-align: left;
}

.account-access-route-option.selected,
.account-access-route-option:hover {
  background: #eaf2ff;
  border-color: #9dbdff;
}

.account-access-route-option span {
  color: var(--via-action);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.account-access-route-option strong {
  font-size: 14px;
  line-height: 1.25;
}

.account-access-route-option small {
  color: var(--via-text-secondary);
  font-size: 13px;
  line-height: 1.35;
}

.account-access-route-detail {
  grid-template-columns: 110px minmax(0, 1fr) 110px minmax(0, 1fr);
  margin: 0;
}

.account-checklist-panel {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 10px;
  padding: 10px;
}

.account-checklist-list {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}

.account-checklist-item {
  align-items: start;
  background: #f8fbff;
  border: 1px solid rgba(13, 88, 199, 0.18);
  border-radius: 8px;
  display: grid;
  gap: 9px;
  grid-template-columns: 24px minmax(0, 1fr);
  min-height: 0;
  padding: 8px 10px;
}

.account-checklist-item span {
  color: var(--via-action);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.account-checklist-item strong,
.account-checklist-item small {
  overflow-wrap: anywhere;
}

.account-checklist-item small {
  color: var(--via-text-secondary);
  line-height: 1.35;
}

.account-review-packet {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 10px;
  padding: 10px;
}

.account-review-progress {
  align-items: center;
  background: #f8fbff;
  border: 1px solid rgba(13, 88, 199, 0.18);
  border-radius: 8px;
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr) 120px;
  padding: 8px 10px;
}

.account-review-progress span {
  color: var(--via-text-secondary);
  font-size: 13px;
  font-weight: 800;
}

.account-review-progress meter {
  height: 12px;
  width: 100%;
}

.account-review-checks {
  border: 0;
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0;
}

.account-review-check-row {
  align-items: start;
  background: var(--via-bg);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  cursor: pointer;
  display: grid;
  gap: 7px;
  grid-template-columns: 18px minmax(0, 1fr);
  padding: 7px 9px;
}

.account-review-check-row input {
  margin-top: 3px;
}

.account-review-check-row strong {
  display: block;
  font-size: 14px;
  line-height: 1.25;
}

.account-review-note,
.account-review-check-row small {
  color: var(--via-text-secondary);
  display: block;
  font-size: 13px;
  line-height: 1.35;
}

.account-review-note {
  margin: -2px 0 0;
}

.account-review-check-row small {
  margin-top: 3px;
  overflow-wrap: anywhere;
}

.account-review-packet-preview {
  background: #0b1220;
  border: 1px solid #1d2939;
  border-radius: 8px;
  color: #e5edf8;
  font: 14px/1.45 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  min-height: 160px;
  padding: 12px;
  resize: vertical;
  width: 100%;
}

.account-review-json-preview {
  background: var(--via-bg);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  padding: 8px 10px;
}

.account-review-json-preview summary {
  color: var(--via-action);
  cursor: pointer;
  font-size: 13px;
  font-weight: 900;
}

.account-review-json-preview .account-review-packet-preview {
  margin-top: 8px;
}

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

.activation-gate-row {
  align-items: start;
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(120px, 0.42fr) minmax(0, 1fr);
  padding: 10px 12px;
}

.activation-gate-row header {
  display: grid;
  gap: 3px;
}

.activation-gate-row header span {
  color: var(--via-action);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.activation-gate-row h3 {
  font-size: 15px;
  margin: 0 0 3px;
}

.activation-gate-row p,
.activation-gate-row small {
  color: var(--via-text-secondary);
  line-height: 1.35;
  margin: 0;
}

.activation-gate-row details {
  color: var(--via-text-secondary);
  margin-top: 4px;
}

.activation-gate-row summary {
  color: var(--via-action);
  cursor: pointer;
  font-size: 13px;
  font-weight: 800;
}

.activation-gate-row details p {
  margin-top: 8px;
}

.activation-gate-row details small {
  display: block;
  margin-top: 8px;
}

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

.monitor-plan-grid,
.platform-card-list,
.ai-mode-grid,
.brand-agent-grid,
.agent-step-strip,
.postiz-handoff-grid,
.activation-gate-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.platform-card-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

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

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

.agent-step-strip {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

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

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

.monitor-plan-card,
.platform-card,
.ai-mode-card,
.brand-agent-card,
.agent-step-card,
.postiz-handoff-card,
.activation-gate-card {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  color: var(--via-text);
  display: grid;
  gap: 8px;
  padding: 14px;
}

.monitor-plan-card,
.platform-card {
  cursor: pointer;
  font: inherit;
  text-align: left;
}

.monitor-plan-card.selected,
.platform-card.selected {
  background: #eaf2ff;
  border-color: #9dbdff;
}

.monitor-plan-card span,
.platform-card span,
.ai-mode-card header span,
.brand-agent-card header span,
.agent-step-card span,
.postiz-handoff-card header span,
.activation-gate-card header span {
  color: var(--via-action);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.monitor-plan-card small,
.platform-card small,
.platform-detail dd,
.ai-mode-card dd,
.brand-agent-card dd,
.agent-step-card small,
.postiz-handoff-card dd,
.activation-gate-card dd {
  color: var(--via-text-secondary);
}

.brand-agent-card header,
.agent-step-card {
  align-content: start;
}

.platform-management-layout {
  display: grid;
  gap: 14px;
}

.platform-detail-panel {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  padding: 14px;
}

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

.platform-workspace-strip article {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px;
}

.platform-workspace-strip span {
  color: var(--via-action);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.platform-workspace-strip strong {
  font-size: 18px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.platform-workspace-strip small {
  color: var(--via-text-secondary);
  line-height: 1.35;
}

.platform-detail {
  grid-template-columns: 145px 1fr;
}

.ai-mode-card header,
.postiz-handoff-card header,
.activation-gate-card header {
  align-items: start;
  display: flex;
  gap: 8px;
  justify-content: space-between;
}

.activation-gate-card p {
  color: var(--via-text-secondary);
  margin: 0;
}

.social-plan-detail {
  grid-template-columns: 115px 1fr;
}

.keyword-card,
.assignment-card,
.source-row {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 6px;
  padding: 14px;
}

.keyword-card small,
.keyword-card em,
.assignment-card small,
.assignment-card span,
.source-row small {
  color: var(--via-text-secondary);
}

.keyword-card em {
  font-style: normal;
}

.keyword-config-layout {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(220px, 0.8fr) minmax(0, 1.2fr);
}

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

.keyword-config-card {
  cursor: pointer;
  font: inherit;
  min-height: 104px;
  text-align: left;
}

.keyword-config-card.selected {
  background: #eaf2ff;
  border-color: #9dbdff;
  box-shadow: inset 4px 0 0 var(--via-action);
}

.keyword-config-card strong,
.keyword-config-card small {
  overflow-wrap: anywhere;
}

.keyword-config-detail {
  background: #f8fbff;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  padding: 12px;
}

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

.keyword-config-toolbar label {
  color: var(--via-text-secondary);
  display: grid;
  font-size: 12px;
  font-weight: 900;
  gap: 6px;
  text-transform: uppercase;
}

.keyword-chip-box {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.keyword-chip-box span {
  background: white;
  border: 1px solid rgba(13, 88, 199, 0.18);
  border-radius: 999px;
  color: var(--via-text);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.25;
  padding: 7px 10px;
}

.keyword-config-snapshot {
  background: white;
  grid-template-columns: 95px minmax(0, 1fr);
  margin: 0;
}

.keyword-config-snapshot dd {
  overflow-wrap: anywhere;
}

.compact-status {
  margin: 0;
}

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

.social-filter-grid label {
  color: var(--via-text-secondary);
  display: grid;
  font-size: 12px;
  font-weight: 800;
  gap: 6px;
  text-transform: uppercase;
}

.social-filter-grid input,
.social-filter-grid select {
  background: #fff;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  color: var(--via-text);
  font: inherit;
  min-width: 0;
  padding: 10px 12px;
  text-transform: none;
}

.filter-command-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}

.filter-command-row span {
  color: var(--via-text-secondary);
  font-size: 14px;
  font-weight: 800;
}

.social-empty-state {
  margin-top: 12px;
}

.social-item-card {
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  padding: 16px;
}

.social-item-card header {
  align-items: start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.social-item-card header span {
  background: var(--via-muted);
  border-radius: 999px;
  color: var(--via-action);
  font-size: 12px;
  font-weight: 900;
  padding: 6px 10px;
  text-align: center;
}

.social-item-card p {
  margin: 0;
}

.social-item-meta {
  grid-template-columns: 140px 1fr;
}

.social-coverage-row {
  grid-template-columns: 0.8fr 1.4fr 1fr 1.4fr;
}

.social-assistant-row {
  grid-template-columns: 0.8fr 1.2fr 1.2fr 1.2fr;
}

.social-chatbot-reference {
  grid-template-columns: 120px 1fr;
}

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

.health-snapshot div {
  min-width: 0;
}

.health-snapshot dt {
  color: var(--via-text-secondary);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.health-snapshot dd {
  margin: 3px 0 0;
  overflow-wrap: anywhere;
}

.health-action {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 6px;
  padding: 12px;
}

.health-action p {
  margin: 0;
}

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

.access-command-center {
  background: white;
  border-color: rgba(13, 88, 199, 0.14);
  box-shadow: var(--via-shadow-card);
  display: grid;
  gap: 12px;
  margin-bottom: 16px;
  padding: 14px;
}

.access-page-heading .reply-actions .button.primary + .button.primary {
  background: white;
  border-color: var(--via-border);
  color: var(--via-text);
}

.access-command-grid {
  align-items: start;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(250px, 0.45fr) minmax(0, 1fr);
}

.staff-command-list {
  align-content: start;
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr);
}

.staff-command-card {
  align-items: center;
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  color: var(--via-text);
  cursor: pointer;
  display: grid;
  font: inherit;
  gap: 2px 9px;
  grid-template-columns: auto minmax(0, 1fr);
  min-height: 58px;
  padding: 9px 11px;
  text-align: left;
}

.staff-command-card em {
  grid-row: span 2;
}

.staff-command-card.selected,
.staff-command-card:hover {
  background: #eaf2ff;
  border-color: #9dbdff;
}

.staff-command-card span,
.staff-command-summary span {
  color: var(--via-action);
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
}

.staff-command-card strong,
.staff-command-summary strong {
  color: var(--via-text);
  display: block;
  font-size: 15px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.staff-command-card small,
.staff-command-summary small {
  color: var(--via-text-secondary);
  font-size: 14px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.staff-command-detail {
  background: #f8fbff;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 10px;
  padding: 12px;
}

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

.staff-command-summary article {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px 12px;
}

.staff-command-snapshot-detail {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  overflow: hidden;
}

.staff-command-snapshot-detail summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding: 10px 12px;
}

.staff-command-snapshot-detail summary span {
  color: var(--via-text);
  font-weight: 900;
}

.staff-command-snapshot-detail summary small {
  color: var(--via-text-secondary);
  font-size: 13px;
  text-align: right;
}

.staff-command-snapshot {
  grid-template-columns: 150px minmax(0, 1fr) 150px minmax(0, 1fr);
  margin: 0;
  padding: 10px 12px;
}

.staff-command-actions {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.staff-command-actions .button {
  width: 100%;
}

.login-workbench-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: 1.35fr 0.65fr;
  margin-bottom: 16px;
}

.auth-splash-body {
  background: #f5f7fb;
  color: var(--via-text);
  margin: 0;
  min-height: 100vh;
}

.auth-splash {
  align-items: center;
  display: grid;
  min-height: 100vh;
  padding: clamp(18px, 5vw, 48px);
}

.auth-splash-card {
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid var(--via-border);
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(3, 28, 62, 0.12);
  display: grid;
  gap: 20px;
  justify-self: center;
  max-width: 520px;
  padding: clamp(22px, 4vw, 34px);
  width: 100%;
}

.auth-splash-logo {
  height: auto;
  width: 154px;
}

.auth-splash-heading {
  display: grid;
  gap: 6px;
}

.auth-splash-heading .section-label {
  margin: 0;
}

.auth-splash-heading h1 {
  font-size: clamp(34px, 5vw, 52px);
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
}

.auth-splash-form {
  display: grid;
  gap: 14px;
}

.auth-splash-form label {
  color: var(--via-text-secondary);
  display: grid;
  font-size: 14px;
  font-weight: 900;
  gap: 7px;
}

.auth-splash-form input {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 12px;
  color: var(--via-text);
  font: inherit;
  min-height: 48px;
  min-width: 0;
  padding: 11px 13px;
  width: 100%;
}

.auth-splash-form input:focus-visible {
  border-color: var(--via-blue);
  box-shadow: 0 0 0 4px rgba(16, 98, 207, 0.15);
  outline: none;
}

.auth-splash-submit {
  min-height: 48px;
  width: 100%;
}

.login-workbench-panel {
  align-content: start;
}

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

.staff-login-form .form-message,
.staff-login-form .button {
  grid-column: 1 / -1;
}

.form-message {
  border: 1px solid var(--via-border);
  border-radius: 10px;
  font-weight: 800;
  line-height: 1.4;
  margin: 0;
  padding: 11px 12px;
}

.form-message.error {
  background: #fff1f1;
  border-color: rgba(190, 24, 49, 0.28);
  color: #95162b;
}

.form-message.warning {
  background: #fff8ea;
  border-color: rgba(196, 124, 45, 0.32);
  color: #7a4a12;
}

.login-form-grid label {
  color: var(--via-text-secondary);
  display: grid;
  font-size: 14px;
  font-weight: 900;
  gap: 7px;
}

.login-form-grid input,
.login-form-grid select {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  color: var(--via-text);
  font: inherit;
  min-height: 44px;
  min-width: 0;
  padding: 10px 12px;
  width: 100%;
}

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

.login-gate-card {
  background: #fbfcff;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 6px;
  padding: 12px;
}

.login-gate-card span {
  color: var(--via-action);
  font-size: 14px;
  font-weight: 900;
}

.login-gate-card strong {
  font-size: 14px;
  line-height: 1.35;
}

.login-gate-card small {
  color: var(--via-text-secondary);
  font-size: 14px;
  line-height: 1.45;
}

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

.project-control-layout {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

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

.access-banner,
.trace-banner,
.control-banner {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.access-banner div,
.trace-banner div,
.control-banner div {
  background: #eef6ff;
  border: 1px solid rgba(13, 88, 199, 0.24);
  border-radius: 8px;
  display: grid;
  gap: 4px;
  padding: 12px;
}

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

.identity-setup-card {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  color: var(--via-text);
  cursor: pointer;
  display: grid;
  font: inherit;
  gap: 8px;
  padding: 14px;
  text-align: left;
}

.identity-setup-card.selected {
  background: #eaf2ff;
  border-color: #9dbdff;
}

.identity-setup-card span {
  color: var(--via-action);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.identity-setup-card small {
  color: var(--via-text-secondary);
  line-height: 1.45;
}

.trace-span {
  grid-column: 1 / -1;
}

.project-control-span {
  grid-column: 1 / -1;
}

.dod-span {
  grid-column: 1 / -1;
}

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

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

.trace-count-row {
  align-items: center;
  border-top: 1px solid var(--via-border);
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding-top: 10px;
}

.trace-count-row span {
  color: var(--via-text-secondary);
  font-weight: 800;
}

.trace-count-row strong {
  color: var(--via-action);
}

.trace-ladder-row small + small {
  margin-top: 6px;
}

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

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

.artifact-list a {
  overflow-wrap: anywhere;
}

.access-user-row {
  align-items: start;
  border-top: 1px solid var(--via-border);
  display: grid;
  gap: 12px;
  grid-template-columns: 70px minmax(0, 1fr) minmax(150px, 0.7fr);
  padding-top: 12px;
}

.access-user-row span {
  display: block;
  font-weight: 800;
}

.access-user-row small {
  color: var(--via-text-secondary);
  display: block;
  line-height: 1.4;
  margin-top: 3px;
}

.access-user-row em {
  color: var(--via-warning);
  font-style: normal;
  font-weight: 800;
  text-align: right;
}

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

.role-boundary-card {
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 6px;
  padding: 12px;
}

.role-boundary-card small,
.role-boundary-card span {
  color: var(--via-text-secondary);
  line-height: 1.4;
}

.role-boundary-card span {
  font-size: 12px;
  font-weight: 800;
}

.operations-banner div {
  background: #fff8e5;
  border: 1px solid rgba(217, 119, 6, 0.32);
  border-radius: 8px;
  display: grid;
  gap: 4px;
  padding: 12px;
}

.operations-actions {
  margin-top: 14px;
}

.queue-health-list,
.restore-list {
  display: grid;
  gap: 10px;
}

.queue-health-row {
  align-items: start;
  border-top: 1px solid var(--via-border);
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto auto;
  padding-top: 12px;
}

.queue-health-row small,
.restore-row small {
  color: var(--via-text-secondary);
  display: block;
  line-height: 1.4;
  margin-top: 3px;
}

.queue-health-row span,
.restore-row span {
  color: var(--via-action);
  font-weight: 900;
}

.queue-health-row em {
  color: var(--via-warning);
  font-style: normal;
  font-weight: 800;
  text-align: right;
}

.restore-row {
  border-top: 1px solid var(--via-border);
  display: grid;
  gap: 4px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding-top: 12px;
}

.restore-row small {
  grid-column: 1 / -1;
}

.staff-account-admin-panel {
  display: grid;
  gap: 18px;
  margin-bottom: 18px;
}

.staff-account-admin-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(240px, 0.8fr) minmax(0, 1.2fr);
}

.staff-account-current,
.staff-account-roster article,
.staff-account-selected-panel {
  align-items: center;
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  grid-template-columns: auto minmax(0, 1fr);
  padding: 14px;
}

.staff-account-current strong,
.staff-account-roster strong {
  color: var(--via-text);
  display: block;
  overflow-wrap: anywhere;
}

.staff-account-current small,
.staff-account-roster small {
  color: var(--via-text-secondary);
  display: block;
  line-height: 1.4;
  margin-top: 3px;
  overflow-wrap: anywhere;
}

.staff-initials {
  align-items: center;
  background: var(--via-action);
  border-radius: 50%;
  color: #ffffff;
  display: inline-flex;
  font-size: 13px;
  font-weight: 900;
  height: 42px;
  justify-content: center;
  width: 42px;
}

.staff-account-roster {
  display: grid;
  gap: 10px;
}

.staff-account-toolbar {
  margin-top: 0;
}

.staff-account-table-wrap {
  border: 1px solid var(--via-border);
  border-radius: 8px;
}

.staff-account-table {
  min-width: 980px;
}

.staff-account-name-cell {
  align-items: center;
  display: inline-flex;
  gap: 10px;
  min-width: 0;
}

.staff-account-name-cell .staff-initials {
  flex: 0 0 auto;
  height: 32px;
  width: 32px;
}

.staff-account-selected-panel {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.staff-account-form {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.staff-account-form label {
  color: var(--via-text-secondary);
  font-weight: 800;
}

.staff-account-form input,
.staff-account-form select {
  margin-top: 6px;
}

.staff-account-form .button,
.account-env-preview,
.alert-list {
  grid-column: 1 / -1;
}

.staff-account-reset-form {
  border-top: 1px solid var(--via-border);
  margin-top: 4px;
  padding-top: 14px;
}

.account-env-preview {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 8px;
  padding: 14px;
}

.account-env-preview textarea {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  min-height: 190px;
  resize: vertical;
}

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

.preference-summary div {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 4px;
  padding: 12px;
}

.preference-label {
  color: var(--via-text-secondary);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.preference-fieldset {
  border: 0;
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
}

.compact-fieldset {
  margin-top: 16px;
}

.compact-fieldset legend {
  color: var(--via-text-secondary);
  font-weight: 800;
  margin-bottom: 10px;
}

.consent-row {
  align-items: start;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  grid-template-columns: auto minmax(0, 1fr);
  padding: 12px;
}

.consent-row input {
  margin-top: 3px;
  min-height: auto;
  width: auto;
}

.consent-row small,
.help-text,
.subscription-row small {
  color: var(--via-text-secondary);
  display: block;
  line-height: 1.4;
  margin-top: 3px;
}

.preference-search {
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) auto;
  margin-top: 6px;
}

.preference-search label {
  color: var(--via-text-secondary);
  font-weight: 800;
}

.preference-search select {
  margin-top: 6px;
}

.source-note-drawer {
  border-top: 1px solid var(--via-border);
  margin-top: 12px;
  padding-top: 10px;
}

.source-note-drawer summary {
  color: var(--via-action);
  cursor: pointer;
  font-weight: 900;
}

.source-note-drawer p {
  color: var(--via-text-secondary);
  line-height: 1.4;
  margin: 8px 0 0;
}

.subscription-list {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.subscription-row {
  align-items: start;
  border-top: 1px solid var(--via-border);
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding-top: 12px;
}

.subscription-row span {
  color: var(--via-action);
  font-weight: 900;
}

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

.quiet-grid label {
  color: var(--via-text-secondary);
  font-weight: 800;
}

.quiet-grid input,
.quiet-grid select {
  margin-top: 6px;
}

.preference-review {
  margin-bottom: 14px;
}

.handover-metrics {
  margin-bottom: 16px;
}

.roster-list,
.exercise-list {
  display: grid;
  gap: 10px;
}

.roster-row {
  align-items: start;
  border-top: 1px solid var(--via-border);
  display: grid;
  gap: 12px;
  grid-template-columns: 70px minmax(0, 1fr) auto;
  padding-top: 12px;
}

.roster-row span {
  display: block;
  font-weight: 800;
}

.roster-row small {
  color: var(--via-text-secondary);
  display: block;
  line-height: 1.4;
  margin-top: 3px;
}

.roster-row em {
  color: var(--via-warning);
  font-style: normal;
  font-weight: 800;
  text-align: right;
}

.exercise-card {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  color: var(--via-text);
  cursor: pointer;
  display: grid;
  font: inherit;
  gap: 4px;
  padding: 12px;
  text-align: left;
}

.exercise-card:hover,
.exercise-card.selected {
  background: #eaf2ff;
  border-color: rgba(13, 88, 199, 0.32);
}

.exercise-card span {
  color: var(--via-action);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.05em;
}

.exercise-card small,
.training-list {
  color: var(--via-text-secondary);
}

.handover-detail {
  margin-bottom: 14px;
}

.training-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-left: 20px;
}

.composer {
  display: grid;
  gap: 12px;
}

.preview-number,
.large-number {
  color: var(--via-action);
  display: block;
  font-size: 48px;
  font-weight: 900;
  line-height: 1;
}

.snapshot dd,
.snapshot dt {
  border-bottom: 1px solid var(--via-border);
  margin: 0;
  padding: 8px 0;
}

.timeline {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(5, 1fr);
  margin-bottom: 16px;
}

.timeline span {
  background: var(--via-muted);
  border-radius: 8px;
  font-size: 12px;
  font-weight: 800;
  padding: 10px;
  text-align: center;
}

.command-list {
  display: grid;
  gap: 10px;
  margin: 0;
  padding-left: 20px;
}

.command-list li {
  line-height: 1.45;
}

.command-list span {
  color: var(--via-text-secondary);
  display: block;
  margin-bottom: 4px;
}

.artifact-list {
  display: grid;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.artifact-list li {
  border-top: 1px solid var(--via-border);
  display: grid;
  gap: 4px;
  padding-top: 10px;
}

.artifact-list span {
  color: var(--via-text-secondary);
}

code {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 6px;
  color: var(--via-navy-900);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  overflow-wrap: anywhere;
  padding: 2px 5px;
  white-space: normal;
  word-break: break-word;
}

.snapshot dd,
.snapshot dt {
  min-width: 0;
  overflow-wrap: anywhere;
}

@media (max-width: 1500px) {
  .chat-tool-layout {
    grid-template-columns: 300px minmax(0, 1fr);
  }

  .inbox-layout {
    grid-template-columns: 300px minmax(0, 1fr);
  }

  .context-panel {
    grid-column: 1 / -1;
  }
}

@media (max-width: 1180px) {
  .inbox-command-header,
  .platform-route-status,
  .thread-tool-grid,
  .compact-tool-rail .operator-task-detail {
    grid-template-columns: 1fr;
  }

  .platform-route-status .platform-chat-route-actions {
    align-content: stretch;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
  }

  .metrics-grid,
  .evidence-grid,
  .dashboard-focus-grid,
  .focus-summary-list,
  .inbox-command-metrics,
  .staff-action-grid,
  .operating-flow-list,
  .product-launch-grid,
  .work-grid,
  .analytics-metrics,
  .social-metrics,
  .connect-wizard-flow,
  .account-setup-flow,
  .connect-wizard-options,
  .listening-command-summary,
  .aggregation-pull-summary,
  .aggregation-contract-grid,
  .aggregation-contract-snapshot,
  .setup-readiness-summary,
  .setup-progress-summary,
  .keyword-grid,
  .social-filter-grid,
  .report-command-flow,
  .report-visual-kpis,
  .report-platform-grid,
  .setup-command-rail,
  .setup-start-grid,
  .operator-task-list,
  .platform-chat-route-grid,
  .platform-workspace-hero-strip,
  .platform-action-rail,
  .account-setup-path-grid,
  .account-setup-endpoint-grid,
  .account-setup-checklist,
  .role-onboarding-grid,
  .brief-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

  .platform-workspace-grid {
    grid-template-columns: 1fr;
  }

  .role-onboarding-header {
    align-items: stretch;
    flex-direction: column;
  }

  .operator-task-detail,
  .platform-chat-route-detail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .inbox-layout {
    grid-template-columns: 280px minmax(0, 1fr);
  }

  .chat-tool-layout {
    grid-template-columns: 280px minmax(0, 1fr);
  }

  .activation-gate-row {
    grid-template-columns: minmax(120px, 0.5fr) minmax(0, 1fr);
  }

  .activation-gate-row small {
    grid-column: 1 / -1;
  }

  .context-panel {
    grid-column: 1 / -1;
  }
}

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

  .sidebar {
    gap: 12px;
    padding: 12px;
    position: static;
  }

  .nav-list {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: none;
    min-width: 0;
    overflow: visible;
    width: 100%;
  }

  .nav-list a,
  .nav-section summary {
    font-size: 13px;
    justify-content: flex-start;
    min-height: 36px;
    padding: 8px 10px;
  }

  .nav-section {
    align-self: stretch;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    display: grid;
    grid-column: 1 / -1;
    margin-top: 0;
    overflow: hidden;
    padding: 0;
  }

  .nav-section summary {
    font-size: 12px;
    min-height: 36px;
    padding: 8px;
  }

  .nav-section a {
    font-size: 12px;
    justify-content: flex-start;
    margin-left: 0;
    min-height: 34px;
  }

  .secondary-nav[open],
  .review-build-nav[open] {
    max-height: 320px;
    overflow-y: auto;
  }

  .secondary-nav summary,
  .review-build-nav summary {
    font-size: 14px;
  }

  .secondary-nav a,
  .review-build-nav a {
    font-size: 14px;
  }

  .nav-section-label {
    margin-left: 8px;
  }

  .sidebar-status,
  .brand-signal {
    display: none;
  }

  .topbar-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
  }

  .topbar-actions .role-mode-control,
  .topbar-actions .availability,
  .topbar-actions .user-chip {
    display: none;
  }

  .notification-popover {
    left: 0;
    right: auto;
    width: min(340px, calc(100vw - 32px));
  }

  .notification-popover::before {
    left: 23px;
    right: auto;
  }

  .topbar,
  .page-heading {
    align-items: stretch;
    flex-direction: column;
  }

  .launch-signin-strip {
    align-items: stretch;
    grid-template-columns: 1fr;
  }

  .topbar {
    position: static;
  }

  .content {
    padding: 16px;
  }

  .hero-grid,
  .customer-hero,
  .inbox-layout,
  .analytics-grid,
  .composer-grid,
  .records-grid,
	  .setup-grid,
	  .staff-account-admin-grid,
	  .staff-account-form,
	  .preference-layout,
  .access-layout,
  .access-command-grid,
  .login-workbench-grid,
  .login-form-grid,
  .trace-layout,
  .project-control-layout,
  .dod-layout,
  .operations-grid,
  .integration-layout,
  .integration-metrics,
  .integration-health-grid,
  .health-snapshot,
  .hosting-layout,
  .hosting-metrics,
  .github-layout,
  .github-metrics,
  .agent-layout,
  .agent-metrics,
  .agent-skill-grid,
  .handover-layout,
  .social-layout,
  .daily-social-grid,
  .reports-layout,
  .pilot-setup-layout,
  .account-connection-layout,
  .account-cockpit-layout,
  .platform-view-cockpit-grid,
  .setup-account-layout,
  .connect-wizard-body,
  .intake-queue-layout,
  .ai-monitor-workbench-grid,
  .ai-monitor-mode-list,
  .social-metrics,
  .daily-social-metrics,
  .listening-command-summary,
  .aggregation-pull-summary,
  .aggregation-contract-grid,
  .aggregation-contract-snapshot,
  .conversation-hub-flow,
  .conversation-hub-workspace,
  .conversation-hub-snapshot,
  .keyword-grid,
  .social-filter-grid,
  .records-filter-bar,
  .readiness-layout {
    grid-template-columns: 1fr;
  }

  .access-banner,
  .trace-banner,
  .control-banner,
  .identity-setup-grid,
  .trace-artifacts,
  .project-control-artifacts,
  .control-raci-grid,
  .role-boundary-grid {
    grid-template-columns: 1fr;
  }

  .connect-command-main,
  .connect-command-footer,
  .connect-command-grid,
  .conversation-source-bridge,
  .conversation-action-dock-grid,
  .platform-chat-route-grid,
  .platform-chat-route-detail,
  .report-command-body,
  .report-command-summary,
  .report-command-flow,
  .report-command-actions,
  .report-platform-card-actions,
  .report-platform-facts,
  .connect-wizard-flow,
  .account-setup-flow,
  .connect-wizard-body,
  .connect-wizard-options,
  .connect-wizard-detail,
  .account-setup-quick-facts,
  .operating-flow-list,
  .inbox-command-actions,
  .account-detail-toolbar,
  .account-cockpit-current,
  .account-launch-strip,
  .account-launch-route-picker,
  .account-launch-facts,
  .account-launch-actions,
  .account-cockpit-steps,
  .account-cockpit-snapshot,
  .account-cockpit-detail .compact-actions,
  .setup-detail-toolbar,
  .account-review-progress,
  .account-review-checks,
  .operator-task-detail,
  .staff-command-summary,
  .staff-command-snapshot,
  .staff-command-actions,
  .setup-readiness-summary,
  .setup-progress-summary,
  .activation-gate-row {
    grid-template-columns: 1fr;
  }

  .account-launch-summary,
  .account-launch-route-picker,
  .account-launch-facts,
  .account-launch-actions,
  .account-launch-strip .inline-status {
    grid-column: 1;
    grid-row: auto;
  }

  .ai-monitor-mode-button {
    min-height: 0;
  }

  .access-user-row {
    grid-template-columns: 1fr;
  }

  .message-row,
  .message-row.system {
    max-width: 100%;
  }

  .access-user-row em {
    text-align: left;
  }

  .metrics-grid,
  .evidence-grid,
  .inbox-command-metrics,
  .in-app-chat-banner,
  .work-grid,
  .staff-action-grid,
  .operating-flow-list,
  .product-launch-grid,
  .analytics-metrics,
  .session-strip,
  .thread-fact-strip,
  .composer-gate-strip,
  .ask-service-modes,
  .chatbot-mode-grid,
  .boundary-list,
  .report-view-grid,
  .report-run-grid,
  .report-visual-kpis,
  .report-platform-grid,
  .export-packet-grid,
  .report-config-grid,
  .report-policy-grid,
  .export-manifest-grid,
  .pilot-service-list,
  .account-cockpit-picker,
  .account-connection-list,
  .daily-platform-list,
  .setup-checklist-compact,
  .setup-command-rail,
  .setup-platform-list,
  .setup-platform-snapshot,
  .setup-start-grid,
  .intake-queue-list,
  .monitor-plan-grid,
  .platform-card-list,
  .platform-view-cockpit-list,
  .platform-cockpit-summary,
  .platform-workspace-strip,
  .ai-mode-grid,
  .brand-agent-grid,
  .agent-step-strip,
  .postiz-handoff-grid,
  .activation-gate-grid,
  .listening-plan-row,
  .customer-action-grid,
  .action-packet-panel,
  .inbox-command-actions,
  .conversation-report-summary,
  .permission-review-grid,
  .permission-row-list,
  .operator-task-list,
  .account-access-route-grid,
  .account-setup-path-grid,
  .account-setup-endpoint-grid,
  .account-setup-checklist,
  .role-onboarding-grid,
  .brief-list {
    grid-template-columns: 1fr;
  }

  .composer-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .account-connection-card {
    align-items: start;
    grid-template-columns: minmax(86px, 0.68fr) minmax(0, 1fr);
  }

  .account-connection-card em {
    justify-self: start;
    text-align: left;
  }

  .connect-wizard-step,
  .connect-wizard-option {
    grid-template-columns: 1fr;
  }

  .connect-wizard-step span {
    grid-row: auto;
  }

  .account-connection-snapshot,
  .connect-wizard-detail,
  .account-access-route-detail,
  .account-checklist-list {
    grid-template-columns: 1fr;
  }

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

  .ask-workflow-grid .ask-span {
    grid-column: auto;
  }

  .operating-flow-footer {
    align-items: stretch;
    flex-direction: column;
  }

  .operating-flow-panel .panel-heading {
    align-items: stretch;
    flex-direction: column;
  }

  .operating-flow-panel .panel-heading .button {
    width: 100%;
  }

  .reports-layout .reports-span {
    grid-column: auto;
  }

  .hero-grid,
  .customer-hero {
    padding: 20px;
  }

  .employee-launcher {
    gap: 18px 18px;
    grid-template-columns: repeat(3, minmax(76px, 92px));
    min-height: 284px;
    padding: 22px 18px;
  }

  .dashboard-launcher-shell .employee-launcher {
    grid-template-columns: repeat(3, minmax(76px, 92px));
  }

  .ask-row {
    grid-template-columns: 1fr;
  }

  .conversation-workspace {
    min-height: auto;
  }

  .inbox-action-gate-list {
    grid-template-columns: 1fr;
  }

  .bubble {
    max-width: 100%;
  }

  dl {
    grid-template-columns: minmax(0, 1fr);
  }

  .audit-row {
    grid-template-columns: 1fr;
  }

  .roster-row {
    grid-template-columns: 1fr;
  }

  .roster-row em {
    text-align: left;
  }

  .preference-summary,
  .operations-banner,
  .integration-banner,
  .agent-banner,
  .integration-row,
  .social-coverage-row,
  .github-command-row,
  .account-row,
  .assignment-permission-row,
  .engagement-gate-row,
  .auth-denial-row,
  .chatbot-gate-row,
  .report-preview-row,
  .platform-detail,
  .platform-cockpit-snapshot,
  .daily-social-snapshot,
  .platform-workspace-hero-strip,
  .platform-action-rail,
  .account-setup-path-grid,
  .account-setup-checklist,
  .platform-queue-row,
  .platform-safe-item-facts,
  .platform-workspace-snapshot,
  .social-assistant-row,
  .source-health-row,
  .approval-path-row,
  .queue-health-row,
  .preference-search,
  .subscription-row,
  .quiet-grid {
    grid-template-columns: 1fr;
  }

  .queue-health-row em {
    text-align: left;
  }

  .platform-workspace-section-heading,
  .platform-safe-item-topline {
    align-items: stretch;
    flex-direction: column;
  }
}

@media (max-width: 520px) {
  .employee-launcher {
    gap: 16px 10px;
    grid-template-columns: repeat(3, minmax(68px, 1fr));
    min-height: 0;
    padding: 18px 12px;
  }

  .dashboard-launcher-shell .employee-launcher {
    gap: 16px 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-height: 0;
    padding: 18px 12px;
  }

  .launcher-tile {
    min-height: 92px;
    padding: 4px;
  }

  .launcher-icon {
    border-radius: 16px;
    font-size: 18px;
    height: 62px;
    width: 62px;
  }

  .launcher-tile strong {
    font-size: 12px;
    max-width: 80px;
  }
}

.conversation-action-dock-grid.thread-tool-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.conversation-action-dock-grid.thread-tool-grid .dock-actions {
  grid-column: 1 / -1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.compact-tool-rail .operator-task-detail {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.compact-tool-rail .operator-task-actions {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  min-width: 0;
}

@media (max-width: 1100px) {
  .compact-chat-command .inbox-command-actions,
  .compact-dashboard-chips,
  .tool-packet-list {
    grid-template-columns: 1fr;
  }

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

  .account-quick-connect-heading {
    align-items: stretch;
    flex-direction: column;
  }

  .account-quick-connect-heading small {
    text-align: left;
  }

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

@media (max-width: 700px) {
  .compact-chat-command .inbox-command-actions {
    align-items: stretch;
  }

  .platform-route-status .platform-chat-route-actions {
    grid-template-columns: 1fr;
  }

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

  .conversation-action-dock-grid.thread-tool-grid,
  .compact-tool-rail .operator-task-detail,
  .compact-tool-rail .operator-task-actions {
    grid-template-columns: 1fr;
  }

  .platform-tab {
    min-height: 64px;
  }

  .account-quick-connect-grid,
  .account-connect-method-options,
  .account-connect-method-detail {
    grid-template-columns: 1fr;
  }

  .account-quick-connect-actions {
    grid-template-columns: 1fr;
  }
}

/* 2026-06-22 operator consolidation pass */
.dashboard-focus-grid {
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.65fr);
}

.setup-card-action,
.focus-card .panel-heading .button {
  border-color: rgba(13, 88, 199, 0.34);
  box-shadow: 0 6px 16px rgba(13, 88, 199, 0.12);
  min-height: 38px;
}

.inbox-tabbar {
  position: sticky;
  top: 67px;
  z-index: 9;
}

.platform-tab-rail {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 999px;
  gap: 4px;
  padding: 5px;
}

.platform-tab {
  background: transparent;
  border: 1px solid transparent;
  min-height: 46px;
  padding: 6px 9px;
}

.platform-tab .platform-logo-tab {
  height: 30px;
  width: 30px;
}

.platform-tab.selected {
  background: white;
  border-color: rgba(13, 88, 199, 0.18);
  box-shadow: var(--via-shadow-card);
}

.platform-tab-count {
  background: #eef3f8;
  color: var(--via-text-secondary);
}

.chat-tool-layout {
  grid-template-columns: minmax(290px, 340px) minmax(0, 1fr);
}

.chat-tool-layout .context-panel {
  grid-column: 1 / -1;
}

.timeline-strip {
  background: #f8fbff;
  border-color: rgba(13, 88, 199, 0.16);
  order: 2;
}

.timeline-strip .panel-heading {
  align-items: center;
}

.timeline-strip .panel-heading h3,
.operator-task-rail .panel-heading h3 {
  font-size: 18px;
}

.conversation-action-dock-grid.thread-tool-grid {
  align-items: stretch;
  grid-template-columns: minmax(180px, 0.75fr) minmax(220px, 0.9fr) minmax(240px, 1.05fr) minmax(260px, 0.7fr);
}

.timeline-strip .dock-summary:first-child {
  display: none;
}

.timeline-strip .dock-summary,
.timeline-strip .dock-select {
  background: white;
  min-height: 72px;
}

.timeline-strip .dock-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.icon-tool-rail .operator-task-list {
  grid-template-columns: repeat(5, minmax(80px, 1fr));
}

.icon-tool-rail .operator-task-card {
  align-items: center;
  gap: 7px;
  grid-template-columns: auto minmax(0, 1fr);
  justify-items: start;
  min-height: 60px;
  padding: 8px 10px;
  text-align: left;
}

.icon-tool-rail .operator-task-card .tool-state-label {
  display: none;
}

.icon-tool-rail .operator-task-card strong {
  font-size: 13px;
  line-height: 1.2;
}

.tool-detail-disclosure:not([open]) {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  padding: 9px 10px;
}

.tool-detail-disclosure:not([open]) summary {
  grid-template-columns: minmax(0, 1fr) auto;
}

.compact-context-panel {
  padding: 10px 12px;
}

.context-disclosure summary strong {
  font-size: 18px;
}

.listening-setup-workspace {
  display: grid;
  gap: 14px;
  margin-bottom: 16px;
}

.listening-setup-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(280px, 0.8fr) minmax(0, 1.2fr);
}

.watch-profile-rail {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.watch-profile-card {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  color: var(--via-text);
  cursor: pointer;
  display: grid;
  font: inherit;
  gap: 8px;
  min-height: 106px;
  padding: 11px;
  text-align: left;
}

.watch-profile-card.selected,
.watch-profile-card:hover {
  background: #eaf2ff;
  border-color: #9dbdff;
  box-shadow: inset 0 0 0 1px rgba(13, 88, 199, 0.14);
}

.watch-profile-card strong {
  font-size: 15px;
  line-height: 1.25;
}

.watch-profile-card small,
.watch-profile-snapshot dd {
  color: var(--via-text-secondary);
  line-height: 1.35;
}

.platform-logo-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.platform-logo-inline {
  height: 24px;
  width: 24px;
}

.watch-profile-detail {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  padding: 12px;
}

.watch-profile-summary {
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.8fr);
}

.watch-profile-summary > div {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 5px;
  padding: 10px;
}

.watch-profile-summary span {
  color: var(--via-action);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.watch-profile-summary strong {
  font-size: 18px;
  line-height: 1.2;
}

.watch-profile-snapshot {
  background: white;
  grid-template-columns: 120px minmax(0, 1fr);
  margin: 0;
}

.social-listening-guardrail-panel,
.staff-copilot-panel,
.staff-copilot-governance-panel {
  display: grid;
  gap: 16px;
}

.social-target-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.social-target-strip span {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 999px;
  color: var(--via-action);
  font-weight: 800;
  padding: 7px 11px;
}

.social-target-strip.compact span {
  background: rgba(255, 255, 255, 0.86);
  font-size: 12px;
  padding: 5px 9px;
}

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

.staff-copilot-grid.compact {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.social-guardrail-card,
.staff-copilot-card {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 12px;
}

.social-guardrail-card strong,
.staff-copilot-card strong {
  font-size: 17px;
  line-height: 1.2;
}

.social-guardrail-card p,
.staff-copilot-card p,
.staff-copilot-card small {
  color: var(--via-text-secondary);
  margin: 0;
}

.staff-copilot-card > div {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: space-between;
}

.staff-copilot-command-panel,
.staff-copilot-command-form,
.staff-copilot-result {
  display: grid;
  gap: 14px;
}

.staff-copilot-command-row {
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.staff-copilot-command-row input {
  min-width: 0;
}

.staff-copilot-suggestions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.staff-copilot-suggestions button {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 999px;
  color: var(--via-action);
  cursor: pointer;
  font: inherit;
  font-weight: 750;
  padding: 8px 12px;
}

.staff-copilot-result {
  align-items: end;
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 16px;
}

.staff-copilot-result h3,
.staff-copilot-result p,
.staff-copilot-result ul {
  margin-bottom: 0;
}

@media (max-width: 720px) {
  .staff-copilot-command-row,
  .staff-copilot-result {
    align-items: stretch;
    grid-template-columns: minmax(0, 1fr);
  }

  .staff-copilot-command-row .button,
  .staff-copilot-result .button {
    width: 100%;
  }
}

.quote-line {
  font-style: italic;
}

.signal-wall-heading {
  align-items: end;
}

.signal-wall-control-panel {
  display: grid;
  gap: 16px;
}

.signal-wall-status-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.signal-wall-status-grid article {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  padding: 12px;
}

.signal-wall-status-grid article.attention {
  border-color: rgba(217, 119, 6, 0.5);
}

.signal-wall-status-grid article.success {
  border-color: rgba(22, 131, 58, 0.45);
}

.signal-wall-status-grid span,
.signal-wall-item-header small,
.signal-wall-meta-row span,
.signal-wall-elevated-item small {
  color: var(--via-text-secondary);
}

.signal-wall-status-grid strong {
  display: block;
  font-size: 32px;
  line-height: 1;
  margin-top: 4px;
}

.signal-wall-status-grid small {
  display: block;
  margin-top: 8px;
}

.signal-wall-activation-summary {
  align-items: start;
  background: #fff7ed;
  border: 1px solid rgba(217, 119, 6, 0.32);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(220px, 0.9fr) minmax(280px, 1.1fr) minmax(150px, auto);
  padding: 12px;
}

.signal-wall-activation-copy {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.signal-wall-activation-copy h3 {
  font-size: 18px;
  line-height: 1.2;
  margin: 0;
}

.signal-wall-activation-copy p {
  color: var(--via-text-secondary);
  margin: 0;
}

.signal-wall-activation-lists {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  min-width: 0;
}

.signal-wall-activation-lists strong,
.signal-wall-activation-actions strong {
  display: block;
  margin-bottom: 6px;
}

.signal-wall-activation-actions {
  display: grid;
  gap: 8px;
  justify-items: start;
  min-width: 0;
}

.signal-wall-keyword-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.signal-wall-config {
  background: var(--via-surface);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  padding: 12px;
}

.signal-wall-config-main {
  align-items: end;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(180px, 0.35fr) minmax(260px, 1fr) auto;
}

.signal-wall-config-main .field {
  margin: 0;
}

.signal-wall-config-main input,
.signal-wall-config-main select {
  min-height: 42px;
}

.signal-wall-toggle {
  min-height: 42px;
  white-space: nowrap;
}

.signal-wall-config-copy {
  align-items: start;
  color: var(--via-text-secondary);
  display: grid;
  gap: 8px;
  grid-template-columns: auto minmax(0, 1fr);
}

.signal-wall-config-copy strong {
  color: var(--via-text);
}

.signal-wall-capture-panel {
  background: linear-gradient(135deg, rgba(13, 88, 199, 0.08), rgba(0, 113, 128, 0.08));
  border: 1px solid rgba(13, 88, 199, 0.16);
  border-radius: 8px;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(260px, 0.42fr) minmax(0, 1fr);
  padding: 12px;
}

.signal-wall-capture-copy {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.signal-wall-capture-copy h3,
.signal-wall-capture-copy p {
  margin: 0;
}

.signal-wall-capture-copy p {
  color: var(--via-text-secondary);
}

.signal-wall-capture-steps {
  counter-reset: capture-step;
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}

.signal-wall-capture-steps li {
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid rgba(13, 88, 199, 0.14);
  border-radius: 8px;
  display: grid;
  gap: 5px;
  grid-template-columns: auto minmax(0, 1fr);
  padding: 9px;
}

.signal-wall-capture-steps li span {
  align-items: center;
  background: var(--via-action);
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  font-weight: 900;
  height: 28px;
  justify-content: center;
  width: 28px;
}

.signal-wall-capture-steps li strong,
.signal-wall-capture-steps li small {
  min-width: 0;
}

.signal-wall-capture-steps li small {
  color: var(--via-text-secondary);
  grid-column: 2;
}

.signal-wall-keyword {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 999px;
  color: var(--via-action);
  font-weight: 800;
  padding: 7px 11px;
}

.signal-wall-layout {
  align-items: start;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.34fr);
}

.signal-wall-feed-panel,
.signal-wall-side-column {
  min-width: 0;
}

.signal-wall-feed {
  display: grid;
  gap: 12px;
}

.signal-wall-item {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  grid-template-columns: auto minmax(0, 1fr);
  padding: 12px;
}

.signal-wall-item.elevated {
  background: #fff7ed;
  border-color: rgba(217, 119, 6, 0.55);
}

.signal-wall-item-platform {
  padding-top: 2px;
}

.signal-wall-item-body {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.signal-wall-item-header {
  align-items: start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.signal-wall-item-header strong {
  display: block;
  font-size: 17px;
  line-height: 1.2;
}

.signal-wall-urgency {
  background: var(--via-surface);
  border: 1px solid var(--via-border);
  border-radius: 999px;
  color: var(--via-text-secondary);
  font-weight: 800;
  padding: 5px 10px;
  white-space: nowrap;
}

.signal-wall-urgency.elevated {
  background: #fee2e2;
  border-color: rgba(200, 30, 42, 0.4);
  color: var(--via-danger);
}

.signal-wall-meta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.signal-wall-meta-row span {
  background: var(--via-surface);
  border: 1px solid var(--via-border);
  border-radius: 999px;
  padding: 6px 10px;
}

.signal-wall-source-row {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.signal-wall-source-row span {
  background: #fff;
  border: 1px solid rgba(13, 88, 199, 0.16);
  border-radius: 8px;
  color: var(--via-text-secondary);
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px 10px;
}

.signal-wall-source-row strong {
  color: var(--via-text);
  font-size: 13px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.signal-wall-thread-context {
  background: #fff;
  border: 1px solid rgba(13, 88, 199, 0.16);
  border-radius: 10px;
  display: grid;
  gap: 8px;
  padding: 10px 12px;
}

.signal-wall-thread-context > span {
  color: var(--via-text-secondary);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.signal-wall-thread-context p {
  color: var(--via-text);
  display: grid;
  gap: 3px;
  margin: 0;
}

.signal-wall-thread-context p span {
  color: var(--via-text-secondary);
}

.signal-wall-thread-context div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.signal-wall-thread-context div span {
  background: #f8fbff;
  border: 1px solid rgba(13, 88, 199, 0.12);
  border-radius: 999px;
  color: var(--via-text-secondary);
  padding: 5px 9px;
}

.signal-wall-thread-context div strong {
  color: var(--via-text);
}

.signal-wall-next-action {
  margin: 0;
}

.signal-wall-item-actions {
  display: flex;
  flex-wrap: wrap;
}

.signal-wall-item-actions .button {
  flex: 1 1 150px;
}

.signal-wall-draft-status {
  margin: 0;
}

.signal-wall-match-details {
  background: var(--via-surface);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  color: var(--via-text-secondary);
  padding: 8px 10px;
}

.signal-wall-match-details summary {
  color: var(--via-action);
  cursor: pointer;
  font-weight: 800;
}

.signal-wall-match-details div {
  display: grid;
  gap: 6px;
  padding-top: 8px;
}

.signal-wall-match-details p {
  margin: 0;
}

.signal-wall-side-column {
  display: grid;
  gap: 16px;
}

.signal-wall-side-card {
  display: grid;
  gap: 12px;
}

.signal-wall-elevated-list,
.signal-wall-platform-mix {
  display: grid;
  gap: 8px;
}

.signal-wall-elevated-item,
.signal-wall-platform-mix > div {
  align-items: center;
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 8px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding: 8px;
}

.signal-wall-elevated-item div {
  display: grid;
  gap: 2px;
}

.signal-wall-rule-list {
  display: grid;
  gap: 8px;
}

.signal-wall-rule-list details {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  padding: 10px;
}

.signal-wall-rule-list summary {
  cursor: pointer;
  font-weight: 800;
}

.signal-wall-rule-list p {
  color: var(--via-text-secondary);
  margin: 8px 0 0;
}

.reply-actions.stack {
  align-items: stretch;
  flex-direction: column;
}

.reply-actions.stack .button {
  width: 100%;
}

.sentiment-report-heading {
  align-items: end;
}

.sentiment-report-panel {
  margin-top: 16px;
}

.sentiment-report-kpis {
  margin-top: 0;
}

.sentiment-report-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 16px;
}

.sentiment-insight-grid,
.sentiment-trend-grid,
.sentiment-topic-grid,
.source-coverage-grid,
.sentiment-action-grid,
.sentiment-example-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  margin-top: 14px;
}

.sentiment-insight-card,
.sentiment-trend-grid article,
.sentiment-topic-grid article,
.source-coverage-grid article,
.sentiment-action-grid article,
.sentiment-example-grid article,
.sentiment-mini-panel {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  padding: 12px;
}

.sentiment-insight-card span,
.sentiment-action-grid span {
  color: var(--via-action);
  display: block;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.sentiment-insight-card strong {
  display: block;
  font-size: 28px;
  line-height: 1;
  margin: 8px 0;
}

.sentiment-insight-card small,
.sentiment-mini-panel span,
.sentiment-example-grid small,
.sentiment-trend-grid small,
.sentiment-topic-grid small,
.source-coverage-grid small {
  color: var(--via-text-secondary);
}

.sentiment-trend-grid article span,
.source-coverage-grid article > span,
.sentiment-topic-grid article span {
  color: var(--via-action);
  display: block;
  font-size: 12px;
  font-weight: 900;
  margin-top: 6px;
  text-transform: uppercase;
}

.source-coverage-grid article div,
.sentiment-example-grid article {
  align-items: center;
  display: flex;
  gap: 8px;
}

.sentiment-example-grid article {
  align-items: flex-start;
  flex-direction: column;
}

.sentiment-action-grid article {
  display: grid;
  gap: 8px;
}

.sentiment-two-column {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 14px;
}

.sentiment-reason-list {
  display: grid;
  gap: 10px;
}

.sentiment-reason-list article {
  border-bottom: 1px solid var(--via-border);
  padding-bottom: 10px;
}

.sentiment-reason-list article:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.sentiment-mini-table {
  margin-top: 0;
}

.compact-list {
  margin-top: 12px;
}

.sentiment-chart-card {
  min-width: 0;
}

.sentiment-bars {
  display: grid;
  gap: 12px;
}

.sentiment-bar-row {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(120px, 0.36fr) minmax(0, 1fr) auto;
}

.sentiment-bar-row span {
  color: var(--via-text-secondary);
  font-weight: 800;
}

.sentiment-bar-track {
  background: var(--via-muted);
  border-radius: 999px;
  height: 12px;
  overflow: hidden;
}

.sentiment-bar-track span {
  background: linear-gradient(90deg, var(--via-action), #0f8b8d);
  display: block;
  height: 100%;
  min-width: 18%;
  width: 18%;
}

.sentiment-bar-track .bar-size-2 {
  width: 36%;
}

.sentiment-bar-track .bar-size-3 {
  width: 54%;
}

.sentiment-bar-track .bar-size-4 {
  width: 72%;
}

.sentiment-bar-track .bar-size-5,
.sentiment-bar-track .bar-size-6,
.sentiment-bar-track .bar-size-7,
.sentiment-bar-track .bar-size-8,
.sentiment-bar-track .bar-size-9 {
  width: 100%;
}

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

.sentiment-platform-grid article {
  align-items: center;
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 4px;
  grid-template-columns: auto minmax(0, 1fr);
  padding: 10px;
}

.sentiment-platform-grid article span:not(.platform-logo) {
  color: var(--via-text-secondary);
  grid-column: 2;
}

.sentiment-table-wrap {
  max-width: 100%;
  margin-top: 0;
  min-width: 0;
  overflow-x: auto;
}

.sentiment-report-table {
  min-width: 720px;
}

.sentiment-report-table td small {
  color: var(--via-text-secondary);
  display: block;
  margin-top: 4px;
}

.sentiment-platform-cell {
  align-items: center;
  display: inline-flex;
  gap: 8px;
  white-space: nowrap;
}

.ai-monitor-workbench {
  padding: 14px;
}

.ai-monitor-workbench[open] {
  display: grid;
}

.ai-monitor-workbench-grid {
  grid-template-columns: 1fr;
}

.ai-monitor-mode-list {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.ai-monitor-mode-button {
  min-height: 86px;
}

.daily-social-grid,
.account-quick-connect-grid,
.report-platform-grid {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.daily-platform-button {
  min-height: 74px;
}

.source-health-card-grid {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.social-filter-grid input,
.social-filter-grid select,
.social-filter-grid button {
  font-size: 14px;
}

.report-visual-dashboard,
.report-command-workspace {
  padding: 16px;
}

.report-visual-kpis {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.report-platform-card {
  min-height: 0;
}

.report-platform-card header {
  align-items: start;
  gap: 10px;
}

.report-platform-identity {
  align-items: center;
  display: flex;
  gap: 9px;
}

.report-platform-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
}

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

.reports-layout {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.reports-layout .tool-disclosure {
  align-content: start;
}

.report-settings-drawer,
.report-export-drawer,
.report-data-view-detail {
  padding: 14px;
}

.report-settings-drawer .panel-heading,
.report-export-drawer .panel-heading {
  margin-top: 14px;
}

.access-command-center {
  padding: 16px;
}

.access-command-grid {
  grid-template-columns: minmax(220px, 0.38fr) minmax(0, 1fr);
}

.staff-command-list {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.staff-command-detail {
  background: var(--via-muted);
}

.staff-command-summary {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.access-layout {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.access-layout .tool-disclosure {
  padding: 14px;
}

@media (max-width: 1200px) {
  .dashboard-focus-grid,
  .listening-setup-grid,
  .access-command-grid,
  .chat-tool-layout {
    grid-template-columns: 1fr;
  }

  .inbox-tabbar {
    position: static;
  }
}

@media (max-width: 760px) {
  .inbox-tabbar {
    overflow: hidden;
  }

  .inbox-tabbar-header,
  .compact-chat-command .inbox-command-actions {
    align-items: stretch;
    grid-template-columns: 1fr;
  }

  .inbox-tabbar-header .section-label {
    writing-mode: horizontal-tb;
  }

  .platform-tab-rail {
    max-width: 100%;
    overflow-x: auto;
    width: 100%;
  }

  .platform-tab-rail {
    border-radius: 8px;
  }

  .platform-tab {
    min-width: 54px;
  }

  .sentiment-report-grid,
  .sentiment-two-column {
    grid-template-columns: 1fr;
  }

  main .button,
  main button,
  main input,
  main select,
  main textarea {
    font-size: 14px;
  }

  .platform-tab > .platform-tab-count {
    min-width: 22px;
  }

  .conversation-action-dock-grid.thread-tool-grid,
  .timeline-strip .dock-actions,
  .watch-profile-rail,
  .watch-profile-summary,
  .source-health-summary,
  .source-health-status-strip,
  .keyword-config-layout,
  .keyword-config-list,
  .keyword-config-toolbar,
  .report-platform-facts {
    grid-template-columns: 1fr;
  }

  .source-health-summary-icons {
    justify-content: flex-start;
    max-width: none;
  }
}

/* 2026-06-22 UI cleanup: daily operator surfaces */
.launcher-tile.alerts .launcher-icon {
  background: linear-gradient(135deg, #d97706, #dc2626);
}

.report-view-tabs {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: inline-flex;
  gap: 4px;
  margin: 0 0 16px;
  padding: 4px;
}

.report-view-tabs a {
  border-radius: 6px;
  color: var(--via-text);
  font-weight: 800;
  min-height: 36px;
  padding: 8px 12px;
  text-decoration: none;
}

.report-view-tabs a.selected {
  background: white;
  box-shadow: var(--via-shadow-card);
}

.insights-page-heading {
  align-items: end;
  gap: 18px;
  margin-bottom: 12px;
}

.insights-page-heading h1 {
  max-width: 12ch;
}

.insights-page-heading .lead {
  max-width: 62ch;
}

.insights-heading-actions {
  align-items: center;
}

.insights-dashboard {
  background: linear-gradient(180deg, #fff, #f8fbff);
  gap: 14px;
}

.insights-dashboard .panel-heading {
  align-items: center;
}

.insights-dashboard .report-visual-kpis {
  grid-template-columns: repeat(5, minmax(130px, 1fr));
}

.insights-dashboard .report-visual-kpis article {
  box-shadow: none;
  min-height: 104px;
}

.insights-dashboard .signal-map-canvas {
  grid-template-columns: minmax(150px, 0.32fr) minmax(0, 1.1fr) minmax(240px, 0.72fr);
}

.insights-dashboard .signal-map-platforms {
  display: none;
}

.insights-dashboard .signal-map-heading {
  align-items: center;
  grid-template-columns: minmax(0, 0.72fr) minmax(260px, 1fr);
}

.platform-detail-drawer {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 10px;
  padding: 10px 12px;
}

.platform-detail-drawer > summary {
  align-items: center;
  cursor: pointer;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr) auto;
  list-style: none;
}

.platform-detail-drawer > summary::-webkit-details-marker {
  display: none;
}

.platform-detail-drawer > summary::after {
  color: var(--via-action);
  content: "+";
  font-size: 20px;
  font-weight: 900;
  line-height: 1;
}

.platform-detail-drawer[open] > summary::after {
  content: "-";
}

.platform-detail-drawer > summary strong,
.platform-detail-drawer > summary small {
  display: block;
}

.platform-detail-drawer > summary small {
  color: var(--via-text-secondary);
  margin-top: 2px;
}

.platform-detail-drawer .report-platform-grid {
  margin-top: 12px;
}

@media (max-width: 1180px) {
  .insights-dashboard .signal-map-heading,
  .insights-dashboard .signal-map-canvas {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .insights-page-heading {
    align-items: stretch;
  }

  .insights-heading-actions {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .insights-dashboard .report-visual-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 460px) {
  .insights-dashboard .report-visual-kpis {
    grid-template-columns: 1fr;
  }
}

.thread-chip-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  order: 1;
}

.thread-chip-row > span,
.switch-control {
  align-items: center;
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 999px;
  color: var(--via-text-secondary);
  display: inline-flex;
  gap: 6px;
  min-height: 34px;
  min-width: 0;
  overflow-wrap: normal;
  padding: 6px 10px;
}

.thread-chip-row strong {
  color: var(--via-text);
  font-size: 13px;
  white-space: nowrap;
}

.switch-control {
  cursor: pointer;
  font-weight: 800;
}

.switch-control input {
  appearance: none;
  background: #cbd5e1;
  border-radius: 999px;
  height: 20px;
  margin: 0;
  position: relative;
  transition: background 160ms ease;
  width: 36px;
}

.switch-control input::after {
  background: white;
  border-radius: 999px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.24);
  content: "";
  height: 16px;
  left: 2px;
  position: absolute;
  top: 2px;
  transition: transform 160ms ease;
  width: 16px;
}

.switch-control input:checked {
  background: var(--via-action);
}

.switch-control input:checked::after {
  transform: translateX(16px);
}

.ai-draft-panel {
  background: #f7fbff;
  border: 1px solid rgba(13, 88, 199, 0.18);
  border-radius: 8px;
  display: grid;
  gap: 10px;
  order: 2;
  padding: 12px;
}

.ai-draft-panel[hidden] {
  display: none !important;
}

.ai-draft-panel .panel-heading h3 {
  font-size: 18px;
}

.ai-draft-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(160px, 0.6fr) minmax(0, 1.4fr);
}

.ai-draft-grid > div {
  background: white;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px;
}

.ai-draft-grid span {
  color: var(--via-action);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.ai-draft-grid strong,
.ai-draft-grid small {
  overflow-wrap: anywhere;
}

.conversation-workspace > [data-workflow-status] {
  order: 3;
}

.timeline-strip {
  order: 4;
  padding: 10px;
}

.timeline-strip .dock-summary:first-child {
  display: grid;
}

.conversation-action-dock-grid.thread-tool-grid {
  grid-template-columns: minmax(180px, 0.8fr) minmax(220px, 1fr) minmax(220px, 0.85fr);
}

html[data-role-mode="supervisor"] .conversation-action-dock-grid.thread-tool-grid,
html[data-role-mode="communications"] .conversation-action-dock-grid.thread-tool-grid,
html[data-role-mode="records"] .conversation-action-dock-grid.thread-tool-grid,
html[data-role-mode="developer"] .conversation-action-dock-grid.thread-tool-grid {
  grid-template-columns: minmax(180px, 0.75fr) minmax(180px, 0.75fr) minmax(220px, 1fr) minmax(220px, 0.85fr);
}

.timeline-strip .dock-summary,
.timeline-strip .dock-select {
  min-height: 62px;
  padding: 8px 10px;
}

.compact-approval-summary small:not(.sr-only) {
  color: var(--via-text-secondary);
  display: -webkit-box;
  font-size: 12px;
  line-height: 1.25;
  max-height: 30px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.timeline-strip .dock-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

html[data-role-mode="supervisor"] .timeline-strip .dock-actions,
html[data-role-mode="communications"] .timeline-strip .dock-actions,
html[data-role-mode="records"] .timeline-strip .dock-actions,
html[data-role-mode="developer"] .timeline-strip .dock-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.focused-conversation-workspace .message-stream {
  max-height: 500px;
  order: 5;
}

.chat-composer {
  background: white;
  order: 6;
}

.chat-composer textarea[data-reply-draft] {
  font-size: 15px;
  min-height: 84px;
}

.composer-note-drawer {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  padding: 8px 10px;
}

.composer-note-drawer summary {
  color: var(--via-text);
  cursor: pointer;
  font-weight: 800;
}

.composer-note-drawer textarea {
  margin-top: 8px;
  width: 100%;
}

html[data-role-mode="developer"] .operator-task-rail.developer-only {
  display: grid !important;
}

.conversation-workspace > [data-composer-status] {
  order: 7;
}

.context-status-stack {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tool-packet-list.developer-only,
.operator-task-rail.developer-only {
  margin-top: 10px;
}

.customer-hero .ask-brand-logo {
  display: none;
}

@media (max-width: 760px) {
  .messages-content {
    padding-bottom: calc(var(--via-dock-bottom-height) + 96px + env(safe-area-inset-bottom));
  }

  .thread-chip-row {
    align-items: stretch;
    display: grid;
    grid-template-columns: 1fr;
  }

  .thread-chip-row > span,
  .switch-control {
    border-radius: 8px;
    justify-content: space-between;
  }

  .ai-draft-grid,
  .conversation-action-dock-grid.thread-tool-grid,
  html[data-role-mode="supervisor"] .conversation-action-dock-grid.thread-tool-grid,
  html[data-role-mode="communications"] .conversation-action-dock-grid.thread-tool-grid,
  html[data-role-mode="records"] .conversation-action-dock-grid.thread-tool-grid,
  html[data-role-mode="developer"] .conversation-action-dock-grid.thread-tool-grid,
  .context-status-stack {
    grid-template-columns: 1fr;
  }

  .timeline-strip .dock-actions,
  html[data-role-mode="supervisor"] .timeline-strip .dock-actions,
  html[data-role-mode="communications"] .timeline-strip .dock-actions,
  html[data-role-mode="records"] .timeline-strip .dock-actions,
  html[data-role-mode="developer"] .timeline-strip .dock-actions {
    grid-template-columns: 1fr;
  }

  .operational-action-strip {
    scroll-margin-bottom: calc(var(--via-dock-bottom-height) + 72px);
  }

  .operational-action-strip .panel-heading {
    align-items: start;
    display: grid;
    grid-template-columns: 1fr;
  }

  .operational-action-strip-grid {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    padding-bottom: 4px;
    scrollbar-width: thin;
  }

  .operational-action-strip-grid .button {
    flex: 0 0 auto;
    min-width: 132px;
    overflow-wrap: normal;
    white-space: normal;
    word-break: normal;
  }

  .operator-task-advanced[open] .operator-task-list {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    padding-bottom: 4px;
    scrollbar-width: thin;
  }

  .operator-task-advanced[open] .operator-task-card {
    flex: 0 0 152px;
    min-width: 152px;
  }

  .operator-task-advanced[open] .operator-task-card strong,
  .operator-task-advanced[open] .operator-task-card small {
    overflow-wrap: normal;
    word-break: normal;
  }
}

/* 2026-06-22 VIA Signal Dock Redesign
   Adaptive navigation, role-aware disclosure, safe-area support, and plain
   operator labels. This layer is intentionally additive so current page tools
   keep their behavior while the shared shell adopts the new product structure. */
:root {
  --via-dock-width: 224px;
  --via-dock-compact-width: 92px;
  --via-dock-collapsed-width: 72px;
  --via-dock-bottom-height: 84px;
  --via-radius-lg: 18px;
  --via-radius-xl: 26px;
  --via-glass: rgba(255, 255, 255, 0.86);
  --via-glass-dark: rgba(0, 22, 53, 0.84);
  --via-shadow-float: 0 18px 55px rgba(0, 22, 53, 0.18), 0 4px 14px rgba(0, 22, 53, 0.14);
  --via-focus-ring: 0 0 0 3px rgba(13, 88, 199, 0.22), 0 0 0 1px var(--via-action);
}

html {
  color-scheme: light;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  min-width: 320px;
}

button,
a,
input,
select,
textarea,
summary {
  touch-action: manipulation;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible {
  box-shadow: var(--via-focus-ring);
  outline: 0;
}

.command-focus-target {
  box-shadow: var(--via-focus-ring), 0 14px 36px rgba(13, 88, 199, 0.18) !important;
  outline: 0;
  position: relative;
  z-index: 3;
}

.signal-shell {
  background:
    radial-gradient(circle at 100% 0%, rgba(13, 88, 199, 0.08), transparent 28rem),
    var(--via-bg);
  grid-template-columns: var(--via-dock-width) minmax(0, 1fr);
}

.signal-sidebar {
  background: linear-gradient(180deg, var(--via-navy-950), var(--via-navy-900));
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  gap: 18px;
  align-self: start;
  height: 100vh;
  max-height: 100vh;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 20px 16px;
  position: sticky;
  top: 0;
}

.signal-brand {
  border-radius: 16px;
  gap: 12px;
  min-height: 58px;
  padding: 4px 2px;
}

.signal-brand .brand-logo {
  max-height: 48px;
  width: 82px;
}

.signal-brand .brand-signal {
  font-size: 11px;
  letter-spacing: 4px;
}

.signal-dock {
  align-content: start;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--via-radius-lg);
  display: grid;
  gap: 6px;
  padding: 8px;
}

.signal-dock .dock-item,
.signal-more-trigger {
  align-items: center;
  border-radius: 14px;
  color: rgba(255, 255, 255, 0.86);
  display: flex;
  font-size: 14px;
  font-weight: 850;
  gap: 10px;
  min-height: 50px;
  padding: 10px 12px;
  position: relative;
  text-decoration: none;
  transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease, color 140ms ease, transform 140ms ease;
}

.signal-dock .dock-item:hover,
.signal-more-trigger:hover,
.signal-dock .dock-item:focus-visible,
.signal-more-trigger:focus-visible,
.signal-dock .dock-item.active {
  background: rgba(13, 88, 199, 0.78);
  color: #fff;
  outline: 0;
  text-decoration: none;
}

.signal-dock .dock-item:focus-visible,
.signal-more-trigger:focus-visible {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.22);
}

.signal-dock .dock-item:active,
.signal-more-trigger:active {
  transform: scale(0.985);
}

.dock-icon {
  align-items: center;
  background: rgba(255, 255, 255, 0.10);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 12px;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 15px;
  font-weight: 900;
  height: 30px;
  justify-content: center;
  line-height: 1;
  width: 30px;
}

.dock-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dock-badge {
  align-items: center;
  background: #fff;
  border-radius: 999px;
  color: var(--via-action);
  display: inline-flex;
  font-size: 11px;
  font-weight: 900;
  height: 20px;
  justify-content: center;
  margin-left: auto;
  min-width: 20px;
  padding: 0 6px;
}

.dock-badge.warning {
  color: var(--via-warning);
}

.signal-more {
  display: block;
  position: relative;
}

.signal-more > summary {
  cursor: pointer;
  list-style: none;
}

.signal-more > summary::-webkit-details-marker {
  display: none;
}

.signal-more-panel {
  background: #fff;
  border: 1px solid var(--via-border);
  border-radius: 16px;
  box-shadow: var(--via-shadow-float);
  display: grid;
  gap: 4px;
  left: calc(100% + 12px);
  max-height: min(76vh, 640px);
  min-width: 230px;
  overflow: auto;
  padding: 8px;
  position: absolute;
  top: 0;
  z-index: 40;
}

.signal-more:not([open]) .signal-more-panel {
  display: none;
}

.signal-more-panel a,
.signal-more-divider {
  align-items: center;
  border-radius: 10px;
  color: var(--via-text);
  display: flex;
  font-weight: 800;
  min-height: 42px;
  padding: 9px 12px;
}

.signal-more-panel a:hover {
  background: var(--via-muted);
  color: var(--via-action);
  text-decoration: none;
}

.signal-more-divider {
  color: var(--via-text-secondary);
  font-size: 11px;
  letter-spacing: 0.08em;
  min-height: 28px;
  text-transform: uppercase;
}

.signal-review-status {
  border-radius: 16px;
  padding: 13px;
}

.signal-topbar {
  backdrop-filter: saturate(180%) blur(18px);
  background: var(--via-glass);
  gap: 16px;
  min-height: 72px;
  padding: 12px 22px;
  z-index: 25;
}

.topbar-brand {
  align-items: center;
  color: var(--via-text);
  display: none;
  flex: 0 0 auto;
  font-size: 11px;
  font-weight: 900;
  gap: 8px;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.topbar-brand:hover {
  text-decoration: none;
}

.topbar-brand img {
  display: block;
  height: auto;
  max-height: 34px;
  width: 58px;
}

.signal-search {
  flex: 1 1 360px;
  max-width: 560px;
}

.signal-search input {
  border-radius: 14px;
  min-height: 48px;
}

.signal-topbar-actions {
  gap: 12px;
}

.signal-mobile-review-status {
  align-items: center;
  background: rgba(255, 248, 234, 0.92);
  border: 1px solid rgba(196, 124, 45, 0.25);
  border-radius: 999px;
  color: var(--via-text);
  display: none;
  font-size: 12px;
  font-weight: 800;
  gap: 7px;
  min-height: 36px;
  padding: 6px 11px;
  white-space: nowrap;
}

.signal-mobile-review-status span:last-child {
  color: var(--via-text-secondary);
}

.mobile-profile-menu {
  display: none;
  position: relative;
}

.mobile-profile-menu > summary {
  list-style: none;
}

.mobile-profile-menu > summary::-webkit-details-marker {
  display: none;
}

.mobile-profile-button {
  align-items: center;
  background: #f8fbff;
  border: 1px solid var(--via-border);
  border-radius: 999px;
  color: var(--via-text);
  cursor: pointer;
  display: inline-flex;
  gap: 0;
  min-height: 36px;
  padding: 4px 8px;
}

.mobile-profile-button > span:not(.sr-only) {
  align-items: center;
  background: var(--via-action);
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  font-size: 12px;
  font-weight: 900;
  height: 28px;
  justify-content: center;
  width: 28px;
}

.mobile-profile-button small {
  align-items: center;
  color: var(--via-text-secondary);
  display: inline-flex;
  font-size: 12px;
  font-weight: 900;
  height: 24px;
  justify-content: center;
  margin-left: 4px;
  width: 18px;
}

.mobile-profile-popover {
  background: var(--via-surface);
  border: 1px solid var(--via-border);
  border-radius: 12px;
  box-shadow: 0 18px 48px rgba(0, 22, 53, 0.18);
  display: grid;
  gap: 7px;
  min-width: min(260px, calc(100vw - 28px));
  padding: 12px;
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  z-index: 80;
}

.mobile-profile-popover span,
.mobile-profile-popover small {
  color: var(--via-text-secondary);
  overflow-wrap: anywhere;
}

.mobile-profile-popover form {
  margin: 4px 0 0;
}

.mobile-profile-menu:not([open]) .mobile-profile-popover {
  display: none;
}

.create-trigger {
  border-radius: 14px;
  min-height: 44px;
  padding-inline: 18px;
}

.demo-role-control {
  position: relative;
}

.demo-role-control::before {
  color: var(--via-text-secondary);
  content: "Demo role";
  font-size: 11px;
  font-weight: 800;
  left: 13px;
  pointer-events: none;
  position: absolute;
  text-transform: uppercase;
  top: -17px;
}

.demo-role-control select {
  background: var(--via-muted);
  border: 0;
  border-radius: 999px;
  font-weight: 850;
  min-height: 40px;
  min-width: 156px;
  padding-inline: 14px 32px;
}

.sidebar-sign-out-link,
.sidebar-auth-required,
.availability,
.user-chip {
  white-space: nowrap;
}

.signal-content {
  max-width: 1500px;
  min-width: 0;
  padding: clamp(22px, 3vw, 36px);
  padding-bottom: clamp(32px, 5vw, 72px);
  width: 100%;
}

.page-heading.dock-page-heading {
  align-items: end;
}

.page-heading .lead,
.customer-hero .lead {
  max-width: 70ch;
}

[data-role-allow] {
  display: none !important;
}

html[data-role-mode="agent"] [data-role-allow~="agent"],
html[data-role-mode="supervisor"] [data-role-allow~="supervisor"],
html[data-role-mode="communications"] [data-role-allow~="communications"],
html[data-role-mode="executive"] [data-role-allow~="executive"],
html[data-role-mode="records"] [data-role-allow~="records"],
html[data-role-mode="admin"] [data-role-allow~="admin"],
html[data-role-mode="developer"] [data-role-allow~="developer"] {
  display: flex !important;
}

html[data-role-mode="admin"] .admin-only,
html[data-role-mode="developer"] .admin-only {
  display: block !important;
}

.technical-detail,
.raw-system-detail {
  display: none;
}

html[data-role-mode="developer"] .technical-detail,
html[data-role-mode="developer"] .raw-system-detail {
  display: block;
}

.publish-workspace {
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);
  margin-top: 18px;
}

.publish-composer {
  grid-row: span 2;
}

.social-preview-shell {
  background: linear-gradient(180deg, #ffffff, #f8fbff);
  border: 1px solid var(--via-border);
  border-radius: 18px;
  display: grid;
  gap: 10px;
  padding: 18px;
}

.social-preview-shell p {
  font-size: 18px;
  line-height: 1.45;
  margin: 0;
}

.simple-list {
  display: grid;
  gap: 10px;
}

.simple-list article {
  border: 1px solid var(--via-border);
  border-radius: 12px;
  display: grid;
  gap: 4px;
  padding: 12px;
}

.simple-list small,
.social-preview-shell small {
  color: var(--via-text-secondary);
  font-weight: 700;
}

.flat-panel {
  box-shadow: none;
}

.metric-card small,
.panel p,
.snapshot dd,
.check-list li {
  overflow-wrap: anywhere;
}

.action-feedback {
  border-radius: 18px;
}

.command-palette-panel {
  border-radius: 22px;
}

.command-result {
  border-radius: 14px;
  min-height: 56px;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .signal-shell {
    grid-template-columns: var(--via-dock-compact-width) minmax(0, 1fr);
  }

  .signal-topbar {
    align-items: center;
    flex-direction: row;
    gap: 12px;
    justify-content: space-between;
    min-height: 72px;
    position: sticky;
    top: 0;
  }

  .signal-search {
    flex: 1 1 min(48vw, 560px);
    max-width: 560px;
  }

  .signal-topbar-actions {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    margin-left: auto;
    width: auto;
  }

  .signal-sidebar {
    padding-inline: 12px;
  }

  .signal-brand {
    justify-content: center;
  }

  .signal-brand .brand-logo {
    max-height: 34px;
    width: 48px;
  }

  .signal-brand .brand-signal,
  .signal-dock .dock-label,
  .signal-dock .dock-badge,
  .signal-review-status div {
    display: none;
  }

  .signal-mobile-review-status {
    display: inline-flex;
  }

  .signal-dock .dock-item,
  .signal-more-trigger {
    justify-content: center;
    padding-inline: 8px;
  }

  .signal-account-panel {
    justify-items: center;
    padding: 10px 6px;
  }

  .signal-account-panel .dock-role-control,
  .signal-account-panel .account-status-row,
  .signal-account-panel .role-status-copy {
    display: none;
  }

  .signal-account-panel .sidebar-user-chip {
    border-radius: 14px;
    font-size: 0;
    height: 40px;
    padding: 0;
    width: 40px;
  }

  .signal-account-panel .sidebar-user-chip::before {
    content: attr(data-profile-initials);
    font-size: 12px;
    font-weight: 900;
  }

  .signal-more-panel {
    left: calc(100% + 10px);
  }
}

@media (max-width: 1023px) {
  .signal-shell {
    display: block;
    min-height: 100vh;
  }

  .signal-sidebar {
    background: transparent;
    border: 0;
    bottom: 0;
    left: 0;
    min-height: 0;
    padding: 0 max(12px, env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-right));
    pointer-events: none;
    position: fixed;
    right: 0;
    top: auto;
    z-index: 60;
  }

  .signal-brand,
  .signal-review-status {
    display: none;
  }

  .signal-dock {
    align-items: center;
    backdrop-filter: saturate(180%) blur(22px);
    background: var(--via-glass-dark);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 24px;
    box-shadow: var(--via-shadow-float);
    display: flex;
    gap: 4px;
    justify-content: space-around;
    margin: 0 auto;
    max-width: min(720px, calc(100vw - 24px));
    overflow-x: auto;
    overflow-y: visible;
    padding: 7px;
    pointer-events: auto;
    scrollbar-width: none;
  }

  .signal-dock::-webkit-scrollbar {
    display: none;
  }

  .signal-dock .dock-item,
  .signal-more-trigger {
    border-radius: 18px;
    flex: 1 0 58px;
    flex-direction: column;
    font-size: 11px;
    gap: 4px;
    justify-content: center;
    min-height: 64px;
    min-width: 58px;
    padding: 7px 6px;
    text-align: center;
  }

  .signal-dock .dock-icon {
    height: 28px;
    width: 28px;
  }

  .signal-dock .dock-badge {
    margin: 0;
    position: absolute;
    right: 5px;
    top: 5px;
  }

  .signal-more {
    flex: 1 0 58px;
  }

  .signal-more-panel {
    bottom: calc(100% + 10px);
    left: auto;
    max-height: min(60vh, 460px);
    min-width: min(360px, calc(100vw - 32px));
    overflow: auto;
    right: 0;
    top: auto;
  }

  .topbar-brand {
    display: inline-flex;
  }

  .signal-mobile-review-status {
    display: inline-flex;
  }

  .mobile-profile-menu {
    display: inline-grid;
    justify-self: end;
  }

  .mobile-profile-popover {
    left: auto;
    max-height: min(50vh, 360px);
    max-width: calc(100vw - 28px);
    overflow: auto;
    position: fixed;
    right: max(14px, env(safe-area-inset-right));
    top: calc(72px + env(safe-area-inset-top));
    width: min(260px, calc(100vw - 28px));
  }

  .signal-topbar {
    padding-inline: max(16px, env(safe-area-inset-left)) max(16px, env(safe-area-inset-right));
  }

  .signal-content {
    padding-bottom: calc(var(--via-dock-bottom-height) + 128px + env(safe-area-inset-bottom));
  }

  .operational-action-strip,
  .reply-box.chat-composer,
  .message-workbench .reply-box.chat-composer {
    scroll-margin-bottom: calc(var(--via-dock-bottom-height) + 96px + env(safe-area-inset-bottom));
  }
}

@media (max-width: 760px) {
  .crm-capture-panel .panel-heading {
    align-items: start;
    flex-direction: column;
    gap: 8px;
  }

  .crm-capture-panel .panel-heading > .text-muted {
    max-width: 100%;
  }

  .signal-topbar {
    align-items: stretch;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .topbar-brand {
    display: none;
  }

  .signal-search {
    max-width: none;
    width: 100%;
  }

  .signal-topbar-actions {
    display: grid;
    gap: 8px;
    grid-template-columns: auto auto minmax(0, 1fr);
  }

  .signal-mobile-review-status {
    grid-column: 1 / -1;
    justify-self: start;
    max-width: 100%;
  }

  .demo-role-control,
  .availability,
  .sidebar-sign-out-link,
  .sidebar-auth-required {
    display: none;
  }

  .user-chip {
    justify-self: end;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .signal-content {
    padding: 18px 14px calc(var(--via-dock-bottom-height) + 38px + env(safe-area-inset-bottom));
  }

  .signal-dock {
    border-radius: 22px;
    max-width: calc(100vw - 18px);
  }

  .signal-dock .dock-item,
  .signal-more-trigger {
    min-height: 60px;
    min-width: 52px;
  }

  .dock-label {
    max-width: 64px;
  }

  .publish-workspace {
    grid-template-columns: 1fr;
  }

  .publish-composer {
    grid-row: auto;
  }
}

@media (max-width: 420px) {
  .signal-dock .dock-item,
  .signal-more-trigger {
    font-size: 10px;
    min-width: 46px;
    padding-inline: 4px;
  }

  .signal-dock .dock-icon {
    height: 26px;
    width: 26px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

@supports not ((backdrop-filter: blur(1px))) {
  .signal-topbar,
  .signal-dock {
    background: #fff;
  }

  @media (max-width: 1023px) {
    .signal-dock {
      background: var(--via-navy-950);
    }
  }
}

/* 2026-06-23 Messages cleanup: keep the inbox as a two-pane chat tool. */
.signal-shell.sidebar-collapsed,
.app-shell.sidebar-collapsed {
  grid-template-columns: var(--via-dock-collapsed-width) minmax(0, 1fr);
}

.sidebar-toggle {
  align-items: center;
  border-radius: 12px;
  display: inline-flex;
  flex: 0 0 auto;
  height: 44px;
  justify-content: center;
  padding: 0;
  width: 44px;
}

.sidebar-toggle svg {
  display: block;
  height: 20px;
  width: 20px;
}

.signal-shell.sidebar-collapsed .signal-sidebar {
  padding-inline: 10px;
}

.signal-shell.sidebar-collapsed .signal-brand {
  justify-content: center;
}

.signal-shell.sidebar-collapsed .signal-brand .brand-logo {
  max-height: 34px;
  width: 48px;
}

.signal-shell.sidebar-collapsed .signal-brand .brand-signal,
.signal-shell.sidebar-collapsed .signal-dock .dock-label,
.signal-shell.sidebar-collapsed .signal-dock .dock-badge,
.signal-shell.sidebar-collapsed .signal-review-status div {
  display: none;
}

.signal-shell.sidebar-collapsed .signal-dock .dock-item,
.signal-shell.sidebar-collapsed .signal-more-trigger {
  border-radius: 14px;
  flex: 0 0 44px;
  height: 44px;
  justify-content: center;
  min-height: 44px;
  padding: 0;
  width: 44px;
}

.signal-shell.sidebar-collapsed .signal-page,
.signal-shell.sidebar-collapsed .signal-content {
  min-width: 0;
  width: 100%;
}

.signal-shell.sidebar-collapsed .signal-content {
  max-width: none;
  padding-inline: clamp(18px, 2.4vw, 32px);
}

@media (min-width: 1024px) {
  .signal-shell.sidebar-collapsed .signal-dock {
    align-content: start;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  .signal-shell.sidebar-collapsed .signal-more {
    position: relative;
    width: 44px;
  }
}

.signal-more-panel {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: none;
  left: auto;
  max-height: none;
  min-width: 0;
  overflow: visible;
  position: static;
  top: auto;
}

.signal-more-panel a,
.signal-more-divider {
  color: rgba(255, 255, 255, 0.86);
}

.signal-more-panel a:hover {
  background: rgba(13, 88, 199, 0.45);
  color: #fff;
}

.signal-shell.sidebar-collapsed .signal-more-panel {
  background: #fff;
  border-color: var(--via-border);
  box-shadow: var(--via-shadow-card);
  grid-template-columns: 1fr;
  left: calc(var(--via-dock-collapsed-width) + 10px);
  max-height: min(72vh, 560px);
  min-width: 232px;
  overflow: auto;
  position: fixed;
  top: clamp(90px, 28vh, 220px);
  width: min(280px, calc(100vw - var(--via-dock-collapsed-width) - 28px));
  z-index: 80;
}

.signal-shell.sidebar-collapsed .signal-more-panel a,
.signal-shell.sidebar-collapsed .signal-more-divider {
  color: var(--via-text);
  font-size: 13px;
  line-height: 1.2;
}

.signal-shell.sidebar-collapsed .signal-more-panel a:hover {
  background: var(--via-muted);
  color: var(--via-action);
}

.signal-shell.sidebar-collapsed .signal-dock .dock-item:hover,
.signal-shell.sidebar-collapsed .signal-dock .dock-item:focus-visible,
.signal-shell.sidebar-collapsed .signal-dock .dock-item.active,
.signal-shell.sidebar-collapsed .signal-more-trigger:hover,
.signal-shell.sidebar-collapsed .signal-more-trigger:focus-visible {
  background: rgba(13, 88, 199, 0.86);
}

.chat-tool-layout {
  grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
}

.chat-tool-layout .conversation-list {
  max-height: calc(100vh - 220px);
  overflow: auto;
  position: sticky;
  top: 92px;
}

.chat-tool-layout .context-panel {
  grid-column: 2;
}

.focused-conversation-workspace {
  align-content: start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: calc(100vh - 220px);
  padding: 14px;
}

.focused-conversation-workspace .workspace-heading {
  order: 0;
}

.focused-conversation-workspace .thread-chip-row {
  order: 1;
}

.focused-conversation-workspace .message-stream {
  background: #fff;
  border-color: var(--via-border);
  max-height: min(48vh, 520px);
  min-height: 280px;
  order: 2;
  padding: 14px;
}

.focused-conversation-workspace .reply-box.chat-composer {
  box-shadow: none;
  order: 3;
}

.focused-conversation-workspace > [data-composer-status] {
  order: 4;
}

.timeline-strip {
  background: transparent;
  border: 0;
  order: 5;
  padding: 0;
}

.timeline-strip > summary {
  align-items: center;
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  list-style: none;
  min-height: 44px;
  padding: 9px 12px;
}

.timeline-strip > summary::-webkit-details-marker {
  display: none;
}

.timeline-strip > summary span:first-child {
  align-items: center;
  display: flex;
  gap: 8px;
  min-width: 0;
}

.timeline-strip > summary small {
  color: var(--via-text-secondary);
  font-weight: 800;
}

.timeline-strip[open] {
  background: #f8fbff;
  border: 1px solid rgba(13, 88, 199, 0.16);
  border-radius: 10px;
  padding: 10px;
}

.conversation-action-dock-grid.thread-tool-grid,
html[data-role-mode="supervisor"] .conversation-action-dock-grid.thread-tool-grid,
html[data-role-mode="communications"] .conversation-action-dock-grid.thread-tool-grid,
html[data-role-mode="records"] .conversation-action-dock-grid.thread-tool-grid,
html[data-role-mode="developer"] .conversation-action-dock-grid.thread-tool-grid {
  grid-template-columns: minmax(160px, 0.75fr) minmax(180px, 0.85fr) minmax(220px, 1fr);
}

.timeline-strip .dock-actions,
html[data-role-mode="supervisor"] .timeline-strip .dock-actions,
html[data-role-mode="communications"] .timeline-strip .dock-actions,
html[data-role-mode="records"] .timeline-strip .dock-actions,
html[data-role-mode="developer"] .timeline-strip .dock-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.composer-input-shell {
  display: grid;
  position: relative;
}

.composer-input-shell textarea {
  padding-bottom: 58px;
}

.composer-inline-tools {
  align-items: center;
  bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  position: absolute;
  right: 10px;
}

.composer-ai-toggle {
  background: #fff;
  min-height: 36px;
}

.composer-ai-status {
  margin: -2px 0 0;
}

.ai-draft-panel {
  display: none;
}

@media (max-width: 1200px) {
  .chat-tool-layout {
    grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
  }
}

@media (max-width: 920px) {
  .chat-tool-layout {
    grid-template-columns: 1fr;
  }

  .chat-tool-layout .conversation-list,
  .chat-tool-layout .context-panel {
    grid-column: auto;
  }

  .chat-tool-layout .conversation-list {
    max-height: 360px;
    position: static;
  }

  .focused-conversation-workspace {
    min-height: 0;
  }
}

@media (max-width: 760px) {
  .composer-input-shell textarea {
    padding-bottom: 12px;
  }

  .composer-inline-tools {
    justify-content: flex-start;
    margin-top: 8px;
    position: static;
  }

  .timeline-strip > summary {
    align-items: flex-start;
    flex-direction: column;
  }

  .conversation-action-dock-grid.thread-tool-grid,
  html[data-role-mode="supervisor"] .conversation-action-dock-grid.thread-tool-grid,
  html[data-role-mode="communications"] .conversation-action-dock-grid.thread-tool-grid,
  html[data-role-mode="records"] .conversation-action-dock-grid.thread-tool-grid,
  html[data-role-mode="developer"] .conversation-action-dock-grid.thread-tool-grid,
  .timeline-strip .dock-actions,
  html[data-role-mode="supervisor"] .timeline-strip .dock-actions,
  html[data-role-mode="communications"] .timeline-strip .dock-actions,
  html[data-role-mode="records"] .timeline-strip .dock-actions,
  html[data-role-mode="developer"] .timeline-strip .dock-actions {
    grid-template-columns: 1fr;
  }
}

/* 2026-06-23 Messages viewport containment */
@media (min-width: 921px) {
  .messages-content {
    display: grid;
    gap: 8px;
    grid-template-rows: auto auto minmax(0, 1fr);
    height: calc(100dvh - 68px);
    max-width: none;
    overflow: hidden;
    padding: 6px 24px 18px;
  }

  .messages-content > * {
    min-height: 0;
  }

  .message-page-heading {
    align-items: center;
    margin-bottom: 0;
  }

  .message-page-heading h1 {
    font-size: clamp(28px, 2.6vw, 40px);
    line-height: 1.05;
    margin: 0;
  }

  .message-page-heading .section-label {
    margin-bottom: 4px;
  }

  .message-page-heading .segmented button {
    min-height: 34px;
    padding: 7px 12px;
  }

  .message-tabbar {
    gap: 8px;
    margin-bottom: 0;
    padding: 10px 12px;
  }

  .message-tabbar .inbox-tabbar-header {
    align-items: end;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(260px, 0.8fr) minmax(360px, 0.72fr);
  }

  .message-tabbar h2 {
    font-size: 22px;
    line-height: 1.1;
    margin: 0;
  }

  .message-tabbar .section-label {
    margin-bottom: 4px;
  }

  .message-tabbar .inbox-command-actions {
    gap: 6px;
    grid-template-columns: minmax(260px, 1fr);
  }

  .message-tabbar .platform-tab-rail {
    min-height: 46px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
  }

  .message-workbench {
    align-items: stretch;
    gap: 12px;
    grid-template-columns: minmax(300px, 370px) minmax(0, 1fr);
    height: 100%;
    min-height: 0;
    overflow: hidden;
  }

  .message-workbench .conversation-list {
    height: 100%;
    max-height: none;
    overflow: auto;
    overscroll-behavior: contain;
    position: static;
    top: auto;
  }

  .message-workbench .conversation-card {
    min-height: 106px;
  }

  .message-workbench .focused-conversation-workspace {
    display: grid;
    grid-template-rows: auto auto auto minmax(220px, 1fr) minmax(230px, 290px);
    gap: 8px;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    padding: 12px;
  }

  .message-workbench .focused-conversation-workspace .workspace-heading,
  .message-workbench .focused-conversation-workspace .snapshot-status,
  .message-workbench .focused-conversation-workspace .thread-chip-row,
  .message-workbench .focused-conversation-workspace .reply-box.chat-composer,
  .message-workbench .focused-conversation-workspace > [data-composer-status],
  .message-workbench .focused-conversation-workspace .timeline-strip {
    flex: none;
  }

  .message-workbench .snapshot-status {
    margin: 0;
    order: 1;
    padding: 6px 12px;
  }

  .message-workbench .workspace-heading {
    gap: 10px;
  }

  .message-workbench .workspace-heading h2 {
    font-size: 24px;
    line-height: 1.1;
    margin: 0;
  }

  .message-workbench .thread-chip-row {
    flex-wrap: wrap;
    gap: 6px;
    order: 2;
  }

  .message-workbench .focused-conversation-workspace .message-stream {
    background: #fff;
    border-color: var(--via-border);
    flex: none;
    max-height: none;
    min-height: 220px;
    order: 3;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 12px;
  }

  .message-workbench .reply-box.chat-composer {
    box-shadow: none;
    gap: 8px;
    max-height: 290px;
    order: 4;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 10px;
  }

  .message-workbench .reply-box.chat-composer .composer-heading small {
    display: none;
  }

  .message-workbench .reply-box textarea {
    max-height: 132px;
    min-height: 108px;
  }

  .message-workbench .composer-input-shell textarea {
    padding-bottom: 52px;
  }

  .message-workbench .composer-ai-status {
    margin: 0;
  }

  .message-workbench .focused-conversation-workspace > [data-composer-status],
  .message-workbench .timeline-strip {
    display: none;
  }

  .message-workbench .reply-actions {
    gap: 8px;
  }

  .message-workbench .reply-actions .button {
    min-height: 40px;
    padding-block: 8px;
  }

  .message-workbench .timeline-strip,
  .message-workbench .compact-tool-rail {
    margin-top: 0;
  }

  .message-workbench .context-panel {
    display: none;
  }
}

@media (max-width: 920px) {
  .message-workbench {
    display: grid;
    grid-template-columns: 1fr;
    height: auto;
    overflow: visible;
  }

  .message-workbench .conversation-list {
    max-height: 360px;
    overflow: auto;
  }

  .message-workbench .context-panel {
    display: block;
    grid-column: 1;
    margin-top: 12px;
    order: 3;
    position: static;
  }

  .message-workbench .focused-conversation-workspace {
    height: auto;
    overflow: visible;
    order: 2;
  }

  .message-workbench .conversation-list {
    order: 1;
  }

  .message-workbench .context-disclosure {
    box-shadow: none;
  }
}

/* 2026-06-23 Compact mastheads */
.signal-content .page-heading {
  align-items: center;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
  margin-bottom: 10px;
  min-height: 0;
}

.signal-content .page-heading > div:first-child {
  display: grid;
  gap: 4px;
}

.signal-content .page-heading h1 {
  border: 0 !important;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap;
  width: 1px !important;
}

.signal-content .page-heading .section-label {
  margin: 0;
}

.signal-content .page-heading .lead {
  font-size: 14px;
  line-height: 1.3;
  margin: 0;
  max-width: 58ch;
}

.signal-content .page-heading .reply-actions,
.signal-content .page-heading .insights-heading-actions {
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.signal-content .page-heading .button {
  min-height: 38px;
  padding: 8px 12px;
}

.signal-content .page-heading.insights-page-heading,
.signal-content .page-heading.dock-page-heading,
.signal-content .page-heading.account-page-heading,
.signal-content .page-heading.access-page-heading {
  align-items: center;
}

.signal-content .insights-page-heading {
  margin-bottom: 10px;
}

@media (max-width: 760px) {
  .signal-content .page-heading {
    align-items: stretch;
    grid-template-columns: 1fr;
  }

  .signal-content .page-heading .reply-actions,
  .signal-content .page-heading .insights-heading-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  .alert-phase-strip,
  .alert-audience-summary,
  .audience-rule-grid,
  .alert-targeting-grid,
  .report-command-summary,
  .report-command-actions {
    grid-template-columns: 1fr;
  }

  .team-role-picker {
    display: grid;
    grid-template-columns: 1fr;
  }

  .preference-search {
    grid-template-columns: 1fr;
  }
}

/* 2026-06-23 Account controls: keep staff status out of the main toolbar. */
.signal-sidebar-footer {
  display: grid;
  flex: 0 0 auto;
  gap: 10px;
  margin-top: auto;
  max-width: 100%;
  min-width: 0;
  overflow: visible;
  width: 100%;
}

.signal-account-panel {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 16px;
  display: grid;
  gap: 10px;
  justify-items: stretch;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  padding: 12px;
  width: 100%;
}

.signal-shell:not(.sidebar-collapsed) .signal-account-panel {
  align-content: start;
  grid-auto-rows: max-content;
  grid-template-columns: minmax(0, 1fr);
}

.signal-shell:not(.sidebar-collapsed) .signal-account-panel .availability,
.signal-shell:not(.sidebar-collapsed) .signal-account-panel .role-status-copy {
  min-width: 0;
  white-space: normal;
}

.signal-account-panel .dock-role-control {
  display: grid;
  gap: 6px;
  max-width: 100%;
  min-width: 0;
  position: static;
  width: 100%;
}

.signal-account-panel .dock-role-control::before {
  color: rgba(255, 255, 255, 0.72);
  content: "Role mode";
  display: block;
  font-size: 11px;
  font-weight: 900;
  left: auto;
  letter-spacing: 0.06em;
  position: static;
  text-transform: uppercase;
  top: auto;
}

.signal-account-panel .dock-role-control select {
  background: rgba(255, 255, 255, 0.96);
  border: 0;
  border-radius: 12px;
  max-width: 100%;
  min-height: 40px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.account-status-row {
  align-items: center;
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.signal-account-panel .availability {
  color: rgba(255, 255, 255, 0.9);
  font-size: 13px;
  font-weight: 850;
}

.signal-account-panel .sidebar-sign-out-link,
.signal-account-panel .sidebar-auth-required {
  background: rgba(255, 255, 255, 0.94);
  border-color: transparent;
  color: var(--via-text);
  min-height: 34px;
  padding: 7px 10px;
}

.sidebar-auth-form {
  margin: 0;
  max-width: 100%;
  min-width: 0;
  width: 100%;
}

.signal-account-panel .sidebar-sign-out-link {
  cursor: pointer;
}

.signal-account-panel .sidebar-auth-required {
  align-items: center;
  border-radius: 10px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 850;
}

.signal-account-panel .sidebar-user-chip {
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #fff;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  line-height: 1.15;
  max-width: 100%;
  min-height: 44px;
  min-width: 0;
  overflow: hidden;
  padding: 8px 10px;
  text-align: left;
  width: 100%;
}

.signal-account-panel .sidebar-user-name {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.signal-account-panel .sidebar-user-chip small,
.signal-account-panel .role-status-copy {
  color: rgba(255, 255, 255, 0.68);
}

.signal-account-panel .sidebar-user-chip small {
  flex: 0 1 auto;
  font-size: 12px;
  line-height: 1.1;
  max-width: 46%;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.signal-account-panel .role-status-copy {
  display: block;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
  max-width: 100%;
  min-width: 0;
  overflow-wrap: anywhere;
}

.login-access-panel {
  align-items: center;
  grid-template-columns: auto minmax(0, 1fr);
  padding: 12px;
}

.access-lock-icon {
  align-items: center;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 12px;
  color: #fff;
  display: inline-flex;
  font-size: 12px;
  font-weight: 950;
  height: 38px;
  justify-content: center;
  letter-spacing: 0.04em;
  width: 38px;
}

.access-lock-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.access-lock-copy strong {
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.2;
}

.access-lock-copy span {
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.25;
}

.mobile-account-summary {
  align-items: center;
  display: none;
  gap: 8px;
  min-width: 0;
}

.mobile-account-summary .availability {
  font-size: 13px;
  font-weight: 850;
}

.mobile-account-summary .user-chip {
  min-width: 0;
}

.signal-shell.sidebar-collapsed .signal-account-panel {
  justify-items: center;
  padding: 10px 6px;
}

.signal-shell.sidebar-collapsed .signal-account-panel .dock-role-control,
.signal-shell.sidebar-collapsed .signal-account-panel .account-status-row,
.signal-shell.sidebar-collapsed .signal-account-panel .role-status-copy {
  display: none;
}

.signal-shell.sidebar-collapsed .signal-account-panel .sidebar-user-chip {
  border-radius: 14px;
  font-size: 0;
  height: 40px;
  padding: 0;
  width: 40px;
}

.signal-shell.sidebar-collapsed .signal-account-panel .sidebar-user-chip::before {
  content: attr(data-profile-initials);
  font-size: 12px;
  font-weight: 900;
}

.signal-shell.sidebar-collapsed .login-access-panel {
  grid-template-columns: 1fr;
}

.signal-shell.sidebar-collapsed .login-access-panel .access-lock-copy {
  display: none;
}

@media (max-width: 1023px) {
  :root {
    --via-dock-bottom-height: 148px;
  }

  .signal-sidebar {
    height: auto;
    max-height: none;
    min-height: 0;
    top: auto;
  }

  .signal-account-panel {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: space-between;
    margin: 0 auto;
    max-width: min(720px, calc(100vw - 24px));
    padding: 8px;
    width: 100%;
  }

  .signal-sidebar-footer {
    display: none;
    margin: 0 auto;
    max-width: min(720px, calc(100vw - 24px));
    order: 1;
    pointer-events: auto;
    width: 100%;
  }

  .signal-dock {
    order: 2;
  }

  .signal-sidebar-footer .signal-review-status,
  .signal-account-panel .dock-role-control,
  .signal-account-panel .role-status-copy {
    display: none;
  }

  .signal-account-panel .account-status-row {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    gap: 8px;
    min-width: 0;
  }

  .signal-account-panel .availability,
  .signal-account-panel .sidebar-user-chip,
  .signal-account-panel .sidebar-sign-out-link,
  .signal-account-panel .sidebar-auth-required {
    display: inline-flex;
  }

  .signal-account-panel .availability {
    min-width: 0;
  }

  .signal-account-panel .sidebar-user-chip {
    flex: 0 1 auto;
    max-width: 180px;
    width: auto;
  }

  .login-access-panel {
    justify-content: start;
  }
}

@media (max-width: 760px) {
  .signal-sidebar-footer {
    max-width: calc(100vw - 18px);
  }

  .signal-account-panel {
    max-width: calc(100vw - 18px);
  }

  .signal-account-panel .sidebar-user-chip {
    max-width: 136px;
  }
}

@media (max-width: 420px) {
  .signal-account-panel {
    align-items: stretch;
    display: grid;
    gap: 6px;
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .signal-account-panel .account-status-row {
    display: contents;
  }

  .signal-account-panel .availability {
    align-self: center;
  }

  .signal-account-panel .sidebar-sign-out-link,
  .signal-account-panel .sidebar-auth-required {
    justify-content: center;
  }

  .signal-account-panel .sidebar-user-chip {
    grid-column: 1 / -1;
    justify-self: stretch;
    max-width: none;
    width: 100%;
  }

  .login-access-panel {
    grid-template-columns: auto minmax(0, 1fr);
  }
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .signal-account-panel {
    justify-items: center;
    padding: 10px 6px;
  }

  .signal-account-panel .dock-role-control,
  .signal-account-panel .account-status-row,
  .signal-account-panel .role-status-copy {
    display: none;
  }

  .signal-account-panel .sidebar-user-chip {
    border-radius: 14px;
    font-size: 0;
    height: 40px;
    padding: 0;
    width: 40px;
  }

  .signal-account-panel .sidebar-user-chip::before {
    content: attr(data-profile-initials);
    font-size: 12px;
    font-weight: 900;
  }

  .signal-account-panel.login-access-panel {
    grid-template-columns: 1fr;
  }

  .signal-account-panel.login-access-panel .access-lock-copy {
    display: none;
  }
}

/* 2026-06-23 Messages: seamless active conversation pane */
@media (min-width: 921px) {
  .message-workbench {
    grid-template-columns: minmax(300px, 340px) minmax(0, 1fr);
  }

  .message-workbench .focused-conversation-workspace {
    background: #fff;
    border: 1px solid rgba(13, 88, 199, 0.18);
    border-radius: 18px;
    box-shadow: var(--via-shadow-card);
    display: grid;
    gap: 0;
    grid-template-rows: auto auto auto minmax(250px, 1fr) minmax(238px, 286px);
    min-height: 0;
    overflow: hidden;
    padding: 0;
  }

  .message-workbench .focused-conversation-workspace .workspace-heading {
    align-items: flex-start;
    background: linear-gradient(180deg, #fff 0%, #f8fbff 100%);
    border-bottom: 1px solid rgba(13, 88, 199, 0.12);
    gap: 14px;
    padding: 16px 20px 12px;
  }

  .message-workbench .workspace-heading h2 {
    font-size: 25px;
  }

  .message-workbench .snapshot-status {
    background: #f8fbff;
    border: 0;
    border-bottom: 1px solid rgba(13, 88, 199, 0.12);
    border-radius: 0;
    font-size: 13px;
    margin: 0;
    order: 1;
    padding: 7px 20px;
  }

  .message-workbench .conversation-topic-line {
    align-items: center;
    display: inline-flex;
    gap: 8px;
    min-width: 0;
  }

  .message-workbench .thread-chip-row {
    background: #f8fbff;
    border-bottom: 1px solid rgba(13, 88, 199, 0.12);
    flex-wrap: nowrap;
    gap: 8px;
    margin: 0;
    order: 2;
    overflow-x: auto;
    padding: 7px 20px 8px;
    scrollbar-width: thin;
  }

  .message-workbench .thread-chip-row > span {
    background: #fff;
    flex: 0 0 auto;
    min-height: 32px;
    padding: 5px 10px;
  }

  .message-workbench .focused-conversation-workspace .message-stream {
    align-content: start;
    background:
      linear-gradient(180deg, rgba(248, 251, 255, 0.82), rgba(255, 255, 255, 0.96));
    border: 0;
    border-radius: 0;
    flex: none;
    gap: 14px;
    max-height: none;
    min-height: 220px;
    order: 3;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 18px 24px;
  }

  .message-workbench .message-row {
    max-width: min(88%, 760px);
  }

  .message-workbench .message-row.outbound {
    max-width: min(86%, 740px);
  }

  .message-workbench .message-copy {
    border-radius: 14px;
  }

  .message-workbench .reply-box.chat-composer {
    background: #fff;
    border: 0;
    border-radius: 0;
    border-top: 1px solid rgba(13, 88, 199, 0.12);
    box-shadow: none;
    gap: 10px;
    max-height: 286px;
    order: 4;
    overflow-y: auto;
    padding: 14px 20px 16px;
  }

  .message-workbench .reply-box.chat-composer .composer-heading {
    align-items: start;
  }

  .message-workbench .reply-box.chat-composer .composer-review-band {
    padding: 8px 10px;
  }

  .message-workbench .reply-box.chat-composer .composer-review-band small {
    display: -webkit-box;
    max-height: 36px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .message-workbench .reply-box textarea {
    max-height: 130px;
    min-height: 108px;
  }

  .message-workbench .composer-ai-status {
    border-color: rgba(13, 88, 199, 0.12);
    margin: 0;
  }

  .message-workbench .composer-note-drawer {
    background: #f8fbff;
  }
}

@media (max-width: 920px) {
  .message-workbench .focused-conversation-workspace {
    border-radius: 16px;
    overflow: visible;
  }

  .message-workbench .focused-conversation-workspace .message-stream {
    max-height: none;
    min-height: 360px;
  }

  .message-workbench .reply-box.chat-composer {
    max-height: 320px;
    overflow-y: auto;
  }

  .message-workbench .reply-box textarea {
    max-height: 138px;
    min-height: 110px;
  }
}

@media (max-width: 760px) {
  .message-workbench .thread-chip-row {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .message-workbench .thread-chip-row > span {
    border-radius: 999px;
    flex: 0 0 auto;
    justify-content: flex-start;
  }

  .message-workbench .message-row,
  .message-workbench .message-row.outbound {
    max-width: 100%;
  }

  .message-workbench .focused-conversation-workspace .message-stream,
  .message-workbench .reply-box.chat-composer {
    padding-inline: 14px;
  }

  .message-workbench .reply-box.chat-composer {
    max-height: 240px;
  }

  .messages-content .reply-box.chat-composer .composer-review-band > div,
  .messages-content .composer-staff-note {
    grid-template-columns: 1fr;
  }

  .messages-content .reply-box.chat-composer .composer-review-band strong,
  .messages-content .reply-box.chat-composer .composer-review-band small {
    white-space: normal;
  }
}

@media (max-width: 360px) {
  .messages-content .reply-box.chat-composer {
    gap: 8px;
    padding: 10px 12px 14px;
  }

  .messages-content .reply-box.chat-composer .composer-heading small {
    display: none;
  }

  .messages-content .reply-box.chat-composer .composer-review-band {
    gap: 6px;
  }

  .messages-content .reply-box.chat-composer .composer-review-band small {
    display: -webkit-box;
    line-height: 1.25;
    max-height: 38px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .messages-content .reply-box.chat-composer textarea {
    min-height: 86px;
  }

  .messages-content .reply-box.chat-composer .reply-actions {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .messages-content .reply-box.chat-composer .reply-actions .button {
    min-width: 0;
    padding-inline: 8px;
    white-space: normal;
  }
}

/* 2026-06-23 Messages: one-line controls with list-scoped search. */
.signal-content .message-control-strip {
  align-items: center;
  gap: 10px 14px;
  margin-bottom: 10px;
  padding: 10px 12px;
}

.message-control-title {
  min-width: 0;
}

.message-control-title .section-label {
  white-space: nowrap;
}

.signal-content .message-control-strip .segmented {
  justify-self: start;
  white-space: nowrap;
}

.signal-content .message-control-strip .platform-tab-rail {
  margin: 0;
  min-width: 0;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
}

.signal-content .message-control-strip .platform-tab {
  flex: 0 0 auto;
}

.signal-content .message-control-strip .evidence-drawer,
.signal-content .message-control-strip .inbox-command-metrics,
.signal-content .message-control-strip .platform-route-disclosure,
.signal-content .message-control-strip .compact-status {
  grid-column: 1 / -1;
}

.message-workbench .conversation-list-header {
  align-items: stretch;
  background: #fff;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr);
  justify-items: stretch;
  padding: 12px;
  position: sticky;
  top: 0;
  z-index: 2;
}

.message-workbench .conversation-list-heading {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  min-width: 0;
}

.message-workbench .conversation-list-heading > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.message-workbench .conversation-list-search {
  display: grid;
  gap: 6px;
  grid-template-columns: 1fr;
  width: 100%;
}

.message-workbench .conversation-list-search label {
  color: var(--via-text-secondary);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-transform: uppercase;
}

.message-workbench .conversation-list-search input {
  background: #fff;
  border: 1px solid var(--via-border);
  border-radius: 12px;
  min-height: 42px;
  padding: 10px 12px;
  width: 100%;
}

@media (min-width: 921px) {
  .messages-content {
    grid-template-rows: auto minmax(0, 1fr);
  }

  .signal-content .message-control-strip {
    grid-template-columns: minmax(94px, max-content) max-content minmax(0, 1fr);
  }
}

@media (max-width: 920px) {
  .signal-content .message-control-strip {
    align-items: stretch;
    grid-template-columns: 1fr;
  }

  .signal-content .message-control-strip .segmented,
  .signal-content .message-control-strip .platform-tab-rail {
    width: 100%;
  }
}

@media (max-width: 760px) {
  .signal-content .message-control-strip .segmented {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .signal-content .message-control-strip .segmented button {
    min-width: 0;
    padding-inline: 8px;
  }
}

/* 2026-06-24 annotation cleanup: compact dock, clearer hovers, and roomier tools. */
.signal-brand + .signal-review-status {
  align-items: center;
  display: inline-flex;
  gap: 8px;
  margin: -6px auto 12px;
  min-height: 34px;
  padding: 7px 12px;
  width: fit-content;
}

.signal-review-status {
  max-width: 100%;
}

.signal-sidebar-footer .signal-review-status {
  display: none;
}

.sidebar-signout-form {
  display: grid;
  margin-top: 10px;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  width: 100%;
}

.sidebar-signout-form .sidebar-sign-out-link {
  justify-content: center;
  max-width: 100%;
  min-height: 38px;
  min-width: 0;
  width: 100%;
}

.signal-topbar {
  display: grid;
  gap: 16px;
  grid-template-columns: auto minmax(280px, min(640px, 52vw)) auto;
}

.signal-topbar .sidebar-toggle {
  justify-self: start;
}

.signal-search {
  flex: none;
  justify-self: center;
  max-width: 640px;
  width: 100%;
}

.signal-topbar-actions {
  justify-self: end;
}

.signal-mobile-review-status span:not(.status-dot) {
  display: none;
}

.signal-dock .dock-item,
.signal-more-trigger {
  position: relative;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .signal-brand + .signal-review-status {
    border-radius: 999px;
    gap: 0;
    height: 32px;
    justify-content: center;
    margin: -2px auto 14px;
    min-height: 32px;
    padding: 0;
    width: 32px;
  }

  .signal-brand + .signal-review-status strong {
    display: none;
  }

  .signal-dock {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    grid-template-columns: none;
    justify-items: center;
  }

  .signal-dock .dock-item,
  .signal-more-trigger {
    border-radius: 14px;
    height: 44px;
    justify-content: center;
    min-height: 44px;
    padding: 0;
    width: 44px;
  }

  .signal-dock .dock-icon {
    font-size: 0;
  }

  .signal-dock .dock-icon::before {
    content: attr(data-symbol);
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
  }

  .signal-dock .dock-badge {
    display: inline-flex;
    position: absolute;
    right: -4px;
    top: -4px;
  }

  .sidebar-signout-form .sidebar-sign-out-link {
    align-items: center;
    font-size: 0;
    justify-content: center;
    min-height: 36px;
    padding: 0;
    position: relative;
    width: 56px;
  }

  .sidebar-signout-form .sidebar-sign-out-link::before {
    border: 2px solid currentColor;
    border-left: 0;
    border-radius: 0 4px 4px 0;
    content: "";
    display: block;
    height: 17px;
    margin-left: 4px;
    width: 13px;
  }

  .sidebar-signout-form .sidebar-sign-out-link::after {
    border-right: 2px solid currentColor;
    border-top: 2px solid currentColor;
    content: "";
    display: block;
    height: 8px;
    left: 19px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 8px;
  }

  .signal-dock .dock-label {
    background: #fff;
    border: 1px solid var(--via-border);
    border-radius: 12px;
    box-shadow: var(--via-shadow);
    color: var(--via-text);
    display: block;
    font-size: 13px;
    font-weight: 800;
    left: calc(100% + 10px);
    line-height: 1;
    opacity: 0;
    padding: 10px 12px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity 120ms ease, transform 120ms ease;
    white-space: nowrap;
    z-index: 30;
  }

  .signal-dock .dock-item:hover .dock-label,
  .signal-dock .dock-item:focus-visible .dock-label,
  .signal-more-trigger:hover .dock-label,
  .signal-more-trigger:focus-visible .dock-label {
    opacity: 1;
    transform: translate(4px, -50%);
  }
}

.signal-shell.sidebar-collapsed .signal-dock {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  grid-template-columns: none;
  justify-items: center;
  padding: 8px 6px;
}

.signal-shell.sidebar-collapsed .signal-review-status {
  border-radius: 999px;
  gap: 0;
  height: 32px;
  justify-content: center;
  margin: -2px auto 14px;
  min-height: 32px;
  padding: 0;
  width: 32px;
}

.signal-shell.sidebar-collapsed .signal-review-status strong {
  display: none;
}

.signal-shell.sidebar-collapsed .signal-dock .dock-icon {
  font-size: 0;
}

.signal-shell.sidebar-collapsed .signal-dock .dock-icon::before {
  content: attr(data-symbol);
  font-size: 18px;
  font-weight: 900;
  line-height: 1;
}

.signal-shell.sidebar-collapsed .signal-dock .dock-badge {
  display: inline-flex;
  position: absolute;
  right: -5px;
  top: -5px;
}

.signal-shell.sidebar-collapsed .signal-dock .dock-label {
  background: #fff;
  border: 1px solid var(--via-border);
  border-radius: 12px;
  box-shadow: var(--via-shadow);
  color: var(--via-text);
  display: block;
  font-size: 13px;
  font-weight: 800;
  left: calc(100% + 10px);
  opacity: 0;
  padding: 10px 12px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
  z-index: 30;
}

.signal-shell.sidebar-collapsed .dock-item:hover .dock-label,
.signal-shell.sidebar-collapsed .dock-item:focus-visible .dock-label,
.signal-shell.sidebar-collapsed .signal-more-trigger:hover .dock-label,
.signal-shell.sidebar-collapsed .signal-more-trigger:focus-visible .dock-label {
  opacity: 1;
  transform: translate(4px, -50%);
}

.signal-shell.sidebar-collapsed .signal-account-panel {
  align-items: center;
  display: grid;
  height: 56px;
  justify-items: center;
  padding: 8px;
  width: 56px;
}

.signal-shell.sidebar-collapsed .sidebar-user-chip {
  border-radius: 16px;
  font-size: 12px;
  height: 42px;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 42px;
}

.signal-shell.sidebar-collapsed .sidebar-user-chip small,
.signal-shell.sidebar-collapsed .sidebar-user-name,
.signal-shell.sidebar-collapsed .role-status-copy,
.signal-shell.sidebar-collapsed .dock-role-control,
.signal-shell.sidebar-collapsed .account-status-row {
  display: none;
}

.signal-shell.sidebar-collapsed .sidebar-signout-form .sidebar-sign-out-link {
  align-items: center;
  font-size: 0;
  justify-content: center;
  min-height: 36px;
  padding: 0;
  position: relative;
  width: 56px;
}

.signal-shell.sidebar-collapsed .sidebar-signout-form .sidebar-sign-out-link::before {
  border: 2px solid currentColor;
  border-left: 0;
  border-radius: 0 4px 4px 0;
  content: "";
  display: block;
  height: 17px;
  margin-left: 4px;
  width: 13px;
}

.signal-shell.sidebar-collapsed .sidebar-signout-form .sidebar-sign-out-link::after {
  border-right: 2px solid currentColor;
  border-top: 2px solid currentColor;
  content: "";
  display: block;
  height: 8px;
  left: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 8px;
}

@media (max-width: 1023px) {
  .signal-shell.sidebar-collapsed,
  .app-shell.sidebar-collapsed {
    display: block;
    grid-template-columns: none;
  }

  .signal-shell.sidebar-collapsed .signal-sidebar {
    background: transparent;
    border: 0;
    bottom: 0;
    height: auto;
    left: 0;
    max-height: none;
    min-height: 0;
    padding: 0 max(12px, env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-right));
    pointer-events: none;
    position: fixed;
    right: 0;
    top: auto;
    width: auto;
  }

  .signal-shell.sidebar-collapsed .signal-dock {
    align-items: center;
    backdrop-filter: saturate(180%) blur(22px);
    background: var(--via-glass-dark);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 24px;
    box-shadow: var(--via-shadow-float);
    display: flex;
    flex-direction: row;
    gap: 4px;
    grid-template-columns: none;
    justify-content: space-around;
    margin: 0 auto;
    max-width: min(720px, calc(100vw - 24px));
    overflow-x: auto;
    overflow-y: visible;
    padding: 7px;
    pointer-events: auto;
    scrollbar-width: none;
    width: auto;
  }

  .signal-shell.sidebar-collapsed .signal-dock::-webkit-scrollbar {
    display: none;
  }

  .signal-shell.sidebar-collapsed .signal-dock .dock-item,
  .signal-shell.sidebar-collapsed .signal-more-trigger {
    border-radius: 18px;
    flex: 1 0 58px;
    flex-direction: column;
    font-size: 11px;
    gap: 4px;
    height: auto;
    justify-content: center;
    min-height: 64px;
    min-width: 58px;
    padding: 7px 6px;
    text-align: center;
    width: auto;
  }

  .signal-shell.sidebar-collapsed .signal-dock .dock-icon {
    font-size: 15px;
    height: 28px;
    width: 28px;
  }

  .signal-shell.sidebar-collapsed .signal-dock .dock-icon::before {
    content: none;
  }

  .signal-shell.sidebar-collapsed .signal-dock .dock-badge {
    display: inline-flex;
    margin: 0;
    position: absolute;
    right: 5px;
    top: 5px;
  }

  .signal-shell.sidebar-collapsed .signal-dock .dock-label {
    background: transparent;
    border: 0;
    box-shadow: none;
    color: rgba(255, 255, 255, 0.86);
    display: block;
    font-size: 11px;
    font-weight: 850;
    left: auto;
    line-height: 1.1;
    max-width: 64px;
    opacity: 1;
    overflow: hidden;
    padding: 0;
    pointer-events: auto;
    position: static;
    text-overflow: ellipsis;
    top: auto;
    transform: none;
    white-space: nowrap;
    z-index: auto;
  }

  .signal-shell.sidebar-collapsed .signal-more {
    flex: 1 0 58px;
    position: relative;
    width: auto;
  }

  .signal-shell.sidebar-collapsed .signal-more-panel {
    bottom: calc(100% + 10px);
    left: auto;
    max-height: min(60vh, 460px);
    min-width: min(360px, calc(100vw - 32px));
    overflow: auto;
    position: absolute;
    right: 0;
    top: auto;
    width: auto;
  }

  .signal-shell.sidebar-collapsed .signal-account-panel {
    align-items: center;
    display: flex;
    gap: 8px;
    height: auto;
    justify-content: space-between;
    justify-items: normal;
    margin: 0 auto;
    max-width: min(720px, calc(100vw - 24px));
    padding: 8px;
    width: 100%;
  }

  .signal-shell.sidebar-collapsed .sidebar-user-chip {
    border-radius: 14px;
    font-size: 0;
    height: 40px;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: 40px;
  }
}

@media (max-width: 760px) {
  .signal-shell.sidebar-collapsed .signal-account-panel {
    max-width: calc(100vw - 18px);
  }

  .signal-shell.sidebar-collapsed .sidebar-signout-form .sidebar-sign-out-link {
    display: none;
  }
}

.messages-content {
  max-width: none;
  padding-top: 6px;
}

.messages-content .message-page-heading {
  margin-bottom: 8px;
  margin-top: 0;
  position: static;
  top: auto;
}

.messages-content .message-control-title h1 {
  font-size: clamp(18px, 1.6vw, 24px);
}

.messages-content .message-workbench {
  height: clamp(600px, calc(100vh - 210px), 860px);
  min-height: 600px;
}

.messages-content .conversation-list {
  max-height: none;
  overflow-y: auto;
}

.messages-content .conversation-card {
  min-height: 112px;
}

.messages-content .conversation-card-body {
  overflow: visible;
}

.messages-content .focused-conversation-workspace {
  align-items: stretch;
  grid-template-rows: auto minmax(240px, 1fr) auto;
  min-height: 0;
  overflow: hidden;
}

.messages-content .compact-context-panel {
  max-height: clamp(600px, calc(100vh - 210px), 860px);
  overflow: auto;
}

.messages-content .message-workbench .snapshot-status {
  display: none;
}

.messages-content .message-stream {
  contain: paint;
  grid-row: 2;
  height: 100%;
  max-height: none;
  min-height: 0;
  order: 3;
  overflow-x: hidden;
  overflow-y: auto;
}

.messages-content .thread-chip-row {
  display: none;
}

.messages-content .thread-chip-row > span {
  min-height: 28px;
  padding: 4px 9px;
}

.messages-content .reply-box.chat-composer {
  background:
    linear-gradient(180deg, #fff 0%, #f8fbff 100%);
  border-top: 1px solid rgba(13, 88, 199, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
  grid-row: 3;
  max-height: none;
  order: 4;
  overflow: visible;
  padding: 12px 16px 18px;
  position: relative;
  z-index: 1;
}

.messages-content .reply-box.chat-composer .composer-heading strong {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.messages-content .reply-box.chat-composer .composer-recipient-separator {
  color: var(--via-text-secondary);
}

.messages-content .reply-box.chat-composer .composer-review-band {
  align-items: center;
  display: grid;
  gap: 8px;
  grid-template-columns: auto minmax(0, 1fr);
  min-height: 0;
  padding: 6px 10px;
}

.messages-content .reply-box.chat-composer .composer-review-band small {
  display: block;
  line-height: 1.25;
  max-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-line-clamp: unset;
}

.messages-content .reply-box.chat-composer .composer-review-band > div {
  align-items: baseline;
  display: grid;
  gap: 2px 10px;
  grid-template-columns: auto minmax(0, 1fr);
}

.messages-content .reply-box.chat-composer .composer-review-band .status-pill {
  font-size: 12px;
  min-height: 26px;
  padding: 3px 9px;
}

.messages-content .reply-box.chat-composer .composer-review-band strong {
  font-size: 13px;
  line-height: 1.2;
  white-space: nowrap;
}

.messages-content .reply-box.chat-composer .composer-input-shell {
  background: #fff;
  border: 1px solid rgba(13, 88, 199, 0.18);
  border-radius: 12px;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
}

.messages-content .reply-box.chat-composer textarea {
  min-height: 108px;
}

.messages-content .composer-ai-status {
  display: none;
  margin-bottom: 0;
}

.messages-content .thread-chip-row .pill {
  white-space: nowrap;
}

@media (max-width: 920px) {
  .messages-content .message-workbench {
    height: auto;
    min-height: 0;
    overflow: visible;
  }

  .messages-content .focused-conversation-workspace {
    overflow: visible;
  }

  .messages-content .message-stream {
    contain: none;
    height: auto;
    min-height: 360px;
  }
}

.channel-buttons .disabled-channel {
  cursor: not-allowed;
  opacity: 0.55;
}

.pause-option-grid {
  margin-bottom: 14px;
}

.platform-detail-drawer {
  margin-top: 18px;
  padding: 14px;
}

.platform-detail-drawer .report-platform-grid {
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.report-command-workspace .report-command-body {
  gap: 16px;
}

.report-command-workspace .report-command-summary {
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.report-command-workspace .report-command-actions {
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.report-command-workspace .report-command-actions .button {
  min-height: 44px;
  white-space: normal;
}

.account-page-heading .lead {
  max-width: 68ch;
}

.account-cockpit-picker {
  gap: 10px;
}

/* 2026-06-29 Browser-comment polish: compact account, role guidance, and setup disclosures. */
.signal-sidebar-footer {
  justify-items: center;
}

.sidebar-profile-menu {
  align-items: center;
  background: transparent;
  border: 0;
  box-shadow: none;
  display: grid;
  gap: 0;
  justify-content: center;
  justify-items: center;
  max-width: 100%;
  min-width: 0;
  overflow: visible;
  padding: 0;
  position: relative;
  width: 100%;
}

.sidebar-profile-menu > summary {
  list-style: none;
  max-width: 100%;
}

.sidebar-profile-menu > summary::-webkit-details-marker {
  display: none;
}

.profile-icon-button {
  align-items: center;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 18px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  height: 56px;
  justify-content: center;
  min-width: 56px;
  padding: 5px;
  width: 56px;
}

.profile-icon-button:hover,
.profile-icon-button:focus-visible {
  background: rgba(255, 255, 255, 0.18);
  outline: 3px solid rgba(255, 255, 255, 0.18);
  text-decoration: none;
}

.profile-avatar {
  align-items: center;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  color: #fff;
  display: inline-flex;
  font-size: 18px;
  font-weight: 900;
  height: 46px;
  justify-content: center;
  letter-spacing: 0;
  width: 46px;
}

.profile-role-dot {
  display: none;
}

.profile-menu-popover {
  background: var(--via-navy-900);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 14px;
  bottom: calc(100% + 10px);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.32);
  color: #fff;
  display: grid;
  gap: 10px;
  left: 50%;
  max-height: min(520px, calc(100vh - 32px));
  min-width: min(280px, calc(100vw - 28px));
  overflow: auto;
  padding: 12px;
  position: absolute;
  transform: translateX(-50%);
  width: min(300px, calc(100vw - 28px));
  z-index: 90;
}

.profile-menu-identity {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.profile-menu-identity strong,
.profile-menu-identity span {
  overflow-wrap: anywhere;
}

.profile-menu-identity span {
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
  font-weight: 700;
}

.sidebar-profile-menu:not([open]) .profile-menu-popover {
  display: none;
}

.signal-shell:not(.sidebar-collapsed) .sidebar-profile-menu .profile-menu-popover {
  left: 0;
  min-width: 0;
  right: 0;
  transform: none;
  width: 100%;
}

.sidebar-profile-menu .dock-role-control,
.sidebar-profile-menu .account-status-row {
  display: grid;
}

.sidebar-profile-menu .dock-role-control {
  display: grid;
  gap: 6px;
  width: 100%;
}

.sidebar-profile-menu .dock-role-control::before {
  content: none;
  display: none;
}

.sidebar-profile-menu .dock-role-control span {
  color: rgba(255, 255, 255, 0.86);
  font-size: 12px;
  font-weight: 850;
}

.sidebar-profile-menu .dock-role-control select {
  background: rgba(255, 255, 255, 0.96);
  border: 0;
  border-radius: 10px;
  color: var(--via-text);
  min-height: 38px;
  min-width: 0;
  width: 100%;
}

.sidebar-profile-menu .account-status-row {
  grid-template-columns: 1fr;
}

.sidebar-profile-menu .availability {
  display: inline-flex;
  font-size: 13px;
}

.sidebar-profile-menu .sidebar-sign-out-link {
  color: var(--via-text);
  font-size: 13px;
  font-weight: 850;
  justify-content: center;
  min-height: 38px;
  padding: 8px 10px;
  width: 100%;
}

.profile-menu-settings-link {
  background: rgba(255, 255, 255, 0.96);
  color: var(--via-text);
  justify-content: center;
  min-height: 38px;
  width: 100%;
}

.role-status-copy {
  color: rgba(255, 255, 255, 0.72);
  display: block;
  font-size: 11px;
  line-height: 1.35;
}

.sidebar-profile-menu .sidebar-sign-out-link::before,
.sidebar-profile-menu .sidebar-sign-out-link::after {
  content: none;
  display: none;
}

.signal-shell.sidebar-collapsed .sidebar-profile-menu {
  height: 56px;
  width: 56px;
}

.signal-shell.sidebar-collapsed .sidebar-profile-menu .profile-menu-popover {
  bottom: 24px;
  left: calc(var(--via-dock-collapsed-width) + 10px);
  min-width: 0;
  position: fixed;
  right: auto;
  transform: none;
  width: min(280px, calc(100vw - var(--via-dock-collapsed-width) - 28px));
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .signal-shell:not(.sidebar-collapsed) .sidebar-profile-menu .profile-menu-popover {
    bottom: 24px;
    left: calc(var(--via-dock-compact-width) + 10px);
    min-width: 0;
    position: fixed;
    right: auto;
    transform: none;
    width: min(280px, calc(100vw - var(--via-dock-compact-width) - 28px));
  }
}

@media (max-width: 1023px) {
  .signal-shell.sidebar-collapsed .signal-sidebar-footer {
    display: none;
  }
}

.role-visibility-grid,
.channel-setup-list,
.request-source-grid,
.crm-capture-flow {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.role-onboarding-panel {
  background: #fff;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  box-shadow: var(--via-shadow-card);
  display: grid;
  gap: 14px;
  margin: 0 0 18px;
  padding: 16px;
}

.role-onboarding-panel[hidden] {
  display: none;
}

.role-onboarding-header {
  align-items: start;
  display: flex;
  gap: 16px;
  justify-content: space-between;
}

.role-onboarding-header h2 {
  font-size: 22px;
  line-height: 1.2;
  margin: 0;
}

.role-onboarding-header p {
  color: var(--via-text-secondary);
  margin: 4px 0 0;
  max-width: 72ch;
}

.role-onboarding-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.role-onboarding-summary span {
  background: #f3f6fb;
  border: 1px solid var(--via-border);
  border-radius: 999px;
  color: var(--via-text-secondary);
  font-size: 12px;
  font-weight: 800;
  padding: 5px 9px;
}

.role-onboarding-summary strong {
  color: var(--via-text);
}

.role-onboarding-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.role-onboarding-step {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 9px;
  min-width: 0;
  padding: 12px;
}

.role-onboarding-step.status-green {
  background: #f2fbf6;
  border-color: #a8dcc0;
}

.role-onboarding-step.status-watch {
  background: #fff8ec;
  border-color: #f1ca8b;
}

.role-onboarding-step.status-blocked {
  background: #fff4f4;
  border-color: #ebb3b3;
}

.role-onboarding-step-heading {
  align-items: start;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

.role-onboarding-step strong {
  font-size: 15px;
  line-height: 1.25;
}

.role-onboarding-step .status-pill {
  background: #eaf2ff;
  border-radius: 999px;
  color: var(--via-action);
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 900;
  padding: 4px 8px;
}

.role-onboarding-step .status-pill.green {
  background: #dff7e8;
  color: #146c3a;
}

.role-onboarding-step .status-pill.watch {
  background: #fff0d7;
  color: #855000;
}

.role-onboarding-step .status-pill.blocked {
  background: #ffe2e2;
  color: #9b1c1c;
}

.role-onboarding-step p {
  color: var(--via-text-secondary);
  line-height: 1.4;
  margin: 0;
}

.role-onboarding-reason {
  color: var(--via-text) !important;
  font-weight: 700;
}

.role-onboarding-meta {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
}

.role-onboarding-meta div {
  background: rgba(255, 255, 255, 0.68);
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 8px;
  min-width: 0;
  padding: 8px;
}

.role-onboarding-meta dt {
  color: var(--via-text-secondary);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.role-onboarding-meta dd {
  color: var(--via-text);
  font-size: 12px;
  font-weight: 800;
  margin: 2px 0 0;
  overflow-wrap: anywhere;
}

.role-onboarding-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.role-onboarding-actions .button {
  flex: 1 1 120px;
}

.role-onboarding-proof-link,
.role-onboarding-result {
  color: var(--via-text-secondary);
  font-size: 12px;
  font-weight: 800;
}

.role-onboarding-proof-link {
  text-decoration: none;
}

.role-onboarding-proof-link:hover,
.role-onboarding-proof-link:focus-visible {
  color: var(--via-action);
  text-decoration: underline;
}

.ask-via-live-workbar {
  align-items: stretch;
  background: #f8fbff;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
  margin: 12px 20px;
  padding: 10px;
}

.ask-via-live-workbar div {
  border-right: 1px solid rgba(148, 163, 184, 0.24);
  min-width: 0;
  padding-right: 10px;
}

.ask-via-live-workbar span,
.ask-via-live-workbar small {
  color: var(--via-text-secondary);
  display: block;
  line-height: 1.35;
}

.ask-via-live-workbar strong {
  color: var(--via-text);
  display: block;
  overflow-wrap: anywhere;
}

.alert-operations-panel {
  margin-bottom: 14px;
}

.alert-queue-table {
  min-width: 900px;
}

.alert-workflow-details {
  background: #fff;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  box-shadow: var(--via-shadow-card);
  margin-bottom: 16px;
  padding: 12px;
}

.alert-workflow-details > summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-weight: 900;
  justify-content: space-between;
}

.alert-workflow-details > summary small {
  color: var(--via-text-secondary);
  display: block;
  font-weight: 700;
  margin-top: 2px;
}

.launch-readiness-heading .reply-actions {
  align-items: stretch;
}

@media (max-width: 980px) {
  .case-operations-layout,
  .staff-account-selected-panel {
    grid-template-columns: 1fr;
  }

  .ask-via-live-workbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 10px 14px;
  }

  .ask-via-live-workbar .button {
    grid-column: 1 / -1;
    justify-content: center;
  }
}

@media (max-width: 640px) {
  .table-toolbar {
    align-items: stretch;
    display: grid;
    grid-template-columns: 1fr;
  }

  .ask-via-live-workbar {
    grid-template-columns: 1fr;
  }

  .ask-via-live-workbar div {
    border-right: 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.24);
    padding: 0 0 8px;
  }
}

.launch-readiness-onboarding {
  border-color: rgba(13, 88, 199, 0.2);
}

.launch-readiness-onboarding[hidden] {
  display: none;
}

.launch-readiness-order {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
}

.launch-readiness-order li {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  color: var(--via-text);
  font-weight: 800;
  min-height: 54px;
  padding: 12px 14px;
}

.launch-readiness-board {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.launch-readiness-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.launch-readiness-card.green {
  border-color: rgba(22, 163, 74, 0.26);
}

.launch-readiness-card.watch {
  border-color: rgba(217, 119, 6, 0.34);
}

.launch-readiness-card.blocked {
  border-color: rgba(220, 38, 38, 0.28);
}

.launch-readiness-card-top {
  align-items: start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.launch-readiness-card-top h2 {
  font-size: clamp(1.15rem, 1.6vw, 1.55rem);
  line-height: 1.15;
  margin: 0;
}

.launch-readiness-card p {
  color: var(--via-text-secondary);
  margin: 0;
}

.launch-readiness-next {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  color: var(--via-text);
  display: grid;
  gap: 4px;
  padding: 12px;
}

.launch-readiness-card .reply-actions {
  margin-top: auto;
}

.snapshot.compact {
  gap: 6px 12px;
  grid-template-columns: max-content minmax(0, 1fr);
  margin: 0;
}

.snapshot.compact dd {
  min-width: 0;
  overflow-wrap: anywhere;
}

.launch-readiness-proof-panel {
  border-color: rgba(13, 88, 199, 0.2);
}

.crm-integration-heading .lead {
  max-width: 900px;
}

.crm-proposal-decision {
  border-color: rgba(13, 88, 199, 0.22);
}

.crm-proposal-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
}

.crm-proposal-list {
  display: grid;
  gap: 12px;
}

.crm-proposal-list.compact {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
}

.crm-proposal-row {
  background: var(--via-muted);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 8px;
  padding: 14px;
}

.crm-proposal-row > div {
  align-items: start;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  min-width: 0;
}

.crm-proposal-row strong {
  color: var(--via-text);
  font-size: 1rem;
}

.crm-proposal-row span,
.crm-proposal-row small {
  color: var(--via-text-secondary);
  overflow-wrap: anywhere;
}

.crm-proposal-row p {
  color: var(--via-text);
  margin: 0;
}

.crm-classification-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
}

.crm-classification-card {
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 10px;
  padding: 14px;
}

.crm-classification-card p {
  color: var(--via-text-secondary);
  margin: 0;
}

.crm-classification-card ul {
  margin: 0;
  padding-left: 18px;
}

.crm-source-ledger {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
}

.crm-source-ledger a {
  background: #fff;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  color: inherit;
  display: grid;
  gap: 6px;
  padding: 14px;
  text-decoration: none;
}

.crm-source-ledger a:focus-visible,
.crm-source-ledger a:hover {
  border-color: var(--via-action);
}

.crm-source-ledger span {
  color: var(--via-text-secondary);
}

.role-preview-panel {
  display: grid;
  gap: 12px;
}

.role-preview-panel .role-status-copy {
  color: var(--via-text-secondary);
}

.settings-role-preview-control {
  align-items: end;
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(140px, 0.35fr) minmax(220px, 0.65fr);
  max-width: 620px;
}

.settings-role-preview-control span {
  color: var(--via-text);
  font-weight: 900;
}

.settings-role-preview-control select {
  border: 1px solid var(--via-border);
  border-radius: 8px;
  color: var(--via-text);
  font: inherit;
  min-height: 42px;
  min-width: 0;
  padding: 8px 10px;
  width: 100%;
}

.role-visibility-grid article,
.channel-setup-list article,
.request-source-grid article,
.crm-capture-flow article,
.ask-live-resource,
.ask-local-staging,
.ask-agent-handoff-panel,
.request-intake-guide,
.crm-capture-panel,
.role-visibility-panel {
  background: var(--via-surface);
  border: 1px solid var(--via-border);
  border-radius: 8px;
}

.role-visibility-grid article,
.channel-setup-list article,
.request-source-grid article,
.crm-capture-flow article {
  display: grid;
  gap: 8px;
  padding: 12px;
}

.role-visibility-grid dl,
.crm-capture-flow dl {
  display: grid;
  gap: 6px;
  margin: 0;
}

.role-visibility-grid dt,
.crm-capture-flow dt,
.channel-setup-list strong,
.request-source-grid strong {
  color: var(--via-text);
  font-weight: 900;
}

.role-visibility-grid dd,
.crm-capture-flow dd {
  color: var(--via-text-secondary);
  margin: 0;
}

.channel-setup-list article small,
.request-source-grid article small,
.crm-capture-flow article small {
  color: var(--via-text-secondary);
  line-height: 1.35;
}

.ask-live-resource,
.ask-local-staging,
.ask-agent-handoff-panel,
.request-intake-guide,
.crm-capture-panel,
.role-visibility-panel {
  display: grid;
  gap: 12px;
  padding: 14px;
}

.message-row.internal {
  max-width: min(620px, 100%);
}

.message-row.internal .message-copy {
  background: #f8fbff;
  border-color: rgba(13, 88, 199, 0.28);
  border-style: dashed;
}

.interaction-report-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.interaction-report-card {
  background: var(--via-surface);
  border: 1px solid var(--via-border);
  border-radius: 8px;
  display: grid;
  gap: 10px;
  padding: 12px;
}

.interaction-report-card p {
  color: var(--via-text-secondary);
  margin: 0;
}

.interaction-timeline.compact {
  max-height: 260px;
}

.messages-content .composer-staff-note {
  align-items: center;
  background: #f8fbff;
  border-color: rgba(13, 88, 199, 0.16);
  display: grid;
  gap: 8px;
  grid-template-columns: auto minmax(0, 1fr);
  min-height: 44px;
  padding: 6px 10px;
}

.messages-content .composer-staff-note label {
  color: var(--via-text);
  display: grid;
  font-size: 13px;
  font-weight: 900;
  gap: 1px;
  min-width: 82px;
  text-transform: none;
}

.messages-content .composer-staff-note label small {
  color: var(--via-text-secondary);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.messages-content .composer-staff-note textarea,
.messages-content .reply-box.chat-composer .composer-staff-note textarea {
  height: 38px;
  max-height: 42px;
  min-height: 38px;
  overflow-y: auto;
  resize: none;
}

@media (min-width: 1180px) {
  .messages-content .message-workbench {
    grid-template-columns: minmax(280px, 320px) minmax(0, 1fr) minmax(260px, 300px);
  }

  .messages-content .message-workbench .context-panel {
    align-content: start;
    display: grid;
    grid-column: auto;
    gap: 10px;
    max-height: clamp(600px, calc(100vh - 210px), 860px);
    overflow: auto;
    overscroll-behavior: contain;
    padding: 10px;
  }

  .messages-content .interaction-snapshot-panel {
    gap: 9px;
    padding: 10px;
  }

  .messages-content .interaction-snapshot-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .messages-content .interaction-snapshot-footer,
  .messages-content .tool-packet-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .messages-content .message-workbench {
    height: auto;
    min-height: 0;
    overflow: visible;
  }

  .messages-content .focused-conversation-workspace {
    overflow: visible;
  }

  .messages-content .message-stream {
    contain: none;
    height: auto;
    min-height: 0;
  }

  .messages-content .reply-box.chat-composer .composer-review-band,
  .messages-content .reply-box.chat-composer .composer-review-band > div,
  .messages-content .composer-staff-note {
    grid-template-columns: 1fr;
  }

  .messages-content .reply-box.chat-composer .composer-review-band strong,
  .messages-content .reply-box.chat-composer .composer-review-band small {
    max-height: none;
    white-space: normal;
  }

  .messages-content .composer-staff-note label {
    min-width: 0;
  }

  .settings-role-preview-control,
  .interaction-snapshot-heading,
  .interaction-snapshot-footer {
    grid-template-columns: 1fr;
  }

  .interaction-snapshot-meta {
    grid-template-columns: 1fr;
  }
}

.composer-note-drawer[open] {
  max-height: 138px;
  overflow: auto;
}

.composer-note-drawer textarea {
  max-height: 72px;
}

.signal-wall-activation-summary {
  background: var(--via-surface);
  border-color: var(--via-border);
  display: block;
  padding: 0;
}

.signal-wall-activation-summary > summary {
  align-items: center;
  cursor: pointer;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(220px, 1fr) auto;
  list-style: none;
  padding: 12px;
}

.signal-wall-activation-summary > summary::-webkit-details-marker {
  display: none;
}

.signal-wall-activation-summary > summary small {
  color: var(--via-text-secondary);
}

.signal-wall-activation-body {
  border-top: 1px solid var(--via-border);
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(240px, 0.8fr) minmax(280px, 1fr) minmax(160px, auto);
  padding: 12px;
}

.signal-wall-toggle {
  align-items: center;
  display: grid;
  gap: 8px;
  grid-template-columns: auto minmax(0, 1fr);
  white-space: normal;
}

.signal-wall-toggle span {
  display: grid;
  gap: 2px;
}

.signal-wall-toggle small {
  color: var(--via-text-secondary);
  font-weight: 650;
  line-height: 1.3;
}

.listening-setup-workspace > summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-weight: 900;
  justify-content: space-between;
  list-style: none;
}

.listening-setup-workspace > summary::-webkit-details-marker {
  display: none;
}

.listening-setup-workspace:not([open]) {
  gap: 0;
}

@media (max-width: 820px) {
  .role-visibility-grid,
  .channel-setup-list,
  .request-source-grid,
  .crm-capture-flow,
  .signal-wall-activation-body {
    grid-template-columns: 1fr;
  }

  .signal-wall-activation-summary > summary {
    grid-template-columns: 1fr;
  }

  .profile-menu-popover {
    bottom: 64px;
    left: 0;
    min-width: min(260px, calc(100vw - 28px));
  }
}

@media (max-width: 860px) {
  .signal-topbar {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .signal-search {
    max-width: none;
  }

  .signal-topbar-actions .create-trigger {
    display: none;
  }
}

@media (max-width: 920px) {
  .signal-wall-layout,
  .signal-wall-status-grid,
  .signal-wall-activation-summary,
  .signal-wall-activation-lists,
  .signal-wall-config-main,
  .signal-wall-config-copy,
  .signal-wall-capture-panel,
  .signal-wall-capture-steps,
  .social-guardrail-grid,
  .staff-copilot-grid,
  .staff-copilot-grid.compact {
    grid-template-columns: 1fr;
  }

  .signal-wall-heading {
    align-items: stretch;
  }

  .signal-wall-toggle {
    white-space: normal;
  }

  .sentiment-report-grid,
  .sentiment-platform-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .social-listening-guardrail-panel .panel-heading,
  .staff-copilot-panel .panel-heading,
  .staff-copilot-governance-panel .panel-heading,
  .signal-wall-capture-panel .panel-heading {
    align-items: stretch;
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr;
    justify-content: start;
  }

  .social-listening-guardrail-panel .panel-heading > .status-pill,
  .staff-copilot-panel .panel-heading > .status-pill,
  .staff-copilot-governance-panel .panel-heading > .status-pill,
  .signal-wall-capture-panel .panel-heading > .status-pill {
    justify-self: start;
    max-width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
    white-space: normal;
    width: fit-content;
  }

  .social-listening-guardrail-panel,
  .staff-copilot-panel,
  .signal-wall-control-panel,
  .signal-wall-feed-panel {
    scroll-margin-bottom: calc(var(--via-dock-bottom-height) + 48px);
  }

  .signal-topbar {
    grid-template-columns: minmax(0, 1fr);
    max-width: 100vw;
    overflow-x: clip;
  }

  .signal-topbar .sidebar-toggle,
  .signal-search,
  .signal-topbar-actions {
    min-width: 0;
  }

  .signal-search {
    justify-self: stretch;
    width: 100%;
  }

  .signal-search input {
    min-width: 0;
  }

  .signal-topbar-actions {
    align-items: stretch;
    display: grid;
    grid-template-columns: minmax(44px, auto) minmax(0, 1fr) auto;
    justify-self: stretch;
    width: 100%;
  }

  .signal-mobile-review-status {
    justify-self: start;
    min-width: 0;
  }

  .mobile-profile-menu {
    align-self: start;
    justify-self: end;
  }

  .signal-topbar-actions .notification-menu,
  .signal-topbar-actions .user-chip,
  .mobile-profile-menu {
    min-width: 0;
  }

  .signal-topbar-actions .user-chip {
    justify-self: stretch;
    max-width: none;
  }

  .signal-content {
    padding-bottom: calc(var(--via-dock-bottom-height) + 72px + env(safe-area-inset-bottom));
  }

  .signal-wall-item,
  .signal-wall-item-header {
    grid-template-columns: 1fr;
  }

  .signal-wall-source-row {
    grid-template-columns: 1fr;
  }

  .signal-wall-item {
    display: grid;
  }

  .signal-wall-item-header {
    display: grid;
  }

  .signal-wall-urgency {
    justify-self: start;
  }

  .sentiment-bar-row {
    grid-template-columns: 1fr auto;
  }

  .sentiment-bar-track {
    grid-column: 1 / -1;
  }
}

@media (max-width: 1023px) {
  .signal-sidebar .signal-dock,
  .signal-shell.sidebar-collapsed .signal-dock {
    background: #092246;
  }
}

/* 2026-07-01 account-role cleanup: keep admin profile simple and prevent dock overflow. */
@media (min-width: 1024px) {
  .signal-sidebar {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    overflow: hidden;
  }

  .signal-dock {
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
  }

  .signal-dock::-webkit-scrollbar {
    width: 8px;
  }

  .signal-dock::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 999px;
  }

  .signal-shell:not(.sidebar-collapsed) .sidebar-profile-menu .profile-menu-popover {
    bottom: 18px;
    left: 16px;
    max-height: min(420px, calc(100vh - 36px));
    position: fixed;
    right: auto;
    top: auto;
    transform: none;
    width: min(calc(var(--via-dock-width) - 32px), calc(100vw - 32px));
  }

  .signal-shell:not(.sidebar-collapsed) .sidebar-profile-menu[data-role-preview="false"] .profile-menu-popover {
    max-height: min(300px, calc(100vh - 36px));
  }

  .signal-shell:not(.sidebar-collapsed) .signal-more[open] > .signal-more-panel {
    background: #fff;
    border-color: var(--via-border);
    box-shadow: var(--via-shadow-card);
    color: var(--via-text);
    left: calc(var(--via-dock-width) + 10px);
    max-height: min(62dvh, calc(100vh - 112px));
    min-width: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    position: fixed;
    right: auto;
    top: clamp(72px, 16vh, 148px);
    width: min(300px, calc(100vw - var(--via-dock-width) - 28px));
    z-index: 95;
  }

  .signal-shell:not(.sidebar-collapsed) .signal-more[open] > .signal-more-panel a,
  .signal-shell:not(.sidebar-collapsed) .signal-more[open] > .signal-more-panel .signal-more-divider {
    color: var(--via-text);
    font-size: 13px;
    line-height: 1.2;
  }

  .signal-shell:not(.sidebar-collapsed) .signal-more[open] > .signal-more-panel a:hover {
    background: var(--via-muted);
    color: var(--via-action);
  }
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .signal-shell:not(.sidebar-collapsed) .signal-more[open] > .signal-more-panel {
    left: calc(var(--via-dock-compact-width) + 10px);
    width: min(300px, calc(100vw - var(--via-dock-compact-width) - 28px));
  }
}

@media (max-width: 1023px) {
  .signal-shell .signal-more[open] > .signal-more-panel,
  .signal-shell.sidebar-collapsed .signal-more[open] > .signal-more-panel {
    max-height: min(64dvh, calc(100dvh - var(--via-dock-bottom-height) - 44px));
    overscroll-behavior: contain;
  }
}

/* 2026-07-07 Messages operational cleanup:
   proof widgets stay available to developers, but never own the first viewport
   or trap the inbox below a hidden overflow container. */
.inbox-advanced-evidence {
  background: #f8fbff;
  border: 1px solid var(--via-border);
  border-radius: 8px;
  padding: 0;
}

.inbox-advanced-evidence > summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding: 10px 12px;
}

.inbox-advanced-evidence > summary::-webkit-details-marker {
  display: none;
}

.inbox-advanced-evidence > summary::after {
  content: "+";
  font-weight: 900;
}

.inbox-advanced-evidence[open] > summary::after {
  content: "-";
}

.inbox-advanced-evidence > summary strong,
.inbox-advanced-evidence > summary small {
  display: block;
}

.inbox-advanced-evidence > summary small {
  color: var(--via-text-secondary);
}

.inbox-advanced-evidence-grid {
  display: grid;
  gap: 10px;
  padding: 0 12px 12px;
}

.inbox-advanced-evidence .compact-dashboard-chips {
  margin: 0;
}

@media (min-width: 921px) {
  .messages-content {
    height: auto;
    min-height: calc(100dvh - 68px);
    overflow: visible;
  }

  .messages-content .message-workbench {
    height: clamp(620px, calc(100dvh - 178px), 900px);
    min-height: 620px;
  }

  .messages-content .compact-context-panel,
  .messages-content .message-workbench .context-panel {
    max-height: clamp(620px, calc(100dvh - 178px), 900px);
  }
}

@media (max-width: 760px) {
  .message-tabbar .inbox-advanced-evidence,
  .message-tabbar .inbox-advanced-evidence-grid,
  .message-tabbar .inbox-advanced-evidence .compact-dashboard-chips {
    display: none !important;
  }
}

/* 2026-07-07 Staff access cleanup:
   account administration is a table-first workflow; the detail pane remains
   available for selected-row review without making every user a large card. */
.staff-command-table {
  border: 1px solid var(--via-border);
  border-radius: 8px;
  gap: 0;
  overflow: hidden;
}

.staff-command-table-head,
.staff-command-table .staff-command-card {
  display: grid;
  grid-template-columns: minmax(220px, 1.25fr) 112px 118px minmax(170px, 1fr);
}

.staff-command-table-head {
  background: #f5f8fc;
  border-bottom: 1px solid var(--via-border);
  color: var(--via-text-secondary);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.04em;
  padding: 9px 12px;
  text-transform: uppercase;
}

.staff-command-table .staff-command-card {
  align-items: center;
  border: 0;
  border-bottom: 1px solid var(--via-border);
  border-radius: 0;
  gap: 12px;
  min-height: 0;
  padding: 10px 12px;
}

.staff-command-table .staff-command-card:last-child {
  border-bottom: 0;
}

.staff-command-user {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: auto minmax(0, 1fr);
  min-width: 0;
}

.staff-command-user em {
  grid-row: auto;
}

.staff-command-user small,
.staff-command-cell small,
.staff-command-cell strong {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.staff-command-cell {
  min-width: 0;
}

.staff-command-cell strong {
  font-size: 14px;
}

@media (max-width: 900px) {
  .staff-command-table-head {
    display: none;
  }

  .staff-command-table .staff-command-card {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .staff-command-cell {
    align-items: baseline;
    display: grid;
    gap: 8px;
    grid-template-columns: 92px minmax(0, 1fr);
  }

  .staff-command-cell::before {
    color: var(--via-text-secondary);
    content: attr(data-label);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
  }
}

/* 2026-07-07 responsive guardrails:
   keep operational mobile/tablet views readable while preserving dense desktop
   tables. These rules override older broad grid declarations that can squeeze
   labels and status chips into vertical letter columns. */
@media (max-width: 1023px) {
  .publish-workspace {
    grid-template-columns: minmax(0, 1fr);
    padding-bottom: calc(var(--via-dock-bottom-height) + 72px + env(safe-area-inset-bottom));
  }

  .publish-composer,
  .publish-workspace .panel:last-child {
    scroll-margin-bottom: calc(var(--via-dock-bottom-height) + 96px + env(safe-area-inset-bottom));
  }

  .publish-composer textarea {
    min-height: 132px;
  }
}

@media (min-width: 761px) and (max-width: 1023px) {
  .signal-sidebar {
    background: #092246;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    bottom: auto;
    left: auto;
    padding: 10px 18px;
    pointer-events: auto;
    position: sticky;
    right: auto;
    top: 0;
    z-index: 50;
  }

  .signal-sidebar-footer {
    display: none;
  }

  .signal-dock {
    border-radius: 18px;
    box-shadow: none;
    max-width: none;
  }

  .signal-dock:has(.signal-more[open]) {
    overflow: visible;
  }

  .signal-shell .signal-more[open] > .signal-more-panel,
  .signal-shell.sidebar-collapsed .signal-more[open] > .signal-more-panel {
    bottom: auto;
    left: auto;
    max-height: min(64dvh, calc(100dvh - 112px));
    min-width: 0;
    position: absolute;
    right: 14px;
    top: calc(100% + 10px);
    width: min(360px, calc(100vw - 32px));
    z-index: 95;
  }

  .signal-content {
    padding-bottom: 36px;
  }

  .publish-workspace {
    padding-bottom: 0;
  }
}

@media (max-width: 760px) {
  .status-pill,
  .panel-heading > .status-pill,
  .metric-card span,
  .metric-card small,
  .text-muted,
  .subscription-row span {
    overflow-wrap: normal;
    word-break: normal;
  }

  .status-pill,
  .panel-heading > .status-pill {
    align-self: flex-start;
    justify-self: start;
    max-width: 100%;
    min-width: max-content;
    white-space: nowrap;
    width: fit-content;
  }

  .panel-heading {
    align-items: stretch;
    flex-direction: column;
    gap: 10px;
  }

  .subscription-row,
  .integration-row,
  .integration-row.report-preview-row,
  .integration-row.source-health-row,
  .integration-row.external-proof-row,
  .github-command-row,
  .account-row,
  .assignment-permission-row,
  .engagement-gate-row,
  .auth-denial-row,
  .approval-path-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .subscription-row span,
  .subscription-row em,
  .integration-row span,
  .integration-row small,
  .integration-row code,
  .github-command-row span,
  .account-row span,
  .assignment-permission-row span,
  .engagement-gate-row span,
  .auth-denial-row span,
  .approval-path-row span {
    max-width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .integration-row span,
  .github-command-row span,
  .account-row span,
  .assignment-permission-row span,
  .engagement-gate-row span,
  .auth-denial-row span,
  .approval-path-row span {
    display: block;
  }

  .integration-head {
    display: none;
  }
}