.page-member-stored-card {
  .msc-record-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    padding: 12px 14px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgb(15 23 42 / 7%);
  }

  .msc-record-range {
    width: 280px;
  }

  .msc-record-keyword {
    width: 220px;
  }

  .msc-record-table-wrap {
    padding: 0;
    overflow: hidden;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 14px rgb(15 23 42 / 8%);
  }

  .msc-record-table {
    .ant-table-thead > tr > th {
      font-size: 13px;
      font-weight: 600;
      color: #475569;
      background: #f8fafc;
    }

    .ant-table-tbody > tr > td {
      font-size: 13px;
      vertical-align: middle;
      color: #111827;
    }
  }

  .msc-record-no {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12px;
    color: #334155;
  }

  .msc-record-member {
    display: flex;
    flex-direction: column;
    gap: 2px;
    line-height: 1.2;
  }

  .msc-record-member-name {
    font-weight: 600;
    color: #111827;
  }

  .msc-record-member-phone {
    font-size: 12px;
    color: #94a3b8;
  }

  .msc-record-amount {
    font-weight: 600;
    color: #111827;
  }

  .msc-record-amount.is-gift {
    font-weight: 500;
    color: #f59e0b;
  }

  .msc-pagination {
    display: flex;
    justify-content: flex-end;
    padding: 14px 16px 16px;
  }
}
