/* Custom Tailwind styles for dynamic classes */
.text-teal-accent {
    color: rgb(45 212 191 / 1);
}

/* Status indicator colors */
.status-indicator-up {
    background: #34D399;
    box-shadow: 0 0 12px rgba(52, 211, 153, 0.4);
}

.status-indicator-down {
    background: #EF4444;
    box-shadow: 0 0 12px rgba(239, 68, 68, 0.4);
    animation: pulse 2s infinite;
}

.status-indicator-unknown {
    background: #94A3B8;
}

/* Status badge colors */
.status-badge-up {
    background: rgba(52, 211, 153, 0.15);
    color: #34D399;
}

.status-badge-down {
    background: rgba(239, 68, 68, 0.15);
    color: #EF4444;
}

.status-badge-unknown {
    background: rgba(148, 163, 184, 0.15);
    color: #94A3B8;
}

/* Overall status colors */
.overall-status.status-yes {
    background: transparent;
    color: #EF4444;
    border-color: #EF4444;
}

.overall-status.status-yes:hover {
    background: #EF4444;
    color: #181A1F;
}

.overall-status.status-no {
    background: transparent;
    color: #34D399;
    border-color: #34D399;
}

.overall-status.status-no:hover {
    background: #34D399;
    color: #181A1F;
}

.overall-status.status-maybe {
    background: transparent;
    color: #F97316;
    border-color: #F97316;
}

.overall-status.status-maybe:hover {
    background: #F97316;
    color: #181A1F;
}

.overall-status.status-unknown {
    background: transparent;
    color: #94A3B8;
    border-color: #94A3B8;
}

/* Error styling for dynamic content */
.error {
    background: #3f2d2d;
    color: #FCA5A5;
    padding: 15px;
    border-radius: 8px;
    margin: 10px 0;
    border: 1px solid #5a3535;
}

/* Pulse animation for down status */
@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}