/* Clue workbench typography: lighter hierarchy and clearer reading rhythm. */
body[data-view="events"] {
  --clue-heading: #2c3934;
  --clue-text: #465650;
  --clue-muted: #74827d;
  --clue-subtle: #8b9792;
  color: var(--clue-text);
  font-family: "PingFang SC", "Noto Sans SC", "Microsoft YaHei", "Source Han Sans SC", sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body[data-view="events"] :is(button, input, select, textarea) {
  font-family: inherit;
  letter-spacing: 0;
}

/* Header and primary navigation */
body[data-view="events"] .brand strong {
  color: #2d3a42;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.35;
}

body[data-view="events"] .brand span {
  color: #738088;
  font-weight: 400;
  line-height: 1.45;
}

body[data-view="events"] .nav-item {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0;
}

body[data-view="events"] .nav-item.active {
  font-weight: 600;
}

body[data-view="events"] :is(.user-badge span, .header-window span) {
  color: #c2d1d8;
  font-weight: 400;
}

body[data-view="events"] :is(.user-badge strong, .header-window strong) {
  font-weight: 500;
}

body[data-view="events"] .header-actions > :is(button, .header-link-btn) {
  font-size: 12px;
  font-weight: 500;
}

body[data-view="events"] .notification-open-btn span {
  font-weight: 600;
}

/* Scheme rail */
body[data-view="events"] .scheme-workbench-head > div > span {
  color: var(--clue-muted);
  font-size: 11px;
  font-weight: 400;
  line-height: 1.45;
}

body[data-view="events"] .scheme-workbench-head > div > strong {
  color: #34443e;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.45;
}

body[data-view="events"] .scheme-workbench-metrics b {
  color: #3e6159;
  font-weight: 600;
  line-height: 1.4;
}

body[data-view="events"] .scheme-workbench-metrics small {
  color: var(--clue-subtle);
  font-size: 9.5px;
  font-weight: 400;
  line-height: 1.35;
}

body[data-view="events"] .scheme-workbench-search input {
  color: #4e5e58;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.45;
}

body[data-view="events"] .scheme-workbench-search input::placeholder,
body[data-view="events"] .filters input::placeholder {
  color: #98a39f;
  opacity: 1;
}

body[data-view="events"] :is(.scheme-workbench-all, .scheme-workbench-item) {
  color: #465650;
  line-height: 1.45;
}

body[data-view="events"] :is(.scheme-workbench-all, .scheme-workbench-item) strong {
  color: #3c4a45;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.45;
}

body[data-view="events"] :is(.scheme-workbench-all, .scheme-workbench-item).is-active strong {
  color: #23675c;
  font-weight: 600;
}

body[data-view="events"] :is(.scheme-workbench-all, .scheme-workbench-item) small {
  color: var(--clue-subtle);
  font-size: 10px;
  font-weight: 400;
  line-height: 1.35;
}

body[data-view="events"] :is(.scheme-workbench-all, .scheme-workbench-item) em {
  color: #667771;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.35;
}

/* List heading and filters */
body[data-view="events"] .table-head h2 {
  color: var(--clue-heading);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.45;
}

body[data-view="events"] .table-head > div:first-child p {
  color: var(--clue-muted);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}

body[data-view="events"] .filters :is(input:not([type="checkbox"]), select, .filter-check) {
  color: #4d5d57;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.45;
}

body[data-view="events"] .filter-note {
  color: #84908c;
  font-weight: 400;
  line-height: 1.55;
}

body[data-view="events"] :is(.event-page-btn, .event-page-status) {
  font-weight: 500;
}

body[data-view="events"] .event-page-status strong {
  font-weight: 600;
}

/* Clue cards */
body[data-view="events"] .event-card {
  color: var(--clue-text);
}

body[data-view="events"] .event-meta {
  color: #7d8985;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.45;
}

body[data-view="events"] .event-scheme-label {
  color: #4a746b;
  font-weight: 600;
}

body[data-view="events"] .event-title {
  margin: 5px 0 4px;
  color: var(--clue-heading);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}

body[data-view="events"] .event-summary {
  color: #596963;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.58;
  -webkit-line-clamp: 2;
}

body[data-view="events"] .event-inline-fields span {
  color: #596963;
  font-weight: 400;
  line-height: 1.35;
}

body[data-view="events"] .event-inline-fields b {
  color: #7b8883;
  font-weight: 500;
}

body[data-view="events"] .tag {
  color: #52645d;
  font-weight: 400;
}

body[data-view="events"] :is(.event-status-chip strong, .event-actions .copy-btn, .event-location-chip) {
  font-weight: 500;
}

body[data-view="events"] .event-card.is-read {
  border-color: #d5dedb;
  border-left-color: #9aa8a3;
  background: #f3f6f5 !important;
}

body[data-view="events"] .event-card.is-read .event-title {
  color: #5b6863;
  font-weight: 500;
}

body[data-view="events"] .event-card.is-read :is(.event-summary, .event-meta) {
  color: #7b8782;
}

body[data-view="events"] .event-card.is-read.selected {
  border-color: #8fb8ae;
  background: #eef5f2 !important;
}

body[data-view="events"] .event-card.is-forward-focus {
  border: 2px solid #287a6d;
  border-left-width: 7px;
  background: #f4fbf8 !important;
  box-shadow: 0 0 0 3px rgba(40, 122, 109, .18), 0 10px 22px rgba(25, 47, 40, .1);
}

body[data-view="events"] .event-card.is-forward-focus.is-read {
  background: #f4fbf8 !important;
}

body[data-view="events"] .event-card.is-forward-focus :is(.event-title, .event-summary, .event-meta) {
  color: inherit;
}

body[data-view="events"] .event-card.is-forward-focus .event-title {
  color: #213d37;
  font-weight: 600;
}

body[data-view="events"] .event-forward-focus-label {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 2px 8px;
  border: 1px solid #287a6d;
  border-radius: 4px;
  color: #fff;
  background: #287a6d;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
}

/* Detail panel */
body[data-view="events"] .detail-kicker .tag {
  font-weight: 500;
}

body[data-view="events"] .detail-content > h2 {
  color: var(--clue-heading);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.5;
}

body[data-view="events"] .detail-summary {
  color: #53645e;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.68;
}

body[data-view="events"] .detail-grid {
  color: #44544e;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.55;
}

body[data-view="events"] .detail-grid dt {
  color: #7d8a85;
  font-weight: 400;
}

body[data-view="events"] .detail-grid dd {
  color: #44544e;
  font-weight: 400;
  line-height: 1.55;
}

body[data-view="events"] .detail-grid dd.detail-judgment {
  line-height: 1.68;
}

body[data-view="events"] .detail-tabs button {
  color: #697872;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
}

body[data-view="events"] .detail-tabs button.active {
  color: #2a6b60;
  font-weight: 600;
}

body[data-view="events"] .detail-section :is(h3, strong) {
  font-weight: 600;
}

body[data-view="events"] :is(.detail-status-note, .timeline-item p, .comment-card p, .aggregation-note) {
  color: #586862;
  font-weight: 400;
  line-height: 1.65;
}

body[data-view="events"] .detail-panel :is(button, select, input, textarea) {
  font-weight: 500;
}

@media (min-width: 861px) {
  body[data-view="events"] .scheme-workbench-body {
    gap: 7px;
  }

  body[data-view="events"] :is(.scheme-workbench-all, .scheme-workbench-item) {
    padding-top: 7px;
    padding-bottom: 7px;
  }

  body[data-view="events"] .event-list {
    gap: 5px;
  }

  body[data-view="events"] .event-card {
    padding: 7px 8px 6px 7px;
  }

  body[data-view="events"] .event-meta {
    line-height: 1.3;
  }

  body[data-view="events"] .event-title {
    margin: 3px 0 2px;
    line-height: 1.35;
  }

  body[data-view="events"] .event-summary {
    font-size: 12px;
    line-height: 1.42;
    -webkit-line-clamp: 1;
  }

  body[data-view="events"] .event-inline-fields {
    margin: 3px 0;
  }

  body[data-view="events"] .event-inline-fields span {
    height: 20px;
  }

  body[data-view="events"] .event-card .tags {
    column-gap: 4px;
    row-gap: 4px;
  }

  body[data-view="events"] .event-card .tags > .tag:first-child {
    min-height: 20px;
    padding-top: 1px;
    padding-bottom: 1px;
  }
}

@media (max-width: 860px) {
  body[data-view="events"] .scheme-workbench-head > div > strong {
    font-size: 15px;
  }

  body[data-view="events"] :is(.scheme-workbench-all, .scheme-workbench-item) strong {
    font-size: 13px;
    line-height: 1.5;
  }

  body[data-view="events"] .event-card {
    color: var(--clue-text);
  }

  body[data-view="events"] .event-title {
    color: var(--clue-heading);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
  }

  body[data-view="events"] .event-summary {
    color: #566761;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.68;
    -webkit-line-clamp: 3;
  }

  body[data-view="events"] .tag {
    font-weight: 500;
  }

  body[data-view="events"] .mobile-summary-dialog-head h2 {
    color: var(--clue-heading);
    font-weight: 600;
    line-height: 1.5;
  }

  body[data-view="events"] .mobile-summary-body {
    color: #52635d;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.72;
  }

  body[data-view="events"] .mobile-summary-meta :is(dt, dd) {
    font-weight: 400;
    line-height: 1.55;
  }
}

/* Test-site vNext shell uses the same restrained type hierarchy. */
body:not([data-view]) {
  --ink: #2e3b36;
  --ink-soft: #4a5a54;
  --muted: #75827d;
  --muted-2: #909b97;
  color: var(--ink);
  font-family: "PingFang SC", "Noto Sans SC", "Microsoft YaHei", "Source Han Sans SC", sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body:not([data-view]) :is(button, input, select, textarea) {
  font-family: inherit;
  letter-spacing: 0;
}

body:not([data-view]) :is(.brand-mark, .user-avatar) {
  font-weight: 600;
}

body:not([data-view]) .brand-copy strong {
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0;
}

body:not([data-view]) .brand-copy span,
body:not([data-view]) .user-copy span {
  font-weight: 400;
}

body:not([data-view]) :is(.global-search input, .scheme-search input, .local-search input) {
  font-weight: 400;
}

body:not([data-view]) :is(.search-scope, .demo-pill, .sync-pill, .sync-pill strong) {
  font-weight: 500;
}

body:not([data-view]) .user-copy strong {
  font-weight: 500;
}

body:not([data-view]) .sidebar-label {
  color: #7e8b86;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0;
  text-transform: none;
}

body:not([data-view]) :is(.scheme-order-button, .side-nav-button, .client-head) {
  font-weight: 500;
}

body:not([data-view]) .side-nav-button.active,
body:not([data-view]) .client-head:hover {
  font-weight: 600;
}

body:not([data-view]) :is(.count-badge, .client-total, .scheme-count) {
  font-weight: 500;
}

body:not([data-view]) .scheme-button {
  color: #53635d;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.45;
}

body:not([data-view]) .scheme-button.active,
body:not([data-view]) .scheme-button.active .scheme-count {
  font-weight: 600;
}

body:not([data-view]) .breadcrumb {
  font-weight: 400;
  line-height: 1.45;
}

body:not([data-view]) .context-title-row h1 {
  color: #2c3934;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0;
}

body:not([data-view]) .context-description {
  color: #71807a;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.65;
}

body:not([data-view]) :is(.scope-badge, .btn, .view-tab, .filter-select, .page-status) {
  font-weight: 500;
}

body:not([data-view]) :is(.view-tab.active, .btn.primary) {
  font-weight: 600;
}

body:not([data-view]) .metric-value {
  color: #33413c;
  font-weight: 600;
}

body:not([data-view]) .metric-copy span {
  color: #5a6963;
  font-weight: 500;
}

body:not([data-view]) .metric-copy small {
  color: #8b9692;
  font-weight: 400;
}

body:not([data-view]) .filter-select {
  color: #53625c;
  font-size: 11px;
  line-height: 1.45;
}

body:not([data-view]) :is(.list-summary, .filter-meta, .card-meta) {
  color: #7c8984;
  font-weight: 400;
  line-height: 1.5;
}

body:not([data-view]) .scheme-context-pill,
body:not([data-view]) :is(.status-pill, .risk-pill, .tiny-pill, .relation-button, .growth-note) {
  font-weight: 500;
}

body:not([data-view]) .card-title {
  color: #2d3a35;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0;
}

body:not([data-view]) .card-title.is-placeholder {
  color: #7d8984;
  font-weight: 500;
}

body:not([data-view]) .card-summary {
  color: #596963;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.7;
}

body:not([data-view]) .card-reason {
  color: #7a8782;
  font-weight: 400;
  line-height: 1.5;
}

body:not([data-view]) .card-reason strong {
  color: #56655f;
  font-weight: 500;
}

body:not([data-view]) .more-menu button {
  font-weight: 500;
}

body:not([data-view]) .detail-kicker {
  font-weight: 500;
}

body:not([data-view]) .detail-title {
  color: #2c3934;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.55;
}

body:not([data-view]) .detail-tab {
  color: #74817c;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.45;
}

body:not([data-view]) .detail-tab.active {
  font-weight: 600;
}

body:not([data-view]) :is(.detail-section > h3, .detail-section-head strong) {
  color: #4a5a54;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.45;
}

body:not([data-view]) .detail-grid {
  color: #4e5e58;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.65;
}

body:not([data-view]) .detail-grid dt {
  color: #7c8984;
  font-weight: 400;
}

body:not([data-view]) :is(.detail-section > p, .source-text, .analysis-summary, .copy-preview) {
  color: #53635d;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.75;
}

body:not([data-view]) :is(.source-copy strong, .info-item strong, .timeline-copy strong) {
  color: #53625c;
  font-weight: 500;
}

body:not([data-view]) :is(.source-copy span, .info-item span, .timeline-copy span) {
  color: #7d8984;
  font-weight: 400;
  line-height: 1.55;
}

body:not([data-view]) :is(.panel-title h2, .scheme-table .scheme-cell strong, .task-copy strong) {
  color: #465650;
  font-weight: 600;
}

body:not([data-view]) :is(.scheme-table th, .num, .sync-state, .task-state, .toast) {
  font-weight: 500;
}

@media (max-width: 820px) {
  body:not([data-view]) .card-title {
    font-size: 15px;
    line-height: 1.55;
  }

  body:not([data-view]) .card-summary {
    font-size: 12px;
    line-height: 1.72;
  }

  body:not([data-view]) .detail-title {
    font-size: 17px;
  }

  body:not([data-view]) :is(.detail-section > p, .source-text, .analysis-summary, .copy-preview) {
    font-size: 12px;
  }
}

/* Source-provided match words, shared by desktop and mobile clue views. */
.event-keywords {
  color: #c93732;
  font-size: 13px;
  line-height: 1.6;
  margin: 5px 0 7px;
  overflow-wrap: anywhere;
}
.event-keywords[hidden] { display: none; }
@media (max-width: 860px) {
  body[data-view="events"] .event-main > .event-keywords { order: 4; }
}