.supplier-offers-table .sp-contact-indent,
#supplier-offers-table .sp-contact-indent {
    display: inline-block;
    margin-right: 6px;
    color: #a3acb8;
}

.supplier-offers-table .sp-contact-sub-row td,
#supplier-offers-table tr.sp-contact-sub-row td {
    background-color: #fafafa;
}

.supplier-offers-table tr.supplier-offer-item-row,
#supplier-offers-table tr.supplier-offer-item-row {
    display: none;
}

.supplier-offers-table .sp-contact-sub-row td:first-child,
#supplier-offers-table tr.sp-contact-sub-row td:first-child {
    padding-left: 24px;
}

#supplier-offers-table .sp-provider-toggle {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

#supplier-offers-table .sp-provider-toggle::before {
    content: "";
    width: 12px;
    height: 12px;
    background-color: #9aa6b2;
    mask: url("/assets/images/chevron-right.svg") no-repeat center;
    -webkit-mask: url("/assets/images/chevron-right.svg") no-repeat center;
}

#supplier-offers-table tr.sp-row-expanded .sp-provider-toggle::before {
    mask: url("/assets/images/chevron-down.svg") no-repeat center;
    -webkit-mask: url("/assets/images/chevron-down.svg") no-repeat center;
}

#supplier-offers-table tr.supplier-offer-item-row td:first-child {
    padding-right: 16px;
}

.supplier-offer-subrow-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.supplier-offer-subrow-grid {
    display: grid;
    grid-template-columns: 140px minmax(220px, 1fr) 120px 140px 140px 120px;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.supplier-offer-subcell-eta {
    margin-left: 6px;
    display: inline-block;
}

.supplier-offer-subheader-row td {
    color: #000000 !important;
}

.supplier-offer-subcol-actions {
    justify-self: end;
}

.supplier-offer-subcol-actions.text-center {
    justify-self: center;
}

.supplier-offer-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 4px;
    color: #6c757d;
    font-size: 12px;
}

.supplier-offer-stat strong {
    color: #2a2f36;
    font-weight: 600;
}

.supplier-offer-week-cell {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.supplier-offer-items-count {
    color: #6c757d;
    font-size: 12px;
}

.supplier-offer-item-status {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 10px;
    font-size: 11px;
    margin-right: 6px;
    text-transform: capitalize;
}

.supplier-offer-item-status-draft {
    background: #eef2f7;
    color: #6c757d;
}

.supplier-offer-item-status-published {
    background: #e6f6ee;
    color: #1f7a4f;
}

.supplier-offer-item-status-closed {
    background: #fdecec;
    color: #b94848;
}