/* messages.css - wydzielone style aplikacji. */

.notice {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    padding: var(--panel-padding);
    border: 1px solid;
    border-radius: var(--radius);
    box-shadow: var(--shadow);
}

.notice h2 {
    margin: 0;
    font-weight: 950;
}

.notice p {
    margin: .25rem 0 0;
    font-weight: 650;
    line-height: 1.5;
}

.notice-danger {
    border-color: var(--danger);
    background: var(--danger-soft);
    color: var(--danger);
}

.notice-warning {
    border-color: var(--warning);
    background: var(--warning-soft);
    color: var(--warning);
}

.notice-success {
    border-color: var(--success);
    background: var(--success-soft);
    color: var(--success);
}

.import-summary {
    gap: .85rem;
}

.import-details {
    border-top: 1px solid rgba(21, 28, 39, .1);
    padding-top: .75rem;
}

.import-details summary {
    color: inherit;
    font-size: .86rem;
    font-weight: 950;
    cursor: pointer;
}

.compact-warning-list {
    display: grid;
    gap: .45rem;
    max-height: 14rem;
    margin: .75rem 0 0;
    overflow: auto;
    padding: 0 0 0 1.1rem;
    font-size: .84rem;
    font-weight: 700;
    line-height: 1.45;
}

.alert {
    border: 1px solid;
    border-radius: var(--radius);
    padding: var(--space-sm) var(--panel-padding);
    font-weight: 800;
    line-height: 1.45;
}

.alert-success {
    border-color: var(--success);
    background: var(--success-soft);
    color: var(--success);
}

.alert-error {
    border-color: var(--danger);
    background: var(--danger-soft);
    color: var(--danger);
}

.alert-warning {
    border-color: var(--warning);
    background: var(--warning-soft);
    color: var(--warning);
}