/* colors.css */

:root {
  /* PALETTE CRT */
  --crt-bright:     #C8FFE9;
  --crt-text:       #8AFFD6;
  --crt-mid:        #4FD7B4;
  --crt-dim:        #1E493E;
  --crt-glow:       #00FFCC;
  --crt-bg:         #041C14;
  
  --crt-smooth:     #8CB5A7; /* 6F7573; 26AA89;*/

  --crt-adm:        #28372F;
  
  --crt-txt-chiaro: #66CC99;
  --crt-txt-medio:  #336666;
  --crt-txt-brilla: #84A4A0; /*#1EA292;*/
  

  
}



a {
  color: var(--crt-bright);
}
a:hover {
  color: var(--crt-bright)!important;
  color: var(--crt-bright);
}

body.admin-mode .logbook td.editable {
  color: var(--crt-bright);
}
body.admin-mode .toggle-status,
body.admin-mode .delete-row {
  color: #000 !important;
  text-shadow: none !important;
}

body {
  background:black; /* fallback */
  color: var(--crt-text);
}


h1, h2, h3 {
  color: var(--crt-txt-brilla);
}
h2, h2, h3 a {
  color: var(--crt-txt-brilla) !important;
}



input {
	color: var(--crt-bright);
	background: rgba(0, 30, 20, 0.65);
    border: 1px solid rgba(0, 90, 60, 0.5);
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--crt-glow);
}

input::placeholder,
textarea::placeholder {
  color: var(--crt-mid) !important;
}

/* Campo INVALIDO ma SOLO dopo che l'utente lo ha toccato */
input.user-touched:invalid,
textarea.user-touched:invalid,
select.user-touched:invalid {
  border-color: var(--crt-bright);
}

/* Campo valido ? ritorna normale */
input.user-touched:valid,
textarea.user-touched:valid,
select.user-touched:valid {
  border-color: var(--crt-glow);
}

label {
  color: var(--crt-smooth);
}

p {
  color: var(--crt-smooth);
}

.ascii {
	color: #00ffcc;
}

.back-to-top {
  color: var(--crt-bright);
}





.box {
  background: rgba(30, 20, 30, 0.50); /*rgba(0, 20, 20, 0.42);*/
  /*border: 2px solid rgba(0, 255, 160, .2);*/ /* bordo trasparente */
}

.box_form {
  background-color: rgb(0 0 0 / .5); /* fondo trasparente */
  border: 2px solid rgba(0, 255, 160, .2); /* bordo trasparente */
}

.Box-Info {
  color: var(--crt-smooth);
}



#callException:checked ~ .switch-slider {
    background: var(--crt-dim);
}



.crt-select,
.crt-select-text,
.date-fake {
  color: var(--crt-bright);
  /*background-color: rgb(0 0 0 / .5);*/
  background: rgba(0, 30, 20, 0.3);
}
.date-fake,
.crt-select {
  border: 2px solid rgba(0, 255, 160, .2);
}


.crt-option {
  color: var(--crt-bright);
  background-color: rgb(0 0 0 / .5); /* fondo trasparente */
  border-bottom: 2px solid rgba(0, 255, 160, .2); /* bordo trasparente */
}

.crt-option:hover {
  background: rgba(0, 255, 180, 0.15);
  color: var(--crt-bright);
}

.crt-select::after {
  color: var(--crt-text);
}


.crt-select-options {
  background: rgba(0, 0, 0, 0.75); /* prima era troppo nero o troppo trasparente */
  border: 2px solid rgba(0, 255, 180, 0.25);
}




.error-msg {
  color: var(--crt-bright);
}

.footer {
  color: var(--crt-mid);
}
.footer-menu a {
  color: var(--crt-text);
}
.footer-credits a {
  color: var(--crt-text);
}


.form-left,
.form-right {
  border: 2px solid rgba(0, 255, 160, .2);
}

.form-status {
  color: var(--crt-bright);
}




.layout-switcher a {
    color: var(--crt-mid);
}
.layout-switcher a.active {
    color: var(--crt-bright);
	border-bottom: 1px solid var(--crt-bright);
}

.lbl {
  color: var(--crt-smooth);
}

.logbook tr{
  color: var(--crt-scanline);
}

.logbook thead th {
    color: var(--crt-smooth);
}

.logbook thead th:hover {
    color: var(--crt-glow);
}

.logbook tbody td {
  color: var(--crt-bright);
}
.logbook thead th {
  color: var(--crt-mid);
}

.login-container {
  background-color: rgb(0 0 0 / .5); /* fondo trasparente */
  border: 2px solid rgba(0, 255, 160, .2); /* bordo trasparente */
}
.login-container input[type="password"] {
  color: var(--crt-glow);
  background: #000;
  border: 1px solid var(--crt-glow);
}
.login-container input[type="password"]:focus {
  border-color: var(--crt-glow);
}


.master-box {
  background: rgba(0, 20, 20, 0.42);
  border: var(--crt-boxs-border);
  border-radius: 2px;
}

.master-box-labels {
  color: var(--crt-smooth);
}



.menu {
  color: var(--crt-mid);
}

.node-card {
  background: rgba(0, 25, 25, 0.45);
  border-left: 3px solid var(--crt-mid);
}


.node-led-table {
  border: 1px solid rgba(0, 0, 0, 0.8);
}
.node-led-table.online  {
  background: #00cc66;
}
.node-led-table.offline {
  background: #aa2233;
}
.node-led.online {
  background: #00cc66;
}
.node-led.offline {
  background: #aa2233;
}



.node-status-text {
  color: var(--crt-bright);
}

.node-col-desc {
  color: var(--crt-text);
}



.raw_box,
#terminal_box {
  background: rgba(20,0, 20, 0.20); /*background: rgba(0, 15, 10, 0.55);*/
  border: var(--crt-boxs-border);
  caret-color: transparent !important;
  border-radius:3px;
}
.raw_box::after,
#terminal_box::after {
  background: var(--crt-bright);
}


.rf-label {
  color: var(--crt-mid);
}
.rf-value {
  color: var(--crt-bright);
}
.rf-unit {
  color: var(--crt-text);
}
.rf-row {
  background: rgba(0, 30, 20, 0.35);
  border: 1px solid var(--crt-mid);
}


.row-label {
  color: var(--crt-smooth);
}


.smooth {
  color: var(--crt-smooth);
}

.sub_title {
  color: var(--crt-smooth);
}


/* Titoli piccoli */
.subhead {
  color: var(--crt-mid);
}

/* Stile base del pulsante */
#submitReportBtn, 
#submitContactBtn, 
#submitLoginBtn {
  border: 2px solid rgba(0, 255, 180, .2);
  background: rgba(45,222,179,0.30); /* un po' ghost */
  color: #001911;
  text-shadow: none!important;
}
/* Bottone disabilitato: pių trasparente */
#submitReportBtn:disabled, 
#submitContactBtn:disabled
#submitLoginBtn:disabled {
  color: rgba(0, 255, 200, 0.25);
  border-color: rgba(0, 255, 180, 0.10);
}

/* Hover SOLO se non č disabilitato */
#submitReportBtn:not(:disabled):hover, 
#submitContactBtn:not(:disabled):hover,
#submitLoginBtn:not(:disabled):hover {
  background: linear-gradient(180deg, var(--crt-glow) 0%, var(--crt-mid) 100%);
}

.switch-label {
  color: var(--crt-smooth);
}
.switch-slider {
    background: var(--crt-dim);
}
.switch-slider::before {
    background: var(--crt-smooth);
}




table td {
  border-bottom: 1px solid var(--crt-dim);
}

.table-th, .table-td {
  color: var(--crt-smooth);
  border-bottom: 1px solid var(--crt-dim);
}




.telemetry-mini th,
.telemetry-mini td {
    color: var(--crt-glow);
}

.terminal-mobile-warning {
    color: var(--crt-bright);
}

textarea {
  border: 2px solid rgba(0, 255, 160, .2); /* bordo trasparente */
  background-color: rgb(0 0 0 / .5); /* fondo trasparente */
  color: var(--crt-text);
}


.toggle-status, .delete-row {
	background: var(--crt-text);
}

.val-box {
  border-left: 2px solid var(--crt-mid);
}
.val-box .label {
  color: var(--crt-mid);
}
.val-box .value {
  color: var(--crt-text);
}

.values {
  color: var(--crt-bright);
}

/* EOF / colors.css */