.product-stream-view {
  width: 100%;
}

.product-stream-view .stream-toolbar {
  display: flex;
  justify-content: flex-end;
  padding: 6px 0;
}

.product-stream-view .stream-content {
  display: flex;
  overflow-x: auto;
  gap: 0;
}

.product-stream-view .product-column {
    position: relative;
    background: #f9f9f9;
    border: 1px solid #ccc;
    border-right: 0;
    flex: 1 0 0; /* Each column gets equal space */
    min-width: 150px;
    /* height: 600px;
    overflow-y: auto; */
    overflow-x: hidden;
}

.product-stream-view .resize-handle {
    position: absolute;
    top: 0;
    right: 0;
    width: 3px;
    height: 100%;
    background-color: #e3e3e3;
    /* border-right: 2px dashed #e3e3e3; */
    cursor: col-resize;
    z-index: 1;
}
.product-stream-view .resize-handle:hover {
    background-color: #f6e7ca;
}

.product-stream-view .product-header {
    position: relative;
    background-color: #03529f;
    color: #fff;
    padding: 15px;
    top: 0;
    font-weight: bold;
}
.product-stream-view .product-header a {
    color: inherit;
}


.product-stream-view .column-toolbar {
    display: flex;
    padding: 5px 8px 5px 5px;
    gap: 5px;
    background-color: #111;
}
.product-stream-view .column-toolbar > * {
    padding: 5px 10px;
    flex: auto;
}
.product-stream-view .column-toolbar > .variant-search {
    flex: 0 0 50%;
}

.product-stream-view .product-variants {
    position: relative;
    /* max-height: 600px;
    overflow-y: auto; */
}

.product-stream-view .product-variants > .variant {
    display: flex;
    padding: 7px 15px;
    border-bottom: 1px solid #eee;
}
.product-stream-view .product-variants > .variant > label {
    padding-right: 15px;
    flex: 1;
}
.product-stream-view .product-variants > .variant:nth-child(even) {
    background-color: #eff2f4;
}
.product-stream-view .product-variants > .variant:last-child {
    border-bottom: 0;
}

.product-stream-view.editable .product-variants > .variant .price:not(.sold) {
    text-decoration: underline;
    cursor: pointer;
}
.product-stream-view .product-variants > .variant .price.sold {
    font-weight: bold;
    color: #03529f;
}