﻿
/* Accouncements Card */
.announcements-card {
    background: var(--surface-3);
    box-shadow: var(--shadow-2);
    border: 1px solid rgba(0,0,0,.06);
}

.announcements-logo-wrapper {
    background: var(--surface-1);
    border-radius: var(--radius-md);
    padding: var(--space-2);
    box-shadow: var(--shadow-1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.announcements-logo {
    max-height: 200px;
    object-fit: contain;
}

/* Announcements inner container */
.announcements {
    background: var(--surface-2);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-1);
    padding: var(--space-3);
}

.announce-skeleton {
    padding: var(--space-2) 0;
}

    .announce-skeleton .bar {
        height: 12px;
        border-radius: 6px;
        background: linear-gradient(90deg,#eee,#f5f5f5,#eee);
        animation: shimmer 1.2s infinite;
        margin-bottom: 10px;
    }

        .announce-skeleton .bar.short {
            width: 60%;
        }

@keyframes shimmer {
    0% {
        background-position: -200px 0;
    }

    100% {
        background-position: 200px 0;
    }
}

/* Error state */
.announce-error {
    display: flex;
    gap: .5rem;
    align-items: center;
    background: #fff3cd;
    color: #664d03;
    border: 1px solid #ffecb5;
    border-radius: var(--radius-sm);
    padding: .5rem .75rem;
}

    .announce-error .icon {
        font-size: 1.1rem;
    }

