@define-color selected-text #D4E157;
@define-color text #a8e6a1;
@define-color base #0f1a14;
@define-color border #4CAF50;
@define-color foreground #a8e6a1;
@define-color background #0f1a14;
@define-color hover #2e7d32;
@define-color accent #6bbf7a;

#window {
  background: transparent;
  border-radius: 16px;
}

#window > #box,
#box {
  background: alpha(@background, 0.85);
  color: @text;
  border: 2px solid @border;
  border-radius: 16px;
  padding: 8px;
  margin: 0px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  -gtk-outline-radius: 16px;
}

#search,
.search,
#tray #search,
#tray .search {
  background: alpha(@hover, 0.3);
  color: @foreground;
  border: 1px solid alpha(@border, 0.5);
  border-radius: 12px;
  padding: 8px 12px;
  margin: 4px;
  font-size: 14px;
  font-weight: 500;
}

#search:focus,
.search:focus,
#tray #search:focus,
#tray .search:focus {
  border-color: @border;
  box-shadow: 0 0 0 2px alpha(@border, 0.3);
  outline: none;
}

#bar,
.bar {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
}

#scroll,
.scroll {
  background: transparent;
  border: none;
  border-radius: 8px;
  padding: 4px 0;
}

#list,
.list {
  background: transparent;
  border: none;
  border-radius: 0;
}

#item,
.item {
  background: transparent;
  color: @text;
  border: none;
  border-radius: 10px;
  padding: 1px 10px;
  margin: 1px 0;
  transition: all 0.2s ease;
}

#item:hover,
.item:hover {
  background: alpha(@hover, 0.4);
  color: @foreground;
  transform: translateX(4px);
  border-radius: 10px;
}

#item:selected,
.item:selected,
#item:focus,
.item:focus,
#item:checked,
.item:checked {
  background: @accent;
  color: @selected-text;
  font-weight: 600;
  transform: translateX(6px);
  box-shadow: 0 2px 6px alpha(@accent, 0.3);
  border-radius: 10px;
}

#item:active,
.item:active {
  background: @border;
  color: @background;
  transform: scale(0.98);
}

#item .title {
  color: @foreground;
  font-weight: 500;
  font-size: 13px;
}

#item:selected .title,
.item:selected .title,
#item:focus .title,
.item:focus .title,
#item:checked .title,
.item:checked .title {
  color: @selected-text;
  font-weight: 600;
}

#item .subtitle {
  color: alpha(@text, 0.7);
  font-size: 11px;
  font-weight: normal;
}

#item:selected .subtitle,
.item:selected .subtitle,
#item:focus .subtitle,
.item:focus .subtitle,
#item:checked .subtitle,
.item:checked .subtitle {
  color: alpha(@selected-text, 0.8);
}

#item .icon {
  margin-right: 12px;
  -gtk-icon-size: 20px;
}

scrollbar {
  background: transparent;
  border: none;
  width: 6px;
}

scrollbar slider {
  background: alpha(@border, 0.6);
  border-radius: 3px;
  border: none;
  min-height: 20px;
}

scrollbar slider:hover {
  background: @border;
}

scrollbar trough {
  background: transparent;
  border-radius: 3px;
}
