/*=====================================================================
  Piel Netzdi — que el ERP no se vea como «un Bootstrap más»
  ---------------------------------------------------------------------
  Se carga DESPUÉS de netzdi-theme.css. Solo forma: radios, sombras, campos,
  tablas, paginación y botones. Los colores salen de las variables del tema.
  Archivo aparte a propósito: se revisa entero y se apaga quitando una línea
  de plantilla.php.

  Lo que NO hace: cambiar el color de las cabeceras de tabla. Varias pantallas
  les fuerzan letra blanca; con un fondo claro quedaría blanco sobre blanco.
  Se dejan azules, pero como UNA barra y no como bloques separados.
=====================================================================*/

/* ── Cajas (box de AdminLTE): sin la raya de color arriba, sombra suave ── */
.content-wrapper .box {
    border-top: 0; border-radius: 8px;
    box-shadow: 0 1px 3px rgba(20, 30, 60, .08), 0 0 0 1px rgba(20, 30, 60, .04);
}
.content-wrapper .box > .box-header.with-border { border-bottom-color: #edf0f5; }
.content-wrapper .box-header .box-title { font-weight: 600; letter-spacing: .1px; }

/* ── Campos: blancos, borde fino, foco con anillo (no el celeste de antes) ── */
.content-wrapper .form-control, .modal .form-control {
    background-color: #fff; border: 1px solid #cfd6e2; border-radius: 6px;
    padding: 6px 12px; box-shadow: none; color: #253049;
}
.content-wrapper .form-control:focus, .modal .form-control:focus {
    border-color: var(--netzdi-navy); box-shadow: 0 0 0 3px rgba(44, 61, 99, .14);
}
.content-wrapper .form-control[readonly], .content-wrapper .form-control[disabled],
.modal .form-control[readonly], .modal .form-control[disabled] { background-color: #f3f5f9; color: #5b6782; }
.content-wrapper .form-control.input-sm, .modal .form-control.input-sm { padding: 3px 10px; border-radius: 5px; }
.content-wrapper .input-group-addon, .modal .input-group-addon { background: #f3f5f9; border-color: #cfd6e2; color: #5b6782; }
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple { border-color: #cfd6e2 !important; border-radius: 6px !important; }
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--single {
    border-color: var(--netzdi-navy) !important; box-shadow: 0 0 0 3px rgba(44, 61, 99, .14);
}
.select2-dropdown { border-color: #cfd6e2; border-radius: 6px; box-shadow: 0 6px 18px rgba(20, 30, 60, .14); }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: var(--netzdi-navy); }

/* ── Tablas: la cabecera es UNA barra, las filas con línea fina ── */
.content-wrapper table, .modal table { border-collapse: collapse; }
.content-wrapper table > thead > tr > th, .modal table > thead > tr > th {
    border: 0 !important; border-radius: 0 !important; font-weight: 600; font-size: 12.5px;
}
.content-wrapper table > tbody > tr > td, .modal table > tbody > tr > td {
    border: 0; border-bottom: 1px solid #edf0f5; border-radius: 0;
}
.content-wrapper table > thead > tr > th:first-child, .modal table > thead > tr > th:first-child { border-top-left-radius: 6px !important; }
.content-wrapper table > thead > tr > th:last-child, .modal table > thead > tr > th:last-child { border-top-right-radius: 6px !important; }
.content-wrapper .table-hover > tbody > tr:hover, .modal .table-hover > tbody > tr:hover { background-color: #f6f8fc; }
.content-wrapper table.table-bordered > tbody > tr > td, .modal table.table-bordered > tbody > tr > td { border: 1px solid #edf0f5; }

/* ── Controles de las listas (DataTables) ── */
.dataTables_wrapper .dataTables_filter input { border-radius: 6px; border-color: #cfd6e2; padding-left: 10px; width: 240px; }
.dataTables_wrapper .dataTables_length select { border-radius: 6px; border-color: #cfd6e2; }
.dataTables_wrapper .dataTables_info { color: #6b7790; }
.pagination > li > a, .pagination > li > span {
    border: 0; margin: 0 2px; border-radius: 6px !important; color: #33405c; background: transparent;
}
.pagination > li > a:hover { background: #eef1f6; color: var(--netzdi-navy); }
.pagination > .active > a, .pagination > .active > span,
.pagination > .active > a:hover, .pagination > .active > span:hover { background: var(--netzdi-navy); color: #fff; }
.pagination > .disabled > a, .pagination > .disabled > span { background: transparent; color: #a7b0c2; }

/* ── Botones: sin degradados ni bordes duros, radio de la casa ── */
.content-wrapper .btn, .modal .btn { border-radius: 6px; font-weight: 500; box-shadow: none; }
.content-wrapper .btn-default, .modal .btn-default { background: #fff; border-color: #cfd6e2; color: #33405c; }
.content-wrapper .btn-default:hover, .modal .btn-default:hover { background: #f3f5f9; border-color: #b9c3d4; }
.content-wrapper .btn-group > .btn { border-radius: 0; }
.content-wrapper .btn-group > .btn:first-child { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.content-wrapper .btn-group > .btn:last-child, .content-wrapper .btn-group > .dropdown-toggle { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.dropdown-menu { border-radius: 8px; border-color: #e2e7ef; box-shadow: 0 8px 22px rgba(20, 30, 60, .14); }

/* ── Etiquetas de estado: píldoras ── */
.content-wrapper .label, .modal .label { border-radius: 10px; padding: .25em .7em; font-weight: 600; }

/* ── Pie: el botón «Necesito ayuda» flota abajo a la izquierda y tapaba el texto ── */
.main-footer { padding-left: 180px !important; }   /* el pie trae padding en línea */
@media (max-width: 767px) { .main-footer { padding-left: 15px !important; text-align: right; } }