color: var(--ff-text-muted);
    font-size: 16px;
}

.ff-networks-error {
    text-align: center;
    padding: 40px 24px;
    color: var(--ff-error);
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 768px) {
    .ff-networks-dashboard {
        padding: 16px;
    }
    
    .ff-networks-dashboard__header {
        flex-direction: column;
        gap: 16px;
    }
    
    .ff-networks-dashboard__title h1 {
        font-size: 24px;
    }
    
    .ff-networks-stats {
        flex-wrap: wrap;
        gap: 20px;
        padding: 16px 20px;
    }
    
    .ff-networks-grid {
        grid-template-columns: 1fr;
    }
    
    .ff-network-view {
        padding: 16px;
    }
    
    .ff-carrier-row {
        padding: 16px;
    }
    
    .ff-carrier-row__header {
        flex-direction: column;
        gap: 12px;
    }
    
    .ff-carrier-row__badges {
        align-self: flex-start;
    }
    
    .ff-carrier-row__section {
        flex-direction: column;
        gap: 6px;
    }
    
    .ff-carrier-row__footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    
    .ff-carrier-row__actions {
        width: 100%;
    }
    
    .ff-carrier-row__actions .ff-btn {
        flex: 1;
        justify-content: center;
    }
    
    .ff-network-search-form {
        flex-direction: column;
    }
    
    .ff-network-toast {
        left: 16px;
        right: 16px;
        bottom: 16px;
        max-width: none;
    }
    
    .ff-modal {
        padding: 16px;
    }
}

@media (max-width: 480px) {
    .ff-network-btn {
        padding: 8px 14px;
        font-size: 13px;
    }
    
    .ff-carrier-row__name {
        font-size: 16px;
    }
    
    .ff-carrier-row__fleet {
        flex-direction: column;
        gap: 4px;
    }
}