:root {
  /* AI Office Commercial UI Design System V1 — shared production tokens */
  --ui-bg: #f3f6fa;
  --ui-surface: #ffffff;
  --ui-surface-soft: #f8fafc;
  --ui-ink: #152238;
  --ui-muted: #607087;
  --ui-line: #dfe6ee;
  --ui-brand: #126b67;
  --ui-brand-dark: #0d514e;
  --ui-accent: #e8f5f2;
  --ui-danger: #b42318;
  --ui-warning: #b54708;
  --ui-success: #067647;
  --ui-info: #175cd3;
  --ui-disabled: #98a2b3;
  --ui-focus: rgba(18, 107, 103, .18);
  --ui-sidebar: 224px;
  --ui-topbar: 64px;
  --ui-max: 1500px;
  --sidebar-width: var(--ui-sidebar);
  --topbar-height: var(--ui-topbar);
  --content-max: var(--ui-max);
  --page-padding: 26px;
  --section-gap: 16px;
  --ui-space-1: 4px;
  --ui-space-2: 8px;
  --ui-space-3: 12px;
  --ui-space-4: 16px;
  --ui-space-5: 20px;
  --ui-space-6: 24px;
  --ui-space-8: 32px;
  --ui-radius: 12px;
  --ui-radius-input: 9px;
  --ui-radius-button: 9px;
  --ui-radius-modal: 16px;
  --ui-border: var(--ui-line);
  --ui-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 8px 24px rgba(16, 24, 40, .06);
  --ui-shadow-modal: 0 24px 64px rgba(16, 24, 40, .18);
  --ui-text-page: 26px;
  --ui-text-section: 17px;
  --ui-text-card: 15px;
  --ui-text-body: 14px;
  --ui-text-meta: 12px;
}
* { box-sizing: border-box; }
html { background: var(--ui-bg); }
body.ui-commercial {
  margin: 0;
  min-width: 1180px;
  overflow-x: hidden;
  background: var(--ui-bg);
  color: var(--ui-ink);
  font: 14px/1.5 Inter, "Microsoft YaHei UI", "PingFang SC", "Noto Sans CJK SC", Arial, sans-serif;
}
.ui-shell { min-height: 100vh; }
.ui-sidebar {
  position: fixed; inset: 0 auto 0 0; z-index: 20;
  width: var(--ui-sidebar); overflow-y: auto;
  padding: 20px 14px; color: #eaf4f5;
  background: linear-gradient(180deg, #102c35 0%, #10242e 100%);
}
.ui-brand { display: flex; gap: 10px; align-items: center; padding: 0 8px 20px; }
.ui-brand-mark { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: #2c948a; font-weight: 800; }
.ui-brand strong { display: block; font-size: 16px; }
.ui-brand small { display: block; color: #a9c5ca; }
.ui-nav-group { margin: 12px 0 18px; }
.ui-nav-label { padding: 0 10px 7px; color: #7fa5ad; font-size: 12px; font-weight: 700; letter-spacing: .08em; }
.ui-nav { display: grid; gap: 4px; }
.ui-nav a { display: flex; align-items: center; min-height: 40px; padding: 9px 11px; border-radius: 9px; color: #dcebed; text-decoration: none; font-weight: 600; }
.ui-nav a:hover { background: rgba(255,255,255,.09); color: #fff; }
.ui-nav a[aria-current="page"] { background: #e9f7f4; color: #0d514e; }
.ui-topbar {
  position: fixed; z-index: 15; top: 0; left: var(--ui-sidebar); right: 0;
  height: var(--ui-topbar); display: flex; align-items: center; justify-content: space-between;
  padding: 0 26px; border-bottom: 1px solid var(--ui-line); background: rgba(255,255,255,.96); backdrop-filter: blur(10px);
}
.ui-breadcrumb { display: flex; align-items: center; gap: 8px; color: var(--ui-muted); }
.ui-breadcrumb b { color: var(--ui-ink); }
.ui-user { display: flex; align-items: center; gap: 12px; }
.ui-avatar { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; color: #fff; background: var(--ui-brand); font-weight: 800; }
.ui-user-meta { line-height: 1.25; }
.ui-user-meta small { color: var(--ui-muted); }
.ui-main { width: calc(100% - var(--sidebar-width)); min-width: 0; margin-left: var(--ui-sidebar); padding-top: var(--ui-topbar); }
.ui-content { width: 100%; max-width: var(--content-max); margin: 0 auto; padding: 24px var(--page-padding) 40px; }
.ui-page-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.ui-page-title { margin: 0; font-size: 26px; line-height: 1.3; letter-spacing: -.02em; }
.ui-page-subtitle { max-width: 760px; margin: 6px 0 0; color: var(--ui-muted); }
.ui-actions { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; }
.ui-btn, button.ui-btn, a.ui-btn, input.ui-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  min-height: 38px; margin: 0; padding: 8px 14px;
  border: 1px solid var(--ui-line); border-radius: 9px;
  color: #344054; background: #fff; text-decoration: none; font: inherit; font-weight: 700; cursor: pointer;
}
.ui-btn:hover { border-color: #98a8ba; background: #f8fafc; }
.ui-btn.primary { border-color: var(--ui-brand); color: #fff; background: var(--ui-brand); }
.ui-btn.primary:hover { background: var(--ui-brand-dark); }
.ui-btn.secondary { border-color: #a8c9c5; color: var(--ui-brand-dark); background: #f3fbf9; }
.ui-btn.secondary:hover { border-color: var(--ui-brand); background: var(--ui-accent); }
.ui-btn.ghost { border-color: transparent; color: #475467; background: transparent; }
.ui-btn.ghost:hover { border-color: var(--ui-line); background: var(--ui-surface-soft); }
.ui-btn.danger { border-color: #fecdca; color: var(--ui-danger); background: #fff6f5; }
.ui-btn:disabled, .ui-btn.disabled { opacity: .56; cursor: not-allowed; }
.ui-btn.icon { width: 38px; padding: 8px; }
.ui-btn:focus-visible, .ui-link:focus-visible, .ui-nav-link:focus-visible,
.ui-commercial summary:focus-visible, .ui-commercial input:focus-visible,
.ui-commercial select:focus-visible, .ui-commercial textarea:focus-visible {
  outline: 3px solid var(--ui-focus); outline-offset: 2px;
}
.ui-grid { display: grid; gap: var(--section-gap); }
.ui-grid.kpi { grid-template-columns: repeat(5, minmax(0, 1fr)); margin-bottom: 18px; }
.ui-grid.two { grid-template-columns: minmax(0, 1.3fr) minmax(330px, .7fr); }
.ui-grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ui-card, .ui-panel {
  min-width: 0; border: 1px solid var(--ui-line); border-radius: var(--ui-radius); background: var(--ui-surface); box-shadow: var(--ui-shadow);
}
.ui-card { padding: 16px; }
.ui-panel { margin-bottom: 16px; overflow: hidden; }
.ui-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 18px; border-bottom: 1px solid var(--ui-line); }
.ui-panel-head h2, .ui-card h2, .ui-card h3 { margin: 0; }
.ui-panel-head h2 { font-size: 17px; }
.ui-panel-body { padding: 16px 18px; }
.ui-stat { position: relative; overflow: hidden; min-height: 112px; }
.ui-stat::after { content: ""; position: absolute; right: -18px; bottom: -26px; width: 80px; height: 80px; border-radius: 50%; background: var(--ui-accent); }
.ui-stat-label { color: var(--ui-muted); font-weight: 700; }
.ui-stat-value { margin-top: 8px; font-size: 28px; font-weight: 800; line-height: 1; }
.ui-stat-note { margin-top: 10px; color: var(--ui-muted); font-size: 12px; }
.ui-toolbar { display: flex; align-items: end; gap: 10px; flex-wrap: wrap; padding: 14px 18px; border-bottom: 1px solid var(--ui-line); background: var(--ui-surface-soft); }
.ui-field { display: grid; gap: 5px; min-width: 150px; }
.ui-field.grow { flex: 1 1 260px; }
.ui-field label { color: #475467; font-size: 12px; font-weight: 700; }
.ui-input, .ui-select, .ui-textarea,
.ui-commercial input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
.ui-commercial select, .ui-commercial textarea {
  width: 100%; min-height: 38px; padding: 8px 11px; border: 1px solid #cfd8e3; border-radius: 9px; color: var(--ui-ink); background: #fff; font: inherit;
}
.ui-input:focus, .ui-select:focus, .ui-textarea:focus { outline: 3px solid rgba(18,107,103,.12); border-color: var(--ui-brand); }
.ui-table-wrap { width: 100%; overflow-x: auto; }
.ui-table, .ui-commercial table { width: 100%; border-collapse: separate; border-spacing: 0; background: #fff; }
.ui-table th, .ui-commercial table th { height: 44px; padding: 10px 12px; border-bottom: 1px solid var(--ui-line); color: #475467; background: #f8fafc; text-align: left; white-space: nowrap; font-size: 12px; }
.ui-table td, .ui-commercial table td { min-height: 48px; padding: 11px 12px; border-bottom: 1px solid #edf1f5; vertical-align: middle; }
.ui-table tbody tr:hover, .ui-commercial table tbody tr:hover { background: #f7fbfa; }
.ui-table tbody tr:last-child td { border-bottom: 0; }
.ui-link { color: var(--ui-brand); font-weight: 700; text-decoration: none; }
.ui-link:hover { text-decoration: underline; }
.ui-badge { display: inline-flex; align-items: center; gap: 5px; min-height: 24px; padding: 3px 9px; border-radius: 999px; font-size: 12px; font-weight: 700; white-space: nowrap; }
.ui-badge.success { color: var(--ui-success); background: #ecfdf3; }
.ui-badge.warning { color: var(--ui-warning); background: #fffaeb; }
.ui-badge.danger { color: var(--ui-danger); background: #fef3f2; }
.ui-badge.info { color: var(--ui-info); background: #eff8ff; }
.ui-badge.neutral { color: #475467; background: #f2f4f7; }
.ui-badge.disabled { color: #667085; background: #eaecf0; }
.ui-task-list { display: grid; gap: 10px; }
.ui-task { display: grid; grid-template-columns: 8px 1fr auto; gap: 12px; align-items: center; padding: 12px; border: 1px solid var(--ui-line); border-radius: 10px; }
.ui-task-dot { width: 8px; height: 34px; border-radius: 8px; background: var(--ui-brand); }
.ui-task h3 { margin: 0 0 3px; font-size: 14px; }
.ui-task p { margin: 0; color: var(--ui-muted); font-size: 12px; }
.ui-task-meta { display: flex; gap: 4px; margin: 2px 0 0; color: var(--ui-muted); font-size: 12px; }
.ui-task-meta dt::after { content: "："; }
.ui-task-meta dd { margin: 0; }
.ui-chart { display: grid; gap: 10px; min-height: 220px; align-content: end; padding: 16px 8px 0; }
.ui-chart-row { display: grid; grid-template-columns: 86px 1fr 40px; align-items: center; gap: 10px; }
.ui-chart-bar { height: 12px; overflow: hidden; border-radius: 8px; background: #e7eef2; }
.ui-chart-bar span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--ui-brand), #42a99f); }
.ui-pagination { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 18px; color: var(--ui-muted); }
.ui-empty { display: grid; place-items: center; min-height: 180px; padding: 30px; color: var(--ui-muted); text-align: center; }
.ui-empty strong { display: block; margin-bottom: 6px; color: var(--ui-ink); }
.ui-feedback { margin-bottom: 16px; padding: 12px 14px; border: 1px solid #abefc6; border-radius: 10px; color: var(--ui-success); background: #ecfdf3; }
.ui-warning { margin-bottom: 16px; padding: 12px 14px; border: 1px solid #fedf89; border-radius: 10px; color: var(--ui-warning); background: #fffaeb; }
.ui-alert { margin-bottom: 16px; padding: 12px 14px; border: 1px solid #fecdca; border-radius: 10px; color: var(--ui-danger); background: #fef3f2; }
.ui-commercial .legacy-content { display: block; }
.ui-commercial .legacy-content > h1:first-child { margin-top: 0; }
.ui-commercial .legacy-content a:not(.ui-btn):not(.ui-link) { color: var(--ui-brand); text-underline-offset: 2px; }
.ui-commercial .legacy-content button, .ui-commercial .legacy-content input[type="submit"] { min-height: 38px; padding: 8px 14px; border: 1px solid var(--ui-brand); border-radius: 9px; color: #fff; background: var(--ui-brand); font-weight: 700; }
.ui-commercial .legacy-content section, .ui-commercial .legacy-content .card { border-color: var(--ui-line); border-radius: var(--ui-radius); }

/* Component contract: sections, cards, actions and employee-safe states. */
.ui-section { margin-bottom: var(--ui-space-6); }
.ui-section-head { display: flex; align-items: end; justify-content: space-between; gap: var(--ui-space-4); margin-bottom: var(--ui-space-4); }
.ui-section-head h2 { margin: 0; font-size: var(--ui-text-section); line-height: 1.35; }
.ui-section-head p { margin: 5px 0 0; color: var(--ui-muted); }
.ui-card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--section-gap); }
.ui-card.compact { padding: var(--ui-space-3); box-shadow: none; }
.ui-card.action { border-color: #b9d9d4; }
.ui-card.risk { border-color: #fecdca; }
.ui-card.status { display: grid; gap: var(--ui-space-3); }
.ui-action-group { display: grid; gap: var(--ui-space-2); margin-top: auto; padding-top: var(--ui-space-4); }
.ui-action-primary, .ui-action-secondary { display: flex; flex-wrap: wrap; gap: var(--ui-space-2); }
.ui-action-primary .ui-btn { min-width: 148px; }
.ui-action-secondary form { display: contents; }
.ui-safety-note { display: inline-flex; align-items: center; min-height: 32px; padding: 5px 10px; border-radius: 999px; color: #475467; background: #f2f4f7; font-size: var(--ui-text-meta); font-weight: 700; white-space: nowrap; }
.ui-muted { color: var(--ui-muted); }

.ui-state { display: grid; place-items: center; gap: var(--ui-space-2); min-height: 160px; padding: var(--ui-space-6); border: 1px dashed #cfd8e3; border-radius: var(--ui-radius); color: var(--ui-muted); background: var(--ui-surface-soft); text-align: center; }
.ui-state strong { color: var(--ui-ink); }
.ui-state-icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; color: var(--ui-muted); background: #eaecf0; font-size: 18px; font-weight: 800; }
.ui-state-error { border-color: #fecdca; background: #fff8f7; }
.ui-state-error .ui-state-icon { color: var(--ui-danger); background: #fee4e2; }
.ui-state-prerequisite { display: flex; align-items: flex-start; justify-content: flex-start; min-height: 0; padding: 11px 12px; border-style: solid; border-color: #fedf89; background: #fffcf5; text-align: left; }
.ui-spinner { width: 24px; height: 24px; border: 3px solid #d0d5dd; border-top-color: var(--ui-brand); border-radius: 50%; animation: ui-spin .8s linear infinite; }
@keyframes ui-spin { to { transform: rotate(360deg); } }

/* Form and filter contract. */
.ui-help { color: var(--ui-muted); font-size: var(--ui-text-meta); }
.ui-field.required > label::after { content: " *"; color: var(--ui-danger); }
.ui-field.error .ui-input, .ui-field.error .ui-select, .ui-field.error .ui-textarea { border-color: var(--ui-danger); }
.ui-field-success { color: var(--ui-success); font-size: var(--ui-text-meta); }
.ui-field-error { color: var(--ui-danger); font-size: var(--ui-text-meta); }
.ui-filter-chips { display: flex; flex-wrap: wrap; gap: var(--ui-space-2); }
.ui-filter-chip { display: inline-flex; align-items: center; min-height: 32px; padding: 5px 10px; border: 1px solid var(--ui-line); border-radius: 999px; color: #475467; background: #fff; }
.ui-filter-chip.active { border-color: var(--ui-brand); color: var(--ui-brand-dark); background: var(--ui-accent); }

/* Table contract: dates and actions remain usable at desktop widths. */
.ui-table td time, .ui-commercial table td time, .ui-table .ui-cell-datetime { white-space: nowrap; }
.ui-table th:last-child, .ui-table td:last-child { white-space: nowrap; }
.ui-table .numeric { text-align: right; font-variant-numeric: tabular-nums; }
.ui-table tbody tr[aria-selected="true"] { background: var(--ui-accent); }

/* Modal and drawer structure contract; business modules provide content only. */
.ui-modal-backdrop { position: fixed; inset: 0; z-index: 80; display: grid; place-items: center; padding: var(--ui-space-6); background: rgba(16, 24, 40, .48); }
.ui-modal { width: min(560px, 100%); max-height: calc(100vh - 48px); overflow: auto; border: 1px solid var(--ui-line); border-radius: var(--ui-radius-modal); background: var(--ui-surface); box-shadow: var(--ui-shadow-modal); }
.ui-modal-head, .ui-modal-body, .ui-modal-actions { padding: var(--ui-space-5); }
.ui-modal-head { border-bottom: 1px solid var(--ui-line); }
.ui-modal-actions { display: flex; justify-content: flex-end; gap: var(--ui-space-2); border-top: 1px solid var(--ui-line); }
.ui-drawer { position: fixed; z-index: 90; inset: 0 0 0 auto; width: min(520px, 92vw); overflow-y: auto; border-left: 1px solid var(--ui-line); background: var(--ui-surface); box-shadow: var(--ui-shadow-modal); }

/* /ai-channels: first real Design System V1 production implementation. */
body[data-active-route="/ai-channels"] .ui-grid.kpi { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ui-channel-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--section-gap); }
.ui-channel-card { display: flex; flex-direction: column; min-height: 330px; padding: var(--ui-space-5); }
.ui-channel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--ui-space-4); }
.ui-channel-identity { display: flex; align-items: center; gap: var(--ui-space-3); min-width: 0; }
.ui-channel-identity h3 { margin: 0; font-size: 16px; }
.ui-channel-identity p { margin: 3px 0 0; overflow: hidden; color: var(--ui-muted); text-overflow: ellipsis; white-space: nowrap; }
.ui-channel-icon { display: grid; flex: 0 0 42px; place-items: center; width: 42px; height: 42px; border-radius: 11px; color: #fff; background: var(--ui-brand); font-size: 12px; font-weight: 800; letter-spacing: -.02em; }
.ui-channel-icon.whatsapp { background: #128c7e; }
.ui-channel-icon.web { background: #175cd3; }
.ui-channel-icon.messenger { background: #7f56d9; }
.ui-channel-icon.email { background: #b54708; }
.ui-channel-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ui-space-2); margin-top: var(--ui-space-4); }
.ui-channel-metrics > div { display: grid; gap: 4px; min-width: 0; padding: 11px 12px; border-radius: 9px; background: var(--ui-surface-soft); }
.ui-channel-metrics span { color: var(--ui-muted); font-size: var(--ui-text-meta); }
.ui-channel-metrics strong { overflow-wrap: anywhere; font-size: 13px; }
.ui-channel-metrics > div:first-child strong { white-space: nowrap; }
.ui-details { margin-top: var(--ui-space-3); border-top: 1px solid var(--ui-line); }
.ui-details summary { padding: 11px 2px 0; color: var(--ui-muted); cursor: pointer; font-size: var(--ui-text-meta); font-weight: 700; }
.ui-detail-list { display: grid; gap: 0; margin: var(--ui-space-2) 0 0; }
.ui-detail-list > div { display: grid; grid-template-columns: 105px minmax(0, 1fr); gap: var(--ui-space-3); padding: 8px 0; border-top: 1px solid #edf1f5; }
.ui-detail-list dt { color: var(--ui-muted); }
.ui-detail-list dd { margin: 0; overflow-wrap: anywhere; }
@media (max-width: 1400px) {
  :root { --ui-sidebar: 208px; }
  .ui-content { padding: 20px; }
  .ui-grid.kpi { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
  .ui-stat { padding: 14px; }
  .ui-table th, .ui-table td { padding-left: 9px; padding-right: 9px; }
  .ui-channel-card { padding: var(--ui-space-4); }
}
@media (max-width: 1366px) {
  :root { --page-padding: 20px; --section-gap: 12px; }
  .ui-page-title { font-size: 24px; }
  .ui-toolbar { gap: 8px; }
  .ui-channel-grid { gap: 12px; }
  .ui-channel-metrics > div { padding: 9px 10px; }
}
@media (min-width: 1700px) {
  .ui-content { padding-top: 30px; }
}

/* Message Center commercial workspace — reuses Commercial UI Design System V1. */
body.ui-commercial[data-active-route="/messages"] .ui-content { max-width: 1680px; padding-top: 16px; padding-bottom: 16px; }
body.ui-commercial[data-active-route="/messages"] .ui-page-header { align-items: center; margin-bottom: 10px; }
body.ui-commercial[data-active-route="/messages"] .ui-page-header > div:first-child > .ui-badge { display: none; }
body.ui-commercial[data-active-route="/messages"] .ui-page-title { font-size: 24px; }
body.ui-commercial[data-active-route="/messages"] .ui-page-subtitle { margin-top: 3px; }
body.ui-commercial[data-active-route="/messages"] .p1a-summary { display: flex; align-items: center; justify-content: space-between; gap: var(--ui-space-3); min-height: 32px; margin-bottom: 8px; }
body.ui-commercial[data-active-route="/messages"] .p1a-summary p { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin: 0; color: var(--ui-muted); font-size: var(--ui-text-meta); }
body.ui-commercial[data-active-route="/messages"] .p1a-summary p strong { color: #475467; font-weight: 700; }
body.ui-commercial[data-active-route="/messages"] .p1a-summary > .ui-badge { min-height: 22px; padding: 2px 8px; }

body.ui-commercial[data-active-route="/messages"] .p1a-workspace { grid-template-columns: clamp(320px, 24vw, 380px) minmax(0, 1fr); min-height: 590px; height: calc(100vh - 192px); border-color: var(--ui-line); border-radius: var(--ui-radius); box-shadow: var(--ui-shadow); }
body.ui-commercial[data-active-route="/messages"] .p1a-conversation-pane { background: #f9fafb; }
body.ui-commercial[data-active-route="/messages"] .p1a-pane-title { padding: 12px 14px 7px; color: #475467; font-size: 12px; letter-spacing: .04em; }
body.ui-commercial[data-active-route="/messages"] .p1a-conversation-list { padding: 0 8px 10px; scrollbar-gutter: stable; }
body.ui-commercial[data-active-route="/messages"] .p1a-conversation { gap: 5px; margin: 3px 0; padding: 10px 11px; border-color: transparent; border-radius: 9px; }
body.ui-commercial[data-active-route="/messages"] .p1a-conversation:hover { border-color: #d6e2e1; background: #f0f7f6; }
body.ui-commercial[data-active-route="/messages"] .p1a-conversation:focus-visible { outline: 3px solid var(--ui-focus); outline-offset: -1px; }
body.ui-commercial[data-active-route="/messages"] .p1a-conversation.active { border-color: #87bdb7; background: #e8f5f2; box-shadow: inset 3px 0 0 var(--ui-brand); }
body.ui-commercial[data-active-route="/messages"] .p1a-conversation-top { gap: 10px; }
body.ui-commercial[data-active-route="/messages"] .p1a-conversation-top strong { color: var(--ui-ink); font-size: 13px; line-height: 1.3; }
body.ui-commercial[data-active-route="/messages"] .p1a-conversation-top time { color: #667085; font-size: 10px; font-variant-numeric: tabular-nums; }
body.ui-commercial[data-active-route="/messages"] .p1a-conversation-meta { min-height: 19px; gap: 8px; }
body.ui-commercial[data-active-route="/messages"] .p1a-conversation-badges { display: flex; min-width: 0; gap: 5px; align-items: center; }
body.ui-commercial[data-active-route="/messages"] .p1a-preview { order: 3; max-height: 2.8em; color: #667085; font-size: 12px; line-height: 1.4; }
body.ui-commercial[data-active-route="/messages"] .p1a-business-meta { order: 4; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 9px; color: #7a8699; font-size: 10px; line-height: 1.35; }
body.ui-commercial[data-active-route="/messages"] .p1a-source-state.warning { color: var(--ui-warning); }
body.ui-commercial[data-active-route="/messages"] .p1a-channel,
body.ui-commercial[data-active-route="/messages"] .p1a-binding { display: inline-flex; align-items: center; min-height: 18px; margin: 0; padding: 1px 6px; border: 1px solid transparent; border-radius: 999px; font-size: 10px; font-weight: 700; line-height: 1.2; white-space: nowrap; }
body.ui-commercial[data-active-route="/messages"] .p1a-channel { color: #166534; background: #ecfdf3; border-color: #abefc6; }
body.ui-commercial[data-active-route="/messages"] .p1a-channel.channel-web { color: #175cd3; background: #eff8ff; border-color: #b2ddff; }
body.ui-commercial[data-active-route="/messages"] .p1a-channel.channel-messenger { color: #6941c6; background: #f4f3ff; border-color: #d9d6fe; }
body.ui-commercial[data-active-route="/messages"] .p1a-channel.channel-email { color: #b54708; background: #fffaeb; border-color: #fedf89; }
body.ui-commercial[data-active-route="/messages"] .p1a-binding { color: #92400e; background: #fffaeb; border-color: #fedf89; }
body.ui-commercial[data-active-route="/messages"] .p1a-binding.linked_formal,
body.ui-commercial[data-active-route="/messages"] .p1a-binding.linked_existing_crm,
body.ui-commercial[data-active-route="/messages"] .p1a-binding.linked { color: #175cd3; background: #eff8ff; border-color: #b2ddff; }
body.ui-commercial[data-active-route="/messages"] .p1a-unread { display: inline-flex; align-items: center; gap: 3px; min-width: 0; height: 19px; padding: 0 6px; border-radius: 999px; background: var(--ui-info); font-size: 10px; font-variant-numeric: tabular-nums; }
body.ui-commercial[data-active-route="/messages"] .p1a-unread small { color: rgba(255,255,255,.82); font-size: 9px; }

body.ui-commercial[data-active-route="/messages"] .p1a-thread-pane { overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; background: #eef2f6; }
body.ui-commercial[data-active-route="/messages"] .p1a-thread-header { position: sticky; top: 0; z-index: 3; flex: 0 0 auto; min-height: 64px; padding: 9px 16px; }
body.ui-commercial[data-active-route="/messages"] .p1a-thread-identity { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 3px 12px; min-width: 0; width: 100%; }
body.ui-commercial[data-active-route="/messages"] .p1a-thread-identity h2 { overflow: hidden; margin: 0; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; }
body.ui-commercial[data-active-route="/messages"] .p1a-thread-badges { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; }
body.ui-commercial[data-active-route="/messages"] .p1a-thread-badges .ui-badge { min-height: 18px; padding: 1px 6px; font-size: 10px; }
body.ui-commercial[data-active-route="/messages"] .p1a-thread-identity p { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 5px 14px; margin: 0; color: var(--ui-muted); font-size: 10px; }
body.ui-commercial[data-active-route="/messages"] .p1a-context-stack { flex: 0 0 auto; padding: 8px 14px 7px; border-bottom: 1px solid var(--ui-line); background: #f8fafc; }
body.ui-commercial[data-active-route="/messages"] .p1a-context-card { margin: 0; padding: 10px 12px; border-radius: 9px; box-shadow: none; }
body.ui-commercial[data-active-route="/messages"] .p1a-context-head { align-items: center; }
body.ui-commercial[data-active-route="/messages"] .p1a-context-card h3 { margin: 0; font-size: 13px; }
body.ui-commercial[data-active-route="/messages"] .p1a-context-head p { margin-top: 1px; font-size: 11px; }
body.ui-commercial[data-active-route="/messages"] .p1a-context-hint { margin: 7px 0 0; color: var(--ui-muted); font-size: 11px; }
body.ui-commercial[data-active-route="/messages"] .p1a-context-statusline { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 7px; }
body.ui-commercial[data-active-route="/messages"] .p1a-context-statusline span { padding-right: 7px; border-right: 1px solid var(--ui-line); color: #475467; font-size: 11px; font-weight: 700; }
body.ui-commercial[data-active-route="/messages"] .p1a-context-statusline span:last-child { border-right: 0; }
body.ui-commercial[data-active-route="/messages"] .p1a-context-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin-top: 8px; }
body.ui-commercial[data-active-route="/messages"] .p1a-context-facts > div { display: grid; gap: 1px; min-width: 0; padding: 6px 8px; border-radius: 7px; background: var(--ui-surface-soft); }
body.ui-commercial[data-active-route="/messages"] .p1a-context-facts span { color: var(--ui-muted); font-size: 9px; }
body.ui-commercial[data-active-route="/messages"] .p1a-context-facts strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
body.ui-commercial[data-active-route="/messages"] .p1a-intelligence-compact { display: grid; grid-template-columns: 150px minmax(0, 1fr); align-items: center; gap: 8px 12px; margin-top: 7px; padding-top: 7px; border-top: 1px solid #edf1f5; }
body.ui-commercial[data-active-route="/messages"] .p1a-intelligence-head { display: flex; align-items: center; gap: 6px; }
body.ui-commercial[data-active-route="/messages"] .p1a-intelligence-head h4 { margin: 0; font-size: 11px; }
body.ui-commercial[data-active-route="/messages"] .p1a-intelligence-head .ui-badge { min-height: 18px; padding: 1px 6px; font-size: 9px; }
body.ui-commercial[data-active-route="/messages"] .p1a-intelligence-facts { display: grid; grid-template-columns: auto minmax(160px, 1fr) minmax(180px, 1.2fr); gap: 6px 14px; min-width: 0; color: #475467; font-size: 10px; }
body.ui-commercial[data-active-route="/messages"] .p1a-intelligence-facts span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.ui-commercial[data-active-route="/messages"] .p1a-context-actions { justify-content: flex-end; margin-top: 7px; }
body.ui-commercial[data-active-route="/messages"] .p1a-context-actions:empty { display: none; }
body.ui-commercial[data-active-route="/messages"] .p1a-context-actions .ui-btn { min-height: 28px; padding: 4px 9px; font-size: 10px; }

body.ui-commercial[data-active-route="/messages"] .p1a-governance-fold { margin-top: 6px; }
body.ui-commercial[data-active-route="/messages"] .p1a-governance-fold > summary { color: var(--ui-brand); cursor: pointer; font-size: 10px; font-weight: 700; }
body.ui-commercial[data-active-route="/messages"] .p1a-governance-fold[open] > summary { margin-bottom: 6px; }
body.ui-commercial[data-active-route="/messages"] .p1a-governance-compact { margin-top: 6px; }
body.ui-commercial[data-active-route="/messages"] .p1g-governance { margin: 0; padding: 8px 10px; border-radius: 8px; box-shadow: none; }
body.ui-commercial[data-active-route="/messages"] .p1g-head h3 { margin: 0; font-size: 11px; }
body.ui-commercial[data-active-route="/messages"] .p1g-badge { padding: 2px 7px; font-size: 9px; }
body.ui-commercial[data-active-route="/messages"] .p1g-governance h4 { margin: 7px 0 4px; color: #475467; font-size: 10px; }
body.ui-commercial[data-active-route="/messages"] .p1g-form { margin-top: 5px; font-size: 10px; }
body.ui-commercial[data-active-route="/messages"] .p1g-form form,
body.ui-commercial[data-active-route="/messages"] .p1g-candidate form { gap: 5px; }
body.ui-commercial[data-active-route="/messages"] .p1g-search { margin: 5px 0; }
body.ui-commercial[data-active-route="/messages"] .p1g-search input { min-height: 30px; padding: 5px 8px; font-size: 11px; }
body.ui-commercial[data-active-route="/messages"] .p1g-search .ui-btn { min-height: 30px; padding: 5px 9px; font-size: 10px; }
body.ui-commercial[data-active-route="/messages"] .p1g-candidate { margin: 5px 0; padding: 7px; font-size: 10px; }

body.ui-commercial[data-active-route="/messages"] .p1a-thread { flex: 0 0 auto; min-height: 240px; overflow: visible; padding: 14px 20px 26px; }
body.ui-commercial[data-active-route="/messages"] .p1a-message-row { margin: 7px 0; }
body.ui-commercial[data-active-route="/messages"] .p1a-bubble { max-width: min(82%, 820px); padding: 9px 12px; border-radius: 13px; }
body.ui-commercial[data-active-route="/messages"] .p1a-message-row.outbound .p1a-bubble { max-width: min(78%, 780px); color: #102a43; background: #e3f1ff; border-color: #b2ddff; }
body.ui-commercial[data-active-route="/messages"] .p1a-message-row.inbound .p1a-bubble { background: #fff; }
body.ui-commercial[data-active-route="/messages"] .p1a-message-meta { margin-bottom: 4px; color: #7a8699; font-size: 9px; }
body.ui-commercial[data-active-route="/messages"] .p1a-message-meta strong { padding: 1px 5px; border-radius: 999px; color: #475467; background: #f2f4f7; font-size: 9px; }
body.ui-commercial[data-active-route="/messages"] .p1a-message-text { font-size: 13px; line-height: 1.62; word-break: normal; }
body.ui-commercial[data-active-route="/messages"] .p1a-long-preview { max-height: 9.8em; overflow: hidden; }
body.ui-commercial[data-active-route="/messages"] .p1a-long-message { margin-top: 6px; padding-top: 5px; border-top: 1px solid rgba(152,162,179,.25); }
body.ui-commercial[data-active-route="/messages"] .p1a-long-message summary { font-size: 11px; }
body.ui-commercial[data-active-route="/messages"] .p1a-attachment { max-width: 420px; }
body.ui-commercial[data-active-route="/messages"] .p1a-attachment img,
body.ui-commercial[data-active-route="/messages"] .p1a-attachment video { max-height: 340px; }
body.ui-commercial[data-active-route="/messages"] .p1a-attachment figcaption { margin-top: 4px; font-size: 10px; }
body.ui-commercial[data-active-route="/messages"] .p1a-file-card { padding: 8px 9px; font-size: 11px; }

@media (max-width: 1400px) {
  body.ui-commercial[data-active-route="/messages"] .p1a-workspace { grid-template-columns: 320px minmax(0, 1fr); }
  body.ui-commercial[data-active-route="/messages"] .p1a-context-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.ui-commercial[data-active-route="/messages"] .p1a-intelligence-compact { grid-template-columns: 1fr; }
  body.ui-commercial[data-active-route="/messages"] .p1a-intelligence-facts { grid-template-columns: auto minmax(160px, 1fr) minmax(180px, 1fr); }
}
@media (max-width: 1366px) {
  body.ui-commercial[data-active-route="/messages"] .ui-content { padding-left: 14px; padding-right: 14px; }
  body.ui-commercial[data-active-route="/messages"] .p1a-workspace { height: calc(100vh - 188px); }
  body.ui-commercial[data-active-route="/messages"] .p1a-thread { padding-left: 14px; padding-right: 14px; }
  body.ui-commercial[data-active-route="/messages"] .p1a-intelligence-facts { gap: 5px 9px; font-size: 9px; }
}

/* AI Employee Workflow V1 reuses the shared Message Center contract. */
body.ui-commercial[data-active-route="/messages"] .aie-collab {
  margin: 0 16px 10px;
  padding: 13px 14px;
  border-color: color-mix(in srgb, var(--ui-brand) 24%, var(--ui-border));
  background: linear-gradient(135deg, color-mix(in srgb, var(--ui-brand) 5%, #fff), #fff 52%);
  flex: 0 0 auto;
  overflow: visible;
}
body.ui-commercial[data-active-route="/messages"] .aie-head,
body.ui-commercial[data-active-route="/messages"] .aie-result-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
body.ui-commercial[data-active-route="/messages"] .aie-head h3 { margin: 0; font-size: 15px; }
body.ui-commercial[data-active-route="/messages"] .aie-head p,
body.ui-commercial[data-active-route="/messages"] .aie-safety { margin: 3px 0 0; color: var(--ui-muted); font-size: 12px; }
body.ui-commercial[data-active-route="/messages"] .aie-actions,
body.ui-commercial[data-active-route="/messages"] .aie-review-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
body.ui-commercial[data-active-route="/messages"] .aie-actions form,
body.ui-commercial[data-active-route="/messages"] .aie-review-actions form { margin: 0; }
body.ui-commercial[data-active-route="/messages"] .aie-result {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, .8fr);
  gap: 9px 14px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--ui-border);
}
body.ui-commercial[data-active-route="/messages"] .aie-result-head { grid-column: 1 / -1; }
body.ui-commercial[data-active-route="/messages"] .aie-result-summary { display: grid; min-width: 0; gap: 3px; }
body.ui-commercial[data-active-route="/messages"] .aie-result-summary span { color: var(--ui-muted); font-size: 11px; font-weight: 700; }
body.ui-commercial[data-active-route="/messages"] .aie-result-summary p { margin: 0 0 5px; overflow-wrap: anywhere; line-height: 1.5; }
body.ui-commercial[data-active-route="/messages"] .aie-result-block { min-width: 0; }
body.ui-commercial[data-active-route="/messages"] .aie-result-block > strong { font-size: 12px; }
body.ui-commercial[data-active-route="/messages"] .aie-result-block ul { margin: 4px 0 0; padding-left: 18px; font-size: 12px; line-height: 1.5; }
body.ui-commercial[data-active-route="/messages"] .aie-result-block li { overflow-wrap: anywhere; }
body.ui-commercial[data-active-route="/messages"] .aie-edit { grid-column: 1 / -1; display: grid; gap: 7px; }
body.ui-commercial[data-active-route="/messages"] .aie-edit label { display: grid; gap: 5px; color: var(--ui-muted); font-size: 12px; font-weight: 700; }
body.ui-commercial[data-active-route="/messages"] .aie-edit textarea { width: 100%; min-height: 112px; resize: vertical; overflow-wrap: anywhere; line-height: 1.55; }
body.ui-commercial[data-active-route="/messages"] .aie-review-actions { grid-column: 1 / -1; margin-top: 0; padding-bottom: 2px; }
body.ui-commercial[data-active-route="/messages"] .aie-history { grid-column: 1 / -1; margin-top: 8px; }
body.ui-commercial[data-active-route="/messages"] .aie-history summary { cursor: pointer; color: var(--ui-muted); font-size: 12px; font-weight: 700; }
body.ui-commercial[data-active-route="/messages"] .aie-history ol { display: grid; gap: 4px; margin: 7px 0 0; padding-left: 20px; }
body.ui-commercial[data-active-route="/messages"] .aie-history li { display: grid; grid-template-columns: 38px minmax(100px,1fr) 70px 120px; gap: 8px; font-size: 12px; }
.aie-binding-form { margin-top: var(--ui-space-4); align-items: end; }

@media (max-width: 1440px) {
  body.ui-commercial[data-active-route="/messages"] .aie-result { grid-template-columns: 1fr; }
  body.ui-commercial[data-active-route="/messages"] .aie-result-head,
  body.ui-commercial[data-active-route="/messages"] .aie-edit,
  body.ui-commercial[data-active-route="/messages"] .aie-review-actions,
  body.ui-commercial[data-active-route="/messages"] .aie-history { grid-column: 1; }
  body.ui-commercial[data-active-route="/messages"] .aie-collab { margin-inline: 12px; }
}


/* Message Center three-pane AI Copilot workspace V1.
   Scoped projection of Commercial UI Design System V1; no second component system. */
.ui-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
body.ui-commercial[data-active-route="/messages"] .p1a-workspace {
  position: relative;
  display: grid;
  grid-template-columns: minmax(280px, 300px) minmax(520px, 1fr) minmax(380px, 420px);
  min-height: 520px;
  height: calc(100dvh - 220px);
  overflow: hidden;
}
body.ui-commercial[data-active-route="/messages"] .p1a-conversation-pane,
body.ui-commercial[data-active-route="/messages"] .p1a-thread-pane,
body.ui-commercial[data-active-route="/messages"] .p1a-copilot-pane {
  min-width: 0;
  min-height: 0;
}
body.ui-commercial[data-active-route="/messages"] .p1a-conversation-pane,
body.ui-commercial[data-active-route="/messages"] .p1a-thread-pane,
body.ui-commercial[data-active-route="/messages"] .p1a-copilot-pane {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
body.ui-commercial[data-active-route="/messages"] .p1a-conversation-list,
body.ui-commercial[data-active-route="/messages"] .p1a-thread,
body.ui-commercial[data-active-route="/messages"] .p1a-copilot-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
body.ui-commercial[data-active-route="/messages"] .p1a-thread-pane { background: #eef2f6; }
body.ui-commercial[data-active-route="/messages"] .p1a-thread-header {
  position: static;
  flex: 0 0 auto;
}
body.ui-commercial[data-active-route="/messages"] .p1a-thread {
  min-height: 0;
  padding: 14px 20px 26px;
}
body.ui-commercial[data-active-route="/messages"] .p1a-copilot-pane {
  border-left: 1px solid var(--ui-line);
  background: #f8fafc;
}
body.ui-commercial[data-active-route="/messages"] .p1a-copilot-head {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 56px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--ui-line);
  background: #fff;
}
body.ui-commercial[data-active-route="/messages"] .p1a-copilot-head h2 { margin: 0; font-size: 16px; }
body.ui-commercial[data-active-route="/messages"] .p1a-copilot-head p { margin: 1px 0 0; color: var(--ui-muted); font-size: 11px; }
body.ui-commercial[data-active-route="/messages"] .p1a-copilot-tabs {
  display: grid;
  flex: 0 0 auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  padding: 8px;
  border-bottom: 1px solid var(--ui-line);
  background: #fff;
}
body.ui-commercial[data-active-route="/messages"] .p1a-copilot-tab {
  min-height: 34px;
  padding: 6px 7px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: #475569;
  background: transparent;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
body.ui-commercial[data-active-route="/messages"] .p1a-copilot-tab[aria-selected="true"] {
  border-color: #a8c9c5;
  color: var(--ui-brand-dark);
  background: var(--ui-accent);
}
body.ui-commercial[data-active-route="/messages"] .p1a-copilot-tab:focus-visible,
body.ui-commercial[data-active-route="/messages"] .p1a-copilot-scroll:focus-visible,
body.ui-commercial[data-active-route="/messages"] .p1a-thread:focus-visible {
  outline: 3px solid var(--ui-focus);
  outline-offset: -3px;
}
body.ui-commercial[data-active-route="/messages"] .p1a-copilot-scroll { padding: 12px; }
body.ui-commercial[data-active-route="/messages"] .p1a-copilot-panel[hidden] { display: none; }
body.ui-commercial[data-active-route="/messages"] .p1a-copilot-panel .p1a-context-card,
body.ui-commercial[data-active-route="/messages"] .p1a-copilot-panel .aie-collab { margin: 0; }
body.ui-commercial[data-active-route="/messages"] .p1a-copilot-panel .p1g-governance { margin-top: 8px; }
body.ui-commercial[data-active-route="/messages"] .p1a-copilot-launch,
body.ui-commercial[data-active-route="/messages"] .p1a-copilot-backdrop { display: none; }
body.ui-commercial[data-active-route="/messages"] .p1a-workspace[data-copilot-collapsed="true"] {
  grid-template-columns: minmax(280px, 300px) minmax(520px, 1fr) 0;
}
body.ui-commercial[data-active-route="/messages"] .p1a-workspace[data-copilot-collapsed="true"] .p1a-copilot-pane { display: none; }
body.ui-commercial[data-active-route="/messages"] .p1a-workspace[data-copilot-collapsed="true"] .p1a-copilot-launch { display: inline-flex; }

body.ui-commercial[data-active-route="/messages"] .aie-collab { padding: 0; border: 0; background: transparent; }
body.ui-commercial[data-active-route="/messages"] .aie-result { grid-template-columns: 1fr; }
body.ui-commercial[data-active-route="/messages"] .aie-result-head,
body.ui-commercial[data-active-route="/messages"] .aie-edit,
body.ui-commercial[data-active-route="/messages"] .aie-review-actions,
body.ui-commercial[data-active-route="/messages"] .aie-history { grid-column: 1; }
body.ui-commercial[data-active-route="/messages"] .aie-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
body.ui-commercial[data-active-route="/messages"] .aie-actions .ui-btn { width: 100%; min-height: 36px; padding-inline: 6px; font-size: 11px; }
body.ui-commercial[data-active-route="/messages"] .aie-draft-label,
body.ui-commercial[data-active-route="/messages"] .aie-employee-use-note {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
body.ui-commercial[data-active-route="/messages"] .aie-draft-label span,
body.ui-commercial[data-active-route="/messages"] .aie-employee-use-note span {
  color: var(--ui-danger);
  font-size: 11px;
  font-weight: 700;
  text-align: right;
}
body.ui-commercial[data-active-route="/messages"] .aie-risk-review {
  display: grid;
  gap: 3px;
  margin: 2px 0;
  font-size: 12px;
}
body.ui-commercial[data-active-route="/messages"] .aie-loading { margin: 10px 0 0; color: #175cd3; border-color: #b2ddff; background: #eff8ff; }
body.ui-commercial[data-active-route="/messages"] .aie-review-actions {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
}
body.ui-commercial[data-active-route="/messages"] .aie-history li {
  grid-template-columns: 34px minmax(80px, 1fr) 58px;
}
body.ui-commercial[data-active-route="/messages"] .aie-history li span:last-child { grid-column: 1 / -1; color: var(--ui-muted); }
body.ui-commercial[data-active-route="/messages"] button:disabled { cursor: wait; opacity: .58; }

@media (max-width: 1399px) {
  body.ui-commercial[data-active-route="/messages"] .p1a-workspace {
    grid-template-columns: minmax(280px, 310px) minmax(0, 1fr);
  }
  body.ui-commercial[data-active-route="/messages"] .p1a-copilot-pane {
    position: absolute;
    z-index: 12;
    inset: 0 0 0 auto;
    width: min(420px, calc(100% - 56px));
    box-shadow: -16px 0 40px rgba(15, 23, 42, .18);
    transform: translateX(101%);
    visibility: hidden;
    transition: transform .18s ease, visibility .18s;
  }
  body.ui-commercial[data-active-route="/messages"] .p1a-workspace[data-copilot-open="true"] .p1a-copilot-pane {
    transform: translateX(0);
    visibility: visible;
  }
  body.ui-commercial[data-active-route="/messages"] .p1a-copilot-launch { display: inline-flex; }
  body.ui-commercial[data-active-route="/messages"] .p1a-workspace[data-copilot-open="true"] .p1a-copilot-backdrop {
    position: absolute;
    z-index: 11;
    inset: 0;
    display: block;
    border: 0;
    background: rgba(15, 23, 42, .28);
    cursor: pointer;
  }
}


/* Message Center final density and usability closeout V1.
   Reuses Commercial UI Design System V1 and responds to actual workspace width. */
body.ui-commercial[data-active-route="/messages"] .ui-content {
  max-width: 1720px;
  padding-top: 10px;
  padding-bottom: 10px;
}
body.ui-commercial[data-active-route="/messages"] .ui-page-header.p1a-workbench-header {
  display: flex;
  min-height: 34px;
  margin: 0 0 8px;
  padding: 0;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
body.ui-commercial[data-active-route="/messages"] .p1a-workbench-header > div:first-child {
  display: flex;
  align-items: center;
}
body.ui-commercial[data-active-route="/messages"] .p1a-workbench-header .ui-page-title {
  margin: 0;
  font-size: 20px;
  line-height: 1.25;
}
body.ui-commercial[data-active-route="/messages"] .p1a-workbench-header .ui-page-subtitle,
body.ui-commercial[data-active-route="/messages"] .p1a-workbench-header > div:first-child > .ui-badge,
body.ui-commercial[data-active-route="/messages"] .p1a-workbench-header > .ui-actions {
  display: none;
}
body.ui-commercial[data-active-route="/messages"] .p1a-workbench-header .p1a-summary {
  display: flex;
  min-height: 24px;
  margin: 0;
  padding: 0;
}
body.ui-commercial[data-active-route="/messages"] .p1a-workbench-header .p1a-summary p {
  gap: 5px;
  color: var(--ui-muted);
  font-size: 11px;
}
body.ui-commercial[data-active-route="/messages"] .p1a-workbench-header .p1a-summary p strong {
  color: #475467;
  font-weight: 650;
}

body.ui-commercial[data-active-route="/messages"] .p1a-workspace {
  grid-template-columns: minmax(280px, 310px) minmax(0, 1fr);
  min-height: 520px;
  height: calc(100dvh - 170px);
}
body.ui-commercial[data-active-route="/messages"] .p1a-workspace[data-layout-mode="three"] {
  grid-template-columns: minmax(280px, 300px) minmax(560px, 1fr) minmax(380px, 420px);
}
body.ui-commercial[data-active-route="/messages"] .p1a-workspace[data-layout-mode="drawer"] .p1a-copilot-pane {
  position: absolute;
  z-index: 12;
  inset: 0 0 0 auto;
  display: flex;
  width: min(420px, calc(100% - 56px));
  visibility: hidden;
  transform: translateX(101%);
  box-shadow: -16px 0 40px rgba(15, 23, 42, .18);
  transition: transform .18s ease, visibility .18s;
}
body.ui-commercial[data-active-route="/messages"] .p1a-workspace[data-layout-mode="drawer"][data-copilot-open="true"] .p1a-copilot-pane {
  visibility: visible;
  transform: translateX(0);
}
body.ui-commercial[data-active-route="/messages"] .p1a-workspace[data-layout-mode="drawer"] .p1a-copilot-launch { display: inline-flex; }
body.ui-commercial[data-active-route="/messages"] .p1a-workspace[data-layout-mode="drawer"][data-copilot-open="true"] .p1a-copilot-backdrop {
  position: absolute;
  z-index: 11;
  inset: 0;
  display: block;
  border: 0;
  background: rgba(15, 23, 42, .28);
  cursor: pointer;
}
body.ui-commercial[data-active-route="/messages"] .p1a-workspace[data-layout-mode="three"] .p1a-copilot-pane {
  position: static;
  display: flex;
  width: auto;
  visibility: visible;
  transform: none;
  box-shadow: none;
}
body.ui-commercial[data-active-route="/messages"] .p1a-workspace[data-layout-mode="three"] .p1a-copilot-backdrop,
body.ui-commercial[data-active-route="/messages"] .p1a-workspace[data-layout-mode="three"] .p1a-copilot-launch {
  display: none;
}
body.ui-commercial[data-active-route="/messages"] .p1a-workspace[data-layout-mode="three"][data-copilot-collapsed="true"] {
  grid-template-columns: minmax(280px, 300px) minmax(560px, 1fr) 0;
}
body.ui-commercial[data-active-route="/messages"] .p1a-workspace[data-layout-mode="three"][data-copilot-collapsed="true"] .p1a-copilot-pane {
  display: none;
}
body.ui-commercial[data-active-route="/messages"] .p1a-workspace[data-layout-mode="three"][data-copilot-collapsed="true"] .p1a-copilot-launch {
  display: inline-flex;
}

body.ui-commercial[data-active-route="/messages"] .p1a-conversation {
  min-height: 104px;
  padding: 9px 10px;
  gap: 4px;
}
body.ui-commercial[data-active-route="/messages"] .p1a-business-meta {
  flex-wrap: nowrap;
  gap: 3px;
  overflow: hidden;
  white-space: nowrap;
}
body.ui-commercial[data-active-route="/messages"] .p1a-business-meta > span:not(.p1a-meta-separator) {
  overflow: hidden;
  text-overflow: ellipsis;
}
body.ui-commercial[data-active-route="/messages"] .p1a-meta-separator {
  flex: 0 0 auto;
  color: #98a2b3;
}
body.ui-commercial[data-active-route="/messages"] .p1a-preview {
  min-height: 2.8em;
  -webkit-line-clamp: 2;
}

body.ui-commercial[data-active-route="/messages"] .p1a-copilot-scroll { padding: 10px; }
body.ui-commercial[data-active-route="/messages"] .aie-head p { line-height: 1.35; }
body.ui-commercial[data-active-route="/messages"] .aie-safety {
  margin-top: 5px;
  padding: 7px 8px;
  border-radius: 7px;
  background: #fff7ed;
  line-height: 1.4;
}
body.ui-commercial[data-active-route="/messages"] .aie-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin-top: 8px;
}
body.ui-commercial[data-active-route="/messages"] .aie-actions form:first-child {
  grid-column: 1 / -1;
}
body.ui-commercial[data-active-route="/messages"] .aie-actions form:first-child .ui-btn {
  min-height: 38px;
  font-size: 12px;
}
body.ui-commercial[data-active-route="/messages"] .aie-result {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-top: 8px;
  padding-top: 8px;
}
body.ui-commercial[data-active-route="/messages"] .aie-result-head,
body.ui-commercial[data-active-route="/messages"] .aie-edit,
body.ui-commercial[data-active-route="/messages"] .aie-review-actions,
body.ui-commercial[data-active-route="/messages"] .aie-history { grid-column: 1; }
body.ui-commercial[data-active-route="/messages"] .aie-result-summary p {
  display: -webkit-box;
  margin-bottom: 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.45;
}
body.ui-commercial[data-active-route="/messages"] .aie-result-block ul {
  margin-top: 3px;
  line-height: 1.42;
}
body.ui-commercial[data-active-route="/messages"] .aie-risk-review {
  margin: 0;
  padding: 8px 9px;
}
body.ui-commercial[data-active-route="/messages"] .aie-edit {
  gap: 5px;
  padding-top: 3px;
}
body.ui-commercial[data-active-route="/messages"] .aie-draft-label {
  align-items: center;
}
body.ui-commercial[data-active-route="/messages"] .aie-edit textarea {
  min-height: 112px;
  max-height: 280px;
  padding: 9px 10px;
  resize: vertical;
  overflow-y: auto;
  line-height: 1.5;
}
body.ui-commercial[data-active-route="/messages"] .aie-unsaved-indicator {
  color: var(--ui-warning);
  font-size: 11px;
  font-weight: 700;
}
body.ui-commercial[data-active-route="/messages"] .aie-unsaved-indicator[hidden] { display: none; }
body.ui-commercial[data-active-route="/messages"] .aie-detail-stack {
  display: grid;
  gap: 5px;
}
body.ui-commercial[data-active-route="/messages"] .aie-disclosure,
body.ui-commercial[data-active-route="/messages"] .aie-history,
body.ui-commercial[data-active-route="/messages"] .aie-more-actions {
  border: 1px solid var(--ui-line);
  border-radius: 8px;
  background: #fff;
}
body.ui-commercial[data-active-route="/messages"] .aie-disclosure > summary,
body.ui-commercial[data-active-route="/messages"] .aie-history > summary,
body.ui-commercial[data-active-route="/messages"] .aie-more-actions > summary {
  padding: 7px 9px;
  color: #475467;
  cursor: pointer;
  font-size: 11px;
  font-weight: 700;
}
body.ui-commercial[data-active-route="/messages"] .aie-disclosure > summary:focus-visible,
body.ui-commercial[data-active-route="/messages"] .aie-history > summary:focus-visible,
body.ui-commercial[data-active-route="/messages"] .aie-more-actions > summary:focus-visible {
  outline: 3px solid var(--ui-focus);
  outline-offset: 1px;
}
body.ui-commercial[data-active-route="/messages"] .aie-disclosure-body {
  padding: 0 9px 8px;
  font-size: 12px;
  line-height: 1.48;
}
body.ui-commercial[data-active-route="/messages"] .aie-disclosure-body p { margin: 0; overflow-wrap: anywhere; }
body.ui-commercial[data-active-route="/messages"] .aie-disclosure-body .aie-result-block ul { margin-bottom: 0; }
body.ui-commercial[data-active-route="/messages"] .aie-review-actions {
  position: sticky;
  z-index: 2;
  bottom: -10px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
  gap: 6px;
  margin: 0 -10px -10px;
  padding: 8px 10px 10px;
  border-top: 1px solid var(--ui-line);
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 -8px 18px rgba(15, 23, 42, .06);
  backdrop-filter: blur(6px);
}
body.ui-commercial[data-active-route="/messages"] .aie-employee-use-note {
  grid-column: 1 / -1;
  align-items: center;
}
body.ui-commercial[data-active-route="/messages"] .aie-review-actions > .ui-btn,
body.ui-commercial[data-active-route="/messages"] .aie-review-actions > form .ui-btn {
  width: 100%;
  min-height: 34px;
  padding-inline: 6px;
  font-size: 11px;
}
body.ui-commercial[data-active-route="/messages"] .aie-more-actions {
  position: relative;
}
body.ui-commercial[data-active-route="/messages"] .aie-more-actions[open] {
  grid-column: 1 / -1;
}
body.ui-commercial[data-active-route="/messages"] .aie-more-actions form {
  padding: 0 7px 7px;
}
body.ui-commercial[data-active-route="/messages"] .aie-history {
  margin-top: 6px;
}
body.ui-commercial[data-active-route="/messages"] .aie-history ol {
  padding: 0 10px 8px 28px;
}

@media (max-height: 800px) {
  body.ui-commercial[data-active-route="/messages"] .p1a-workspace {
    min-height: 500px;
    height: calc(100dvh - 154px);
  }
}

/* AI Employee business orchestration V2: additive Copilot presentation only. */
body.ui-commercial[data-active-route="/messages"] .aibo {
  display: grid;
  gap: 8px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--ui-line);
}
body.ui-commercial[data-active-route="/messages"] .aibo-head,
body.ui-commercial[data-active-route="/messages"] .aibo-action > div {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
body.ui-commercial[data-active-route="/messages"] .aibo-head h3,
body.ui-commercial[data-active-route="/messages"] .aibo-actions-list h4,
body.ui-commercial[data-active-route="/messages"] .aibo-action h4 { margin: 0; }
body.ui-commercial[data-active-route="/messages"] .aibo-head p,
body.ui-commercial[data-active-route="/messages"] .aibo-action p { margin: 2px 0 0; color: var(--ui-muted); font-size: 11px; line-height: 1.45; }
body.ui-commercial[data-active-route="/messages"] .aibo-safety {
  margin: 0;
  padding: 7px 8px;
  border-radius: 7px;
  background: #eff8ff;
  color: #175cd3;
  font-size: 11px;
  line-height: 1.45;
}
body.ui-commercial[data-active-route="/messages"] .aibo-generate .ui-btn { width: 100%; }
body.ui-commercial[data-active-route="/messages"] .aibo-summary,
body.ui-commercial[data-active-route="/messages"] .aibo-readiness {
  display: grid;
  gap: 4px;
  padding: 9px;
  border: 1px solid var(--ui-line);
  border-radius: 8px;
  background: var(--ui-surface-subtle, #f9fafb);
}
body.ui-commercial[data-active-route="/messages"] .aibo-summary span { color: var(--ui-muted); font-size: 11px; }
body.ui-commercial[data-active-route="/messages"] .aibo-summary strong { line-height: 1.45; }
body.ui-commercial[data-active-route="/messages"] .aibo-detail {
  border: 1px solid var(--ui-line);
  border-radius: 8px;
  background: #fff;
}
body.ui-commercial[data-active-route="/messages"] .aibo-detail > summary {
  padding: 8px 9px;
  color: #475467;
  cursor: pointer;
  font-size: 11px;
  font-weight: 700;
}
body.ui-commercial[data-active-route="/messages"] .aibo-detail > div { padding: 0 9px 8px; }
body.ui-commercial[data-active-route="/messages"] .aibo ul { margin: 4px 0; padding-left: 18px; font-size: 11px; line-height: 1.45; }
body.ui-commercial[data-active-route="/messages"] .aibo-actions-list { display: grid; gap: 6px; }
body.ui-commercial[data-active-route="/messages"] .aibo-action {
  display: grid;
  gap: 5px;
  padding: 9px;
  border: 1px solid var(--ui-line);
  border-radius: 8px;
  background: #fff;
}
body.ui-commercial[data-active-route="/messages"] .aibo-confirm .ui-btn { width: 100%; }
body.ui-commercial[data-active-route="/messages"] .aibo-blocked {
  padding: 7px;
  border-radius: 6px;
  background: #fff4ed;
  color: #b42318 !important;
  font-weight: 650;
}
body.ui-commercial[data-active-route="/messages"] .aibo :focus-visible { outline: 3px solid var(--ui-focus); outline-offset: 2px; }