BODY {
	margin-top : 5;
	margin-right : 5;
	margin-left : 10;
	margin-bottom : 5;
	font-family: Tahoma;
	font-weight : normal;
	text-decoration : none;
	font-size : 12px;
	background-color: #a6e3d0;
	color : #333030;
}
TABLE {
	font-family: Tahoma;
	font-weight : normal;
	text-decoration : none;
	font-size : 12px;
}

A:visited {
	text-decoration: none; 
	color: White;
	}
A:link {	
	text-decoration: none; 
	color: White;
	}
A:hover {
	text-decoration: none; 
	color: #FFD700;
	}
A:active {
	text-decoration: none; 
	color: #FFD700;
	}
	
A.header:visited {
	text-decoration: none; 
	color : #FFD700;
	}
A.header:link {	
	text-decoration: none; 
	color : #FFD700;
	}
A.header:hover {
	text-decoration: none; 
	color : Orange;
	}
A.header:active {
	text-decoration: none; 
	color : #FFD700;
	}
	
A.node:visited {
	text-decoration: none; 
	color: Black;
	}
A.node:link {	
	text-decoration: none; 
	color: Black;
	}
A.node:hover {
	text-decoration: none; 
	color: #Black;
	}
A.node:active {
	text-decoration: none; 
	color: #Black;
	}
	
A.Node_Provider:visited {
	text-decoration: none; 
	color: Orange;
	}
A.Node_Provider:link {	
	text-decoration: none; 
	color: Orange;
	}
A.Node_Provider:hover {
	text-decoration: none; 
	color: #Orange;
	}
A.Node_Provider:active {
	text-decoration: none; 
	color: #Orange;
	}


.save {
	behavior:url(#default#savehistory);
	}
a.dsphead{
	text-decoration:none;
	}
a.dsphead:hover{
	font-weight:bold;
	}
a.dsphead span.dspchar{
	font-family:arial;
	font-weight:normal;
	}
.dspcont{
	display:none;
	}
	
.text_normal {
	text-decoration: none;
	color : #B5B5B5;
	text-align: left;
	font-size : 9px;
	font-weight: bold;
	white-space: nowrap;
	}


.tabel_normal {
	text-decoration: none;
	background-color: #111111;
	color : #B5B5B5;
	text-align: left;
	font-size : 9px;
	font-weight: bold;
	white-space: nowrap;
	}
.tabel_LOGIN{
	margin-top : 0;
	margin-right : 0;
	margin-left : 0;
	margin-bottom : 0;
	background-color : #FFFFFF;
	border-style: solid;
	border-color: black;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	overflow: scroll;
}
.tabel_normal_type {
	text-decoration: none;
	background-color: #543674;
	color : #B5B5B5;
	text-align: left;
	font-size : 9px;
	font-weight: bold;
	white-space: nowrap;
	}
	
.tabel_header {
	text-decoration: none;
	background-color: #1A1800;
	color : #FFD700;
	text-align: left;
	font-size : 11px;
	font-weight: bold;
	white-space: nowrap;
	padding-left: 3px;
	}
.tabel_headerc {
	text-decoration: none;
	background-color: #1A1800;
	color : #FFD700;
	text-align: left;
	font-size : 11px;
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
	}
.tabel_headerr {
	text-decoration: none;
	background-color: #1A1800;
	color : #FFD700;
	text-align: left;
	font-size : 11px;
	font-weight: bold;
	white-space: nowrap;
	text-align: right;
	}
.tabel1 {
	text-decoration: none;
	background-color: #212121;
	color : Orange;
	text-align: left;
	font-size : 9px;
	font-weight: normal;
	}	
.tabel1r {
	text-decoration: none;
	background-color: #212121;
	color : Orange;
	text-align: right;
	font-size : 9px;
	font-weight: normal;
	}		
.tabel_total {
	text-decoration: none;
	background-color: #111111;
	color : #ffffff;
	text-align: center;
	font-size : 9px;
	font-weight: bold;
	white-space: nowrap;
	}
.tabel_ecm {
	text-decoration: none;
	background-color: #1E1E1E;
	color : #FAFAD2;
	text-align: center;
	font-size : 9px;
	font-weight: bold;
	white-space: nowrap;

	}	
.tabel_hop {
	text-decoration: none;
	background-color: #111111;
	color : #80ff80;
	text-align: center;
	font-size : 9px;
	font-weight: bold;
	white-space: nowrap;
	}
.tabel_hop_total {
	text-decoration: none;
	background-color: #111111;
	color : #10f180;
	text-align: center;
	font-size : 9px;
	font-weight: bold;
	white-space: nowrap;

	}
.tabel_hop_total1 {
	text-decoration: none;
	background-color: #111111;
	color : #B5B5B5;
	text-align: center;
	font-size : 9px;
	font-weight: normal;
	white-space: nowrap;
	}	
.tabel_hop_total2 {
	text-decoration: none;
	background-color: #111111;
	color : #B5B5B5;
	text-align: center;
	font-size : 9px;
	font-weight: normal;
	white-space: nowrap;
	}		
.Node_ID_hopCS {
	text-decoration: none;
	background-color: #eeffee;
	color : Black;
	text-align: left;
	font-size : 11px;
	font-weight: bold;
	white-space: nowrap;
	}
.Node_ID {
	text-decoration: none;
	background-color: #212121;
	color : White;
	text-align: left;
	font-size : 11px;
	font-weight: bold;
	white-space: nowrap;
	}	
.Node_IDr {
	text-decoration: none;
	background-color: #212121;
	color : White;
	text-align: right;
	font-size : 11px;
	font-weight: bold;
	white-space: nowrap;
	}		
.Node_ID_hop0 {
	text-decoration: none;
	background-color: #00c000;
	color : Black;
	text-align: left;
	font-size : 10px;
	font-weight: bold;
	white-space: nowrap;
	}
.Node_ID_hop1 {
	text-decoration: none;
	background-color: #80ff80;
	color : Black;
	text-align: left;
	font-size : 10px;
	font-weight: bold;
	white-space: nowrap;
	}
.Node_ID_hop2 {
	text-decoration: none;
	background-color: #e6f638;
	color : Black;
	text-align: left;
	font-size : 10px;
	font-weight: bold;
	white-space: nowrap;
	}
.Node_ID_hop3 {
	text-decoration: none;
	background-color: #f6be38;
	color : Black;
	text-align: left;
	font-size : 10px;
	font-weight: bold;
	white-space: nowrap;
	}
.Node_ID_hop4 {
	text-decoration: none;
	background-color: #f66938;
	color : Black;
	text-align: left;
	font-size : 10px;
	font-weight: bold;
	white-space: nowrap;
	}
.Node_ID_hop5 {
	text-decoration: none;
	background-color: #ee3636;
	color : Black;
	text-align: left;
	font-size : 10px;
	font-weight: bold;
	white-space: nowrap;
	}
.Node_Provider {
	text-decoration: none;
	background-color: #212121;
	color : Orange;
	text-align: left;
	font-size : 9px;
	font-weight: normal;
	}
.Node_ProviderMissing {
	text-decoration: none;
	background-color: #58768a;
	color : Orange;
	text-align: left;
	font-size : 9px;
	font-weight: normal;
	}	
.Node_count {
	text-decoration: none;
	background-color: #212121;
	color : Orange;
	text-align: left;
	font-size : 9px;
	font-weight: normal;
	text-align: center;
	}	
.Node_clienti {
	text-decoration: none;
	background-color: #212121;
	color : White;
	text-align: left;
	font-size : 9px;
	font-weight: normal;
	vertical-align: top;
	}		
.Node_Unic {
	text-decoration: none;
	background-color: #111111;
	color : Red;
	text-align: center;
	font-size : 10px;
	font-weight: bold;
	}
.Server_Local {
	text-decoration: none;
	background-color: #212121;
	color : Orange;
	text-align: left;
	font-size : 9px;
	font-weight: normal;
	font-family: Tahoma;
	}
	
.normalbutton{
	background-color: #AFCC00;
	border: 1px solid;
	color: #000000;
	font: bold 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.TEXTAREANORMAL{
	background-color: #282828;
	border: 0px solid;
	color: #171717;
	overflow:auto;
	font: bold 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.savetextbutton{
	background-color: #212121;
	border: 0px solid;
	color: #EFEEFE;
	font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.updatebutton{
	background-color: #FFCC00;
	border: 1px solid;
	color: #000000;
	font: bold 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.tableTop {
	vertical-align: top;
}	
.meniuLogOut
{
   font: bold 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #111111;
  
}


/* === Ajuste 8 (2025-10-24): separar solo tablas legacy con border=0/cellspacing/cellpadding === */
table[border="0"][cellspacing][cellpadding]{
  border-collapse: separate !important;
  border-spacing: 2px !important;   /* separaciones visibles entre celdas */
  background: transparent !important;
}

/* === SOLO listas de Inicio (index.php) y Clientes (clientstats.php) === */
/* Tablas legacy con border=0, cellpadding=2, cellspacing=1 */
table[border="0"][cellpadding="2"][cellspacing="1"]{
  /* separaciones visibles (canales) */
  border-collapse: separate !important;
  border-spacing: 2px !important;     /* sube a 4 si quieres más hueco */
  background: transparent !important;
}

/* AUMENTAR ALTURA + TEXTO SOLO EN CELDAS DE DATOS (no tocamos TH) */
table[border="0"][cellpadding="2"][cellspacing="1"] td{
  font-size: 13px !important;         /* +1 paso respecto al 12px original */
  line-height: 1.45 !important;       /* más alto de fila */
  padding: 6px 8px !important;        /* más alto sin ensanchar columnas */
  background: #111 !important;        /* opaco: #111/#1a1a1a/#222 a gusto */
  border: 1px solid #333 !important;  /* borde sutil opaco */
}

/* Encabezados de columna: SIN CAMBIOS DE TAMAÑO, solo borde para separar */
table[border="0"][cellpadding="2"][cellspacing="1"] th{
  /* mantiene tu estilo actual; solo borde para que encaje con las celdas */
  border: 1px solid #333 !important;
}

/* Si alguna celda de estos listados usa clases 'tabel_*' o 'tabel_normal',
   refuerzo el estilo para que no lo pise nada más antiguo del CSS */
td[class^="tabel_"], td.tabel_normal{
  font-size: 13px !important;
  line-height: 1.45 !important;
  padding: 6px 8px !important;
  background: #111 !important;
  border: 1px solid #333 !important;
}
/* Texto general fuera de las tablas de datos */
body :not(:is(
  table[border="0"][cellpadding="2"][cellspacing="1"],
  table[border="0"][cellpadding="2"][cellspacing="1"] *
)){
  color: #111 !important;          /* negro con buen contraste */
}
EOF'

/* Forzar negro si usan <font color="..."> en esos textos (meniu.php) */
font[color]:not(:is(
  table[border="0"][cellpadding="2"][cellspacing="1"] *,
  table[border="0"][cellpadding="2"][cellspacing="1"]
)){
  color: #111 !important;
}
/* Botonera superior (altura y anchura) */
.normalbutton,
.updatebutton{
  display: inline-block !important;
  font-size: 16px !important;      /* + tamaño texto */
  line-height: 1 !important;        /* evita que crezca por altura de línea */
  padding: 2px 14px !important;     /* ↑ alto (8) y ↑ ancho (16) */
  min-height: 32px !important;      /* altura mínima del botón */
  min-width: 60px !important;       /* “largura” mínima, pon 100–120 si quieres más */
  border-radius: 10px !important;    /* redondeo consistente */
  margin-right: 15px !important;     /* separación entre botones */
  vertical-align: middle !important;
}

/* Si quieres que ACTUALIZAR sea un poco más grande que el resto */
.updatebutton{
  padding: 9px 18px !important;
  min-width: 100px !important;
}


/* === Extra GLOSS para botones === */
.normalbutton,
.updatebutton{
  position: relative;
  overflow: hidden; /* para el brillo */
  /* degradado más contrastado */
  background: linear-gradient(180deg, rgba(255,255,255,.25) 0%, rgba(255,255,255,0) 22%),
              linear-gradient(180deg, var(--btnTop, #ffdd57) 0%, var(--btnMid, #f0b81a) 60%, var(--btnBot, #d79700) 100%) !important;
  /* brillo interno más marcado */
  box-shadow:
    0 2px 0 rgba(0,0,0,.38),
    0 10px 22px rgba(0,0,0,.28),
    inset 0 2px 5px rgba(255,255,255,.45),
    inset 0 -2px 5px rgba(0,0,0,.25);
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}

/* Capa de “barniz” superior */
.normalbutton::after,
.updatebutton::after{
  content: "";
  position: absolute; left: 0; right: 0; top: 0;
  height: 48%; /* cuánto abarca el barniz */
  background: linear-gradient(180deg, rgba(255,255,255,.55) 0%, rgba(255,255,255,.18) 60%, rgba(255,255,255,0) 100%);
  pointer-events: none;
}

/* Efecto “sheen” (destello que recorre el botón en hover) */
.normalbutton::before,
.updatebutton::before{
  content: "";
  position: absolute; top: -20%; left: -60%;
  width: 40%; height: 140%;
  transform: rotate(20deg);
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.55) 50%, rgba(255,255,255,0) 100%);
  filter: blur(1px);
  opacity: 0; transition: opacity .2s ease, left .6s ease;
  pointer-events: none;
}
.normalbutton:hover::before,
.updatebutton:hover::before{
  opacity: .9; left: 120%; /* barre de izquierda a derecha */
}

/* Hover/Active con más punch */
.normalbutton:hover,
.updatebutton:hover{
  transform: translateY(-1px);
  filter: saturate(1.08);
  box-shadow:
    0 3px 0 rgba(0,0,0,.4),
    0 14px 26px rgba(0,0,0,.32),
    inset 0 2px 6px rgba(255,255,255,.52),
    inset 0 -2px 6px rgba(0,0,0,.28);
}
.normalbutton:active,
.updatebutton:active{
  transform: translateY(0);
  box-shadow:
    inset 0 3px 8px rgba(0,0,0,.28),
    0 1px 0 rgba(0,0,0,.38);
}

/* Paletas (puedes cambiarlas por botón si quieres) */
.normalbutton{
  --btnTop: #ffd84d; --btnMid:#f5c11a; --btnBot:#d79700;
}
.updatebutton{
  --btnTop: #6df997; --btnMid:#25d36d; --btnBot:#0fb558; /* verde glossy */
}
/* ——— Aureola en hover, sin cambiar color/gradiente ——— */
.normalbutton:hover{
  /* no tocamos background ni box-shadow: solo añadimos halo */
  filter: drop-shadow(0 0 6px rgba(255, 216, 64, .45))
          drop-shadow(0 0 14px rgba(255, 216, 64, .3));
  will-change: filter;
}

.updatebutton:hover{
  /* halo verdoso para “Actualizar” */
  filter: drop-shadow(0 0 6px rgba(61, 245, 140, .45))
          drop-shadow(0 0 14px rgba(61, 245, 140, .3));
  will-change: filter;
}

/* Separación entre botones (sustituye a los &nbsp;) */
.normalbutton,
.updatebutton{
  margin-right: 6px; /* ajusta 4–8px a tu gusto */
}

/* En pantallas pequeñas, hacerlos un pelín más compactos */
@media (max-width: 560px){
  .normalbutton,
  .updatebutton{
    font-size: 11px;
    padding: 3px 10px;   /* más estrechos sin tocar el estilo */
    margin-right: 6px;
  }
}

/* Lista de perfiles (tabla id="profiles"): más grande y con espacio */
#profiles td{
  font-size: 13px;        /* sube/baja a 12.5–14 si quieres */
  line-height: 1.55;      /* más altura entre líneas */
  letter-spacing: .2px;   /* un pelín de separación entre letras */
}

/* Enlaces que pintas con estas clases en esa lista */
#profiles a.server_profile,
#profiles a.tabel_param{
  font-size: 13px !important;
  line-height: 1.55 !important;
}

/* Botón “Eliminar” con separación del texto */
input[name="DeleteProfile"]{
  margin-right: 10px !important;
}

/* Neón verde para el host (fosforito) */
.hostGlow{
  color: #111; /* texto oscuro para contraste */
  text-shadow:
    0 0 2px  #00ffa6,
    0 0 6px  #00ffa6,
    0 0 14px rgba(0,255,166,.85);
  font-weight: 700;
}

/* Neón rojo para (Cerrar Sesion) */
.meniuLogOut{
  color: #111 !important;
  font-weight: 700 !important;
  text-shadow:
    0 0 2px  #ff5858,
    0 0 6px  #ff5858,
    0 0 14px rgba(255,88,88,.85);
}

/* Fosforito VERDE solo para el host */
.hostGlow{
  /* color: inherit;   <-- dejamos el color como esté */
  text-shadow:
    0 0 2px  #00ffa6,
    0 0 6px  #00ffa6,
    0 0 14px rgba(0,255,166,.85);
  font-weight: 700;
}

/* Fosforito ROJO solo para (Cerrar Sesion) */
.meniuLogOut{
  /* color: inherit; */
  font-weight: 700;
  text-shadow:
    0 0 2px  #ff5858,
    0 0 6px  #ff5858,
    0 0 14px rgba(255,88,88,.85);
}

/* Base más suave */
.hostGlow{
  text-shadow:
    0 0 1px  #00ffa6,
    0 0 4px  rgba(0,255,166,.6);
}
/* 1) Texto de la lista de perfiles un poco más grande y con aire */
table#profiles td{
  font-size: 13px;
  line-height: 1.55;
  letter-spacing: .2px;
}
table#profiles a.server_profile,
table#profiles a.tabel_param{
  font-size: 13px !important;
  line-height: 1.55 !important;
}

/* Estado base: normal (sin glow) */
table#profiles a.server_profile,
table#profiles a.tabel_param{
  font-weight: 400;           /* normal */
  letter-spacing: .2px;
  text-decoration: none;
  color: inherit;
  text-shadow: none;
  transition: text-shadow .18s ease, filter .18s ease;
}

/* Solo al pasar el cursor (o foco): NEGRITA + FLOW verde */
table#profiles a.server_profile:hover,
table#profiles a.server_profile:focus-visible,
table#profiles a.tabel_param:hover,
table#profiles a.tabel_param:focus-visible{
  font-weight: 700;           /* negrita al hover */
  text-shadow:
    0 0 2px  #00ffa6,
    0 0 6px  #00ffa6,
    0 0 14px rgba(0,255,166,.95);
  filter: brightness(1.05);
  outline: none;
}