/* ===========================================================
   ASCII REFERENCE STYLES
=========================================================== */
.at-root .at-body { gap: 4px; }
.at-table-wrap {
  flex: 1; overflow: auto; min-height: 0;
  background: #ffffff;
}
.at-table {
  width: 100%; border-collapse: collapse;
  font-family: "Courier New", monospace; font-size: 11px;
}
.at-table th {
  background: #000080; color: #ffffff;
  text-align: left; padding: 4px 8px;
  position: sticky; top: 0; z-index: 1;
  font-family: Verdana, sans-serif; font-size: 11px;
  white-space: nowrap;
}
.at-table td {
  padding: 3px 8px;
  border-bottom: 1px solid #e8e8e8;
}
.at-table tr { cursor: pointer; }
.at-table tr:nth-child(even) td { background: #f8f8f8; }
.at-table tr:hover td { background: #ffffe1; }
.at-table tr.is-ctrl td { color: #808080; }
.at-table tr.is-ctrl:hover td { background: #fff4d0; color: #806000; }

.at-table .at-char-cell { width: 60px; text-align: center; }
.at-glyph {
  font-family: "Courier New", monospace; font-size: 16px;
  color: #000080; font-weight: bold;
}
.at-ctrl {
  display: inline-block; padding: 1px 4px;
  background: #c04040; color: #ffffff;
  font-family: Verdana, sans-serif; font-size: 10px;
  border-radius: 2px;
}
.at-table code {
  font-family: "Courier New", monospace; font-size: 11px;
  color: #000;
}
.at-empty {
  padding: 30px; text-align: center;
  color: #808080; font-style: italic;
  font-family: Verdana, sans-serif;
}