#coach-dashboard .movara-notification-badge,
#admin-dashboard .movara-notification-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.15rem;
    height: 1.15rem;
    margin-left: .5rem;
    border-radius: 9999px;
    background: #ea580c;
    color: #fff;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1;
    vertical-align: middle;
}

#coach-dashboard .movara-notification-badge[hidden],
#admin-dashboard .movara-notification-badge[hidden],
#admin-notifications [hidden],
#coach-notifications [hidden] {
    display: none;
}

.movara-notification-recipient-search {
    position: relative;
}

.movara-notification-suggestions {
    position: absolute;
    z-index: 20;
    top: calc(100% + .25rem);
    right: 0;
    left: 0;
    max-height: 15rem;
    overflow-y: auto;
    border: 1px solid #d1d5db;
    border-radius: .5rem;
    background: #fff;
    box-shadow: 0 8px 20px rgb(0 0 0 / .1);
}

.movara-notification-suggestions button {
    width: 100%;
    padding: .65rem .75rem;
    text-align: left;
}

.movara-notification-suggestions button:hover,
.movara-notification-suggestions button:focus-visible {
    background: #fff7ed;
    outline: 2px solid #ea580c;
    outline-offset: -2px;
}

.movara-notification-chips {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: .5rem;
}

.movara-notification-chip {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    max-width: 100%;
    padding: .35rem .55rem;
    border: 1px solid #fed7aa;
    border-radius: .5rem;
    background: #fff7ed;
    color: #9a3412;
    font-size: .875rem;
}

.movara-notification-chip button {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
}

.movara-notification-preview {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow-wrap: anywhere;
}

.movara-notification-body {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}