/* bundled from css/modals.css — do not edit */
/* Modal shell and typography */
.modal {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}
.modal.modal--open {
    display: flex;
}
.modal-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
}
.modal-dialog {
    position: relative;
    background: var(--cgo-surface);
    border-radius: var(--cgo-table-radius);
    padding: var(--cgo-space-24);
    max-width: 420px;
    width: 90%;
    box-shadow: var(--cgo-shadow-modal);
}
.modal-dialog--edit {
    max-width: 700px;
    width: 95%;
    padding: var(--cgo-space-32) var(--cgo-space-36);
    box-shadow: var(--cgo-shadow-modal);
}
.modal-dialog--wide {
    max-width: 36rem;
    width: calc(100% - 2rem);
}
.modal-dialog--classify {
    max-width: 56rem;
    width: min(95vw, 56rem);
}
.modal-dialog.modal-dialog--ingest-debug {
    max-width: min(72rem, calc(100vw - var(--cgo-space-24)));
    width: min(96vw, 72rem);
    box-sizing: border-box;
    overflow-x: hidden;
}
.party-classify-modal__body {
    max-height: min(70vh, 32rem);
    overflow-y: auto;
}
.modal-title {
    margin: 0 0 var(--cgo-space-12);
    font-size: var(--cgo-modal-title-font-size);
    font-weight: 600;
    line-height: var(--cgo-modal-title-line-height);
}
.modal-dialog--edit .modal-title {
    padding-bottom: var(--cgo-space-12);
    margin-bottom: var(--cgo-space-20);
    border-bottom: 1px solid var(--cgo-border-muted);
}
.modal-subtitle {
    margin: var(--cgo-space-4) 0 var(--cgo-space-12);
    font-size: var(--cgo-modal-subtitle-font-size);
    font-weight: 400;
    line-height: var(--cgo-modal-subtitle-line-height);
    color: var(--cgo-modal-subtitle-color);
}
.modal-body {
    margin: 0 0 var(--cgo-space-20);
    font-size: var(--cgo-modal-body-font-size);
    line-height: var(--cgo-modal-body-line-height);
    color: var(--cgo-modal-body-color);
}
.modal-prose {
    margin: 0 0 var(--cgo-space-20);
    font-size: var(--cgo-modal-body-font-size);
    line-height: var(--cgo-line-height-relaxed);
    color: var(--cgo-modal-body-color);
    max-height: 70vh;
    overflow-y: auto;
}
.modal-prose p {
    margin: 0 0 var(--cgo-space-12);
}
.modal-prose p:last-child {
    margin-bottom: 0;
}
.modal-prose ul,
.modal-prose ol {
    margin: 0 0 var(--cgo-space-12);
    padding-left: 1.25rem;
}
.modal-prose li {
    margin-bottom: var(--cgo-space-8);
}
.modal-prose li:last-child {
    margin-bottom: 0;
}

.modal-dialog--edit .form-group .cgo-form-label {
    display: block;
    margin-bottom: var(--cgo-space-4);
    font-weight: 600;
    font-size: 0.9rem;
}
.modal-dialog--edit .form-row-title-date {
    display: flex;
    gap: var(--cgo-space-16);
    align-items: flex-end;
}
.modal-dialog--edit .form-row-title-date .form-group:first-child {
    flex: 2;
}
.modal-dialog--edit .form-row-title-date .form-group:last-child {
    flex: 1;
}
@media (max-width: 768px) {
    .modal-dialog--edit .form-row-title-date {
        flex-direction: column;
        align-items: stretch;
    }

    .modal-dialog,
    .modal-dialog--edit,
    .modal-dialog--wide,
    .modal-dialog--classify,
    .modal-dialog--help,
    .modal-dialog.modal-dialog--ingest-debug {
        width: calc(100% - var(--cgo-space-16));
        max-width: none;
        max-height: calc(100dvh - var(--cgo-space-24));
        overflow-x: hidden;
        overflow-y: auto;
        margin: var(--cgo-space-12) auto;
        padding: var(--cgo-space-20);
    }

    .modal-actions {
        flex-wrap: wrap;
    }

    .modal-actions .btn {
        flex: 1 1 auto;
        min-width: 0;
    }
}
.modal-actions {
    display: flex;
    gap: var(--cgo-space-12);
    justify-content: flex-end;
}

/* Proste modale: odstęp między treścią a rzędem przycisków (edit ustawia osobno). */
.modal-dialog:not(.modal-dialog--edit) .modal-actions {
    margin-top: var(--cgo-space-20);
}

.modal-dialog--edit .modal-actions {
    margin-top: var(--cgo-space-24);
}
.modal-actions .btn {
    min-width: 5rem;
}

.modal-dialog--help {
    max-width: 560px;
    width: 92%;
}

.app-help-trigger {
    flex-shrink: 0;
    border-radius: var(--cgo-radius-round);
    font-size: var(--cgo-font-size-body);
    font-weight: 600;
    line-height: 1;
    vertical-align: middle;
}

.letters-form-field-label-row {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--cgo-space-8);
}