@import '_content/FedData.UI/FedData.UI.ojlucd7twe.bundle.scp.css';

/* /Components/Cards/Receipt/ReceiptCard.razor.rz.scp.css */
/* ReceiptCard.razor.css — layout only; shared components handle individual element styling */

/* Main Card Container - Horizontal layout at desktop */
.receipt-card[b-n8jz2wbtt7] {
    display: flex;
    flex-direction: row;
}

/* Header Section - Left panel at desktop */
.receipt-card-header[b-n8jz2wbtt7] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 200px;
    max-width: 280px;
    padding: 0.625rem 0.75rem;
    border-right: 1px solid var(--fd-gray-200);
    background-color: var(--fd-gray-100);
    gap: 0.25rem;
}

/* Top Row: PDF + Warehouse + Badges */
.header-top-row[b-n8jz2wbtt7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.header-top-left[b-n8jz2wbtt7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Metadata rows */
.header-info[b-n8jz2wbtt7] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* Body Section - Receipt Lines (right side at desktop) */
.receipt-card-body[b-n8jz2wbtt7] {
    flex: 1;
    padding: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.no-lines[b-n8jz2wbtt7] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    color: var(--fd-gray-500);
}

/* ========================================
   Responsive - Stack vertically
   ======================================== */
@media (max-width: 992px) {
    .receipt-card[b-n8jz2wbtt7] {
        flex-direction: column;
    }

    .receipt-card-header[b-n8jz2wbtt7] {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        min-width: unset;
        max-width: unset;
        border-right: none;
        border-bottom: 1px solid var(--fd-gray-200);
        gap: 0.375rem 0.75rem;
    }

    .header-top-row[b-n8jz2wbtt7] {
        width: auto;
    }

    .header-info[b-n8jz2wbtt7] {
        flex-direction: row;
        gap: 0.75rem;
    }
}

@media (max-width: 768px) {
    .header-info[b-n8jz2wbtt7] {
        flex-direction: column;
        width: 100%;
    }
}
/* /Components/Cards/Request/RequestCard.razor.rz.scp.css */
/* ========================================
   RequestCard - Body & Inner Layout Styles
   ========================================
   Container, status borders, and responsive font-size
   are provided by the shared EntityCard component
   (entity-card.css). This file handles body layout only.
   ======================================== */

/* Body Section Layout */
.request-card-body[b-b3tb1v28eb] {
    display: flex;
    background-color: var(--fd-gray-100);
    padding: 0;
}

.request-body-left[b-b3tb1v28eb] {
    flex: 1;
    padding: 1rem 1.25rem;
    border-right: 1px solid var(--fd-gray-200);
    min-width: 0;
}

.request-body-right[b-b3tb1v28eb] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem 1.25rem;
    min-width: 140px;
    width: 200px;
}

.request-body-right .btn[b-b3tb1v28eb] {
    white-space: nowrap;
}

/* Hide buttons on small screens (below 768px) - use dropdown instead */
@media (max-width: 767.98px) {
    .request-body-right[b-b3tb1v28eb] {
        display: none;
    }

    .request-body-left[b-b3tb1v28eb] {
        border-right: none;
    }
}

/* Show buttons on larger screens (768px and above) */
@media (min-width: 768px) {
    .request-body-right[b-b3tb1v28eb] {
        display: flex;
    }
}

/* ========================================
   No Shipments State
   ======================================== */

.no-shipments[b-b3tb1v28eb] {
    padding: 1rem 0;
}

/* ========================================
   Responsive Styles
   ======================================== */

/* Phone: Reduce spacing */
@media (max-width: 767.98px) {
    .request-body-left[b-b3tb1v28eb] {
        padding: 0.75rem 1rem;
    }

    .no-shipments[b-b3tb1v28eb] {
        padding: 0.75rem 0;
    }
}
/* /Components/Cards/Request/RequestCardFooter.razor.rz.scp.css */
/* ========================================
   RequestCardFooter Styles
   ======================================== */

.request-card-footer[b-lv9br46vli] {
    padding: 0.75rem 1.25rem;
    background-color: var(--fd-gray-100);
    border-top: 1px solid var(--fd-gray-200);
    text-align: right;
}

.requested-by[b-lv9br46vli] {
    font-size: 0.8125rem;
    color: var(--fd-gray-600);
}

.requested-by strong[b-lv9br46vli] {
    color: var(--fd-gray-600);
}

/* ========================================
   Responsive Styles
   ======================================== */

/* Tablet: Scale text down slightly */
@media (max-width: 991.98px) {
    .request-card-footer[b-lv9br46vli] {
        font-size: 0.925em;
    }
}

/* Phone: Scale text down more */
@media (max-width: 767.98px) {
    .request-card-footer[b-lv9br46vli] {
        font-size: 0.85em;
        padding: 0.5rem 1rem;
    }

    .requested-by[b-lv9br46vli] {
        font-size: 0.75rem;
    }
}
/* /Components/Cards/Request/RequestCardHeader.razor.rz.scp.css */
/* ========================================
   RequestCardHeader Styles
   ======================================== */

.request-card-header[b-tkcg3czw9k] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: .5rem 1.25rem;
    border-bottom: 1px solid var(--fd-gray-200);
    background-color: var(--fd-surface-sunken);
}

.request-header-left[b-tkcg3czw9k] {
    display: flex;
    justify-content: start;
    text-align: start;
    flex-direction: column;
    gap: 0.25rem;
    font-size: .7em;
}

.request-number-row[b-tkcg3czw9k] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.25rem;
    flex-wrap: wrap;
}

.request-number[b-tkcg3czw9k] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--fd-primary-800);
    text-decoration: underline;
    line-height: 1.2;
}

.request-number:hover[b-tkcg3czw9k] {
    color: var(--fd-primary-600);
}

.request-status-row[b-tkcg3czw9k] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: nowrap;
    font-size: .7em;
}

/* Badge styling now handled by FdBadge/ShippingRequestBadge components and global badges.css */

.status-description[b-tkcg3czw9k] {
    color: var(--fd-gray-600);
    font-weight:500;
    font-size: 0.95rem;
}

.request-header-right[b-tkcg3czw9k] {
    display: flex;
    gap: 1.5rem;
    font-size: 0.875rem;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-top: 5px;
}

.ship-info[b-tkcg3czw9k] {
    display: flex;
    flex-direction: column;
    text-align: left;
    font-size: 0.8rem;
}

.ship-label[b-tkcg3czw9k] {
    color: var(--fd-text-muted);
    font-weight: 500;
}

.ship-value[b-tkcg3czw9k] {
    color: var(--fd-text-default);
    font-weight: 500;
}

.address-trigger[b-tkcg3czw9k] {
    cursor: pointer;
    border-bottom: 1px dashed var(--fd-text-muted);
    transition: all 0.15s ease;
}

.address-trigger:hover[b-tkcg3czw9k] {
    color: var(--fd-primary-500);
    border-bottom-color: var(--fd-primary-500);
}

/* Address Popover Styles */
.address-popover[b-tkcg3czw9k] {
    padding: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}

.address-name[b-tkcg3czw9k] {
    font-weight: 700;
    font-size: 1rem;
    color: var(--fd-text-default);
    margin-bottom: 0.25rem;
}

.address-line[b-tkcg3czw9k] {
    color: var(--fd-gray-600);
    font-weight: 400;
}

/* ========================================
   Options Dropdown Menu
   ======================================== */

.header-options-menu[b-tkcg3czw9k] {
    position: relative;
    margin-left: 0.5rem;
}

/* Hide dropdown menu on larger screens (768px and above) - use buttons instead */
@media (min-width: 768px) {
    .header-options-menu[b-tkcg3czw9k] {
        display: none;
    }
}

/* Show dropdown menu on small screens (below 768px) */
@media (max-width: 767.98px) {
    .header-options-menu[b-tkcg3czw9k] {
        display: block;
    }
}

/* Options menu button now uses FdButton component */

.options-dropdown[b-tkcg3czw9k] {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    min-width: 160px;
    margin-top: 0.25rem;
    padding: 0.25rem 0;
    background-color: var(--fd-surface-default);
    border: 1px solid var(--fd-gray-300);
    border-radius: 0.375rem;
    box-shadow: var(--fd-shadow-md);
}

.options-dropdown .dropdown-item[b-tkcg3czw9k] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    color: var(--fd-text-default);
    background-color: transparent;
    border: none;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.options-dropdown .dropdown-item:hover[b-tkcg3czw9k] {
    background-color: var(--fd-gray-50);
}

.options-dropdown .dropdown-item i[b-tkcg3czw9k] {
    color: var(--fd-text-muted);
}

/* ========================================
   Responsive Styles
   ======================================== */

/* Tablet: Scale text down slightly */
@media (max-width: 991.98px) {
    .request-card-header[b-tkcg3czw9k] {
        font-size: 0.925em;
    }

    .request-header-right[b-tkcg3czw9k] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .ship-info[b-tkcg3czw9k] {
        text-align: left;
    }
}

/* Phone: Scale text down more */
@media (max-width: 767.98px) {
    .request-card-header[b-tkcg3czw9k] {
        position: relative;
        flex-direction: column;
        gap: 0.5rem;
        font-size: 0.85em;
        padding: 0.5rem 1rem;
        padding-right: 2.5rem; /* Room for options menu */
    }

    .request-header-left[b-tkcg3czw9k] {
        width: 100%;
    }

    /* Hide ship from/to on phone - user can drill into request */
    .ship-info[b-tkcg3czw9k] {
        display: none;
    }

    /* Keep header-right for options menu positioning */
    .request-header-right[b-tkcg3czw9k] {
        position: static;
        width: auto;
    }

    /* Position options menu at top-right */
    .header-options-menu[b-tkcg3czw9k] {
        display: block !important;
        position: absolute;
        top: 0.5rem;
        right: 0.5rem;
        margin-left: 0;
    }

    .request-number[b-tkcg3czw9k] {
        font-size: 1rem;
    }

    .request-number-row[b-tkcg3czw9k] {
        flex-wrap: wrap;
        gap: 0.35rem;
    }

    .status-description[b-tkcg3czw9k] {
        font-size: 0.75rem;
    }

    .request-status-row[b-tkcg3czw9k] {
        gap: 0.5rem;
    }
}
/* /Components/Cards/Request/RequestCardInventoryTable.razor.rz.scp.css */
/* ========================================
   RequestCardInventoryTable Styles
   ======================================== */

.contents-table[b-ebpe99oq3b] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

    .contents-table thead[b-ebpe99oq3b] {
        background-color: var(--fd-gray-200);
        border-bottom: 1px solid var(--fd-gray-300);
    }

.contents-table th[b-ebpe99oq3b] {
    padding: 0.25rem 0.75rem;
    text-align: left;
    font-weight: 600;
    font-size: 0.8125rem;
}

.contents-table tbody tr[b-ebpe99oq3b] {
    border-bottom: 1px solid var(--fd-gray-200);
}

.contents-table tbody tr:last-child[b-ebpe99oq3b] {
    border-bottom: none;
}
    /*
.contents-table tbody tr:nth-child(even) {
    background-color: var(--fd-gray-50);
}

.contents-table tbody tr:nth-child(odd) {
    background-color: var(--fd-surface-default);
}*/

.contents-table td[b-ebpe99oq3b] {
    padding: 0.25rem;
    vertical-align: middle;
}

.line-number[b-ebpe99oq3b] {
    font-weight: 600;
    color: var(--fd-text-default);
    text-align: center;
    width: 40px;
}

.part-info[b-ebpe99oq3b] {
    display: flex;
    flex-direction: column;
}

.part-info strong[b-ebpe99oq3b] {
    color: var(--fd-text-default);
}

.part-desc[b-ebpe99oq3b] {
    font-size: 0.75rem;
    color: var(--fd-text-muted);
}

.part-sku[b-ebpe99oq3b] {
    color: var(--fd-text-muted);
    font-size: 0.8125rem;
}

.qty[b-ebpe99oq3b] {
    font-weight: 700;
    font-size: 1rem;
    padding-right:.75rem !important;
    color: var(--fd-text-default);
}

/* On Shipment column */
.on-shipment-header[b-ebpe99oq3b] {
    width: 100px;
}

.on-shipment-cell[b-ebpe99oq3b] {
    width: 100px;
}

.on-shipment-cell i[b-ebpe99oq3b] {
    font-size: 1.1rem;
}

.on-shipment-qty[b-ebpe99oq3b] {
    font-weight: 600;
    color: var(--fd-primary-500);
}

/* Delete column width */
.col-delete[b-ebpe99oq3b] {
    width: 40px;
}

/* Pending items variation */
.contents-table.pending-items[b-ebpe99oq3b] {
    background-color: var(--fd-gray-50);
    color: var(--fd-gray-600);
    border: 1px solid var(--fd-gray-300);
}

/* ========================================
   Responsive Styles
   ======================================== */

@media (max-width: 767.98px) {
    /* Hide table headers on mobile */
    .contents-table thead[b-ebpe99oq3b] {
        display: none;
    }

    .contents-table[b-ebpe99oq3b],
    .contents-table tbody[b-ebpe99oq3b] {
        display: block;
        width: 100%;
    }

    /* Each row becomes a flex container */
    .contents-table tbody tr[b-ebpe99oq3b] {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        padding: 0.5rem 0.25rem;
        gap: 0.15rem;
        position: relative;
    }

    .contents-table td[b-ebpe99oq3b] {
        display: block;
        padding: 0;
    }

    /* Line number - small badge style at left */
    .line-number[b-ebpe99oq3b] {
        position: absolute;
        left: 0;
        top: 0.5rem;
        width: 1.25rem;
        font-size: 0.65rem;
        text-align: center;
    }

    /* Part info container - takes most of the width */
    .contents-table td:nth-child(2)[b-ebpe99oq3b] {
        flex: 1 1 auto;
        padding-left: 1.5rem;
        min-width: 0;
    }

    .part-info[b-ebpe99oq3b] {
        display: flex;
        flex-direction: column;
    }

    /* Part SKU - on first row */
    .part-info strong[b-ebpe99oq3b] {
        font-size: 0.8rem;
        display: inline;
    }

    /* Description - full width below, smaller */
    .part-desc[b-ebpe99oq3b] {
        font-size: 0.7rem;
        margin-top: 0.15rem;
        order: 2;
    }

    /* Customer PO - positioned on same line as part SKU */
    .contents-table td.part-sku[b-ebpe99oq3b] {
        position: absolute;
        right: 2.5rem;
        top: 0.5rem;
        font-size: 0.65rem;
        color: var(--fd-text-muted);
        max-width: 40%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /* Quantity - positioned at right */
    .contents-table td:nth-child(4)[b-ebpe99oq3b] {
        position: absolute;
        right: 0.25rem;
        top: 0.5rem;
    }

    .qty[b-ebpe99oq3b] {
        font-size: 0.85rem;
        padding-right: 0 !important;
    }

    /* Delete button positioning */
    .contents-table td:last-child:has(.btn-link)[b-ebpe99oq3b] {
        position: absolute;
        right: 0.25rem;
        top: 50%;
        transform: translateY(-50%);
    }
}
/* /Components/Cards/Request/RequestCardMergedInfo.razor.rz.scp.css */
/* ========================================
   RequestCardMergedInfo Styles
   ======================================== */

.merged-requests-section[b-o6w8ikwa3n] {
    font-size: 0.875rem;
    color: var(--fd-text-muted);
}

/* /Components/Cards/Request/RequestCardPendingItems.razor.rz.scp.css */
/* ========================================
   RequestCardPendingItems Styles
   ======================================== */

.pending-items-section[b-jrv905uf43] {
    /* Container for the pending items block */
}

.pending-items-header[b-jrv905uf43] {
    /*background-color: #f8f9fa;*/
    border: 1px solid var(--fd-gray-200);
    border-bottom: none;
    border-radius: 0.375rem 0.375rem 0 0;
}
/* /Components/Cards/Request/RequestCardShipment.razor.rz.scp.css */
/* ========================================
   RequestCardShipment Styles
   ======================================== */

.shipment-section[b-ffcse2i2px] {
}

.shipment-section:last-child[b-ffcse2i2px] {
    margin-bottom: 0;
}

.shipment-header[b-ffcse2i2px] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background-color: var(--fd-gray-50);
    border: 1px solid var(--fd-gray-200);
    border-radius: 0.375rem 0.375rem 0 0;
}

.shipment-title[b-ffcse2i2px] {
    font-weight: 600;
    color: var(--fd-primary-800);
    text-decoration: underline;
}

.shipment-title:hover[b-ffcse2i2px] {
    color: var(--fd-primary-600);
}

.shipment-status[b-ffcse2i2px] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--fd-success-600);
    text-transform: uppercase;
}

.shipment-details[b-ffcse2i2px] {
    padding: 1rem;
    background: var(--fd-gray-50);
}

.shipment-wrapper[b-ffcse2i2px] {
    border-radius: var(--fd-border-radius-md);
    box-shadow: var(--fd-shadow-sm);
    margin-bottom: var(--fd-spacing-6);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: var(--fd-border-width) solid var(--fd-gray-200);
}

.shipment-info-grid[b-ffcse2i2px] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

.info-column[b-ffcse2i2px] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* Applied via ValueClass on InfoRow */
.tracking-number[b-ffcse2i2px] {
    color: var(--fd-primary-500);
    font-weight: 500;
}

/* ========================================
   Shipment Items Section
   ======================================== */

.shipment-items-section[b-ffcse2i2px] {
    padding: .5rem;
    background-color: var(--fd-gray-50);
    border: 1px solid var(--fd-gray-200);
    border-top: none;
    border-radius: 0 0 0.375rem 0.375rem;
    overflow: hidden;
}

.shipment-items-header[b-ffcse2i2px] {
    padding: 0.25rem 1rem;
    background-color: var(--fd-gray-50);
    color: var(--fd-gray-600);
    font-weight: 600;
    font-size: 0.875rem;
    border-bottom: 1px solid var(--fd-gray-200);
}

/* ========================================
   Unpackaged Contents
   ======================================== */

.unpackaged-contents-item[b-ffcse2i2px] {
    background-color: var(--fd-gray-50);
}

.shipment-item[b-ffcse2i2px] {
    background-color: var(--fd-gray-50);
    color: var(--fd-gray-600);
    border-bottom: 1px solid var(--fd-gray-200);
}

.shipment-item:last-child[b-ffcse2i2px] {
    border-bottom: none;
}

.shipment-item-header[b-ffcse2i2px] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
}

.expand-btn[b-ffcse2i2px] {
    padding: 0.25rem;
    border: none;
    background: transparent;
    color: var(--fd-text-muted);
    cursor: pointer;
    border-radius: 0.25rem;
}

.expand-btn:hover[b-ffcse2i2px] {
    background-color: var(--fd-gray-200);
    color: var(--fd-text-default);
}

.item-title[b-ffcse2i2px] {
    flex: 1;
    font-size: 0.975rem;
    min-width: 0;
}

.item-type.unpackaged-items[b-ffcse2i2px] {
    display: flex;
}

.item-type[b-ffcse2i2px] {
    font-size: 0.975rem;
    color: var(--fd-text-muted);
}

.shipment-item-contents[b-ffcse2i2px] {
    padding: 0;
    background-color: var(--fd-gray-50);
    border-top: 1px solid var(--fd-gray-200);
}

/* ========================================
   Shipment Footer
   ======================================== */

.shipment-footer[b-ffcse2i2px] {
    display: flex;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    background-color: var(--fd-gray-50);
    border: 1px solid var(--fd-gray-200);
    border-top: none;
    font-size: 0.75rem;
    color: var(--fd-text-muted);
}

.shipment-footer-left[b-ffcse2i2px],
.shipment-footer-right[b-ffcse2i2px] {
    display: flex;
    flex-direction: column;
}

/* ========================================
   Responsive Styles
   ======================================== */

/* Tablet: Scale down and stack grid */
@media (max-width: 991.98px) {
    .shipment-header[b-ffcse2i2px] {
        padding: 0.5rem 0.75rem;
    }

    .shipment-title[b-ffcse2i2px] {
        font-size: 0.9rem;
    }

    .shipment-status[b-ffcse2i2px] {
        font-size: 0.8rem;
    }

    .shipment-info-grid[b-ffcse2i2px] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .info-column[b-ffcse2i2px] {
        gap: 0.35rem;
    }

    .shipment-items-header[b-ffcse2i2px] {
        font-size: 0.8rem;
        padding: 0.2rem 0.75rem;
    }

    .shipment-footer[b-ffcse2i2px] {
        font-size: 0.7rem;
        padding: 0.5rem 0.75rem;
    }
}

/* Phone: Further reductions */
@media (max-width: 767.98px) {
    .shipment-header[b-ffcse2i2px] {
        padding: 0.4rem 0.5rem;
    }

    .shipment-title[b-ffcse2i2px] {
        font-size: 0.85rem;
    }

    .shipment-status[b-ffcse2i2px] {
        font-size: 0.75rem;
    }

    .shipment-details[b-ffcse2i2px] {
        padding: 0.5rem;
    }

    .shipment-info-grid[b-ffcse2i2px] {
        gap: 0.5rem;
        max-width: 320px;
        margin: 0 auto;
    }

    .info-column[b-ffcse2i2px] {
        gap: 0.15rem;
        padding: 0 !important;
    }

    .shipment-items-section[b-ffcse2i2px] {
        padding: 0.25rem;
    }

    .shipment-items-header[b-ffcse2i2px] {
        font-size: 0.75rem;
        padding: 0.15rem 0.5rem;
    }

    .shipment-item-header[b-ffcse2i2px] {
        padding: 0.35rem 0.5rem;
        gap: 0.35rem;
    }

    .item-title[b-ffcse2i2px] {
        font-size: 0.85rem;
    }

    .item-type[b-ffcse2i2px] {
        font-size: 0.75rem;
    }

    .shipment-footer[b-ffcse2i2px] {
        flex-direction: column;
        gap: 0.35rem;
        font-size: 0.65rem;
        padding: 0.4rem 0.5rem;
    }
}
/* /Components/Cards/Shipment/ShipmentCard.razor.rz.scp.css */
/* ========================================
   ShipmentCard - Header, Body & Inner Layout
   ========================================
   Container, status borders, and responsive font-size
   are provided by the shared EntityCard component.
   Inventory line styling provided by CardInventoryLine.
   PDF button/placeholder provided by CardPdfButton.
   Entity link provided by CardEntityLink.
   Warehouse code badge provided by CardWarehouseCode.
   ======================================== */

/* ========================================
   Header Section
   ======================================== */

.shipment-card-header[b-cwzryuxbpb] {
    display: flex;
    padding: 0.5rem 0.75rem;
    background: var(--fd-gray-50);
    border-bottom: 1px solid var(--fd-gray-200);
    align-items: flex-start;
    gap: 1rem;
}

/* Icons: AJ on top, PDF below */
.header-icons[b-cwzryuxbpb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    flex-shrink: 0;
}

/* Identity: Request link + badges row, Shipment link below */
.header-identity[b-cwzryuxbpb] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    flex-shrink: 0;
}

/* Inline row: prominent request link + task/project badges */
.identity-row[b-cwzryuxbpb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* Logistics: Carrier / Service / Tracking grouped — centered in available space */
.header-logistics[b-cwzryuxbpb] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    flex-shrink: 0;
    margin: 0 auto;
}

/* Destination: Ship To + Task badges — right-aligned column */
.header-destination[b-cwzryuxbpb] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.25rem;
    flex-shrink: 0;
    text-align: right;
}


/* ========================================
   Body Section - Two Column Layout
   ======================================== */

.shipment-card-body[b-cwzryuxbpb] {
    display: flex;
    flex-direction: column;
    margin: 0;
}

.shipment-item-row[b-cwzryuxbpb] {
    display: flex;
    border-bottom: 1px solid var(--fd-gray-200);
}

.shipment-item-row:last-child[b-cwzryuxbpb] {
    border-bottom: none;
}

/* Left Column - Item Info */
.item-info-column[b-cwzryuxbpb] {
    flex: 0 0 28%;
    max-width: 28%;
    padding: 0.375rem 0.625rem;
    background: var(--fd-gray-50);
    border-right: 1px solid var(--fd-gray-200);
}

.item-info-column.unassigned[b-cwzryuxbpb] {
    opacity: 0.6;
}

.item-header[b-cwzryuxbpb] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    cursor: pointer;
    padding: 0.125rem 0;
}

.item-header:hover .item-name[b-cwzryuxbpb] {
    text-decoration: underline;
    color: var(--fd-primary-500);
}

.item-icon[b-cwzryuxbpb] {
    font-size: 1rem;
    color: var(--fd-gray-600);
}

.item-name[b-cwzryuxbpb] {
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--fd-primary-500);
}

.item-details[b-cwzryuxbpb] {
    padding-left: 1.375rem;
    color: var(--fd-text-muted);
    line-height: 1.3;
}

.item-detail[b-cwzryuxbpb] {
    font-size: 0.75rem;
    font-weight: 500;
}

.detail-label[b-cwzryuxbpb] {
    font-weight: 400;
}

/* Right Column - Inventory */
.inventory-column[b-cwzryuxbpb] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: var(--fd-surface-default);
}

.no-inventory[b-cwzryuxbpb] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem;
    height: 100%;
}

.no-contents[b-cwzryuxbpb] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    color: var(--fd-text-muted);
}

/* ========================================
   Responsive Styles
   ======================================== */

@media (max-width: 992px) {
    .item-info-column[b-cwzryuxbpb] {
        flex: 0 0 35%;
        max-width: 35%;
    }
}

@media (max-width: 768px) {
    .shipment-card-header[b-cwzryuxbpb] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.25rem;
        position: relative;
        padding-right: 4.5rem; /* Reserve space for icons top-right */
    }

    /* Icons: top-right corner */
    .header-icons[b-cwzryuxbpb] {
        position: absolute;
        top: 0.5rem;
        right: 0.75rem;
        flex-direction: row;
        gap: 0.375rem;
    }

    /* Identity, Logistics: full width stacked */
    .header-identity[b-cwzryuxbpb],
    .header-logistics[b-cwzryuxbpb] {
        width: 100%;
    }

    /* Destination: full width */
    .header-destination[b-cwzryuxbpb] {
        width: 100%;
        align-items: flex-start;
        margin-left: 0;
    }

    /* On mobile, also push logistics margin reset */
    .header-logistics[b-cwzryuxbpb] {
        margin: 0;
    }

    .shipment-item-row[b-cwzryuxbpb] {
        flex-direction: column;
    }

    .item-info-column[b-cwzryuxbpb] {
        flex: none;
        max-width: 100%;
        border-right: none;
        border-bottom: 1px solid var(--fd-gray-200);
    }

    .inventory-column[b-cwzryuxbpb] {
        width: 100%;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-l56madtz1s] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-l56madtz1s] {
    flex: 1;
}

.sidebar[b-l56madtz1s] {
    background-image: linear-gradient(180deg, var(--fd-primary-700) 0%, var(--fd-gray-900) 70%);
}

.top-row[b-l56madtz1s] {
    background-color: var(--fd-gray-50);
    border-bottom: 1px solid var(--fd-gray-300);
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-l56madtz1s]  a, .top-row[b-l56madtz1s]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-l56madtz1s]  a:hover, .top-row[b-l56madtz1s]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-l56madtz1s]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }


@media (max-width: 640.98px) {
    .top-row[b-l56madtz1s] {
        justify-content: space-between;
    }

    .top-row[b-l56madtz1s]  a, .top-row[b-l56madtz1s]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-l56madtz1s] {
        flex-direction: row;
    }

    .sidebar[b-l56madtz1s] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-l56madtz1s] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-l56madtz1s]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-l56madtz1s], article[b-l56madtz1s] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

/* Cart flyout styling */
.cart-flyout-content[b-l56madtz1s] {
    padding: 2rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}

    .cart-flyout-content h2[b-l56madtz1s] {
        margin-bottom: 1.5rem;
        padding-bottom: 1rem;
        border-bottom: 2px solid var(--fd-gray-300);
    }

    .cart-flyout-content p[b-l56madtz1s] {
        color: var(--fd-gray-500);
        font-style: italic;
    }

/* Sidebar Customer Selector styling */
.sidebar-customer-selector[b-l56madtz1s] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--fd-gray-200);
    background-color: var(--fd-gray-50);
}

/* Sidebar Reports Section - Loading and Empty States */
.sidebar-reports-loading[b-l56madtz1s],
.sidebar-reports-empty[b-l56madtz1s] {
    padding: 8px 16px 8px 40px;
    font-size: 0.8rem;
}
/* /Components/Layout/NavElementCart.razor.rz.scp.css */
/* NavElementCart Styles */

.myButton[b-pvxi9hz6te] {
    background-color: transparent;
    position: relative;
    cursor: pointer;
}

/* Scale cart SVG to match icon button proportions */
.myButton svg[b-pvxi9hz6te] {
    width: 48px;
    height: 28px;
}
/* /Components/Layout/NavElementSelectedCustomer.razor.rz.scp.css */
/* Main dropdown container */
.customer-contract-dropdown[b-vik6i48mha] {
    min-width: 280px;
    max-width: 350px;
}

/* In sidebar - make it full width */
.sidebar-customer-selector .customer-contract-dropdown[b-vik6i48mha] {
    min-width: 100%;
    max-width: 100%;
}

/* Value template container */
.value-template-container[b-vik6i48mha] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    padding: 0;
}

/* Customer name - bold */
.customer-name[b-vik6i48mha] {
    font-weight: 600;
    font-size: 0.8rem;
    line-height: 1.2;
    color: var(--fd-gray-900) !important;
}

/* Contract name - lighter */
.contract-name[b-vik6i48mha] {
    font-weight: 400;
    font-size: 0.7rem;
    line-height: 1.2;
    color: var(--fd-gray-500) !important;
}

/* Order/COI badge width */
.order-badge[b-vik6i48mha] {
    width: 32px;
}

/* Item name truncation widths */
.item-name-with-coi[b-vik6i48mha] {
    max-width: 436px;
}

.item-name[b-vik6i48mha] {
    max-width: 468px;
}
/* /Components/Modals/AddAddressModal.razor.rz.scp.css */
/* AddAddressModal Styles */

.state-field[b-4vbl8kgd6y] {
    width: 100px;
}

.zip-field[b-4vbl8kgd6y] {
    width: 150px;
}
/* /Components/Modals/AddressSelectionModal.razor.rz.scp.css */
.address-list[b-z8ue7e86yw] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-height: 400px;
    overflow-y: auto;
}

.address-option[b-z8ue7e86yw] {
    position: relative;
    padding: 0.75rem 1rem;
    border: 1px solid var(--fd-border-default);
    border-radius: 0.375rem;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
}

.address-option:hover[b-z8ue7e86yw] {
    background-color: var(--fd-gray-50);
    border-color: var(--fd-gray-400);
}

.address-option.selected[b-z8ue7e86yw] {
    background-color: var(--fd-primary-50);
    border-color: var(--fd-primary-500);
}

.address-name[b-z8ue7e86yw] {
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.address-details[b-z8ue7e86yw] {
    line-height: 1.4;
}

.selected-badge[b-z8ue7e86yw] {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
}
/* /Components/Modals/CartSubmitConfirmationModal.razor.rz.scp.css */
.confirmation-content[b-6brverqcnh] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Submitting state - center the loading indicator and remove scroll artifacts */
.confirmation-content.submitting[b-6brverqcnh] {
    min-height: 200px;
    justify-content: center;
    align-items: center;
}

/* Override loading state inline variant to fit content, not expand */
.confirmation-content[b-6brverqcnh]  .fd-loading-state,
.confirmation-content[b-6brverqcnh]  .fd-loading-state-inline {
    flex: 0 0 auto;
    height: auto;
    min-height: auto;
    padding: var(--fd-spacing-8);
}

.section-title[b-6brverqcnh] {
    margin-bottom: 1rem;
    font-weight: 600;
    color: var(--fd-gray-600);
}

/* Special Options Section */
.special-options-section[b-6brverqcnh] {
    padding: 1rem;
    background: var(--fd-gray-50);
    border-radius: 0.375rem;
    border: 1px solid var(--fd-border-default);
}

.option-row[b-6brverqcnh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--fd-gray-200);
}

.option-row:last-child[b-6brverqcnh] {
    border-bottom: none;
}

.option-label[b-6brverqcnh] {
    font-weight: 500;
    color: var(--fd-text-default);
}

.tampering-row[b-6brverqcnh] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
}

.tampering-row .k-radio-list[b-6brverqcnh] {
    margin-top: 0.5rem;
    padding-left: 0.5rem;
}

/* Notes Section */
.notes-section[b-6brverqcnh] {
    border: 1px solid var(--fd-border-default);
    border-radius: 0.375rem;
    overflow: hidden;
}

.notes-section[b-6brverqcnh]  .notes-container {
    margin: 0;
}

.notes-section[b-6brverqcnh]  .card {
    border: none;
    border-radius: 0;
}

/* Documents Section */
.documents-section[b-6brverqcnh] {
    border: 1px solid var(--fd-border-default);
    border-radius: 0.375rem;
    overflow: hidden;
}

.documents-section[b-6brverqcnh]  .document-container {
    margin: 0;
}

/* Footer Buttons */
.modal-footer-buttons[b-6brverqcnh] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.75rem 0;
}

/* Confirmation Summary */
.confirmation-summary[b-6brverqcnh] {
    margin-top: 0.75rem;
    padding: 0.5rem;
    background: var(--fd-gray-50);
    border-radius: 0.25rem;
}

.confirmation-summary div[b-6brverqcnh] {
    padding: 0.125rem 0;
}
/* /Components/Modals/ContactUsModal.razor.rz.scp.css */
.contact-us-content[b-cnxu4v60we] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-group[b-cnxu4v60we] {
    margin-bottom: 0;
}

.form-label[b-cnxu4v60we] {
    display: block;
    font-weight: 500;
    color: var(--fd-text-default);
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
}

.form-text[b-cnxu4v60we] {
    margin-top: 0.5rem;
    font-size: 0.8rem;
    color: var(--fd-text-muted);
}
/* /Components/Modals/RequestModifyModal.razor.rz.scp.css */
.modify-content[b-rpowkj1tz1] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Section styling */
.modify-section[b-rpowkj1tz1] {
    padding: 1rem;
    background: var(--fd-gray-50);
    border-radius: 0.375rem;
    border: 1px solid var(--fd-border-default);
}

.section-title[b-rpowkj1tz1] {
    margin-bottom: 1rem;
    font-weight: 600;
    color: var(--fd-gray-600);
    font-size: 0.9rem;
}

/* Form layout */
.form-row[b-rpowkj1tz1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.form-row.single-column[b-rpowkj1tz1] {
    grid-template-columns: 1fr;
}

.form-group[b-rpowkj1tz1] {
    margin-bottom: 0.75rem;
}

.form-group:last-child[b-rpowkj1tz1] {
    margin-bottom: 0;
}

.form-label[b-rpowkj1tz1] {
    display: block;
    font-weight: 500;
    color: var(--fd-text-default);
    margin-bottom: 0.25rem;
    font-size: 0.875rem;
}

/* Address selection */
.address-selection[b-rpowkj1tz1] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 0.75rem;
    background: var(--fd-surface-default);
    border: 1px solid var(--fd-gray-300);
    border-radius: 0.25rem;
}

.address-display[b-rpowkj1tz1] {
    flex: 1;
}

.selected-address[b-rpowkj1tz1] {
    font-size: 0.875rem;
    line-height: 1.4;
}

/* Special options */
.option-row[b-rpowkj1tz1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--fd-gray-200);
}

.option-row:last-child[b-rpowkj1tz1] {
    border-bottom: none;
    padding-bottom: 0;
}

.option-row:first-child[b-rpowkj1tz1] {
    padding-top: 0;
}

.option-label[b-rpowkj1tz1] {
    font-weight: 500;
    color: var(--fd-text-default);
    font-size: 0.875rem;
}

.tampering-row[b-rpowkj1tz1] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
}

.tampering-row .k-radio-list[b-rpowkj1tz1] {
    margin-top: 0.5rem;
    padding-left: 0.5rem;
}

/* Notes Section */
.notes-section[b-rpowkj1tz1] {
    padding: 0;
    background: transparent;
    border: 1px solid var(--fd-border-default);
    overflow: hidden;
}

.notes-section[b-rpowkj1tz1]  .notes-container {
    margin: 0;
}

.notes-section[b-rpowkj1tz1]  .card {
    border: none;
    border-radius: 0;
}

/* Documents Section */
.documents-section[b-rpowkj1tz1] {
    padding: 0;
    background: transparent;
    border: 1px solid var(--fd-border-default);
    overflow: hidden;
}

.documents-section[b-rpowkj1tz1]  .document-container {
    margin: 0;
}

/* Responsive adjustments */
@media (max-width: 576px) {
    .form-row[b-rpowkj1tz1] {
        grid-template-columns: 1fr;
    }

    .address-selection[b-rpowkj1tz1] {
        flex-direction: column;
    }

    .option-row[b-rpowkj1tz1] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
}
/* /Components/Pages/CustomerOrder.razor.rz.scp.css */
/* CustomerOrder Detail Page Styles */

/* Status badge container needs minimum width for consistent layout */
.drilldown-status-badge[b-hkkc2zj3w6] {
    min-width: 120px;
}

/* Status breakdown clickable items */
.status-clickable[b-hkkc2zj3w6] {
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
    user-select: none;
}

.status-clickable:hover[b-hkkc2zj3w6] {
    transform: translateY(-1px);
    box-shadow: var(--fd-shadow-sm);
    filter: brightness(0.97);
}

.status-clickable:active[b-hkkc2zj3w6] {
    transform: translateY(0);
    box-shadow: var(--fd-shadow-xs);
}
/* /Components/Pages/CustomerPO.razor.rz.scp.css */
/* Summary Card - Used for Order cards with rich information */
.summary-card[b-lhigsn6hym] {
    background: var(--fd-surface-default);
    border: 1px solid var(--fd-gray-300);
    border-radius: 0.5rem;
    box-shadow: var(--fd-shadow-sm);
    overflow: hidden;
    transition: box-shadow 0.15s ease, transform 0.15s ease;
    display: flex;
    flex-direction: column;
}

.summary-card:hover[b-lhigsn6hym] {
    box-shadow: var(--fd-shadow-md);
    transform: translateY(-2px);
}

.summary-card.clickable-card[b-lhigsn6hym] {
    cursor: pointer;
}

/* Status-based left border accent */
.summary-card.status-new[b-lhigsn6hym],
.summary-card.status-ordered[b-lhigsn6hym] {
    border-left: 4px solid var(--fd-primary-500);
}

.summary-card.status-in-transit[b-lhigsn6hym],
.summary-card.status-receiving[b-lhigsn6hym] {
    border-left: 4px solid var(--fd-accent-600);
}

.summary-card.status-received[b-lhigsn6hym] {
    border-left: 4px solid var(--fd-info-500);
}

.summary-card.status-partially-shipped[b-lhigsn6hym] {
    border-left: 4px solid var(--fd-warning-500);
}

.summary-card.status-shipped[b-lhigsn6hym] {
    border-left: 4px solid var(--fd-success-600);
}

/* Card Header */
.summary-card-header[b-lhigsn6hym] {
    padding: 0.875rem 1rem;
    background: linear-gradient(135deg, var(--fd-gray-50) 0%, var(--fd-gray-100) 100%);
    border-bottom: 1px solid var(--fd-border-default);
}

.summary-card-title[b-lhigsn6hym] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--fd-primary-500);
    margin: 0;
}

.summary-card-subtitle[b-lhigsn6hym] {
    font-size: 0.75rem;
    color: var(--fd-gray-500);
    display: block;
    margin-top: 0.25rem;
}

/* Progress Section */
.summary-card-progress[b-lhigsn6hym] {
    padding: 0.875rem 1rem;
    background: var(--fd-surface-default);
}

.progress-dual[b-lhigsn6hym] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.progress-item[b-lhigsn6hym] {
    display: flex;
    flex-direction: column;
}

.progress-header[b-lhigsn6hym] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.375rem;
}

.progress-label[b-lhigsn6hym] {
    font-size: 0.6875rem;
    color: var(--fd-gray-500);
    text-transform: uppercase;
    letter-spacing: 0.025em;
    font-weight: 500;
}

.progress-value[b-lhigsn6hym] {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--fd-gray-800);
}

.progress-detail[b-lhigsn6hym] {
    font-size: 0.6875rem;
    color: var(--fd-gray-400);
    text-align: right;
    margin-top: 0.25rem;
}

/* Top Items Preview */
.summary-card-items[b-lhigsn6hym] {
    padding: 0.75rem 1rem;
    background: var(--fd-surface-sunken);
    border-top: 1px solid var(--fd-gray-100);
    flex-grow: 1;
}

.items-label[b-lhigsn6hym] {
    font-size: 0.625rem;
    color: var(--fd-gray-400);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
    display: block;
    margin-bottom: 0.5rem;
}

.items-list[b-lhigsn6hym] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.items-list li[b-lhigsn6hym] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0.25rem 0;
    font-size: 0.75rem;
    border-bottom: 1px dashed var(--fd-gray-200);
}

.items-list li:last-child[b-lhigsn6hym] {
    border-bottom: none;
}

.item-desc[b-lhigsn6hym] {
    color: var(--fd-gray-700);
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 0.5rem;
}

.item-qty[b-lhigsn6hym] {
    color: var(--fd-gray-500);
    font-weight: 500;
    white-space: nowrap;
}

/* Footer Badges */
.summary-card-footer[b-lhigsn6hym] {
    padding: 0.5rem 1rem;
    background: var(--fd-surface-default);
    border-top: 1px solid var(--fd-gray-100);
    min-height: 2.25rem;
}

/* Status badge container needs minimum width for consistent layout */
.drilldown-status-badge[b-lhigsn6hym] {
    min-width: 120px;
}

/* Expandable badge styles now in badges.css via FdExpandBadge */
/* /Components/Pages/Inventory.razor.rz.scp.css */
/* Scoped styles for Inventory page */

.initial-data-loader .k-loader-container-overlay.k-overlay-light[b-yaz227sybo] {
    background-color: var(--fd-surface-default);
}

.k-loader-container[b-yaz227sybo] {
    z-index: 100;
}

/* Fix for invisible selected page number in pager */
[b-yaz227sybo] .k-pager .k-button.k-selected,
[b-yaz227sybo] .k-pager-numbers .k-button.k-selected {
    background-color: var(--fd-primary-600) !important;
    color: var(--fd-text-inverse) !important;
    border-color: var(--fd-primary-600) !important;
}

/* Ensure hover state is also visible */
[b-yaz227sybo] .k-pager .k-button.k-selected:hover,
[b-yaz227sybo] .k-pager-numbers .k-button.k-selected:hover {
    background-color: var(--fd-primary-700) !important;
    color: var(--fd-text-inverse) !important;
}


/* ===== Mobile Inventory Header ===== */

.inv-mobile-header[b-yaz227sybo] {
    padding: 0.75rem 1rem 0.5rem;
    flex-shrink: 0;
}

.inv-mobile-header-top[b-yaz227sybo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.inv-mobile-title[b-yaz227sybo] {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0;
    color: var(--fd-text-default);
}

/* Make warehouse dropdown compact inline */
.inv-mobile-header-top[b-yaz227sybo]  .d-inline-flex {
    flex-direction: row !important;
    align-items: center;
    gap: 0.375rem;
    margin-right: 0 !important;
}

.inv-mobile-header-top[b-yaz227sybo]  .form-label {
    display: none;
}

.inv-mobile-header-top[b-yaz227sybo]  .form-select {
    font-size: 0.8125rem;
    padding: 0.25rem 2rem 0.25rem 0.5rem;
    width: auto;
    max-width: 200px;
}

/* ===== Mobile Inventory Card Styles ===== */

/* Top row: part info left, selector right */
[b-yaz227sybo] .inv-card-top {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.375rem;
}

[b-yaz227sybo] .inv-card-part-info {
    min-width: 0;
    flex: 1;
}

[b-yaz227sybo] .inv-card-part {
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--fd-gray-900);
    line-height: 1.3;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Description in italics, truncated to 1 line */
[b-yaz227sybo] .inv-card-desc {
    font-size: 0.75rem;
    font-style: italic;
    color: var(--fd-gray-500);
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Qty selector sits on the right */
[b-yaz227sybo] .inv-card-selector {
    flex-shrink: 0;
}

/* Qty badge (non-shop mode) */
[b-yaz227sybo] .inv-card-qty-badge {
    flex-shrink: 0;
    background: var(--fd-gray-100);
    color: var(--fd-gray-700);
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.125rem 0.5rem;
    border-radius: 999px;
    white-space: nowrap;
}

/* Meta tags row */
[b-yaz227sybo] .inv-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

[b-yaz227sybo] .inv-card-tag {
    font-size: 0.6875rem;
    color: var(--fd-gray-600);
    background: var(--fd-gray-50);
    border: 1px solid var(--fd-gray-200);
    border-radius: 0.25rem;
    padding: 0.0625rem 0.375rem;
    white-space: nowrap;
}

/* ===== Sticky Cart Bar ===== */

[b-yaz227sybo] .inv-cart-bar {
    position: sticky;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    background: var(--fd-surface-default);
    border-top: 1px solid var(--fd-gray-200);
    box-shadow: var(--fd-shadow-sm);
    padding: 0.75rem 1.25rem;
    margin: 0 -1rem;
    z-index: 20;
}

[b-yaz227sybo] .inv-cart-bar-info {
    display: flex;
    flex-direction: column;
    gap: 0.0625rem;
    min-width: 0;
}

[b-yaz227sybo] .inv-cart-bar-count {
    font-size: 0.75rem;
    color: var(--fd-gray-500);
}

[b-yaz227sybo] .inv-cart-bar-qty {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--fd-gray-900);
}

[b-yaz227sybo] .inv-cart-bar-actions {
    display: flex;
    gap: 0.5rem;
    flex-shrink: 0;
}
/* /Components/Pages/Receipt.razor.rz.scp.css */
/* Receipt Detail Page Styles - Using PageLayout component */

/* ===== CONTENT WRAPPER ===== */

.receipt-content[b-tnr115frup] {
    /* Content inside PageLayout body - no longer need padding/max-width, PageLayout handles that */
}

/* ===== INFO ROWS ===== */

.info-row[b-tnr115frup] {
    display: flex;
    justify-content: space-between;
    padding: 0.375rem 0;
    border-bottom: 1px solid var(--fd-gray-100);
}

.info-row:last-child[b-tnr115frup] {
    border-bottom: none;
}

.info-label[b-tnr115frup] {
    color: var(--fd-text-muted);
    font-weight: 500;
    flex-shrink: 0;
    margin-right: 1rem;
    min-width: 100px;
    font-size: 0.9rem;
}

.info-value[b-tnr115frup] {
    text-align: right;
    word-break: break-word;
    font-weight: 500;
}

/* ===== TIMELINE SIMPLE ===== */

.timeline-simple[b-tnr115frup] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.timeline-item[b-tnr115frup] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.timeline-item i[b-tnr115frup] {
    font-size: 1.25rem;
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.timeline-item.pending i[b-tnr115frup] {
    opacity: 0.5;
}

.timeline-content[b-tnr115frup] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    align-items: baseline;
}

/* ===== SUMMARY STATS ===== */

.summary-stats[b-tnr115frup] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.stat-box[b-tnr115frup] {
    text-align: center;
    padding: 1rem;
    background: var(--fd-gray-50);
    border-radius: 0.5rem;
}

.stat-number[b-tnr115frup] {
    display: block;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--fd-gray-800);
}

.stat-label[b-tnr115frup] {
    display: block;
    font-size: 0.75rem;
    color: var(--fd-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 0.25rem;
}

/* ===== PACKING SLIP SECTION ===== */

.packing-slip-section[b-tnr115frup] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 0;
}

/* ===== PART HOLDER ===== */

.part-holder[b-tnr115frup] {
    line-height: 1.4;
}

.part-name[b-tnr115frup] {
    font-weight: 500;
}

.part-desc[b-tnr115frup] {
    font-size: 0.875rem;
}

/* ===== NOTES ===== */

.notes-list[b-tnr115frup] {
    max-height: none;
}

.note-item[b-tnr115frup] {
    background-color: var(--fd-surface-default);
    transition: box-shadow 0.2s;
}

.note-item:hover[b-tnr115frup] {
    box-shadow: var(--fd-shadow-sm);
}

.note-text[b-tnr115frup] {
    white-space: pre-wrap;
    word-wrap: break-word;
}

/* ===== TABLE STYLING ===== */

.table th[b-tnr115frup] {
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--fd-text-muted);
}

.table td[b-tnr115frup] {
    vertical-align: middle;
}

/* Table column widths */
.col-line-number[b-tnr115frup] {
    width: 60px;
}

.col-project[b-tnr115frup] {
    width: 120px;
}

.col-qty[b-tnr115frup] {
    width: 100px;
}

.col-received[b-tnr115frup] {
    width: 140px;
}

/* ===== RESPONSIVE ===== */

@media (max-width: 768px) {
    .summary-stats[b-tnr115frup] {
        grid-template-columns: repeat(3, 1fr);
    }

    .stat-number[b-tnr115frup] {
        font-size: 1.25rem;
    }

    .info-row[b-tnr115frup] {
        flex-direction: column;
        gap: 0.25rem;
    }

    .info-label[b-tnr115frup] {
        min-width: auto;
    }

    .info-value[b-tnr115frup] {
        text-align: left;
    }
}

@media (max-width: 576px) {
    .summary-stats[b-tnr115frup] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Receipts.razor.rz.scp.css */
/* ========================================
   Receipts Page Styles
   ======================================== */

.receipts-breadcrumb-header[b-341edjv35j] {
    background: var(--fd-gray-50);
}

.receipts-filter-bar[b-341edjv35j] {
    display: flex;
    justify-content: flex-start;
    gap: 1rem;
    padding: 1rem 0.5rem 0 0;
    flex-wrap: wrap;
    align-items: center;
}

.receipts-search[b-341edjv35j] {
    min-width: 200px;
    max-width: 320px;
}

.receipts-body[b-341edjv35j] {
    padding: 0.75rem 1rem;
    min-height: 400px;
}

.receipts-cards[b-341edjv35j] {
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: center;
    max-width: 1250px;
    margin: 0 auto;
    width: 100%;
}

/* ========================================
   Date Separator (line-through style)
   ======================================== */

.date-separator[b-341edjv35j] {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1150px;
    margin: 1.25rem 0 0.75rem 0;
}

.date-separator:first-child[b-341edjv35j] {
    margin-top: 0.5rem;
}

.date-separator[b-341edjv35j]::before,
.date-separator[b-341edjv35j]::after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--fd-gray-300);
}

.date-separator[b-341edjv35j]::before {
    margin-right: 1rem;
}

.date-separator[b-341edjv35j]::after {
    margin-left: 1rem;
}

.date-text[b-341edjv35j] {
    background: var(--fd-gray-50);
    color: var(--fd-gray-500);
    padding: 0.25rem 1rem;
    border-radius: 2rem;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.025em;
    white-space: nowrap;
    border: none;
}

/* ========================================
   Receipt with Time
   ======================================== */

.receipt-with-time[b-341edjv35j] {
    display: flex;
    align-items: flex-start;
    width: 100%;
    max-width: 1220px;
    margin-bottom: 0.75rem;
    gap: 0.75rem;
}

.receipt-with-time[b-341edjv35j]  .receipt-card {
    flex: 1;
    min-width: 0;
}

.receipt-time[b-341edjv35j] {
    flex: 0 0 auto;
    min-width: 70px;
    padding-top: 0.5rem;
    font-size: 0.8rem;
    color: var(--fd-gray-400);
    font-weight: 500;
    text-align: right;
    white-space: nowrap;
}

/* ========================================
   Loading & Empty States
   ======================================== */

.content-loading[b-341edjv35j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: var(--fd-text-muted);
}

.no-results[b-341edjv35j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: var(--fd-text-muted);
}

.no-results p[b-341edjv35j] {
    margin-top: 1rem;
    font-size: 1.1rem;
}

/* ========================================
   Responsive Styles
   ======================================== */

@media (max-width: 1280px) {
    .receipt-with-time[b-341edjv35j] {
        max-width: 100%;
    }

    .receipt-time[b-341edjv35j] {
        display: none;
    }
}

@media (max-width: 768px) {
    .receipts-filter-bar[b-341edjv35j] {
        justify-content: start;
    }

    .receipts-search[b-341edjv35j] {
        width: 100%;
        max-width: none;
    }

    .date-separator[b-341edjv35j] {
        margin: 1rem 0 0.5rem 0;
    }
}
/* /Components/Pages/Report.razor.rz.scp.css */
/* Report.razor.css */
/* Blazor component-scoped styles for single report configuration page */
/* Uses FedData design system CSS custom properties (var(--fd-*)) */

/* Report Content Container */
.report-content[b-biccoubr8d] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Content Sections */
.content-section[b-biccoubr8d] {
    margin: 0;
    background: transparent;
    overflow: visible;
    transition: none;
}

.content-section:last-child[b-biccoubr8d] {
    border-bottom: none;
}

.section-content[b-biccoubr8d] {
    padding: 24px;
    margin: 0px;
    background-color: var(--fd-surface-default) !important;
    border: 1px solid var(--fd-gray-200) !important;
    border-radius: var(--fd-border-radius-lg) !important;
    box-shadow: var(--fd-shadow-sm) !important;
}

/* Parameters */
.parameters-container[b-biccoubr8d] {
}

.parameter-grid[b-biccoubr8d] {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.parameter-group[b-biccoubr8d] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.parameter-label[b-biccoubr8d] {
    font-size: 13px;
    font-weight: 600;
    color: var(--fd-gray-700);
    text-transform: uppercase;
    letter-spacing: 0.3px;
    text-align: start;
}

.parameter-input[b-biccoubr8d],
.parameter-select[b-biccoubr8d] {
    padding: 10px 12px;
    border: 1px solid var(--fd-gray-300);
    border-radius: 6px;
    font-size: 14px;
    background: var(--fd-surface-default);
    transition: all 0.2s ease;
}

.parameter-input:focus[b-biccoubr8d],
.parameter-select:focus[b-biccoubr8d] {
    outline: none;
    border-color: var(--fd-success-600);
    box-shadow: var(--fd-focus-ring-success);
}

.parameter-checkbox-group[b-biccoubr8d] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
}

.parameter-checkbox[b-biccoubr8d] {
    width: 18px;
    height: 18px;
    accent-color: var(--fd-success-600);
}

.parameter-checkbox-label[b-biccoubr8d] {
    font-size: 14px;
    color: var(--fd-gray-700);
    cursor: pointer;
    font-weight: 500;
}

/* Date Range - now using shared FdDateRangePreset component */

/* Sheet Tabs */
.sheets-tab-container[b-biccoubr8d] {
    border: none;
    border-radius: 12px;
    overflow: hidden;
    background: var(--fd-surface-default);
    box-shadow: var(--fd-shadow-xs);
}

.sheet-tabs-nav[b-biccoubr8d] {
    display: flex;
    align-items: flex-end;
    background: var(--fd-gray-50);
    border-bottom: 2px solid var(--fd-success-600);
    padding: 0 8px;
    min-height: 42px;
    overflow-x: auto;
    justify-content: start;
    text-align: start;
    align-content: start;
    position: relative;
}

.sheet-tabs-nav[b-biccoubr8d]::-webkit-scrollbar {
    height: 4px;
}

.sheet-tabs-nav[b-biccoubr8d]::-webkit-scrollbar-track {
    background: var(--fd-gray-100);
}

.sheet-tabs-nav[b-biccoubr8d]::-webkit-scrollbar-thumb {
    background: var(--fd-gray-300);
    border-radius: 2px;
}

.sheet-tab-button[b-biccoubr8d] {
    background: var(--fd-gray-100);
    border: 1px solid var(--fd-gray-300);
    border-bottom: none;
    border-radius: 6px 6px 0 0;
    padding: 8px 20px;
    margin: 0 2px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    color: var(--fd-gray-700);
    transition: all 0.2s ease;
    position: relative;
    bottom: -2px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 8px;
}

.sheet-tab-button:hover:not(.active)[b-biccoubr8d] {
    background: var(--fd-gray-50);
    color: var(--fd-gray-800);
}

.sheet-tab-button.disabled[b-biccoubr8d] {
    opacity: 0.6;
    font-style: italic;
}

.sheet-tab-button.disabled .sheet-icon[b-biccoubr8d] {
    opacity: 0.4;
}

.sheet-tab-button.active[b-biccoubr8d] {
    background: var(--fd-surface-default);
    border-color: var(--fd-success-600);
    border-top: 2px solid var(--fd-success-600);
    color: var(--fd-gray-900);
    font-weight: 600;
    padding-bottom: 10px;
    z-index: 10;
}

.sheet-tab-button .sheet-icon[b-biccoubr8d] {
    font-size: 14px;
    color: var(--fd-success-600);
    opacity: 0.7;
}

.sheet-tab-button.active .sheet-icon[b-biccoubr8d] {
    opacity: 1;
}

/* Tab Content */
.sheet-tab-content[b-biccoubr8d] {
    background: var(--fd-surface-default);
    min-height: 400px;
    display: none;
}

.sheet-tab-content.active[b-biccoubr8d] {
    display: block;
    animation: fadeIn-b-biccoubr8d 0.2s ease;
}

@keyframes fadeIn-b-biccoubr8d {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Sheet Config Panel */
.sheet-config-panel[b-biccoubr8d] {
    padding: 20px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--fd-gray-100);
    background: linear-gradient(to bottom, var(--fd-gray-50), var(--fd-surface-default));
    position: relative;
}

.sheet-config-panel.disabled-content .sheet-description[b-biccoubr8d] {
    opacity: 0.5;
    border-left-color: var(--fd-gray-300);
    color: var(--fd-gray-500);
}

.sheet-description-section[b-biccoubr8d] {
    margin-top: 12px;
    margin-bottom: 0;
    width: 100%;
}

.description-header-with-toggle[b-biccoubr8d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
    border-bottom: 1px solid var(--fd-gray-100);
    margin-bottom: 10px;
    width: 100%;
}

.description-title[b-biccoubr8d] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--fd-gray-400);
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
}

.description-title[b-biccoubr8d]::before {
    content: '';
    width: 3px;
    height: 14px;
    background: var(--fd-success-600);
    border-radius: 2px;
    opacity: 0.5;
}

.sheet-enable-toggle[b-biccoubr8d] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 10px;
    background: var(--fd-surface-default);
    border: 1px solid var(--fd-gray-200);
    border-radius: 4px;
    transition: all 0.2s ease;
    cursor: pointer;
}

.sheet-enable-toggle:hover[b-biccoubr8d] {
    border-color: var(--fd-success-600);
    background: var(--fd-success-100);
    transform: translateY(-1px);
    box-shadow: var(--fd-shadow-sm);
}

.sheet-enable-toggle input[type="checkbox"][b-biccoubr8d] {
    width: 16px;
    height: 16px;
    accent-color: var(--fd-success-600);
    cursor: pointer;
}

.sheet-enable-toggle span[b-biccoubr8d] {
    cursor: pointer;
    user-select: none;
    font-weight: 500;
    font-size: 12px;
    color: var(--fd-gray-700);
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.sheet-description[b-biccoubr8d] {
    font-size: 14px;
    color: var(--fd-gray-700);
    line-height: 1.6;
    padding: 12px 16px;
    background: var(--fd-surface-default);
    border: 1px solid var(--fd-gray-200);
    border-left: 3px solid var(--fd-success-600);
    border-radius: 4px;
    transition: all 0.3s ease;
    text-align: start;
    justify-content: start;
    align-content: start;
}

.sheet-description.no-description[b-biccoubr8d] {
    background: var(--fd-gray-50);
    border-left-color: var(--fd-gray-300);
}

.sheet-description.no-description em[b-biccoubr8d] {
    color: var(--fd-gray-400);
    font-style: italic;
}

/* Columns Area */
.sheet-columns-area[b-biccoubr8d] {
    padding: 20px;
}

.column-category[b-biccoubr8d] {
    margin-bottom: 16px;
}

.category-header-with-actions[b-biccoubr8d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid var(--fd-gray-100);
    margin-bottom: 12px;
    width: 100%;
}

.category-title[b-biccoubr8d] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--fd-gray-400);
    display: flex;
    align-items: center;
    gap: 8px;
}

.category-title[b-biccoubr8d]::before {
    content: '';
    width: 3px;
    height: 14px;
    background: var(--fd-success-600);
    border-radius: 2px;
    opacity: 0.5;
}

.column-action-buttons[b-biccoubr8d] {
    display: flex;
    gap: 4px;
    margin-left: auto;
}

.btn-header-action[b-biccoubr8d] {
    padding: 4px 10px;
    background: var(--fd-surface-default);
    border: 1px solid var(--fd-gray-200);
    border-radius: 4px;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    cursor: pointer;
    transition: all 0.15s ease;
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--fd-gray-600);
}

.btn-header-action:hover[b-biccoubr8d] {
    background: var(--fd-success-600);
    border-color: var(--fd-success-600);
    color: var(--fd-text-on-success);
    transform: translateY(-1px);
    box-shadow: var(--fd-shadow-sm);
}

.btn-header-action i[b-biccoubr8d] {
    font-size: 11px;
}

/* Columns Grid - Single column like legacy */
.columns-grid[b-biccoubr8d] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4px;
}

/* Column Items */
.column-item[b-biccoubr8d] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 6px;
    transition: all 0.15s ease;
    cursor: pointer;
    border: 1px solid transparent;
    background: var(--fd-surface-default);
}

.column-item:hover[b-biccoubr8d] {
    background: var(--fd-gray-50);
    border-color: var(--fd-gray-200);
    transform: translateX(2px);
}

.column-item.required[b-biccoubr8d] {
    background: linear-gradient(to right, var(--fd-success-50), transparent);
}

.column-checkbox[b-biccoubr8d] {
    width: 16px;
    height: 16px;
    accent-color: var(--fd-success-600);
    cursor: pointer;
    flex-shrink: 0;
}

.column-checkbox:disabled[b-biccoubr8d] {
    cursor: not-allowed;
    opacity: 0.6;
}

.column-name[b-biccoubr8d] {
    font-size: 13px;
    color: var(--fd-gray-700);
    font-weight: 500;
    user-select: none;
    flex: 1;
}

.column-item.required .column-name[b-biccoubr8d] {
    color: var(--fd-gray-800);
}

.required-badge[b-biccoubr8d] {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--fd-success-600);
    background: var(--fd-success-50);
    padding: 2px 6px;
    border-radius: 3px;
    margin-left: auto;
}

/* Column Summary */
.columns-summary[b-biccoubr8d] {
    text-align: center;
    padding: 14px;
    background: var(--fd-gray-50);
    border-radius: 6px;
    font-size: 13px;
    color: var(--fd-gray-600);
    font-weight: 500;
    border: 1px solid var(--fd-gray-100);
    margin-top: 16px;
}

/* Floating Action Button */
.fab-generate[b-biccoubr8d] {
    display: none;
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 56px;
    height: 56px;
    background: var(--fd-success-600);
    color: var(--fd-text-on-success);
    border: none;
    border-radius: 50%;
    box-shadow: var(--fd-shadow-md);
    cursor: pointer;
    z-index: 100;
    transition: all 0.3s ease;
    font-size: 20px;
    align-items: center;
    justify-content: center;
}

.fab-generate:hover[b-biccoubr8d] {
    transform: scale(1.05);
    box-shadow: var(--fd-shadow-lg);
    background: var(--fd-success-700);
}

.fab-generate:active[b-biccoubr8d] {
    transform: scale(0.95);
}

.fab-generate:disabled[b-biccoubr8d] {
    opacity: 0.7;
    cursor: not-allowed;
}

.fab-generate i[b-biccoubr8d] {
    pointer-events: none;
}

/* Validation Errors List in Modal */
.fd-validation-errors[b-biccoubr8d] {
    margin: 0;
    padding-left: 20px;
    color: var(--fd-gray-700);
}

.fd-validation-errors li[b-biccoubr8d] {
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 1.4;
}

/* Responsive Design */
@media (max-width: 768px) {
    .report-content[b-biccoubr8d] {
        padding-bottom: 80px;
    }

    .content-section[b-biccoubr8d] {
        margin: 0;
    }

    .section-content[b-biccoubr8d] {
        margin: 0px;
        padding: 16px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .fab-generate[b-biccoubr8d] {
        display: flex;
    }

    .content-section[b-biccoubr8d] {
        margin: 0;
        border-radius: 8px;
    }

    .columns-grid[b-biccoubr8d] {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .column-item[b-biccoubr8d] {
        padding: 12px;
    }

    .parameter-grid[b-biccoubr8d] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .date-range-group[b-biccoubr8d] {
        max-width: 100%;
    }

    .date-range-row[b-biccoubr8d] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        width: 100%;
    }

    .preset-selector[b-biccoubr8d] {
        width: 100%;
        max-width: 100%;
    }

    .calculated-date-range[b-biccoubr8d] {
        width: 100%;
        max-width: 100%;
    }

    .date-range-custom-inputs[b-biccoubr8d] {
        max-width: 100%;
    }

    .date-range-inputs[b-biccoubr8d] {
        flex-direction: column;
        gap: 12px;
    }

    .sheet-tabs-nav[b-biccoubr8d] {
        padding: 0 4px;
        min-height: 38px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        display: flex;
        gap: 2px;
    }

    .sheet-tab-button[b-biccoubr8d] {
        font-size: 11px;
        padding: 6px 10px;
        white-space: nowrap;
        flex-shrink: 0;
    }

    .category-header-with-actions[b-biccoubr8d] {
        flex-direction: row;
        gap: 12px;
        align-items: center;
        justify-content: space-between;
    }

    .column-action-buttons[b-biccoubr8d] {
        display: flex;
        justify-content: flex-end;
        gap: 6px;
        flex-shrink: 0;
    }

    .category-title[b-biccoubr8d] {
        text-align: left;
        flex: 1;
    }

    .btn-header-action[b-biccoubr8d] {
        flex: 1;
        justify-content: center;
        min-width: 60px;
        font-size: 10px;
        padding: 4px 6px;
    }

    .btn-header-action i[b-biccoubr8d] {
        font-size: 10px;
    }

    .sheet-description[b-biccoubr8d] {
        font-size: 13px;
        padding: 10px 12px;
    }

    .description-header-with-toggle[b-biccoubr8d] {
        flex-direction: row;
        gap: 12px;
        align-items: center;
        justify-content: space-between;
    }

    .sheet-enable-toggle[b-biccoubr8d] {
        flex-shrink: 0;
        width: auto;
        justify-content: flex-end;
    }
}

/* Tablet */
@media (min-width: 769px) and (max-width: 1024px) {
    .report-info h2[b-biccoubr8d] {
        font-size: 20px;
    }
}

/* Scrollbar Styling */
.report-content-area[b-biccoubr8d]::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.report-content-area[b-biccoubr8d]::-webkit-scrollbar-track {
    background: var(--fd-gray-50);
    border-radius: 10px;
}

.report-content-area[b-biccoubr8d]::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--fd-gray-400), var(--fd-gray-300));
    border-radius: 10px;
    border: 2px solid var(--fd-gray-50);
}

.report-content-area[b-biccoubr8d]::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, var(--fd-gray-500), var(--fd-gray-400));
}

.report-content-area[b-biccoubr8d]::-webkit-scrollbar-thumb:active {
    background: var(--fd-success-600);
}
/* /Components/Pages/Request.razor.rz.scp.css */
/* Request Detail Page Styles - Using PageLayout component */

/* ===== CONTENT WRAPPER ===== */

.request-content[b-jaftlxyt0d] {
    /* Content inside PageLayout body - no longer need padding/max-width, PageLayout handles that */
}

.timeline-wrapper[b-jaftlxyt0d] {
    background: var(--fd-surface-default);
    border-radius: var(--fd-border-radius-md);
    box-shadow: var(--fd-shadow-sm);
    margin-bottom: var(--fd-spacing-3);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: var(--fd-border-width) solid var(--fd-gray-200);
    padding: var(--fd-spacing-8);
}

/* ===== ADDRESS BLOCK ===== */

.address-block[b-jaftlxyt0d] {
    line-height: 1.6;
}

/* ===== PROGRESS STATS ===== */

.progress-stats[b-jaftlxyt0d] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    text-align: center;
}

.progress-stat[b-jaftlxyt0d] {
    padding: 0.75rem;
    background-color: var(--fd-gray-100);
    border-radius: 0.5rem;
}

.stat-label[b-jaftlxyt0d] {
    display: block;
    font-size: 0.75rem;
    color: var(--fd-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.25rem;
}

.stat-value[b-jaftlxyt0d] {
    display: block;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--fd-text-default);
}

/* ===== INSTRUCTION BADGES ===== */

.instruction-badges[b-jaftlxyt0d] {
    display: flex;
    flex-wrap: wrap;
}

/* ===== PART HOLDER ===== */

.part-holder[b-jaftlxyt0d] {
    line-height: 1.4;
}

.part-name[b-jaftlxyt0d] {
    font-weight: 500;
}

.part-desc[b-jaftlxyt0d] {
    font-size: 0.875rem;
}

/* ===== SHIPMENT CARDS ===== */

.shipment-card[b-jaftlxyt0d] {
    border-radius: 0.375rem;
    overflow: hidden;
}

.shipment-header[b-jaftlxyt0d] {
    background-color: var(--fd-gray-100);
}

.shipment-body[b-jaftlxyt0d] {
    background-color: var(--fd-surface-default);
}

.shipment-footer[b-jaftlxyt0d] {
    background-color: var(--fd-gray-100);
}

.shipment-item-card[b-jaftlxyt0d] {
    background-color: var(--fd-gray-100);
}

.shipment-item-card:hover[b-jaftlxyt0d] {
    background-color: var(--fd-gray-200);
}

/* ===== NOTES ===== */

.notes-list[b-jaftlxyt0d] {
    max-height: none;
}

.note-item[b-jaftlxyt0d] {
    background-color: var(--fd-surface-default);
    transition: box-shadow 0.2s;
}

.note-item:hover[b-jaftlxyt0d] {
    box-shadow: var(--fd-shadow-sm);
}

.note-text[b-jaftlxyt0d] {
    white-space: pre-wrap;
    word-wrap: break-word;
}

/* ===== CUSTOM BADGE COLORS ===== */

.bg-purple[b-jaftlxyt0d] {
    background-color: var(--fd-accent-600) !important;
}

/* ===== CARD STYLING ===== */

.card[b-jaftlxyt0d] {
    box-shadow: var(--fd-shadow-sm);
    border: 1px solid var(--fd-border-muted);
}

.card-header[b-jaftlxyt0d] {
    background-color: var(--fd-gray-100);
    border-bottom: 1px solid var(--fd-border-muted);
    padding: 0.75rem 1rem;
}

.card-header h6[b-jaftlxyt0d] {
    font-weight: 600;
    color: var(--fd-text-default);
}

/* ===== TABLE STYLING ===== */

.table th[b-jaftlxyt0d] {
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--fd-text-muted);
}

.table td[b-jaftlxyt0d] {
    vertical-align: middle;
}

.table code[b-jaftlxyt0d] {
    font-size: 0.85rem;
    padding: 0.15rem 0.4rem;
    background-color: var(--fd-gray-100);
    border-radius: 0.25rem;
}

/* ===== RESPONSIVE ===== */

@media (max-width: 768px) {
    .progress-stats[b-jaftlxyt0d] {
        grid-template-columns: repeat(2, 1fr);
    }

    .stat-value[b-jaftlxyt0d] {
        font-size: 1rem;
    }
}
/* /Components/Pages/Requests.razor.rz.scp.css */
/* Requests Page Styles - Using PageLayout component */

/* ===== HEADER SECTION ===== */

 
.requests-breadcrumb-header[b-z5u832fv24] {
    padding: 0;
    margin: 0;
}

/* Filter bar with search and status buttons */
.requests-filter-bar[b-z5u832fv24] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 0 0 0;
}

.requests-search[b-z5u832fv24] {
    width: 300px;
    flex-shrink: 0;
}

/* ===== BODY SECTION ===== */

.requests-body[b-z5u832fv24] {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    padding: 1rem 0;
}

/* Request Cards Container */
.requests-cards[b-z5u832fv24] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    padding: 0;
}

/* ===== STATE DISPLAYS ===== */

/* Content Loading State (secondary loading after initial) */
.content-loading[b-z5u832fv24] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: var(--fd-text-muted);
    text-align: center;
    min-height: 300px;
}

.content-loading .spinner-border[b-z5u832fv24] {
    width: 3rem;
    height: 3rem;
}

.content-loading p[b-z5u832fv24] {
    margin-top: 1rem;
    font-size: 1rem;
    color: var(--fd-text-muted);
}

/* No Results */
.no-results[b-z5u832fv24] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: var(--fd-text-muted);
    text-align: center;
}

.no-results p[b-z5u832fv24] {
    margin-top: 1rem;
    font-size: 1.1rem;
}

/* ===== BUTTON OVERRIDES ===== */

/* Status Filter Button Group */
.btn-group[b-z5u832fv24] {
    display: inline-flex;
}

.btn-sm[b-z5u832fv24] {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

/* ===== RESPONSIVE ===== */

@media (max-width: 768px) {
    .requests-filter-bar[b-z5u832fv24] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
        padding: 0.5rem 0 0 0;
    }

    .requests-search[b-z5u832fv24] {
        width: 100%;
    }

    .btn-group[b-z5u832fv24] {
        display: flex;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        flex-wrap: nowrap;
        scrollbar-width: none;
    }

    .btn-group[b-z5u832fv24]::-webkit-scrollbar {
        display: none;
    }

    .btn-group .btn[b-z5u832fv24] {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .requests-body[b-z5u832fv24] {
        padding: 0.5rem 0;
    }

    .requests-cards[b-z5u832fv24] {
        gap: 0.75rem;
    }
}

/* Status Badge Overrides */
[b-z5u832fv24] .status-badge {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 0.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    text-align: center;
    min-width: 80px;
}
/* /Components/Pages/Shipment.razor.rz.scp.css */
/* Shipment Detail Page Styles - Using PageLayout component */

/* ===== CONTENT WRAPPER ===== */

.shipment-content[b-id0699dwop] {
    /* Content inside PageLayout body - no longer need padding/max-width, PageLayout handles that */
}

/* ===== ADDRESS BLOCK ===== */

.address-block[b-id0699dwop] {
    line-height: 1.6;
}

/* ===== TIMELINE SIMPLE ===== */

.timeline-simple[b-id0699dwop] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.timeline-item[b-id0699dwop] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.timeline-item i[b-id0699dwop] {
    font-size: 1.25rem;
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.timeline-item.pending i[b-id0699dwop] {
    opacity: 0.5;
}

.timeline-content[b-id0699dwop] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    align-items: baseline;
}

/* ===== SUMMARY STATS ===== */

.summary-stats[b-id0699dwop] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.stat-box[b-id0699dwop] {
    text-align: center;
    padding: 1rem;
    background: var(--fd-gray-50);
    border-radius: 0.5rem;
}

.stat-number[b-id0699dwop] {
    display: block;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--fd-gray-800);
}

.stat-label[b-id0699dwop] {
    display: block;
    font-size: 0.75rem;
    color: var(--fd-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 0.25rem;
}

/* ===== SHIPMENT ITEMS LIST ===== */

.shipment-items-list[b-id0699dwop] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* ===== PART HOLDER ===== */

.part-holder[b-id0699dwop] {
    line-height: 1.4;
}

.part-name[b-id0699dwop] {
    font-weight: 500;
}

.part-desc[b-id0699dwop] {
    font-size: 0.875rem;
}

/* ===== NOTES ===== */

.notes-list[b-id0699dwop] {
    max-height: none;
}

.note-item[b-id0699dwop] {
    background-color: var(--fd-surface-default);
    transition: box-shadow 0.2s;
}

.note-item:hover[b-id0699dwop] {
    box-shadow: var(--fd-shadow-sm);
}

.note-text[b-id0699dwop] {
    white-space: pre-wrap;
    word-wrap: break-word;
}

/* ===== TABLE STYLING ===== */

.table th[b-id0699dwop] {
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--fd-text-muted);
}

.table td[b-id0699dwop] {
    vertical-align: middle;
}

/* ===== RESPONSIVE ===== */

@media (max-width: 768px) {
    .summary-stats[b-id0699dwop] {
        grid-template-columns: repeat(3, 1fr);
    }

    .stat-number[b-id0699dwop] {
        font-size: 1.25rem;
    }
}

@media (max-width: 576px) {
    .summary-stats[b-id0699dwop] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/ShipmentItem.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   ShipmentItem Detail Page Styles
   ═══════════════════════════════════════════════════════════════════════════ */

.shipment-item-content[b-k19bik7wy9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Inventory Table
   ═══════════════════════════════════════════════════════════════════════════ */

.part-holder[b-k19bik7wy9] {
    display: flex;
    flex-direction: column;
}

.part-name[b-k19bik7wy9] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-weight: 500;
}

.part-desc[b-k19bik7wy9] {
    margin-top: 0.125rem;
    font-size: 0.8125rem;
    color: var(--fd-text-muted);
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.serial-number[b-k19bik7wy9] {
    font-family: var(--fd-font-mono);
    font-size: 0.875rem;
}

.asset-tag[b-k19bik7wy9] {
    font-family: var(--fd-font-mono);
    font-size: 0.75rem;
}

.source-info[b-k19bik7wy9] {
    line-height: 1.4;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Packaging Products Table
   ═══════════════════════════════════════════════════════════════════════════ */

.serial-list[b-k19bik7wy9] {
    font-family: var(--fd-font-mono);
    word-break: break-all;
    max-width: 300px;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Child Items List
   ═══════════════════════════════════════════════════════════════════════════ */

.shipment-items-list[b-k19bik7wy9] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.child-item-card[b-k19bik7wy9] {
    background-color: var(--fd-surface-default);
    transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    cursor: pointer;
}

.child-item-card:hover[b-k19bik7wy9] {
    background-color: var(--fd-surface-hover);
    box-shadow: var(--fd-shadow-sm);
}

.item-type-icon[b-k19bik7wy9] {
    font-size: 1.25rem;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Package Footer
   ═══════════════════════════════════════════════════════════════════════════ */

.package-footer[b-k19bik7wy9] {
    border-color: var(--fd-border-default);
}

/* ═══════════════════════════════════════════════════════════════════════════
   Status Alert Styling
   ═══════════════════════════════════════════════════════════════════════════ */

.alert-danger[b-k19bik7wy9] {
    border-left: 4px solid var(--fd-danger-500);
}

.alert-warning[b-k19bik7wy9] {
    border-left: 4px solid var(--fd-warning-500);
}

/* ═══════════════════════════════════════════════════════════════════════════
   Responsive Adjustments
   ═══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 767.98px) {
    .part-desc[b-k19bik7wy9] {
        max-width: 200px;
    }

    .serial-list[b-k19bik7wy9] {
        max-width: 150px;
    }

    .child-item-card .d-flex[b-k19bik7wy9] {
        flex-wrap: wrap;
    }

    .child-item-card .gap-2[b-k19bik7wy9] {
        margin-top: 0.5rem;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   Table Enhancements
   ═══════════════════════════════════════════════════════════════════════════ */

.table tbody tr[b-k19bik7wy9] {
    transition: background-color 0.15s ease-in-out;
}

.table tbody tr:hover[b-k19bik7wy9] {
    background-color: var(--fd-gray-50);
}

/* Ensure consistent badge sizing */
[b-k19bik7wy9] .badge-sm {
    font-size: 0.7rem;
    padding: 0.2em 0.5em;
}
/* /Components/Pages/Shipments.razor.rz.scp.css */
/* ========================================
   Shipments Page Styles
   ======================================== */

.shipments-breadcrumb-header[b-hj1lbgwibx] {
    background: var(--fd-gray-50);
}

.shipments-filter-bar[b-hj1lbgwibx] {
    display: flex;
    justify-content: flex-start;
    gap: 1rem;
    padding: 1rem 0.5rem 0 0;
    flex-wrap: wrap;
    align-items: center;
}

.shipments-search[b-hj1lbgwibx] {
    min-width: 200px;
    max-width: 320px;
}

.shipments-body[b-hj1lbgwibx] {
    padding: 0.75rem 1rem;
    min-height: 400px;
}

.shipments-cards[b-hj1lbgwibx] {
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: center;
    max-width: 1250px;
    margin: 0 auto;
    width: 100%;
}

/* ========================================
   Date Separator (line-through style)
   ======================================== */

.date-separator[b-hj1lbgwibx] {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1150px;
    margin: 1.25rem 0 0.75rem 0;
}

.date-separator:first-child[b-hj1lbgwibx] {
    margin-top: 0.5rem;
}

.date-separator[b-hj1lbgwibx]::before,
.date-separator[b-hj1lbgwibx]::after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--fd-gray-300);
}

.date-separator[b-hj1lbgwibx]::before {
    margin-right: 1rem;
}

.date-separator[b-hj1lbgwibx]::after {
    margin-left: 1rem;
}

.date-text[b-hj1lbgwibx] {
    background: var(--fd-gray-50);
    color: var(--fd-gray-500);
    padding: 0.25rem 1rem;
    border-radius: 2rem;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.025em;
    white-space: nowrap;
    border: none;
}

/* ========================================
   Shipment with Time
   ======================================== */

.shipment-with-time[b-hj1lbgwibx] {
    display: flex;
    align-items: flex-start;
    width: 100%;
    max-width: 1220px;
    margin-bottom: 0.75rem;
    gap: 0.75rem;
}

.shipment-with-time[b-hj1lbgwibx]  .shipment-card {
    flex: 1;
    min-width: 0;
}

.shipment-time[b-hj1lbgwibx] {
    flex: 0 0 auto;
    min-width: 70px;
    padding-top: 0.5rem;
    font-size: 0.8rem;
    color: var(--fd-gray-400);
    font-weight: 500;
    text-align: right;
    white-space: nowrap;
}

/* ========================================
   Loading & Empty States
   ======================================== */

.content-loading[b-hj1lbgwibx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: var(--fd-text-muted);
}

.no-results[b-hj1lbgwibx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: var(--fd-text-muted);
}

.no-results p[b-hj1lbgwibx] {
    margin-top: 1rem;
    font-size: 1.1rem;
}

/* ========================================
   Responsive Styles
   ======================================== */

@media (max-width: 1280px) {
    .shipment-with-time[b-hj1lbgwibx] {
        max-width: 100%;
    }

    .shipment-time[b-hj1lbgwibx] {
        display: none;
    }
}

@media (max-width: 768px) {
    .shipments-filter-bar[b-hj1lbgwibx] {
        justify-content: start;
    }

    .shipments-search[b-hj1lbgwibx] {
        width: 100%;
        max-width: none;
    }

    .date-separator[b-hj1lbgwibx] {
        margin: 1rem 0 0.5rem 0;
    }
}
/* /Components/Pages/TaskDetail.razor.rz.scp.css */
/* Summary Card - Used for Project cards with rich information */
.summary-card[b-31zgd1njrh] {
    background: var(--fd-surface-default);
    border: 1px solid var(--fd-gray-300);
    border-radius: 0.5rem;
    box-shadow: var(--fd-shadow-sm);
    overflow: hidden;
    transition: box-shadow 0.15s ease, transform 0.15s ease;
    display: flex;
    flex-direction: column;
}

.summary-card:hover[b-31zgd1njrh] {
    box-shadow: var(--fd-shadow-md);
    transform: translateY(-2px);
}

.summary-card.clickable-card[b-31zgd1njrh] {
    cursor: pointer;
}

/* Status-based left border accent */
.summary-card.status-open[b-31zgd1njrh] {
    border-left: 4px solid var(--fd-primary-500);
}

.summary-card.status-pending[b-31zgd1njrh] {
    border-left: 4px solid var(--fd-warning-500);
}

.summary-card.status-shipped[b-31zgd1njrh] {
    border-left: 4px solid var(--fd-success-500);
}

.summary-card.status-partially-shipped[b-31zgd1njrh] {
    border-left: 4px solid var(--fd-warning-500);
}

.summary-card.status-completed[b-31zgd1njrh] {
    border-left: 4px solid var(--fd-success-500);
}

/* Card Header */
.summary-card-header[b-31zgd1njrh] {
    padding: 0.875rem 1rem;
    background: linear-gradient(135deg, var(--fd-gray-50) 0%, var(--fd-gray-100) 100%);
    border-bottom: 1px solid var(--fd-border-default);
}

.summary-card-title[b-31zgd1njrh] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--fd-primary-500);
    margin: 0;
}

.summary-card-subtitle[b-31zgd1njrh] {
    font-size: 0.75rem;
    color: var(--fd-text-muted);
    display: block;
    margin-top: 0.25rem;
}

/* Stats Row */
.stats-row[b-31zgd1njrh] {
    display: flex;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: var(--fd-surface-default);
    border-bottom: 1px solid var(--fd-gray-100);
}

.stat-mini[b-31zgd1njrh] {
    text-align: center;
    flex: 1;
}

.stat-mini-value[b-31zgd1njrh] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--fd-gray-800);
    line-height: 1.2;
}

.stat-mini-label[b-31zgd1njrh] {
    font-size: 0.5625rem;
    color: var(--fd-gray-400);
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

/* Progress Section */
.summary-card-progress[b-31zgd1njrh] {
    padding: 0.75rem 1rem;
    background: var(--fd-surface-default);
}

.progress-dual[b-31zgd1njrh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.progress-item[b-31zgd1njrh] {
    display: flex;
    flex-direction: column;
}

.progress-header[b-31zgd1njrh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.375rem;
}

.progress-label[b-31zgd1njrh] {
    font-size: 0.6875rem;
    color: var(--fd-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.025em;
    font-weight: 500;
}

.progress-value[b-31zgd1njrh] {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--fd-gray-800);
}

/* Order Chips */
.order-chips[b-31zgd1njrh] {
    padding: 0.5rem 1rem;
    background: var(--fd-surface-sunken);
    border-top: 1px solid var(--fd-gray-100);
}

.order-chips-label[b-31zgd1njrh] {
    font-size: 0.625rem;
    color: var(--fd-gray-400);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
    display: block;
    margin-bottom: 0.375rem;
}

.order-chip[b-31zgd1njrh] {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    font-size: 0.6875rem;
    font-weight: 500;
    color: var(--fd-primary-500);
    background: var(--fd-primary-50);
    border-radius: 9999px;
    margin-right: 0.25rem;
    margin-bottom: 0.25rem;
}

.order-chip-more[b-31zgd1njrh] {
    color: var(--fd-text-muted);
    background: var(--fd-gray-100);
}

/* Footer Badges */
.summary-card-footer[b-31zgd1njrh] {
    padding: 0.5rem 1rem;
    background: var(--fd-surface-default);
    border-top: 1px solid var(--fd-gray-100);
    min-height: 2.25rem;
}

/* Project badge links in header */
.project-badge-link[b-31zgd1njrh] {
    transition: transform 0.1s ease;
}

.project-badge-link:hover[b-31zgd1njrh] {
    transform: scale(1.05);
}

/* Status badge container needs minimum width for consistent layout */
.drilldown-status-badge[b-31zgd1njrh] {
    min-width: 120px;
}

/* Expandable badge styles now in badges.css via FdExpandBadge */

/* Status breakdown clickable items */
.status-clickable[b-31zgd1njrh] {
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
    user-select: none;
}

.status-clickable:hover[b-31zgd1njrh] {
    transform: translateY(-1px);
    box-shadow: var(--fd-shadow-sm);
    filter: brightness(0.97);
}

.status-clickable:active[b-31zgd1njrh] {
    transform: translateY(0);
    box-shadow: var(--fd-shadow-xs);
}
/* /Components/Pages/TaskProject.razor.rz.scp.css */
/* Summary Card - Used for Order/Project cards with rich information */
.summary-card[b-vil6vht4qs] {
    background: var(--fd-surface-default);
    border: 1px solid var(--fd-gray-300);
    border-radius: 0.5rem;
    box-shadow: var(--fd-shadow-sm);
    overflow: hidden;
    transition: box-shadow 0.15s ease, transform 0.15s ease;
    display: flex;
    flex-direction: column;
}

.summary-card:hover[b-vil6vht4qs] {
    box-shadow: var(--fd-shadow-md);
    transform: translateY(-2px);
}

.summary-card.clickable-card[b-vil6vht4qs] {
    cursor: pointer;
}

/* Status-based left border accent */
.summary-card.status-new[b-vil6vht4qs],
.summary-card.status-ordered[b-vil6vht4qs] {
    border-left: 4px solid var(--fd-primary-500);
}

.summary-card.status-in-transit[b-vil6vht4qs],
.summary-card.status-receiving[b-vil6vht4qs] {
    border-left: 4px solid var(--fd-info-700);
}

.summary-card.status-received[b-vil6vht4qs] {
    border-left: 4px solid var(--fd-info-500);
}

.summary-card.status-partially-shipped[b-vil6vht4qs] {
    border-left: 4px solid var(--fd-warning-500);
}

.summary-card.status-shipped[b-vil6vht4qs] {
    border-left: 4px solid var(--fd-success-500);
}

/* Card Header */
.summary-card-header[b-vil6vht4qs] {
    padding: 0.875rem 1rem;
    background: linear-gradient(135deg, var(--fd-gray-50) 0%, var(--fd-gray-100) 100%);
    border-bottom: 1px solid var(--fd-border-default);
}

.summary-card-title[b-vil6vht4qs] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--fd-primary-500);
    margin: 0;
}

.summary-card-subtitle[b-vil6vht4qs] {
    font-size: 0.75rem;
    color: var(--fd-text-muted);
    display: block;
    margin-top: 0.25rem;
}

/* Progress Section */
.summary-card-progress[b-vil6vht4qs] {
    padding: 0.875rem 1rem;
    background: var(--fd-surface-default);
}

.progress-dual[b-vil6vht4qs] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.progress-item[b-vil6vht4qs] {
    display: flex;
    flex-direction: column;
}

.progress-header[b-vil6vht4qs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.375rem;
}

.progress-label[b-vil6vht4qs] {
    font-size: 0.6875rem;
    color: var(--fd-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.025em;
    font-weight: 500;
}

.progress-value[b-vil6vht4qs] {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--fd-gray-800);
}

.progress-detail[b-vil6vht4qs] {
    font-size: 0.6875rem;
    color: var(--fd-gray-400);
    text-align: right;
    margin-top: 0.25rem;
}

/* Top Items Preview */
.summary-card-items[b-vil6vht4qs] {
    padding: 0.75rem 1rem;
    background: var(--fd-surface-sunken);
    border-top: 1px solid var(--fd-gray-100);
    flex-grow: 1;
}

.items-label[b-vil6vht4qs] {
    font-size: 0.625rem;
    color: var(--fd-gray-400);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
    display: block;
    margin-bottom: 0.5rem;
}

.items-list[b-vil6vht4qs] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.items-list li[b-vil6vht4qs] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0.25rem 0;
    font-size: 0.75rem;
    border-bottom: 1px dashed var(--fd-border-default);
}

.items-list li:last-child[b-vil6vht4qs] {
    border-bottom: none;
}

.item-desc[b-vil6vht4qs] {
    color: var(--fd-gray-700);
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 0.5rem;
}

.item-qty[b-vil6vht4qs] {
    color: var(--fd-text-muted);
    font-weight: 500;
    white-space: nowrap;
}

/* Footer Badges */
.summary-card-footer[b-vil6vht4qs] {
    padding: 0.5rem 1rem;
    background: var(--fd-surface-default);
    border-top: 1px solid var(--fd-gray-100);
    min-height: 2.25rem;
}

/* Project Card Styles (for TaskDetail Projects tab) */
.project-card-enhanced[b-vil6vht4qs] {
    border: 1px solid var(--fd-border-default);
    border-radius: 0.5rem;
    overflow: hidden;
    transition: box-shadow 0.15s ease, transform 0.15s ease;
    display: flex;
    flex-direction: column;
}

.project-card-enhanced:hover[b-vil6vht4qs] {
    box-shadow: var(--fd-shadow-md);
    transform: translateY(-2px);
}

/* Stats Row */
.stats-row[b-vil6vht4qs] {
    display: flex;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: var(--fd-surface-default);
    border-bottom: 1px solid var(--fd-gray-100);
}

.stat-mini[b-vil6vht4qs] {
    text-align: center;
    flex: 1;
}

.stat-mini-value[b-vil6vht4qs] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--fd-gray-800);
    line-height: 1.2;
}

.stat-mini-label[b-vil6vht4qs] {
    font-size: 0.625rem;
    color: var(--fd-gray-400);
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

/* Order Chips */
.order-chips[b-vil6vht4qs] {
    padding: 0.5rem 1rem;
    background: var(--fd-surface-sunken);
    border-top: 1px solid var(--fd-gray-100);
}

.order-chips-label[b-vil6vht4qs] {
    font-size: 0.625rem;
    color: var(--fd-gray-400);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
    display: block;
    margin-bottom: 0.375rem;
}

.order-chip[b-vil6vht4qs] {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    font-size: 0.6875rem;
    font-weight: 500;
    color: var(--fd-primary-500);
    background: var(--fd-primary-50);
    border-radius: 9999px;
    margin-right: 0.25rem;
    margin-bottom: 0.25rem;
}

.order-chip-more[b-vil6vht4qs] {
    color: var(--fd-text-muted);
    background: var(--fd-gray-100);
}

/* Status badge container needs minimum width for consistent layout */
.drilldown-status-badge[b-vil6vht4qs] {
    min-width: 120px;
}

/* Expandable badge styles now in badges.css via FdExpandBadge */
/* /Components/Pages/Tasks.razor.rz.scp.css */
.task-projects-list[b-s2xy5iqj9o] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px;
}

.project-separator[b-s2xy5iqj9o] {
    color: var(--fd-gray-500);
}

.project-status-breakdown[b-s2xy5iqj9o] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

/* Status count and expandable badge styles now in badges.css via FdCountBadge/FdExpandBadge */
/* /Components/Shared/AddAvailableInventory.razor.rz.scp.css */
.inventory-qty-selector[b-fx7o4kuxaz] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.875rem;
}

.inventory-qty-selector .selection-label[b-fx7o4kuxaz] {
    display: flex;
    align-items: center;
}

.inventory-qty-selector .select-text[b-fx7o4kuxaz] {
    font-weight: 500;
    color: var(--fd-gray-500);
    white-space: nowrap;
}

.inventory-qty-selector .qty-input[b-fx7o4kuxaz] {
    width: 100px;
    text-align: right;
    font-weight: 500;
}

/* Partial selection - Yellow background */
.inventory-qty-selector.has-partial-selection .qty-input[b-fx7o4kuxaz] {
    border-color: var(--fd-warning-500);
    background-color: var(--fd-warning-100);
    font-weight: 600;
    color: var(--fd-warning-600);
}

/* Full selection - Green background */
.inventory-qty-selector.has-full-selection .qty-input[b-fx7o4kuxaz] {
    border-color: var(--fd-success-600);
    background-color: var(--fd-success-50);
    font-weight: 600;
    color: var(--fd-success-600);
}

.inventory-qty-selector .available-qty[b-fx7o4kuxaz] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.inventory-qty-selector .of-text[b-fx7o4kuxaz] {
    color: var(--fd-gray-400);
    font-size: 0.8125rem;
}

.inventory-qty-selector .qty-available-btn[b-fx7o4kuxaz] {
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    padding: 0.25rem 0.375rem;
    color: var(--fd-primary-500);
    line-height: 1;
}

.inventory-qty-selector .qty-available-btn:hover[b-fx7o4kuxaz] {
    text-decoration: none;
    background-color: var(--fd-primary-100);
    border-radius: 0.25rem;
    color: var(--fd-primary-600);
}

.inventory-qty-selector .qty-available-btn:active[b-fx7o4kuxaz] {
    background-color: var(--fd-primary-200);
}
/* /Components/Shared/CartFlyout.razor.rz.scp.css */
.flyout-backdrop[b-tjbu4bt8y0] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--fd-surface-overlay);
    z-index: 1050;
    display: none;
}

.flyout-backdrop.show[b-tjbu4bt8y0] {
    display: block;
}

.flyout-panel.cart-flyout[b-tjbu4bt8y0] {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 600px;
    max-width: 95vw;
    background: var(--fd-gray-50);
    box-shadow: var(--fd-shadow-lg);
    display: flex;
    flex-direction: column;
    z-index: 1051;
    padding:0;
}

.flyout-header[b-tjbu4bt8y0] {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--fd-brand-surface-border);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background: var(--fd-brand-surface);
    color: var(--fd-brand-surface-text);
    box-shadow: var(--fd-shadow-sm);
}

.flyout-header h4[b-tjbu4bt8y0] {
    color: var(--fd-brand-surface-text);
}

.flyout-header .text-muted[b-tjbu4bt8y0] {
    color: var(--fd-brand-surface-muted) !important;
}

.flyout-header .btn-close[b-tjbu4bt8y0] {
    filter: brightness(0) invert(1);
}

.header-content[b-tjbu4bt8y0] {
    display: flex;
    flex-direction: column;
}

.flyout-body[b-tjbu4bt8y0] {
    flex: 1;
    overflow-y: auto;
    padding: 0;
    display: flex;
    flex-direction: column;
}

/* Override loading/empty state inline variants to fit content, not expand */
.flyout-body[b-tjbu4bt8y0]  .fd-loading-state-inline,
.flyout-body[b-tjbu4bt8y0]  .fd-empty-state-inline {
    flex: 0 0 auto;
    height: auto;
    min-height: 200px;
    margin: auto; /* Center vertically and horizontally in flex container */
}

.flyout-footer[b-tjbu4bt8y0] {
    padding: 1rem 1.25rem;
    border-top: 1px solid var(--fd-border-default);
    display: flex;
    gap: 0.75rem;
    justify-content: end;
    background: var(--fd-gray-50);
}

/* Cart Header Section - 2 column grid */
.cart-header-section[b-tjbu4bt8y0] {
    background: var(--fd-surface-default);
    border-bottom: 1px solid var(--fd-border-default);
    padding: 1.25rem 2rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem 1.25rem;
}

.cart-field-ship-to[b-tjbu4bt8y0] {
    padding: 0.75rem;
    background: var(--fd-surface-sunken);
    border: 1px solid var(--fd-gray-200);
    border-radius: 0.375rem;
    margin-bottom: 0.25rem;
}

.ship-to-value[b-tjbu4bt8y0] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.ship-to-value[b-tjbu4bt8y0]  .ship-to-change {
    flex-shrink: 0;
    text-transform: none;
    letter-spacing: normal;
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--fd-primary-500);
    padding: 0.125rem 0;
    border: none;
    background: none;
    white-space: nowrap;
}

.ship-to-value[b-tjbu4bt8y0]  .ship-to-change:hover {
    color: var(--fd-primary-700);
    text-decoration: underline;
}

/* Ship To empty state - clickable prompt */
.ship-to-empty[b-tjbu4bt8y0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.625rem 0.75rem;
    border: 1px dashed var(--fd-gray-300);
    border-radius: 0.375rem;
    background: var(--fd-surface-sunken);
    color: var(--fd-text-muted);
    font-size: 0.9rem;
    cursor: pointer;
    transition: border-color 0.15s ease, color 0.15s ease;
}

.ship-to-empty:hover[b-tjbu4bt8y0] {
    border-color: var(--fd-primary-400);
    color: var(--fd-primary-500);
}

.ship-to-empty i[b-tjbu4bt8y0] {
    font-size: 1rem;
}

/* Text inputs and selects in cart fields */
.cart-header-section[b-tjbu4bt8y0]  input.form-control-sm,
.cart-header-section[b-tjbu4bt8y0]  select.form-control-sm {
    padding: 0.5rem 0.625rem;
    font-size: 0.9rem;
    border: 1px solid var(--fd-gray-200);
    border-radius: 0.25rem;
    background: var(--fd-surface-sunken);
    color: var(--fd-text-default);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.cart-header-section[b-tjbu4bt8y0]  input.form-control-sm:focus,
.cart-header-section[b-tjbu4bt8y0]  select.form-control-sm:focus {
    outline: none;
    border-color: var(--fd-primary-400);
    box-shadow: 0 0 0 2px hsla(var(--fd-brand-hue), var(--fd-brand-saturation), 50%, 0.12);
    background: var(--fd-surface-default);
}

/* Select dropdown — custom caret and appearance */
.cart-header-section[b-tjbu4bt8y0]  select.form-control-sm {
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    padding-right: 2rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'%3E%3Cpath fill='%236b7280' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.625rem center;
    background-size: 0.75rem;
}

/* Select placeholder option styling */
.cart-header-section[b-tjbu4bt8y0]  select.form-control-sm option[value=""] {
    color: var(--fd-text-muted);
}

/* Native date input — polished picker chrome */
.cart-header-section[b-tjbu4bt8y0]  input[type="date"] {
    appearance: none;
    -webkit-appearance: none;
    cursor: text;
    line-height: 1.4;
}

/* Calendar picker indicator icon */
.cart-header-section[b-tjbu4bt8y0]  input[type="date"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    opacity: 0.5;
    padding: 0.125rem;
    border-radius: 0.1875rem;
    transition: opacity 0.15s ease, background-color 0.15s ease;
}

.cart-header-section[b-tjbu4bt8y0]  input[type="date"]::-webkit-calendar-picker-indicator:hover {
    opacity: 0.8;
    background-color: var(--fd-gray-200);
}

/* Dark mode: invert the native calendar icon */
:global([data-fd-theme="dark"]) .cart-header-section[b-tjbu4bt8y0]  input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(0.8);
}

/* Dark mode: lighter caret for select */
:global([data-fd-theme="dark"]) .cart-header-section[b-tjbu4bt8y0]  select.form-control-sm {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'%3E%3Cpath fill='%239ca3af' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}

.address-display[b-tjbu4bt8y0] {
    line-height: 1.4;
}

.address-display strong[b-tjbu4bt8y0] {
    font-size: 1.05rem;
    font-weight: 600;
}

/* Cart Items Section */
.cart-items-section[b-tjbu4bt8y0] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 1rem 2rem;
    background: var(--fd-surface-default);
    border-bottom: 1px solid var(--fd-border-default);
    min-height: 0; /* Important: allows flex children to shrink below content size */
    overflow: hidden;
}

.cart-items-header[b-tjbu4bt8y0] {
    flex-shrink: 0; /* Don't shrink - stay at top */
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0.75rem;
    margin-bottom: 0.75rem;
    border-bottom: 2px solid var(--fd-gray-900);
}

.cart-items-header .fw-semibold[b-tjbu4bt8y0] {
    font-size: 1rem;
}

.cart-items[b-tjbu4bt8y0] {
    flex: 1; /* Take remaining space between header and summary */
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-height: 100px;
    overflow-y: auto;
}

.cart-item[b-tjbu4bt8y0] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    border: 1px solid var(--fd-gray-200);
    border-radius: 0.375rem;
    background: var(--fd-surface-sunken);
    transition: background-color 0.15s ease;
}

.cart-item:hover[b-tjbu4bt8y0] {
    background: var(--fd-gray-100);
}

.cart-item-info[b-tjbu4bt8y0] {
    flex: 1;
    min-width: 0;
}

.part-info strong[b-tjbu4bt8y0] {
    font-size: 0.95rem;
    font-weight: 600;
}

/* Part number row with inline badges */
.part-number-row[b-tjbu4bt8y0] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.375rem;
    flex-wrap: wrap;
    min-width: 0;
}

.part-number-row strong[b-tjbu4bt8y0] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.cart-item-qty[b-tjbu4bt8y0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    min-width: 90px;
    padding: 0.5rem;
    border-radius: 0.25rem;
}

.qty-input[b-tjbu4bt8y0] {
    width: 100px;
    text-align: center;
    font-weight: 600;
    border: 1px solid var(--fd-gray-500);
}

.available-qty[b-tjbu4bt8y0] {
    white-space: nowrap;
    font-size: 0.75rem;
    color: var(--fd-text-muted);
}

/* Cart Summary */
.cart-summary[b-tjbu4bt8y0] {
    flex-shrink: 0; /* Don't shrink - dock to bottom */
    margin-top: 1rem;
    padding: 0.75rem;
    background: var(--fd-surface-sunken);
    border: 1px solid var(--fd-gray-200);
    border-radius: 0.375rem;
}

.summary-row[b-tjbu4bt8y0] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.25rem;
    font-size: 0.875rem;
}

.summary-row:last-child[b-tjbu4bt8y0] {
    margin-bottom: 0;
}

/* Responsive */
@media (max-width: 768px) {
    .flyout-panel.cart-flyout[b-tjbu4bt8y0] {
        width: 100%;
        max-width: 100%;
        min-width: unset;
    }

    /* Collapse to single column on mobile */
    .cart-header-section[b-tjbu4bt8y0] {
        grid-template-columns: 1fr;
    }

    .cart-header-section[b-tjbu4bt8y0]  .fd-field-full {
        grid-column: 1;
    }

    /* On mobile, let the entire flyout body scroll instead of nested scroll areas */
    .cart-items-section[b-tjbu4bt8y0] {
        flex: 0 0 auto; /* Don't grow/shrink - take natural height */
        overflow: visible; /* Remove overflow containment */
    }

    .cart-items[b-tjbu4bt8y0] {
        min-height: 80px;
        max-height: none; /* Remove any max-height constraints */
        overflow-y: visible; /* Let parent handle scrolling */
    }

    .cart-header-section[b-tjbu4bt8y0],
    .cart-items-section[b-tjbu4bt8y0] {
        padding: 1rem;
    }
}
/* /Components/Shared/ShippingLabelUpload.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   ShippingLabelUpload Component Styles
   ═══════════════════════════════════════════════════════════════════════════ */

.shipping-label-container[b-9mqmo5y601] {
    display: flex;
    flex-direction: column;
    min-height: 400px;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Loading State
   ═══════════════════════════════════════════════════════════════════════════ */

.label-loading[b-9mqmo5y601] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    flex: 1;
    background: var(--fd-gray-50);
    border: 2px dashed var(--fd-border-default);
    border-radius: 0.5rem;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Upload Area
   ═══════════════════════════════════════════════════════════════════════════ */

.label-upload-area[b-9mqmo5y601] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    min-height: 300px;
    border: 3px dashed var(--fd-border-default);
    border-radius: 0.5rem;
    background: var(--fd-gray-50);
    cursor: pointer;
    transition: all 0.2s ease;
}

.label-upload-area:hover[b-9mqmo5y601] {
    border-color: var(--fd-primary-500);
    background: var(--fd-primary-50);
}

.label-upload-area.drag-over[b-9mqmo5y601] {
    border-color: var(--fd-primary-500);
    background: var(--fd-primary-100);
    transform: scale(1.01);
}

.upload-content[b-9mqmo5y601] {
    text-align: center;
    padding: 2rem;
}

.upload-content i[b-9mqmo5y601] {
    font-size: 4rem;
    color: var(--fd-text-muted);
    margin-bottom: 1rem;
    display: block;
}

.label-upload-area:hover .upload-content i[b-9mqmo5y601],
.label-upload-area.drag-over .upload-content i[b-9mqmo5y601] {
    color: var(--fd-primary-500);
}

.upload-content h5[b-9mqmo5y601] {
    color: var(--fd-gray-600);
    margin-bottom: 0.5rem;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Label Viewer
   ═══════════════════════════════════════════════════════════════════════════ */

.label-viewer[b-9mqmo5y601] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--fd-border-default);
    border-radius: 0.5rem;
    overflow: hidden;
    background: var(--fd-surface-default);
}

.label-header[b-9mqmo5y601] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    background: var(--fd-gray-50);
    border-bottom: 1px solid var(--fd-border-default);
}

.label-info[b-9mqmo5y601] {
    display: flex;
    align-items: center;
    overflow: hidden;
}

.label-filename[b-9mqmo5y601] {
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.label-size[b-9mqmo5y601] {
    font-size: 0.85rem;
    flex-shrink: 0;
}

.label-actions[b-9mqmo5y601] {
    display: flex;
    gap: 0.25rem;
    flex-shrink: 0;
}

/* ═══════════════════════════════════════════════════════════════════════════
   PDF Viewer
   ═══════════════════════════════════════════════════════════════════════════ */

.pdf-viewer-container[b-9mqmo5y601] {
    flex: 1;
    min-height: 500px;
    background: var(--fd-gray-600);
}

.pdf-viewer[b-9mqmo5y601] {
    width: 100%;
    height: 100%;
    min-height: 500px;
    border: none;
}

.pdf-placeholder[b-9mqmo5y601] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 500px;
    color: var(--fd-gray-400);
}

.pdf-placeholder i[b-9mqmo5y601] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Replace Button
   ═══════════════════════════════════════════════════════════════════════════ */

.label-replace[b-9mqmo5y601] {
    padding: 0.75rem 1rem;
    background: var(--fd-gray-50);
    border-top: 1px solid var(--fd-border-default);
    text-align: center;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Alerts
   ═══════════════════════════════════════════════════════════════════════════ */

.btn-close-sm[b-9mqmo5y601] {
    padding: 0.25rem;
    font-size: 0.75rem;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Responsive
   ═══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 576px) {
    .label-header[b-9mqmo5y601] {
        flex-direction: column;
        gap: 0.5rem;
        align-items: stretch;
    }

    .label-info[b-9mqmo5y601] {
        justify-content: center;
    }

    .label-actions[b-9mqmo5y601] {
        justify-content: center;
    }

    .pdf-viewer-container[b-9mqmo5y601],
    .pdf-viewer[b-9mqmo5y601] {
        min-height: 350px;
    }
}