/* ===== Estándar visual caja (tablas / formularios / botones) =====
   Definido y aprobado en Comunidad Vinculada (2026-07). Aplica global vía header.php.
   Apunta a las clases de los helpers compartidos (cabeceratabla / cabecerabuscar / boton / form_titulo). */

/* ---- Tablas: cabecera azul, grilla con líneas verticales + horizontales #bcbcbc, sin striping ---- */
.table{border:1px solid #bcbcbc !important;}
.table thead th{background:#1F4E78 !important;color:#fff !important;text-shadow:none !important;
  font-weight:bold;border:0 !important;border-left:1px solid rgba(255,255,255,.28) !important;}
.table thead th:first-child{border-left:0 !important;}
.table td{border:0 !important;border-top:1px solid #bcbcbc !important;border-left:1px solid #bcbcbc !important;}
.table td:first-child{border-left:0 !important;}
.table-striped tbody tr td,.table-striped tbody tr:nth-child(odd) td{background:transparent !important;}
/* Texto secundario de tablas (<small>): del tan del tema a gris legible (no opaca el texto principal) */
.table small{color:#888888 !important;}

/* Botones de acción DENTRO de tablas con ícono real (glyph): tamaño uniforme y SOLO ícono.
   Se detecta el ícono real porque su clase NO es exactamente "icon-white-t" (esa = sin glyph,
   la usan los botones de solo texto tipo "Conciliar", que quedan intactos). */
.table td .btn:has(*[class*="icon-"]:not([class="icon-white-t"])){
  font-size:0 !important;              /* oculta el texto (ej. "Borrar") dejando el ícono */
  width:30px !important;min-width:30px !important;height:26px !important;
  padding:0 !important;margin:0 3px 0 0 !important;float:none !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  vertical-align:middle;}
.table td .btn:has(*[class*="icon-"]:not([class="icon-white-t"])) > *{margin:0 !important;}

/* ---- Recuadro de búsqueda: gris claro, cuadrado, sin sombra, pegado al título ---- */
.form-search.well{background:#f4f4f4 !important;border:1px solid #bcbcbc !important;
  border-radius:0 !important;box-shadow:none !important;margin-top:-2px !important;}

/* ---- Inputs / selects del recuadro de búsqueda ---- */
.form-search.well input,.form-search.well select{border:1px solid #bcbcbc !important;
  box-shadow:none !important;border-radius:2px;}
.form-search.well input:focus,.form-search.well select:focus{border-color:#1F4E78 !important;
  box-shadow:none !important;}

/* ---- Título pegado al recuadro ---- */
.overview{margin-bottom:0 !important;}
.overview h1{margin:2px 0 !important;}
.overview hr{margin:2px 0 5px !important;}
.separator.bottom{margin:0 !important;height:0 !important;}

/* ---- TODOS los botones: planos y cuadrados, cada uno conserva su color ----
       (aplana los de acción de tablas: Ver verde, Anular rojo, etc., como el Ejecutar) */
.btn{background-image:none !important;text-shadow:none !important;box-shadow:none !important;border-radius:0 !important;}

/* ---- Botón Buscar (y equivalentes): azul cuadrado, lupita blanca ---- */
.btn-buscar-std{background:#FFE097 !important;background-image:none !important;color:#763D00 !important;
  border:1px solid #E8C877 !important;border-radius:0 !important;text-shadow:none !important;box-shadow:none !important;}
.btn-buscar-std:hover,.btn-buscar-std:focus{background:#F5D488 !important;color:#763D00 !important;}
/* lupita marrón (el sprite blanco desaparecería sobre amarillo) */
.btn-buscar-std icon,.btn-buscar-std [class*="icon-"]{background-image:url(bootstrap/img/glyphicons-halflings-brown-buttons.png) !important;}

/* ---- Botones secundarios (Nuevo/alta, Imp/XLS/PDF, Volver, Actualizar, etc. = .btn-primary):
       outline azul plano y cuadrado ---- */
.btn-tesor,.btn-tesor-dark,.btn-tesor-light{background:#888888 !important;background-image:none !important;
  color:#fff !important;border:1px solid #888888 !important;border-radius:0 !important;
  text-shadow:none !important;box-shadow:none !important;font-size:11px !important;font-weight:600 !important;}
.btn-tesor:hover,.btn-tesor:focus,.btn-tesor-dark:hover,.btn-tesor-dark:focus,.btn-tesor-light:hover,.btn-tesor-light:focus{
  background:#6f6f6f !important;color:#fff !important;border-color:#6f6f6f !important;}
/* Nuevo X y secundarios (.btn-primary): celeste original */
.btn-primary{background:#70B4EA !important;background-image:none !important;
  color:#fff !important;border:1px solid #4E93CE !important;border-radius:0 !important;
  text-shadow:none !important;box-shadow:none !important;font-size:11px !important;font-weight:600 !important;}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active{
  background:#5AA3DE !important;color:#fff !important;border-color:#3E82BD !important;}
/* Altura común Nuevo X (btn-phone-block) + btn-tesor (~30px). NO toca el Ejecutar (btn-small). */
.btn-primary.btn-phone-block,.btn-tesor,.btn-tesor-dark,.btn-tesor-light{
  padding:7px 14px !important;line-height:15px !important;}

/* ---- Botón Guardar de los formularios (form_submit_icon): azul sólido, como Buscar ---- */
.btn-guardar-std{background:#70B4EA !important;background-image:none !important;color:#fff !important;
  border:1px solid #4E93CE !important;border-radius:0 !important;text-shadow:none !important;box-shadow:none !important;}
.btn-guardar-std:hover,.btn-guardar-std:focus{background:#5AA3DE !important;color:#fff !important;border-color:#3E82BD !important;}

/* ---- Modales: cabecera azul del estándar ----
   El tema (beautyadmin) pinta .modal-header con un degradado amarillo #FFE097
   y texto marrón, y deja el .btn secundario del footer en el mismo amarillo.
   Se unifica con el azul de las cabeceras de tabla (#1F4E78). Aplica a TODOS
   los modales del sistema, que es donde se venía viendo el amarillo. */
.modal-header{background:#1F4E78 !important;background-image:none !important;
  color:#fff !important;border-bottom:1px solid #163C5C !important;
  text-shadow:none !important;box-shadow:none !important;}
.modal-header h1,.modal-header h2,.modal-header h3,.modal-header h4,.modal-header h5{
  color:#fff !important;text-shadow:none !important;}
.modal-header .close{color:#fff !important;opacity:.85;text-shadow:none !important;}
.modal-header .close:hover{color:#fff !important;opacity:1;}

/* Pie del modal: gris claro como el recuadro de búsqueda */
.modal-footer{background:#f4f4f4 !important;background-image:none !important;
  border-top:1px solid #bcbcbc !important;box-shadow:none !important;}

/* Botón secundario del modal (Cancelar): neutro, para que el azul quede
   sólo en la acción principal. Los de color propio (rojo/verde) no se tocan. */
.modal-footer .btn:not(.btn-primary):not(.btn-danger):not(.btn-success):not(.btn-warning){
  background:#fff !important;background-image:none !important;color:#333 !important;
  border:1px solid #bcbcbc !important;text-shadow:none !important;}
.modal-footer .btn:not(.btn-primary):not(.btn-danger):not(.btn-success):not(.btn-warning):hover{
  background:#ececec !important;color:#333 !important;}

/* ---- Menú de acciones "⋮" en listados (helper menu_acciones + acciones.js) ----
   La acción principal de la fila queda visible; el resto se pliega acá. */
.accmenu{position:relative;display:inline-block;vertical-align:middle;}
.accmenu-btn{width:28px !important;min-width:28px !important;height:28px !important;
  box-sizing:border-box !important;
  padding:0 !important;margin:0 0 0 3px !important;line-height:1 !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  background:transparent !important;background-image:none !important;
  border:1px solid #1F4E78 !important;box-shadow:none !important;text-shadow:none !important;}
.accmenu-btn:hover,.accmenu.abierto .accmenu-btn{background:#eaf1f8 !important;}
.accmenu-puntos{font-size:16px;line-height:1;letter-spacing:0;color:#1F4E78;}

/* Todos los botones de la celda de acciones a la misma altura que el "⋮".
   box-sizing:border-box para que el borde no sume 2px y descuadre las alturas. */
.acc-fila .btn{height:28px !important;box-sizing:border-box !important;
  padding-top:0 !important;padding-bottom:0 !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  vertical-align:middle;}
.accmenu-lista{display:none;position:absolute;right:0;top:100%;margin:3px 0 0;padding:4px 0;
  min-width:196px;list-style:none;text-align:left;z-index:1050;
  background:#fff;border:1px solid #bcbcbc;border-radius:4px;box-shadow:0 3px 9px rgba(0,0,0,.18);}
.accmenu.abierto .accmenu-lista{display:block;}
.accmenu.arriba .accmenu-lista{top:auto;bottom:100%;margin:0 0 3px;}
.accmenu-lista li{margin:0;}
.accmenu-lista li a{display:block;padding:5px 12px;font-size:12px;color:#333;
  text-decoration:none;white-space:nowrap;}
.accmenu-lista li a:hover{background:#f4f4f4;color:#1F4E78;text-decoration:none;}
.accmenu-lista li.peligro a{color:#c62828;}
.accmenu-lista li.peligro a:hover{background:#fdeaea;color:#c62828;}
.accmenu-lista li.separador{border-top:1px solid #e0e0e0;margin-top:4px;padding-top:4px;}
/* si los ítems de arriba quedaron filtrados, el separador no debe dibujar línea suelta */
.accmenu-lista li.separador:first-child{border-top:0;margin-top:0;padding-top:0;}

/* ---- Cápsulas de filtro (estilo pestañas de Reportes): .capsulas > .capsula[.activa] ---- */
.capsulas{display:flex;gap:6px;flex-wrap:wrap;}
.capsulas .capsula{font-family:inherit;font-size:12.5px;white-space:nowrap;border:1px solid #cfd8e2;background:#fff;
    color:#41505f;padding:7px 16px;cursor:pointer;border-radius:20px;flex:none;line-height:1.2;}
.capsulas .capsula:hover{border-color:#1F4E78;color:#1F4E78;}
.capsulas .capsula.activa{background:#1F4E78;border-color:#1F4E78;color:#fff;font-weight:600;}
.capsulas a.capsula,.capsulas a.capsula:hover{text-decoration:none;display:inline-block;}

/* ---- Secciones de formulario (alta de préstamo): .fsec > .fsec-h ---- */
.fsec{border:1px solid #d7dde4;border-radius:6px;margin:10px 0 14px;padding:8px 14px 10px;background:#fff;}
.fsec-h{font-weight:600;color:#1F4E78;border-bottom:1px solid #e3e8ee;margin:0 0 8px;padding-bottom:5px;font-size:13.5px;}
.fsec-h small{font-weight:normal;color:#8a94a0;margin-left:8px;}
.fsec .control-group{margin-bottom:6px;}
.fsec .control-label{width:170px;}
.fsec .controls{margin-left:185px;}
.fsec-cols{display:flex;gap:24px;flex-wrap:wrap;}
.fsec-cols>div{flex:1 1 380px;}
.fsec-resumen{border:1px solid #bcbcbc;border-radius:4px;padding:8px 12px;max-width:460px;background:#fafafa;font-size:12px;margin:6px 0 4px 185px;}
.fsec-resumen table{width:100%;} .fsec-resumen td{padding:2px 0;}
.fsec-resumen tr.tot td{font-weight:bold;border-top:1px solid #bcbcbc;}
.fsec-item{font-size:12px;margin:2px 0;}