body{font-family:system-ui,sans-serif;margin:0;padding:16px;background:#f4f5f7;color:#1c1f24}
/* Tamanos estandar del navegador: 16 px el texto, 13 px notas y nombres de variables (Juanca, 25-sep). */
h1{font-size:22px;margin:0 0 4px}h2{font-size:18px;margin:24px 0 8px}h3{font-size:14px;margin:14px 0 6px;color:#5b6069;font-weight:600;text-transform:uppercase;letter-spacing:.04em}p.id{margin:0 0 16px;color:#5b6069;font-family:monospace}a.home{color:inherit;text-decoration:none}p.ruta{margin:0 0 2px;font-size:16px;font-weight:600;color:#3b4048}table{border-collapse:collapse;width:100%;background:#fff;margin-bottom:8px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid #e3e5e9;font-size:16px;vertical-align:top}th{width:45%;font-weight:600;color:#3b4048}td.ok{color:#1e7b34;font-weight:600}td.no{color:#1c1f24}.actual table{background:#fbfcfd}.aviso{background:#fff3cd;padding:10px;border-left:4px solid #d39e00;margin-bottom:12px}.nom{display:table;font-weight:400;color:#374151;background:#eef0f3;border-radius:4px;padding:0 6px;margin-top:3px;font-family:monospace;font-size:12px}td.falta{color:#b02a37;font-weight:600}code{font-family:monospace;font-size:13px;color:#5b6069}h2 span.sub{display:block;font-weight:400;font-size:13px;color:#5b6069;font-family:monospace;margin-top:2px}
/* Lo que se puede cambiar se reconoce por el campo: celeste casi blanco con borde azul claro; el texto escrito en negro, igual que el de solo lectura, y la sugerencia en gris (Juanca, 27-sep, elegido en la maqueta). Reemplaza el gris azulado que marcaba lo de solo lectura en Red. */
input,select,textarea{width:100%;padding:7px;border:1px solid #a9c4e4;border-radius:4px;font-size:16px;box-sizing:border-box;background:#f5f9fd;color:#1c1f24}input::placeholder,textarea::placeholder{color:#8a96a3}input:disabled,select:disabled{background:transparent;border-color:transparent;color:#1c1f24;padding-left:0;opacity:1}
/* Datos crudos, fechas y horas con la misma letra en toda la pagina (Juanca, 27-sep): monoespaciada en el azul del menu; los estados, en letra normal. */
input[type=date],input[type=time],span.t,#hl,span.dato{font-family:ui-monospace,Consolas,'Roboto Mono',Menlo,monospace;font-size:14px;font-weight:400;color:#14304a}
/* La casilla no ocupa el ancho de la celda: con width:100% quedaba al medio. */
input[type=checkbox]{width:auto}
/* Todos los botones iguales, distintos del menu (Juanca, 27-sep, opcion 2b de la maqueta): gris de los bordes con texto en el azul del menu. Sin distinguir principal de secundario; "gris" queda como clase sin estilo propio. */
button{font-size:16px;padding:10px 18px;background:#e3e5e9;color:#14304a;border:1px solid #c9ccd2;border-radius:6px;font-weight:500;margin:4px 0}
/* Que se note que se puede tocar y que se toco (Juanca, 26-sep): la mano al pasar, un poco mas claro encima, mas oscuro y hundido al apretar. */
button{cursor:pointer;transition:background .1s,transform .05s}button:hover{background:#d6dbe1}button:active{background:#c9ccd2;transform:translateY(1px)}button:disabled{cursor:default;opacity:.6}.pend{margin-left:10px;font-size:14px;color:#9a5b00;font-weight:600}.pag{display:flex;flex-wrap:wrap;gap:4px;margin:10px 0}.pag a,.pag span{min-width:34px;padding:6px 10px;border:1px solid #c9ccd2;border-radius:4px;text-align:center;text-decoration:none;color:#14304a;background:#fff;box-sizing:border-box}.pag a:hover{background:#e8edf3}.pag a.act{background:#14304a;color:#fff;border-color:#14304a}.pag span.off{color:#b0b4ba;border-color:#e3e5e9;background:transparent}.pag span.gap{border:0;background:transparent}.pagcab{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}.pagcab select{width:auto;margin-left:6px}p.sesion{float:right;margin:0;font-size:14px;color:#5b6069}p.sesion button{padding:2px 9px;font-size:14px;margin:0}h1 span.rol{font-size:15px;font-weight:600;color:#5b6069;margin-left:6px}section.tarjeta{background:#fff;border:1px solid #d6dbe1;border-radius:8px;padding:2px 16px 12px;margin:0 0 16px}section.tarjeta>h2{margin:10px 0 10px;padding-bottom:8px;border-bottom:1px solid #e3e5e9}section.tarjeta .wred{background:#f7f8fa}
/* Guardar y Cancelar quedan a la vista al desplazar, pegados abajo mientras su formulario esta en pantalla (Juanca, 26-sep): asi se ve a que grupo corresponden. */
.acc{position:sticky;bottom:0;z-index:4;background:#f4f5f7;padding:6px 0;border-top:1px solid #e3e5e9}
/* Hasta el 27-sep, en Red lo de solo lectura iba en gris azulado; desde ese dia lo editable se reconoce por el campo (ver input,select arriba) en todas las pestanas. */
td.mal{color:#c2410c;font-weight:600}table.dos th.col,table.disp th.col{width:auto;font-weight:600;color:#5b6069;font-size:13px;text-transform:uppercase}table.dos th{width:34%}.wred{border:1px solid #d6dbe1;border-radius:4px;padding:8px 10px;margin:0 0 12px;background:#fff}p.wcab{margin:0 0 6px}button.mini{padding:2px 9px;font-size:14px;margin:0}span.enuso{font-size:13px;color:#1e7b34;font-weight:600}p.west{margin:0 0 6px;font-size:13px;font-weight:600}p.west.ok{color:#1e7b34}p.west.mal{color:#c2410c}p.west.no{color:#5b6069}p.west.aviso{color:#9a5b00}button.disr{background:#fde7d3;color:#8a3c0a;border-color:#e9a36b}button.disr:hover{background:#fbd6b7}button.disr:active{background:#f6c49c}input.malo{border-color:#b02a37;background:#fdf1f2}input[readonly]{background:transparent;border-color:transparent;color:#8a96a3;padding-left:0}p.errred{color:#b02a37;font-size:13px;margin:4px 0 0}.probando{position:fixed;left:16px;right:16px;top:30%;z-index:10;background:#14304a;color:#fff;padding:24px;border-radius:6px;font-size:20px;box-shadow:0 4px 24px rgba(0,0,0,.3)}.probando p{font-size:16px;margin:10px 0 0}.probando .prt{display:flex;justify-content:space-between;margin:0;font-size:20px}.prbar{height:14px;background:#34506b;border-radius:7px;margin:12px 0 4px;overflow:hidden}.prbar div{height:100%;width:0;background:#7ed491;transition:width .8s}.probando .pre{display:flex;justify-content:space-between;margin:0;font-size:14px}table.prl{background:transparent;margin:10px 0 0}table.prl td{color:#fff;border-color:#34506b;padding:4px 6px;font-size:15px}table.prl tr.ok td{color:#7ed491}table.prl tr.mal td{color:#ffb38a}table.prl tr.act td{font-weight:700}.probando .prx{background:#fff3cd;color:#3b4048;padding:8px;border-radius:4px}.probando{top:8%;max-height:84vh;overflow:auto}p.nota{color:#4b5563;font-size:12px;line-height:1.3;font-style:italic;font-weight:400;margin:3px 0 0}
/* Las pestanas quedan fijas arriba al desplazar (Juanca, 24-sep: "podes hacer que los tabs queden fijos arriba como menues?"). El h1 y el identificador se van con el scroll; la barra se queda. Menu (Juanca, 27-sep, elegido en la maqueta): en computadora una barra de bloques parejos (opcion C); en celular botones redondeados que bajan de renglon (opcion A). La elegida, rellena. Sigue pegada arriba al desplazar. */
p.tabs{position:sticky;top:0;z-index:5;margin:0 -16px 14px;padding:8px 16px;font-size:15px;background:#f4f5f7;border-bottom:1px solid #e3e5e9;display:flex}p.tabs a,p.tabs b{flex:1;text-align:center;padding:8px 4px;background:#fff;color:#14304a;text-decoration:none;border:1px solid #14304a;border-left-width:0;white-space:nowrap}p.tabs a:first-child,p.tabs b:first-child{border-left-width:1px;border-radius:6px 0 0 6px}p.tabs a:last-child,p.tabs b:last-child{border-radius:0 6px 6px 0}p.tabs a:hover{background:#e8edf3}p.tabs b,p.tabs a.sel{background:#14304a;color:#fff;font-weight:600}@media(max-width:640px){p.tabs{flex-wrap:wrap;gap:4px}p.tabs a,p.tabs b{flex:0 0 auto;padding:7px 13px;border:1px solid #c9ccd2;border-radius:18px!important}p.tabs b,p.tabs a.sel{border-color:#14304a}}ul.errores{background:#f8d7da;border-left:4px solid #b02a37;padding:10px 10px 10px 28px;margin-bottom:12px}.error{background:#f8d7da;border-left:4px solid #b02a37;padding:10px;margin-bottom:12px}
/* Deteccion de canales (Juanca, 27-sep): canal inactivo en gris; sentido importada en verde y exportada en naranja. */
tr.inactiva td{background:#eceef1}
.imp{background:#dcefe0;color:#1e6b32;padding:1px 6px;border-radius:3px}
.exp{background:#fde7d3;color:#8a3c0a;padding:1px 6px;border-radius:3px}