/* Shared empty lists and plain-language email history use the existing appyJunto palette. */
.list-empty {
    grid-column: 1 / -1;
    width: 100%;
    padding: 48px 24px;
    text-align: center;
    color: #6881a6;
}
.list-empty-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    margin: 0 auto 20px;
    border-radius: 24px;
    color: #317bf3;
    background: #edf4ff;
    transform: rotate(-5deg);
}
.list-empty-icon svg {
    width: 34px;
    height: 34px;
    transform: rotate(5deg);
}
.list-empty h3 {
    margin: 0 0 10px;
    color: #163864;
    font-size: 1.2rem;
    line-height: 1.4;
}
.list-empty p {
    max-width: 540px;
    margin: 0 auto;
    line-height: 1.65;
    overflow-wrap: anywhere;
}
.table td:has(> .list-empty) {
    padding: 0;
    white-space: normal;
}
.list-empty-panel {
    grid-column: 1 / -1;
}
.mail-status {
    display: inline-flex;
    padding: 7px 12px;
    border-radius: 20px;
    font-weight: 650;
    background: #eef3fa;
    color: #526b90;
}
.mail-status--waiting {
    background: #fff4d9;
    color: #765716;
}
.mail-status--info {
    background: #edf4ff;
    color: #2258a3;
}
.mail-status--success {
    background: #e6f6ee;
    color: #147254;
}
.mail-status--attention {
    background: #fff0e9;
    color: #944625;
}
.mail-history-table td {
    vertical-align: top;
}
.mail-history-table .mail-summary {
    min-width: 190px;
    max-width: 300px;
    white-space: normal;
    line-height: 1.55;
}
.mail-history-table small,
.mail-activity small {
    display: block;
    margin-top: 6px;
    overflow-wrap: anywhere;
}
.mail-activity {
    padding: 18px 0;
    border-bottom: 1px solid #e2ebf9;
}
.mail-activity:last-child {
    border-bottom: 0;
}
.mail-activity p {
    margin: 8px 0 0;
    color: #6881a6;
}
@media (max-width: 600px) {
    .list-empty {
        padding: 36px 20px;
    }
}