/* Inbox — B.4.c (overlay) + B.4.c-fix (page del shell) + slice 227 (NotiLegal + panel PDF). */

/* Filtro categoría (chips en el header) */
.inbox-cat-chip {
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 500;
    color: #64748b;
    background-color: transparent;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.15s, color 0.15s;
}
.inbox-cat-chip:hover { color: #0f172a; background-color: rgba(255,255,255,0.6); }
.inbox-cat-chip.is-active { color: #0f172a; background-color: #ffffff; box-shadow: 0 1px 2px rgba(0,0,0,0.08); }

/* Fila del listado — 2 líneas por row (fecha+hora arriba, carátula abajo).
   Slice 227: descripción sale de la fila (va al panel), IA tipo entra como chip. */
[data-page="inbox"] .inbox-row,
#inbox-screen .inbox-row {
    display: grid;
    grid-template-columns: 1fr auto auto auto;
    grid-template-rows: auto auto;
    gap: 2px 10px;
    align-items: center;
    padding: 10px 14px;
    border-bottom: 1px solid #f1f5f9;
    cursor: pointer;
    font-size: 13px;
}
[data-page="inbox"] .inbox-row:hover,
#inbox-screen .inbox-row:hover { background-color: #f8fafc; }
[data-page="inbox"] .inbox-row-focused,
#inbox-screen .inbox-row-focused { background-color: #eff6ff; box-shadow: inset 3px 0 0 #2563eb; }

/* L1: carátula (izquierda, expande) · chip IA · chip 📎 · chip plazo */
[data-page="inbox"] .inbox-caratula,
#inbox-screen .inbox-caratula {
    grid-row: 1; grid-column: 1;
    color: #0f172a; font-weight: 500;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* L2: fecha + hora (izquierda, ocupa ancho de carátula) */
[data-page="inbox"] .inbox-fecha,
#inbox-screen .inbox-fecha {
    grid-row: 2; grid-column: 1;
    color: #64748b; font-size: 11px; font-variant-numeric: tabular-nums;
}

/* Chips a la derecha (grid-row: 1 / span 2 los mantiene centrados verticalmente) */
[data-page="inbox"] .inbox-chip-tipoia,
#inbox-screen .inbox-chip-tipoia {
    grid-row: 1 / span 2;
    font-size: 11px; font-weight: 600; color: #4338ca;
    background-color: #eef2ff; padding: 3px 8px; border-radius: 4px;
    letter-spacing: 0.02em;
}
[data-page="inbox"] .inbox-chip-tipoia.chip-agenda,
#inbox-screen .inbox-chip-tipoia.chip-agenda {
    color: #047857; background-color: #d1fae5;
}
[data-page="inbox"] .inbox-chip-doc,
#inbox-screen .inbox-chip-doc {
    grid-row: 1 / span 2;
    font-size: 13px;
}
[data-page="inbox"] .inbox-chip-plazo,
#inbox-screen .inbox-chip-plazo {
    grid-row: 1 / span 2;
    font-size: 11px; font-weight: 600; color: #b45309;
    background-color: #fef3c7; padding: 3px 8px; border-radius: 4px;
}

/* Panel de detalle — nuevo layout con iframe PDF */
.inbox-detalle-titulo {
    font-size: 20px; font-weight: 700; color: #0f172a; letter-spacing: 0.01em;
    line-height: 1.2;
}
.inbox-detalle-subtitulo {
    font-size: 14px; color: #334155; margin-top: 8px; line-height: 1.5;
    background-color: #f8fafc; padding: 10px 12px; border-radius: 6px;
    border-left: 3px solid #6366f1;
}
.inbox-detalle-meta {
    display: flex; flex-direction: column; gap: 4px;
    margin-top: 12px; font-size: 12px; color: #475569;
}
.inbox-detalle-meta-item { display: flex; align-items: center; gap: 6px; }
.inbox-detalle-crudo {
    margin-top: 8px;
    font-size: 12px;
}
.inbox-detalle-crudo summary {
    cursor: pointer;
    color: #64748b;
    padding: 6px 10px;
    background-color: #f1f5f9;
    border-radius: 4px;
    user-select: none;
}
.inbox-detalle-crudo summary:hover { color: #0f172a; background-color: #e2e8f0; }
.inbox-detalle-crudo[open] summary { margin-bottom: 6px; }
.inbox-detalle-crudo-body {
    padding: 8px 10px;
    color: #475569;
    white-space: pre-wrap;
    background-color: #fafafa;
    border-left: 2px solid #cbd5e1;
    border-radius: 0 4px 4px 0;
    max-height: 240px;
    overflow-y: auto;
    line-height: 1.5;
}

.inbox-pdf-iframe-wrap {
    margin-top: 14px;
    border: 1px solid #e2e8f0; border-radius: 8px; overflow: hidden;
    background-color: #f8fafc;
    min-height: 500px;
}
.inbox-pdf-iframe {
    width: 100%; height: 700px; border: none; display: block;
}
.inbox-pdf-loading {
    padding: 40px; text-align: center; color: #94a3b8; font-size: 13px;
}

/* Legacy badges (compat con secciones sinMatch) */
[data-page="inbox"] .inbox-badge-borrador,
#inbox-screen .inbox-badge-borrador { font-size: 11px; color: #1d4ed8; background-color: #dbeafe; padding: 2px 6px; border-radius: 4px; }
[data-page="inbox"] .inbox-badge-plazo,
#inbox-screen .inbox-badge-plazo { font-size: 11px; color: #b45309; background-color: #fef3c7; padding: 2px 6px; border-radius: 4px; }
[data-page="inbox"] .inbox-badge-responder,
#inbox-screen .inbox-badge-responder { font-size: 11px; color: #92400e; background-color: #fef3c7; padding: 2px 6px; border-radius: 4px; }
[data-page="inbox"] .inbox-badge-sin-accion,
#inbox-screen .inbox-badge-sin-accion { font-size: 11px; color: #4b5563; background-color: #e5e7eb; padding: 2px 6px; border-radius: 4px; }