/* NBD Mission Control: the sign-in screen and the NBD views (health board, status strip). A file rather than injected
   <style> elements, so the console's own styles need nothing from 'unsafe-inline'. */

.nbd-boot {
  position: fixed; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 12px; background: #ffffff; color: #1a1a1a; font: 15px/1.4 -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
}
.nbd-boot__mark {
  width: 72px; height: 72px; border-radius: 50%; background: #a93439; color: #ffffff; display: grid; place-items: center;
  font-weight: 700; font-size: 26px; letter-spacing: 0.5px;
}
.nbd-boot__title { font-weight: 600; font-size: 18px; }
.nbd-boot__status { color: #5b5f66; max-width: 32em; text-align: center; padding: 0 16px; }
.nbd-boot__status button {
  margin-top: 10px; padding: 6px 14px; border: 1px solid #a93439; background: #a93439; color: #fff; border-radius: 4px;
  font: inherit; cursor: pointer;
}

/* Account health board (design review 2026-10-27, A2) */
.nbd-health { padding: 6px; overflow: auto; height: 100%; box-sizing: border-box; display: grid; gap: 6px; align-content: start; }
.nbd-health__card { border-left: 6px solid; padding: 6px 10px; background: rgba(127, 127, 127, 0.08); }
.nbd-health__head { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.nbd-health__name { font-weight: bold; cursor: pointer; }
.nbd-health__name:hover { text-decoration: underline; }
.nbd-health__pill { font-size: 0.85em; padding: 1px 6px; border-radius: 3px; color: #fff; }
.nbd-health__pill--amber { color: #000; }
.nbd-health__meta { margin-left: auto; opacity: 0.7; white-space: nowrap; }
.nbd-health ul { margin: 4px 0 0 16px; padding: 0; }
.nbd-health__label { margin-top: 4px; opacity: 0.7; font-size: 0.85em; text-transform: uppercase; }
.nbd-health__empty { padding: 12px; opacity: 0.7; }

/* Status strip (design review pass 2): condition tiles, then KPI tiles, wrapping to the pane's width */
.nbd-strip { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 4px; padding: 2px;
  height: 100%; overflow: auto; box-sizing: border-box; align-content: start; }
.nbd-strip__tile { padding: 4px 8px; min-height: 38px; display: flex; flex-direction: column; justify-content: center;
  background: rgba(127, 127, 127, 0.08); }
.nbd-strip__label { font-size: 0.85em; opacity: 0.75; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nbd-strip__value { font-size: 1.25em; font-weight: bold; white-space: nowrap; }
.nbd-strip__tile--status .nbd-strip__label { opacity: 0.9; }
.nbd-strip__tile--red { background: #c62828; color: #ffffff; }
.nbd-strip__tile--amber { background: #f9a825; color: #000000; }
.nbd-strip__tile--green { background: #2e7d32; color: #ffffff; }