.ulp-box{
    max-width:380px; /* ↓ plus compact */
    margin:30px auto;
    background:#fff;
    padding:20px; /* ↓ réduit */
    border:1px solid #ddd;
    border-radius:10px;
    box-shadow:0 2px 12px rgba(0,0,0,.06);
}

.ulp-logo{
    text-align:center;
    margin-bottom:12px;
}

.ulp-logo img{
    max-width:110px; /* ↓ plus petit */
    height:auto;
}

.ulp-box h2{
    text-align:center;
    margin-bottom:15px;
    font-size:18px;
}

/* =========================
   FORMULAIRE
========================= */

.ulp-box label{
    display:block;
    margin-bottom:4px;
    font-weight:600;
    font-size:13px;
}

.ulp-box input[type=text],
.ulp-box input[type=password]{
    width:100%;
    padding:9px; /* ↓ compact */
    border:1px solid #ccc;
    border-radius:5px;
    margin-bottom:10px; /* ↓ réduit */
    box-sizing:border-box;
    font-size:14px;
}

/* bouton login */
.ulp-box input[type=submit]{
    width:100%;
    background:#0057b8;
    color:#fff;
    border:none;
    padding:10px; /* ↓ compact */
    border-radius:5px;
    font-weight:600;
    cursor:pointer;
    font-size:14px;
}

.ulp-box input[type=submit]:hover{
    opacity:.9;
}

/* remember */
.login-remember{
    margin-bottom:10px;
    font-size:13px;
}

/* =========================
   LIENS
========================= */

.ulp-links{
    text-align:center;
    margin-top:10px;
    font-size:13px;
}

.ulp-register{
    text-align:center;
    margin-top:14px;
}

.ulp-register-btn{
    display:inline-block;
    background:#28a745;
    color:#fff !important;
    text-decoration:none;
    padding:10px 14px; /* ↓ réduit */
    border-radius:5px;
    font-weight:600;
    font-size:13px;
}

.ulp-register-btn:hover{
    opacity:.9;
}

/* =========================
   MESSAGES
========================= */

.ulp-error,
.ulp-success{
    padding:10px;
    margin-bottom:12px;
    border-radius:4px;
    font-size:13px;
}

.ulp-error{
    background:#ffe6e6;
    border-left:4px solid #d63638;
    color:#a30000;
}

.ulp-success{
    background:#e7f8ea;
    border-left:4px solid #28a745;
    color:#1b6e2d;
}

/* =========================
   UTILISATEUR CONNECTÉ
========================= */

.ulp-buttons{
    display:flex;
    gap:8px;
    justify-content:center;
    flex-wrap:wrap;
    margin-top:10px;
}

.ulp-btn{
    display:inline-block;
    padding:8px 12px; /* ↓ compact */
    background:#0057b8;
    color:#fff !important;
    text-decoration:none;
    border-radius:5px;
    font-size:13px;
}

.ulp-btn-danger{
    background:#c0392b;
}