/* InformationBox common module (GT-ST Manual 6.5.5).
   Fixed-size panel at the top left: the right side is kept for ResultsBox
   and the bottom for ButtonsBox and NotificationBar. The size is fixed so
   that the module can measure it and split the content into pages. Values
   follow the shared tester UI style (.claude/rules/tester-ui-style.md). */

.information-box {
  position: absolute;
  left: 5%;
  top: 5%;
  width: 43%;
  height: 64%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-sizing: border-box;
  background-color: rgba(14, 21, 32, 0.92);
  border-radius: 16px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
  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;
  /* A word longer than a line (e.g. an attribute name in a tester action)
     breaks instead of running past the right edge. */
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.information-box-hidden {
  display: none;
}

.information-box-header {
  display: flex;
  flex-shrink: 0;
  align-items: baseline;
  justify-content: space-between;
  padding: 22px 28px 10px;
}

.information-box-case-id {
  min-width: 0;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0.5px;
}

.information-box-page-label {
  flex-shrink: 0;
  margin-left: 16px;
  white-space: nowrap;
  color: #8cc8ff;
  font-size: 18px;
  font-weight: bold;
}

.information-box-body {
  flex-grow: 1;
  min-height: 0;
  overflow: hidden;
  padding: 10px 28px;
  font-size: 22px;
  line-height: 1.45;
}

.information-box-section {
  margin-bottom: 16px;
}

.information-box-heading {
  margin-bottom: 4px;
  color: #a9b8c8;
  font-size: 18px;
  font-weight: bold;
}

.information-box-list {
  margin: 0;
  padding-left: 28px;
}

.information-box-empty {
  color: #a9b8c8;
}

.information-box-action-text {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.35;
}

.information-box-footer {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: 12px 28px 22px;
}

.information-box-footer-hidden {
  display: none;
}

.information-box-progress {
  flex-grow: 1;
  height: 6px;
  margin-right: 16px;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.14);
  border-radius: 3px;
}

.information-box-progress-fill {
  width: 0;
  height: 100%;
  background-color: #8cc8ff;
}

.information-box-page-counter {
  color: #a9b8c8;
  font-size: 18px;
  font-weight: bold;
}