/* ============================================================
   SG-SAFI — Custom CSS
   DOH — Dirección de Obras Hidráulicas — MOP
   ============================================================ */

:root {
  --doh-primary: #003366;
  --doh-secondary: #0066cc;
  --doh-accent: #e8a000;
  --doh-light: #f4f7fc;
  --font-main: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

body {
  font-family: var(--font-main) !important;
}

/* Sidebar DOH */
.app-sidebar .sidebar-brand {
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.app-sidebar .nav-sidebar .nav-link {
  border-radius: 10px;
  margin: 2px 8px;
  transition: all .15s;
}
.app-sidebar .nav-sidebar .nav-link.active {
  background: var(--doh-secondary) !important;
}
.app-sidebar .nav-header {
  padding: 1rem 1rem .25rem;
}

/* Tarjetas redondeadas */
.card {
  border-radius: 14px !important;
  border: 1px solid rgba(0,0,0,.06) !important;
}

/* Botones primarios con gradiente DOH */
.btn-primary {
  background: linear-gradient(135deg, var(--doh-primary), var(--doh-secondary)) !important;
  border: none !important;
}

/* Badges con radio */
.badge {
  border-radius: 8px !important;
  padding: .35em .75em !important;
}

/* DataTables integración */
.dataTables_wrapper .dataTables_filter input {
  border-radius: 8px;
  border: 1.5px solid #dee2e6;
  padding: .375rem .75rem;
}
.dataTables_wrapper .dataTables_length select {
  border-radius: 8px;
  border: 1.5px solid #dee2e6;
}

/* Tabla hover suave */
.table-hover > tbody > tr:hover > td {
  background-color: rgba(0,51,102,.04) !important;
}

/* Input focus DOH */
.form-control:focus, .form-select:focus {
  border-color: var(--doh-secondary) !important;
  box-shadow: 0 0 0 3px rgba(0,102,204,.1) !important;
}

/* Breadcrumb */
.breadcrumb-item a {
  color: var(--doh-secondary);
  text-decoration: none;
}

/* Footer */
.app-footer {
  font-size: .8rem;
  color: #888;
}

/* Iniciales de avatar */
.avatar-initials {
  font-weight: 600;
  font-size: .85rem;
  background: var(--doh-primary) !important;
}

/* Scrollbar sutil */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(0,0,0,.2); border-radius: 3px; }