/* Swamp Watch product-wide styles.
   Shared across Swamp Watch pages/components (search, watch list, dossier, etc.).
   Page-specific styling should stay in that component's scoped .razor.css file;
   only promote a style here once it is reused as-is by more than one Swamp Watch page. */

.swamp-watch-pill {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #1f4d2a;
    background: #eaf5ec;
    border: 1px solid #4a9c5d;
    border-radius: 999px;
    padding: 0.15rem 0.55rem;
    line-height: 1.3;
}

.swamp-daily-pill {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--gaslit-blue);
    background: #eaf1fa;
    border: 1px solid var(--gaslit-blue);
    border-radius: 999px;
    padding: 0.15rem 0.55rem;
    line-height: 1.3;
}

.swamp-page-spinner {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    box-sizing: border-box;
    border: 2px solid rgba(196, 30, 58, 0.25);
    border-top-color: var(--gaslit-red);
    border-radius: 50%;
    animation: swamp-page-spin 0.7s linear infinite;
}

@keyframes swamp-page-spin {
    to {
        transform: rotate(360deg);
    }
}