{{--
    Styling for the classes used by the enrollment confirmation "body" content — the
    platform-setting-driven HTML shared verbatim between the email and its stored PDF, so the
    PDF renders as an accurate record of what was actually sent. Included by both
    resources/views/mail/enrollment-confirmation.blade.php and
    resources/views/pdf/enrollment-confirmation.blade.php — edit here, not in either caller.
--}}
.greeting {
    font-size: 16px;
    color: #225c54;
    font-weight: 500;
    margin-bottom: 12px;
}
.intro-text {
    color: #3c5c55;
    font-size: 14px;
    margin-bottom: 28px;
}
/* Section heading */
.section-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #b7c958;
    margin-bottom: 10px;
}
/* Product Card */
.product-card {
    background: linear-gradient(135deg, #f8faf3 0%, #eef5ee 100%);
    border: 1px solid #d4e6c3;
    border-left: 4px solid #b7c958;
    border-radius: 6px;
    padding: 20px 24px;
    margin-bottom: 28px;
}
.product-name {
    font-size: 18px;
    font-weight: 600;
    color: #225c54;
    margin: 0 0 4px;
}
.product-supplier {
    font-size: 13px;
    color: #3c5c55;
    margin: 0 0 16px;
}
.product-details {
    display: table;
    width: 100%;
    border-collapse: collapse;
}
.product-detail-row {
    display: table-row;
}
.product-detail-label {
    display: table-cell;
    padding: 5px 12px 5px 0;
    font-size: 12px;
    font-weight: 600;
    color: #5a7a73;
    white-space: nowrap;
    width: 140px;
}
.product-detail-value {
    display: table-cell;
    padding: 5px 0;
    font-size: 13px;
    color: #225c54;
    font-weight: 500;
}
.rate-highlight {
    font-size: 20px;
    font-weight: 700;
    color: #b7c958;
}
/* Summary table */
.summary-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 28px;
    font-size: 13px;
}
.summary-table tr {
    border-bottom: 1px solid #f0f0ea;
}
.summary-table tr:last-child {
    border-bottom: none;
}
.summary-table td {
    padding: 9px 4px;
    vertical-align: top;
}
.summary-table td:first-child {
    color: #5a7a73;
    font-weight: 500;
    width: 45%;
}
.summary-table td:last-child {
    color: #225c54;
    font-weight: 500;
}
/* Info box */
.info-box {
    background-color: #f8f9fa;
    border-radius: 6px;
    border-left: 3px solid #13162f;
    padding: 16px 20px;
    margin-bottom: 28px;
    font-size: 13px;
    color: #3c5c55;
}
.info-box strong {
    color: #13162f;
}
.info-box p {
    margin: 0;
}
/* Divider */
.divider {
    border: none;
    border-top: 1px solid #eaeae4;
    margin: 4px 0 28px;
}
/* CTA */
.cta-section {
    text-align: center;
    margin: 8px 0 28px;
}
.cta-button {
    display: inline-block;
    background-color: #b7c958;
    color: #13162f !important;
    font-size: 14px;
    font-weight: 600;
    padding: 13px 32px;
    border-radius: 30px;
    text-decoration: none;
}