/* MİLOT Ardışık Zemin Karşılaştırma V2 · Puzzle */
.lineage-seq-entry.hidden{display:none!important}
.lineage-seq-entry-count{min-width:54px;text-align:center}
.property-spatial-compare-modal.lineage-seq-mode .lineage-seq-bar{
 display:grid;grid-template-columns:minmax(170px,1fr) auto minmax(180px,1fr);gap:10px;align-items:center;
 padding:10px 14px;background:#f8fafc;border-bottom:1px solid #dbe3ea
}
.lineage-seq-source,.lineage-seq-target{display:flex;flex-direction:column;gap:2px;min-width:0}
.lineage-seq-source span,.lineage-seq-target span{font-size:10px;font-weight:800;color:#748396;letter-spacing:.04em}
.lineage-seq-source b,.lineage-seq-target b{font-size:14px;color:#172b3d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lineage-seq-source small,.lineage-seq-target small{font-size:11px;color:#5f7183}
.lineage-seq-progress{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 12px;border-radius:12px;background:#172b3d;color:#fff}
.lineage-seq-progress b{font-size:14px}.lineage-seq-progress span{font-size:10px;opacity:.8}
.lineage-seq-components{
 display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 14px 12px;background:#fff;border-bottom:1px solid #e4e9ee
}
.lineage-seq-components section{min-width:0;border:1px solid #e1e7ec;border-radius:12px;padding:9px;background:#f9fbfc}
.lineage-comp-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}
.lineage-comp-head b{font-size:12px}.lineage-comp-head span{font-size:10px;font-weight:800;padding:3px 7px;border-radius:999px;background:#eef2f6;color:#59697a}
.lineage-comp-head.old b{color:#a66100}.lineage-comp-head.new b{color:#15763b}
.lineage-comp-chips{display:flex;flex-wrap:wrap;gap:6px}
.lineage-comp-chip{display:flex;align-items:center;gap:7px;padding:6px 8px;border-radius:9px;background:#fff;border:1px solid #dce3e9;min-width:0}
.lineage-comp-chip b{font-size:11px;white-space:nowrap}.lineage-comp-chip span{font-size:10px;color:#617182;white-space:nowrap}
.lineage-comp-chip.old{border-left:4px solid #f59e0b}.lineage-comp-chip.old b{color:#9c5d00}
.lineage-comp-chip.new{border-left:4px solid #2563eb}.lineage-comp-chip.new b{color:#1d4ed8}
.lineage-comp-chip.new.incoming{border-left-color:#f59e0b}.lineage-comp-chip.new.incoming b{color:#a16207}
.lineage-comp-chip.new.unknown{border-left-color:#64748b}
.lineage-comp-empty{font-size:11px;color:#7d8b98;padding:7px 8px;border:1px dashed #cdd6de;border-radius:9px;background:#fff}
.property-spatial-compare-modal.lineage-seq-mode .property-occ-map-footer-actions{gap:8px;flex-wrap:wrap}
.property-spatial-compare-modal.lineage-seq-mode #propertySpatialCompareCanvas{min-height:430px}
@media(max-width:700px){
 .property-spatial-compare-modal.lineage-seq-mode .lineage-seq-bar{grid-template-columns:1fr auto;padding:9px 12px}
 .lineage-seq-target{grid-column:1/-1}
 .lineage-seq-components{grid-template-columns:1fr;padding:8px 12px 10px;gap:8px}
 .lineage-comp-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}
 .lineage-comp-chip{flex:0 0 auto}
 .property-spatial-compare-modal.lineage-seq-mode .property-occ-map-footer-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%}
 .property-spatial-compare-modal.lineage-seq-mode .property-occ-map-footer-actions button{width:100%;min-height:48px}
 .property-spatial-compare-modal.lineage-seq-mode #propertySpatialCompareCanvas{min-height:360px}
}
.lineage-map-label{
 position:absolute;transform:translate(-50%,-50%);pointer-events:none;white-space:nowrap;
 display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 6px;
 border-radius:8px;border:1.5px solid rgba(255,255,255,.96);box-shadow:0 1px 5px rgba(15,23,42,.30);
 font:800 10px/1 system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.28)
}
.lineage-map-label.parcel{height:18px;min-width:20px;padding:0 5px;border-radius:6px;background:rgba(51,65,85,.66);font-size:9px;opacity:.82}
.lineage-map-label.parcel.clickable{opacity:.94;cursor:pointer;touch-action:manipulation;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}
.lineage-map-label.parcel.clickable:active{transform:translate(-50%,-50%) scale(.92);box-shadow:0 0 0 3px rgba(255,255,255,.78),0 2px 8px rgba(15,23,42,.34)}
.lineage-map-label.active-parcel{height:25px;min-width:30px;padding:0 8px;border-radius:9px;background:#0891b2;border-width:2px;font-size:11px;box-shadow:0 0 0 3px rgba(255,255,255,.72),0 2px 7px rgba(8,145,178,.45)}
.lineage-map-label.old{background:#d97706;border-color:#fff7ed;font-size:10px}
.lineage-map-label.new{background:#2563eb;border-color:#eff6ff;font-size:11px}
.lineage-map-label.new.incoming{background:#b45309;border-color:#fffbeb}
.lineage-map-label.new.unknown{background:#64748b;border-color:#f8fafc}

.lineage-comp-chip{appearance:none;-webkit-appearance:none;font:inherit;text-align:left;cursor:pointer}
.lineage-comp-chip.active{box-shadow:0 0 0 2px rgba(15,23,42,.12),0 3px 10px rgba(15,23,42,.10);transform:translateY(-1px)}
.lineage-comp-chip.old.active{background:#fff7ed;border-color:#f59e0b}
.lineage-comp-chip.new.active{background:#eff6ff;border-color:#2563eb}
.lineage-comp-chip.new.incoming.active{background:#fffbeb;border-color:#f59e0b}
.lineage-map-label.clickable{cursor:pointer;pointer-events:auto!important}
.lineage-map-label.selected-use{height:30px;min-width:34px;padding:0 10px;border-width:2px;font-size:12px;box-shadow:0 0 0 4px rgba(255,255,255,.78),0 0 14px rgba(15,23,42,.32)}
.lineage-map-label.selected-use.with-area{min-width:max-content;padding-right:10px}
.lineage-map-label.selected-use.with-area::after{
 content:attr(data-area-label);margin-left:8px;padding-left:8px;border-left:1px solid rgba(255,255,255,.58);
 font-size:10px;font-weight:800;line-height:1;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.22)
}
.lineage-map-expand-btn{
 position:absolute;top:12px;right:12px;z-index:40;width:42px;height:42px;border:0;border-radius:12px;
 display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.95);color:#172b3d;
 box-shadow:0 2px 10px rgba(15,23,42,.22);cursor:pointer
}
.lineage-map-expand-btn svg{width:21px;height:21px}
.property-spatial-compare-modal.lineage-map-expanded .psv8-map-wrap{
 position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-height:none!important;
 margin:0!important;border-radius:0!important;z-index:2147483000!important;background:#111827
}
.property-spatial-compare-modal.lineage-map-expanded #propertySpatialCompareCanvas{
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:100%!important
}
.property-spatial-compare-modal.lineage-map-expanded .psv8-map-legend{
 left:12px!important;right:12px!important;bottom:14px!important;width:auto!important;max-width:calc(100vw - 24px)!important
}
.property-spatial-compare-modal.lineage-map-expanded .lineage-map-expand-btn{top:14px;right:14px;width:46px;height:46px}

.lineage-direction-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px 14px;background:#f8fafc;border-bottom:1px solid #e2e8f0}
.lineage-direction-kpi{min-width:0;padding:8px 10px;border-radius:10px;background:#fff;border:1px solid #dbe3ea;border-left:4px solid #334155;display:flex;flex-direction:column;gap:3px}
.lineage-direction-kpi span{color:#64748b;font:700 10px/1.3 system-ui,sans-serif}
.lineage-direction-kpi b{color:#172b3d;font:800 13px/1.3 system-ui,sans-serif;white-space:nowrap}
.lineage-direction-kpi.net{border-left-color:#0f172a}.lineage-direction-kpi.local{border-left-color:#2563eb}
.lineage-direction-kpi.incoming{border-left-color:#f59e0b}.lineage-direction-kpi.outgoing{border-left-color:#dc2626}
.lineage-direction-unknown{grid-column:1/-1;color:#475569;font:600 10px system-ui,sans-serif}
@media(max-width:700px){.lineage-direction-summary{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 12px}.lineage-direction-kpi b{font-size:12px}}

/* Mobil puzzle haritası: lejantı sol alta kompaktlaştır, haritayı örtmesin. */
@media(max-width:700px){
 .property-spatial-compare-modal.lineage-seq-mode .psv8-map-legend{
  left:0!important;right:auto!important;bottom:0!important;
  width:calc(100% - 16px)!important;max-width:none!important;
  transform:scale(.72);transform-origin:left bottom;
  padding:5px 6px!important;gap:4px 6px!important;border-radius:0 10px 0 0!important;
  pointer-events:none!important
 }
 .property-spatial-compare-modal.lineage-seq-mode .psv8-map-legend span{font-size:9px!important;gap:4px!important}
 .property-spatial-compare-modal.lineage-seq-mode .psv8-map-legend i{width:13px!important;height:8px!important}
 .property-spatial-compare-modal.lineage-seq-mode.lineage-map-expanded .psv8-map-legend{
  left:0!important;right:auto!important;bottom:0!important;width:calc(100% - 16px)!important;max-width:none!important
 }
}


/* Ecrimisil kanıt seçimi · kullanıcı onaylı bağ */
.lineage-ecr-status{display:flex;align-items:flex-start;gap:10px;padding:9px 14px;border-bottom:1px solid #e2e8f0;background:#fff}
.lineage-ecr-status>svg{width:18px;height:18px;flex:0 0 18px;margin-top:1px}
.lineage-ecr-status>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.lineage-ecr-status b{font:800 11px/1.3 system-ui,sans-serif;color:#172b3d}
.lineage-ecr-status span{font:600 9.5px/1.35 system-ui,sans-serif;color:#64748b}
.lineage-ecr-status.ok{background:#f0fdf4}.lineage-ecr-status.ok>svg{color:#16a34a}
.lineage-ecr-status.warn{background:#fffbeb}.lineage-ecr-status.warn>svg{color:#d97706}
.lineage-ecr-status.empty{background:#f8fafc}.lineage-ecr-status.empty>svg{color:#64748b}
#lineageSeqEcr.lineage-ecr-selected{border-color:#16a34a!important;color:#166534!important;background:#f0fdf4!important}

.lineage-ecr-picker{position:fixed;inset:0;z-index:2147483600;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(15,23,42,.56);backdrop-filter:blur(2px)}
.lineage-ecr-picker.hidden{display:none!important}
.lineage-ecr-dialog{width:min(780px,100%);max-height:min(760px,90dvh);display:flex;flex-direction:column;overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 24px 80px rgba(15,23,42,.34);border:1px solid rgba(148,163,184,.45)}
.lineage-ecr-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px 15px;border-bottom:1px solid #e2e8f0;background:#f8fafc}
.lineage-ecr-head>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.lineage-ecr-head span{font:800 9px/1.2 system-ui,sans-serif;color:#64748b;letter-spacing:.08em}
.lineage-ecr-head b{font:850 19px/1.25 system-ui,sans-serif;color:#172b3d}
.lineage-ecr-head small{font:600 10.5px/1.4 system-ui,sans-serif;color:#64748b}
.lineage-ecr-close{width:38px;height:38px;flex:0 0 38px;border:1px solid #dbe3ea;border-radius:11px;background:#fff;color:#334155;display:flex;align-items:center;justify-content:center;cursor:pointer}
.lineage-ecr-close svg{width:18px;height:18px}
.lineage-ecr-list{display:flex;flex-direction:column;gap:9px;padding:14px 16px;overflow:auto;background:#f8fafc}
.lineage-ecr-card{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:flex-start;padding:13px 14px;border:1.5px solid #dbe3ea;border-radius:13px;background:#fff;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}
.lineage-ecr-card:hover{border-color:#94a3b8;box-shadow:0 4px 14px rgba(15,23,42,.07)}
.lineage-ecr-card.selected{border-color:#16a34a;background:#f0fdf4;box-shadow:0 0 0 2px rgba(22,163,74,.08)}
.lineage-ecr-card>input{position:absolute;opacity:0;pointer-events:none}
.lineage-ecr-check{width:22px;height:22px;border:1.5px solid #94a3b8;border-radius:7px;background:#fff;color:transparent;display:flex;align-items:center;justify-content:center;margin-top:1px}
.lineage-ecr-check svg{width:15px;height:15px}
.lineage-ecr-card.selected .lineage-ecr-check{border-color:#16a34a;background:#16a34a;color:#fff}
.lineage-ecr-main{display:flex;flex-direction:column;gap:6px;min-width:0}
.lineage-ecr-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.lineage-ecr-name b{font:850 13px/1.3 system-ui,sans-serif;color:#172b3d}
.lineage-ecr-name em{font:800 8.5px/1 system-ui,sans-serif;font-style:normal;color:#166534;background:#dcfce7;border:1px solid #bbf7d0;border-radius:999px;padding:4px 7px}
.lineage-ecr-meta{display:flex;gap:6px;flex-wrap:wrap}
.lineage-ecr-meta i{font:700 9px/1 system-ui,sans-serif;font-style:normal;color:#475569;background:#f1f5f9;border-radius:7px;padding:5px 7px}
.lineage-ecr-main small{font:600 9.3px/1.35 system-ui,sans-serif;color:#64748b}
.lineage-ecr-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:36px 18px;color:#64748b}
.lineage-ecr-empty svg{width:30px;height:30px}.lineage-ecr-empty b{color:#334155;font:800 13px system-ui,sans-serif}.lineage-ecr-empty span{font:600 10px system-ui,sans-serif}
.lineage-ecr-foot{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:13px 16px;border-top:1px solid #e2e8f0;background:#fff}
.lineage-ecr-foot>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.lineage-ecr-foot>div b{font:800 10px system-ui,sans-serif;color:#334155}.lineage-ecr-foot>div span{font:600 9px/1.35 system-ui,sans-serif;color:#64748b}
.lineage-ecr-foot button{min-height:40px}
@media(max-width:700px){
 .lineage-ecr-picker{padding:0;align-items:flex-end}
 .lineage-ecr-dialog{width:100%;max-height:92dvh;border-radius:18px 18px 0 0}
 .lineage-ecr-head{padding:15px 14px 12px}.lineage-ecr-head b{font-size:17px}
 .lineage-ecr-list{padding:10px}.lineage-ecr-card{padding:12px 11px}
 .lineage-ecr-foot{grid-template-columns:1fr 1fr;padding:10px}
 .lineage-ecr-foot>div{grid-column:1/-1}
}