/**
 * Procedimentos Concursais — acordeão da lista [procedimentos] e página individual.
 * Sem JavaScript: <details>/<summary> nativos.
 */

.pc-lista {
    display: grid;
    gap: .75rem;
}

/* ── Acordeão ─────────────────────────────────────────────────────────── */
.pc-item {
    border: 1px solid var(--core-color-border, #d9d9d9);
    border-radius: var(--core-radius, 6px);
    background: var(--core-color-surface, #fff);
}

.pc-item__summary {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: .25rem .75rem;
    padding: 1rem 1.25rem;
    cursor: pointer;
    list-style: none;
}

.pc-item__summary::-webkit-details-marker { display: none; }

.pc-item__summary::after {
    content: "";
    margin-left: auto;
    width: .6rem;
    height: .6rem;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform .2s ease;
    flex: none;
}

.pc-item[open] > .pc-item__summary::after { transform: rotate(-135deg); }

.pc-item__summary:focus-visible {
    outline: 3px solid var(--core-color-link, currentColor);
    outline-offset: 2px;
}

.pc-item__titulo {
    font-weight: 600;
    flex: 1 1 18rem;
}

.pc-item__meta {
    font-size: 1rem;
    color: var(--core-color-text-muted, #4b5563);
}

.pc-item__body {
    padding: 0 1.25rem 1.25rem;
}

.pc-item__more,
.pc-arquivados {
    margin: 1rem 0 0;
}

/* ── Lista de documentos ──────────────────────────────────────────────── */
.pc-docs {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: .5rem;
}

.pc-docs__item,
.pc-doc { margin: 0; padding: 0; }

.pc-file {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .5rem 1rem;
    padding: .75rem 1rem;
    border: 1px solid var(--core-color-border, #d9d9d9);
    border-radius: var(--core-radius, 6px);
    text-decoration: none;
}

.pc-file:hover { background: var(--core-color-surface-alt, #f5f7fa); }

.pc-file__title { font-weight: 600; }

.pc-file__btn {
    font-size: 1rem;
    white-space: nowrap;
    color: var(--core-color-link, inherit);
    text-decoration: underline;
}

/* ── Etiquetas ────────────────────────────────────────────────────────── */
.pc-badge {
    display: inline-block;
    padding: .15rem .6rem;
    border-radius: 999px;
    font-size: 1rem;
    line-height: 1.4;
    background: var(--core-color-surface-alt, #eef1f5);
    border: 1px solid var(--core-color-border, #d9d9d9);
}

.pc-badge--arquivado { background: #f3f4f6; }
.pc-badge--privado   { background: #fff7e0; border-color: #e2c275; }

/* ── Página individual ────────────────────────────────────────────────── */
.pc-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem 1rem;
    margin: 0 0 1.5rem;
}

.pc-single__titulo { margin: 0 0 1rem; }

.pc-docs--single { gap: 1.25rem; }

.pc-doc__head {
    display: grid;
    gap: .5rem;
}

.pc-doc__tipo {
    font-size: 1rem;
    color: var(--core-color-text-muted, #4b5563);
}

@media (prefers-reduced-motion: reduce) {
    .pc-item__summary::after { transition: none; }
}

/* ── Arquivo agrupado por estado (mesmo desenho dos Fundos) ───────────── */
.procedimentos-grupos {
    display: grid;
    gap: 2.5rem;
}

.procedimentos-grupo__header {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: .25rem 1rem;
    margin: 0 0 1rem;
    padding-bottom: .5rem;
    border-bottom: 1px solid var(--core-color-border, #d9d9d9);
}

.procedimentos-grupo__title { margin: 0; }

.procedimentos-grupo__title a { text-decoration: none; }

.procedimentos-grupo__count {
    font-size: 1rem;
    color: var(--core-color-text-muted, #4b5563);
}

.procedimentos-intro,
.procedimentos-estado-header { margin: 0 0 1.5rem; }

/* Etiqueta de estado nos cards */
.procedimento-estado {
    display: inline-block;
    padding: .1rem .6rem;
    border-radius: 999px;
    font-size: 1rem;
    line-height: 1.4;
    border: 1px solid var(--core-color-border, #d9d9d9);
    background: var(--core-color-surface-alt, #eef1f5);
}

.procedimento-estado--arquivado { background: #f3f4f6; }
.procedimento-estado--privado   { background: #fff7e0; border-color: #e2c275; }

.procedimento-card__label { font-weight: 600; }

.pc-single__intro { margin: 0 0 1.5rem; }