:root {
    --firebase-dev-ink: #083a34;
    --firebase-dev-surface: rgba(236, 253, 245, 0.96);
    --firebase-dev-accent: #f59e0b;
    --firebase-dev-border: rgba(13, 148, 136, 0.34);
}

.firebase-migration-badge {
    position: fixed;
    inset-inline-start: 1rem;
    bottom: 1rem;
    z-index: 100000;
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    column-gap: 0.5rem;
    min-width: 9.5rem;
    padding: 0.62rem 0.8rem;
    color: var(--firebase-dev-ink);
    background: var(--firebase-dev-surface);
    border: 1px solid var(--firebase-dev-border);
    border-radius: 0.9rem;
    box-shadow: 0 10px 30px rgba(8, 58, 52, 0.16);
    backdrop-filter: blur(12px);
    font-family: "Cairo", sans-serif;
    line-height: 1.1;
}
.firebase-migration-badge strong { font-size: 0.76rem; letter-spacing: 0.035em; }
.firebase-migration-badge small { grid-column: 2; margin-top: 0.18rem; color: #52736e; font-size: 0.64rem; }
.firebase-migration-badge__pulse {
    grid-row: 1 / span 2;
    width: 0.62rem;
    height: 0.62rem;
    background: var(--firebase-dev-accent);
    border-radius: 999px;
    box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.38);
    animation: firebase-dev-pulse 2.4s ease-out infinite;
}
@keyframes firebase-dev-pulse { 70%, 100% { box-shadow: 0 0 0 0.55rem rgba(245, 158, 11, 0); } }
@media (max-width: 640px) { .firebase-migration-badge { inset-inline-start: 0.65rem; bottom: 0.65rem; transform: scale(0.9); transform-origin: bottom left; } }
@media (prefers-reduced-motion: reduce) { .firebase-migration-badge__pulse { animation: none; } }