/*======================================== Table ================================================*/
/* Barcode is on the shared Account Master styling from SaleAccount.css — its toolbar was
   already .top-btns-container / .top-btns-actions / .search-container, and the table is now
   .master-content-table1 .checkbox-data-table (see OpeningStock.css for the variants): the
   checkbox column keeps the shared 50px sticky treatment, Product Name and the first
   classification are freed from the Index/Name widths, and Action keeps the sticky 150px
   right column. The inline .form-item dropdowns in its cells are sized there too. */

.number-input {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.number-input button {
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 6px;
    background: #e0e0e0;
    font-size: 18px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.number-input button:hover {
    background: #d0d0d0;
}

.num-box {
    width: 50px;
    height: 35px;
    text-align: center;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-weight: bold;
}

/* remove browser arrows */
.num-box::-webkit-inner-spin-button,
.num-box::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.num-box {
    -moz-appearance: textfield;
}

/* Row actions, sized and coloured like .edit-icon / .delete-icon on the Account Master tables */
.preview-icon,
.print-icon {
    fill: #808080;
    height: 20px;
    width: 20px;
    cursor: pointer;
}

.preview-icon {
    margin-right: 20px;
}

.preview-icon:hover,
.print-icon:hover {
    fill: #3399ff;
}

/* The preview page's own rules (.preview-header1, .welcome-footer-preview, #pdfViewport and
   friends) moved to Preview.css — every one of them was used by Preview.razor alone. */