/* Base styles for the dark theme */
body { 
    font-family: 'Inter', sans-serif; 
    background-color: #111827; /* Gray 900 */
    color: #d1d5db; /* Gray 300 */
}
.flag-indicator {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: white;
    border-radius: 12px;
    transition: background-color 0.3s, transform 0.1s;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    font-size: 1.2rem;
}

.flag-active { background-color: #10b981; } 
.flag-inactive { background-color: #4b5563; } 
.input-box {
    background-color: #374151;
    color: #f3f4f6;
    border: 1px solid #4b5563; 
}
.text-primary { color: #10b981; }