/**
 * Allmon3 - tema RMDV (paleta del logo del pinguino, la misma que el panel de ysf.rmdv.org)
 *
 *   marino  #030B1C / #0A1C3E  fondo y paneles
 *   naranja #F75003            EN VIVO (transmitiendo) y accion principal
 *   azul    #0054BE / #6BA6E8  estructura, titulos de nodo, enlaces
 *   ambar   #E89627            detalles / telemetria
 *   crema   #F6F1E2 / plata #C1CFD8  texto
 *
 * Allmon3 carga este archivo DESPUES de main.css y de Bootstrap 5.3, asi que
 * alcanza con redefinir sus variables (--am3-* y --bs-*) y unas pocas reglas.
 */

:root {
	color-scheme: dark;

	--rm-bg: #030B1C;  --rm-bg2: #061431;  --rm-panel: #0A1C3E;  --rm-panel2: #0F2656;
	--rm-line: rgba(193, 207, 216, .16);
	--rm-ink: #F6F1E2;  --rm-ink2: #C1CFD8;  --rm-muted: #92A6C0;
	--rm-blue: #0054BE;  --rm-bluehi: #6BA6E8;
	--rm-orange: #F75003;  --rm-orange-press: #D14300;  --rm-amber: #E89627;

	/* ---- variables propias de Allmon3 ---- */
	--am3-navbar-background: #061431;
	--am3-navbar-color: #F6F1E2;

	--am3-nodetitle-background: #0054BE;
	--am3-nodetitle-color: #F6F1E2;
	--am3-nodetitle-button-hl: #F75003;

	--am3-conntable-header-text: #F6F1E2;
	--am3-conntable-header-bg: #0F2656;
	--am3-conntable-border-color: rgba(193, 207, 216, .16);

	/* conexion que esta transmitiendo: el naranja del logo */
	--am3-conntable-conn-keyed-color: #F6F1E2;
	--am3-conntable-conn-keyed-bg-color: #5A2A14;

	/* conexion sin estado: panel normal */
	--am3-conntable-conn-noconn-color: #C1CFD8;
	--am3-conntable-conn-noconn-bg-color: #0A1C3E;

	/* nodo transmitiendo (local / red): naranja con texto marino */
	--am3-node-tx-local-color: #030B1C;
	--am3-node-tx-local-bg-color: #F75003;
	--am3-node-tx-network-color: #030B1C;
	--am3-node-tx-network-bg-color: #F75003;

	/* telemetria y reproduccion remota: ambar */
	--am3-node-tx-telemetry-color: #030B1C;
	--am3-node-tx-telemetry-bg-color: #E89627;
	--am3-node-tx-playback-remote-color: #030B1C;
	--am3-node-tx-playback-remote-bg-color: #E89627;

	/* nodo en silencio: panel azul marino */
	--am3-node-no-tx-color: #C1CFD8;
	--am3-node-no-tx-bg-color: #0F2656;

	/* ---- Bootstrap 5.3 en oscuro ---- */
	--bs-body-bg: #030B1C;
	--bs-body-color: #C1CFD8;
	--bs-emphasis-color: #F6F1E2;
	--bs-secondary-color: #92A6C0;
	--bs-border-color: rgba(193, 207, 216, .16);
	--bs-heading-color: #F6F1E2;
	--bs-link-color: #6BA6E8;
	--bs-link-hover-color: #E89627;
	--bs-link-color-rgb: 107, 166, 232;
	--bs-link-hover-color-rgb: 232, 150, 39;
}

::selection { background: var(--rm-orange); color: var(--rm-bg); }
:focus-visible { outline: 2px solid var(--rm-amber) !important; outline-offset: 2px; }

/* ---- barra superior: azul abajo, como el aro del logo ---- */
.navbar-dark, .navbar { border-bottom: 2px solid var(--rm-blue); }

/* ---- panel lateral ---- */
.bg-light, .sidebar { background-color: var(--rm-panel) !important; }
.sidebar { box-shadow: inset -1px 0 0 var(--rm-line); padding-top: 76px; }   /* la barra es mas alta por el logo */
.sidebar-sticky { height: calc(100vh - 76px); }
.sidebar img { width: 100px; height: auto; }
hr { color: var(--rm-line); opacity: 1; border-color: var(--rm-line); }

/* ---- botones: secundarios en azul, la accion principal en naranja ---- */
.btn-secondary {
	--bs-btn-color: #F6F1E2;
	--bs-btn-bg: #0F2656;
	--bs-btn-border-color: rgba(107, 166, 232, .50);
	--bs-btn-hover-color: #F6F1E2;
	--bs-btn-hover-bg: #0054BE;
	--bs-btn-hover-border-color: #6BA6E8;
	--bs-btn-active-color: #030B1C;
	--bs-btn-active-bg: #F75003;
	--bs-btn-active-border-color: #F75003;
	--bs-btn-disabled-color: #92A6C0;
	--bs-btn-disabled-bg: #0A1C3E;
	--bs-btn-disabled-border-color: rgba(193, 207, 216, .16);
	--bs-btn-focus-shadow-rgb: 232, 150, 39;
}
.btn-outline-dark, .btn-outline-secondary {
	--bs-btn-color: #C1CFD8;
	--bs-btn-border-color: rgba(107, 166, 232, .50);
	--bs-btn-hover-color: #030B1C;
	--bs-btn-hover-bg: #F75003;
	--bs-btn-hover-border-color: #F75003;
	--bs-btn-active-color: #030B1C;
	--bs-btn-active-bg: #D14300;
	--bs-btn-active-border-color: #D14300;
}
.modal-footer .btn-secondary[type="submit"] {
	--bs-btn-color: #030B1C;
	--bs-btn-bg: #F75003;
	--bs-btn-border-color: #F75003;
	--bs-btn-hover-color: #F6F1E2;
	--bs-btn-hover-bg: #D14300;
	--bs-btn-hover-border-color: #D14300;
	font-weight: 700;
}

/* ---- ventanas y formularios ---- */
.modal-content { background-color: var(--rm-panel); color: var(--rm-ink); border: 1px solid var(--rm-line); }
.modal-header, .modal-footer { border-color: var(--rm-line); }
.btn-close { filter: invert(1) grayscale(1) brightness(1.6); }
.form-control, .form-select, .modal-body input {
	background-color: var(--rm-bg2);
	color: var(--rm-ink);
	border-color: rgba(107, 166, 232, .50);
}
.form-control:focus, .form-select:focus, .modal-body input:focus {
	background-color: var(--rm-bg2);
	color: var(--rm-ink);
	border-color: var(--rm-orange);
	box-shadow: none;
}
.form-control::placeholder { color: var(--rm-muted); }

/* ---- tablas de conexiones ---- */
.table {
	--bs-table-color: #C1CFD8;
	--bs-table-bg: #0A1C3E;
	--bs-table-border-color: rgba(193, 207, 216, .16);
	--bs-table-striped-bg: #0A1C3E;
	--bs-table-striped-color: #C1CFD8;
	--bs-table-hover-bg: rgba(0, 84, 190, .34);
	--bs-table-hover-color: #F6F1E2;
}
.table-dark { border-bottom: 2px solid var(--rm-blue); }

/* ---- datos del nodo ---- */
.nodeline-header { border-radius: 6px; }
.node-line-bi, .node-bi { color: var(--rm-ink); --bs-btn-border-color: rgba(246, 241, 226, .55); }
.nodetxline { font-weight: 700; }
.sidebar span[style*="color:red"], .text-danger { color: var(--rm-amber) !important; }   /* la version ya no es rojo de alarma */
.tooltip { --bs-tooltip-bg: #0F2656; --bs-tooltip-color: #F6F1E2; }

/* ---- mensajes del login ---- */
.login-form-success { color: var(--rm-bluehi); }
.login-form-failure-header { color: #FF5A4E; }

/* el logo de AllStarLink del costado es un enlace */
.sidebar a:hover img { opacity: .8; }