/* --- adjustable drop for the app menu under the blue line --- */
:root {
  --appmenu-drop: 45px; /* tweak 30–40px to taste; 34px matches your screenshot */
}

/* Reserve space below the header for the lowered menu */
header#header {
  position: relative;
  padding-bottom: calc(var(--appmenu-drop) + 60px) !important;
}

/* Position the app menu bar centered, just below the header */
nav.cm-standardmenu.app-menu.show {
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(var(--appmenu-drop) * -1); /* push below the blue line */
}

/* Center the icons row */
.cm-standardmenu .app-menu-main {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 18px;                /* optional spacing */
  width: 100%;
}

/* Keep the files list from overlapping the lowered menu */
#app-content {
  margin-top: calc(var(--appmenu-drop) + 90px) !important;
}

.cm-standardmenu .app-menu-main .app-menu-entry .app-menu-entry--label {
    opacity: 0;
    position: absolute;
    font-size: 12px;
    color: #ffc700;
    text-align: center;
    left: 50%;
    top: 45%;
    display: block;
    min-width: 100%;
    transform: translateX(-50%);
    transition: all .1s 
ease-in-out;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    letter-spacing: -0.5px;
}

.admin-theming__preview[data-v-4d6a2a5b] {
    display: none;
}

#app-content
 {
    margin-top: 0px !important;
}

.content[data-v-d8f0539f], #content:not(.with-sidebar--full)
Specificity: (0,2,0)
 {
    margin-top: 155px !important;
    padding-bottom: 170px;
}

.cm-standardmenu .app-menu-main
Specificity: (0,2,0)
 {
    gap: 10px !important;
}

.cm-standardmenu .app-menu-main .app-menu-entry .app-menu-entry--label {
    top: 100% !important;
    color: #ffc700 !important;
    padding-bottom: 20px !important;
}

.cm-standardmenu .app-menu-main .app-menu-entry {
    width: 80px !important;
}

#header .logo {
    /* width: 62px; */
}

header#header {
    padding-bottom: calc(var(--appmenu-drop) + 26px) !important;
}

#body-user #header, #body-settings #header, #body-public #header {
    padding-bottom: 18px !important;
}

@media only screen and (max-width: 869px) {
  nav.cm-standardmenu.app-menu.show {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: calc(var(--appmenu-drop) * -1.7) !important;
  }
}

#notifications > button > span > span, #header > div.header-end > div.header-menu.unified-search-menu > button, #user-menu {
    top: -10px !important;
    position: fixed !important;
}

#contactsmenu {
    top: -11px !important;
    right: 25px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

#header > div.header-end > div.header-menu.unified-search-menu > button {
    padding-right: 20px !important;
}

#app-content-vue > div.files-list > table > tbody {
    background-color: black;
}