:root {
  --green: #8ccf72;
  --panel-bg: #f5f7f6;
  --border: #d7d7d7;
}

/* Imported CAD/KML text remains crisp and selectable without a marker tile. */
.alya-imported-cad-text{background:transparent!important;border:0!important;white-space:nowrap;pointer-events:auto}
.alya-imported-cad-text span{display:inline-block;transform-origin:left center;text-shadow:0 0 2px rgba(255,255,255,.95),0 0 4px rgba(255,255,255,.9);font-family:Arial,sans-serif;line-height:1}
.leaflet-tooltip.alya-imported-label{background:rgba(255,255,255,.82);border:0;box-shadow:none;color:#111;padding:1px 3px;font-weight:600;text-shadow:0 0 2px #fff}

/* =====================================================================
   ANALIZ UI (temel133+) - Windows %100 ölçek taşma/üst üste binme düzeltmesi
   Not: Dosyanın en altına eklendi; önceki stilleri güvenli şekilde override eder.
   ===================================================================== */

.analysis-panel-v2{
  height:100%;
  display:flex;
  flex-direction:column;
  min-width:0;
}

.analysis-panel-v2 .dp-toolbar{
  padding:8px;
}

.analysis-panel-v2 .dp-tabs{
  display:flex;
  gap:6px;
  padding:6px 8px;
  border-bottom:1px solid rgba(0,0,0,.08);
  flex-wrap:nowrap;

  align-items:stretch;
}

.analysis-panel-v2 .dp-tabs{
  justify-content:space-between;
}
.analysis-panel-v2 .dp-tabs-left,
.analysis-panel-v2 .dp-tabs-right{
  display:flex;
  gap:6px;
  align-items:stretch;
  min-width:0;
}
.analysis-panel-v2 .dp-tabs-right{ margin-left:8px; flex:0 0 auto; }
.analysis-panel-v2 .dp-btn.tab.aux{
  padding:0 8px;
}

.analysis-panel-v2 .dp-btn.tab{
  height:32px;
  padding:0 10px;
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  gap:6px;
  min-width:0;
  border-radius:10px;
}
.analysis-panel-v2 .dp-btn.tab .dp-ico{ font-size:14px; line-height:1; }
.analysis-panel-v2 .dp-btn.tab .dp-lbl{ font-size:12px; line-height:1; white-space:nowrap; }

.analysis-panel-v2 .dp-btn.tab .dp-ico{ font-size:16px; line-height:1; }
.analysis-panel-v2 .dp-btn.tab .dp-lbl{ font-size:11px; line-height:1.1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* İçerik kaydırma */
.analysis-panel-v2 .dp-body{
  flex:1;
  min-height:0;
  overflow:auto;
  padding:8px;
}

/* Başlık ve aksiyonlar ayrı satır */
.analysis-panel-v2 .dp-pagehead{
  display:flex;
  align-items:center;
  padding:2px 2px 6px;
}
.analysis-panel-v2 .dp-pagehead-title{
  font-size:14px;
  font-weight:700;
}

.analysis-panel-v2 .dp-actions{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:8px;
  padding:6px 0 8px;
}

.analysis-panel-v2 .dp-action-btn{
  height:44px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:3px;
  padding:6px 4px;
}
.analysis-panel-v2 .dp-action-btn .dp-ico{ font-size:16px; line-height:1; }
.analysis-panel-v2 .dp-action-btn .dp-lbl{ font-size:11px; line-height:1.1; }

/* İkili satırlar (Min/Max gibi) */
.analysis-panel-v2 .dp-row2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.analysis-panel-v2 .dp-mini{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  align-items:center;
}

.analysis-panel-v2 .dp-row, .analysis-panel-v2 .dp-mini > div{
  min-width:0;
}

.analysis-panel-v2 input, .analysis-panel-v2 select{
  min-width:0;
}


/* =====================================================================
   ANALIZ PANEL (V2) — layout fix
   - üstte 5 ikon + küçük yazı (yan yana)
   - çakışma/taşma olmasın
   ===================================================================== */

#analysisPanelV2 .dp-tabs{
  display:grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap:6px !important;
  align-items:stretch !important;
  margin:0 0 8px 0 !important;
}

#analysisPanelV2 .dp-btn.tab{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  padding:6px 4px !important;
  min-height:44px !important;
  line-height:1.05 !important;
}

/* Temizlik: boş etiketleri sakla (gereksiz yazı kalabalığını azaltır) */
.analysis-panel-v2 .dp-row-l.is-empty,
.analysis-panel-v2 .dp-mini-label.is-empty{
  display:none !important;
}

/* dp-row2 içinde iki alanı daha kompakt yerleştir */
.analysis-panel-v2 .dp-row2 .dp-row-v{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

#analysisPanelV2 .dp-btn.tab .ico{
  font-size:16px !important;
  margin:0 !important;
}

#analysisPanelV2 .dp-btn.tab .lbl{
  font-size:11px !important;
  margin-top:3px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  width:100% !important;
  text-align:center !important;
}

#analysisPanelV2 .dp-actions{
  display:grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap:6px !important;
}

#analysisPanelV2 .dp-row2 .dp-row-v{
  display:grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap:6px !important;
}

#analysisPanelV2 .dp-inline{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  align-items:center !important;
}

#analysisPanelV2 .dp-inline label{
  margin:0 !important;
}

*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Arial,sans-serif}

body{
  display:flex;
  flex-direction:column;
  height:100vh;
  overflow:hidden;
}

.header{
  /* Netcad hissi: haritayı boğmayan ince üst şerit */
  background:linear-gradient(#f4f6f5,#e9efec);
  border-bottom:1px solid rgba(0,0,0,.10);
  box-shadow:0 2px 6px rgba(0,0,0,.1);
}

/* Üst menü: Netcad tarzı metin tabanlı menü */
.menubar{
  display:flex;
  gap:6px;
  padding:6px 10px 4px 10px;
  align-items:center;
  user-select:none;
}

.menubar button{
  background:rgba(255,255,255,.35);
  border:1px solid rgba(0,0,0,.12);
  border-radius:6px;
  padding:7px 10px;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
  transition:transform .12s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease;
}

.menubar button:hover{
  background:rgba(255,255,255,.55);
  transform:translateY(-1px);
  box-shadow:0 8px 16px rgba(34,54,80,.10);
}

.menubar button.active{
  background:linear-gradient(#ffffff,#e7f5e4);
  border-color:#8ac56c;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.12);
}

.menubar button:active{
  transform:translateY(1px) scale(.98);
  box-shadow:inset 0 2px 4px rgba(0,0,0,.18);
}

/* Bağlamsal araç alanı */
.context-area{
  /* STEP24: Üstteki kalın yeşil şerit kaldırıldı.
     Alt menüler sağ yan panele taşındı. */
  display:none;
}

/* ============================
   ÜST ALT MENÜ: Araçlar Ribbon
   (Netcad/MicroStation hissi)
   ============================ */
.tool-ribbon{
  display:flex;
  align-items:stretch;
  gap:10px;
  padding:6px 10px;
  background:#ffffff;
  border-top:1px solid rgba(0,0,0,.06);
  border-bottom:1px solid rgba(0,0,0,.12);
}

.rib-group{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:6px 8px 0 8px;
  border:1px solid rgba(0,0,0,.18);
  border-radius:3px;
  background:#ffffff;
  min-width: 260px;
}
.rib-group.narrow{ min-width: 160px; }

.rib-grid{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
}

.rib-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
}

.rib-sep{
  width:1px;
  height:26px;
  background:rgba(0,0,0,.15);
  margin:0 2px;
}

.rib-btn{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  width:40px;
  height:34px;
  border:1px solid rgba(0,0,0,.14);
  border-radius:4px;
  background:#ffffff;
  cursor:pointer;
  user-select:none;
  transition: .12s;
}
.rib-btn:hover{ background:#f1f6ff; }
.rib-btn.on,
.rib-btn.active{
  background:linear-gradient(#ffffff,#e8f4e6);
  border-color:#7fbe63;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.14);
  outline:2px solid rgba(127,190,99,.35);
  outline-offset:1px;
}

/* Extra-strong active visibility for edit commands (Netcad style) */
.rib-btn[data-rib^="edit-"].on,
.rib-btn[data-rib^="edit-"].active{
  outline:3px solid rgba(127,190,99,.55);
  box-shadow:0 0 0 2px rgba(127,190,99,.25), inset 0 1px 2px rgba(0,0,0,.14);
}
.rib-btn:active{ transform:translateY(1px); }

.rib-ico{ font-size:15px; line-height:15px; }
.rib-txt{ font-size:10px; font-weight:700; line-height:10px; opacity:.85; }

/* Mini alt menüler (Placement alt tipleri) */
.mini-submenu{
  position:fixed;
  z-index:99999;
  display:flex;
  gap:6px;
  padding:6px;
  background:#ffffff;
  border:1px solid rgba(0,0,0,.18);
  border-radius:8px;
  box-shadow:0 10px 26px rgba(0,0,0,.18);
}
.mini-subitem{
  display:flex;
  align-items:center;
  gap:6px;
  padding:6px 8px;
  border:1px solid rgba(0,0,0,.16);
  border-radius:6px;
  background:#f7f9fd;
  cursor:pointer;
}
.mini-subitem:hover{ background:#eef4ff; }
.mini-ico{ font-size:14px; line-height:14px; }
.mini-txt{ font-size:11px; font-weight:800; }

/* === CAD ikon dili: SVG ikonlar (Selection vs Placement ayrımı) === */
.ico{width:16px;height:16px;display:block;}
.ico svg{width:16px;height:16px;display:block;}
.ico svg *{stroke:currentColor;fill:none;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;}
.ico.sel svg *{stroke-dasharray:2 2;}
.ico.fill svg *{fill:currentColor;stroke:currentColor;stroke-dasharray:none;}
.ico.fill svg .no-fill{fill:none;}

.rib-cap{
  text-align:center;
  font-size:11px;
  font-weight:800;
  opacity:.75;
  margin-top:6px;
  padding:3px 0 4px 0;
  border-top:1px solid rgba(0,0,0,.10);
}

.hidden-tools{ display:none; }
.hidden{ display:none !important; }

/* Alt dinamik yardımcı bar (STEP24+) üst ribbon'a taşındı */
#dynAssistBar{ display:none !important; }

.context-area.open{
  border-top:0;
}

.contextbar{
  display:flex;
  gap:8px;
  padding:6px 0 0 0;
  align-items:flex-end;
  flex-wrap:nowrap;
  padding-right:0; /* sagdaki hizli araclar artik sag panelde */
  overflow-x:auto;
}

.contextbar::-webkit-scrollbar{ display:none; }
.contextbar{ -ms-overflow-style:none; scrollbar-width:none; }

/* Sabit hizli araclar (Yakalama/Secim/Duzenleme/Olcme) */
/* Eski sag ust hizli arac bar'i kaldirildi (FIXPACK -> sag panel) */
.fixed-quick-tools{ display:none !important; }

.fqt-group{ display:flex; align-items:center; gap:6px; }
.fqt-sep{ width:1px; height:34px; background:rgba(0,0,0,.18); }

.fqt-btn{
  width:40px;
  height:44px;
  border-radius:10px;
  border:none;
  background:transparent;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  padding-top:2px;
}

.fqt-btn:hover{ background:rgba(0,0,0,.06); }
.fqt-btn.active{
  background:rgba(104,184,90,.22);
  outline:1px solid rgba(58,166,85,.55);
  box-shadow: inset 0 -2px 0 rgba(58,166,85,.85);
}

.fqt-i{ font-size:16px; line-height:1; }
.fqt-t{ font-size:9.5px; line-height:1; opacity:0.75; letter-spacing:0.1px; }

/* Sağ panelde daha küçük, ikon ağırlıklı görünüm */
.sidebar-right .tool-row{ gap:6px; flex-wrap:wrap; }
.sidebar-right .fqt-btn{
  width:30px;
  height:30px;
  border-radius:8px;
  padding-top:0;
}
.sidebar-right .fqt-i{ font-size:16px; }
.sidebar-right .fqt-t{ display:none; }

/* Snap inline settings under Yakalama */
.snap-inline{ margin-top:6px; display:flex; flex-direction:column; gap:6px; }
.snap-inline-row{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.snap-mini-label{ font-size:11px; opacity:.75; min-width:52px; }
.snap-mini-range{ width:120px; }
.snap-mini-val{ font-size:11px; opacity:.8; }
.mini-pill{
  border:none;
  background:transparent;
  cursor:pointer;
  padding:4px 6px;
  border-radius:8px;
  font-size:14px;
  line-height:1;
}
.mini-pill:hover{ background:rgba(0,0,0,.06); }
.mini-pill.active{ background:rgba(104,184,90,.22); }
.hidden-inputs{ display:none; }

/* OSNAP floating menu (AutoCAD/Netcad benzeri) */
.osnap-menu{ position:absolute; z-index:9999; width:260px; background:#fff; border:1px solid rgba(0,0,0,.18); border-radius:10px; box-shadow:0 10px 24px rgba(0,0,0,.18); padding:8px; }
.osnap-menu.hidden{ display:none; }
.osnap-menu-title{ display:flex; align-items:center; justify-content:space-between; gap:8px; padding:4px 6px 8px; border-bottom:1px solid rgba(0,0,0,.08); margin-bottom:6px; }
.osnap-x{ border:0; background:rgba(0,0,0,.06); border-radius:8px; padding:4px 8px; cursor:pointer; }
.osnap-grid{ display:grid; grid-template-columns:1fr; gap:6px; padding:4px 6px; }
.osnap-sub{ margin-top:6px; padding-top:6px; border-top:1px dashed rgba(0,0,0,.12); display:grid; gap:6px; padding-left:6px; padding-right:6px; }
.osnap-item{ display:flex; align-items:center; gap:8px; font:12px/14px system-ui, -apple-system, Segoe UI, Arial; color:#222; user-select:none; }
.osnap-item input{ transform:translateY(1px); }
.osnap-ico{ width:18px; height:18px; display:inline-flex; align-items:center; justify-content:center; border-radius:6px; background:rgba(34,139,34,.10); color:#1b5; }
.osnap-actions{ display:flex; gap:8px; padding:8px 6px 4px; }
.osnap-act{ border:1px solid rgba(0,0,0,.12); background:#f7f7f7; border-radius:8px; padding:6px 10px; cursor:pointer; font:12px/14px system-ui, -apple-system, Segoe UI, Arial; }
.osnap-act:hover{ filter:brightness(0.98); }

/* Sağ panelde mini ayarlar (Düzenleme altında) */
.tool-inline-settings{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:8px;
}
.miniopt{
  display:flex;
  align-items:center;
  gap:6px;
  padding:6px 8px;
  border:1px solid rgba(0,0,0,.12);
  border-radius:10px;
  background:rgba(255,255,255,0.86);
  cursor:pointer;
  box-shadow:0 1px 2px rgba(0,0,0,.06);
  font-size:12px;
  user-select:none;
}
.miniopt input{ margin:0; }
.miniico{ font-size:14px; line-height:1; }
.minitxt{ font-size:11px; opacity:0.85; }

/* Snap Ayar Paneli */
.snappanel{ right:304px; width:280px; }
.snappanel.hidden{ display:none; }
.snaprow{ display:flex; align-items:center; gap:8px; }
.snaprow input[type="range"]{ flex:1; }
.snapval{ font-size:11px; opacity:0.8; min-width:52px; text-align:right; }

/* Seçim Ayar Paneli (Netcad mantığı: araç sabit, ayar ayrı) */
.selpanel{
  position:fixed;
  top:96px;
  right:12px;
  width:280px;
  background:rgba(255,255,255,0.92);
  border:1px solid rgba(0,0,0,0.16);
  border-radius:12px;
  box-shadow:0 8px 24px rgba(0,0,0,0.18);
  backdrop-filter: blur(8px);
  z-index:2500;
}
.selpanel.hidden{ display:none; }
.selpanel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:8px 10px;
  border-bottom:1px solid rgba(0,0,0,0.10);
}
.selpanel-title{ font-size:12px; font-weight:700; letter-spacing:0.2px; opacity:0.85; }
.selpanel-close{
  width:26px; height:26px;
  border-radius:8px;
  border:1px solid rgba(0,0,0,0.12);
  background:rgba(255,255,255,0.7);
  cursor:pointer;
}
.selpanel-close:hover{ background:rgba(255,255,255,0.9); }
.selpanel-body{ padding:8px 10px 10px 10px; display:flex; flex-direction:column; gap:10px; }
.selpanel-section-title{ font-size:11px; font-weight:700; opacity:0.75; margin:2px 0 6px 0; }
.selpanel-grid{ display:grid; grid-template-columns:1fr 1fr; gap:6px 8px; }
.selopt{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  padding:6px 6px;
  border-radius:10px;
  border:1px solid rgba(0,0,0,0.08);
  background:rgba(255,255,255,0.55);
  cursor:pointer;
  user-select:none;
}
.selopt:hover{ background:rgba(255,255,255,0.75); }
.selopt input{ margin:0; }
.selopt .ico{ width:16px; text-align:center; opacity:0.9; }
.selopt .txt{ font-size:11.5px; opacity:0.85; }

.ctx-group{
  background:#f8fff6;
  border:1px solid rgba(0,0,0,.10);
  border-radius:10px;
  padding:8px 10px;
  min-width:210px;
  box-shadow:0 2px 6px rgba(0,0,0,.06);
}

.ctx-group.compact{
  min-width:auto;
  padding:6px 6px 4px 6px;
  border-radius:12px;
  background:rgba(255,255,255,.35);
  border:1px solid rgba(0,0,0,.14);
  box-shadow:0 1px 3px rgba(0,0,0,.06);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
}

.ctx-group.compact .ctx-buttons{ display:flex; align-items:center; justify-content:center; }
.ctx-group.compact .ctx-title{ display:none; }

.ctx-group.ghost{
  background:rgba(255,255,255,.18);
  border:1px dashed rgba(0,0,0,.22);
  box-shadow:none;
}

.ctx-buttons.compact{ gap:6px; }

/* Tek satir ikon sirasi (tasarsa kaydir) */
.ctx-row{
  display:flex;
  align-items:center;
  gap:6px;
  overflow-x:auto;
  scroll-behavior:smooth;
  padding-bottom:2px;
  max-width:560px;
}
.ctx-row::-webkit-scrollbar{ display:none; }
.ctx-row{ -ms-overflow-style:none; scrollbar-width:none; }

.ctx-ibtn.mini{
  width:46px;
  height:44px;
}
.ctx-ibtn[data-scrollbtn]{
  width:28px;
  height:44px;
  font-size:18px;
  line-height:1;
}

.ctx-title{
  font-size:11px;
  font-weight:700;
  color:rgba(0,0,0,.72);
  margin:0 2px 4px 2px;
  line-height:1;
}

.ctx-ibtn{
  width:44px;
  height:42px;
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-radius:9px;
  border:1px solid rgba(0,0,0,.14);
  background:linear-gradient(rgba(255,255,255,.95),rgba(231,245,228,.85));
  cursor:pointer;
  transition:.12s;
  font-size:18px;
  line-height:1;
}

.ctx-ibtn .ctx-itxt{
  font-size:9px;
  font-weight:800;
  opacity:.72;
  margin-top:2px;
  line-height:1;
  letter-spacing:.2px;
}

.ctx-ibtn:hover{ transform:translateY(-1px); }

.ctx-spacer{ flex:1; }

/* Dropdown (ikon alt menüler) */
.dropdown-host{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index: 10000;
}

.dropdown-panel{
  position:absolute;
  pointer-events:auto;
  min-width:170px;
  background:#ffffff;
  border:1px solid rgba(0,0,0,.18);
  border-radius:12px;
  box-shadow:0 12px 30px rgba(0,0,0,.20);
  padding:8px;
}

.dropdown-panel.hidden{ display:none; }

.dd-title{
  font-size:11px;
  font-weight:900;
  opacity:.75;
  margin:2px 4px 8px 4px;
}

.dd-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:6px;
}

.dd-item{
  width:54px;
  height:48px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  border:1px solid rgba(0,0,0,.14);
  background:linear-gradient(#ffffff,#f1f7ef);
  cursor:pointer;
  font-size:18px;
}

.dd-item .dd-lbl{
  font-size:9px;
  font-weight:800;
  opacity:.72;
  margin-top:2px;
  line-height:1;
  letter-spacing:.2px;
}

.dd-item:hover{ transform:translateY(-1px); }

.ctx-title{
  font-size:11px;
  font-weight:800;
  opacity:.75;
  margin-bottom:6px;
  letter-spacing:.2px;
}

.ctx-buttons{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}

.ctx-btn{
  background:linear-gradient(#ffffff,#e7f5e4);
  border:1px solid #c5d8bf;
  border-radius:8px;
  padding:7px 10px;
  font-size:12px;
  cursor:pointer;
  transition:.12s;
}

.ctx-btn:hover{ transform:translateY(-1px); }

.ctx-btn.primary{
  background:linear-gradient(#e1f7d9,#b9e9a2);
  border-color:#8ac56c;
  font-weight:800;
}

.ctx-label{
  font-size:12px;
  font-weight:800;
  opacity:.8;
  margin-right:2px;
}

.ctx-input{
  height:30px;
  border-radius:8px;
  border:1px solid rgba(0,0,0,.18);
  padding:0 8px;
  background:#fff;
  font-size:12px;
}

.toolbar{
  display:none;
  gap:6px;
  padding:6px 10px 8px 10px;
  border-top:1px solid rgba(0,0,0,.07);
  background:#f8fff6;
  align-items:center;
  flex-wrap:wrap;
}
.toolbar.visible{display:flex}

.icon-btn{
  border:1px solid #cbdcc7;
  border-radius:8px;
  background:#ffffff;
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  padding:0;
  cursor:pointer;
  box-shadow:0 2px 4px rgba(0,0,0,.08);
}
.icon-btn.on{
  border-color:#7fbe63;
  background:#e3f6da;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.18);
}

.style-btn{
  border:1px solid #cbdcc7;
  border-radius:6px;
  background:#ffffff;
  padding:3px 6px;
  cursor:pointer;
  height:26px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 1px 3px rgba(0,0,0,.06);
  font-size:13px;
}
.style-btn.on{
  border-color:#7fbe63;
  background:#e3f6da;
}

.tool-sep{
  width:1px;
  height:26px;
  background:rgba(0,0,0,.15);
  margin:0 4px;
}

.style-group{
  display:flex;
  align-items:center;
  gap:4px;
  margin-left:4px;
}

.line-demo{
  width:18px;
  height:0;
  border-top:2px solid #000;
}
.line-demo.thick2{border-top-width:4px;}
.line-demo.thick3{border-top-width:6px;}

.color-swatch{
  width:18px;
  height:18px;
  border-radius:4px;
  border:1px solid rgba(0,0,0,.3);
  cursor:pointer;
  box-shadow:0 1px 2px rgba(0,0,0,.15);
}
.color-swatch.on{outline:2px solid #222;}

.label-title{font-size:11px;opacity:.8;}

.main{
  flex:1;
  display:flex;
  min-height:0;
}

.sidebar{
  width:260px;
  background:var(--panel-bg);
  border-right:1px solid var(--border);
  padding:10px;
  display:flex;
  flex-direction:column;
  gap:8px;
  min-height:0;
}


.sidebar.sidebar-right{
  border-right:none;
  border-left:1px solid var(--border);
}

/* Sağ yan menü: üst ana menünün alt menüsü */
#rightSidebar{
  width:300px;
  /* Right sidebar as a column so its body can scroll */
  display:flex;
  flex-direction:column;
  height:100%;
  transition: width .18s ease, padding .18s ease;
  display:flex;
  flex-direction:column;
  min-height:0;
}

#rightSidebar.collapsed{
  width:42px;
  padding:8px 6px;
}
#rightSidebar .rs-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
#rightSidebar .rs-title{
  font-size:12px;
  font-weight:800;
  opacity:.85;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#rightSidebar.collapsed .rs-title{ display:none; }
#rightSidebar .rs-toggle{
  width:28px;
  height:28px;
  border-radius:8px;
  border:1px solid rgba(0,0,0,.12);
  background:rgba(255,255,255,.8);
  cursor:pointer;
}
#rightSidebar .rs-toggle:hover{ background:#fff; }

#rightSidebar .rs-body{ display:flex; flex-direction:column; gap:10px; flex:1; min-height:0; overflow-y:auto; overflow-x:hidden; }
#rightSidebar .rs-body::-webkit-scrollbar{ width:8px; }
#rightSidebar .rs-body::-webkit-scrollbar-thumb{ background: rgba(120,120,120,.35); border-radius:6px; }
#rightSidebar .rs-body::-webkit-scrollbar-thumb:hover{ background: rgba(120,120,120,.55); }

#rightSidebar .rs-body::-webkit-scrollbar{ width:8px; }
#rightSidebar .rs-body::-webkit-scrollbar-thumb{ background:rgba(120,120,120,.35); border-radius:8px; }
#rightSidebar .rs-body::-webkit-scrollbar-track{ background:rgba(0,0,0,.06); border-radius:8px; }
#rightSidebar.collapsed .rs-body{ display:none; }

.rs-section{
  background:#fff;
  border:1px solid var(--border);
  border-radius:10px;
  padding:8px;
}
.rs-section-title{
  font-size:11px;
  font-weight:800;
  opacity:.75;
  margin-bottom:6px;
}
.rs-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:6px;
}
.rs-btn{
  border:1px solid rgba(0,0,0,.12);
  background:rgba(245,247,246,.9);
  border-radius:10px;
  padding:8px 6px;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
}

/* ---------- Veri paneli (menü mimarisi) ---------- */
.data-panel{display:flex;flex-direction:column;gap:10px;}
.data-tabs{display:flex;gap:6px;flex-wrap:wrap;}
.data-tab{border:1px solid #c8d9c8;background:#fff;border-radius:8px;padding:6px 10px;font-size:12px;cursor:pointer;}
.data-tab.on{outline:2px solid rgba(92,184,92,.35);border-color:#79c879;}
.data-body{display:block;}
.data-card{border:1px solid #e6e6e6;border-radius:12px;padding:10px;background:#fff;}
.rs-btn:hover{ filter:brightness(.98); }
.rs-ico{ font-size:16px; line-height:1; }
.rs-lbl{ font-size:10px; opacity:.78; line-height:1; text-align:center; }

/* GPS / Projeksiyon panel (right sidebar) */
.gps-panel{display:flex;flex-direction:column;gap:8px;padding:4px 2px}
.gps-row{display:grid;grid-template-columns:110px 1fr;gap:8px;align-items:center}
.gps-row.gps-actions{grid-template-columns:repeat(3,1fr);gap:6px}
.gps-lbl{font-size:12px;opacity:.85}
.gps-inp{width:100%;padding:8px 10px;border:1px solid rgba(0,0,0,.12);border-radius:10px;background:#fff;font-size:12px}
.gps-note{margin-top:6px;font-size:11px;opacity:.75;line-height:1.2}

.tool-row{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:center;
}

.tool-row .fqt-btn{
  width:46px;
  height:48px;
}

.tool-row .fqt-t{ font-size:10px; }

/* fqt butonlarini panel icinde daha derli toplu yap */
.sidebar .fqt-btn{ width:46px; height:48px; }

.sidebar h3{
  font-size:13px;
  font-weight:600;
  padding:6px 8px;
  background:var(--green);
  border-radius:6px;
  color:#0a2a03;
}

.layer-box{
  background:#fff;
  border:1px solid var(--border);
  border-radius:6px;
  padding:8px;
  min-height:80px;
  font-size:12px;
  color:#333;
}

.layer-group{margin-bottom:6px;}
.layer-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:12px;
  margin-bottom:2px;
}
.layer-header span{font-weight:600;}

.layer-list{
  list-style:none;
  margin:0;
  margin-left:4px;
  padding:0;
  font-size:11px;
}
.layer-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:2px 0;
  cursor:pointer;
}
.layer-item:hover{color:#0070ff;}
.layer-item.selected{background:#e4f1ff;}

.layer-item-actions span{
  margin-left:3px;
  cursor:pointer;
}
.layer-item-actions span:hover{color:#0070ff;}

#map{flex:1;}
.leaflet-draw-tooltip{font-size:11px;}

.context-menu{
  position:fixed;
  display:none;
  background:#ffffff;
  border:1px solid #cbdcc7;
  box-shadow:0 3px 8px rgba(0,0,0,.25);
  border-radius:6px;
  z-index:3000;
  min-width:160px;
  font-size:12px;
}
.context-menu button{
  display:block;
  width:100%;
  padding:6px 10px;
  border:none;
  background:#ffffff;
  text-align:left;
  cursor:pointer;
}
.context-menu button:hover{background:#e9f7e4;}

.proj-label{font-size:12px;}
#projectionSelect{
  height:24px;
  font-size:11px;
  border-radius:4px;
  border:1px solid #b5c9b0;
  padding:0 4px;
  background:#ffffff;
}
.proj-hint{
  font-size:11px;
  opacity:.8;
  margin-left:6px;
}

.statusbar{
  height:22px;
  font-size:11px;
  padding:2px 10px;
  border-top:1px solid #cfcfcf;
  background:#f1f3f1;
  display:flex;
  align-items:center;
  color:#333;
  justify-content:space-between;
}
.statusbar-left{flex:1;}
.statusbar-right{flex:0;}
.statusbar small{opacity:0.8;}

#demOpacity{
  width:110px;
}


/* V6 overlay */
.status-btn{
  border:1px solid rgba(0,0,0,.25);
  background:#ffffff;
  color:#333;
  font-size:11px;
  padding:2px 8px;
  border-radius:4px;
  margin-right:6px;
  cursor:pointer;
}
.status-btn:hover{
  background:#e9f7e4;
}

.v6-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.55);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:9999;
}
.v6-overlay.visible{
  display:flex;
}
.v6-inner{
  width:90%;
  height:90%;
  background:#000;
  box-shadow:0 10px 30px rgba(0,0,0,.6);
  border-radius:8px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.v6-header{
  height:32px;
  background:#111827;
  color:#e5e7eb;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 10px;
  font-size:13px;
}
.v6-close{
  border:none;
  background:transparent;
  color:#e5e7eb;
  font-size:18px;
  cursor:pointer;
}
.v6-close:hover{
  color:#f97373;
}
#v6Frame{
  flex:1;
  width:100%;
  border:none;
}


.legend-panel{
  position:absolute;
  right:16px;
  bottom:40px;
  min-width:140px;
  max-width:220px;
  background:rgba(255,255,255,0.92);
  border:1px solid rgba(0,0,0,0.25);
  border-radius:6px;
  box-shadow:0 2px 6px rgba(0,0,0,0.25);
  font-size:11px;
  padding:6px 8px;
  z-index:1200;
  display:none;
}
.legend-panel h4{
  margin:0 0 4px 0;
  font-size:11px;
  font-weight:600;
}
.legend-row{
  display:flex;
  align-items:center;
  margin:1px 0;
}
.legend-color{
  width:14px;
  height:14px;
  border-radius:3px;
  border:1px solid rgba(0,0,0,0.2);
  margin-right:4px;
}
.legend-label{
  flex:1;
}


/* --- Right dynamic panel --- */
.right-panel{
  position:absolute;
  top:56px;
  right:8px;
  width:clamp(280px, 28vw, 360px);
  height:calc(100% - 56px - 56px);
  background:#ffffff;
  border-radius:10px;
  box-shadow:0 10px 30px rgba(0,0,0,.18);
  z-index:1200;
  overflow:hidden;
}

.right-panel.hidden{ display:none; }
.rp-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 12px;
  border-bottom:1px solid #e6e6e6;
  background:#f7faf7;
}
.rp-title{ font-weight:700; }
.rp-close{
  border:none;
  background:#e9f1e9;
  width:32px;height:32px;
  border-radius:8px;
  cursor:pointer;
  font-size:18px;
}
.rp-body{ padding:0; overflow:hidden; height:calc(100% - 54px); display:flex; flex-direction:column; }

/* toolbar widgets inside right panel */
.tb-section-title{ font-weight:700; margin:6px 0; }
.tb-row{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin:6px 0; }
.tb-grid{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px; }
.tb-btn,.tb-chip{
  border:1px solid #cfe2cf;
  background:#f4fbf4;
  border-radius:8px;
  padding:8px 10px;
  cursor:pointer;
  font-weight:600;
}
.tb-chip{ text-align:center; }
.tb-btn:hover,.tb-chip:hover{ filter:brightness(.98); }
.tb-label{ font-size:12px; opacity:.8; }
.tb-input{
  flex:1;
  min-width:180px;
  border:1px solid #d8e6d8;
  border-radius:8px;
  padding:8px 10px;
}
.tb-check{ font-size:13px; display:flex; gap:8px; align-items:center; }

/* Draw toolbar moved to top ribbon area (v28-like) */
#tb-draw{
  position:static;
  left:auto;
  right:auto;
  bottom:auto;
  z-index:auto;
  width:100%;
  border-radius:0;
  box-shadow:none;
  border-top:1px solid rgba(0,0,0,.07);
  border-bottom:1px solid rgba(0,0,0,.08);
  background:#f3f4f6;
  padding:8px 10px;
  margin:0;
}
#tb-draw .icon-btn,
#tb-draw .style-btn{
  border-radius:4px;
}
#tb-draw .style-group{
  padding:0 2px;
}
body{ padding-bottom:0; }


/* DRAW: Crosshair (Netcad hissi) */
#map.crosshair-on{cursor:crosshair;}

/* Netcad cursor: draw = thin plus, select = ring (no box/border UI)
   SVG cursors must be URL-encoded ( # => %23 ). */
#map.cursor-draw{
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cline x1='16' y1='2' x2='16' y2='30' stroke='%23111' stroke-width='1'/%3E%3Cline x1='2' y1='16' x2='30' y2='16' stroke='%23111' stroke-width='1'/%3E%3Ccircle cx='16' cy='16' r='1' fill='%23111'/%3E%3C/svg%3E") 16 16, crosshair;
}
#map.cursor-select{
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Ccircle cx='16' cy='16' r='8' fill='none' stroke='%23111' stroke-width='1'/%3E%3Ccircle cx='16' cy='16' r='1' fill='%23111'/%3E%3C/svg%3E") 16 16, default;
}
#map.cursor-command{
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Crect x='8' y='8' width='16' height='16' fill='none' stroke='%23111' stroke-width='1'/%3E%3Cline x1='16' y1='3' x2='16' y2='29' stroke='%23111' stroke-width='1'/%3E%3Cline x1='3' y1='16' x2='29' y2='16' stroke='%23111' stroke-width='1'/%3E%3Ccircle cx='16' cy='16' r='1' fill='%23111'/%3E%3C/svg%3E") 16 16, crosshair;
}

/* Leaflet.draw çizgi çizerken çıkan "kare" vertex ikonunu incelt (Netcad hissi) */
.leaflet-div-icon.leaflet-editing-icon,
.leaflet-div-icon.leaflet-draw-tooltip,
.leaflet-editing-icon{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.leaflet-div-icon.leaflet-editing-icon{
  width: 4px !important;
  height: 4px !important;
  margin-left: -2px !important;
  margin-top: -2px !important;
  border-radius: 50% !important;
  background: rgba(17,17,17,0.85) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.7) !important;
}

/* Seçim araçları (alt toolbar) artık kullanılmıyor; üst hızlı araçlarla çakışmasın */
#selectionTools{ display:none !important; }

/* --- Netcad-style Snap markers (distinct symbols) --- */
.aly-snap-vertex, .aly-snap-mid, .aly-snap-intersect, .aly-snap-point{ background:transparent !important; border:0 !important; }

.aly-snap-vertex-i{
  width:12px;height:12px;transform:rotate(45deg);
  border:2px solid #ffcc00;background:rgba(0,0,0,0.25);
  box-shadow:0 0 3px rgba(0,0,0,0.6);
}
.aly-snap-mid-i{
  width:12px;height:12px;border-radius:50%;
  border:2px solid #00d0ff;background:rgba(0,0,0,0.25);
  box-shadow:0 0 3px rgba(0,0,0,0.6);
}
.aly-snap-point-i{
  width:6px;height:6px;border-radius:50%;
  background:#00ff6a;
  box-shadow:0 0 4px rgba(0,0,0,0.7);
  margin:6px;
}
.aly-snap-intersect-i{
  width:16px;height:16px;position:relative;
}
.aly-snap-intersect-i:before,.aly-snap-intersect-i:after{
  content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  background:#ff3b3b;
  box-shadow:0 0 3px rgba(0,0,0,0.6);
}
.aly-snap-intersect-i:before{ width:14px;height:2px; }
.aly-snap-intersect-i:after{ width:2px;height:14px; }

/* Snap marker: Netcad tarzı artı işareti */
.aly-snap-cross{background:transparent;border:0;}
.aly-snap-cross .aly-snap-cross-i{width:18px;height:18px;position:relative;}
.aly-snap-cross .aly-snap-cross-i:before,
.aly-snap-cross .aly-snap-cross-i:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  background:#ffcc00;
  box-shadow:0 0 0 1px #111;
}
.aly-snap-cross .aly-snap-cross-i:before{width:18px;height:2px;}
.aly-snap-cross .aly-snap-cross-i:after{width:2px;height:18px;}

/* --- Dinamik Alt Menü (Netcad tarzı) --- */
.dyn-assist-bar{
  /* Netcad dinamik menu her zaman haritanin USTUNDE kalmali */
  position:fixed;
  right:24px;
  top:112px; /* fixedQuickTools'ın altına oturur */
  width:min(760px, calc(100vw - 440px));
  height:42px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:12px;
  background:rgba(255,255,255,0.78);
  backdrop-filter: blur(10px);
  box-shadow:0 6px 18px rgba(0,0,0,0.18);
  border:1px solid rgba(0,0,0,0.08);
  z-index: 30000;
}

/* Tool active/pressed feedback (Netcad hissi) */
.icon-btn.active, .icon-btn.on, .fqt-btn.active{
  outline: 2px solid rgba(0,0,0,0.18);
  box-shadow: 0 3px 10px rgba(0,0,0,0.18);
}
.icon-btn:active, .fqt-btn:active{
  transform: translateY(1px);
}
.dyn-assist-bar.hidden{ display:none; }
.dyn-assist-bar .dyn-sep{ width:1px;height:24px; background:rgba(0,0,0,0.12); margin:0 2px; }
.dyn-assist-bar .dyn-btn{
  height:30px;
  min-width:30px;
  padding:0 10px;
  border-radius:10px;
  border:1px solid rgba(0,0,0,0.10);
  background:rgba(255,255,255,0.9);
  cursor:pointer;
  font-weight:600;
  font-size:12px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  user-select:none;
}
.dyn-assist-bar .dyn-btn.on{
  border-color:rgba(0,0,0,0.25);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.15);
}
.dyn-assist-bar .dyn-btn .ico{ font-size:14px; line-height:1; }
.dyn-assist-bar .dyn-mini{
  height:30px;
  display:flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  font-weight:600;
  padding:0 6px;
  border-radius:10px;
  background:rgba(0,0,0,0.04);
  border:1px solid rgba(0,0,0,0.08);
}
.dyn-assist-bar input[type="range"]{ width:140px; }


/* Pindex labels */
.pindex-label div{
  font-size: 11px;
  font-weight: 700;
  line-height: 20px;
  width: 150px;
  height: 20px;
  padding: 0;
  border-radius: 0;
  background: transparent;
  border: 0;
  color: #000;
  white-space: nowrap;
  text-align: center;
  transform: none;
  pointer-events: none;
}

.pindex-label-ilbank div{
  background: transparent;
  color: #000;
  border: 0;
  font-weight: 700;
  letter-spacing: 0;
}

.pindex-label-center,
.pindex-label-center div{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.pindex-svg-label-layer{
  position:absolute;
  inset:0 auto auto 0;
  pointer-events:none;
  overflow:hidden;
}
.alya-layer-text-label{
  background:transparent;
  border:0;
  box-shadow:none;
  padding:0;
  pointer-events:none;
}
.alya-layer-text-label::before{display:none;}

/* Eski sağ ayar penceresi kaldırıldı; katman ayarları soldaki katman özellikleri diyalogundan açılır. */
.aly-si2{display:none !important;}


/* Layer tools */
.layer-item-actions span{cursor:pointer; padding:0 4px; user-select:none;}
.layer-item.locked{opacity:0.6;}

/* ============================
   Projection Gate (Netcad-style)
   ============================ */
.alya-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:9999}
.alya-modal{width:min(740px,92vw);max-height:86vh;overflow:auto;background:#111418;color:#e9eef3;border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:0 24px 80px rgba(0,0,0,.55)}
.alya-modal-hd{display:flex;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
.alya-badge{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(255,255,255,.08)}
.alya-modal-title{font-weight:800;font-size:15px;letter-spacing:.2px}
.alya-modal-sub{font-size:12px;opacity:.8;margin-top:2px}
.alya-modal-body{padding:14px 16px}
.alya-modal-ft{display:flex;justify-content:flex-end;gap:10px;padding:14px 16px;border-top:1px solid rgba(255,255,255,.08)}
.alya-kv{display:flex;gap:10px;align-items:flex-start;margin:8px 0}
.alya-kv .k{width:120px;opacity:.8;font-size:12px}
.alya-kv .v{flex:1;font-size:12px}
.alya-section{margin-top:12px;padding:12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.alya-section-title{font-weight:700;font-size:12px;margin-bottom:8px;opacity:.95}
.alya-select{width:100%;padding:10px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0f1216;color:#e9eef3;outline:none}
.alya-radio{display:flex;gap:10px;align-items:flex-start;font-size:13px;margin:8px 0}
.alya-hint{font-size:11px;opacity:.75;margin-top:8px}
.muted{opacity:.7}
.alya-btn{padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#e9eef3;cursor:pointer}
.alya-btn:hover{background:rgba(255,255,255,.09)}
.alya-btn.primary{background:rgba(48,140,255,.22);border-color:rgba(48,140,255,.38)}
.alya-btn.primary:hover{background:rgba(48,140,255,.28)}

/* STEP31: snap ghost points (nearby candidates) */
.leaflet-interactive.aly-snap-ghost{ pointer-events:none; opacity:0.9; }
.leaflet-interactive.aly-snap-ghost.vertex{ }
.leaflet-interactive.aly-snap-ghost.mid{ stroke-dasharray:2 2; }
.leaflet-interactive.aly-snap-ghost.intersect{ stroke-width:2; }
.leaflet-interactive.aly-snap-ghost.point{ }


/* === ALYA PROJ/GPS PANEL (STEP73 visual) === */
.aly-card{
  background:#ffffff;
  border:1px solid rgba(0,0,0,0.10);
  border-radius:12px;
  padding:12px;
  box-shadow:0 1px 6px rgba(0,0,0,0.06);
}
.aly-row{
  display:flex;
  align-items:center;
  gap:10px;
}
.aly-label{
  font-size:12px;
  font-weight:600;
  color:#2b2b2b;
  min-width:86px;
}
.aly-select{
  flex:1;
  height:34px;
  border-radius:10px;
  border:1px solid rgba(0,0,0,0.14);
  padding:0 10px;
  background:#fff;
  outline:none;
}
.aly-select:focus{
  border-color: rgba(46, 125, 50, 0.55);
  box-shadow:0 0 0 3px rgba(46, 125, 50, 0.14);
}
.aly-btn{
  height:32px;
  padding:0 10px;
  border-radius:10px;
  border:1px solid rgba(0,0,0,0.14);
  background:#fff;
  font-weight:600;
  font-size:12px;
  cursor:pointer;
  user-select:none;
}
.aly-btn:hover{
  background:rgba(46,125,50,0.06);
  border-color:rgba(46,125,50,0.35);
}
.aly-btn.aly-on{
  background:rgba(46,125,50,0.16);
  border-color:rgba(46,125,50,0.65);
}
.aly-hint{
  margin-top:10px;
  font-size:12px;
  line-height:1.25;
  color:#4b4b4b;
  background:rgba(0,0,0,0.03);
  border:1px dashed rgba(0,0,0,0.15);
  padding:10px;
  border-radius:10px;
}

/* Right panel sections (Netcad style compact) */
.rp-section{ padding:12px 14px; border-bottom:1px solid rgba(0,0,0,.06); }
.rp-h{ font-weight:700; font-size:13px; margin-bottom:10px; color:#111; }
.rp-row{ display:flex; align-items:center; gap:10px; margin:8px 0; }
.rp-lbl{ width:70px; font-size:12px; color:#333; }
.rp-select{ flex:1; height:34px; border:1px solid rgba(0,0,0,.15); border-radius:8px; padding:0 10px; background:#fff; }
.rp-actions{ justify-content:flex-start; }
.rp-btn{ height:34px; padding:0 12px; border-radius:8px; border:1px solid rgba(0,0,0,.15); background:#fff; cursor:pointer; }
.rp-btn.primary{ border-color: rgba(34,197,94,.65); background: rgba(34,197,94,.10); }
.rp-btn:active{ transform: translateY(1px); }
.rp-note{ margin-top:8px; font-size:11px; color:#666; line-height:1.35; }

/* Analiz (196) compact controls */
.rp-block{ padding:10px 10px 12px 10px; }
.rp-block-title{ font-weight:800; font-size:13px; margin-bottom:8px; }
.rp-grid2{
  display:grid;
  grid-template-columns: 110px 1fr;
  gap:6px 8px;
  align-items:center;
}
.rp-lbl{ width:auto; font-size:11px; color:#222; opacity:0.9; }
.rp-inp{
  width:100%;
  height:26px;
  border:1px solid rgba(0,0,0,.18);
  border-radius:8px;
  padding:0 8px;
  font-size:12px;
  background:#fff;
}
.rp-inp[type="range"]{ height:auto; padding:0; }
.rp-row{ display:flex; gap:8px; align-items:center; margin-top:10px; }
.rp-btn{
  height:30px;
  padding:0 10px;
  border-radius:9px;
  border:1px solid rgba(0,0,0,.18);
  background:#fff;
  cursor:pointer;
  font-size:12px;
  display:flex;
  align-items:center;
  gap:6px;
}
.rp-btn.primary{ border-color: rgba(34,197,94,.65); background: rgba(34,197,94,.12); }
.rp-ico{ font-size:12px; opacity:0.9; }
.rp-legend{ max-height:220px; overflow:auto; }



/* --- Sidebar Tabs + Layer Quickbar (STEP84) --- */

.side-tabs{
  display:flex;
  gap:6px;
  padding:6px 6px 8px 6px;
  align-items:center;
  border-bottom:1px solid #e5e5e5;
  background:#fafafa;
  position:sticky;
  top:0;
  z-index:3;
}
.side-tab{
  flex:1;
  border:1px solid #d8d8d8;
  background:#ffffff;
  border-radius:8px;
  padding:6px 8px;
  font-size:12px;
  cursor:pointer;
  user-select:none;
}
.side-tab.on{
  border-color:#8bc34a;
  box-shadow:0 0 0 2px rgba(139,195,74,.18) inset;
  background:#f7fff0;
}
.side-panel{ padding-top:6px; flex:1; min-height:0; overflow-y:auto; }
.side-panel[hidden]{ display:none; }

.layer-quickbar{
  display:flex;
  gap:6px;
  padding:6px;
  align-items:center;
  border:1px solid #e6e6e6;
  background:#ffffff;
  border-radius:10px;
  margin:6px 0;
}
.lq-btn{
  width:28px;
  height:26px;
  border:1px solid #d9d9d9;
  background:#fff;
  border-radius:8px;
  cursor:pointer;
  font-size:14px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
}
.lq-btn:hover{ background:#f6f6f6; }
.lq-btn:active{ transform:translateY(1px); }
.lq-sep{ width:1px; height:18px; background:#e1e1e1; margin:0 2px; }

.layer-item.active{ outline:2px solid rgba(139,195,74,.55); border-radius:8px; }


/* --- Veri panel (sağ alt) mini sekmeler --- */
.data-page{ display:flex; flex-direction:column; gap:10px; }
.data-mini-tabs{ display:flex; gap:6px; padding:6px; border:1px solid #e6e6e6; border-radius:10px; background:#fff; flex-wrap:wrap; }
.data-mini-tab{ display:flex; align-items:center; gap:6px; padding:6px 8px; border:1px solid #e9e9e9; border-radius:8px; background:#fafafa; cursor:pointer; font-size:12px; }
.data-mini-tab .dmt-ico{ font-size:13px; line-height:1; }
.data-mini-tab .dmt-txt{ font-size:12px; }
.data-mini-tab.on{ background:#eef7ff; border-color:#b9dcff; }
.data-mini-body{ padding:0 2px; }

.dp-page{ display:flex; flex-direction:column; gap:10px; }
.dp-sec{ border:1px solid #e6e6e6; border-radius:10px; background:#fff; padding:8px; }
.dp-h{ font-weight:700; font-size:12px; margin-bottom:6px; }
.dp-row{ display:flex; gap:6px; align-items:center; flex-wrap:wrap; }
.dp-btn{ display:flex; align-items:center; gap:6px; border:1px solid #e6e6e6; background:#fafafa; border-radius:9px; padding:6px 8px; cursor:pointer; font-size:12px; }
.dp-btn:disabled{ opacity:.55; cursor:not-allowed; }
.dp-btn:hover{ filter:brightness(.99); }
.dp-btn:active{ transform:translateY(1px); filter:brightness(.98); }
.dp-ico{ font-size:13px; width:16px; text-align:center; }
.dp-txt{ font-size:12px; }
.dp-box{ border:1px dashed #e6e6e6; border-radius:10px; padding:8px; background:#fcfcfc; display:flex; flex-direction:column; gap:8px; }
.dp-lbl{ min-width:64px; font-size:12px; opacity:.8; }
.dp-select, .dp-input{ flex:1; min-width:120px; border:1px solid #e6e6e6; border-radius:8px; padding:6px 8px; font-size:12px; background:#fff; }
.dp-mini{ border:1px solid #e6e6e6; border-radius:8px; background:#fff; padding:6px 8px; cursor:pointer; font-size:12px; }
.dp-check{ display:flex; align-items:center; gap:8px; font-size:12px; }
.dp-val{ width:42px; text-align:right; font-size:12px; opacity:.85; }

.dp-note{ border:1px solid #e6e6e6; border-radius:10px; background:#fff; padding:8px; }
.dp-list-title{ font-weight:700; font-size:12px; margin-bottom:6px; }
.dp-tags{ display:flex; gap:6px; flex-wrap:wrap; }
.dp-tag{ font-size:11px; border:1px solid #e6e6e6; border-radius:999px; padding:2px 8px; background:#fafafa; }
.dp-sub{ font-size:12px; opacity:.8; margin-top:6px; line-height:1.35; }

/* --- Katman listesi (Veri katmanları) küçük ikon + az yazı --- */
.layer-item .li-row{ display:flex; align-items:center; gap:8px; padding:6px 6px; }
.layer-item .li-ico{ border:none; background:transparent; cursor:pointer; font-size:12px; padding:2px 4px; }
.layer-item .li-label{ flex:1; display:flex; align-items:center; gap:6px; min-width:0; }
.layer-item .li-label .li-n{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }
.layer-item .li-right{ display:flex; gap:4px; opacity:.85; }
.layer-item.active{ outline:2px solid rgba(76, 175, 80, .35); border-radius:10px; }


/* --- Floating draggable windows (AlyaGIS) --- */

.aly-floatwin{
  position: fixed;
  width: 330px;
  max-width: calc(100vw - 40px);
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.12);
  border-radius: 10px;
  box-shadow: 0 10px 28px rgba(0,0,0,0.18);
  overflow: hidden;
  user-select: none;
}
.aly-floatwin-h{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 8px 10px;
  background: linear-gradient(#ffffff, #f6f6f6);
  border-bottom: 1px solid rgba(0,0,0,0.08);
}
.aly-floatwin-title{
  font-weight: 700;
  font-size: 13px;
  color: #222;
  letter-spacing: .2px;
}
.aly-floatwin-actions{
  display:flex;
  gap:6px;
  align-items:center;
}
.aly-floatwin-btn{
  border: 1px solid rgba(0,0,0,0.12);
  background: #fff;
  border-radius: 8px;
  height: 26px;
  min-width: 28px;
  padding: 0 8px;
  cursor: pointer;
  line-height: 1;
}
.aly-floatwin-btn:hover{ background:#f4f4f4; }
.aly-floatwin-b{
  padding: 10px 10px 12px 10px;
  user-select: text;
}
.aly-floatwin-pinned .aly-floatwin-h{
  background: linear-gradient(#fff9e8, #fff3d1);
}

/* ---- Style Inspector (Tek Ayar) ---- */
.aly-si{ width: 340px; }
.aly-si .aly-floatwin-b{ padding: 8px; }
.aly-si-body{ max-height: 70vh; overflow: auto; }
.aly-si-warn{ font-size:12px; margin: 4px 0 8px 0; padding: 6px 8px; border-radius: 8px; background:#fff7d6; color:#6a4b00; display:none; }
.aly-si-warn.show{ display:block; }
.aly-si-row{ display:flex; align-items:center; gap:8px; margin:6px 0; }
.aly-si-lbl{ width:70px; font-size:12px; opacity:0.85; }
.aly-si-val{ width:54px; font-size:12px; opacity:0.85; text-align:right; }
.aly-si-mini{ height:26px; border:1px solid rgba(0,0,0,0.12); background:#fff; border-radius:8px; padding:0 8px; cursor:pointer; font-size:12px; }
.aly-si-mini:hover{ background:#f4f4f4; }
.aly-si-btn{ height:26px; border:1px solid rgba(0,0,0,0.12); background:#fff; border-radius:8px; padding:0 10px; cursor:pointer; font-size:12px; }
.aly-si-btn:hover{ background:#f4f4f4; }
.aly-si-num{ width:78px; height:26px; border:1px solid rgba(0,0,0,0.12); background:#fff; border-radius:8px; padding:0 8px; font-size:12px; }
.aly-si-sel{ width:100%; height:26px; border:1px solid rgba(0,0,0,0.12); background:#fff; border-radius:8px; padding:0 8px; font-size:12px; }
.aly-si-details, .aly-si-sec{ border:1px solid rgba(0,0,0,0.10); border-radius:10px; margin:6px 0; padding:6px 8px; }
.aly-si-details > summary, .aly-si-sec > summary{ cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:space-between; user-select:none; }
.aly-si-details > summary::-webkit-details-marker, .aly-si-sec > summary::-webkit-details-marker{ display:none; }
.aly-si-sum-left{ display:flex; align-items:center; gap:8px; }
.aly-si-badge{ font-size:11px; padding:2px 6px; border-radius:999px; border:1px solid rgba(0,0,0,0.12); }
.aly-si-grid2{ display:grid; grid-template-columns: 1fr 1fr; gap:6px; }
.aly-si-catalog{ border:1px dashed rgba(0,0,0,0.15); border-radius:10px; padding:6px; margin-top:6px; }
.aly-si-tabs{ display:flex; gap:6px; margin:4px 0 8px 0; }
.aly-si-tab{ flex:1; height:26px; border:1px solid rgba(0,0,0,0.12); background:#fff; border-radius:8px; cursor:pointer; font-size:12px; }
.aly-si-tab.active{ background:#f0f6ff; border-color: rgba(0,70,140,0.25); }
.aly-si-search{ width:100%; height:28px; border:1px solid rgba(0,0,0,0.12); border-radius:10px; padding:0 10px; font-size:12px; }
.aly-si-group{ margin-top:8px; }
.aly-si-gtitle{ font-size:12px; font-weight:600; opacity:0.8; margin:6px 2px; }
.aly-si-items{ display:flex; flex-wrap:wrap; gap:6px; }
.aly-si-preset{ height:26px; border:1px solid rgba(0,0,0,0.12); background:#fff; border-radius:999px; padding:0 10px; cursor:pointer; font-size:12px; }
.aly-si-preset:hover{ background:#f4f4f4; }
.aly-si-disabled{ opacity:0.55; pointer-events:none; }


/* --- Style Inspector v2 (ikonlu yan menü) --- */

.aly-si2{ position:fixed; width:320px; background:#fff; border:1px solid rgba(0,0,0,.18); border-radius:10px; box-shadow:0 10px 30px rgba(0,0,0,.18); overflow:hidden; font-family:system-ui, -apple-system, Segoe UI, Roboto, Arial; }
.aly-si2.hidden{ display:none; }
.aly-si2-head{ display:flex; align-items:center; justify-content:space-between; padding:8px 10px; background:linear-gradient(#ffffff,#f6f7f9); border-bottom:1px solid rgba(0,0,0,.08); cursor:grab; }
.aly-si2.pinned .aly-si2-head{ cursor:default; }
.aly-si2-title{ display:flex; align-items:center; gap:8px; min-width:0; }
.aly-si2-ico{ font-size:16px; }
.aly-si2-name{ font-weight:600; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:150px; }
.aly-si2-sub{ font-size:11px; color:#555; margin-left:6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:140px; }
.aly-si2-actions{ display:flex; gap:6px; }
.aly-si2-btn{ width:28px; height:26px; border:1px solid rgba(0,0,0,.12); background:#fff; border-radius:8px; cursor:pointer; }
.aly-si2-btn:hover{ background:#f2f4f7; }
.aly-si2-body{ display:flex; height:420px; }
.aly-si2-nav{ width:44px; border-right:1px solid rgba(0,0,0,.08); background:#fbfbfc; display:flex; flex-direction:column; gap:6px; padding:8px 6px; }
.aly-si2-navbtn{ width:32px; height:32px; border-radius:10px; border:1px solid rgba(0,0,0,.10); background:#fff; cursor:pointer; font-size:14px; }
.aly-si2-navbtn.active{ outline:2px solid rgba(0,0,0,.18); background:#f2f4f7; }
.aly-si2-panels{ flex:1; padding:10px; overflow:auto; }
.aly-si2-panel.hidden{ display:none; }
.aly-si2-row{ display:flex; align-items:center; gap:8px; margin-bottom:10px; }
.aly-si2-lbl{ font-size:11px; color:#333; min-width:60px; }
.aly-si2-val{ font-size:11px; color:#444; min-width:40px; text-align:right; }
.aly-si2-note{ font-size:11px; color:#7a5b00; background:#fff8d6; border:1px solid #ffe08a; padding:8px; border-radius:8px; }
.aly-si2-group{ border:1px solid rgba(0,0,0,.10); border-radius:10px; padding:10px; margin-bottom:10px; background:#fff; }
.aly-si2-ghead{ font-size:12px; font-weight:600; margin-bottom:8px; color:#222; }
.aly-si2-grid2{ display:grid; grid-template-columns:70px 1fr; gap:8px 10px; align-items:center; }
.aly-si2-grid2 input[type="number"]{ width:100%; padding:6px 8px; border-radius:8px; border:1px solid rgba(0,0,0,.14); }
.aly-si2-grid2 input[type="color"]{ width:100%; height:34px; border:1px solid rgba(0,0,0,.14); border-radius:8px; padding:2px; background:#fff; }
.aly-si2-row input[type="range"]{ flex:1; }
.aly-si2-row select{ flex:1; padding:6px 8px; border-radius:8px; border:1px solid rgba(0,0,0,.14); }
.aly-si2-chip{ border:1px solid rgba(0,0,0,.14); background:#fff; border-radius:999px; padding:6px 10px; cursor:pointer; font-size:12px; }
.aly-si2-chip:hover{ background:#f2f4f7; }
.aly-si2-chip:disabled{ opacity:0.45; cursor:not-allowed; }
.aly-si2-tabs{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin-bottom:10px; }
.aly-si2-tab{ border:1px solid rgba(0,0,0,.14); background:#fff; border-radius:10px; padding:6px 10px; cursor:pointer; font-size:12px; }
.aly-si2-tab.active{ background:#f2f4f7; }
.aly-si2-search{ flex:1; min-width:120px; padding:7px 10px; border:1px solid rgba(0,0,0,.14); border-radius:10px; }
.aly-si2-lib{ display:flex; flex-direction:column; gap:10px; }
.aly-si2-libgroup{ border:1px dashed rgba(0,0,0,.14); border-radius:10px; padding:10px; }
.aly-si2-libtitle{ font-size:12px; font-weight:600; margin-bottom:8px; color:#333; }
.aly-si2-librow{ display:flex; gap:6px; flex-wrap:wrap; }


/* ---- AlyaGIS Label Tooltip (Style Inspector) ---- */
.leaflet-tooltip.aly-label-tip{
  background: rgba(255,255,255,0.0);
  border: none;
  box-shadow: none;
  padding: 0 2px;
  font-weight: 600;
  text-shadow: 0 0 2px rgba(255,255,255,0.9), 0 0 1px rgba(255,255,255,0.9);
}



/* ADIM 3: Data panel active-layer header */
.dp-active-bar{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #d7d7d7;border-radius:10px;margin:8px 0;background:#fff;}
.dp-active-lbl{font-size:12px;opacity:.75;white-space:nowrap;}
.dp-active-val{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


/* Katman grupları akordiyon */
.layer-header{ display:flex; align-items:center; justify-content:space-between; cursor:pointer; user-select:none; }
.layer-header .lg-caret{ font-size:12px; opacity:.7; }
.layer-group.collapsed .layer-list{ display:none; }


/* Basma hissi */
.style-btn:active{ transform: translateY(1px); filter: brightness(0.95); }

/* --- Analysis panel tabs (dp-tabs) --- */
.dp-tabs{ display:flex; gap:6px; flex-wrap:wrap; }
.dp-tab{ display:flex; align-items:center; gap:6px; border:1px solid #e6e6e6; background:#fff; border-radius:999px; padding:6px 10px; cursor:pointer; font-size:12px; }
.dp-tab.on{ border-color:#7fbf7f; box-shadow:0 0 0 2px rgba(127,191,127,.18) inset; }
.dp-tab:disabled{ opacity:.55; cursor:not-allowed; }


/* === ANALYSIS PANEL V2 (Surfer-style) === */

.analysis-panel-v2{ font-family: system-ui,Segoe UI,Arial; }
.analysis-panel-v2 .dp-topbar{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  align-items:center;
  margin:4px 0 6px;
}
.analysis-panel-v2 .dp-topbar .dp-btn{ flex:1 1 calc(33.33% - 4px); min-width:0; justify-content:center; }
.analysis-panel-v2 .dp-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  align-items:center;
  margin:6px 0 10px;
}
.analysis-panel-v2 .dp-body{ display:block; }
.analysis-panel-v2 .dp-box{ border:1px solid #e7e7e7; border-radius:9px; padding:8px; margin:8px 0; background:#fff; }
.analysis-panel-v2 .dp-h{ font-weight:700; font-size:12px; margin-bottom:8px; color:#333;}
.analysis-panel-v2 .dp-row{ display:flex; align-items:center; gap:10px; margin:8px 0;}
.analysis-panel-v2 .dp-row-l{ width:84px; font-size:12px; color:#444;}
.analysis-panel-v2 .dp-row-v{ flex:1; }
.analysis-panel-v2 .dp-select,.analysis-panel-v2 .dp-input{ width:100%; padding:7px 9px; border:1px solid #d8d8d8; border-radius:8px; font-size:12px; background:#fff;}
.analysis-panel-v2 .dp-input[type="range"]{ padding:0; height:26px;}
.analysis-panel-v2 .dp-check{ display:flex; align-items:center; gap:8px; font-size:12px; margin:6px 0; color:#333; user-select:none;}
.analysis-panel-v2 .dp-check input{ width:14px; height:14px; }
.analysis-panel-v2 .dp-btn{ display:inline-flex; align-items:center; gap:6px; padding:7px 10px; border:1px solid #d6d6d6; border-radius:10px; background:#ffffff; cursor:pointer; font-size:12px; line-height:1; box-shadow:0 1px 0 rgba(0,0,0,0.04); transition: transform .06s ease, box-shadow .06s ease, background .12s ease;}
.analysis-panel-v2 .dp-btn .dp-ico{ font-size:14px; }
.analysis-panel-v2 .dp-btn .dp-lbl{ font-size:12px; white-space:nowrap; }
.analysis-panel-v2 .dp-btn:hover{ background:#f7f7f7; }
.analysis-panel-v2 .dp-btn:active{ transform: translateY(1px); box-shadow:0 0 0 rgba(0,0,0,0.02); }
.analysis-panel-v2 .dp-btn.primary{ border-color:#7fb3ff; background:#eef6ff; }
.analysis-panel-v2 .dp-btn.accent{ border-color:#7ee1b1; background:#effdf6; }
.analysis-panel-v2 .dp-btn.tab{
  padding:4px 6px;
  border-radius:10px;
  justify-content:center;
  flex: 1 1 calc(33.333% - 6px);
  min-width: 0;
}
.analysis-panel-v2 .dp-btn.tab.active{ border-color:#444; background:#f0f0f0; }


/* --- ANALYSIS PANEL ultra-compact (alan tasarrufu) --- */
.analysis-panel-v2 .dp-btn{ font-size:10.5px; padding:4px 6px; border-radius:7px; gap:5px; }
.analysis-panel-v2 .dp-ico{ font-size:11.5px; width:13px; }
.analysis-panel-v2 .dp-lbl{ font-size:10.5px; line-height:1; }
.analysis-panel-v2 .dp-tabs .dp-btn.tab{ padding:3px 4px; gap:3px; }
.analysis-panel-v2 .dp-tabs .dp-btn.tab .dp-lbl{ font-size:9px; }
.analysis-panel-v2 .dp-h{ font-size:11.5px; margin-bottom:6px; }
.analysis-panel-v2 .dp-row{ margin:6px 0; }
.analysis-panel-v2 .dp-row-l{ font-size:10.5px; width:76px; }
.analysis-panel-v2 .dp-select,.analysis-panel-v2 .dp-input{ padding:6px 7px; font-size:11px; border-radius:7px; }
.analysis-panel-v2 .dp-check{ font-size:11px; margin:5px 0; gap:7px; }


/* analysis panel page header */
.analysis-panel-v2 .dp-pagehead{ display:flex; align-items:center; justify-content:space-between; gap:6px; margin:4px 0 8px 0; }
.analysis-panel-v2 .dp-pagehead-title{ font-weight:600; font-size:12px; color:#222; }
.analysis-panel-v2 .dp-actions-wrap{ display:flex; align-items:center; }

/* analysis v2 compact layout improvements */
.analysis-panel-v2 .dp-topbar .dp-btn{ width:100%; justify-content:center; }
/* dp-tabs flex-wrap: her tab 1/3 genişlikte olsun; width:100% burada override ETME */
.analysis-panel-v2 .dp-tabs .dp-btn.tab{ justify-content:center; }
.analysis-panel-v2 .dp-tabs .dp-btn.tab .dp-lbl{ font-size:9.5px; }


/* compact tabs: avoid overflow */
.analysis-panel-v2 .dp-btn.tab{ min-width:0; }
.analysis-panel-v2 .dp-btn.tab .dp-lbl{ overflow:hidden; text-overflow:ellipsis; }


/* --- Analysis panel compact inline rows --- */
.dp-inline3{ display:grid; grid-template-columns:repeat(3, 1fr); gap:6px; align-items:center; }
.dp-inline3 .dp-check{ margin:0; padding:0; }
.analysis-panel-v2 .dp-check{ font-size:11px; }
.analysis-panel-v2 .dp-row-l{ font-size:11px; }
.analysis-panel-v2 .dp-input,.analysis-panel-v2 .dp-select{ font-size:11px; padding:4px 6px; }
.analysis-panel-v2 .dp-box{ padding:8px; margin:6px 0; }


/* --- ANALIZ PANEL COMPACT FIX (temel121) --- */
.analysis-panel-v2 .dp-tabs{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(82px, 1fr));
  gap:6px;
  margin:8px 0 10px 0;
}
.analysis-panel-v2 .dp-btn.tab{
  padding:4px 6px;
  font-size:12px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  white-space:nowrap;
}
.analysis-panel-v2 .dp-btn.tab .ico{
  width:14px;
  height:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
}
.analysis-panel-v2 .dp-actions{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap:6px;
  margin:6px 0 10px 0;
}
.analysis-panel-v2 .dp-actions .dp-btn{
  padding:5px 6px;
  font-size:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.analysis-panel-v2 .dp-box{
  padding:10px;
  margin:8px 0;
}
.analysis-panel-v2 .dp-inline3{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap:8px;
  align-items:center;
}
.analysis-panel-v2 label{
  font-size:12px;
}
.analysis-panel-v2 input[type="text"],
.analysis-panel-v2 select{
  font-size:12px;
  padding:6px 8px;
}

/* === ANALIZ PANELI: KOMPAKT & SABIT GRID OVERRIDE (temel123) === */
#panel-analysis .dp-tabs,
#panel-analysis .dp-tabgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0 10px 0;}
#panel-analysis .dp-tab{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 8px;border:1px solid #d6e2e6;border-radius:999px;background:#fff;cursor:pointer;user-select:none;white-space:nowrap;font-size:12px;line-height:1;}
#panel-analysis .dp-tab .ico{font-size:12px;opacity:.9;}
#panel-analysis .dp-tab.active{border-color:#7bbf92;box-shadow:0 0 0 2px rgba(123,191,146,.15) inset;}

#panel-analysis .analysis-actionbar{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px 0;}
#panel-analysis .analysis-actionbar .btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #d6e2e6;border-radius:10px;background:#fff;cursor:pointer;font-weight:600;font-size:12px;line-height:1;}
#panel-analysis .analysis-actionbar .btn .ico{font-size:12px;}
#panel-analysis .analysis-actionbar .btn.primary{border-color:#7bbf92;background:#f3fff7;}
#panel-analysis .analysis-actionbar .btn.danger{border-color:#f3c0c0;background:#fff7f7;}

#panel-analysis .inline3{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
#panel-analysis .inline3 label{display:inline-flex;align-items:center;gap:6px;margin:0;}

#panel-analysis .card{margin:10px 0;padding:10px;border:1px solid #e6eef0;border-radius:12px;background:#fff;}
#panel-analysis .card h4{margin:0 0 8px 0;font-size:13px;}
#panel-analysis .form-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
#panel-analysis .form-row .field{flex:1;min-width:120px;}
#panel-analysis select,#panel-analysis input[type="number"],#panel-analysis input[type="text"]{width:100%;padding:6px 8px;border:1px solid #d6e2e6;border-radius:10px;font-size:12px;}

/* =========================================================
   ANALİZ PANELİ (KOMPAKT / NETCAD-vari)
   - Tablar 3'lü dizilir
   - Alan/Çalış/Sil butonları yan yana
   - Kontur seçenekleri tek satır
   - Boşluklar azaltıldı, taşmalar engellendi
   ========================================================= */

#panel-right, .analysis-panel-v2, .analysis-panel-v2 *{ box-sizing:border-box; }

.analysis-panel-v2{
  padding: 8px 8px 10px;
}

.analysis-panel-v2 .dp-tabs{
  display:grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin: 6px 0 10px;
}

.analysis-panel-v2 .dp-topbar{
  display:grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin: 6px 0 10px;
}

.analysis-panel-v2 .dp-btn,
.analysis-panel-v2 .tab{
  height: 28px;
  padding: 0 8px;
  border-radius: 10px;
  font-size: 11px;
  line-height: 28px;
  white-space: nowrap;
}

.analysis-panel-v2 .dp-btn .dp-ico,
.analysis-panel-v2 .tab .dp-ico{
  font-size: 14px;
  width: 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.analysis-panel-v2 .dp-btn:active,
.analysis-panel-v2 .tab:active{
  transform: translateY(1px);
}

.analysis-panel-v2 .dp-card{ margin: 8px 0; }
.analysis-panel-v2 .dp-card .dp-card-h{ padding: 8px 10px; }
.analysis-panel-v2 .dp-card .dp-card-b{ padding: 10px; }

.analysis-panel-v2 .dp-inline3{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

.analysis-panel-v2 .dp-inline2{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}

.analysis-panel-v2 .dp-row{ margin: 8px 0; }
.analysis-panel-v2 .dp-row label{ font-size: 11px; }
.analysis-panel-v2 select, .analysis-panel-v2 input[type="number"], .analysis-panel-v2 input[type="text"]{
  height: 30px;
  padding: 0 10px;
  border-radius: 10px;
}

.analysis-panel-v2 .dp-checkline{
  display:flex;
  gap: 10px;
  align-items:center;
  flex-wrap:wrap;
}
.analysis-panel-v2 .dp-checkline label{ margin:0; }

/* Sağ panel içinde taşma olmasın */
#panel-right{ overflow-x:hidden; }


/* =========================================================
   ANALİZ PANELİ (KOMPAKT / NETCAD-vari)
   ========================================================= */

#panel-right, .analysis-panel-v2, .analysis-panel-v2 *{ box-sizing:border-box; }

.analysis-panel-v2{
  padding: 8px 8px 10px;
}

.analysis-panel-v2 .dp-tabs{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin: 6px 0 8px;
}

.analysis-panel-v2 .dp-topbar{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin: 4px 0 10px;
}

.analysis-panel-v2 .dp-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 28px;
  padding: 0 8px;
  border-radius: 10px;
  font-size: 11px;
  line-height: 1;
  user-select: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.analysis-panel-v2 .dp-btn .dp-ico{
  width: 14px;
  height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.analysis-panel-v2 .dp-btn:active{
  transform: translateY(1px);
}

.analysis-panel-v2 .dp-section{
  margin: 10px 0;
}

.analysis-panel-v2 .dp-section h4{
  margin: 0 0 6px;
  font-size: 12px;
}

.analysis-panel-v2 .dp-field{
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
}

.analysis-panel-v2 .dp-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.analysis-panel-v2 .dp-row label{
  font-size: 11px;
}

.analysis-panel-v2 select,
.analysis-panel-v2 input[type="text"],
.analysis-panel-v2 input[type="number"]{
  height: 28px;
  padding: 0 8px;
  border-radius: 8px;
  font-size: 11px;
}

.analysis-panel-v2 input[type="checkbox"]{
  transform: scale(0.95);
}

.analysis-panel-v2 .dp-inline3{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  align-items: center;
}

.analysis-panel-v2 .dp-inline2{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  align-items: center;
}

/* Kontur satırını tek satırda topla */
.analysis-panel-v2 .dp-section .dp-inline3 label{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
}

/* Panel dışına taşmaları engelle */
.analysis-panel-v2{ overflow-x: hidden; }


/* Kompakt butonlar */
.analysis-panel-v2 .dp-btn{
  height: 28px;
  padding: 0 8px;
  border-radius: 8px;
  border: 1px solid rgba(0,0,0,0.15);
  background: #fff;
  font-size: 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  cursor: pointer;
  user-select: none;
}
.analysis-panel-v2 .dp-btn .dp-ico{ font-size: 12px; line-height: 1; }
.analysis-panel-v2 .dp-btn:active{ transform: translateY(1px); }
.analysis-panel-v2 .dp-btn.tab{ justify-content: flex-start; }
.analysis-panel-v2 .dp-btn.tab.active{
  outline: 2px solid rgba(46, 134, 193, 0.25);
  border-color: rgba(46, 134, 193, 0.35);
}

.analysis-panel-v2 .dp-topbar{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin: 4px 0 10px;
}

.analysis-panel-v2 .dp-pageTitle{
  font-size: 12px;
  margin: 2px 0 6px;
}

/* Kompakt butonlar */
.analysis-panel-v2 .dp-btn{
  height: 28px;
  padding: 0 8px;
  border-radius: 8px;
  border: 1px solid rgba(0,0,0,0.15);
  background: #fff;
  font-size: 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  cursor: pointer;
  user-select: none;
}
.analysis-panel-v2 .dp-btn .dp-ico{ font-size: 12px; line-height: 1; }

.analysis-panel-v2 .dp-btn:active{ transform: translateY(1px); }
.analysis-panel-v2 .dp-btn.is-active,
.analysis-panel-v2 .dp-btn.tab.is-active{
  border-color: rgba(46, 170, 82, 0.7);
  box-shadow: 0 0 0 2px rgba(46, 170, 82, 0.15);
}

.analysis-panel-v2 .dp-topbar{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin: 6px 0 10px;
}

/* Kontur seçenekleri tek satır */
.analysis-panel-v2 .dp-inline3{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  align-items: center;
}
.analysis-panel-v2 .dp-inline3 label{
  white-space: nowrap;
}

/* Form satırları */
.analysis-panel-v2 .dp-row{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  align-items: center;
}
.analysis-panel-v2 .dp-row label{ font-size: 11px; color: rgba(0,0,0,0.75); }
.analysis-panel-v2 .dp-row input,
.analysis-panel-v2 .dp-row select{
  width: 100%;
  height: 28px;
  padding: 0 8px;
  border-radius: 8px;
  border: 1px solid rgba(0,0,0,0.18);
  background: #fff;
  font-size: 11px;
}


/* =====================================================================
   ANALIZ PANEL (V2) — layout fix (Patron)
   - Üstte 5 ikon + küçük yazı (yan yana)
   - Çakışma/taşma olmasın
   ===================================================================== */

#analysisPanelV2.analysis-panel-v2 .dp-tabs{
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
}

#analysisPanelV2.analysis-panel-v2 .dp-btn.tab{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  height: 44px;
  padding: 4px 6px;
}

#analysisPanelV2.analysis-panel-v2 .dp-btn.tab .ico{
  font-size: 16px;
  line-height: 16px;
}

#analysisPanelV2.analysis-panel-v2 .dp-btn.tab .txt{
  font-size: 10px;
  line-height: 10px;
  white-space: nowrap;
}

#analysisPanelV2.analysis-panel-v2 .dp-row2 .dp-row2-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

#analysisPanelV2.analysis-panel-v2 .dp-row2 .dp-minirow{
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 6px;
  align-items: center;
}

#analysisPanelV2.analysis-panel-v2 .dp-row2 .dp-minirow label{
  font-size: 11px;
  color: rgba(0,0,0,0.75);
  white-space: nowrap;
}



/* === PATCH: temel130 - analysis panel layout fixes === */
#analysisPanelV2, #analysisPanelV2 * { box-sizing: border-box; }
#analysisPanelV2 .analysis-panel-v2 { width:100%; max-width:100%; overflow:hidden; }
#analysisPanelV2 .dp-tabs{display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:6px !important;width:100% !important;align-items:stretch !important;}
#analysisPanelV2 .dp-btn.tab{min-width:0 !important;height:48px !important;padding:6px 4px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:4px !important;overflow:hidden !important;}
#analysisPanelV2 .dp-btn.tab .ico{width:18px;height:18px;font-size:18px;line-height:18px;display:flex;align-items:center;justify-content:center;}
#analysisPanelV2 .dp-btn.tab .lbl{font-size:11px !important;line-height:12px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;max-width:100% !important;}
#analysisPanelV2 .dp-actions{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:6px !important;}
#analysisPanelV2 .dp-actions .dp-btn{min-width:0 !important;height:30px !important;padding:4px 6px !important;font-size:12px !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;}
#analysisPanelV2 .dp-row2{display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important;width:100% !important;}
#analysisPanelV2 input,#analysisPanelV2 select,#analysisPanelV2 textarea{max-width:100%;}
#analysisPanelV2 .dp-checks{display:flex !important;flex-wrap:wrap !important;gap:10px !important;}
#analysisPanelV2 .dp-checks label{white-space:nowrap;}
@media (max-width: 1200px){#analysisPanelV2 .dp-tabs{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}}

/* =========================================================
   ANALIZ PANEL V2 - OVERLAP / TAŞMA DÜZELTME (temel131)
   5 ikon + küçük yazı (üstte ikon, altta yazı), taşma yok.
   ========================================================= */

/* Sağ panel içeriği asla yatay taşmasın */
.right-panel, .analysis-panel-v2, .analysis-panel-v2 *{
  box-sizing: border-box;
}
.analysis-panel-v2{
  overflow-x: hidden;
}

/* Üst sekmeler: 5'li grid, daralınca yazı kesilir ama taşmaz */
.analysis-panel-v2 .dp-tabs{
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin: 10px 0 10px 0 !important;
}

/* Sekme butonu: ikon üstte, yazı altta */
.analysis-panel-v2 .dp-btn.tab{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 6px 6px !important;
  min-width: 0 !important;
  width: 100% !important;
  gap: 2px !important;
  height: 50px !important;
}
.analysis-panel-v2 .dp-btn.tab .dp-ico{
  font-size: 16px !important;
  line-height: 16px !important;
}
.analysis-panel-v2 .dp-btn.tab .dp-lbl{
  font-size: 10px !important;
  line-height: 11px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
}

/* Alan/Çalış/Temizle: yan yana 3, taşma yok */
.analysis-panel-v2 .dp-topbar{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 4px 0 10px 0 !important;
}
.analysis-panel-v2 .dp-topbar .dp-btn{
  width: 100% !important;
  min-width: 0 !important;
  justify-content: center !important;
}

/* Kontur seçenekleri: tek satır, sığmazsa alt satıra düzgün iner */
.analysis-panel-v2 .dp-row.inline, 
.analysis-panel-v2 .dp-row.dp-inline,
.analysis-panel-v2 .dp-row{
  flex-wrap: wrap;
}
.analysis-panel-v2 .dp-checks{
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

/* Min/Max yan yana; dar alanda da taşmadan küçülür */
.analysis-panel-v2 .dp-minmax{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}
.analysis-panel-v2 .dp-minmax input{
  min-width: 0 !important;
}

/* Örnek + Palet yan yana */
.analysis-panel-v2 .dp-sample{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}
.analysis-panel-v2 .dp-sample select{
  min-width: 0 !important;
}

/* Ayar sekmesi içindeki alt sekmeler: sığarsa tek satır, yoksa 2. satır */
.analysis-panel-v2 .dp-subtabs{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}
.analysis-panel-v2 .dp-subtab{
  flex: 1 1 88px !important;
  min-width: 88px !important;
  text-align: center !important;
}

/* =========================================================
   ANALIZ PANEL V2 - FINAL UI FIX (temel131)
   - Üstte 5 ikon + küçük yazı (2 satır = ikon üstte)
   - Butonlar taşmaz, üst üste binmez
   - Min/Max yan yana, Örnek/Palet yan yana, Kontur seçenekleri yan yana
   ========================================================= */

/* Sağ panelde yatay taşma olmasın */
.right-panel{ overflow-x:hidden; }
.right-panel .panel-body{ overflow-x:hidden; }

.analysis-panel-v2{ overflow-x:hidden; }

/* 5 sekme: 5 sütun, dar alanda 2 satır olabilir ama üst üste binmez */
.analysis-panel-v2 .dp-tabs,
.analysis-panel-v2 .dp-topbar{
  width:100%;
}

.analysis-panel-v2 .dp-tabs{
  display:grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap:6px !important;
  margin:8px 0 10px !important;
  padding:0 !important;
}

/* Sekme butonu: ikon üstte, yazı altta */
.analysis-panel-v2 .dp-btn.tab{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:2px !important;
  min-width:0 !important;
  width:100% !important;
  padding:6px 4px !important;
  line-height:1.05 !important;
  border-radius:10px !important;
}
.analysis-panel-v2 .dp-btn.tab .dp-ico{
  font-size:14px !important;
  line-height:1 !important;
}
.analysis-panel-v2 .dp-btn.tab .dp-lbl{
  font-size:10px !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  max-width:100% !important;
}

/* Üst aksiyon butonları (Alan / Çalış / Temizle): 3 sütun */
.analysis-panel-v2 .dp-topbar{
  display:grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap:6px !important;
  margin:6px 0 10px !important;
}
.analysis-panel-v2 .dp-topbar .dp-btn{
  width:100% !important;
  min-width:0 !important;
  padding:6px 6px !important;
}

/* Min/Max yan yana (otomatik min/max kapalıysa da form düzgün dursun) */
.analysis-panel-v2 .dp-minmax{
  display:grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap:8px !important;
  align-items:center !important;
}
.analysis-panel-v2 .dp-minmax input{
  width:100% !important;
  min-width:0 !important;
}

/* Kontur seçenekleri yan yana + Ana/Ara kontur yan yana */
.analysis-panel-v2 .dp-contour-options{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  align-items:center !important;
}
.analysis-panel-v2 .dp-contour-intervals{
  display:grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap:8px !important;
  align-items:center !important;
}
.analysis-panel-v2 .dp-contour-intervals input,
.analysis-panel-v2 .dp-contour-intervals select{
  width:100% !important;
  min-width:0 !important;
}

/* Örnek / Palet yan yana */
.analysis-panel-v2 .dp-sample{
  display:grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap:8px !important;
}
.analysis-panel-v2 .dp-sample select{ min-width:0 !important; }

/* Opaklık satırı: slider taşmasın */
.analysis-panel-v2 .dp-opacity input[type="range"]{
  width:100% !important;
}

/* Çok dar panelde yazılar üst üste gelmesin */
@media (max-width: 420px){
  .analysis-panel-v2 .dp-tabs{ grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
  .analysis-panel-v2 .dp-topbar{ grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}

/* =====================================================
   ANALYSIS PANEL (UI FIX) — definitive overrides
   5 sekme (ikon üstte + yazı altta), dar boşluklar, taşma/üst üste binme yok.
===================================================== */

.analysis-panel-v2{ overflow:hidden; }

/* Top tabs: 5 in one row */
.analysis-panel-v2 .dp-tabs{
  display:grid !important;
  grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  gap:6px !important;
  padding:8px !important;
  align-items:stretch !important;
}

.analysis-panel-v2 .dp-tabs .dp-btn.tab{
  min-width:0 !important;
  height:46px !important;
  padding:6px 4px !important;
  border-radius:10px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:3px !important;
  line-height:1 !important;
}

.analysis-panel-v2 .dp-tabs .dp-ico{
  display:block !important;
  font-size:16px !important;
  line-height:16px !important;
}

.analysis-panel-v2 .dp-tabs .dp-lbl{
  display:block !important;
  font-size:10px !important;
  line-height:12px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  max-width:100% !important;
}

/* Page header spacing (avoid icon/text collisions) */
.analysis-panel-v2 .dp-pagehead{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  padding:10px 12px 6px !important;
}

.analysis-panel-v2 .dp-title{
  font-size:14px !important;
  font-weight:700 !important;
  margin:0 !important;
}

/* Action buttons (Alan / Çalış / Temizle) */
.analysis-panel-v2 .dp-actions{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:8px !important;
  padding:8px 12px !important;
}

.analysis-panel-v2 .dp-actions .dp-btn{
  min-width:0 !important;
  height:34px !important;
  border-radius:10px !important;
}

/* Cards and spacing */
.analysis-panel-v2 .dp-card{
  margin:10px 12px !important;
  padding:10px 10px !important;
  border-radius:12px !important;
}

.analysis-panel-v2 .dp-card h4{
  margin:0 0 8px 0 !important;
  font-size:12px !important;
}

/* Min/Max in one row */
.analysis-panel-v2 .dp-row2 .dp-row-v2{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:10px !important;
}

.analysis-panel-v2 .dp-mini label{
  display:block !important;
  font-size:11px !important;
  color:#4b5563 !important;
  margin-bottom:4px !important;
}

.analysis-panel-v2 .dp-mini input,
.analysis-panel-v2 .dp-mini select{
  width:100% !important;
  box-sizing:border-box !important;
  height:32px !important;
}

/* Kontur toggle row: keep on one line */
.analysis-panel-v2 .dp-togglebar{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:10px !important;
  white-space:nowrap !important;
}

.analysis-panel-v2 .dp-togglebar label{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  font-size:12px !important;
}

/* Ana/Ara kontur row */
.analysis-panel-v2 .dp-row2{
  margin-top:8px !important;
}

/* Örnek & Palet on one row */
.analysis-panel-v2 .dp-pair{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:10px !important;
}

/* Slider spacing */
.analysis-panel-v2 .dp-sliderrow{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

/* Page head (title) + action bar separated */
.analysis-panel-v2 .dp-actions{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
}

.analysis-panel-v2 .dp-pagehead{
  padding:8px 12px 0 12px !important;
}

/* "Alan / Çalış / Sil" barı */
.analysis-panel-v2 .dp-topbar{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:8px !important;
  padding:0 12px 6px 12px !important;
}

.analysis-panel-v2 .dp-topbar .dp-btn{
  height:42px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:2px !important;
  padding:6px 4px !important;
}

.analysis-panel-v2 .dp-pagehead-title{
  font-size:14px !important;
  font-weight:700 !important;
}

.analysis-panel-v2 .dp-topbar{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:10px !important;
  padding:0 12px 6px 12px !important;
}

.analysis-panel-v2 .dp-action-btn{
  height:34px !important;
  display:flex !important;
  flex-direction:row !important;
  justify-content:center !important;
  align-items:center !important;
  gap:8px !important;
}

.analysis-panel-v2 .dp-action-btn .dp-ico{ font-size:16px !important; }
.analysis-panel-v2 .dp-action-btn .dp-lbl{ font-size:12px !important; }

/* Top tool tabs: 5 adet yan yana (ikon üstte, yazı altta) */
.analysis-panel-v2 .dp-tabs{
  display:grid !important;
  grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  gap:8px !important;
}

.analysis-panel-v2 .dp-btn.tab{
  min-width:0 !important;
  height:52px !important;
  padding:6px 4px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:2px !important;
}

.analysis-panel-v2 .dp-btn.tab .dp-ico{
  font-size:16px !important;
  line-height:1 !important;
}

.analysis-panel-v2 .dp-btn.tab .dp-lbl{
  font-size:11px !important;
  line-height:1.05 !important;
  white-space:nowrap !important;
}

/* Prevent any accidental absolute positioning/overlap from older rules */
.analysis-panel-v2 *,
.analysis-panel-v2 *::before,
.analysis-panel-v2 *::after{
  box-sizing:border-box;
}

/* Min/Max ve benzeri çift kolon satırlar (taşma olmadan) */
.analysis-panel-v2 .dp-row2{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:10px !important;
}
.analysis-panel-v2 .dp-row2 .dp-row{ margin:0 !important; }
.analysis-panel-v2 .dp-row2 input,
.analysis-panel-v2 .dp-row2 select{ min-width:0 !important; width:100% !important; }

/* İçerik kutuları, panel dışına taşmasın */
.analysis-panel-v2 .dp-box{ overflow:hidden !important; }

/* Boş etiketleri sakla */
.analysis-panel-v2 .dp-row-l.is-empty,
.analysis-panel-v2 .dp-mini-label.is-empty{
  display:none !important;
}

/* row2: label boşken hizalama bozulmasın */
.analysis-panel-v2 .dp-row2 .dp-row-v{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:8px !important;
}
.analysis-panel-v2 .dp-row2 .dp-row-v .dp-mini-val{
  min-width:0 !important;
}


.analysis-panel-v2 .dp-spacer{ flex:1 1 auto; }

.analysis-panel-v2 .dp-btn.mini{
  height:28px;
  padding:0 8px;
  border-radius:10px;
  opacity:.9;
}
.analysis-panel-v2 .dp-btn.mini .dp-lbl{ font-size:11px; }
.analysis-panel-v2 .dp-btn.mini .dp-ico{ font-size:13px; }


/* === ANALIZ PANEL V2 - KOMPAKT SEKME (temel141) === */
.analysis-panel-v2 .dp-tabs{
  padding:6px 8px;
  gap:8px;
}
.analysis-panel-v2 .dp-btn.tab{
  height:30px;
  padding:0 10px;
  border-radius:12px;
}
.analysis-panel-v2 .dp-btn .dp-ico{ font-size:16px; line-height:1; }
.analysis-panel-v2 .dp-btn .dp-lbl{ font-size:11px; }

.analysis-panel-v2 .dp-headwrap{ padding:10px 10px 6px; display:flex; flex-direction:column; gap:8px; }
.analysis-panel-v2 .dp-head{ display:flex; gap:10px; align-items:center; }
.analysis-panel-v2 .dp-head-ico{
  width:34px; height:34px; border-radius:10px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(0,0,0,.04);
  font-size:18px;
}
.analysis-panel-v2 .dp-head-title{ font-size:13px; font-weight:700; }
.analysis-panel-v2 .dp-head-sub{ font-size:11px; color: rgba(0,0,0,.55); margin-top:1px; }

.analysis-panel-v2 .dp-act{ display:flex; gap:8px; }
.analysis-panel-v2 .dp-btn.icon{
  height:30px; padding:0 10px;
  border-radius:10px;
}
.analysis-panel-v2 .dp-btn.icon .dp-lbl{ display:none; } /* ikon ağırlıklı */
.analysis-panel-v2 .dp-btn.icon.primary{
  border-color: rgba(0,0,0,.15);
  box-shadow: 0 1px 0 rgba(0,0,0,.05);
}

.analysis-panel-v2 .dp-acc{ margin:8px 10px 0; border:1px solid rgba(0,0,0,.08); border-radius:12px; overflow:hidden; background:#fff; }
.analysis-panel-v2 .dp-acc-h{
  width:100%; display:flex; align-items:center; gap:8px;
  height:34px; padding:0 10px; background: rgba(0,0,0,.02);
  border:0; cursor:pointer; font-size:12px; font-weight:700;
}
.analysis-panel-v2 .dp-acc-caret{ width:14px; display:inline-block; transform: rotate(0deg); transition: transform .15s ease; }
.analysis-panel-v2 .dp-acc.open .dp-acc-caret{ transform: rotate(90deg); }
.analysis-panel-v2 .dp-acc-b{ display:none; padding:10px; }
.analysis-panel-v2 .dp-acc.open .dp-acc-b{ display:block; }

.analysis-panel-v2 .dp-box.dp-box-plain{ margin:0; padding:0; border:0; background:transparent; }
.analysis-panel-v2 .dp-box{ margin:8px 10px 0; border:1px solid rgba(0,0,0,.08); border-radius:12px; padding:10px; background:#fff; }
.analysis-panel-v2 .dp-row{ gap:8px; }
.analysis-panel-v2 .dp-row-l{ font-size:11px; color: rgba(0,0,0,.65); }
.analysis-panel-v2 .dp-inline3{ gap:10px; }
.analysis-panel-v2 .dp-check{ font-size:11px; }


/* --- AlyaGIS: Analiz paneli kompakt sekmeler --- */
.analysis-panel-v2 .dp-btn.tab{
  height:30px;
  padding:0 8px;
  border-radius:10px;
}
.analysis-panel-v2 .dp-btn.tab .dp-ico{ font-size:15px; line-height:1; }
.analysis-panel-v2 .dp-btn.tab .dp-lbl{ font-size:11px; line-height:1.1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }


/* ===== AlyaGIS Analiz Panel (Temel143) – Sekmeli + Akış Şeridi (B) ===== */
.analysis-panel-v2 .dp-tabs{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:6px;
  padding:8px;
  border-bottom:1px solid rgba(0,0,0,.08);
}
.analysis-panel-v2 .dp-tabs-left{
  display:contents; /* grid hücreleri */
}
.analysis-panel-v2 .dp-btn.tab{
  height:40px;
  padding:4px 4px;
  border-radius:12px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
}
.analysis-panel-v2 .dp-btn.tab .dp-ico{ font-size:18px; line-height:1; }
.analysis-panel-v2 .dp-btn.tab .dp-lbl{ font-size:10px; line-height:1; letter-spacing:.2px; }

.analysis-panel-v2 .dp-flow{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:6px;
  padding:8px;
  border-bottom:1px solid rgba(0,0,0,.06);
}
.analysis-panel-v2 .dp-btn.flow{
  height:34px;
  padding:0 6px;
  border-radius:12px;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.analysis-panel-v2 .dp-btn.flow .dp-ico{ font-size:14px; }
.analysis-panel-v2 .dp-btn.flow .dp-lbl{ font-size:11px; white-space:nowrap; }

.analysis-panel-v2 .dp-body{ padding:10px; }
.analysis-panel-v2 .dp-box{ border-radius:14px; }
.analysis-panel-v2 .dp-acc{ border-radius:14px; overflow:hidden; }
.analysis-panel-v2 .dp-acc-h{ padding:10px 10px; font-size:12px; }
.analysis-panel-v2 .dp-row-l{ font-size:11px; }
.analysis-panel-v2 .dp-inline3{ gap:10px; }

/* Eski sağ sekme alanlarını kapat (aux) */
.analysis-panel-v2 .dp-tabs-right{ display:none !important; }

/* ============================================================
   ANALIZ COMPACT PANEL (analysis-compact)
   Katmanlar/Altlıklar/Referanslar kadar sıkışık, küçük fontlu.
   ============================================================ */
.analysis-compact .data-mini-tabs{
  padding:4px 4px;
  gap:4px;
}
.analysis-compact .data-mini-tab{
  padding:2px 6px;
  border-radius:6px;
  font-size:11px;
}
.analysis-compact .dmt-ico{ font-size:12px; }
.analysis-compact .dmt-txt{ font-size:11px; }

.analysis-compact .dp-page-tight{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.analysis-compact .dp-sec-tight{
  padding:6px 6px;
  border-radius:8px;
}

.analysis-compact .dp-h{
  font-size:11px;
  margin-bottom:4px;
}

.analysis-compact .dp-btn.dp-mini{
  padding:3px 6px;
  font-size:11px;
  border-radius:6px;
}

.analysis-compact .dp-input,
.analysis-compact .dp-select{
  min-width:0;
  padding:3px 4px;
  font-size:11px;
  border-radius:6px;
  height:24px;
}

.analysis-compact .dp-inline3.an-row-tight{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:4px;
  align-items:center;
}

.analysis-compact .an-toptools{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:4px;
}

.analysis-compact .an-viz-mini{
  margin-top:2px;
  height:10px;
  border-radius:5px;
}

.analysis-compact .an-chk-tight{
  font-size:11px;
  margin:0;
}

.analysis-compact label.dp-check span{
  font-size:11px;
}


/* ---- Analiz compact gelişmiş ---- */
.analysis-compact{
  font-size:11px;
}
.analysis-compact .an-top-tools{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:4px;
}
.analysis-compact .an-tabs{
  display:flex;
  gap:4px;
}
.analysis-compact .an-tab-btn{
  border:0;
  padding:3px 6px;
  border-radius:4px;
  font-size:11px;
  background:#f3f4f6;
  cursor:pointer;
}
.analysis-compact .an-tab-btn.active{
  background:#2563eb;
  color:#fff;
}
.analysis-compact .an-actions{
  display:flex;
  gap:4px;
}
.analysis-compact .an-box{
  background:#fff;
  border-radius:8px;
  padding:4px 6px 6px;
  margin-bottom:4px;
  box-shadow:0 0 0 1px rgba(0,0,0,0.05);
}
.analysis-compact .an-box-hdr{
  font-weight:600;
  margin-bottom:2px;
  font-size:11px;
}
.analysis-compact .an-row{
  display:flex;
  align-items:center;
  gap:4px;
  margin-bottom:3px;
  flex-wrap:wrap;
}
.analysis-compact .an-label{
  min-width:46px;
  font-size:11px;
}
.analysis-compact .an-label-small{
  font-size:10px;
}
.analysis-compact .an-input,
.analysis-compact .an-select{
  font-size:11px;
  padding:2px 4px;
  border-radius:4px;
  border:1px solid #d1d5db;
  min-width:0;
}
.analysis-compact input[type=range].an-input{
  padding:0;
}
.analysis-compact .an-palette-preview{
  margin-top:3px;
  height:10px;
  border-radius:6px;
  background:linear-gradient(90deg,#0b3d91,#ef476f);
}
.analysis-compact .an-check{
  display:flex;
  align-items:center;
  gap:3px;
  font-size:10px;
}
.analysis-compact .an-check input{
  margin:0;
}
.analysis-compact .an-cols{
  display:flex;
  gap:4px;
}
.analysis-compact .an-col{
  flex:1 1 0;
}
.analysis-compact .an-color{
  width:32px;
  padding:0;
}

/* palette preview override via data-attribute handled inline in JS, but keep generic size */

/* legend + contour label */
.alya-legend{
  padding:6px 8px;
  background:rgba(255,255,255,0.9);
  border-radius:8px;
  box-shadow:0 0 4px rgba(0,0,0,0.25);
  font-size:11px;
  line-height:1.2;
}
.alya-legend-inner{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.alya-legend-title{
  font-weight:600;
}
.alya-legend-bar{
  width:140px;
  height:10px;
  border-radius:6px;
  background-size:100% 100%;
}
.alya-legend-minmax{
  display:flex;
  justify-content:space-between;
  font-size:10px;
}
.alya-contour-label{
  background:rgba(255,255,255,0.9);
  border-radius:4px;
  padding:1px 3px;
  border:1px solid rgba(0,0,0,0.25);
  font-size:10px;
}
.an-file-info{
  font-size:10px;
  opacity:0.8;
}


/* ---- Analiz compact butonlar ---- */
.analysis-compact .an-btn{
  transition:background 0.12s, transform 0.08s, box-shadow 0.08s;
  border-radius:4px;
  border:1px solid #d1d5db;
  padding:2px 6px;
  font-size:11px;
  background:#f9fafb;
  cursor:pointer;
}
.analysis-compact .an-btn-primary{
  background:#2563eb;
  border-color:#2563eb;
  color:#fff;
}
.analysis-compact .an-btn-ghost{
  background:#ffffff;
}
.analysis-compact .an-top-tools{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:4px;
}
.analysis-compact .an-tabs{
  display:flex;
  gap:4px;
}
.analysis-compact .an-tab-btn{
  border:0;
  padding:3px 6px;
  border-radius:4px;
  font-size:11px;
  background:#f3f4f6;
  cursor:pointer;
}
.analysis-compact .an-tab-btn.active{
  background:#2563eb;
  color:#fff;
}
.analysis-compact .an-actions{
  display:flex;
  gap:4px;
}
.analysis-compact .an-box{
  background:#fff;
  border-radius:8px;
  padding:4px 6px 6px;
  margin-bottom:4px;
  box-shadow:0 0 0 1px rgba(0,0,0,0.05);
}
.analysis-compact .an-box-hdr{
  font-weight:600;
  margin-bottom:2px;
  font-size:11px;
}
.analysis-compact .an-row{
  display:flex;
  align-items:center;
  gap:4px;
  margin-bottom:3px;
  flex-wrap:wrap;
}
.analysis-compact .an-label{
  min-width:46px;
  font-size:11px;
}
.analysis-compact .an-label-small{
  font-size:10px;
}
.analysis-compact .an-input,
.analysis-compact .an-select{
  font-size:11px;
  padding:2px 4px;
  border-radius:4px;
  border:1px solid #d1d5db;
  min-width:0;
}
.analysis-compact .an-palette-preview{
  margin-top:3px;
  height:10px;
  border-radius:6px;
  background:linear-gradient(90deg,#0b3d91,#ef476f);
}
.analysis-compact .an-check{
  display:flex;
  align-items:center;
  gap:3px;
  font-size:10px;
}
.analysis-compact .an-check input{
  margin:0;
}
.analysis-compact .an-cols{
  display:flex;
  gap:4px;
}
.analysis-compact .an-col{
  flex:1 1 0;
}
.analysis-compact .an-color{
  width:32px;
  padding:0;
}
.alya-legend{
  padding:6px 8px;
  background:rgba(255,255,255,0.9);
  border-radius:8px;
  box-shadow:0 0 4px rgba(0,0,0,0.25);
  font-size:11px;
  line-height:1.2;
}
.alya-legend-inner{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.alya-legend-title{
  font-weight:600;
}
.alya-legend-bar{
  width:140px;
  height:10px;
  border-radius:6px;
  background-size:100% 100%;
}
.alya-legend-minmax{
  display:flex;
  justify-content:space-between;
  font-size:10px;
}
.alya-contour-label{
  background:rgba(255,255,255,0.9);
  border-radius:4px;
  padding:1px 3px;
  border:1px solid rgba(0,0,0,0.25);
  font-size:10px;
}
.an-file-info{
  font-size:10px;
  opacity:0.8;
}


/* ---- Analiz compact genel ---- */
.analysis-compact{
  font-size:11px;
}
.analysis-compact .an-top-tools{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:4px;
}
.analysis-compact .an-tabs{
  display:flex;
  gap:4px;
}
.analysis-compact .an-tab-btn{
  border:0;
  padding:3px 6px;
  border-radius:4px;
  font-size:11px;
  background:#f3f4f6;
  cursor:pointer;
}
.analysis-compact .an-tab-btn.active{
  background:#2563eb;
  color:#fff;
}
.analysis-compact .an-actions{
  display:flex;
  gap:4px;
}
.analysis-compact .an-btn{
  transition:background 0.12s, transform 0.08s, box-shadow 0.08s;
  border-radius:4px;
  border:1px solid #d1d5db;
  padding:2px 6px;
  font-size:11px;
  background:#f9fafb;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:3px;
}
.analysis-compact .an-btn-primary{
  background:#2563eb;
  border-color:#2563eb;
  color:#fff;
}
.analysis-compact .an-btn-ghost{
  background:#ffffff;
}
.analysis-compact .an-btn-ico{
  font-size:11px;
}
.analysis-compact .an-btn-txt{
  font-size:11px;
}
.analysis-compact .an-box{
  background:#fff;
  border-radius:8px;
  padding:4px 6px 6px;
  margin-bottom:4px;
  box-shadow:0 0 0 1px rgba(0,0,0,0.05);
}
.analysis-compact .an-box-hdr{
  font-weight:600;
  margin-bottom:2px;
  font-size:11px;
}
.analysis-compact .an-row{
  display:flex;
  align-items:center;
  gap:4px;
  margin-bottom:3px;
  flex-wrap:wrap;
}
.analysis-compact .an-label{
  min-width:46px;
  font-size:11px;
}
.analysis-compact .an-label-small{
  font-size:10px;
}
.analysis-compact .an-input,
.analysis-compact .an-select{
  font-size:11px;
  padding:2px 4px;
  border-radius:4px;
  border:1px solid #d1d5db;
  min-width:0;
}
.analysis-compact .an-palette-preview{
  margin-top:3px;
  height:10px;
  border-radius:6px;
  background:linear-gradient(90deg,#0b3d91,#ef476f);
}
.analysis-compact .an-check{
  display:flex;
  align-items:center;
  gap:3px;
  font-size:10px;
}
.analysis-compact .an-check input{
  margin:0;
}
.analysis-compact .an-color{
  width:32px;
  padding:0;
}
.analysis-compact .an-page-tabs{
  display:flex;
  gap:4px;
  margin-bottom:4px;
}
.analysis-compact .an-page-tab{
  flex:1 1 0;
  border-radius:6px;
  border:1px solid #d1d5db;
  background:#f9fafb;
  padding:3px 4px;
  font-size:11px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
}
.analysis-compact .an-page-tab.on{
  background:#111827;
  color:#fff;
  border-color:#111827;
}
.analysis-compact .an-page-ico{
  font-size:11px;
}
.analysis-compact .an-page-body{
  max-height:calc(100vh - 220px);
  overflow:auto;
}
.alya-legend{
  padding:6px 8px;
  background:rgba(255,255,255,0.9);
  border-radius:8px;
  box-shadow:0 0 4px rgba(0,0,0,0.25);
  font-size:11px;
  line-height:1.2;
}
.alya-legend-inner{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.alya-legend-title{
  font-weight:600;
}
.alya-legend-bar{
  width:140px;
  height:10px;
  border-radius:6px;
  background-size:100% 100%;
}
.alya-legend-minmax{
  display:flex;
  justify-content:space-between;
  font-size:10px;
}
.alya-contour-label{
  background:rgba(255,255,255,0.9);
  border-radius:4px;
  padding:1px 3px;
  border:1px solid rgba(0,0,0,0.25);
  font-size:10px;
}
.an-file-info{
  font-size:10px;
  opacity:0.8;
}


.analysis-compact .an-btn:hover{
  background:#e5e7eb;
  border-color:#9ca3af;
  transform:translateY(-0.5px);
}
.analysis-compact .an-btn:active{
  background:#d1d5db;
  border-color:#6b7280;
  transform:translateY(0.5px);
  box-shadow:0 0 0 1px rgba(0,0,0,0.05) inset;
}
.analysis-compact .an-tab-btn{
  border:0;
  padding:3px 6px;
  border-radius:4px;
  font-size:11px;
  background:#f3f4f6;
  cursor:pointer;
  transition:background 0.12s, transform 0.08s;
}
.analysis-compact .an-tab-btn:hover{
  background:#e5e7eb;
}
.analysis-compact .an-tab-btn:active{
  transform:translateY(1px);
}


/* Analiz Durumu progress */
.analysis-compact .an-progress-box{
  margin-top:4px;
}
.analysis-compact .an-progress-text{
  font-size:11px;
  margin-bottom:3px;
  color:#374151;
}
.analysis-compact .an-progress-bar{
  position:relative;
  width:100%;
  height:6px;
  border-radius:999px;
  background:#e5e7eb;
  overflow:hidden;
}
.analysis-compact .an-progress-fill{
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:0%;
  border-radius:999px;
  background:#3b82f6;
  transition:width 0.15s ease-out;
}


/* Discrete Surfer-like legend */
.alya-legend-bar-discrete{
  display:flex;
  height:10px;
  border-radius:4px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,0.25);
  margin:4px 0 3px 0;
}
.alya-legend-bar-discrete .alya-legend-seg{ flex:1; }
.alya-legend-ticks{
  display:flex;
  justify-content:space-between;
  font-size:10px;
  line-height:1;
  opacity:0.9;
}
.alya-legend-unit{
  text-align:center;
  font-size:10px;
  opacity:0.85;
  margin-top:2px;

/* 196 legend skin (gradient + steps) */
.alya-legend-host{ pointer-events:none; }
.alya-legend196{
  pointer-events:none;
  background:rgba(255,255,255,0.92);
  border:1px solid rgba(0,0,0,0.18);
  border-radius:10px;
  padding:10px 10px 8px 10px;
  box-shadow:0 6px 20px rgba(0,0,0,0.10);
  min-width:160px;
  max-width:220px;
}
.alya-legend196 .lg-title{
  font-weight:700;
  font-size:12px;
  margin-bottom:6px;
  opacity:0.92;
}
.alya-legend196 .lg-row{
  display:flex;
  align-items:center;
  gap:8px;
  margin:2px 0;
  font-size:11px;
}
.alya-legend196 .lg-swatch{
  width:16px;
  height:10px;
  border-radius:3px;
  border:1px solid rgba(0,0,0,0.18);
  display:inline-block;
}
.alya-legend196 .lg-grad{
  height:10px;
  border-radius:4px;
  border:1px solid rgba(0,0,0,0.18);
  margin:4px 0 6px 0;
}
.alya-legend196 .lg-ticks{
  display:flex;
  justify-content:space-between;
  font-size:10px;
  line-height:1.1;
  opacity:0.9;
}
.alya-legend196 .lg-tick{ white-space:nowrap; }

/* Area (bin) labels */
.alya-area-label{
  pointer-events:none;
}
.alya-area-label-inner{
  pointer-events:none;
  padding:3px 7px;
  background:rgba(255,255,255,0.82);
  border:1px solid rgba(0,0,0,0.22);
  border-radius:10px;
  font-weight:700;
  font-size:11px;
  line-height:1;
  color:#111;
  box-shadow:0 4px 14px rgba(0,0,0,0.08);
  text-shadow: 0 1px 0 rgba(255,255,255,0.9), 0 -1px 0 rgba(255,255,255,0.9), 1px 0 0 rgba(255,255,255,0.9), -1px 0 0 rgba(255,255,255,0.9);
}

}

/* Analiz UI icons */
.rp-btn .rp-ico{display:inline-block; width:18px; text-align:center; margin-right:6px; opacity:0.9; font-weight:700;}

/* --- Surfer panel --- */

.surfer-panel .sf-grid{display:flex;flex-direction:column;gap:8px}
.surfer-panel .sf-row{display:flex;align-items:center;gap:8px}
.surfer-panel .sf-lbl{flex:0 0 110px;font-size:12px;opacity:.85}
.surfer-panel .sf-in,.surfer-panel .sf-sel{flex:1;padding:6px 8px;border:1px solid #d7d7d7;border-radius:8px;font-size:12px}
.surfer-panel .sf-in.sm{width:64px;flex:0 0 64px}
.surfer-panel .sf-range{flex:1}
.surfer-panel .sf-color{width:44px;height:30px;border:none;background:transparent}
.surfer-panel .sf-inline{display:flex;align-items:center;gap:8px;flex:1}
.surfer-panel .sf-chk{font-size:12px;opacity:.9;display:flex;align-items:center;gap:6px}
.surfer-panel .sf-actions{justify-content:space-between}
.surfer-panel .rp-primary{background:#2d7ef7;color:#fff;border-color:#2d7ef7}
.surfer-legend{margin-top:10px;border-top:1px dashed #ddd;padding-top:8px}
.surfer-legend-title{font-weight:600;font-size:12px;margin-bottom:6px}
.surfer-legend-row{display:flex;align-items:center;gap:8px;margin:2px 0}
.surfer-legend-swatch{width:16px;height:10px;border-radius:2px;display:inline-block;border:1px solid rgba(0,0,0,.12)}
.surfer-legend-txt{font-size:11px;opacity:.9}
.surfer-label{color:#111;font-weight:600;font-size:11px;line-height:1;white-space:nowrap;display:inline-block;pointer-events:none; text-shadow: 0 1px 0 rgba(255,255,255,.75), 0 -1px 0 rgba(255,255,255,.75), 1px 0 0 rgba(255,255,255,.75), -1px 0 0 rgba(255,255,255,.75);}


/* STEP-5: Harita içi sağ-orta lejant (haritanın sağından ayrılmaz) */
#map, .map, #mapContainer, .map-container { position: relative; }
.surfer-legend.overlay{
  margin-top:0;
  border-top:none;
  padding:10px 10px 10px 12px;
  background: rgba(255,255,255,0.86);
  border:1px solid rgba(0,0,0,0.10);
  border-right:none;
  border-radius:10px 0 0 10px;
  box-shadow:0 8px 20px rgba(0,0,0,0.12);
  min-width:150px;
  max-width:210px;
  pointer-events:none;
}
.surfer-legend.overlay.sm{ font-size:11px; }
.surfer-legend.overlay.md{ font-size:12px; min-width:170px; }
.surfer-legend.overlay.lg{ font-size:13px; min-width:190px; }

.surfer-legend.docked{
  margin-top:0;
  border-top:none;
  padding:10px 10px 10px 12px;
  background: rgba(255,255,255,0.86);
  border:1px solid rgba(0,0,0,0.10);
  border-radius:10px;
  box-shadow:0 8px 20px rgba(0,0,0,0.12);
  min-width:150px;
  max-width:240px;
  pointer-events:auto;
}
.surfer-legend.docked.sm{ font-size:11px; }
.surfer-legend.docked.md{ font-size:12px; min-width:170px; }
.surfer-legend.docked.lg{ font-size:13px; min-width:190px; }
.surfer-legend-lab{ font-size:11px; opacity:.92; }


/* --- Alpine Quest style basemap buttons --- */
.basemap-grid{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:6px;
}
.basemap-btn{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  border:1px solid rgba(0,0,0,0.12);
  background:#fff;
  border-radius:8px;
  padding:10px 10px;
  cursor:pointer;
  text-align:left;
  user-select:none;
}
.basemap-btn:hover{ border-color: rgba(0,0,0,0.28); }
.basemap-btn.active{
  border-color:#2ecc71;
  box-shadow:0 0 0 2px rgba(46,204,113,0.25);
}
.basemap-ico{
  width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
}
.basemap-title{
  font-size:12px;
  font-weight:600;
  line-height:1.15;
}
.basemap-opacity{
  padding:8px 10px 12px 10px;
  border-top:1px solid rgba(0,0,0,0.08);
}
.basemap-opacity-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:6px;
}
.basemap-opacity-label{ font-size:12px; font-weight:600; }
.basemap-opacity-val{ font-size:12px; opacity:0.8; }
#basemap-opacity{ width:100%; }



/* Analysis panel helpers */
.an-sep{height:1px;background:rgba(0,0,0,.08);margin:8px 0;}

/* =====================
   3D (MapLibre) button
   ===================== */
.map3d-btn{
  position:absolute;
  top:6px;
  right:12px;
  z-index:900;
  width:36px;
  height:36px;
  border-radius:10px;
  border:1px solid rgba(0,0,0,0.18);
  background:rgba(255,255,255,0.92);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 2px 8px rgba(0,0,0,0.12);
}
.map3d-btn svg{ width:20px; height:20px; fill:#111; opacity:0.9; }
.map3d-btn:hover{ background:rgba(255,255,255,0.98); }
.map3d-btn:active{ transform: translateY(1px); }

/* ---- Surfer-like analysis panel (panel_analysis.js rewrite) ---- */
.surfer-props{ padding:8px; height:100%; overflow:auto; }
.surfer-props .an-topbar{ display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; position:sticky; top:0; background:#fff; padding:6px 0; z-index:5; }
.surfer-props .an-title{ font-weight:700; font-size:13px; }
.surfer-props .an-props{ display:flex; flex-direction:column; gap:8px; }
.surfer-props .an-box{ border:1px solid rgba(0,0,0,0.12); border-radius:10px; overflow:hidden; background:#fff; }
.surfer-props .an-box-hdr{ width:100%; text-align:left; border:0; cursor:pointer; display:flex; align-items:center; justify-content:space-between; padding:6px 8px; font-weight:700; font-size:12px; background:rgba(0,0,0,0.04); }
.surfer-props .an-box-body{ padding:8px; display:flex; flex-direction:column; gap:6px; }
.surfer-props .an-row{ display:grid; grid-template-columns: 105px 1fr; gap:6px; align-items:center; }
.surfer-props .an-lbl{ font-size:11px; opacity:0.85; }
.surfer-props .an-input, .surfer-props .an-select{ width:100%; padding:5px 7px; border:1px solid rgba(0,0,0,0.18); border-radius:8px; font-size:11px; }
.surfer-props .an-input[type='range']{ padding:0; }
.surfer-props .an-color{ height:34px; padding:0; }
.surfer-props .an-check{ display:flex; align-items:center; gap:8px; font-size:12px; }
.surfer-props .rp-note{ font-size:12px; opacity:0.75; }
.surfer-props .sf-inline{ display:flex; gap:8px; }
.surfer-props .sf-actions{ display:flex; gap:8px; justify-content:flex-end; }

.surfer-props .an-btn{ border:1px solid rgba(0,0,0,0.18); background:#fff; padding:6px 10px; border-radius:10px; font-size:12px; cursor:pointer; }
.surfer-props .an-btn-primary{ background:#2563eb; color:#fff; border-color:#2563eb; }
.surfer-props .an-btn-ghost{ background:#fff; }

.surfer-props .an-modal{ position:fixed; inset:0; z-index:9999; }
.surfer-props .an-modal-backdrop{ position:absolute; inset:0; background:rgba(0,0,0,0.45); }
.surfer-props .an-modal-card{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:min(520px, 92vw); background:#fff; border-radius:14px; overflow:hidden; border:1px solid rgba(0,0,0,0.2); }
.surfer-props .an-modal-title{ padding:10px 12px; font-weight:800; background:rgba(0,0,0,0.05); }
.surfer-props .an-modal-body{ padding:12px; display:flex; flex-direction:column; gap:10px; }
.surfer-props .an-modal-actions{ display:flex; gap:8px; justify-content:flex-end; padding:10px 12px; border-top:1px solid rgba(0,0,0,0.1); }


/* Surfer panel accordion */
.surfer-props .an-box.collapsed .an-box-body{ display:none; }
.surfer-props .an-box-hdr-ic{ opacity:0.7; font-size:12px; transform:rotate(0deg); transition:transform .15s ease; }
.surfer-props .an-box.collapsed .an-box-hdr-ic{ transform:rotate(-90deg); }
.surfer-props .an-box-hdr:focus{ outline:2px solid rgba(30,144,255,0.35); outline-offset:2px; }



/* --- Surfer panel scroll fixes (2026-02-20) --- */
.right-panel #panel-analysis{flex:1; min-height:0; display:flex; flex-direction:column;}
.right-panel #panel-analysis .surfer-props{flex:1; min-height:0; overflow-y:auto; overflow-x:hidden;}
.right-panel #panel-analysis .surfer-props::-webkit-scrollbar{width:8px;}
.right-panel #panel-analysis .surfer-props::-webkit-scrollbar-thumb{background:rgba(120,120,120,.35);border-radius:8px;}
.right-panel #panel-analysis .surfer-props::-webkit-scrollbar-track{background:rgba(0,0,0,.06);border-radius:8px;}



/* Fix41: make analysis band overlay look Surfer-solid */
.leaflet-image-layer.an-backdrop{
  image-rendering: auto;
}
.leaflet-image-layer.an-band-overlay{
  image-rendering: auto;
  /* prevent weird blend modes */
  mix-blend-mode: normal;
}

/* =============================
   Output (Çıktı) Panel
   ============================= */
.output-panel .op-row{ display:flex; gap:10px; align-items:center; margin:8px 0; }
.output-panel .op-lab{ width:86px; font-size:12px; opacity:.85; }
.output-panel .op-select, .output-panel .op-input{
  flex:1;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  color: inherit;
  padding:8px 10px;
  border-radius:10px;
  outline:none;
}
.output-panel .op-input[type="number"]{ max-width:160px; }
.output-panel .op-check{ display:flex; align-items:center; gap:10px; padding:8px 10px; border-radius:10px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.10); margin:8px 0; }
.output-panel .op-check input{ transform:scale(1.05); }
.output-panel .op-check-t{ font-size:12px; opacity:.92; }
.output-panel .op-seg{ display:flex; gap:8px; }
.output-panel .op-seg-btn{ flex:1; padding:8px 10px; border-radius:10px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.06); cursor:pointer; font-weight:700; transition:transform .06s ease, background .12s ease, box-shadow .12s ease; }
.output-panel .op-seg-btn:active{ transform: translateY(1px) scale(0.99); }
.output-panel .op-seg-btn:focus{ outline:2px solid rgba(110,168,254,.55); outline-offset:2px; }
.output-panel .op-seg-btn.active{ background:rgba(255,255,255,.18); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); }

.output-panel .op-btn-row{ display:flex; gap:10px; margin-top:10px; }
.output-panel .op-log{ font-size:12px; opacity:.9; white-space:pre-wrap; padding:10px; border-radius:10px; background:rgba(0,0,0,.25); border:1px solid rgba(255,255,255,.10); }

/* --- Çıktı paneli: icon'lu format seçimi + hızlı aksiyonlar --- */
.output-panel .op-rg-icons{ display:flex; flex-wrap:wrap; gap:8px; }
.output-panel .op-radio-icon{ display:flex; align-items:center; gap:8px; padding:8px 10px; border:1px solid rgba(255,255,255,.14); border-radius:10px; background:rgba(255,255,255,.06); cursor:pointer; user-select:none; }
.output-panel .op-radio-icon input{ margin:0 6px 0 0; }
.output-panel .op-radio-icon .op-ic{ font-size:16px; line-height:1; }
.output-panel .op-radio-icon .op-lbl{ font-weight:700; font-size:12px; }
.output-panel .op-actions{ display:flex; gap:10px; margin-top:10px; }
.output-panel .rp-btn.rp-btn-ghost{ background:transparent; border:1px dashed rgba(255,255,255,.25); }


/* AL PANEL */

.al-panel{ padding:10px; }
.al-wrap{ display:flex; flex-direction:column; gap:10px; }
.al-head{ display:flex; justify-content:space-between; align-items:flex-start; gap:10px; padding:10px; border:1px solid rgba(0,0,0,.08); border-radius:12px; background:rgba(255,255,255,.75); }
.al-title{ font-weight:800; letter-spacing:.2px; }
.al-sub{ font-size:12px; opacity:.78; margin-top:2px; }
.al-follow-pill{ display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border-radius:999px; border:1px solid rgba(0,0,0,.12); background:rgba(245,255,245,.9); font-size:12px; user-select:none; }
.al-dot{ width:8px; height:8px; border-radius:50%; background:#1fb655; box-shadow:0 0 0 0 rgba(31,182,85,.35); animation:alDot 1.6s infinite; }
.al-typing{ letter-spacing:2px; opacity:.7; animation:alTyping 1.1s infinite; }
.al-follow-pill.pulse{ box-shadow:0 0 0 6px rgba(31,182,85,.18); transition:box-shadow .22s; }
@keyframes alDot{ 0%{ box-shadow:0 0 0 0 rgba(31,182,85,.35);} 60%{ box-shadow:0 0 0 10px rgba(31,182,85,0);} 100%{ box-shadow:0 0 0 0 rgba(31,182,85,0);} }
@keyframes alTyping{ 0%,100%{ opacity:.35;} 50%{ opacity:1;} }

.al-tabs{ display:flex; gap:6px; }
.al-tab{ padding:8px 10px; border-radius:10px; border:1px solid rgba(0,0,0,.12); background:rgba(255,255,255,.6); cursor:pointer; font-size:12px; }
.al-tab.active{ background:rgba(230,255,230,.9); border-color:rgba(31,182,85,.35); }

.al-body{ border:1px solid rgba(0,0,0,.08); border-radius:12px; background:rgba(255,255,255,.7); overflow:hidden; }
.al-pane{ display:none; padding:10px; }
.al-pane.active{ display:block; }

.al-chat-list{ height:260px; overflow:auto; padding:6px; background:rgba(255,255,255,.45); border-radius:10px; border:1px solid rgba(0,0,0,.06); }
.al-msg{ display:flex; margin:6px 0; }
.al-msg.user{ justify-content:flex-end; }
.al-bubble{ max-width:92%; padding:8px 10px; border-radius:14px; font-size:12px; line-height:1.35; white-space:pre-wrap; border:1px solid rgba(0,0,0,.08); background:rgba(255,255,255,.85); }
.al-msg.user .al-bubble{ background:rgba(220,245,255,.85); }

.al-composer{ margin-top:10px; display:flex; flex-direction:column; gap:8px; }
.al-input{ width:100%; min-height:90px; resize:vertical; padding:10px; border-radius:12px; border:1px solid rgba(0,0,0,.12); background:rgba(255,255,255,.85); font-size:12px; line-height:1.35; }
.al-actions{ display:flex; gap:8px; justify-content:flex-end; flex-wrap:wrap; }
.al-btn{ padding:8px 10px; border-radius:10px; border:1px solid rgba(0,0,0,.12); background:rgba(31,182,85,.14); cursor:pointer; font-size:12px; }
.al-btn.ghost{ background:rgba(255,255,255,.6); }
.al-hint{ font-size:12px; opacity:.75; }

.al-section{ margin-bottom:12px; }
.al-label{ font-size:12px; font-weight:700; opacity:.85; margin-bottom:6px; }
.al-pre{ max-height:260px; overflow:auto; padding:10px; border-radius:12px; border:1px solid rgba(0,0,0,.12); background:rgba(0,0,0,.06); font-size:12px; white-space:pre-wrap; }
.al-check{ display:flex; gap:8px; align-items:center; font-size:12px; margin-top:6px; }
.al-watch-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-bottom:10px; }
.al-card{ min-height:58px; padding:9px; border-radius:10px; border:1px solid rgba(0,0,0,.1); background:rgba(255,255,255,.72); }
.al-card-label{ font-size:11px; opacity:.68; font-weight:700; margin-bottom:5px; }
.al-card-value{ font-size:13px; font-weight:800; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.al-review-box{ min-height:120px; max-height:240px; overflow:auto; white-space:pre-wrap; padding:10px; border-radius:12px; border:1px solid rgba(0,0,0,.12); background:rgba(255,255,255,.78); font-size:12px; line-height:1.38; }
.al-review-box.ok{ border-color:rgba(31,182,85,.28); background:rgba(239,255,244,.82); }
.al-review-box.info{ border-color:rgba(45,112,255,.24); background:rgba(238,245,255,.85); }
.al-review-box.warn{ border-color:rgba(210,140,0,.32); background:rgba(255,248,226,.9); }
.al-review-box.error{ border-color:rgba(190,40,40,.34); background:rgba(255,236,236,.92); }
.al-pre.al-pre-small{ max-height:170px; font-size:11px; }


/* ============================================================
   V27 LOOK PATCH — only visual layer, no engine logic touched
   ============================================================ */
body{
  background:#dde3ea;
  color:#1a2a3a;
}
.header{
  background:#2c3e50;
  box-shadow:0 1px 0 rgba(0,0,0,.18);
}
.menubar.v27-menubar{
  display:flex;
  align-items:center;
  gap:2px;
  height:28px;
  padding:0 6px;
  background:linear-gradient(180deg,#3d5166,#2c3e50);
  border-bottom:1px solid #1a2530;
}
.menubar .brand{
  font-size:11px;
  font-weight:800;
  color:#7ec8e3;
  letter-spacing:.1em;
  text-transform:uppercase;
  padding:0 10px 0 2px;
  border-right:1px solid #4a6070;
  margin-right:3px;
  white-space:nowrap;
  user-select:none;
}
.menubar button{
  height:22px;
  padding:3px 9px;
  border:none;
  border-radius:2px;
  color:#c8d8e8;
  background:transparent;
  font-size:12px;
  transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease;
}
.menubar button:hover{background:rgba(255,255,255,.10);color:#fff;transform:translateY(-1px);box-shadow:0 8px 16px rgba(0,0,0,.14)}
.menubar button.active{
  background:#e8f0f8;
  color:#1a2a3a;
  font-weight:700;
  box-shadow:none;
}
.menubar button:active{
  transform:translateY(1px) scale(.98);
  box-shadow:inset 0 2px 4px rgba(0,0,0,.24);
}
.tool-ribbon.v27-ribbon{
  display:flex;
  align-items:stretch;
  gap:0;
  overflow-x:auto;
  overflow-y:hidden;
  padding:0 0 1px;
  background:linear-gradient(180deg,#f5f6f8,#e6e9ed);
  border-bottom:2px solid #9aacbe;
  min-height:70px;
}
.rib-group{
  margin:0;
  padding:2px 4px 0;
  background:transparent;
  border:none;
  border-right:1px solid transparent;
  min-height:68px;
}
.rib-group + .rib-group{
  border-left:1px solid transparent;
  position:relative;
}
.rib-group + .rib-group:before{
  content:"";
  position:absolute;
  left:-1px;
  top:3px;
  bottom:6px;
  width:1px;
  background:linear-gradient(180deg,transparent,#b8c8d8 15%,#b8c8d8 85%,transparent);
}
.rib-grid{
  gap:4px;
  align-items:start;
}
.rib-cap{
  margin-top:2px;
  padding:2px 4px 0;
  border-top:1px solid #c0cad4;
  background:transparent;
  color:#5a6a7a;
  font-size:9px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.rib-btn{
  min-width:48px;
  min-height:52px;
  border:1px solid #b8c0cc;
  border-radius:4px;
  background:linear-gradient(180deg,#f8f9fa,#e2e6ea);
  box-shadow:none;
  transition:all .12s;
}
.rib-btn:hover{
  background:linear-gradient(180deg,#e4f0ff,#c8dcf4);
  border-color:#5898d8;
  box-shadow:0 1px 4px rgba(40,112,192,.18);
}
.rib-btn.active,.rib-btn.on{
  background:linear-gradient(180deg,#1a5aaa,#104088);
  border-color:#0a3070;
  color:#fff;
}
.rib-btn .rib-txt{font-size:9.5px;font-weight:600;line-height:1.15}
.rib-ico{width:22px;height:22px;color:#1a4f8a}
.rib-btn.active .rib-ico,.rib-btn.on .rib-ico{color:#90c8ff}
.main.v27-main{
  background:#dde3ea;
}
.sidebar.v27-sidebar-left{
  width:200px;
  background:#f4f6f8;
  border-right:1px solid #ccd4dc;
}
.side-tabs{
  display:flex;
  background:#e4e9ee;
  border-bottom:1px solid #c4cdd6;
}
.side-tab{
  flex:1;
  min-height:28px;
  padding:6px 3px;
  font-size:10.5px;
  font-weight:600;
  color:#5a6a7a;
  background:transparent;
  border:none;
  border-right:1px solid #c4cdd6;
}
.side-tab:last-child{border-right:none}
.side-tab:hover{background:#d8e4ee}
.side-tab.on{
  background:#fff;
  color:#1a3a5a;
  border-bottom:2px solid #2870c0;
}
.layer-quickbar{
  display:flex;
  align-items:center;
  padding:3px 4px;
  gap:1px;
  background:#e0e5ea;
  border-bottom:2px solid #b8c8d8;
}
.lq-btn{
  min-width:24px;
  height:24px;
  border:1px solid #b0bcc8;
  border-radius:2px;
  background:linear-gradient(180deg,#f5f6f7,#dde4ea);
  color:#2a3848;
}
.lq-btn:hover{background:linear-gradient(180deg,#ddeeff,#c0d8f4);border-color:#5898d8;color:#1a3080}
.layer-box{background:#f8f9fa;border:none;box-shadow:none;border-radius:0;padding:0}
.layer-group{margin:0}
.layer-header{
  display:flex;
  align-items:center;
  min-height:22px;
  padding:3px 6px;
  background:linear-gradient(180deg,#dde4ec,#ccd4de);
  border-top:1px solid #d0d8e4;
  border-bottom:1px solid #b8c4d0;
  color:#2a3a50;
  font-size:10px;
  font-weight:700;
}
.layer-list{padding:0;margin:0;background:#fff}
.layer-item{
  min-height:26px;
  padding:0 4px 0 6px;
  border-bottom:1px solid #e8ecf0;
  background:#fff;
  transition:background .1s;
}
.layer-item:hover{background:#eef5ff;color:#1a2a3a}
.layer-item.selected,.layer-item.active{
  background:#d8eaff;
  outline:none;
  border-left:3px solid #1a60c0;
}
#map{
  background:#cfd9e3;
}
.sidebar.sidebar-right.v27-sidebar-right{
  width:240px;
  background:#f4f6f8;
  border-left:1px solid #ccd4dc;
}
.rs-head{
  background:linear-gradient(180deg,#3d5166,#2c3e50);
  border-bottom:none;
}
.rs-title{color:#c8e0f0;font-size:12px;font-weight:700}
.rs-toggle{color:rgba(255,255,255,.65)}
.rs-toggle:hover{color:#fff}
.rs-body{padding:10px;background:#f4f6f8}
.statusbar.v27-statusbar{
  height:22px;
  padding:2px 10px;
  background:linear-gradient(180deg,#253545,#1c2a38);
  color:#7aa0c0;
  border-top:1px solid #151f28;
}
.status-btn{
  height:18px;
  padding:0 8px;
  border-radius:3px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:#c8d8e8;
}
.status-btn:hover{background:rgba(255,255,255,.16);color:#fff}
.toolbar{
  background:linear-gradient(180deg,#2e3f50,#1e2d3c);
  border-top:1px solid #151f28;
  padding:3px 8px;
  gap:4px;
}
.icon-btn,.style-btn,.tb-btn{
  border-radius:3px;
}
.map3d-btn{
  border-radius:8px;
  box-shadow:0 2px 8px rgba(0,0,0,.2);
}


/* ==== PATCH: draw symbols match requested v28 look ==== */
#tb-draw{
  background:#f7f8fa;
  border-top:1px solid rgba(0,0,0,.08);
  border-bottom:1px solid rgba(0,0,0,.10);
  padding:6px 12px;
  gap:6px;
}
#tb-draw .icon-btn{
  width:34px;
  height:30px;
  border:1px solid #cfd6df;
  border-radius:4px;
  box-shadow:none;
  background:linear-gradient(#fff,#f4f6f9);
  font-size:18px;
  color:#2d3748;
}
#tb-draw .icon-btn:hover{ background:linear-gradient(#fff,#eef3fb); }
#tb-draw .icon-btn.on,
#tb-draw .icon-btn.active{
  background:linear-gradient(#2d6fc3,#1c5bb1);
  color:#fff;
  border-color:#184d96;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}
#tb-draw .icon-btn[data-mode="pan"]{ font-size:17px; }
#tb-draw .icon-btn[data-shape="marker"]{ font-size:18px; color:#111; }
#tb-draw .icon-btn[data-shape="polyline"]{ font-size:18px; color:#111; }
#tb-draw .icon-btn[data-shape="polygon"]{ font-size:15px; color:#e44f97; }
#tb-draw .icon-btn[data-shape="rectangle"]{ font-size:16px; color:#8aa057; }
#tb-draw .icon-btn[data-shape="circle"]{ font-size:18px; color:#d73c64; }
#tb-draw .icon-btn[data-shape="text"]{ font-size:19px; font-weight:700; color:#333; }
#tb-draw .style-group{ gap:3px; }
#tb-draw .style-btn{
  height:28px;
  min-width:30px;
  border-radius:4px;
  box-shadow:none;
  padding:2px 7px;
}
#tb-draw .color-swatch{
  width:16px;
  height:16px;
  border-radius:2px;
  box-shadow:none;
}
#tb-draw .line-demo{ width:16px; }
#tb-draw .label-title{ font-size:12px; }

/* ==== PATCH V3: compact ribbon + darker icons + clearer section dividers ==== */
.tool-ribbon{
  gap:0;
  padding:4px 8px 3px;
  min-height:58px;
  background:linear-gradient(180deg,#f4f6f8 0%,#e7ebef 100%);
  border-bottom:1px solid #aeb8c3;
}
.rib-group{
  min-width:auto;
  padding:4px 10px 0 8px;
  margin-right:8px;
  position:relative;
}
.rib-group.narrow{ min-width:auto; }
.rib-group + .rib-group::before{
  content:"";
  position:absolute;
  left:-8px;
  top:2px;
  bottom:6px;
  width:2px;
  border-radius:2px;
  background:linear-gradient(180deg,rgba(120,136,153,.08),rgba(120,136,153,.75) 18%,rgba(120,136,153,.75) 82%,rgba(120,136,153,.08));
  box-shadow:1px 0 0 rgba(255,255,255,.9);
}
.rib-grid,.rib-row{ gap:3px; }
.rib-sep{
  width:1px;
  height:18px;
  margin:2px 2px;
  background:#bcc6d1;
}
.rib-btn{
  width:28px;
  min-width:28px;
  height:24px;
  min-height:24px;
  gap:1px;
  border-radius:4px;
  padding:1px 0;
  border:1px solid #b7c1cc;
  background:linear-gradient(180deg,#ffffff 0%,#eef2f6 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 1px 0 rgba(0,0,0,.03);
}
.rib-btn:hover{
  background:linear-gradient(180deg,#ffffff 0%,#e2edf9 100%);
  border-color:#6f9fce;
}
.rib-btn.active,.rib-btn.on{
  background:linear-gradient(180deg,#2265b5 0%,#15498c 100%);
  border-color:#103d76;
  color:#fff;
}
.rib-ico{
  width:14px;
  height:14px;
  font-size:12px;
  line-height:12px;
  color:#25384c;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  filter:contrast(125%) brightness(88%);
}
.rib-ico.ico,
.rib-ico .ico,
.rib-btn .ico{
  width:14px;
  height:14px;
}
.rib-btn .ico svg{
  width:14px;
  height:14px;
  stroke:currentColor;
  fill:none;
  stroke-width:1.55;
  vector-effect:non-scaling-stroke;
}
.rib-btn .rib-txt{
  font-size:7.5px;
  line-height:7.5px;
  color:#33485d;
  font-weight:700;
  letter-spacing:.01em;
}
.rib-btn.active .rib-txt,
.rib-btn.on .rib-txt,
.rib-btn.active .rib-ico,
.rib-btn.on .rib-ico{
  color:#f4f8ff;
  filter:none;
}
.rib-cap{
  font-size:9px;
  margin-top:4px;
  padding:3px 0 2px 1px;
  color:#4d6278;
  border-top:1px solid #c7d1db;
  font-weight:800;
  letter-spacing:.06em;
}

/* ribbon svg özel durumda dolgu gereken şekiller */
.rib-btn[data-rib="sel-single"] .ico svg path,
.rib-btn[data-rib="sel-all"] .ico svg circle,
.rib-btn[data-rib="sel-point"] .ico svg circle:last-child,
.rib-btn[data-rib="snap-all"] .rib-ico,
.rib-btn[data-rib="snap-none"] .rib-ico{ fill:currentColor; }

/* ==== PATCH V3: draw toolbar closer to requested v28 look ==== */
#tb-draw{
  background:linear-gradient(180deg,#f8fafc 0%,#eef2f6 100%);
  border-top:1px solid rgba(255,255,255,.85);
  border-bottom:1px solid #c3ccd5;
  padding:7px 12px;
  gap:7px;
}
#tb-draw .icon-btn{
  width:30px;
  height:28px;
  border:1px solid #c7d0d9;
  border-radius:4px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95);
  background:linear-gradient(180deg,#ffffff,#f3f6f9);
  font-size:18px;
  color:#263544;
}
#tb-draw .icon-btn:hover{ background:linear-gradient(#ffffff,#eaf1f8); border-color:#84a7ca; }
#tb-draw .icon-btn.on,
#tb-draw .icon-btn.active{
  background:linear-gradient(#2f72c6,#1f5fb0);
  color:#fff;
  border-color:#184d96;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
}
#tb-draw .icon-btn[data-mode="pan"]{ font-size:16px; color:#d29a2f; }
#tb-draw .icon-btn[data-shape="marker"]{ font-size:17px; color:#111; }
#tb-draw .icon-btn[data-shape="polyline"]{ font-size:18px; color:#111; font-weight:700; }
#tb-draw .icon-btn[data-shape="polygon"]{ font-size:14px; color:#e34d92; }
#tb-draw .icon-btn[data-shape="rectangle"]{ font-size:15px; color:#8ba35c; }
#tb-draw .icon-btn[data-shape="circle"]{ font-size:18px; color:#cf476f; }
#tb-draw .icon-btn[data-shape="text"]{ font-size:18px; font-weight:800; color:#303030; }
#tb-draw .tool-sep{
  width:1px;
  align-self:stretch;
  margin:0 2px;
  background:#c8d1da;
}
#tb-draw .style-group{ gap:4px; }
#tb-draw .style-btn{
  height:26px;
  min-width:28px;
  border-radius:4px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95);
  padding:2px 7px;
  border:1px solid #c7d0d9;
  background:linear-gradient(180deg,#ffffff,#f4f7fa);
  color:#2b3c4d;
}
#tb-draw .style-btn.on,
#tb-draw .style-btn.active{
  background:linear-gradient(180deg,#dff0cf,#cfe6ba);
  border-color:#92b16b;
}
#tb-draw .color-swatch{
  width:15px;
  height:15px;
  border-radius:2px;
  box-shadow:0 0 0 1px rgba(0,0,0,.14);
}
#tb-draw .label-title{ font-size:11px; font-weight:700; color:#495b6b; }


/* ==== FINAL FULL DARK RIBBON PATCH ==== */
.tool-ribbon.v27-ribbon{display:flex;align-items:stretch;overflow-x:auto;overflow-y:hidden;padding:0;background:linear-gradient(180deg,#31495e,#253a4d);border-bottom:1px solid #182635;min-height:76px;}
.tool-ribbon.v27-ribbon .rp.on{display:flex;align-items:stretch;padding:0 8px 1px;gap:0;}
.tool-ribbon.v27-ribbon .rg{display:flex;flex-direction:column;padding:4px 8px 0;min-height:74px;flex-shrink:0;}
.tool-ribbon.v27-ribbon .rg-body{display:flex;align-items:flex-start;gap:4px;flex:1;}
.tool-ribbon.v27-ribbon .rg-cap{margin-top:4px;padding:3px 4px 0;border-top:1px solid rgba(255,255,255,.18);background:transparent;color:#d8e2ec;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;text-align:center;justify-content:center;display:flex;}
.tool-ribbon.v27-ribbon .rsep{width:1px;align-self:stretch;margin:4px 4px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.32) 15%,rgba(255,255,255,.32) 85%,transparent);}
.tool-ribbon.v27-ribbon .rb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:46px;height:48px;background:linear-gradient(180deg,#ffffff,#edf1f5);border:1px solid #b9c6d2;border-radius:3px;color:#25425f;font-size:15px;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.85);padding:2px 3px;cursor:pointer;transition:all .12s;}
.tool-ribbon.v27-ribbon .rb:hover{background:linear-gradient(180deg,#fefefe,#e6eef8);border-color:#7ea0c6;}
.tool-ribbon.v27-ribbon .rb.on,.tool-ribbon.v27-ribbon .rb.active{background:linear-gradient(180deg,#2f74d8,#1b5bbb);border-color:#15498f;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.18);}
.tool-ribbon.v27-ribbon .rb span{font-size:9px;line-height:1.05;font-weight:600;color:inherit;white-space:nowrap;}
.tool-ribbon.v27-ribbon .rsc{display:flex;flex-direction:column;gap:2px;justify-content:center;}
.tool-ribbon.v27-ribbon .rs,.tool-ribbon.v27-ribbon .wbtn,.tool-ribbon.v27-ribbon .fillbtn{background:linear-gradient(180deg,#ffffff,#edf1f5);border:1px solid #b9c6d2;color:#25425f;border-radius:3px;}
.tool-ribbon.v27-ribbon .rs.on,.tool-ribbon.v27-ribbon .wbtn.on,.tool-ribbon.v27-ribbon .fillbtn.on{background:linear-gradient(180deg,#2f74d8,#1b5bbb);border-color:#15498f;color:#fff;}
.tool-ribbon.v27-ribbon .wline{background:#1f3147;}
.tool-ribbon.v27-ribbon .wbtn.on .wline{background:#fff;}
.tool-ribbon.v27-ribbon .csw{width:14px;height:14px;border:1px solid rgba(255,255,255,.35);box-shadow:none;}
.tool-ribbon.v27-ribbon .csw.on{outline:2px solid #7eb5ff;box-shadow:none;border-color:#fff;}
#tb-draw{display:none !important;}


/* --- Locked ribbon + extended selection buttons --- */
.rg-selection-extended .rg-body{ gap:4px; }
.rg-selection-extended .rb{ min-width:44px; }
.rg-selection-extended .rb span{ font-size:10px; }


/* ==== PATCH: compact 2-row layout for Selection / Snap / Edit / Measure ==== */
.tool-ribbon.v27-ribbon .rg.compact-grid{
  padding-top:4px;
}
.tool-ribbon.v27-ribbon .rg.compact-grid .rg-body{
  display:grid;
  grid-auto-flow:column;
  grid-template-rows:repeat(2,min-content);
  gap:3px 4px;
  align-content:start;
  align-items:start;
}
.tool-ribbon.v27-ribbon .rg.compact-grid .rb{
  width:40px;
  height:34px;
  min-height:34px;
  gap:1px;
  padding:2px 2px;
  font-size:13px;
}
.tool-ribbon.v27-ribbon .rg.compact-grid .rb span{
  font-size:8px;
  line-height:1;
}
.tool-ribbon.v27-ribbon .compact-selection .rg-body{max-width:302px;}
.tool-ribbon.v27-ribbon .compact-snap .rg-body{max-width:216px;}
.tool-ribbon.v27-ribbon .compact-edit .rg-body{max-width:430px;}
.tool-ribbon.v27-ribbon .compact-measure .rg-body{max-width:84px;}
.tool-ribbon.v27-ribbon .compact-measure .rg-body .rb:last-child{
  grid-row:1 / span 2;
  height:71px;
}


/* === Draw Style exact layout patch === */
.tool-ribbon.v27-ribbon .rg.rg-drawstyle{padding-right:14px;}
.tool-ribbon.v27-ribbon .rg.rg-drawstyle .ds-body{gap:8px;align-items:flex-start;min-width:250px;}
.tool-ribbon.v27-ribbon .rg.rg-drawstyle .ds-col{display:flex;flex-direction:column;justify-content:flex-start;}
.tool-ribbon.v27-ribbon .rg.rg-drawstyle .ds-palette-col{gap:4px;min-width:86px;}
.tool-ribbon.v27-ribbon .rg.rg-drawstyle .ds-palette-grid{display:grid;grid-template-columns:repeat(5,14px);grid-auto-rows:14px;gap:3px;align-content:start;}
.tool-ribbon.v27-ribbon .rg.rg-drawstyle .csw{width:14px;height:14px;border-radius:2px;border:1px solid rgba(255,255,255,.45);margin:0;}
.tool-ribbon.v27-ribbon .rg.rg-drawstyle .ds-color-readout{display:flex;align-items:center;gap:4px;padding-left:1px;}
.tool-ribbon.v27-ribbon .rg.rg-drawstyle .ds-color-readout code{font-size:8px;color:#d8e2ec;letter-spacing:0;}
.tool-ribbon.v27-ribbon .rg.rg-drawstyle .ds-color-chip{width:14px;height:8px;border-radius:2px;background:#000;border:1px solid rgba(255,255,255,.35);display:inline-block;}
.tool-ribbon.v27-ribbon .rg.rg-drawstyle .ds-divider{width:1px;height:48px;background:rgba(255,255,255,.20);margin-top:2px;flex-shrink:0;}
.tool-ribbon.v27-ribbon .rg.rg-drawstyle .ds-tool-col{gap:4px;}
.tool-ribbon.v27-ribbon .rg.rg-drawstyle .ds-tool-grid{display:grid;grid-template-columns:repeat(3,22px);grid-auto-rows:16px;gap:3px;}
.tool-ribbon.v27-ribbon .rg.rg-drawstyle .wbtn,
.tool-ribbon.v27-ribbon .rg.rg-drawstyle .fillbtn{width:22px;height:16px;min-width:22px;padding:0;border-radius:3px;font-size:11px;display:flex;align-items:center;justify-content:center;}
.tool-ribbon.v27-ribbon .rg.rg-drawstyle .wline{width:12px;}
.tool-ribbon.v27-ribbon .rg.rg-drawstyle .ds-tool-grid-bottom{grid-template-columns:22px 22px 34px;align-items:center;}
.tool-ribbon.v27-ribbon .rg.rg-drawstyle .ds-slider-wrap{height:16px;display:flex;align-items:center;justify-content:center;background:transparent;}
.tool-ribbon.v27-ribbon .rg.rg-drawstyle .ds-slider-wrap input{width:32px;height:14px;accent-color:#5fa2ff;}
.tool-ribbon.v27-ribbon .rg.rg-drawstyle .ds-labels-col{gap:3px;min-width:74px;}
.tool-ribbon.v27-ribbon .rg.rg-drawstyle .ds-labels-col .rs{min-width:74px;height:16px;padding:0 6px;font-size:10px;justify-content:flex-start;border-radius:2px;}
.tool-ribbon.v27-ribbon .rg.rg-drawstyle .ds-labels-col .rs:last-child{font-size:9px;}
.tool-ribbon.v27-ribbon .rg.rg-drawstyle .rg-cap{margin-top:3px;}

/* ── Katmanlar panel — layer group icons ─────────────────────────────── */
.layer-header .lg-ico{font-size:13px;line-height:1;opacity:.85;flex-shrink:0;}
.layer-header{display:flex;align-items:center;gap:6px;}

/* ── Referans katmanlar tab badge ──────────────────────────────────────── */
#wms-ref-panel{max-height:calc(100vh - 200px);overflow-y:auto;}
#wms-ref-panel::-webkit-scrollbar{width:4px;}
#wms-ref-panel::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:4px;}

/* ══════════════════════════════════════════════════════════════════════
   ALYA GIS — ORTAK TEMA & PANEL YENİLEME
   ══════════════════════════════════════════════════════════════════════ */

:root {
  --alya-navy:   #0f2744;
  --alya-blue:   #1a5276;
  --alya-accent: #2563eb;
  --alya-light:  #e8eef8;
  --alya-bg:     #f2f4f8;
  --alya-surface:#ffffff;
  --alya-border: #dde2ef;
  --alya-text:   #1a1a2e;
  --alya-muted:  #6b7280;
  --alya-green:  #16a34a;
  --alya-red:    #dc2626;
  --alya-shadow: 0 1px 4px rgba(0,0,0,.1), 0 2px 8px rgba(0,0,0,.07);
  --alya-radius: 10px;
  --alya-panel-w: 220px;
}

/* ── Sol Panel ─────────────────────────────────────────────────────── */
.v27-sidebar-left, .sidebar:not(.sidebar-right) {
  width: var(--alya-panel-w) !important;
  background: var(--alya-surface);
  border-right: 1px solid var(--alya-border);
  box-shadow: 2px 0 8px rgba(0,0,0,.06);
}

/* Side tabs */
.side-tabs {
  display: flex;
  background: var(--alya-navy);
  padding: 0;
  gap: 0;
  border-bottom: none;
}
.side-tab {
  flex: 1;
  padding: 7px 4px 6px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .3px;
  text-transform: uppercase;
  color: rgba(255,255,255,.5);
  background: transparent;
  border: none;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: all .15s;
}
.side-tab:hover { color: rgba(255,255,255,.8); background: rgba(255,255,255,.06); }
.side-tab.on { color: #fff; border-bottom-color: #60a5fa; background: rgba(255,255,255,.08); }

/* Layer quickbar */
.layer-quickbar {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 5px 6px 4px;
  background: var(--alya-bg);
  border-bottom: 1px solid var(--alya-border);
}
.lq-btn {
  display: flex; align-items: center; justify-content: center;
  width: 26px; height: 26px;
  border: 1px solid var(--alya-border);
  border-radius: 6px;
  background: var(--alya-surface);
  font-size: 13px;
  color: var(--alya-text);
  cursor: pointer;
  transition: all .12s;
}
.lq-btn:hover { background: var(--alya-light); border-color: var(--alya-accent); color: var(--alya-accent); }
.lq-btn .lq-ico { line-height: 1; }
.lq-sep { width: 1px; height: 18px; background: var(--alya-border); margin: 0 2px; }

/* Layer groups */
.layer-group {
  margin: 0;
  border-bottom: 1px solid var(--alya-border);
}
.layer-header {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 8px 4px;
  background: var(--alya-bg);
  cursor: pointer;
  user-select: none;
  position: sticky; top: 0; z-index: 1;
}
.layer-header:hover { background: var(--alya-light); }
.layer-header .lg-ico { font-size: 12px; opacity: .8; flex-shrink: 0; }
.layer-header span:not(.lg-ico):not(.lg-caret) {
  font-size: 10.5px;
  font-weight: 700;
  color: var(--alya-navy);
  letter-spacing: .3px;
  text-transform: uppercase;
  flex: 1;
}
.lg-caret { color: var(--alya-muted); font-size: 13px; transition: transform .15s; }
.layer-group.collapsed .lg-caret { transform: none; }

/* Layer items */
.layer-item {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 0;
  border-radius: 0;
  border-bottom: 1px solid rgba(0,0,0,.04);
  transition: background .1s;
}
.layer-item:hover { background: #f0f4ff; }
.layer-item.active { background: #e8eef8; border-left: 2px solid var(--alya-accent); }

.layer-item .li-row {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 6px;
  flex: 1;
  min-width: 0;
  cursor: pointer;
}
.li-label {
  flex: 1;
  font-size: 11px;
  font-weight: 500;
  color: var(--alya-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.li-type-ico {
  font-size: 11px;
  opacity: .6;
  flex-shrink: 0;
}
.layer-item .li-ico {
  width: 22px; height: 22px;
  display: flex; align-items: center; justify-content: center;
  border: none; background: transparent;
  cursor: pointer;
  font-size: 11px;
  color: var(--alya-muted);
  border-radius: 4px;
  flex-shrink: 0;
  transition: all .1s;
}
.layer-item .li-ico:hover { background: var(--alya-light); color: var(--alya-accent); }
.layer-item-actions { display: flex; gap: 1px; padding-right: 3px; }
.layer-item-actions span {
  width: 20px; height: 20px;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer;
  font-size: 11px;
  color: var(--alya-muted);
  border-radius: 4px;
  transition: all .1s;
}
.layer-item-actions span:hover { background: var(--alya-light); color: var(--alya-accent); }

/* ── Sağ Panel ─────────────────────────────────────────────────────── */
#rightSidebar {
  width: 240px !important;
  background: var(--alya-surface);
  border-left: 1px solid var(--alya-border);
  box-shadow: -2px 0 8px rgba(0,0,0,.06);
}
#rightSidebar .rs-head {
  background: var(--alya-navy);
  color: #fff;
  padding: 8px 10px 7px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  flex-shrink: 0;
}
#rightSidebar .rs-title {
  font-size: 12px;
  font-weight: 800;
  color: #fff;
  letter-spacing: .5px;
  text-transform: uppercase;
  opacity: 1;
}
#rightSidebar .rs-toggle {
  width: 24px; height: 24px;
  border-radius: 6px;
  border: 1px solid rgba(255,255,255,.2);
  background: rgba(255,255,255,.1);
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  display: flex; align-items: center; justify-content: center;
}
#rightSidebar .rs-toggle:hover { background: rgba(255,255,255,.2); }
#rightSidebar.collapsed { width: 38px !important; }
#rightSidebar.collapsed .rs-title { display: none; }
#rightSidebar.collapsed .rs-body { display: none; }
#rightSidebar .rs-body {
  flex: 1; min-height: 0;
  overflow-y: auto; overflow-x: hidden;
  padding: 0;
  gap: 0;
}
#rightSidebar .rs-body::-webkit-scrollbar { width: 4px; }
#rightSidebar .rs-body::-webkit-scrollbar-thumb { background: rgba(0,0,0,.15); border-radius: 4px; }

/* Right panel sections */
.rs-section {
  border-bottom: 1px solid var(--alya-border);
  padding: 0;
}
.rs-section-title {
  font-size: 10px;
  font-weight: 700;
  color: var(--alya-muted);
  letter-spacing: .5px;
  text-transform: uppercase;
  padding: 6px 10px 4px;
  background: var(--alya-bg);
}
.rs-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
  padding: 6px 8px 8px;
}
.rs-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 7px 4px 6px;
  border: 1px solid var(--alya-border);
  border-radius: 8px;
  background: var(--alya-surface);
  cursor: pointer;
  font-size: 10px;
  font-weight: 600;
  color: var(--alya-text);
  transition: all .12s;
  text-align: center;
}
.rs-item .ico { font-size: 18px; line-height: 1; }
.rs-item:hover { border-color: var(--alya-accent); background: var(--alya-light); color: var(--alya-accent); }
.rs-item.active { border-color: var(--alya-accent); background: var(--alya-light); color: var(--alya-accent); }

/* ── Basemap grid ─────────────────────────────────────────────────── */
.basemap-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
  padding: 6px 8px;
}
.basemap-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  border: 1.5px solid var(--alya-border);
  border-radius: 8px;
  background: var(--alya-surface);
  cursor: pointer;
  font-size: 11px;
  font-weight: 600;
  color: var(--alya-text);
  transition: all .12s;
  text-align: left;
}
.basemap-btn .basemap-ico { font-size: 15px; flex-shrink: 0; }
.basemap-btn .basemap-title { font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.basemap-btn:hover { border-color: var(--alya-accent); background: var(--alya-light); }
.basemap-btn.active { border-color: var(--alya-accent); background: var(--alya-light); color: var(--alya-accent); box-shadow: 0 0 0 2px rgba(37,99,235,.15); }

/* ── Draw ribbon swatches ─────────────────────────────────────────── */
.csw, .color-swatch {
  width: 18px; height: 18px;
  border-radius: 4px;
  border: 2px solid transparent;
  cursor: pointer;
  transition: all .12s;
}
.csw:hover, .color-swatch:hover { border-color: var(--alya-text); transform: scale(1.1); }
.csw.on, .color-swatch.on { border-color: var(--alya-text) !important; box-shadow: 0 0 0 2px rgba(0,0,0,.25); }

/* ── Layer property dialog ────────────────────────────────────────── */
.layer-props-dialog {
  position: fixed;
  background: var(--alya-surface);
  border: 1px solid var(--alya-border);
  border-radius: var(--alya-radius);
  box-shadow: var(--alya-shadow), 0 8px 24px rgba(0,0,0,.12);
  width: min(720px, calc(100vw - 40px));
  min-width: min(560px, calc(100vw - 40px));
  max-width: calc(100vw - 40px);
  max-height: calc(100vh - 40px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  z-index: 9999;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 12px;
}
.lpd-header {
  background: var(--alya-navy);
  color: #fff;
  padding: 8px 12px;
  border-radius: var(--alya-radius) var(--alya-radius) 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 700;
  cursor: move;
}
.lpd-close { cursor: pointer; font-size: 16px; opacity: .7; background: none; border: none; color: #fff; }
.lpd-close:hover { opacity: 1; }
.lpd-body { padding: 10px 12px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; overflow: auto; min-height: 0; }
.lpd-body > hr,
.lpd-body > div[style*="text-transform"],
.lpd-body > div[style*="font-size:11px;color"],
.lpd-body > div[style*="grid-template-columns:1fr"] { grid-column: 1 / -1; }
.lpd-row { display: grid; grid-template-columns: 110px minmax(0, 1fr); align-items: center; gap: 6px; min-width: 0; }
.lpd-label { font-size: 11px; color: var(--alya-muted); font-weight: 500; }
.lpd-input, .lpd-select {
  width: 100%;
  padding: 4px 7px;
  border: 1px solid var(--alya-border);
  border-radius: 6px;
  font-size: 11px;
  background: var(--alya-bg);
  outline: none;
}
.lpd-input:focus, .lpd-select:focus { border-color: var(--alya-accent); }
.lpd-color-row { display: flex; align-items: center; gap: 6px; }
.lpd-color-row input[type=color] { width: 28px; height: 24px; border: 1px solid var(--alya-border); border-radius: 4px; cursor: pointer; padding: 1px; }
.lpd-footer { padding: 8px 12px; border-top: 1px solid var(--alya-border); display: flex; gap: 6px; justify-content: flex-end; flex-shrink: 0; }
@media (max-width: 760px) {
  .layer-props-dialog { width: calc(100vw - 24px); min-width: 0; left: 12px !important; right: 12px; }
  .lpd-body { grid-template-columns: 1fr; }
}
.lpd-btn {
  padding: 5px 14px;
  border-radius: 6px;
  border: none;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  transition: opacity .12s;
}
.lpd-btn-primary { background: var(--alya-accent); color: #fff; }
.lpd-btn-primary:hover { opacity: .88; }
.lpd-btn-ghost { background: var(--alya-bg); color: var(--alya-text); border: 1px solid var(--alya-border); }

/* ALYA katman özellikleri: Netcad benzeri sekmeli ve önizlemeli düzen */
.layer-props-dialog.alya-netcad-props{width:min(620px,calc(100vw - 32px));min-width:min(480px,calc(100vw - 32px));background:#f7faff;border:1px solid #7299c6;border-radius:14px;color:#102a43;box-shadow:0 18px 45px rgba(9,30,66,.28);display:grid;grid-template-columns:150px minmax(0,1fr);overflow:hidden}
.alya-netcad-props .lpd-header{height:30px;padding:4px 8px;background:#f4f4f4;color:#555;border-radius:5px 5px 0 0;border-bottom:1px solid #c8c8c8;font-weight:400;cursor:move}
.alya-netcad-props .lpd-close{color:#555;font-size:14px}
.alya-prop-tabs{grid-column:1;grid-row:2 / span 2;display:flex;flex-direction:column;gap:5px;padding:12px 9px;background:linear-gradient(180deg,#0c315c,#10243e);border:0;overflow:auto}
.alya-prop-tabs button{min-height:37px;padding:7px 10px;border:0;border-radius:8px;background:transparent;color:#cfe4ff;font:600 12px 'Segoe UI',sans-serif;cursor:pointer;text-align:left;white-space:normal}
.alya-prop-tabs button:hover{background:rgba(255,255,255,.08)}
.alya-prop-tabs button.active{background:#1e78d2;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.alya-netcad-props .lpd-header{grid-column:1 / -1}.alya-netcad-props .lpd-body{grid-column:2;display:block;min-height:285px;max-height:430px;padding:18px 22px;background:#f7faff}
.alya-prop-panel{display:none}.alya-prop-panel.active{display:grid;grid-template-columns:1fr;gap:9px}
.alya-prop-panel>div[style*="text-transform"]{display:none}
.alya-netcad-props .lpd-row{grid-template-columns:125px minmax(0,1fr);min-height:27px}
.alya-netcad-props .lpd-label{color:#333;font-size:11px}
.alya-netcad-props .lpd-input,.alya-netcad-props .lpd-select{height:25px;padding:2px 7px;border:1px solid #aeb4ba;border-radius:0;background:#fff;color:#222}
.alya-netcad-props input[type=color]{width:42px;height:24px;padding:1px;border:1px solid #999;background:#fff}
.alya-prop-panel fieldset{display:grid;gap:12px;padding:14px;border:1px solid #c9c9c9;background:#fbfbfb}.alya-prop-panel legend{padding:0 5px;color:#333}.alya-prop-panel fieldset label{display:flex;gap:8px;align-items:center}
.alya-prop-preview{grid-column:2;display:flex;align-items:center;height:105px;padding:8px 34px;background:#fff;border-top:1px solid #cad9eb;border-bottom:1px solid #cad9eb;gap:40px;--preview-stroke:#1847ff;--preview-fill:#1847ff;--preview-opacity:.7}
.alya-prop-preview .sample-area{width:88px;height:53px;background:var(--preview-fill);opacity:var(--preview-opacity);clip-path:polygon(0 36%,50% 36%,50% 0,100% 0,100% 100%,0 100%)}
.alya-prop-preview svg{width:245px;height:72px}.alya-prop-preview polyline,.alya-prop-preview circle{stroke:var(--preview-stroke);fill:var(--preview-stroke);stroke-width:1.4}
.alya-netcad-props .lpd-footer{grid-column:2;padding:10px 16px;background:#eef5ff;border-top:1px solid #cad9eb}.alya-netcad-props .lpd-btn{min-width:88px;border:1px solid #aac0db;border-radius:8px;background:#fff;color:#173a62;font-weight:600}.alya-netcad-props .lpd-btn-primary{border-color:#1673c9;background:#1673c9;color:#fff}.alya-netcad-props .alya-prop-help{margin-left:0}
.alya-group-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:4px 0 10px}.alya-group-quick button{border:1px solid #aac0db;border-radius:7px;background:#eef5ff;color:#173a62;padding:7px;font-weight:600;cursor:pointer}.alya-group-quick button:hover{background:#dcecff}
.alya-save-as-modal{position:fixed;inset:0;z-index:100600;display:flex;align-items:center;justify-content:center;background:rgba(8,15,25,.52)}.alya-save-as-card{width:430px;max-width:calc(100vw - 30px);height:min(720px,calc(100vh - 34px));display:flex;flex-direction:column;overflow:hidden;border:1px solid #8190a0;border-radius:9px;background:#f4f5f8;box-shadow:0 24px 70px rgba(0,0,0,.38)}.alya-save-as-head{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#16213e;color:#fff}.alya-save-as-head button{border:0;background:transparent;color:#fff;font-size:15px;cursor:pointer}.alya-save-as-body{flex:1;min-height:0;overflow:hidden}.alya-save-as-body>.gnd{height:100%}.alya-save-as-body .gnd-hdr{padding-top:7px;padding-bottom:7px}


/* =========================================================
   TEMEL69 PANEL LAYOUT FIX
   Sağ/sol panel genişletme, taşma önleme, iç hizalama
   ========================================================= */

/* Sol panel daha rahat */
.main > .sidebar.v27-sidebar-left,
.main > .sidebar:first-child{
  width: 292px !important;
  min-width: 292px !important;
  padding: 8px !important;
  gap: 8px !important;
}

.side-tabs{
  display:grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:6px;
  padding:6px !important;
}
.side-tab{
  min-width:0;
  padding:7px 6px !important;
  font-size:11px !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.side-panel{
  padding: 8px 4px 10px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}
.side-panel > *{ max-width:100%; }

.layer-quickbar,
.data-mini-tabs,
.basemap-grid,
.refs-grid{
  flex-wrap:wrap;
  overflow:hidden;
}
.layer-quickbar{
  padding:8px !important;
  gap:6px !important;
}
.lq-btn{ flex:0 0 auto; }

/* Sol panel içindeki bölüm satırları taşmasın */
.sidebar .section,
.sidebar .group,
.sidebar .tool-row,
.sidebar .layer-row,
.sidebar .layer-item,
.sidebar .an-box,
.sidebar .dp-box,
.sidebar .accordion-item{
  max-width:100%;
  overflow:hidden;
}
.sidebar input,
.sidebar select,
.sidebar textarea,
.sidebar button{
  max-width:100%;
  box-sizing:border-box;
}
.sidebar .tool-row,
.sidebar .row,
.sidebar .dp-row,
.sidebar .an-row{
  min-width:0;
}

/* Sağ dinamik panel daha geniş ve içeriği daha rahat */
.right-panel{
  width: clamp(330px, 31vw, 400px) !important;
  min-width: 330px !important;
}
.rp-body,
.right-panel .panel-body{
  overflow:hidden !important;
}
.right-panel #panel-analysis{
  padding: 0 !important;
  min-height:0 !important;
}
.right-panel #panel-analysis .surfer-props{
  padding: 8px 8px 12px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}

/* Sağ panelde kartlar ve satırlar nefes alsın */
.surfer-props .an-props{
  gap:10px !important;
}
.surfer-props .an-box{
  border-radius:12px !important;
}
.surfer-props .an-box-body{
  padding:10px !important;
  gap:8px !important;
  overflow:hidden !important;
}
.surfer-props .an-row{
  grid-template-columns: 108px minmax(0,1fr) !important;
  gap:8px !important;
  min-width:0;
}
.surfer-props .an-lbl{
  font-size:11px !important;
  line-height:1.2;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
.surfer-props .an-input,
.surfer-props .an-select,
.surfer-props .an-btn,
.surfer-props input,
.surfer-props select,
.surfer-props button,
.surfer-props textarea{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
.surfer-props .an-input,
.surfer-props .an-select{
  min-height:34px;
}
.surfer-props .an-input[type='range']{
  min-height:auto;
}
.surfer-props .sf-inline,
.surfer-props .sf-actions,
.surfer-props .an-check,
.surfer-props .dp-checkline,
.surfer-props .dp-inline2,
.surfer-props .dp-inline3,
.surfer-props .dp-row2,
.surfer-props .dp-topbar,
.surfer-props .dp-tabs{
  min-width:0;
  flex-wrap:wrap !important;
}
.surfer-props .dp-inline2,
.surfer-props .dp-inline3,
.surfer-props .dp-row2{
  display:grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap:8px !important;
}
.surfer-props .dp-inline3{
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
}
.surfer-props .dp-topbar{
  display:grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap:8px !important;
}
.surfer-props .dp-tabs{
  display:grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap:6px !important;
}
.surfer-props .dp-btn,
.surfer-props .dp-btn.tab{
  justify-content:center !important;
  min-width:0 !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.surfer-props .dp-btn .dp-lbl,
.surfer-props .dp-btn.tab .dp-lbl,
.surfer-props .dp-btn.tab .txt{
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Çok dar ekranlarda yine taşmasın */
@media (max-width: 1600px){
  .right-panel{ width: 340px !important; min-width:340px !important; }
  .surfer-props .dp-tabs{ grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  .surfer-props .dp-topbar{ grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  .surfer-props .dp-inline3{ grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}


/* =====================================================================
   STAGE-COMPACT SHELL PATCH
   Amaç: çalışma sistemine dokunmadan menü kabuğunu stage ekranına yaklaştırmak
   ===================================================================== */
body.stage-compact-shell{
  background:#081221;
  padding:10px;
  gap:8px;
}
body.stage-compact-shell .header{
  background:linear-gradient(180deg,#0f1d35,#0b1729);
  border:1px solid rgba(96,138,204,.25);
  border-radius:14px;
  box-shadow:0 10px 28px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.04);
  overflow:hidden;
}
body.stage-compact-shell .menubar.v27-menubar{
  background:linear-gradient(180deg,#0f1c33,#0d182c);
  padding:8px 12px 6px;
  gap:6px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
body.stage-compact-shell .menubar .brand{
  color:#eef5ff;
  font-weight:800;
  font-size:14px;
  margin-right:4px;
}
body.stage-compact-shell .menubar button{
  background:#16243d;
  color:#d7e6ff;
  border:1px solid rgba(95,162,255,.18);
  border-radius:9px;
  min-height:28px;
  padding:5px 10px;
  font-size:11px;
  font-weight:700;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
body.stage-compact-shell .menubar button:hover{ background:#1b2c49; }
body.stage-compact-shell .menubar button.active{
  background:linear-gradient(180deg,#23416f,#172a47);
  border-color:#5fa2ff;
  color:#eef5ff;
}
body.stage-compact-shell .stage-menubar-tools{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:6px;
}
body.stage-compact-shell .stage-mini-btn{
  background:#172742;
  color:#dbeafe;
  border:1px solid rgba(95,162,255,.18);
  border-radius:9px;
  min-height:28px;
  padding:4px 10px;
  font-size:11px;
  font-weight:700;
}
body.stage-compact-shell .stage-mini-btn:hover{ background:#203455; }
body.stage-compact-shell .tool-ribbon.v27-ribbon{
  background:linear-gradient(180deg,#0d182b,#0a1424);
  border-top:1px solid rgba(255,255,255,.03);
  padding:6px 8px 7px;
  gap:6px;
}
body.stage-compact-shell .rp.on{
  gap:6px;
  align-items:stretch;
}
body.stage-compact-shell .rg{
  background:linear-gradient(180deg,#101c31,#0d1729);
  border:1px solid rgba(95,162,255,.16);
  border-radius:12px;
  padding:5px 6px 4px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
body.stage-compact-shell .rsep{ width:1px; background:rgba(255,255,255,.08); margin:0 1px; }
body.stage-compact-shell .rg-body{ gap:5px; }
body.stage-compact-shell .rg-cap{
  color:#8da8cf;
  font-size:9px;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-top:4px;
}
body.stage-compact-shell .rb,
body.stage-compact-shell .rs,
body.stage-compact-shell .wbtn,
body.stage-compact-shell .fillbtn{
  background:#182845;
  color:#e8f1ff;
  border:1px solid rgba(95,162,255,.16);
  border-radius:9px;
  min-height:30px;
}
body.stage-compact-shell .rb span{ font-size:9px; }
body.stage-compact-shell .rb.on,
body.stage-compact-shell .rb.active,
body.stage-compact-shell .rs.on,
body.stage-compact-shell .wbtn.on,
body.stage-compact-shell .fillbtn.on{
  background:linear-gradient(180deg,#27539a,#18396c);
  border-color:#7ab0ff;
  box-shadow:0 0 0 1px rgba(122,176,255,.15) inset;
}
body.stage-compact-shell .main.v27-main{
  background:transparent;
  display:grid;
  grid-template-columns:230px 1fr 240px;
  gap:10px;
  min-height:0;
  flex:1;
}
body.stage-compact-shell .v27-sidebar-left,
body.stage-compact-shell .sidebar-right.v27-sidebar-right{
  background:linear-gradient(180deg,#0c1729,#0a1323);
  border:1px solid rgba(96,138,204,.25);
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 10px 28px rgba(0,0,0,.24);
}
body.stage-compact-shell .stage-side-head,
body.stage-compact-shell .rs-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 10px 8px;
  background:linear-gradient(180deg,#0f1d35,#0c182b);
  border-bottom:1px solid rgba(255,255,255,.06);
}
body.stage-compact-shell .stage-side-title,
body.stage-compact-shell .rs-title{ color:#edf4ff; font-weight:800; font-size:14px; }
body.stage-compact-shell .stage-collapse,
body.stage-compact-shell .rs-toggle{
  width:30px; height:30px; border-radius:9px;
  background:#15243d; color:#dbeafe; border:1px solid rgba(95,162,255,.18);
}
body.stage-compact-shell .side-tabs{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:6px;
  padding:8px 8px 0;
  background:transparent;
  border:none;
}
body.stage-compact-shell .side-tab{
  border:1px solid rgba(95,162,255,.14);
  border-radius:9px;
  background:#111b2f;
  color:#dce8fb;
  min-height:29px;
  font-size:11px;
}
body.stage-compact-shell .side-tab.on{
  background:linear-gradient(180deg,#23416f,#172a47);
  border-color:#5fa2ff;
  color:#fff;
}
body.stage-compact-shell .side-panel{ background:transparent; padding:8px; }
body.stage-compact-shell .layer-quickbar{
  background:#0f1828;
  border:1px solid rgba(255,255,255,.06);
  border-radius:10px;
  margin-bottom:8px;
  padding:6px;
  gap:6px;
}
body.stage-compact-shell .lq-btn{
  background:#17243b; color:#dce8fb; border:1px solid rgba(95,162,255,.14); border-radius:8px;
}
body.stage-compact-shell .layer-box{ background:transparent; }
body.stage-compact-shell .layer-group{
  margin-bottom:8px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:10px;
  overflow:hidden;
  background:#0f1828;
}
body.stage-compact-shell .layer-header{
  background:#111c30;
  border:none;
  color:#eef4ff;
  min-height:26px;
  padding:6px 8px;
  font-size:12px;
}
body.stage-compact-shell .layer-list{ background:transparent; }
body.stage-compact-shell .layer-item{ background:#0f1828; color:#dce8fb; border-bottom:1px solid rgba(255,255,255,.05); }
body.stage-compact-shell .layer-item:hover{ background:#15233a; }
body.stage-compact-shell .layer-item.selected,
body.stage-compact-shell .layer-item.active{ background:#1a2b45; border-left:3px solid #5fa2ff; }
body.stage-compact-shell #map{
  border:1px solid rgba(96,138,204,.25);
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 12px 28px rgba(0,0,0,.24);
  background:#ffffff;
}
body.stage-compact-shell .rs-body{ background:transparent; padding:10px; }
body.stage-compact-shell .statusbar.v27-statusbar{
  margin-top:8px;
  border:1px solid rgba(96,138,204,.18);
  border-radius:12px;
  background:linear-gradient(180deg,#0e1a2f,#0b1526);
  color:#8fb0d8;
}
body.stage-compact-shell .status-btn{
  border-radius:8px;
  background:#17243b;
  border:1px solid rgba(95,162,255,.16);
}
body.stage-compact-shell .project-card{
  display:flex; flex-direction:column; gap:10px;
  padding:10px; border:1px solid rgba(255,255,255,.06); border-radius:10px; background:#0f1828; color:#dce8fb;
}
body.stage-compact-shell .project-card h4{ font-size:13px; margin:0; color:#edf4ff; }
body.stage-compact-shell .project-card .muted{ font-size:11px; color:#93a9c7; line-height:1.35; }
body.stage-compact-shell .project-card select,
body.stage-compact-shell .project-card button{
  min-height:30px; border-radius:9px; border:1px solid rgba(95,162,255,.16); background:#17243b; color:#eaf2ff; padding:5px 8px;
}
body.stage-compact-shell .project-actions{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
body.stage-compact-shell .collapsed-left{ width:52px !important; min-width:52px !important; }
body.stage-compact-shell .collapsed-left .side-tabs,
body.stage-compact-shell .collapsed-left .side-panel,
body.stage-compact-shell .collapsed-left .stage-side-title{ display:none !important; }
body.stage-compact-shell .collapsed-left .stage-side-head{ justify-content:center; padding:10px 6px; }
body.stage-compact-shell .collapsed-right{ width:52px !important; min-width:52px !important; }
body.stage-compact-shell .collapsed-right .rs-title,
body.stage-compact-shell .collapsed-right .rs-body{ display:none !important; }
body.stage-compact-shell .collapsed-right .rs-head{ justify-content:center; padding:10px 6px; }


/* Stage compact — draw style group can collapse to free vertical map space */
body.stage-compact-shell .rg.rg-drawstyle{
  transition:min-width .18s ease,padding .18s ease,margin .18s ease,opacity .18s ease;
}
body.stage-compact-shell .rg.rg-drawstyle .drawstyle-cap-row{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
body.stage-compact-shell .rg.rg-drawstyle .drawstyle-cap-label{
  display:inline-flex;
  align-items:center;
  min-width:0;
}
body.stage-compact-shell .rg.rg-drawstyle .drawstyle-toggle{
  width:18px;
  height:18px;
  min-width:18px;
  border-radius:6px;
  border:1px solid rgba(95,162,255,.20);
  background:#15243d;
  color:#dbeafe;
  cursor:pointer;
  font-size:11px;
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
body.stage-compact-shell .rg.rg-drawstyle .drawstyle-toggle:hover{
  background:#1c3151;
}
body.stage-compact-shell .rg.rg-drawstyle.is-collapsed{
  padding-top:4px;
  padding-bottom:4px;
  min-width:98px;
}
body.stage-compact-shell .rg.rg-drawstyle.is-collapsed .ds-body{
  display:none !important;
}
body.stage-compact-shell .rg.rg-drawstyle.is-collapsed .rg-cap{
  border-top:none;
  margin-top:0;
  padding-top:0;
  min-height:22px;
  align-items:center;
}
body.stage-compact-shell .rg.rg-drawstyle.is-collapsed .drawstyle-cap-label{
  font-size:9px;
  letter-spacing:.08em;
}


/* =====================================================================
   STAGE-COMPACT SIDE PANEL RELAYOUT v3
   Sol/sağ panelleri beyaz tabanlı, daha ferah ve taşmasız hale getirir.
   Çalışma motoruna dokunmaz; sadece kabuk ve yerleşim iyileştirmesi yapar.
   ===================================================================== */
body.stage-compact-shell .main.v27-main{
  grid-template-columns:280px 1fr 290px;
  gap:12px;
}
body.stage-compact-shell .v27-sidebar-left,
body.stage-compact-shell .sidebar-right.v27-sidebar-right{
  background:#f4f6fa;
  border:1px solid rgba(12,26,48,.14);
  box-shadow:0 10px 24px rgba(0,0,0,.16);
}
body.stage-compact-shell .stage-side-head,
body.stage-compact-shell .rs-head{
  background:linear-gradient(180deg,#15325a,#102848);
  border-bottom:1px solid rgba(12,26,48,.10);
}
body.stage-compact-shell .stage-side-title,
body.stage-compact-shell .rs-title{
  color:#fff;
}
body.stage-compact-shell .side-tabs{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  padding:10px;
  background:#eef2f7;
}
body.stage-compact-shell .side-tab{
  min-width:0;
  min-height:36px;
  padding:7px 10px;
  border-radius:10px;
  background:#ffffff;
  color:#17304f;
  border:1px solid rgba(16,40,72,.12);
  font-size:12px;
  font-weight:700;
  white-space:normal;
  line-height:1.15;
}
body.stage-compact-shell .side-tab.on{
  background:linear-gradient(180deg,#23416f,#172a47);
  color:#fff;
  border-color:#5fa2ff;
}
body.stage-compact-shell .side-panel,
body.stage-compact-shell .rs-body{
  background:#eef2f7;
  padding:10px;
}
body.stage-compact-shell .layer-quickbar{
  background:#fff;
  border:1px solid rgba(16,40,72,.10);
  border-radius:12px;
  padding:8px;
}
body.stage-compact-shell .lq-btn{
  background:#fff;
  color:#17304f;
  border:1px solid rgba(16,40,72,.12);
}
body.stage-compact-shell .layer-box{
  background:transparent;
}
body.stage-compact-shell .layer-group{
  background:#fff;
  border:1px solid rgba(16,40,72,.10);
  border-radius:12px;
  margin-bottom:10px;
}
body.stage-compact-shell .layer-header{
  background:#f7f9fc;
  color:#17304f;
  border-bottom:1px solid rgba(16,40,72,.08);
  font-weight:800;
}
body.stage-compact-shell .layer-list{
  background:#fff;
}
body.stage-compact-shell .layer-item{
  background:#fff;
  color:#243b57;
  border-bottom:1px solid rgba(16,40,72,.07);
}
body.stage-compact-shell .layer-item:hover{
  background:#f4f8fd;
}
body.stage-compact-shell .layer-item.selected,
body.stage-compact-shell .layer-item.active{
  background:#edf4ff;
  border-left:3px solid #3d7cff;
  color:#17304f;
}
body.stage-compact-shell .project-card,
body.stage-compact-shell .rs-body .rp-section,
body.stage-compact-shell .rs-body .rp-block{
  background:#fff;
  color:#243b57;
  border:1px solid rgba(16,40,72,.10);
  border-radius:12px;
  padding:12px;
  box-shadow:none;
}
body.stage-compact-shell .project-card h4,
body.stage-compact-shell .rs-body .rp-h,
body.stage-compact-shell .rs-body .rp-block-title{
  color:#17304f;
}
body.stage-compact-shell .project-card .muted,
body.stage-compact-shell .rs-body .rp-note{
  color:#667892;
}
body.stage-compact-shell .project-card select,
body.stage-compact-shell .project-card button,
body.stage-compact-shell .rs-body .rp-select,
body.stage-compact-shell .rs-body select,
body.stage-compact-shell .rs-body input[type="text"],
body.stage-compact-shell .rs-body input[type="number"],
body.stage-compact-shell .rs-body .rp-btn,
body.stage-compact-shell .rs-body button{
  max-width:100%;
  box-sizing:border-box;
}
body.stage-compact-shell .project-card select,
body.stage-compact-shell .project-card button,
body.stage-compact-shell .rs-body .rp-select,
body.stage-compact-shell .rs-body select,
body.stage-compact-shell .rs-body input[type="text"],
body.stage-compact-shell .rs-body input[type="number"]{
  width:100%;
  min-height:36px;
  padding:7px 10px;
  border-radius:10px;
  border:1px solid rgba(16,40,72,.12);
  background:#fff;
  color:#17304f;
}
body.stage-compact-shell .project-card button,
body.stage-compact-shell .rs-body .rp-btn,
body.stage-compact-shell .rs-body button{
  min-height:36px;
  padding:7px 10px;
  border-radius:10px;
  border:1px solid rgba(16,40,72,.12);
  background:#f7f9fc;
  color:#17304f;
  font-weight:700;
}
body.stage-compact-shell .rs-body .rp-btn.primary,
body.stage-compact-shell .rs-body button.primary,
body.stage-compact-shell .project-card button.primary{
  background:#eaf7ee;
  border-color:rgba(34,197,94,.45);
  color:#175b34;
}
body.stage-compact-shell .project-actions,
body.stage-compact-shell .rs-body .rp-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
body.stage-compact-shell .rs-body .rp-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
body.stage-compact-shell .rs-body .rp-row > *{
  min-width:0;
}
body.stage-compact-shell .rs-body label,
body.stage-compact-shell .rs-body .rp-lbl{
  color:#42556f;
  font-size:12px;
  font-weight:700;
}
body.stage-compact-shell .rs-body input[type="checkbox"],
body.stage-compact-shell .rs-body input[type="radio"]{
  flex:0 0 auto;
}
body.stage-compact-shell .rs-body .rp-note{
  white-space:normal;
  word-break:break-word;
  overflow-wrap:anywhere;
}
body.stage-compact-shell .rs-body [style*="white-space:nowrap"]{
  white-space:normal !important;
}
body.stage-compact-shell .collapsed-left,
body.stage-compact-shell .collapsed-right{
  width:52px !important;
  min-width:52px !important;
}


/* =====================================================================
   STAGE-COMPACT RIGHT PANEL + RIBBON RELAYOUT v4
   Sağ panel boş alanını kullanır, içerikleri ferahlatır,
   taşmaları önler. Seçim/Yakalama/Ölçüm gruplarını tek satıra yayar.
   Motor davranışına dokunmaz.
   ===================================================================== */
body.stage-compact-shell .main.v27-main{
  grid-template-columns:280px minmax(0,1fr) 352px;
  gap:12px;
}
body.stage-compact-shell .sidebar-right.v27-sidebar-right,
body.stage-compact-shell #rightSidebar,
body.stage-compact-shell .right-panel{
  width:352px !important;
  min-width:352px !important;
  max-width:352px !important;
}
body.stage-compact-shell .rs-body{
  padding:12px;
  gap:12px;
}
body.stage-compact-shell .rs-body > *{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
body.stage-compact-shell .rs-body .rp-section,
body.stage-compact-shell .rs-body .rp-block,
body.stage-compact-shell .rs-body .surfer-props,
body.stage-compact-shell .rs-body .an-props,
body.stage-compact-shell .rs-body .an-box,
body.stage-compact-shell .rs-body #panel-analysis{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
body.stage-compact-shell .rs-body .rp-section,
body.stage-compact-shell .rs-body .rp-block{
  padding:12px;
  gap:10px;
}
body.stage-compact-shell .rs-body .rp-h,
body.stage-compact-shell .rs-body .rp-block-title{
  margin-bottom:8px;
  font-size:13px;
  line-height:1.2;
}
body.stage-compact-shell .rs-body .rp-row{
  display:grid !important;
  grid-template-columns:minmax(78px,96px) minmax(0,1fr);
  gap:8px 10px;
  align-items:center;
}
body.stage-compact-shell .rs-body .rp-row.rp-actions,
body.stage-compact-shell .rs-body .rp-actions{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
body.stage-compact-shell .rs-body .rp-row > label,
body.stage-compact-shell .rs-body .rp-row > .rp-lbl{
  min-width:0;
}
body.stage-compact-shell .rs-body .rp-row > :not(label):not(.rp-lbl){
  min-width:0;
}
body.stage-compact-shell .rs-body .rp-select,
body.stage-compact-shell .rs-body select,
body.stage-compact-shell .rs-body input[type="text"],
body.stage-compact-shell .rs-body input[type="number"],
body.stage-compact-shell .rs-body button,
body.stage-compact-shell .rs-body .rp-btn{
  width:100% !important;
  max-width:100% !important;
}
body.stage-compact-shell .rs-body .rp-note,
body.stage-compact-shell .rs-body .muted,
body.stage-compact-shell .rs-body [style*="text-overflow:ellipsis"]{
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  word-break:break-word;
  overflow-wrap:anywhere;
}
body.stage-compact-shell .rs-body .surfer-props{
  padding:0 !important;
  background:transparent !important;
}
body.stage-compact-shell .rs-body .an-props{
  display:flex !important;
  flex-direction:column;
  gap:12px !important;
}
body.stage-compact-shell .rs-body .an-box{
  padding:12px !important;
  border-radius:12px !important;
}
body.stage-compact-shell .rs-body .an-box-body{
  padding:10px 0 0 !important;
  gap:8px !important;
}
body.stage-compact-shell .rs-body .an-row{
  grid-template-columns:minmax(96px,110px) minmax(0,1fr) !important;
  gap:8px 10px !important;
}
body.stage-compact-shell .rs-body .an-lbl{
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  line-height:1.2;
}
body.stage-compact-shell .rs-body .sf-inline,
body.stage-compact-shell .rs-body .sf-actions,
body.stage-compact-shell .rs-body .an-check,
body.stage-compact-shell .rs-body .dp-checkline,
body.stage-compact-shell .rs-body .dp-inline2,
body.stage-compact-shell .rs-body .dp-inline3,
body.stage-compact-shell .rs-body .dp-row2,
body.stage-compact-shell .rs-body .dp-topbar,
body.stage-compact-shell .rs-body .dp-tabs{
  gap:8px !important;
  min-width:0;
}
body.stage-compact-shell .rs-body .dp-inline2,
body.stage-compact-shell .rs-body .dp-inline3,
body.stage-compact-shell .rs-body .dp-row2{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
body.stage-compact-shell .rs-body .dp-tabs > *,
body.stage-compact-shell .rs-body .sf-actions > *,
body.stage-compact-shell .rs-body .an-check > *{
  min-width:0;
}

/* Pindex / raster panelinde 3'lü aksiyonları dengeli yerleştir */
body.stage-compact-shell .rs-body #btnRasterAddFromPanel,
body.stage-compact-shell .rs-body #btnRasterAddMultiFromPanel,
body.stage-compact-shell .rs-body #btnRasterConvertFromPanel{
  min-height:38px;
}
body.stage-compact-shell .rs-body .rp-row[style*="margin-top:6px"],
body.stage-compact-shell .rs-body .rp-row[style*="margin-top:8px"],
body.stage-compact-shell .rs-body .rp-row[style*="margin-top:4px"]{
  margin-top:0 !important;
}
body.stage-compact-shell .rs-body .rp-row[style*="white-space:nowrap"]{
  white-space:normal !important;
}

/* Selection / Snap / Measure: ikonları küçült, tek satıra yayılsın */
body.stage-compact-shell .tool-ribbon.v27-ribbon .compact-selection,
body.stage-compact-shell .tool-ribbon.v27-ribbon .compact-snap,
body.stage-compact-shell .tool-ribbon.v27-ribbon .compact-measure{
  padding-left:6px;
  padding-right:6px;
}
body.stage-compact-shell .tool-ribbon.v27-ribbon .compact-selection .rg-body,
body.stage-compact-shell .tool-ribbon.v27-ribbon .compact-snap .rg-body,
body.stage-compact-shell .tool-ribbon.v27-ribbon .compact-measure .rg-body{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:flex-start;
  gap:4px;
  max-width:none !important;
}
body.stage-compact-shell .tool-ribbon.v27-ribbon .compact-selection .rb,
body.stage-compact-shell .tool-ribbon.v27-ribbon .compact-snap .rb,
body.stage-compact-shell .tool-ribbon.v27-ribbon .compact-measure .rb{
  width:40px;
  min-width:40px;
  height:44px;
  padding:2px 2px;
  font-size:13px;
}
body.stage-compact-shell .tool-ribbon.v27-ribbon .compact-selection .rb span,
body.stage-compact-shell .tool-ribbon.v27-ribbon .compact-snap .rb span,
body.stage-compact-shell .tool-ribbon.v27-ribbon .compact-measure .rb span{
  font-size:8px;
  line-height:1.0;
  white-space:normal;
  text-align:center;
}
body.stage-compact-shell .tool-ribbon.v27-ribbon .compact-selection .rg-cap,
body.stage-compact-shell .tool-ribbon.v27-ribbon .compact-snap .rg-cap,
body.stage-compact-shell .tool-ribbon.v27-ribbon .compact-measure .rg-cap{
  margin-top:3px;
}

/* =====================================================================
   STAGE-COMPACT RIGHT PANEL REBALANCE v5
   Kullanıcı geri bildirimi:
   - sağ panel sol panel ile aynı genişlikte olsun
   - Veri panelinde buton/sekmeler yan yana yerleşsin
   - saçma tam-genişlik akışları kalksın, taşmalar temizlensin
   ===================================================================== */
body.stage-compact-shell .main.v27-main{
  grid-template-columns:280px minmax(0,1fr) 280px !important;
  gap:12px !important;
}
body.stage-compact-shell .sidebar-right.v27-sidebar-right,
body.stage-compact-shell #rightSidebar,
body.stage-compact-shell .right-panel{
  width:280px !important;
  min-width:280px !important;
  max-width:280px !important;
}

/* Sağ panel içi daha temiz ritim */
body.stage-compact-shell .rs-body{
  padding:10px !important;
  gap:10px !important;
}
body.stage-compact-shell .rs-body .rp-section,
body.stage-compact-shell .rs-body .rp-block,
body.stage-compact-shell .rs-body .surfer-props,
body.stage-compact-shell .rs-body .an-props,
body.stage-compact-shell .rs-body .an-box,
body.stage-compact-shell .rs-body #panel-analysis{
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
}
body.stage-compact-shell .rs-body .rp-section,
body.stage-compact-shell .rs-body .rp-block{
  padding:10px !important;
}
body.stage-compact-shell .rs-body .rp-note,
body.stage-compact-shell .rs-body .muted,
body.stage-compact-shell .rs-body .an-lbl,
body.stage-compact-shell .rs-body .dp-sub,
body.stage-compact-shell .rs-body .dp-active-val{
  word-break:break-word;
  overflow-wrap:anywhere;
  white-space:normal !important;
}

/* Veri paneli: tam genişlik zorlamasını kır, yan yana kompakt ızgara kullan */
body.stage-compact-shell .rs-body .data-page{
  gap:8px;
}
body.stage-compact-shell .rs-body .data-mini-tabs{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
  padding:8px !important;
  border-radius:12px;
}
body.stage-compact-shell .rs-body .data-mini-tab{
  width:auto !important;
  min-width:0 !important;
  min-height:38px;
  justify-content:flex-start;
  padding:8px 10px !important;
  border-radius:10px;
  font-size:12px;
  line-height:1.1;
}
body.stage-compact-shell .rs-body .data-mini-tab .dmt-ico{
  width:14px;
  flex:0 0 14px;
  text-align:center;
}
body.stage-compact-shell .rs-body .data-mini-tab .dmt-txt{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body.stage-compact-shell .rs-body .dp-active-bar{
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:8px;
  align-items:center;
  margin:0;
}
body.stage-compact-shell .rs-body .dp-active-lbl{
  font-size:11px;
}
body.stage-compact-shell .rs-body .dp-active-val{
  font-size:12px;
  font-weight:700;
}

body.stage-compact-shell .rs-body .dp-page{
  gap:8px;
}
body.stage-compact-shell .rs-body .dp-sec,
body.stage-compact-shell .rs-body .dp-note,
body.stage-compact-shell .rs-body .dp-box{
  border-radius:12px;
  padding:10px;
}
body.stage-compact-shell .rs-body .dp-h,
body.stage-compact-shell .rs-body .dp-list-title{
  margin-bottom:8px;
}

/* Veri paneli işlem düğmeleri: 2x2 ızgara */
body.stage-compact-shell .rs-body .dp-row{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
  align-items:stretch !important;
}
body.stage-compact-shell .rs-body .dp-row .dp-btn,
body.stage-compact-shell .rs-body .dp-row .dp-mini,
body.stage-compact-shell .rs-body .dp-row .dp-select,
body.stage-compact-shell .rs-body .dp-row .dp-input{
  width:auto !important;
  min-width:0 !important;
}
body.stage-compact-shell .rs-body .dp-btn{
  justify-content:center;
  min-height:36px;
  padding:7px 8px;
  border-radius:10px;
}
body.stage-compact-shell .rs-body .dp-btn .dp-ico{
  width:14px;
  font-size:12px;
}
body.stage-compact-shell .rs-body .dp-btn .dp-txt{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
}

/* Etiket + alan satırları için sıkışmayı önle */
body.stage-compact-shell .rs-body .dp-box .dp-row,
body.stage-compact-shell .rs-body .dp-sec .dp-box .dp-row{
  grid-template-columns:84px minmax(0,1fr) !important;
}
body.stage-compact-shell .rs-body .dp-lbl{
  min-width:0;
  line-height:1.2;
}
body.stage-compact-shell .rs-body .dp-select,
body.stage-compact-shell .rs-body .dp-input,
body.stage-compact-shell .rs-body select,
body.stage-compact-shell .rs-body input[type="text"],
body.stage-compact-shell .rs-body input[type="number"]{
  min-height:36px;
}

/* Veri paneli özel: altta kalite + uygula daha dengeli */
body.stage-compact-shell .rs-body .dp-check,
body.stage-compact-shell .rs-body .dp-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
body.stage-compact-shell .rs-body .dp-tag{
  white-space:nowrap;
}

/* Genel sağ panel taşma koruması */
body.stage-compact-shell .rs-body *{
  max-width:100%;
  box-sizing:border-box;
}

/* =====================================================================
   STAGE-COMPACT UI ALIGNMENT FIX v7
   - Sol/sağ panel gerçek eşitlik
   - Sağ panelde iç panel hissini kaldır
   - Harita ile sağ panel arasındaki boşluğu azalt
   - Ribbon ikon/yazı hizasını standardize et
   - Panel taşmalarını sıkı kontrol et
   ===================================================================== */
body.stage-compact-shell .main.v27-main{
  grid-template-columns:280px minmax(0,1fr) 280px !important;
  gap:6px !important;
}
body.stage-compact-shell .v27-sidebar-left,
body.stage-compact-shell .sidebar-right.v27-sidebar-right,
body.stage-compact-shell #rightSidebar,
body.stage-compact-shell .right-panel{
  width:280px !important;
  min-width:280px !important;
  max-width:280px !important;
}
body.stage-compact-shell .v27-sidebar-left,
body.stage-compact-shell .sidebar-right.v27-sidebar-right{
  margin:0 !important;
}
body.stage-compact-shell #map{
  margin:0 !important;
}

/* panel gövdesi */
body.stage-compact-shell .side-panel,
body.stage-compact-shell .rs-body{
  padding:8px !important;
}
body.stage-compact-shell .rs-body{
  gap:8px !important;
}

/* sağ panelde panel içi panel görünümünü söndür */
body.stage-compact-shell .rs-body .anv3,
body.stage-compact-shell .rs-body .surfer-props,
body.stage-compact-shell .rs-body #panel-analysis{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
}
body.stage-compact-shell .rs-body .anv3-header,
body.stage-compact-shell .rs-body .anv3-header-top,
body.stage-compact-shell .rs-body .anv3-logo,
body.stage-compact-shell .rs-body .anv3-title{
  background:transparent !important;
  box-shadow:none !important;
}
body.stage-compact-shell .rs-body .anv3-header{
  padding:0 0 8px !important;
  margin:0 0 6px !important;
  border-bottom:1px solid #d9dee8 !important;
}
body.stage-compact-shell .rs-body .anv3-tabs{
  background:#eef2f7 !important;
  border-radius:10px !important;
  padding:3px !important;
  gap:3px !important;
}
body.stage-compact-shell .rs-body .anv3-tab{
  min-width:0 !important;
  padding:6px 4px !important;
  font-size:10px !important;
  letter-spacing:0 !important;
}
body.stage-compact-shell .rs-body .anv3-scroll{
  padding:6px 0 0 !important;
}
body.stage-compact-shell .rs-body .anv3-actions{
  background:transparent !important;
  border-top:1px solid #d9dee8 !important;
  padding:8px 0 0 !important;
}
body.stage-compact-shell .rs-body .anv3-acc{
  background:#ffffff !important;
  border:1px solid #dfe5ee !important;
  box-shadow:none !important;
  border-radius:10px !important;
  margin-bottom:6px !important;
}
body.stage-compact-shell .rs-body .anv3-acc-hdr{
  padding:8px 10px !important;
}
body.stage-compact-shell .rs-body .anv3-acc-title{
  font-size:11px !important;
  line-height:1.15 !important;
}
body.stage-compact-shell .rs-body .anv3-acc-body{
  padding:0 10px 10px !important;
}
body.stage-compact-shell .rs-body .anv3-row,
body.stage-compact-shell .rs-body .an-row{
  grid-template-columns:88px minmax(0,1fr) !important;
  gap:6px 8px !important;
  align-items:center !important;
}
body.stage-compact-shell .rs-body .anv3-row > *,
body.stage-compact-shell .rs-body .an-row > *,
body.stage-compact-shell .rs-body .anv3-2col > *,
body.stage-compact-shell .rs-body .dp-row > *{
  min-width:0 !important;
}
body.stage-compact-shell .rs-body .anv3-lbl,
body.stage-compact-shell .rs-body .an-lbl,
body.stage-compact-shell .rs-body .dp-lbl,
body.stage-compact-shell .rs-body .rp-lbl,
body.stage-compact-shell .rs-body label{
  font-size:11px !important;
  line-height:1.15 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}
body.stage-compact-shell .rs-body .anv3-input,
body.stage-compact-shell .rs-body .anv3-select,
body.stage-compact-shell .rs-body .an-input,
body.stage-compact-shell .rs-body .an-select,
body.stage-compact-shell .rs-body .dp-input,
body.stage-compact-shell .rs-body .dp-select,
body.stage-compact-shell .rs-body select,
body.stage-compact-shell .rs-body input[type="text"],
body.stage-compact-shell .rs-body input[type="number"]{
  min-height:34px !important;
  padding:6px 8px !important;
  font-size:12px !important;
}
body.stage-compact-shell .rs-body button{
  min-height:34px !important;
  padding:6px 8px !important;
  line-height:1.1 !important;
}

/* gps gibi kısa paneller için 4'lü küçük grid */
body.stage-compact-shell .rs-body .rp-row,
body.stage-compact-shell .rs-body .dp-row,
body.stage-compact-shell .rs-body .anv3-2col{
  overflow:hidden !important;
}
body.stage-compact-shell .rs-body .rp-row > button,
body.stage-compact-shell .rs-body .dp-row > button{
  white-space:normal !important;
}

/* sol panel de aynı dilde olsun */
body.stage-compact-shell .layer-quickbar{
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:6px !important;
}
body.stage-compact-shell .lq-btn{
  min-width:0 !important;
  height:28px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
body.stage-compact-shell .layer-item,
body.stage-compact-shell .layer-header,
body.stage-compact-shell .side-tab,
body.stage-compact-shell .stage-mini-btn,
body.stage-compact-shell .project-card button,
body.stage-compact-shell .project-card select{
  line-height:1.1 !important;
}

/* ribbon hizalama */
body.stage-compact-shell .tool-ribbon.v27-ribbon .rg{
  padding-top:5px !important;
  padding-bottom:5px !important;
}
body.stage-compact-shell .tool-ribbon.v27-ribbon .rg-body{
  align-items:flex-start !important;
}
body.stage-compact-shell .tool-ribbon.v27-ribbon .rb,
body.stage-compact-shell .tool-ribbon.v27-ribbon .rs,
body.stage-compact-shell .tool-ribbon.v27-ribbon .wbtn,
body.stage-compact-shell .tool-ribbon.v27-ribbon .fillbtn{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  gap:3px !important;
  border-radius:4px !important;
  box-sizing:border-box !important;
}
body.stage-compact-shell .tool-ribbon.v27-ribbon .rb{
  width:38px !important;
  min-width:38px !important;
  height:42px !important;
  padding:3px 2px !important;
  font-size:12px !important;
  line-height:1 !important;
}
body.stage-compact-shell .tool-ribbon.v27-ribbon .rb span,
body.stage-compact-shell .tool-ribbon.v27-ribbon .rs span,
body.stage-compact-shell .tool-ribbon.v27-ribbon .wbtn span,
body.stage-compact-shell .tool-ribbon.v27-ribbon .fillbtn span{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  font-size:8px !important;
  line-height:1.05 !important;
  text-align:center !important;
  white-space:normal !important;
  word-break:break-word !important;
}
body.stage-compact-shell .tool-ribbon.v27-ribbon .compact-selection .rg-body,
body.stage-compact-shell .tool-ribbon.v27-ribbon .compact-snap .rg-body,
body.stage-compact-shell .tool-ribbon.v27-ribbon .compact-measure .rg-body{
  gap:3px !important;
  justify-content:flex-start !important;
}
body.stage-compact-shell .tool-ribbon.v27-ribbon .compact-selection .rb,
body.stage-compact-shell .tool-ribbon.v27-ribbon .compact-snap .rb,
body.stage-compact-shell .tool-ribbon.v27-ribbon .compact-measure .rb{
  width:36px !important;
  min-width:36px !important;
  height:40px !important;
}
body.stage-compact-shell .tool-ribbon.v27-ribbon .rg-cap{
  text-align:center !important;
  width:100% !important;
  letter-spacing:0 !important;
}

/* panel içi taşma emniyeti */
body.stage-compact-shell .side-panel *,
body.stage-compact-shell .rs-body *,
body.stage-compact-shell .tool-ribbon.v27-ribbon *{
  box-sizing:border-box !important;
}
body.stage-compact-shell .side-panel *,
body.stage-compact-shell .rs-body *{
  max-width:100% !important;
}


/* =========================================================
   ALYA GIS - PROFESSIONAL TOP RIBBON PATCH
   Amaç:
   - Harita alanını daraltmadan üst ribbon'ı toparlamak
   - Butonları eşitlemek
   - Gruplar arası boşlukları düzeltmek
   - Yazı / ikon hizasını profesyonelleştirmek
   - Çizim Stili bloğunu bozmamak
   ========================================================= */

.tool-ribbon.v27-ribbon{
  min-height: 66px !important;
  height: 66px !important;
  padding: 0 !important;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
}

.tool-ribbon.v27-ribbon .rp.on{
  align-items: stretch !important;
  gap: 0 !important;
  padding: 0 6px 0 6px !important;
}

.tool-ribbon.v27-ribbon .rg{
  min-height: 66px !important;
  padding: 3px 6px 0 6px !important;
  justify-content: flex-start;
}

.tool-ribbon.v27-ribbon .rg-body{
  align-items: start !important;
  gap: 4px !important;
}

.tool-ribbon.v27-ribbon .rg-cap{
  margin-top: 3px !important;
  padding-top: 2px !important;
  font-size: 9px !important;
  line-height: 1 !important;
  letter-spacing: .04em !important;
  opacity: .95;
}

.tool-ribbon.v27-ribbon .rsep{
  margin: 4px 3px !important;
  opacity: .7;
}

/* --- Standart ribbon butonları --- */
.tool-ribbon.v27-ribbon .rb{
  width: 44px !important;
  min-width: 44px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 2px 2px !important;
  border-radius: 5px !important;
  gap: 1px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1 !important;
  font-size: 13px !important;
  transition: transform .1s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease !important;
}

.tool-ribbon.v27-ribbon .rb span{
  display: block !important;
  width: 100%;
  text-align: center !important;
  font-size: 8px !important;
  line-height: 1.02 !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

/* Hover / aktif görünüm biraz daha temiz */
.tool-ribbon.v27-ribbon .rb:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 18px rgba(24,52,92,.14), inset 0 1px 0 rgba(255,255,255,.75);
}

.tool-ribbon.v27-ribbon .rb.on,
.tool-ribbon.v27-ribbon .rb.active{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 0 0 1px rgba(14,71,146,.18),
    0 10px 20px rgba(20,74,148,.22);
  transform: translateY(-1px);
}

.tool-ribbon.v27-ribbon .rb:active{
  transform: translateY(1px) scale(.98) !important;
  box-shadow: inset 0 2px 6px rgba(0,0,0,.22) !important;
}

.tool-ribbon.v27-ribbon .rs,
.tool-ribbon.v27-ribbon .wbtn,
.tool-ribbon.v27-ribbon .fillbtn{
  transition: transform .1s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease !important;
}

.tool-ribbon.v27-ribbon .rs:hover,
.tool-ribbon.v27-ribbon .wbtn:hover,
.tool-ribbon.v27-ribbon .fillbtn:hover{
  transform: translateY(-1px);
  box-shadow: 0 8px 14px rgba(24,52,92,.12);
}

.tool-ribbon.v27-ribbon .rs.on,
.tool-ribbon.v27-ribbon .wbtn.on,
.tool-ribbon.v27-ribbon .fillbtn.on{
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 8px 16px rgba(20,74,148,.18) !important;
}

.tool-ribbon.v27-ribbon .rs:active,
.tool-ribbon.v27-ribbon .wbtn:active,
.tool-ribbon.v27-ribbon .fillbtn:active{
  transform: translateY(1px) scale(.98) !important;
  box-shadow: inset 0 2px 5px rgba(0,0,0,.20) !important;
}

/* =========================================================
   ÇİZİM stili bloğu KİLİTLİ — sadece yükseklik uyumu
   ========================================================= */
.tool-ribbon.v27-ribbon .rg.rg-drawstyle{
  min-height: 66px !important;
  padding-top: 3px !important;
}

/* =========================================================
   GEZİN + ÇİZİM BLOKLARI
   ========================================================= */
.tool-ribbon.v27-ribbon .rg.compact-nav .rg-body,
.tool-ribbon.v27-ribbon .rg.compact-draw .rg-body{
  display: flex !important;
  align-items: start !important;
  gap: 4px !important;
}

/* =========================================================
   SEÇİM
   7 düğme sıkışmasın diye kontrollü grid
   ========================================================= */
.tool-ribbon.v27-ribbon .compact-selection .rg-body{
  display: grid !important;
  grid-template-columns: repeat(4, 44px) !important;
  grid-auto-rows: 38px !important;
  gap: 4px !important;
  max-width: 192px !important;
}

/* Seçim içindeki son geniş butonlar */
#rSelAll2,
#rSelClear2,
#rObjProps2{
  width: 44px !important;
}

/* =========================================================
   YAKALAMA
   Daha dengeli 2x3 görünüm
   ========================================================= */
.tool-ribbon.v27-ribbon .compact-snap .rg-body{
  display: grid !important;
  grid-template-columns: repeat(3, 44px) !important;
  grid-auto-rows: 38px !important;
  gap: 4px !important;
  max-width: 144px !important;
}

/* =========================================================
   DÜZENLE
   En kritik grup: düzenli 2 satır grid
   ========================================================= */
.tool-ribbon.v27-ribbon .compact-edit .rg-body{
  display: grid !important;
  grid-template-columns: repeat(6, 44px) !important;
  grid-auto-rows: 38px !important;
  gap: 4px !important;
  max-width: 284px !important;
}

/* =========================================================
   ÖLÇÜM
   Yan yana daha temiz
   ========================================================= */
.tool-ribbon.v27-ribbon .compact-measure .rg-body{
  display: grid !important;
  grid-template-columns: repeat(3, 44px) !important;
  grid-auto-rows: 38px !important;
  gap: 4px !important;
  max-width: 144px !important;
}

.tool-ribbon.v27-ribbon .compact-measure .rg-body .rb:last-child{
  grid-row: auto !important;
  height: 38px !important;
}

/* =========================================================
   Daha kompakt üst alan -> harita daha fazla görünür
   ========================================================= */
#topbar,
.topbar,
.header,
.app-header{
  flex-shrink: 0;
}

/* Ribbon altındaki harita alanı ezilmesin */
.stage-main,
.main-stage,
#mainStage,
#mapWrap,
.map-wrap{
  min-height: 0;
}

/* =========================================================
   Küçük ekran / dar genişlikte güvenli davranış
   ========================================================= */
@media (max-width: 1500px){
  .tool-ribbon.v27-ribbon .rb{
    width: 40px !important;
    min-width: 40px !important;
    height: 36px !important;
    min-height: 36px !important;
    font-size: 12px !important;
  }

  .tool-ribbon.v27-ribbon .rb span{
    font-size: 7px !important;
  }

  .tool-ribbon.v27-ribbon .compact-selection .rg-body{
    grid-template-columns: repeat(4, 40px) !important;
    max-width: 176px !important;
  }

  .tool-ribbon.v27-ribbon .compact-snap .rg-body{
    grid-template-columns: repeat(3, 40px) !important;
    max-width: 132px !important;
  }

  .tool-ribbon.v27-ribbon .compact-edit .rg-body{
    grid-template-columns: repeat(5, 40px) !important;
    max-width: 216px !important;
  }

  .tool-ribbon.v27-ribbon .compact-measure .rg-body{
    grid-template-columns: repeat(3, 40px) !important;
    max-width: 132px !important;
  }
}


/* =========================================================
   QUICK ACCESS + SINGLE-ROW EDIT PATCH v2
   - Sol üstte Netcad benzeri genel ikonlar
   - Düzenle grubu tek satır
   - Menü sağa doğru daha rahat yayılsın
   ========================================================= */
.menubar .quick-access{
  display:flex;
  align-items:center;
  gap:3px;
  flex:0 0 auto;
}
.menubar .quick-access .qa-btn{
  width:22px;
  height:22px;
  min-width:22px;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  line-height:1;
}
.menubar .quick-access .qa-sep{
  width:1px;
  height:14px;
  margin:0 3px;
  background:rgba(255,255,255,.18);
}
body.stage-compact-shell .menubar.v27-menubar{
  gap:4px;
  padding:0 8px;
  overflow:hidden;
}
body.stage-compact-shell .menubar.v27-menubar .brand{
  margin-right:6px;
  padding-right:8px;
}
body.stage-compact-shell .quick-access{
  display:flex;
  align-items:center;
  gap:3px;
  margin-right:10px;
  padding-right:8px;
  border-right:1px solid rgba(255,255,255,.14);
  flex:0 0 auto;
}
body.stage-compact-shell .qa-btn{
  width:22px;
  height:22px;
  min-width:22px;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.10);
  border-radius:3px;
  background:linear-gradient(180deg,#f6f8fa,#dce4ec);
  color:#203246;
  font-size:12px;
  line-height:1;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
  transition:transform .1s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease;
}
body.stage-compact-shell .qa-btn:hover{
  background:linear-gradient(180deg,#ffffff,#eaf1f8);
  border-color:#87a6c5;
  transform:translateY(-1px);
  box-shadow:0 6px 12px rgba(16,42,67,.14), inset 0 1px 0 rgba(255,255,255,.9);
}
body.stage-compact-shell .qa-btn:active{
  transform:translateY(1px) scale(.97);
  box-shadow:inset 0 2px 5px rgba(0,0,0,.24);
}
body.stage-compact-shell .qa-sep{
  width:1px;
  height:14px;
  margin:0 3px;
  background:rgba(255,255,255,.18);
}
body.stage-compact-shell .menubar.v27-menubar > button[role="menuitem"]{
  padding:3px 8px;
  font-size:12px;
  white-space:nowrap;
  flex:0 0 auto;
}
body.stage-compact-shell .stage-menubar-tools{
  margin-left:auto;
  flex:0 0 auto;
}
body.stage-compact-shell .tool-ribbon.v27-ribbon .rp.on{
  width:max-content;
  min-width:100%;
}
body.stage-compact-shell .tool-ribbon.v27-ribbon .rsep{
  margin:4px 2px;
}
body.stage-compact-shell .tool-ribbon.v27-ribbon .rg{
  padding-left:5px;
  padding-right:5px;
}
body.stage-compact-shell .tool-ribbon.v27-ribbon .rb{
  width:40px !important;
  min-width:40px !important;
  height:37px !important;
  min-height:37px !important;
  font-size:12px !important;
}
body.stage-compact-shell .tool-ribbon.v27-ribbon .rb span{
  font-size:8px !important;
}
body.stage-compact-shell .tool-ribbon.v27-ribbon .compact-edit-row .rg-body{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:flex-start !important;
  gap:4px !important;
  max-width:none !important;
}
body.stage-compact-shell .tool-ribbon.v27-ribbon .compact-edit-row .rb{
  width:38px !important;
  min-width:38px !important;
}
body.stage-compact-shell .tool-ribbon.v27-ribbon .compact-edit-row .rg-cap{
  margin-top:3px !important;
}
body.stage-compact-shell .tool-ribbon.v27-ribbon .compact-selection .rg-body{
  max-width:188px !important;
}
body.stage-compact-shell .tool-ribbon.v27-ribbon .compact-snap .rg-body{
  max-width:140px !important;
}
body.stage-compact-shell .tool-ribbon.v27-ribbon .compact-measure .rg-body{
  max-width:140px !important;
}
@media (max-width: 1680px){
  body.stage-compact-shell .menubar.v27-menubar > button[role="menuitem"]{ padding:3px 7px; font-size:11px; }
  body.stage-compact-shell .quick-access{ margin-right:8px; padding-right:6px; }
}

/* =========================================================
   V52 RESPONSIVE TOP MENU
   Ana sekmeler kendi alanında kayar; proje araçları ve sağdaki
   çalışma komutları her ekran genişliğinde erişilebilir kalır.
   ========================================================= */
body.stage-compact-shell .menubar.v27-menubar{
  min-width:0;
  overflow:hidden;
}
body.stage-compact-shell .stage-menu-navigation{
  display:flex;
  align-items:center;
  gap:2px;
  min-width:110px;
  flex:1 1 auto;
  overflow:hidden;
}
body.stage-compact-shell .stage-menu-scroll{
  display:flex;
  align-items:center;
  gap:4px;
  min-width:0;
  flex:1 1 auto;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-inline:contain;
  scroll-behavior:smooth;
  scrollbar-width:none;
}
body.stage-compact-shell .stage-menu-scroll::-webkit-scrollbar{ display:none; }
body.stage-compact-shell .stage-menu-scroll > button{
  padding:3px 8px;
  font-size:12px;
  white-space:nowrap;
  flex:0 0 auto;
}
body.stage-compact-shell .stage-menu-edge{
  width:20px;
  min-width:20px;
  height:24px;
  min-height:24px;
  padding:0;
  border-radius:6px;
  font-size:18px;
  line-height:1;
}
body.stage-compact-shell .stage-menu-edge:disabled{
  opacity:.28;
  cursor:default;
  transform:none;
}
body.stage-compact-shell .stage-menubar-tools{
  margin-left:2px;
  padding-left:5px;
  border-left:1px solid rgba(255,255,255,.12);
}
@media (max-width: 1420px){
  body.stage-compact-shell .stage-mini-btn{
    padding-left:7px;
    padding-right:7px;
    font-size:10px;
  }
  body.stage-compact-shell .stage-menu-scroll > button{
    padding-left:7px;
    padding-right:7px;
    font-size:11px;
  }
}

/* Analiz paneli: ayarlar kendi içinde kayar, ana eylemler daima görünür. */
body.stage-compact-shell #rightSidebar .rs-body:has(.anv3){
  overflow-y:hidden !important;
}
body.stage-compact-shell #rightSidebar .rs-body > .rs-section:has(.anv3){
  height:100%;
  min-height:0;
  display:flex;
  flex-direction:column;
}
body.stage-compact-shell #rightSidebar .rs-body .anv3{
  flex:1 1 auto;
  min-height:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
body.stage-compact-shell #rightSidebar .rs-body .anv3-scroll{
  flex:1 1 auto;
  min-height:0;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  scrollbar-gutter:stable;
  padding-right:3px !important;
}
body.stage-compact-shell #rightSidebar .rs-body .anv3-actions{
  position:relative !important;
  inset:auto !important;
  flex:0 0 auto;
  grid-template-columns:minmax(0,1fr) 36px 58px !important;
  margin:6px 0 0 !important;
  padding:7px 0 0 !important;
  border-top:1px solid #d9e2ef !important;
  background:#f7f9fc !important;
  box-shadow:0 -6px 14px rgba(20,45,78,.07) !important;
}
body.stage-compact-shell #rightSidebar .rs-body .anv3-actions.has-update{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) 34px 54px !important;
}

/* =========================================================
   V14 MENU CLEANUP + RIGHT PANEL FLATTEN
   - Çizim stili üst ribbon'dan kaldırılır
   - Kalan üst gruplar daha düzenli hizalanır
   - Sağ panel iç beyaz altlıklar kaldırılır
   - Sağ panel tuşları ve sekmeleri sade/tek katmanlı görünür
   ========================================================= */

/* üst ribbon: renk / tip / etiket ayarlarını kaldır */
.tool-ribbon.v27-ribbon .rg.rg-drawstyle,
body.stage-compact-shell .tool-ribbon.v27-ribbon .rg.rg-drawstyle{
  display:none !important;
}
.tool-ribbon.v27-ribbon .rg.rg-drawstyle + .rsep,
body.stage-compact-shell .tool-ribbon.v27-ribbon .rg.rg-drawstyle + .rsep{
  display:none !important;
}

/* üst ribbon genel hizalama */
.tool-ribbon.v27-ribbon,
body.stage-compact-shell .tool-ribbon.v27-ribbon{
  min-height:72px !important;
  padding:0 6px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:thin;
}
.tool-ribbon.v27-ribbon .rp.on,
body.stage-compact-shell .tool-ribbon.v27-ribbon .rp.on{
  display:flex !important;
  align-items:stretch !important;
  gap:0 !important;
  padding:0 4px 1px !important;
}
.tool-ribbon.v27-ribbon .rg,
body.stage-compact-shell .tool-ribbon.v27-ribbon .rg{
  min-height:70px !important;
  padding:4px 7px 0 !important;
  flex-shrink:0 !important;
}
.tool-ribbon.v27-ribbon .rg-body,
body.stage-compact-shell .tool-ribbon.v27-ribbon .rg-body{
  gap:4px !important;
  align-items:flex-start !important;
}
.tool-ribbon.v27-ribbon .rg-cap,
body.stage-compact-shell .tool-ribbon.v27-ribbon .rg-cap{
  margin-top:4px !important;
  padding-top:3px !important;
  font-size:9px !important;
  letter-spacing:.05em !important;
}
.tool-ribbon.v27-ribbon .rsep,
body.stage-compact-shell .tool-ribbon.v27-ribbon .rsep{
  margin:5px 4px !important;
  opacity:.65 !important;
}
.tool-ribbon.v27-ribbon .rb,
body.stage-compact-shell .tool-ribbon.v27-ribbon .rb{
  width:44px !important;
  min-width:44px !important;
  height:40px !important;
  min-height:40px !important;
  border-radius:5px !important;
  padding:2px !important;
  gap:2px !important;
}
.tool-ribbon.v27-ribbon .rb span,
body.stage-compact-shell .tool-ribbon.v27-ribbon .rb span{
  font-size:8px !important;
  line-height:1.02 !important;
  text-align:center !important;
}

/* grup genişlikleri - görsel olarak toparla */
.tool-ribbon.v27-ribbon .compact-nav .rg-body,
.tool-ribbon.v27-ribbon .compact-draw .rg-body,
body.stage-compact-shell .tool-ribbon.v27-ribbon .compact-nav .rg-body,
body.stage-compact-shell .tool-ribbon.v27-ribbon .compact-draw .rg-body{
  display:flex !important;
  gap:4px !important;
}
.tool-ribbon.v27-ribbon .compact-selection .rg-body,
body.stage-compact-shell .tool-ribbon.v27-ribbon .compact-selection .rg-body{
  display:grid !important;
  grid-template-columns:repeat(4,44px) !important;
  grid-auto-rows:40px !important;
  gap:4px !important;
  max-width:192px !important;
}
.tool-ribbon.v27-ribbon .compact-snap .rg-body,
body.stage-compact-shell .tool-ribbon.v27-ribbon .compact-snap .rg-body{
  display:grid !important;
  grid-template-columns:repeat(3,44px) !important;
  grid-auto-rows:40px !important;
  gap:4px !important;
  max-width:144px !important;
}
.tool-ribbon.v27-ribbon .compact-edit .rg-body,
body.stage-compact-shell .tool-ribbon.v27-ribbon .compact-edit .rg-body{
  display:grid !important;
  grid-template-columns:repeat(5,44px) !important;
  grid-auto-rows:40px !important;
  gap:4px !important;
  max-width:236px !important;
}
.tool-ribbon.v27-ribbon .compact-measure .rg-body,
body.stage-compact-shell .tool-ribbon.v27-ribbon .compact-measure .rg-body{
  display:grid !important;
  grid-template-columns:repeat(3,44px) !important;
  grid-auto-rows:40px !important;
  gap:4px !important;
  max-width:144px !important;
}

/* sağ panel: iç beyaz altlığı kaldır */
.sidebar.sidebar-right.v27-sidebar-right,
body.stage-compact-shell .sidebar.sidebar-right.v27-sidebar-right,
#rightSidebar{
  background:linear-gradient(180deg,#f6f7f9,#eff2f5) !important;
}

#rightSidebar .side-panel,
#rightSidebar .side-panel-body,
#rightSidebar .sp-body,
#rightSidebar .sidebar-section,
#rightSidebar .card-shell,
#rightSidebar .panel-shell,
#rightSidebar .section-shell,
#rightSidebar .rs-body,
#rightSidebar .rs-section{
  background:transparent !important;
  box-shadow:none !important;
}

#rightSidebar .dp-box,
#rightSidebar .card,
#rightSidebar .panel-card,
#rightSidebar .rs-card,
#rightSidebar .aly-card,
#panel-analysis .card,
.analysis-panel-v2 .dp-box,
body.stage-compact-shell #rightSidebar .dp-box,
body.stage-compact-shell #panel-analysis .card,
body.stage-compact-shell .analysis-panel-v2 .dp-box{
  background:rgba(255,255,255,.45) !important;
  border:1px solid #dbe3ea !important;
  box-shadow:none !important;
  border-radius:12px !important;
}

/* sekmeler ve butonlar daha düzenli */
#rightSidebar .dp-tabs,
#panel-analysis .dp-tabs,
.analysis-panel-v2 .dp-tabs{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:6px !important;
}
#rightSidebar .dp-btn.tab,
#panel-analysis .dp-tab,
.analysis-panel-v2 .dp-btn.tab{
  min-width:0 !important;
  justify-content:center !important;
  border-radius:10px !important;
  border:1px solid #d6e0e7 !important;
  background:rgba(255,255,255,.72) !important;
  box-shadow:none !important;
  padding:7px 8px !important;
}
#rightSidebar .dp-btn.tab.active,
#panel-analysis .dp-tab.active,
.analysis-panel-v2 .dp-btn.tab.active{
  background:#eef6ff !important;
  border-color:#8bb7e8 !important;
}
#rightSidebar .dp-btn,
#panel-analysis .analysis-actionbar .btn,
.analysis-panel-v2 .dp-btn{
  border-radius:10px !important;
  box-shadow:none !important;
}

/* giriş/uygula/temizle butonları daha dengeli */
#rightSidebar .dp-actions,
#rightSidebar .analysis-actionbar,
#panel-analysis .analysis-actionbar,
.analysis-panel-v2 .dp-actions{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:8px !important;
}
#rightSidebar .dp-actions .dp-btn,
#rightSidebar .analysis-actionbar .btn,
#panel-analysis .analysis-actionbar .btn,
.analysis-panel-v2 .dp-actions .dp-btn{
  width:100% !important;
  justify-content:center !important;
  min-width:0 !important;
}

/* sağ panel form öğeleri */
#rightSidebar input[type="text"],
#rightSidebar input[type="number"],
#rightSidebar select,
#panel-analysis input[type="text"],
#panel-analysis input[type="number"],
#panel-analysis select,
.analysis-panel-v2 .dp-input,
.analysis-panel-v2 .dp-select{
  background:rgba(255,255,255,.78) !important;
  border:1px solid #d7e0e7 !important;
  border-radius:10px !important;
  box-shadow:none !important;
}

/* px / % gibi yan değerler sıkışmasın */
#rightSidebar .dp-row,
#panel-analysis .form-row,
.analysis-panel-v2 .dp-row{
  align-items:center !important;
}
#rightSidebar .dp-row-l,
.analysis-panel-v2 .dp-row-l{
  color:#475467 !important;
  font-weight:600 !important;
}


/* =========================================================
   V15 - RIBBON SINGLE ROW + RIGHT PANEL FLAT + CENTER MAP
   Sadece görünüm düzeni. Komut motoruna dokunulmadı.
   ========================================================= */

/* Ana yerleşim: sol panel | harita | sağ panel */
.main.v27-main,
body.stage-compact-shell .main.v27-main{
  display:grid !important;
  grid-template-columns:260px minmax(0,1fr) 260px !important;
  gap:12px !important;
  padding:10px 12px 0 !important;
  align-items:stretch !important;
  min-height:0;
}

.main.v27-main > .sidebar.v27-sidebar-left,
.main.v27-main > #rightSidebar{
  width:260px !important;
  min-width:260px !important;
  max-width:260px !important;
  box-sizing:border-box;
}

.main.v27-main > #map,
body.stage-compact-shell #map{
  min-width:0 !important;
  width:100% !important;
  margin:0 !important;
  align-self:stretch !important;
}

/* Üst ribbon tek sıra */
.tool-ribbon.v27-ribbon,
body.stage-compact-shell .tool-ribbon.v27-ribbon{
  overflow-x:auto !important;
  overflow-y:hidden !important;
  white-space:nowrap;
  padding:4px 8px !important;
  min-height:64px !important;
}

.tool-ribbon.v27-ribbon .rp.on,
body.stage-compact-shell .tool-ribbon.v27-ribbon .rp.on{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:flex-start !important;
  gap:0 !important;
  padding:0 4px 1px !important;
}

.tool-ribbon.v27-ribbon .rg,
body.stage-compact-shell .tool-ribbon.v27-ribbon .rg{
  min-height:56px !important;
  padding:3px 6px 0 !important;
  flex:0 0 auto !important;
}

.tool-ribbon.v27-ribbon .rg-body,
body.stage-compact-shell .tool-ribbon.v27-ribbon .rg-body,
.tool-ribbon.v27-ribbon .compact-selection .rg-body,
.tool-ribbon.v27-ribbon .compact-snap .rg-body,
.tool-ribbon.v27-ribbon .compact-edit .rg-body,
.tool-ribbon.v27-ribbon .compact-measure .rg-body,
body.stage-compact-shell .tool-ribbon.v27-ribbon .compact-selection .rg-body,
body.stage-compact-shell .tool-ribbon.v27-ribbon .compact-snap .rg-body,
body.stage-compact-shell .tool-ribbon.v27-ribbon .compact-edit .rg-body,
body.stage-compact-shell .tool-ribbon.v27-ribbon .compact-measure .rg-body{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:flex-start !important;
  gap:4px !important;
  max-width:none !important;
}

.tool-ribbon.v27-ribbon .rb,
body.stage-compact-shell .tool-ribbon.v27-ribbon .rb{
  width:38px !important;
  min-width:38px !important;
  height:36px !important;
  min-height:36px !important;
  padding:2px !important;
  gap:1px !important;
  border-radius:4px !important;
  font-size:13px !important;
}

.tool-ribbon.v27-ribbon .rb span,
body.stage-compact-shell .tool-ribbon.v27-ribbon .rb span{
  font-size:8px !important;
  line-height:1 !important;
}

.tool-ribbon.v27-ribbon .rg-cap,
body.stage-compact-shell .tool-ribbon.v27-ribbon .rg-cap{
  margin-top:3px !important;
  padding-top:2px !important;
  font-size:8px !important;
  line-height:1 !important;
}

.tool-ribbon.v27-ribbon .rsep,
body.stage-compact-shell .tool-ribbon.v27-ribbon .rsep{
  margin:3px 4px !important;
}

/* Renk / tip / etiket bloğu kaldır */
.tool-ribbon.v27-ribbon .rg.rg-drawstyle,
body.stage-compact-shell .tool-ribbon.v27-ribbon .rg.rg-drawstyle{
  display:none !important;
}
.tool-ribbon.v27-ribbon .rg.rg-drawstyle + .rsep,
body.stage-compact-shell .tool-ribbon.v27-ribbon .rg.rg-drawstyle + .rsep{
  display:none !important;
}

/* Sağ paneli sol panel gibi sade yap */
#rightSidebar,
body.stage-compact-shell #rightSidebar{
  background:var(--panel-bg) !important;
  border-left:1px solid var(--border) !important;
  border-right:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#rightSidebar .rs-head,
body.stage-compact-shell #rightSidebar .rs-head{
  background:transparent !important;
  border-bottom:1px solid #e5e5e5 !important;
  padding:6px 6px 8px !important;
  position:sticky;
  top:0;
  z-index:3;
}

#rightSidebar .rs-title,
body.stage-compact-shell #rightSidebar .rs-title{
  font-size:12px !important;
  font-weight:800 !important;
  color:#22364f !important;
  opacity:1 !important;
}

#rightSidebar .rs-toggle,
body.stage-compact-shell #rightSidebar .rs-toggle{
  background:#fff !important;
  border:1px solid #d9d9d9 !important;
  color:#22364f !important;
}

#rightSidebar .rs-body,
body.stage-compact-shell #rightSidebar .rs-body{
  background:transparent !important;
  padding:6px !important;
  gap:6px !important;
}

/* panel içinde panel hissini kaldır */
#rightSidebar .layer-box,
#rightSidebar .rs-section,
#rightSidebar .analysis-panel-v2,
#rightSidebar .analysis-panel-v2 .dp-box,
#rightSidebar .analysis-panel-v2 .card,
#rightSidebar #panel-analysis .card,
body.stage-compact-shell #rightSidebar .layer-box,
body.stage-compact-shell #rightSidebar .rs-section,
body.stage-compact-shell #rightSidebar .analysis-panel-v2,
body.stage-compact-shell #rightSidebar .analysis-panel-v2 .dp-box,
body.stage-compact-shell #rightSidebar .analysis-panel-v2 .card,
body.stage-compact-shell #rightSidebar #panel-analysis .card{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

#rightSidebar .analysis-panel-v2,
body.stage-compact-shell #rightSidebar .analysis-panel-v2{
  padding:0 !important;
}

#rightSidebar .analysis-panel-v2 .dp-tabs,
#rightSidebar .analysis-panel-v2 .dp-topbar,
body.stage-compact-shell #rightSidebar .analysis-panel-v2 .dp-tabs,
body.stage-compact-shell #rightSidebar .analysis-panel-v2 .dp-topbar{
  gap:6px !important;
}

#rightSidebar .analysis-panel-v2 .dp-btn,
#rightSidebar .analysis-panel-v2 .tab,
body.stage-compact-shell #rightSidebar .analysis-panel-v2 .dp-btn,
body.stage-compact-shell #rightSidebar .analysis-panel-v2 .tab{
  border-radius:8px !important;
}


/* =========================================================
   V16 RIGHT PANEL FLAT CLEANUP
   - sağ panelde panel içinde panel hissini kaldır
   - beyaz kart altlıklarını temizle
   - sol panel mantığına yakın tek katmanlı görünüm
   ========================================================= */

.right-panel,
#panel-right{
  background:#eef2f6 !important;
}

.right-panel .rp-body,
#panel-right .rp-body,
.analysis-panel-v2,
#panel-analysis{
  background:transparent !important;
}

/* İç beyaz kartlar / kutular */
.analysis-panel-v2 .dp-box,
.analysis-panel-v2 .dp-card,
.analysis-panel-v2 .card,
#panel-analysis .card,
#panel-analysis .dp-box,
#panel-analysis .dp-card{
  background:transparent !important;
  border:1px solid rgba(15,52,96,.10) !important;
  box-shadow:none !important;
  border-radius:10px !important;
}

/* Bazı panellerde kullanılan beyaz altlık sınıfları */
#panel-right .anv3-acc,
#panel-right .gnd-acc,
#panel-right .op3-acc,
#panel-right .yaz-acc,
#panel-right .dp-box,
#panel-right .card{
  background:transparent !important;
  box-shadow:none !important;
  border:1px solid rgba(15,52,96,.10) !important;
}

#panel-right .anv3-actions,
#panel-right .gnd-actions,
#panel-right .op3-actions,
#panel-right .yaz-actions{
  background:transparent !important;
  border-top:1px solid rgba(15,52,96,.08) !important;
}

/* Sekme ve butonlar daha dengeli */
.analysis-panel-v2 .dp-tabs,
#panel-analysis .dp-tabs,
#panel-analysis .dp-tabgrid{
  gap:8px !important;
}

.analysis-panel-v2 .dp-btn,
.analysis-panel-v2 .tab,
#panel-analysis .dp-tab,
#panel-analysis .analysis-actionbar .btn{
  background:#f8fafc !important;
  border:1px solid rgba(15,52,96,.12) !important;
  box-shadow:none !important;
}

.analysis-panel-v2 .dp-btn.active,
.analysis-panel-v2 .tab.active,
#panel-analysis .dp-tab.active,
#panel-analysis .analysis-actionbar .btn.primary{
  background:#ffffff !important;
  border-color:#7eaee6 !important;
}

/* Form elemanları aynı dilden gelsin */
.analysis-panel-v2 input,
.analysis-panel-v2 select,
#panel-analysis input,
#panel-analysis select{
  background:#ffffff !important;
  border:1px solid rgba(15,52,96,.14) !important;
  box-shadow:none !important;
}

/* Sağ panel başlık/beden hizası */
.right-panel .rp-header{
  background:#10325a !important;
  color:#fff !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.right-panel .rp-title{ color:#fff !important; }
.right-panel .rp-close{
  background:rgba(255,255,255,.10) !important;
  color:#fff !important;
}

/* İçerik genel boşluk */
.analysis-panel-v2{
  padding:10px 10px 12px !important;
}

/* =====================================================================
   V17 GLOBAL RIGHT PANEL FLATTEN + FIT FIX
   Amaç:
   - Sağ panelde panel içinde panel hissini tüm menülerde kaldırmak
   - İçeriği panelin tüm genişliğine yaymak
   - Dikey boşlukları sıkıştırıp sekme/satırların ekrana sığmasını sağlamak
   - Motoru ve diğer alanları bozmadan sadece sağ panel yerleşimini düzeltmek
   ===================================================================== */
body.stage-compact-shell .sidebar.sidebar-right.v27-sidebar-right,
body.stage-compact-shell #rightSidebar{
  width:280px !important;
  min-width:280px !important;
  max-width:280px !important;
}

body.stage-compact-shell #rightSidebar .rs-body{
  padding:8px !important;
  gap:6px !important;
  background:transparent !important;
  align-items:stretch !important;
}

body.stage-compact-shell #rightSidebar .rs-body > *{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}

/* Sağ paneldeki tüm kart/altlık mantığını söndür */
body.stage-compact-shell #rightSidebar .layer-box,
body.stage-compact-shell #rightSidebar .rp-section,
body.stage-compact-shell #rightSidebar .rp-block,
body.stage-compact-shell #rightSidebar .surfer-props,
body.stage-compact-shell #rightSidebar .an-props,
body.stage-compact-shell #rightSidebar .an-box,
body.stage-compact-shell #rightSidebar #panel-analysis,
body.stage-compact-shell #rightSidebar .analysis-panel-v2,
body.stage-compact-shell #rightSidebar .anv3,
body.stage-compact-shell #rightSidebar .anv3-acc,
body.stage-compact-shell #rightSidebar .dp-box,
body.stage-compact-shell #rightSidebar .dp-card,
body.stage-compact-shell #rightSidebar .card,
body.stage-compact-shell #rightSidebar .gnd-acc,
body.stage-compact-shell #rightSidebar .op3-acc,
body.stage-compact-shell #rightSidebar .yaz-acc{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

/* İç blokları panel genişliğine yay */
body.stage-compact-shell #rightSidebar .rp-section,
body.stage-compact-shell #rightSidebar .rp-block,
body.stage-compact-shell #rightSidebar .surfer-props,
body.stage-compact-shell #rightSidebar .an-props,
body.stage-compact-shell #rightSidebar .an-box,
body.stage-compact-shell #rightSidebar #panel-analysis,
body.stage-compact-shell #rightSidebar .analysis-panel-v2,
body.stage-compact-shell #rightSidebar .anv3{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  padding:0 !important;
  margin:0 !important;
  overflow:visible !important;
}

/* Sadece bölüm ayrımı için ince çizgi kullan */
body.stage-compact-shell #rightSidebar .anv3-acc,
body.stage-compact-shell #rightSidebar .dp-section,
body.stage-compact-shell #rightSidebar .dp-box,
body.stage-compact-shell #rightSidebar .rp-section,
body.stage-compact-shell #rightSidebar .rp-block,
body.stage-compact-shell #rightSidebar .an-box{
  padding:8px 0 !important;
  margin:0 !important;
  border-bottom:1px solid rgba(15,52,96,.10) !important;
}
body.stage-compact-shell #rightSidebar .anv3-acc:last-child,
body.stage-compact-shell #rightSidebar .dp-section:last-child,
body.stage-compact-shell #rightSidebar .dp-box:last-child,
body.stage-compact-shell #rightSidebar .rp-section:last-child,
body.stage-compact-shell #rightSidebar .rp-block:last-child,
body.stage-compact-shell #rightSidebar .an-box:last-child{
  border-bottom:none !important;
}

/* Başlık ve aksiyon boşlukları */
body.stage-compact-shell #rightSidebar .rs-title,
body.stage-compact-shell #rightSidebar .rp-h,
body.stage-compact-shell #rightSidebar .rp-block-title,
body.stage-compact-shell #rightSidebar .anv3-acc-title,
body.stage-compact-shell #rightSidebar .dp-pagehead-title,
body.stage-compact-shell #rightSidebar .dp-h,
body.stage-compact-shell #rightSidebar .an-box-title,
body.stage-compact-shell #rightSidebar h4{
  margin:0 0 6px 0 !important;
  line-height:1.15 !important;
}
body.stage-compact-shell #rightSidebar .anv3-acc-hdr,
body.stage-compact-shell #rightSidebar .dp-pagehead,
body.stage-compact-shell #rightSidebar .dp-actions,
body.stage-compact-shell #rightSidebar .anv3-actions,
body.stage-compact-shell #rightSidebar .rp-actions{
  margin:0 0 6px 0 !important;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
}
body.stage-compact-shell #rightSidebar .anv3-acc-body,
body.stage-compact-shell #rightSidebar .an-box-body,
body.stage-compact-shell #rightSidebar .dp-card-b{
  padding:0 !important;
}

/* Tüm sekme satırlarını kompakt ızgaraya çevir */
body.stage-compact-shell #rightSidebar .dp-tabs,
body.stage-compact-shell #rightSidebar .dp-topbar,
body.stage-compact-shell #rightSidebar .dp-inline2,
body.stage-compact-shell #rightSidebar .dp-inline3,
body.stage-compact-shell #rightSidebar .dp-row2,
body.stage-compact-shell #rightSidebar .sf-inline,
body.stage-compact-shell #rightSidebar .sf-actions,
body.stage-compact-shell #rightSidebar .an-check,
body.stage-compact-shell #rightSidebar .tool-row,
body.stage-compact-shell #rightSidebar .data-mini-tabs,
body.stage-compact-shell #rightSidebar .anv3-tabs{
  display:grid !important;
  gap:6px !important;
  min-width:0 !important;
}
body.stage-compact-shell #rightSidebar .dp-tabs,
body.stage-compact-shell #rightSidebar .anv3-tabs{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
body.stage-compact-shell #rightSidebar .dp-topbar,
body.stage-compact-shell #rightSidebar .sf-actions,
body.stage-compact-shell #rightSidebar .an-check,
body.stage-compact-shell #rightSidebar .tool-row,
body.stage-compact-shell #rightSidebar .data-mini-tabs{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
body.stage-compact-shell #rightSidebar .dp-inline2,
body.stage-compact-shell #rightSidebar .dp-row2{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
body.stage-compact-shell #rightSidebar .dp-inline3{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
body.stage-compact-shell #rightSidebar .dp-tabs > *,
body.stage-compact-shell #rightSidebar .dp-topbar > *,
body.stage-compact-shell #rightSidebar .dp-inline2 > *,
body.stage-compact-shell #rightSidebar .dp-inline3 > *,
body.stage-compact-shell #rightSidebar .dp-row2 > *,
body.stage-compact-shell #rightSidebar .sf-inline > *,
body.stage-compact-shell #rightSidebar .sf-actions > *,
body.stage-compact-shell #rightSidebar .an-check > *,
body.stage-compact-shell #rightSidebar .tool-row > *,
body.stage-compact-shell #rightSidebar .data-mini-tabs > *,
body.stage-compact-shell #rightSidebar .anv3-tabs > *{
  min-width:0 !important;
  width:100% !important;
}

/* Özellikle Yüzey/Rakım/Eğim/Bakı satırı için dikey boşluğu azalt */
body.stage-compact-shell #rightSidebar .dp-inline3 label,
body.stage-compact-shell #rightSidebar .dp-inline2 label,
body.stage-compact-shell #rightSidebar .dp-row label,
body.stage-compact-shell #rightSidebar .anv3-lbl,
body.stage-compact-shell #rightSidebar .an-lbl,
body.stage-compact-shell #rightSidebar .rp-lbl,
body.stage-compact-shell #rightSidebar label{
  font-size:11px !important;
  line-height:1.1 !important;
  margin:0 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}

/* Satır boşlukları ve kontrol yükseklikleri */
body.stage-compact-shell #rightSidebar .dp-row,
body.stage-compact-shell #rightSidebar .an-row,
body.stage-compact-shell #rightSidebar .rp-row,
body.stage-compact-shell #rightSidebar .anv3-row{
  margin:4px 0 !important;
  gap:4px 8px !important;
  min-width:0 !important;
}
body.stage-compact-shell #rightSidebar .dp-row{
  display:grid !important;
  grid-template-columns:72px minmax(0,1fr) !important;
  align-items:center !important;
}
body.stage-compact-shell #rightSidebar .an-row,
body.stage-compact-shell #rightSidebar .anv3-row,
body.stage-compact-shell #rightSidebar .rp-row{
  display:grid !important;
  grid-template-columns:82px minmax(0,1fr) !important;
  align-items:center !important;
}
body.stage-compact-shell #rightSidebar input[type="text"],
body.stage-compact-shell #rightSidebar input[type="number"],
body.stage-compact-shell #rightSidebar select,
body.stage-compact-shell #rightSidebar button,
body.stage-compact-shell #rightSidebar .dp-btn,
body.stage-compact-shell #rightSidebar .rp-btn,
body.stage-compact-shell #rightSidebar .anv3-input,
body.stage-compact-shell #rightSidebar .anv3-select,
body.stage-compact-shell #rightSidebar .dp-input,
body.stage-compact-shell #rightSidebar .dp-select{
  min-height:30px !important;
  height:auto !important;
  padding:5px 7px !important;
  font-size:11px !important;
  border-radius:8px !important;
}

/* Sekme butonları daha kısa olsun ki taşmasın */
body.stage-compact-shell #rightSidebar .dp-btn.tab,
body.stage-compact-shell #rightSidebar .anv3-tab,
body.stage-compact-shell #rightSidebar .data-mini-tab{
  min-height:28px !important;
  padding:4px 5px !important;
  justify-content:center !important;
}
body.stage-compact-shell #rightSidebar .dp-btn.tab .dp-lbl,
body.stage-compact-shell #rightSidebar .anv3-tab,
body.stage-compact-shell #rightSidebar .data-mini-tab{
  font-size:10px !important;
  line-height:1.05 !important;
}

/* Slider blokları: etiket üstte, slider altta, satır kaybı olmasın */
body.stage-compact-shell #rightSidebar .slider-group,
body.stage-compact-shell #rightSidebar .dp-checkline,
body.stage-compact-shell #rightSidebar .dp-minmax,
body.stage-compact-shell #rightSidebar .dp-sample,
body.stage-compact-shell #rightSidebar .dp-contour-options,
body.stage-compact-shell #rightSidebar .dp-contour-intervals,
body.stage-compact-shell #rightSidebar .dp-opacity{
  margin:4px 0 !important;
  gap:4px !important;
}
body.stage-compact-shell #rightSidebar input[type="range"]{
  width:100% !important;
  margin:2px 0 !important;
}

/* Sağ panelin alt aksiyon satırı tek katmanlı ve nefesli olsun */
body.stage-compact-shell #rightSidebar .rp-actions,
body.stage-compact-shell #rightSidebar .dp-actions,
body.stage-compact-shell #rightSidebar .anv3-actions{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:6px !important;
}

/* Tüm menüler için taşma güvenliği */
body.stage-compact-shell #rightSidebar,
body.stage-compact-shell #rightSidebar .rs-body,
body.stage-compact-shell #rightSidebar .rs-body *{
  box-sizing:border-box !important;
}
body.stage-compact-shell #rightSidebar .rs-body{
  overflow-x:hidden !important;
}

/* =========================================================
   V18 RIGHT PANEL REAL FIT FIX
   - Kartları tamamen kaldır
   - Sağ panel içeriğini tam genişliğe yay
   - Yüzey / Rakım / Eğim / Bakı satırını sığdır
   - Tüm sağ panel menülerinde boşlukları sıkıştır
   ========================================================= */

#rightSidebar,
body.stage-compact-shell #rightSidebar,
.sidebar.sidebar-right.v27-sidebar-right{
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}

#rightSidebar .side-panel,
#rightSidebar .side-panel-body,
#rightSidebar .sp-body,
#rightSidebar .rp-body,
#rightSidebar .rs-body,
#rightSidebar #panel-analysis,
#rightSidebar #panel-pindex,
#rightSidebar #panel-data,
#rightSidebar #panel-output,
#rightSidebar #panel-send,
#rightSidebar #panel-details,
#rightSidebar #panel-calc,
#rightSidebar .surfer-props{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

/* İç kartları gerçekten kapat */
#rightSidebar .dp-box,
#rightSidebar .card,
#rightSidebar .panel-card,
#rightSidebar .rs-card,
#rightSidebar .aly-card,
#rightSidebar .section-shell,
#rightSidebar .panel-shell,
#rightSidebar .card-shell,
#rightSidebar .sidebar-section,
#rightSidebar .rs-section,
#rightSidebar .aly-section,
#rightSidebar .rp-section,
#rightSidebar .tb-section,
#rightSidebar .data-mini-tabs,
#rightSidebar .an-box,
#rightSidebar .an-card,
#rightSidebar .an-section{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

/* Sağ panel tüm genişliği kullansın */
#rightSidebar .side-panel-body,
#rightSidebar .sp-body,
#rightSidebar .rp-body,
#rightSidebar .rs-body,
#rightSidebar .surfer-props{
  padding:8px 8px 10px 8px !important;
  margin:0 !important;
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
}

/* Genel dikey boşlukları sıkıştır */
#rightSidebar h3,
#rightSidebar h4,
#rightSidebar .section-title,
#rightSidebar .rs-section-title,
#rightSidebar .aly-section-title,
#rightSidebar .tb-section-title{
  margin:0 0 6px 0 !important;
}

#rightSidebar .rs-section,
#rightSidebar .aly-section,
#rightSidebar .rp-section,
#rightSidebar .tb-section,
#rightSidebar .sidebar-section,
#rightSidebar .section-shell{
  padding:4px 0 !important;
  margin:0 0 6px 0 !important;
}

/* Üst sekmeler */
#rightSidebar .dp-tabs,
#panel-analysis .dp-tabs,
.analysis-panel-v2 .dp-tabs{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:4px !important;
  width:100% !important;
  margin:0 0 8px 0 !important;
}

#rightSidebar .dp-btn.tab,
#panel-analysis .dp-tab,
.analysis-panel-v2 .dp-btn.tab{
  min-width:0 !important;
  width:100% !important;
  padding:4px 4px !important;
  min-height:30px !important;
  border-radius:8px !important;
  background:#f8fafc !important;
  border:1px solid #d7e0e7 !important;
  box-shadow:none !important;
}

#rightSidebar .dp-btn.tab .dp-lbl,
#panel-analysis .dp-tab .dp-lbl,
.analysis-panel-v2 .dp-btn.tab .dp-lbl{
  font-size:11px !important;
  line-height:1.05 !important;
  white-space:nowrap !important;
}

/* DEM(HARİTA) / XYZ(DOSYA) gibi ikili satırlar */
#rightSidebar .dp-subtabs,
#rightSidebar .data-mini-tabs,
#rightSidebar .an-tabs,
#rightSidebar .aly-si-tabs,
#rightSidebar .aly-si2-tabs{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:4px !important;
  width:100% !important;
  margin:0 0 8px 0 !important;
  padding:0 !important;
}

#rightSidebar .dp-subtabs > *,
#rightSidebar .data-mini-tabs > *,
#rightSidebar .an-tabs > *,
#rightSidebar .aly-si-tabs > *,
#rightSidebar .aly-si2-tabs > *{
  min-width:0 !important;
  width:100% !important;
}

/* Yüzey / Rakım / Eğim / Bakı satırı: boşlukları kaldır ve 4'e böl */
#rightSidebar .dp-inline4,
#rightSidebar .dp-inline3,
#rightSidebar .dp-grid-4,
#rightSidebar .surface-type-row,
#rightSidebar .analysis-types,
#rightSidebar .anv3-tabs,
#rightSidebar .an-page-tabs,
#rightSidebar .an-row-tabs{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:3px !important;
  width:100% !important;
  margin:0 0 8px 0 !important;
}

#rightSidebar .dp-inline4 > *,
#rightSidebar .dp-inline3 > *,
#rightSidebar .dp-grid-4 > *,
#rightSidebar .surface-type-row > *,
#rightSidebar .analysis-types > *,
#rightSidebar .anv3-tabs > *,
#rightSidebar .an-page-tabs > *,
#rightSidebar .an-row-tabs > *{
  min-width:0 !important;
  width:100% !important;
}

#rightSidebar .dp-inline4 .dp-btn,
#rightSidebar .dp-inline3 .dp-btn,
#rightSidebar .dp-grid-4 .dp-btn,
#rightSidebar .surface-type-row .dp-btn,
#rightSidebar .analysis-types .dp-btn,
#rightSidebar .anv3-tabs .dp-btn,
#rightSidebar .an-page-tabs .dp-btn,
#rightSidebar .an-row-tabs .dp-btn,
#rightSidebar .dp-inline4 button,
#rightSidebar .dp-inline3 button,
#rightSidebar .dp-grid-4 button,
#rightSidebar .surface-type-row button,
#rightSidebar .analysis-types button,
#rightSidebar .anv3-tabs button,
#rightSidebar .an-page-tabs button,
#rightSidebar .an-row-tabs button{
  min-width:0 !important;
  width:100% !important;
  padding:4px 2px !important;
  min-height:30px !important;
  font-size:11px !important;
  line-height:1.05 !important;
}

/* Form ve slider yerleşimi */
#rightSidebar .dp-row,
#rightSidebar .form-row,
#rightSidebar .row,
#rightSidebar .ctrl-row{
  margin:0 0 6px 0 !important;
  gap:6px !important;
  align-items:center !important;
}

#rightSidebar label,
#rightSidebar .lbl,
#rightSidebar .dp-row-l{
  font-size:11px !important;
  margin:0 0 3px 0 !important;
}

#rightSidebar input[type="text"],
#rightSidebar input[type="number"],
#rightSidebar select{
  width:100% !important;
  min-height:30px !important;
  padding:5px 8px !important;
  margin:0 !important;
  border-radius:8px !important;
}

#rightSidebar .slider-group,
#rightSidebar .range-row,
#rightSidebar .ctrl-range{
  margin:0 0 6px 0 !important;
}

#rightSidebar input[type="range"]{
  width:100% !important;
  margin:2px 0 0 0 !important;
}

/* Alt butonlar */
#rightSidebar .dp-actions,
#rightSidebar .analysis-actionbar{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:6px !important;
  margin-top:8px !important;
}

#rightSidebar .dp-actions .dp-btn,
#rightSidebar .analysis-actionbar .btn{
  width:100% !important;
  min-width:0 !important;
  justify-content:center !important;
}

#rightSidebar *{ box-sizing:border-box !important; }


/* Beyaz harita yüzeyi: altlık görünmüyorsa tema karanlığı alttan görünmesin */
#map,
body.stage-compact-shell #map,
#map .leaflet-container,
#map .leaflet-map-pane{
  background:#ffffff !important;
}
#map .leaflet-tile-pane,
#map .leaflet-overlay-pane,
#map .leaflet-shadow-pane,
#map .leaflet-marker-pane,
#map .leaflet-tooltip-pane,
#map .leaflet-popup-pane{
  background:transparent !important;
}

.layer-header .lg-group-gear{margin-left:auto;width:22px;height:22px;border:1px solid var(--alya-border);border-radius:6px;background:var(--alya-surface);color:var(--alya-text);cursor:pointer;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0;}
.layer-header .lg-group-gear:hover{background:var(--alya-light);color:var(--alya-accent);border-color:var(--alya-accent);}
/* ALYA GIS Katman Yöneticisi — Netcad esintili, uygulamanın kendi genel yöneticisi */
.alya-layer-manager-title{display:flex;align-items:baseline;gap:7px;padding:7px 9px;background:linear-gradient(#3b4650,#28323a);border:1px solid #56636e;border-bottom:0;color:#f2f6f8;font-size:11px;letter-spacing:.2px}.alya-layer-manager-title b{font-size:12px;color:#72d2ff}.alya-layer-manager-title span{color:#d6e0e5}
.v27-sidebar-left.alya-netcad-inspired #side-panel-layers{padding:0;background:#20282e;color:#dce5ea;border-top:1px solid #59656e}
.v27-sidebar-left.alya-netcad-inspired .layer-quickbar{padding:5px 6px;background:#313c44;border:1px solid #59656e;gap:3px}
.v27-sidebar-left.alya-netcad-inspired .lq-btn{width:25px;height:23px;border:1px solid #65717a;border-radius:2px;background:linear-gradient(#4b5861,#344049);color:#f3f7f9;box-shadow:inset 0 1px #ffffff18}
.v27-sidebar-left.alya-netcad-inspired .lq-btn:hover{background:#526978;border-color:#7dcfff}
.v27-sidebar-left.alya-netcad-inspired .layer-box{padding:0;border:1px solid #59656e;border-top:0;background:#1f272d}
.v27-sidebar-left.alya-netcad-inspired .layer-group{margin:0;border:0;border-bottom:1px solid #46525b;border-radius:0;background:#232d34}
.v27-sidebar-left.alya-netcad-inspired .layer-header{min-height:27px;padding:4px 6px;background:linear-gradient(#394650,#2d3840);color:#e7edf0;font-size:11px;font-weight:600;border:0}
.v27-sidebar-left.alya-netcad-inspired .layer-header:before{content:'▾';width:11px;color:#9fc7da}.v27-sidebar-left.alya-netcad-inspired .layer-group.collapsed>.layer-header:before{content:'▸'}
.v27-sidebar-left.alya-netcad-inspired .layer-list{margin:0;padding:1px 0;background:#1f272d}
.v27-sidebar-left.alya-netcad-inspired .layer-item{margin:0;border:0;border-bottom:1px solid #303b42;border-radius:0;background:#222b31;color:#d8e1e6;min-height:25px}
.v27-sidebar-left.alya-netcad-inspired .layer-item:hover{background:#30414c}.v27-sidebar-left.alya-netcad-inspired .layer-item.active,.v27-sidebar-left.alya-netcad-inspired .layer-item.selected{background:#27536b;box-shadow:inset 3px 0 #59c9ff}
.v27-sidebar-left.alya-netcad-inspired .li-row{min-height:25px;padding:1px 3px;gap:2px}.v27-sidebar-left.alya-netcad-inspired .li-n{font-size:10.5px;color:#eef4f6}.v27-sidebar-left.alya-netcad-inspired .li-meta{font-size:8.5px;color:#91a4af}
.v27-sidebar-left.alya-netcad-inspired .li-ico{width:21px;height:21px;border:0;border-radius:2px;background:transparent;color:#cbd7dd}.v27-sidebar-left.alya-netcad-inspired .li-ico:hover{background:#50616c;color:#fff}
.v27-sidebar-left.alya-netcad-inspired .alya-native-group{list-style:none;padding:4px 7px 3px 23px;background:#172128;color:#6ed2ff;border-bottom:1px solid #34434d;font-size:10px;font-weight:700}
.v27-sidebar-left.alya-netcad-inspired .alya-ncz-file-group{list-style:none;display:grid;grid-template-columns:22px 13px 18px minmax(0,1fr);align-items:center;min-height:27px;padding:1px 4px;background:#293740;color:#f0f5f7;border-top:1px solid #596873;border-bottom:1px solid #182127;cursor:pointer}.v27-sidebar-left.alya-netcad-inspired .alya-ncz-file-group:hover{background:#38505e}.v27-sidebar-left.alya-netcad-inspired .alya-ncz-file-group b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px}.v27-sidebar-left.alya-netcad-inspired .ncz-group-eye{width:20px;height:20px;padding:0;border:0;background:transparent;color:#8dd8ff;cursor:pointer}.v27-sidebar-left.alya-netcad-inspired .ncz-group-caret{color:#dce5e9}.v27-sidebar-left.alya-netcad-inspired .ncz-group-stack{color:#f3a93b;font-size:12px}
.v27-sidebar-left.alya-netcad-inspired .alya-ncz-layer-item .li-t{font-size:16px;line-height:12px;text-shadow:0 0 1px #000}.v27-sidebar-left.alya-netcad-inspired .alya-ncz-layer-item .li-label{min-width:0}.v27-sidebar-left.alya-netcad-inspired .alya-ncz-layer-item .li-right{display:flex;gap:0}.v27-sidebar-left.alya-netcad-inspired .alya-ncz-layer-item .li-n{font-weight:600;letter-spacing:.1px}
.v27-sidebar-left.alya-netcad-inspired .alya-netcad-row{transition:background .08s,border-color .08s}.v27-sidebar-left.alya-netcad-inspired .alya-netcad-row:hover{background:#39505e;box-shadow:inset 2px 0 #73d5ff}.v27-sidebar-left.alya-netcad-inspired .alya-netcad-row.alya-locked .li-n{color:#9eabb2}.v27-sidebar-left.alya-netcad-inspired .alya-netcad-row.alya-print-off{opacity:.58}.v27-sidebar-left.alya-netcad-inspired .alya-layer-color-dot{position:relative;cursor:pointer;font-size:15px!important;width:16px;text-align:center}.v27-sidebar-left.alya-netcad-inspired .alya-netcad-row .li-right .li-ico[title='Üste al'],.v27-sidebar-left.alya-netcad-inspired .alya-netcad-row .li-right .li-ico[title='Alta al'],.v27-sidebar-left.alya-netcad-inspired .alya-netcad-row .li-right .li-ico[title='Yakınlaş'],.v27-sidebar-left.alya-netcad-inspired .alya-netcad-row .li-right .li-ico[title='Listeden kaldır']{display:none}.v27-sidebar-left.alya-netcad-inspired .alya-row-lock,.v27-sidebar-left.alya-netcad-inspired .alya-row-print{display:inline-flex!important;align-items:center;justify-content:center;font-size:11px}
.leaflet-marker-icon.alya-feature-selected{
  outline:2px solid #18aeea;
  outline-offset:2px;
  border-radius:50%;
  filter:drop-shadow(0 0 3px rgba(24,174,234,.85));
}

/* ========================================================================== 
   ALYA GIS V53 — modern, bağlamsal ve aranabilir çalışma alanı
   ========================================================================== */
body.modern-workspace-v53{
  --mw-navy:#071a31;
  --mw-navy-2:#0b2948;
  --mw-accent:#1689d8;
  --mw-accent-soft:#dff2ff;
  --mw-surface:#ffffff;
  --mw-canvas:#eef3f7;
  --mw-border:#cbd7e2;
  --mw-text:#172535;
  --mw-muted:#647588;
  --mw-focus:#35b9ff;
  --mw-danger:#c83d4b;
  --mw-shadow:0 14px 38px rgba(4,20,37,.24);
  color:var(--mw-text);
}

body.modern-workspace-v53 *{box-sizing:border-box}
body.modern-workspace-v53 button,
body.modern-workspace-v53 [role="button"],
body.modern-workspace-v53 input,
body.modern-workspace-v53 select{font-family:Segoe UI,Inter,Arial,sans-serif}
body.modern-workspace-v53 button:focus-visible,
body.modern-workspace-v53 [role="button"]:focus-visible,
body.modern-workspace-v53 input:focus-visible,
body.modern-workspace-v53 select:focus-visible,
body.modern-workspace-v53 [tabindex]:focus-visible{
  outline:2px solid var(--mw-focus) !important;
  outline-offset:2px !important;
}

/* Üst komut alanı: hızlı erişim + ana iş akışları + bağlamsal diğer menüsü */
body.modern-workspace-v53 .header{
  padding:8px 10px 7px !important;
  gap:6px !important;
  background:linear-gradient(180deg,#071a31 0%,#061326 100%) !important;
  border-bottom:1px solid #244563 !important;
}
body.modern-workspace-v53 .menubar.v27-menubar{
  min-height:38px !important;
  height:38px !important;
  padding:3px 4px !important;
  gap:7px !important;
  overflow:hidden !important;
  border:1px solid #244563 !important;
  border-radius:10px !important;
  background:rgba(10,31,55,.94) !important;
}
body.modern-workspace-v53 .menubar .brand{
  flex:0 0 auto !important;
  min-width:92px !important;
  height:30px !important;
  padding:0 10px !important;
  display:flex !important;
  align-items:center !important;
  border-right:1px solid #35526d !important;
  font-size:14px !important;
  line-height:1 !important;
  letter-spacing:.8px !important;
}
body.modern-workspace-v53 .quick-access{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:0 !important;
  height:30px !important;
  gap:3px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
body.modern-workspace-v53 .quick-access .qa-btn{
  flex:0 0 30px !important;
  width:30px !important;
  min-width:30px !important;
  height:30px !important;
  min-height:30px !important;
  padding:0 !important;
  border:1px solid #365674 !important;
  border-radius:7px !important;
  background:#102f50 !important;
  color:#eef8ff !important;
  font-size:14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}
body.modern-workspace-v53 .quick-access .qa-btn:hover{background:#16446e !important;border-color:#60bff4 !important}
body.modern-workspace-v53 .quick-access .qa-sep{height:20px !important;margin:5px 2px !important;border-color:#46627b !important}
body.modern-workspace-v53 .quick-access .qa-command-search{
  flex-basis:86px !important;
  width:86px !important;
  padding:0 9px !important;
  gap:5px !important;
  justify-content:flex-start !important;
  background:#f6fbff !important;
  color:#15314b !important;
  border-color:#74bfe9 !important;
}
body.modern-workspace-v53 .quick-access .qa-command-search b{font-size:10.5px;font-weight:650;white-space:nowrap}

body.modern-workspace-v53 .stage-menu-navigation{
  flex:1 1 auto !important;
  width:auto !important;
  min-width:160px !important;
  height:30px !important;
  gap:3px !important;
  overflow:hidden !important;
}
body.modern-workspace-v53 .stage-menu-scroll{
  height:30px !important;
  gap:3px !important;
  scrollbar-width:none !important;
}
body.modern-workspace-v53 .stage-menu-scroll::-webkit-scrollbar{display:none}
body.modern-workspace-v53 .stage-menu-scroll > button{
  min-width:max-content !important;
  height:30px !important;
  min-height:30px !important;
  padding:0 9px !important;
  border-radius:7px !important;
  font-size:11.5px !important;
  font-weight:650 !important;
  letter-spacing:0 !important;
  color:#d9e8f5 !important;
  background:transparent !important;
  border:1px solid transparent !important;
}
body.modern-workspace-v53 .stage-menu-scroll > button:hover{background:#153a61 !important;border-color:#315a7f !important}
body.modern-workspace-v53 .stage-menu-scroll > button.active,
body.modern-workspace-v53 .stage-menu-scroll > button.on{
  color:#fff !important;
  background:#146aaa !important;
  border-color:#5fbbed !important;
  box-shadow:none !important;
}
body.modern-workspace-v53 .stage-menu-edge{
  flex:0 0 26px !important;
  width:26px !important;
  height:30px !important;
  min-height:30px !important;
  border-radius:7px !important;
}
body.modern-workspace-v53 .stage-menu-scroll > .stage-menu-secondary{display:none !important}

body.modern-workspace-v53 .stage-menu-more-wrap{flex:0 0 auto;height:30px;display:flex;align-items:center}
body.modern-workspace-v53 .stage-menu-more{
  height:30px !important;
  min-height:30px !important;
  padding:0 9px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  border:1px solid #3e6585 !important;
  border-radius:7px !important;
  background:#123759 !important;
  color:#eff8ff !important;
  cursor:pointer;
}
body.modern-workspace-v53 .stage-menu-more span{font-size:18px;line-height:1}
body.modern-workspace-v53 .stage-menu-more b{font-size:10.5px;white-space:nowrap}
body.modern-workspace-v53 .stage-menu-more:hover{background:#19507e !important;border-color:#65c2f2 !important}

body.modern-workspace-v53 .stage-menubar-tools{
  flex:0 0 auto !important;
  width:auto !important;
  height:30px !important;
  gap:4px !important;
}
body.modern-workspace-v53 .stage-menubar-tools .stage-mini-btn{
  height:30px !important;
  min-height:30px !important;
  padding:0 10px !important;
  border-radius:7px !important;
  font-size:10.5px !important;
  white-space:nowrap !important;
}
body.modern-workspace-v53 .stage-menubar-tools #stageFitTurkey,
body.modern-workspace-v53 .stage-menubar-tools #stageClearLayers{display:none !important}
body.modern-workspace-v53 .quick-access #qaFit,
body.modern-workspace-v53 .quick-access #qaZoomIn,
body.modern-workspace-v53 .quick-access #qaZoomOut,
body.modern-workspace-v53 .quick-access #qaFull{display:none !important}

/* Araç şeridi: ana çizim akışı görünür, uzman araçlar tek bir bağlamsal menüde */
body.modern-workspace-v53 #toolRibbon.v27-ribbon{
  position:relative !important;
  min-height:56px !important;
  height:56px !important;
  padding:4px 112px 4px 4px !important;
  overflow:hidden !important;
  border:1px solid #234563 !important;
  border-radius:10px !important;
  background:linear-gradient(180deg,#0b2846,#081c33) !important;
  scrollbar-width:none !important;
}
body.modern-workspace-v53 #toolRibbon .rp.on{
  display:flex !important;
  width:100% !important;
  height:48px !important;
  max-width:100% !important;
  gap:6px !important;
  overflow:hidden !important;
  align-items:stretch !important;
}
body.modern-workspace-v53 #toolRibbon .rp.on > .rsep{display:none !important}
body.modern-workspace-v53 #toolRibbon .rp.on > .rg:not(.modern-primary-group){display:none !important}
body.modern-workspace-v53 #toolRibbon .rp.on > .rg.modern-primary-group{
  display:flex !important;
  flex:0 0 auto !important;
  min-width:0 !important;
  height:48px !important;
  padding:0 6px 0 0 !important;
  margin:0 !important;
  border-right:1px solid #294967 !important;
  background:transparent !important;
  box-shadow:none !important;
}
body.modern-workspace-v53 #toolRibbon .rg .rg-body{
  display:flex !important;
  flex-flow:row nowrap !important;
  align-items:center !important;
  gap:3px !important;
  height:44px !important;
}
body.modern-workspace-v53 #toolRibbon .rg .rg-cap{display:none !important}
body.modern-workspace-v53 #toolRibbon .rb{
  flex:0 0 44px !important;
  width:44px !important;
  min-width:44px !important;
  height:44px !important;
  min-height:44px !important;
  padding:3px 2px 2px !important;
  border-radius:8px !important;
  font-size:14px !important;
  line-height:1 !important;
  background:#f8fbfe !important;
  color:#102b44 !important;
  border:1px solid #c7d6e2 !important;
  box-shadow:0 1px 1px rgba(0,0,0,.08) !important;
}
body.modern-workspace-v53 #toolRibbon .rb > span{
  display:block !important;
  max-width:40px !important;
  margin-top:3px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  font-size:9.5px !important;
  line-height:1.05 !important;
  font-weight:650 !important;
  white-space:nowrap !important;
}
body.modern-workspace-v53 #toolRibbon .rb:hover{background:#e4f4ff !important;border-color:#4ca9dd !important}
body.modern-workspace-v53 #toolRibbon .rb.on{background:#167bc0 !important;color:#fff !important;border-color:#64c7f8 !important}
body.modern-workspace-v53 .stage-ribbon-more{
  position:absolute !important;
  top:7px !important;
  right:7px !important;
  z-index:4 !important;
  width:98px !important;
  height:42px !important;
  min-height:42px !important;
  padding:0 8px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  border-radius:8px !important;
  border:1px solid #5ca9d6 !important;
  background:#123b60 !important;
  color:#f2f9ff !important;
  cursor:pointer !important;
}
body.modern-workspace-v53 .stage-ribbon-more span{font-size:17px}
body.modern-workspace-v53 .stage-ribbon-more b{font-size:10px;line-height:1.05;text-align:left}
body.modern-workspace-v53 .stage-ribbon-more:hover{background:#176095 !important}

/* Ana çalışma yüzeyi ve paneller */
@media (min-width:1200px){
  body.modern-workspace-v53 .main.v27-main{
    grid-template-columns:264px minmax(0,1fr) 292px !important;
    gap:10px !important;
  }
}
@media (min-width:1600px){
  body.modern-workspace-v53 .main.v27-main{
    grid-template-columns:280px minmax(0,1fr) 320px !important;
  }
}
body.modern-workspace-v53 .sidebar.v27-sidebar-left,
body.modern-workspace-v53 #rightSidebar{
  border:1px solid #ced9e2 !important;
  border-radius:12px !important;
  background:#f7f9fb !important;
  box-shadow:0 2px 8px rgba(14,38,58,.08) !important;
  overflow:hidden !important;
}
body.modern-workspace-v53 .stage-side-head,
body.modern-workspace-v53 #rightSidebar .rs-head{
  min-height:46px !important;
  padding:8px 10px !important;
  background:linear-gradient(180deg,#12365d,#0c2a49) !important;
  color:#fff !important;
  border:0 !important;
}
body.modern-workspace-v53 #rightSidebar .rs-head .rs-title,
body.modern-workspace-v53 #rightSidebar .rs-head .rs-title *{color:#ffffff !important}
body.modern-workspace-v53 .stage-collapse,
body.modern-workspace-v53 #rightSidebar .rs-head button{
  width:30px !important;
  min-width:30px !important;
  height:30px !important;
  min-height:30px !important;
  border-radius:7px !important;
}
body.modern-workspace-v53 .side-tabs{
  padding:10px !important;
  gap:6px !important;
  background:#f7f9fb !important;
}
body.modern-workspace-v53 .side-tabs .side-tab{
  min-height:36px !important;
  padding:0 8px !important;
  border-radius:9px !important;
  font-size:11px !important;
  letter-spacing:.1px !important;
}

/* Katmanlar: arama, daha büyük hedefler ve satır başına sade eylem düzeni */
body.modern-workspace-v53 .stage-layer-search{
  display:grid;
  grid-template-columns:24px minmax(0,1fr) 28px;
  align-items:center;
  min-height:38px;
  margin:0;
  padding:4px 6px;
  background:#25333d;
  border:1px solid #596873;
  border-top:0;
  color:#9ecce4;
}
body.modern-workspace-v53 .stage-layer-search input{
  width:100%;
  height:30px;
  min-height:30px;
  padding:0 7px;
  border:1px solid #6a7a86;
  border-radius:7px;
  background:#f7fbfe;
  color:#142536;
  font-size:11px;
}
body.modern-workspace-v53 .stage-layer-search button{
  width:28px;
  min-width:28px;
  height:28px;
  min-height:28px;
  padding:0;
  border:0;
  background:transparent;
  color:#cfe8f5;
  font-size:18px;
  cursor:pointer;
}
body.modern-workspace-v53 .stage-layer-search button:disabled{opacity:.28;cursor:default}
body.modern-workspace-v53 .v27-sidebar-left.alya-netcad-inspired .layer-quickbar{padding:6px !important;gap:4px !important}
body.modern-workspace-v53 .v27-sidebar-left.alya-netcad-inspired .lq-btn{
  width:30px !important;
  min-width:30px !important;
  height:30px !important;
  min-height:30px !important;
  border-radius:6px !important;
}
body.modern-workspace-v53 .v27-sidebar-left.alya-netcad-inspired .layer-header{min-height:34px !important;padding:6px 8px !important;font-size:11px !important}
body.modern-workspace-v53 .v27-sidebar-left.alya-netcad-inspired .layer-item{min-height:38px !important}
body.modern-workspace-v53 .v27-sidebar-left.alya-netcad-inspired .li-row{min-height:38px !important;padding:4px 5px !important;gap:4px !important}
body.modern-workspace-v53 .v27-sidebar-left.alya-netcad-inspired .li-n{font-size:11px !important}
body.modern-workspace-v53 .v27-sidebar-left.alya-netcad-inspired .li-meta{font-size:9px !important}
body.modern-workspace-v53 .v27-sidebar-left.alya-netcad-inspired .li-ico,
body.modern-workspace-v53 .v27-sidebar-left.alya-netcad-inspired .ncz-group-eye{
  width:28px !important;
  min-width:28px !important;
  height:28px !important;
  min-height:28px !important;
  border-radius:6px !important;
}
body.modern-workspace-v53 .layer-item .modern-layer-secondary{display:none !important}
body.modern-workspace-v53 .layer-item .modern-layer-more{display:inline-flex !important;align-items:center;justify-content:center;font-size:17px !important}
body.modern-workspace-v53 .layer-item.modern-filter-hidden,
body.modern-workspace-v53 .layer-group.modern-group-filter-hidden{display:none !important}

/* Sağ ayarlar paneli: okunabilir aralıklar, 30px yerine rahat 34px kontroller */
body.modern-workspace-v53 #rightSidebar .rs-title{font-size:13px !important;letter-spacing:.2px !important}
body.modern-workspace-v53 #rightSidebar .rs-body{padding:10px !important;scrollbar-gutter:stable !important}
body.modern-workspace-v53 #rightSidebar button,
body.modern-workspace-v53 #rightSidebar input[type="text"],
body.modern-workspace-v53 #rightSidebar input[type="number"],
body.modern-workspace-v53 #rightSidebar input[type="search"],
body.modern-workspace-v53 #rightSidebar select{
  min-height:34px !important;
  font-size:11.5px !important;
}
body.modern-workspace-v53 #rightSidebar label,
body.modern-workspace-v53 #rightSidebar .lbl,
body.modern-workspace-v53 #rightSidebar .dp-row-l{font-size:11.5px !important;line-height:1.25 !important}
body.modern-workspace-v53 #rightSidebar .anv3-acc-hdr,
body.modern-workspace-v53 #rightSidebar .dp-pagehead,
body.modern-workspace-v53 #rightSidebar .section-title,
body.modern-workspace-v53 #rightSidebar .rs-section-title{
  min-height:38px !important;
  padding:8px 4px !important;
  border-top:1px solid #d7e0e7 !important;
}
body.modern-workspace-v53 #rightSidebar .muted,
body.modern-workspace-v53 #rightSidebar .hint,
body.modern-workspace-v53 #rightSidebar small{line-height:1.35 !important}

/* Tüm modern yüzen menülerin ortak katmanı */
.stage-modern-overlay-host{position:fixed;inset:0;z-index:120000;pointer-events:none}
.stage-modern-overlay-host > *{pointer-events:auto}
.stage-modern-flyout{
  position:fixed;
  display:none;
  min-width:280px;
  max-width:min(820px,calc(100vw - 24px));
  max-height:min(520px,calc(100vh - 96px));
  padding:10px;
  overflow:auto;
  border:1px solid #9eb3c5;
  border-radius:12px;
  background:#fff;
  color:#172535;
  box-shadow:var(--mw-shadow);
}
.stage-modern-flyout.open{display:block}
.stage-flyout-heading{
  padding:3px 4px 7px;
  color:#5c7184;
  font-size:10.5px;
  font-weight:750;
  letter-spacing:.35px;
  text-transform:uppercase;
}
.stage-flyout-heading:not(:first-child){margin-top:8px;padding-top:11px;border-top:1px solid #e1e7ec}
.stage-flyout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.stage-flyout-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}
.stage-action-proxy{
  min-height:42px;
  padding:7px 9px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:2px;
  overflow:hidden;
  border:1px solid #d2dde6;
  border-radius:8px;
  background:#f8fafc;
  color:#182a3b;
  text-align:left;
  cursor:pointer;
}
.stage-action-proxy:hover{background:#e7f5ff;border-color:#57aede}
.stage-action-proxy.is-active{background:#dff2ff;border-color:#248cca}
.stage-action-proxy-label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:650}
.stage-action-proxy small{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#697b8c;font-size:9.5px}

.stage-more-flyout{width:480px}
.stage-ribbon-flyout{width:min(820px,calc(100vw - 24px));padding:12px}
.stage-ribbon-section+ .stage-ribbon-section{margin-top:12px;padding-top:12px;border-top:1px solid #dbe4eb}
.stage-ribbon-section h4{margin:0 0 7px;color:#264760;font-size:11px;text-transform:uppercase;letter-spacing:.4px}
.stage-ribbon-action-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.stage-style-swatch{
  min-height:42px;padding:6px 8px;display:flex;align-items:center;gap:8px;border:1px solid #d2dde6;border-radius:8px;background:#f8fafc;color:#24384a;cursor:pointer
}
.stage-style-swatch i{width:22px;height:22px;border:1px solid #8a9dac;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.stage-style-swatch span{font-size:10.5px}.stage-style-swatch.is-active{border-color:#1689d8;background:#e3f4ff}
.stage-layer-action-flyout{width:238px;min-width:238px}
.stage-layer-action-grid{display:grid;grid-template-columns:1fr;gap:5px}

/* Komut paleti */
.stage-command-palette{
  position:fixed;
  inset:0;
  display:none;
  align-items:flex-start;
  justify-content:center;
  padding-top:min(16vh,140px);
  background:rgba(4,17,30,.52);
  backdrop-filter:blur(2px);
}
.stage-command-palette.open{display:flex}
.stage-command-box{
  width:min(640px,calc(100vw - 28px));
  max-height:min(620px,calc(100vh - 80px));
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid #92abc0;
  border-radius:14px;
  background:#fff;
  box-shadow:0 24px 70px rgba(0,0,0,.36);
}
.stage-command-input-row{display:grid;grid-template-columns:28px minmax(0,1fr) 36px;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid #d9e2e9}
.stage-command-input-row>span{color:#1689d8;font-size:22px;text-align:center}
.stage-command-input-row input{height:38px;min-height:38px;padding:0 4px;border:0;outline:0;background:transparent;color:#172535;font-size:16px}
.stage-command-input-row kbd{padding:4px 5px;border:1px solid #cbd6de;border-bottom-width:2px;border-radius:5px;background:#f5f7f9;color:#697988;font-size:9px;text-align:center}
.stage-command-hint{padding:7px 14px;background:#f6f9fb;color:#718191;font-size:10px;border-bottom:1px solid #e1e7ec}
.stage-command-results{padding:7px;overflow:auto}
.stage-command-result{width:100%;min-height:48px;padding:7px 10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;border:1px solid transparent;border-radius:8px;background:#fff;color:#172535;text-align:left;cursor:pointer}
.stage-command-result:hover,.stage-command-result:focus,.stage-command-result.is-current{background:#eaf6ff;border-color:#74bbe5}
.stage-command-result>span{font-size:12px;font-weight:650}.stage-command-result>small{font-size:10px;color:#6c7d8d}
.stage-command-empty{padding:24px;color:#758697;font-size:12px;text-align:center}

@media (max-width:1170px){
  body.modern-workspace-v53 #toolRibbon .rp.on > .rg.modern-primary-group.compact-selection{display:none !important}
  body.modern-workspace-v53 .stage-menubar-tools #stageFitWork{font-size:0 !important;width:34px !important;padding:0 !important}
  body.modern-workspace-v53 .stage-menubar-tools #stageFitWork:after{content:'⌖';font-size:16px}
  body.modern-workspace-v53 .quick-access .qa-command-search{width:30px !important;flex-basis:30px !important;padding:0 !important;justify-content:center !important}
  body.modern-workspace-v53 .quick-access .qa-command-search b{display:none}
}
@media (max-width:940px){
  body.modern-workspace-v53 #toolRibbon .rp.on > .rg.modern-primary-group.compact-measure{display:none !important}
  body.modern-workspace-v53 .quick-access #qaUndo,
  body.modern-workspace-v53 .quick-access #qaRedo,
  body.modern-workspace-v53 .quick-access .qa-sep{display:none !important}
  .stage-ribbon-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* =========================================================
   ALYA GIS — MODERN WORKSPACE V56
   Tutarlı ikon dili, anlaşılır sekmeler ve ferah araç panelleri
   ========================================================= */
body.modern-workspace-v56{
  --v56-accent:#16a4e0;
  --v56-accent-strong:#0878bd;
  --v56-navy:#071a31;
  --v56-panel:#f7f9fc;
  --v56-line:#d8e1e9;
  --v56-text:#15283a;
  --v56-muted:#6d7f8f;
}
body.modern-workspace-v56 .alya-ui-icon{
  width:18px;
  height:18px;
  flex:0 0 18px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  pointer-events:none;
}
body.modern-workspace-v56 .alya-icon-control{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}
body.modern-workspace-v56 .alya-icon-label{pointer-events:none}

/* Üst komut alanı */
body.modern-workspace-v56 .header{
  padding:7px 10px 8px !important;
  gap:7px !important;
}
body.modern-workspace-v56 .menubar.v27-menubar{
  height:42px !important;
  min-height:42px !important;
  padding:4px 5px !important;
  border-radius:12px !important;
  box-shadow:0 8px 22px rgba(0,0,0,.13) !important;
}
body.modern-workspace-v56 .menubar .brand{
  min-width:100px !important;
  height:32px !important;
  border-right:1px solid #31516d !important;
  font-size:14px !important;
  font-weight:750 !important;
}
body.modern-workspace-v56 .quick-access,
body.modern-workspace-v56 .stage-menu-navigation,
body.modern-workspace-v56 .stage-menu-scroll,
body.modern-workspace-v56 .stage-menu-more-wrap,
body.modern-workspace-v56 .stage-menubar-tools{height:32px !important}
body.modern-workspace-v56 .quick-access .qa-btn{
  flex-basis:32px !important;
  width:32px !important;
  min-width:32px !important;
  height:32px !important;
  min-height:32px !important;
  border-radius:8px !important;
}
body.modern-workspace-v56 .quick-access .qa-btn .alya-ui-icon{width:17px;height:17px}
body.modern-workspace-v56 .quick-access .qa-command-search{
  width:94px !important;
  flex-basis:94px !important;
  gap:7px !important;
}
body.modern-workspace-v56 .stage-menu-scroll > button{
  height:32px !important;
  min-height:32px !important;
  padding:0 10px !important;
  gap:6px !important;
  border-radius:8px !important;
  font-size:11.5px !important;
}
body.modern-workspace-v56 .stage-menu-scroll > button .alya-ui-icon{width:15px;height:15px;flex-basis:15px;opacity:.9}
body.modern-workspace-v56 .stage-menu-scroll > button.active .alya-ui-icon,
body.modern-workspace-v56 .stage-menu-scroll > button.on .alya-ui-icon{opacity:1}
body.modern-workspace-v56 .stage-menu-edge,
body.modern-workspace-v56 .stage-menu-more,
body.modern-workspace-v56 .stage-menubar-tools .stage-mini-btn{
  height:32px !important;
  min-height:32px !important;
}
body.modern-workspace-v56 .stage-menu-more{gap:6px !important;padding:0 10px !important}
body.modern-workspace-v56 .stage-menu-more .alya-ui-icon{width:17px;height:17px}

/* Günlük araç şeridi: büyük, temiz hedefler; uzman araçlar flyout içinde */
body.modern-workspace-v56 #toolRibbon.v27-ribbon{
  height:64px !important;
  min-height:64px !important;
  padding:5px 126px 5px 5px !important;
  border-radius:12px !important;
}
body.modern-workspace-v56 #toolRibbon .rp.on,
body.modern-workspace-v56 #toolRibbon .rp.on > .rg.modern-primary-group{height:54px !important}
body.modern-workspace-v56 #toolRibbon .rg .rg-body{height:52px !important;gap:5px !important}
body.modern-workspace-v56 #toolRibbon .rb{
  flex-basis:50px !important;
  width:50px !important;
  min-width:50px !important;
  height:52px !important;
  min-height:52px !important;
  gap:3px !important;
  flex-direction:column !important;
  padding:5px 3px 4px !important;
  border-radius:9px !important;
}
body.modern-workspace-v56 #toolRibbon .rb .alya-ui-icon{width:20px;height:20px;flex-basis:20px}
body.modern-workspace-v56 #toolRibbon .rb > span,
body.modern-workspace-v56 #toolRibbon .rb > .alya-icon-label{
  max-width:46px !important;
  margin:0 !important;
  font-size:9.5px !important;
  font-weight:700 !important;
}
body.modern-workspace-v56 .stage-ribbon-more{
  top:9px !important;
  right:9px !important;
  width:108px !important;
  height:46px !important;
  min-height:46px !important;
  gap:8px !important;
  border-radius:9px !important;
}
body.modern-workspace-v56 .stage-ribbon-more .alya-ui-icon{width:20px;height:20px}
body.modern-workspace-v56 .stage-ribbon-more .alya-icon-label{font-size:10.5px;font-weight:700;line-height:1.1;text-align:left}

/* Çalışma alanı ve panel hiyerarşisi */
@media (min-width:1200px){
  body.modern-workspace-v56 .main.v27-main{grid-template-columns:272px minmax(0,1fr) 304px !important;gap:10px !important}
}
@media (min-width:1600px){
  body.modern-workspace-v56 .main.v27-main{grid-template-columns:288px minmax(0,1fr) 332px !important}
}
body.modern-workspace-v56 .sidebar.v27-sidebar-left,
body.modern-workspace-v56 #rightSidebar{border-radius:14px !important;background:var(--v56-panel) !important}
body.modern-workspace-v56 .stage-side-head,
body.modern-workspace-v56 #rightSidebar .rs-head{min-height:50px !important;padding:8px 10px !important}
body.modern-workspace-v56 .stage-side-title{display:flex !important;align-items:center !important;gap:8px !important}
body.modern-workspace-v56 .alya-workspace-mark{
  width:30px;height:30px;display:grid;place-items:center;border-radius:9px;
  background:linear-gradient(135deg,#25b8ee,#0878bd);color:#fff;font-size:16px;font-weight:800;
  box-shadow:0 4px 12px rgba(14,160,220,.26)
}
body.modern-workspace-v56 .stage-side-title>span:last-child{display:flex;flex-direction:column;line-height:1.05}
body.modern-workspace-v56 .stage-side-title b{font-size:12px;letter-spacing:.4px}
body.modern-workspace-v56 .stage-side-title small{margin-top:3px;color:#9fc5df;font-size:8.5px;font-weight:500;letter-spacing:.2px}
body.modern-workspace-v56 .alya-panel-heading{min-width:0;display:flex;flex-direction:column;line-height:1.05}
body.modern-workspace-v56 .alya-panel-heading .rs-title{font-size:12px !important;font-weight:750 !important}
body.modern-workspace-v56 .alya-panel-heading small{margin-top:4px;color:#a8c6dc;font-size:8.5px}
body.modern-workspace-v56 .stage-collapse .alya-ui-icon,
body.modern-workspace-v56 #rightSidebar .rs-head button .alya-ui-icon{width:16px;height:16px}

body.modern-workspace-v56 .side-tabs{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  padding:10px !important;
  gap:7px !important;
  border-bottom:1px solid var(--v56-line) !important;
}
body.modern-workspace-v56 .side-tabs .side-tab{
  min-height:40px !important;
  gap:7px !important;
  border:1px solid #d8e2ea !important;
  background:#fff !important;
  color:#385064 !important;
  font-size:10.5px !important;
  font-weight:700 !important;
}
body.modern-workspace-v56 .side-tabs .side-tab .alya-ui-icon{width:16px;height:16px;flex-basis:16px;color:#5c7487}
body.modern-workspace-v56 .side-tabs .side-tab:hover{border-color:#7fc8ec !important;background:#eef8fe !important}
body.modern-workspace-v56 .side-tabs .side-tab.on{
  background:#e4f5ff !important;
  border-color:#32a9e3 !important;
  color:#075f98 !important;
  box-shadow:inset 3px 0 0 #149dd7 !important;
}
body.modern-workspace-v56 .side-tabs .side-tab.on .alya-ui-icon{color:#0782c1}
body.modern-workspace-v56 .alya-layer-manager-title{padding:9px 10px !important;min-height:36px !important}
body.modern-workspace-v56 .layer-quickbar{padding:7px 8px !important;gap:5px !important}
body.modern-workspace-v56 .layer-quickbar .lq-sep{display:none !important}
body.modern-workspace-v56 .layer-quickbar .lq-btn{
  width:29px !important;min-width:29px !important;height:30px !important;min-height:30px !important;
  border-radius:8px !important;background:#fff !important;border:1px solid #d4dee7 !important;color:#29465d !important
}
body.modern-workspace-v56 .layer-quickbar .lq-btn:hover{background:#eaf7ff !important;border-color:#58b8e7 !important;color:#087dbb !important}
body.modern-workspace-v56 .layer-quickbar .lq-btn .alya-ui-icon{width:16px;height:16px}
body.modern-workspace-v56 #side-panel-layers .layer-header .lg-ico .alya-ui-icon{width:15px;height:15px;color:#4f7188}

/* Sağ yardımcı panel: kırılmayan etiketler ve daha açık kartlar */
body.modern-workspace-v56 #rightSidebar .rs-body{padding:10px !important;background:#f5f8fb !important}
body.modern-workspace-v56 #rightSidebar .rs-body .layer-box,
body.modern-workspace-v56 #rightSidebar .rs-body .panel-section,
body.modern-workspace-v56 #rightSidebar .rs-body .section-card{
  margin:0 0 10px !important;
  padding:10px !important;
  border:1px solid #d9e3eb !important;
  border-radius:11px !important;
  background:#fff !important;
  box-shadow:0 2px 7px rgba(22,48,69,.05) !important;
}
body.modern-workspace-v56 #rightSidebar button{min-height:34px;border-radius:8px !important}
body.modern-workspace-v56 #rightSidebar input,
body.modern-workspace-v56 #rightSidebar select,
body.modern-workspace-v56 #rightSidebar textarea{min-height:34px;border-radius:8px !important;border-color:#d2dee7 !important}
body.modern-workspace-v56 #rightSidebar label,
body.modern-workspace-v56 #rightSidebar .muted,
body.modern-workspace-v56 #rightSidebar small{line-height:1.35}
body.modern-workspace-v56 #rightSidebar .rp-row>label:only-child{
  grid-column:1/-1 !important;
  width:100% !important;
  display:flex !important;
  align-items:flex-start !important;
  gap:8px !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  line-height:1.35 !important;
}
body.modern-workspace-v56 #rightSidebar .rp-row>label:only-child input[type="checkbox"]{
  flex:0 0 auto !important;
  margin-top:1px !important;
}

/* Flyout'lar da aynı modern dilde */
body.modern-workspace-v56 .stage-modern-flyout{border-radius:14px;border-color:#bfd0dd;box-shadow:0 18px 46px rgba(7,27,45,.24)}
body.modern-workspace-v56 .stage-ribbon-action-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
body.modern-workspace-v56 .stage-action-proxy{min-height:48px;border-radius:10px;padding:8px 10px}

@media (max-width:1280px){
  body.modern-workspace-v56 .quick-access .qa-command-search{width:34px !important;flex-basis:34px !important;padding:0 !important}
  body.modern-workspace-v56 .quick-access .qa-command-search .alya-icon-label{display:none}
  body.modern-workspace-v56 .stage-menu-scroll > button{padding:0 8px !important;gap:5px !important}
}
@media (max-width:1080px){
  body.modern-workspace-v56 .main.v27-main{grid-template-columns:248px minmax(0,1fr) 278px !important}
  body.modern-workspace-v56 .quick-access #qaUndo,
  body.modern-workspace-v56 .quick-access #qaRedo{display:none !important}
  body.modern-workspace-v56 .stage-ribbon-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* =========================================================
   ALYA GIS — INNOVATIVE WORKSPACE V57
   Görev odaklı çalışma alanları, erişilebilir hedefler ve
   bağlamsal araç yardımı. Uygulama motoru/kimlikleri değişmez.
   ========================================================= */
body.modern-workspace-v57{
  --alya-accent:#21b4ea;
  --alya-accent-2:#7c5cff;
  --alya-ink:#102538;
  --alya-muted:#667c8e;
  --alya-surface:#f7f9fc;
  --alya-border:#d7e1e9;
  --alya-night:#07192d;
  --alya-night-2:#0b2946;
  --alya-focus:#53c9f5;
}
body.modern-workspace-v57 .header{
  background:
    radial-gradient(circle at 20% -70%,rgba(31,178,232,.23),transparent 38%),
    linear-gradient(180deg,#071628 0%,#081d33 100%) !important;
}
body.modern-workspace-v57 .menubar.v27-menubar{
  border:1px solid rgba(114,180,224,.28) !important;
  background:linear-gradient(105deg,#081b31 0%,#0b2845 54%,#07192d 100%) !important;
}
body.modern-workspace-v57 .stage-menu-navigation{min-width:0 !important}
body.modern-workspace-v57 .stage-menu-scroll{gap:5px !important}
body.modern-workspace-v57 .stage-menu-scroll>button{
  min-height:34px !important;height:34px !important;padding:0 11px !important;border-radius:10px !important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease !important;
}
body.modern-workspace-v57 .stage-menu-scroll>button:hover{transform:translateY(-1px)}
body.modern-workspace-v57 .stage-menu-scroll>button.active,
body.modern-workspace-v57 .stage-menu-scroll>button.on{
  background:linear-gradient(135deg,#168ccc,#1571bd) !important;
  border-color:#78d8fa !important;
  box-shadow:0 5px 14px rgba(8,116,184,.3) !important;
}
body.modern-workspace-v57 .alya-v57-icon{
  width:18px;height:18px;display:block;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;pointer-events:none;
}
body.modern-workspace-v57 .alya-v57-top-dock{height:34px;display:flex;align-items:stretch;gap:5px;flex:0 0 auto}
body.modern-workspace-v57 .alya-v57-top-button{
  min-height:34px;height:34px;padding:0 9px;display:flex;align-items:center;gap:7px;border:1px solid #3d6484;
  border-radius:10px;background:rgba(11,48,79,.9);color:#eff9ff;cursor:pointer;
}
body.modern-workspace-v57 .alya-v57-top-button:hover,
body.modern-workspace-v57 .alya-v57-top-button[aria-expanded="true"]{background:#14547f;border-color:#66c9f1}
body.modern-workspace-v57 .alya-v57-top-button>span{display:flex;flex-direction:column;align-items:flex-start;line-height:1}
body.modern-workspace-v57 .alya-v57-top-button small{font-size:7.5px;color:#9fc8df;text-transform:uppercase;letter-spacing:.55px}
body.modern-workspace-v57 .alya-v57-top-button b{margin-top:3px;font-size:10.5px;font-weight:750}
body.modern-workspace-v57 .alya-v57-top-icon{width:34px;min-width:34px;padding:0;justify-content:center}
body.modern-workspace-v57 .stage-menu-more{height:34px !important;min-height:34px !important;border-radius:10px !important}

body.modern-workspace-v57 #toolRibbon.v27-ribbon{
  min-height:68px !important;height:68px !important;padding:6px 134px 6px 6px !important;
  border-color:rgba(102,170,214,.3) !important;
  background:linear-gradient(102deg,#0a2540,#0b2c4a 62%,#091f37) !important;
}
body.modern-workspace-v57 #toolRibbon .rp.on,
body.modern-workspace-v57 #toolRibbon .rp.on>.rg.modern-primary-group{height:56px !important}
body.modern-workspace-v57 #toolRibbon .rg .rg-body{height:56px !important;gap:6px !important}
body.modern-workspace-v57 #toolRibbon .rb{
  width:52px !important;min-width:52px !important;flex-basis:52px !important;height:54px !important;min-height:54px !important;
  border-radius:11px !important;border-color:#c8d9e5 !important;background:linear-gradient(180deg,#fff,#f1f6fa) !important;
  transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease !important;
}
body.modern-workspace-v57 #toolRibbon .rb:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(2,22,38,.22) !important}
body.modern-workspace-v57 #toolRibbon .rb.on{background:linear-gradient(145deg,#168dcc,#126eb3) !important;border-color:#76d9fa !important}
body.modern-workspace-v57 .stage-ribbon-more{
  top:9px !important;right:9px !important;width:116px !important;height:50px !important;min-height:50px !important;
  border-radius:11px !important;background:linear-gradient(135deg,#154f79,#123a61) !important;
}
body.modern-workspace-v57 .stage-ribbon-more:hover{background:linear-gradient(135deg,#1b70a4,#164d79) !important}

body.modern-workspace-v57 .main.v27-main{background:linear-gradient(145deg,#eaf0f5,#f5f8fa) !important}
body.modern-workspace-v57 .sidebar.v27-sidebar-left,
body.modern-workspace-v57 #rightSidebar{
  border:1px solid #cfdae3 !important;border-radius:16px !important;
  box-shadow:0 7px 24px rgba(16,44,66,.09) !important;
}
body.modern-workspace-v57 #map{border-radius:16px !important;box-shadow:0 7px 24px rgba(16,44,66,.08) !important}
body.modern-workspace-v57 .side-tabs .side-tab{min-height:42px !important;border-radius:11px !important}
body.modern-workspace-v57 .layer-quickbar .lq-btn{min-width:32px !important;width:32px !important;min-height:32px !important;height:32px !important}
body.modern-workspace-v57 #rightSidebar button{min-height:36px !important}
body.modern-workspace-v57 #rightSidebar button .alya-v57-context-icon{display:inline-grid;place-items:center;color:#1688c6}
body.modern-workspace-v57 #rightSidebar button .alya-v57-context-icon .alya-v57-icon{width:17px;height:17px}
body.modern-workspace-v57 #rightSidebar input,
body.modern-workspace-v57 #rightSidebar select,
body.modern-workspace-v57 #rightSidebar textarea{min-height:36px !important}

.alya-v57-popover{
  position:fixed;z-index:12050;display:none;overflow:hidden;border:1px solid #b9cbd8;border-radius:16px;
  background:rgba(251,253,255,.985);color:#142b3d;box-shadow:0 22px 58px rgba(4,23,39,.28);backdrop-filter:blur(18px);
}
.alya-v57-popover.open{display:block;animation:alya-v57-pop .16s ease-out}
@keyframes alya-v57-pop{from{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:none}}
.alya-v57-popover-head{min-height:64px;padding:13px 15px;display:flex;align-items:center;gap:11px;background:linear-gradient(120deg,#0b2946,#113e64);color:#fff}
.alya-v57-popover-head>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:rgba(67,195,242,.16);color:#78dafc}
.alya-v57-popover-head>div{display:flex;flex-direction:column;min-width:0}
.alya-v57-popover-head b{font-size:13px}.alya-v57-popover-head small{margin-top:4px;color:#afcde1;font-size:9.5px}
.alya-workspace-grid{padding:9px;display:grid;gap:5px}
.alya-workspace-option{
  width:100%;min-height:56px;padding:7px 10px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;
  border:1px solid transparent;border-radius:11px;background:transparent;color:#193348;text-align:left;cursor:pointer;
}
.alya-workspace-option:hover{background:#eef8fe;border-color:#a9d9f0}
.alya-workspace-option.is-current{background:linear-gradient(90deg,#e5f6ff,#f4f3ff);border-color:#64c5ed;box-shadow:inset 3px 0 0 #169bd7}
.alya-workspace-option>.alya-v57-icon{width:21px;height:21px;margin:auto;color:#1687c5}
.alya-workspace-option>span{display:flex;flex-direction:column}.alya-workspace-option b{font-size:12px}.alya-workspace-option small{margin-top:3px;color:#6b7f90;font-size:9.5px}
.alya-workspace-option kbd{padding:4px 6px;border:1px solid #ced9e1;border-bottom-width:2px;border-radius:6px;background:#fff;color:#637787;font-size:8.5px}
.alya-v57-popover-foot{min-height:38px;padding:8px 13px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #dfe7ed;background:#f4f7f9;color:#647887;font-size:9px}
.alya-v57-popover-foot span{display:flex;align-items:center;gap:5px}.alya-v57-popover-foot .alya-v57-icon{width:14px;height:14px}
.alya-view-popover section{padding:12px 14px;border-bottom:1px solid #e1e8ed}.alya-view-popover section>label:first-child{display:block;margin-bottom:8px;color:#344f63;font-size:10px;font-weight:750}
.alya-density-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:4px;border-radius:10px;background:#eaf0f4}
.alya-density-switch button{min-height:34px;border:1px solid transparent;border-radius:8px;background:transparent;color:#536b7c;font-size:10px;font-weight:700;cursor:pointer}
.alya-density-switch button:hover{background:#f8fbfd}.alya-density-switch button.is-current{background:#fff;border-color:#8acbea;color:#087bb7;box-shadow:0 2px 7px rgba(25,70,98,.12)}
.alya-view-options{display:grid;gap:9px}.alya-view-options label{display:flex !important;align-items:center;gap:8px;color:#344f63;font-size:10.5px}.alya-view-options input{accent-color:#149bd7}

body.modern-workspace-v57 .alya-context-bar{
  position:absolute;left:50%;bottom:14px;z-index:790;transform:translateX(-50%);max-width:calc(100% - 36px);min-height:48px;
  padding:6px 7px 6px 8px;display:flex;align-items:center;gap:9px;border:1px solid rgba(112,154,183,.55);border-radius:14px;
  background:rgba(8,27,46,.91);color:#edf8ff;box-shadow:0 12px 30px rgba(2,20,34,.25);backdrop-filter:blur(13px);
}
body.modern-workspace-v57 .alya-context-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(34,174,225,.17);color:#6bd7fb}
body.modern-workspace-v57 .alya-context-copy{min-width:130px;display:flex;flex-direction:column;line-height:1.05}
body.modern-workspace-v57 .alya-context-copy b{font-size:11px}.alya-context-copy small{margin-top:4px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#afc9dc;font-size:8.5px}
body.modern-workspace-v57 .alya-context-shortcuts{display:flex;align-items:center;gap:5px;padding-left:8px;border-left:1px solid rgba(137,179,207,.28);white-space:nowrap}
body.modern-workspace-v57 .alya-context-shortcuts kbd{padding:3px 5px;border:1px solid #4b6d87;border-bottom-width:2px;border-radius:5px;background:#102f4c;color:#d9f1ff;font-size:8px}
body.modern-workspace-v57 .alya-context-shortcuts em{color:#9fbbcf;font-size:8px;font-style:normal}
body.modern-workspace-v57 #alyaContextCancel{width:32px;min-width:32px;height:32px;border:0;border-radius:9px;background:transparent;color:#b9d2e3;cursor:pointer}
body.modern-workspace-v57 #alyaContextCancel:hover{background:#184a70;color:#fff}
body.alya-context-hidden #alyaContextBar{display:none !important}
body.alya-ribbon-hidden #toolRibbon{display:none !important}
body.alya-ribbon-hidden .header{padding-bottom:7px !important}

.alya-v57-toast{position:fixed;left:50%;bottom:31px;z-index:13000;transform:translate(-50%,18px);padding:9px 14px;border-radius:10px;background:#092945;color:#fff;font-size:10.5px;opacity:0;pointer-events:none;transition:.18s ease;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.alya-v57-toast.show{opacity:1;transform:translate(-50%,0)}

body.modern-workspace-v57 :where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--alya-focus) !important;outline-offset:2px !important}
body.alya-reduce-motion *,body.alya-reduce-motion *:before,body.alya-reduce-motion *:after{animation-duration:.001ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;transition-duration:.001ms !important}

body.modern-workspace-v57[data-alya-density="balanced"] #toolRibbon.v27-ribbon{height:62px !important;min-height:62px !important}
body.modern-workspace-v57[data-alya-density="balanced"] #toolRibbon .rb{height:49px !important;min-height:49px !important}
body.modern-workspace-v57[data-alya-density="balanced"] #toolRibbon .rp.on,
body.modern-workspace-v57[data-alya-density="balanced"] #toolRibbon .rp.on>.rg.modern-primary-group,
body.modern-workspace-v57[data-alya-density="balanced"] #toolRibbon .rg .rg-body{height:50px !important}
body.modern-workspace-v57[data-alya-density="compact"] #toolRibbon.v27-ribbon{height:56px !important;min-height:56px !important}
body.modern-workspace-v57[data-alya-density="compact"] #toolRibbon .rb{width:46px !important;min-width:46px !important;flex-basis:46px !important;height:44px !important;min-height:44px !important}
body.modern-workspace-v57[data-alya-density="compact"] #toolRibbon .rp.on,
body.modern-workspace-v57[data-alya-density="compact"] #toolRibbon .rp.on>.rg.modern-primary-group,
body.modern-workspace-v57[data-alya-density="compact"] #toolRibbon .rg .rg-body{height:44px !important}
body.modern-workspace-v57[data-alya-density="compact"] .side-tabs .side-tab{min-height:36px !important}
body.modern-workspace-v57[data-alya-density="compact"] #rightSidebar button,
body.modern-workspace-v57[data-alya-density="compact"] #rightSidebar input,
body.modern-workspace-v57[data-alya-density="compact"] #rightSidebar select{min-height:32px !important}

@media (max-width:1500px){
  body.modern-workspace-v57 .alya-v57-top-button>span{display:none}
  body.modern-workspace-v57 #alyaWorkspaceButton{width:36px;min-width:36px;padding:0;justify-content:center}
  body.modern-workspace-v57 .stage-menu-scroll>button{padding-left:8px !important;padding-right:8px !important;gap:4px !important}
  body.modern-workspace-v57 .stage-menubar-tools #stageFitWork{width:36px !important;min-width:36px !important;padding:0 !important;font-size:0 !important}
  body.modern-workspace-v57 .stage-menubar-tools #stageFitWork:after{content:'⌖';font-size:17px;line-height:1}
}
@media (max-width:1180px){
  body.modern-workspace-v57 .alya-v57-top-dock{display:none}
  body.modern-workspace-v57 .alya-context-shortcuts{display:none}
}
@media (max-width:900px){body.modern-workspace-v57 .alya-context-copy small{max-width:150px}}

/* V57 canlı panel QA düzeltmeleri: sabit 260px sınırını kaldır, içerikleri sütuna sığdır. */
@media (min-width:1200px){
  body.modern-workspace-v57 .main.v27-main{
    grid-template-columns:272px minmax(0,1fr) 320px !important;
    gap:10px !important;
  }
}
@media (min-width:1600px){
  body.modern-workspace-v57 .main.v27-main{
    grid-template-columns:292px minmax(0,1fr) 344px !important;
  }
}
body.modern-workspace-v57 .main.v27-main>.sidebar.v27-sidebar-left,
body.modern-workspace-v57 .main.v27-main>#rightSidebar{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
}
body.modern-workspace-v57 #rightSidebar,
body.modern-workspace-v57 #rightSidebar .rs-body,
body.modern-workspace-v57 #rightSidebar .rs-section,
body.modern-workspace-v57 #rightSidebar .rs-section>*{
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}
body.modern-workspace-v57 #rightSidebar .rs-body{overflow-x:hidden !important}
body.modern-workspace-v57 #rightSidebar .rs-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
body.modern-workspace-v57 #rightSidebar .rs-btn{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
}
body.modern-workspace-v57 #rightSidebar :is(input,select,textarea,table){
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}
body.modern-workspace-v57 #rightSidebar table{display:block;overflow-x:auto}

/* Araç Merkezi kategori bazlıdır; tek kategori açılır ve sağ paneli kapatmaz. */
body.modern-workspace-v57 .stage-ribbon-flyout{
  max-height:min(440px,calc(100vh - 150px)) !important;
  padding:9px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}
body.modern-workspace-v57 .stage-ribbon-section{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}
body.modern-workspace-v57 .stage-ribbon-section+.stage-ribbon-section{margin-top:5px !important}
body.modern-workspace-v57 .stage-ribbon-section-toggle{
  position:relative;
  width:100%;
  min-height:40px !important;
  padding:0 38px 0 12px;
  border:1px solid #d5e0e8;
  border-radius:9px;
  background:#f4f8fb;
  color:#23445c;
  font-size:11px;
  font-weight:800;
  letter-spacing:.25px;
  text-align:left;
  cursor:pointer;
}
body.modern-workspace-v57 .stage-ribbon-section-toggle:after{
  content:'+';
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  color:#1188c6;
  font-size:18px;
  font-weight:500;
}
body.modern-workspace-v57 .stage-ribbon-section.is-open>.stage-ribbon-section-toggle{
  border-color:#7bc8ea;
  background:#eaf7fd;
  color:#0d6f9f;
}
body.modern-workspace-v57 .stage-ribbon-section.is-open>.stage-ribbon-section-toggle:after{content:'−'}
body.modern-workspace-v57 .stage-ribbon-section>.stage-ribbon-action-grid{display:none}
body.modern-workspace-v57 .stage-ribbon-section.is-open>.stage-ribbon-action-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
  padding:7px 2px 3px;
}
body.modern-workspace-v57 .stage-ribbon-action-grid :is(.stage-action-proxy,.stage-style-swatch){
  min-width:0;
  max-width:100%;
  min-height:40px;
}

@media (max-width:1500px){
  body.modern-workspace-v57 .alya-context-shortcuts{display:none}
}
@media (max-width:980px){
  body.modern-workspace-v57 .stage-ribbon-section.is-open>.stage-ribbon-action-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

/* =========================================================
   ALYA GIS V57 — PROFESSIONAL DARK MAP WORKSPACE
   Referans alınan modern CBS düzeni: harita merkezde, paneller
   sakin koyu yüzeylerde, tek mavi vurgu ve güçlü okunabilirlik.
   ========================================================= */
body.modern-workspace-v57.stage-compact-shell{
  --alya-dark-0:#07111d;
  --alya-dark-1:#0c1723;
  --alya-dark-2:#111f2d;
  --alya-dark-3:#172837;
  --alya-dark-line:#2a3e4e;
  --alya-dark-text:#e7f0f7;
  --alya-dark-muted:#91a5b5;
  --alya-dark-blue:#3488f6;
  color-scheme:dark;
  background:var(--alya-dark-0) !important;
}
body.modern-workspace-v57.stage-compact-shell .main.v27-main{
  background:linear-gradient(145deg,#07111d,#0a1723) !important;
}
body.modern-workspace-v57.stage-compact-shell .v27-sidebar-left,
body.modern-workspace-v57.stage-compact-shell #rightSidebar{
  border-color:var(--alya-dark-line) !important;
  background:linear-gradient(180deg,#111d29,#0d1824) !important;
  color:var(--alya-dark-text) !important;
  box-shadow:0 12px 32px rgba(0,0,0,.28) !important;
}
body.modern-workspace-v57.stage-compact-shell .stage-side-head,
body.modern-workspace-v57.stage-compact-shell #rightSidebar .rs-head{
  min-height:54px !important;
  border-bottom:1px solid var(--alya-dark-line) !important;
  background:linear-gradient(180deg,#172736,#111e2b) !important;
}
body.modern-workspace-v57.stage-compact-shell .stage-side-head :is(b,span),
body.modern-workspace-v57.stage-compact-shell #rightSidebar .rs-head :is(b,span){color:var(--alya-dark-text) !important}
body.modern-workspace-v57.stage-compact-shell .stage-collapse,
body.modern-workspace-v57.stage-compact-shell #rightSidebar .rs-toggle{
  border-color:#344b5d !important;
  background:#1a2b3b !important;
  color:#dceaf4 !important;
}
body.modern-workspace-v57.stage-compact-shell .side-tabs{
  padding:10px !important;
  background:#0f1a26 !important;
}
body.modern-workspace-v57.stage-compact-shell .side-tabs .side-tab{
  border-color:#2a3e4e !important;
  background:#152330 !important;
  color:#aebdca !important;
  box-shadow:none !important;
}
body.modern-workspace-v57.stage-compact-shell .side-tabs .side-tab:hover{
  border-color:#45637a !important;
  background:#1a2c3c !important;
  color:#fff !important;
}
body.modern-workspace-v57.stage-compact-shell .side-tabs .side-tab.on{
  border-color:#4795ff !important;
  background:linear-gradient(135deg,#234e82,#1c3b67) !important;
  color:#fff !important;
  box-shadow:inset 3px 0 0 #55a2ff !important;
}
body.modern-workspace-v57.stage-compact-shell .side-panel,
body.modern-workspace-v57.stage-compact-shell #rightSidebar .rs-body{
  background:#0f1a26 !important;
  color:var(--alya-dark-text) !important;
}
body.modern-workspace-v57.stage-compact-shell .stage-layer-search,
body.modern-workspace-v57.stage-compact-shell .layer-quickbar,
body.modern-workspace-v57.stage-compact-shell .layer-group{
  border-color:#283b4a !important;
  background:#14222f !important;
  color:var(--alya-dark-text) !important;
  box-shadow:none !important;
}
body.modern-workspace-v57.stage-compact-shell .stage-layer-search input{
  border-color:#344a5b !important;
  background:#0e1925 !important;
  color:#eef6fb !important;
}
body.modern-workspace-v57.stage-compact-shell .stage-layer-search input::placeholder{color:#7f94a5}
body.modern-workspace-v57.stage-compact-shell .layer-quickbar .lq-btn{
  border-color:#304657 !important;
  background:#192a39 !important;
  color:#d7e4ed !important;
}
body.modern-workspace-v57.stage-compact-shell .layer-quickbar .lq-btn:hover{
  border-color:#4d91d6 !important;
  background:#21384c !important;
  color:#fff !important;
}
body.modern-workspace-v57.stage-compact-shell .layer-header{
  border-color:#293c4c !important;
  background:#172633 !important;
  color:#dce8f0 !important;
}
body.modern-workspace-v57.stage-compact-shell .layer-list{background:#111e2a !important}
body.modern-workspace-v57.stage-compact-shell .layer-item{
  border-color:rgba(137,164,184,.12) !important;
  background:#111e2a !important;
  color:#cbd8e2 !important;
}
body.modern-workspace-v57.stage-compact-shell .layer-item:hover{background:#182a3a !important;color:#fff !important}
body.modern-workspace-v57.stage-compact-shell .layer-item.selected,
body.modern-workspace-v57.stage-compact-shell .layer-item.active{
  border-left-color:#4d96ff !important;
  background:linear-gradient(90deg,#1e4673,#193249) !important;
  color:#fff !important;
}

/* Sağ görev panelindeki tüm kartlar aynı koyu yüzey sistemini kullanır. */
body.modern-workspace-v57.stage-compact-shell #rightSidebar :is(.rs-section,.rp-section,.rp-block,.dp-sec,.dp-box,.project-card,.an-props,.an-box,.surfer-props){
  border-color:#2a3e4e !important;
  background:#14222f !important;
  color:var(--alya-dark-text) !important;
  box-shadow:none !important;
}
body.modern-workspace-v57.stage-compact-shell #rightSidebar :is(.rs-section-title,.rp-h,.rp-block-title,.dp-h,.dp-list-title,.an-lbl,.rp-lbl,.dp-lbl,label){
  color:#b9c8d4 !important;
}
body.modern-workspace-v57.stage-compact-shell #rightSidebar :is(.muted,.hint,.rp-note,.dp-note,.dp-sub,small){color:#8297a8 !important}
body.modern-workspace-v57.stage-compact-shell #rightSidebar :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  border-color:#354b5d !important;
  background:#0d1925 !important;
  color:#eef5fa !important;
  box-shadow:none !important;
}
body.modern-workspace-v57.stage-compact-shell #rightSidebar :is(input,select,textarea):focus{
  border-color:#4b94f4 !important;
  outline:none !important;
  box-shadow:0 0 0 2px rgba(52,136,246,.2) !important;
}
body.modern-workspace-v57.stage-compact-shell #rightSidebar button:not(.primary):not(.anv3-run):not(.anv3-tab.active):not(.anv3-src-btn.active):not(.anv3-surf-btn.active){
  border-color:#304657 !important;
  background:#192a39 !important;
  color:#d8e4ec !important;
  box-shadow:none !important;
}
body.modern-workspace-v57.stage-compact-shell #rightSidebar button:not(.primary):not(.anv3-run):hover{
  border-color:#4a6b83 !important;
  background:#21384b !important;
  color:#fff !important;
}

/* Analiz paneli: beyaz kart karışımını kaldır ve eylemleri tam okunur tut. */
body.modern-workspace-v57.stage-compact-shell #rightSidebar .anv3,
body.modern-workspace-v57.stage-compact-shell #rightSidebar .anv3-scroll{
  background:#0f1a26 !important;
  color:var(--alya-dark-text) !important;
}
body.modern-workspace-v57.stage-compact-shell #rightSidebar .anv3-acc{
  border-color:#2a3e4e !important;
  background:#14222f !important;
  box-shadow:none !important;
}
body.modern-workspace-v57.stage-compact-shell #rightSidebar .anv3-acc-hdr{background:#14222f !important}
body.modern-workspace-v57.stage-compact-shell #rightSidebar .anv3-acc-title{color:#dce8f0 !important}
body.modern-workspace-v57.stage-compact-shell #rightSidebar .anv3-lbl,
body.modern-workspace-v57.stage-compact-shell #rightSidebar .anv3-chk{color:#aebfcb !important}
body.modern-workspace-v57.stage-compact-shell #rightSidebar .anv3-src{
  border:1px solid #263b4b !important;
  background:#101d29 !important;
}
body.modern-workspace-v57.stage-compact-shell #rightSidebar .anv3-src-btn,
body.modern-workspace-v57.stage-compact-shell #rightSidebar .anv3-fill-btn,
body.modern-workspace-v57.stage-compact-shell #rightSidebar .anv3-surf-btn{
  border-color:#304657 !important;
  background:#192a39 !important;
  color:#c6d4de !important;
}
body.modern-workspace-v57.stage-compact-shell #rightSidebar .anv3-src-btn.active,
body.modern-workspace-v57.stage-compact-shell #rightSidebar .anv3-fill-btn.active,
body.modern-workspace-v57.stage-compact-shell #rightSidebar .anv3-surf-btn.active{
  border-color:#4c96f7 !important;
  background:#1d4673 !important;
  color:#fff !important;
}
body.modern-workspace-v57.stage-compact-shell #rightSidebar .anv3-src-btn--report{
  border-color:#355b7c !important;
  background:linear-gradient(135deg,#17324b,#152737) !important;
}
body.modern-workspace-v57.stage-compact-shell #rightSidebar .anv3-src-btn--report :is(.anv3-src-main,.anv3-src-sub){color:#cce4f5 !important}
body.modern-workspace-v57.stage-compact-shell #rightSidebar .anv3-ready-intro,
body.modern-workspace-v57.stage-compact-shell #rightSidebar .anv3-source-guide,
body.modern-workspace-v57.stage-compact-shell #rightSidebar .anv3-note{
  border-color:#2e4658 !important;
  background:#142737 !important;
  color:#aebfcb !important;
}
body.modern-workspace-v57.stage-compact-shell #rightSidebar .anv3-actions{
  grid-template-columns:42px minmax(0,1fr) !important;
  border-color:#2a3e4e !important;
  background:#0f1a26 !important;
  box-shadow:0 -12px 24px rgba(0,0,0,.26) !important;
}
body.modern-workspace-v57.stage-compact-shell #rightSidebar .anv3-actions.has-update{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
body.modern-workspace-v57.stage-compact-shell #rightSidebar .anv3-actions .anv3-run{grid-column:1 / -1 !important}
body.modern-workspace-v57.stage-compact-shell #rightSidebar .anv3-actions :is(.anv3-clr,.anv3-save){
  border-color:#355064 !important;
  background:#1a2d3d !important;
  color:#e3edf4 !important;
}
body.modern-workspace-v57.stage-compact-shell #rightSidebar .anv3-pal-lbl{color:#c4d1da !important}
body.modern-workspace-v57.stage-compact-shell #rightSidebar .anv3-pal-item:hover,
body.modern-workspace-v57.stage-compact-shell #rightSidebar .anv3-pal-sel{background:#1a2d3d !important}

/* Harita ve yüzen menüler referanstaki gibi yüzeyden ayrılır. */
body.modern-workspace-v57.stage-compact-shell #map{
  border-color:#2b4050 !important;
  box-shadow:0 14px 38px rgba(0,0,0,.32) !important;
}
body.modern-workspace-v57 .stage-modern-flyout,
body.modern-workspace-v57 .alya-v57-popover{
  border-color:#344b5e !important;
  background:rgba(16,29,41,.985) !important;
  color:#e6eff5 !important;
  box-shadow:0 22px 58px rgba(0,0,0,.42) !important;
}
body.modern-workspace-v57 .stage-flyout-heading{color:#94aabb !important}
body.modern-workspace-v57 .stage-action-proxy,
body.modern-workspace-v57 .stage-style-swatch{
  border-color:#304657 !important;
  background:#192a39 !important;
  color:#dce8ef !important;
}
body.modern-workspace-v57 .stage-action-proxy:hover,
body.modern-workspace-v57 .stage-style-swatch:hover{border-color:#4a91e9 !important;background:#203b55 !important}
body.modern-workspace-v57 .stage-action-proxy small{color:#899dac !important}
body.modern-workspace-v57 .stage-action-proxy-icon{width:20px;height:20px;display:grid;place-items:center;color:#6ab7ff}
body.modern-workspace-v57 .stage-action-proxy-icon svg{width:18px;height:18px}
body.modern-workspace-v57 .stage-ribbon-section-toggle{
  border-color:#304657 !important;
  background:#172735 !important;
  color:#d7e4ec !important;
}
body.modern-workspace-v57 .stage-ribbon-section.is-open>.stage-ribbon-section-toggle{
  border-color:#4c92e8 !important;
  background:#1b3c60 !important;
  color:#fff !important;
}

/* Üst araç çubuğu: beyaz kutular yerine referanstaki koyu, sakin komut şeridi. */
body.modern-workspace-v57 #toolRibbon .rb{
  border-color:transparent !important;
  background:transparent !important;
  color:#dce8f1 !important;
  box-shadow:none !important;
}
body.modern-workspace-v57 #toolRibbon .rb :is(span,b,small){color:inherit !important}
body.modern-workspace-v57 #toolRibbon .rb:hover{
  border-color:#36536a !important;
  background:#172e42 !important;
  color:#fff !important;
  box-shadow:none !important;
}
body.modern-workspace-v57 #toolRibbon .rb.on,
body.modern-workspace-v57 #toolRibbon .rb.active{
  border-color:#4c95f4 !important;
  background:linear-gradient(145deg,#2864ad,#204c83) !important;
  color:#fff !important;
  box-shadow:0 7px 18px rgba(22,88,166,.3) !important;
}
body.modern-workspace-v57 .quick-access .qa-btn,
body.modern-workspace-v57 .quick-access .qa-command-search{
  border-color:#2d4960 !important;
  background:#142a3d !important;
  color:#dfeaf2 !important;
}
body.modern-workspace-v57 .quick-access .qa-btn:hover,
body.modern-workspace-v57 .quick-access .qa-command-search:hover{border-color:#4b80a6 !important;background:#1b3b56 !important}

/* Analiz üst özeti de koyu panel sisteminin parçasıdır. */
body.modern-workspace-v57.stage-compact-shell #rightSidebar .anv3-header{
  border-color:#2a3e4e !important;
  background:#101d29 !important;
  color:#e8f1f7 !important;
  box-shadow:none !important;
}
body.modern-workspace-v57.stage-compact-shell #rightSidebar .anv3-header-top{display:none !important}
body.modern-workspace-v57.stage-compact-shell #rightSidebar .anv3-tabs{
  border:1px solid #2a3e4e !important;
  background:#0c1823 !important;
}
body.modern-workspace-v57.stage-compact-shell #rightSidebar .anv3-tab{
  border:0 !important;
  background:transparent !important;
  color:#93a8b8 !important;
}
body.modern-workspace-v57.stage-compact-shell #rightSidebar .anv3-tab:hover{background:#1a3043 !important;color:#fff !important}
body.modern-workspace-v57.stage-compact-shell #rightSidebar .anv3-tab.active{
  background:#2869bb !important;
  color:#fff !important;
  box-shadow:0 5px 14px rgba(26,102,190,.25) !important;
}
body.modern-workspace-v57.stage-compact-shell #rightSidebar .anv3-summary-item{
  border-color:#2a4051 !important;
  background:#162633 !important;
}
body.modern-workspace-v57.stage-compact-shell #rightSidebar .anv3-summary-k{color:#8398a8 !important}
body.modern-workspace-v57.stage-compact-shell #rightSidebar .anv3-summary-v{color:#eef5f9 !important}
body.modern-workspace-v57.stage-compact-shell .layer-item .li-n{color:#dce7ef !important}
body.modern-workspace-v57.stage-compact-shell .layer-item :is(.li-sub,.li-meta){color:#8197a8 !important}
body.modern-workspace-v57.stage-compact-shell .layer-item.selected .li-n,
body.modern-workspace-v57.stage-compact-shell .layer-item.active .li-n{color:#fff !important}

/* Referans düzen: sol modül rayı + yüzen harita araçları. */
body.modern-workspace-v57 .sidebar.v27-sidebar-left{position:relative !important}
body.modern-workspace-v57 .alya-app-rail{
  position:absolute;inset:0 auto 0 0;z-index:8;width:58px;padding:74px 6px 8px;display:flex;flex-direction:column;align-items:center;gap:5px;
  border-right:1px solid #283b4a;background:linear-gradient(180deg,#0b1722,#0c1824);box-sizing:border-box;
}
body.modern-workspace-v57 .alya-app-rail-button{
  width:46px;min-width:46px;height:48px;min-height:48px;padding:4px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  border:1px solid transparent;border-radius:9px;background:transparent;color:#8fa5b6;cursor:pointer;
}
body.modern-workspace-v57 .alya-app-rail-button .alya-v57-icon{width:19px;height:19px}
body.modern-workspace-v57 .alya-app-rail-button span{font-size:7.5px;font-weight:700;line-height:1}
body.modern-workspace-v57 .alya-app-rail-button:hover{border-color:#304b5f;background:#162b3c;color:#fff}
body.modern-workspace-v57 .alya-app-rail-button.is-active{border-color:#3e8ef7;background:linear-gradient(145deg,#205ea7,#1b477d);color:#fff;box-shadow:0 7px 16px rgba(24,95,176,.28)}
body.modern-workspace-v57 .sidebar.v27-sidebar-left>.stage-side-head,
body.modern-workspace-v57 .sidebar.v27-sidebar-left>.side-tabs,
body.modern-workspace-v57 .sidebar.v27-sidebar-left>.side-panel{margin-left:58px !important;width:calc(100% - 58px) !important;box-sizing:border-box !important}

body.modern-workspace-v57 .alya-map-action-dock{
  position:absolute;left:50%;bottom:12px;z-index:785;transform:translateX(-50%);max-width:calc(100% - 30px);padding:5px;display:flex;align-items:center;gap:3px;
  border:1px solid #334a5b;border-radius:12px;background:rgba(12,25,36,.94);box-shadow:0 13px 32px rgba(0,0,0,.34);backdrop-filter:blur(13px);overflow-x:auto;
}
body.modern-workspace-v57 .alya-map-action-button{
  width:58px;min-width:58px;height:46px;min-height:46px;padding:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  border:1px solid transparent;border-radius:8px;background:transparent;color:#b8c8d4;cursor:pointer;
}
body.modern-workspace-v57 .alya-map-action-button .alya-v57-icon{width:18px;height:18px}
body.modern-workspace-v57 .alya-map-action-button span{font-size:8px;font-weight:700;line-height:1}
body.modern-workspace-v57 .alya-map-action-button:hover{background:#193044;color:#fff}
body.modern-workspace-v57 .alya-map-action-button.is-active{border-color:#397fd0;background:#1b4168;color:#73b6ff}
body.modern-workspace-v57 .alya-map-view-dock{
  position:absolute;left:12px;right:auto;top:50%;z-index:785;transform:translateY(-50%);padding:5px;display:flex;flex-direction:column;gap:3px;
  border:1px solid #334a5b;border-radius:11px;background:rgba(12,25,36,.94);box-shadow:0 12px 28px rgba(0,0,0,.3);backdrop-filter:blur(12px);
}
body.modern-workspace-v57 .alya-map-view-dock button{
  width:36px;min-width:36px;height:36px;min-height:36px;padding:0;border:0;border-radius:7px;background:transparent;color:#c1d0da;font-size:11px;font-weight:800;cursor:pointer;
}
body.modern-workspace-v57 .alya-map-view-dock button:hover{background:#1b354b;color:#fff}
body.modern-workspace-v57 .alya-map-view-dock button.is-active{background:#2466b3;color:#fff}
body.modern-workspace-v57 #alyaContextBar{display:none !important}

@media (min-width:1200px){
  body.modern-workspace-v57 .main.v27-main{grid-template-columns:336px minmax(0,1fr) 320px !important}
  body.modern-workspace-v57 #toolRibbon.v27-ribbon{
    position:fixed !important;left:50% !important;right:auto !important;top:72px !important;z-index:1180 !important;transform:translateX(-50%) !important;
    width:min(760px,calc(100vw - 700px)) !important;min-width:570px !important;height:64px !important;min-height:64px !important;padding:5px 112px 5px 7px !important;
    border-radius:12px !important;box-shadow:0 14px 34px rgba(0,0,0,.34) !important;
  }
  body.modern-workspace-v57 #toolRibbon .rb{width:47px !important;min-width:47px !important;flex-basis:47px !important}
  body.modern-workspace-v57 .stage-ribbon-more{width:102px !important}
  body.modern-workspace-v57 .header{padding-bottom:7px !important}
}
@media (min-width:1600px){body.modern-workspace-v57 .main.v27-main{grid-template-columns:354px minmax(0,1fr) 344px !important}}
@media (max-width:1199px){
  body.modern-workspace-v57 .alya-app-rail{display:none}
  body.modern-workspace-v57 .sidebar.v27-sidebar-left>.stage-side-head,
  body.modern-workspace-v57 .sidebar.v27-sidebar-left>.side-tabs,
  body.modern-workspace-v57 .sidebar.v27-sidebar-left>.side-panel{margin-left:0 !important;width:100% !important}
}
@media (max-width:900px){body.modern-workspace-v57 .alya-map-action-dock{display:none}}

body.modern-workspace-v57.stage-compact-shell #rightSidebar .rs-section-title:empty{display:none !important}
body.modern-workspace-v57.stage-compact-shell #rightSidebar .rs-section:has(.anv3){padding:0 !important;border:0 !important;background:#0f1a26 !important}
body.modern-workspace-v57 #rightSidebar .alya-v57-context-icon{display:inline-grid;place-items:center;flex:0 0 18px;margin-right:5px;vertical-align:middle;color:#6ab7ff}
body.modern-workspace-v57 #rightSidebar .anv3-src-main .alya-v57-context-icon{margin-right:6px}