.nencer-documents-hero {
    background: var(--home-primary-soft);
    border-bottom: 1px solid var(--home-primary-pale);
    padding: 48px 0 44px;
}

.nencer-documents-hero nav {
    align-items: center;
    color: var(--home-muted);
    display: flex;
    font-size: 13px;
    gap: 9px;
    margin-bottom: 20px;
}

.nencer-documents-hero nav a { color: var(--home-primary); }
.nencer-documents-hero nav i { font-size: 8px; }

.nencer-documents-hero h1 {
    color: var(--home-ink);
    font-size: clamp(36px, 4.2vw, 54px);
    font-weight: 850;
    letter-spacing: -.035em;
    line-height: 1.1;
    margin: 9px 0 13px;
}

.nencer-documents-hero p {
    color: var(--home-muted);
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
}

.nencer-documents-section {
    background: #fff;
    min-height: 520px;
    padding: 34px 0 76px;
}

.nencer-document-categories {
    display: flex;
    gap: 8px;
    margin-bottom: 18px;
    overflow-x: auto;
    padding-bottom: 4px;
    scrollbar-width: thin;
}

.nencer-document-categories button {
    align-items: center;
    background: #fff;
    border: 1px solid var(--home-line);
    border-radius: 999px;
    color: var(--home-muted);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 13px;
    font-weight: 750;
    gap: 9px;
    min-height: 42px;
    padding: 0 15px;
}

.nencer-document-categories button:hover,
.nencer-document-categories button.active {
    background: var(--home-primary);
    border-color: var(--home-primary);
    color: #fff;
}

.nencer-document-categories small {
    align-items: center;
    background: var(--home-primary-soft);
    border-radius: 999px;
    color: var(--home-primary);
    display: inline-flex;
    font-size: 10px;
    font-weight: 850;
    height: 23px;
    justify-content: center;
    min-width: 23px;
    padding: 0 6px;
}

.nencer-document-categories button.active small,
.nencer-document-categories button:hover small {
    background: rgba(255, 255, 255, .18);
    color: #fff;
}

.nencer-document-panel {
    border: 1px solid var(--home-line);
    border-radius: var(--home-radius);
    overflow: hidden;
}

.nencer-document-panel[aria-busy="true"] { opacity: .72; }

.nencer-document-toolbar {
    align-items: center;
    background: #fbfdfd;
    border-bottom: 1px solid var(--home-line);
    display: flex;
    gap: 24px;
    justify-content: space-between;
    padding: 20px 22px;
}

.nencer-document-toolbar h2 {
    color: var(--home-ink);
    font-size: 21px;
    font-weight: 850;
    margin: 0 0 4px;
}

.nencer-document-toolbar p {
    color: var(--home-muted);
    font-size: 12px;
    margin: 0;
}

.nencer-document-search {
    align-items: center;
    background: #fff;
    border: 1px solid var(--home-line);
    border-radius: 999px;
    display: flex;
    flex: 0 1 540px;
    min-height: 44px;
    overflow: hidden;
}

.nencer-document-search > i {
    color: #8ca09c;
    margin-left: 17px;
}

.nencer-document-search input {
    background: transparent;
    border: 0;
    color: var(--home-ink);
    flex: 1;
    font-size: 13px;
    min-width: 100px;
    outline: 0;
    padding: 0 12px;
}

.nencer-document-search > button:not(.nencer-document-search-button) {
    background: transparent;
    border: 0;
    color: var(--home-muted);
    font-size: 18px;
    padding: 0 9px;
}

.nencer-document-search-button {
    align-self: stretch;
    background: var(--home-primary);
    border: 0;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    padding: 0 19px;
}

.nencer-document-search-button:hover { background: var(--home-primary-dark); }

.nencer-document-table-wrap { overflow-x: auto; }

.nencer-document-table {
    border-collapse: collapse;
    margin: 0;
    min-width: 940px;
    table-layout: fixed;
    width: 100%;
}

.nencer-document-table th {
    background: var(--home-primary-soft);
    border-bottom: 1px solid var(--home-primary-pale);
    color: var(--home-primary-dark);
    font-size: 13px;
    font-weight: 850;
    padding: 15px 13px;
    text-align: left;
}

.nencer-document-table th:nth-child(1) { text-align: center; width: 54px; }
.nencer-document-table th:nth-child(2) { width: 115px; }
.nencer-document-table th:nth-child(3) { width: 125px; }
.nencer-document-table th:nth-child(5) { width: 180px; }
.nencer-document-table th:nth-child(6) { text-align: center; width: 118px; }

.nencer-document-table td {
    border-bottom: 1px solid var(--home-line);
    color: #34554f;
    font-size: 13px;
    line-height: 1.45;
    padding: 14px 13px;
    vertical-align: middle;
}

.nencer-document-table tbody tr:last-child td { border-bottom: 0; }
.nencer-document-table tbody tr:hover { background: #fbfefd; }
.nencer-document-table td:first-child { color: var(--home-muted); text-align: center; }
.nencer-document-table td:last-child { text-align: center; }

.nencer-document-code {
    color: var(--home-ink);
    font-size: 12px;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.nencer-document-table time { display: grid; }
.nencer-document-table time span { color: var(--home-ink); }
.nencer-document-table time small { color: var(--home-muted); font-size: 11px; margin-top: 2px; }

.nencer-document-title {
    color: var(--home-primary);
    display: block;
    font-size: 14px;
    font-weight: 750;
    line-height: 1.45;
}

.nencer-document-title:hover { color: var(--home-primary-dark); text-decoration: underline; text-underline-offset: 3px; }

.nencer-document-meta {
    align-items: center;
    color: #879994;
    display: flex;
    font-size: 10px;
    gap: 5px;
    margin-top: 5px;
}

.nencer-document-meta i { color: var(--home-primary); }

.nencer-document-view {
    align-items: center;
    background: var(--home-primary);
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    gap: 6px;
    justify-content: center;
    min-height: 34px;
    min-width: 70px;
    padding: 0 14px;
}

.nencer-document-view:hover { background: var(--home-primary-dark); color: #fff; }

.nencer-document-empty {
    align-items: center;
    color: var(--home-muted);
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 290px;
    padding: 35px;
    text-align: center;
}

.nencer-document-empty > i { color: var(--home-primary); font-size: 34px; margin-bottom: 14px; }
.nencer-document-empty strong { color: var(--home-ink); font-size: 17px; }
.nencer-document-empty span { font-size: 13px; margin-top: 7px; }

.nencer-document-pagination {
    align-items: center;
    background: #fbfdfd;
    border-top: 1px solid var(--home-line);
    color: var(--home-muted);
    display: flex;
    font-size: 12px;
    gap: 14px;
    justify-content: flex-end;
    padding: 13px 20px;
}

.nencer-document-pagination button {
    align-items: center;
    background: #fff;
    border: 1px solid var(--home-line);
    border-radius: 50%;
    color: var(--home-primary);
    display: flex;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.nencer-document-pagination button:disabled { color: #a9b6b3; cursor: not-allowed; opacity: .55; }

@media (max-width: 820px) {
    .nencer-documents-hero { padding: 40px 0 37px; }
    .nencer-documents-section { padding-top: 24px; }
    .nencer-document-toolbar { align-items: stretch; flex-direction: column; gap: 14px; }
    .nencer-document-search { flex-basis: auto; width: 100%; }
}

@media (max-width: 640px) {
    .nencer-document-panel { border: 0; overflow: visible; }
    .nencer-document-toolbar { border: 1px solid var(--home-line); border-radius: var(--home-radius); margin-bottom: 12px; padding: 17px; }
    .nencer-document-search-button { padding: 0 13px; }
    .nencer-document-table-wrap { overflow: visible; }
    .nencer-document-table { display: block; min-width: 0; }
    .nencer-document-table thead { display: none; }
    .nencer-document-table tbody { display: grid; gap: 10px; }
    .nencer-document-table tr { border: 1px solid var(--home-line); border-radius: var(--home-radius); display: grid; overflow: hidden; padding: 13px 15px; }
    .nencer-document-table td { align-items: start; border: 0; display: grid; grid-template-columns: 112px minmax(0, 1fr); padding: 6px 0; text-align: left !important; }
    .nencer-document-table td::before { color: var(--home-muted); content: attr(data-label); font-size: 11px; font-weight: 800; padding-top: 2px; }
    .nencer-document-table td:first-child { display: none; }
    .nencer-document-table td[data-label="Tiêu đề"] { border-bottom: 1px solid var(--home-line); grid-template-columns: 1fr; margin-bottom: 4px; order: -1; padding-bottom: 12px; }
    .nencer-document-table td[data-label="Tiêu đề"]::before { display: none; }
    .nencer-document-title { font-size: 15px; }
    .nencer-document-view { justify-self: start; }
    .nencer-document-pagination { border: 1px solid var(--home-line); border-radius: var(--home-radius); justify-content: center; margin-top: 12px; }
}