@charset "utf-8";

/* USER ROLE */
body[user-role="admin"] .managertopbar *[onclick="PAGE.newPage('page')"] {
  display: none;
}

/* PAGE */
.page a {
  text-decoration: underline;
}

.page .metas .titlemedia {
  margin-top: 1em;
  margin-left: -1em;
  width: 100vw;
  max-width: initial;
  height: var(--currentview-height);
  z-index: 0;
}

.page .metas .titlemedia .media {
  width: 100%;
  height: 100%;
}

.page .metas *[input-name^="title"] {
  font-size: 2em;
  line-height: 1em;
  --input-height: 1em;
}

/* METAS */
.metas {
  display: flex;
  flex-wrap: wrap;
  padding: var(--padding);
}

.metas .metahead {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  row-gap: 1em;
  width: calc(100% - 256px);
  min-width: 512px;
  margin-bottom: 15px;
}

body[device-mode="mobile"] .metas .metahead {
  flex-wrap: wrap;
}

.metas .titlewrapper {
  margin-right: 1em;
  /* margin-bottom: 1em; */
}

.metas .metainfos {
  font-size: 15px;
  line-height: 1em;
  width: 256px;
  flex-shrink: 0;
}

.metas .textinput_title {
  font-size: 2em;
  margin-bottom: 0.5em;
  min-width: 100%;
}

.metas .metafields>* {
  max-width: 16em;
  z-index: 2
}

/* LISTWRAPPER */
.listwrapper {
  padding-bottom: var(--managertopbar-height);
}

/* MANGER TOP BAR */
.managertopbar {
  position: fixed;
  z-index: 9999;
  bottom: 0;
  padding: 0.5em;
  display: flex;
  background: var(--bg-color-strong);
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  --height-to-closest-slug: .cms|managertopbar;
}
.managertopbar .cibt{
  flex-shrink: 0;
}

/* PAGE MENU */
.pagemenu {
  position: sticky;
  top: 0;
  right: 0;
  display: flex;
  flex-wrap: nowrap;
  z-index: 9999999;
  padding: 0.5em;
  width: 100%;
  background: rgb(44 44 44);
  color: black;
  overflow-x: auto;
  --width-height-to-closest-slug: .pageoverlay|pagemenu;
}

.pagemenu>*:first-child {
  margin-left: auto;
}

.pagemenu>* {
  pointer-events: all;
}

/* LIST */
.list .listheader {
  top: calc(var(--cmstopbar-height) + var(--listfilterbar-height)) !important;
}

.list .listfilterbar {
  top: calc(var(--cmstopbar-height)) !important;
  --height-to-closest-slug: .cms|listfilterbar;
}

body[device-mode="mobile"] .list {
  --col-count: 2 !important;
}

body[device-mode="mobile"] .list *[col-name]:not(:first-child):not(:last-child) {
  display: none !important;
}

body[device-mode="mobile"] .list .listrow,
body[device-mode="mobile"] .list .listheader {
  grid-template-columns: calc(100% - 2em) 2em;
}

/* dropupmenurefs */
.boxsystemwrapper_dropupmenurefs .boxsystemaddmenus {
  font-size: 0.75em;
  margin: 0;
  padding: 0;
  margin-top: 1em;
}

.boxsystemwrapper_dropupmenurefs .boxsystemaddmenus .boxsystemaddboxmenu {
  margin-left: 0;
  margin-right: auto;
}