@import '_content/Bosui/Bosui.10veanz9gx.bundle.scp.css';

/* _content/Zineps/Components/Global/BrandDropdown.razor.rz.scp.css */
.brand-dropdown-option[b-pjyt2pjzvi] {
    align-items: center;
    gap: 0.25rem;
    height: 32px;
    margin-top: 2px;
}

.brand-dropdown-value[b-pjyt2pjzvi] {
    align-items: center;
    gap: 0.25rem;
    height: 32px;
}

.brand-dropdown-logo[b-pjyt2pjzvi] {
    height: 24px;
    width: auto;
}
/* _content/Zineps/Components/Labels/OneTimeSenderAddressBookSearch.razor.rz.scp.css */
.sender-address-header[b-dcj3iw7bec] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
    min-width: 0;
    margin-right: 1rem;
}

.sender-address-header-title[b-dcj3iw7bec] {
    margin: 0;
    white-space: nowrap;
}

.address-header-actions[b-dcj3iw7bec] {
    display: flex;
    align-items: stretch;
    gap: 0.5rem;
    margin-left: auto;
    min-width: 0;
}

.address-search-wrap[b-dcj3iw7bec] {
    position: relative;
    width: 300px;
    min-width: 0;
}

.address-search-bar[b-dcj3iw7bec] {
    display: flex;
    align-items: center;
    height: 38px;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    background: #fff;
    padding: 0 10px 0 12px;
    gap: 8px;
}

.address-search-bar:hover[b-dcj3iw7bec],
.address-search-bar:focus-within[b-dcj3iw7bec] {
    border-color: #424242;
    transition: border-color 0.15s ease-in-out;
}

.address-search-icon[b-dcj3iw7bec] {
    width: 17px;
    height: 17px;
    flex-shrink: 0;
}

.address-search-input[b-dcj3iw7bec] {
    flex: 1;
    min-width: 0;
    border: none;
    outline: none;
    font-size: inherit;
    font-family: inherit;
    background: transparent;
}

.address-search-input[b-dcj3iw7bec]::placeholder {
    color: #999;
}

.address-search-clear[b-dcj3iw7bec] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    border: none;
    background: none;
    color: #666;
    cursor: pointer;
    border-radius: 50%;
    flex-shrink: 0;
    transition: color 0.15s, background 0.15s;
}

.address-search-clear:hover[b-dcj3iw7bec] {
    color: #333;
    background: #eee;
}

.address-search-clear i[b-dcj3iw7bec] {
    font-size: 12px;
}

.address-search-results[b-dcj3iw7bec] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 4px;
    max-height: 280px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    z-index: 100;
}

.address-search-result-item[b-dcj3iw7bec] {
    display: flex;
    align-items: flex-start;
    width: 100%;
    padding: 0.5rem 0.75rem;
    border: none;
    background: none;
    text-align: left;
    font-size: inherit;
    font-family: inherit;
    cursor: pointer;
    color: #333;
    gap: 0.5rem;
    transition: background 0.1s;
}

.address-search-result-item:hover[b-dcj3iw7bec] {
    background: #f5f5f5;
}

.address-search-loading[b-dcj3iw7bec],
.address-search-empty[b-dcj3iw7bec] {
    cursor: default;
    color: #666;
}

.address-search-loading[b-dcj3iw7bec] {
    gap: 0.5rem;
}

[b-dcj3iw7bec] .address-reset-btn {
    height: 38px !important;
    min-height: 38px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap;
}

@media (max-width: 720px) {
    .sender-address-header[b-dcj3iw7bec] {
        align-items: flex-start;
        width: 100%;
        flex-wrap: wrap;
        margin-right: 0;
    }

    .address-header-actions[b-dcj3iw7bec] {
        margin-left: 0;
        width: 100%;
        flex-wrap: wrap;
    }

    .address-search-wrap[b-dcj3iw7bec] {
        width: 100%;
    }
}
/* _content/Zineps/Components/Labels/ShippingLabelCreator.razor.rz.scp.css */
.loader[b-tv3nf803d9] {
    border: 2px solid #f3f3f3;
    border-top: 2px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}

.shipping-rate-undetermined[b-tv3nf803d9] {
    color: #e67e22;
    font-size: 0.8125rem;
    margin-top: 0.25rem;
}

@@keyframes spin {
    0%[b-tv3nf803d9] {
        transform: rotate(0deg);
    }

    100%[b-tv3nf803d9] {
        transform: rotate(360deg);
    }
}

.shipping-label-creator[b-tv3nf803d9] {
    width: 100%;
    position: sticky;
    top: 0;
}

.shipping-label-creator-below-card[b-tv3nf803d9] {
    text-align: center;
    margin-top: 0.75rem;
}

.rz-dropdown-list > .rz-dropdown-item > span[b-tv3nf803d9] {
    width: 100%;
}

.shipping-label-creator[b-tv3nf803d9]  .pickup-note-expandable textarea {
    height: 47px !important;
    transition: height 0.7s ease !important;
    resize: vertical;
    min-height: 47px !important;
    max-height: 200px;
}

.shipping-label-creator[b-tv3nf803d9]  .pickup-note-expandable textarea:focus {
    height: 120px !important;
    min-height: 120px !important;
}

.shipping-label-creator[b-tv3nf803d9]  .pickup-note-expandable textarea:not(:focus) {
    height: 47px !important;
    min-height: 47px !important;
}

.store-pickup-readonly-control[b-tv3nf803d9] {
    align-items: center;
    background: #ebf9f6;
    border: 1px solid #c4ece5;
    border-radius: 7px;
    color: #166b5f;
    display: flex;
    font-weight: 600;
    gap: 0.6rem;
    height: 47px;
    padding: 0 0.75rem;
    width: 100%;
}

.store-pickup-readonly-control .store-pickup-icon[b-tv3nf803d9] {
    display: inline-block;
    flex: 0 0 auto;
    height: 20px;
    width: 20px;
}

.store-pickup-shipment-panel[b-tv3nf803d9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-height: 20rem;
    padding: 0.75rem 0 0;
}

.store-pickup-shipment-panel--completed[b-tv3nf803d9] {
    min-height: 9rem;
}

.store-pickup-shipment-status[b-tv3nf803d9] {
    align-items: center;
    color: #2f8f80;
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    gap: 0.65rem;
    line-height: 1.2;
}

.store-pickup-shipment-icon[b-tv3nf803d9] {
    color: #2f8f80;
    flex: 0 0 auto;
}

.store-pickup-shipment-description[b-tv3nf803d9] {
    color: #686868;
    font-size: 0.875rem;
    line-height: 1.45;
    margin: 0;
}

.store-pickup-shipment-actions[b-tv3nf803d9] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: auto;
}

.store-pickup-shipment-actions[b-tv3nf803d9]  .store-pickup-shipment-button {
    width: 100% !important;
}

.store-pickup-shipment-actions[b-tv3nf803d9]  button {
    width: 100%;
}


.pickup-date-help-icon[b-tv3nf803d9] {
    color: #878787;
    font-size: 14px;
    cursor: help;
    align-self: center;
    line-height: 1;
}

.dropdown-label[b-tv3nf803d9] {
    display: block;
    font-weight: bold;
    margin-bottom: .5rem;
    font-size: 16px;
    color: #424242;
}

.carrier-logo[b-tv3nf803d9] {
    width: 32px;
    margin-right: 10px;
}

.country-flag[b-tv3nf803d9] {
    width: 25px;
    margin-right: 10px;
}

.inputCustom[b-tv3nf803d9] {
    height: 50px;
    border-color: #ced4da;
}

    .inputCustom:focus[b-tv3nf803d9],
    .inputCustom:hover[b-tv3nf803d9] {
        border-color: #424242 !important;
        box-shadow: none !important;
        outline: none;
    }

.rz-dropdown-item > span[b-tv3nf803d9] {
    width: 100%;
}

.custom-dropdown .rz-dropdown[b-tv3nf803d9] {
    display: flex;
    margin: auto;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #ced4da;
    padding: 7px 15px;
    width: 100%;
    height: 50px;
    color: #424242;
    font-family: Roboto, sans-serif;
    font-weight: 400;
}

.subBtn[b-tv3nf803d9] {
    background-color: #70CAB9;
    color: #fff;
    border-radius: 7px;
    padding: 0px 20px;
    height: 50px !important;
    font-size: 16px;
}

.rateStyling[b-tv3nf803d9] {
    color: #818181;
    margin-left: 7px;
    font-weight: 200;
}

.legacy-note[b-tv3nf803d9] {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 12px 16px;
    background: linear-gradient(90deg, #ffffff 0%, #70CAB910 100%);
    display: flex;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
}

.no-senders-message[b-tv3nf803d9] {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.no-senders-message .no-senders-description[b-tv3nf803d9] {
    font-size: 12px;
    color: #828282;
    font-family: Roboto, sans-serif;
    margin: 0;
}

.receivers-count[b-tv3nf803d9] {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.shipping-options-summary[b-tv3nf803d9] {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 16px;
    margin: 1rem 0;
    background: linear-gradient(90deg, #ffffff 0%, #70CAB910 100%);
}

    .shipping-options-summary h4[b-tv3nf803d9] {
        margin: 0 0 12px 0;
        font-size: 16px;
        color: #424242;
        font-weight: 600;
    }

.shipping-option-item[b-tv3nf803d9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
}

    .shipping-option-item:last-child[b-tv3nf803d9] {
        border-bottom: none;
    }

.carrier-info[b-tv3nf803d9] {
    display: flex;
    align-items: center;
    flex: 1;
}

.carrier-name[b-tv3nf803d9] {
    font-size: 14px;
    color: #424242;
    font-weight: 500;
}

.product-info[b-tv3nf803d9] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
}

.product-name[b-tv3nf803d9] {
    font-size: 13px;
    color: #686868;
    margin-bottom: 2px;
}

.product-price[b-tv3nf803d9] {
    font-size: 14px;
    color: #424242;
    font-weight: 600;
}

.more-options[b-tv3nf803d9] {
    margin: 8px 0 0 0;
    font-size: 12px;
    color: #686868;
    font-style: italic;
}

.empty-state-container[b-tv3nf803d9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 250px;
    color: #6c757d;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px dashed #dee2e6;
    margin: 2rem 0;
    padding: 2rem;
}

.empty-state-icon[b-tv3nf803d9] {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: #adb5bd;
}
/* _content/Zineps/Components/Labels/ShippingMethodsPopup.razor.rz.scp.css */
.shipping-methods-popup .zineps-card[b-es75sfi897] {
    max-width: 70rem;
    max-height: calc(100% );
    width: 100%;
}

.shipping-route-header[b-es75sfi897] {
    padding: 1.5rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #e0e0e0;
    background: linear-gradient(90deg, #ffffff 0%, #70CAB910 100%);
    border-radius: 6px;
}

.route-grid[b-es75sfi897] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 1.5rem;
    align-items: start;
    max-width: 100%;
}

.route-column[b-es75sfi897] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.route-title[b-es75sfi897] {
    font-size: 14px;
    color: #686868;
    margin-bottom: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.route-content[b-es75sfi897] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.location-header[b-es75sfi897] {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}

.location-name[b-es75sfi897] {
    font-size: 16px;
    font-weight: 600;
    color: #424242;
}

.location-details[b-es75sfi897] {
    font-size: 14px;
    color: #686868;
}

.route-arrow[b-es75sfi897] {
    font-size: 24px;
    color: #70CAB9;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
}

.country-flag[b-es75sfi897] {
    width: 20px;
    height: 15px;
    margin-right: 8px;
    border-radius: 2px;
}

.contact-info-icon[b-es75sfi897] {
    color: #70CAB9;
    font-size: 14px;
    margin-left: 8px;
    cursor: help;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

    .contact-info-icon:hover[b-es75sfi897] {
        opacity: 1;
    }

/* Delivery Section */
.delivery-info[b-es75sfi897] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.delivery-item[b-es75sfi897] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.delivery-label[b-es75sfi897] {
    font-size: 12px;
    color: #686868;
    font-weight: 500;
}

.delivery-value[b-es75sfi897] {
    font-size: 14px;
    color: #424242;
    font-weight: 500;
}

.delivery-placeholder[b-es75sfi897] {
    font-size: 14px;
    color: #999;
    font-style: italic;
}

/* Dimensions Section — single vs multi-collo (multiple packages) */
.dimensions-column-content[b-es75sfi897] {
    padding-right: 4px;
}

.dimensions-packages-list--multi[b-es75sfi897] {
    max-height: 14rem;
    overflow-y: auto;
}

.multi-collo-summary[b-es75sfi897] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 12px;
    font-weight: 600;
    color: #424242;
    margin-bottom: 10px;
    padding: 6px 10px;
    background: rgba(112, 202, 185, 0.12);
    border-radius: 6px;
    border: 1px solid rgba(112, 202, 185, 0.35);
}

    .multi-collo-summary i[b-es75sfi897] {
        color: #70CAB9;
        font-size: 14px;
    }

.dimensions-packages-list[b-es75sfi897] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dimension-package-card[b-es75sfi897] {
    border-radius: 6px;
    padding: 8px 10px;
    background: #fafafa;
    border: 1px solid #ececec;
}

.dimension-package-card--multi[b-es75sfi897] {
    border-left: 3px solid #70CAB9;
    background: #fff;
}

.dimension-package-heading[b-es75sfi897] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #70CAB9;
    margin-bottom: 6px;
}

.dimension-item[b-es75sfi897] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.dimension-row[b-es75sfi897] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.dimension-label[b-es75sfi897] {
    font-size: 12px;
    color: #686868;
    font-weight: 500;
}

.dimension-value[b-es75sfi897] {
    font-size: 14px;
    color: #424242;
    font-weight: 500;
}

.dimension-placeholder[b-es75sfi897] {
    font-size: 14px;
    color: #999;
    font-style: italic;
}

/* Empty State */
.empty-state[b-es75sfi897] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    text-align: center;
    min-height: 60px;
}

.empty-icon[b-es75sfi897] {
    font-size: 24px;
    color: #ccc;
    margin-bottom: 8px;
}

.empty-text[b-es75sfi897] {
    font-size: 12px;
    color: #999;
    font-style: italic;
}

.sorting-controls[b-es75sfi897] {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e0e0e0;
    background-color: #f8f9fa;
}

.sort-options[b-es75sfi897] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.sort-label[b-es75sfi897] {
    font-weight: 500;
    color: #424242;
    font-size: 14px;
}

.sort-buttons[b-es75sfi897] {
    display: flex;
    gap: 0.5rem;
}

.sort-btn[b-es75sfi897] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border: 1px solid #ddd;
    background-color: white;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    color: #424242;
    transition: all 0.2s ease;
}

    .sort-btn:hover[b-es75sfi897] {
        background-color: #f0f0f0;
        border-color: #70CAB9;
    }

    .sort-btn.active[b-es75sfi897] {
        border: 1px solid #70CAB9;
    background-color: white;
    color: #70CAB9;
    }

    .sort-btn i[b-es75sfi897] {
        font-size: 12px;
    }

.shipping-methods-grid[b-es75sfi897] {
    min-height: 300px;
}

    .shipping-methods-grid[b-es75sfi897]  .shipping-methods-table {
        width: 100%;
        max-height: calc(100% - 1rem);
    }

.carrier-info[b-es75sfi897] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.carrier-logo[b-es75sfi897] {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.method-info[b-es75sfi897] {
    display: flex;
    flex-direction: column;
}

.method-name[b-es75sfi897] {
    font-weight: 500;
    color: #424242;
}

.delivery-time[b-es75sfi897] {
    color: #424242;
    font-size: 14px;
}

.surcharge[b-es75sfi897] {
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
}

.price[b-es75sfi897], .total-price[b-es75sfi897] {
    font-weight: 500;
    color: #424242;
}

.total-price[b-es75sfi897] {
    font-weight: 600;
    font-size: 16px;
}

.select-method-btn[b-es75sfi897] {
    padding: 8px 16px;
    font-size: 14px;
    border-radius: 6px;
}

.save-btn[b-es75sfi897] {
    background-color: #70CAB9;
    color: white;
    padding: 12px 24px;
    border-radius: 7px;
}

.route-summary[b-es75sfi897] {
    margin-top: 1.5rem;
    padding: 1rem;
    background-color: #f8f9fa;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
}

.summary-header[b-es75sfi897] {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    font-weight: 600;
    color: #424242;
}

    .summary-header i[b-es75sfi897] {
        margin-right: 8px;
        color: #70CAB9;
    }

.summary-content[b-es75sfi897] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.summary-row[b-es75sfi897] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.summary-label[b-es75sfi897] {
    font-weight: 500;
    color: #686868;
    font-size: 14px;
}

.summary-value[b-es75sfi897] {
    font-weight: 500;
    color: #424242;
    font-size: 14px;
}

.shipping-methods-grid[b-es75sfi897]  .zineps-grid-row:hover:not(.zineps-loading-row) {
    background-color: var(--primarycolor-translucent);
}

.shipping-methods-grid[b-es75sfi897]  .zineps-grid-row.selected {
    background-color: var(--primarycolor-translucent);
    border: 2px solid var(--primarycolor);
}
/* Responsive adjustments */
@media (max-width: 1200px) {
    .route-grid[b-es75sfi897] {
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }
    
    .route-column:nth-child(3)[b-es75sfi897],
    .route-column:nth-child(4)[b-es75sfi897] {
        margin-top: 1rem;
        padding-top: 1rem;
        border-top: 1px solid #e0e0e0;
    }
}

@media (max-width: 768px) {
    .shipping-methods-popup .zineps-card[b-es75sfi897] {
        max-width: 95vw;
    }

    .route-grid[b-es75sfi897] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .route-arrow[b-es75sfi897] {
        transform: rotate(90deg);
        margin: 1rem 0;
        align-self: center;
    }

    .route-column[b-es75sfi897] {
        align-items: center;
        text-align: center;
    }

    .sort-options[b-es75sfi897] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .sort-buttons[b-es75sfi897] {
        flex-wrap: wrap;
    }
}
/* _content/Zineps/Components/Layout/MainLayout.razor.rz.scp.css */
.window[b-pj18lntwmz]{
    display: flex;
}

.navbar-custom[b-pj18lntwmz] {
    margin-left: 200px;
    box-shadow: 0 0 3px rgba(31, 30, 47, .05);
    border-bottom: 1px solid #eee;
    background: linear-gradient(130deg, rgba(255, 255, 255, 1) 0%, rgba(251, 255, 254, 1) 25%, #f3fffd 80%, #eafffb 90%, #b2f0e5bf 100%);
    height: 6rem;
    color: #424242;
}

    .navbar-custom > div[b-pj18lntwmz] {
        height: 100%;
    }

        .navbar-custom > div > div[b-pj18lntwmz] {
            margin: auto 2rem;
        }

.topbar .topbar-left[b-pj18lntwmz] {
    width: 199px;
    height: 5.4rem !important;
    background-color: #ffffff;
}

.topbar-left[b-pj18lntwmz] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.enlarge-menu .topbar .topbar-left[b-pj18lntwmz] {
    background-color: #fff;
}

html[b-pj18lntwmz], body[b-pj18lntwmz] {
    height: 100%;
    margin: 0;
    padding: 0;
}

[b-pj18lntwmz] .left-sidenav {
    min-width: 200px;
    background-color: #ffffff;
    background: linear-gradient(to bottom, #ffffff 0%, #f9fefd 60%, #f5fcfa 75%, #70cab98f 100%);
    height: 100vh;
    position: sticky;
    top: 0;
    padding: 0;
    overflow: auto;
}

[b-pj18lntwmz] .left-sidenav-menu {
    overflow-y: auto;
    height: 100vh;
    scrollbar-width: none;
    display: flex;
    flex-direction: column;
    padding-bottom: 1rem;
}

    [b-pj18lntwmz] .left-sidenav-menu::-webkit-scrollbar {
        display: none;
    }
[b-pj18lntwmz] .left-sidenav-menu li > a {
    font-size: 16px;
    color: #000;
}

    [b-pj18lntwmz] .left-sidenav-menu li > a i {
        font-size: 18px;
        margin-right: 8px;
        color: #000;
    }

.notification-list .noti-icon[b-pj18lntwmz] {
    color: #000;
}

[b-pj18lntwmz] .navbar-custom .topbar-nav li.show .nav-link {
    background-color: transparent;
}

.brand-logo[b-pj18lntwmz] {
    width: 137px;
    margin-top: 25px;
    margin-left: 30px;
    margin-right: auto;
    margin-bottom: 23px;
}

.enlarge-menu .topbar .topbar-left .logo .logo-lg[b-pj18lntwmz] {
    display: block;
}

.page-content[b-pj18lntwmz] {
    background-color: #FFF;
    padding: 0 30px 60px 30px;
}

[b-pj18lntwmz] #TopNavPageTitle > .menu-toggle-button {
    display: none;
}

@media (min-width: 1023px) {
    .fixed-nav[b-pj18lntwmz] {
        position: fixed;
        width: 200px;
    }

    .menubtn[b-pj18lntwmz] {
        display: none;
    }
}

@media (max-width: 1024px) {
    .topbar .topbar-left .logo-lg[b-pj18lntwmz] {
        display: block;
    }

    .brand-logo[b-pj18lntwmz] {
        width: 85px;
    }

    .topbar-left[b-pj18lntwmz] {
        align-items: initial;
    }

    .navbar-custom[b-pj18lntwmz] {
        height: 4rem;
        margin-left: 0;
    }

    [b-pj18lntwmz] #TopNavPageTitle > .menu-toggle-button {
        display: flex;
    }

    .page-container[b-pj18lntwmz] {
        margin: 4rem auto 1rem auto;
        height: calc(100vh - 4rem);
    }

    .closed[b-pj18lntwmz] {
        display: none;
    }

    [b-pj18lntwmz] .left-sidenav-menu {
        overflow-y: auto;
        height: calc(100vh - 4rem);
        scrollbar-width: none;
        display: flex;
        flex-direction: column;
        padding-bottom: 1rem;
    }

    [b-pj18lntwmz] .left-sidenav {
        margin-top: 1rem;
    }
}
@media (min-width: 1023px) {
    .fixed-nav[b-pj18lntwmz] {
        width: 200px;
    }
}

@media(min-widh: 768px) {
    .topbar .topbar-left[b-pj18lntwmz] {
        width: 178px;
    }

}

[b-pj18lntwmz] .left-sidenav-menu li {
    padding-top: 10px;
}

    [b-pj18lntwmz] .left-sidenav-menu li > a {
        padding: 12px 5px 12px 27px;
    }

[b-pj18lntwmz] .navIcon {
    width: 1.4rem;
    background-color: transparent;
}

[b-pj18lntwmz] .activeNav {
    color: var(--primarycolor) !important;
    font-weight: 600;
    border-right: 3px solid var(--primarycolor);
}

    [b-pj18lntwmz] .activeNav i {
        filter: invert(66%) sepia(55%) saturate(276%) hue-rotate(119deg) brightness(100%) contrast(88%);
        font-weight: 600;
    }

[b-pj18lntwmz] .PickupActiveNavIcon {
    filter: invert(37%) sepia(55%) saturate(276%) hue-rotate(119deg) brightness(100%) contrast(88%);
    font-weight: 600;
}

[b-pj18lntwmz] .left-sidenav-menu li > a:hover {
    color: #000;
    background-color: rgb(223 223 223 / 10%);
}

[b-pj18lntwmz] .left-sidenav-menu li.mm-active > a {
    background-color: #fff;
    border-left: none;
    color: #686868;
}

[b-pj18lntwmz] .left-sidenav-menu li ul {
    padding: 0 0 0 40px;
}

    [b-pj18lntwmz] .left-sidenav-menu li ul li > a {
        color: #686868;
    }

        [b-pj18lntwmz] .left-sidenav-menu li ul li > a:hover {
            color: #686868;
            background-color: rgb(223 223 223 / 10%);
        }

[b-pj18lntwmz] .left-sidenav-menu li.mm-active .nav-item.active a.nav-link.active {
    color: #686868;
}

[b-pj18lntwmz] .left-sidenav-menu li.mm-active .nav-item.active a.nav-link.active {
    background-color: transparent;
    color: var(--primarycolor);
}



    #TopNavPageTitle[b-pj18lntwmz] {
        display: flex;
        flex-direction: row;
        gap: .5rem;
    }

[b-pj18lntwmz] .nav-link > a, [b-pj18lntwmz] #TopNavPageTitle > h3 > a {
    color: var(--hovertext);
}

    [b-pj18lntwmz] .nav-link > a:hover, [b-pj18lntwmz] #TopNavPageTitle > h3 > a:hover {
        color: var(--hovertext) !important;
    }

.card[b-pj18lntwmz] {
    box-shadow: 0 0 6px rgb(31 30 47 / 12%);
}
.navIcon[b-pj18lntwmz] {
    background-color: transparent;
}
@media (max-width: 1030px) {
    .topbar .topbar-left[b-pj18lntwmz] {
        border: none;
    }
}

@media (max-width: 700px) {
    .topbar[b-pj18lntwmz] {
        background-color: #fff;
        border-bottom: 1px solid #eee;
    }

    .brand-logo[b-pj18lntwmz] {
        margin-right: 50px;
    }

    .page-content[b-pj18lntwmz] {
        padding: 20px 15px 20px 15px;
    }
}

.bottom-box[b-pj18lntwmz]{
    margin-top: auto;
}

@media (max-width: 700px) {
    .navbar-custom[b-pj18lntwmz] {
        background: #fff !important;
    }

    .NewNavColor[b-pj18lntwmz] {
        background: #fff !important;
    }
}

@media (min-width: 701px) and (max-width: 1036px) {
    #TopNavPageTitle h3[b-pj18lntwmz] {
        display: none;
    }
}

.LanguageSelected-box[b-pj18lntwmz] {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #cfcfcf;
    padding: 7px 15px;
    border-radius: 5px;
    width: 290px;
    border: 1px solid;
    background-color: #ffffff;
}

.Language-option[b-pj18lntwmz] {
    cursor: pointer;
}

    .Language-option:hover[b-pj18lntwmz] {
        background-color: #f3f3f3;
    }

input:-webkit-autofill[b-pj18lntwmz],
input:-webkit-autofill:focus[b-pj18lntwmz] {
    transition: background-color 600000s 0s, color 600000s 0s;
}


.activeNavTitle[b-pj18lntwmz] {
    font-family: Poppins,sans-serif;
    margin: 0;
    font-size: 16px;
    transform: translate(1px, 0px);
    color: #000;
    cursor: pointer;
}

.notActiveNavTitle[b-pj18lntwmz] {
    font-family: Poppins,sans-serif;
    margin: 0;
    font-size: 16px;
    transform: translate(1px, 0px);
    color: #000;
    cursor: pointer;
}

[b-pj18lntwmz] .nav-link {
    transition: none !important;
    cursor: pointer;
}


/* _content/Zineps/Components/Layout/NavMenu.razor.rz.scp.css */
.layout[b-2of4gs5ejq] {
    position: relative;
    width: 100%;
    height: 100vh;
}

.topbar[b-2of4gs5ejq] {
    position: fixed;
    top: 0;
    left: 6rem; /* Same as sidebar width */
    right: 0;
    height: 4rem;
    background-color: white;
    z-index: 1000;
    display: flex;
    align-items: center;
    padding: 0 1rem 0 0;
    border-bottom: 1px solid #d3d5d9;
    transition: left 0.3s ease;
}

.sidebar[b-2of4gs5ejq] {
    position: fixed;
    top: 4rem; /* Same as topbar height */
    left: 0;
    width: 6rem;
    height: calc(100vh - 4rem);
    background-color: white;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-right: 1px solid #d3d5d9;
    padding-top: 1rem;
    transition: width 0.3s ease;
    height: 100%;
    overflow: visible;
}


.logo-corner[b-2of4gs5ejq] {
    position: absolute;
    top: -3.7rem; /* Negative of topbar height */
    left: 0;
    width: 6rem;
    height: calc(4rem - 1px);
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1001;
    transition: width 0.3s ease;
}

[b-2of4gs5ejq] .nav-link {
    display: flex;
    align-items: center;
    width: 100%;
    color: #333;
    text-decoration: none;
    transition: background-color 0.2s;
    min-height: 2rem;
}

    [b-2of4gs5ejq] .nav-link:hover, .nav-link.active[b-2of4gs5ejq] {
        filter: brightness(1.02)
    }

.nav-text[b-2of4gs5ejq] {
    font-size: 0.7rem;
    margin-top: auto !important;
    margin-bottom: auto !important;
    text-align: center;
    width: 0;
    transition: width 0.3s ease;
}

.bi[b-2of4gs5ejq] {
    font-size: 1.5rem;
}

.spacer[b-2of4gs5ejq] {
    flex: 1;
}

.navbar-brand[b-2of4gs5ejq] {
    font-weight: bold;
    color: #333;
    text-decoration: none;
}

.nav-text[b-2of4gs5ejq], [b-2of4gs5ejq] .nav-link {
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE 10+ and Edge */
    user-select: none; /* Standard syntax */
}

.corner-cover[b-2of4gs5ejq] {
    position: fixed;
    top: calc(4rem - 1px);
    left: calc(6rem - 1px);
    width: 2rem;
    height: 2rem;
    background-color: white;
    z-index: 1009;
    transition: left 0.3s ease;
}

    .corner-cover[b-2of4gs5ejq]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 2rem;
        height: 2rem;
        background-color: white;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 1rem;
        border-left: 1px solid #d3d5d9;
        border-bottom: 1px solid #d3d5d9;
        transform: rotate(90deg);
    }


.zineps-logo-small[b-2of4gs5ejq] {
    width: 2.5rem;
    height: 2.5rem;
    background-image: url('Content/images/zineps-logo-small.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s ease-in-out;
}

.sidebar.expanded .zineps-logo-small.customer[b-2of4gs5ejq] {
    background-image: url('Content/images/zineps.svg');
    width: 8rem;
}

.sidebar.expanded .zineps-logo-small.partner[b-2of4gs5ejq] {
    background-image: url('Content/images/zineps-partner.svg');
    width: 8rem;
}

.sidebar.expanded .zineps-logo-small.admin[b-2of4gs5ejq] {
    background-image: url('Content/images/zineps-admin.svg');
    width: 8rem;
}

.hamburger-icon[b-2of4gs5ejq] {
    width: 1.4rem;
    min-width: 1.4rem;
    height: 1.4rem;
    background-image: url('/Content/images/hamburger-menu.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.search-container[b-2of4gs5ejq] {
    margin-left: 1rem;
    flex: 1;
    max-width: 400px;
}

.search-input[b-2of4gs5ejq] {
    width: 100%;
    padding: 0.5rem 1rem;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    background-color: #f8f9fa;
    color: #424242;
    font-size: 0.9rem;
    transition: all 0.2s ease;
}

.search-input:focus[b-2of4gs5ejq] {
    outline: none;
    border-color: black;
    background-color: white;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2);
}

.search-input[b-2of4gs5ejq]::placeholder {
    color: #8e8e8e;
}

.search-results-dropdown[b-2of4gs5ejq] {
    position: absolute;
    top: 100%;
    left: 20;
    width: 600px; 
    background: white;
    border: 1px solid #e0e0e0;
    border-top: none;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    max-height: 300px;
    overflow-y: auto;
}

.search-result-item[b-2of4gs5ejq] {
    padding: 1rem;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
    transition: background-color 0.2s ease;
}

.search-result-content[b-2of4gs5ejq] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.product-image[b-2of4gs5ejq] {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    border-radius: 6px;
    overflow: hidden;
    background-color: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-image img[b-2of4gs5ejq] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-image-placeholder[b-2of4gs5ejq] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f9fa;
    color: #6c757d;
}

.order-details[b-2of4gs5ejq] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.search-result-item:hover[b-2of4gs5ejq] {
    background-color: #f8f9fa;
}

.search-result-item:last-child[b-2of4gs5ejq] {
    border-bottom: none;
}

.order-header[b-2of4gs5ejq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.order-number[b-2of4gs5ejq] {
    font-weight: 700;
    color: #2c3e50;
    font-size: 0.95rem;
}

.order-date[b-2of4gs5ejq] {
    color: #8e8e8e;
    font-size: 0.8rem;
}

.product-title[b-2of4gs5ejq] {
    font-weight: 500;
    color: #34495e;
    font-size: 0.9rem;
    line-height: 1.3;
}

.customer-info[b-2of4gs5ejq] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.customer-name[b-2of4gs5ejq] {
    color: #424242;
    font-size: 0.85rem;
    font-weight: 500;
}

.location-info[b-2of4gs5ejq] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    color: #8e8e8e;
    font-size: 0.8rem;
}

.postal-code[b-2of4gs5ejq] {
    font-weight: 500;
    color: #7f8c8d;
}

.city[b-2of4gs5ejq] {
    color: #95a5a6;
}

.search-loading[b-2of4gs5ejq] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    color: #666;
    font-size: 0.9rem;
}

.search-loading[b-2of4gs5ejq]::before {
    content: "";
    width: 16px;
    height: 16px;
    border: 2px solid #e0e0e0;
    border-top: 2px solid #007bff;
    border-radius: 50%;
    animation: spin-b-2of4gs5ejq 1s linear infinite;
    margin-right: 0.5rem;
}

@keyframes spin-b-2of4gs5ejq {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.search-no-results[b-2of4gs5ejq] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    color: #666;
    font-size: 0.9rem;
}
/* Expanded sidebar */
.sidebar.expanded[b-2of4gs5ejq] {
    width: 12rem;
}

    .sidebar.expanded ~ .corner-cover[b-2of4gs5ejq] {
        left: calc(12rem - 1px);
    }

    /* For expanded nav links */
    .sidebar.expanded .nav-link[b-2of4gs5ejq] {
        flex-direction: row;
        justify-content: flex-start;
        padding-left: 1rem;
    }

    .sidebar.expanded .nav-text[b-2of4gs5ejq] {
        margin-top: 0;
        margin-left: 0.5rem;
        display: inline-block;
        font-size: 0.9rem;
    }

    /* You'll also need to update the logo-corner position when expanded */
    .sidebar.expanded .logo-corner[b-2of4gs5ejq] {
        width: 12rem;
    }

.topbar.expanded[b-2of4gs5ejq] {
    left: 12rem;
}


/* Hide nav text when sidebar is collapsed */
.sidebar:not(.expanded) .nav-text[b-2of4gs5ejq] {
    display: none;
}

/* Show nav text when sidebar is expanded */
.sidebar.expanded .nav-text[b-2of4gs5ejq] {
    display: block;
    margin-top: 0;
    margin-left: 0.5rem;
    font-size: 0.9rem;
    width: auto;
}

.sidebar:not(.expanded) .nav-second-level[b-2of4gs5ejq]  .nav-link {
    display: none;
    min-height: 0;
}

/* Keep icons centered when collapsed */
.sidebar:not(.expanded)[b-2of4gs5ejq]  .nav-link {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0.7rem;
}

/* Align icons and text horizontally when expanded */
.sidebar.expanded[b-2of4gs5ejq]  .nav-link {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 0.7rem 1rem;
    text-align: left;
}

/* Make sure the icons have consistent width */
.bi[b-2of4gs5ejq] {
    font-size: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

[b-2of4gs5ejq] .nav-link {
    display: flex;
    text-align: center;
}

    [b-2of4gs5ejq] .nav-link.active {
        background-color: #70cab930;
        border-radius: .5rem;
    }

.nav[b-2of4gs5ejq] {
    width: calc(100% - 1.8rem);
    height: calc(100vh - 4rem);
    padding: 0 0.1rem 2rem 0.1rem;
    flex-wrap: nowrap;
    overflow: auto;
    /* Hide scrollbar for Chrome, Safari and Opera */
    &::-webkit-scrollbar

{
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none;[b-2of4gs5ejq] /* Firefox */
}

.nav-item[b-2of4gs5ejq] {
    width: 100%;
    transition: all 0.3s ease-in-out;
}

.page-title[b-2of4gs5ejq] {
    margin-left: 1rem;
}

.db-environment-badge[b-2of4gs5ejq] {
    margin-left: 1rem;
    padding: 0.45rem 0.9rem;
    border-radius: 0.35rem;
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    line-height: 1;
    border: 2px solid transparent;
}

.db-environment-badge.test[b-2of4gs5ejq] {
    background-color: #ffeb3b;
    color: #111;
    border-color: #e3c900;
}

.db-environment-badge.production[b-2of4gs5ejq] {
    background-color: #2e7d32;
    color: #fff;
    border-color: #1b5e20;
}

[b-2of4gs5ejq] .nav-link > i:not(.fas) {
    font-size: 1.4rem;
}

.user-menu-container[b-2of4gs5ejq] {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 0.5rem;
    flex-shrink: 0;
}

.user-menu[b-2of4gs5ejq] {
    position: absolute;
    top: calc(100% + 0.5rem);
    right: 0;
    background-color: #fff;
    padding: 0.5rem 0;
    font-size: 13px;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
    border: 1px solid #eff2f9;
    min-width: 16rem;
    max-width: 22rem;
    z-index: 1100;
}

.user-menu[b-2of4gs5ejq]  .dropdown-item {
    padding: 0.5rem 1rem;
}

.user-menu[b-2of4gs5ejq]  .dropdown-divider {
    margin: 0.375rem 0;
}

.linked-accounts-menu-label[b-2of4gs5ejq] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #adb5bd !important;
    padding: 0.625rem 1rem 0.25rem !important;
    pointer-events: none;
}

.linked-accounts-menu-current[b-2of4gs5ejq],
.linked-accounts-menu-item[b-2of4gs5ejq] {
    display: flex !important;
    align-items: flex-start !important;
    white-space: normal !important;
    padding: 0.625rem 1rem !important;
    gap: 0.125rem;
    cursor: default;
}

.linked-accounts-menu-item[b-2of4gs5ejq] {
    cursor: pointer;
    width: 100%;
    text-align: left;
    border: none;
    background: transparent;
}

.linked-accounts-menu-check[b-2of4gs5ejq] {
    color: var(--rz-primary, #70CAB9);
    flex-shrink: 0;
}

.linked-accounts-menu-text[b-2of4gs5ejq] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.linked-accounts-menu-name[b-2of4gs5ejq] {
    font-weight: 500;
    line-height: 1.3;
}

.linked-accounts-menu-subtitle[b-2of4gs5ejq] {
    font-size: 0.75rem;
    color: #6c757d;
    line-height: 1.3;
    margin-top: 0.125rem;
    word-break: break-word;
}

.new-shipment-button[b-2of4gs5ejq] {
    display: flex;
    justify-content: center;
    margin-bottom: .5rem;
}

.MenuAddLabel[b-2of4gs5ejq] {
    margin: 2px 1rem 1rem auto;
    padding: 12px 7px !important;
    border: 1px solid #eee;
    border-radius: 7px;
    box-shadow: 0 0 3px #adadad !important;
    font-size: 10px !important;
    text-align: center;
    font-weight: 500;
    flex-direction: row;
    display: flex;
    justify-content: center;
    width: 2.6rem;
}

    .MenuAddLabel > span[b-2of4gs5ejq] {
        font-size: 12px !important;
    }

    .MenuAddLabel > .navIcon[b-2of4gs5ejq] {
        width: 14px;
    }

.sidebar.expanded .MenuAddLabel[b-2of4gs5ejq] {
    width: 100%;
}

.nav-second-level[b-2of4gs5ejq]  .nav-link {
    padding: .25rem 0 .25rem 1.5rem !important;
    min-height: 1.75rem;
}

    .nav-second-level[b-2of4gs5ejq]  .nav-link > .nav-text {
        font-size: 0.8rem !important;
    }

.fa-sort-down[b-2of4gs5ejq] {
    margin-left: .5rem;
    font-size: 1rem;
    margin-top: .2rem;
    margin-bottom: auto;
}

.sidebar:not(.expanded) .fa-sort-down[b-2of4gs5ejq] {
    display: none;
}

.bottom-box[b-2of4gs5ejq] {
    justify-content: flex-end;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.sidebar:not(.expanded) .bottom-box[b-2of4gs5ejq]  .settingMenuLi ::deep div ::deep div, .sidebar:not(.expanded) .bottom-box[b-2of4gs5ejq]  .settingMenuLi div p {
    display: none;
}


[b-2of4gs5ejq] .nav-link {
    display: flex;
    align-items: center;
    width: 100%;
    color: #333;
    text-decoration: none;
    transition: all 0.3s ease-in-out !important;
    position: relative;
    overflow: hidden;
    min-height: 3rem;
}

    [b-2of4gs5ejq] .nav-link:hover {
        background-color: #70cab910;
        border-radius: .5rem;
        box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    }

.nav-item[b-2of4gs5ejq] {
    width: 100%;
    transition: all 0.3s ease-in-out !important;
    transform-origin: left center;
}

[b-2of4gs5ejq] .nav-link.active {
    background-color: #70cab930;
    border-radius: .5rem;
}

/* Smooth transition for icon and text elements within nav links */
[b-2of4gs5ejq] .nav-link > i,
[b-2of4gs5ejq] .nav-link > .bi,
[b-2of4gs5ejq] .nav-link > .nav-text {
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out !important;
}

/* Improve transition for sidebar expansion */
.sidebar[b-2of4gs5ejq] {
    transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) !important;
}

    .sidebar.expanded .nav-text[b-2of4gs5ejq] {
        opacity: 1;
        transition: opacity 0.4s ease-in-out, margin 0.3s ease, width 0.3s ease !important;
    }

    .sidebar:not(.expanded) .nav-text[b-2of4gs5ejq] {
        opacity: 0;
        transition: opacity 0.2s ease-in-out, display 0s linear 0.2s !important;
    }

@media (max-width: 1024px) {
    .sidebar:not(.expanded)[b-2of4gs5ejq] {
        width: 0;
    }

    .sidebar:not(.expanded) ~ .corner-cover[b-2of4gs5ejq] {
        left: 0;
        display: none;
    }
}
/* _content/Zineps/Components/Order/ComprehensiveOrderDetailCard.razor.rz.scp.css */
.info-section[b-8h5ts3wk08] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem;
    border-right: 1px solid #e5e5e5;
    height: 100%;
}

.info-section:last-child[b-8h5ts3wk08] {
    border-right: none;
}

.section-title[b-8h5ts3wk08] {
    font-weight: 600;
    color: #333;
    margin-bottom: 0.25rem;
    font-size: 16px;
    letter-spacing: 0.5px;
    padding-bottom: 0.15rem;
}

.first-row[b-8h5ts3wk08] {
    font-weight: 400;
    color: #666;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.content-row[b-8h5ts3wk08] {
    color: #666;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.address-group[b-8h5ts3wk08] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.track-trace-link[b-8h5ts3wk08] {
    color: var(--primarycolor);
    text-decoration: underline;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.track-trace-link:hover[b-8h5ts3wk08] {
    color: #5a9d8f;
}

.carrier-logo[b-8h5ts3wk08] {
    max-height: 40px;
    max-width: 100px;
    object-fit: contain;
    margin: 0.5rem 0;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .info-section[b-8h5ts3wk08] {
        padding: 0.85rem;
        gap: 0.4rem;
    }
    
    .section-title[b-8h5ts3wk08] {
        margin-bottom: 0.2rem;
        font-size: 15px;
        padding-bottom: 0.1rem;
    }
}

@media (max-width: 992px) {
    .info-section[b-8h5ts3wk08] {
        padding: 0.7rem;
        gap: 0.35rem;
    }
    
    .section-title[b-8h5ts3wk08] {
        margin-bottom: 0.15rem;
        font-size: 14px;
        padding-bottom: 0.1rem;
    }
    
    .first-row[b-8h5ts3wk08], .content-row[b-8h5ts3wk08] {
        font-size: 13px;
    }
}

@media (max-width: 768px) {
    .info-section[b-8h5ts3wk08] {
        border-right: none;
        border-bottom: 1px solid #e5e5e5;
        padding: 0.5rem;
        gap: 0.3rem;
    }

    .info-section:last-child[b-8h5ts3wk08] {
        border-bottom: none;
    }
    
    .section-title[b-8h5ts3wk08] {
        margin-bottom: 0.15rem;
        font-size: 13px;
        padding-bottom: 0.05rem;
    }
    
    .first-row[b-8h5ts3wk08], .content-row[b-8h5ts3wk08] {
        font-size: 12px;
    }
}

@media (max-width: 576px) {
    .info-section[b-8h5ts3wk08] {
        padding: 0.4rem;
        gap: 0.25rem;
    }
    
    .section-title[b-8h5ts3wk08] {
        margin-bottom: 0.1rem;
        font-size: 12px;
        padding-bottom: 0.05rem;
        letter-spacing: 0.3px;
    }
    
    .first-row[b-8h5ts3wk08], .content-row[b-8h5ts3wk08] {
        font-size: 11px;
    }
    
    .address-group[b-8h5ts3wk08] {
        gap: 0.2rem;
    }
}

@media (max-width: 480px) {
    .info-section[b-8h5ts3wk08] {
        padding: 0.3rem;
        gap: 0.2rem;
    }
    
    .section-title[b-8h5ts3wk08] {
        margin-bottom: 0.1rem;
        font-size: 11px;
        padding-bottom: 0.05rem;
    }
    
    .first-row[b-8h5ts3wk08], .content-row[b-8h5ts3wk08] {
        font-size: 10px;
    }
}
/* _content/Zineps/Components/Order/InternationalShipment.razor.rz.scp.css */
/* Customs Documents Container */
.customs-documents-container[b-vinh1utc7l] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
    width: 100%;
}

/* Document Card */
.customs-document-card[b-vinh1utc7l] {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 1rem;
    transition: all 0.2s ease;
    position: relative;
    flex: 1 1 calc(50% - 0.5rem);
    min-width: 280px;
    max-width: 100%;
}

.customs-document-card:hover[b-vinh1utc7l] {
    border-color: var(--primarycolor);
    box-shadow: 0 2px 8px rgba(112, 202, 185, 0.2);
}

/* Document Icon */
.document-icon-large[b-vinh1utc7l] {
    font-size: 1.5rem;
    color: #dc3545;
    flex-shrink: 0;
}

/* Document Filename */
.document-filename[b-vinh1utc7l] {
    font-weight: 500;
    color: #212529;
    word-break: break-word;
    overflow-wrap: break-word;
}

.document-text[b-vinh1utc7l] {
    color: #495057;
    font-size: 0.9375rem;
}

/* Remove Document Button */
.remove-document-btn[b-vinh1utc7l] {
    background: none;
    border: none;
    padding: 0.5rem;
    cursor: pointer;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    flex-shrink: 0;
    color: #6c757d;
}

.remove-document-btn:hover[b-vinh1utc7l] {
    background-color: #fee;
    color: #dc3545;
}

.remove-document-btn:active[b-vinh1utc7l] {
    transform: scale(0.95);
}

.remove-document-btn .close-icon[b-vinh1utc7l] {
    font-size: 1.25rem;
}

/* File Input - Positioned over ZinepsButton */
.file-input[b-vinh1utc7l] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
}

/* Ensure ZinepsButton is positioned relative for file input overlay */
.customs-documents-container[b-vinh1utc7l]  .zineps-button {
    position: relative;
    flex: 1 1 100%;
    margin-top: 0.5rem;
}

/* Document Placeholder */
.customs-document-placeholder[b-vinh1utc7l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 2rem;
    background-color: #f8f9fa;
    border: 2px dashed var(--primarycolor);
    border-radius: 8px;
    color: #6c757d;
    flex: 1 1 calc(50% - 0.5rem);
    min-width: 280px;
    position: relative;
}

.customs-document-placeholder[b-vinh1utc7l]  .zineps-button {
    margin-top: 0;
    max-width: 100%;
}

.customs-document-placeholder i[b-vinh1utc7l] {
    font-size: 2.5rem;
    color: #adb5bd;
    margin-bottom: 0.5rem;
}

/* Responsive Styles */
@media screen and (max-width: 768px) {
    .customs-documents-container[b-vinh1utc7l] {
        flex-direction: column;
    }

    .customs-document-card[b-vinh1utc7l] {
        padding: 0.75rem;
        flex: 1 1 100%;
        min-width: 100%;
    }

    .customs-document-placeholder[b-vinh1utc7l] {
        flex: 1 1 100%;
        min-width: 100%;
        padding: 1.5rem;
    }

    .document-icon-large[b-vinh1utc7l] {
        font-size: 1.25rem;
    }

    .document-filename[b-vinh1utc7l] {
        font-size: 0.875rem;
    }

    .remove-document-btn[b-vinh1utc7l] {
        width: 2rem;
        height: 2rem;
        padding: 0.375rem;
    }

    .remove-document-btn .close-icon[b-vinh1utc7l] {
        font-size: 1rem;
    }

    .customs-document-placeholder i[b-vinh1utc7l] {
        font-size: 2rem;
    }
}

@media screen and (max-width: 576px) {
    .customs-documents-container[b-vinh1utc7l] {
        gap: 0.75rem;
    }

    .customs-document-card[b-vinh1utc7l] {
        padding: 0.625rem;
    }
}

/* Ensure input fields are responsive within the grid */
@media screen and (max-width: 768px) {
    [b-vinh1utc7l] .zineps-grid-column {
        grid-column: span 8 !important;
    }
}

@media screen and (max-width: 1388px) and (min-width: 769px) {
    [b-vinh1utc7l] .zineps-grid-column {
        grid-column: span 4 !important;
    }
}

/* _content/Zineps/Components/Order/OrderDetailCard.razor.rz.scp.css */
.receiver-info-group[b-udsf1d30ha] {
}

.record-detail-group[b-udsf1d30ha] {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.track-trace-link[b-udsf1d30ha] {
    margin: auto auto 0 0;
    text-align: end;
}
/* _content/Zineps/Components/Order/OrderDetailContent.razor.rz.scp.css */
.document-icon[b-3r14qrhedv] {
    width: 100%;
}

.pdf-icon[b-3r14qrhedv]{
    width: 100%
}

.document-text[b-3r14qrhedv] {
    text-align: center;
    color: #C1C1C1;
    line-height: 24px;
}

.zineps-input-container[b-3r14qrhedv] {
    display: flex;
    flex-direction: column;
}

.zineps-input-wrapper[b-3r14qrhedv] {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
    border: 1px solid #ced4da !important;
    border-radius: 8px;
}

.zineps-input-label[b-3r14qrhedv] {
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

.zineps-input[b-3r14qrhedv] {
    flex: 1;
    padding: 10px 0 10px 10px;
    height: 45px;
    border-radius: 8px;
    border: none;
    background-color: var(--elementcolor);
    color: var(--primarytext);
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: 0;
}

    .zineps-input:focus[b-3r14qrhedv] {
        outline: none;
    }

.order-items .order-image-container[b-3r14qrhedv] {
    position: relative;
    height: 190px;
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
}
    .order-items[b-3r14qrhedv]  .order-image-row {
        position: relative;
    }
.order-items[b-3r14qrhedv]  .order-image-row::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 20%;
    margin: 1rem 0;
    height: calc(100% - 2rem);
    width: 1px;
    background-color: #ced4da50;
}

   

.order-image[b-3r14qrhedv] {
    max-height: calc(100% - 30px);
    max-width: calc(100% - 30px);
}

.order-items[b-3r14qrhedv]  .order-detail-item {
    position: relative;
}




.order-items .order-item:last-child .order-image-container[b-3r14qrhedv]::after {
    display: none;
}

.order-items .order-item:not(:first-child) .order-image-container[b-3r14qrhedv]::before {
    height: calc(100% - 1rem);
}

.product-title[b-3r14qrhedv] {
    color: #212529;
    font-weight: 500;
    line-height: 1.5rem;
    font-size: 20px;
    margin: 0;
    min-height: 1.5rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

.order-items[b-3r14qrhedv] {
    display: flex;
    flex-direction: column;
}

.order-item-field-title[b-3r14qrhedv] {
    margin: 0;
    color: #212529 !important;
    font-size: 18px;
    font-weight: 400;
    text-align: start;
    line-height: 2rem;
}

.order-item-field-value[b-3r14qrhedv] {
    font-size: 15px;
    font-weight: 400;
    color: #424242 !important;
    text-align: start !important;
    line-height: 1.5;
}

/* Top summary card: multi-line receiver / address blocks — consistent spacing between lines (matches product row readability). */
.order-summary-field-values[b-3r14qrhedv] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

    .order-summary-field-values p[b-3r14qrhedv] {
        margin-bottom: 0;
    }

/* Ontvanger: tighter line-height and less vertical gap between rows than address block. */
.order-summary-field-values.order-summary-field-values--receiver[b-3r14qrhedv] {
    gap: 0.2rem;
}

.order-summary-field-values--receiver .order-item-field-value[b-3r14qrhedv] {
    line-height: 1.35;
}

.validation-box[b-3r14qrhedv] {
    display: flex;
    align-items: center;
}
.order-number[b-3r14qrhedv] {
    font-weight: 400;
    color: #6d6d6d;
}

.order-items[b-3r14qrhedv]  .unselected {
    filter: brightness(.95);
/*    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.4);
*/    backdrop-filter: brightness(0.98);
}
/* _content/Zineps/Components/Order/OrderListView.razor.rz.scp.css */
/* Product column — cell layout */
.product-cell-content[b-fqe3lyzggx] {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    min-width: 0;
}

/* Order-number column — partial-complete left indicator */
.partial-complete-indicator[b-fqe3lyzggx] {
    width: 4px;
    height: 100%;
    background-color: lightblue;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

.status-indicator.shipment-status-store-pickup[b-fqe3lyzggx] {
    background-color: #9CA3AF;
}

/* Modern selection bar (closed tab) — OrderListView-specific overrides on top
   of the global .selection-* / .action-item base styles */
.order-selection-bar .selection-summary-group[b-fqe3lyzggx] {
    display: flex;
}

.order-selection-bar .selection-actions[b-fqe3lyzggx] {
    align-items: stretch;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
    scrollbar-width: thin;
}

.order-selection-bar .selection-actions .action-item[b-fqe3lyzggx] {
    width: 112px;
    min-width: 100px;
    padding: 8px 12px;
    gap: 6px;
}

.order-selection-bar .selection-actions .action-item.action-item--wide[b-fqe3lyzggx] {
    width: 120px;
}

.order-selection-bar .selection-actions .action-item img[b-fqe3lyzggx] {
    width: 28px;
    height: 28px;
    object-fit: contain;
    margin-top: 0;
}

.order-selection-bar .selection-action-label[b-fqe3lyzggx] {
    color: #000;
    margin: 0;
    font-size: 12px;
    line-height: 1.3;
    text-align: center;
    white-space: normal;
    word-break: break-word;
}

.order-selection-bar .selection-actions .action-item[b-fqe3lyzggx] {
    appearance: none;
    border: 0;
    background: transparent;
    font: inherit;
}

@media(max-width: 580px) {
    .order-selection-bar .selection-actions .action-item[b-fqe3lyzggx] {
        width: 80px;
    }
}

/* Legacy selection bar (non-closed tabs) — component-private classes.
   The shared layout classes it sits next to (.mosbox, .mosb-inner,
   .mosb-option, .SelectOptions, .optionbox, .CloseBox_small) remain global. */
.MultiOrderSelectBox[b-fqe3lyzggx] {
    display: block;
    position: fixed;
    bottom: 40px;
    left: 23%;
    width: 65%;
    z-index: 1000;
    border-radius: 8px;
    box-shadow: 0px 0px 5px #c3c3c3;
    background-color: #fff;
    padding: 0;
}

.TotalSelectOrders[b-fqe3lyzggx] {
    width: 77px;
    padding: 18px 21px;
    background-color: #70CAB9;
    color: #fff;
    border-radius: 8px 0px 0px 8px;
}

    .TotalSelectOrders h3[b-fqe3lyzggx] {
        font-size: 28px;
        font-weight: normal;
        color: #fff !important;
        text-align: center;
    }

        .TotalSelectOrders h3.small-text[b-fqe3lyzggx] {
            font-size: 20px;
        }

.OptionForSelectedOrders[b-fqe3lyzggx] {
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .OptionForSelectedOrders h4[b-fqe3lyzggx] {
        margin: 0;
        font-weight: 400;
        margin: 0;
        font-size: 20px;
        color: #424242;
    }

    .OptionForSelectedOrders p[b-fqe3lyzggx] {
        color: #707070;
        margin: 0;
        font-size: 12px;
    }

.CloseBox_big[b-fqe3lyzggx] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 30px;
    border-left: 1px solid #cdcdcd;
}

@media(max-width: 768px) {
    .MultiOrderSelectBox[b-fqe3lyzggx] {
        left: 5%;
        width: 90%;
    }
}

@media(max-width: 1275px) {
    .TotalSelectOrders[b-fqe3lyzggx] {
        border-radius: 8px 0 0 0;
    }

    .CloseBox_big[b-fqe3lyzggx] {
        display: none;
    }
}

@media(max-width: 580px) {
    .CloseBox_big[b-fqe3lyzggx] {
        display: flex;
        margin-left: 1%;
    }
}

.shimmer-row[b-fqe3lyzggx] {
    display: flex;
    align-items: center;
    min-height: 4.5rem;
    border-radius: 6px;
    margin-bottom: 2px;
    position: relative;
    overflow: hidden;
}

.shimmer-cell[b-fqe3lyzggx] {
    height: 32px;
    border-radius: 4px;
    margin: 0 8px;
    position: relative;
    overflow: hidden;
}

.shimmer-animate[b-fqe3lyzggx] {
    animation: shimmer-b-fqe3lyzggx 1.5s infinite linear;
    background: linear-gradient( 90deg, #e0e0e0 0%, #f6f7f8 50%, #e0e0e0 100% );
    background-size: 200% 100%;
}

@keyframes shimmer-b-fqe3lyzggx {
    0% {
        background-position: -200% 0;
    }

    100% {
        background-position: 200% 0;
    }
}

.shimmer-order-number[b-fqe3lyzggx] {
    flex: 0 0 10rem !important;
}

.shimmer-product[b-fqe3lyzggx] {
    flex: 0 0 25rem !important;
}

.shimmer-shop[b-fqe3lyzggx] {
    flex: 1 0 10rem !important;
}

.shimmer-quantity[b-fqe3lyzggx] {
    flex: 0 0 5rem !important;
}

.shimmer-date[b-fqe3lyzggx] {
    flex: 0 0 9rem !important;
}

.shimmer-value[b-fqe3lyzggx] {
    flex: 0 0 8rem !important;
}

.shimmer-shipping-closed[b-fqe3lyzggx] {
    flex: 0 0 15rem !important;
}

.shimmer-shipping-open[b-fqe3lyzggx] {
    flex: 0 0 20rem !important;
}

.shimmer-track-trace[b-fqe3lyzggx] {
    flex: 0 0 15rem !important;
}

@media(min-width: 1900px) {
    .shimmer-product[b-fqe3lyzggx] {
        flex: 0 0 35rem !important;
    }
}

@media(min-width: 2500px) {
    .shimmer-product[b-fqe3lyzggx] {
        flex: 0 0 40rem !important;
    }
}

/* Responsive adjustments (copy your breakpoints as needed) */
@media (max-width: 1600px) {
    .shimmer-product[b-fqe3lyzggx] {
        flex: 0 0 20rem !important;
    }

    .shimmer-order-number[b-fqe3lyzggx] {
        flex: 0 0 9rem !important;
    }

    .shimmer-shop[b-fqe3lyzggx] {
        flex: 1 0 6rem !important;
    }

    .shimmer-quantity[b-fqe3lyzggx] {
        flex: 0 0 4rem !important;
    }

    .shimmer-date[b-fqe3lyzggx] {
        flex: 0 0 9rem !important;
    }

    .shimmer-value[b-fqe3lyzggx] {
        flex: 0 0 7rem !important;
    }

    .shimmer-shipping-closed[b-fqe3lyzggx] {
        flex: 0 0 9rem !important;
    }

    .shimmer-shipping-open[b-fqe3lyzggx] {
        flex: 0 0 14rem !important;
    }

    .shimmer-track-trace[b-fqe3lyzggx] {
        flex: 0 0 11rem !important;
    }
}

@media (max-width: 1200px) {
    .shimmer-product[b-fqe3lyzggx] {
        flex: 0 0 18rem !important;
    }

    .shimmer-order-number[b-fqe3lyzggx] {
        flex: 0 0 8rem !important;
    }

    .shimmer-shop[b-fqe3lyzggx] {
        flex: 1 0 6rem !important;
    }

    .shimmer-date[b-fqe3lyzggx] {
        flex: 0 0 7rem !important;
    }

    .shimmer-value[b-fqe3lyzggx] {
        flex: 0 0 6rem !important;
    }

    .shimmer-shipping-closed[b-fqe3lyzggx] {
        flex: 0 0 8rem !important;
    }

    .shimmer-shipping-open[b-fqe3lyzggx] {
        flex: 0 0 12rem !important;
    }

    .shimmer-track-trace[b-fqe3lyzggx] {
        flex: 0 0 9rem !important;
    }
}

@media (max-width: 992px) {
    .shimmer-product[b-fqe3lyzggx] {
        flex: 0 0 16rem !important;
    }

    .shimmer-order-number[b-fqe3lyzggx] {
        flex: 0 0 7rem !important;
    }

    .shimmer-date[b-fqe3lyzggx] {
        flex: 0 0 6rem !important;
    }

    .shimmer-value[b-fqe3lyzggx] {
        flex: 0 0 5rem !important;
    }

    .shimmer-shipping-closed[b-fqe3lyzggx] {
        flex: 0 0 8rem !important;
    }

    .shimmer-shipping-open[b-fqe3lyzggx] {
        flex: 0 0 12rem !important;
    }

    .shimmer-track-trace[b-fqe3lyzggx] {
        flex: 0 0 8rem !important;
    }
}

.invalid-address-indicator[b-fqe3lyzggx] {
    width: 4px;
    height: 100%;
    background-color: #FF3B30;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

.mosbox[b-fqe3lyzggx] {
    cursor: pointer;
}

.mosb-inner[b-fqe3lyzggx] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.mosb-option[b-fqe3lyzggx] {
    display: flex;
    justify-content: end;
}

.SelectOptions[b-fqe3lyzggx] {
    display: flex;
    padding-right: 20px;
}

.optionbox[b-fqe3lyzggx] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    height: 100%;
    padding: 0 12px;
    width: 90px;
}

    .optionbox p[b-fqe3lyzggx] {
        color: #000;
        margin: 0;
        font-size: 12px;
        text-wrap: nowrap;
    }

.CloseBox_small[b-fqe3lyzggx] {
    display: none;
    justify-content: center;
    align-items: center;
    padding: 15px 30px;
    border-left: 1px solid #cdcdcd;
}

.mosbox[b-fqe3lyzggx] {
    transition: all ease-in-out 0.3s;
}

    .mosbox:hover[b-fqe3lyzggx] {
        background-color: #f5f5f5;
        cursor: pointer;
    }

.validation-box[b-fqe3lyzggx] {
    position: relative;
    cursor: pointer;
}

    .validation-box:hover[b-fqe3lyzggx]::after {
        content: attr(data-title);
        position: absolute;
        left: 0;
        top: 100%;
        white-space: nowrap;
        z-index: 1;
        background: white;
        color: #686868;
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 5px;
    }

.order-list-view[b-fqe3lyzggx] {
    display: contents;
}

.order-list-view[b-fqe3lyzggx]  .custom-dropdown .rz-dropdown-item img {
    margin-right: 10px;
}

.order-list-view[b-fqe3lyzggx]  .custom-dropdown .rz-dropdown-item span {
    font-size: 1rem;
}

.order-list-view[b-fqe3lyzggx]  .carrier-logo {
    width: 32px;
    margin-right: 10px;
}

.order-list-view[b-fqe3lyzggx]  .inputCustom {
    height: 50px;
    border: 1px solid #fff !important;
}

.order-list-view[b-fqe3lyzggx]  .inputCustom:focus {
    border-color: #424242 !important;
    box-shadow: none !important;
    outline: none;
    border: 1px solid #d0d0d0 !important;
}

.order-list-view[b-fqe3lyzggx]  .inputCustom:hover {
    border-color: #424242 !important;
    box-shadow: none !important;
    outline: none;
    border: 1px solid #d0d0d0 !important;
}

.order-list-view[b-fqe3lyzggx]  .inputCustom:focus {
    border-color: #424242 !important;
    box-shadow: none !important;
    outline: none;
}

.order-list-view[b-fqe3lyzggx]  .orderno {
    cursor: pointer;
    transition: all ease-in-out 0.3s;
}

.order-list-view[b-fqe3lyzggx]  .orderno:hover {
    color: #000;
}

.order-list-view[b-fqe3lyzggx]  .img-frame {
    width: 60px;
    height: 60px;
    border: none;
    overflow: hidden;
}

.order-list-view[b-fqe3lyzggx]  .itemBtn {
    color: #70cab9;
    text-decoration: underline;
    font-weight: 600;
}

.order-list-view[b-fqe3lyzggx]  .modal-body {
    padding: 1rem 1.5rem;
    border-radius: .3rem;
}

/* Styles for ZinepsDataGrid - fixed height so the pager sits at the bottom; rows scroll in .zineps-grid-body */
.order-list-view[b-fqe3lyzggx]  .order-grid {
    height: calc(100vh - 11rem);
    min-height: 0;
    margin-top: 1rem;
}

.order-list-view[b-fqe3lyzggx]  .order-grid .zineps-grid-row {
    min-height: 4.5rem;
}

.order-list-view[b-fqe3lyzggx]  .order-grid .zineps-grid-header-cell * {
    word-break: normal !important;
    hyphens: none !important;
}

.order-list-view[b-fqe3lyzggx]  .product-title {
    font-weight: 500;
    font-size: 0.9375rem;
    color: #1a1a1a;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    line-height: 1.3;
    margin: 0;
    padding-right: 6px;
}

.order-list-view[b-fqe3lyzggx]  .product-info {
    font-size: 0.8125rem;
    color: #6b6b6b;
    line-height: 1.3;
    margin: 0;
    font-weight: 400;
}

/* Media queries */

@media(max-width: 1275px) {
    .order-list-view[b-fqe3lyzggx]  .mosb-inner {
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
    }

    .order-list-view[b-fqe3lyzggx]  .mosb-option {
        display: flex;
        justify-content: center;
        width: 100%;
        padding-top: 20px;
        padding-bottom: 15px;
        border-top: 1px solid #eee;
    }

    .order-list-view[b-fqe3lyzggx]  .CloseBox_small {
        display: flex;
    }
}

@media(min-width: 1275px) {
    .order-list-view[b-fqe3lyzggx]  .CloseBox_small {
        display: none;
    }
}

@media(max-width: 1400px) {
    .order-list-view[b-fqe3lyzggx]  .order-grid {
        max-height: calc(100vh - 14.5rem) !important;
    }
}

@media(max-width: 580px) {
    .order-list-view[b-fqe3lyzggx]  .mosb-inner {
        flex-direction: column;
    }

    .order-list-view[b-fqe3lyzggx]  .SelectOptions {
        display: flex;
        padding-right: 0;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .order-list-view[b-fqe3lyzggx]  .optionbox {
        width: calc(33.33% - 10px);
        box-sizing: border-box;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px;
        height: 85%;
        padding: 0 12px;
        width: 80px;
    }

    .order-list-view[b-fqe3lyzggx]  .CloseBox_small {
        display: none;
        margin-left: 1%;
    }

    .order-list-view[b-fqe3lyzggx]  .mosb-option {
        display: flex;
        justify-content: center;
        width: 98%;
        padding-top: 10px;
        padding-bottom: 10px;
        border-top: 1px solid #eee;
        margin-left: 1%;
    }
}

.order-list-view[b-fqe3lyzggx]  .product-column {
    flex: 0 0 25rem !important;
}

@media(min-width: 1900px) {
    .order-list-view[b-fqe3lyzggx]  .product-column {
        flex: 0 0 35rem !important;
    }
}

@media(min-width: 2500px) {
    .order-list-view[b-fqe3lyzggx]  .product-column {
        flex: 0 0 40rem !important;
    }
}

@media(max-width: 1700px) {
    .order-list-view[b-fqe3lyzggx]  .product-title {
        font-size: 0.8125rem;
    }

    .order-list-view[b-fqe3lyzggx]  .product-info {
        font-size: 0.75rem;
    }

    .order-list-view[b-fqe3lyzggx]  .product-column {
        flex: 0 0 20rem !important;
    }
}

/* No flex-basis here on purpose: the grid's default .zineps-grid-cell { flex: 1 1 0 }
   makes this column grow to absorb the row's slack, so the list fills the full
   width and the shop logo keeps space on both sides. The !important media rules
   below still pin it at narrow widths. */
.order-list-view[b-fqe3lyzggx]  .shop-column {
    justify-content: center;
    text-align: center;
}

.order-list-view[b-fqe3lyzggx]  .shop-image {
    max-width: 60px;
    margin: auto;
}

.order-list-view[b-fqe3lyzggx]  .shop-name {
    color: #000;
    display: block;
    text-wrap-mode: nowrap;
    font-size: 14px;
}

.order-list-view[b-fqe3lyzggx]  .order-number {
    font-weight: 400;
}

@media(max-width: 1600px) {

    .order-list-view[b-fqe3lyzggx]  .shop-image {
        max-width: 50px;
    }

    .order-list-view[b-fqe3lyzggx]  .shop-name {
        font-size: 12px;
    }
}

@media(max-width: 1200px) {
    .order-list-view[b-fqe3lyzggx]  .shop-column {
        flex: 0 0 6rem !important;
    }

    .order-list-view[b-fqe3lyzggx]  .shop-image {
        max-width: 40px;
    }

    .order-list-view[b-fqe3lyzggx]  .shop-name {
        font-size: 11px;
    }
}

/* Column and text styling with responsive adjustments */
.order-list-view[b-fqe3lyzggx]  .order-number-column {
    flex: 0 0 8rem !important;
}

.order-list-view[b-fqe3lyzggx]  .quantity-column {
    justify-content: center;
    flex: 0 0 8rem !important;
}

.order-list-view[b-fqe3lyzggx]  .date-column {
    flex: 0 0 9rem !important;
    justify-content: center;
}

.order-list-view[b-fqe3lyzggx]  .value-column {
    flex: 0 0 8rem !important;
    justify-content: center;
}

.order-list-view[b-fqe3lyzggx]  .shipping-method-column-closed {
    flex: 0 0 15rem !important;
}

.order-list-view[b-fqe3lyzggx]  .shipping-method-column-open {
    flex: 0 0 20rem !important;
}

.order-list-view[b-fqe3lyzggx]  .track-trace-column {
    flex: 0 0 15rem !important;
    flex-direction: column;
    align-items: start !important;
    justify-content: center;
}

/* Base text styles */
.order-list-view[b-fqe3lyzggx]  .order-number,
.order-list-view[b-fqe3lyzggx]  .itemBtn,
.order-list-view[b-fqe3lyzggx]  .product-title,
.order-list-view[b-fqe3lyzggx]  .product-info,
.order-list-view[b-fqe3lyzggx]  .shop-name,
.order-list-view[b-fqe3lyzggx]  .quantity-text,
.order-list-view[b-fqe3lyzggx]  .date-text,
.order-list-view[b-fqe3lyzggx]  .value-text,
.order-list-view[b-fqe3lyzggx]  .shipping-method-text,
.order-list-view[b-fqe3lyzggx]  .track-trace-text,
.order-list-view[b-fqe3lyzggx]  .dropdown-group-header,
.order-list-view[b-fqe3lyzggx]  .rz-dropdown-item span,
.order-list-view[b-fqe3lyzggx]  .rz-dropdown span,
.order-list-view[b-fqe3lyzggx]  .order-details span {
    font-size: 14px;
    transition: font-size 0.2s ease;
}

.order-list-view[b-fqe3lyzggx]  .itemBtn {
    cursor: pointer;
}

/* Medium screens (1600px and below) */
@media(max-width: 1600px) {
    .order-list-view[b-fqe3lyzggx]  .product-column {
        flex: 0 0 20rem !important;
    }

    .order-list-view[b-fqe3lyzggx]  .order-number-column {
        flex: 0 0 7rem !important;
    }

    .order-list-view[b-fqe3lyzggx]  .quantity-column {
        flex: 0 0 4rem !important;
    }

    .order-list-view[b-fqe3lyzggx]  .date-column {
        flex: 0 0 9rem !important;
    }

    .order-list-view[b-fqe3lyzggx]  .value-column {
        flex: 0 0 7rem !important;
    }

    .order-list-view[b-fqe3lyzggx]  .shipping-method-column-closed {
        flex: 0 0 9rem !important;
    }

    .order-list-view[b-fqe3lyzggx]  .shipping-method-column-open {
        flex: 0 0 14rem !important;
    }

    .order-list-view[b-fqe3lyzggx]  .track-trace-column {
        flex: 0 0 11rem !important;
    }

    .order-list-view[b-fqe3lyzggx]  .shop-image {
        max-width: 50px;
    }

    .order-list-view[b-fqe3lyzggx]  .order-number,
    .order-list-view[b-fqe3lyzggx]  .itemBtn,
    .order-list-view[b-fqe3lyzggx]  .product-title,
    .order-list-view[b-fqe3lyzggx]  .product-info,
    .order-list-view[b-fqe3lyzggx]  .shop-name,
    .order-list-view[b-fqe3lyzggx]  .quantity-text,
    .order-list-view[b-fqe3lyzggx]  .date-text,
    .order-list-view[b-fqe3lyzggx]  .value-text,
    .order-list-view[b-fqe3lyzggx]  .shipping-method-text,
    .order-list-view[b-fqe3lyzggx]  .track-trace-text,
    .order-list-view[b-fqe3lyzggx]  .rz-dropdown-item span,
    .order-list-view[b-fqe3lyzggx]  .rz-dropdown span,
    .order-list-view[b-fqe3lyzggx]  .dropdown-group-header,
    .order-list-view[b-fqe3lyzggx]  .order-details span {
        font-size: 12px;
    }

    .order-list-view[b-fqe3lyzggx]  .custom-dropdown .rz-dropdown-item span,
    .order-list-view[b-fqe3lyzggx]  .rz-dropdown .rz-dropdown-label {
        font-size: 12px;
    }

    .order-list-view[b-fqe3lyzggx]  .carrier-logo {
        width: 28px;
        margin-right: 8px;
    }
}

/* Small screens (1200px and below) */
@media(max-width: 1200px) {
    .order-list-view[b-fqe3lyzggx]  .product-column {
        flex: 0 0 18rem !important;
    }

    .order-list-view[b-fqe3lyzggx]  .order-number-column {
        flex: 0 0 6rem !important;
    }

    .order-list-view[b-fqe3lyzggx]  .date-column {
        flex: 0 0 7rem !important;
        justify-content: center;
    }

    .order-list-view[b-fqe3lyzggx]  .value-column {
        flex: 0 0 6rem !important;
        justify-content: center;
    }

    .order-list-view[b-fqe3lyzggx]  .shipping-method-column-closed {
        flex: 0 0 8rem !important;
    }

    .order-list-view[b-fqe3lyzggx]  .shipping-method-column-open {
        flex: 0 0 12rem !important;
    }

    .order-list-view[b-fqe3lyzggx]  .track-trace-column {
        flex: 0 0 9rem !important;
    }

    .order-list-view[b-fqe3lyzggx]  .shop-image {
        max-width: 40px;
    }

    .order-list-view[b-fqe3lyzggx]  .order-number,
    .order-list-view[b-fqe3lyzggx]  .itemBtn,
    .order-list-view[b-fqe3lyzggx]  .product-title,
    .order-list-view[b-fqe3lyzggx]  .product-info,
    .order-list-view[b-fqe3lyzggx]  .shop-name,
    .order-list-view[b-fqe3lyzggx]  .quantity-text,
    .order-list-view[b-fqe3lyzggx]  .date-text,
    .order-list-view[b-fqe3lyzggx]  .value-text,
    .order-list-view[b-fqe3lyzggx]  .shipping-method-text,
    .order-list-view[b-fqe3lyzggx]  .track-trace-text,
    .order-list-view[b-fqe3lyzggx]  .rz-dropdown-item span,
    .order-list-view[b-fqe3lyzggx]  .rz-dropdown span,
    .order-list-view[b-fqe3lyzggx]  .dropdown-group-header,
    .order-list-view[b-fqe3lyzggx]  .order-details span {
        font-size: 11px;
    }

    .order-list-view[b-fqe3lyzggx]  .custom-dropdown .rz-dropdown-item span,
    .order-list-view[b-fqe3lyzggx]  .rz-dropdown .rz-dropdown-label {
        font-size: 11px;
    }

    .order-list-view[b-fqe3lyzggx]  .carrier-logo {
        width: 24px;
        margin-right: 6px;
    }
}

/* Very small screens (992px and below) */
@media(max-width: 992px) {
    .order-list-view[b-fqe3lyzggx]  .product-column {
        flex: 0 0 16rem !important;
    }

    .order-list-view[b-fqe3lyzggx]  .order-number-column {
        flex: 0 0 5rem !important;
    }

    .order-list-view[b-fqe3lyzggx]  .date-column {
        flex: 0 0 6rem !important;
    }

    .order-list-view[b-fqe3lyzggx]  .value-column {
        flex: 0 0 5rem !important;
    }

    .order-list-view[b-fqe3lyzggx]  .shipping-method-column-closed {
        flex: 0 0 8rem !important;
    }

    .order-list-view[b-fqe3lyzggx]  .shipping-method-column-open {
        flex: 0 0 12rem !important;
    }

    .order-list-view[b-fqe3lyzggx]  .track-trace-column {
        flex: 0 0 8rem !important;
    }

    .order-list-view[b-fqe3lyzggx]  .order-number,
    .order-list-view[b-fqe3lyzggx]  .itemBtn,
    .order-list-view[b-fqe3lyzggx]  .product-title,
    .order-list-view[b-fqe3lyzggx]  .product-info,
    .order-list-view[b-fqe3lyzggx]  .shop-name,
    .order-list-view[b-fqe3lyzggx]  .quantity-text,
    .order-list-view[b-fqe3lyzggx]  .date-text,
    .order-list-view[b-fqe3lyzggx]  .value-text,
    .order-list-view[b-fqe3lyzggx]  .shipping-method-text,
    .order-list-view[b-fqe3lyzggx]  .track-trace-text,
    .order-list-view[b-fqe3lyzggx]  .rz-dropdown-item span,
    .order-list-view[b-fqe3lyzggx]  .rz-dropdown span,
    .order-list-view[b-fqe3lyzggx]  .dropdown-group-header,
    .order-list-view[b-fqe3lyzggx]  .order-details span {
        font-size: 10px;
    }

    .order-list-view[b-fqe3lyzggx]  .custom-dropdown .rz-dropdown-item span,
    .order-list-view[b-fqe3lyzggx]  .rz-dropdown .rz-dropdown-label {
        font-size: 10px;
    }

    .order-list-view[b-fqe3lyzggx]  .carrier-logo {
        width: 20px;
        margin-right: 5px;
    }
}
/* _content/Zineps/Components/Order/OrdersConfirmPopup.razor.rz.scp.css */
.popup-title[b-6o4n8pw667] {
    color: #424242;
}

.warning-image[b-6o4n8pw667] {
    width: 50px;
}

.loading-image[b-6o4n8pw667] {
    width: 70px;
    height: 70px;
}

.popup-right[b-6o4n8pw667] {
    flex-direction: column;
    display: flex;
    gap: 1rem;
}

.popup-right > div[b-6o4n8pw667] {
    flex-direction: column;
    display: flex;
}

.popup-right > div[b-6o4n8pw667] >  .rz-dropdown {
    height: 50px;
}

.popup-right[b-6o4n8pw667] >  .zineps-input {
    height: 50px;
}

.status-label[b-6o4n8pw667] {
    color: #424242;
    font-size: 18px;
    line-height: 1.2;
    text-align: left;
    width: 100%;
}

.status-label-error[b-6o4n8pw667] {
    color: #424242;
    font-size: 16px;
    line-height: 1.2;
    text-align: left;
    width: 100%;
}

.error-details[b-6o4n8pw667] {
    display: flex;
    font-size: 14px;
    line-height: 1.2;
    justify-content: start;
    text-align: center;
}

[b-6o4n8pw667] .label-feedback-popover {
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    padding-bottom: 0;
}

[b-6o4n8pw667] .label-feedback-popover .zineps-card-header-base {
    align-items: flex-start;
    gap: .5rem;
    padding: 1.25rem 1.5rem .75rem;
    position: relative;
}

[b-6o4n8pw667] .label-feedback-popover.label-feedback-popover--has-close .zineps-card-header-base {
    padding-top: 2.5rem;
}

[b-6o4n8pw667] .label-feedback-popover .zineps-card-header-base .close-icon {
    font-size: .75rem;
    height: 1rem;
    position: absolute;
    right: 1.1rem;
    top: 1.1rem;
    width: 1rem;
}

[b-6o4n8pw667] .label-feedback-popover .zineps-card-content {
    overflow: hidden;
    padding: 0 1.5rem 1.25rem;
}

[b-6o4n8pw667] .label-feedback-popover.label-feedback-popover--empty-body .zineps-card-content {
    display: none;
    padding: 0;
}

[b-6o4n8pw667] .label-feedback-popover.label-feedback-popover--empty-body:not(.label-feedback-popover--has-close) .zineps-card-header-base {
    align-items: center;
    min-height: auto;
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
}

[b-6o4n8pw667] .label-feedback-popover.label-feedback-popover--empty-body.label-feedback-popover--has-close:not(.label-feedback-popover--has-footer) .zineps-card-header-base {
    align-items: center;
    min-height: auto;
    padding-bottom: 1.25rem;
}

[b-6o4n8pw667] .label-feedback-popover .zineps-card-footer-base {
    padding: 0;
}

[b-6o4n8pw667] .label-feedback-popover.label-feedback-popover--has-footer .zineps-card-footer-base {
    padding: 0 1.5rem 1.25rem;
}

[b-6o4n8pw667] .label-feedback-popover--expanded {
    max-height: min(27.5rem, calc(100vh - 3rem));
}

.label-feedback-header[b-6o4n8pw667] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    min-width: 0;
}

.label-feedback-main[b-6o4n8pw667] {
    display: grid;
    gap: .65rem;
    width: 100%;
}

.label-feedback-title[b-6o4n8pw667] {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    gap: .5rem;
    min-width: 0;
}

.label-feedback-title h3[b-6o4n8pw667] {
    color: #333;
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.35;
    margin: 0;
}

.label-feedback-processing-icon[b-6o4n8pw667] {
    flex: 0 0 auto;
    height: 1.4rem;
    object-fit: contain;
    width: 1.4rem;
}

.label-feedback-percent[b-6o4n8pw667] {
    color: #686868;
    flex: 0 0 auto;
    font-size: .95rem;
    font-weight: 400;
    line-height: 1.35;
    white-space: nowrap;
}

.label-feedback-counters[b-6o4n8pw667] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: flex-end;
    width: 100%;
}

.label-feedback-counter[b-6o4n8pw667] {
    align-items: center;
    background: transparent;
    border: 0;
    display: inline-flex;
    font-size: .82rem;
    font-weight: 500;
    gap: .3rem;
    line-height: 1.2;
    padding: 0;
    white-space: nowrap;
}

.label-feedback-counter-icon[b-6o4n8pw667] {
    display: block;
    flex: 0 0 auto;
    height: .85rem;
    width: .85rem;
}

.label-feedback-counter-icon--failed[b-6o4n8pw667] {
    color: #c98a0a;
}

.label-feedback-counter-icon--succeeded[b-6o4n8pw667] {
    color: #70cab9;
    font-size: .85rem;
}

button.label-feedback-counter[b-6o4n8pw667],
a.label-feedback-counter[b-6o4n8pw667] {
    border-radius: 4px;
    cursor: pointer;
    padding: .15rem .25rem;
    text-decoration: none;
    transition: background-color .15s ease, color .15s ease;
}

.label-feedback-counter-label--underlined[b-6o4n8pw667] {
    text-decoration: underline;
    text-underline-offset: 2px;
}

button.label-feedback-counter--failed.label-feedback-counter--clickable:hover[b-6o4n8pw667] {
    background-color: rgba(201, 138, 10, 0.08);
}

button.label-feedback-counter--succeeded.label-feedback-counter--clickable:hover[b-6o4n8pw667],
a.label-feedback-counter--succeeded.label-feedback-counter--clickable:hover[b-6o4n8pw667] {
    background-color: rgba(112, 202, 185, 0.1);
    color: #4a9a8a;
}

button.label-feedback-counter:focus-visible[b-6o4n8pw667],
a.label-feedback-counter:focus-visible[b-6o4n8pw667] {
    outline: 2px solid #70cab9;
    outline-offset: 2px;
}

.label-feedback-counter--failed[b-6o4n8pw667] {
    color: #9a6b08;
}

.label-feedback-counter--succeeded[b-6o4n8pw667] {
    color: #5aab9a;
}

a.label-feedback-counter--succeeded[b-6o4n8pw667] {
    color: #5aab9a;
}

.label-feedback-body[b-6o4n8pw667] {
    display: grid;
    gap: 1rem;
    min-height: 0;
}

.label-feedback-message-row[b-6o4n8pw667] {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    width: 100%;
}

.label-feedback-message-row--has-errors[b-6o4n8pw667] {
    border-bottom: 1px solid #ececec;
    gap: .45rem;
    margin-bottom: -.15rem;
    padding-bottom: .85rem;
}

.label-feedback-message[b-6o4n8pw667] {
    color: #666;
    font-size: .9rem;
    line-height: 1.45;
    margin: 0;
    max-width: none;
}

.label-feedback-download[b-6o4n8pw667] {
    align-items: center;
    color: #70cab9;
    display: inline-flex;
    font-size: .9rem;
    font-weight: 600;
    gap: .4rem;
    line-height: 1.3;
    text-decoration: none;
    transition: color .15s ease;
}

.label-feedback-download:hover[b-6o4n8pw667] {
    color: #5aab9a;
    text-decoration: underline;
}

.label-feedback-progress[b-6o4n8pw667] {
    background: #e8e8e8;
    border-radius: 999px;
    height: .5rem;
    overflow: hidden;
    width: 100%;
}

.label-feedback-progress-fill[b-6o4n8pw667] {
    background: #70cab9;
    border-radius: inherit;
    height: 100%;
    min-width: .5rem;
    transition: width .25s ease;
}

[b-6o4n8pw667] .label-feedback-popover--failure .label-feedback-progress-fill {
    background: #c98a0a;
}

.label-feedback-errors[b-6o4n8pw667] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    min-height: 0;
}

.label-feedback-errors-title[b-6o4n8pw667] {
    color: #555;
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.label-feedback-errors-list[b-6o4n8pw667] {
    background: #f5f5f5;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    display: grid;
    gap: 0;
    max-height: 14rem;
    overflow-y: auto;
    padding: .5rem 0;
}

.label-feedback-error-item[b-6o4n8pw667] {
    color: #555;
    font-size: .86rem;
    line-height: 1.4;
    padding: .55rem 1rem;
}

.label-feedback-error-item + .label-feedback-error-item[b-6o4n8pw667] {
    border-top: 1px solid #ebebeb;
}

.label-feedback-error-message[b-6o4n8pw667] {
    color: #333;
    font-weight: 600;
}

.label-feedback-error-action[b-6o4n8pw667] {
    color: #666;
    margin-top: .2rem;
}

.label-feedback-error-references[b-6o4n8pw667] {
    color: #888;
    font-size: .78rem;
    margin-top: .25rem;
}
/* _content/Zineps/Components/Order/ParcelShops.razor.rz.scp.css */
[b-kytmfmpm3c] .popup > button {
    background-color: var(--primarycolor);
    color: var(--secondarytext);
    transition: transform 0.3s ease, margin 0.3s ease;
    border: none;
    width: 100%;
    border-radius: 5px;
    max-width: 100%;
    height: 45px;
    font-size: 16px;
}

    [b-kytmfmpm3c] .popup > button:hover {
        filter: brightness(1.05);
    }

    [b-kytmfmpm3c] .popup > button:active {
        box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
    }
/* _content/Zineps/Components/Pages/Account/Login.razor.rz.scp.css */
/* Card matches legacy MVC; shell matches Stripe-style (nav logo + page footer). */
.login-shell[b-k38rkndxfh] {
    --login-page-bg: #f8fafc;
    --login-primary: #70cab9;
    /* At browser 100% zoom, scale auth column slightly so card + chrome fit typical laptops */
    --login-fit-zoom: 0.88;

    min-height: 100vh;
    min-height: 100dvh;
    height: auto;
    display: flex;
    flex-direction: column;
    font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
    color: #424242;
    background-color: var(--login-page-bg);
    /* Base: darker slate bottom → #f8fafc. Top layer: fade to white (matches shader). */
    background-image:
        linear-gradient(
            to top,
            transparent 0%,
            transparent 40%,
            rgba(255, 255, 255, 0.45) 78%,
            #ffffff 100%
        ),
        linear-gradient(
            to top,
            color-mix(in srgb, var(--login-page-bg) 96.5%, black 3.5%) 0%,
            var(--login-page-bg) 52%,
            var(--login-page-bg) 100%
        );
}

.login-shell__header[b-k38rkndxfh] {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    padding: 1.25rem 1.5rem;
    background-color: transparent;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.login-shell__brand[b-k38rkndxfh] {
    display: inline-block;
}

.login-shell__logo[b-k38rkndxfh] {
    width: 140px;
    height: auto;
}

.login-shell__backdrop[b-k38rkndxfh] {
    flex: 1 1 auto;
    min-height: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 1rem 1rem 2.5rem;
    background-color: transparent;
    overflow-x: hidden;
    overflow-y: visible;
}

/* WebGL shader: fixed to viewport so backdrop height changes do not resize canvas (see Register password rules). */
.login-shell.login-shell--viewport-fixed-shader .login-shell__paths.login-shader-background[b-k38rkndxfh] {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
    background-color: var(--login-page-bg);
    transform: translateZ(0);
}

.login-shell.login-shell--viewport-fixed-shader .login-shell__backdrop[b-k38rkndxfh] {
    position: relative;
    z-index: 1;
}

.login-shader-background__canvas[b-k38rkndxfh] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.login-shell__footer[b-k38rkndxfh] {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    padding: 1rem 1.5rem 1.25rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1.25rem;
    font-size: 0.8rem;
    color: #9aa0a6;
    background-color: transparent;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.login-shell__footer-muted[b-k38rkndxfh] {
    color: #9aa0a6;
}

.login-shell__footer-link[b-k38rkndxfh] {
    color: #70cab9;
    font-size: 0.8rem;
    font-weight: 500;
    text-decoration: none;
}

.login-shell__footer-link:hover[b-k38rkndxfh] {
    text-decoration: underline;
}

.login-shell__center[b-k38rkndxfh] {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 640px;
    flex-shrink: 0;
    margin-top: auto;
    margin-bottom: auto;
    padding-block: 0.5rem;
    zoom: var(--login-fit-zoom);
}

@media (min-height: 960px) {
    .login-shell__center[b-k38rkndxfh] {
        zoom: 1;
    }
}

.login-card[b-k38rkndxfh] {
    background: #fff;
    border-radius: 14px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow:
        0 4px 24px rgba(15, 23, 42, 0.08),
        0 12px 48px rgba(15, 23, 42, 0.06),
        0 1px 2px rgba(15, 23, 42, 0.05);
    overflow: hidden;
}

.login-card__body[b-k38rkndxfh] {
    padding: 48px 56px 44px;
}

.login-card__title[b-k38rkndxfh] {
    margin: 0 0 2.5rem;
    color: #111827;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.02em;
}

.login-auth-oauth[b-k38rkndxfh] {
    margin-bottom: 1.75rem;
}

.login-auth-google-form[b-k38rkndxfh] {
    margin: 0;
}

.login-auth-google-btn[b-k38rkndxfh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    width: 100%;
    height: 56px;
    padding: 0 1rem;
    border: 1px solid #dadce0;
    border-radius: 8px;
    background: #fff;
    color: #3c4043;
    font-size: 1.0625rem;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
    transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

.login-auth-google-btn:hover[b-k38rkndxfh] {
    background: #f8f9fa;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.08);
}

.login-auth-google-btn__icon[b-k38rkndxfh] {
    flex-shrink: 0;
}

.login-auth-divider[b-k38rkndxfh] {
    display: flex;
    align-items: center;
    margin-top: 1.5rem;
    gap: 1rem;
}

.login-auth-divider[b-k38rkndxfh]::before,
.login-auth-divider[b-k38rkndxfh]::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #e5e7eb;
}

.login-auth-divider__text[b-k38rkndxfh] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #6b7280;
}

.login-edit-form[b-k38rkndxfh] {
    margin: 0;
}

/* Stack is native markup in Login.razor so scoped CSS applies (padding, not margin-between-siblings on ZinepsRow). */
.login-form-stack[b-k38rkndxfh] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 0;
    box-sizing: border-box;
}

.login-stack-block--password[b-k38rkndxfh] {
    padding-top: 2.5rem !important;
    box-sizing: border-box;
}

/* Space between remember row and primary CTA only */
.login-stack-block--cta[b-k38rkndxfh] {
    padding-top: 2rem !important;
    box-sizing: border-box;
}

/* Remember sits directly under password field */
.login-remember-attached[b-k38rkndxfh] {
    width: 100%;
    margin-top: 0.625rem;
    box-sizing: border-box;
}

.login-remember-attached[b-k38rkndxfh]  .login-checkbox-row {
    width: 100%;
}

.login-stack-block--cta[b-k38rkndxfh]  .login-submit-row {
    width: 100%;
}

.login-password-label-row[b-k38rkndxfh] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 1rem;
    margin-bottom: 0.5rem;
    box-sizing: border-box;
}

.login-password-label-row__forgot[b-k38rkndxfh] {
    flex-shrink: 0;
    margin-left: auto;
    text-align: right;
}

/* Email + password labels share the same typography (no required asterisk on email). */
.login-field-label-row[b-k38rkndxfh] {
    width: 100%;
    margin-bottom: 0.5rem;
    box-sizing: border-box;
}

.login-field-label[b-k38rkndxfh] {
    display: inline-block;
    margin-bottom: 0;
    color: #374151;
    font-size: 0.9375rem;
    font-weight: 600;
    letter-spacing: 0.01em;
}

.login-password-label-row .login-field-label[b-k38rkndxfh] {
    margin-bottom: 0;
}

.login-custom-hyperlink[b-k38rkndxfh] {
    color: #70cab9;
    font-size: 0.9375rem;
    font-weight: 500;
    text-decoration: none;
}

.login-custom-hyperlink:hover[b-k38rkndxfh] {
    color: #70cab9;
    text-decoration: underline;
}

/* Native inputs (form POST to MVC): match previous Zineps field look. */
.login-native-input-wrap[b-k38rkndxfh] {
    position: relative;
    border: 1px solid #e5e7eb;
    border-radius: 7px;
    background-color: #fff;
    box-shadow: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.login-native-input-wrap:focus-within[b-k38rkndxfh] {
    border: 1px solid #70cab9;
    outline: none;
    box-shadow: 0 0 0 3px rgba(112, 202, 185, 0.2);
}

.login-native-input[b-k38rkndxfh] {
    width: 100%;
    height: 56px;
    padding: 0 1rem;
    border: none;
    border-radius: 7px;
    font-size: 1.0625rem;
    color: #1f2937;
    background-color: transparent;
    box-sizing: border-box;
}

.login-native-input-wrap--password .login-native-input[b-k38rkndxfh] {
    padding-right: 3.25rem;
}

.login-native-input:focus[b-k38rkndxfh] {
    outline: none;
}

.login-field__toggle[b-k38rkndxfh] {
    position: absolute;
    right: 0.35rem;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: transparent;
    padding: 0.4rem;
    cursor: pointer;
    color: #6c757d;
    line-height: 0;
    z-index: 2;
}

.login-field__toggle:hover[b-k38rkndxfh] {
    color: #424242;
}

.login-field__toggle-icon[b-k38rkndxfh] {
    display: block;
    width: 1.35rem;
    height: 1.35rem;
    background-color: currentColor;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E") center / contain no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.login-field__toggle-icon--off[b-k38rkndxfh] {
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10 .99 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.3-.08.61-.08.65 0 2.76 2.24 5 5 5 .34 0 .68-.03 1-.1l1.6 1.6c-.97.45-2.06.7-3.6.7-3.22 0-5.99-1.75-7-4.5.66-1.45 1.79-2.68 3.53-3.9zm6.26 6.26 1.45 1.45c-1.13.88-2.55 1.39-4.24 1.39-3.22 0-5.99-1.75-7-4.5.66-1.45 1.79-2.68 3.53-3.9l1.55 1.55c-.45.65-.08 1.35.08 1.85.13.45.35.85.63 1.2z'/%3E%3C/svg%3E") center / contain no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10 .99 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.3-.08.61-.08.65 0 2.76 2.24 5 5 5 .34 0 .68-.03 1-.1l1.6 1.6c-.97.45-2.06.7-3.6.7-3.22 0-5.99-1.75-7-4.5.66-1.45 1.79-2.68 3.53-3.9zm6.26 6.26 1.45 1.45c-1.13.88-2.55 1.39-4.24 1.39-3.22 0-5.99-1.75-7-4.5.66-1.45 1.79-2.68 3.53-3.9l1.55 1.55c-.45.65-.08 1.35.08 1.85.13.45.35.85.63 1.2z'/%3E%3C/svg%3E") center / contain no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10 .99 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.3-.08.61-.08.65 0 2.76 2.24 5 5 5 .34 0 .68-.03 1-.1l1.6 1.6c-.97.45-2.06.7-3.6.7-3.22 0-5.99-1.75-7-4.5.66-1.45 1.79-2.68 3.53-3.9zm6.26 6.26 1.45 1.45c-1.13.88-2.55 1.39-4.24 1.39-3.22 0-5.99-1.75-7-4.5.66-1.45 1.79-2.68 3.53-3.9l1.55 1.55c-.45.65-.08 1.35.08 1.85.13.45.35.85.63 1.2z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.login-card__alert[b-k38rkndxfh] {
    background: #fff7f6;
    border-radius: 5px;
    padding: 3px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 1rem;
    text-align: center;
}

.login-validation-summary[b-k38rkndxfh] {
    margin-bottom: 1rem;
}

.login-validation-summary[b-k38rkndxfh]  ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.login-validation-summary[b-k38rkndxfh]  li {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    background-color: #fff7f6;
    padding: 3px;
    border-radius: 5px;
}

.login-edit-form[b-k38rkndxfh]  .login-form-group .zineps-validation-message-container .error-text {
    margin-top: 0.35rem;
}

.login-remember[b-k38rkndxfh] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    gap: 0.625rem;
    cursor: pointer;
    margin: 0;
    padding: 0;
    color: #374151;
    font-size: 0.9375rem;
    line-height: 1.4;
}

.login-remember__input[b-k38rkndxfh] {
    flex-shrink: 0;
    width: 1.1875rem;
    height: 1.1875rem;
    margin: 0;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    accent-color: #70cab9;
    vertical-align: middle;
}

.login-remember__text[b-k38rkndxfh] {
    margin: 0;
    padding: 0;
}

.login-edit-form .login-submit-row .primary-button[b-k38rkndxfh] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 56px !important;
    border-radius: 8px !important;
    font-size: 1.125rem !important;
    font-weight: 600 !important;
    color: #fff !important;
    background-color: #70cab9 !important;
    border: none !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
    cursor: pointer;
}

.login-edit-form .login-submit-row .primary-button:hover:not(:disabled):not(.login-cta--loading)[b-k38rkndxfh] {
    filter: brightness(0.97);
    box-shadow: 0 2px 8px rgba(112, 202, 185, 0.35);
}

/* CTA loading (matches Zineps button: hide label, show spinner) */
.login-edit-form .login-primary-button.login-cta--loading[b-k38rkndxfh] {
    pointer-events: none;
    filter: none;
}

.login-edit-form .login-primary-button.login-cta--loading .login-cta__text[b-k38rkndxfh] {
    visibility: hidden;
}

.login-edit-form .login-primary-button.login-cta--loading[b-k38rkndxfh]::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1.5rem;
    height: 1.5rem;
    margin: -0.75rem 0 0 -0.75rem;
    border: 2px solid rgba(255, 255, 255, 0.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: login-cta-spin-b-k38rkndxfh 0.75s linear infinite;
}

@keyframes login-cta-spin-b-k38rkndxfh {
    to {
        transform: rotate(360deg);
    }
}

/* Full-page navigate: fade WebGL out + solid base so canvas teardown doesn’t flash black */
.login-shell.login-page--navigating .login-shader-background__canvas[b-k38rkndxfh] {
    opacity: 0;
    transition: opacity 0.22s ease;
}

.login-shell.login-page--navigating .login-shell__paths.login-shader-background[b-k38rkndxfh] {
    background-color: var(--login-page-bg, #f8fafc);
    transition: background-color 0.15s ease;
}

.login-card__footer[b-k38rkndxfh] {
    background-color: transparent;
    border-top: 1px solid #e5e7eb;
    min-height: 92px;
    padding: 1.25rem 1.5rem;
    box-sizing: border-box;
    border-radius: 0 0 14px 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.login-card__footer-text[b-k38rkndxfh] {
    margin: 0;
    font-size: 0.9375rem;
    color: #4b5563;
}

@media (max-width: 500px) {
    .login-card[b-k38rkndxfh] {
        box-shadow:
            0 4px 20px rgba(15, 23, 42, 0.07),
            0 1px 2px rgba(15, 23, 42, 0.05);
        border: 1px solid rgba(15, 23, 42, 0.08);
    }

    .login-card__body[b-k38rkndxfh] {
        padding: 32px 22px 28px;
    }

    .login-stack-block--password[b-k38rkndxfh] {
        padding-top: 2.25rem !important;
    }

    .login-stack-block--cta[b-k38rkndxfh] {
        padding-top: 1.75rem !important;
    }

    .login-remember-attached[b-k38rkndxfh] {
        margin-top: 0.5rem;
    }

    .login-shell__logo[b-k38rkndxfh] {
        width: 120px;
    }
}

@media (max-width: 600px) {
    .login-shell__center[b-k38rkndxfh] {
        padding: 0 0.5rem;
    }
}

@media (max-height: 760px) {
    .login-card__title[b-k38rkndxfh] {
        margin-bottom: 1.5rem;
    }

    .login-card__body[b-k38rkndxfh] {
        padding-top: 32px;
        padding-bottom: 28px;
    }

    .login-card__footer[b-k38rkndxfh] {
        min-height: 72px;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}
/* _content/Zineps/Components/Pages/Account/Register.razor.rz.scp.css */
/* Card matches legacy MVC; shell matches Stripe-style (nav logo + page footer). */
.login-shell[b-wi54k0dhop] {
    --login-page-bg: #f8fafc;
    --login-primary: #70cab9;
    /* At browser 100% zoom, scale auth column slightly so card + chrome fit typical laptops */
    --login-fit-zoom: 0.88;

    min-height: 100vh;
    min-height: 100dvh;
    height: auto;
    display: flex;
    flex-direction: column;
    font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
    color: #424242;
    background-color: var(--login-page-bg);
    /* Base: darker slate bottom → #f8fafc. Top layer: fade to white (matches shader). */
    background-image:
        linear-gradient(
            to top,
            transparent 0%,
            transparent 40%,
            rgba(255, 255, 255, 0.45) 78%,
            #ffffff 100%
        ),
        linear-gradient(
            to top,
            color-mix(in srgb, var(--login-page-bg) 96.5%, black 3.5%) 0%,
            var(--login-page-bg) 52%,
            var(--login-page-bg) 100%
        );
}

.login-shell__header[b-wi54k0dhop] {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    padding: 1.25rem 1.5rem;
    background-color: transparent;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.login-shell__brand[b-wi54k0dhop] {
    display: inline-block;
}

.login-shell__logo[b-wi54k0dhop] {
    width: 140px;
    height: auto;
}

.login-shell__backdrop[b-wi54k0dhop] {
    flex: 1 1 auto;
    min-height: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 1rem 1rem 2.5rem;
    background-color: transparent;
    overflow-x: hidden;
    /* Document scroll (see app.css :has(.login-shell)); avoid nested scrollbars here */
    overflow-y: visible;
}

/* WebGL shader: fixed to viewport (not the growing backdrop) so in-card UI (password rules) does not resize canvas → flash. */
.login-shell.login-shell--viewport-fixed-shader .login-shell__paths.login-shader-background[b-wi54k0dhop] {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
    background-color: var(--login-page-bg);
    transform: translateZ(0);
}

.login-shell.login-shell--viewport-fixed-shader .login-shell__backdrop[b-wi54k0dhop] {
    position: relative;
    z-index: 1;
}

.login-shader-background__canvas[b-wi54k0dhop] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.login-shell__footer[b-wi54k0dhop] {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    padding: 1rem 1.5rem 1.25rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1.25rem;
    font-size: 0.8rem;
    color: #9aa0a6;
    background-color: transparent;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.login-shell__footer-muted[b-wi54k0dhop] {
    color: #9aa0a6;
}

.login-shell__footer-link[b-wi54k0dhop] {
    color: #70cab9;
    font-size: 0.8rem;
    font-weight: 500;
    text-decoration: none;
}

.login-shell__footer-link:hover[b-wi54k0dhop] {
    text-decoration: underline;
}

.login-shell__center[b-wi54k0dhop] {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 640px;
    flex-shrink: 0;
    margin-top: auto;
    margin-bottom: auto;
    padding-block: 0.5rem;
    zoom: var(--login-fit-zoom);
}

@media (min-height: 960px) {
    .login-shell__center[b-wi54k0dhop] {
        zoom: 1;
    }
}

.login-shell__center.login-shell__center--register[b-wi54k0dhop] {
    max-width: 1320px;
}

.register-layout[b-wi54k0dhop] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    gap: 2rem;
    width: 100%;
}

.register-info-panel[b-wi54k0dhop] {
    flex: 1 1 0;
    min-width: 0;
    max-width: 640px;
}

.register-info-inner[b-wi54k0dhop] {
    padding: 2.5rem 1.25rem 1rem;
}

/* Vertical timeline rail + step nodes */
.register-info-timeline[b-wi54k0dhop] {
    position: relative;
    z-index: 0;
}

.register-info-timeline__rail[b-wi54k0dhop] {
    position: absolute;
    left: 14px;
    top: 15px;
    bottom: 15px;
    width: 3px;
    z-index: 0;
    border-radius: 3px;
    background: linear-gradient(
        180deg,
        rgba(112, 202, 185, 0.35) 0%,
        rgba(112, 202, 185, 0.95) 22%,
        rgba(112, 202, 185, 0.95) 78%,
        rgba(112, 202, 185, 0.35) 100%
    );
    box-shadow: 0 0 0 1px rgba(112, 202, 185, 0.12);
}

.register-info-row[b-wi54k0dhop] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.register-info-row + .register-info-row[b-wi54k0dhop] {
    margin-top: 2.5rem;
}

.register-info-row__icon-wrap[b-wi54k0dhop] {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--login-page-bg, #f8fafc);
    box-shadow: 0 0 0 4px var(--login-page-bg, #f8fafc);
}

.register-info-row__icon[b-wi54k0dhop] {
    display: block;
    width: 30px;
    height: 30px;
}

.register-info-row__body[b-wi54k0dhop] {
    min-width: 0;
}

.register-info-row__title[b-wi54k0dhop] {
    margin: 0 0 0.5rem;
    font-size: 1.125rem;
    font-weight: 600;
    color: #424242;
    line-height: 1.3;
}

.register-info-row__text[b-wi54k0dhop] {
    margin: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #6b7280;
    font-weight: 300;
}

.register-info-footer[b-wi54k0dhop] {
    margin-top: 4rem;
    padding-top: 0.5rem;
    font-size: 0.9375rem;
    color: #888;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.5rem;
}

.register-info-footer a[b-wi54k0dhop] {
    color: #888;
    text-decoration: none;
}

.register-info-footer a:hover[b-wi54k0dhop] {
    text-decoration: underline;
}

.register-info-footer__sep[b-wi54k0dhop] {
    opacity: 0.85;
}

.register-layout .login-card[b-wi54k0dhop] {
    flex: 1 1 0;
    min-width: 0;
    max-width: 640px;
}

@media (max-width: 1200px) {
    .register-info-panel[b-wi54k0dhop] {
        display: none;
    }

    .login-shell__center.login-shell__center--register[b-wi54k0dhop] {
        max-width: 640px;
    }
}

.login-card[b-wi54k0dhop] {
    background: #fff;
    border-radius: 14px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow:
        0 4px 24px rgba(15, 23, 42, 0.08),
        0 12px 48px rgba(15, 23, 42, 0.06),
        0 1px 2px rgba(15, 23, 42, 0.05);
    overflow: hidden;
}

.login-card__body[b-wi54k0dhop] {
    padding: 48px 56px 44px;
}

.login-card__title[b-wi54k0dhop] {
    margin: 0 0 2.5rem;
    color: #111827;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.02em;
}

.login-auth-oauth[b-wi54k0dhop] {
    margin-bottom: 1.75rem;
}

.login-auth-google-form[b-wi54k0dhop] {
    margin: 0;
}

.login-auth-google-btn[b-wi54k0dhop] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    width: 100%;
    height: 56px;
    padding: 0 1rem;
    border: 1px solid #dadce0;
    border-radius: 8px;
    background: #fff;
    color: #3c4043;
    font-size: 1.0625rem;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
    transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

.login-auth-google-btn:hover[b-wi54k0dhop] {
    background: #f8f9fa;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.08);
}

.login-auth-google-btn__icon[b-wi54k0dhop] {
    flex-shrink: 0;
}

.login-auth-divider[b-wi54k0dhop] {
    display: flex;
    align-items: center;
    margin-top: 1.5rem;
    gap: 1rem;
}

.login-auth-divider[b-wi54k0dhop]::before,
.login-auth-divider[b-wi54k0dhop]::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #e5e7eb;
}

.login-auth-divider__text[b-wi54k0dhop] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #6b7280;
}

.login-edit-form[b-wi54k0dhop] {
    margin: 0;
}

/* Stack is native markup in Login.razor so scoped CSS applies (padding, not margin-between-siblings on ZinepsRow). */
.login-form-stack[b-wi54k0dhop] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 0;
    box-sizing: border-box;
}

.login-stack-block--password[b-wi54k0dhop] {
    padding-top: 2.5rem !important;
    box-sizing: border-box;
}

/* Phone block → email block (same rhythm as email → password on Login) */
.login-stack-block--email + .login-stack-block--email[b-wi54k0dhop] {
    padding-top: 2.5rem !important;
    box-sizing: border-box;
}

.login-field-label-optional[b-wi54k0dhop] {
    color: #9ca3af;
    font-size: 0.875rem;
    font-weight: 500;
    margin-left: 0.25rem;
}

/* Space between remember row and primary CTA only */
.login-stack-block--cta[b-wi54k0dhop] {
    padding-top: 2rem !important;
    box-sizing: border-box;
}

/* Remember sits directly under password field */
.login-remember-attached[b-wi54k0dhop] {
    width: 100%;
    margin-top: 0.625rem;
    box-sizing: border-box;
}

.login-remember-attached[b-wi54k0dhop]  .login-checkbox-row {
    width: 100%;
}

.login-stack-block--cta[b-wi54k0dhop]  .login-submit-row {
    width: 100%;
}

.login-password-label-row[b-wi54k0dhop] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 1rem;
    margin-bottom: 0.5rem;
    box-sizing: border-box;
}

.login-password-label-row__forgot[b-wi54k0dhop] {
    flex-shrink: 0;
    margin-left: auto;
    text-align: right;
}

/* Email + password labels share the same typography (no required asterisk on email). */
.login-field-label-row[b-wi54k0dhop] {
    width: 100%;
    margin-bottom: 0.5rem;
    box-sizing: border-box;
}

.login-field-label[b-wi54k0dhop] {
    display: inline-block;
    margin-bottom: 0;
    color: #374151;
    font-size: 0.9375rem;
    font-weight: 600;
    letter-spacing: 0.01em;
}

.login-password-label-row .login-field-label[b-wi54k0dhop] {
    margin-bottom: 0;
}

.login-custom-hyperlink[b-wi54k0dhop] {
    color: #70cab9;
    font-size: 0.9375rem;
    font-weight: 500;
    text-decoration: none;
}

.login-custom-hyperlink:hover[b-wi54k0dhop] {
    color: #70cab9;
    text-decoration: underline;
}

/* Native inputs (form POST to MVC): match previous Zineps field look. */
.login-native-input-wrap[b-wi54k0dhop] {
    position: relative;
    border: 1px solid #e5e7eb;
    border-radius: 7px;
    background-color: #fff;
    box-shadow: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.login-native-input-wrap:focus-within[b-wi54k0dhop] {
    border: 1px solid #70cab9;
    outline: none;
    box-shadow: 0 0 0 3px rgba(112, 202, 185, 0.2);
}

.login-native-input[b-wi54k0dhop] {
    width: 100%;
    height: 56px;
    padding: 0 1rem;
    border: none;
    border-radius: 7px;
    font-size: 1.0625rem;
    color: #1f2937;
    background-color: transparent;
    box-sizing: border-box;
}

.login-native-input-wrap--password .login-native-input[b-wi54k0dhop] {
    padding-right: 3.25rem;
}

.register-password-rules[b-wi54k0dhop] {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: #6b7280;
    opacity: 0;
    transform: translateY(-6px);
    max-height: 0;
    overflow: hidden;
    pointer-events: none;
    transition:
        opacity 0.28s ease,
        transform 0.28s ease,
        max-height 0.32s ease,
        margin-top 0.28s ease;
}

.register-password-rules.register-password-rules--visible[b-wi54k0dhop] {
    opacity: 1;
    transform: translateY(0);
    max-height: 12rem;
    margin-top: 0.75rem;
    pointer-events: auto;
}

.register-password-rules__item[b-wi54k0dhop] {
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
    margin: 0;
    padding: 0.2rem 0;
}

.register-password-rules__item + .register-password-rules__item[b-wi54k0dhop] {
    margin-top: 0.15rem;
}

.register-password-rules__mark[b-wi54k0dhop] {
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    margin-top: 0.1rem;
    border-radius: 50%;
    border: 1.5px solid #d1d5db;
    background: #fff;
    box-sizing: border-box;
}

.register-password-rules__item--met[b-wi54k0dhop] {
    color: #047857;
}

.register-password-rules__item--met .register-password-rules__mark[b-wi54k0dhop] {
    border-color: #34d399;
    background: #ecfdf5;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23059669' d='M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 111.06-1.06l2.97 2.97 6.72-6.72a.75.75 0 011.06 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.65rem;
}

.login-native-input:focus[b-wi54k0dhop] {
    outline: none;
}

.login-field__toggle[b-wi54k0dhop] {
    position: absolute;
    right: 0.35rem;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: transparent;
    padding: 0.4rem;
    cursor: pointer;
    color: #6c757d;
    line-height: 0;
    z-index: 2;
}

.login-field__toggle:hover[b-wi54k0dhop] {
    color: #424242;
}

.login-field__toggle-icon[b-wi54k0dhop] {
    display: block;
    width: 1.35rem;
    height: 1.35rem;
    background-color: currentColor;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E") center / contain no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.login-field__toggle-icon--off[b-wi54k0dhop] {
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10 .99 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.3-.08.61-.08.65 0 2.76 2.24 5 5 5 .34 0 .68-.03 1-.1l1.6 1.6c-.97.45-2.06.7-3.6.7-3.22 0-5.99-1.75-7-4.5.66-1.45 1.79-2.68 3.53-3.9zm6.26 6.26 1.45 1.45c-1.13.88-2.55 1.39-4.24 1.39-3.22 0-5.99-1.75-7-4.5.66-1.45 1.79-2.68 3.53-3.9l1.55 1.55c-.45.65-.08 1.35.08 1.85.13.45.35.85.63 1.2z'/%3E%3C/svg%3E") center / contain no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10 .99 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.3-.08.61-.08.65 0 2.76 2.24 5 5 5 .34 0 .68-.03 1-.1l1.6 1.6c-.97.45-2.06.7-3.6.7-3.22 0-5.99-1.75-7-4.5.66-1.45 1.79-2.68 3.53-3.9zm6.26 6.26 1.45 1.45c-1.13.88-2.55 1.39-4.24 1.39-3.22 0-5.99-1.75-7-4.5.66-1.45 1.79-2.68 3.53-3.9l1.55 1.55c-.45.65-.08 1.35.08 1.85.13.45.35.85.63 1.2z'/%3E%3C/svg%3E") center / contain no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10 .99 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.3-.08.61-.08.65 0 2.76 2.24 5 5 5 .34 0 .68-.03 1-.1l1.6 1.6c-.97.45-2.06.7-3.6.7-3.22 0-5.99-1.75-7-4.5.66-1.45 1.79-2.68 3.53-3.9zm6.26 6.26 1.45 1.45c-1.13.88-2.55 1.39-4.24 1.39-3.22 0-5.99-1.75-7-4.5.66-1.45 1.79-2.68 3.53-3.9l1.55 1.55c-.45.65-.08 1.35.08 1.85.13.45.35.85.63 1.2z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.login-card__alert[b-wi54k0dhop] {
    background: #fff7f6;
    border-radius: 5px;
    padding: 3px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 1rem;
    text-align: center;
}

.login-validation-summary[b-wi54k0dhop] {
    margin-bottom: 1rem;
}

.login-validation-summary[b-wi54k0dhop]  ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.login-validation-summary[b-wi54k0dhop]  li {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    background-color: #fff7f6;
    padding: 3px;
    border-radius: 5px;
}

.login-edit-form[b-wi54k0dhop]  .login-form-group .zineps-validation-message-container .error-text {
    margin-top: 0.35rem;
}

.login-remember[b-wi54k0dhop] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    gap: 0.625rem;
    cursor: pointer;
    margin: 0;
    padding: 0;
    color: #374151;
    font-size: 0.9375rem;
    line-height: 1.4;
}

.login-remember__input[b-wi54k0dhop] {
    flex-shrink: 0;
    width: 1.1875rem;
    height: 1.1875rem;
    margin: 0;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    accent-color: #70cab9;
    vertical-align: middle;
}

.login-remember__text[b-wi54k0dhop] {
    margin: 0;
    padding: 0;
}

.login-edit-form .login-submit-row .primary-button[b-wi54k0dhop] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 56px !important;
    border-radius: 8px !important;
    font-size: 1.125rem !important;
    font-weight: 600 !important;
    color: #fff !important;
    background-color: #70cab9 !important;
    border: none !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
    cursor: pointer;
}

.login-edit-form .login-submit-row .primary-button:hover:not(:disabled):not(.login-cta--loading)[b-wi54k0dhop] {
    filter: brightness(0.97);
    box-shadow: 0 2px 8px rgba(112, 202, 185, 0.35);
}

/* CTA loading (matches Zineps button: hide label, show spinner) */
.login-edit-form .login-primary-button.login-cta--loading[b-wi54k0dhop] {
    pointer-events: none;
    filter: none;
}

.login-edit-form .login-primary-button.login-cta--loading .login-cta__text[b-wi54k0dhop] {
    visibility: hidden;
}

.login-edit-form .login-primary-button.login-cta--loading[b-wi54k0dhop]::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1.5rem;
    height: 1.5rem;
    margin: -0.75rem 0 0 -0.75rem;
    border: 2px solid rgba(255, 255, 255, 0.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: login-cta-spin-b-wi54k0dhop 0.75s linear infinite;
}

@keyframes login-cta-spin-b-wi54k0dhop {
    to {
        transform: rotate(360deg);
    }
}

/* Full-page navigate: fade WebGL out + solid base so canvas teardown doesn’t flash black */
.login-shell.login-page--navigating .login-shader-background__canvas[b-wi54k0dhop] {
    opacity: 0;
    transition: opacity 0.22s ease;
}

.login-shell.login-page--navigating .login-shell__paths.login-shader-background[b-wi54k0dhop] {
    background-color: var(--login-page-bg, #f8fafc);
    transition: background-color 0.15s ease;
}

.login-card__footer[b-wi54k0dhop] {
    background-color: transparent;
    border-top: 1px solid #e5e7eb;
    min-height: 92px;
    padding: 1.25rem 1.5rem;
    box-sizing: border-box;
    border-radius: 0 0 14px 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.login-card__footer-text[b-wi54k0dhop] {
    margin: 0;
    font-size: 0.9375rem;
    color: #4b5563;
}

@media (max-width: 500px) {
    .login-card[b-wi54k0dhop] {
        box-shadow:
            0 4px 20px rgba(15, 23, 42, 0.07),
            0 1px 2px rgba(15, 23, 42, 0.05);
        border: 1px solid rgba(15, 23, 42, 0.08);
    }

    .login-card__body[b-wi54k0dhop] {
        padding: 32px 22px 28px;
    }

    .login-stack-block--password[b-wi54k0dhop] {
        padding-top: 2.25rem !important;
    }

    .login-stack-block--cta[b-wi54k0dhop] {
        padding-top: 1.75rem !important;
    }

    .login-remember-attached[b-wi54k0dhop] {
        margin-top: 0.5rem;
    }

    .login-shell__logo[b-wi54k0dhop] {
        width: 120px;
    }
}

@media (max-width: 600px) {
    .login-shell__center[b-wi54k0dhop] {
        padding: 0 0.5rem;
    }
}

/* Short viewports: tighten spacing; rely on backdrop scroll instead of scaling (keeps text sharp at browser zoom). */
@media (max-height: 760px) {
    .register-info-inner[b-wi54k0dhop] {
        padding-top: 1.25rem;
        padding-bottom: 0.5rem;
    }

    .register-info-row + .register-info-row[b-wi54k0dhop] {
        margin-top: 1.5rem;
    }

    .login-card__title[b-wi54k0dhop] {
        margin-bottom: 1.5rem;
    }

    .login-card__body[b-wi54k0dhop] {
        padding-top: 32px;
        padding-bottom: 28px;
    }

    .login-card__footer[b-wi54k0dhop] {
        min-height: 72px;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}
/* _content/Zineps/Components/Pages/Admin/Support/SupportOverview.razor.rz.scp.css */
.unread[b-6sgbgbwg7c] {
    font-weight: 600;
}

.read[b-6sgbgbwg7c] {
    font-style: italic;
    color: #808080;
}
/* _content/Zineps/Components/Pages/Admin/User/PartnerDetails.razor.rz.scp.css */
.brand-logo-upload[b-gdv2pm3qiu] {
    margin-bottom: 1rem;
    width: 100%;
}

.logo-preview-container[b-gdv2pm3qiu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 1px dashed #ced4da;
    border-radius: 8px;
    padding: 1.5rem;
    position: relative;
    cursor: pointer;
    background-color: #f8f9fa;
    min-height: 150px;
    transition: all 0.2s ease;
}

    .logo-preview-container:hover[b-gdv2pm3qiu] {
        background-color: #f0f0f0;
    }

[b-gdv2pm3qiu] .file-input-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.logo-preview[b-gdv2pm3qiu] {
    display: block;
    width: 100%;
    max-width: min(100%, 28rem);
    height: 140px;
    margin: 0 auto 1rem auto;
    padding: 0.75rem;
    box-sizing: border-box;
    object-fit: contain;
    object-position: center;
}

.logo-placeholder[b-gdv2pm3qiu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #6c757d;
    margin-bottom: 1.5rem;
}

    .logo-placeholder i[b-gdv2pm3qiu] {
        font-size: 2.5rem;
        margin-bottom: 0.5rem;
    }

.remove-logo[b-gdv2pm3qiu] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background-color: rgba(255, 255, 255, 0.8);
    border: none;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
}

    .remove-logo:hover[b-gdv2pm3qiu] {
        background-color: rgba(255, 255, 255, 1);
    }

.logo-error[b-gdv2pm3qiu] {
    color: #dc3545;
    font-size: 0.8rem;
    margin-top: 0.3rem;
}

/* Partner-specific styles */
.partner-details-container[b-gdv2pm3qiu] {
    max-width: 1600px;
    gap: 2rem;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}

.partner-image-section[b-gdv2pm3qiu] {
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 1rem;
    background-color: #f8f9fa;
}

.partner-actions[b-gdv2pm3qiu] {
    display: flex;
    gap: 1rem;
    width: 100%;
    justify-content: flex-end;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e9ecef;
}

.error-message[b-gdv2pm3qiu] {
    color: #dc3545;
    font-size: 0.875rem;
    margin-top: 0.5rem;
    padding: 0.5rem;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    border-radius: 0.25rem;
}

.success-message[b-gdv2pm3qiu] {
    color: #155724;
    font-size: 0.875rem;
    margin-top: 0.5rem;
    padding: 0.5rem;
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    border-radius: 0.25rem;
}
/* _content/Zineps/Components/Pages/Company/BrandConfiguration.razor.rz.scp.css */
.brand-logo-upload[b-hel49r7350] {
    margin-bottom: 1rem;
}

.logo-preview-container[b-hel49r7350] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 1px dashed #ced4da;
    border-radius: 8px;
    padding: 1.5rem;
    position: relative;
    cursor: pointer;
    margin-top: 0.5rem;
    background-color: #f8f9fa;
    min-height: 150px;
    transition: all 0.2s ease;
}

    .logo-preview-container:hover[b-hel49r7350] {
        background-color: #f0f0f0;
    }

[b-hel49r7350] .file-input-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.logo-preview[b-hel49r7350] {
    display: block;
    width: 100%;
    max-width: min(100%, 28rem);
    height: 140px;
    margin: 0 auto 1rem auto;
    padding: 0.75rem;
    box-sizing: border-box;
    object-fit: contain;
    object-position: center;
}

.logo-placeholder[b-hel49r7350] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #6c757d;
    margin-bottom: 1.5rem;
}

    .logo-placeholder i[b-hel49r7350] {
        font-size: 2.5rem;
        margin-bottom: 0.5rem;
    }

.hidden-input[b-hel49r7350] {
    display: none;
}

.upload-button-container[b-hel49r7350] {
    margin-top: 1rem;
}

.logo-upload-button[b-hel49r7350] {
    background-color: var(--elementcolor) !important;
    border: 1px solid #ced4da !important;
    display: flex !important;
    gap: 0.5rem !important;
    padding: 0 1.5rem !important;
}

    .logo-upload-button:hover[b-hel49r7350] {
        background-color: #e6e6e6 !important;
    }

.ml-2[b-hel49r7350] {
    margin-left: 0.5rem;
}

.remove-logo[b-hel49r7350] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background-color: rgba(255, 255, 255, 0.8);
    border: none;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
}

    .remove-logo:hover[b-hel49r7350] {
        background-color: rgba(255, 255, 255, 1);
    }

.logo-error[b-hel49r7350] {
    color: #dc3545;
    font-size: 0.8rem;
    margin-top: 0.3rem;
}

/* Color Picker Styles */
.color-picker-container[b-hel49r7350] {
    position: relative;
    width: 100%;
}

.color-preview-container[b-hel49r7350] {
    display: flex;
    align-items: center;
}

.color-picker[b-hel49r7350] {
    width: 10rem;
    height: 45px;
    padding: 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    background-color: transparent;
}

.color-preview[b-hel49r7350] {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: 1px solid #ced4da;
    margin-left: 0.5rem;
}

input[type="color"][b-hel49r7350]::-webkit-color-swatch-wrapper {
    padding: 0;
}

input[type="color"][b-hel49r7350]::-webkit-color-swatch {
    border: none;
    border-radius: 4px;
}
/* _content/Zineps/Components/Pages/Company/BrandedPackingSlipSettings.razor.rz.scp.css */
.preview-panel[b-6ixrfrj6r1] {
    flex: 1;
    padding: 2rem;
    background: #f8f9fa;
    border-radius: 8px;
}

.email-preview[b-6ixrfrj6r1] {
    background: white;
    border-radius: 8px;
    padding: 2rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    user-select: none;
}

.preview-header[b-6ixrfrj6r1] {
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 2rem;
    color: #969696;
    user-select: none;
}

.preview-content[b-6ixrfrj6r1] {
    padding: 2rem;
    font-family: 'Poppins', sans-serif;
}

.description-text[b-6ixrfrj6r1] {
    color: #888;
    font-weight: 400;
    margin-top: -0.5rem;
    font-size: 15px;
}

.customInput[b-6ixrfrj6r1] {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.empty-state[b-6ixrfrj6r1] {
    text-align: center;
    padding: 3rem 2rem;
}

.empty-state-icon[b-6ixrfrj6r1] {
    margin-bottom: 1.5rem;
}

.empty-state-title[b-6ixrfrj6r1] {
    color: #424242;
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.empty-state-description[b-6ixrfrj6r1] {
    color: #686868;
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.empty-state-hint[b-6ixrfrj6r1] {
    color: #969696;
    font-size: 0.9rem;
}

.table[b-6ixrfrj6r1] {
    color: #686868;
}

.table-bordered thead[b-6ixrfrj6r1] {
    background-color: #fff;
}

.table thead tr th[b-6ixrfrj6r1] {
    color: #000;
}

.table-bordered td[b-6ixrfrj6r1], .table-bordered th[b-6ixrfrj6r1] {
    border: 1px solid #dbdbdb;
}

.table th[b-6ixrfrj6r1] {
    padding: 1.2rem .75rem;
}

.table thead th[b-6ixrfrj6r1] {
    border-bottom: 1px solid #dbdbdb;
}
/* _content/Zineps/Components/Pages/Company/BrandList.razor.rz.scp.css */
.brand-list[b-6sk7321wb1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
    grid-gap: 1.5rem;
    width: 100%;
    padding: 1rem;
}

    .brand-list[b-6sk7321wb1]  .zineps-card {
        width: 100%;
        min-height: 20rem;
        transition: transform 0.2s ease;
        cursor: pointer;
    }

        .brand-list[b-6sk7321wb1]  .zineps-card:hover {
            transform: translateY(-1px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        }

/* Optional: Add placeholder pulse animation for loading state */
.card-placeholder[b-6sk7321wb1] {
    animation: pulse-b-6sk7321wb1 1.5s infinite;
    background: #f0f0f0;
    border-radius: 10px;
}

@keyframes pulse-b-6sk7321wb1 {
    0% {
        opacity: 0.6;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.6;
    }
}

/* Additional brand card styles */
.brand-card-content[b-6sk7321wb1] {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 1rem;
}

.brand-logo[b-6sk7321wb1] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    margin-bottom: 0.5rem;
    border-radius: 8px;
    overflow: hidden;
}

    .brand-logo img[b-6sk7321wb1] {
        max-height: 100%;
        max-width: 100%;
        object-fit: contain;
    }

    .brand-logo.empty[b-6sk7321wb1], .brand-logo.loading[b-6sk7321wb1] {
        color: #aaa;
        font-size: 2rem;
        background-color: #f0f0f0;
    }

.brand-details[b-6sk7321wb1] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex: 1;
}

.detail-item[b-6sk7321wb1] {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.25rem;
}

.brand-list .label[b-6sk7321wb1] {
    font-weight: 500;
    font-size: 0.8rem;
    color: #6c757d;
}

.detail-item .value[b-6sk7321wb1] {
    font-size: 0.9rem;
}

.value.active[b-6sk7321wb1] {
    color: #28a745;
}

.value.inactive[b-6sk7321wb1] {
    color: #dc3545;
}

.brand-description[b-6sk7321wb1] {
    font-size: 0.9rem;
    color: #6c757d;
    margin-top: 0.5rem;
    line-height: 1.4;
}

.brand-actions[b-6sk7321wb1] {
    display: flex;
    justify-content: flex-end;
    margin-top: auto;
}

.empty-state[b-6sk7321wb1] {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: #6c757d;
    text-align: center;
    gap: 1rem;
}

.fas[b-6sk7321wb1] {
    height: 1rem;
    font-size: 1rem;
}

.modules-badges[b-6sk7321wb1] {
    display: flex;
    flex-wrap: wrap;
    column-gap: .25rem;
    row-gap: .1rem;
}
/* _content/Zineps/Components/Pages/Company/CompanyPanel.razor.rz.scp.css */
.gradient-row[b-uyim7eo39g] {
    background:  #eef5f47a;
    position: relative;
    overflow: hidden;
    height: 20rem;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    border-radius: 8px;
    padding: 40px 0 40px 40px;
    margin-top: 20px;
    margin-right: 25px;
    margin-left: 25px;
   
}

.edit-org-image[b-uyim7eo39g] {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    cursor: pointer;
    width: 60%;
    height: 60%;
    pointer-events: auto;
    z-index: 2;
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
}

.module-icon-container[b-uyim7eo39g] {
    margin-top: 10px;
    gap: 1rem;
    display: grid;
}

.module-icon-container h3[b-uyim7eo39g] {
    font-size: clamp(0.875rem, 2.5vw, 1.25rem);
    line-height: 1.2;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.col-margin[b-uyim7eo39g] {
    margin-top: -10px;
}

.gradient-row-content[b-uyim7eo39g] {
    position: relative;
    z-index: 2;
    flex: 1;
    padding: 0 20px 0 20px;
}

.dashboard-title[b-uyim7eo39g] {
    color: #424242;
    font-weight: 600;
    font-size: 32px;
    margin-bottom: 12px;
}

.welcome-text[b-uyim7eo39g] {
    color: #686868;
    font-size: 16px;
    margin-bottom: 30px;
    max-width: 400px;
}

.dashboard-image-container[b-uyim7eo39g] {
    position: relative;
    height: auto;
    flex: 0.8;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin: -40px 0 -40px 0;
}

.dashboard-image[b-uyim7eo39g] {
    object-fit: contain;
    mask-image: linear-gradient(to right, transparent 0%, black 30%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 30%);
    align-self: flex-start;
}

.dashboard-card-split[b-uyim7eo39g] {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: -20px -20px 0;
}

.card-image-section img[b-uyim7eo39g] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section-header[b-uyim7eo39g] {
    display: flex;
    align-items: center;
    cursor: pointer;
}

    .section-header i[b-uyim7eo39g] {
        margin-left: 0.5rem;
        transition: transform 0.2s ease;
    }

.company-cards[b-uyim7eo39g] {
    gap: 1rem;
    min-width: 16rem;
    display: flex;
    flex-direction: column;
}

.module-grid[b-uyim7eo39g] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
    gap: 1rem;
    width: 100%;
}

.company-cards[b-uyim7eo39g]  .zineps-card.end {
    cursor: pointer;
    width: 100%;
    height: 14rem;
}

    .company-cards[b-uyim7eo39g]  .zineps-card.end:hover {
        transform: scale(1.03) translateY(-.3rem);
    }
/* _content/Zineps/Components/Pages/Company/IntegrationList.razor.rz.scp.css */
tr[b-ubgmgwzwga] {
    border-bottom: solid 1px rgba(128, 128, 128, 0.1);
}

td[b-ubgmgwzwga] {
    padding: 4px 10px;
}

.default-sender[b-ubgmgwzwga] {
    background-color: rgba(112, 202, 185, 0.1);
}

    .default-sender > td[b-ubgmgwzwga] {
        border-radius: .5rem;
    }

.company-name[b-ubgmgwzwga] {
    height: fit-content;
    align-self: center;
}

.end[b-ubgmgwzwga] {
    justify-content: end;
}

.open-options[b-ubgmgwzwga] {
    border-bottom: none;
}

.fit-content[b-ubgmgwzwga] {
    width: fit-content;
}
/* _content/Zineps/Components/Pages/Company/ReturnPortalConfiguration.razor.rz.scp.css */
.rule-validation-message[b-9hll90cthk] {
    color: #d73737;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

.rule-contract-text[b-9hll90cthk] {
    display: block;
    white-space: normal;
    word-break: break-word;
}

:deep(.zineps-grid-row)[b-9hll90cthk] {
    cursor: pointer;
}
/* _content/Zineps/Components/Pages/Company/ReturnPortalList.razor.rz.scp.css */
.zineps-col[b-vyj8w7m566] {
    display: flex;
    flex-direction: column;
}

.zineps-rowl[b-vyj8w7m566] {
    display: flex;
    flex-direction: row;
}

tr[b-vyj8w7m566] {
    border-bottom: solid 1px rgba(128, 128, 128, 0.1);
}

td[b-vyj8w7m566] {
    padding: 4px 10px;
}

.default-sender[b-vyj8w7m566] {
    background-color: rgba(112, 202, 185, 0.1);
}

    .default-sender > td[b-vyj8w7m566] {
        border-radius: .5rem;
    }

.company-name[b-vyj8w7m566] {
    height: fit-content;
    align-self: center;
}

.end[b-vyj8w7m566] {
    justify-content: end;
}

.open-options[b-vyj8w7m566]{
    border-bottom: none;
}

.fit-content[b-vyj8w7m566] {
    width: fit-content;
}

.information-danger-icon[b-vyj8w7m566]{
    margin-left: .25rem;
}
.copy-icon[b-vyj8w7m566]{
    cursor: pointer !important;
    color: #686868;
    background-color: #fff;
    margin-left: 1rem;
}
/* _content/Zineps/Components/Pages/Company/SenderList.razor.rz.scp.css */
.zineps-col[b-y7dym6vqcv] {
    display: flex;
    flex-direction: column;
}

.zineps-rowl[b-y7dym6vqcv] {
    display: flex;
    flex-direction: row;
}

tr[b-y7dym6vqcv] {
    border-bottom: solid 1px rgba(128, 128, 128, 0.1);
}

td[b-y7dym6vqcv] {
    padding: 4px 10px;
}

.default-sender[b-y7dym6vqcv] {
    background-color: rgba(112, 202, 185, 0.1);
}

    .default-sender > td[b-y7dym6vqcv] {
        border-radius: .5rem;
    }

.company-name[b-y7dym6vqcv] {
    height: fit-content;
    align-self: center;
}

.end[b-y7dym6vqcv] {
    justify-content: end;
}

.open-options[b-y7dym6vqcv]{
    border-bottom: none;
}

.fit-content[b-y7dym6vqcv] {
    width: fit-content;
}

.information-danger-icon[b-y7dym6vqcv]{
    margin-left: .25rem;
}
/* _content/Zineps/Components/Pages/Company/TrackingList.razor.rz.scp.css */
.zineps-col[b-3fx8cpvns5] {
    display: flex;
    flex-direction: column;
}


tr[b-3fx8cpvns5] {
    border-bottom: solid 1px rgba(128, 128, 128, 0.1);
}

td[b-3fx8cpvns5] {
    padding: 4px 10px;
}

.default-sender[b-3fx8cpvns5] {
    background-color: rgba(112, 202, 185, 0.1);
}

    .default-sender > td[b-3fx8cpvns5] {
        border-radius: .5rem;
    }

.company-name[b-3fx8cpvns5] {
    height: fit-content;
    align-self: center;
}

.end[b-3fx8cpvns5] {
    justify-content: end;
}

.open-options[b-3fx8cpvns5]{
    border-bottom: none;
}

.fit-content[b-3fx8cpvns5] {
    width: fit-content;
}

.information-danger-icon[b-3fx8cpvns5]{
    margin-left: .25rem;
}

.info-icon[b-3fx8cpvns5]{
    margin-left: .25rem;
}
/* _content/Zineps/Components/Pages/Company/TrackingSettings.razor.rz.scp.css */

li.rz-state-highlight[b-wwnv0wi6k0] {
    background-color: rgb(235, 249, 246) !important;
}

.branded-tracking-container[b-wwnv0wi6k0] {
    display: flex;
    gap: 2rem;
    padding: 2rem;
    min-height: 80vh;
}

.control-panel[b-wwnv0wi6k0] {
    flex: 1;
    padding: 2rem;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.preview-panel[b-wwnv0wi6k0] {
    flex: 1;
    padding: 2rem;
    background: #f8f9fa;
    border-radius: 8px;
}

.title[b-wwnv0wi6k0] {
    margin-bottom: 1.5rem;
    color: #333;
}

.description-text[b-wwnv0wi6k0] {
    color: #666;
    line-height: 1.5;
}

.field-title-row[b-wwnv0wi6k0] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-bottom: 0.5rem;
}

.field-title-row[b-wwnv0wi6k0]  .zineps-label-top {
    margin-bottom: 0;
}

.field-title-row[b-wwnv0wi6k0]  .tooltip-container {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.field-title-tooltip-icon[b-wwnv0wi6k0] {
    color: #969696;
    font-size: 0.875rem;
    cursor: help;
    line-height: 1;
    display: block;
}

.tracking-options[b-wwnv0wi6k0] {
    margin-bottom: 2rem;
}

.option-item[b-wwnv0wi6k0] {
    align-items: center;
    margin-bottom: 1rem;
}

.option-label[b-wwnv0wi6k0] {
    font-weight: 400;
    color: #424242;
}


.shopSection[b-wwnv0wi6k0] {
    padding: 2rem 2rem 0 2rem;
    max-width: 350px;
}

.brand-select-section[b-wwnv0wi6k0] {
    margin-top: 2rem;
}

.custom-select[b-wwnv0wi6k0] {
    width: 100%;
    border: 1px solid #ced4da;
    border-radius: 4px;
    background-color: white;
    font-size: 1rem;
    color: #424242;
}

    .custom-select:hover[b-wwnv0wi6k0] {
        border-color: #424242 !important;
    }

.rz-dropdown-item:hover[b-wwnv0wi6k0] {
    background-color: rgb(235, 249, 246) !important;
    color: #424242 !important;
    border-color: #424242;
}

.custom-select:focus[b-wwnv0wi6k0] {
    border-color: #424242;
    outline: none;
    box-shadow: none;
}

.email-preview[b-wwnv0wi6k0] {
    background: white;
    border-radius: 8px;
    padding: 2rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    user-select: none;
}

.preview-header[b-wwnv0wi6k0] {
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 2rem;
    color: #969696;
    user-select: none;
}

.preview-logo[b-wwnv0wi6k0] {
    max-width: 150px;
    margin-bottom: 1rem;
}

.tracking-status[b-wwnv0wi6k0] {
    display: flex;
    align-items: center;
    margin: 2rem 0;
}

.status-point[b-wwnv0wi6k0] {
    width: 12px;
    height: 12px;
    background: #ddd;
    border-radius: 50%;
}

    .status-point.active[b-wwnv0wi6k0] {
        background: #4CAF50;
    }

.status-line[b-wwnv0wi6k0] {
    flex: 1;
    height: 2px;
    background: #ddd;
}

.status-labels[b-wwnv0wi6k0] {
    display: flex;
    justify-content: space-between;
    color: #666;
    font-size: 0.9rem;
}

.description-text[b-wwnv0wi6k0] {
    color: #888;
    font-weight: 400;
    margin-top: -0.5rem;
    font-size: 15px;
}

.titleLabel[b-wwnv0wi6k0] {
    font-weight: 400;
    margin-top: 0.5rem;
    font-size: 16px;
    color: #424242;
}

.custom-select[b-wwnv0wi6k0] {
    height: 50px;
    border-color: #ced4da;
}

    .custom-select:focus[b-wwnv0wi6k0] {
        border-color: #424242 !important;
        box-shadow: none !important;
        outline: none;
    }


.switch-container[b-wwnv0wi6k0] {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #eee;
}

.switch-label[b-wwnv0wi6k0] {
    font-weight: 400;
    font-size: 16px;
    color: #424242;
    margin-right: 1rem;
    margin-bottom: 0;
}

.toggle-switch[b-wwnv0wi6k0] {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
}

    .toggle-switch input[b-wwnv0wi6k0] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider[b-wwnv0wi6k0] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 24px;
}

    .slider[b-wwnv0wi6k0]:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        transition: .4s;
        border-radius: 50%;
    }

input:checked + .slider[b-wwnv0wi6k0] {
    background-color: #70CAB9;
}

    input:checked + .slider[b-wwnv0wi6k0]:before {
        transform: translateX(26px);
    }

.preview-content[b-wwnv0wi6k0] {
    padding: 2rem;
    font-family: 'Poppins', sans-serif;
}

.email-body[b-wwnv0wi6k0] {
    color: #686868;
    font-size: 1.1rem;
    line-height: 1.5;
}

.greeting[b-wwnv0wi6k0], .order-number[b-wwnv0wi6k0] {
    color: #000;
    margin: 0 0 2rem;
}

.order-number[b-wwnv0wi6k0] {
    margin: 2rem 0 0.1rem;
}

.tracking-info[b-wwnv0wi6k0] {
    margin: 20px 0;
}

.track-link[b-wwnv0wi6k0] {
    color: #000;
    text-decoration: underline;
    margin-left: 10px;
}

.shop-name[b-wwnv0wi6k0] {
    font-weight: 600;
}

.signature p[b-wwnv0wi6k0] {
    margin: 0.3rem 0;
}

.auto-message[b-wwnv0wi6k0] {
    margin: 1.5rem 0 2.5rem;
}

.track-button[b-wwnv0wi6k0] {
    padding: 15px 20px;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    display: inline-block;
}

.footer-text[b-wwnv0wi6k0] {
    margin-top: 1.5rem;
    font-size: 0.85rem;
}

.footer-link[b-wwnv0wi6k0] {
    color: #686868;
    text-decoration: underline;
}

.track-button[b-wwnv0wi6k0], .track-link[b-wwnv0wi6k0], .footer-link[b-wwnv0wi6k0] {
    pointer-events: none;
    cursor: default;
}

.verify-link-container[b-wwnv0wi6k0] {
    margin-top: 0.5rem;
}

.verify-link[b-wwnv0wi6k0] {
    color: #70CAB9;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
}

    .verify-link:hover[b-wwnv0wi6k0] {
        color: #5bb1a1;
        text-decoration: underline;
    }

.button-container[b-wwnv0wi6k0] {
    margin-top: 2rem;
    padding-top: 1rem;
}

.legacy-note[b-wwnv0wi6k0] {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 12px 16px;
    background: linear-gradient(90deg, #ffffff 0%, #70CAB910 100%);
    display: flex;
    align-items: flex-start;
    gap: 12px;
    cursor: default;
    max-width: fit-content;
}

    .legacy-note svg[b-wwnv0wi6k0] {
        flex-shrink: 0;
        margin-top: 2px;
    }

.new-brand[b-wwnv0wi6k0]{
    padding: 1rem;
    cursor: pointer;
}

.parent-container h2[b-wwnv0wi6k0]{
    margin-bottom: 0;
}

.parent-container > span[b-wwnv0wi6k0]{
    justify-content: space-between;
    display: flex;
    padding-right: 2rem;
}

.parent-container > span > span[b-wwnv0wi6k0] {
    font-size: 18px;
}

.parent-container[b-wwnv0wi6k0] {
    gap: .5rem;
    display: flex;
    flex-direction: column;
    padding-bottom: 1rem;
    border-bottom: 1px solid #eee;
}

.verified-email[b-wwnv0wi6k0] {
    display: inline-flex;
    align-items: center;
    padding: 0 .5rem;
    margin: 0;
    font-size: 0.875rem;
    color: #9e9e9e;
}

.verify-email-header[b-wwnv0wi6k0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.25rem;
}

.verify-email-label[b-wwnv0wi6k0] {
    display: inline-flex;
    align-items: center;
    font-size: 0.9rem;
    color: #424242;
}

.verify-email-actions[b-wwnv0wi6k0] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.warning-button-link[b-wwnv0wi6k0] {
    width: fit-content;
    color: var(--rz-warning);
    text-decoration-color: var(--rz-warning);
}

.warning-button-link:hover[b-wwnv0wi6k0] {
    color: var(--rz-warning-dark);
    text-decoration-color: var(--rz-warning-dark);
}

.primary-button-link[b-wwnv0wi6k0] {
    color: #70CAB9;
}

.primary-button-link:hover[b-wwnv0wi6k0] {
    color: #5bb1a1;
}

.button-link[b-wwnv0wi6k0] {
    background: none;
    border: none;
    padding: 0;
    font-size: 0.875rem;
    text-decoration: underline;
    cursor: pointer;
}

.email-subject-preview[b-wwnv0wi6k0] {
    background: #f5f5f5;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    padding: 1rem;
    margin-bottom: 1.5rem;
}

.subject-label[b-wwnv0wi6k0] {
    font-size: 12px;
    color: #6c757d;
    font-weight: 500;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.subject-text[b-wwnv0wi6k0] {
    font-size: 16px;
    color: #212529;
    font-weight: 500;
    word-wrap: break-word;
    line-height: 1.4;
}

.preview-body-frame[b-wwnv0wi6k0] {
    position: relative;
    width: 100%;
}

.preview-body-frame--loading[b-wwnv0wi6k0] {
    background: #f5f5f5;
    border-radius: 6px;
}

.preview-iframe[b-wwnv0wi6k0] {
    display: block;
    width: 100%;
    min-height: 800px;
    height: min(1600px, 90vh);
    border: 1px solid #e9ecef;
    border-radius: 6px;
}

.preview-iframe--loading[b-wwnv0wi6k0] {
    opacity: 0;
    pointer-events: none;
}

.preview-card-shimmer-overlay[b-wwnv0wi6k0] {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: min(600px, calc(100% - 40px));
    z-index: 2;
    pointer-events: none;
}

.preview-card-shimmer[b-wwnv0wi6k0] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 2.5rem;
    min-height: 34rem;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.preview-shimmer[b-wwnv0wi6k0] {
    position: relative;
    overflow: hidden;
    background: #e9ecef;
    border-radius: 6px;
}

.preview-shimmer[b-wwnv0wi6k0]::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.65), transparent);
    animation: preview-shimmer-b-wwnv0wi6k0 1.2s infinite;
}

.preview-shimmer-logo[b-wwnv0wi6k0] {
    width: 4.5rem;
    height: 2.5rem;
    margin-bottom: 0.5rem;
}

.preview-shimmer-line[b-wwnv0wi6k0] {
    height: 0.85rem;
    width: 100%;
}

.preview-shimmer-line-lg[b-wwnv0wi6k0] {
    width: 55%;
}

.preview-shimmer-line-md[b-wwnv0wi6k0] {
    width: 80%;
}

.preview-shimmer-line-sm[b-wwnv0wi6k0] {
    width: 35%;
}

.preview-shimmer-track-box[b-wwnv0wi6k0] {
    height: 3.5rem;
    width: 100%;
    margin-top: 0.25rem;
}

.preview-shimmer-button[b-wwnv0wi6k0] {
    height: 2.75rem;
    width: 11rem;
    margin-top: 0.25rem;
}

@keyframes preview-shimmer-b-wwnv0wi6k0 {
    100% {
        transform: translateX(100%);
    }
}

.email-markup-section[b-wwnv0wi6k0] {
    margin-top: 1rem;
}

.trigger-groups[b-wwnv0wi6k0] {
    gap: 0.75rem;
}

.trigger-group-card[b-wwnv0wi6k0] {
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 0.9rem;
    background: #fff;
}

.trigger-group-title[b-wwnv0wi6k0] {
    font-size: 0.85rem;
    font-weight: 500;
    color: #424242;
    margin: 0 0 0.55rem;
}

.trigger-group-items[b-wwnv0wi6k0] {
    display: grid;
    gap: 0.45rem;
}

.trigger-row[b-wwnv0wi6k0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.65rem 0.7rem;
    border: 1px solid #f0f2f4;
    border-radius: 8px;
    background: #fafbfc;
}

.trigger-checkbox-item[b-wwnv0wi6k0] {
    min-width: 0;
    color: #424242;
    font-size: 0.85rem;
}

.trigger-checkbox-item[b-wwnv0wi6k0]  .rz-label {
    color: #424242;
    font-size: 0.85rem;
    line-height: 1.25;
    margin-bottom: 0;
}

.trigger-template-label[b-wwnv0wi6k0] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    margin: 0;
    font-size: 0.85rem;
    color: #6f6f6f;
}

.trigger-template-switch[b-wwnv0wi6k0] {
    width: 42px;
    height: 22px;
}

.trigger-template-switch .slider[b-wwnv0wi6k0]:before {
    height: 14px;
    width: 14px;
}

.trigger-template-switch input:checked + .slider[b-wwnv0wi6k0]:before {
    transform: translateX(20px);
}

.trigger-row-actions[b-wwnv0wi6k0] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    flex: 0 0 auto;
}

.trigger-group-divider[b-wwnv0wi6k0] {
    border-top: 1px dashed #e4e7eb;
    margin: 0.85rem 0;
}

.template-selection[b-wwnv0wi6k0] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.template-selection[b-wwnv0wi6k0]  .zineps-selection-buttons {
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    box-sizing: border-box;
}

@media (max-width: 640px) {
    .trigger-row[b-wwnv0wi6k0] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.55rem;
    }

    .trigger-row-actions[b-wwnv0wi6k0] {
        justify-content: space-between;
        width: 100%;
    }
}

/*Apply these styles globally, but only when this component is rendered*/
[b-wwnv0wi6k0] .rz-messages,
[b-wwnv0wi6k0] .rz-message,
[b-wwnv0wi6k0] .rz-messages-container,
[b-wwnv0wi6k0] .rz-notification,
[b-wwnv0wi6k0] .rz-notification-container,
[b-wwnv0wi6k0] .rz-notification-wrapper,
[b-wwnv0wi6k0] .rz-notification-overlay,
[b-wwnv0wi6k0] .rz-toast {
    z-index: 1020 !important;
}
/* _content/Zineps/Components/Pages/Customer/Home.razor.rz.scp.css */

.gradient-row[b-g1plfewvc3] {
    background: linear-gradient(to right, #ffffff 0%, #f2fcfa 20%, #f9fefd 40%, #94d7cbbf 100%);
    position: relative;
    overflow: hidden;
    height: 20rem;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    border-radius: 8px;
    padding: 40px 0 40px 40px;
    margin-top: 0px;
    margin-right: 12px;
}

.col-margin[b-g1plfewvc3] {
    margin-top: -10px;
}

.gradient-row-content[b-g1plfewvc3] {
    position: relative;
    z-index: 2;
    flex: 1;
    padding-right: 40px;
}

.dashboard-title[b-g1plfewvc3] {
    color: #424242;
    font-weight: 600;
    font-size: 32px;
    margin-bottom: 12px;
}

.welcome-text[b-g1plfewvc3] {
    color: #686868;
    font-size: 16px;
    margin-bottom: 30px;
    max-width: 400px;
}

.primary-button[b-g1plfewvc3] {
    background-color: #70CAB9;
    color: white;
    border: none;
    padding: 10px 24px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .primary-button:hover[b-g1plfewvc3] {
        background-color: #70CAB9;
        color: white;
    }

.dashboard-image-container[b-g1plfewvc3] {
    position: relative;
    height: auto;
    flex: 0.8;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: -40px 0 -40px 0;
}

.dashboard-image[b-g1plfewvc3] {
    object-fit: contain;
    mask-image: linear-gradient(to right, transparent 0%, black 30%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 30%);
}

.dashboard-card-split[b-g1plfewvc3] {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: -20px -20px 0;
}

    .card-image-section img[b-g1plfewvc3] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.card-text-section[b-g1plfewvc3] {
    padding: 20px;
    color: #686868;
    font-size: 14px;
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 80px;
}

.card-body[b-g1plfewvc3] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 6px 14px 0 #919eab1a;
    border: 1px solid #ededed;
}

.card-button-container[b-g1plfewvc3] {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
    margin-bottom: -15px;
}

.card-primary-button[b-g1plfewvc3] {
    background-color: #70CAB9;
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .card-primary-button:hover[b-g1plfewvc3] {
        background-color: #5bb3a3;
    }

.card[b-g1plfewvc3] {
    box-shadow: none;
    border: none;
}

.boxLine[b-g1plfewvc3] {
    background-image: url(/Content/images/line.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.verification[b-g1plfewvc3] {
    display: flex;
    align-items: center;
}

.successImg[b-g1plfewvc3] {
    width: 50px;
    height: 50px;
}

.typeImg[b-g1plfewvc3] {
    width: 50px;
    margin-right: 20px;
}

.typeText[b-g1plfewvc3] {
    color: #424242;
}

.roundBox[b-g1plfewvc3] {
    width: 50px;
    height: 50px;
    border: 2px solid #CECECE;
    border-radius: 50%;
    margin-right: 25px;
}

.dashboard-box[b-g1plfewvc3] {
    transition: all .3s ease-in;
    overflow: hidden;
    max-height: 21rem;
    padding-top: 1rem;
}

.hidden-box[b-g1plfewvc3] {
    max-height: 0;
    padding-top: 0;
}

@media (max-width: 1400px) {
    .boxLine[b-g1plfewvc3] {
        background-image: none;
    }
}

@media (min-width: 1020px) and (max-width: 1200px) {
    .boxLine[b-g1plfewvc3] {
        background-image: url(/Content/images/line.svg);
    }

    .verification[b-g1plfewvc3] {
        display: flex;
        flex-direction: column;
        align-items: start;
    }

    .roundBox[b-g1plfewvc3] {
        width: 35px;
        height: 35px;
        border: 2px solid #CECECE;
        border-radius: 50%;
        margin-right: 15px;
    }

    .successImg[b-g1plfewvc3] {
        width: 35px;
        height: 35px;
    }

    .typeImg[b-g1plfewvc3] {
        width: 32px;
        margin-right: 12px;
    }

    .typeText[b-g1plfewvc3] {
        color: #424242;
        font-size: 12px;
        word-break: break-all;
    }

    .verificationBox[b-g1plfewvc3] {
        padding: 1.25rem;
    }
}

@media (max-width: 1400px) {
    .boxLine[b-g1plfewvc3] {
        background-image: url(/Content/images/line1.svg);
    }

    .dashboard-image[b-g1plfewvc3] {
        max-width: 90%;
    }
    .roundBox[b-g1plfewvc3] {
        width: 35px;
        height: 35px;
        border: 2px solid #CECECE;
        border-radius: 50%;
        margin-right: 15px;
    }

    .successImg[b-g1plfewvc3] {
        width: 32px;
        height: 32px;
    }

    .typeImg[b-g1plfewvc3] {
        width: 34px;
        margin-right: 12px;
    }

    .typeText[b-g1plfewvc3] {
        color: #424242;
        font-size: 14px;
        word-break: break-all;
    }

    .verificationBox[b-g1plfewvc3] {
        padding: 10px 5px;
    }
}

@media (min-width: 1401px) and (max-width: 1500px) {
    .boxLine[b-g1plfewvc3] {
        background-image: url(/Content/images/line2.svg);
    }
}

@media (min-width: 1401px) and (max-width: 1600px) {
    .verificationBox[b-g1plfewvc3] {
        padding: 15px 10px;
    }

    .roundBox[b-g1plfewvc3] {
        width: 35px;
        height: 35px;
        border: 2px solid #CECECE;
        border-radius: 50%;
        margin-right: 15px;
    }

    .successImg[b-g1plfewvc3] {
        width: 35px;
        height: 35px;
    }

    .typeImg[b-g1plfewvc3] {
        width: 38px;
        margin-right: 16px;
    }

    .typeText[b-g1plfewvc3] {
        color: #424242;
        font-size: 15px;
    }
}

.title[b-g1plfewvc3] {
    font-size: 20px;
    font-weight: 500;
    color: #424242;
}

.subTitle[b-g1plfewvc3] {
    font-size: 14px;
    font-weight: 100;
    color: #8B8B8B;
    margin-bottom: 0.7rem;
}

.value-big[b-g1plfewvc3] {
    font-size: 4rem;
    line-height: 1;
    font-weight: 500;
    color: #424242;
}

.value[b-g1plfewvc3] {
    font-size: 2.5rem;
    line-height: 1;
    font-weight: 500;
}

.header-small[b-g1plfewvc3] {
    font-weight: 600;
    margin: .5rem 0;
}
/* _content/Zineps/Components/Pages/Customer/SetupSteps.razor.rz.scp.css */
.incomplete[b-7oc6s905f7] {
    width: 50px;
    height: 50px;
    border: 2px solid #CECECE;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
}

.complete[b-7oc6s905f7] {
    width: 50px;
    height: 50px;
}

.setup-title[b-7oc6s905f7] {
    color: #424242;
}

.setup-image[b-7oc6s905f7] {
    width: 50px;
    margin-right: 20px;
}

.setup-box[b-7oc6s905f7]  .setup-row {
    margin-top: 1rem;
    align-items: center;
}

.setup-box[b-7oc6s905f7]  .setup-connector-line {
    flex: 0 0 1.5rem;
    min-width: 1.5rem;
    height: 2px;
    background: #CECECE;
    align-self: center;
}

.setup-box[b-7oc6s905f7]  .setup-card.selected {
    transform: translateY(-.2rem);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s, box-shadow 0.3s;
}

div[b-7oc6s905f7] {
    margin: 0 .5rem;
    -webkit-transition: height 0.3s ease-out;
    transition: height 0.3s ease-out;
}

.setup-box[b-7oc6s905f7] {
    margin-bottom: 0;
}

.setup-step-content[b-7oc6s905f7] {
    margin-top: 2.5rem;
}

.setup-box[b-7oc6s905f7]  .setup-card {
    cursor: pointer;
}

.setup-box[b-7oc6s905f7]  .setup-card.setup-card-disabled {
    pointer-events: none;
    opacity: 0.5;
    cursor: default;
}

    .setup-box[b-7oc6s905f7]  .setup-card.setup-card-disabled .setup-title,
    .setup-box[b-7oc6s905f7]  .setup-card.setup-card-disabled .setup-image {
        filter: grayscale(1);
    }

    .setup-box[b-7oc6s905f7]  .setup-card > .zineps-card-content {
        gap: .5rem;
        display: flex;
        flex-direction: row;
    }

        .setup-box[b-7oc6s905f7]  .setup-card > .zineps-card-content > * {
            margin: auto 0;
        }

.explore[b-7oc6s905f7]{
    width: 100%;
    margin: 0;
}

.explore[b-7oc6s905f7] >  .zineps-card{
    height: 100%;
}

@media (min-width: 1020px) and (max-width: 1200px) {
    .setup-line[b-7oc6s905f7] {
        background-image: url(/Content/images/line.svg);
    }

    .setup-box[b-7oc6s905f7]  setup-row {
        display: flex;
        flex-direction: column;
        align-items: start;
    }

    .incomplete[b-7oc6s905f7] {
        width: 35px;
        height: 35px;
        border: 2px solid #CECECE;
        border-radius: 50%;
        margin-right: 15px;
    }

    .complete[b-7oc6s905f7] {
        width: 35px;
        height: 35px;
    }

    .setup-image[b-7oc6s905f7] {
        width: 32px;
        margin-right: 12px;
    }

    .setup-title[b-7oc6s905f7] {
        color: #424242;
        font-size: 12px;
        word-break: break-all;
    }

    .setup-box[b-7oc6s905f7]  .setup-card {
    }
}

@media (max-width: 1400px) {
    .setup-box[b-7oc6s905f7]  .setup-row {
        display: flex;
        flex-direction: column;
        align-items: start;
    }

    .setup-box[b-7oc6s905f7]  .setup-connector-line {
        width: 2px;
        height: 1.5rem;
        min-width: 2px;
        flex: 0 0 1.5rem;
        align-self: center;
    }

    .incomplete[b-7oc6s905f7] {
        width: 35px;
        height: 35px;
        border: 2px solid #CECECE;
        border-radius: 50%;
        margin-right: 15px;
    }

    .complete[b-7oc6s905f7] {
        width: 32px;
        height: 32px;
    }

    .setup-image[b-7oc6s905f7] {
        width: 34px;
        margin-right: 12px;
    }

    .setup-title[b-7oc6s905f7] {
        color: #424242;
        font-size: 14px;
        word-break: break-all;
    }

    .setup-box[b-7oc6s905f7]  .setup-card {
        padding: 10px 5px;
    }
}

@media (min-width: 1401px) and (max-width: 1500px) {
    .setup-line[b-7oc6s905f7] {
        background-image: url(/Content/images/line2.svg);
    }
}

@media (min-width: 1401px) and (max-width: 1600px) {
    .setup-box[b-7oc6s905f7]  .setup-card {
        padding: 15px 10px;
    }

    .incomplete[b-7oc6s905f7] {
        width: 35px;
        height: 35px;
        border: 2px solid #CECECE;
        border-radius: 50%;
        margin-right: 15px;
    }

    .complete[b-7oc6s905f7] {
        width: 35px;
        height: 35px;
    }

    .setup-image[b-7oc6s905f7] {
        width: 38px;
        margin-right: 16px;
    }

    .setup-title[b-7oc6s905f7] {
        color: #424242;
        font-size: 15px;
    }
}

.explore[b-7oc6s905f7]  .zineps-card-content{
    gap: 1rem;
}
.module-icon-container[b-7oc6s905f7]{
    margin-top: 10px;
}
.explore-card[b-7oc6s905f7] {
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease-in-out;
    cursor: pointer;
    margin-top: 20px;
    margin-left: 10px;
    gap: 0.5rem;
}

.explore-card:hover[b-7oc6s905f7] {
    transform: scale(1.05);
}
/* _content/Zineps/Components/Pages/External/ExternalReturnPortal.razor.rz.scp.css */


/* Brand Navbar Styles */
.brand-navbar[b-0ag17yjzyg] {
    width: 100%;
    padding: 0.75rem 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    position: sticky;
    top: 0;
    z-index: 1000;
}

.navbar-container[b-0ag17yjzyg] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.navbar-brand[b-0ag17yjzyg] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.navbar-logo[b-0ag17yjzyg] {
    height: 80px;
    width: auto;
}

.navbar-brand-name[b-0ag17yjzyg] {
    color: white;
    font-size: 1.25rem;
    font-weight: 600;
    text-decoration: none;
}

.navbar-actions[b-0ag17yjzyg] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

/* Responsive navbar */
@media (max-width: 768px) {
    .brand-navbar[b-0ag17yjzyg] {
        position: relative;
    }

    .navbar-container[b-0ag17yjzyg] {
        padding: 0 1rem;
    }

    .navbar-brand-name[b-0ag17yjzyg] {
        font-size: 1rem;
    }

    .navbar-logo[b-0ag17yjzyg] {
        height: 40px;
        max-width: 150px;
        min-width: 60px;
    }
}

.return-container[b-0ag17yjzyg] {
    min-height: calc(100vh - 114px);
    padding: 2rem;
    max-width: 1200px;
    justify-self: center;
    width: 100%;
}

.return-header[b-0ag17yjzyg] {
    text-align: center;
    margin-bottom: 1.5rem;
}

.logo-container[b-0ag17yjzyg] {
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
}

.shop-logo[b-0ag17yjzyg] {
    max-width: 100%;
    max-height: 100px;
}

.sender-info[b-0ag17yjzyg] {
    font-size: 0.9rem;
    line-height: 1.4;
}

    .sender-info p[b-0ag17yjzyg] {
        margin: 0;
    }

.brand-header[b-0ag17yjzyg] {
    text-align: center;
    padding-bottom: 1rem;
    border-bottom: 1px solid #eee;
}

.brand-name h3[b-0ag17yjzyg] {
    margin: 0;
    font-weight: 600;
    font-size: 1.5rem;
}

.brand-description[b-0ag17yjzyg] {
    font-size: 0.9rem;
    color: #666;
    line-height: 1.4;
}

    .brand-description p[b-0ag17yjzyg] {
        margin: 0;
    }

.brand-website[b-0ag17yjzyg] {
    text-align: center;
    padding: 0.75rem 0;
    border-radius: 8px;
    transition: background-color 0.2s ease;
}

.website-link[b-0ag17yjzyg] {
    text-decoration: none;
    font-weight: 500;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-radius: 6px;
    border: 1px solid var(--brand-primary-color, #70CAB9);
    background-color: var(--brand-primary-color, #70CAB9);
    color: white !important;
    width: 100%;
}

.arrow-icon[b-0ag17yjzyg] {
    font-size: 1rem;
    font-weight: bold;
    transition: transform 0.2s ease;
}

.website-link:hover .arrow-icon[b-0ag17yjzyg] {
    transform: translateX(2px);
}

/* Brand-colored field titles */
.brand-field-title[b-0ag17yjzyg] {
    color: var(--brand-primary-color, #70CAB9) !important;
    font-weight: 600;
}

/* Enhanced brand styling */
.brand-enhanced-card[b-0ag17yjzyg] {
    border-left: 4px solid var(--brand-primary-color, #70CAB9);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.2s ease;
}

    .brand-enhanced-card:hover[b-0ag17yjzyg] {
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
    }

.brand-accent-border[b-0ag17yjzyg] {
    border-top: 2px solid var(--brand-primary-color, #70CAB9);
}

.return-costs[b-0ag17yjzyg] {
    font-size: 1.1rem;
    padding-top: 0.5rem;
    border-top: 1px solid #eee;
}

.validation-error[b-0ag17yjzyg] {
    color: var(--bs-danger, #dc3545);
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

.action-buttons-container[b-0ag17yjzyg] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.error-message-mobile[b-0ag17yjzyg] {
    color: var(--bs-danger, #dc3545);
    font-size: 0.875rem;
    padding: 0.75rem;
    background-color: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 6px;
    text-align: center;
}

.create-return-button[b-0ag17yjzyg] {
    width: 100%;
}

/* Desktop styles for action buttons */
@media (min-width: 769px) {
    .action-buttons-container[b-0ag17yjzyg] {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .error-message-mobile[b-0ag17yjzyg] {
        background-color: transparent;
        border: none;
        padding: 0;
        text-align: left;
    }

    .create-return-button[b-0ag17yjzyg] {
        width: auto;
        flex-shrink: 0;
    }
}

.item-row[b-0ag17yjzyg] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid #eee;
    gap: 1rem;
}

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

.item-selection-section[b-0ag17yjzyg] {
    flex-grow: 1;
    min-width: 0;
}

.item-checkbox-row[b-0ag17yjzyg] {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
}

.item-title[b-0ag17yjzyg] {
    font-weight: 500;
    color: #374151;
    word-wrap: break-word;
}

.quantity-section[b-0ag17yjzyg] {
    margin-top: 0.5rem;
}

.item-image-section[b-0ag17yjzyg] {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.item-image[b-0ag17yjzyg] {
    max-width: 100px;
    height: auto;
    border-radius: 4px;
}

.select-all-container[b-0ag17yjzyg] {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
}

.ml-2[b-0ag17yjzyg] {
    margin-left: 0.5rem;
}

/* Override global overflow hidden for this page */
html[b-0ag17yjzyg], body[b-0ag17yjzyg] {
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
}

/* Mobile Responsive Styles */
@media (max-width: 768px) {
    .return-container[b-0ag17yjzyg] {
        padding: 1rem;
        min-height: calc(100vh - 80px);
        height: auto;
    }

    .return-header[b-0ag17yjzyg] {
        text-align: left;
        margin-bottom: 1rem;
    }

    .return-header h1[b-0ag17yjzyg] {
        font-size: 1.5rem;
        margin: 0;
    }

    /* Stack grid columns on mobile */
    .zineps-grid[b-0ag17yjzyg] {
        display: block !important;
    }

    .zineps-grid-column[b-0ag17yjzyg] {
        width: 100% !important;
        margin-bottom: 1.5rem;
    }

    /* Mobile-friendly form elements */
    .zineps-form-input input[b-0ag17yjzyg],
    .zineps-form-numeric input[b-0ag17yjzyg],
    .rz-dropdown[b-0ag17yjzyg] {
        height: 48px !important;
        font-size: 16px !important; /* Prevents zoom on iOS */
    }

    /* Mobile-friendly buttons */
    .zineps-button[b-0ag17yjzyg] {
        height: 48px !important;
        font-size: 16px !important;
        padding: 0.75rem 1.5rem !important;
    }

    /* Item selection improvements */
    .item-row[b-0ag17yjzyg] {
        flex-direction: column;
        align-items: flex-start;
        padding: 1rem 0;
        gap: 0.75rem;
    }

    .item-selection-section[b-0ag17yjzyg] {
        width: 100%;
    }

    .item-checkbox-row[b-0ag17yjzyg] {
        margin-bottom: 0.75rem;
    }

    .item-title[b-0ag17yjzyg] {
        font-size: 14px;
        line-height: 1.4;
    }

    .quantity-section[b-0ag17yjzyg] {
        width: 100%;
    }

    .item-image-section[b-0ag17yjzyg] {
        width: 100%;
        justify-content: center;
    }

    .item-image[b-0ag17yjzyg] {
        max-width: 80px;
        height: auto;
    }

    /* Status timeline mobile layout */
    .status-timeline[b-0ag17yjzyg] {
        flex-direction: column;
        align-items: flex-start;
    }

    .status-icon[b-0ag17yjzyg] {
        margin-right: 0;
        margin-bottom: 1rem;
        align-self: flex-start;
    }

    /* Carrier info mobile layout */
    .carrier-info[b-0ag17yjzyg] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .carrier-logo[b-0ag17yjzyg] {
        margin-right: 0;
        margin-bottom: 0.5rem;
    }

    /* Return actions mobile */
    .return-actions[b-0ag17yjzyg] {
        justify-content: center;
    }

    .return-actions .zineps-button[b-0ag17yjzyg] {
        width: 100%;
    }

    /* Existing returns mobile */
    .return-item[b-0ag17yjzyg] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .return-item .zineps-button[b-0ag17yjzyg] {
        width: 100%;
    }

    /* Brand header mobile */
    .brand-header[b-0ag17yjzyg] {
        padding: 1rem 0;
    }

    .brand-name h3[b-0ag17yjzyg] {
        font-size: 1.25rem;
    }

    .shop-logo[b-0ag17yjzyg] {
        max-height: 80px;
    }

    /* Website link mobile */
    .website-link[b-0ag17yjzyg] {
        padding: 1rem;
        font-size: 16px;
    }

    /* Validation error mobile */
    .validation-error[b-0ag17yjzyg] {
        font-size: 14px;
        margin-top: 0.5rem;
    }

    /* Checkbox container mobile */
    .checkbox-container[b-0ag17yjzyg] {
        padding: 1rem !important;
    }

    .select-all-container[b-0ag17yjzyg] {
        margin-bottom: 1rem;
    }

    /* Status message mobile */
    .status-message[b-0ag17yjzyg] {
        flex-direction: column;
        text-align: center;
        gap: 0.5rem;
    }

    .status-message i[b-0ag17yjzyg] {
        margin-right: 0;
        margin-bottom: 0.5rem;
    }
}

.return-status-card[b-0ag17yjzyg] {
    width: 100%;
    max-width: 600px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    overflow: hidden;
}

.return-status-container[b-0ag17yjzyg] {
    padding: 1.5rem;
}

.status-timeline[b-0ag17yjzyg] {
    display: flex;
    align-items: flex-start;
    margin-bottom: 2rem;
}

.status-icon[b-0ag17yjzyg] {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    font-size: 1.25rem;
    color: white;
}

.status-pending[b-0ag17yjzyg] {
    background-color: #f59e0b;
}

.status-approved[b-0ag17yjzyg] {
    background-color: #10b981;
}

.status-denied[b-0ag17yjzyg] {
    background-color: #ef4444;
}

.status-transit[b-0ag17yjzyg] {
    background-color: #3b82f6;
}

.status-delivered[b-0ag17yjzyg] {
    background-color: #8b5cf6;
}

.status-arrived[b-0ag17yjzyg] {
    background-color: #6366f1;
}

.status-completed[b-0ag17yjzyg] {
    background-color: #059669;
}

.status-details[b-0ag17yjzyg] {
    flex-grow: 1;
}

    .status-details h4[b-0ag17yjzyg] {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 600;
        color: #374151;
    }

    .status-details p[b-0ag17yjzyg] {
        margin: 0.5rem 0 0;
        color: #6b7280;
        font-size: 0.9rem;
        line-height: 1.4;
    }

.status-date[b-0ag17yjzyg] {
    font-size: 0.85rem !important;
    color: #9ca3af !important;
    margin-top: 0.5rem;
}

.track-trace-section[b-0ag17yjzyg] {
    border-top: 1px solid #e5e7eb;
    padding-top: 1.5rem;
    margin-bottom: 1.5rem;
}

    .track-trace-section h5[b-0ag17yjzyg] {
        margin: 0 0 1rem;
        font-size: 1rem;
        font-weight: 500;
        color: #374151;
    }

.carrier-info[b-0ag17yjzyg] {
    display: flex;
    align-items: center;
}

.carrier-logo[b-0ag17yjzyg] {
    width: 40px;
    height: auto;
    margin-right: 1rem;
}

.carrier-details[b-0ag17yjzyg] {
    flex-grow: 1;
}

.carrier-name[b-0ag17yjzyg] {
    display: block;
    font-weight: 500;
    margin-bottom: 0.25rem;
}

.track-number[b-0ag17yjzyg], .carrier-status[b-0ag17yjzyg] {
    font-size: 0.9rem;
    margin-top: 0.25rem;
    color: #6b7280;
}

.track-link[b-0ag17yjzyg] {
    color: #3b82f6;
    text-decoration: none;
    font-weight: 500;
}

    .track-link:hover[b-0ag17yjzyg] {
        text-decoration: underline;
    }

.status-value[b-0ag17yjzyg] {
    font-weight: 500;
    color: #374151;
}

.return-actions[b-0ag17yjzyg] {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
}

.pending-approval[b-0ag17yjzyg] {
    border-top: 1px solid #e5e7eb;
    padding-top: 1.5rem;
    margin-bottom: 1rem;
}

.status-message[b-0ag17yjzyg] {
    display: flex;
    align-items: center;
    background-color: #fef3c7;
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
}

    .status-message i[b-0ag17yjzyg] {
        font-size: 1.25rem;
        color: #d97706;
        margin-right: 0.75rem;
    }

    .status-message p[b-0ag17yjzyg] {
        margin: 0;
        color: #92400e;
        font-weight: 500;
    }

    .status-message.approved[b-0ag17yjzyg] {
        background-color: #d1fae5;
    }

        .status-message.approved i[b-0ag17yjzyg] {
            color: #059669;
        }

        .status-message.approved p[b-0ag17yjzyg] {
            color: #065f46;
        }

.approval-instructions[b-0ag17yjzyg] {
    font-size: 0.9rem;
    color: #6b7280;
    margin: 0;
}

.existing-returns-section[b-0ag17yjzyg] {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

    .existing-returns-section h4[b-0ag17yjzyg] {
        margin: 0 0 1rem;
        color: #374151;
        font-size: 1.1rem;
        font-weight: 600;
    }

.return-item[b-0ag17yjzyg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid #e2e8f0;
}

    .return-item:last-child[b-0ag17yjzyg] {
        border-bottom: none;
    }

.return-item-info[b-0ag17yjzyg] {
    flex-grow: 1;
}

.return-item-title[b-0ag17yjzyg] {
    font-weight: 500;
    color: #374151;
    margin-bottom: 0.25rem;
}

.return-item-meta[b-0ag17yjzyg] {
    font-size: 0.875rem;
    color: #6b7280;
}
/* _content/Zineps/Components/Pages/Finance/SubscriptionResponse.razor.rz.scp.css */
.subscription-success[b-lgrw1jtgjn] {
    display: grid;
    grid-template-columns: minmax(0, 34rem) minmax(14rem, 22rem);
    align-items: center;
    gap: 3rem;
    width: 100%;
    max-width: 70rem;
    margin-top: 2.5rem;
}

.subscription-success-copy[b-lgrw1jtgjn] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}

.subscription-success-copy h1[b-lgrw1jtgjn] {
    color: #000;
    margin: 0;
}

.subscription-success-copy p[b-lgrw1jtgjn] {
    color: #000;
    font-size: 1rem;
    line-height: 1.65;
    max-width: 34rem;
    margin: 0 0 .5rem;
}

.subscription-success-image[b-lgrw1jtgjn] {
    width: 100%;
    max-width: 22rem;
    justify-self: center;
}

@media (max-width: 900px) {
    .subscription-success[b-lgrw1jtgjn] {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .subscription-success-image[b-lgrw1jtgjn] {
        justify-self: start;
    }
}
/* _content/Zineps/Components/Pages/Integration/IntegrationsHub.razor.rz.scp.css */
.hub-tabs[b-j29gue41zx] {
	display: flex;
	justify-content: flex-start;
}



/* _content/Zineps/Components/Pages/Inventory/Products.razor.rz.scp.css */
.products-page[b-1238fl3yn2]  .product-column {
    flex: 0 0 30rem
}

.products-page[b-1238fl3yn2]  .stock-column {
    flex: 0 0 8rem;
    justify-content: center;
}
.products-page[b-1238fl3yn2]  .price-column {
    flex: 0 0 8rem;
    justify-content: center;
}
.products-page[b-1238fl3yn2]  .product-code-column {
    flex: 0 0 12rem;
}
.products-page[b-1238fl3yn2]  .zineps-grid-container {
    max-height: calc(100vh - 10rem);
}

p[b-1238fl3yn2] {
    margin-bottom: 0;
}

.selected-products-text[b-1238fl3yn2] {
    margin: 0;
    font-weight: 400;
    margin: 0;
    font-size: 20px;
    color: #424242;
}

.selected-text-box[b-1238fl3yn2] {
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
/* _content/Zineps/Components/Pages/Partner/Carriers/PartnerCarrierProducts.razor.rz.scp.css */
.sidebar-menu[b-ezynx0qyew] {
    padding-top: 0.25rem;
}

.sidebar-tab[b-ezynx0qyew] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    border-radius: 8px;
    padding: 0 0.75rem 0 1.25rem;
    height: 40px;
    color: var(--primarytext);
    position: relative;
    cursor: pointer;
    user-select: none;
}

.sidebar-tab.active[b-ezynx0qyew] {
    background-color: #70cab915; /* slight primary-tinted background */
    font-weight: 600;
    margin-right: 12px;
}

.sidebar-tab.active[b-ezynx0qyew]::before {
    content: "";
    position: absolute;
    left: 0; /* flush with left edge */
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 60%;
    background-color: var(--primarycolor); /* use primary color */
    border-radius: 2px;
}

.sidebar-tab:hover[b-ezynx0qyew] {
    background-color: var(--elementcolor);
}

.sidebar-tab.active:hover[b-ezynx0qyew] {
    background-color: #70cab930;
}


/* _content/Zineps/Components/Pages/Partner/Carriers/PartnerCarrierSurcharges.razor.rz.scp.css */
.sidebar-menu[b-z0bjj1pq2w] {
    padding-top: 0.25rem;
}

.sidebar-tab[b-z0bjj1pq2w] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    border-radius: 8px;
    padding: 0 0.75rem 0 1.25rem;
    height: 40px;
    color: var(--primarytext);
    position: relative;
    cursor: pointer;
    user-select: none;
}

.sidebar-tab.active[b-z0bjj1pq2w] {
    background-color: #70cab915; /* slight primary-tinted background */
    font-weight: 600;
    margin-right: 12px;
}

.sidebar-tab.active[b-z0bjj1pq2w]::before {
    content: "";
    position: absolute;
    left: 0; /* flush with left edge */
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 60%;
    background-color: var(--primarycolor); /* use primary color */
    border-radius: 2px;
}

.sidebar-tab:hover[b-z0bjj1pq2w] {
    background-color: var(--elementcolor);
}

.sidebar-tab.active:hover[b-z0bjj1pq2w] {
    background-color: #70cab930;
}
/* _content/Zineps/Components/Pages/Partner/Carriers/PartnerCarrierSurchargesExport.razor.rz.scp.css */
.surcharge-export-container[b-qvqphtfhtg] {
    max-width: 1200px;
    width: 50rem;
    margin: 0 auto;
    padding: 0.75rem;
}

    .surcharge-export-container h4[b-qvqphtfhtg] {
        font-size: 1.35rem;
        font-weight: 500;
        color: var(--primarytext);
    }

.field-title[b-qvqphtfhtg] {
    font-weight: 500;
    color: var(--primarytext);
    margin-bottom: 0.4rem;
    font-size: 0.9rem;
}

.export-options-container[b-qvqphtfhtg] {
    background-color: var(--backgroundcolor);
    border: 1px solid #dee2e6;
    border-radius: 0.4rem;
    padding: 0.75rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.export-summary-card[b-qvqphtfhtg] {
    background: linear-gradient(135deg, var(--primarycolor) 0%, #5ba99a 100%);
    color: white;
    border-radius: 0.75rem;
    padding: 1.25rem;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
}

.summary-header h6[b-qvqphtfhtg] {
    color: white;
    margin: 0;
    font-size: 1rem;
    font-weight: 500;
}

.summary-stat[b-qvqphtfhtg] {
    text-align: center;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 0.6rem;
    padding: 0.75rem;
    backdrop-filter: blur(10px);
}

.stat-value[b-qvqphtfhtg] {
    font-size: 1.5rem;
    font-weight: 600;
    color: white;
    line-height: 1.2;
}

.stat-label[b-qvqphtfhtg] {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.85);
    margin-top: 0.2rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.export-progress[b-qvqphtfhtg] {
    background-color: var(--primarycolor-translucent);
    border: 1px solid var(--primarycolor);
    border-radius: 0.4rem;
    padding: 0.75rem 1rem;
    display: inline-flex;
    align-items: center;
    color: var(--primarytext);
}

    .export-progress .text-info[b-qvqphtfhtg] {
        color: var(--primarytext) !important;
        font-size: 0.9rem;
    }

.alert[b-qvqphtfhtg] {
    border-radius: 0.4rem;
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
}

.form-control[b-qvqphtfhtg] {
    border-radius: 0.4rem;
}

small.text-muted[b-qvqphtfhtg] {
    font-size: 0.75rem;
    color: var(--hovertext) !important;
}

@media (max-width: 768px) {
    .surcharge-export-container[b-qvqphtfhtg] {
        padding: 0.5rem;
    }

        .surcharge-export-container h4[b-qvqphtfhtg] {
            font-size: 1.2rem;
        }

    .export-summary-card[b-qvqphtfhtg] {
        padding: 1rem;
    }

    .stat-value[b-qvqphtfhtg] {
        font-size: 1.3rem;
    }

    .stat-label[b-qvqphtfhtg] {
        font-size: 0.75rem;
    }
}
/* _content/Zineps/Components/Pages/Partner/Carriers/ShippingRateEdit.razor.rz.scp.css */
.shipping-rate-edit[b-hgasacg6co] {
    max-width: 900px;
    margin: 0 auto;
}

.field-title[b-hgasacg6co] {
    font-weight: 600;
    color: #2a2f36;
    margin-bottom: .25rem;
}

.readonly-card[b-hgasacg6co] {
    background: #ffffff;
    border: 1px solid #e7e9ee;
    border-radius: .5rem;
    padding: .75rem .9rem;
}

.readonly-card .form-control-plaintext[b-hgasacg6co] {
    color: #2f343c;
}

.readonly-card .badge[b-hgasacg6co] {
    margin-top: .25rem;
}

.form-field .form-control[b-hgasacg6co] {
    max-width: 280px;
}

.form-field .validation-message[b-hgasacg6co],
.form-field .field-validation-error[b-hgasacg6co],
.form-field validation-message[b-hgasacg6co] {
    color: #c53030;
}

.actions[b-hgasacg6co] {
    border-top: 1px dashed #e7e9ee;
    padding-top: 1rem;
}

/* Subtle inline arrow spacing for route */
.shipping-rate-edit i.fas.fa-arrow-right[b-hgasacg6co] {
    color: #9aa0a6;
}


/* _content/Zineps/Components/Pages/Partner/Carriers/ShippingRatesExport.razor.rz.scp.css */
.carrier-logo[b-lsq6q82zvq] {
    width: 32px;
    margin-right: 10px;
}

.field-title[b-lsq6q82zvq] {
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: #424242;
}

.export-description[b-lsq6q82zvq] {
    background-color: #f8f9fa;
    padding: 1rem;
    border-radius: 6px;
    border-left: 4px solid var(--primarycolor, #00a6a6);
}

    .export-description p[b-lsq6q82zvq] {
        margin-bottom: 0.5rem;
        color: #424242;
    }

    .export-description ul[b-lsq6q82zvq] {
        margin-bottom: 0;
    }

.form-check[b-lsq6q82zvq] {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
}

.form-check-label[b-lsq6q82zvq] {
    cursor: pointer;
    user-select: none;
}

.export-summary h6[b-lsq6q82zvq] {
    color: #424242;
    margin-bottom: 0.75rem;
    font-weight: 600;
}

.export-summary p[b-lsq6q82zvq] {
    color: #686868;
    font-size: 0.9rem;
    line-height: 1.4;
}

.export-options-container[b-lsq6q82zvq] {
    --rz-primary: var(--primarycolor);
    --rz-radio-circle-background-color: var(--primarycolor);
    --rz-radio-checked-border: 1px solid var(--primarycolor);
}
/* _content/Zineps/Components/Pages/Partner/Carriers/ShippingRatesOverview.razor.rz.scp.css */
.action-cell[b-ftqazw7o2d] {
    display: flex;
    align-items: center;
}

.icon-button[b-ftqazw7o2d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    border: 1px solid #e7e9ee;
    background: #fff;
    cursor: pointer;
    transition: background-color .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.icon-button:hover[b-ftqazw7o2d] {
    background: #f7fbfa;
    border-color: #d7dbdf;
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
}

.icon-button i[b-ftqazw7o2d] {
    font-size: 14px;
    color: #2a2f36;
}


/* _content/Zineps/Components/Pages/Partner/Company/PartnerCompanyPanel.razor.rz.scp.css */
.gradient-row[b-3tgzsae9ca] {
    background:  #eef5f47a;
    position: relative;
    overflow: hidden;
    height: 20rem;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    border-radius: 8px;
    padding: 40px 0 40px 40px;
    margin-top: 20px;
    margin-right: 25px;
    margin-left: 25px;
   
}

.edit-org-image[b-3tgzsae9ca] {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    cursor: pointer;
    width: 60%;
    height: 60%;
    pointer-events: auto;
    z-index: 2;
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
}

.module-icon-container[b-3tgzsae9ca] {
    margin-top: 10px;
    gap: 1rem;
    display: grid;
}

.module-icon-container h3[b-3tgzsae9ca] {
    font-size: clamp(0.875rem, 2.5vw, 1.25rem);
    line-height: 1.2;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.col-margin[b-3tgzsae9ca] {
    margin-top: -10px;
}

.gradient-row-content[b-3tgzsae9ca] {
    position: relative;
    z-index: 2;
    flex: 1;
    padding: 0 20px 0 20px;
}

.dashboard-title[b-3tgzsae9ca] {
    color: #424242;
    font-weight: 600;
    font-size: 32px;
    margin-bottom: 12px;
}

.welcome-text[b-3tgzsae9ca] {
    color: #686868;
    font-size: 16px;
    margin-bottom: 30px;
    max-width: 400px;
}

.dashboard-image-container[b-3tgzsae9ca] {
    position: relative;
    height: auto;
    flex: 0.8;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin: -40px 0 -40px 0;
}

.dashboard-image[b-3tgzsae9ca] {
    object-fit: contain;
    mask-image: linear-gradient(to right, transparent 0%, black 30%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 30%);
    align-self: flex-start;
}

.dashboard-card-split[b-3tgzsae9ca] {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: -20px -20px 0;
}

.card-image-section img[b-3tgzsae9ca] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section-header[b-3tgzsae9ca] {
    display: flex;
    align-items: center;
    cursor: pointer;
}

    .section-header i[b-3tgzsae9ca] {
        margin-left: 0.5rem;
        transition: transform 0.2s ease;
    }

.company-cards[b-3tgzsae9ca] {
    gap: 1rem;
    min-width: 16rem;
    display: flex;
    flex-direction: column;
}

.module-grid[b-3tgzsae9ca] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
    gap: 1rem;
    width: 100%;
}

.company-cards[b-3tgzsae9ca]  .zineps-card.end {
    cursor: pointer;
    width: 100%;
    height: 14rem;
}

    .company-cards[b-3tgzsae9ca]  .zineps-card.end:hover {
        transform: scale(1.03) translateY(-.3rem);
    }
/* _content/Zineps/Components/Pages/Partner/Customers/EditCustomer.razor.rz.scp.css */
.edit-customer[b-ehy3lt79qy]  .column-left,
.edit-customer[b-ehy3lt79qy]  .column-right {
    flex: 1;
    min-width: 40rem;
}

.edit-customer[b-ehy3lt79qy]  .column-left {
    margin-right: 1rem;
}

.edit-customer[b-ehy3lt79qy]  .contract-item {
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
    margin-bottom: 0.5rem;
    background-color: #f8f9fa;
    overflow: hidden;
}

.edit-customer[b-ehy3lt79qy]  .contract-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    background-color: #ffffff;
}

.edit-customer[b-ehy3lt79qy]  .contract-header-info {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 1;
}

.edit-customer[b-ehy3lt79qy]  .contract-title-carrier {
    display: flex;
    flex-direction: column;
}

.edit-customer[b-ehy3lt79qy]  .badge {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
}

.edit-customer[b-ehy3lt79qy]  .badge-success {
    background-color: #d4edda;
    color: #155724;
}

.edit-customer[b-ehy3lt79qy]  .badge-muted {
    background-color: #e9ecef;
    color: #495057;
}

.edit-customer[b-ehy3lt79qy]  .contract-name {
    font-weight: 600;
    margin-bottom: 0.25rem;
    color: #212529;
}

.edit-customer[b-ehy3lt79qy]  .contract-carrier {
    color: #6c757d;
    font-size: 0.875rem;
}

.edit-customer[b-ehy3lt79qy]  .access-indicator {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.edit-customer[b-ehy3lt79qy]  .access-granted {
    background-color: #28a745;
    color: white;
}

    .edit-customer[b-ehy3lt79qy]  .access-granted:hover {
        background-color: #218838;
    }

.edit-customer[b-ehy3lt79qy]  .access-denied {
    background-color: #dc3545;
    color: white;
}

    .edit-customer[b-ehy3lt79qy]  .access-denied:hover {
        background-color: #c82333;
    }

.edit-customer[b-ehy3lt79qy]  .contract-body {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background-color: #f8f9fa;
}

.edit-customer[b-ehy3lt79qy]  .contract-info {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.edit-customer[b-ehy3lt79qy]  .subaccount-section {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.edit-customer[b-ehy3lt79qy]  .subaccount-line {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

/* Decrease space specifically between edit and delete icons */
.edit-customer[b-ehy3lt79qy]  .subaccount-line .icon-only + .icon-only {
    margin-left: -0.9rem;
}

.edit-customer[b-ehy3lt79qy]  .subaccount-label {
    color: #6c757d;
}

.edit-customer[b-ehy3lt79qy]  .muted-text{
    color: #6c757d;
}

.edit-customer[b-ehy3lt79qy]  .subaccount-info {
    font-size: 0.875rem;
    color: #28a745;
}

.edit-customer[b-ehy3lt79qy]  .no-subaccount {
    color: #dc3545;
}

.edit-customer[b-ehy3lt79qy]  .no-access-message {
    color: #6c757d;
    font-style: italic;
}

.edit-customer[b-ehy3lt79qy]  .contract-active {
    display: inline-block;
    color: #155724;
    background-color: #d4edda;
    padding: 0.25rem 0.5rem;
    border-radius: 0.5rem;
    font-size: 0.75rem;
}

.edit-customer[b-ehy3lt79qy]  .contract-item.inactive-contract {
    filter: brightness(.95);
}

@media(max-width: 768px) {
    .edit-customer[b-ehy3lt79qy]  .responsive-columns {
        flex-direction: column;
    }

    .edit-customer[b-ehy3lt79qy]  .column-left {
        margin-right: 0;
        margin-bottom: 1rem;
    }

    .edit-customer[b-ehy3lt79qy]  .contract-header-info {
        gap: 0.5rem;
    }

    .edit-customer[b-ehy3lt79qy]  .carrier-logo {
        width: 32px;
        height: 32px;
    }
}
/* _content/Zineps/Components/Pages/Partner/Customers/ManageCustomers.razor.rz.scp.css */


.customers-page::deep .grid-height[b-8vx632cqnj] {
    max-height: calc(100vh - 7rem)
}

.customers-page::deep .contract-logos[b-8vx632cqnj] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.contract-logo[b-8vx632cqnj] {
    width: 3rem;
    height: 3rem;
    object-fit: contain;
    cursor: pointer;
    border-radius: 4px;
    padding: 4px;
}

.platform-logos[b-8vx632cqnj] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.platform-logo[b-8vx632cqnj] {
    width: 3rem;
    height: 3rem;
    object-fit: contain;
    border-radius: 4px;
    padding: 4px;
}

.contact-info[b-8vx632cqnj] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

    .contact-info span[b-8vx632cqnj] {
        font-size: 0.9rem;
    }

.company-info[b-8vx632cqnj] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.company-avatar[b-8vx632cqnj] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: contain;
    border: 2px solid #e9ecef;
}

.company-details[b-8vx632cqnj] {
    display: flex;
    flex-direction: column;
}

.company-name[b-8vx632cqnj] {
    font-weight: 400;
    font-size: 0.9rem;
    color: #424242;
}

.contact-person[b-8vx632cqnj] {
    font-size: 0.85rem;
    color: #6c757d;
}

.status-badge[b-8vx632cqnj] {
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 500;
}

.status-active[b-8vx632cqnj] {
    background-color: #d4edda;
    color: #155724;
}

.status-inactive[b-8vx632cqnj] {
    background-color: #f8d7da;
    color: #721c24;
}

.logo-count[b-8vx632cqnj] {
    font-size: 0.75rem;
    color: #6c757d;
    background: #e9ecef;
    padding: 2px 6px;
    border-radius: 10px;
    margin-left: 4px;
}

.selection-info[b-8vx632cqnj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

    .selection-info h4[b-8vx632cqnj] {
        margin: 0;
    }
/* _content/Zineps/Components/Pages/Partner/Integrations/Integrations.razor.rz.scp.css */

    .shopBox[b-t2p8gh2dop] {
        border: 1px solid #CECECE;
        border-radius: 12px;
        background: linear-gradient(36deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 70%, rgba(226,237,235,1) 100%);
        min-height: 235px;
    }
    .tileTitle[b-t2p8gh2dop] {
        color: #424242;
        margin: 30px 20px;
        font-weight: 600;
    }
    .tilePar[b-t2p8gh2dop] {
        color: #424242;
        line-height: 1.25rem;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        min-height: calc(1.25rem * 2);
        max-height: calc(1.25rem * 2);
        max-width: 42ch; /* Encourage wrapping to two lines */
    }
    .coming-soon-badge[b-t2p8gh2dop] {
        display: inline-block;
        padding: 0.35rem 0.5rem;
        background: #adb5bd;
        color: #fff;
        border-radius: 0.25rem;
        font-size: 0.875rem;
    }
    .border-top[b-t2p8gh2dop] { border-top: 1px solid #dee2e6; }
    .p-3[b-t2p8gh2dop] { padding: 1rem; }
    .d-flex[b-t2p8gh2dop] { display: flex; }
    .justify-content-between[b-t2p8gh2dop] { justify-content: space-between; }
    .align-items-start[b-t2p8gh2dop] { align-items: flex-start; }
    h4[b-t2p8gh2dop] { margin: 0; }
    img[b-t2p8gh2dop] { max-height: 56px; }
    .border-top[b-t2p8gh2dop] { border-top-left-radius: 0; border-top-right-radius: 0; }
    .p-3.border-top[b-t2p8gh2dop] { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
    .align-items-center[b-t2p8gh2dop] { align-items: center; }
    .badge[b-t2p8gh2dop] { display: inline-block; padding: .35em .65em; font-size: .75em; color: #fff; background-color: #6c757d; border-radius: .25rem; }

    /* Grid to avoid conflicts with global .row/.col styles */
    .integrations-grid[b-t2p8gh2dop] { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: 16px; }
    .integration-col[b-t2p8gh2dop] { grid-column: span 4; }
    @media (max-width: 992px) { .integration-col[b-t2p8gh2dop] { grid-column: span 6; } }
    @media (max-width: 768px) { .integration-col[b-t2p8gh2dop] { grid-column: span 12; } }
/* _content/Zineps/Components/Pages/Partner/Invoicing/CarrierInvoiceImport.razor.rz.scp.css */
.saved-mappings-section[b-r3eoz421gf] {
    border: 1px solid #dee2e6;
}

.field-category-section[b-r3eoz421gf] {
    background-color: #f8f9fa;
    border-radius: 8px;
    padding: 1rem;
}

.category-header[b-r3eoz421gf] {
    color: #495057;
    font-weight: 600;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #dee2e6;
}

.field-mapping-row[b-r3eoz421gf] {
    background-color: white;
    transition: box-shadow 0.2s;
}

    .field-mapping-row:hover[b-r3eoz421gf] {
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }

.field-name[b-r3eoz421gf] {
    color: #495057;
    font-size: 1rem;
}

.field-description[b-r3eoz421gf] {
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

.header-option[b-r3eoz421gf] {
    padding: 0.5rem 0;
}

.header-name[b-r3eoz421gf] {
    font-weight: 500;
    color: #495057;
}

.sample-data[b-r3eoz421gf] {
    margin-top: 0.25rem;
    font-style: italic;
}

.weight-unit-option[b-r3eoz421gf] {
    padding: 0.5rem 0;
}

.weight-unit-name[b-r3eoz421gf] {
    font-weight: 500;
    color: #495057;
}

.weight-unit-description[b-r3eoz421gf] {
    margin-top: 0.25rem;
    font-style: italic;
}

.header-dropdown .rz-dropdown[b-r3eoz421gf] {
    min-height: 47px;
}

.record-type-accordion .accordion-button[b-r3eoz421gf] {
    font-size: 0.875rem;
    padding: 0.5rem 1rem;
}

.type-mapping-row[b-r3eoz421gf] {
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 0.5rem;
}

    .type-mapping-row:last-child[b-r3eoz421gf] {
        border-bottom: none;
        padding-bottom: 0;
    }

/* Keep existing styles for other sections */
.surcharge-mapping-card .card-header[b-r3eoz421gf] {
    background-color: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    padding: 0.75rem 1rem;
}

.surcharge-mapping-card .card-body[b-r3eoz421gf] {
    padding: 1rem;
}

.surcharge-option-section[b-r3eoz421gf] {
    border: 1px solid #dee2e6;
}

.surcharge-columns-grid[b-r3eoz421gf] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 0.75rem;
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 1rem;
    background-color: white;
}

.surcharge-column-option[b-r3eoz421gf] {
    padding: 0.5rem;
    border: 1px solid #e9ecef;
    border-radius: 4px;
    background-color: #f8f9fa;
    transition: background-color 0.2s;
}

    .surcharge-column-option:hover[b-r3eoz421gf] {
        background-color: #e9ecef;
    }

    .surcharge-column-option .header-name[b-r3eoz421gf] {
        font-weight: 500;
        color: #495057;
        margin-bottom: 0.25rem;
    }

    .surcharge-column-option .sample-data[b-r3eoz421gf] {
        font-style: italic;
        font-size: 0.8rem;
    }

.warning-text[b-r3eoz421gf] {
    color: var(--warning-color);
}
/* _content/Zineps/Components/Pages/Partner/Invoicing/Components/UsageRecordOverrideCustomerPriceField.razor.rz.scp.css */
.usage-record-override-price-compact[b-y6zvqnjx72] {
	display: flex;
	align-items: center;
	gap: 1rem;
	width: 100%;
}

.usage-record-override-price-compact[b-y6zvqnjx72]  .override-price-compact-input {
	flex: 1 1 14rem;
	max-width: 16rem;
	min-width: 14rem;
}

.usage-record-override-price-compact[b-y6zvqnjx72]  .override-price-compact-input .zineps-input {
	height: 2rem;
	font-size: 0.75rem;
	line-height: 1.2;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}

.usage-record-override-price-compact[b-y6zvqnjx72]  .override-price-compact-input .zineps-input::placeholder {
	font-size: 0.6875rem;
	line-height: 1.2;
}

.usage-record-override-price-compact[b-y6zvqnjx72]  .override-price-compact-input .zineps-input-unit {
	display: flex;
	align-items: center;
	font-size: 0.75rem;
	padding-left: 0.375rem;
	padding-right: 0.625rem;
}

.usage-record-override-price-compact[b-y6zvqnjx72]  .override-price-compact-input .zineps-input-wrapper {
	border-radius: 5px;
}

.usage-record-override-price-compact[b-y6zvqnjx72]  .override-price-save-button {
	flex: 0 0 auto;
	height: 2rem;
	min-width: 4.5rem;
	padding: 0 0.8rem;
	white-space: nowrap;
}
/* _content/Zineps/Components/Pages/Partner/Invoicing/InvoiceBrandedTh.razor.rz.scp.css */
.invoice-branded-th-text[b-kzi3726qcq] {
    position: relative;
    z-index: 1;
    color: white;
}
/* _content/Zineps/Components/Pages/Partner/Invoicing/InvoicePreview.razor.rz.scp.css */
.invoice-preview[b-5aceelbsax] {
    min-height: 100vh;
    padding: 2rem 0;
}

.invoice-preview-container[b-5aceelbsax]{
    max-width: 110rem;
}

.invoice-card[b-5aceelbsax] {
    background: white;
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    transition: all 0.3s ease;
}

.invoice-header[b-5aceelbsax] {
    background: linear-gradient(135deg, #70CAB9 0%, #5BA099 100%);
    color: white;
    padding: 2rem;
    position: relative;
    overflow: hidden;
}

    .invoice-header[b-5aceelbsax]::before {
        content: '';
        position: absolute;
        top: -50%;
        right: -50%;
        width: 200%;
        height: 200%;
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="2" fill="rgba(255,255,255,0.1)"/></svg>') repeat;
        animation: float-b-5aceelbsax 20s infinite linear;
    }

@keyframes float-b-5aceelbsax {
    0% {
        transform: translateX(0) translateY(0);
    }

    100% {
        transform: translateX(-100px) translateY(-100px);
    }
}

.company-logo[b-5aceelbsax] {
    width: 160px;
    filter: brightness(0) invert(1);
    margin-bottom: 1rem;
}

.invoice-meta[b-5aceelbsax] {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border-radius: 15px;
    padding: 1.5rem;
    margin-top: 1rem;
}

.invoice-body[b-5aceelbsax] {
    padding: 2.5rem;
}

.address-section[b-5aceelbsax] {
    background: #f0f9f7;
    border-radius: 15px;
    padding: 1.5rem;
    margin-bottom: 2rem;
    border-left: 4px solid #70CAB9;
}

    .address-section h5[b-5aceelbsax] {
        color: #2d3748;
        font-weight: 600;
        margin-bottom: 1rem;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

.modern-table[b-5aceelbsax] {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    margin-bottom: 2rem;
}

    .modern-table thead[b-5aceelbsax] {
        background: linear-gradient(135deg, #70CAB9 0%, #5BA099 100%);
        color: white;
    }

    .modern-table th[b-5aceelbsax] {
        padding: 1rem;
        font-weight: 600;
        border: none;
        text-transform: uppercase;
        font-size: 0.875rem;
        letter-spacing: 0.5px;
    }

    .modern-table td[b-5aceelbsax] {
        padding: 1rem;
        border: none;
        border-bottom: 1px solid #e6f5f2;
        vertical-align: middle;
    }

    .modern-table tbody tr:hover[b-5aceelbsax],
    .modern-table tbody tr:hover td[b-5aceelbsax],
    .modern-table tbody tr td:hover[b-5aceelbsax] {
        background: #f0f9f7;
    }

    .modern-table tbody tr:last-child td[b-5aceelbsax] {
        border-bottom: none;
    }

.section-title[b-5aceelbsax] {
    color: #2d3748;
    font-weight: 500;
    font-size: 1.25rem;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #70CAB9;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.text-regular[b-5aceelbsax] {
    font-weight: 400;
}

.amount-highlight[b-5aceelbsax] {
    background: linear-gradient(135deg, #70CAB9 0%, #4A9B8A 100%);
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: 10px;
    font-weight: 700;
    font-size: 1.1rem;
    display: inline-block;
}

.action-buttons[b-5aceelbsax] {
    padding: 2rem;
    border-radius: 0 0 20px 20px;
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.modern-btn[b-5aceelbsax] {
    padding: 0.75rem 2rem;
    border-radius: 10px;
    border: none;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.3s ease;
    cursor: pointer;
    font-size: 0.9rem;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
}

.btn-primary[b-5aceelbsax] {
    background: linear-gradient(135deg, #70CAB9 0%, #5BA099 100%);
    color: white;
}

    .btn-primary:hover[b-5aceelbsax] {
        transform: translateY(-1px);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
        color: white;
        text-decoration: none;
    }

.btn-secondary[b-5aceelbsax] {
    background: #ffffff;
    color: #2d5850;
}

    .btn-secondary:hover[b-5aceelbsax] {
        background: #ffffff !important;
        transform: translateY(-1px);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
        color: #1a3930;
        text-decoration: none;
    }

.loading-spinner[b-5aceelbsax] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50vh;
    flex-direction: column;
    gap: 1rem;
}

.spinner[b-5aceelbsax] {
    width: 50px;
    height: 50px;
    border: 3px solid #e6f5f2;
    border-top: 3px solid #70CAB9;
    border-radius: 50%;
    animation: spin-b-5aceelbsax 1s linear infinite;
}

@keyframes spin-b-5aceelbsax {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.error-message[b-5aceelbsax] {
    background: #fef2f2;
    color: #dc2626;
    padding: 1rem;
    border-radius: 10px;
    margin: 2rem 0;
    border-left: 4px solid #ef4444;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.badge[b-5aceelbsax] {
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.badge-subscription[b-5aceelbsax] {
    background: #d1ece6;
    color: #1a3930;
}

.badge-usage[b-5aceelbsax] {
    background: #e0f4f0;
    color: #2d5850;
}

.footer-element[b-5aceelbsax] {
    background: #f8fafc;
    border-radius: 10px;
    border-left: 4px solid #70CAB9;
}

.invoice-footer[b-5aceelbsax] {
    margin-top: 2rem;
    padding: 1.5rem;
    background: #f0f9f7;
    border-radius: 10px;
    border-left: 4px solid #70CAB9;
}

    .invoice-footer small[b-5aceelbsax] {
        color: #5a7872;
        display: flex;
        align-items: flex-start;
        gap: 0.5rem;
    }

.table-totals[b-5aceelbsax] {
    background: #f0f9f7;
    border-radius: 10px;
    padding: 1rem;
}

    .table-totals .table[b-5aceelbsax] {
        margin-bottom: 0;
    }

    .table-totals td[b-5aceelbsax] {
        padding: 0.5rem 0;
        border: none;
    }

.correction-section[b-5aceelbsax] {
    background: #fef2f2;
    border-left: 4px solid #ef4444;
    border-radius: 0 10px 10px 0;
    padding: 1rem;
    margin: 1rem 0;
}

.product-details[b-5aceelbsax] {
    font-size: 0.875rem;
    color: #5a7872;
    margin-top: 0.25rem;
}

.carrier-name[b-5aceelbsax] {
    font-weight: 600;
    color: #1a3930;
}

.price-cell[b-5aceelbsax] {
    font-weight: 600;
    color: #4A9B8A;
}

/* Print Styles */
@media print {

    .action-buttons[b-5aceelbsax] {
        display: none !important;  
    }

    .invoice-preview[b-5aceelbsax]{
       min-height:auto;
    }

    .invoice-card[b-5aceelbsax] {
        box-shadow: none !important;
        margin: 0 !important;
        border-radius: 0 !important;
    }

    .invoice-header[b-5aceelbsax] {
        background: #70CAB9 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .modern-table thead[b-5aceelbsax] {
        background: #70CAB9 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .amount-highlight[b-5aceelbsax] {
        background: #70CAB9 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .invoice-preview[b-5aceelbsax] {
        padding: 1rem 0;
    }

    .invoice-body[b-5aceelbsax] {
        padding: 1.5rem;
    }

    .action-buttons[b-5aceelbsax] {
        padding: 1.5rem;
        flex-direction: column;
    }

    .modern-btn[b-5aceelbsax] {
        padding: 0.5rem 1.5rem;
        font-size: 0.85rem;
        justify-content: center;
    }

    .invoice-header[b-5aceelbsax] {
        padding: 1.5rem;
    }

    .company-logo[b-5aceelbsax] {
        width: 120px;
    }

    .address-section[b-5aceelbsax] {
        padding: 1rem;
        margin-bottom: 1rem;
    }

    .modern-table th[b-5aceelbsax],
    .modern-table td[b-5aceelbsax] {
        padding: 0.75rem 0.5rem;
        font-size: 0.875rem;
    }

    .amount-highlight[b-5aceelbsax] {
        padding: 0.5rem 1rem;
        font-size: 1rem;
    }
}

@media (max-width: 576px) {
    .invoice-body[b-5aceelbsax] {
        padding: 1rem;
    }

    .action-buttons[b-5aceelbsax] {
        padding: 1rem;
    }

    .modern-table th[b-5aceelbsax],
    .modern-table td[b-5aceelbsax] {
        padding: 0.5rem 0.25rem;
        font-size: 0.8rem;
    }

    .section-title[b-5aceelbsax] {
        font-size: 1.1rem;
    }

    .invoice-meta[b-5aceelbsax] {
        padding: 1rem;
    }
}

/* Accessibility Improvements */
@media (prefers-reduced-motion: reduce) {
    .invoice-card[b-5aceelbsax],
    .modern-btn[b-5aceelbsax],
    .modern-table tbody tr[b-5aceelbsax] {
        transition: none;
    }

    .invoice-header[b-5aceelbsax]::before {
        animation: none;
    }

    .spinner[b-5aceelbsax] {
        animation: none;
    }
}

/* High Contrast Mode */
@media (prefers-contrast: high) {
    .invoice-card[b-5aceelbsax] {
        border: 2px solid #000;
    }

    .address-section[b-5aceelbsax] {
        border-left-width: 6px;
    }

    .modern-table th[b-5aceelbsax] {
        border: 1px solid #000;
    }

    .modern-table td[b-5aceelbsax] {
        border: 1px solid #666;
    }
}

/* Focus States for Accessibility */
.modern-btn:focus[b-5aceelbsax] {
    outline: 2px solid #70CAB9;
    outline-offset: 2px;
}

button:focus[b-5aceelbsax],
a:focus[b-5aceelbsax] {
    outline: 2px solid #70CAB9;
    outline-offset: 2px;
}

/* Loading Animation Refinements */
.loading-spinner p[b-5aceelbsax] {
    color: #5a7872;
    font-weight: 500;
}

/* Table Enhancements */
.modern-table .table[b-5aceelbsax] {
    margin-bottom: 0;
}

    .modern-table .table th:first-child[b-5aceelbsax],
    .modern-table .table td:first-child[b-5aceelbsax] {
        padding-left: 1.5rem;
    }

    .modern-table .table th:last-child[b-5aceelbsax],
    .modern-table .table td:last-child[b-5aceelbsax] {
        padding-right: 1.5rem;
    }

/* Status Indicators */
.status-positive[b-5aceelbsax] {
    color: #4A9B8A;
    font-weight: 600;
}

.status-negative[b-5aceelbsax] {
    color: #dc2626;
    font-weight: 600;
}

.status-neutral[b-5aceelbsax] {
    color: #5a7872;
    font-weight: 500;
}
/* _content/Zineps/Components/Pages/Partner/Invoicing/InvoiceView.razor.rz.scp.css */
/* _content/Zineps/Components/Pages/Partner/PartnerHome.razor.rz.scp.css */
/* Hero Banner */
.hero-banner-card[b-6fkmzfls66] {
    width: 100% !important;
    margin: 0 !important;
}

.hero-banner[b-6fkmzfls66] {
    background-image: 
        linear-gradient(135deg, var(--primarycolor) 0%, #5a9f8f 50%, #4a8f7f 100%),
        radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(255, 255, 255, 0.1) 0%, transparent 50%);
    background-size: 100% 100%, 200px 200px, 150px 150px;
    background-position: center, 20% 30%, 80% 70%;
    background-repeat: no-repeat;
    border-radius: 16px;
    padding: 3rem 2.5rem;
    position: relative;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    width: 100%;
}

.hero-banner[b-6fkmzfls66]::before {
    content: '✦';
    position: absolute;
    top: 20%;
    right: 15%;
    font-size: 3rem;
    color: rgba(255, 255, 255, 0.3);
    animation: twinkle-b-6fkmzfls66 3s ease-in-out infinite;
    z-index: 1;
}

.hero-banner[b-6fkmzfls66]::after {
    content: '✦';
    position: absolute;
    top: 60%;
    right: 25%;
    font-size: 2.5rem;
    color: rgba(255, 255, 255, 0.25);
    animation: twinkle-b-6fkmzfls66 4s ease-in-out infinite;
    animation-delay: 1s;
    z-index: 1;
}

@keyframes twinkle-b-6fkmzfls66 {
    0%, 100% { opacity: 0.3; transform: scale(1) rotate(0deg); }
    50% { opacity: 0.6; transform: scale(1.2) rotate(180deg); }
}

/* Full logo visible (no crop). cover was zooming wide logos into the square. */
.partner-logo-hero[b-6fkmzfls66] {
    width: 88px;
    height: 88px;
    border-radius: 12px;
    object-fit: contain;
    object-position: center;
    background: white;
    padding: 10px;
    box-sizing: border-box;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    flex-shrink: 0;
}

.partner-logo-placeholder-hero[b-6fkmzfls66] {
    width: 88px;
    height: 88px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 2rem;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    flex-shrink: 0;
}

.hero-label[b-6fkmzfls66] {
    font-size: 0.75rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.8);
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.hero-title[b-6fkmzfls66] {
    font-size: 2.5rem;
    font-weight: 700;
    color: white;
    margin: 0;
    line-height: 1.2;
}

.hero-description[b-6fkmzfls66] {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.9);
    margin: 0;
}

/* Stat Cards */
.stat-card[b-6fkmzfls66] {
    width: 100%;
    height: 100%;
}

.stat-card .zineps-body[b-6fkmzfls66] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.stat-icon[b-6fkmzfls66] {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    color: white;
    flex-shrink: 0;
}

.stat-icon-primary[b-6fkmzfls66] {
    background: var(--primarycolor);
}

.stat-icon-secondary[b-6fkmzfls66] {
    background: linear-gradient(135deg, #fd79a8 0%, #fdcb6e 100%);
}

.stat-icon-accent[b-6fkmzfls66] {
    background: linear-gradient(135deg, #74b9ff 0%, #0984e3 100%);
}

.stat-label[b-6fkmzfls66] {
    font-size: 0.75rem;
    color: #6c757d;
    font-weight: 500;
}

.stat-value[b-6fkmzfls66] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #2c3e50;
}

.stat-sublabel[b-6fkmzfls66] {
    font-size: 0.875rem;
    color: #868e96;
}

.stat-menu[b-6fkmzfls66] {
    color: #adb5bd;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.stat-menu:hover[b-6fkmzfls66] {
    background: #f8f9fa;
    color: #495057;
}

/* Section Title */
.section-title[b-6fkmzfls66] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #2c3e50;
    margin: 0;
}

/* Navigation Cards */
.nav-card[b-6fkmzfls66] {
    width: 100%;
    height: 100%;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.nav-card:hover[b-6fkmzfls66] {
    cursor: pointer;
}

.nav-card .zineps-body[b-6fkmzfls66] {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

.nav-card[b-6fkmzfls66]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--primarycolor-translucent);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.nav-card:hover[b-6fkmzfls66]::before {
    opacity: 1;
}

.nav-card:hover[b-6fkmzfls66] {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    border-color: var(--primarycolor) !important;
}

.nav-card-disabled[b-6fkmzfls66] {
    opacity: 0.7;
    cursor: not-allowed;
    pointer-events: none;
}

.nav-card-icon[b-6fkmzfls66] {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    color: white;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
}

.nav-card-icon-orange[b-6fkmzfls66] {
    background: linear-gradient(135deg, #fd7e14 0%, #ff8c42 100%);
}

.nav-card-icon-primary[b-6fkmzfls66] {
    background: var(--primarycolor);
}

.nav-card-icon-blue[b-6fkmzfls66] {
    background: linear-gradient(135deg, var(--primarycolor) 0%, #17a2b8 100%);
}

.nav-card-icon-red[b-6fkmzfls66] {
    background: linear-gradient(135deg, #dc3545 0%, #e74c3c 100%);
}

.nav-card-category[b-6fkmzfls66] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.nav-card-title[b-6fkmzfls66] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #2c3e50;
    margin: 0;
    line-height: 1.4;
}

.nav-card-available-soon[b-6fkmzfls66] {
    font-size: 0.875rem;
    color: #fd7e14;
    font-weight: 500;
    margin-top: 0.25rem;
}

.nav-card-arrow[b-6fkmzfls66] {
    color: #adb5bd;
    font-size: 1.25rem;
    position: relative;
    z-index: 1;
    align-self: flex-end;
    margin-top: auto;
}

.nav-card:hover .nav-card-arrow[b-6fkmzfls66] {
    color: var(--primarycolor);
    transform: translateX(4px);
    transition: all 0.3s ease;
}

.nav-card-description[b-6fkmzfls66] {
    font-size: 0.875rem;
    color: #6c757d;
    margin: 0;
    line-height: 1.4;
}

/* Recent Shipments Section */
.see-all-link[b-6fkmzfls66] {
    color: var(--primarycolor);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.875rem;
    transition: color 0.2s ease;
}

.see-all-link:hover[b-6fkmzfls66] {
    color: var(--primarycolor);
    opacity: 0.8;
    text-decoration: underline;
}

/* Shipments Table */
.shipments-table-card[b-6fkmzfls66] {
    width: 100%;
}

.shipments-table[b-6fkmzfls66] {
    width: 100%;
}

.shipments-table-header[b-6fkmzfls66] {
    display: grid;
    grid-template-columns: 2fr 1.5fr 2fr 1fr;
    gap: 1rem;
    padding: 1rem 1.5rem;
    background: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    font-weight: 600;
    font-size: 0.75rem;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.shipments-table-body[b-6fkmzfls66] {
    display: flex;
    flex-direction: column;
}

.shipment-row[b-6fkmzfls66] {
    display: grid;
    grid-template-columns: 2fr 1.5fr 2fr 1fr;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #f1f3f5;
    cursor: pointer;
    transition: all 0.2s ease;
}

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

.shipment-row:hover[b-6fkmzfls66] {
    background: #f8f9fa;
}

.shipment-col-customer[b-6fkmzfls66],
.shipment-col-type[b-6fkmzfls66],
.shipment-col-desc[b-6fkmzfls66],
.shipment-col-action[b-6fkmzfls66] {
    display: flex;
    align-items: center;
}

.shipment-customer-info[b-6fkmzfls66] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.shipment-customer-avatar[b-6fkmzfls66] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #495057;
    font-weight: 600;
    font-size: 1.125rem;
    flex-shrink: 0;
    border: 2px solid #dee2e6;
}

.shipment-customer-details[b-6fkmzfls66] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.shipment-customer-name[b-6fkmzfls66] {
    font-weight: 600;
    color: #2c3e50;
    font-size: 0.875rem;
}

.shipment-customer-date[b-6fkmzfls66] {
    font-size: 0.75rem;
    color: #868e96;
}

.shipment-type-tag[b-6fkmzfls66] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.shipment-type-tag-primary[b-6fkmzfls66] {
    background: var(--primarycolor-translucent);
    color: var(--primarycolor);
}

.shipment-desc-text[b-6fkmzfls66] {
    font-size: 0.875rem;
    color: #495057;
}

/* Empty State */
.shipments-empty-state-card[b-6fkmzfls66] {
    width: 100%;
}

.empty-state-icon[b-6fkmzfls66] {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50%;
    background: var(--primarycolor-translucent);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primarycolor);
    font-size: 2.5rem;
}

.empty-state-title[b-6fkmzfls66] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #2c3e50;
    margin: 0;
}

.empty-state-description[b-6fkmzfls66] {
    font-size: 0.875rem;
    color: #6c757d;
    margin: 0;
    max-width: 400px;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .hero-banner[b-6fkmzfls66] {
        padding: 2rem 1.5rem;
    }
    
    .hero-title[b-6fkmzfls66] {
        font-size: 2rem;
    }
    
    .shipments-table-header[b-6fkmzfls66],
    .shipment-row[b-6fkmzfls66] {
        grid-template-columns: 2fr 1fr 1.5fr 1fr;
    }
}

@media (max-width: 768px) {
    .hero-banner[b-6fkmzfls66] {
        padding: 2rem 1rem;
    }
    
    .hero-title[b-6fkmzfls66] {
        font-size: 1.75rem;
    }
    
    .shipments-table-header[b-6fkmzfls66],
    .shipment-row[b-6fkmzfls66] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }
    
    .shipment-col-type[b-6fkmzfls66],
    .shipment-col-desc[b-6fkmzfls66],
    .shipment-col-action[b-6fkmzfls66] {
        padding-left: 4rem;
    }
}

@media (max-width: 480px) {
    .hero-title[b-6fkmzfls66] {
        font-size: 1.5rem;
    }
    
    .stat-value[b-6fkmzfls66] {
        font-size: 1.5rem;
    }
    
    .nav-card-icon[b-6fkmzfls66] {
        width: 48px;
        height: 48px;
        font-size: 1.5rem;
    }
}
/* _content/Zineps/Components/Pages/Partner/PartnerSettings.razor.rz.scp.css */
.settings-container[b-t893ppdhr5] {
    display: flex;
    gap: 2rem;
    min-height: calc(100vh - 200px);
    background: #f8f9fa;
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.settings-sidebar[b-t893ppdhr5] {
    width: 280px;
    flex-shrink: 0;
    background: white;
    border-radius: 8px;
    padding: 1.5rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    border-right: 2px solid #e9ecef;
}

.settings-content[b-t893ppdhr5] {
    flex: 1;
    background: white;
    border-radius: 8px;
    padding: 2rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    position: relative;
}



.setting-tile[b-t893ppdhr5] {
    cursor: pointer;
    transition: all 0.2s ease;
    border-radius: 8px;
    margin-bottom: 0.75rem;
    border: 2px solid transparent;
}

    .setting-tile:hover[b-t893ppdhr5] {
        background: #f8f9fa;
        transform: translateX(4px);
        border-color: #424242;
    }

    .setting-tile.active[b-t893ppdhr5] {
        background: #e7fffb;
        border-color: #424242;
        box-shadow: 0 2px 8px rgba(0,123,255,0.15);
    }

.setting-icon[b-t893ppdhr5] {
    color: #424242;
    font-size: 1.1rem;
    margin-right: 0.75rem;
}

.setting-title[b-t893ppdhr5] {
    font-weight: 500;
    color: #495057;
    margin: 0;
    font-size: 0.95rem;
}

.sidebar-title[b-t893ppdhr5] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #212529;
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid #e9ecef;
}

.content-header[b-t893ppdhr5] {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #dee2e6;
}

.content-title[b-t893ppdhr5] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #212529;
    margin: 0;
}

.content-subtitle[b-t893ppdhr5] {
    color: #6c757d;
    margin-top: 0.5rem;
    font-size: 0.9rem;
}
/* _content/Zineps/Components/Pages/Partner/Shipments/ShipmentDetails.razor.rz.scp.css */
.shipment-details[b-34j1bmqp57] {
    width: 100%;
}

.shipment-details[b-34j1bmqp57]  .content-item {
    padding: 0 1rem;
}

.shipment-details h3[b-34j1bmqp57] {
    font-size: 1.12rem;
    font-weight: 600;
    color: #1f2937;
    margin: 0;
    padding-bottom: 0.4rem;
}

.shipment-details[b-34j1bmqp57]  .details-back-button {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 6.5rem;
}

.shipment-details[b-34j1bmqp57]  .details-back-button i {
    margin-right: 0;
}

.shipment-details[b-34j1bmqp57]  .details-back-button span {
    margin-left: 0;
}

.details-section--status[b-34j1bmqp57],
.details-section--shipment[b-34j1bmqp57] {
    margin-top: 0.45rem;
}

.status-info[b-34j1bmqp57] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 1.1rem;
}

.current-status[b-34j1bmqp57] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.8rem;
}

.status-label[b-34j1bmqp57] {
    font-weight: 600;
    color: #64748b;
    font-size: 0.85rem;
}

.status-value[b-34j1bmqp57] {
    font-weight: 600;
    color: #1e293b;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.status-indicator[b-34j1bmqp57] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.shipment-status-delivered[b-34j1bmqp57] {
    background-color: #10b981;
}

.shipment-status-in-transit[b-34j1bmqp57],
.shipment-status-sorting[b-34j1bmqp57] {
    background-color: #f97316;
}

.shipment-status-returned[b-34j1bmqp57] {
    background-color: #ef4444;
}

.shipment-status-cancelled[b-34j1bmqp57] {
    background-color: #9ca3af;
}

.shipment-status-created[b-34j1bmqp57] {
    background-color: #3b82f6;
}

.status-dates[b-34j1bmqp57] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.date-info[b-34j1bmqp57] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.45rem 0;
    border-bottom: 1px solid #e2e8f0;
    gap: 1rem;
}

.date-info:last-child[b-34j1bmqp57] {
    border-bottom: none;
}

.date-label[b-34j1bmqp57] {
    font-weight: 500;
    color: #64748b;
    font-size: 0.82rem;
}

.date-value[b-34j1bmqp57] {
    font-weight: 500;
    color: #1e293b;
    font-size: 0.82rem;
    text-align: right;
}

.route-from[b-34j1bmqp57],
.route-to[b-34j1bmqp57] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    background: #fff;
    border-radius: 8px;
    padding: 1rem;
    border: 1px solid #e5e7eb;
    width: 100%;
    min-height: 150px;
}

.route-label[b-34j1bmqp57] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.route-details[b-34j1bmqp57] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.location-header[b-34j1bmqp57] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.country-flag[b-34j1bmqp57] {
    width: 24px;
    height: 18px;
    border-radius: 2px;
    object-fit: cover;
    flex-shrink: 0;
}

.location-name[b-34j1bmqp57] {
    font-weight: 600;
    font-size: 0.95rem;
    color: #111827;
    word-break: break-word;
}

.location-details[b-34j1bmqp57] {
    font-size: 0.9rem;
    color: #4b5563;
    line-height: 1.5;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.address-line[b-34j1bmqp57] {
    color: #374151;
    display: inline;
    overflow-wrap: anywhere;
}

.address-copy-row[b-34j1bmqp57] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.contact-line[b-34j1bmqp57] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.82rem;
    color: #6b7280;
    overflow-wrap: anywhere;
}

.contact-line-row[b-34j1bmqp57] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.receiver-contact-list[b-34j1bmqp57] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.address-type-pill[b-34j1bmqp57] {
    padding: 0.08rem 0.45rem;
    border-radius: 999px;
    border: 1px solid #d1d5db;
    background: #f3f4f6;
    color: #374151;
    font-size: 0.7rem;
    font-weight: 600;
}

.detail-action-btn[b-34j1bmqp57] {
    border: 1px solid #70cab9;
    background: #fff;
    color: #2a8f80;
    cursor: pointer;
    font-size: 0.76rem;
    font-weight: 600;
    text-decoration: none;
    border-radius: 6px;
    padding: 0.12rem 0.45rem;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.detail-action-btn--inline[b-34j1bmqp57] {
    padding: 0.08rem 0.35rem;
    font-size: 0.74rem;
}

.detail-action-btn--icon[b-34j1bmqp57] {
    min-width: 1.8rem;
    min-height: 1.8rem;
    justify-content: center;
    padding: 0.12rem;
    gap: 0;
    border: none;
    background: transparent;
    box-shadow: none;
}

.detail-action-btn--subtle[b-34j1bmqp57] {
    margin-top: 0.15rem;
    width: fit-content;
}

.detail-action-btn:hover[b-34j1bmqp57] {
    background: #f0fffc;
    border-color: #4eb8a5;
    color: #1f7a6d;
}

.detail-action-btn--icon:hover[b-34j1bmqp57] {
    background: transparent;
    border-color: transparent;
}

.route-arrow[b-34j1bmqp57] {
    display: none;
}

.carrier-product-display[b-34j1bmqp57] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.85rem;
    background-color: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

.carrier-logo-container[b-34j1bmqp57] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 80px;
    height: 50px;
}

.carrier-logo-img[b-34j1bmqp57] {
    max-width: 80px;
    max-height: 50px;
    object-fit: contain;
}

.carrier-product-info[b-34j1bmqp57] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.product-name[b-34j1bmqp57] {
    font-size: 0.87rem;
    color: #374151;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.info-container[b-34j1bmqp57] {
    width: 100%;
    background: #fff;
    border-radius: 8px;
    padding: 0.85rem;
    border: 1px solid #e5e7eb;
}

.shipment-products[b-34j1bmqp57] {
    width: 100%;
    background: #fff;
    border-radius: 8px;
    padding: 0.85rem;
    border: 1px solid #e5e7eb;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.shipment-product-row[b-34j1bmqp57] {
    display: grid;
    grid-template-columns: 3.25rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.85rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px dashed #e5e7eb;
}

.shipment-product-row:last-child[b-34j1bmqp57] {
    border-bottom: none;
    padding-bottom: 0;
}

.shipment-product-image[b-34j1bmqp57] {
    width: 3.25rem;
    height: 3.25rem;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    background: #f8fafc;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.shipment-product-image img[b-34j1bmqp57] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.shipment-product-main[b-34j1bmqp57] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.shipment-product-title[b-34j1bmqp57] {
    font-size: 0.92rem;
    font-weight: 600;
    color: #111827;
    overflow-wrap: anywhere;
}

.shipment-product-meta[b-34j1bmqp57],
.shipment-product-summary[b-34j1bmqp57] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.85rem;
    font-size: 0.78rem;
    color: #6b7280;
}

.shipment-product-summary[b-34j1bmqp57] {
    justify-content: flex-end;
    text-align: right;
    min-width: 7rem;
    color: #374151;
    font-weight: 600;
}

.tracking-info[b-34j1bmqp57],
.info-list-plain[b-34j1bmqp57] {
    width: 100%;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
}

.info-item[b-34j1bmqp57] {
    display: flex;
    width: 100%;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.35rem 0;
    border-bottom: 1px dashed #e5e7eb;
}

.info-item:last-child[b-34j1bmqp57] {
    border-bottom: none;
}

.info-label[b-34j1bmqp57] {
    font-weight: 600;
    font-size: 0.78rem;
    color: #6b7280;
    letter-spacing: 0.01em;
}

.info-value[b-34j1bmqp57] {
    font-size: 0.92rem;
    font-weight: 500;
    color: #111827;
    text-align: right;
    word-break: break-word;
}

.total-row[b-34j1bmqp57] {
    border-top: 1px solid #d1d5db;
    margin-top: 0.2rem;
    padding-top: 0.55rem;
}

.total-value[b-34j1bmqp57] {
    font-size: 1rem;
    font-weight: 700;
    color: #065f46;
}

.empty-hint[b-34j1bmqp57] {
    font-size: 0.82rem;
    color: #6b7280;
    margin-top: 0.35rem;
}

.amount-source-note[b-34j1bmqp57] {
    margin-top: 0.35rem;
    font-size: 0.76rem;
    color: #6b7280;
}

.tracking-actions[b-34j1bmqp57] {
    margin-top: 0.55rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.65rem;
}

.tracking-fallback[b-34j1bmqp57] {
    font-size: 0.78rem;
    color: #6b7280;
}

.shipment-tracking-link[b-34j1bmqp57] {
    color: #2a8f80 !important;
    text-decoration: underline !important;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

@media (min-width: 768px) {
    .route-arrow[b-34j1bmqp57] {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: auto 0;
        color: #9ca3af;
        font-size: 1.25rem;
        width: 100%;
    }
}

@media (max-width: 992px) {
    .shipment-details[b-34j1bmqp57]  .zineps-grid {
        gap: 1rem !important;
    }
}

@media (max-width: 768px) {
    .shipment-details h3[b-34j1bmqp57] {
        font-size: 1rem;
    }

    .route-from[b-34j1bmqp57],
    .route-to[b-34j1bmqp57],
    .status-info[b-34j1bmqp57],
    .info-container[b-34j1bmqp57],
    .shipment-products[b-34j1bmqp57],
    .tracking-info[b-34j1bmqp57],
    .carrier-product-display[b-34j1bmqp57] {
        padding: 0.8rem;
    }

    .current-status[b-34j1bmqp57],
    .date-info[b-34j1bmqp57],
    .info-item[b-34j1bmqp57] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.2rem;
    }

    .date-value[b-34j1bmqp57],
    .info-value[b-34j1bmqp57] {
        text-align: left;
    }

    .carrier-product-display[b-34j1bmqp57] {
        flex-direction: column;
        text-align: center;
        gap: 0.7rem;
    }

    .carrier-logo-container[b-34j1bmqp57] {
        margin: 0 auto;
    }

    .receiver-contact-list[b-34j1bmqp57] {
        align-items: flex-start;
    }

    .tracking-actions[b-34j1bmqp57] {
        justify-content: flex-start;
    }

    .address-copy-row[b-34j1bmqp57] {
        align-items: flex-start;
    }

    .shipment-product-row[b-34j1bmqp57] {
        grid-template-columns: 3rem minmax(0, 1fr);
        align-items: flex-start;
    }

    .shipment-product-summary[b-34j1bmqp57] {
        grid-column: 2;
        justify-content: flex-start;
        text-align: left;
        min-width: 0;
    }
}
/* _content/Zineps/Components/Pages/Partner/Shipments/ShipmentOverview.razor.rz.scp.css */
.shipments[b-ygxkd7ohle] {
    display: contents;
}

.shipments[b-ygxkd7ohle]  .status-column {
    flex: 0 0 20rem;
}

    .shipments[b-ygxkd7ohle]  .date-column {
        display: flex;
        flex-direction: column;
        margin: auto;
        gap: 2px;
    }

.shipments[b-ygxkd7ohle]  .method-column {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    justify-content: center;
    align-items: center;
}

.carrier-logo-img[b-ygxkd7ohle] {
    max-width: 70px;
    height: 45px;
    object-fit: contain;
}

.shipments[b-ygxkd7ohle]  .grid-height {
    max-height: calc(100vh - 10rem);
}

.product-title[b-ygxkd7ohle] {
    font-weight: 500;
    display: block;
}

.product-info[b-ygxkd7ohle] {
    color: #686868;
}

/* Address styles */
.address-container[b-ygxkd7ohle] {
    display: flex;
    margin: auto 0;
}

.address-separator[b-ygxkd7ohle] {
    padding: 0 3px;
    font-weight: 600;
}

.no-address-data[b-ygxkd7ohle] {
    color: #FE3434;
    font-weight: 300;
    margin-top: -2px;
}

/* Link styles */
.track-trace-link[b-ygxkd7ohle] {
    text-decoration: underline;
    color: #424242;
}

.address-parts[b-ygxkd7ohle] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0;
    align-items: center;
}

.address-part[b-ygxkd7ohle] {
    white-space: nowrap;
}

    .address-part[b-ygxkd7ohle]::after {
        content: ' ';
    }

.address-separator[b-ygxkd7ohle] {
    margin: 0 4px;
    color: #ccc;
}

/* Status indicator styles */
.shipment-status[b-ygxkd7ohle] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.status-text[b-ygxkd7ohle] {
    font-weight: 500;
}

.track-trace[b-ygxkd7ohle] {
    color: #686868;
    margin-top: 4px;
}

.label-count[b-ygxkd7ohle] {
    color: #686868;
    margin-top: 2px;
    display: flex;
    align-items: center;
    font-weight: 500;
}

.track-trace-small[b-ygxkd7ohle] {
    color: #888;
    margin-top: 2px;
    word-break: break-word;
}

/* Match Order → Labels tab: status row, reference, then track link (teal + underline). */
.partner-shipment-status-stack[b-ygxkd7ohle] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    width: 100%;
}

.partner-shipment-status-row[b-ygxkd7ohle] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.partner-shipment-status-text[b-ygxkd7ohle] {
    font-size: 13px;
    color: #424242;
    font-weight: 500;
}

.partner-shipment-reference[b-ygxkd7ohle] {
    font-size: 12px;
    color: #888;
    word-break: break-word;
}

.partner-shipment-tracking-link[b-ygxkd7ohle] {
    font-size: 12px;
    font-weight: 500;
    /* Same teal as Order → Labels (LabelListView track link); !important beats grid/global link styles */
    color: #70CAB9 !important;
    text-decoration: underline !important;
}

.partner-shipment-no-tracking[b-ygxkd7ohle] {
    font-size: 12px;
    color: #9CA3AF;
}

.company-name[b-ygxkd7ohle] {
    color: #4A5568;
    margin-top: 2px;
    font-weight: 500;
}


.date-part[b-ygxkd7ohle] {
    font-weight: 500;
}

.time-part[b-ygxkd7ohle] {
    color: #686868;
}

.shipments[b-ygxkd7ohle]  .company-column {
    flex-direction: column; 
}

/* Large screens (1200px and up) */
@media (min-width: 1600px) {
    .shipments[b-ygxkd7ohle]  .status-column {
        flex: 0 0 14rem;
    }
    .shipments[b-ygxkd7ohle]  .company-column {
        flex: 0 0 8rem;
    }

    .shipments[b-ygxkd7ohle]  .method-column {
        flex: 0 0 14rem;
    }

    .shipments[b-ygxkd7ohle]  .date-column {
        flex: 0 0 8rem;
    }

    .shipments[b-ygxkd7ohle]  .address-column {
        flex: 0 0 24rem;
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .shipments[b-ygxkd7ohle]  .status-column {
        flex: 0 0 10rem;
    }

    .shipments[b-ygxkd7ohle]  .company-column {
        flex: 0 5rem;
    }

    .shipments[b-ygxkd7ohle]  .method-column {
        flex: 0 0 10rem;
    }

    .shipments[b-ygxkd7ohle]  .date-column {
        flex: 0 0 6rem;
    }

    .shipments[b-ygxkd7ohle]  .address-column {
        flex: 0 0 15rem;
    }

    .carrier-logo-img[b-ygxkd7ohle] {
        height: 15px;
    }
    .shipments[b-ygxkd7ohle]  .zineps-grid-cell, .shipments[b-ygxkd7ohle]  .zineps-column-title {
        font-size: 10px;
    }
}

/* Medium screens / Tablets (768px to 1199px) */
@media (max-width: 1200px) {
    .shipments[b-ygxkd7ohle]  .status-column {
        flex: 0 0 7rem;
    }

    .shipments[b-ygxkd7ohle]  .company-column {
        flex: 0 0 6rem;
    }

    .shipments[b-ygxkd7ohle]  .method-column {
        flex: 0 0 8rem;
    }

    .shipments[b-ygxkd7ohle]  .date-column {
        flex: 0 0 6rem;
    }

    .shipments[b-ygxkd7ohle]  .address-column {
        flex: 0 0 12rem;
    }

    .carrier-logo-img[b-ygxkd7ohle] {
        height: 12px;
    }

    .shipments[b-ygxkd7ohle]  .zineps-grid-cell, .shipments[b-ygxkd7ohle]  .zineps-column-title {
        font-size: 9px;
    }
}
/* _content/Zineps/Components/Pages/Returns/ReturnDetails.razor.rz.scp.css */
.order-items .order-image-container[b-e1cs98h0uo] {
    position: relative;
    height: 190px;
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.order-items[b-e1cs98h0uo]  .order-image-row {
    position: relative;
}

    .order-items[b-e1cs98h0uo]  .order-image-row::before {
        content: '';
        position: absolute;
        bottom: 0;
        right: 20%;
        margin: 1rem 0;
        height: calc(100% - 2rem);
        width: 1px;
        background-color: #ced4da50;
    }



.order-image[b-e1cs98h0uo] {
    max-height: calc(100% - 30px);
    max-width: calc(100% - 30px);
}

.order-items[b-e1cs98h0uo]  .order-detail-item {
    position: relative;
}




.order-items .order-item:last-child .order-image-container[b-e1cs98h0uo]::after {
    display: none;
}

.order-items .order-item:not(:first-child) .order-image-container[b-e1cs98h0uo]::before {
    height: calc(100% - 1rem);
}

.product-title[b-e1cs98h0uo] {
    color: #212529;
    font-weight: 500;
    line-height: 1.5rem;
    font-size: 20px;
    margin: 0;
}

.order-items[b-e1cs98h0uo] {
    gap: 2rem;
    display: flex;
    flex-direction: column;
}

.order-item-field-title[b-e1cs98h0uo] {
    margin: 0;
    color: #212529 !important;
    font-size: 18px;
    font-weight: 400;
    text-align: start;
    line-height: 2rem;
}

.order-item-field-value[b-e1cs98h0uo] {
    font-size: 15px;
    font-weight: 200;
    color: #424242 !important;
    text-align: start !important;
}

.validation-box[b-e1cs98h0uo] {
    display: flex;
    align-items: center;
}
.order-number[b-e1cs98h0uo] {
    font-weight: 400;
    color: #6d6d6d;
}
/* _content/Zineps/Components/Pages/Service/CarrierInfo.razor.rz.scp.css */
.carrier-info-container[b-iycn3t2t3w] {
	max-width: 1200px;
	margin: 0 auto;
	padding: 2rem;
}

/* Hero/Profile Section */
.carrier-hero-card[b-iycn3t2t3w] {
	margin-bottom: 2.5rem;
	background: linear-gradient(135deg, #ffffff 0%, #f2fcfa 25%, #e0faf4 60%, #b2f0e5 100%);
}

.carrier-hero[b-iycn3t2t3w] {
	display: flex;
	align-items: flex-start;
	gap: 2rem;
	padding: 2.5rem;
}

.carrier-logo-hero[b-iycn3t2t3w] {
	width: 120px;
	height: 120px;
	object-fit: contain;
	flex-shrink: 0;
	background: white;
	padding: 1rem;
	border-radius: 12px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.carrier-hero-content[b-iycn3t2t3w] {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.carrier-hero-main[b-iycn3t2t3w] {
	flex: 1;
}

.carrier-hero-name[b-iycn3t2t3w] {
	font-size: 2.5rem;
	font-weight: 700;
	color: #212529;
	margin: 0 0 0.75rem 0;
	line-height: 1.2;
}

.carrier-hero-description[b-iycn3t2t3w] {
	font-size: 1.125rem;
	color: #686868;
	line-height: 1.7;
	margin: 0;
}

.carrier-hero-stats[b-iycn3t2t3w] {
	display: flex;
	gap: 2rem;
	flex-wrap: wrap;
}

.hero-stat-item[b-iycn3t2t3w] {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

.hero-stat-label[b-iycn3t2t3w] {
	font-size: 0.75rem;
	color: #6c757d;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.hero-stat-value[b-iycn3t2t3w] {
	font-size: 1rem;
	color: #212529;
	font-weight: 600;
}

/* Stat Cards */
.stat-card[b-iycn3t2t3w] {
	width: 100%;
	height: 100%;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.stat-card:hover[b-iycn3t2t3w] {
	transform: translateY(-2px);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

.stat-card .zineps-body[b-iycn3t2t3w] {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.stat-icon[b-iycn3t2t3w] {
	width: 56px;
	height: 56px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.75rem;
	color: white;
	flex-shrink: 0;
}

.stat-icon-primary[b-iycn3t2t3w] {
	background: var(--primarycolor, #00a896);
}

.stat-icon-secondary[b-iycn3t2t3w] {
	background: linear-gradient(135deg, #fd79a8 0%, #fdcb6e 100%);
}

.stat-icon-accent[b-iycn3t2t3w] {
	background: linear-gradient(135deg, #74b9ff 0%, #0984e3 100%);
}

.stat-label[b-iycn3t2t3w] {
	font-size: 0.75rem;
	color: #6c757d;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.stat-value[b-iycn3t2t3w] {
	font-size: 1.75rem;
	font-weight: 700;
	color: #2c3e50;
}

.stat-sublabel[b-iycn3t2t3w] {
	font-size: 0.875rem;
	color: #868e96;
}

.stat-menu[b-iycn3t2t3w] {
	color: #adb5bd;
	cursor: pointer;
	padding: 0.5rem;
	border-radius: 6px;
	transition: all 0.2s ease;
}

.stat-menu:hover[b-iycn3t2t3w] {
	background: #f8f9fa;
	color: #495057;
}

.stat-progress-container[b-iycn3t2t3w] {
	margin-top: 1rem;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.stat-progress-bar[b-iycn3t2t3w] {
	width: 100%;
	height: 8px;
	background-color: #e9ecef;
	border-radius: 4px;
	overflow: hidden;
}

.stat-progress-fill[b-iycn3t2t3w] {
	height: 100%;
	background: linear-gradient(90deg, var(--primarycolor, #00a896) 0%, #008f7a 100%);
	border-radius: 4px;
	transition: width 0.3s ease;
}

.stat-progress-text[b-iycn3t2t3w] {
	font-size: 0.75rem;
	color: #6c757d;
}

.stat-methods-breakdown[b-iycn3t2t3w] {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	margin-top: 1rem;
}

.stat-method-item[b-iycn3t2t3w] {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.stat-method-dot[b-iycn3t2t3w] {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: var(--primarycolor, #00a896);
	flex-shrink: 0;
}

.stat-method-name[b-iycn3t2t3w] {
	font-size: 0.875rem;
	color: #495057;
	font-weight: 500;
}

.stat-method-more[b-iycn3t2t3w] {
	font-size: 0.75rem;
	color: #6c757d;
	font-style: italic;
}

.stat-coverage-list[b-iycn3t2t3w] {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	margin-top: 1rem;
}

.stat-coverage-item[b-iycn3t2t3w] {
	display: flex;
	align-items: center;
}

.stat-coverage-badge[b-iycn3t2t3w] {
	display: inline-block;
	padding: 0.5rem 1rem;
	background-color: #f5f5f5;
	color: #424242;
	border-radius: 6px;
	font-size: 0.875rem;
	font-weight: 500;
	border: 1px solid #e0e0e0;
}

/* Call to Action Section */
.cta-section[b-iycn3t2t3w] {
	display: flex;
	gap: 1rem;
	justify-content: center;
	margin-top: 2rem;
	flex-wrap: wrap;
}

.cta-button[b-iycn3t2t3w] {
	min-width: 200px;
	padding: 1rem 2rem;
	font-size: 1rem;
	font-weight: 500;
	border-radius: 8px;
	transition: all 0.2s ease;
}

.cta-button-primary[b-iycn3t2t3w] {
	background-color: #00a896;
	color: white;
	border: none;
}

.cta-button-primary:hover[b-iycn3t2t3w] {
	background-color: #008f7a;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 168, 150, 0.3);
}

.cta-button-secondary[b-iycn3t2t3w] {
	background-color: white;
	color: #00a896;
	border: 2px solid #00a896;
}

.cta-button-secondary:hover[b-iycn3t2t3w] {
	background-color: #f0fdfa;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 168, 150, 0.2);
}
/* _content/Zineps/Components/Pages/Service/ContractDetails.razor.rz.scp.css */
.methods-container[b-cv9f9mxk18] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 200px);
    position: relative;
}

.methods-content[b-cv9f9mxk18] {
    flex: 1;
    overflow-y: auto;
    padding-bottom: 70px;
}

.methods-button-container[b-cv9f9mxk18] {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: white;
    padding: 10px;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
    z-index: 100;
}
/* _content/Zineps/Components/Pages/Service/Pickups.razor.rz.scp.css */
.pickups[b-ehdw7hh8vc] {
    display: contents;
}

.pickups[b-ehdw7hh8vc]  .grid-height {
    max-height: calc(100vh - 10rem);
}

.pickups[b-ehdw7hh8vc]  .zineps-grid-header-cell,
.pickups[b-ehdw7hh8vc]  .zineps-grid-header-cell * {
    overflow-wrap: normal;
    white-space: nowrap;
    word-break: normal;
    hyphens: manual;
}

.pickups[b-ehdw7hh8vc]  .zineps-column-title {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pickups[b-ehdw7hh8vc]  .status-column {
    flex: 0 0 10rem;
}

.pickups[b-ehdw7hh8vc]  .date-column {
    display: flex;
    flex-direction: column;
    margin: auto;
    gap: 2px;
    flex: 0 0 8rem;
}

.pickups[b-ehdw7hh8vc]  .carrier-column {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 9.5rem;
}

.pickups[b-ehdw7hh8vc]  .contract-column {
    flex: 0 0 16rem;
    max-width: 16rem;
}

.pickups[b-ehdw7hh8vc]  .confirmation-column {
    flex: 0 0 14rem;
    max-width: 14rem;
}

.pickups[b-ehdw7hh8vc]  .merchant-column {
    flex: 0 0 18rem;
    max-width: 18rem;
}

.pickups[b-ehdw7hh8vc]  .status-column *,
.pickups[b-ehdw7hh8vc]  .date-column *,
.pickups[b-ehdw7hh8vc]  .carrier-column *,
.pickups[b-ehdw7hh8vc]  .contract-column *,
.pickups[b-ehdw7hh8vc]  .confirmation-column *,
.pickups[b-ehdw7hh8vc]  .merchant-column * {
    overflow-wrap: normal;
    word-break: normal;
}

.pickups[b-ehdw7hh8vc]  .contract-column > span,
.pickups[b-ehdw7hh8vc]  .confirmation-column > span,
.pickups[b-ehdw7hh8vc]  .merchant-column > span {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.partner-pickup-status-row[b-ehdw7hh8vc] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    width: 100%;
    min-width: 0;
}

.partner-pickup-status-text[b-ehdw7hh8vc] {
    font-size: 13px;
    color: #424242;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pickup-date-part[b-ehdw7hh8vc] {
    font-weight: 500;
    color: #424242;
}

.pickup-time-part[b-ehdw7hh8vc] {
    color: #686868;
    font-size: 12px;
    white-space: nowrap;
}

.pickup-carrier-logo[b-ehdw7hh8vc] {
    display: block;
    width: 96px;
    max-width: 100%;
    height: 44px;
    object-fit: contain;
}

.pickups-empty-state[b-ehdw7hh8vc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem;
}

.pickups-empty-state h4[b-ehdw7hh8vc] {
    margin-bottom: 10px;
    color: #000;
}

.pickups-empty-state p[b-ehdw7hh8vc] {
    text-align: center;
    color: #6D6D6D;
    margin-bottom: 0.4rem;
}

.pickups-empty-image[b-ehdw7hh8vc] {
    width: 100px;
    margin-bottom: 1rem;
}

@media (min-width: 1600px) {
    .pickups[b-ehdw7hh8vc]  .status-column {
        flex: 0 0 10rem;
    }

    .pickups[b-ehdw7hh8vc]  .date-column {
        flex: 0 0 8rem;
    }

    .pickups[b-ehdw7hh8vc]  .carrier-column {
        flex: 0 0 9.5rem;
    }

    .pickups[b-ehdw7hh8vc]  .contract-column {
        flex-basis: 16rem;
        max-width: 16rem;
    }

    .pickups[b-ehdw7hh8vc]  .confirmation-column {
        flex-basis: 14rem;
        max-width: 14rem;
    }

    .pickups[b-ehdw7hh8vc]  .merchant-column {
        flex-basis: 18rem;
        max-width: 18rem;
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .pickups[b-ehdw7hh8vc]  .status-column {
        flex: 0 0 9rem;
    }

    .pickups[b-ehdw7hh8vc]  .date-column {
        flex: 0 0 7.5rem;
    }

    .pickups[b-ehdw7hh8vc]  .carrier-column {
        flex: 0 0 8.5rem;
    }

    .pickups[b-ehdw7hh8vc]  .contract-column {
        flex-basis: 14rem;
        max-width: 14rem;
    }

    .pickups[b-ehdw7hh8vc]  .confirmation-column {
        flex-basis: 13rem;
        max-width: 13rem;
    }

    .pickups[b-ehdw7hh8vc]  .merchant-column {
        flex-basis: 15rem;
        max-width: 15rem;
    }

    .pickup-carrier-logo[b-ehdw7hh8vc] {
        width: 84px;
        height: 38px;
    }
}

@media (max-width: 1199px) {
    .pickups[b-ehdw7hh8vc]  .status-column {
        flex: 0 0 8rem;
    }

    .pickups[b-ehdw7hh8vc]  .date-column {
        flex: 0 0 6.75rem;
    }

    .pickups[b-ehdw7hh8vc]  .carrier-column {
        flex: 0 0 7rem;
    }

    .pickups[b-ehdw7hh8vc]  .contract-column {
        flex-basis: 12rem;
        max-width: 12rem;
    }

    .pickups[b-ehdw7hh8vc]  .confirmation-column {
        flex-basis: 11rem;
        max-width: 11rem;
    }

    .pickups[b-ehdw7hh8vc]  .merchant-column {
        flex-basis: 12rem;
        max-width: 12rem;
    }

    .pickup-carrier-logo[b-ehdw7hh8vc] {
        width: 72px;
        height: 34px;
    }

    .pickups[b-ehdw7hh8vc]  .zineps-grid-cell,
    .pickups[b-ehdw7hh8vc]  .zineps-column-title {
        font-size: 11px;
    }
}
/* _content/Zineps/Components/Pages/Settings/InvoicingSettings.razor.rz.scp.css */
.verified-email[b-fqn2nn4kir] {
    display: inline-flex;
    align-items: center;
    padding: 0 .5rem;
    margin: 0;
    font-size: 0.875rem;
    color: #9e9e9e;
}

.verify-email-header[b-fqn2nn4kir] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 0.25rem;
}


.verify-email-actions[b-fqn2nn4kir] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
}

.danger-button-link[b-fqn2nn4kir] {
    color: var(--rz-danger);
}

.danger-button-link:hover[b-fqn2nn4kir] {
    color: var(--rz-danger-dark);
}

.warning-button-link[b-fqn2nn4kir] {
    width: fit-content;
    color: var(--rz-warning);
    text-decoration-color: var(--rz-warning);
}

.warning-button-link:hover[b-fqn2nn4kir] {
    color: var(--rz-warning-dark);
    text-decoration-color: var(--rz-warning-dark);
}

.primary-button-link[b-fqn2nn4kir] {
    color: #70CAB9;
}

.primary-button-link:hover[b-fqn2nn4kir] {
    color: #5bb1a1;
}

.button-link[b-fqn2nn4kir] {
    background: none;
    border: none;
    padding: 0;
    font-size: 0.875rem;
    text-decoration: underline;
    cursor: pointer;
}
/* _content/Zineps/Components/Pages/Settings/OrderSettings.razor.rz.scp.css */
.settings-outer[b-8vkgugtb34] {
    padding: 1.25rem;
    background-color: #fff;
    border-radius: 8px;
}

.order-settings-page[b-8vkgugtb34] {
    max-width: 44rem;
}

.order-settings-page-title[b-8vkgugtb34] {
    color: #424242;
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0 0 0.35rem 0;
    line-height: 1.25;
}

.order-settings-page-lead[b-8vkgugtb34] {
    color: #686868;
    font-size: 0.9375rem;
    margin: 0 0 1.5rem 0;
    line-height: 1.45;
}

.order-settings-stack[b-8vkgugtb34] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.order-settings-card[b-8vkgugtb34] {
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    background: #fff;
    padding: 1.15rem 1.25rem 1.25rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.order-settings-card-title[b-8vkgugtb34] {
    color: #2c2c2c;
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 0.35rem 0;
    line-height: 1.3;
}

.order-settings-card-hint[b-8vkgugtb34] {
    color: #6c757d;
    font-size: 0.8125rem;
    margin: 0 0 1rem 0;
    line-height: 1.45;
}

.order-settings-options[b-8vkgugtb34] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.order-settings-option[b-8vkgugtb34] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    padding: 0.65rem 0.75rem;
    border-radius: 8px;
    border: 1px solid #eee;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
    margin: 0;
    font-size: 0.9375rem;
    color: #424242;
    line-height: 1.4;
}

.order-settings-option:hover[b-8vkgugtb34] {
    background: #fafafa;
    border-color: #e0e0e0;
}

.order-settings-option[b-8vkgugtb34]  input {
    margin-top: 0.2rem;
    flex-shrink: 0;
    accent-color: var(--primarycolor, #70cab9);
}

/* Neutral note block — paragraphs use .order-settings-card-hint (same as section hints) */
.order-settings-callout[b-8vkgugtb34] {
    border: 1px solid #e9ecef;
    border-radius: 8px;
    background: #f8f9fa;
    padding: 0.75rem 0.875rem;
    margin-bottom: 1rem;
}

.order-settings-callout .order-settings-card-hint[b-8vkgugtb34] {
    margin-bottom: 0.5rem;
}

.order-settings-callout .order-settings-card-hint:last-child[b-8vkgugtb34] {
    margin-bottom: 0;
}

.order-settings-callout__link[b-8vkgugtb34] {
    color: #424242;
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.order-settings-callout__link:hover[b-8vkgugtb34] {
    color: #2c2c2c;
}

.order-settings-actions[b-8vkgugtb34] {
    margin-top: 1.5rem;
    padding-top: 0.25rem;
}
/* _content/Zineps/Components/Pages/Settings/Profile.razor.rz.scp.css */
.brand-logo-upload[b-cjrjnoqh6x] {
    margin-bottom: 1rem;
    width: 100%;
}

.logo-preview-container[b-cjrjnoqh6x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 1px dashed #ced4da;
    border-radius: 8px;
    padding: 1.5rem;
    position: relative;
    cursor: pointer;
    margin-top: 0.5rem;
    background-color: #f8f9fa;
    min-height: 150px;
    transition: all 0.2s ease;
}

    .logo-preview-container:hover[b-cjrjnoqh6x] {
        background-color: #f0f0f0;
    }

[b-cjrjnoqh6x] .file-input-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

/* Fixed box so object-fit applies; wide logos scale down with padding inside the preview. */
.logo-preview[b-cjrjnoqh6x] {
    display: block;
    width: 100%;
    max-width: min(100%, 28rem);
    height: 140px;
    margin: 0 auto 1rem auto;
    padding: 0.75rem;
    box-sizing: border-box;
    object-fit: contain;
    object-position: center;
}

.logo-placeholder[b-cjrjnoqh6x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #6c757d;
    margin-bottom: 1.5rem;
}

    .logo-placeholder i[b-cjrjnoqh6x] {
        font-size: 2.5rem;
        margin-bottom: 0.5rem;
    }

.hidden-input[b-cjrjnoqh6x] {
    display: none;
}

.upload-button-container[b-cjrjnoqh6x] {
    margin-top: 1rem;
}

.logo-upload-button[b-cjrjnoqh6x] {
    background-color: var(--elementcolor) !important;
    border: 1px solid #ced4da !important;
    display: flex !important;
    gap: 0.5rem !important;
    padding: 0 1.5rem !important;
}

    .logo-upload-button:hover[b-cjrjnoqh6x] {
        background-color: #e6e6e6 !important;
    }

.ml-2[b-cjrjnoqh6x] {
    margin-left: 0.5rem;
}

.remove-logo[b-cjrjnoqh6x] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background-color: rgba(255, 255, 255, 0.8);
    border: none;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
}

    .remove-logo:hover[b-cjrjnoqh6x] {
        background-color: rgba(255, 255, 255, 1);
    }

.logo-error[b-cjrjnoqh6x] {
    color: #dc3545;
    font-size: 0.8rem;
    margin-top: 0.3rem;
}
/* _content/Zineps/Components/Pages/Settings/ResetPassword.razor.rz.scp.css */



    .card[b-hmc1expgoo] {
        box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.17);
        border-radius: 8px;
        max-width: 500px;
        margin: 50px auto;
    }

    .card-body[b-hmc1expgoo] {
        max-width: 500px;
        margin-left: 0;
    }

    .customInput[b-hmc1expgoo] {
        height: 60px;
        font-size: large;
        color: #424242 !important;
        border: 1px solid #d0d0d0 !important;
        border-radius: 8px;
    }

    .customInput:focus[b-hmc1expgoo] {
        color: #424242 !important;
        border: 1px solid #000 !important;
        border-radius: 8px;
    }

    .customInput[b-hmc1expgoo]::placeholder {
        font-size: large;
        color: #424242 !important;
    }

    .customInputTitle[b-hmc1expgoo] {
        color: #424242;
        font-size: 17px;
        font-weight: 500;
        margin-bottom: 15px;
        display: flex;
        gap: .25rem;
        align-items: center;
    }

    .primaryButton[b-hmc1expgoo] {
        color: #fff;
        background-color: #70CAB9;
        height: 60px;
        border-radius: 8px;
        font-size: 18px;
    }

    .form-group[b-hmc1expgoo] {
        margin-top: 40px !important;
    }

    .validation-summary-errors ul[b-hmc1expgoo] {
        list-style: none;
        padding: 0;
    }

    .validation-summary-errors ul li[b-hmc1expgoo] {
        text-align: center;
        font-size: 14px;
        font-weight: 500;
        background-color: #fff7f6;
        padding: 3px;
        border-radius: 5px;
    }

    input:-webkit-autofill[b-hmc1expgoo],
    input:-webkit-autofill:focus[b-hmc1expgoo] {
        transition: background-color 600000s 0s, color 600000s 0s;
    }

    .form-control:focus[b-hmc1expgoo] {
        border: 1px solid #000;
    }

    .validation-summary-errors[b-hmc1expgoo] {
        margin-top: 12px;
    }

    .validation-summary-errors ul[b-hmc1expgoo] {
        list-style: none;
        padding: 0;
    }

    .validation-summary-errors ul li[b-hmc1expgoo] {
        text-align: center;
        font-size: 12px;
        font-weight: 500;
        background-color: #fff7f6;
        padding: 3px;
        border-radius: 5px;
    }

    .footer-div[b-hmc1expgoo] {
        padding: 10px;
        justify-content: space-between;
        align-items: center;
        font-size: 15px;
        color: #888;
        width: 100%;
    }

    .footer-div a[b-hmc1expgoo] {
        color: #888;
        text-decoration: none;
    }

    .footer-div a:hover[b-hmc1expgoo] {
        text-decoration: underline;
    }
/* _content/Zineps/Components/Pages/Settings/ScanGoSettings.razor.rz.scp.css */
.scan-go-settings-outer[b-ssixrsm21a] {
    padding: 1.25rem;
    background-color: #fff;
    border-radius: 8px;
}

.scan-go-settings-page[b-ssixrsm21a] {
    max-width: 44rem;
}

.scan-go-settings-option[b-ssixrsm21a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0.65rem 0.75rem;
    border-radius: 8px;
    border: 1px solid #eee;
    transition: background 0.15s ease, border-color 0.15s ease;
    margin: 0;
    font-size: 0.9375rem;
    color: #424242;
    line-height: 1.4;
}

.scan-go-settings-option:hover[b-ssixrsm21a] {
    background: #fafafa;
    border-color: #e0e0e0;
}

.scan-go-settings-toggle[b-ssixrsm21a] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.scan-go-settings-toggle .custom-switch[b-ssixrsm21a] {
    flex-shrink: 0;
}

.scan-go-settings-option-description[b-ssixrsm21a] {
    display: block;
    color: #6c757d;
    font-size: 0.8125rem;
    margin-top: 0.2rem;
}

.scan-go-settings-actions[b-ssixrsm21a] {
    margin-top: 1.5rem;
    padding-top: 0.25rem;
}

@media (max-width: 576px) {
    .scan-go-settings-option[b-ssixrsm21a] {
        align-items: flex-start;
        flex-direction: column;
    }

    .scan-go-settings-toggle[b-ssixrsm21a] {
        align-self: flex-end;
    }
}
/* _content/Zineps/Components/Pages/Settings/Settings.razor.rz.scp.css */
    .settings-container[b-nl2481djox] {
        display: flex;
        gap: 2rem;
        min-height: calc(100vh - 200px);
        min-width: 0;
        background: #f8f9fa;
        border-radius: 12px;
        padding: 2rem;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }

    .settings-sidebar[b-nl2481djox] {
        width: 280px;
        flex-shrink: 0;
        background: white;
        border-radius: 8px;
        padding: 1.5rem;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        border-right: 2px solid #e9ecef;
    }

    .settings-content[b-nl2481djox] {
        flex: 1;
        min-width: 0;
        background: white;
        border-radius: 8px;
        padding: 2rem;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        position: relative;
    }



    .setting-tile[b-nl2481djox] {
        cursor: pointer;
        transition: all 0.2s ease;
        border-radius: 8px;
        margin-bottom: 0.75rem;
        border: 2px solid transparent;
    }

    .setting-tile:hover[b-nl2481djox] {
        background: #f8f9fa;
        transform: translateX(4px);
        border-color: #424242;
    }

    .setting-tile.active[b-nl2481djox] {
        background: #e7fffb;
        border-color: #424242;
        box-shadow: 0 2px 8px rgba(0,123,255,0.15);
    }

    .setting-icon[b-nl2481djox] {
        color: #424242;
        font-size: 1.1rem;
        margin-right: 0.75rem;
    }

    .setting-title[b-nl2481djox] {
        font-weight: 500;
        color: #495057;
        margin: 0;
        font-size: 0.95rem;
    }

    .sidebar-title[b-nl2481djox] {
        font-size: 1.25rem;
        font-weight: 600;
        color: #212529;
        margin-bottom: 1.5rem;
        padding-bottom: 0.75rem;
        border-bottom: 2px solid #e9ecef;
    }

    .content-header[b-nl2481djox] {
        margin-bottom: 2rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid #dee2e6;
    }

    .content-title[b-nl2481djox] {
        font-size: 1.5rem;
        font-weight: 600;
        color: #212529;
        margin: 0;
    }

    .content-subtitle[b-nl2481djox] {
        color: #6c757d;
        margin-top: 0.5rem;
        font-size: 0.9rem;
    }
/* _content/Zineps/Components/Pages/Settings/SubscriptionService.razor.rz.scp.css */
.subscription-title[b-iq9vqsxoaq] {
    color: #000;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 3px;
}
/* _content/Zineps/Components/Pages/Settings/TicketSettings.razor.rz.scp.css */
.settings-outer[b-5ez9vn3r3w] {
    padding: 1.25rem;
    background-color: #fff;
    border-radius: 8px;
}

.order-settings-page[b-5ez9vn3r3w] {
    max-width: 44rem;
}

.order-settings-page-title[b-5ez9vn3r3w] {
    color: #424242;
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0 0 0.35rem 0;
    line-height: 1.25;
}

.order-settings-page-lead[b-5ez9vn3r3w] {
    color: #686868;
    font-size: 0.9375rem;
    margin: 0 0 1.5rem 0;
    line-height: 1.45;
}

.order-settings-stack[b-5ez9vn3r3w] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.order-settings-card[b-5ez9vn3r3w] {
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    background: #fff;
    padding: 1.15rem 1.25rem 1.25rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.order-settings-card-title[b-5ez9vn3r3w] {
    color: #2c2c2c;
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 0.35rem 0;
    line-height: 1.3;
}

.order-settings-card-hint[b-5ez9vn3r3w] {
    color: #6c757d;
    font-size: 0.8125rem;
    margin: 0 0 1rem 0;
    line-height: 1.45;
}

.order-settings-options[b-5ez9vn3r3w] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.order-settings-option[b-5ez9vn3r3w] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    padding: 0.65rem 0.75rem;
    border-radius: 8px;
    border: 1px solid #eee;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
    margin: 0;
    font-size: 0.9375rem;
    color: #424242;
    line-height: 1.4;
}

.order-settings-option:hover[b-5ez9vn3r3w] {
    background: #fafafa;
    border-color: #e0e0e0;
}

.order-settings-option[b-5ez9vn3r3w]  input {
    margin-top: 0.2rem;
    flex-shrink: 0;
    accent-color: var(--primarycolor, #70cab9);
}

/* Neutral note block — paragraphs use .order-settings-card-hint (same as section hints) */
.order-settings-callout[b-5ez9vn3r3w] {
    border: 1px solid #e9ecef;
    border-radius: 8px;
    background: #f8f9fa;
    padding: 0.75rem 0.875rem;
    margin-bottom: 1rem;
}

.order-settings-callout .order-settings-card-hint[b-5ez9vn3r3w] {
    margin-bottom: 0.5rem;
}

.order-settings-callout .order-settings-card-hint:last-child[b-5ez9vn3r3w] {
    margin-bottom: 0;
}

.order-settings-callout__link[b-5ez9vn3r3w] {
    color: #424242;
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.order-settings-callout__link:hover[b-5ez9vn3r3w] {
    color: #2c2c2c;
}

.order-settings-actions[b-5ez9vn3r3w] {
    margin-top: 1.5rem;
    padding-top: 0.25rem;
}
/* _content/Zineps/Components/Pages/Support/NewTicketPopup.razor.rz.scp.css */
p[b-lju4vh04ft] {
        margin-bottom: 0;
    }

    .product-carrier-logo[b-lju4vh04ft] {
        max-height: 40px;
        max-width: 80px;
        height: auto;
        width: auto;
        object-fit: contain;
    }

    .unread[b-lju4vh04ft] {
        font-weight: 600;
    }

    .read[b-lju4vh04ft] {
        font-style: italic;
        color: #808080;
    }

    .information-danger-icon[b-lju4vh04ft] {
        margin-top: 4px;
    }
/* _content/Zineps/Components/Pages/Support/TicketDetails.razor.rz.scp.css */
.chat-bar[b-8h3y0yhlt6] {
    bottom: 0.1rem;
    position: sticky;
    background-color: var(--backgroundcolor);
    width: 100%;
    margin-top: auto;
    margin-bottom: 0;
}

.conversation-window[b-8h3y0yhlt6] {
    flex-grow: 1;
    overflow-y: auto;
    height: 0;
    align-content: start;
}

/* Matches PartnerHome empty state (Partner panel) */
.ticket-conversation-empty[b-8h3y0yhlt6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    width: 100%;
    text-align: center;
    gap: 0.1rem;
    padding: 0.2rem 0.15rem;
    min-height: 1.2rem;
}

    .ticket-conversation-empty .empty-state-description[b-8h3y0yhlt6] {
        font-size: 0.875rem;
        color: #6c757d;
        margin: 0;
        max-width: 400px;
        line-height: 1.45;
    }

    .ticket-conversation-empty img[b-8h3y0yhlt6] {
        opacity: 0.85;
    }

/* Carrier tab: explain e-mail + shared visibility (merchant / partner / admin) */
.ticket-carrier-channel-hint[b-8h3y0yhlt6] {
    font-size: 0.8125rem;
    line-height: 1.45;
    color: #495057;
    background: #f1f3f5;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    padding: 0.65rem 0.85rem;
    margin-top: 0.35rem;
}

.ticket-carrier-channel-hint--locked[b-8h3y0yhlt6] {
    background: #fff8e6;
    border-color: #e6d2a2;
    color: #664d03;
}

/* Right column: ticket sidebar (aligned with partner panel cards) */
.ticket-sidebar-card[b-8h3y0yhlt6] {
    min-height: 0;
}

    .ticket-sidebar-card[b-8h3y0yhlt6]  .zineps-card-content {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
    }

    .ticket-sidebar-card[b-8h3y0yhlt6]  .zineps-card-footer-base.ticket-sidebar-footer {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        padding-top: 1rem;
        gap: 0.5rem;
    }

.ticket-sidebar-fields[b-8h3y0yhlt6] {
    width: 100%;
}

.ticket-sidebar-meta[b-8h3y0yhlt6] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.ticket-sidebar-meta-label[b-8h3y0yhlt6] {
    font-size: 0.8125rem;
    color: #868e96;
    font-weight: 500;
}

.ticket-sidebar-meta-value[b-8h3y0yhlt6] {
    font-size: 0.9375rem;
    color: #424242;
}

.ticket-sidebar-readonly[b-8h3y0yhlt6] {
    font-size: 0.9375rem;
    color: #424242;
}

.ticket-sidebar-file-block[b-8h3y0yhlt6] {
    border: 1px solid #e9ecef;
    border-radius: 8px;
    background: #f8f9fa;
    padding: 0.75rem 0.875rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.ticket-sidebar-file-label[b-8h3y0yhlt6] {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #6c757d;
}

.ticket-sidebar-file-value[b-8h3y0yhlt6] {
    font-size: 0.875rem;
    color: #212529;
    line-height: 1.4;
    word-break: break-word;
}

.ticket-details-order-card[b-8h3y0yhlt6] {
    margin-bottom: 0.2rem;
}

.ticket-details-order-card[b-8h3y0yhlt6]  .zineps-card {
    margin: 0;
}

.ticket-details-order-card[b-8h3y0yhlt6]  .zineps-card-body {
    padding: 1.25rem 1.5rem;
}

.ticket-details-order-card[b-8h3y0yhlt6]  .info-section {
    padding: 0.9rem;
}

@media (max-width: 1200px) {
    .ticket-details-order-card[b-8h3y0yhlt6] {
        margin-bottom: 0.2rem;
    }

    .ticket-details-order-card[b-8h3y0yhlt6]  .zineps-card-body {
        padding: 1rem 1.25rem;
    }

    .ticket-details-order-card[b-8h3y0yhlt6]  .info-section {
        padding: 0.8rem;
    }
}

@media (max-width: 768px) {
    .ticket-details-order-card[b-8h3y0yhlt6] {
        margin-bottom: 0.15rem;
    }

    .ticket-details-order-card[b-8h3y0yhlt6]  .zineps-card-body {
        padding: 0.75rem 0.85rem;
    }

    .ticket-details-order-card[b-8h3y0yhlt6]  .info-section {
        padding: 0.5rem;
    }
}

@media (max-width: 576px) {
    .ticket-details-order-card[b-8h3y0yhlt6] {
        margin-bottom: 0.1rem;
        overflow-x: auto;
        max-height: 300px;
        overflow-y: auto;
    }

    .ticket-details-order-card[b-8h3y0yhlt6]  .zineps-card-body {
        padding: 0.6rem 0.7rem;
        min-width: 600px;
    }

    .ticket-details-order-card[b-8h3y0yhlt6]  .info-section {
        padding: 0.4rem;
    }
    
    /* Add scrollbar styling for better UX */
    .ticket-details-order-card[b-8h3y0yhlt6]::-webkit-scrollbar {
        height: 6px;
        width: 6px;
    }
    
    .ticket-details-order-card[b-8h3y0yhlt6]::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 3px;
    }
    
    .ticket-details-order-card[b-8h3y0yhlt6]::-webkit-scrollbar-thumb {
        background: #c1c1c1;
        border-radius: 3px;
    }
    
    .ticket-details-order-card[b-8h3y0yhlt6]::-webkit-scrollbar-thumb:hover {
        background: #a8a8a8;
    }
}

@media (max-width: 480px) {
    .ticket-details-order-card[b-8h3y0yhlt6] {
        margin-bottom: 0.1rem;
        max-height: 250px;
    }

    .ticket-details-order-card[b-8h3y0yhlt6]  .zineps-card-body {
        padding: 0.5rem 0.6rem;
        min-width: 550px;
    }

    .ticket-details-order-card[b-8h3y0yhlt6]  .info-section {
        padding: 0.3rem;
    }
}

@media (max-width: 380px) {
    .ticket-details-order-card[b-8h3y0yhlt6] {
        margin-bottom: 0.1rem;
        max-height: 220px;
    }

    .ticket-details-order-card[b-8h3y0yhlt6]  .zineps-card-body {
        padding: 0.4rem 0.5rem;
        min-width: 500px;
    }

    .ticket-details-order-card[b-8h3y0yhlt6]  .info-section {
        padding: 0.25rem;
    }
}
/* _content/Zineps/Components/Pages/Support/Tickets.razor.rz.scp.css */
p[b-cro4kku7lf] {
    margin-bottom: 0;
}

.product-carrier-logo[b-cro4kku7lf] {
    max-height: 40px;
    max-width: 80px;
    height: auto;
    width: auto;
    object-fit: contain;
}

.unread[b-cro4kku7lf] {
    font-weight: 600;
}

.read[b-cro4kku7lf] {
    font-style: italic;
    color: #808080;
}

.information-danger-icon[b-cro4kku7lf] {
    margin-top: 4px;
}
/* _content/Zineps/Components/Shipments/ShipmentDraftsTab.razor.rz.scp.css */
/* Match Orders / All labels tab header search (Orders.razor .searchbox / .searchfieldbox) */
.shipment-drafts-header-row[b-8cx5aq725h] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.shipment-drafts-title[b-8cx5aq725h] {
    flex: 0 1 auto;
}

.shipment-drafts-searchbox[b-8cx5aq725h] {
    justify-content: flex-end;
    flex: 1 1 auto;
    min-width: 0;
}

.shipment-drafts-searchbox .searchfieldbox[b-8cx5aq725h] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-right: 0;
}

@media (max-width: 768px) {
    .shipment-drafts-searchbox[b-8cx5aq725h] {
        justify-content: stretch;
        width: 100%;
    }

    .shipment-drafts-searchbox .searchfieldbox[b-8cx5aq725h] {
        width: 100%;
    }

    .shipment-drafts-searchbox .customSearchContainer[b-8cx5aq725h] {
        width: 100%;
        max-width: none;
    }
}

/* Match partner shipping rates action column (ShippingRatesOverview.razor.css) */
.action-cell[b-8cx5aq725h] {
    display: flex;
    align-items: center;
}
/* _content/Zineps/Components/Ui/Analytics/AnalyticsValueCard.razor.rz.scp.css */
p[b-ze10lxf3wu] {
    margin-bottom: 0;
}

h1[b-ze10lxf3wu] {
    margin-bottom: 0;
}
/* _content/Zineps/Components/Zineps/ZinepsButton.razor.rz.scp.css */
button[b-ykybdb1vie] {
    position: relative;
    transition: transform 0.3s ease, margin 0.3s ease;
    border: none;
    width: fit-content;
    border-radius: 5px;
    max-width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    button:hover[b-ykybdb1vie] {
        filter: none;
    }

    button:active[b-ykybdb1vie] {
        box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.2);
    }

    button:disabled[b-ykybdb1vie] {
        filter: grayscale(80%);
    }

    button:disabled:hover[b-ykybdb1vie] {
        filter: grayscale(80%);
    }

.primary-button[b-ykybdb1vie] {
    padding: 0 1.5rem;
    color: var(--secondarytext);
    background-color: var(--primarycolor);
}
    .primary-button:hover[b-ykybdb1vie] {
        filter: none;
    }

    .primary-button:active[b-ykybdb1vie] {
        box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
    }

.secondary-button[b-ykybdb1vie] {
    padding: 0 1rem;
    background-color: var(--elementcolor);
    color: var(--primarytext);
    border: 1px solid rgb(237, 237, 237);
}

.no-background-button[b-ykybdb1vie] {
    background: none;
    color: var(--primarytext);
    border: 1px solid rgb(237, 237, 237);
}

.uppercase[b-ykybdb1vie] {
    text-transform: uppercase;
}

.loader[b-ykybdb1vie] {
    display: inline-block;
    border: 2px solid var(--elementcolor);
    border-top: 2px solid var(--primarycolor);
    border-radius: 50%;
    width: 24px;
    height: 24px;
    animation: spin-b-ykybdb1vie 1s linear infinite;
    position: absolute;
}

@keyframes spin-b-ykybdb1vie {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.check-icon[b-ykybdb1vie] {
    color: var(--elementcolor);
    font-size: 24px;
    position: absolute;
    opacity: 0;
    transform: scale(0);
    animation: check-grow-b-ykybdb1vie 2s ease-out forwards;
}

@keyframes check-grow-b-ykybdb1vie {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    15% {
        transform: scale(1.4);
        opacity: 1;
    }

    25% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.zineps-button-icon[b-ykybdb1vie] {
    padding: 0;
    cursor: pointer;
    position: relative;
}

.icon[b-ykybdb1vie] {
    padding: 0;
    width: 45px;
    height: 45px;
    cursor: pointer;
    position: relative;
    background-color: var(--primarycolor);
    border: 1px solid rgb(237, 237, 237);
}

.icon-only[b-ykybdb1vie] {
    padding: 0;
    width: 2rem;
    font-size: 1.2rem;
    height: 2rem;
    cursor: pointer;
    position: relative;
}

.text-only[b-ykybdb1vie] {
    background: none;
    box-shadow: none;
}

    .text-only:active[b-ykybdb1vie] {
        box-shadow: none;
    }

.text-button[b-ykybdb1vie] {
    padding: 0 1rem;
    background: none;
    color: var(--primarytext);
    border: 1px solid var(--element-highlight);
}

    .text-button:hover[b-ykybdb1vie] {
        filter: none;
    }

    .text-button:active[b-ykybdb1vie] {
        box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
    }

.icon-button[b-ykybdb1vie] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    border: 1px solid #e7e9ee;
    background: #fff;
    cursor: pointer;
    transition: background-color .2s ease, box-shadow .2s ease, border-color .2s ease;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem;
}

.icon-button i[b-ykybdb1vie] {
    font-size: 1rem;
    line-height: 1;
}

.icon-button:hover[b-ykybdb1vie] {
    background: #fff;
    border-color: #e7e9ee;
    box-shadow: none;
}

.button-border[b-ykybdb1vie] {
    border: 1px solid rgb(237, 237, 237);
}

.danger-button[b-ykybdb1vie] {
    background-color: var(--danger-color);
}

.primary-danger-button[b-ykybdb1vie] {
    background-color: var(--danger-color);
    color: white;
    border: 1px solid var(--danger-color);
    padding: 0 0.9rem;
}

.danger-button-outline[b-ykybdb1vie] {
    background: transparent;
    color: var(--danger-color);
    border: solid 1px var(--danger-color);
    padding: 0 0.9rem;
}

.outlined-primary[b-ykybdb1vie] {
    border: solid 1px var(--primarycolor);
    padding: 0 1rem;
    background-color: var(--elementcolor);
    color: var(--primarycolor);
}

.primary-text-only[b-ykybdb1vie] {
    background: none;
    color: var(--primarycolor);
    padding: 0 1rem;
    font-size: 18px;
    font-weight: 500;
}

.small-icon-button[b-ykybdb1vie] {
    border-radius: 7px;
    width: 37px;
    height: 37px;
}
/* _content/Zineps/Components/Zineps/ZinepsButtonBar.razor.rz.scp.css */
.zineps-buttonbar[b-ta2vd1svaf] {
    display: flex;
    margin-bottom: 1rem;
    width: 100%;
}

.zineps-buttonbar-container[b-ta2vd1svaf] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    width: auto !important;
    justify-content: space-evenly;
    flex-wrap: nowrap;
    background-color: #fbfbfb;
    border-radius: 5px;
    padding: 2px 2px;
}

.zineps-buttonbar-tab[b-ta2vd1svaf] {
    padding: 0.5rem 1rem;
    border: none;
    background-color: #fbfbfb;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .zineps-buttonbar-tab:hover[b-ta2vd1svaf] {
        filter: brightness(1.015);
        box-shadow: 0 1px 8px rgba(0,0,0,.1);
    }

.zineps-buttonbar-tab-active[b-ta2vd1svaf] {
    background-color: white;
    box-shadow: 0 4px 8px rgba(0,0,0,.1);
}

.zineps-buttonbar-tab-count[b-ta2vd1svaf] {
    color: #aaaaaa;
    font-size: 0.875rem;
    margin-left: 0.25rem;
}

.zineps-buttonbar-tab-active .zineps-buttonbar-tab-count[b-ta2vd1svaf] {
    color: rgba(255, 255, 255, 0.8);
}

.zineps-buttonbar-tab-error[b-ta2vd1svaf] {
    color: var(--bs-danger, #dc3545);
    margin-left: 4px;
    font-weight: bold;
}
/* _content/Zineps/Components/Zineps/ZinepsCard.razor.rz.scp.css */
.zineps-card[b-5yoz7ctv06] {
    background-color: var(--elementcolor);
    box-shadow: 0 6px 14px 0 #919eab1a;
    position: relative;
    color: var(--primarytext);
    transition: transform 0.3s ease, margin 0.3s ease;
    border: 1px solid rgb(237, 237, 237);
    width: 100%;
    border-radius: 10px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
}

[b-5yoz7ctv06] .zineps-card-header-base {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem .5rem 1.5rem;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

[b-5yoz7ctv06] .zineps-card-content {
    padding: .5rem 1.5rem 1rem 1.5rem;
    border-radius: inherit;
    display: flex;
    flex-direction: column;
    flex: 1;
}

[b-5yoz7ctv06] .zineps-card-footer-base {
    padding: .5rem 1.5rem 1rem 1.5rem;
    border-radius: inherit;
    display: flex;
    gap: .5rem;
}

.end[b-5yoz7ctv06] >  .zineps-card-footer-base {
    justify-content: end;
}

.between[b-5yoz7ctv06] >  .zineps-card-footer-base {
    justify-content: space-between;
}

.hover:hover[b-5yoz7ctv06] {
    transform: translateX(5px);
    filter: brightness(1.2);
}

.hover-y:hover[b-5yoz7ctv06] {
    transform: translateY(-5px);
    box-shadow: 0 6px 20px 0 #919eab1a;
}

.active[b-5yoz7ctv06], .active:hover[b-5yoz7ctv06] {
    transform: translateX(5px);
    filter: brightness(1.5);
}

.transparent[b-5yoz7ctv06]{
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

    .transparent[b-5yoz7ctv06] >  .zineps-card-header-base {
        padding-top: 0;
    }

    [b-5yoz7ctv06] h3 {
        font-weight: 500;
        color: #424242;
        margin: 0;
        line-height: 1.2;
        flex-grow: 1;
    }

.flex-content[b-5yoz7ctv06] >  .zineps-card-content {
    flex-grow: 1;
    align-items: end;
}

.content-only[b-5yoz7ctv06]  .zineps-card-content {
    padding: 1.5rem;
}

.footer-realign[b-5yoz7ctv06] >  .zineps-card-footer-base {
    padding: 0 1.5rem 1.5rem 1.5rem;
}

.image-header[b-5yoz7ctv06] >  .zineps-card-header-base {
    padding: 0;
    height: 120px;
    overflow: hidden;
}

.footer-seperated[b-5yoz7ctv06] >  .zineps-card-footer-base {
    border-top: 1px solid rgb(237, 237, 237);
    padding-top: 1rem;
}

.no-footer[b-5yoz7ctv06] >  .zineps-card-content {
    padding: .5rem 1.5rem 1.5rem 1.5rem;
}

.no-header[b-5yoz7ctv06] >  .zineps-card-content {
    padding: 1.5rem 1.5rem .5rem 1.5rem;
}

.content-only.no-padding[b-5yoz7ctv06] >  .zineps-card-content {
    padding: .8rem;
}
/* _content/Zineps/Components/Zineps/ZinepsConversationBubble.razor.rz.scp.css */

.chat-bubble[b-jrqua31ze0] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.35rem;
    padding: 0.75rem 1rem;
    border-radius: 10px;
    min-height: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.chat-bubble-text[b-jrqua31ze0] {
    display: flex;
    flex-direction: column;
    /* Tighter gap between sender line and date; extra space before meta via iframe-wrap margin */
    gap: 0.3rem;
    overflow: hidden;
    min-height: 0;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    width: 100%;
}

.chat-bubble-text > div[b-jrqua31ze0] {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.chat-bubble-plain[b-jrqua31ze0] {
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: anywhere;
    display: block;
    text-align: start;
}

.chat-message-iframe-wrap[b-jrqua31ze0] {
    width: 100%;
    min-width: 0;
    flex: 0 0 auto;
    align-self: stretch;
    /* Space between message body and sender + date */
    margin-bottom: 0.55rem;
}

.chat-message-iframe[b-jrqua31ze0] {
    width: 100%;
    min-height: 0;
    max-height: none;
    border: none;
    border-radius: 8px;
    overflow: hidden;
    box-sizing: border-box;
    display: block;
    vertical-align: top;
    flex-shrink: 0;
}

/* Muted metadata (sender line + date) — kept lighter than body text */
.chat-bubble-meta[b-jrqua31ze0] {
    color: #606060;
    font-size: 0.75rem;
    line-height: 1.4;
    font-weight: 400;
}

.chat-meta-sender[b-jrqua31ze0] {
    font-weight: 400;
    color: inherit;
}

.chat-bubble-timestamp.chat-bubble-meta[b-jrqua31ze0] {
    color: #606060;
    font-size: 0.6875rem;
}

.chat-bubble.left .chat-bubble-text[b-jrqua31ze0] {
    align-items: stretch;
    text-align: start;
}

.chat-bubble.left .chat-user[b-jrqua31ze0],
.chat-bubble.left .chat-bubble-timestamp[b-jrqua31ze0] {
    text-align: start;
    width: 100%;
    padding-inline-start: 0;
}

.chat-bubble.right .chat-user[b-jrqua31ze0],
.chat-bubble.right .chat-bubble-timestamp[b-jrqua31ze0] {
    text-align: end;
}

.left[b-jrqua31ze0] {
    margin-right: 20%;
    background-color: #f3f3f3;
}

.right[b-jrqua31ze0] {
    margin-left: 20%;
    background-color: #70cab98f;
    text-align: end;
}

/* E-mail copies in the thread (not in-app chat) — clearer hierarchy */
.chat-bubble--email-sent[b-jrqua31ze0],
.chat-bubble--email-received[b-jrqua31ze0] {
    border: 1px solid #d5e8e4;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    margin-top: 0.85rem;
}

.chat-bubble--email-sent.left[b-jrqua31ze0],
.chat-bubble--email-sent.right[b-jrqua31ze0] {
    background: linear-gradient(180deg, #f7fdfb 0%, #eef6f4 100%);
}

.chat-bubble--email-received.left[b-jrqua31ze0],
.chat-bubble--email-received.right[b-jrqua31ze0] {
    background: linear-gradient(180deg, #fafbfc 0%, #f0f2f5 100%);
    border-color: #dce0e6;
}

.chat-email-kind-banner[b-jrqua31ze0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 0.65rem 0;
    padding: 0.45rem 0.6rem;
    border-radius: 8px;
    border: 1px solid rgba(13, 110, 100, 0.2);
    background: rgba(255, 255, 255, 0.65);
}

.chat-bubble--email-received .chat-email-kind-banner[b-jrqua31ze0] {
    border-color: rgba(90, 98, 110, 0.22);
    background: rgba(255, 255, 255, 0.75);
}

.chat-email-kind-icon[b-jrqua31ze0] {
    font-size: 0.8rem;
    color: #0d6e64;
    opacity: 0.95;
}

.chat-bubble--email-received .chat-email-kind-icon[b-jrqua31ze0] {
    color: #5a626e;
}

.chat-carrier-outbound-author[b-jrqua31ze0] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #2b4a62;
    margin: 0 0 0.5rem 0;
    padding: 0 0.1rem;
}

.chat-email-kind-label[b-jrqua31ze0] {
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #0a5c54;
}

.chat-bubble--email-received .chat-email-kind-label[b-jrqua31ze0] {
    color: #4a525e;
}

/* Responsive handling for smaller screens */
@media (max-width: 768px) {
    .chat-bubble[b-jrqua31ze0] {
        padding: 0.65rem 0.85rem;
    }

    .left[b-jrqua31ze0] {
        margin-right: 10%;
    }

    .right[b-jrqua31ze0] {
        margin-left: 10%;
    }
}

@media (max-width: 576px) {
    .chat-bubble[b-jrqua31ze0] {
        padding: 0.5rem 0.75rem;
    }

    .left[b-jrqua31ze0] {
        margin-right: 5%;
    }

    .right[b-jrqua31ze0] {
        margin-left: 5%;
    }
}
/* _content/Zineps/Components/Zineps/ZinepsDataGrid.razor.rz.scp.css */
.zineps-grid-container[b-wgpur1tkhm] {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 0;
}

/* Wrap the header and body in a new container to sync horizontal scrolling */
.zineps-grid-scroll-container[b-wgpur1tkhm] {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.zineps-grid-header[b-wgpur1tkhm] {
    flex: 0 0 auto;
    position: sticky;
    top: 0;
    z-index: 9;
    background-color: white;
    border-bottom: 1px solid #e7e7e7;
    box-sizing: border-box;
    overflow-x: hidden;
}

.zineps-grid-header-row[b-wgpur1tkhm] {
    display: flex;
    min-width: max-content; /* Allow header to expand if content is wider */
}

.zineps-grid-body[b-wgpur1tkhm] {
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: auto; /* Enable horizontal scrolling */
    position: relative;
}

    .zineps-grid-body.loading[b-wgpur1tkhm] {
        min-height: 10rem;
    }

.zineps-grid-row[b-wgpur1tkhm] {
    position: relative;
    display: flex;
    min-width: max-content; /* Allow row to expand if content is wider */
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

    .zineps-grid-row:hover:not(.zineps-loading-row)[b-wgpur1tkhm] {
        background-color: rgba(0, 0, 0, 0.02);
    }

[b-wgpur1tkhm] .zineps-grid-cell {
    padding: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    flex: 1 1 0;
    min-width: 0;
}

[b-wgpur1tkhm] .zineps-grid-header-cell {
    padding: 8px;
    font-weight: 550;
    display: flex;
    align-items: center;
    flex: 1 1 0;
    min-width: 0;
}

    [b-wgpur1tkhm] .zineps-grid-cell *,
    [b-wgpur1tkhm] .zineps-grid-header-cell * {
        word-wrap: break-word;
        overflow-wrap: break-word;
        word-break: break-all;
        white-space: normal;
        hyphens: auto;
    }

.zineps-grid-empty[b-wgpur1tkhm] {
    padding: 16px;
    text-align: center;
    width: 100%;
}

.zineps-grid-footer[b-wgpur1tkhm] {
    flex: 0 0 auto;
    width: 100%;
    border-top: 1px solid #eee;
    background-color: #fff;
    box-shadow: 0 -4px 14px -6px rgba(0, 0, 0, 0.12);
}

.zineps-pager-container[b-wgpur1tkhm] {
    display: flex;
    justify-content: flex-end;
    padding: 8px;
}

.zineps-pager[b-wgpur1tkhm] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.zineps-pager-controls[b-wgpur1tkhm] {
    display: flex;
    gap: 0.25rem;
}

.zineps-pager-button[b-wgpur1tkhm] {
    min-width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e0e0e0;
    background-color: white;
    cursor: pointer;
    border-radius: 4px;
}

    .zineps-pager-button.active[b-wgpur1tkhm] {
        background-color: var(--primarycolor, #00a6a6);
        color: white;
        border-color: var(--primarycolor, #00a6a6);
    }

    .zineps-pager-button:disabled[b-wgpur1tkhm] {
        opacity: 0.8;
        cursor: not-allowed;
    }


.zineps-column-title[b-wgpur1tkhm] {
    display: flex;
    flex-direction: row;
}
/* For Chrome and related browsers */
.zineps-grid-body[b-wgpur1tkhm]::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.zineps-grid-body[b-wgpur1tkhm]::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.zineps-grid-body[b-wgpur1tkhm]::-webkit-scrollbar-thumb {
    background: #cecece;
    border-radius: 3px;
}

    .zineps-grid-body[b-wgpur1tkhm]::-webkit-scrollbar-thumb:hover {
        background: #a8a8a8;
    }

/* Loading styles */
.zineps-loading-container[b-wgpur1tkhm] {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 5;
}

/* Allow cells to have specific widths if needed */
[b-wgpur1tkhm] .zineps-grid-cell.fixed-width,
[b-wgpur1tkhm] .zineps-grid-header-cell.fixed-width {
    flex: 0 0 auto;
}

/* Cell sizes */
[b-wgpur1tkhm] .zineps-grid-cell.zineps-small,
[b-wgpur1tkhm] .zineps-grid-header-cell.zineps-small {
    flex: 0 0 80px;
}

[b-wgpur1tkhm] .zineps-grid-cell.medium,
[b-wgpur1tkhm] .zineps-grid-header-cell.medium {
    flex: 0 0 150px;
}

[b-wgpur1tkhm] .zineps-grid-cell.large,
[b-wgpur1tkhm] .zineps-grid-header-cell.large {
    flex: 0 0 250px;
}

/* Collapsible grid styling */
.zineps-grid-expand-container[b-wgpur1tkhm] {
    position: relative;
    display: flex;
    justify-content: center;
    padding: 12px;
}

.zineps-grid-fade-overlay[b-wgpur1tkhm] {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    height: 60px;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 100%);
    pointer-events: none;
}

.zineps-grid-expand-button[b-wgpur1tkhm] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    border: none;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.2s ease;
}

    .zineps-grid-expand-button i[b-wgpur1tkhm] {
        font-size: 12px;
    }

@keyframes fadeIn-b-wgpur1tkhm {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.zineps-loading-container[b-wgpur1tkhm] {
    animation: fadeIn-b-wgpur1tkhm 0.3s ease-in-out;
}

.zineps-grid-checkbox-column[b-wgpur1tkhm] {
    width: 40px;
    min-width: 40px;
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
}

    .zineps-grid-checkbox-column input[type="checkbox"][b-wgpur1tkhm] {
        width: 18px;
        height: 18px;
        cursor: pointer;
    }

.bordered > .zineps-grid-scroll-container > .zineps-grid-header[b-wgpur1tkhm] {
    border: #eee 1px solid;
    padding: .5rem;
    padding-bottom: 0;
    border-radius: 10px 10px 0 0;
    border-bottom: none;
}

.bordered > .zineps-grid-scroll-container > .zineps-grid-body[b-wgpur1tkhm] {
    border: #eee 1px solid;
    border-radius: 0 0 10px 10px;
}

.bordered .zineps-grid-row[b-wgpur1tkhm] {
    padding-left: .5rem;
    padding-right: .5rem;
}

.bordered > .zineps-grid-footer[b-wgpur1tkhm] {
    border-top: none;
}

.scroll-header[b-wgpur1tkhm] {
    padding-right: calc(.5rem + 6px);
}

.bordered > .zineps-grid-scroll-container > .scroll-header[b-wgpur1tkhm] {
    padding-right: calc(.5rem + 6px);
}

/* Left border indicators with different states */
.zineps-grid-row.row-warning[b-wgpur1tkhm]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background-color: #FFA500; /* Orange for warnings */
}

.zineps-grid-row.row-error[b-wgpur1tkhm]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background-color: #F44336; /* Red for errors */
}

.zineps-grid-row.row-info[b-wgpur1tkhm]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background-color: #2196F3; /* Blue for info */
}

.zineps-page-size-dropdown[b-wgpur1tkhm] {
    display: flex;
    align-items: center;
    margin-left: 1rem;
    font-size: 0.9rem;
}

.zineps-page-size-select[b-wgpur1tkhm] {
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    background-color: white;
    cursor: pointer;
    margin-right: 0rem;
    margin-left: 0.5rem;
    min-width: 4rem;
    text-align: center;
}

.zineps-page-size-label[b-wgpur1tkhm] {
    color: #686868;
}

[b-wgpur1tkhm]::selection {
    background-color: rgba(112, 202, 185, 0.3);
    color: inherit;
}

.zineps-grid-row[b-wgpur1tkhm]  p:not(button p, .itemBtn),
.zineps-grid-row[b-wgpur1tkhm]  span:not(button span, .itemBtn) {
    cursor: text;
}

/* Optional mode for pages that should not allow left-right table movement. */
.zineps-grid-container.horizontal-scroll-disabled .zineps-grid-scroll-container[b-wgpur1tkhm],
.zineps-grid-container.horizontal-scroll-disabled .zineps-grid-header[b-wgpur1tkhm],
.zineps-grid-container.horizontal-scroll-disabled .zineps-grid-body[b-wgpur1tkhm] {
    overflow-x: hidden !important;
}

.zineps-grid-container.horizontal-scroll-disabled .zineps-grid-header-row[b-wgpur1tkhm],
.zineps-grid-container.horizontal-scroll-disabled .zineps-grid-row[b-wgpur1tkhm] {
    min-width: 0 !important;
    width: 100%;
}
/* _content/Zineps/Components/Zineps/ZinepsDragDropUpload.razor.rz.scp.css */
.zineps-drag-drop-upload .file-upload-container[b-py7qr9k4aa] {
    position: relative;
    border: 2px dashed #dee2e6;
    border-radius: 8px;
    padding: 2rem;
    text-align: center;
    transition: border-color 0.2s, background-color 0.2s;
    cursor: pointer;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .zineps-drag-drop-upload .file-upload-container:hover[b-py7qr9k4aa] {
        border-color: #0d6efd;
        background-color: #f8f9fa;
    }

    .zineps-drag-drop-upload .file-upload-container.drag-over[b-py7qr9k4aa] {
        border-color: #0d6efd;
        background-color: #e3f2fd;
        border-style: solid;
    }

.zineps-drag-drop-upload .file-input-overlay[b-py7qr9k4aa] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.zineps-drag-drop-upload .file-preview[b-py7qr9k4aa] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: #495057;
    font-weight: 500;
}

.zineps-drag-drop-upload .file-placeholder[b-py7qr9k4aa] {
    color: #6c757d;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

    .zineps-drag-drop-upload .file-placeholder i[b-py7qr9k4aa] {
        font-size: 2rem;
        margin-bottom: 0.5rem;
    }

.zineps-drag-drop-upload .remove-file[b-py7qr9k4aa] {
    background: none;
    border: none;
    color: #dc3545;
    cursor: pointer;
    font-size: 1.2rem;
    padding: 0.25rem;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s;
}

    .zineps-drag-drop-upload .remove-file:hover[b-py7qr9k4aa] {
        background-color: #dc3545;
        color: white;
    }

.zineps-drag-drop-upload .form-text[b-py7qr9k4aa] {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color: #6c757d;
}
/* _content/Zineps/Components/Zineps/ZinepsFormInput.razor.rz.scp.css */
.zineps-input-container[b-aab5hctxo6] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.zineps-input-wrapper[b-aab5hctxo6] {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
    border: 1px solid #ced4da;
    border-radius: 8px;
    background-color: var(--elementcolor);
}

.zineps-input-label[b-aab5hctxo6] {
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

.zineps-input[b-aab5hctxo6] {
    flex: 1;
    padding: 10px 0 10px 10px;
    height: 45px;
    border-radius: 8px;
    border: none;
    background-color: var(--elementcolor);
    color: var(--primarytext);
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: 0;
}


.zineps-input-wrapper:focus-within[b-aab5hctxo6] {
    border: 1px solid #898989;
}

.zineps-textarea[b-aab5hctxo6] {
    width: 100%;
    height: 90px;
    padding: 10px;
    border-radius: 8px;
    resize: vertical;
    font-size: 16px;
    font-family: inherit;
    border: 1px solid #ced4da;
    background-color: var(--elementcolor);
    color: var(--primarytext);
}

.zineps-textarea:focus[b-aab5hctxo6] {
    outline: none;
}

.zineps-input-error[b-aab5hctxo6] {
    color: var(--error-text);
    font-size: 0.8rem;
    margin-top: 0.3rem;
}

.background-dark > .zineps-textarea[b-aab5hctxo6], .background-dark > .zineps-input[b-aab5hctxo6] {
    background-color: var(--background-color);
    box-shadow: none;
}

.copy-icon[b-aab5hctxo6], .paperclip-icon[b-aab5hctxo6], .send-icon[b-aab5hctxo6] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    background-color: white;
    width: 2rem;
    border: none;
    cursor: pointer;
    font-size: 18px;
    z-index: 50;
}

.copy-icon:hover[b-aab5hctxo6] {
    color: #000;
}

.read-only[b-aab5hctxo6] {
    color: #b3b6b9;
    cursor: default;
}

.zineps-input-actionmessage[b-aab5hctxo6] {
    opacity: 1;
    animation: fadeOut-b-aab5hctxo6 .5s ease-in-out 1s forwards;
}

@keyframes fadeOut-b-aab5hctxo6 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.searchIcon[b-aab5hctxo6] {
    color: #424242;
    font-size: 20px;
    padding-left: 8px;
}

.loader[b-aab5hctxo6] {
    display: inline-block;
    border: 2px solid var(--elementcolor);
    border-top: 2px solid #424242;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin: auto 0 auto 8px;
    animation: spin-b-aab5hctxo6 1s linear infinite;
}

@keyframes spin-b-aab5hctxo6 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.form-field[b-aab5hctxo6] {
    width: 100%;
    flex: 1;
}

.height-40 > div > input[b-aab5hctxo6] {
    height: 40px;
}

.form-field[b-aab5hctxo6] >  label {
    color: #424242 !important;
    font-size: 14px;
    font-weight: 500;
    text-align: start;
}

.flex-full[b-aab5hctxo6] {
    flex: 1 1;
}

.zineps-input-wrapper.with-unit[b-aab5hctxo6] {
    position: relative;
    display: flex;
    align-items: center;
}

.zineps-input.with-unit-input-right[b-aab5hctxo6] {
    padding-right: 3rem;
}

.zineps-input.with-unit-input-left[b-aab5hctxo6] {
    padding-left: 2.2rem;
}

.zineps-input-wrapper.unit-left .zineps-input-unit[b-aab5hctxo6] {
    left: 0.75rem;
    right: auto;
}

.zineps-input-wrapper.with-unit.unit-left[b-aab5hctxo6] {
    flex-direction: row-reverse !important;
}
/* _content/Zineps/Components/Zineps/ZinepsFormNumeric.razor.rz.scp.css */
.zineps-input-container[b-uw6irimx5x] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.zineps-input-wrapper[b-uw6irimx5x] {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
    border: 1px solid #ced4da;
    border-radius: 8px;
    background-color: var(--elementcolor);
}

.zineps-input-label[b-uw6irimx5x] {
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

.zineps-input[b-uw6irimx5x] {
    flex: 1;
    padding: 10px 0 10px 10px;
    height: 45px;
    border-radius: 8px;
    border: none;
    background-color: var(--elementcolor);
    color: var(--primarytext);
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: 0;
}

    .zineps-input-wrapper:focus-within[b-uw6irimx5x] {
        outline: 1px solid #898989 !important;
    }

.zineps-textarea[b-uw6irimx5x] {
    width: 100%;
    height: 90px;
    padding: 10px;
    border-radius: 8px;
    resize: vertical;
    font-size: 16px;
    font-family: inherit;
    border: 1px solid #ced4da;
    background-color: var(--elementcolor);
    color: var(--primarytext);
}

    .zineps-textarea:focus[b-uw6irimx5x] {
        outline: none;
    }

.zineps-input-error[b-uw6irimx5x] {
    color: var(--error-text);
    font-size: 0.8rem;
    margin-top: 0.3rem;
}

.background-dark > .zineps-textarea[b-uw6irimx5x], .background-dark > .zineps-input[b-uw6irimx5x] {
    background-color: var(--background-color);
    box-shadow: none;
}

.copy-icon[b-uw6irimx5x], .paperclip-icon[b-uw6irimx5x], .send-icon[b-uw6irimx5x] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    background-color: white;
    width: 2rem;
    border: none;
    cursor: pointer;
    font-size: 18px;
    z-index: 50;
}

    .copy-icon:hover[b-uw6irimx5x] {
        color: #000;
    }

.read-only[b-uw6irimx5x] {
    color: #b3b6b9;
    cursor: default;
}

.zineps-input-actionmessage[b-uw6irimx5x] {
    opacity: 1;
    animation: fadeOut-b-uw6irimx5x .5s ease-in-out 1s forwards;
}

@keyframes fadeOut-b-uw6irimx5x {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.searchIcon[b-uw6irimx5x] {
    color: #424242;
    font-size: 20px;
    padding-left: 8px;
}

.loader[b-uw6irimx5x] {
    display: inline-block;
    border: 2px solid var(--elementcolor);
    border-top: 2px solid #424242;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin: auto 0 auto 8px;
    animation: spin-b-uw6irimx5x 1s linear infinite;
}

@keyframes spin-b-uw6irimx5x {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.form-field[b-uw6irimx5x] {
    width: 100%;
    flex: 1;
}

.height-40 > div > input[b-uw6irimx5x] {
    height: 40px;
}

.form-field[b-uw6irimx5x] >  label {
    color: #424242 !important;
    font-size: 14px;
    font-weight: 500;
    text-align: start;
}

.zineps-input-wrapper.with-unit.unit-left[b-uw6irimx5x] {
    flex-direction: row-reverse !important;
}

    .zineps-input-wrapper.unit-left > .zineps-input-unit[b-uw6irimx5x] {
        padding-left: .5rem;
    }
    .zineps-input-wrapper.unit-right > .zineps-input-unit[b-uw6irimx5x] {
        padding-right: .5rem;
    }
/* _content/Zineps/Components/Zineps/ZinepsGrid.razor.rz.scp.css */
div[b-n7e7nyzssn] {
    display: grid;
}
/* _content/Zineps/Components/Zineps/ZinepsGridColumn.razor.rz.scp.css */
.zineps-row[b-o1gtei1n2q] {
    display: flex;
    flex-direction: row;
}

.zineps-column[b-o1gtei1n2q] {
    display: flex;
    flex-direction: column;
}

.end[b-o1gtei1n2q] {
    justify-content: end;
}

.center[b-o1gtei1n2q] {
    justify-content: center;
}
/* _content/Zineps/Components/Zineps/ZinepsInput.razor.rz.scp.css */
.zineps-input-container[b-xfoscyy7l9] {
    display: flex;
    flex-direction: column;
}

.zineps-input-wrapper[b-xfoscyy7l9] {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
    border: 1px solid #ced4da;
    border-radius: 8px;
}

.zineps-input-label[b-xfoscyy7l9] {
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

.zineps-input[b-xfoscyy7l9] {
    flex: 1;
    padding: 10px 0 10px 10px;
    height: 45px;
    border-radius: 8px;
    border: none;
    background-color: var(--elementcolor);
    color: var(--primarytext);
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: 0;
}

    .zineps-input:focus[b-xfoscyy7l9] {
        outline: none;
    }

.zineps-input-wrapper:focus-within[b-xfoscyy7l9] {
    border: 1px solid #898989 !important;
}

.zineps-textarea[b-xfoscyy7l9] {
    width: 100%;
    height: 90px;
    padding: 10px;
    border-radius: 8px;
    resize: vertical;
    font-size: 16px;
    font-family: inherit;
    border: 1px solid #ced4da;
    background-color: var(--elementcolor);
    color: var(--primarytext);
}

    .zineps-textarea:focus[b-xfoscyy7l9] {
        outline: none;
    }

.zineps-input-error[b-xfoscyy7l9] {
    color: var(--error-text);
    font-size: 0.8rem;
    margin-top: 0.3rem;
}

.background-dark > .zineps-textarea[b-xfoscyy7l9], .background-dark > .zineps-input[b-xfoscyy7l9] {
    background-color: var(--background-color);
    box-shadow: none;
}

.copy-icon[b-xfoscyy7l9], .paperclip-icon[b-xfoscyy7l9], .send-icon[b-xfoscyy7l9] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    background-color: white;
    width: 2rem;
    border: none;
    cursor: pointer;
    font-size: 18px;
    z-index: 50;
}

    .copy-icon:hover[b-xfoscyy7l9] {
        color: #000;
    }

    .copy-icon.read-only[b-xfoscyy7l9], .paperclip-icon.read-only[b-xfoscyy7l9], .send-icon.read-only[b-xfoscyy7l9] {
        background-color: #F8F8F8;
    }

.zineps-input.read-only[b-xfoscyy7l9] {
    color: #b3b6b9;
    background-color: #F8F8F8;
    cursor: default;
}

.zineps-input-actionmessage[b-xfoscyy7l9] {
    opacity: 1;
    animation: fadeOut-b-xfoscyy7l9 .5s ease-in-out 1s forwards;
}

@keyframes fadeOut-b-xfoscyy7l9 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.searchIcon[b-xfoscyy7l9] {
    width: 24px;
    height: 24px;
    padding-left: 8px;
    flex-shrink: 0;
    object-fit: contain;
    align-self: center;
}

.loader[b-xfoscyy7l9] {
    display: inline-block;
    border: 2px solid var(--elementcolor);
    border-top: 2px solid #424242;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin: auto 0 auto 8px;
    animation: spin-b-xfoscyy7l9 1s linear infinite;
}

@keyframes spin-b-xfoscyy7l9 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.height-40 > div > input[b-xfoscyy7l9] {
    height: 40px;
}

.form-field[b-xfoscyy7l9] >  label {
    color: #424242 !important;
    font-size: 14px;
    font-weight: 500;
    text-align: start;
}
/* _content/Zineps/Components/Zineps/ZinepsLabel.razor.rz.scp.css */
.zineps-label-top[b-xtg4okl4d5] {
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

.zineps-label-left[b-xtg4okl4d5] {
    margin: auto;
}

.zineps-label-right[b-xtg4okl4d5] {
    margin: auto auto auto .5rem;
    align-self: center;
}

.field-title[b-xtg4okl4d5] {
    color: #424242 !important;
    font-size: 16px;
    text-align: start;
    font-weight: 400;
        font-family: Roboto, sans-serif;
}

.label-sub-text[b-xtg4okl4d5]{
    font-size: 12px;
    color: #828282;
}
/* _content/Zineps/Components/Zineps/ZinepsList.razor.rz.scp.css */
.zineps-table-container[b-dnq9bp5l72] {
    width: 100%;
    overflow: visible;
}

.zineps-table[b-dnq9bp5l72] {
    width: 100%;
    justify-content: space-between;
}

.zineps-list-container[b-dnq9bp5l72] {
    width: 100%;
}

.zineps-table[b-dnq9bp5l72] {
    width: 100%;
    border-collapse: collapse;
}

.zineps-pager-container[b-dnq9bp5l72] {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
}

.zineps-pager[b-dnq9bp5l72] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.zineps-pager-controls[b-dnq9bp5l72] {
    display: flex;
    gap: 0.25rem;
}

.zineps-pager-button[b-dnq9bp5l72] {
    min-width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e0e0e0;
    background-color: white;
    cursor: pointer;
    border-radius: 4px;
}

    .zineps-pager-button.active[b-dnq9bp5l72] {
        background-color: var(--primarycolor, #00a6a6);
        color: white;
        border-color: var(--primarycolor, #00a6a6);
    }

    .zineps-pager-button:disabled[b-dnq9bp5l72] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.sticky[b-dnq9bp5l72] {
    height: calc(100vh - 6rem);
}

    .sticky table[b-dnq9bp5l72] {
        border-collapse: collapse;
        width: 100%;
        overflow-y: auto;
        scroll-snap-type: y mandatory;
    }

.sticky table thead tr th[b-dnq9bp5l72] {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: green;
}

.zineps-table th[b-dnq9bp5l72], .zineps-table td[b-dnq9bp5l72] {
    padding: 8px 16px;
}

tr[b-dnq9bp5l72] {
    scroll-snap-align: start;
}
/* _content/Zineps/Components/Zineps/ZinepsPopup.razor.rz.scp.css */
.zineps-card[b-risuohzcj7] {
    background-color: var(--elementcolor);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    position: relative;
    color: var(--primarytext);
    transition: transform 0.3s ease, margin 0.3s ease;
    border: none;
    width: fit-content;
    border-radius: 10px;
    max-width: 100%;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    padding-bottom: .5rem;
}

.zineps-card-header-base[b-risuohzcj7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem .5rem 1.5rem;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.zineps-card-header-base h3[b-risuohzcj7] {
    margin: 0;
}

.zineps-card-content[b-risuohzcj7] {
    padding: .5rem 1.5rem 1rem 1.5rem;
    border-radius: inherit;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
}

/* Align body text and lists with header/footer left margin */
.zineps-card-content > *[b-risuohzcj7] {
    margin-left: 0;
    margin-right: 0;
}

.zineps-card-content ul[b-risuohzcj7] {
    padding-left: 1.25rem;
    margin-left: 0;
}

.zineps-card-footer-base[b-risuohzcj7] {
    display: flex;
    bottom: 0;
    padding: .5rem 1.5rem 1rem 1.5rem;
    border-radius: inherit;
    display: flex;
    gap: .5rem;
}

.backdrop[b-risuohzcj7] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1015;
}

.fullscreen[b-risuohzcj7] {
    width: calc(100vw - 3rem);
    height: calc(100vh - 3rem);
    position: relative;
}

.end > .zineps-card-footer-base[b-risuohzcj7] {
    justify-content: end;
}

.hover:hover[b-risuohzcj7] {
    transform: translateX(5px);
    filter: brightness(1.2);
}

.active[b-risuohzcj7], .active:hover[b-risuohzcj7] {
    transform: translateX(5px);
    filter: brightness(1.5);
}

.transparent[b-risuohzcj7]{
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.footer-seperated > .zineps-card-footer-base[b-risuohzcj7] {
    border-top: 1px solid rgb(237, 237, 237);
    padding-top: 1rem;
}

.no-footer > .zineps-card-content[b-risuohzcj7] {
    padding: .5rem 1.5rem 1.5rem 1.5rem;
}

.content-only.no-padding > .zineps-card-content[b-risuohzcj7] {
    padding: .8rem;
}
/* _content/Zineps/Components/Zineps/ZinepsRow.razor.rz.scp.css */
.zineps-row[b-zrllpcam01] {
    display: flex;
    flex-direction: row;
}

.zineps-column[b-zrllpcam01] {
    display: flex;
    flex-direction: column;
}

.zineps-reverse-row[b-zrllpcam01] {
    display: flex;
    flex-direction: row-reverse;
}

.zineps-reverse-column[b-zrllpcam01] {
    display: flex;
    flex-direction: column-reverse;
}

.end[b-zrllpcam01] {
    justify-content: end;
}

.center[b-zrllpcam01] {
    justify-content: center;
}

.full[b-zrllpcam01]{
    width: 100%;
}

.between[b-zrllpcam01] {
    justify-content: space-between;
}

.wrap-row[b-zrllpcam01] {
    gap: 1rem;
    flex: 1 1;
    flex-wrap: wrap;
}
/* _content/Zineps/Components/Zineps/ZinepsSelectionBar.razor.rz.scp.css */
.zineps-selection-bar[b-5ktiluyjbk] {
    display: block;
    position: fixed;
    bottom: 40px;
    left: 23%;
    width: 65%;
    z-index: 1000;
    border-radius: 8px;
    box-shadow: 0px 0px 5px #c3c3c3;
    background-color: #fff;
    padding: 0;
}

.zineps-selection-bar-inner[b-5ktiluyjbk] {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
}

.zineps-selection-head[b-5ktiluyjbk] {
    display: flex;
    flex-shrink: 0;
    align-items: stretch;
    min-width: 0;
}

.zineps-selection-info[b-5ktiluyjbk] {
    min-width: 0;
}

/* Right cluster: actions + close — width fits content so the main gap sits between head and first icon (same idea as Open orders / selection-bar). */
.zineps-selection-tail[b-5ktiluyjbk] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    flex: 0 0 auto;
    min-width: 0;
    /* Space between action(s) and the close control so the last action is not flush against the divider */
    gap: 0.75rem;
}

    .zineps-selection-bar-inner[b-5ktiluyjbk]  .zineps-selection-bar-option {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px;
        height: 100%;
        padding: 0 12px;
        width: 90px;
        cursor: pointer;
    }

        .zineps-selection-bar-inner[b-5ktiluyjbk]  .zineps-selection-bar-option > img {
            height: 30px;
            margin-top: 9px;
        }

        .zineps-selection-bar-inner[b-5ktiluyjbk]  .zineps-selection-bar-option > p {
            text-align: center;
            margin-bottom: 10px;
            line-height: 1.4;
        }

.zineps-selection-bar-count[b-5ktiluyjbk] {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 77px;
    min-width: 77px;
    min-height: 100%;
    padding: 18px 21px;
    background-color: #70CAB9;
    color: #fff;
    border-radius: 8px 0px 0px 8px;
}

.zineps-selection-bar-count.zineps-selection-bar-count--lg[b-5ktiluyjbk] {
    min-width: 82px;
}

.zineps-selection-bar-count.zineps-selection-bar-count--xl[b-5ktiluyjbk] {
    min-width: 88px;
    padding-left: 14px;
    padding-right: 14px;
}

.zineps-selection-bar-count > h3[b-5ktiluyjbk] {
    font-size: 28px;
    font-weight: normal;
    color: #fff !important;
    text-align: center;
    line-height: 1.1;
    margin: 0;
    font-variant-numeric: tabular-nums;
}

/* Selection count: smaller type as totals grow (bulk select / large pages). */
.zineps-selection-bar-count > h3.count-digits--md[b-5ktiluyjbk] {
    font-size: 22px;
}

.zineps-selection-bar-count > h3.count-digits--lg[b-5ktiluyjbk] {
    font-size: 17px;
}

.zineps-selection-bar-count > h3.count-digits--xl[b-5ktiluyjbk] {
    font-size: 14px;
}

.zineps-selection-bar-close[b-5ktiluyjbk] {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 4rem;
    min-width: 3.25rem;
    padding: 0.75rem 0;
    border-left: 1px solid #cdcdcd;
    flex: 0 0 auto;
    cursor: pointer;
}

.zineps-selection-bar-close img[b-5ktiluyjbk] {
    display: block;
}

.zineps-selection-options[b-5ktiluyjbk] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: center;
    min-width: 0;
}
/* _content/Zineps/Components/Zineps/ZinepsTooltip.razor.rz.scp.css */
.tooltip-container[b-yhbqbjaho5] {
    position: relative;
    align-items: center;
    display: flex;
    cursor: pointer;
    overflow: visible;
}

.tooltip-box[b-yhbqbjaho5] {
    position: absolute;
    display: inline-block;
    background-color: var(--elementcolor);
    color: var(--primarytext);
    padding: 10px 15px;
    border-radius: 4px;
    white-space: normal !important;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    pointer-events: none;
    height: fit-content;
    max-width: 25rem !important;
    min-width: 200px !important;
    min-height: 40px !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    box-sizing: border-box !important;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
    border: 1px solid #ced4da;
}

.tooltip-box.rate-breakdown-tooltip[b-yhbqbjaho5] {
    max-height: min(70vh, 28rem);
    overflow-y: auto;
    overscroll-behavior: contain;
    pointer-events: auto;
}

.tooltip-box .shipping-rate-undetermined[b-yhbqbjaho5] {
    color: #e67e22;
    font-size: 0.8125rem;
}

.tooltip-text[b-yhbqbjaho5] {
    display: block;
    height: fit-content;
    width: 100%;
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    box-sizing: border-box;
}

.tooltip-container:hover .tooltip-box[b-yhbqbjaho5] {
    opacity: 1;
}

/* Positioning */
.tooltip-box.top[b-yhbqbjaho5] {
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 8px;
}

.tooltip-box.bottom[b-yhbqbjaho5] {
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 8px;
}

.tooltip-box.left[b-yhbqbjaho5] {
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 8px;
}

.tooltip-box.right[b-yhbqbjaho5] {
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 8px;
}

/* Remove transform for fixed positioning to avoid width calculation issues */
.tooltip-box[style*="position: fixed"][b-yhbqbjaho5] {
    transform: none !important;
}