.ware-view-desktop,
.ware-view-tablet,
.ware-view-mobile {
display: none;
width: 100%;
} @media (min-width: 1025px) {
.ware-view-desktop {
display: block;
}
} @media (max-width: 1024px) and (min-width: 768px) {
.ware-view-tablet {
display: block;
}
} @media (max-width: 767px) {
.ware-view-mobile {
display: block;
}
}  .ware-table-wrapper {
box-sizing: border-box;
overflow-x: auto;
transition: opacity 0.3s ease;
} .ware-table-loading {
opacity: 0.5;
pointer-events: none;
} .ware-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
margin: 0;
}
.ware-table th,
.ware-table td {
box-sizing: border-box;
vertical-align: middle;
}
.ware-table th {
font-weight: bold;
text-align: left;
} .ware-table-cards {
width: 100%;
box-sizing: border-box;
display: grid;
align-items: stretch; } .ware-view-tablet .ware-table-cards {
grid-template-columns: repeat(2, 1fr);
} .ware-view-mobile .ware-table-cards {
grid-template-columns: repeat(1, 1fr);
} .ware-table-card {
display: flex;
flex-direction: column;
height: 100%;
box-sizing: border-box;
background: #fff;
border: 1px solid #ddd;
}
.ware-card-header {
flex: 0 0 auto;
box-sizing: border-box; margin-bottom: 0;
}
.ware-card-content {
flex: 1 1 auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
box-sizing: border-box;
border: none !important;
padding: 0 !important;
}
.ware-card-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0 !important;
width: 100%;
box-sizing: border-box;
margin: 0;
margin-bottom: 5px;
padding: 0;
min-height: auto;
}
.ware-card-row p {
margin: 0;
}
.ware-card-row:last-child {
margin-bottom: 0 !important;
}
.ware-card-label {
flex: 0 0 40%;
font-weight: 600;
text-align: left;
margin: 0;
padding: 0;
line-height: 1.4;
}
.ware-card-value {
flex: 1;
text-align: inherit;
margin: 0;
padding: 0;
line-height: 1.4;
}