/* nms.css — the NMS SECTION's shared sheet: the screen root's own rule and its
 * dark restatement, and nothing else.
 *
 * WHY IT IS ITS OWN FILE rather than the top of nms_html.css. The four custom
 * properties this rule declares are the section's cross-form contract: the two
 * child forms' focus rings, the Initiate/Intervene/Follow-up buttons and both
 * accent-coloured scrollbars all read --accent, and the loading overlay reads
 * --px-loading-accent. A custom property reaches those children by
 * INHERITANCE, not by the cascade, so head-link order cannot decide which
 * declaration wins and the section sheet cannot lose a tie to a form sheet.
 * (For the record it sorts first of the four anyway: '.' is 0x2E and '_' is
 * 0x5F.) No two of the four sheets declare the same selector.
 *
 * SPECIFICITY: NO PROMOTION NEEDED. The root element also carries
 * .px-screen-root, whose declarations are disjoint from the two kept here, and
 * nothing in this file names a shared class. --px-loading-accent declared on
 * the screen's container reaches its descendants by inheritance and wins over
 * the dependency's :root value.
 *
 * THE ROOT RULE STAYS BARE, because its subject is the element that carries
 * the class; :where() would add nothing and cost a class where the rule needs
 * one.
 *
 * height: 100% and overflow-y: auto are NOT re-declared here: they belong to
 * .px-screen-root and must not get a private copy. What stops them biting
 * is the .nms-screen-root wrapper in nms_html.css.
 */

.nms-dashboard {
  --accent: #10b981;
  --accent-hover: #059669;
  --accent-subtle: rgba(16, 185, 129, 0.12);
  --px-loading-accent: #10b981;

  display: flex;
  flex-direction: column;
}

/* The dark restatement is unchanged, including its second arm: the attribute
   sits on <html> in this app, and the arm that reads it off the container
   itself is carried across as it shipped. Neither arm can be :where()-scoped —
   the subject IS the root. */
[data-theme="dark"] .nms-dashboard,
.nms-dashboard[data-theme="dark"] {
  --accent: #34d399;
  --accent-hover: #10b981;
  --accent-subtle: rgba(52, 211, 153, 0.15);
}