@media(max-width:760px){
 .responsive-table{display:block;width:100%;min-width:0!important;border:0;border-collapse:separate}
 .responsive-table thead,.responsive-table .table-header-row{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .responsive-table tbody{display:grid;gap:14px;width:100%}
 .responsive-table .table-record{display:block;width:100%;padding:18px;border:1px solid #e5dce9;border-radius:16px;background:#fff;box-shadow:0 3px 12px #52327105}
 .responsive-table .table-record td{display:block;width:100%;padding:12px 0;border-bottom:1px solid #f0eaf3;font-size:15px;line-height:1.65;white-space:normal!important;overflow-wrap:anywhere}
 .responsive-table .table-record td:last-child{border-bottom:0;padding-bottom:0}
 .responsive-table .table-record td:before{content:attr(data-label);display:block;font-size:12px;font-weight:500;color:#77667f;line-height:1.5;margin-bottom:6px}
 .responsive-table .table-record .record-title{padding-top:0;font-weight:600;font-size:17px;color:#352b3d}
 .responsive-table .table-record .record-actions .button{width:100%;margin-top:2px}
 .responsive-table .table-empty:before{display:none}
 .responsive-table tfoot{display:block;margin-top:14px;padding:16px;border-radius:14px;background:#f0e8f5}
 .responsive-table tfoot tr{display:flex;justify-content:space-between;gap:14px}
 .responsive-table tfoot th,.responsive-table tfoot td{padding:0;background:transparent;border:0;font-size:14px!important;width:auto!important}
 .table-scroll,.history-table-wrap{overflow:visible}
 .history-table-wrap{border:0;background:transparent}
 .detail-sidebar .history-table{font-size:15px}
 .detail-sidebar .history-table .donor-date{font-size:13px}
}