/* typo.css */

@font-face {
  font-family: "ArcadeClassic";
  src: url("/fonts/crt-monitor/ArcadeClassic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RETROSYNTHWAVE";
  src: url("/fonts/crt-monitor/RETROSYNTHWAVE.ttf") format("truetype");
  font-display: swap;
}

:root {

  --crt-font-family:  "RETROSYNTHWAVE";
  --crt-font-alter:   "ArcadeClassic";
  
  --crt-font-title:    var(--crt-font-alter);
  --crt-font-credits:  var(--crt-font-alter);
  --crt-font-mono:     monospace;


  /* -------------------------------
     SCALE TIPOGRAFICHE (DESKTOP)
     ------------------------------- */
  --font-title-xxl: 4.2rem;   /* ~67px */
  --font-title-xl:  3.5rem;   /* ~56px */
  --font-title-lg:  2.6rem;   /* ~42px */
  --font-title-md:  1.8rem;   /* ~29px */
  --font-title-sm:  1.4rem;   /* ~22px */

  --font-text-xlg:  1.8rem;
  --font-text-xl:   1.4rem;
  --font-text-lg:   1.2rem;   /* ~19px */
  --font-text-md1:  1.1rem;
  --font-text-md:     1rem;   /* 16px */
  --font-text-sm:  0.85rem;   /* ~14px */
  --font-text-xs:  0.75rem;   /* ~12px */
  --font-text-xxs: 0.50rem;
  --font-text-xxxs: 0.30rem;
}

html {
  font-size: 16px;
}

body {
  font-family: var(--crt-font-family);
  line-height: 1.6;
}

a {
  text-decoration: none;
}



h1, h2, h3 {
  text-transform:uppercase;
  text-align: center;
}

h1 {
  font-family: var(--crt-font-title);
  font-size: var(--font-title-xl);
}

h2 {
  font-family: var(--crt-font-title);
  font-size: var(--font-title-lg); 
}

h3 {
  font-size: var(--font-title-md); 
}

input{
  font-family: var(--crt-font-alter);
  font-size: var(--font-text-xlg);
  line-height: 1;
  text-transform:uppercase;
  text-align:center;
}


input::placeholder,
textarea::placeholder {
  font-family: var(--crt-font-family);
  font-size: var(--font-text-lg);
  opacity: 0.4;
  text-align: center;
  line-height: 20px;
}


select,
textarea {
  font-family:var(--crt-font-alter);
  font-family: var(--crt-font-alter);
  font-size: var(--font-text-xlg);
  line-height: 1;
}


.alter {
	font-family: var(--crt-font-alter);
	text-transform:uppercase;
	font-size: var(--font-title-lg);
	text-align: center;
}

body.admin-mode .logbook {
  font-family: monospace !important;
  font-size: var(--font-text-md);
}
body.admin-mode .toggle-status,
body.admin-mode .delete-row {
  font-size: var(--font-text-md);
  font-family: var(--crt-font-mono)!important;
  line-height: 1.1 !important;
  text-decoration: none !important;
}
body.admin-mode .edit-tip {
  font-size: var(--font-text-md);
  opacity: 0.6;
}

.ascii {
	font-family: "Roboto Mono", monospace;
	font-size: 14px;
	line-height: 1.1;
	white-space: pre;
}

.back-to-top {
  text-align: center;
  font-size: var(--font-title-md);
}
.back-to-top:hover {
  opacity: 1;
}

.box_form_input {
  font-size: var(--font-text-xlg);
  text-align:center;
}

.box h2 {
  text-align: left;
}


.captchaFld {
  text-transform: uppercase;
}

.crt-wrapper {
  text-align: center;
}

.date-real,
.crt-select,
.crt-option {
  font-family: var(--crt-font-alter);
  font-size: var(--font-title-sm);
}

.crt-select-text {
  font-family: var(--crt-font-alter);
  font-size: var(--font-text-xlg);
}

.date-fake {
  text-align: center;
  font-family: var(--crt-font-alter);
  font-size: var(--font-text-xl);
}

.eqsl_download {
  font-size: var(--font-title-md);
}

.font-smaller {
	font-size: var(--font-text-lg);
}

.footer {
  text-align: center;
}
.footer-menu p {
  font-size: var(--font-title-md);
}
.footer-credits p {
  font-family: var(--crt-font-credits);
  font-size: var(--font-text-md);
}
.footer-credits a {
  text-decoration: none;
}


/* typo.css */
.menu-cell-footer a {
    font-size: var(--font-title-md);
    text-decoration: none;
    display: inline-block;
}
.menu-display-top a {
    font-size: var(--font-text-xs);
    text-decoration: none;
    display: inline-block;
}

.menu-display-top .font-smaller {
	font-size: var(--font-text-xs);
    text-decoration: none;
    display: inline-block;
}






.form-status {
  font-size: var(--font-text-md);
}

label {
  font-size: var(--font-text-md);
}


.logbook td{
  font-family: var(--crt-font-mono);
}

.logbook thead th {
    font-family: var(--crt-font-mono);
    font-size: 1rem;
}

.login-container {
  text-align: center;
}
.login-container h1 {
  font-size: var(--font-text-md);
}

.master-box h3 {
  text-align: center;
}
.master-table td,
.master-table th {
  text-align: center;
}

.master-table, .node-row, .full-data {
  font-family: var(--crt-font-mono);
  font-size: var(--font-text-md1);
}

.mytitle, .mymessage1, .mymessage2, .mymessage3{
  font-size: var(--font-title-md);
}
.mytitle {
  font-family: var(--crt-font-alter);
  text-transform:uppercase;
}
.mymessage1,.mymessage2,.mymessage3 {
  font-family: var(--crt-font-family);
}

.node-status-text {
  font-size: var(--font-text-md);
  letter-spacing: 1px;
}
.node-col-module {
  font-size: var(--font-text-md);
  opacity: 0.75;
}
.node-col-desc {
  font-size: var(--font-text-md);
}
.node-lastseen {
  font-size: var(--font-text-md);
  opacity: 0.6;
}


.raw_box,
#terminal_box {
  font-family: var(--crt-font-mono);
  font-size: var(--font-text-md);
  text-align: left !important;
}

.rf-label {
  font-size: var(--font-text-md);
  letter-spacing: 0.15em;
  opacity: 0.85;
}
.rf-value {
  font-size: var(--font-text-md);
  font-weight: 900;
}
.rf-unit {
  font-size: var(--font-text-md);
  font-weight: 700;
  opacity: 1;
  letter-spacing: 0.18em;
}

.row-label {
    font-weight: bold;
    text-align: right;
    padding-right: 8px;
    opacity: 0.7;
}

.smooth, .sub_title {
  font-size: var(--font-title-md);
  text-shadow: none;
  text-align:center;
}



.status-label {
    text-align: center;
}

.subdesc {
	font-family: var(--crt-font-family);
	font-size: 1.2em;
}

.subhead {
  font-size: var(--font-text-md);
  opacity: 0.8;
  text-align: center;
}

.sub_title {
  letter-spacing: 1px;
  font-size: var(--font-title-md);
}

#submitReportBtn, 
#submitContactBtn, 
#submitLoginBtn {
  font-family: var(--crt-font-family);
  font-size: var(--font-text-md);
}


.switch-label {
	font-family: var(--crt-font-mono);
	font-size: var(--font-text-lg);
}


.telemetry-mini {
    font-family: var(--crt-font-mono);
    font-size: 0.70rem;
}
.telemetry-mini th {
    font-size: 0.75rem;
    opacity: 0.9;
}


.terminal-mobile-warning {
        text-align: center;
        font-family: var(--crt-font-mono);
        font-size: var(--font-text-md);
}

.thanks_return{
  font-family: var(--crt-font-alter);
  font-size: var(--font-text-lg);
}

.val-box .value {
  font-size: var(--font-text-md);
}

.warning-ip {
  text-align: center;
}


/* EOF / typo.css */