/* Penyesuaian halaman mandiri: styles.css disalin utuh dari Naga Runting Farm, tanpa sidebar dan navigasi bawah. */
.standalone .shell{margin-left:0;padding-bottom:0}
.standalone .topbar{padding:0 32px}
.standalone .app-footer{justify-content:space-between}
.geo-brand span{line-height:1.15}
.geo-explorer-block>button>span{display:inline-flex;align-items:center;gap:8px}
.geo-lahan-dot{width:10px;height:10px;border-radius:3px;display:inline-block;flex-shrink:0}
.geo-site-panel label small{font-size:10px;color:#7f8976}
.lahan-chip{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.lahan-chip i{width:10px;height:10px;border-radius:3px}
.kml-warn{margin:10px 0 0;font-size:11px;line-height:1.5;color:#9b671d;background:#9b671d14;border-radius:7px;padding:8px 10px}
.kml-warn-text{color:#b8791f!important}
[data-theme="dark"] .kml-warn{color:#f0c071;background:#f0c07114}
@media(max-width:700px){.standalone .topbar{padding:0 16px}.standalone .prototype-tag{display:none}}
.geo-site-panel{background:#fffdf7}
/* Tombol ⛶/⌖ selalu duduk di atas kolom kontrol MapLibre (diukur di map.js), tidak hanya di ponsel. */
.geo-actions{bottom:calc(var(--geo-ctrl-h,136px) + 8px)}
/* Rencana tanam */
.geo-plant-panel{background:#fffdf7;max-height:calc(100% - 170px);overflow:auto}
.geo-plant-legend,.geo-plant-kelas{list-style:none;margin:10px 0;padding:0;display:grid;gap:6px}
.geo-plant-legend li{display:flex;align-items:center;gap:8px;font-size:12px}
.geo-plant-legend i{width:11px;height:11px;border-radius:50%;border:1.5px solid #fff;box-shadow:0 0 0 1px #0003;flex-shrink:0}
.geo-plant-legend em{margin-left:auto;font-style:normal;font-weight:650}
.geo-plant-legend li.total{border-top:1px solid #dfe6d8;padding-top:6px}
.geo-plant-kelas li{font-size:11px;line-height:1.5;border-top:1px solid #dfe6d8;padding-top:6px}
.geo-plant-kelas small{display:block;color:#77816d}
.plan-line{display:flex;flex-direction:column;gap:2px;margin:12px 0 0;padding:10px 12px;border-radius:8px;background:#1f8a4c14;font-size:12px}
.plan-line b{font-size:13px}
.plan-line span{color:var(--muted)}
.plan-card{margin-top:20px}
.plan-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px 20px}
.plan-kpis>div{border:1px solid var(--line);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}
.plan-kpis span{font-size:11px;color:var(--muted);letter-spacing:.3px}
.plan-kpis strong{font-family:'Manrope',sans-serif;font-size:24px}
.plan-kpis strong em{font-size:13px;font-style:normal;font-weight:500}
.plan-kpis small{font-size:11px;color:var(--muted)}
.plan-card small.wrap{white-space:normal;display:block;line-height:1.55;max-width:340px}
.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:20px 22px 22px}
.plan-grid h3{margin-bottom:10px}
.plan-phase,.plan-rules{margin:0;padding-left:18px;display:grid;gap:10px;font-size:13px;line-height:1.55}
.plan-phase b{display:block}
.plan-phase span,.plan-rules li{color:var(--muted)}
@media(max-width:960px){.plan-kpis{grid-template-columns:1fr 1fr}.plan-grid{grid-template-columns:1fr}}
.maplibregl-popup-content>strong+small{display:block;margin:2px 0 6px;color:#6b7267}
.plan-card td{white-space:normal;vertical-align:top}.plan-card td:nth-child(3){min-width:150px}.plan-card small.wrap{min-width:200px}
/* Studi kesesuaian */
.site-card{margin-top:20px}
.suit{display:inline-block;min-width:26px;text-align:center;font-size:11px;font-weight:700;padding:2px 6px;border-radius:5px}
.suit-S1{background:#1f8a4c;color:#fff}.suit-S2{background:#8cc152;color:#14231c}.suit-S3{background:#f0b44c;color:#2b2616}.suit-N{background:#c2503f;color:#fff}
.suit-table tr.muted td{opacity:.55}
.suit-table td,.composition td,.soil-table td{white-space:normal;vertical-align:top}
.site-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;padding:4px 20px 18px}
.site-grid h3{margin-bottom:10px}
.site-note{font-size:12px;line-height:1.6;color:var(--muted);margin-top:8px}
.site-note.pad{padding:0 20px 16px}
.climate-chart{width:100%;height:auto;display:block}
.climate-chart text{font-size:10px;fill:var(--muted)}
.climate-chart .grid{stroke:var(--line);stroke-width:1}
.climate-chart .dry{stroke:#c2503f;stroke-dasharray:4 3;stroke-width:1}
.climate-chart .dry-label{fill:#c2503f}
.climate-chart rect.wet{fill:#3b82c4}.climate-chart rect.mid{fill:#7fb3de}.climate-chart rect.drybar{fill:#f0b44c}
.climate-chart .temp{fill:none;stroke:#e8793a;stroke-width:2}
.climate-chart .temp-dot{fill:#e8793a}
.climate-chart .temp-axis{fill:#e8793a}
.suit-chips{font-size:12px;line-height:2}
@media(max-width:960px){.site-grid{grid-template-columns:1fr}}
.chart-legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:11px;color:var(--muted);margin-top:6px}
.chart-legend span{display:inline-flex;align-items:center;gap:5px}
.chart-legend i{display:inline-block;width:10px;height:10px;border-radius:2px}
.lg-wet{background:#3b82c4}.lg-mid{background:#7fb3de}.lg-dry{background:#f0b44c}
.chart-legend i.lg-temp{height:3px;background:#e8793a}
.chart-legend i.lg-line{height:0;border-top:1.5px dashed #c2503f;border-radius:0}
.site-card small.wrap{white-space:normal;display:block;line-height:1.55;min-width:240px}.suit-table td.nowrap{white-space:nowrap}
.geo-plant-legend small.t7{color:#77816d;font-size:10px}
.geo-sun-ctl{margin:4px 0 6px;padding:8px 10px;border-radius:8px;background:#f1f5ea}
.geo-sun-hour{display:flex;flex-direction:column;gap:4px;font-size:11px;color:#556149}
.geo-sun-hour b{font-weight:650;color:#2f3d27}
.geo-sun-hour input{width:100%;accent-color:#e0a33a}
body.map-expanded{overflow:hidden}