/* Navbar amarilla más definida */
.app-navbar {
  border-bottom: 1px solid rgba(0,0,0,.08);
}

/* Footer limpio */
.app-footer {
  background: #f8f9fa;
}

.app-navbar {
    background-color: #004080; /* Puedes cambiar este código HEX por el azul exacto que necesites */
}

/* Badges de prioridad */
.bg-prio-high { background: #dc3545 !important; }
.bg-prio-mid  { background: #fd7e14 !important; }
.bg-prio-low  { background: #20c997 !important; }

/* Badges de estado */
.bg-state-open     { background: #0d6efd !important; }
.bg-state-progress { background: #6f42c1 !important; }
.bg-state-closed   { background: #198754 !important; }

/* Categoría y asignado */
.bg-category { background: #0dcaf0 !important; color: #052c65 !important; }
.bg-assigned { background: #ecb419 !important; }

/* Tablas */
.table > :not(caption) > * > * {
  vertical-align: middle;
}
.hover-shadow:hover { transform: translateY(-1px); box-shadow: 0 .5rem 1rem rgba(0,0,0,.10); transition: .15s ease; }

/* Chips suaves para meta */
.chip {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .25rem .55rem;
  border-radius: 999px;
  font-size: .85rem;
  line-height: 1;
  border: 1px solid transparent;
}

.chip-cat  { background: #fff7ed; color: #9a3412; border-color: #fdba74; }   /* naranja suave */
.chip-ofi  { background: #ecfeff; color: #155e75; border-color: #67e8f9; }   /* cyan suave */
.chip-user { background: #f5f3ff; color: #4c1d95; border-color: #c4b5fd; }   /* púrpura suave */
.chip-date { background: #f0fdf4; color: #166534; border-color: #86efac; }   /* verde suave */

.hover-shadow:hover { transform: translateY(-1px); box-shadow: 0 .5rem 1rem rgba(0,0,0,.10); transition: .15s ease; }
/* Chips bonitos */
.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .55rem;border-radius:999px;font-size:.85rem;line-height:1;border:1px solid transparent;white-space:nowrap}
.chip-cat{background:#fff7ed;color:#9a3412;border-color:#fdba74}
.chip-ofi{background:#ecfeff;color:#155e75;border-color:#67e8f9}
.chip-user{background:#f5f3ff;color:#4c1d95;border-color:#c4b5fd}
.chip-date{background:#f0fdf4;color:#166534;border-color:#86efac}
.hover-shadow{transition:.15s ease}
.hover-shadow:hover{transform:translateY(-1px);box-shadow:0 .5rem 1rem rgba(0,0,0,.10)}
.card-body pre, .card-body .content-wrap{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}
.table-wrap{width:100%;overflow:auto}

/* Sticky en desktop, fluido en móvil */
@media (max-width: 991.98px){ .sticky-lg-top{position:static!important} }

/* Formularios 1 col (xs) / 2 cols (md+) */
.form-grid{display:grid;grid-template-columns:1fr;gap:1rem}
@media (min-width: 768px){ .form-grid{grid-template-columns:repeat(2,1fr)} }
.grid-column-span-2{grid-column:1 / -1}

/* Botones apilables en móvil */
.btn-stack{display:flex;gap:.5rem;flex-wrap:wrap}
.btn-stack .btn{flex:1 1 auto}
@media (min-width: 768px){ .btn-stack .btn{flex:0 0 auto} }

/* CKEditor altura mínima */
.ck-editor__editable{min-height:160px}