/* NotificationBar common module (GT-ST Manual 6.5.5).
   One-line bottom bar with transient messages during test case execution.
   Position, colors and shape follow the shared tester UI style
   (.claude/rules/tester-ui-style.md): left 5%, top 86%, width 90% and
   height 9% (everything inside the 5% safe margin), corners 12px and the
   6px accent marker on the left. */

.notification-bar {
  position: absolute;
  left: 5%;
  top: 86%;
  width: 90%;
  height: 9%;
  box-sizing: border-box;
  padding: 0 22px;
  border-radius: 12px;
  background-color: rgba(14, 21, 32, 0.92);
  color: #eef2f6;
  /* Tiresias and Verdana are the fonts Ginga-NCL receivers must provide
     (ITU-T H.761, canvas:attrFont); Arial is the fallback elsewhere. */
  font-family: Tiresias, Verdana, Arial, Helvetica, sans-serif;
  font-size: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* The 6px accent marker on the left, clipped by the bar's rounded corners
   (overflow: hidden above). */
.notification-bar::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 6px;
  background-color: #8cc8ff;
}

/* Centers the single line of text in the bar's fixed height. It is an
   inline-block and not flex on purpose: the text must stay one block line
   for text-overflow: ellipsis to work. */
.notification-bar::after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

/* The type colors carry the message severity. "error" is the shared Fail
   token (.claude/rules/tester-ui-style.md, "Colors"), kept at the 7:1
   contrast rule; "warning" is the module's deliberate deviation from the
   shared palette (see README, "Assumptions and risks"). */
.notification-bar-error {
  color: #f08a8a;
}

.notification-bar-warning {
  color: #ffa200;
}