html:has(main.cms) { scrollbar-color: unset; }

body.admin_page {
	background: #eaf6fc url(/img/bgr/darkwood.jpg) no-repeat fixed top;	
	background-size: cover;
}

body:not(:has(#appbar)):not(.designmode) main { margin-left:0; }
body.designmode main { margin-left:auto; }

body.admin_page main {
	margin-left: 50px;
	min-height: 100dvh;
	padding: 40px 25px;
	background-color: rgba(0,0,0,.55);
}

body.admin_page:is(.mobile,.tablet) main {
	margin-left: 0;
	padding: 20px 10px;
	width: 100%;
}

body.admin_page footer {
	background-color: rgba(0,0,0,.4);
	border-top: 8px solid rgba(0,0,0,.15);
	position: absolute;
	bottom: 0;
}

.divider.smaller {
  height: 15px;
  margin-top: 15px;
  width: 100%;
}
.divider {
  height: 30px;
  border-top: 1px solid rgba(255,255,255,.1);
  margin-top: 30px;
  width: 100%;
}

/*.admin_page.desktop.wide #page_wrap { width: 80%; margin-inline: auto; }*/
.admin_page.desktop #page_wrap { width: 96%; margin-inline: auto; }

.admin_page:is(.mobile,.tablet) #page_wrap { width:100%; }

.admin_page .page_title, .admin_page .modal .page_title {
  color: rgba(255,255,255,.9);
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 25px;
  margin-left: 0px;
  width: max-content;
  user-select: none;
  text-align: left;
  line-height: 125%;
  font-family: Lato;
}

.admin_page .page_title a { color:var(--white); cursor:pointer; }
@media (hover: hover) { .admin_page .page_title a:hover { color:lightgreen; } }

.admin_page .page_subtitle {
	font-size: 0.65em;
	color:var(--gray);
}

.top-right { position: fixed; top: 20px; right: 15px; z-index: 5; }
body.admin.dimmed { margin-right:0 !important; }

.min { font-size:13px; color: silver; }

/* Manage Users */
.actionBtns {
	display: flex;
	width: 75%;
	margin: 20px auto;
	border-top: 2px solid #262626;
	padding-top: 20px;
}

/* ----~~~~ Scrollbars: the bar in the dashboard card colour on a black track, everywhere in the admin ~~~~----
   scrollbar-color only paints; the scrollbars hidden on purpose (scrollbar-width:none / 0-width webkit rules)
   stay hidden. The white rich-text editor keeps its own light scrollbar. */
html:has(body.admin_page),
body.admin_page *:not(.trumbowyg-editor-box):not(.trumbowyg textarea) { scrollbar-color: #272934 #000 !important; }

/* Safari / older WebKit, which ignore scrollbar-color */
body.admin_page ::-webkit-scrollbar { width: 12px; height: 12px; background: #000; }
body.admin_page ::-webkit-scrollbar-track { background: #000; }
body.admin_page ::-webkit-scrollbar-thumb { background: #272934; border-radius: 8px; border: 3px solid #000; }
body.admin_page ::-webkit-scrollbar-corner { background: #000; }