.rl-td__tab {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .4rem;
  padding: .3rem;
  border-radius: 999px;
  background: var(--rl-xam-nen);
}
.rl-td__tab button {
  min-height: 2.6rem;
  padding: 0 .6rem;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--rl-xam-chu);
  font-size: .9rem;
  font-weight: 600;
  cursor: pointer;
}
.rl-td__tab button[aria-selected="true"] {
  background: #fff;
  color: var(--rl-den);
  box-shadow: 0 1px 4px rgba(35, 31, 32, .12);
}
.rl-td__kq { display: grid; gap: .8rem; }
.rl-td__dau {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .4rem;
}
.rl-td__tt {
  padding: .15rem .6rem;
  border-radius: 999px;
  background: #e8e8e8;
  color: var(--rl-den);
  font-size: .78rem;
  font-weight: 700;
  white-space: nowrap;
}
.rl-td__tt.tt-processing,
.rl-td__tt.tt-rl-xac-nhan { background: #d8e5f3; color: #26468a; }
.rl-td__tt.tt-rl-van-chuyen { background: #f8dda7; color: #7a5200; }
.rl-td__tt.tt-completed { background: #dff3e6; color: #12864b; }
.rl-td__tt.tt-cancelled,
.rl-td__tt.tt-refunded { background: #f3dcdc; color: var(--rl-do-dam); }
.rl-td__tt-don {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .25rem .8rem;
  margin: 0;
  font-size: .88rem;
}
.rl-td__tt-don dt { color: var(--rl-xam-chu); }
.rl-td__tt-don dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.rl-td__vd {
  display: grid;
  gap: .4rem;
  padding: .7rem;
  border-radius: 8px;
  background: #fff;
}
.rl-td__nhan {
  margin: 0;
  font-size: .8rem;
  font-weight: 700;
  color: var(--rl-xam-chu);
}
.rl-td__vd-dong {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .3rem .6rem;
  font-size: .88rem;
}
.rl-td__vd-dong code {
  font-size: .9rem;
  font-weight: 700;
  letter-spacing: .02em;
}
.rl-td__chep {
  padding: .2rem .6rem;
  border: 1px solid var(--rl-vien);
  border-radius: 999px;
  background: #fff;
  color: var(--rl-den);
  font-size: .8rem;
  cursor: pointer;
}
.rl-td__chep-link {
  justify-self: start;
  padding: .45rem .9rem;
  border-color: var(--rl-do);
  color: var(--rl-do);
  font-weight: 600;
}
.rl-td__lk { font-size: .88rem; }
.rl-td__dong-tinh { cursor: default; }