.gmv2-filters {
  margin: 12px 0;
  grid-template-columns: minmax(220px, 1.6fr) minmax(120px, 0.7fr) 92px auto;
}

.gmv2-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 12px;
}

.gmv2-table-wrap {
  max-height: calc(100vh - 350px);
  min-height: 260px;
}

.gmv2-table {
  font-size: 12px;
  min-width: 1120px;
}

.gmv2-table th,
.gmv2-table td {
  padding: 8px 9px;
  vertical-align: middle;
}

.gmv2-table td small,
.gmv2-table td > span {
  display: block;
  margin-top: 2px;
  color: var(--employee-muted, #738096);
  font-size: 11px;
  font-weight: 400;
  white-space: nowrap;
}

.gmv2-name {
  max-width: 150px;
  overflow: hidden;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--employee-text, #243247);
  font: inherit;
  font-weight: 600;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.gmv2-id-list,
.gmv2-store-list {
  display: grid;
  gap: 3px;
}

.gmv2-id-list span {
  max-width: 112px;
  overflow: hidden;
  color: #48566d;
  font-variant-numeric: tabular-nums;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gmv2-store-list span {
  white-space: nowrap;
}

.gmv2-store-list b {
  color: #1f7a4d;
  font-weight: 600;
}

.gmv2-status {
  display: inline-flex !important;
  width: max-content;
  margin: 0 !important;
  padding: 2px 7px;
  border: 1px solid #d7dde7;
  border-radius: 4px;
  background: #f6f7f9;
  color: #59667a !important;
}

.gmv2-status[data-tone="positive"] {
  border-color: #b8dec8;
  background: #eef8f2;
  color: #28734c !important;
}

.gmv2-status[data-tone="warning"] {
  border-color: #efd89d;
  background: #fff9e8;
  color: #9a6713 !important;
}

.gmv2-status[data-tone="negative"] {
  border-color: #e8b9b4;
  background: #fff1ef;
  color: #a3453c !important;
}

.gmv2-muted {
  color: #8a94a5;
}

.gmv2-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding: 10px 0 2px;
  color: #69758a;
  font-size: 12px;
}

.gmv2-pagination button {
  min-width: 62px;
  min-height: 30px;
  border: 1px solid #d9deea;
  border-radius: 5px;
  background: #fff;
  color: #38465b;
  cursor: pointer;
}

.gmv2-modal .group-dialog {
  width: min(1040px, calc(100vw - 36px));
  max-height: calc(100vh - 36px);
}

.gmv2-modal .group-dialog[data-mode="purchase"] {
  height: min(620px, calc(100vh - 36px));
}

.gmv2-modal .group-dialog__body {
  padding: 12px;
}

.gmv2-modal .group-section {
  margin-bottom: 10px;
}

.gmv2-modal .group-section__head {
  min-height: 52px;
  padding: 8px 12px;
}

.gmv2-modal .group-section__body {
  padding: 11px 12px;
}

.gmv2-dialog-tabs {
  display: flex;
  gap: 4px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e3e6ed;
}

.gmv2-dialog-tabs button {
  padding: 7px 12px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #677388;
  font-size: 12px;
  cursor: pointer;
}

.gmv2-dialog-tabs button.is-active {
  border-bottom-color: #e7a91a;
  color: #243247;
  font-weight: 600;
}

.gmv2-form-grid {
  grid-template-columns: minmax(160px, 1.2fr) minmax(128px, 0.8fr) minmax(128px, 0.8fr) minmax(96px, 0.55fr);
  gap: 9px 12px;
}

.gmv2-form-grid .group-field--number {
  max-width: 150px;
}

.gmv2-save-metadata {
  margin-top: 10px;
}

.gmv2-quota-head {
  display: grid;
  grid-template-columns: 180px 180px minmax(140px, 1fr);
  align-items: end;
  gap: 12px;
  margin-bottom: 9px;
}

.gmv2-quota-head label,
.gmv2-quota-head div {
  display: grid;
  gap: 4px;
  color: #657187;
  font-size: 11px;
}

.gmv2-quota-head input,
.gmv2-quota-head select,
.gmv2-member-row input,
.gmv2-allocation-row input,
.gmv2-allocation-row select {
  box-sizing: border-box;
  height: 34px;
  border: 1px solid #d9dfeb;
  border-radius: 5px;
  background: #fff;
  color: #2e3c51;
  font: inherit;
}

.gmv2-quota-head input {
  width: 112px;
}

.gmv2-quota-head strong {
  color: #25764d;
  font-size: 18px;
}

.gmv2-member-grid,
.gmv2-allocation-list {
  display: grid;
  gap: 6px;
}

.gmv2-member-row {
  display: grid;
  grid-template-columns: minmax(200px, 1fr) 108px 34px;
  gap: 7px;
  align-items: center;
}

.gmv2-member-row input:first-child {
  max-width: 320px;
  padding: 0 10px;
  font-variant-numeric: tabular-nums;
}

.gmv2-member-row input:nth-child(2),
.gmv2-allocation-row input {
  width: 108px;
  padding: 0 8px;
}

.gmv2-allocation-row {
  display: grid;
  grid-template-columns: minmax(150px, 1fr) minmax(200px, 1.3fr) 108px 34px;
  gap: 7px;
  align-items: center;
}

.gmv2-allocation-row select {
  min-width: 0;
  padding: 0 8px;
}

.gmv2-allocation-mode {
  display: flex;
  align-items: center;
  height: 34px;
  padding: 0 9px;
  border: 1px solid #e1e5ec;
  border-radius: 5px;
  background: #f6f7f9;
  color: #6b7688;
  font-size: 12px;
}

.gmv2-allocation-total {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
  margin-top: 8px;
  color: #6d788b;
  font-size: 12px;
}

.gmv2-allocation-total strong {
  color: #25764d;
}

.gmv2-history {
  display: grid;
  gap: 6px;
}

.gmv2-history > div {
  display: grid;
  grid-template-columns: 80px minmax(180px, 1.2fr) 110px minmax(150px, 1.3fr) auto;
  gap: 8px;
  align-items: center;
  min-height: 31px;
  padding: 5px 8px;
  border-bottom: 1px solid #edf0f4;
  font-size: 11px;
}

.gmv2-history small {
  color: #7a8597;
}

.gmv2-history .employee-funds-inline-button {
  justify-self: end;
  white-space: nowrap;
}

.gmv2-funds {
  margin-bottom: 10px;
}

@media (max-width: 760px) {
  .gmv2-filters,
  .gmv2-metrics,
  .gmv2-form-grid,
  .gmv2-quota-head {
    grid-template-columns: 1fr 1fr;
  }

  .gmv2-filters .employee-center-filter-actions,
  .gmv2-form-grid .group-field--span-2 {
    grid-column: 1 / -1;
  }

  .gmv2-table-wrap {
    max-height: none;
    min-height: 220px;
  }

  .gmv2-modal .group-dialog {
    width: calc(100vw - 12px);
    max-height: calc(100vh - 12px);
  }

  .gmv2-modal .group-dialog[data-mode="purchase"] {
    height: 100vh;
  }

  .gmv2-member-row {
    grid-template-columns: minmax(0, 1fr) 88px 34px;
  }

  .gmv2-allocation-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 82px 34px;
  }

  .gmv2-member-row input:nth-child(2),
  .gmv2-allocation-row input {
    width: 100%;
  }

  .gmv2-history > div {
    grid-template-columns: 1fr 1fr;
  }
}