/* Phân hệ Quỹ lớp (app/views/nhom/quy). Chỉ dùng token của app.css. */
.quy-thu { color: var(--xanh-la); }
.quy-chi { color: var(--do); }

.quy-so { display: grid; gap: 12px; }
.quy-so span, .quy-so strong { display: block; }
.quy-so__du strong { font-size: 1.75rem; line-height: 1.2; color: var(--c-dam); }
.quy-so__du strong.quy-chi { color: var(--do); }
.quy-so__ky { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding-top: 12px; border-top: 1px solid var(--vien); }
.quy-so__ky strong { font-size: 1.125rem; }
.quy-so__ky .quy-so__nhan { grid-column: 1 / -1; margin: 0; }
@media (min-width: 720px) {
  .quy-so { grid-template-columns: 1fr 1.4fr; align-items: center; }
  .quy-so__ky { padding: 0 0 0 16px; border-top: 0; border-left: 1px solid var(--vien); }
}

.quy-loc { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; }
.quy-loc select { min-height: 36px; padding: 4px 10px; border: 1px solid var(--vien); border-radius: var(--r-nho); font: inherit; font-size: .875rem;
  background: var(--the); color: var(--chu); }

.quy-gd__tien { flex: none; display: flex; flex-direction: column; align-items: flex-end; text-align: right; gap: 2px; white-space: nowrap; }
.ds__muc .quy-hd { font-weight: 400; color: var(--c-dam); }
.ds__muc a.quy-ct { display: inline-grid; place-items: center; width: 36px; height: 36px; margin-right: -8px; border-radius: 50%; color: var(--c-dam); }
.ds__muc a.quy-ct:hover { background: var(--c-nhat); }

.quy-loai { border: 0; padding: 0; margin: 0 0 14px; display: flex; gap: 8px; flex-wrap: wrap; }
.quy-loai legend { font-weight: 600; font-size: .9375rem; padding: 0; margin-bottom: 6px; }
.quy-loai label { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 18px; border: 1px solid var(--vien);
  border-radius: 999px; cursor: pointer; font-weight: 600; background: var(--the); }
.quy-loai input { width: 18px; height: 18px; accent-color: var(--c); margin: 0; }
.quy-loai label:has(input:checked) { border-color: var(--c); background: var(--c-nhat); color: var(--c-dam); }
.field input[type="file"] { padding: 9px 10px; }