.peta-tani-wrap{--pt-green:#087a4d;--pt-soft:#edf8f2;--pt-border:#d9e9df;display:grid;gap:12px}.peta-top-actions{display:flex;align-items:end;justify-content:space-between;gap:16px}.peta-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.peta-stat,.peta-filter-card,.peta-map-card,.peta-panel,.peta-table-card{background:var(--bs-body-bg);border:1px solid var(--pt-border);border-radius:10px;box-shadow:0 3px 12px rgba(29,74,49,.04)}.peta-stat{min-height:88px;padding:12px;display:flex;align-items:center;gap:12px;border-left:3px solid #159766;overflow:hidden}.peta-stat .ico{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e9f7ef;color:var(--pt-green);font-size:18px}.peta-stat div{min-width:0;flex:1}.peta-stat small,.peta-stat span{display:block;color:#718078;font-size:10px}.peta-stat strong{display:block;font-size:24px;line-height:1.15;color:#075e3e}.peta-stat sup{font-size:12px}.peta-progress-stat .progress{height:4px;margin-top:8px}.peta-progress-stat .progress-bar{background:#14a36c}.peta-main-grid{display:grid;grid-template-columns:215px minmax(0,1fr) 320px;gap:10px;align-items:stretch}.peta-filter-card{padding:12px}.peta-card-title{font-weight:800;font-size:14px;color:#173a2a}.peta-card-title i{margin-right:6px}.filter-active{display:flex;justify-content:space-between;font-size:9px;background:#f0faf4;border-radius:6px;padding:7px;color:#3c6852}.filter-active a{color:var(--pt-green);text-decoration:none;font-weight:700}.filter-field>span{display:block;font-size:10px;font-weight:700;margin:2px 0 4px}.peta-map-card{padding:9px;overflow:hidden}.peta-card-head,.peta-table-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px}.mini-badge{font-size:9px;background:#edf8f2;color:#527262;border-radius:999px;padding:4px 8px}#petaTaniMap{height:430px;border-radius:8px;z-index:1}.map-legend{display:flex;gap:14px;align-items:center;padding:7px 2px 0;font-size:9px;color:#5a6c62}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:4px;border:1px solid rgba(0,0,0,.12)}.dot-blue{background:#2374e1}.dot-green{background:#25a665}.dot-orange{background:#f2a20b}.dot-red{background:#e54040}.peta-side-stack{display:grid;grid-template-rows:auto 1fr auto;gap:10px}.peta-panel{padding:13px}.status-list{display:grid;gap:10px;margin-top:13px}.status-list>div>div:first-child{display:flex;justify-content:space-between;font-size:10px}.thin-bar{height:5px;background:#e9efeb;border-radius:9px;overflow:hidden;margin-top:5px}.thin-bar i{display:block;height:100%;background:#159766}.thin-bar .bar-berjalan{background:#2374e1}.thin-bar .bar-rencana{background:#f2a20b}.thin-bar .bar-terkendala{background:#e54040}.kab-list{display:grid;gap:8px;margin-top:12px}.kab-list>div{display:grid;grid-template-columns:72px 1fr 22px;gap:6px;align-items:center;font-size:9px}.kab-bar{height:7px;background:#e8efeb;border-radius:8px;overflow:hidden}.kab-bar i{display:block;height:100%;background:#168958;border-radius:8px}.unit-summary{display:flex;align-items:center;gap:16px;margin-top:14px}.unit-donut{width:104px;height:104px;flex:0 0 104px;border-radius:50%;background:conic-gradient(#249b68 0 62%,#246fe0 62% 87%,#f1a10b 87% 100%);display:grid;place-items:center}.unit-donut:before{content:"";position:absolute}.unit-donut>div{width:68px;height:68px;background:var(--bs-body-bg);border-radius:50%;display:grid;place-content:center;text-align:center}.unit-donut strong{font-size:18px}.unit-donut span{font-size:9px;color:#66766e}.unit-legend{display:grid;gap:8px}.unit-legend>div{display:flex;align-items:flex-start;gap:6px}.unit-legend i{width:8px;height:8px;border-radius:50%;margin-top:4px;background:#249b68}.unit-legend .unit-color-1{background:#246fe0}.unit-legend .unit-color-2{background:#f1a10b}.unit-legend .unit-color-3{background:#9b59b6}.unit-legend .unit-color-4{background:#e74c3c}.unit-legend span{display:grid;font-size:9px}.unit-legend small{color:#77877e}.peta-table-card{overflow:hidden}.peta-table-head{padding:12px 14px;margin:0}.peta-table{font-size:10px}.peta-table thead th{background:#edf8f2;color:#075b3b;font-size:9px;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--pt-border);padding:10px}.peta-table td{padding:10px;border-color:#edf1ee}.empty-mini{font-size:10px;color:#7b8b82;padding:12px 0}.leaflet-popup-content{font:12px/1.4 Inter,Arial,sans-serif}.leaflet-popup-content strong{color:#075e3e}.pt-marker{width:26px;height:26px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);border:2px solid white;box-shadow:0 1px 5px rgba(0,0,0,.3);background:#2374e1}.pt-marker.green{background:#25a665}.pt-marker.orange{background:#f2a20b}.pt-marker.red{background:#e54040}.pt-marker:after{content:"";position:absolute;width:8px;height:8px;background:#fff;border-radius:50%;top:7px;left:7px}@media(max-width:1450px){.peta-main-grid{grid-template-columns:200px minmax(0,1fr) 280px}.peta-stat-grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:1100px){.peta-stat-grid{grid-template-columns:repeat(2,1fr)}.peta-main-grid{grid-template-columns:1fr}.peta-filter-card{order:1}.peta-map-card{order:2}.peta-side-stack{order:3;grid-template-columns:repeat(3,1fr);grid-template-rows:auto}#petaTaniMap{height:480px}}@media(max-width:700px){.peta-stat-grid,.peta-side-stack{grid-template-columns:1fr}.peta-top-actions{align-items:start;flex-direction:column}.peta-top-actions .btn{width:100%}#petaTaniMap{height:380px}.unit-summary{justify-content:center}.peta-table-head{align-items:flex-start;flex-direction:column}}

/* Patch v1.1 - detail drawer */
.form-section-title{font-size:12px;font-weight:800;letter-spacing:.04em;color:#087a4d;border-bottom:1px solid #d8eadf;padding-bottom:8px}.peta-detail-drawer{--pt-detail-green:#087a4d;--pt-detail-border:#d9e9df;width:min(500px,100vw)!important;background:#f8fbf9}.peta-detail-header{background:#fff;border-bottom:1px solid var(--pt-detail-border);padding:18px 22px}.peta-detail-header .btn-close{flex:0 0 auto}.peta-detail-kicker{font-size:11px;font-weight:800;letter-spacing:.04em;color:var(--pt-detail-green);margin-bottom:3px}.peta-detail-header h5{font-size:18px;font-weight:800;color:#183c2b;margin:0;max-width:390px}.peta-detail-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:6px;color:#6d7e75;font-size:10px}.peta-detail-meta i{display:inline-block;width:3px;height:3px;border-radius:50%;background:#9eb2a7}.peta-detail-body{padding:20px 24px;display:grid;align-content:start;gap:20px}.peta-detail-section{background:#fff;border:1px solid var(--pt-detail-border);border-radius:13px;padding:16px}.peta-detail-section h6{font-size:13px;font-weight:900;color:var(--pt-detail-green);margin:0 0 14px;padding-bottom:9px;border-bottom:1px solid #d7e9df;letter-spacing:.02em}.peta-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px}.peta-detail-grid>div{min-width:0}.peta-detail-grid small{display:block;font-size:10px;color:#809087;margin-bottom:3px}.peta-detail-grid strong{display:block;font-size:12px;line-height:1.45;color:#152c21;overflow-wrap:anywhere}.peta-detail-grid .normal-weight{font-weight:500}.peta-detail-wide{grid-column:1/-1}.peta-maps-btn{margin-top:14px;font-weight:700}.peta-detail-status{display:inline-flex;align-items:center;min-height:25px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;background:#fff0c8;color:#946000}.peta-detail-status.status-selesai{background:#dff8e8;color:#087a4d}.peta-detail-status.status-berjalan{background:#e4efff;color:#1859b7}.peta-detail-status.status-terkendala{background:#fde4e4;color:#b12424}.peta-detail-status.status-rencana{background:#fff0c8;color:#946000}.peta-detail-section .btn-success{background:#087a4d;border-color:#087a4d}.peta-detail-section .btn-success:hover{background:#06663f;border-color:#06663f}.peta-detail-section .btn-outline-success{color:#087a4d;border-color:#b9d8c6}.peta-detail-section .btn-outline-success:hover{background:#edf8f2;color:#075f3d}.peta-detail-section a.disabled{pointer-events:none;opacity:.5}.min-w-0{min-width:0}@media(max-width:575.98px){.peta-detail-drawer{width:100vw!important}.peta-detail-header{padding:16px}.peta-detail-body{padding:14px}.peta-detail-grid{gap:12px 14px}.peta-detail-section{padding:14px}.peta-detail-section .btn{flex:1 1 auto}}

/* v2.2 fallback drawer: keeps Detail/Lihat working even when Bootstrap Offcanvas JS is not initialized. */
body.peta-detail-open{overflow:hidden}
.peta-detail-drawer.pt-fallback{display:block!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;height:100vh!important;z-index:1095!important;transform:translateX(100%)!important;visibility:hidden;transition:transform .22s ease,visibility .22s ease!important;box-shadow:-12px 0 34px rgba(16,55,36,.14)}
.peta-detail-drawer.pt-fallback.pt-show{transform:translateX(0)!important;visibility:visible!important}
.peta-detail-fallback-backdrop{position:fixed;inset:0;z-index:1090;background:rgba(13,32,23,.34);opacity:0;transition:opacity .22s ease}
.peta-detail-fallback-backdrop.show{opacity:1}