/* Nhà tài trợ của giải + kêu gọi tài trợ — thẻ gọn ở cột phải trang chi tiết giải (challenges/_tai_tro.blade.php) */
.tt-card { display: flex; flex-direction: column; gap: 12px; scroll-margin-top: calc(var(--t-hdr, 0px) + 16px); }
.tt-hd { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.tt-tag { flex: none; padding: 3px 10px; border-radius: 999px; background: var(--t-gold-bg); color: var(--t-gold-text); font-size: 11px; font-weight: 700; }
.tt-note { margin: -4px 0 0; font-size: 13px; line-height: 1.5; color: var(--t-muted); }
.tt-sum { display: flex; flex-direction: column; gap: 6px; font-size: 13px; color: var(--t-text-2); }
.tt-sum b { color: var(--t-gold-text); }
.tt-sum small { font-size: 11px; color: var(--t-muted); }
.tt-bar { height: 6px; border-radius: 999px; background: #eef3f6; overflow: hidden; }
.tt-bar i { display: block; height: 100%; border-radius: inherit; background: var(--t-gold); }
.tt-empty { padding: 12px; border-radius: 12px; background: var(--t-soft); font-size: 13px; color: var(--t-muted); text-align: center; }
.tt-ds { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; }
.tt-ds li { display: flex; align-items: flex-start; gap: 10px; padding: 9px 0; border-bottom: 1px solid #f1f5f7; }
.tt-ds li:last-child { border-bottom: none; }
.tt-av { width: 34px; height: 34px; flex: none; border-radius: 50%; background: var(--t-gold-bg); color: var(--t-gold-text); font-weight: 700; font-size: 12px; display: flex; align-items: center; justify-content: center; }
.tt-who { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.tt-who b { font-size: 14px; }
.tt-who span { font-size: 12px; color: var(--t-text-2); }
.tt-who strong { color: var(--t-gold-text); }
.tt-who em { font-size: 12px; color: var(--t-muted); }

/* Chuyển khoản: gập sẵn */
.tt-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 330px); gap: 20px; align-items: start; }
.tt-body:not(:has(.tt-r)) { grid-template-columns: minmax(0, 1fr); }
.tt-l { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.tt-ck { border-radius: 14px; background: var(--t-soft); padding: 12px; }
.tt-ck-t { font-size: 13px; font-weight: 700; margin-bottom: 10px; }
.tt-ck-in { display: flex; gap: 12px; align-items: flex-start; }
.tt-qr { width: 112px; height: 112px; flex: none; padding: 5px; box-sizing: border-box; border-radius: 10px; background: #fff; border: 1px solid #e1eaee; }
.tt-qr svg { display: block; width: 100%; height: 100%; }
.tt-ck dl { margin: 0; flex: 1; min-width: 0; font-size: 12px; }
.tt-ck dt { color: var(--t-muted); font-size: 11px; }
.tt-ck dd { margin: 0 0 6px; font-weight: 600; word-break: break-word; }
.tt-copy { padding: 1px 8px; border-radius: 999px; border: 1px solid #cfdde3; background: #fff; color: var(--t-navy); font-size: 11px; font-weight: 600; cursor: pointer; font-family: inherit; }

.tt-b3 { align-self: flex-start; min-height: 42px; padding: 0 22px; border: none; border-radius: 999px; background: var(--t-grad-btn); color: #fff; font-weight: 600; font-size: 14px; cursor: pointer; font-family: inherit; }
.tt-b3:hover { filter: brightness(1.06); }
.tt-goi { margin-top: -4px; font-size: 12px; color: var(--t-muted) !important; }

/* Quản trị */
.tt-adm { padding: 12px; border-radius: 12px; background: #f7fafb; border: 1px dashed #cfdde3; display: flex; flex-direction: column; gap: 10px; }
.tt-adm-t { font-weight: 700; font-size: 13px; }
.tt-adm-t small { margin-left: 6px; font-weight: 500; font-size: 11px; color: var(--t-muted); }
.tt-lb2 { font-size: 12px; font-weight: 700; color: #b86a14; margin-bottom: 6px; }
.tt-cho { display: flex; flex-direction: column; gap: 8px; }
.tt-cho-i { display: flex; flex-direction: column; gap: 8px; padding: 10px; border-radius: 10px; background: #fff7e6; border: 1px solid #ffe2a8; }
.tt-cho-i .lh { font-size: 12px; color: var(--t-muted); }
.tt-adm-act { display: flex; flex-wrap: wrap; gap: 6px; flex: none; }
.tt-adm-act form { margin: 0; }
.tt-adm-btns { display: flex; flex-wrap: wrap; gap: 6px; }
.tt-mini { min-height: 30px; padding: 0 10px; border-radius: 999px; border: 1px solid #cfdde3; background: #fff; color: var(--t-navy); font-size: 12px; font-weight: 600; cursor: pointer; font-family: inherit; }
.tt-mini.ok { background: var(--t-teal); border-color: var(--t-teal); color: #fff; }
.tt-mini.red { color: var(--t-red); border-color: #f2c4c4; }

/* Hộp thoại */
.tt-dlg-lead { margin: 0; font-size: 13px; line-height: 1.55; color: var(--t-text-2); }
.tt-dlg-can { font-size: 12px; line-height: 1.5; color: var(--t-muted); padding: 10px 12px; border-radius: 12px; background: var(--t-soft); }
.tt-bay { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.tt-chk { display: flex; align-items: center; gap: 8px; font-size: 14px; cursor: pointer; }
.tt-chk input { width: 18px; height: 18px; accent-color: var(--t-teal); }
.tt-loi { padding: 10px 12px; border-radius: 12px; background: #fdecec; color: #a12d2d; font-size: 13px; line-height: 1.5; }
.tt-2c { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.tt-goi-y { font-size: 12px; color: var(--t-muted); margin-top: -6px; }
.ct-dlg label.f small { font-weight: 500; color: var(--t-muted-2); }
@media (max-width: 860px) {
    .tt-2c, .tt-body { grid-template-columns: minmax(0, 1fr); }
    .tt-b3 { align-self: stretch; }
    .tt-goi { text-align: center; }
}