/* Extracted from templates/mail_configurator/index.html.twig */

.config-form-container .card,
    .protocols-info .card,
    .config-details.card {
        border: none;
        box-shadow: 0 0 15px rgba(0,0,0,0.1);
        border-radius: 10px;
    }

    .protocol-list {
        margin-top: 20px;
    }

    .protocol-item {
        margin-bottom: 25px;
    }

    .protocol-item h4 {
        color: #333;
        margin-bottom: 15px;
        font-size: 1.1rem;
    }

    .protocol-item ul {
        list-style: none;
        padding-left: 20px;
    }

    .protocol-item ul li {
        margin-bottom: 10px;
        position: relative;
    }

    .protocol-item ul li:before {
        content: "•";
        color: #007bff;
        font-weight: bold;
        position: absolute;
        left: -15px;
    }

    .config-section {
        margin-bottom: 30px;
    }

    .config-section h4 {
        color: #333;
        margin-bottom: 15px;
        padding-bottom: 10px;
        border-bottom: 1px solid #eee;
    }

    .config-item {
        margin-bottom: 15px;
    }

    .config-item strong {
        display: block;
        margin-bottom: 5px;
        color: #666;
    }

    .config-item span {
        font-size: 1.1rem;
        color: #333;
    }

    .fas {
        margin-right: 8px;
    }

    .alert {
        border-radius: 8px;
    }

    .email-config-form .form-control {
        height: 50px;
        font-size: 1.1rem;
    }

    .btn-primary {
        height: 50px;
        font-size: 1.1rem;
        width: 100%;
    }