/* Every plugin screen shares one width. */

.wrap.pwad-settings,
.wrap.pwad-regenerator-page {
  max-width: 1000px;
}

/*
 * Shared by the settings and regenerator screens. Builds on core's .widefat tables
 * and admin palette so the plugin reads as part of WordPress.
 */

/* Badges: small status labels, squared off like core buttons. */

.pwad-badge {
  display: inline-block;
  padding: 0 8px;
  border-radius: 2px;
  background: #f0f0f1;
  color: #50575e;
  font-size: 12px;
  font-weight: 400;
  line-height: 2;
  white-space: nowrap;
}

.pwad-badge.is-success {
  background: #edfaef;
  color: #007017;
}

.pwad-badge.is-error {
  background: #fcf0f1;
  color: #b32d2e;
}

.pwad-badge.is-warning {
  background: #fcf9e8;
  color: #996800;
}

.pwad-badge.is-info {
  background: #f0f6fc;
  color: #0a4b78;
}

/* Size tables: one <tbody> per size, holding the size and its thumbnails. */

.pwad-size-table {
}

.pwad-size-table td,
.pwad-size-table th {
  vertical-align: middle;
}

.pwad-size-table > tbody:nth-of-type(odd) {
  background: #f6f7f7;
}

.pwad-size-table > tbody + tbody > tr:first-child > td,
.pwad-size-table > tbody + tbody > tr:first-child > th {
  border-top: 1px solid #f0f0f1;
}

.pwad-size-table .pwad-size-thumb .pwad-size-col-name::before {
  width: 8px;
  height: 5px;
  border: 1px solid #8c8f94;
  border-width: 0 0 1px 1px;
  content: '';
  display: inline-block;
  margin: 0 8px 0 4px;
  vertical-align: 0.3em;
}

.pwad-size-table tfoot td {
  border-top: 1px solid #c3c4c7;
}

.pwad-size-empty {
  margin: 0;
}