/* ---------------------------------------------------------------------------
 * dla-docs.css - public document list pages (Important Letters etc.)
 * ------------------------------------------------------------------------- */
.doc-main h1 { font-size: 1.5rem; font-weight: 700; color: #1d2b6b; margin: 0 0 6px; }
.doc-crumb { font-size: .875rem; color: #374151; margin: 4px 0 12px; }
.doc-crumb a { color: #1a4fa0; text-decoration: underline; }
.doc-crumb span[aria-hidden] { padding: 0 8px; color: #6b7280; }
.doc-rule { height: 4px; width: 72px; background: #e8762d; border-radius: 2px; margin: 0 0 14px; }
.doc-head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 10px 16px; }
.doc-lead { color: #374151; margin: 0 0 16px; font-size: .95rem; }
.doc-btn { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border: 1.5px solid #1d2b6b; border-radius: 20px; color: #1d2b6b !important; font-weight: 600; text-decoration: none !important; white-space: nowrap; }
.doc-btn:hover { background: #1d2b6b; color: #fff !important; }
.doc-btn:focus, .doc-dl:focus { outline: 3px solid #f5b800; outline-offset: 2px; }
.doc-table { width: 100%; border-collapse: separate; border-spacing: 0; background: #fff; border: 1px solid #d6dcec; border-radius: 8px; overflow: hidden; }
.doc-table caption { caption-side: top; text-align: left; font-size: .875rem; color: #4b5563; padding: 0 0 8px; }
.doc-table thead th { background: #1d2b6b; color: #fff; font-weight: 600; font-size: .9rem; padding: 10px 12px; border: 0; vertical-align: middle; }
.doc-table tbody td { padding: 10px 12px; border-top: 1px solid #e3e7f1; vertical-align: middle; color: #1f2937; }
.doc-table tbody tr:nth-child(even) td { background: #f8f9fc; }
.doc-table tbody tr:hover td { background: #eef1fa; }
.doc-table .doc-sno { width: 64px; text-align: center; }
.doc-table tbody .doc-sno { color: #4b5563; }
.doc-table .doc-date { width: 120px; white-space: nowrap; }
.doc-table .doc-file { width: 150px; }
.doc-subject { overflow-wrap: anywhere; line-height: 1.5; }
.doc-new { display: inline-block; margin-left: 6px; font-size: .7rem; font-weight: 700; color: #7a3500; background: #fff1e0; border: 1px solid #f0b37a; border-radius: 10px; padding: 0 7px; vertical-align: 1px; }
.doc-dl { display: inline-flex; align-items: center; gap: 8px; color: #1a4fa0; text-decoration: none; }
.doc-dl:hover .doc-dl-txt { text-decoration: underline; }
.doc-ft { min-width: 40px; text-align: center; font-size: .7rem; font-weight: 700; padding: 3px 5px; border-radius: 4px; color: #fff; background: #8a1c1c; }
.doc-ft-xls, .doc-ft-xlsx { background: #1f6b3a; }
.doc-ft-doc, .doc-ft-docx { background: #1a4fa0; }
.doc-dl-txt { font-weight: 600; line-height: 1.2; }
.doc-size { display: block; font-size: .75rem; font-weight: 400; color: #4b5563; }
.doc-none, .doc-empty { color: #4b5563; }
.doc-empty { padding: 18px; text-align: center; background: #fff; border: 1px dashed #c4cbe0; border-radius: 8px; }
.doc-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
/* DataTables controls (search / paging) */
.doc-main .dataTables_wrapper .dataTables_filter input, .doc-main .dataTables_wrapper .dataTables_length select { border: 1px solid #9aa3bd; border-radius: 6px; padding: 4px 8px; }
@media (max-width: 767px) {
    .doc-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }
    .doc-table, .doc-table tbody, .doc-table tr, .doc-table td { display: block; width: 100% !important; }
    .doc-table tbody tr { border-top: 1px solid #d6dcec; padding: 8px 0; }
    .doc-table tbody td { border: 0; padding: 4px 12px; text-align: left !important; }
    .doc-table tbody td[data-label]::before { content: attr(data-label) ": "; font-weight: 700; color: #374151; }
    .doc-table .doc-sno { display: none; }
}
html.dla-hc .doc-table, html.dla-hc .doc-table td { background: #000 !important; color: #fff !important; border-color: #fff !important; }
html.dla-hc .doc-dl, html.dla-hc .doc-btn { color: #ff0 !important; border-color: #ff0 !important; }
.doc-head-btns { display: flex; flex-wrap: wrap; gap: 8px; }
.doc-sections { display: block; margin-top: 3px; font-size: .78rem; color: #4b5563; }
.doc-status { display: block; width: fit-content; margin-top: 3px; font-size: .72rem; font-weight: 700; border-radius: 10px; padding: 0 7px; }
.doc-open { color: #135c2e; background: #e4f4ea; border: 1px solid #9fd2b1; }
.doc-closed { color: #6b1220; background: #fbe7ea; border: 1px solid #eab0b9; }
/* Narrow screens (and 400% zoom): long header buttons wrap instead of widening the page */
@media (max-width: 480px) { .doc-btn { white-space: normal; max-width: 100%; } }