/* IntelliClerk — Archived Matter.
   A layer over dashboard-v3.css, documents.css, and form.css, in that order:
   the leaf, the entry row, and the disposition card are all borrowed, since an
   archived matter is the same docket leaf read rather than worked. This file
   adds the record strip, the file's format mark, and the download action. */

a.btn-draft {
    text-decoration: none;
}

/* ---------- the record strip ---------- */

/* Everything that fixed the matter when it closed, set across the head of the
   summary card in the docket face — the cover sheet of a closed file. */
.record {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem 2.25rem;
    margin: 0;
    padding: 1.1rem 0 1.15rem;
    border-bottom: 1px solid var(--rule-soft);
}

.record > div {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
}

.record dt {
    font-family: var(--data);
    font-size: 0.6875rem;
    font-weight: 400;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--muted);
}

.record dd {
    margin: 0;
    font-family: var(--data);
    font-size: 0.8125rem;
    letter-spacing: 0.06em;
    color: var(--ink);
}

/* ---------- the shelves ---------- */

/* The leaves here divide one matter's holdings rather than the docket's
   matters, so the tabs name the shelf. They keep the three colors the practice
   areas wear elsewhere, in the order the app files them. */
.tab--briefs    { background: var(--ink); }
.tab--case      { background: var(--walnut); }
.tab--discovery { background: var(--steel); }

/* ---------- the file ---------- */

/* Nothing on this page is drafted or summarized any more, so the column that
   carried a brief's status carries what the stored file actually is. */
.filetype {
    display: inline-flex;
    align-items: center;
    font-family: var(--data);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    color: var(--muted);
    background: var(--plate);
    border: 1px solid var(--rule);
    border-radius: var(--radius-control);
    padding: 0.2rem 0.55rem;
}

.filetype--pdf  { color: var(--walnut); }
.filetype--docx { color: var(--steel); }

.doc__size {
    margin-left: 0.6rem;
    font-family: var(--data);
    font-size: 0.75rem;
    letter-spacing: 0.06em;
    color: var(--muted);
}

/* Taking a copy is the affirmative act on an archived file — the only one left
   — so it takes the brass. */
.act--download {
    color: var(--walnut);
    background: var(--plate);
    border-color: var(--rule);
    border-radius: var(--radius-control);
}

.act--download:hover {
    color: #FFFFFF;
    background: var(--brass);
    border-color: var(--brass);
}

/* ---------- narrow screens ---------- */

@media (max-width: 40rem) {
    .record {
        gap: 0.3rem 1.5rem;
    }
}