/* Style minimal et responsive */
*{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}
body{display:flex;align-items:center;justify-content:center;height:100vh;background:#f4f7fc;margin:0}
.card{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,.1);width:100%;max-width:360px}
h1{text-align:center;margin-bottom:1.5rem}
input{width:100%;padding:.75rem;margin:.5rem 0;border:1px solid #d9d9d9;border-radius:4px}
button{width:100%;padding:.75rem;border:none;border-radius:4px;background:#1e40af;color:#fff;font-weight:600;cursor:pointer}
button:hover{background:#1a3691}
.error{color:#e11d48;text-align:center;margin-bottom:1rem}
/* ───── Responsive login ───── */
@media (max-width: 480px)
{
    body {padding:1rem; height:auto; display:block;}
    .card{width:100%;max-width:100%;box-shadow:none;border-radius:0}
    input, button{font-size:1rem}
}
div.map.leaflet-container , span.coord{
    display: none !important;
}

.notice{
    font-size:.9rem;
    color:#374151;
    background:#fef3c7;      /* jaune pâle */
    border-left:4px solid #f59e0b;
    padding:.75rem 1rem;
    margin:.75rem 0 1rem;
    border-radius:4px;
}
@media (max-width:480px){
    .notice{font-size:.85rem;padding:.65rem .75rem}
}