.quotation-admin-page .main-title {
        margin: 0;
    }

    .admin-quotation-edit-product-summary {
        border: 1px solid var(--evosoft-admin-border);
        border-radius: var(--evosoft-admin-radius);
        display: grid;
        gap: 4px;
        padding: 12px 14px;
    }

    .admin-quotation-edit-product-summary span,
    .admin-quotation-edit-product-total span {
        color: var(--evosoft-admin-text-secondary);
        font-size: 12.5px;
        font-weight: 600;
    }

    .admin-quotation-edit-product-summary strong,
    .admin-quotation-edit-product-total strong {
        color: var(--evosoft-admin-text);
        font-size: 15px;
        font-weight: 600;
    }

    .admin-quotation-edit-product-grid {
        display: grid;
        gap: 12px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-quotation-edit-product-total {
        align-items: center;
        border-top: 1px solid var(--evosoft-admin-border);
        display: flex;
        justify-content: space-between;
        padding-top: 12px;
    }

    .admin-quotation-progress-dialog .e-dlg-content {
        padding: var(--evosoft-admin-dialog-padding-y) var(--evosoft-admin-dialog-padding-x);
    }

    .admin-quotation-progress-dialog .progress-dialog-content {
        align-items: center;
        display: grid;
        gap: 12px;
        justify-items: center;
        text-align: center;
    }

    .admin-quotation-detail-body {
        display: grid;
        gap: var(--evosoft-admin-section-gap);
    }

    .admin-quotation-section {
        display: grid;
        gap: var(--evosoft-admin-section-gap);
    }

    .admin-quotation-section__header {
        align-items: center;
        display: flex;
        justify-content: space-between;
        min-height: 22px;
    }

    .admin-quotation-section__header h3 {
        color: var(--evosoft-admin-text);
        font-size: 15px;
        font-weight: 600;
        line-height: 1.25;
        margin: 0;
    }

    .admin-quotation-info-grid {
        align-items: end;
        display: grid;
        gap: var(--evosoft-admin-form-gap);
        grid-template-columns: minmax(0, 1fr) 170px 170px;
    }

    .admin-quotation-detail-body > .row {
        margin-top: 0 !important;
        row-gap: 12px;
    }

    .admin-quotation-field {
        display: grid;
        gap: var(--evosoft-admin-label-gap);
        margin: 0;
        min-width: 0;
        width: 100%;
    }

    .admin-quotation-field > span {
        color: var(--evosoft-admin-text-secondary);
        font-size: 12.5px;
        font-weight: 600;
        line-height: 1.2;
    }

    .admin-quotation-dialog .e-grid {
        border: 0;
        width: 100%;
    }

    .admin-quotation-dialog .e-grid .e-headercell,
    .admin-quotation-dialog .e-grid .e-rowcell {
        border-color: var(--evosoft-admin-border);
    }

    .admin-quotation-dialog .e-grid .e-table,
    .admin-quotation-dialog .e-grid table {
        width: 100%;
    }

    .admin-quotation-dialog .product-thumbnail {
        border: 1px solid var(--evosoft-admin-border);
        border-radius: var(--evosoft-admin-radius);
        height: 44px;
        object-fit: cover;
        width: 44px;
    }

    .admin-quotation-popup-cell {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .admin-quotation-customer-picker {
        display: grid;
        gap: 14px;
    }

    .admin-quotation-customer-section {
        background: transparent;
        border: 0;
        border-radius: 0;
        margin: 0;
        padding: 0;
    }

    .admin-quotation-field--span-2 {
        grid-column: span 2;
    }

    .admin-quotation-segment {
        display: inline-flex;
        gap: 8px;
    }

    .admin-quotation-segment .e-btn {
        box-shadow: none !important;
    }

    .admin-quotation-quick-customer {
        border-top: 1px solid #edf2f7;
        padding-top: 16px;
    }

    @media (max-width: 900px) {
        .admin-quotation-info-grid {
            grid-template-columns: 1fr;
        }

        .admin-quotation-field--span-2 {
            grid-column: auto;
        }

    }

/* Quotation detail: record summary, customer context and editing workspace. */
.admin-quotation-detail-dialog .admin-quotation-hero {
    background: #fff;
    border: 1px solid var(--evosoft-admin-border);
    border-left: 3px solid var(--evosoft-admin-primary);
    border-radius: var(--evosoft-admin-radius);
    min-width: 0;
    padding: var(--evosoft-admin-section-padding);
}

.admin-quotation-detail-dialog .admin-quotation-hero__heading {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: space-between;
}

.admin-quotation-detail-dialog .admin-quotation-identity { min-width: 0; }
.admin-quotation-detail-dialog .admin-quotation-identity__line {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin-top: 4px;
}

.admin-quotation-detail-dialog .admin-quotation-identity h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    margin: 0;
    overflow-wrap: anywhere;
}

.admin-quotation-detail-dialog .admin-quotation-detail-label,
.admin-quotation-detail-dialog .admin-quotation-metadata dt,
.admin-quotation-detail-dialog .admin-quotation-customer__details dt {
    color: var(--evosoft-admin-text-secondary);
    font-size: 13px;
    font-weight: 400;
    margin: 0;
}

.admin-quotation-detail-dialog .admin-quotation-value {
    display: grid;
    gap: 4px;
    max-width: 100%;
    text-align: right;
}

.admin-quotation-detail-dialog .admin-quotation-value strong {
    color: var(--evosoft-admin-primary);
    font-size: 24px;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    line-height: 32px;
    overflow-wrap: anywhere;
}

.admin-quotation-detail-dialog .admin-quotation-metadata {
    border-top: 1px solid var(--evosoft-admin-border);
    display: grid;
    gap: 12px 20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 16px 0 0;
    padding-top: 12px;
}

.admin-quotation-detail-dialog .admin-quotation-metadata > div { display: grid; gap: 4px; min-width: 0; }
.admin-quotation-detail-dialog .admin-quotation-metadata dd,
.admin-quotation-detail-dialog .admin-quotation-customer__details dd {
    color: var(--evosoft-admin-text);
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    overflow-wrap: anywhere;
}

.admin-quotation-detail-dialog .admin-quotation-overview {
    align-items: stretch;
    grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr);
}

.admin-quotation-detail-dialog .admin-quotation-section { align-content: start; min-width: 0; }
.admin-quotation-detail-dialog .admin-quotation-section > .e-grid { max-width: 100%; min-width: 0; }
.admin-quotation-detail-dialog .admin-quotation-info-grid { grid-template-columns: minmax(0, 1fr) 150px; }
.admin-quotation-detail-dialog .admin-quotation-customer { gap: 12px; }
.admin-quotation-detail-dialog .admin-quotation-customer__name { font-size: 16px; font-weight: 500; overflow-wrap: anywhere; }
.admin-quotation-detail-dialog .admin-quotation-customer__details {
    display: grid;
    gap: 8px 12px;
    grid-template-columns: 104px minmax(0, 1fr);
    margin: 0;
}

.admin-quotation-detail-dialog .admin-quotation-publication {
    align-items: end;
    border-top: 1px solid var(--evosoft-admin-border);
    display: grid;
    gap: var(--evosoft-admin-form-gap);
    grid-template-columns: minmax(0, 1fr) auto;
    margin-top: 12px;
    padding-top: 12px;
}

.admin-quotation-detail-dialog .admin-quotation-publication .admin-quotation-field {
    margin: 0;
}

body:has(.admin-layout) .admin-quotation-detail-dialog .admin-quotation-publication .admin-quotation-button.e-btn:not(.e-icon-btn):not(.e-tbar-btn) {
    height: var(--evosoft-admin-control-height);
    min-height: var(--evosoft-admin-control-height);
    white-space: nowrap;
}

.admin-quotation-detail-dialog .admin-quotation-publication-note {
    border-top: 1px solid var(--evosoft-admin-border);
    color: var(--evosoft-admin-text-secondary);
    font-size: 13px;
    line-height: 1.45;
    margin: 12px 0 0;
    padding-top: 12px;
}

@media (max-width: 1000px) {
    .admin-quotation-detail-dialog .admin-quotation-overview { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 769px) {
    .admin-quotation-detail-dialog .admin-quotation-metadata { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-quotation-detail-dialog .admin-quotation-info-grid { grid-template-columns: minmax(0, 1fr); }
    .admin-quotation-detail-dialog .admin-quotation-hero__heading { align-items: start; flex-direction: column; }
    .admin-quotation-detail-dialog .admin-quotation-value { text-align: left; }
    .admin-quotation-detail-dialog .admin-quotation-value strong { font-size: 22px; line-height: 30px; }
    .admin-quotation-detail-dialog .admin-quotation-publication { grid-template-columns: minmax(0, 1fr); }
    .admin-quotation-detail-dialog .admin-quotation-publication .admin-quotation-button { justify-self: start; }
}