@layer govtech {
.khok-gis-explorer{background:#fff!important;border:1px solid #dce5ef!important;border-radius:18px;padding:20px;margin:0 0 20px;color:#17263e!important;text-align:left;}
.khok-gis-explorer h3{font-size:22px;font-weight:700;margin:0 0 5px;color:#17263e!important;}
.khok-gis-explorer p{font-size:12px;line-height:1.7;color:#64748b!important;margin:8px 0;}
.khok-gis-fields{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:16px 0;}
.khok-gis-fields label{font-size:12px;font-weight:500;color:#475569!important;}
.khok-gis-fields input,.khok-gis-fields select{display:block;width:100%;min-height:44px;border:1px solid #cbd5e1!important;border-radius:10px;padding:10px;background:#fff!important;color:#17263e!important;margin-top:5px;font:inherit;font-size:14px;}
.khok-gis-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;}
.khok-gis-actions label{font-size:13px;color:#475569!important;display:flex;align-items:center;gap:8px;}
.khok-gis-actions input{width:18px;height:18px;accent-color:#c2410c;}
.khok-gis-actions button{padding:9px 14px;min-height:42px;border:1px solid #e2e8f0!important;background:#fff4eb!important;color:#9a3412!important;border-radius:10px;font-size:13px;}
.khok-gis-explorer details{margin-top:16px;border-top:1px solid #e2e8f0;padding-top:12px;}
.khok-gis-explorer summary{cursor:pointer;color:#17263e!important;font-size:14px;min-height:32px;}
.khok-place-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:300px;overflow:auto;margin-top:10px;padding:3px;}
.khok-place-result{text-align:left;padding:12px;border:1px solid #e2e8f0!important;border-radius:10px;background:#fff!important;color:#17263e!important;}
.khok-place-result:hover{border-color:#e05212!important;background:#fff7ed!important;}
.khok-place-result strong{display:block;font-size:13px;}.khok-place-result small{display:block;font-size:11px;color:#64748b!important;margin-top:6px;}
.khok-gis-explorer :is(button,input,select,summary):focus-visible{outline:3px solid #ea580c!important;outline-offset:2px;}
.khok-gis-pending{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px;}
.khok-gis-pending article{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;background:#f8fafc!important;}
.khok-gis-pending img{width:100%;height:140px;object-fit:cover;}.khok-gis-pending article>div{padding:12px;}
.khok-gis-pending h4{font-size:14px;font-weight:600;color:#17263e!important;}.khok-gis-pending a{font-size:12px;text-decoration:underline;color:#9a3412!important;}
.gis-place-provenance{display:block;font-size:10px;line-height:1.65;color:#64748b!important;}.gis-place-provenance a{color:#9a3412!important;text-decoration:underline;}.gis-place-provenance small{display:block;font-size:10px;}
.gis-smart-card .gis-marker-description{max-height:120px!important;overflow:auto!important;white-space:normal!important;line-height:1.7!important;}
.gis-smart-card .gis-marker-cover[aria-label="ไม่มีภาพปก"]{height:72px!important;font-size:20px!important;gap:8px;}.gis-smart-card .gis-marker-cover[aria-label="ไม่มีภาพปก"]::after{content:'ยังไม่มีภาพสถานที่';font-size:11px;}
@media(max-width:700px){.khok-gis-explorer{padding:16px;}.khok-gis-fields{grid-template-columns:1fr 1fr;}.khok-gis-fields label:first-child{grid-column:1/-1;}.khok-place-results{grid-template-columns:1fr;}.khok-gis-pending{grid-template-columns:repeat(2,minmax(0,1fr));}.khok-gis-explorer h3{font-size:20px;}}
}
