/*
 * Module Công khai giáo dục (cong-khai) — 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). Ở đây chỉ có bố cục riêng: thẻ chuyên mục của trang tổng quan, thanh chuyên mục con, dòng thời hạn,
 * bảng tổng hợp chuyên mục × năm học, thẻ lối tắt (block).
 */

/* ----- Trang tổng quan: thẻ chuyên mục ----- */
.ck-cats {
    align-items: stretch;
}

.ck-cat {
    height: 100%;
    border-top: 4px solid var(--mn-blue-600, #0B63CE);
}

.ck-cat--tai-chinh,
.ck-cat--ke-hoach-thang-tuan-thuc-don {
    border-top-color: var(--mn-green-600, #1E8A2E);
}

.ck-cat--dieu-kien-chat-luong,
.ck-cat--van-ban-minh-chung {
    border-top-color: var(--mn-yellow-500, #F5C400);
}

.ck-cat--ke-hoach-ket-qua {
    border-top-color: var(--mn-pink-600, #D6297B);
}

.ck-cat .mn-card__title {
    overflow-wrap: anywhere;
}

/* Tên chuyên mục là liên kết đứng riêng: vùng chạm đủ 44px mà không đổi chiều cao của dòng */
.ck-cat .mn-card__title a {
    display: inline-block;
    padding: 10px 0;
    margin: -10px 0;
}

.ck-cat__basis {
    margin-bottom: var(--mn-space-2, 8px);
}

.ck-cat__basis .fa {
    margin-right: 4px;
    color: var(--mn-blue-700, #084C9E);
}

/* Chuyên mục con: các liên kết gọn, mỗi liên kết là một vùng chạm đủ 44px */
.ck-cat__children {
    display: flex;
    flex-wrap: wrap;
    gap: 0 var(--mn-space-4, 16px);
    list-style: none;
    margin: 0 0 var(--mn-space-2, 8px);
    padding: 0;
}

.ck-cat__children a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: var(--mn-link, #0B63CE);
    font-size: var(--mn-text-sm, 0.9375rem);
    font-weight: 600;
}

.ck-cat__children a::before {
    content: '\f105';
    margin-right: 6px;
    font: normal normal normal 14px/1 FontAwesome;
}

.ck-cat__children a:hover,
.ck-cat__children a:focus {
    color: var(--mn-link-hover, #063F86);
    text-decoration: underline;
}

.ck-cat__foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--mn-space-2, 8px) var(--mn-space-4, 16px);
    padding-top: var(--mn-space-3, 12px);
    border-top: 1px solid var(--mn-line, #E6DFD0);
}

.ck-cat__status {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 10px;
    margin: 0;
}

.ck-cat__date {
    color: var(--mn-ink-600, #4B5563);
    font-size: var(--mn-text-sm, 0.9375rem);
}

/* ----- Trang tổng quan: thời hạn công khai (dòng thời gian) ----- */
.ck-commit .mn-timeline__time {
    font-size: 1rem;
}

.ck-commit .mn-timeline__title {
    font-weight: 600;
}

.ck-commit__basis {
    margin: 0;
    color: var(--mn-ink-600, #4B5563);
    font-size: var(--mn-text-sm, 0.9375rem);
}

/*
 * ----- Bộ lọc của danh sách: bốn ô chọn (năm học, cơ sở, kỳ, sắp xếp) ở hàng trên đủ rộng để đọc hết nhãn;
 * ô từ khoá và nút Lọc ở hàng dưới.
 */
.ck-filter .mn-filter__field {
    flex: 1 1 210px;
}

.ck-filter .mn-filter__field--wide {
    flex: 3 1 320px;
}

/* ----- Trang chuyên mục: thanh chuyên mục con ----- */
.ck-subnav {
    margin: 0 0 var(--mn-space-5, 24px);
}

.ck-subnav .mn-cluster {
    margin: 0;
}

.ck-subnav .mn-btn {
    white-space: normal;
    text-align: left;
}

/* ----- Trang chuyên mục tổng hợp kế hoạch, thực đơn ----- */
.ck-aggregate .mn-section:last-child {
    margin-bottom: var(--mn-space-6, 32px);
}

/* ----- Trang chi tiết: bảng thông tin tách khỏi phần tóm tắt; khung xem PDF tách khỏi danh sách tệp ----- */
.ck-detail__meta {
    margin-bottom: var(--mn-space-5, 24px);
}

.ck-detail__meta > .mn-meta {
    margin-bottom: 0;
}

.ck-detail__pdf {
    margin-bottom: var(--mn-space-4, 16px);
}

/* ----- Trang chi tiết: liên kết "xem bản gốc" của dòng nguồn có vùng chạm đủ 44px ----- */
.ck-source a {
    display: inline-block;
    padding: 11px 0;
    margin: -11px 0;
}

/* ----- Bảng tổng hợp chuyên mục × năm học ----- */
.ck-matrix th[scope='row'] {
    min-width: 220px;
    font-weight: 700;
    text-align: left;
    vertical-align: top;
}

.ck-matrix th[scope='row'] a {
    display: inline-block;
    padding: 12px 0;
    margin: -12px 0;
    color: var(--mn-link, #0B63CE);
}

.ck-matrix th[scope='row'] a:hover,
.ck-matrix th[scope='row'] a:focus {
    color: var(--mn-link-hover, #063F86);
    text-decoration: underline;
}

.ck-matrix td {
    vertical-align: top;
}

.ck-matrix__child th[scope='row'] {
    padding-left: 28px;
    font-weight: 600;
}

.ck-matrix__count {
    display: inline-block;
    padding: 10px 0;
    margin: -10px 0;
    color: var(--mn-link, #0B63CE);
    font-weight: 700;
}

.ck-matrix__count:hover,
.ck-matrix__count:focus {
    color: var(--mn-link-hover, #063F86);
    text-decoration: underline;
}

.ck-matrix__note {
    display: block;
    margin: 2px 0;
    color: var(--mn-ink-600, #4B5563);
    font-size: var(--mn-text-xs, 0.875rem);
    font-weight: 400;
}

.ck-matrix .mn-badge {
    margin-top: 4px;
}

@media (max-width: 639.98px) {
    /* Bảng xếp chồng: tiêu đề bảng chiếm cả bề ngang (không bị bó vào bề rộng của một cột) */
    .ck-matrix caption {
        display: block;
        width: 100%;
    }

    .ck-matrix th[scope='row'] {
        min-width: 0;
        background: var(--mn-blue-50, #EEF5FE);
    }

    .ck-matrix__child th[scope='row'] {
        padding-left: 14px;
    }
}

/* ----- Block lối tắt "Công khai giáo dục" ----- */
.ck-shortcut__lead {
    margin: 0 0 var(--mn-space-2, 8px);
    color: var(--mn-ink-700, #374151);
    font-size: var(--mn-text-sm, 0.9375rem);
}

.ck-shortcut .mn-linklist .fa {
    width: 1.4em;
    color: var(--mn-blue-700, #084C9E);
    text-align: center;
}

.ck-shortcut__all {
    margin: var(--mn-space-3, 12px) 0 0;
}

/* ----- In: bỏ thanh chuyên mục con ----- */
@media print {
    .ck-subnav {
        display: none;
    }
}

/* ----- Block "mới công bố": tiêu đề phần tư liệu trước sắp xếp tách khỏi danh sách phía trên ----- */
.ck-latest__legacy {
    margin: var(--mn-space-4, 16px) 0 var(--mn-space-2, 8px);
}

/* ----- Trang chi tiết: khung xem PDF tách khỏi tiêu đề phần "Tệp đính kèm" ----- */
.ck-detail__pdf {
    margin-top: var(--mn-space-2, 8px);
}