/* Makes Browser Tab Zooms edge to edge */
#tabbrowser-tabbox, #tabbrowser-tabpanels {
  padding: 0px !important;
}

#tabbrowser-tabpanels {
  background: var(--zen-colors-border) !important;
}

@media (-moz-bool-pref: "zen.view.compact") {
:root:not([customizing]) {
  @media (-moz-bool-pref: "zen.view.compact.hide-toolbar") {
    &:not([inDOMFullscreen="true"]) #tabbrowser-tabpanels {
        padding: 0px !important;
    }
  }
}
}

@media (-moz-bool-pref: "zen.view.compact") {
:root:not([customizing]) {
  @media (-moz-bool-pref: "zen.view.compact.hide-tabbar") {
    & #tabbrowser-tabpanels {
      :root:not([inDOMFullscreen="true"]) #browser:has(#navigator-toolbox:not([zen-right-side="true"])) & {
        padding-left: 0px !important;
      }
    }
  }
}
}

@media (-moz-bool-pref: "zen.view.compact") {
:root:not([customizing]) {
  @media (-moz-bool-pref: "zen.view.compact.hide-tabbar") {
    & #tabbrowser-tabpanels {
      :root:not([inDOMFullscreen="true"]) #browser:has(#navigator-toolbox[zen-right-side="true"]) & {
        padding-right: 0px !important;
      }
    }
  }
}
}

.browserSidebarContainer {
  padding: 0px !important;
  box-shadow: 0 0 0 0px transparent !important;
  border-radius: 0px !important;
}

:root:not([inDOMFullscreen="true"]):not([chromehidden~="location"]):not([chromehidden~="toolbar"]) {
& #tabbrowser-tabbox #tabbrowser-tabpanels .browserSidebarContainer[zen-split-active="true"] {
  box-shadow: 0 0 0 0px transparent !important;
}
}

#tabbrowser-tabpanels:has(> [zen-split="true"]) {
--zen-split-row-gap: 1px !important;
--zen-split-column-gap: 1px !important;
}


.zen-split-view-splitter {
  position: relative !important;
  z-index: 1 !important;
  padding: var(--zen-element-separation) !important;
}

.zen-split-view-splitter[orient="horizontal"] {
  top: calc(calc(var(--zen-element-separation) / -2) - 1px) !important;
}

.zen-split-view-splitter[orient="vertical"] {
  left: calc(calc(var(--zen-element-separation) / -2) - 1px) !important;
}

/* Makes Zen Sidebar Boxy */
#zen-sidebar-add-panel-wrapper * {
  border-radius: 0px !important;
}

#zen-sidebar-web-panel-wrapper {
  z-index: 2 !important;
  margin: 0 !important;
  border-right: 1px solid var(--zen-colors-border) !important;
  padding: 0px !important;
}

#zen-sidebar-web-panel {
  box-shadow: 0 0 0 0px transparent !important;
}

#zen-sidebar-web-panel-wrapper:has(#zen-sidebar-web-panel[hidden="true"]) {
  border-right: 0px none transparent !important;
}

#zen-sidebar-web-panel-wrapper:has(#zen-sidebar-web-panel[pinned="true"]) {
  margin: 10px !important;
  border-right: 0px none transparent !important;
}

#zen-sidebar-web-panel[pinned="true"] {
  border-radius: 0px !important;
  box-shadow: 0 0 0 1px var(--zen-colors-border) !important;
}

/* Make tab bar BOXY */
#navigator-toolbox {
  border-radius: 0px !important;
  padding-bottom: 6px !important;
}

#navigator-toolbox:not([zen-expanded="true"]) {
  border-right: 1px solid var(--zen-colors-border) !important;
}

#navigator-toolbox[zen-right-side="true"]:not([zen-expanded="true"]) {
  
  border-left: 1px solid var(--zen-colors-border) !important;
  border-right: 0px none transparent !important;
}

#navigator-toolbox[zen-user-hover="true"] {
  z-index: 3 !important;
}

#navigator-toolbox[zen-user-hover="true"] #TabsToolbar {
  border-top: 0px none transparent !important;
  border-radius: 0px !important;
}

#navigator-toolbox[zen-user-hover="true"]:not([zen-has-hover="true"]) {
  border-right: 1px solid var(--zen-colors-border) !important;
}

#navigator-toolbox[zen-user-hover="true"][zen-right-side="true"]:not([zen-has-hover="true"]) {
  border-left: 1px solid var(--zen-colors-border) !important;
  border-right: 0px none transparent !important;
}

#TabsToolbar {
  padding-top: 7px !important;
}

#zen-sidebar-splitter {
  opacity: 1 !important;
  background: transparent !important;
  border-left: 0px none transparent !important;
  border-right: 1px solid var(--zen-colors-border) !important;
}

#zen-tabbox-wrapper:has(#navigator-toolbox[zen-right-side="true"]) > #zen-sidebar-splitter {
  border-left: 1px solid var(--zen-colors-border) !important;
  border-right: 0px none transparent !important;
}

#zen-sidebar-icons-wrapper {
  padding-bottom: 3px !important;
}

/* Make the nav bar BOXY */
#zen-appcontent-navbar-container {
  padding-top: 3px !important;
  border: 0px !important;
  border-radius: 0px !important;
  border-bottom: 1px solid var(--zen-colors-border) !important;
}