/* CSS CIERRE DE SERVICIO */

/* =====================================================
   CIERRE DE SERVICIO - PDF (WeasyPrint)
   ===================================================== */

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000;
  margin: 0;
  padding: 0;
}

table {
  width: 100%;
  border-collapse: collapse;
}

/* =========================
   COLORES BASE
   ========================= */
.cs-yellow {
  background: #fff3a0;
}

.cs-sky {
  background: #cfe9ff;
}

.cs-cyan {
  background: #bfefff;
}

.cs-right {
  text-align: right;
}

/* =========================
   CAJAS SUPERIORES
   ========================= */
.cs-grid {
  margin-top: 10px;
}

.cs-box {
  border: 1px solid #000;
  vertical-align: top;
}


.cs-box-title {
  background: #e6e6e6;
  font-weight: bold;
  text-align: center;
  padding: 6px;
 /* border-bottom: 2px solid #000000; */
}


.cs-inner td {
  border: 1px solid #000;
  padding: 6px;
  font-size: 11px;
  background: #fff;
}


/* =========================
   LABELS / VALUES
   ========================= */
.cs-lbl {
  font-weight: bold;
  white-space: nowrap;
}

.cs-val {
  min-height: 18px;
}

/* =========================================
   GESTION E INSPECCIÓN
   ========================================= */

.cs-gestion {
  width: 100%;
  border-collapse: collapse;
  margin-top: 2mm;
}

.cs-gestion th,
.cs-gestion td {
  border: 1px solid #000;
  padding: 8px;
  font-size: 11px;
}

.cs-gestion-title {
  background: #f0f0f0;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
}

.cs-gestion-cell {
  width: 35%;
}

.cs-gestion-borrador {
  width: 30%;
  text-align: center;
  font-weight: bold;
  color: red;
  font-size: 14px;
}


   /* =========================================
   TITULO RESULTADO DE INSPECCIONES
   ========================================= */

.cs-section-title {
  margin: 2mm 0 0mm 0;   /* 👈 reduce separación */
  padding: 6px;
  font-weight: bold;
  text-align: center;   /* 👈 centrado real */
  text-transform: uppercase;
  border: 1px solid #252626;
  background: #f0f0f0;
}

/* =========================================
   RESULTADO DE INSPECCIONES (IGUAL PLANILLA)
   ========================================= */
.cs-result {
  width: 100%;
  border-collapse: collapse;
  margin-top: 0mm;
  border: 1px solid #1a1b1b;
  table-layout: fixed; /* 🔒 CLAVE */
}

.cs-result th,
.cs-result td {
  border: 1px solid #070707;
  padding: 5px;
  font-size: 10px;
}

/* Encabezados */
.cs-result thead th {
  background: #f0f0f0;
  text-align: center;
  font-weight: bold;
}

.cs-result th:nth-child(1),
.cs-result td:nth-child(1) {
    width: 20%;                           /* Encabezados 20%*/
    text-align: left;
}

.cs-result th:nth-child(2),
.cs-result td:nth-child(2) {
    width: 20%;                           /* Encabezados 28%*/
    text-align: center;
}

.cs-result th:nth-child(3),
.cs-result td:nth-child(3) {
    width: 20%;                           /* Encabezados 28%*/
    text-align: center;
}

.cs-result th:nth-child(4),
.cs-result td:nth-child(4) {
    width: 12%;                           /* Encabezados 12%*/
    text-align: center;
    font-weight: 600;
}

.cs-result th:nth-child(5),
.cs-result td:nth-child(5) {
    width: 12%;                           /* Encabezados 12%*/
    text-align: center;
}


/* Colores base por fila estándar (row-std):
   Entrega (col2) amarillo, Devolución (col3) amarillo,
   Variación (col4) amarillo, Neto (col5) celeste
*/
.cs-result tbody tr.row-std td:nth-child(2),
.cs-result tbody tr.row-std td:nth-child(3),
.cs-result tbody tr.row-std td:nth-child(4) {
  background: #ffffac;
}

.cs-result tbody tr.row-std td:nth-child(5) {
  background: #cfefff;
  text-align: right;
}

/* TAG: entrega amarillo, devolución celeste, variación azul, neto celeste */
.cs-result tbody tr.row-tag td:nth-child(2),
.cs-result tbody tr.row-ocup td:nth-child(2) {
  background: #cfefff;
}
.cs-result tbody tr.row-tag td:nth-child(3),
.cs-result tbody tr.row-tag td:nth-child(5) {
  background: #cfefff;
}
.cs-result tbody tr.row-tag td:nth-child(4) {
  background: #00b0f0;
  font-weight: bold;
  text-align: center;
}

/* Ocupación: entrega amarillo, devolución celeste, variación amarillo, neto celeste */

.cs-result tbody tr.row-ocup td:nth-child(4) {
  background: #ffffac;
}
.cs-result tbody tr.row-ocup td:nth-child(3),
.cs-result tbody tr.row-ocup td:nth-child(5) {
  background: #cfefff;
}

/* Columna neto: alineación */
.cs-result td.neto {
  text-align: right !important;
}

/* Total */
.cs-result tbody tr.row-total td.total-label {
  font-weight: bold;
  text-align: right;
  background: #ffffff;
}

.cs-result tbody tr.row-total td.total-val {
  font-weight: bold;
  background: #cfefff;
}

/* =========================================
   AJUSTE KILOMETRAJE
   Variación debe ser AMARILLA
   ========================================= */

/* Fila Kilometraje = segunda fila estándar */
.cs-result tbody tr.row-std:nth-of-type(2) td:nth-child(5) {
  background: #ffffac;
}

/* =========================================
   AJUSTA TAMAÑO LETRA DE OTROS
   ========================================= */
/* SOLO DEVOLUCIÓN - OTROS */
.row-otros td:nth-child(3) {
    font-size: 9px;
    line-height: 1.3;
    text-align: justify;        /* distribuye el texto homogéneo */
    text-justify: inter-word;   /* ajusta espacios entre palabras */
    vertical-align: top;        /* arranca desde arriba */
    white-space: normal;        /* permite saltos de línea */
    word-wrap: break-word;      /* corta palabras largas */
}


/* =========================================
   NOVEDADES Y EQUIPOS
   ========================================= */

.cs-novedades {
  width: 100%;
  border-collapse: collapse;
  margin-top: 2mm;
}

.cs-novedades th,
.cs-novedades td {
  border: 1px solid #04283c;
  padding: 10px;
  font-size: 12px;
}

.cs-novedades-title {
  background: #f0f0f0;
  font-weight: bold;
  text-align: center;
}




/* =====================================================
   CABECERA – IGUAL A CONTRATO DE ALQUILER
   ===================================================== */

.pdf-header-table {
  width: 100%;
  border-collapse: collapse;
  background: #d9eef8;        /* celeste EXACTO */
  height: 90px;
}

.pdf-header-table td {
  vertical-align: middle;
  padding: 10px;
}

.pdf-header-logo {
  width: 25%;
  text-align: left;
}

.pdf-header-logo img {
  max-height: 60px;
}

.pdf-header-title {
  width: 50%;
  text-align: center;
}

.pdf-header-title-box {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  border: none;               /* ❌ NO caja negra */
}

.pdf-header-empresa {
  width: 25%;
  text-align: right;
  font-size: 11px;
  line-height: 1.4;
}

.pdf-header-line {
  border-bottom: 7px solid #9cc4eb;
}

 /* COLUMNA DE VALOR NETO */
.input-neto {
  text-align: right;
  padding-right: 6px;
}
/* ===============================
   VALOR NETO - INPUT
   =============================== */
.cs-result td.neto {
    padding: 4px;
}

.cs-result td.neto .input-neto {
    width: 100%;
    box-sizing: border-box;   /* TODOS LOS VALOR NETO ++++++++++++++++++++++ CLAVE: evita que se salga */
    text-align: right;
    padding: 2px 6px;
    font-size: 10px;
    margin: 0px;
}

/* FECHA DEVOLUCION CELDA TAG (Fechas ocupación):   background-color: rgb(221, 160, 160); ooooooooooooooooooooooo++*/
.input-tag-dev{
  width:100%;
  box-sizing:border-box;
  text-align: center;
}


.cs-input-inline{
    border: none;
    border-bottom: 1px solid #000;
    background: transparent;
    width: 140px;
    font-weight: bold;
    outline: none;
}

.cs-select-inline{
    border: none;
    background: transparent;
    font-weight: bold;
    outline: none;
}
.cs-gestion td:nth-child(1){
    width:42%;
}

.cs-gestion td:nth-child(2){
    width:42%;
}

.cs-gestion td:nth-child(3){
    width:16%;
}
/* Quitar la línea interna (subrayado) de los 2 primeros campos */
#cs_gestionado_por,
#cs_inspeccionado_por{
    border-bottom: none !important;
}

.cs-novedades td {
    vertical-align: top;
}

.cs-novedad-input {
    width: 100%;
    min-height: 28px;
    resize: none;
    overflow: hidden;
    box-sizing: border-box;
}



.toast-container {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 99999;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cs-page-wrapper {
  display: flex;
  justify-content: center;
  padding: 40px 0;
  background: transparent !important;
}


/* =========================
   HOJA A4
   ========================= */
.a4-page {
    background: white;
    padding: 40px;
}

.cs-toolbar {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-bottom: 15px;
}



/* ===== Modal Cierre Servicio: sin marco blanco ===== */
#modalCierreServicio .modal-dialog{
  max-width: 230mm;  /* ancho cercano al A4 + margen */
}

#modalCierreServicio .modal-content{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#modalCierreServicio .modal-header{
  background: transparent !important;
  border: 0 !important;
}

#modalCierreServicio .modal-body{
  background: transparent !important;
  padding: 0 !important;
}