/* Canonical application color system. Keep functional colors in one source of truth. */
:root {
  --neutral-text-primary: #202936;
  --neutral-text-secondary: #526174;
  --neutral-text-tertiary: #7b8492;
  --neutral-text-disabled: #98a4ab;
  --neutral-surface-page: #f5f6f8;
  --neutral-surface-raised: #fff;
  --neutral-surface-subtle: #f1f3f6;
  --neutral-surface-pressed: #e9edf2;
  --neutral-stroke-control: #dce2e9;
  --neutral-stroke-divider: #eef0f2;
  --neutral-stroke-strong: #aebdce;

  --color-brand-primary: #1769d2;
  --color-brand-hover: #0f5fbe;
  --color-brand-pressed: #0c4f9f;
  --color-brand-subtle: #e8f1ff;
  --color-brand-border: #b8d3f5;
  --color-brand-deep: #174b7a;
  --color-brand-darker: #134d7e;
  --color-brand-accent: #3d8bd3;
  --color-brand-highlight: #86c5ff;
  --color-brand-surface: #f4f9fe;
  --color-focus-ring: rgb(23 105 210 / 20%);
  --color-on-brand: #fff;

  --color-success-text: #16794a;
  --color-success-surface: #e8f5ee;
  --color-success-hover: #d9eddf;
  --color-success-pressed: #c9e3d2;
  --color-warning-text: #9a4d00;
  --color-warning-surface: #fff1dd;
  --color-danger-text: #ff4054;
  --color-danger-surface: #fff0f2;
  --color-danger-pressed: #e6374a;
  --color-recording: var(--color-danger-text);
  --color-recording-surface: var(--color-danger-surface);

  /* Shared title row for every bottom drawer. */
  --drawer-titlebar-height: 60px;
  --drawer-title-font-size: 18px;
  --drawer-title-line-height: 24px;
  --drawer-title-font-weight: 600;

  /* Canonical tag system: status/source, entity, form chip, and count badge. */
  --tag-status-height: 22px;
  --tag-status-padding: 0 8px;
  --tag-status-font-size: 10px;
  --tag-entity-height: 24px;
  --tag-entity-padding: 0 8px;
  --tag-entity-font-size: 11px;
  --tag-form-chip-height: 32px;
  --tag-form-chip-padding: 0 10px;
  --tag-form-chip-font-size: 13px;
  --tag-count-size: 20px;
  --tag-radius-pill: 999px;
  --tag-font-weight: 500;
  --tag-neutral-text: var(--neutral-text-tertiary);
  --tag-neutral-surface: var(--neutral-surface-subtle);
  --tag-success-text: var(--color-success-text);
  --tag-success-surface: var(--color-success-surface);
  --tag-warning-text: var(--color-warning-text);
  --tag-warning-surface: var(--color-warning-surface);
  --tag-danger-text: var(--color-danger-text);
  --tag-danger-surface: var(--color-danger-surface);
}

body .phone {

  /* Map every legacy theme namespace to the same semantic palette. */
  --b: var(--neutral-text-primary);
  --m: var(--neutral-text-tertiary);
  --l: var(--neutral-stroke-control);
  --bg: var(--neutral-surface-page);
  --panel: var(--neutral-surface-raised);
  --fill: var(--neutral-surface-subtle);
  --colorNeutralForeground1: var(--neutral-text-primary);
  --colorNeutralForeground2: var(--neutral-text-secondary);
  --colorNeutralForeground3: var(--neutral-text-tertiary);
  --colorNeutralForegroundDisabled: var(--neutral-text-disabled);
  --colorNeutralBackground1: var(--neutral-surface-raised);
  --colorNeutralBackground2: var(--neutral-surface-page);
  --colorNeutralBackground3: var(--neutral-surface-subtle);
  --colorNeutralBackground4: var(--neutral-surface-pressed);
  --colorNeutralStroke1: var(--neutral-stroke-control);
  --colorNeutralStroke2: var(--neutral-stroke-divider);
  --colorNeutralStrokeAccessible: var(--neutral-stroke-strong);
  --wb-page-bg: var(--neutral-surface-page);
  --wb-card-bg: var(--neutral-surface-raised);
  --wb-text: var(--neutral-text-primary);
  --wb-secondary: var(--neutral-text-tertiary);
  --wb-border: var(--neutral-stroke-control);
  --wb-divider: var(--neutral-stroke-divider);
  --notes-text: var(--neutral-text-primary);
  --notes-label: var(--neutral-text-tertiary);
  --notes-divider: var(--neutral-stroke-divider);
  --notes-input: var(--neutral-surface-raised);
  --form-control-border: var(--neutral-stroke-control);
  --empty-state-text-color: var(--neutral-text-tertiary);

  /* Map historical brand and status namespaces to the canonical tokens. */
  --brand: var(--color-brand-primary);
  --brand-hover: var(--color-brand-hover);
  --brand-pressed: var(--color-brand-pressed);
  --brand-soft: var(--color-brand-subtle);
  --brand-border: var(--color-brand-border);
  --system-blue: var(--color-brand-primary);
  --system-blue-text: var(--color-brand-primary);
  --wb-primary: var(--color-brand-primary);
  --wb-primary-soft: var(--color-brand-subtle);
  --colorBrandBackground: var(--color-brand-primary);
  --colorBrandBackgroundHover: var(--color-brand-hover);
  --colorBrandBackgroundPressed: var(--color-brand-pressed);
  --colorBrandBackground2: var(--color-brand-subtle);
  --colorBrandBackground2Hover: var(--color-brand-subtle);
  --colorBrandForeground1: var(--color-brand-primary);
  --colorBrandForeground2: var(--color-brand-primary);
  --colorBrandStroke1: var(--color-brand-primary);
  --colorBrandStroke2: var(--color-brand-border);
  --success: var(--color-success-text);
  --warning: var(--color-warning-text);
  --danger: var(--color-danger-text);
  --colorStatusSuccessForeground1: var(--color-success-text);
  --colorStatusSuccessBackground1: var(--color-success-surface);
  --colorStatusDangerForeground1: var(--color-danger-text);
  --colorStatusDangerBackground1: var(--color-danger-surface);
  --status-pending-text: var(--color-warning-text);
  --status-pending-surface: var(--color-warning-surface);
  --status-done-text: var(--color-success-text);
  --status-done-surface: var(--color-success-surface);
  --audio-control-text: var(--color-success-text);
  --audio-control-surface: var(--color-success-surface);
  --audio-control-hover: var(--color-success-hover);
  --audio-control-pressed: var(--color-success-pressed);
  color: var(--neutral-text-primary);
}

/* Bottom drawers share one title component; ordinary page headers stay unchanged. */
body .phone .drawer-titlebar {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: var(--drawer-titlebar-height) !important;
  min-height: var(--drawer-titlebar-height) !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center;
}

body .phone .drawer-titlebar:not(.app-head) {
  position: relative;
}

body .phone .drawer-titlebar > button:first-child:not(:last-child) {
  position: absolute;
  left: 0;
}

body .phone .drawer-titlebar > button:last-child {
  position: absolute;
  right: 0;
}

body .phone .drawer-titlebar > .drawer-title,
body .phone .screen > :is(#create-visit, #create-todo) > .drawer-titlebar > .drawer-title,
body .phone #recording > .drawer-titlebar > .drawer-title {
  margin: 0;
  font-size: var(--drawer-title-font-size) !important;
  font-weight: var(--drawer-title-font-weight);
  line-height: var(--drawer-title-line-height) !important;
  letter-spacing: -0.2px;
  text-align: center;
}

/* Primary information: page headings, list titles, values, and editable text. */
body .phone :is(h1, h2, h3, .row-title, .record-title, .recording-time, .time, .section-title, .template-card-title, .visit-info-card .kv > span, .kv > span, .field-input, .field-select, .select, .textarea, .unified-select-trigger, .fluent-combobox-trigger, [contenteditable="true"]) {
  color: var(--neutral-text-primary);
}

/* Secondary information: supporting copy and neutral icons. */
body .phone :is(.note-rich p, .note-rich ul, [data-note-editor] p, [data-note-editor] ul, .process-copy, .transcript-turn p, .organize-transcript-preview, .transcript-text) {
  color: var(--neutral-text-secondary);
}

body .phone :is(.back, .share-icon, .square, .audio-import-close, .cache-dialog-close, .share-dialog-close, .attendee-picker-close, .speaker-picker-close, .ai-drawer-close, .attachment-remove, .arrow, .record-item-chevron, .unified-select-chevron) {
  color: var(--neutral-text-secondary) !important;
  stroke: currentColor;
}

/* Tertiary information: labels, metadata, empty states, and helper copy. */
body .phone :is(.muted, .row-meta, .record-meta, .todo-date, .form-row > label, .kv > b, .visit-info-card .kv > b, .notes-field-label, .pending-record-facts, .pending-record-location, .record-visit, .record-audio-time, .note-progress-meta, .speaker-role-row > span, .audio-file-name, .ai-practice-meta, .mine-v28-section-label, .ended-meta-item, .attachment-image-info small, .attachment-file-row > .attachment-open > small, .ended-empty-inline, .visit-empty-state, .visit-empty-value, .ai-history-empty, .empty-data-text) {
  color: var(--neutral-text-tertiary) !important;
}

/* Rich-text subsection labels are content headings, not form labels. */
body .phone :is(.note-rich .label, [data-note-editor] .label, #organize-success > .box > .label, .organize-note-subsection-title > :is(b, span:first-child)) {
  color: var(--neutral-text-primary) !important;
}

/* Placeholder and disabled copy share one intentionally weaker level. */
body .phone :is(input, textarea)::placeholder {
  color: var(--neutral-text-disabled) !important;
  opacity: 1;
}

body .phone :is(input, textarea, button, .field-input, .field-select, .select)[disabled] {
  color: var(--neutral-text-disabled);
}

/* Controls are consistently white with the same neutral outline. */
body .phone :is(input.field-input, textarea.field-input, textarea.textarea, select.field-select, button.select, .unified-select-trigger, .fluent-combobox-trigger, .notes-edit-field, [contenteditable="true"]) {
  border-color: var(--neutral-stroke-control) !important;
  background-color: var(--neutral-surface-raised) !important;
}

body .phone :is(.box, .record-list-card, .template-card, .workbench-record-card, .player, .note-player, .ai-input, .ai-practice, .cache-dialog, .share-dialog, .audio-import-sheet, .attendee-picker) {
  border-color: var(--neutral-stroke-control);
  background-color: var(--neutral-surface-raised);
}

/* Structural separators use a lighter token than interactive outlines. */
body .phone :is(.row, .kv, .checkrow, .transcript-turn, .speaker-paragraph, .record-audio-player, .attachment-file-row, .visit-detail-nav, .bottom, .workbench-tabbar, .visit-filter-menu button + button, .record-list-card .swipe-row + .swipe-row) {
  border-color: var(--neutral-stroke-divider);
}

body .phone .check:not([aria-checked="true"]) {
  border-color: var(--neutral-stroke-strong);
  background: var(--neutral-surface-raised);
}

/* Neutral chips and inactive fills use one shared subtle surface. */
body .phone :is(.attendee-chip, .visit-tag, .pending-record-source, .record-source, .ended-reminder, .workbench-tabbar .workbench-tabs, .visit-todo-filter, .choice-group, .tabs) {
  background-color: var(--neutral-surface-subtle);
  color: var(--neutral-text-secondary);
}

/* Back buttons never gain a filled container, including keyboard and press states. */
body .phone button.back,
body .phone button.back:is(:hover, :active, :focus, :focus-visible) {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Other icon-only interactions also stay transparent when pressed. */
body .phone :is(.share-icon, .square, .audio-import-close, .cache-dialog-close, .share-dialog-close, .attendee-picker-close, .speaker-picker-close, .ai-drawer-close, .attachment-remove):is(:hover, :active) {
  background: transparent !important;
}

/* Resolve higher-specificity legacy rules on the audited feature surfaces. */
body .phone #pending-recordings-page :is(.pending-record-facts, .pending-record-location, .record-visit) {
  color: var(--neutral-text-tertiary) !important;
}

body .phone #pending-recordings-page .pending-record-source {
  background: var(--neutral-surface-subtle) !important;
  color: var(--tag-neutral-text) !important;
}

body .phone :is(#visit-detail, #ended-visit-detail, #ended-visit-empty-detail) :is(.visit-meeting-toggle > span:first-child, .kv > span:not(.tag):not(.todo-detail-status):not(.empty-data-text), .opportunity-name, .record-audio-title, .attachment-open, .checkrow:not(.todo-completed) .row-title) {
  color: var(--neutral-text-primary) !important;
}

body .phone :is(#visit-detail, #ended-visit-detail, #ended-visit-empty-detail) .record-note-text {
  color: var(--neutral-text-secondary) !important;
}

body .phone :is(#visit-detail, #ended-visit-detail, #ended-visit-empty-detail) > .visit-detail-nav button:not(.active),
body .phone #visit-detail .visit-todo-filter button:not(.active) {
  color: var(--neutral-text-secondary) !important;
}

body .phone :is(#visit-detail, #ended-visit-detail, #ended-visit-empty-detail) .visit-tag {
  background: var(--neutral-surface-subtle) !important;
  color: var(--neutral-text-secondary) !important;
}

body .phone :is(.visit-list-state[data-status="已结束"], .visit-status-inline.ended-status) {
  background: var(--neutral-surface-subtle) !important;
  color: var(--neutral-text-tertiary) !important;
}

body .phone .view > .app-head > :is(.back, .notes-header-action) {
  color: var(--neutral-text-secondary) !important;
}

body .phone .view > .app-head:has(.notes-header-action) {
  --detail-header-icon-color: var(--neutral-text-secondary);
}

body .phone :is(#visit-detail, #ended-visit-detail, #ended-visit-empty-detail) .kv .visit-location > span {
  color: var(--neutral-text-primary) !important;
}

body .phone :is(.step:not(.active), .step:not(.active) > b, .segment-time, .group-count, .group-toggle, .visit-filter-select:not(.is-filtered), .mine-v28-profile-meta) {
  color: var(--neutral-text-tertiary) !important;
}

body .phone .step:not(.active) > b {
  border-color: var(--neutral-stroke-control) !important;
  background: var(--neutral-surface-raised) !important;
}

body .phone .mine-v28-avatar {
  color: var(--neutral-text-primary) !important;
}

body .phone .unified-select-trigger > span:not(.unified-select-chevron) {
  color: inherit !important;
}

body .phone :is(input, textarea, button, .field-input, .field-select, .select)[disabled] {
  border-color: var(--neutral-stroke-control) !important;
  background-color: var(--neutral-surface-subtle) !important;
  color: var(--neutral-text-disabled) !important;
}

body .phone .audio-file-label,
body .phone #login .login-form input,
body .phone #login .login-code-button {
  border-color: var(--neutral-stroke-control) !important;
  background-color: var(--neutral-surface-raised) !important;
}

body .phone #login :is(.login-account span, .login-code-button) {
  color: var(--neutral-text-secondary);
}

body .phone #login .login-account span {
  background: var(--neutral-surface-subtle);
}

body .phone #login .login-password-toggle {
  color: var(--neutral-text-tertiary);
}

/* Remaining shared components use the same semantic text levels. */
body .phone :is(.fluent-option, .unified-select-option, .secondary:not(.audio-toggle), h2, .record-audio-title, .attachment-image-info > span) {
  color: var(--neutral-text-primary) !important;
}

body .phone :is(.unified-select-trigger, .field-select, button.select) {
  color: var(--neutral-text-primary) !important;
}

body .phone :is(.unified-select-trigger, .field-select, button.select) > span:not(.unified-select-chevron) {
  color: inherit !important;
}

body .phone :is(.record-flow-source, .record-flow-facts, .recording-mini-time, .speaker-picker-copy, #workbench > .app-head small) {
  color: var(--neutral-text-tertiary) !important;
}

body .phone :is(.recording-mini-title, .record-audio-title) {
  color: var(--neutral-text-primary) !important;
}

body .phone:not(.recording-drawer-paused) .recording-mini-pause {
  color: var(--color-recording) !important;
}

body .phone :is(.ended-reminder > span, .consent-copy, .login-reset-cancel) {
  color: var(--neutral-text-secondary) !important;
}

body .phone :is(#ended-visit-detail .ended-note p, #organize-success > .box p, #organize-success > .box li) {
  color: var(--neutral-text-secondary) !important;
}

body .phone :is(
  #workbench #workbench-visits > .row .visit-list-state[data-status="未开始"],
  #visit-detail[data-notes-state="upcoming"] .visit-status-inline
) {
  background: var(--neutral-surface-subtle) !important;
  color: var(--neutral-text-tertiary) !important;
}

body .phone :is(
  #workbench #workbench-visits > .row .visit-list-state[data-status="进行中"],
  #visit-detail[data-notes-state="ongoing"] .visit-status-inline,
  .todo-detail-status[data-todo-detail-status="done"]
) {
  background: var(--color-success-surface) !important;
  color: var(--color-success-text) !important;
}

body .phone .todo-detail-status[data-todo-detail-status="open"] {
  background: var(--tag-neutral-surface) !important;
  color: var(--tag-neutral-text) !important;
}

/*
 * Canonical tag components.
 * Context-specific files may place these elements, but must not redefine their
 * size or semantic color. The neutral status is shared by 未开始、已结束、未完成.
 */
body .phone :is(
  .visit-list-state,
  .visit-status-inline,
  .todo-detail-status,
  .visit-note-reminder,
  .pending-record-source,
  .record-source
) {
  display: inline-flex !important;
  height: var(--tag-status-height) !important;
  min-height: var(--tag-status-height) !important;
  align-items: center !important;
  justify-content: center;
  box-sizing: border-box;
  padding: var(--tag-status-padding) !important;
  border: 0 !important;
  border-radius: var(--tag-radius-pill) !important;
  background: var(--tag-neutral-surface) !important;
  color: var(--tag-neutral-text) !important;
  font-size: var(--tag-status-font-size) !important;
  font-weight: var(--tag-font-weight) !important;
  line-height: var(--tag-status-height) !important;
  white-space: nowrap;
}

body .phone :is(
  #workbench #workbench-visits > .row .visit-list-state[data-status="进行中"],
  #visit-detail[data-notes-state="ongoing"] .visit-status-inline,
  .todo-detail-status[data-todo-detail-status="done"],
  .workbench-record-card[data-record-state="done"] .visit-status-inline,
  .visit-note-reminder.is-submitted
) {
  background: var(--tag-success-surface) !important;
  color: var(--tag-success-text) !important;
}

body .phone .workbench-record-card[data-record-state="pending"] .visit-status-inline {
  background: var(--tag-warning-surface) !important;
  color: var(--tag-warning-text) !important;
}

body .phone :is(#workbench-recordings, #pending-recordings-page) .pending-record .visit-status-inline {
  background: var(--tag-warning-surface) !important;
  color: var(--tag-warning-text) !important;
}

body .phone .visit-note-reminder:not(.is-submitted) {
  background: var(--tag-danger-surface) !important;
  color: var(--tag-danger-text) !important;
}

body .phone :is(.visit-tag, .visit-tag-overflow, .ended-reminder, .record-organize-hint) {
  display: inline-flex !important;
  height: var(--tag-entity-height) !important;
  min-height: var(--tag-entity-height) !important;
  align-items: center;
  box-sizing: border-box;
  padding: var(--tag-entity-padding) !important;
  border: 0 !important;
  border-radius: var(--tag-radius-pill) !important;
  font-size: var(--tag-entity-font-size) !important;
  font-weight: var(--tag-font-weight) !important;
  line-height: var(--tag-entity-height) !important;
  white-space: nowrap;
}

body .phone :is(.visit-tag, .visit-tag-overflow, .ended-reminder) {
  background: var(--tag-neutral-surface) !important;
  color: var(--neutral-text-secondary) !important;
}

body .phone .record-organize-hint {
  background: var(--color-brand-subtle) !important;
  color: var(--color-brand-primary) !important;
}

body .phone .attendee-chip {
  display: inline-flex !important;
  height: var(--tag-form-chip-height) !important;
  min-height: var(--tag-form-chip-height) !important;
  align-items: center;
  box-sizing: border-box;
  padding: var(--tag-form-chip-padding) !important;
  border: 0 !important;
  border-radius: var(--tag-radius-pill) !important;
  background: var(--tag-neutral-surface) !important;
  color: var(--neutral-text-secondary) !important;
  font-size: var(--tag-form-chip-font-size) !important;
  font-weight: var(--tag-font-weight) !important;
  line-height: 20px !important;
  white-space: nowrap;
}

body .phone .group-count {
  display: inline-flex !important;
  min-width: var(--tag-count-size) !important;
  height: var(--tag-count-size) !important;
  min-height: var(--tag-count-size) !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 5px !important;
  border-radius: var(--tag-radius-pill) !important;
  background: var(--neutral-surface-pressed) !important;
  color: var(--tag-neutral-text) !important;
  font-size: 11px !important;
  font-weight: var(--tag-font-weight) !important;
  line-height: var(--tag-count-size) !important;
}

body .phone #workbench-todo [data-todo-heading="overdue"] .group-count {
  background: var(--tag-danger-surface) !important;
  color: var(--tag-danger-text) !important;
}

/* Live recording is an inline state indicator, not another filled tag. */
body .phone :is(.visit-recording-status, .visit-recording-badge) {
  color: var(--color-recording) !important;
  font-size: var(--tag-status-font-size) !important;
  font-weight: var(--tag-font-weight) !important;
}

body .phone .visit-recording-badge[data-recording-state="paused"] {
  color: var(--tag-warning-text) !important;
}

body .phone .visit-recording-badge[data-recording-state="idle"] {
  color: var(--tag-neutral-text) !important;
}

body .phone .record-new-mark {
  color: var(--color-brand-primary) !important;
  font-size: var(--tag-status-font-size) !important;
  font-weight: var(--tag-font-weight) !important;
}

body .phone .record-new-mark::before {
  background: var(--color-brand-primary) !important;
  box-shadow: 0 0 0 3px var(--color-focus-ring) !important;
}

/* Final neutral normalization for legacy and auxiliary surfaces. */
body .phone .record-visit,
body .phone #workbench .visit-filter-select:not(.is-filtered),
body .phone #workbench .visit-filter-select:not(.is-filtered) > span {
  color: var(--neutral-text-tertiary) !important;
}

body .phone .todo-completed .row-title {
  color: var(--neutral-text-tertiary) !important;
}

body .phone #organize-edit > .box .label,
body .phone #organize-summary .transcript-toggle > span:first-child {
  color: var(--neutral-text-primary) !important;
}

body .phone #organize-summary .transcript-toggle-state {
  color: var(--system-blue) !important;
}

body .phone :is(#organize-generated .dark p, .login-reset-body p, .login-reset-help li, .login-reset-help strong) {
  color: var(--neutral-text-secondary) !important;
}

body .phone :is(.ai-common button, .drawer-close) {
  border-color: var(--neutral-stroke-control) !important;
  background: var(--neutral-surface-raised) !important;
  color: var(--neutral-text-primary) !important;
}

body .phone .drawer-close {
  border: 0 !important;
  background: transparent !important;
  color: var(--neutral-text-secondary) !important;
}

body .phone :is(.login-reset-account > span, .login-reset-option span) {
  color: var(--neutral-text-secondary) !important;
}

body .phone :is(.pending-record, .bottom, .actions.visit-actions) {
  background-color: var(--neutral-surface-raised) !important;
}

body .phone :is(.textarea, .audio-file-label) {
  border-color: var(--neutral-stroke-control) !important;
  background-color: var(--neutral-surface-raised) !important;
}

body .phone :is(.attachment-thumb, .recording-drawer-handle, .speaker-role-row > button:empty, .login-reset-account > span) {
  border-color: var(--neutral-stroke-control) !important;
  background-color: var(--neutral-surface-subtle) !important;
}

body .phone > #recording.recording-drawer-visible > .recording-drawer-handle {
  background-color: var(--neutral-surface-raised) !important;
}

body .phone :is(.fluent-listbox, .unified-select-listbox, .mine-v28-feature-card, .mine-v28-settings-card, .mine-v28-logout, .consent-check) {
  border-color: var(--neutral-stroke-control) !important;
}

body .phone :is(.notes-filter-bar, .section-title.visit-subsection-title, .organize-note-subsection-title) {
  border-color: var(--neutral-stroke-divider) !important;
}

body .phone .consent-box {
  border-color: var(--neutral-stroke-strong) !important;
  background: var(--neutral-surface-raised) !important;
}

/* Empty-value copy keeps one global, low-emphasis treatment in every control. */
body .phone .empty-data-text {
  color: var(--neutral-text-tertiary) !important;
}