.dpro-gis-front{margin:0 auto;max-width:1200px;padding:12px 0}
.dpro-gis-header{margin-bottom:14px}
.dpro-gis-title{margin:0 0 6px;font-weight:900;letter-spacing:.5px;color:#0EA900;text-transform:uppercase;font-size:44px;line-height:1.05}
.dpro-gis-subtitle{font-size:18px;color:#1f2937}
.dpro-gis-card{border:1px solid #e5e7eb;border-radius:14px;margin:12px 0 14px}
.dpro-gis-card .form-control,.dpro-gis-card .form-select,.dpro-gis-card .input-group-text{height:44px}
.dpro-gis-card .input-group-text{border-radius:10px 0 0 10px}
.dpro-gis-card .form-control{border-radius:0 10px 10px 0}
.dpro-gis-card .form-select{border-radius:10px}
.dpro-gis-boundary-status{margin-top:6px;font-size:13px}
.dpro-gis-manage-btn{height:44px;border-radius:10px}

.dpro-gis-mapcard{border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}
.dpro-gis-map{width:100%;height:620px;background:#f3f4f6;border-radius:12px}


/* Leaflet popup styling */
.dpro-gis-popup{min-width:230px}
.dpro-gis-popup h6{margin:0 0 4px;font-weight:800}
.dpro-gis-popup .dpro-gis-popup-meta{font-size:13px;color:#6b7280;margin-bottom:8px}
.dpro-gis-popup img{display:block;max-width:90px;max-height:64px;border-radius:10px;object-fit:cover}
.dpro-gis-popup .dpro-gis-popup-row{display:flex;gap:10px;align-items:flex-start}

/* DivIcon marker */
.dpro-gis-marker{width:34px;height:34px;border-radius:999px;background:#0EA900;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px rgba(0,0,0,.18);border:2px solid #fff}
.dpro-gis-marker i{color:#fff;font-size:15px;line-height:1}

.dpro-gis-marker-pin{position:relative}
.dpro-gis-marker-pin:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #0EA900;filter:drop-shadow(0 4px 6px rgba(0,0,0,.18))}

/* Admin + settings minimal helpers */
.dpro-gis-admin .card{border:1px solid #e5e7eb;border-radius:14px}
.dpro-gis-settings .card{border:1px solid #e5e7eb;border-radius:14px}

/* === GXON admin bridge (mini bootstrap) untuk halaman Pengaturan Map GIS === */
.dpro-gis-settings{max-width:1120px}
.dpro-gis-settings .card{background:#fff;box-shadow:0 8px 22px rgba(0,0,0,.06);overflow:hidden}
.dpro-gis-settings .card-header{padding:16px 18px;background:#f8fafc;border-bottom:1px solid #e5e7eb}
.dpro-gis-settings .card-title{margin:0;font-weight:900;font-size:16px;letter-spacing:.2px}
.dpro-gis-settings .card-body{padding:18px}
.dpro-gis-settings .text-muted{color:#6b7280}

/* layout baru (lebih rapih, non-himpitan) */
.dpro-gis-settings .dpro-gis-settings-stack{display:flex;flex-direction:column;gap:14px}
.dpro-gis-settings .dpro-gis-panel{border:1px solid #e5e7eb;border-radius:16px;background:#fff;padding:16px}
.dpro-gis-settings .dpro-gis-panel-title{font-weight:900;color:#111827;font-size:14px;margin:0 0 8px}
.dpro-gis-settings .dpro-gis-radio{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.dpro-gis-settings .dpro-gis-radio-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:14px;background:#f8fafc;cursor:pointer}
.dpro-gis-settings .dpro-gis-radio-item input{margin:0}
.dpro-gis-settings .dpro-gis-radio-item span{font-weight:800;color:#111827}
.dpro-gis-settings .dpro-gis-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dpro-gis-settings .dpro-gis-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.dpro-gis-settings .dpro-gis-field-small{grid-column:span 1}
.dpro-gis-settings .dpro-gis-note{margin-top:12px;padding:10px 12px;border-radius:14px;background:rgba(14,169,0,.08);border:1px solid rgba(14,169,0,.25);color:#065f46;font-weight:800;font-size:12.5px;line-height:1.35}
.dpro-gis-settings .dpro-gis-divider{height:1px;background:#e5e7eb;margin:14px 0}
.dpro-gis-settings .dpro-gis-actions{display:flex;justify-content:flex-end;margin-top:2px}

/* grid ringan */
.dpro-gis-settings .row{display:flex;flex-wrap:wrap}
.dpro-gis-settings .g-2{gap:10px}
.dpro-gis-settings .g-3{gap:14px}
.dpro-gis-settings .col-12{flex:0 0 100%;width:100%}
.dpro-gis-settings .col-md-3{flex:1 1 220px;min-width:220px}
.dpro-gis-settings .col-md-4{flex:1 1 280px;min-width:260px}
.dpro-gis-settings .col-md-5{flex:1 1 340px;min-width:280px}
.dpro-gis-settings .col-md-6{flex:1 1 420px;min-width:300px}
.dpro-gis-settings .col-md-7{flex:1 1 520px;min-width:320px}
.dpro-gis-settings .col-md-8{flex:1 1 620px;min-width:340px}
.dpro-gis-settings .col-md-9{flex:1 1 740px;min-width:360px}
.dpro-gis-settings .col-md-auto{flex:0 0 auto}

/* form */
.dpro-gis-settings .form-label{display:block;margin:0 0 6px;font-weight:800;color:#111827}
.dpro-gis-settings .form-text{display:block;margin-top:6px;font-size:12.5px;color:#6b7280;line-height:1.35}
.dpro-gis-settings .form-control,
.dpro-gis-settings .form-select{width:100%;box-sizing:border-box;border:1px solid #d1d5db;background:#fff;color:#111827;padding:10px 12px;border-radius:12px;min-height:44px;outline:none;transition:box-shadow .15s,border-color .15s}
.dpro-gis-settings .form-control:focus,
.dpro-gis-settings .form-select:focus{border-color:#0EA900;box-shadow:0 0 0 3px rgba(14,169,0,.16)}
.dpro-gis-settings .form-check{display:flex;align-items:center;gap:8px;margin:0 12px 10px 0}
.dpro-gis-settings .form-check input{margin:0}
.dpro-gis-settings .form-check-label{font-weight:700;color:#111827}

/* input group */
.dpro-gis-settings .input-group{display:flex;align-items:stretch;width:100%}
.dpro-gis-settings .input-group .form-control{border-radius:12px 0 0 12px}
.dpro-gis-settings .input-group .btn{border-radius:0 12px 12px 0}

/* buttons */
.dpro-gis-settings .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:12px;padding:10px 14px;min-height:44px;font-weight:800;cursor:pointer;text-decoration:none;user-select:none}
.dpro-gis-settings .btn-primary{background:#0EA900;border-color:#0EA900;color:#fff}
.dpro-gis-settings .btn-primary:hover{filter:brightness(.96)}
.dpro-gis-settings .btn-success{background:#0EA900;border-color:#0EA900;color:#fff}
.dpro-gis-settings .btn-success:hover{filter:brightness(.96)}
.dpro-gis-settings .btn-secondary{background:#111827;border-color:#111827;color:#fff}
.dpro-gis-settings .btn-outline-danger{background:#fff;border-color:#ef4444;color:#ef4444}
.dpro-gis-settings .btn-outline-danger:hover{background:#fee2e2}

/* admin wrap spacing */
.dpro-gis-admin .dpro-gis-settings{padding-top:6px}

@media (max-width: 782px){
  .dpro-gis-settings{max-width:100%}
  .dpro-gis-settings .dpro-gis-grid{grid-template-columns:1fr}
  .dpro-gis-settings .dpro-gis-fields{grid-template-columns:1fr}
}

@media (max-width: 768px){
  .dpro-gis-title{font-size:34px}
  .dpro-gis-map{height:460px}
}