/* MİLOT Spatial Compare Simple V8 · canonical renderer */
.property-spatial-simple-v8{background:#f5f7f9;overflow:auto}
.property-spatial-simple-v8 .property-occ-map-head{position:sticky;top:0;z-index:50}
.psv8-map-section,.psv8-ground,.psv8-diff{background:#fff;border-bottom:1px solid #dfe5ea}
.psv8-section-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:14px 16px 10px}
.psv8-section-head b{display:block;font-size:15px;color:#223548}.psv8-section-head span{display:block;margin-top:3px;font-size:11.5px;color:#6f7f90}
.psv8-map-wrap{position:relative;height:46dvh;min-height:330px;max-height:560px;margin:0 12px;border:1px solid #d8e1e8;border-radius:13px;overflow:hidden;background:#e8edf1}
.psv8-map-wrap .property-occ-map-canvas{width:100%;height:100%;min-height:0}
.psv8-map-legend{position:absolute;left:10px;bottom:10px;z-index:5;display:flex;gap:6px;flex-wrap:wrap;padding:7px 8px;border-radius:9px;background:rgba(255,255,255,.94);box-shadow:0 3px 12px rgba(15,23,42,.16)}
.psv8-map-legend span{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:800;color:#405367}.psv8-map-legend i{display:inline-block;width:16px;height:10px;border-radius:2px}
.psv8-records{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 12px 12px}.psv8-records>div{padding:10px 11px;border:1px solid #e0e6eb;border-radius:10px;background:#f8fafb}.psv8-records>div.old{border-left:5px solid #f59e0b}.psv8-records>div.new{border-left:5px solid #16a34a}.psv8-records span,.psv8-records b{display:block}.psv8-records span{font-size:10.5px;color:#758395;font-weight:750}.psv8-records b{margin-top:4px;font-size:12.8px;color:#293d50;line-height:1.35}
.psv8-diff{padding-bottom:14px}.psv8-diff .property-spatial-compare-metrics{padding:0 12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.psv8-diff .property-spatial-compare-metric{background:#f8fafb;border:1px solid #e1e7ec;border-radius:10px;padding:10px}.psv8-diff .property-spatial-compare-metric span{font-size:10.5px}.psv8-diff .property-spatial-compare-metric b{font-size:14px}.psv8-diff .tone-old{border-left:4px solid #f59e0b}.psv8-diff .tone-new,.psv8-diff .tone-added{border-left:4px solid #16a34a}.psv8-diff .tone-common{border-left:4px solid #2563eb}.psv8-diff .tone-removed{border-left:4px solid #d97706}
.psv8-qa{margin:10px 12px 0;padding:9px 10px;border:1px solid #efb4b8;background:#fff2f3;border-radius:9px;color:#9f2530}.psv8-qa b,.psv8-qa span{display:block}.psv8-qa span{margin-top:3px;font-size:11px;line-height:1.4}
.psv8-ground{padding:0 12px 14px!important;overflow:hidden!important}.psv8-ground .property-spatial-usage-history-head{padding:14px 4px 8px;margin:0}.psv8-ground .property-spatial-year-legend{padding:0 4px 9px}.psv8-ground .property-spatial-usage-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;min-width:0!important;overflow:visible}.psv8-ground .property-spatial-usage-year{min-width:0}.psv8-ground .property-spatial-usage-map{height:130px}.psv8-ground .property-spatial-usage-year-copy{padding:8px 9px}.psv8-ground .property-spatial-usage-year-copy strong{font-size:11.5px}.psv8-ground .property-spatial-usage-year-copy b{font-size:13px}
.psv8-foot{max-height:none!important;overflow:visible!important;border-top:0!important;background:#fff}.psv8-foot .property-spatial-compare-note{font-size:10.5px;color:#788592}.psv8-foot .property-occ-map-footer-actions{position:static!important;background:none!important;padding-top:4px}
@media(max-width:900px){.psv8-ground .property-spatial-usage-grid{grid-template-columns:repeat(5,160px);overflow-x:auto;padding-bottom:4px}.psv8-diff .property-spatial-compare-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.psv8-map-wrap{height:42dvh;min-height:300px;margin:0 8px}.psv8-map-legend{left:7px;right:7px;bottom:7px}.psv8-records{grid-template-columns:1fr;margin:8px}.psv8-ground{padding:0 8px 12px!important}.psv8-ground .property-spatial-usage-grid{grid-template-columns:repeat(5,154px);gap:7px}.psv8-ground .property-spatial-usage-map{height:118px}.psv8-diff .property-spatial-compare-metrics{padding:0 8px;grid-template-columns:1fr 1fr}.psv8-foot{padding:8px!important}.psv8-foot .property-occ-map-footer-actions{grid-template-columns:1fr 1fr!important}}
@media print{
 @page{size:A4 portrait;margin:5mm}
 html,body{background:#fff!important}
 body.milot-spatial-print-mode{margin:0!important;padding:0!important;overflow:visible!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
 body.milot-spatial-print-mode>*:not(#propertySpatialCompareModal){display:none!important}
 body.milot-spatial-print-mode #propertySpatialCompareModal.milot-spatial-print-target{
  position:static!important;inset:auto!important;z-index:auto!important;display:block!important;
  width:200mm!important;max-width:200mm!important;height:auto!important;min-height:0!important;
  margin:0 auto!important;padding:0!important;overflow:visible!important;background:#fff!important;
  color:#172b3d!important
 }
 body.milot-spatial-print-mode #propertySpatialCompareModal .property-occ-map-head{
  position:static!important;height:14mm!important;min-height:14mm!important;flex-basis:14mm!important;
  padding:0 4mm!important;border-bottom:1px solid #dfe5ea!important
 }
 body.milot-spatial-print-mode #propertySpatialCompareModal .property-occ-map-head button{display:none!important}
 body.milot-spatial-print-mode #propertySpatialCompareModal .property-occ-map-head b{font-size:12pt!important}
 body.milot-spatial-print-mode #propertySpatialCompareModal .property-occ-map-head span{font-size:8pt!important}
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-section-head{padding:3mm 4mm 2mm!important}
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-section-head b{font-size:10pt!important}
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-section-head span{font-size:7pt!important}
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-map-wrap{
  height:58mm!important;min-height:58mm!important;max-height:58mm!important;margin:0 4mm!important;
  border-radius:2mm!important;overflow:hidden!important
 }
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-map-legend{
  left:2mm!important;right:auto!important;bottom:2mm!important;gap:2mm!important;padding:2mm!important;
  border-radius:2mm!important;max-width:188mm!important
 }
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-map-legend span{font-size:6.8pt!important}
 body.milot-spatial-print-mode #propertySpatialCompareModal .maplibregl-control-container{display:none!important}
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-records{
  grid-template-columns:1fr 1fr!important;gap:1.5mm!important;margin:1.5mm 4mm 2mm!important
 }
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-records>div{padding:1.6mm!important;border-radius:2mm!important}
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-records span{font-size:6.8pt!important}
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-records b{font-size:8pt!important}
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-diff{padding-bottom:2mm!important}
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-diff .property-spatial-compare-metrics{
  grid-template-columns:repeat(3,1fr)!important;gap:1.5mm!important;padding:0 4mm!important
 }
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-diff .property-spatial-compare-metric{
  padding:1.5mm!important;border-radius:2mm!important
 }
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-diff .property-spatial-compare-metric span{font-size:6.2pt!important}
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-diff .property-spatial-compare-metric b{font-size:8pt!important}
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-qa{margin:2mm 4mm 0!important;padding:2mm!important}
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-ground{
  padding:0 4mm 3mm!important;overflow:visible!important
 }
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-ground .property-spatial-usage-history-head{
  padding:3mm 0 2mm!important
 }
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-ground .property-spatial-year-legend{
  padding:0 0 2mm!important
 }
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-ground .property-spatial-usage-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:2mm!important;
  overflow:visible!important;min-width:0!important;padding:0!important
 }
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-ground .property-spatial-usage-year{
  min-width:0!important;break-inside:avoid!important
 }
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-ground .property-spatial-usage-map{
  height:28mm!important;min-height:28mm!important;max-height:28mm!important
 }
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-ground .property-spatial-usage-year{
  min-height:38mm!important
 }
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-ground .property-spatial-usage-year-copy{
  padding:1.2mm!important
 }
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-ground .property-spatial-usage-year-copy strong{font-size:6.5pt!important}
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-ground .property-spatial-usage-year-copy b{font-size:7.2pt!important}
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-foot{
  padding:1.4mm 4mm!important;max-height:none!important;overflow:visible!important;border-top:1px solid #e5e7eb!important
 }
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-foot .property-occ-map-footer-actions{display:none!important}
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-foot .property-spatial-compare-note{font-size:6.5pt!important}
 body.milot-spatial-print-mode #propertySpatialCompareModal section{break-inside:avoid!important}
}


/* Apply the exact A4 map dimensions before opening Android's print preview.
   Google tiles and geographic overlays then render at their final viewport. */
@media screen{
 body.milot-spatial-print-mode{margin:0!important;padding:0!important;overflow:auto!important;background:#fff!important}
 body.milot-spatial-print-mode>*:not(#propertySpatialCompareModal){display:none!important}
 body.milot-spatial-print-mode #propertySpatialCompareModal.milot-spatial-print-target{
  position:static!important;inset:auto!important;display:block!important;width:200mm!important;max-width:200mm!important;
  height:auto!important;min-height:0!important;margin:0 auto!important;padding:0!important;overflow:visible!important;background:#fff!important
 }
 body.milot-spatial-print-mode #propertySpatialCompareModal .property-occ-map-head{position:static!important;height:14mm!important;min-height:14mm!important;padding:0 4mm!important}
 body.milot-spatial-print-mode #propertySpatialCompareModal .property-occ-map-head button{display:none!important}
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-section-head{padding:3mm 4mm 2mm!important}
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-map-wrap{height:58mm!important;min-height:58mm!important;max-height:58mm!important;margin:0 4mm!important}
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-records{grid-template-columns:1fr 1fr!important;gap:1.5mm!important;margin:1.5mm 4mm 2mm!important}
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-diff .property-spatial-compare-metrics{grid-template-columns:repeat(3,1fr)!important;gap:1.5mm!important;padding:0 4mm!important}
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-diff .property-spatial-compare-metric{padding:1.5mm!important}
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-ground{padding:0 4mm 3mm!important;overflow:visible!important}
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-ground .property-spatial-usage-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:2mm!important;overflow:visible!important;min-width:0!important;padding:0!important}
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-ground .property-spatial-usage-map{height:28mm!important;min-height:28mm!important;max-height:28mm!important}
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-ground .property-spatial-usage-year{min-height:38mm!important}
 body.milot-spatial-print-mode #propertySpatialCompareModal .maplibregl-control-container{display:none!important}
 body.milot-spatial-print-mode #propertySpatialCompareModal .psv8-foot .property-occ-map-footer-actions{display:none!important}
}