label[for="rol"],
input[name="rol"],
#rol_help,
.rol-help { display: none !important; }
/* Ocultar fecha de inicio en formulario de causas */
label[for="fecha_inicio"],
input[name="fecha_inicio"] { display:none !important; }
/* Textareas amplios para Información Judicial */
#tab-juridica textarea,
textarea[name="hechos"],
textarea[name="derecho"],
textarea[name="peticiones"]{
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}
label[for="procedimiento_otro"], #procedimiento_otro { display:none !important; }
label[for="procedimiento_otro"], #procedimiento_otro { display:none !important; }
/* Línea 3-col para letra / número / año */
.rol-line { display:grid; grid-template-columns: 1fr 1fr 1fr; gap:14px; align-items:end; }
/* Línea 3-col para letra / número / año */
.rol-line { display:grid; grid-template-columns: 1fr 1fr 1fr; gap:14px; align-items:end; }
/* Textareas al ancho total en pestañas */
.tabs textarea,
#tab-info textarea {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
  min-height: 120px;
}

/* ============================
   JUDEXIA: Botones unificados
   ============================ */

/* Botones de acción principales: azul Judexia, NO negro */
.btn-primary,
.btn-dark,
.btn-danger {
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  border-color: #1d4ed8;
  color: #ffffff;
}

.btn-primary:hover,
.btn-dark:hover,
.btn-danger:hover {
  background: linear-gradient(135deg, #1d4ed8, #1e40af);
  border-color: #1e40af;
  color: #ffffff;
}

/* Botón "Limpiar": gris claro, mismo tamaño que los otros */
.btn-outline-secondary {
  border-color: #9ca3af;
  color: #374151;
  padding: 0.45rem 1rem;
  border-radius: 999px;
  font-weight: 500;
}

.btn-outline-secondary:hover {
  background: #e5e7eb;
  color: #111827;
}

/* FIX ROL – mostrar input oculto */
input[name="rol"]{display:block!important;visibility:visible!important;opacity:1!important;height:38px!important;min-height:38px!important;}

/* FIX ROL – evitar colapso de contenedor */
input[name="rol"]{position:relative!important;z-index:5!important;}

/* === REPORTES: DASHBOARD TILES === */
.tile {
  border-radius: 16px;
  padding: 16px 18px;
  color: #fff;
  box-shadow: 0 12px 28px rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.22);
  position: relative;
  overflow: hidden;
}
.tile:after{
  content:"";
  position:absolute; inset:0;
  background: radial-gradient(1200px 220px at 10% 0%, rgba(255,255,255,.18), transparent 55%);
  pointer-events:none;
}
.tile .tile-label { opacity:.9; font-size:.85rem; letter-spacing:.02em; }
.tile .tile-value { font-weight: 900; font-size: 1.75rem; line-height: 1.1; }
.tile .tile-sub   { opacity:.9; font-size:.85rem; margin-top: 6px; }

.tile-blue   { background: linear-gradient(135deg, #2b58ff 0%, #1d36d8 100%); }
.tile-green  { background: linear-gradient(135deg, #00a651 0%, #007a3d 100%); }
.tile-orange { background: linear-gradient(135deg, #ff9a1f 0%, #e46f00 100%); }
.tile-red    { background: linear-gradient(135deg, #ff2a2a 0%, #c30000 100%); }
.tile-slate  { background: linear-gradient(135deg, #5b667a 0%, #3d4758 100%); }

/* versión “light” (cuando quieras menos intenso) */
.tile-soft{
  color:#111827;
  border:1px solid rgba(0,0,0,.08);
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
}
.tile-soft.tile-blue   { background: #eef4ff; border-color:#b6d0ff; }
.tile-soft.tile-green  { background: #effcf4; border-color:#7dd9a7; }
.tile-soft.tile-orange { background: #fff4db; border-color:#ffcc66; }
.tile-soft.tile-red    { background: #ffe6e6; border-color:#ff8a8a; }
.tile-soft.tile-slate  { background: #f4f6f8; border-color:#cfd6df; }



.report-page h2 { font-weight: 800; letter-spacing:-.02em; }
.report-page .tile-label { font-weight: 600; opacity:.92; }
.report-page .tile-value { font-weight: 900; letter-spacing:-.02em; font-size: 1.95rem; line-height:1.05; }
.report-page .tile-soft { color:#111827; }
.report-page .tile-soft .tile-value { color:#111827; }


/* === REPORTES: TYPO (AJUSTE FINAL) === */
.report-page h2 {
  font-weight: 700;
  letter-spacing: -0.01em;
}

.report-page .tile-label {
  font-weight: 500;
  font-size: .85rem;
  opacity: .95;
}

.report-page .tile-value {
  font-weight: 700;
  font-size: 1.45rem;
  letter-spacing: -0.01em;
  line-height: 1.15;
}

/* Cliente (tile grande) */
.report-page .tile-blue .tile-value {
  font-size: 1.35rem;
}

/* Evitar efecto “bloque” */
.report-page .tile {
  box-shadow: 0 10px 22px rgba(0,0,0,.14);
}




.jx-modal-resizable .modal-content{
  height: 100%;
}


/* Judexia: modal resizable (Ficha Cliente) */
.jx-modal-resizable.modal{ overflow: visible; }
.jx-modal-resizable .modal-dialog{
  display: inline-block;
  resize: both;
  overflow: auto;
  max-width: 95vw;
  max-height: 90vh;
  width: 1100px;   /* tamaño inicial agradable */
}
.jx-modal-resizable .modal-content{
  height: 100%;
  min-height: 520px;
}

/* ================================
   FIX: evitar "doble sidebar" visual
   ================================ */
.app-wrapper { display: flex; }
.sidebar { flex: 0 0 250px; }
.content-wrapper { flex: 1; margin-left: 0 !important; padding-left: 1.5rem; }