.ui-dialog {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    max-width: 95vw;
    max-height: calc(100vh - 56px); /* subtract fixed banner */
}

    .ui-dialog .ui-dialog-titlebar,
    .ui-dialog .ui-dialog-buttonpane {
        flex: 0 0 auto;
    }

    .ui-dialog .ui-dialog-content {
        flex: 1 1 auto;
        overflow-y: auto;
        overflow-x: hidden;
        max-height: none;
        padding: 12px 1em 0 1em;
    }

        .ui-dialog .ui-dialog-content::-webkit-scrollbar {
            width: 12px;
        }

        .ui-dialog .ui-dialog-content::-webkit-scrollbar-track {
            background: #f0f0f0; /* track color */
        }

        .ui-dialog .ui-dialog-content::-webkit-scrollbar-thumb {
            background-color: #888; /* thumb color */
            border-radius: 6px;
            border: 3px solid #f0f0f0; /* padding effect */
        }

            .ui-dialog .ui-dialog-content::-webkit-scrollbar-thumb:hover {
                background-color: #555;
            }

    /* Firefox scrollbar styling */
    .ui-dialog .ui-dialog-content {
        scrollbar-width: auto; /* or 'thin' */
        scrollbar-color: #888 #f0f0f0; /* thumb track */
    }

@media (max-width: 600px) {
    .ui-dialog {
        max-width: 100vw;
    }
}

#searchbar {
    margin-bottom: 10px;
}

.shipping-grid {
    display: grid;
    grid-template-columns: 160px minmax(0, 1fr);
    column-gap: 8px;
    row-gap: 10px;
    font-size: 13px;
    min-width: 0;
}

    .shipping-grid .label,
    .shipping-grid .data {
        float: none;
        margin-top: 0;
    }

    .shipping-grid .label {
        white-space: nowrap;
        color: #333;
    }

    .shipping-grid .data {
        min-width: 0;
        overflow-wrap: anywhere;
        color: #000;
    }

#shippingDetails {
    display: grid;
    grid-template-columns: 160px minmax(0, 1fr);
    column-gap: 8px;
    row-gap: 10px;
    font-size: 13px;
    min-width: 0;
}
    #shippingDetails .sd-accordion {
        grid-column: 1 / -1; /* Span full grid width */
    }

    #shippingDetails .accordion-wrapper {
        grid-column: 1 / -1;
        padding: 10px 0;
        font-size: 13px;
    }

        #shippingDetails .accordion-wrapper h2.ui-widget-header {
            font-size: 13px;
            font-weight: bold;
            line-height: 1.2;
            padding: 4px 8px;
            margin: 0;
            border: #d8dcdf;
            color: #444444;
            Background: #eeeeee;
        }

        #shippingDetails .accordion-wrapper #accordion {
            margin-top: 0;
            max-height: 275px;
            overflow-y: auto;
        }

            #shippingDetails .accordion-wrapper #accordion .ui-accordion-header:first-of-type {
                margin-top: 0;
            }

            #shippingDetails .accordion-wrapper #accordion .ui-accordion-header {
                margin: 0; /* compact vertical rhythm between headers */
            }

.shipment-table.borderless td {
    border: none;
    padding: 4px 8px;
    vertical-align: top;
}

.shipment-table .label-cell {
    width: 120px;
    color: #333;
    white-space: nowrap;
}

.shipment-table .value-cell {
    color: #000;
}

.shipment-table .carrier-note {
    font-size: 10px;
    color: #666;
    font-style: italic;
    padding-top: 6px;
}

#accordion::-webkit-scrollbar {
    width: 12px; /* thicker scrollbar */
}

#accordion::-webkit-scrollbar-track {
    background: #f0f0f0; /* light gray track */
}

#accordion::-webkit-scrollbar-thumb {
    background-color: #888; /* darker thumb */
    border-radius: 6px;
    border: 3px solid #f0f0f0; /* adds padding around thumb */
}

    #accordion::-webkit-scrollbar-thumb:hover {
        background-color: #555; /* darker on hover */
    }

/*#region POD*/
#shippingDetailsPODDialog {
    display: none;
}

#shippingDetailsPODLoading
{
    float:right;
}

#shippingDetailsPOD
{
    display:none;
}

#shippingFraudDialog {
    display: none;
}

#shippingDetailsPOD .ui-tabs,
#shippingDetailsPOD .ui-tabs-panel {
    padding:5px;
}

#shippingDetailsPOD,
#shippingDetailsPOD .ui-widget-header {
    background-image:none;
    background-color:#fff;
    border-color:#fff;
}

#shippingDetailsPOD .ui-widget-header {
    border-bottom-color:#ccc;
}

#shippingDetailsPOD img
{
    height:670px;
    max-width:525px;
}
/*#endregion*/

/*#region Packing List*/
#shippingDetailsPackListDialog
{
    display:none;
}

#shippingDetailsPackListFrame
{
    border:0px;
    width:100%;
    height:99%;
}

#shippingFraudDialog div.label {
    font-weight: bold;
}

#shippingFraudDialog div.data {
    color: darkred;
}


#sd-accordion,
.sd-accordion,
.ui-accordion {
    width: 100%;
    box-sizing: border-box;
}

    .ui-accordion .ui-accordion-header,
    .ui-accordion .ui-accordion-content {
        width: 100%;
    }

.sd-panel-loading {
    display: none;
    margin: 8px 0;
    color: #555;
}

.sd-error {
    color: #b71c1c;
    padding: 8px 0;
}

.sd-card .label {
    font-weight: 600;
    display: inline-block;
    min-width: 140px;
}

.sd-card .data {
    display: inline-block;
}

.sd-card .row {
    margin: 4px 0;
}

}
/*#endregion*/