/* =========================================================
   DOCUMENTS PAGE — Văn bản ban hành (EduPortal)
   ========================================================= */

/* Header */
.doc-page-head{
  background:linear-gradient(135deg, var(--navy) 0%, #174b9e 50%, #0d3275 100%);
  padding:40px 0; position:relative; overflow:hidden;
}
.doc-page-head::before{
  content:''; position:absolute; top:-50px; right:-50px; width:200px; height:200px;
  background:rgba(255,255,255,.05); border-radius:50%;
}
.doc-page-head h1{font-size:1.8rem; font-weight:800; color:#fff; margin:0; position:relative; z-index:1;}
.doc-page-head p{color:rgba(255,255,255,.8); margin-top:8px; margin-bottom:0; font-size:.95rem; position:relative; z-index:1;}

/* Filter Bar */
.doc-filter-bar{
  background:#fff; border-radius:var(--radius-lg); box-shadow:var(--shadow-sm);
  padding:16px 20px; display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:24px;
}
.doc-filter-bar .form-select{font-size:.85rem; border-radius:8px; border:1px solid var(--line); padding:8px 12px;}
.doc-search{position:relative; flex:1; min-width:200px;}
.doc-search input{
  width:100%; border:1px solid var(--line); background:var(--bg);
  padding:10px 16px 10px 42px; border-radius:100px; font-size:.85rem; outline:none;
  transition:all .2s ease;
}
.doc-search input:focus{border-color:var(--navy); background:#fff; box-shadow:0 0 0 3px rgba(22,60,116,.1);}
.doc-search i{position:absolute; left:16px; top:50%; transform:translateY(-50%); color:var(--ink-soft); font-size:1rem;}

/* Document Table */
.doc-table-wrapper{background:#fff; border-radius:var(--radius-lg); box-shadow:var(--shadow-sm); overflow:hidden; margin-bottom:24px;}
.doc-table{width:100%; border-collapse:collapse;}
.doc-table th{
  background:#f8fafc; color:var(--ink-soft); font-weight:700; font-size:.78rem;
  text-transform:uppercase; letter-spacing:.05em; padding:14px 16px; border-bottom:1px solid var(--line);
}
.doc-table td{padding:14px 16px; vertical-align:middle; border-bottom:1px solid var(--line); color:var(--ink); transition:background .15s ease;}
.doc-table tbody tr:last-child td{border-bottom:none;}
.doc-table tbody tr:hover td{background:#f8fafc;}

/* Table Content */
.doc-num{font-weight:700; color:var(--navy); font-size:.88rem; white-space:nowrap;}
.doc-date{font-size:.8rem; color:var(--ink-soft); white-space:nowrap;}
.doc-title{display:block; font-weight:600; color:var(--ink); font-size:.9rem; line-height:1.4; text-decoration:none; transition:color .15s ease;}
.doc-title:hover{color:var(--navy);}

/* Badges */
.doc-badge{display:inline-block; padding:4px 10px; border-radius:6px; font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.03em;}
.doc-badge.captren{background:#e0f2fe; color:#0284c7;}
.doc-badge.ubnd{background:#fef08a; color:#a16207;}
.doc-badge.truong{background:#dcfce7; color:#15803d;}

/* Download Button */
.doc-download{
  display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px;
  border-radius:8px; background:var(--bg); color:var(--navy); text-decoration:none; transition:all .2s ease;
}
.doc-download:hover{background:var(--navy); color:#fff; transform:translateY(-2px); box-shadow:0 4px 10px rgba(22,60,116,.2);}

/* No Results */
.doc-no-results{text-align:center; padding:40px 20px; color:var(--ink-soft); display:none;}
.doc-no-results i{font-size:3rem; color:var(--line); margin-bottom:12px; display:block;}

/* Responsive */
@media (max-width:767.98px){
  .doc-filter-bar{flex-direction:column; align-items:stretch;}
  .doc-search{min-width:100%;}
  .doc-table th:nth-child(1), .doc-table td:nth-child(1){display:none;}
  .doc-table th:nth-child(3), .doc-table td:nth-child(3){display:none;}
}