
#cvr__offers__table_pane {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}


#cvr__offers__table {
  min-height: 40vh;
}


/* Desktop: grid */
.cvr_offers__table__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr auto 1fr 1fr 2fr 1fr 1fr 1fr;
  width: 100%;
}

.cvr_offers__table__list.is-admin {
  grid-template-columns: 1fr auto 1fr 1fr 2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.cvr_offers__table__list[status_set="8"], /* 8 cols */
.cvr_offers__table__list.is-admin[status_set="8"] { 
  grid-template-columns: 1fr auto 1fr 1fr auto 1fr 1fr 1fr;
}

.cvr_offers__table__list[status_set="10"], /* 10 cols */
.cvr_offers__table__list.is-admin[status_set="10"] { 
  grid-template-columns: 1fr auto 1fr auto 1fr 2fr 1fr 1fr 1fr 1fr;
}

.cvr_offers__table__list[status_set="9"],  /* 9 cols */
.cvr_offers__table__list.is-admin[status_set="9"] {
  grid-template-columns: 1fr auto 1fr 1fr 2fr 1fr 1fr 1fr 1fr;
}

.cvr_offers__table__list[status_set="15"],  /* 15 cols */
.cvr_offers__table__list.is-admin[status_set="15"] {
  grid-template-columns: 1fr auto 1fr 1fr 2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}


/* ----------New Status Sets------------ */
/* Reviewing, Offer Sent, Final Offer Sent*/
.cvr_offers__table__list[status_set="reviewing"] {
  grid-template-columns: 1fr auto 1fr 1fr 2fr 1fr 1fr 1fr 1fr;
}

.cvr_offers__table__list.is-admin[status_set="reviewing"] { 
  grid-template-columns: 1fr auto 1fr 1fr 2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}


/* Accepted*/
.cvr_offers__table__list[status_set="accepted"] {
  grid-template-columns: 1fr auto 1fr 1fr 2fr 1fr 1fr 1fr;
}

.cvr_offers__table__list.is-admin[status_set="accepted"] { 
  grid-template-columns: 1fr auto 1fr 1fr 2fr 1fr 1fr 1fr 1fr;
}

/* Received */
.cvr_offers__table__list[status_set="received"] {
  grid-template-columns: 1fr auto 1fr 1fr 2fr 1fr 1fr 1fr;
}

.cvr_offers__table__list.is-admin[status_set="received"] { 
  grid-template-columns: 1fr auto 1fr auto 1fr 2fr 1fr 1fr 1fr 1fr;
}



.cvr_offers__table__row {
  display: contents;
}

/* Cells */
.cvr_offers__table__cell {
  padding: 0.75rem 0.65em;
  border-bottom: 1px solid #eee;
}

.cvr_offers__table__cell[data-label="Price"] {
  text-align: right;;
}

/* Header */
.cvr_offers__table__header .cvr_offers__table__cell {
  font-weight: bold;
  background-color: #000;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1rem;
}

/* Mobile: stack */
@media (max-width: 767px) {
  .cvr_offers__table__list {
    display: block; /* disabling the grid on mobile */
  }

  .cvr_offers__table__row {
    display: block;
    padding: 1rem 0;
    border-bottom: 1px solid #ddd;
  }

  .cvr_offers__table__cell {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: none; /* row handles the border now */
  }

  .cvr_offers__table__cell::before {
    content: attr(data-label) ": ";
    font-weight: bold;
    margin-right: 0.5rem;
  }

  .cvr_offers__table__header {
    display: none;
  }
}

/* Stars */
.cvr_offers__table__star {
  font-size: 1rem;
  color: #ccc;
  margin-right: 0.1em;
  line-height: 1;
}

.cvr_offers__table__star.filled {
  color: #fc0; /* yellow */
}


/* Trash Button */
.cvr_offers__table__add_child,
.cvr_offers__table__remove {
  background-color: unset;
  border: unset;
  width: 15px;
  height: 15px;
  padding: 0;
}

.cvr_offers__table__remove img {
  max-width: 100%;
}

/* Add Item Child */
.cvr_offers__table__add_child svg {
  fill: var(--cvr_cyan);
}

/* Additional Info Icons */
.cvr_item__info_icon {
  display: block;
}

.cvr_item__info_icon svg {
  fill: white;
  width: 15px;
  height: 15px;
}

.cvr_item__info_icon path {
  fill: white;
}

.cvr_offers__table__cell[data-label="Price"] svg,
.cvr_offers__table__cell[data-label="Price"] path {
  width: 15px;
  height: 15px;
  fill: rgb(151, 151, 151);
}

.cvr_item__info_icon_history path, 
.cvr_item__info_icon_history svg {
  fill: black;
}

.cvr_item__info_icon_history {
  border: 0;
  background-color: unset;
}

.cvr_item__info_icon_history:hover {
  cursor: pointer;
}

.cvr_offers__table__cell[data-label="Price Author Indicator"] img {
  width: 15px;
}
/* History Table */
.cvr__history_table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}

.cvr__history_table th,
.cvr__history_table td {
  border: 1px solid #ddd;
  padding: 6px 10px;
  text-align: center;
}

.cvr__history_table th {
  background-color: #f2f2f2;
  font-weight: bold;
}

.cvr__history_table tr:nth-child(even) {
  background-color: #fafafa;
}

/* Title Bar */
#cvr__offer__single__titlebar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#cvr__offer__single__titlebar h1 {
  font-size: calc(30px + 6 * ((100vw - 320px) / 680));
  margin: unset;
}

/* Quantity Received qtyrcvd*/
.cvr_offers__table__cell__qtyrcvd {
  display: flex;
}

.cvr_offers__table__cell__qtyrcvd input {
  width: 75px;
  margin-right: 5px;
}
.cvr_qty_mismatch {
  border: 1px solid red;
}


/* Deductions Panel */
.cvr_offers__deductions__form {
  padding: 15px;
  background-color: #feeaee;
}