.account-view-grid[data-account-view="compact"] > [data-account-name] {
  padding: 12px;
}

.account-view-grid[data-account-view="compact"] > [data-account-name] > div:first-child {
  margin-bottom: 8px;
}

.account-view-grid[data-account-view="compact"] > [data-account-name] > div:nth-child(2) {
  margin-bottom: 8px;
  padding-top: 8px;
}

.account-view-grid[data-account-view="compact"] > [data-account-name] > div:last-child {
  padding-top: 8px;
}

.account-view-grid[data-account-view="compact"] .ui-row-action--stack > span:last-child {
  display: none;
}

.account-view-grid[data-account-view="list"] {
  grid-template-columns: minmax(0, 1fr);
}

.account-view-grid[data-account-view="list"] > [data-account-name] {
  display: grid;
  grid-template-columns: minmax(215px, 1.1fr) minmax(215px, 1fr) minmax(400px, 1.5fr);
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
}

.account-view-grid[data-account-view="list"] > [data-account-name] > div:first-child {
  margin-bottom: 0;
}

.account-view-grid[data-account-view="list"] > [data-account-name] > div:nth-child(2) {
  margin-bottom: 0;
  border-top: 0;
  padding-top: 0;
}

.account-view-grid[data-account-view="list"] > [data-account-name] > div:last-child {
  margin-top: 0;
  border-top: 0;
  padding-top: 0;
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

@media (min-width: 1600px) {
  .account-view-grid[data-account-view="card"] > [data-account-name] > div:last-child {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
}

@media (max-width: 1400px) {
  .account-view-grid[data-account-view="list"] > [data-account-name] {
    grid-template-columns: minmax(200px, 1fr) minmax(200px, 1fr);
  }
  .account-view-grid[data-account-view="list"] > [data-account-name] > div:last-child {
    grid-column: 1 / -1;
    border-top: 1px solid var(--sp-border, #e5e7eb);
    padding-top: 8px;
  }
}

@media (max-width: 760px) {
  .account-view-grid[data-account-view="list"] > [data-account-name] {
    grid-template-columns: minmax(0, 1fr);
  }
  .account-view-grid[data-account-view="list"] > [data-account-name] > div:nth-child(2) {
    border-top: 1px solid var(--sp-border, #e5e7eb);
    padding-top: 8px;
  }
  .account-view-grid[data-account-view="list"] > [data-account-name] > div:last-child {
    grid-column: auto;
  }
}

/* Keep view controls readable when batch-check progress takes another row. */
.ui-card:has(> [data-testid="account-order-status"]) {
  flex-wrap: wrap;
}

.ui-card:has(> [data-testid="account-order-status"]) > [data-testid="account-order-status"],
.ui-card:has(> [data-testid="account-order-status"]) > [role="group"] {
  flex-shrink: 0;
  white-space: nowrap;
}

.ui-card:has(> [data-testid="account-order-status"]) > div:has(> input[type="search"]) {
  min-width: 160px;
}

.ui-card:has(> [data-testid="account-order-status"]) > div:last-child {
  flex-shrink: 1;
  max-width: 100%;
}

/* Ten actions use complete rows in both card modes. */
.account-view-grid:is([data-account-view="card"], [data-account-view="compact"]) > [data-account-name] > div:last-child {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

@media (min-width: 1600px) {
  .account-view-grid:is([data-account-view="card"], [data-account-view="compact"]) > [data-account-name] > div:last-child {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
}