body { background: #f6f7fb; }
.card { border: 0; box-shadow: 0 8px 24px rgba(0,0,0,0.06); border-radius: 16px; }
.btn, .form-control, .form-select { border-radius: 12px; }
.table { background: #fff; border-radius: 16px; overflow: hidden; }
.badge { border-radius: 999px; }

.kpi {
  display: flex;
  align-items: center;
  gap: 12px;
}
.kpi i {
  font-size: 26px;
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: rgba(13,110,253,0.12);
  color: #0d6efd;
}

.progress { height: 10px; border-radius: 999px; }
.progress-bar { border-radius: 999px; }

.text-truncate-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Tocar para expandir (móvil/desktop) */
.tap-expand { cursor: pointer; }
.is-expanded .text-truncate-2 {
  display: block;
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
  overflow: visible;
  white-space: normal;
}

/* Móvil: pegar más el título de la página al encabezado */
@media (max-width: 576px) {
  main.container {
    margin-top: 0.75rem !important;
  }
  .page-head {
    margin-bottom: 0.75rem !important;
  }
  .page-head h4 {
    margin-bottom: 0.25rem !important;
  }
}


/* ===== Korelyx SIGECON v9: colores institucionales y vista móvil ===== */
:root{
  --korelyx-navy:#081B33;
  --korelyx-blue:#1677FF;
  --korelyx-cyan:#00C2FF;
  --korelyx-green:#13845c;
  --korelyx-soft:#eef7ff;
}
.navbar.bg-primary{background:linear-gradient(90deg,var(--korelyx-navy),#0d3b76,var(--korelyx-blue))!important;}
.btn-primary{background-color:var(--korelyx-blue);border-color:var(--korelyx-blue)}
.btn-success{background-color:var(--korelyx-green);border-color:var(--korelyx-green)}
.card{border:1px solid rgba(8,27,51,.10);box-shadow:0 8px 24px rgba(8,27,51,.06)}
.korelyx-card-title{color:var(--korelyx-navy);font-weight:700;}
.korelyx-help{background:var(--korelyx-soft);border-left:4px solid var(--korelyx-cyan);}
.evidence-thumb{max-height:220px;object-fit:contain;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:4px;}
.crop-preview-box{max-height:65vh;overflow:auto;background:#111;border-radius:12px;}
.crop-preview-box img{max-width:100%;display:block;margin:auto;}
@media(max-width:576px){
  main.container{margin-top:1rem!important;padding-left:.75rem;padding-right:.75rem;}
  .btn,.form-control,.form-select{min-height:42px;}
  .table-responsive{font-size:.92rem;}
  .mobile-sticky-actions{position:sticky;bottom:0;background:#fff;padding:.75rem;border-top:1px solid #e5e7eb;z-index:20;}
}