.mobile-card-view {
     display: none;
 }
 
 @media (max-width: 768px) {
     .desktop-table-view {
         display: none !important;
     }
 
     .mobile-card-view {
         display: grid !important;
         gap: 14px;
         padding: 10px;
     }
 
     .mobile-data-card {
         background: #fff;
         border: 1px solid #dbe3ef;
         border-radius: 16px;
         padding: 14px 16px;
         box-shadow: 0 6px 18px rgba(15, 23, 42, .06);
     }
 
     .mobile-data-card-title {
         font-size: 17px;
         font-weight: 800;
         margin-bottom: 12px;
         color: #0f172a;
     }
 
     .mobile-data-row {
         display: flex;
         justify-content: space-between;
         gap: 14px;
         padding: 8px 0;
         border-bottom: 1px dashed #cbd5e1;
         font-size: 14px;
     }
 
     .mobile-data-row:last-child {
         border-bottom: 0;
     }
 
     .mobile-data-label {
         font-weight: 700;
         color: #64748b;
     }
 
     .mobile-data-value {
         font-weight: 700;
         color: #0f172a;
         text-align: right;
         max-width: 62%;
         word-break: break-word;
     }
 
     .mobile-data-value .badge {
         font-weight: 800;
         border-radius: 999px;
         padding: 8px 12px;
         line-height: 1;
         display: inline-flex;
         align-items: center;
         justify-content: center;
     }
 
     .mobile-data-actions {
         margin-top: 14px;
         display: flex;
         justify-content: flex-end;
         gap: 8px;
     }
 
     .mobile-data-actions .btn {
         min-height: 44px;
         border-radius: 10px;
     }
 
     body.is-mobile .gmt-has-mobile-cards .table-responsive,
     body.is-mobile .gmt-has-mobile-cards table,
     body.is-mobile .gmt-has-mobile-cards div.dataTables_scrollBody {
         display: none !important;
     }
 }