@font-face {
    font-family: 'Roboto Regular';
    src: url('fonts/roboto-regular/roboto-v50-cyrillic_latin-regular.woff2') format('woff2'),
         url('fonts/roboto-regular/roboto-v50-cyrillic_latin-700.woff2') format('woff2');
}

html {
    @supports (scrollbar-gutter: stable) {
        scrollbar-gutter: stable;
    }
}

html, body {
    font-family: 'Roboto Regular', Arial, sans-serif;
}

#msg-area {
    overflow-y: auto; max-height: 22.5em; resize: none;
}
.action-label {
    min-width: 170px;
}
.btn-fixed-width {
    min-width: 250px;
}

.submission-cancelled h4 {
    text-decoration: line-through;
}

.bg-orange {
    background-color: rgba(253, 126, 20, var(--bs-bg-opacity, 1)) !important;
}

.bg-purple {
    background-color: rgba(111, 66, 193, var(--bs-bg-opacity, 1)) !important;
}

.bg-crimson {
    background-color: rgba(199, 21, 133, var(--bs-bg-opacity, 1)) !important;
}

.bg-leaf {
    background-color: rgba(139, 195, 74, var(--bs-bg-opacity, 1)) !important;
}

/* Code styles for displaying checktex errors on submission page */
.code-block {
    font-family: 'Roboto Regular', 'Courier New', monospace;
    background-color: #f5f5f5;
    padding: 12px;
    border-radius: 6px;
    white-space: pre-wrap;
    border: 1px solid #e9ecef;
    font-size: 0.9em;
    line-height: 1.5;
    overflow-x: auto;
    margin: 8px 0;
}

.simb-highlighter {
  background-color: #f5f5f5;
  font-weight: bold;
  padding: 2px 8px;
  border-radius: 4px;
  display: inline-block;
}

.err-highlighter {
  background-color: #FF4040;
  color: white;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 4px;
  display: inline-block;
}

code.inline-code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.95em;
    background-color: #e9f2ff;
    padding: 0.15em 0.35em;
    border-radius: 4px;
    color: #0b3d91;
    vertical-align: baseline;
}

a[aria-expanded="false"] .when-opened {
    display: none;
}

a[aria-expanded="true"] .when-closed {
    display: none;
}

#form-submit-btn.htmx-request .spinner-border {
    display: inline-block !important;
}

#form-submit-btn.htmx-request .btn-text {
    display: none;
}

.mono {
    font-family: monospace;
}