/*
 * Module Văn bản và biểu mẫu (van-ban) — phần CSS riêng của module; các thành phần chung dùng hệ thống mn-* của
 * giao diện (mn.css). Chỉ có bố cục riêng của trang văn bản: ô lọc ngày/năm hẹp, nhãn trong dòng thông tin,
 * dòng trích yếu dưới tên văn bản, khoảng cách các phần của trang chi tiết.
 */

/*
 * ----- Bộ lọc: hàng trên là loại văn bản, cơ sở (rộng), năm, từ ngày, đến ngày (hẹp); từ khoá và nút Lọc ở hàng dưới.
 * Điện thoại: ô năm chiếm cả hàng để hai ô ngày đứng cạnh nhau.
 */
.van-ban-filter__sel {
    flex: 2 1 240px;
}

.van-ban-filter__short {
    flex: 1 1 130px;
}

.van-ban-filter__kw {
    flex: 3 1 260px;
}

@media (max-width: 575.98px) {
    .van-ban-filter__year {
        flex-basis: 100%;
    }
}

/* ----- Danh sách: nhãn "Số, ký hiệu:", "Ngày ban hành:" nhạt hơn giá trị ----- */
.van-ban-list__label {
    color: var(--mn-ink-600, #4B5563);
}

.van-ban-list .mn-list__meta strong {
    color: var(--mn-ink-900, #1F2937);
    font-weight: 700;
    overflow-wrap: anywhere;
}

.van-ban-list .mn-list__title a,
.van-ban-forms .mn-list__title a {
    overflow-wrap: anywhere;
}

/* Nút "Xem" / "Tải về": cùng bề rộng, xếp dọc ở màn hình rộng để tên văn bản có nhiều chỗ hơn */
@media (min-width: 768px) {
    .van-ban-list .mn-list__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .van-ban-list .mn-list__actions .mn-btn {
        justify-content: center;
    }
}

/* Điện thoại: các nút nằm dưới nội dung, thẳng lề với tên văn bản */
@media (max-width: 575.98px) {
    .van-ban-list .mn-list__actions {
        flex: 1 0 100%;
        padding-left: 58px;
    }
}

/* ----- Trang chi tiết ----- */
.van-ban-detail__trich-yeu {
    margin: 12px 0 0;
    color: var(--mn-ink-700, #374151);
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.van-ban-detail__label {
    color: var(--mn-ink-600, #4B5563);
    font-weight: 700;
}

.van-ban-detail__meta {
    margin: 0 0 var(--mn-space-5, 24px);
}

.van-ban-detail__meta .mn-meta > dd {
    overflow-wrap: anywhere;
}

.van-ban-detail > .mn-notice {
    margin-bottom: var(--mn-space-4, 16px);
}

/* Dòng nguồn: liên kết «xem bản gốc» có vùng chạm cao 44px mà không làm đổi chiều cao dòng */
.van-ban-detail__source a {
    display: inline-block;
    padding: 11px 0;
    margin: -11px 0;
}

/* Toàn văn gõ lại: các bảng (quốc hiệu – tiêu ngữ, nơi nhận – chữ ký) chiếm cả bề rộng, chữ canh theo mép trên của ô */
.van-ban-fulltext table {
    width: 100%;
}

.van-ban-fulltext td,
.van-ban-fulltext th {
    vertical-align: top;
}

/* ----- Block "Văn bản mới": tiêu đề phần tư liệu của các trường trước sắp xếp tách khỏi danh sách phía trên ----- */
.van-ban-latest__legacy {
    margin: var(--mn-space-5, 24px) 0 var(--mn-space-2, 8px);
}

.van-ban-latest__legacy:first-child {
    margin-top: 0;
}

/* ----- Block "Biểu mẫu tải về": trong cột hẹp các nút nằm dưới tên biểu mẫu ----- */
.van-ban-forms .mn-list__item {
    flex-wrap: wrap;
}

.van-ban-forms .mn-list__body {
    flex: 1 1 200px;
}

/* ----- In: bỏ khung xem tệp, giữ toàn văn và bảng thông tin ----- */
@media print {
    .van-ban-detail .mn-files__actions,
    .van-ban-detail .mn-article__foot > .mn-accordion,
    .van-ban-list .mn-list__actions,
    .van-ban-filter {
        display: none !important;
    }
}