/* QuoteDraftDetailDialog styles */

/* Customer dropdown template styling */
.quote-draft-customer-item {
    color: var(--rz-text-color);
}
.quote-draft-customer-ref {
    color: var(--rz-text-secondary-color);
}
/* Product search autocomplete template styling */
.product-search-item {
    padding: 0.5rem 0;
}
.product-search-name {
    font-weight: 500;
    color: var(--rz-text-color);
}
.product-search-vendor {
    font-size: 0.75rem;
    color: var(--rz-text-secondary-color);
}
.product-search-sku {
    font-size: 0.75rem;
    color: var(--rz-text-tertiary-color);
    font-family: monospace;
}
.product-search-row {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}
.product-search-logo {
    width: 24px;
    height: 24px;
    object-fit: contain;
    border-radius: 4px;
    background: #f8f9fa;
    flex-shrink: 0;
}
.product-search-logo-placeholder {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    background: #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8c96a3;
    flex-shrink: 0;
}
.product-pill {
    display: inline-block;
    padding: 0.08rem 0.34rem;
    border-radius: 999px;
    font-size: 0.56rem;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border: 1px solid transparent;
}
.product-pill-promo { background: var(--rz-info-lighter); color: var(--rz-info-dark); border-color: var(--dalatic-accent-200); }
.product-pill-corporate { background: var(--rz-primary-lighter); color: var(--rz-primary-dark); border-color: var(--dalatic-primary-200); }
.product-pill-addon { background: var(--rz-secondary-lighter); color: var(--rz-secondary-dark); border-color: var(--rz-base-300); }
.product-pill-trial { background: var(--rz-warning-lighter); color: var(--rz-warning-darker); border-color: color-mix(in srgb, var(--rz-warning) 28%, white); }
.quote-item-header {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.6rem;
}
.quote-item-logo {
    width: 28px;
    height: 28px;
    object-fit: contain;
    border-radius: 6px;
    background: #f8f9fa;
    flex-shrink: 0;
}
.quote-item-logo-placeholder {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background: #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8c96a3;
    flex-shrink: 0;
}
.quote-promo-summary {
    margin-top: 0.7rem;
    padding: 0.75rem 0.85rem;
    border-radius: 8px;
    background: #f7f9fc;
    border: 1px solid #dfe6ee;
}
.quote-promo-tier {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.35rem 0.5rem;
    border-radius: 6px;
    background: #fff;
    margin-top: 0.35rem;
    border: 1px solid #e6ebf1;
}
.quote-promo-tier.active {
    background: #edf7f1;
    border: 1px solid #bfe2cc;
}
.quote-promo-headline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    font-size: 0.82rem;
}