﻿:root{--green:#1f8a55;--green2:#0e5f3a;--ink:#163229;--muted:#66766f}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:linear-gradient(145deg,#e9f6ee,#f8fbf9 50%,#dff0e6);min-height:100vh}.shell{max-width:900px;margin:auto;padding:28px 18px}.logo{display:block;width:min(360px,78vw);margin:4px auto 26px}.card{background:rgba(255,255,255,.97);border:1px solid #d9e9df;border-radius:24px;box-shadow:0 18px 55px rgba(18,77,49,.12);padding:26px}.login{max-width:480px;margin:5vh auto}.field{margin:14px 0}.field label{display:block;font-weight:700;margin-bottom:7px}.field input{width:100%;padding:14px 15px;border:1px solid #bfd5c7;border-radius:12px;font:inherit;font-size:16px;background:#fff}.btn{border:0;border-radius:14px;padding:14px 18px;font-weight:800;font-size:16px;cursor:pointer;background:var(--green);color:#fff}.btn.secondary{background:#e8f3ec;color:var(--green2)}.full{width:100%}.linkbtn{text-decoration:none;display:inline-block;text-align:center}.muted{color:var(--muted)}.error{background:#fff0f0;color:#9d2020;padding:12px;border-radius:12px;margin:12px 0}.top{display:flex;justify-content:space-between;align-items:center;gap:12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sep{display:flex;align-items:center;gap:12px;color:#84928c;margin:18px 0}.sep:before,.sep:after{content:"";height:1px;background:#dce8e0;flex:1}.address-wrap{position:relative}.suggestions{display:none;position:absolute;left:0;right:0;z-index:1000;background:#fff;border:1px solid #bfd5c7;border-radius:12px;box-shadow:0 14px 35px rgba(18,77,49,.16);overflow:hidden;margin-top:4px}.suggestions.open{display:block}.suggestions button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #edf3ef;background:#fff;padding:12px 14px;cursor:pointer;font:inherit}.suggestions button:hover{background:#f0f8f3}#map{height:280px;border-radius:16px;border:1px solid #d9e9df;margin:12px 0 18px;background:#edf4ef}.osm-note{font-size:12px;color:#74837c;margin-top:18px}.profile{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.profile>div{padding:15px;border-radius:14px;background:#f4faf6;display:flex;flex-direction:column;gap:5px}.profile span{color:var(--muted);font-size:13px}.profile .wide{grid-column:1/-1}.actions{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:22px}.actions.one{grid-template-columns:1fr}.tile{position:relative;padding:28px;border-radius:20px;background:#fff;border:1px solid #cfe3d6;color:var(--ink);box-shadow:0 10px 30px rgba(18,77,49,.08)}.tile strong{display:block;font-size:24px;margin-bottom:8px}.tile.disabled{opacity:.8}.badge{display:inline-block;margin-top:18px;padding:7px 10px;border-radius:20px;background:#e8f3ec;color:var(--green2);font-weight:800;font-size:12px}@media(max-width:700px){.shell{padding:14px 10px 28px}.card{padding:16px;border-radius:20px}.grid,.profile{grid-template-columns:1fr}.profile .wide{grid-column:auto}.top{align-items:flex-start;flex-direction:column}.top .btn{width:100%}#map{height:240px}}


/* Mappa Area Clienti */
#map {
    display: block;
    width: 100%;
    height: 320px;
    min-height: 320px;
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    border: 1px solid #d9e9df;
    margin: 12px 0 18px;
    background: #edf4ef;
}

#map img {
    max-width: none !important;
}

@media(max-width:700px) {
    #map {
        height: 260px;
        min-height: 260px;
    }
}
