.stores-table { min-width: 1040px; }

.col-code { width: 160px; }
.col-campaigns { width: 120px; text-align: left; }
.col-cards { width: 120px; text-align: left; }
.col-actions { width: 240px; }

.filters-inline{
  display:flex;
  align-items:flex-end;
  gap: 12px;
  flex-wrap: wrap;
}

.filters-inline .field{
  min-width: 280px;
}

#createStoreModal .modal-body .field + .field,
#editStoreModal .modal-body .field + .field{
  margin-top: 14px;
}

.stores-table .row-actions{
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  flex-wrap: nowrap;
}

.stores-table .row-actions .btn{
  margin: 0 !important;
  width: auto;
  justify-content: center;
  white-space: nowrap;
}

.stores-table .row-actions a.btn{
  display: inline-flex;
}

/* ===== Mobile ===== */
@media (max-width: 720px) {
    .filters-inline,
    .filters-inline .field{
        width: 100%;
        min-width: 0;
    }

    .filters-inline input{
        width: 100%;
        box-sizing: border-box;
    }

    .stores-table { min-width: 0; }

    .stores-table .row-actions{
        flex-direction: column;
        align-items: stretch;
    }

    .stores-table .row-actions .btn{
        width: 100%;
    }
}