/* Shared contract for new DxPopup modals. SizeModeContainer supplies the user's
   size cascade; DevExpress supplies live appearance and accent variables. */
.adh-themed-modal {
    --adh-modal-accent: var(--dxbl-accent-color, var(--dxds-primary-90, #27809b));
}

/* Questions-modal treatment, with paired title and close-button colours.
   Darkening both gradient stops retains contrast for pale custom accents. */
.adh-themed-modal:not(.jemi-contract-modal) .dxbl-modal-header {
    --dxbl-popup-header-color: #fff;
    --dxbl-popup-header-btn-color: #fff;
    --dxbl-popup-header-btn-hover-color: #fff;
    --dxbl-popup-header-btn-hover-bg: rgba(255, 255, 255, .15);
    --dxbl-popup-header-btn-outline-color: #fff;
    color: #fff;
    background-color: #20313a;
    background-image: linear-gradient(135deg,
        color-mix(in srgb, var(--adh-modal-accent) 38%, #20313a),
        color-mix(in srgb, var(--adh-modal-accent) 58%, #20313a));
    border-bottom: .22em solid var(--adh-modal-accent);
}

.adh-modal-heading { display: grid; gap: .2em; }
.adh-modal-eyebrow { display: block; font-size: .78em; font-weight: 600; letter-spacing: .04em; }
.adh-modal-heading .adh-modal-eyebrow { opacity: .85; }
.adh-modal-title { font-size: 1.1em; font-weight: 650; }

.adh-themed-modal .dxbl-modal-title {
    color: inherit;
    font: inherit;
}

.adh-themed-modal .dxbl-modal-body {
    font-family: var(--dxbl-popup-body-font-family);
    font-size: var(--dxbl-popup-body-font-size);
    line-height: var(--dxbl-popup-body-line-height);
    color: var(--dxbl-popup-body-color);
    background: var(--dxbl-popup-body-bg);
    overflow-wrap: anywhere;
}

.adh-themed-modal :is(table, label, p) {
    font-size: inherit;
    line-height: inherit;
}

.adh-themed-modal .dxbl-modal-footer {
    flex-wrap: wrap;
    gap: .5em;
}

.adh-themed-modal .adh-modal-table-scroll { overflow: auto; }
.adh-themed-modal table { width: 100%; border-collapse: collapse; }
.adh-themed-modal :is(th, td) {
    text-align: start;
    vertical-align: top;
    padding: .75em;
    border-bottom: 1px solid var(--dxbl-popup-border-color);
}