/* Cam logo Inox Tân Sơn là màu điểm nhấn duy nhất, kể cả hover/focus.
   Navy vẫn là nền/tiêu đề chính; màu trạng thái biểu thị ý nghĩa nghiệp vụ. */
@media screen {
  :root { --nav-arrow-color: var(--its-accent); --nav-arrow-hover: var(--its-accent); }

  /* Chữ nhấn, số thứ tự, ký hiệu và chỉ dẫn trên toàn bộ chuyên mục. */
  .eyebrow, .cx-context .eyebrow, .auth-eyebrow,
  .module-code, .code, .module-table td:first-child, .step-n, .weeknum,
  .week .weeknum, .action-card > span, .gate-top, .gate-open,
  .os-code, .os-gate > span, .os-targets strong, .policy-number, .policy-open,
  .cx-point-id, .cx-open, .cx-text-link, .cx-kpi-target,
  .cx-checklist span, .cx-home-tagline, .cx-outcomes strong,
  .v-door-cta, .row-symbol, .letter, .icon-button, .close,
  .its-empty-icon, .v-architecture li::before, .searchbox::before,
  .guardrail .label, .module-intro .label {
    color: var(--its-accent) !important;
  }

  /* Mũi tên trong liên kết, nút, luồng công việc và tài liệu dùng cùng màu. */
  .its-nav-arrow, a .its-nav-arrow, button .its-nav-arrow,
  a:is(:hover, :focus-visible) .its-nav-arrow,
  .auth-arrow, .primary .auth-arrow, .its-accent-arrow,
  .os-action-line > span {
    color: var(--its-accent) !important;
  }
  .its-accent-arrow { font-weight: 700; }
  summary::marker, .sidebar summary::marker { color: var(--its-accent); }
  summary::-webkit-details-marker, .sidebar summary::-webkit-details-marker { color: var(--its-accent); }

  /* Cam trên nền navy giúp mũi tên rõ ngay cả trong nút nền cam. */
  :is(.team-entry-button, .cx-hero .button, .pilot-strip .button, .v-pilot .button)
  :is(.its-nav-arrow, .its-accent-arrow) {
    display: inline-grid;
    place-items: center;
    min-width: 1.5em;
    height: 1.5em;
    padding: 0;
    border-radius: 50%;
    background: var(--its-primary);
    line-height: 1;
  }

  /* Dấu nhận diện trên thẻ, ô tra cứu và mục đang chọn. */
  .os-card, .portal-card, .module-card, .action-card, .gate-card,
  .policy-tile, .its-section-card, .os-procedure, .os-gate, .auth-doc {
    border-top-color: var(--its-accent);
  }
  .os-note:not(.attention), .notice:not(.alert), .team-scope,
  .policy-journal, .guide aside, .its-source-note,
  #main > .pagehead + .panel a[href="#work"] {
    border-left-color: var(--its-accent);
  }
  .weight-bar span { background: var(--its-accent); }
  .tabs button.selected { color: var(--its-accent); border-bottom-color: var(--its-accent); }
  .os-tabs a[aria-current], .os-page-tabs a[aria-current], .cx-tabs a[aria-current],
  .gate-switch a[aria-current], .its-category-list a[aria-current] {
    color: var(--its-accent);
    border-color: var(--its-accent);
  }
  .sidebar #nav > a.active, .sidebar nav a.active { color: var(--its-accent); }
  .os-role-links > a:hover, .its-quick a:hover, .cx-tabs a:hover,
  .portal-card:hover, .module-card:hover, .action-card:hover,
  .gate-card:hover, .os-gate:hover, .cx-touchpoint[open], .cx-kpi[open] {
    border-color: var(--its-accent);
  }
  button:focus-visible, a:focus-visible, input:focus-visible,
  select:focus-visible, textarea:focus-visible, summary:focus-visible,
  .sidebar :focus-visible, .v-form input:focus, .v-form textarea:focus,
  .v-form select:focus, .v-control-row select:focus, .v-control-row textarea:focus {
    outline-color: var(--its-accent) !important;
  }
  input[type="checkbox"], input[type="radio"] { accent-color: var(--its-accent); }

  /* Chữ trạng thái cần giữ ý nghĩa và tương phản riêng. */
  .tag.high, .risk-cell.high { color: var(--its-risk-high-ink); }
}