/* Manage nominations page: button bar and related UI */

.qrss__nominations-button-bar {
  width: 100%;
}

.qrss__nominations-button-bar .qrss__nominations-button-bar__left,
.qrss__nominations-button-bar .qrss__nominations-button-bar__right,
.qrss__nominations-button-bar .qrss__nominations-button-bar__btn {
  width: 100%;
}

@media (min-width: 768px) {
  .qrss__nominations-button-bar .qrss__nominations-button-bar__left,
  .qrss__nominations-button-bar .qrss__nominations-button-bar__right,
  .qrss__nominations-button-bar .qrss__nominations-button-bar__btn {
    width: auto;
  }
}

.qrss__nominations-button-bar .qrss__nominations-export-icon {
  display: block;
  height: 20px;
  width: 15px;
}

.qrss__nominations-button-bar .qrss__nominations-unsaved {
  color: var(--qrss-caution);
  font-size: 16px;
  font-weight: 600;
}

/* Filter / results options: mobile first (stacked) */
.qrss__nominations-filter {
  border-bottom: 1px solid var(--qrss-accordion-border);
  border-top: 1px solid var(--qrss-accordion-border);
  width: 100%;
}

.qrss__nominations-filter__search .qrss__nominations-filter__input {
  min-width: 0;
  width: 100%;
}

.qrss__nominations-filter__search .qrss__nominations-filter__input::placeholder {
  color: var(--qrss-grey-pending);
}

.qrss__nominations-filter__clear {
  color: var(--qrss-pagination-blue);
}

.qrss__nominations-filter__order-row {
  border-top: 1px solid var(--qrss-accordion-border);
}

.qrss__nominations-filter__order-row .qld__select {
  flex: 1 1 0%;
  min-width: 0;
  width: 100%;
}

.qrss__nominations-filter__actions {
  flex-direction: column;
}

.qrss__nominations-filter__action-btn {
  width: 100%;
}

.qrss__nominations-filter__action-btn:disabled {
  color: var(--qrss-grey-pending) !important;
}

/* Tablet+ filter combined row and nominations list / toolbar (md and up only — mobile unchanged) */
@media (min-width: 768px) {
  .qrss__nominations-filter {
    border: none;
  }

  .qrss__nominations-filter__clear {
    white-space: nowrap;
  }

  .qrss__nominations-filter__combined-row {
    border-bottom: 1px solid var(--qrss-accordion-border);
  }

  .qrss__nominations-filter__order-select {
    min-width: 0;
    width: 250px;
  }

  .qrss__nominations-filter__rows-select {
    min-width: 0;
    width: 130px;
  }

  .qrss__nomination-row {
    background-color: var(--qrss-light-grey-alt);
    border-bottom: 2px solid var(--qrss-light-grey);
    box-sizing: border-box;
    column-gap: 16px;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 1.15fr) 72px;
    min-height: 167px;
    padding: 12px 12px 16px;
    row-gap: 0;
    width: 100%;
  }

  .qrss__nomination-row__actions {
    align-self: start;
    justify-self: center;
    padding-top: 4px;
  }

  .qrss__nomination-row__actions a {
    color: var(--qrss-dark-grey);
  }

  .qrss__nomination-row__delete-icon {
    color: var(--qrss-dark-grey);
  }

  .qrss__nomination-row__meta {
    color: var(--qrss-dark-grey);
  }

  .qrss__nomination-row__parent-select {
    min-width: 0;
    width: 100%;
  }

  .qrss__nomination-row__select {
    align-self: start;
    padding-top: 4px;
  }

  .qrss__nomination-row__status a {
    color: var(--qrss-pagination-blue);
  }

  .qrss__nomination-row__student a {
    color: var(--qrss-pagination-blue);
  }

  .qrss__nomination-toolbar__send-invitations {
    min-width: 160px;
  }

  .qrss__nomination-toolbar__verify:disabled {
    background-color: var(--qrss-light-grey);
    border-color: var(--qrss-light-grey);
    color: var(--qrss-grey-pending);
  }

  .qrss__nominations-table__toolbar {
    align-items: center;
    background-color: white;
    border-bottom: 1px solid var(--qrss-accordion-border);
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
    min-height: 69px;
    padding: 8px 12px;
    width: 100%;
  }
}

/* Desktop (lg+) only — tablet and mobile unchanged */
@media (min-width: 992px) {
  .qrss__nominations-button-bar .qrss__nominations-button-bar__left {
    padding-left: 12px;
  }

  .qrss__nominations-filter__desktop-order-select {
    min-width: 0;
    width: 250px;
  }

  .qrss__nominations-filter__desktop-row--order {
    background-color: white;
    border-bottom: 1px solid var(--qrss-accordion-border);
    border-top: 1px solid var(--qrss-accordion-border);
    padding: 8px 12px;
  }

  .qrss__nominations-filter__desktop-row--results {
    align-items: center;
    background-color: white;
    border-bottom: 1px solid var(--qrss-accordion-border);
    box-sizing: border-box;
    min-height: 74px;
    padding: 8px 12px;
    width: 100%;
  }

  .qrss__nominations-filter__desktop-rows-select {
    min-width: 0;
    width: 130px;
  }

  .qrss__nominations-filter__desktop-search-end {
    flex: 1 1 auto;
    justify-content: flex-end;
    max-width: none;
    min-width: 0;
  }

  .qrss__nominations-filter__desktop-search-end .qrss__nominations-filter__clear {
    flex-shrink: 0;
    white-space: nowrap;
  }

  .qrss__nominations-filter__desktop-search-input {
    flex: 1 1 auto;
    max-width: none;
    min-width: 200px;
    width: 100%;
  }

  .qrss__nominations-filter__desktop-search-input::placeholder {
    color: var(--qrss-grey-pending);
  }

  .qrss__nominations-listing--desktop .qld__table--scroll {
    border: 1px solid var(--qrss-light-grey);
    border-top: 0;
    max-height: none;
    overflow: visible;
  }

  .qrss__nominations-listing--desktop .qld__table--striped tbody tr:nth-child(even) {
    background-color: var(--qrss-white) !important;
  }

  .qrss__nominations-listing--desktop .qld__table--striped tbody tr:nth-child(odd) {
    background-color: var(--QLD-color-light__background--alt) !important;
  }

  .qrss__nominations-listing--desktop .qrss__nominations-invitation-status--bounced {
    color: var(--qrss-caution);
    font-weight: 600;
  }

  .qrss__nominations-listing--desktop .qrss__nominations-invitation-status--declined {
    color: var(--qrss-medium-grey);
    font-weight: 600;
  }

  .qrss__nominations-listing--desktop .qrss__nominations-invitation-status--expired {
    color: var(--qrss-grey-pending);
    font-weight: 600;
  }

  .qrss__nominations-listing--desktop .qrss__nominations-invitation-status--viewed {
    color: var(--qrss-pagination-blue);
    font-weight: 600;
  }

  .qrss__nominations-listing--desktop .qrss__status--caution {
    color: var(--qrss-caution);
    font-weight: 600;
  }

  .qrss__nominations-listing--desktop .qrss__status--closed {
    color: var(--QLD-color-light__text--lighter);
    font-weight: 600;
  }

  .qrss__nominations-listing--desktop .qrss__status--finalised {
    color: var(--qrss-green);
    font-weight: 600;
  }


  .qrss__nominations-listing--desktop .qrss__nominations-students-table tbody a {
    color: var(--qrss-pagination-blue);
  }

  .qrss__nominations-listing--desktop .qrss__nominations-students-table tbody .qrss__nominations-students-table__action-remove {
    color: var(--qrss-dark-grey);
  }

  .qrss__nominations-listing--desktop .qrss__nominations-students-table tbody .qrss__nominations-students-table__action-remove .qld__icon {
    color: var(--qrss-dark-grey);
  }

  .qrss__nominations-listing--desktop .qrss__nominations-students-table tbody td {
    padding: 12px;
    vertical-align: top;
  }

  .qrss__nominations-listing--desktop .qrss__nominations-students-table tbody td .qld__select {
    min-width: 0;
    width: 100%;
  }

  .qrss__nominations-listing--desktop .qrss__nominations-students-table tbody tr {
    min-height: 78px;
  }

  .qrss__nominations-listing--desktop .qrss__nominations-students-table thead th {
    border-bottom: 2px solid var(--qrss-tablet-header-border);
    vertical-align: middle;
  }

  .qrss__nominations-listing--desktop .qrss__nominations-students-table thead tr {
    height: 62px;
  }

  .qrss__nominations-listing--desktop .qrss__nominations-students-table th span {
    color: var(--qrss-dark-blue) !important;
  }

  .qrss__nominations-listing__caption {
    border: 1px solid var(--qrss-light-grey);
    border-bottom: 0;
  }

  .qrss__nominations-listing__caption .qrss__nominations-filter__desktop-row--order {
    border-top: 0;
  }

  .qrss__nominations-listing__pagination {
    border-bottom: 1px solid var(--qrss-light-grey);
    border-left: 1px solid var(--qrss-light-grey);
    border-right: 1px solid var(--qrss-light-grey);
  }

  .qrss__nominations-listing__toolbar {
    border-bottom: 1px solid var(--qrss-light-grey);
    border-left: 1px solid var(--qrss-light-grey);
    border-right: 1px solid var(--qrss-light-grey);
  }

  .qrss__nominations-students-table {
    table-layout: fixed;
  }

  .qrss__nominations-students-table__col--actions {
    width: 97px;
  }

  .qrss__nominations-students-table__col--age {
    width: 87px;
  }

  .qrss__nominations-students-table__col--gender {
    width: 97px;
  }

  .qrss__nominations-students-table__col--invitation {
    width: 160px;
  }

  .qrss__nominations-students-table__col--nomination-type {
    width: 134px;
  }

  .qrss__nominations-students-table__col--parents {
    width: 130px;
  }

  .qrss__nominations-students-table__col--relationship {
    width: 218px;
  }

  .qrss__nominations-students-table__col--select {
    width: 44px;
  }

  .qrss__nominations-students-table__col--sessions {
    width: 121px;
  }

  .qrss__nominations-students-table__col--student {
    width: 130px;
  }

  .qrss__nominations-table__toolbar {
    padding-top: 0;
  }

  .qrss__sort-icon {
    height: 16px;
    width: 8px;
  }

  .qrss__sort-icon--asc svg polygon:first-child {
    fill: var(--qrss-dark-grey);
  }

  .qrss__sort-icon--desc svg polygon:last-child {
    fill: var(--qrss-dark-grey);
  }

  .qrss__sort-icon svg {
    fill: var(--QLD-color-light__border--alt);
    height: 16px;
    width: 8px;
  }
}