/* === URM: layout y formularios compactos === */
.main-narrow{
  max-width: 980px;         /* ancho ideal para formularios */
  margin: 0 auto;
}

.form-compact .form-label{
  font-size: 0.95rem;
  margin-bottom: .35rem;
}

.form-compact .form-control,
.form-compact .form-select{
  height: 42px;             /* controla alto uniforme */
  padding: .45rem .75rem;
  font-size: 0.98rem;
}

.form-compact .form-text{
  font-size: .85rem;
}

.form-compact .row.g-3{     /* separaciones más limpias */
  row-gap: .75rem;
}

.form-compact .btn{
  padding: .55rem .9rem;
  font-size: 0.98rem;
}

/* Tablas y tarjetas en vistas de listado */
.table-compact table.table th,
.table-compact table.table td{
  padding: .55rem .75rem;
  font-size: .96rem;
}

.cards-compact .card{
  border-radius: 14px;
}

.cards-compact .card-body{
  padding: .9rem 1rem;
  font-size: .98rem;
}

/* Ajuste del contenedor lateral para que no “salte” */
.main-narrow.form-compact{
  padding-bottom: 1.25rem;
}

/* ====================================================== */
/* 🎯 NUEVO: ICONOS ESTILO DOCUMENTOS PARA EL MENÚ LATERAL */
/* ====================================================== */

.dock-icon-box {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F1F5F9;      /* gris suave */
    color: #1E293B;           /* gris oscuro */
    transition: all .25s ease;
    font-size: 20px;
    border: 1px solid #E2E8F0; /* borde suave */
}

.dock-icon-box:hover {
    background: #E2E8F0;
}

.dock-icon-box.active {
    background: #2563EB;        /* azul URM */
    color: #fff;
    border-color: #2563EB;
    box-shadow: 0 6px 16px rgba(37, 99, 235, 0.30);
}

/* Para que los íconos dentro mantengan buen tamaño */
.dock-icon-box i {
    font-size: 1.35rem;
}

/* === Sidebar URM (nuevo, independiente del estilo original) === */

.dock-btn-urm{
  width: 48px;
  height: 48px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: transparent;
  border: none;
  transition: .18s ease-in-out;
}

.dock-btn-urm i{
  font-size: 24px;
  color: #334155; /* gris profesional */
  transition: .18s ease-in-out;
}

/* Hover */
.dock-btn-urm:hover{
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  box-shadow: 0 6px 16px rgba(0,0,0,.06);
}

.dock-btn-urm:hover i{
  color: #2563eb;
}

/* Activo */
.dock-btn-urm.active{
  background: #eef0f2;
  border: 1px solid #e2e8f0;
  box-shadow: 0 6px 16px rgba(0,0,0,.10);
}

.dock-btn-urm.active i{
  color: #2563eb;
}

/* Debug especial */
.dock-btn-urm.debug-btn i{
  color:#dc2626 !important;
}
.dock-btn-urm.debug-btn.active i{
  color:#b91c1c !important;
}

/* ======================================================
   BOTONES URM — ESTÁNDAR GLOBAL DEL SISTEMA
   (Editar / Imprimir / Guardar / Cancelar)
====================================================== */

.btn-edit-min {
  background: #2563eb;
  color: #fff;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 4px;
  border: none;
  text-decoration: none; 
}

.btn-edit-min:hover {
  background: #1e40af;
}

.btn-print-min {
  background: #f3f4f6;
  color: #1e293b;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 4px;
  border: 1px solid var(--border);
  text-decoration: none;
}

.btn-print-min:hover {
  background: #e5e7eb;
  text-decoration: none;
}

/* Botón danger URM */
.btn-urm-danger {
  background: #fff;
  color: #dc2626;
  padding: 8px 14px;
  font-weight: 600;
  border-radius: 12px;
  border: 1.5px solid #dc2626;
  text-decoration: none;
}

.btn-urm-danger:hover {
  background: #fee2e2;
  color: #b91c1c;
}

/* ======================================================
   LANDING URM — BOTONES CTA (PRIORIDAD MÁXIMA)
====================================================== */

body.landing a.btn-urm,
body.landing button.btn-urm {
  all: unset;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: linear-gradient(135deg, #2563eb, #1e40af);
  color: #fff;

  padding: 12px 26px;
  font-size: 15px;
  font-weight: 700;
  border-radius: 10px;
  border: none;

  box-shadow: 0 10px 24px rgba(14,14,14,.18);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
  text-decoration: none;
  cursor: pointer;
}

body.landing a.btn-urm:hover,
body.landing button.btn-urm:hover {
  transform: translateY(-1px);
  filter: brightness(1.05);
}

body.landing .btn-urm.disabled,
body.landing .btn-urm[disabled] {
  opacity: .6;
  pointer-events: none;
}

/* ==============================
   FIX DROPDOWN NAVBAR URM
============================== */

/* La navbar siempre por encima */
.navbar {
  z-index: 2000 !important;
}

/* El dropdown no se corta */
.navbar .dropdown-menu {
  z-index: 2100 !important;
}

/* Evita que collapse oculte el dropdown */
.navbar-collapse {
  overflow: visible !important;
}

.navbar .dropdown {
  position: relative;
}

.navbar {
  align-items: center;
}

/* Evita que el dropdown empuje la navbar */
.navbar .dropdown-menu {
  position: absolute !important;
  top: calc(100% + 6px);
  margin-top: 0;
}

.categoria-badge{
  max-width: 180px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 32px;
  line-height: 1;
}

.fecha-nowrap{
  white-space: nowrap;
}

/* ===============================
   URM IA BUTTONS STANDARD
   SIN DORADO - ESTILO PROFESIONAL
================================ */

.btn-ia-main {
  background: #2563eb;
  color: #fff;
  border-radius: 10px;
  border: 1px solid #2563eb;
  padding: 10px 18px;
  font-weight: 600;
  transition: all .15s ease;
}

.btn-ia-main:hover {
  background: #1e40af;
  border-color: #1e40af;
  color: #fff;
  transform: translateY(-1px);
}

.btn-ia-format {
  background: #fff;
  color: #1e293b;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: 6px 14px;
  font-weight: 500;
  transition: all .15s ease;
}

.btn-ia-format:hover {
  background: #2563eb;
  color: #fff;
  border-color: #2563eb;
}

/* ===============================
   BOTONES FORMULARIO URM GLOBAL
================================ */

.btn-urm-primary {
  background: #2563eb;
  color: #ffffff;
  border: none;
  border-radius: 12px;
  padding: 10px 18px;
  font-weight: 600;
  transition: .18s ease;
  text-decoration: none;
}

.btn-urm-primary:hover {
  background: #1e4fd8;
  transform: translateY(-1px);
  color: #fff;
}

.btn-urm-secondary {
  background: #f1f3f5;
  color: #212529;
  border: 1px solid #dee2e6;
  border-radius: 14px;
  padding: 10px 24px;
  font-weight: 500;
  transition: .18s ease;
  text-decoration: none;
}

.btn-urm-secondary:hover {
  background: #e9ecef;
}