/*
 * Dracula Pro (Blade - Soft Muted Sage #5A9E92) 3-Island Floating Top Bar & Shell Stylesheet
 */

stage {
  font-family: 'Inter', sans-serif !important;
}

#panel {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  margin: 6px 12px 6px 12px !important;
  height: 32px !important;
  font-family: 'Inter', sans-serif !important;
}

.panel-corner {
  -panel-corner-radius: 0px !important;
  background-color: transparent !important;
}

#panelLeft,
#panelCenter,
#panelRight {
  background-color: #161D1C !important;
  color: #F8F8F2 !important;
  border: 1px solid #4C6762 !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
  padding: 2px 6px !important;
  margin: 0 4px !important;
  font-family: 'Inter', sans-serif !important;
}

#panel .panel-button {
  color: #F8F8F2 !important;
  border-radius: 10px !important;
  transition: all 150ms ease;
  padding: 0 8px !important;
  font-family: 'Inter', sans-serif !important;
}

#panel .panel-button:hover,
#panel .panel-button:focus,
#panel .panel-button:active {
  color: #5A9E92 !important;
  background-color: rgba(90, 158, 146, 0.25) !important;
}

.media-controls-container,
.media-controls-button,
#panel .media-controls-button {
  color: #5A9E92 !important;
  font-weight: 600 !important;
  font-family: 'Inter', sans-serif !important;
}

.popup-menu,
.popup-menu-boxpointer,
.candidate-popup-box,
.datemenu-popover {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  font-family: 'Inter', sans-serif !important;
}

.popup-menu-content,
.quick-settings,
.calendar-menu,
.message-list {
  background-color: #161D1C !important;
  color: #F8F8F2 !important;
  border: 1px solid #4C6762 !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.6) !important;
  padding: 14px !important;
  font-family: 'Inter', sans-serif !important;
}

.quick-settings-header .button,
.quick-settings-header .icon-button {
  background-color: #212C2A !important;
  color: #F8F8F2 !important;
  border: 1px solid #364946 !important;
  border-radius: 99px !important;
  font-family: 'Inter', sans-serif !important;
}

.quick-toggle {
  background-color: #212C2A !important;
  color: #F8F8F2 !important;
  border: 1px solid #364946 !important;
  border-radius: 12px !important;
  font-family: 'Inter', sans-serif !important;
}

.quick-toggle:checked,
.quick-toggle:active {
  background-color: #5A9E92 !important;
  color: #161D1C !important;
  border-color: #5A9E92 !important;
}

.quick-toggle-has-menu {
  background-color: #212C2A !important;
  border: 1px solid #364946 !important;
  border-radius: 12px !important;
  font-family: 'Inter', sans-serif !important;
}

.quick-toggle-has-menu:checked,
.quick-toggle-has-menu:checked .quick-toggle,
.quick-toggle-has-menu:checked .quick-toggle-menu-button {
  background-color: #5A9E92 !important;
  color: #161D1C !important;
  border-color: #5A9E92 !important;
}

.slider,
.quick-slider {
  -barlevel-active-color: #5A9E92 !important;
  -barlevel-overactive-color: #70A99F !important;
  -barlevel-bg-color: #364946 !important;
}

.calendar-today,
.calendar-day-base:selected {
  background-color: #5A9E92 !important;
  color: #161D1C !important;
  font-weight: bold !important;
  border-radius: 50% !important;
}

.message,
.notification {
  background-color: #212C2A !important;
  color: #F8F8F2 !important;
  border: 1px solid #364946 !important;
  border-radius: 12px !important;
  font-family: 'Inter', sans-serif !important;
}