/**
 * AscensorDocs — Visor de documentos
 */

.viewer-empty {
    flex:1; display:flex; flex-direction:column;
    align-items:center; justify-content:center;
    text-align:center; padding:var(--space-12);
    gap:var(--space-5); animation: fadeIn 300ms ease;
}
.viewer-empty__icon {
    width:64px; height:64px;
    background:var(--color-bg-elevated);
    border:1px solid var(--color-border);
    border-radius:var(--radius-xl);
    display:flex; align-items:center; justify-content:center;
    color: var(--color-text-muted);
}
.viewer-empty__icon svg  { width:28px; height:28px; }
.viewer-empty__title     { font-size:var(--text-md); font-weight:var(--weight-bold); color:var(--color-text-primary); }
.viewer-empty__description { font-size:var(--text-sm); color:var(--color-text-muted); max-width:300px; line-height:var(--leading-normal); }
.viewer-empty__steps     { display:flex; flex-direction:column; gap:var(--space-2); text-align:left; max-width:240px; }
.viewer-empty__step      { display:flex; align-items:center; gap:var(--space-3); font-size:var(--text-sm); color:var(--color-text-secondary); }
.viewer-empty__step-num  {
    width:18px; height:18px;
    background:var(--color-accent-glow); border:1px solid var(--color-accent-dim);
    border-radius:var(--radius-full);
    display:flex; align-items:center; justify-content:center;
    font-size:10px; font-weight:var(--weight-bold); font-family:var(--font-mono);
    color:var(--color-accent-text); flex-shrink:0;
}

/* Lista documentos */
.doc-list {
    flex:1; overflow-y:auto; padding:var(--space-4);
    display:flex; flex-direction:column; gap:var(--space-3);
    animation: fadeIn 250ms ease;
}
.doc-list__header { display:flex; align-items:center; justify-content:space-between; margin-bottom:var(--space-1); }
.doc-list__count  { font-size:var(--text-xs); color:var(--color-text-muted); font-family:var(--font-mono); }

/* Card */
.doc-card {
    background:var(--color-bg-card);
    border:1px solid var(--color-border);
    border-radius:var(--radius-lg);
    padding:var(--space-4);
    cursor:pointer;
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
    animation: slideIn 200ms ease backwards;
}
.doc-card:hover  { border-color:var(--color-accent-dim); box-shadow:var(--shadow-sm); }
.doc-card--active{ border-color:var(--color-accent); background:var(--color-bg-elevated); }

.dc-header   { display:flex; align-items:flex-start; justify-content:space-between; gap:var(--space-2); margin-bottom:var(--space-2); }
.dc-title    { font-size:var(--text-sm); font-weight:var(--weight-bold); color:var(--color-text-primary); line-height:1.35; }
.dc-badge    {
    font-size:10px; font-family:var(--font-mono);
    padding:2px var(--space-2);
    background:var(--color-accent-glow); border:1px solid var(--color-accent-dim);
    color:var(--color-accent-text); border-radius:var(--radius-sm);
    white-space:nowrap; flex-shrink:0;
}
.dc-excerpt  { font-size:var(--text-sm); color:var(--color-text-secondary); margin-bottom:var(--space-3); line-height:var(--leading-normal); }

/* PDF item */
.pdf-item {
    display:flex; align-items:center; gap:var(--space-3);
    padding:var(--space-2) var(--space-3);
    background:var(--color-bg-input); border:1px solid var(--color-border);
    border-radius:var(--radius); margin-bottom:var(--space-2); text-decoration:none;
    transition: border-color var(--transition-fast), background var(--transition-fast);
}
.pdf-item:last-child { margin-bottom:0; }
.pdf-item:hover      { border-color:var(--color-accent-dim); background:var(--color-accent-glow); }

.pdf-item__icon {
    width:26px; height:26px;
    background:var(--color-pdf-bg); border:1px solid var(--color-pdf-border);
    border-radius:var(--radius-sm);
    display:flex; align-items:center; justify-content:center;
    font-size:9px; font-weight:var(--weight-bold); font-family:var(--font-mono);
    color:var(--color-pdf-text); flex-shrink:0; letter-spacing:0;
}
.pdf-item__info  { flex:1; min-width:0; }
.pdf-item__name  { font-size:var(--text-sm); font-weight:var(--weight-medium); color:var(--color-text-primary); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pdf-item__size  { font-size:10px; color:var(--color-text-muted); font-family:var(--font-mono); }
.pdf-item__download { color:var(--color-text-muted); flex-shrink:0; transition:color var(--transition-fast); }
.pdf-item:hover .pdf-item__download { color:var(--color-accent); }
.pdf-item__download svg { width:13px; height:13px; }

/* Tags */
.doc-card__tags { display:flex; flex-wrap:wrap; gap:var(--space-1); margin-top:var(--space-3); }
.doc-tag {
    font-size:10px; font-family:var(--font-mono);
    padding:1px var(--space-2);
    background:var(--color-bg-input); border:1px solid var(--color-border);
    border-radius:var(--radius-sm); color:var(--color-text-secondary);
}

/* Stagger cards */
.doc-card:nth-child(1)  { animation-delay:   0ms; }
.doc-card:nth-child(2)  { animation-delay:  40ms; }
.doc-card:nth-child(3)  { animation-delay:  80ms; }
.doc-card:nth-child(n+4){ animation-delay: 120ms; }

/* Loading */
.doc-list-loading { flex:1; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:var(--space-3); }
.doc-list-loading__spinner {
    width:24px; height:24px;
    border:2px solid var(--color-border);
    border-top-color:var(--color-accent);
    border-radius:var(--radius-full);
    animation:spin 600ms linear infinite;
}
.doc-list-loading__text { font-size:var(--text-sm); color:var(--color-text-muted); font-family:var(--font-mono); }

/* ── Botón Filtros móvil ────────────────────────────────────────────────────── */
.doc-list__nav-btn {
    display: none;       /* oculto en escritorio */
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--color-accent);
    padding: var(--space-1) var(--space-3);
    border: 1px solid var(--color-accent-dim);
    border-radius: var(--radius-sm);
    background: var(--color-accent-glow);
    cursor: pointer;
    transition: background var(--transition-fast);
    font-family: var(--font-ui);
}
.doc-list__nav-btn:hover { background: var(--color-accent-dim); }

@media (max-width: 768px) {
    .doc-list__nav-btn { display: flex; }

    /* Header de la lista con más espacio */
    .doc-list__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: var(--space-3);
    }

    /* Cards más compactas en móvil */
    .doc-card { padding: var(--space-3); }

    /* PDF items más altos para ser fáciles de tocar */
    .pdf-item {
        padding: var(--space-3);
        min-height: 44px;
    }
    .pdf-item__view-btn {
        padding: 4px 10px;
        font-size: 11px;
    }
    .pdf-item__download svg { width: 16px; height: 16px; }

    /* Viewer empty más compacto */
    .viewer-empty { padding: var(--space-8) var(--space-6); gap: var(--space-4); }
    .viewer-empty__icon { width: 52px; height: 52px; }

    /* PDF inline bar más compacta */
    .pdf-inline-bar { padding: var(--space-2) var(--space-3); gap: var(--space-2); }
    .pdf-inline-bar__size { display: none; }

    /* Toolbar PDF compacta */
    .pdf-toolbar { flex-wrap: wrap; gap: var(--space-2); }
    .pdf-toolbar__dl { margin-left: 0; }
}