/* ====================================
   Shared Component Styles
   Dependencies: admin-styles.css
   Purpose: Reusable patterns across multiple controls
   ==================================== */

/* Shared list view patterns */
.list-view-editable-base {
    width: 600px;
    background-color: white;
}

.list-view-small {
    max-height: 90px;
    min-height: 90px;
}

.list-view-medium {
    max-height: 150px;
    min-height: 150px;
}

.list-view-large {
    max-height: 300px;
    min-height: 300px;
}

.list-view-extra-large {
    max-height: 180px;
    min-height: 180px;
}

/* Shared embedded table patterns */
.embedded-table-base {
    width: 100%;
    font-size: 12px;
}

.embedded-table-right-align td,
.embedded-table-right-align th {
    text-align: right;
}

.embedded-table-right-align tr > td:first-child,
.embedded-table-right-align tr > th:first-child {
    width: 1%;
    text-align: left;
}

.embedded-table-bordered thead {
    border-bottom: solid 1px dimgrey;
}

.embedded-table-bordered th {
    color: dimgrey;
}

.embedded-table-standard-padding td,
.embedded-table-standard-padding th {
    text-align: left;
    padding: 3px;
}

/* Shared viewing patterns */
.viewing-info-base > div {
    display: inline-block;
    margin-bottom: 2px;
    font-size: 12px;
    font-weight: bold;
}

/* Shared table layout patterns */
.shipping-layout-base td {
    border-bottom: 1px solid silver;
    min-width: 120px;
    max-width: 120px;
    padding-left: 8px;
}

    .shipping-layout-base td:first-of-type {
        min-width: 175px;
        max-width: 175px;
        padding-left: 0;
    }

/* Shared discount/savings table patterns */
.savings-table-base {
    background-color: #f9f9f9;
}

    .savings-table-base th {
        background-color: #e9ecef;
        color: #424242;
    }

    .savings-table-base .savings-row:hover {
        background-color: #f1f3f4;
    }

    .savings-table-base .total-savings-row {
        background-color: #e9ecef;
        border-top: 2px solid #27ae60;
    }

        .savings-table-base .total-savings-row td {
            font-weight: bold;
        }

    .savings-table-base .total-amount {
        color: #27ae60;
        font-size: 14px;
    }

/* Volume discount table variant */
.volume-discount-table-base {
    background-color: #fff3cd;
}

    .volume-discount-table-base th {
        background-color: #ffeaa7;
        color: #424242;
    }

    .volume-discount-table-base .volume-discount-row:hover {
        background-color: #fff5db;
    }

    .volume-discount-table-base .current-savings,
    .volume-discount-table-base .potential-savings {
        color: #f39c12;
    }

/* Common column width patterns */
.col-width-small {
    width: 15%;
}

.col-width-medium {
    width: 20%;
}

.col-width-large {
    width: 30%;
}

.col-width-extra-large {
    width: 35%;
}

.col-width-half {
    width: 50%;
}

/* Shipment display patterns */
.shipment-display-controls .invoice-view-show {
    display: none;
}

.invoice-editor-context .shipment-display-controls .invoice-view-hide {
    display: none;
}

.invoice-editor-context .shipment-display-controls .invoice-view-show {
    display: revert;
}

/* Product type display patterns */
.product-order-display .col-rx {
    display: none;
}

.custom-rx-display .col-pl,
.custom-rx-display .col-code {
    display: none;
}

/* Message styling patterns */
.message-base {
    padding: 8px 12px;
    margin: 5px 0;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
}

.message-success {
    color: forestgreen;
}

.message-error {
    color: red;
}

.message-info {
    color: royalblue;
}