/* Pestaña Detalle de los modales BPM (.podetail-*). Definición única;
   cada diálogo sólo conserva su ancho. */

/* ─── Grilla de metadatos ─── */
.podetail-breakdown {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 16px;
}
.podetail-breakdown--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.podetail-breakdown--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

@media (max-width: 720px) {
    .podetail-breakdown,
    .podetail-breakdown--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.podetail-stat {
    background: white;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    padding: 12px 14px;
}
.podetail-stat__label {
    font-size: 0.6rem;
    color: #94A3B8;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
.podetail-stat__value {
    font-size: 0.96rem;
    font-weight: 700;
    color: #0F172A;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.01em;
    margin-top: 4px;
}
.podetail-stat__value--text { font-weight: 600; font-size: 0.86rem; }

/* ─── Bloque de texto largo (observación, detalle, medidas tomadas) ─── */
.podetail-observation {
    background: #F8FAFD;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    padding: 12px 14px;
    margin-bottom: 16px;
}
.podetail-observation__body {
    font-size: 0.84rem;
    color: #374151;
    line-height: 1.55;
    margin-top: 6px;
    white-space: pre-wrap;
}

/* ─── Tarjeta con tabla (líneas, adjuntos, puntos de verificación) ─── */
.podetail-items {
    background: white;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    overflow: hidden;
}
.podetail-items + .podetail-items { margin-top: 16px; }
.podetail-items__head {
    padding: 12px 16px;
    border-bottom: 1px solid #F1F3F7;
    background: #FAFBFD;
}
.podetail-items__title {
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--brand-blue-dark);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.podetail-tablewrap { overflow-x: auto; }

.podetail-table { width: 100%; border-collapse: collapse; }
.podetail-table thead tr {
    background: #FAFBFD;
    border-bottom: 1px solid #E5E7EB;
}
.podetail-table th {
    font-size: 0.66rem;
    font-weight: 700;
    color: #6B7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 10px 14px;
    text-align: left;
    white-space: nowrap;
}
.podetail-table__th-sku { width: 140px; }
.podetail-table__th-num { text-align: right !important; width: 110px; }

.podetail-table tbody tr {
    border-bottom: 1px solid #F3F4F6;
    transition: background-color .12s;
}
.podetail-table tbody tr:last-child { border-bottom: none; }
.podetail-table tbody tr:hover { background: #FBFCFD; }
.podetail-table tbody tr:nth-child(even) { background: #FAFBFD; }
.podetail-table tbody tr:nth-child(even):hover { background: #F1F3F7; }
.podetail-table td { padding: 11px 14px; font-size: 0.82rem; color: #1F2937; }

.podetail-table__sku {
    font-family: 'SF Mono', 'JetBrains Mono', 'Cascadia Code', Consolas, monospace;
    font-weight: 600;
    color: var(--brand-blue-dark);
    letter-spacing: 0.01em;
}
.podetail-table__route { font-weight: 600; color: var(--brand-blue-dark); }
.podetail-table__desc { color: #4B5563; }
.podetail-table__desc--empty { color: #CBD5E1; }
.podetail-table__num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.podetail-table__num--strong { font-weight: 700; color: #0F172A; }
.podetail-table__num--total {
    font-size: 0.95rem;
    font-weight: 800;
    color: #0F172A;
    letter-spacing: -0.01em;
}
.podetail-table__totalrow {
    background: #EBF1FA !important;
    border-top: 2px solid #DDE7F6 !important;
}
.podetail-table__totalrow td {
    padding: 13px 14px;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--brand-blue-dark);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-align: right;
}

/* ─── Tira de totales al pie de la tabla ─── */
.podetail-summary-strip {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    background: #FAFBFD;
    border-top: 1px solid #E5E7EB;
}
.podetail-summary-strip--2 { grid-template-columns: 1fr 1fr; }
.podetail-summary-cell {
    padding: 14px 18px;
    text-align: center;
    border-right: 1px solid #F1F3F7;
}
.podetail-summary-cell:last-child { border-right: none; }
.podetail-summary-cell__label {
    font-size: 0.66rem;
    color: #94A3B8;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 4px;
}
.podetail-summary-cell__value {
    font-size: 0.92rem;
    font-weight: 700;
    color: #1F2937;
    font-variant-numeric: tabular-nums;
}
.podetail-summary-cell--total { background: #EBF1FA; }
.podetail-summary-cell--total .podetail-summary-cell__label { color: var(--brand-blue-dark); }
.podetail-summary-cell--total .podetail-summary-cell__value {
    font-size: 1.05rem;
    font-weight: 800;
    color: #0F172A;
    letter-spacing: -0.01em;
}

@media (max-width: 720px) {
    .podetail-summary-strip { grid-template-columns: 1fr 1fr; }
    .podetail-summary-cell { border-bottom: 1px solid #F1F3F7; }
    .podetail-summary-cell:nth-child(2n) { border-right: none; }
}

/* ─── Vacío ─── */
.podetail-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 36px 16px;
    color: #94A3B8;
    font-size: 0.85rem;
}