/* =====================================================================
   COMPLIANCE21 · REBRAND · Área: GESTIÓN DOCUMENTAL (documentos.php)
   ---------------------------------------------------------------------
   Re-skin de la pantalla de gestión documental: barra de acciones del
   árbol, árbol jstree, estado vacío, zona de subida y tabla de documentos.
   Reutiliza los tokens del rebrand. Selectores anclados a los ids/clases
   de la vista (#checkTree, .btnTree, .divDes, #drop_zone_portal…): no
   afecta a otras pantallas y NO toca el JS.
   ===================================================================== */

/* ===== 1 · Barra de acciones del árbol (Nuevo / Renombrar / Eliminar / Mover) ===== */
.content .btnTree-group{
  display:grid; grid-template-columns:1fr 1fr; gap:7px; margin:0 0 8px;
}
.content .btnTree-group > .btn,
.content .btnOrden-group > .btn{
  float:none !important; margin:0 !important;
  border-radius:10px !important;
}
.content .btnTree-group > .btn{
  width:100%; justify-content:center;
  padding:8px 10px; font-size:12.5px; gap:.4em;
}
/* Botones de orden (subir/bajar) como botones-icono cuadrados y DISCRETOS (ghost) */
.content .btnOrden-group{ display:inline-flex; gap:7px; }
.content .btnOrden.btn,
.content .btnOrden.btn.btn-inverse{
  width:38px; height:36px; padding:0 !important;
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--glass-2) !important; color:var(--ink-2) !important;
  border:1px solid var(--border) !important; box-shadow:var(--shadow-sm) !important;
}
.content .btnOrden.btn:hover,
.content .btnOrden.btn.btn-inverse:hover{
  background:var(--glass-hi) !important; color:var(--accent) !important;
  border-color:rgba(47,95,199,.4) !important;
}
.content .btnOrden.btn i{ margin:0; font-size:15px; color:inherit !important; }

/* ===== 2 · Árbol de directorios (jstree) ===== */
.content #checkTree{ margin-top:12px; }
.content #checkTree .jstree-anchor{
  height:auto !important; line-height:1.55;
  padding:4px 8px !important; margin:1px 0;
  border-radius:8px; color:var(--ink-2) !important;
  font-family:var(--sans); font-size:13px;
  transition:background .14s ease, color .14s ease;
}
.content #checkTree .jstree-anchor:hover,
.content #checkTree .jstree-anchor.jstree-hovered{
  background:var(--glass-2) !important; color:var(--ink) !important; box-shadow:none !important;
}
.content #checkTree .jstree-anchor.jstree-clicked,
.content #checkTree .jstree-anchor.jstree-clicked:hover{
  background:var(--accent-soft) !important; color:var(--accent) !important;
  box-shadow:none !important; font-weight:600;
}
/* Icono de carpeta: teñido al color de acento cuando el nodo está activo */
.content #checkTree .jstree-icon{ vertical-align:middle; }
.content #checkTree .jstree-anchor.jstree-clicked .jstree-icon{ opacity:1; }
/* Líneas guía discretas */
.content #checkTree .jstree-node{ min-height:0; }

/* ===== 3 · Estado vacío del panel derecho ===== */
.content .divDes .doc-empty{
  text-align:center; padding:34px 20px 30px;
}
.content .divDes .doc-empty-icon{
  display:block; font-size:44px; line-height:1;
  color:var(--accent); opacity:.35; margin-bottom:14px;
}
.content .divDes .doc-empty h4{ margin:0 0 6px; }
.content .divDes .doc-empty p{ margin:0; font-size:13px; }

/* ===== 4 · Zona de subida de archivos (dropzone del portal) ===== */
.content .divFic .panel-body{ background:transparent !important; padding:0 !important; }
.content #drop_zone_portal{
  border:1.5px dashed rgba(47,95,199,.34);
  border-radius:12px; background:var(--accent-soft);
  padding:28px 20px; text-align:center; cursor:pointer;
  color:var(--ink-2);
  transition:border-color .16s ease, background .16s ease;
}
.content #drop_zone_portal:hover,
.content #drop_zone_portal.dragover{
  border-color:var(--accent); background:rgba(47,95,199,.12);
}
.content #drop_zone_portal .redactor_dropareabox{ padding:0; color:var(--muted); font-size:13px; }
.content #drop_zone_portal .redactor_dropareabox span{ color:var(--ink); font-weight:600; }

/* ===== 5 · Tabla de documentos ===== */
.content .divTabla .panel-body{ background:transparent !important; padding:0 !important; }
.content #table-documentos_2{ width:100% !important; margin:0; }
.content .divTabla hr{ border-top:1px solid var(--line); margin:12px 0; }

/* Botones de acción por documento: "ver" (azul) y "borrar" (rojo). El JSON los
   cierra con `<a/>` (mal formado), que el navegador lee como una <a> vacía extra
   ENTRE los dos botones; por eso un selector adyacente (verDoc + delDoc) no vale.
   Se da margen directo a cada botón para separarlos pase lo que pase con el DOM.
   nowrap en la celda evita que se apilen cuando DataTables (responsive:true)
   estrecha la columna "Opciones" (cada botón-icono mide 38px). */
.content #table-documentos_2 tbody td:last-child{ white-space:nowrap; }
.content #table-documentos_2 a.verDoc,
.content #table-documentos_2 a.delDoc{
  margin:0 5px !important;
  vertical-align:middle;
}

/* Alturas de las tarjetas: que la de directorios no imponga un alto muerto */
.content .divDes{ min-height:auto; }