/* =========================================================
   GEOSCOUT RS ACTIVE LAYER STACK V01
   ========================================================= */

#gsals-panel{
  background:#0b1a17;
  border:1px solid #1a3a30;
  border-radius:6px;
  margin:8px 0;
  font-family:monospace;
  font-size:12px;
  color:#d4e8e0;
  max-width:340px;
}

.gsals-header{
  padding:6px 10px;
  border-bottom:1px solid #1a3a30;
  font-weight:bold;
  font-size:11px;
  letter-spacing:1px;
  color:#7dffe1;
  display:flex;
  align-items:center;
  gap:6px;
}

.gsals-count{
  font-weight:normal;
  color:#4a7a6a;
  font-size:11px;
}

.gsals-toggle{
  margin-left:auto;
  background:none;
  border:none;
  color:#7dffe1;
  cursor:pointer;
  font-size:13px;
  padding:0 2px;
  line-height:1;
  user-select:none;
}

.gsals-toggle:hover{
  color:#aaffdd;
}

.gsals-collapsed .gsals-header{
  border-bottom:none;
}

.gsals-body{
  max-height:260px;
  overflow-y:auto;
}

.gsals-row{
  display:flex;
  align-items:center;
  gap:6px;
  padding:5px 8px;
  border-bottom:1px solid #0f2420;
  cursor:default;
  transition:background 0.15s;
}

.gsals-row:hover{
  background:#0f2420;
}

.gsals-draggable{
  cursor:grab;
}

.gsals-draggable:active{
  cursor:grabbing;
}

.gsals-dragging{
  opacity:0.4;
}

.gsals-drag-handle{
  color:#4a7a6a;
  font-size:14px;
  width:16px;
  text-align:center;
  flex-shrink:0;
  user-select:none;
}

.gsals-locked .gsals-drag-handle{
  color:#333;
  cursor:default;
}

.gsals-label{
  flex:1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.gsals-eye{
  cursor:pointer;
  font-size:13px;
  flex-shrink:0;
  width:20px;
  text-align:center;
  user-select:none;
}

.gsals-eye-on{
  opacity:1;
}

.gsals-eye-off{
  opacity:0.35;
}

.gsals-opacity-val{
  color:#7dffe1;
  font-size:11px;
  width:36px;
  text-align:right;
  flex-shrink:0;
  cursor:pointer;
  user-select:none;
}

.gsals-slider-wrap{
  padding:2px 8px 4px 28px;
}

.gsals-slider{
  width:100%;
  height:4px;
  accent-color:#7dffe1;
}

.gsals-empty{
  padding:12px 10px;
  color:#4a7a6a;
  font-style:italic;
  text-align:center;
}

.gsals-footer{
  padding:6px 8px;
  border-top:1px solid #1a3a30;
  text-align:center;
}

.gsals-restore{
  background:none;
  border:1px solid #1a3a30;
  color:#7dffe1;
  padding:4px 10px;
  border-radius:4px;
  cursor:pointer;
  font-family:monospace;
  font-size:11px;
  transition:background 0.15s;
}

.gsals-restore:hover{
  background:#1a3a30;
}