/* ============================================================
   SInves · Ajustes propios
   Se carga DESPUÉS de app.min.css, que es la hoja compartida con
   SiVi. Botones, paneles, tablas y menú lateral se dejan intactos
   a propósito: quien administra Vinculación tiene que reconocer
   la casa. Lo único que cambia aquí es la identidad de marca.
   ============================================================ */

/* --- Fondo: la variante oscura de la familia -------------------
   SiVi es azul; Investigación es la misma casa en grafito. Los
   paneles siguen siendo claros, así que el contraste de lectura
   no cambia en absoluto. */
body{background:#14161C}

#wall{
  background:
    radial-gradient(85% 65% at 14% 6%, rgba(72,80,96,.92) 0, transparent 62%),
    radial-gradient(70% 68% at 92% 14%, rgba(40,46,58,.85) 0, transparent 58%),
    radial-gradient(95% 75% at 66% 100%, rgba(58,64,78,.75) 0, transparent 62%),
    linear-gradient(145deg,#23262E 0,#15171D 46%,#0C0D11 100%);
}

/* Palabra de marca en el ingreso. El degradado de SiVi va del blanco al
   celeste; sobre grafito, esos tonos medios se apagaban y la palabra se
   veía gris sucia. Aquí el recorrido se mantiene alto y frío, con un solo
   punto de descanso, para que lea igual de nítida que en SiVi. */
.sivi-word{
  background:linear-gradient(135deg,#FFFFFF 8%,#DCEBFF 42%,#A9C6F2 66%,#FFFFFF 100%);
  -webkit-background-clip:text; background-clip:text;
  text-shadow:0 12px 34px rgba(0,0,0,.55);
}
.sivi-name{color:rgba(255,255,255,.96)}
.sivi-tagline{color:rgba(255,255,255,.62)}

/* Cabecera de sección sobre el fondo grafito. */
.head h2{text-shadow:0 3px 16px rgba(0,0,0,.42)}
.head p{color:rgba(255,255,255,.72)}

/* --- Pestañas internas de un panel ---------------------------- */
.subtab{
  border:1px solid rgba(30,58,98,.14);
  background:rgba(255,255,255,.72);
  color:#33506f;
  border-radius:10px; padding:7px 14px;
  font-family:inherit; font-size:13px; font-weight:580; letter-spacing:-.01em;
  cursor:pointer; transition:.15s;
}
.subtab:hover{background:rgba(53,175,228,.14); border-color:rgba(53,175,228,.34)}
.subtab.on{
  background:linear-gradient(135deg,#3FB6E8,#1E8FC6);
  border-color:transparent; color:#fff;
  box-shadow:0 5px 14px rgba(30,143,198,.30);
}
.subtab.on:hover{background:linear-gradient(135deg,#3FB6E8,#1E8FC6)}

/* --- Tablas de datos ------------------------------------------ */
.tabla{width:100%; border-collapse:collapse; font-size:13px}
.tabla th{
  text-align:left; font-size:11px; font-weight:640; text-transform:uppercase;
  letter-spacing:.05em; color:var(--ink-soft);
  padding:8px 10px; border-bottom:1px solid var(--line); white-space:nowrap;
}
.tabla td{padding:9px 10px; border-bottom:.5px solid var(--line); vertical-align:top}
.tabla tr:last-child td{border-bottom:none}
.tabla tbody tr:hover{background:rgba(53,175,228,.07)}
.tabla td.num{text-align:right; font-variant-numeric:tabular-nums}
.tabla.compacta th,
.tabla.compacta td{padding:7px 7px; font-size:12.5px}
.tabla.compacta th{white-space:normal; line-height:1.25}
.tabla td.acc{text-align:right; white-space:nowrap; width:1%}
.tabla td.acc .btn{
  padding:4px 10px; font-size:11.5px; line-height:1.3;
  min-height:0; border-radius:7px; margin-left:4px;
}

/* --- Barra de acciones sobre una tarjeta ---------------------- */
.barra{display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:14px}
.barra .crece{flex:1 1 auto}

/* --- Ficha de datos del expediente ---------------------------- */
.ficha{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:8px; margin:2px 0 12px;
}
.ficha div{
  padding:9px 11px; border-radius:12px;
  background:rgba(38,44,58,.05); border:1px solid rgba(38,44,58,.10);
}
.ficha small{
  display:block; margin-bottom:3px; font-size:9.8px; font-weight:670;
  letter-spacing:.045em; text-transform:uppercase; color:var(--ink-soft);
}
.ficha b{display:block; font-size:12.5px; font-weight:650; line-height:1.3}

/* --- Áreas de texto largas ------------------------------------ */
textarea{min-height:64px; line-height:1.5; resize:vertical; font-family:var(--ui)}
.tabla textarea{min-height:44px}