/* ============================================================
   Priority Ward — Nursia theme layer (Frame + UI).

   Wears Nursia: title and case-select cards, credits dialog, the HUD
   (stepper, clock, buttons), the patient sheet on the right / below, coach,
   toasts, tooltip, explain banner, the bed chips over the ward.
   Stays as the game draws it: the 3D ward (built from shapes in three.js),
   the orange tutorial "look here" glow, and good/warn/bad meaning colours
   (remapped to Nursia's own correct/wrong, still distinguishable).
   ============================================================ */

[data-nursia-clinic="priority-ward"] {
  --bg: var(--nc-paper);
  --ink: var(--nc-ink);
  --mute: var(--nc-muted);
  --line: var(--nc-rule);
  --card: var(--nc-card);
  --brand: var(--nc-teal);
  --good: var(--nc-correct);
  --warn: #8a5a00;
  --bad: var(--nc-wrong);
}

/* --- layout: sit below the 48px bar -------------------------- */
[data-nursia-clinic="priority-ward"] #app,
[data-nursia-clinic="priority-ward"] .screen {
  top: var(--nc-bar-h);
}

/* --- type ------------------------------------------------------ */
[data-nursia-clinic="priority-ward"] h1,
[data-nursia-clinic="priority-ward"] h2,
[data-nursia-clinic="priority-ward"] h3 {
  font-family: var(--nc-font-ui);
  font-weight: 700;
  letter-spacing: -0.02em;
}
[data-nursia-clinic="priority-ward"] .card h1 {
  font-size: 38px;
  line-height: 1.05;
  letter-spacing: -0.03em;
}
[data-nursia-clinic="priority-ward"] .lead,
[data-nursia-clinic="priority-ward"] .beats,
[data-nursia-clinic="priority-ward"] .who,
[data-nursia-clinic="priority-ward"] .says,
[data-nursia-clinic="priority-ward"] .why,
[data-nursia-clinic="priority-ward"] .tl,
[data-nursia-clinic="priority-ward"] dialog p {
  font-family: var(--nc-font-body);
}
[data-nursia-clinic="priority-ward"] .lead {
  font-size: 19px;
  line-height: 1.45;
  color: var(--nc-ink-2);
}

/* --- buttons ---------------------------------------------------- */
[data-nursia-clinic="priority-ward"] button {
  border-radius: var(--nc-radius-btn);
  font-weight: 600;
  letter-spacing: -0.01em;
}
[data-nursia-clinic="priority-ward"] button:not(.primary):not(.link):not(:disabled):hover {
  border-color: var(--nc-ink);
}
[data-nursia-clinic="priority-ward"] button.primary {
  font-weight: 700;
}
[data-nursia-clinic="priority-ward"] button.primary:not(:disabled):hover {
  background: var(--nc-teal-dark);
  border-color: var(--nc-teal-dark);
}
[data-nursia-clinic="priority-ward"] button.link {
  font-weight: 500;
}
[data-nursia-clinic="priority-ward"] button:focus-visible,
[data-nursia-clinic="priority-ward"] .chip:focus-visible {
  outline: 2px solid var(--nc-teal);
  outline-offset: 2px;
}

/* --- title / case select / credits ----------------------------- */
[data-nursia-clinic="priority-ward"] .screen {
  background: var(--nc-paper);
}
[data-nursia-clinic="priority-ward"] .card,
[data-nursia-clinic="priority-ward"] dialog {
  border: 1px solid var(--nc-rule);
  border-radius: var(--nc-radius);
  box-shadow: var(--nc-shadow);
}
[data-nursia-clinic="priority-ward"] dialog::backdrop {
  background: rgba(20, 22, 26, 0.45);
}
[data-nursia-clinic="priority-ward"] .case small {
  font-family: var(--nc-font-body);
  font-weight: 400;
}

/* --- HUD --------------------------------------------------------- */
[data-nursia-clinic="priority-ward"] #hud {
  background: var(--nc-paper);
  border-bottom-color: var(--nc-rule);
}
[data-nursia-clinic="priority-ward"] #stepper li {
  border-radius: var(--nc-radius-btn);
  background: var(--nc-paper-2);
  font-weight: 600;
}
[data-nursia-clinic="priority-ward"] #stepper li.on {
  background: var(--nc-teal);
  color: #fff;
  font-weight: 700;
}
[data-nursia-clinic="priority-ward"] #stepper li.done {
  background: #e2efe8;
  color: var(--nc-correct);
}
[data-nursia-clinic="priority-ward"] #clock {
  font-family: var(--nc-font-mono);
  font-weight: 600;
  border-radius: var(--nc-radius-btn);
  background: var(--nc-ink);
}

/* --- ward overlay: chips, coach --------------------------------- */
[data-nursia-clinic="priority-ward"] .chip {
  border-radius: var(--nc-radius-btn);
  border-width: 1px;
  border-color: var(--nc-ink);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 6px 16px -8px rgba(20, 22, 26, 0.5);
}
[data-nursia-clinic="priority-ward"] .chip.bay {
  border-color: var(--nc-ink);
  border-top: 3px solid var(--nc-teal);
}
[data-nursia-clinic="priority-ward"] #coach {
  background: var(--nc-card);
  color: var(--nc-ink);
  border: 1px solid var(--nc-rule);
  border-left: 4px solid var(--nc-teal);
  border-radius: var(--nc-radius);
  box-shadow: 0 10px 30px -12px rgba(20, 22, 26, 0.45);
  font-weight: 500;
}

/* --- patient sheet --------------------------------------------- */
[data-nursia-clinic="priority-ward"] #sheet {
  background: var(--nc-paper);
}
[data-nursia-clinic="priority-ward"] .bar {
  background: linear-gradient(rgba(251, 250, 246, 0), var(--nc-paper) 30%);
}
[data-nursia-clinic="priority-ward"] .vt {
  background: var(--nc-card);
  border-radius: var(--nc-radius);
}
[data-nursia-clinic="priority-ward"] .vt b {
  font-family: var(--nc-font-mono);
  font-weight: 600;
}
[data-nursia-clinic="priority-ward"] .vt.chg {
  background: #fbecea;
}
[data-nursia-clinic="priority-ward"] .lines button.on {
  background: #e3f0ee;
}
[data-nursia-clinic="priority-ward"] .why {
  border-left-width: 3px;
  background: #eef6f1;
}
[data-nursia-clinic="priority-ward"] .why.warn { background: #fbf3e4; }
[data-nursia-clinic="priority-ward"] .why.bad,
[data-nursia-clinic="priority-ward"] .why.critical { background: #fbecea; }
[data-nursia-clinic="priority-ward"] .why.info { background: #eaf3f1; }
[data-nursia-clinic="priority-ward"] .slip {
  border-radius: var(--nc-radius);
  background: var(--nc-card);
}
[data-nursia-clinic="priority-ward"] .slip.sel { background: #e3f0ee; }
[data-nursia-clinic="priority-ward"] .slip.placed { background: #eef6f1; }
[data-nursia-clinic="priority-ward"] .star {
  border-radius: var(--nc-radius);
  background: var(--nc-paper-2);
}

/* --- toasts, tooltip, explain banner ---------------------------- */
[data-nursia-clinic="priority-ward"] #toast div {
  background: var(--nc-ink);
  border-radius: var(--nc-radius);
}
[data-nursia-clinic="priority-ward"] #tip {
  background: var(--nc-card);
  color: var(--nc-ink);
  border: 1px solid var(--nc-rule);
  border-radius: var(--nc-radius);
  box-shadow: 0 10px 24px -12px rgba(20, 22, 26, 0.45);
}
[data-nursia-clinic="priority-ward"] #explainBanner {
  border-radius: var(--nc-radius);
}

/* toasts are position:fixed from the window top; keep their old offset from the HUD */
[data-nursia-clinic="priority-ward"] #toast {
  top: calc(136px + var(--nc-bar-h));
}
@media (max-width: 760px) {
  [data-nursia-clinic="priority-ward"] #toast {
    top: calc(64px + var(--nc-bar-h));
  }
}
/* Bricolage draws "‹" small; give the back-to-cases button a readable glyph */
[data-nursia-clinic="priority-ward"] #menuBtn {
  font-size: 28px;
  line-height: 1;
}