/* Vùng trang */
.qdts { padding: 20px 0 60px; }
.qdts .crumb { font-size: 14px; margin-bottom: 10px; }
.qdts .crumb a { color: var(--primary, #0098e5); text-decoration: none; }
.qdts .crumb span { color: #9aa3ab; }
.qdts-head h1 {
  text-align: center;
  margin: 18px 0 6px;
  font-size: clamp(24px, 2.4vw, 34px);
  color: #1e40af
}
.qdts-head .sub {
  text-align: center;
  /* Thay #007bff bằng màu xanh dương chính xác của bạn */
  color: #007bff; 
  max-width: 880px;
  margin: 0 auto 26px;
  font-weight: 600; /* Làm chữ dày dặn, nổi bật */
}

/* Lưới 2 cột */
.qdts-grid {
  display: grid;
  gap: 24px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 18px;
}

/* Sidebar gradient AMS */
.qdts-side .side-card {
  background: linear-gradient(180deg, #e9f6ff, #ffffff);
  border: 1px solid #e6eef5;
  border-radius: 16px;
  padding: 16px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.06);
  margin-bottom: 14px;
}
.qdts-side h3 { margin: 2px 0 10px; color: #0c2a47; font-size: 16px; }

.f-label { display:block; font-size:13px; color:#5c6b79; margin:10px 0 6px; }
.f-input {
  width: 100%; border:1px solid #d9e3ec; border-radius:10px; padding:10px 12px;
  font-size:14px; outline: none; background:#fff;
}
.f-row { display:grid; grid-template-columns: 1fr 1fr; gap: 10px; }

.btn-primary {
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:10px 14px; border-radius:10px; border:0; cursor:pointer;
  background: linear-gradient(90deg, var(--primary,#0098e5), #39b2ff);
  color:#fff; font-weight:600; text-decoration:none; margin-top:12px;
}
.btn-ghost { margin-top:8px; background:transparent; border:1px dashed #b9c8d6; color:#486078; padding:9px 12px; border-radius:10px; cursor:pointer; }
.w-100 { width:100%; }

.quick { list-style:none; padding:0; margin:0; }
.quick li { margin:8px 0; }
.quick a { color:#0b6bb8; text-decoration:none; }
.quick a:hover { text-decoration:underline; }

/* Thanh công cụ & danh sách */
.tool { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.count { color:#6a7a88; font-size:14px; }
.sort select { border:1px solid #d9e3ec; border-radius:10px; padding:8px 10px; background:#fff; }

/* Card quyết định */
.qd-list { display:grid; gap:14px; }
.qd-card {
  border:1px solid #e7eef5;
  border-radius:14px;
  padding:16px 18px;
  background:#fff;
  box-shadow:0 6px 14px rgba(17,37,59,0.06);
}
.qd-meta { display:flex; align-items:center; gap:8px; color:#7b8b97; font-size:13px; margin-bottom:6px; }
.qd-meta .dot { width:6px; height:6px; background:#c4d3df; border-radius:50%; display:inline-block; }
.tag { padding:4px 8px; border-radius:999px; font-weight:600; font-size:12px; }
.tag-qd { background:#e8f5ff; color:#0b74c8; }
.tag-hd { background:#eafbea; color:#148a3a; }
.tag-tb { background:#fff2e5; color:#c76910; }

.qd-title { margin:0 0 6px; font-size:18px; color:#0f2640; }
.qd-desc { margin:0 0 12px; color:#5c6b79; }
.qd-actions { display:flex; gap:10px; }
.btn-link { padding:9px 12px; border-radius:10px; border:1px solid #d9e3ec; text-decoration:none; color:#0b6bb8; }

/* Responsive */
@media (max-width: 960px){
  .qdts-grid { grid-template-columns: 1fr; }
  .tool { flex-direction: column; gap:10px; align-items:flex-start; }
}