/* Halaman Dokumen (/dokumen): daftar berkas, pratinjau PDF/gambar. */

.pil-angka { font-size: .8125rem; font-weight: 700; opacity: .7; font-variant-numeric: tabular-nums; }

.daftar-dok { list-style: none; margin: 0; padding: 0; }
.dok { display: flex; align-items: center; gap: 1rem; padding: 1.1rem 1.35rem; border-bottom: 1px solid var(--garis); max-width: none; }
.dok:last-child { border-bottom: 0; }
.dok:hover { background: rgba(255, 255, 255, .02); }

.dok-ikon { flex: none; width: 52px; height: 60px; border-radius: 10px; display: grid; place-items: center; align-content: center; gap: 1px; background: var(--permukaan-2); box-shadow: inset 0 0 0 1px var(--garis-kuat); color: var(--tinta-2); }
.dok-ikon i { font-size: 1.45rem; line-height: 1; }
.dok-ikon span { font-size: .625rem; font-weight: 700; letter-spacing: .04em; }
.dok-ikon--pdf { color: #ff7a6b; }
.dok-ikon--word { color: #6ea8ff; }
.dok-ikon--excel { color: #4fd18b; }
.dok-ikon--ppt { color: #ffa25c; }
.dok-ikon--gambar { color: #c79bff; }

.dok-badan { flex: 1; min-width: 0; }
.dok-judul { font-size: 1.125rem; margin: 0 0 .35rem; line-height: 1.25; }
.dok-judul a { color: inherit; text-decoration: none; }
.dok-judul a:hover { color: var(--rambu-tua); text-decoration: underline; }
.dok-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem .9rem; font-size: .875rem; color: var(--tinta-2); }
.dok-ket { margin: .45rem 0 0; font-size: .9375rem; color: var(--tinta-2); }
.dok-aksi { flex: none; display: flex; gap: .5rem; }
.dok-aksi .btn { min-height: 40px; display: inline-flex; align-items: center; gap: .35rem; }

@media (max-width: 640px) {
    .dok { flex-wrap: wrap; align-items: flex-start; }
    .dok-ikon { width: 44px; height: 52px; }
    .dok-badan { flex-basis: calc(100% - 60px); }
    .dok-aksi { width: 100%; padding-left: 60px; }
    .dok-aksi .btn { flex: 1; justify-content: center; }
}

.dok-h1 { font-size: clamp(1.9rem, 1.2rem + 2.6vw, 3rem); }

.dok-pratinjau { border: 1px solid var(--garis); border-radius: var(--radius-kartu); overflow: hidden; background: #525659; }
.dok-pratinjau iframe { display: block; width: 100%; height: min(82vh, 1100px); border: 0; }
@media (max-width: 640px) { .dok-pratinjau iframe { height: 70vh; } }

.dok-gambar { display: block; border: 1px solid var(--garis); border-radius: var(--radius-kartu); overflow: hidden; background: var(--permukaan-2); }
.dok-gambar img { display: block; width: 100%; height: auto; }

.dok-info { margin: 0; padding: .4rem 1.35rem 1rem; display: grid; grid-template-columns: auto 1fr; gap: .55rem 1rem; font-size: .9375rem; }
.dok-info dt { color: var(--tinta-2); font-weight: 400; }
.dok-info dd { margin: 0; font-weight: 700; overflow-wrap: anywhere; }