@import url('../../theme.css');
.gis-main{margin-left:218px;padding:10px 10px 14px 14px;background:#fbfdff;min-height:calc(100vh - 78px);border-radius:5px 0 0}.gis-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:10px;align-items:start}.map-column{min-width:0}.gis-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;min-height:48px;padding:0 2px 9px}.gis-heading h1{font-size:16px;margin:0}.gis-heading p{font-size:11px;color:#40558a;margin:0}.filters{display:flex;gap:7px;align-items:center}.filters select{font-size:9px;max-width:140px;height:31px;padding:5px 8px}.filters .btn{font-size:11px;padding:6px 12px;white-space:nowrap}.map-frame{position:relative;border:1px solid #dce7f5;border-radius:6px;overflow:hidden;background:#e0ece7}.map{height:495px;position:relative;z-index:1;background:#deebe4}.map iframe{border:0;width:100%;height:100%}.map-controls{position:absolute;top:83px;left:10px;display:grid;gap:8px;z-index:500}.map-controls button{width:31px;height:32px;background:white;border:1px solid #cdd8e8;border-radius:4px;font-size:22px;color:#173867;cursor:pointer}.map-counter{position:absolute;right:10px;top:10px;background:#00233dcc;color:white;padding:6px 9px;border-radius:4px;font-size:9px;z-index:500}.map-note{margin:4px 0 0;font-size:8px;color:#7187a6}.layer-panel{min-height:560px;border-radius:6px;border:1px solid #e4edfa;padding:7px 8px}.layer-tabs{display:flex;gap:3px}.layer-tabs button{flex:1;border:0;border-radius:4px;background:#f0f5fe;padding:8px 5px;font-size:11px;color:#132c69}.layer-tabs button.active{background:#0060ff;color:white}.layer-group{border-bottom:1px solid #edf2fa;padding:10px 6px}.layer-group:last-child{border:0}.layer-group h2{font-size:11px;margin:0 0 7px}.layer-check{display:flex;align-items:center;gap:9px;font-size:11px;margin:5px 0;cursor:pointer;color:#18336c}.layer-check input{width:17px;height:17px;accent-color:#0060ff;margin:0}.layer-check .dot{margin:0;width:12px;height:12px}.asset-checks{display:grid;grid-template-columns:1fr 1fr;gap:2px}.asset-checks .layer-check{font-size:10px;gap:5px}.hint{font-size:9px;color:#7085a4;margin:5px 0;line-height:1.5}.wide{display:flex;width:100%;justify-content:center;margin:7px 0;font-size:10px}.detail-section{grid-column:1/-1;border:1px solid #e4edfa;border-radius:6px;overflow:hidden}.detail-heading{display:flex;justify-content:space-between;padding:8px 12px}.detail-heading h2{font-size:12px;margin:0}.text-btn{border:0;background:none;color:#0060ff;font-size:10px;padding:0;cursor:pointer}.detail-grid{display:grid;grid-template-columns:1.15fr .82fr 1.13fr;gap:12px;padding:0 12px 10px}.segment-info{min-width:0}.segment-title{display:flex;align-items:center;gap:10px;padding:4px 2px 12px;border-bottom:1px solid #e5edfa}.segment-title img{width:40px;height:48px}.segment-title h3{font-size:14px;margin:0}.segment-title small,.segment-title span{font-size:10px;color:#3c538b}.segment-title .authority{margin-left:auto;border-radius:20px;background:#d5e6ff;color:#0060ff;padding:3px 12px}.info-layout{display:grid;grid-template-columns:135px 1fr;gap:10px;margin-top:9px}.detail-nav{display:flex;flex-direction:column;gap:4px;border-right:1px solid #e8eff8;padding-right:7px}.detail-nav button{text-align:left;font-size:10px;padding:8px;border:0;background:none;color:#354e84;border-radius:4px}.detail-nav button.active{background:#e3efff;color:#0060ff;border-left:3px solid #0060ff;font-weight:600}#segmentDetails dl{display:grid;grid-template-columns:93px 1fr;gap:5px;font-size:10px;margin:1px 0}#segmentDetails dt{color:#40568a}#segmentDetails dd{margin:0;overflow-wrap:anywhere;color:#203b78}#segmentDetails p{font-size:11px;line-height:1.7}.condition-photo{border:1px solid #e5edfa;border-radius:6px;padding:8px 12px;min-width:0}.photo-heading{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:6px}.photo-heading h3{font-size:11px;margin:0}.photo-heading a{color:#0060ff;font-size:9px}.photo-tabs{display:flex;gap:4px;margin-bottom:6px}.photo-tabs button{border:1px solid transparent;background:#f0f5fe;border-radius:4px;padding:4px 14px;font-size:10px;color:#233b74}.photo-tabs button.active{border-color:#78a5ff;background:white;color:#0060ff}.photo-main{height:142px;position:relative;overflow:hidden;border-radius:4px}.photo-main img{width:100%;height:100%;object-fit:cover}.photo-main span{position:absolute;bottom:0;left:0;background:#00172bdc;color:white;font-size:8px;padding:3px 5px}.photo-thumbs{display:flex;gap:5px;margin-top:5px}.photo-thumbs button{border:1px solid #d6e2f5;background:none;border-radius:4px;padding:0;width:50%;height:52px;overflow:hidden}.photo-thumbs img{width:100%;height:100%;object-fit:cover}.damage-table{padding:8px 0;min-width:0}.damage-table .photo-heading{margin-bottom:23px}.tablewrap{overflow:auto;border:1px solid #e6edfa;border-radius:5px}table{font-size:10px}th{font-size:9px;padding:7px 5px;color:#112b62}td{padding:6px 5px}.pill{font-size:9px;white-space:nowrap;border-radius:4px;padding:2px 5px;background:#fff1ce;color:#8b6300}.pill.berat{background:#ffd3da;color:#d62036}.pill.ringan,.pill.baik{background:#d9f8e6;color:#008256}.pill.handling{background:#e0edff;color:#0060ff}.detail-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.detail-actions .btn{font-size:9px;padding:7px 8px}.gis-main footer{font-size:8px;color:#8396b2;text-align:right;margin-top:7px}.gis-pin{border:0;background:none}.gis-pin span{display:block;width:21px;height:21px;background:var(--pin);border:2px solid white;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 2px 6px #001a4577}.gis-pin i{display:block;width:7px;height:7px;background:white;border-radius:50%;margin:5px}.asset-pin{display:grid;place-items:center;border-radius:50%;background:#0079ff;color:white;border:2px solid white;box-shadow:0 2px 5px #001a4566;font-size:15px}.map .leaflet-popup-content{font:11px/1.5 'Segoe UI',sans-serif;color:#1f3870}.map .leaflet-control-attribution{font-size:9px}.map .leaflet-control-scale-line{font-size:9px}.map-key{background:#00213ce8;border:1px solid #688bab88;border-radius:4px;color:white;padding:8px 10px;font-size:9px;line-height:1.7}.map-key i{display:inline-block;width:18px;height:5px;border-radius:4px;margin-right:7px}.map-key b{display:block}.map-legend-row{display:flex;align-items:center;gap:8px;margin:9px 0;font-size:11px}.map-legend-row i{width:12px;height:12px;border-radius:50%}.map-frame:fullscreen{width:100vw;height:100vh}.map-frame:fullscreen .map{height:100vh}dialog{width:min(600px,93vw);max-height:88vh;overflow:auto;padding:20px;border:1px solid #d2e1f5;border-radius:10px;color:#173363}dialog::backdrop{background:#00172c99}.dialog-head{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:12px}.dialog-head h2{font-size:18px;margin:0}#dialogBody{font-size:12px;line-height:1.7}#dialogBody img{width:100%;border-radius:5px}#dialogBody textarea{width:100%;min-height:110px;padding:10px;border:1px solid #c6d8f1;border-radius:5px;margin:9px 0}.toast{z-index:1600}.toast.show{display:block}
@media(max-width:1400px){.gis-heading{flex-wrap:wrap}.filters{width:100%;justify-content:flex-end}.detail-grid{grid-template-columns:1.1fr .8fr 1fr}.info-layout{grid-template-columns:110px 1fr}#segmentDetails dl{grid-template-columns:78px 1fr}.detail-nav button{font-size:9px}.map{height:460px}}
@media(max-width:1150px){.gis-grid{grid-template-columns:minmax(0,1fr) 235px}.detail-grid{grid-template-columns:1.2fr 1fr}.damage-table{grid-column:1/-1}.damage-table .photo-heading{margin-bottom:7px}.layer-check{font-size:10px}.asset-checks{grid-template-columns:1fr}}
@media(max-width:850px){.gis-main{margin-left:0;padding:12px 12px 75px}.gis-grid{grid-template-columns:minmax(0,1fr) 220px}.filters{justify-content:flex-start;flex-wrap:wrap}.map{height:450px}.detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.gis-grid{grid-template-columns:minmax(0,1fr)}.layer-panel{min-height:0}.layer-group{padding:9px}.asset-checks{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}.damage-table{grid-column:1}.map{height:410px}.gis-heading h1{font-size:16px}.filters select{max-width:145px}.layer-panel #layers{display:grid;grid-template-columns:1fr 1fr}.layer-group h2{font-size:10px}.info-layout{grid-template-columns:125px 1fr}#segmentDetails dl{grid-template-columns:95px 1fr}.condition-photo{max-width:100%}.photo-main{height:190px}}
#layers[hidden],#legend[hidden],#tools[hidden]{display:none!important}