/* #region: Fonts */

/* noto-sans-display-500 - latin */
@font-face {
  font-family: "Noto Sans Display";
  font-style: normal;
  font-weight: 500;
  src:
    local(""),
    url("/static/fonts/noto-sans-display-latin-500-normal.woff2") format("woff2"); /* Chrome 26+, Opera 23+, Firefox 39+ */
}

/* noto-sans-display-500 - latin italic */
@font-face {
  font-family: "Noto Sans Display";
  font-style: italic;
  font-weight: 500;
  src:
    local(""),
    url("/static/fonts/noto-sans-display-latin-500-italic.woff2") format("woff2"); /* Chrome 26+, Opera 23+, Firefox 39+ */
}

/* fira-code-600 - latin */
@font-face {
  font-family: "Fira Code";
  font-style: normal;
  font-weight: 500;
  src:
    local(""),
    url("/static/fonts/fira-code-latin-500-normal.woff2") format("woff2"); /* Chrome 26+, Opera 23+, Firefox 39+ */
}

@font-face {
  font-family: "Fira Code";
  font-style: normal;
  font-weight: 600;
  src:
    local(""),
    url("/static/fonts/fira-code-latin-600-normal.woff2") format("woff2"); /* Chrome 26+, Opera 23+, Firefox 39+ */
}

/* fira-code-700 - latin */
@font-face {
  font-family: "Fira Code";
  font-style: normal;
  font-weight: 700;
  src:
    local(""),
    url("/static/fonts/fira-code-latin-700-normal.woff2") format("woff2"); /* Chrome 26+, Opera 23+, Firefox 39+ */
}

/* #endregion */

/* #region: General */

body {
  font-family:
    "Noto Sans Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  font-weight: 500;
  background-color: #1a1a1a;
  color: #c8c8c8;
  line-height: 1.5;
  margin-top: 20px;
  margin-left: 23px;
  margin-right: 23px;
}

/* Full height, so the table can pin "Last generated" to the bottom */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

/* IE6 ? */
h1,
h2,
h3,
h4,
p,
li,
td,
th {
  color: #c8c8c8;
}

ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

li {
  padding: 0px;
  margin: 0px;
}

h1,
h2 {
  font-family: "Fira Code", Consolas, "Lucida Console", monospace;
  line-height: 1.2;
  color: #f0f0f0;
}

h1 {
  font-size: 24px;
  font-weight: 700;
  margin: 8px 0 6px;
}

h2 {
  font-size: 20px;
  font-weight: 600;
  margin: 20px 0 6px;
}

h3,
h4 {
  font-family:
    "Noto Sans Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #c8c8c8;
  font-weight: 500;
  margin-top: 4px;
  margin-bottom: 6px;
  font-size: 16px;
}

h4 {
  font-style: italic;
}

p {
  margin-top: 6px;
  margin-bottom: 10px;
}

ol {
  margin: 0;
}

a:link {
  color: #008080;
}

a:visited {
  color: #885560;
}

::selection {
  color: #e6e6e6;
  background: #008080;
}

.active {
  color: #fff;
  display: inline;
}

/* #endregion */

/* #region: File List, breadcrumbs */

.file-list {
  margin-top: 10px;
}

.file-list,
.breadcrumb {
  border-radius: 4px;
  display: list-item;
  list-style-type: none;
  padding: 8px;
  background-color: #101010;
  font-family: "Fira Code", Consolas, "Lucida Console", monospace;
  font-weight: 500;
  width: auto;
  white-space: nowrap; /* Prevent line breaks */
  overflow-x: auto; /* Enable horizontal scrolling */
}

/* Hidden until file_list.js picks one, the <noscript> style in page.html shows #file_list */
.file-list {
  display: none;
}

.file-list::-webkit-scrollbar {
  height: 8px; /* Customize scrollbar height */
}

.file-list::-webkit-scrollbar-thumb {
  background-color: #888; /* Color of the scrollbar */
  border-radius: 4px; /* Rounded edges */
}

.file-list::-webkit-scrollbar-thumb:hover {
  background-color: #555; /* Darker color on hover */
}

/* #endregion */

/* #region: Table */

table {
  margin: 0px;
  width: "100%";
  height: "100%";
  border: 0;
}

tr {
  border: 2px solid #ababab;
  border-bottom: 2px solid #ababab;
  padding: 0;
}

th,
td {
  padding: 2px 10px;
  text-align: left;
  width: fit-content;
}

thead th {
  background-color: #008080;
  color: #fff;
  text-align: center;
}

/* #endregion */