/* =====================================================
   CENTINELA - CREAR GEOCERCA DESDE MAPA OPERACIONAL
   ===================================================== */

.cent-ops-create-geofence{

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-height:36px !important;

    margin-left:6px !important;

    padding:0 11px !important;

    border:1px solid #c9b9f0 !important;
    border-radius:8px !important;

    background:#efe9ff !important;

    color:#51299a !important;

    font-size:10px !important;
    font-weight:900 !important;

    cursor:pointer !important;

    white-space:nowrap !important;
}


.cent-ops-create-geofence:hover{

    background:#e2d7ff !important;

}


/* ================= MODAL ================= */

#centOpsGfOverlay{

    position:fixed !important;

    z-index:9999999 !important;

    inset:0 !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    padding:18px !important;

    background:
        rgba(3,25,45,.60) !important;

    backdrop-filter:
        blur(3px) !important;
}


#centOpsGfModal{

    width:min(
        430px,
        calc(100vw - 28px)
    ) !important;

    overflow:hidden !important;

    border-radius:18px !important;

    background:#ffffff !important;

    box-shadow:
        0 25px 70px
        rgba(0,20,45,.35) !important;

    font-family:
        "Segoe UI",
        Arial,
        sans-serif !important;
}


.cent-ops-gf-head{

    display:flex !important;

    align-items:center !important;
    justify-content:space-between !important;

    padding:15px 17px !important;

    background:#07345c !important;

    color:#ffffff !important;
}


.cent-ops-gf-head strong{

    font-size:16px !important;

    font-weight:900 !important;
}


.cent-ops-gf-close{

    width:32px !important;
    height:32px !important;

    border:0 !important;
    border-radius:8px !important;

    background:
        rgba(255,255,255,.14) !important;

    color:#ffffff !important;

    font-size:18px !important;

    cursor:pointer !important;
}


.cent-ops-gf-body{

    padding:17px !important;
}


.cent-ops-gf-user{

    display:flex !important;

    align-items:center !important;

    gap:10px !important;

    padding:11px !important;

    margin-bottom:13px !important;

    border-radius:12px !important;

    background:#eef7ff !important;
}


.cent-ops-gf-avatar{

    width:40px !important;
    height:40px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    border-radius:50% !important;

    background:#ddd3ff !important;

    font-size:19px !important;
}


.cent-ops-gf-user strong{

    display:block !important;

    color:#07345c !important;

    font-size:13px !important;
}


.cent-ops-gf-user span{

    display:block !important;

    margin-top:3px !important;

    color:#628098 !important;

    font-size:10px !important;
}


.cent-ops-gf-label{

    display:block !important;

    margin:
        10px
        0
        5px !important;

    color:#07345c !important;

    font-size:11px !important;
    font-weight:800 !important;
}


.cent-ops-gf-input{

    width:100% !important;

    height:42px !important;

    box-sizing:border-box !important;

    padding:0 11px !important;

    border:
        1px solid
        #c8d9e7 !important;

    border-radius:9px !important;

    color:#07345c !important;

    background:#ffffff !important;

    font-size:12px !important;
}


.cent-ops-gf-coords{

    margin-top:12px !important;

    padding:10px !important;

    border-radius:10px !important;

    background:#f2f7fb !important;

    color:#54728a !important;

    font-size:10px !important;

    line-height:1.5 !important;
}


.cent-ops-gf-save{

    width:100% !important;

    min-height:46px !important;

    margin-top:15px !important;

    border:0 !important;

    border-radius:11px !important;

    background:#1688ea !important;

    color:#ffffff !important;

    font-size:12px !important;

    font-weight:900 !important;

    cursor:pointer !important;
}


.cent-ops-gf-status{

    display:none;

    margin-top:10px !important;

    padding:9px 10px !important;

    border-radius:9px !important;

    font-size:10px !important;
}


.cent-ops-gf-status.ok{

    display:block !important;

    background:#e3f8ed !important;

    color:#146b49 !important;
}


.cent-ops-gf-status.error{

    display:block !important;

    background:#ffeaec !important;

    color:#a12631 !important;
}