/* ArtMetrix custom styles */
body {
    background-color: #f8f9fa;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Use standard container width */
@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }
}

.navbar {
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.card {
    border-radius: 10px;
    transition: transform 0.2s, box-shadow 0.2s;
}

.card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.avatar-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

footer {
    border-top: 1px solid rgba(255,255,255,0.1);
}

.utc-time {
    cursor: help;
}