/* Application-level dialog host styles. Loaded globally so they apply to nested
   DevExpress popup/button internals. Selector names mirror the CssClass values
   emitted by Components/AppDialogHost.razor. */
.app-dialog-host {
    position: relative;
}

.dxbl-popup.app-dialog-popup {
    z-index: 2000;
}

.app-dialog-header.dxbl-popup-header {
    font-weight: 600;
    border-bottom: 1px solid var(--ins-border-color, #dee2e6);
}

.app-dialog-body.dxbl-popup-body {
    padding: 1rem 1.25rem;
}

.app-dialog-footer.dxbl-popup-footer {
    border-top: 1px solid var(--ins-border-color, #dee2e6);
    padding: 0.75rem 1.25rem;
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.app-dialog-icon {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}

.app-dialog-title {
    margin: 0 0 0.5rem 0;
    font-size: 1.05rem;
    font-weight: 600;
}

.app-dialog-text {
    margin: 0 0 0.75rem 0;
    line-height: 1.4;
    white-space: pre-wrap;
    word-break: break-word;
}

.app-dialog-input-label {
    display: block;
    margin-bottom: 0.25rem;
    font-weight: 500;
}

.app-dialog-input.dxbl-edit,
.app-dialog-input input {
    width: 100%;
}