body.summary-ready {
    background-color: var(--background-alt-grey, #f4f6f8);
}

.summary-card {
    padding: var(--space-5w, 2rem);
}

.summary-header {
    margin-bottom: var(--space-5w, 2rem);
}

.summary-status {
    color: var(--text-default-success, #18753c);
    font-weight: 600;
    margin-bottom: 0;
}

.summary-date {
    color: var(--text-mention-grey, #666666);
}

.summary-section + .summary-section {
    margin-top: var(--space-6w, 2.5rem);
}

.summary-definition-list {
    display: grid;
    grid-template-columns: minmax(14rem, 30%) 1fr;
    gap: var(--space-2w, 0.75rem) var(--space-3w, 1rem);
    margin: 0;
}

.summary-definition-list dt {
    font-weight: 600;
}

.summary-definition-list dd {
    margin: 0;
}

.validated-rules-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: var(--space-2w, 0.75rem);
}

.signature-section {
    border-top: 1px solid var(--border-default-grey, #d8d8d8);
    padding-top: var(--space-4w, 1.5rem);
}

.signature-wrapper {
    display: grid;
    gap: var(--space-3w, 1rem);
}

.signature-field {
    display: flex;
    flex-direction: column;
    gap: var(--space-1w, 0.5rem);
}

.signature-label {
    font-weight: 600;
}

.signature-line {
    display: block;
    border-bottom: 2px solid var(--border-default-grey, #d8d8d8);
    min-height: 2.75rem;
}

.signature-line--large {
    min-height: 3.5rem;
}

.rule-note-cell {
    white-space: pre-wrap;
}

.rule-note-placeholder {
    color: var(--text-mention-grey, #6a6a6a);
    font-style: italic;
}

.product-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.product-item-body {
    display: grid;
    gap: var(--space-3w, 1rem);
}

.product-item-body .fr-input-group:last-child {
    margin-bottom: 0;
}

.screen-only {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@media print {
    .screen-only {
        display: none !important;
    }

    body {
        background: #ffffff;
    }

    .summary-card {
        box-shadow: none;
    }
}
