/*todo, all of it */
body.path-admin  {
  --admin-color-grey:#a8a8a8;
  --color-link:#005da8;
  --color-link-hover:#549dd7;
  --border-radius-textfield:2px;
  --background-textfield:#f7f7f7;

  --admin-color-border-page:#a8a8a8be;
  --admin-background-page: linear-gradient(to bottom, rgba(241, 244, 250, 0.5) 0.8em, rgb(150 187 231 / 50%) 3em,rgb(201 215 255 / 50%) 10em);
}

li:has(> .button) {
    list-style-type:none;
}


.path-admin .region.region-content {
  margin:var(--gutter-1) 0px var(--gutter-4);
  padding:var(--gutter-3);
  border:1px solid var(--admin-color-border-page);
  background:var(--admin-background-page);
  border-radius: var(--border-radius-small);
}

.path-admin table {
        width:100%;
    }



input[type="submit"],
a.button { 
  cursor: pointer;
  display: inline-block;
    border-radius:var(--border-radius-small);
  padding:calc(var(--gutter-1)*0.5) var(--gutter-1);
  font:var(--font-small);
  font-weight:bold;
  border:1px solid var(--admin-color-link);
  background-color:#549dd7;
  box-shadow: rgba(255, 255, 255, .4) 0 1px 0 0 inset;
  color:var(--color-white);
    text-shadow:0px 1px var(--admin-color-link);
    
  /*todo
    background:linear-gradient(rgb(179 201 248) 2%, rgb(129 131 196) 10%,rgb(152 180 200));
    */

  outline: none;
  text-align: center;
  text-decoration: none;
}

.action-links {
  display:flex;
  gap:var(--gutter-1);
  margin-bottom:var(--gutter-2);
}

.button-action::before {
  content: "+";
  font-weight: 900;
  padding-right: var(--gutter-1);
}


/*todo: tabs*/

.tabs {
  margin:0;
  padding:0;
}

ul.tabs {
  list-style: none;
}

.tabs > li {
  display: inline-block;
  margin-right: 0.2em;
}

/*todo*/

.tabs a {
  background-color: #f9f9f980; 
  border:1px solid var(--color-link-hover);
  color:#231ac3;
  display: block;
  padding: 0.3em 0.75em;
  text-decoration: none;
  border-radius:6px;
}

.tabs a.is-active {
  background:var(--admin-background-page);
  border:1px solid var(--admin-color-border-page);
}

.tabs a:focus,
.tabs a:hover {
  background-color: #f9f9f9;
}
.block-core:has(.tabs) {
    display:flex;
    flex-wrap:wrap;
    gap:var(--gutter-1);
    margin-bottom:var(--gutter-2);
}

.block-core .tabs:not(:first-of-type):before {
    content:"|";
    padding-right:var(--gutter-1);
}





details {
  border-radius:var(--border-radius-small);
  border:1px solid #00000045;
}

  
.system-modules td {
  margin:0px;
  padding:0px;
  padding-bottom:var(--gutter-1);
}

.system-modules td.checkbox,
.system-modules td.module {
  width:100%;
}

.system-modules details {
  width:100%;
  white-space:normal;
  color:var(--color-text);
  font-size:initial;
  line-height:1.2em;
  padding:0px;
  /* truncates descriptions if too long 
  white-space: nowrap;
  line-height: 20px;*/
}

.system-modules td details a {
  color: var(--color-link); /*todo: a.button*/
}
.system-modules td details a:hover {
  color: var(--color-link-hover);
}
  
.system-modules details table {
  display:grid;
  padding:var(--gutter-1);
  grid-template-columns:25px calc(25% - var(--gutter-2)) 1fr;
  gap:var(--gutter-1);
}

.system-modules details tr {
  display:grid;
  grid-template-columns:subgrid;
  grid-column:1 / span 3;
}

.system-modules label,
.system-modules-uninstall label {
  font-size:initial;
  color:var(--color-text);
}

/*


.system-modules details[open] {
 /* overflow: visible;
  height: auto;
  white-space: normal;
}
.system-modules details > summary,
.system-modules details > summary .text {
  overflow: hidden;
  width:70%;
  white-space: nowrap; /*todo
  text-overflow:ellipsis;
  hyphens:initial;
}
.system-modules details[open] > summary,
.system-modules details[open] > summary .text {
  white-space: wrap;
}


/**
 * Modules page.
 
.system-modules thead > tr {
  border: 0;
}
.system-modules div.incompatible {
  font-weight: bold;
}
.system-modules td.checkbox {
  width: 4%;
  min-width: 25px;
}
.system-modules td.module {
  width: 25%;
}
.system-modules td {
  vertical-align: top;
}
.system-modules details[open] summary .text {
  text-transform: none;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.system-modules td details {
  height: 20px;
  margin: 0;
  border: 0;
}
.system-modules td details summary {
  padding: 0;
  cursor: default;
  text-transform: none;
  font-weight: normal;
}

@media screen and (max-width: 40em) {
  .system-modules td.name {
    width: 20%;
  }
  .system-modules td.description {
    width: 40%;
  }
}
.system-modules .requirements {
  max-width: 490px;
  padding: 5px 0;
}
.system-modules .links {
  overflow: hidden; /* prevents collapse 
}
.system-modules .checkbox {
  margin: 0 5px;
}
.system-modules .checkbox .form-item {
  margin-bottom: 0;
}
.admin-requirements,
.admin-required {
  color: #666;
  font-size: 0.9em;
}
.admin-enabled {
  color: #080;
}
.admin-missing {
  color: #f00;
}
.module-link {
  display: block;
  float: left; /* LTR 
  margin-top: 2px;
  padding: 2px 20px;
  white-space: nowrap;
}

.module-link-help {
  background: url(../../../core/misc/icons/787878/questionmark-disc.svg) 0 50% no-repeat; /* LTR 
}

.module-link-permissions {
  background: url(../../../core/misc/icons/787878/key.svg) 0 50% no-repeat; /* LTR 
}

.module-link-configure {
  background: url(../../../core/misc/icons/787878/cog.svg) 0 50% no-repeat; /* LTR 
}

.module-link--non-stable {
  padding-left: 18px;
  background: url(../../../core/misc/icons/e29700/warning.svg) 0 50% no-repeat; /* LTR 
}


/* CSS 

.button-7:hover,
.button-7:focus {
  background-color: #07c;
}

.button-7:focus {
  box-shadow: 0 0 0 4px rgba(0, 149, 255, .15);
}

.button-7:active {
  background-color: #0064bd;
  box-shadow: none;
}
.panel {
    padding:var(--gutter-1);
    margin-bottom:var(--gutter-2);
}


.tabs ul,
ul.tabs {
  margin:0;
  padding: 0;
  list-style: none;
  display:flex;
}

.tabs ul {
  gap:var(--gutter-1);
}

.tabs a {
  display: block;
  padding: calc(var(--gutter-1)*0.5) var(--gutter-1);
  text-decoration: none;
  border:1px solid var(--admin-color-link);
  border-radius:var(--border-radius-small);
}

.tabs a:focus,
.tabs a:hover {
  background-color: #f5f5f5; /*todo
}


.path-admin details,
.path-admin .panel {
    border:1px solid rgba(0, 0, 0, 0.15);
    background-color:rgba(255, 255, 255, 0.397);
    border-radius:var(--border-radius-small);
}

.path-admin dl.list-group {
    margin:0px;
    display:flex;
    flex-direction:column;
    gap:var(--gutter-1);
}

.path-admin dd.list-group__description {
    margin-left:var(--gutter-2);
    padding:calc(var(--gutter-1)*0.5);
    padding-left:calc(var(--gutter-1)*1.5);
    margin-bottom:var(--gutter-2);
    border-left:1px solid grey; /*todo
    border-bottom-left-radius:4px;
}

/*
.panel__description {
  margin: 0 0 3px;
  padding: 2px 0 3px 0;
}

/**
 * System compact link: to toggle the display of description text.

.compact-link {
  margin: 0 0 0.5em 0;
}


/**
 * Quick inline admin links.
 
small .admin-link::before {
  content: " [";
}
small .admin-link::after {
  content: "]";
}

/**
 * Modules page.
 


.system-modules .details-wrapper table {
  grid-template-columns: calc(2em + var(--gutter-2)) 25% 1fr;
}

.system-modules .details-wrapper table tbody tr:not(:last-child) {
  border-bottom:1px solid #727272a3;
}

.system-modules details {
  white-space: collapse;
  text-overflow: ellipsis;
  line-height: 20px;
}

.system-modules details[open] {
  overflow: visible;
  height: auto;
  white-space: normal;
}
  

.system-modules thead > tr {
  border: 0;
}
.system-modules div.incompatible {
  font-weight: bold;
}
.system-modules td.checkbox {
  width: 4%;
  min-width: 25px;
}
.system-modules td.module {
  width: 25%;
}
.system-modules td {
  vertical-align: top;
}
.system-modules label,
.system-modules-uninstall label {
  color: #1d1d1d;
  font-size: 1.15em;
}
.system-modules details[open] summary .text {
  text-transform: none;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.system-modules td details a {
  color: #5c5c5b;
  border: 0;
}
.system-modules td details {
  height: 20px;
  margin: 0;
  border: 0;
}
.system-modules td details summary {
  padding: 0;
  cursor: default;
  text-transform: none;
  font-weight: normal;
}
.system-modules td {
  padding-left: 0; /* LTR 
}
[dir="rtl"] .system-modules td {
  padding-right: 0;
  padding-left: 12px;
}

@media screen and (max-width: 40em) {
  .system-modules td.name {
    width: 20%;
  }
  .system-modules td.description {
    width: 40%;
  }
}
.system-modules .requirements {
  max-width: 490px;
  padding: 5px 0;
}
.system-modules .links {
  overflow: hidden; /* prevents collapse 
}
.system-modules .checkbox {
  margin: 0 5px;
}
.system-modules .checkbox .form-item {
  margin-bottom: 0;
}
.admin-requirements,
.admin-required {
  color: #666;
  font-size: 0.9em;
}
.admin-enabled {
  color: #080;
}
.admin-missing {
  color: #f00;
}
.module-link {
  display: block;
  float: left; /* LTR 
  margin-top: 2px;
  padding: 2px 20px;
  white-space: nowrap;
}
[dir="rtl"] .module-link {
  float: right;
}
.module-link-help {
  background: url(../../../../misc/icons/787878/questionmark-disc.svg) 0 50% no-repeat; /* LTR
}
[dir="rtl"] .module-link-help {
  background-position: top 50% right 0;
}
.module-link-permissions {
  background: url(../../../../misc/icons/787878/key.svg) 0 50% no-repeat; /* LTR 
}
[dir="rtl"] .module-link-permissions {
  background-position: top 50% right 0;
}
.module-link-configure {
  background: url(../../../../misc/icons/787878/cog.svg) 0 50% no-repeat; /* LTR 
}
[dir="rtl"] .module-link-configure {
  background-position: top 50% right 0;
}
.module-link--non-stable {
  padding-left: 18px;
  background: url(../../../../misc/icons/e29700/warning.svg) 0 50% no-repeat; /* LTR 
}
[dir="rtl"] .module-link--non-stable {
  padding-right: 18px;
  padding-left: 0;
  background-position: top 50% right 0;
}

/* Status report. 
.system-status-report__status-title {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 10px 6px 10px 40px; /* LTR 
  vertical-align: top;
  background-color: transparent;
  font-weight: normal;
}
[dir="rtl"] .system-status-report__status-title {
  padding: 10px 40px 10px 6px;
}
.system-status-report__status-icon::before {
  position: absolute;
  top: 12px;
  left: 12px; /* LTR 
  display: block;
  width: 16px;
  height: 16px;
  content: "";
  background-repeat: no-repeat;
}
[dir="rtl"] .system-status-report__status-icon::before {
  right: 12px;
  left: auto;
}
.system-status-report__status-icon--error::before {
  background-image: url(../../../../misc/icons/e32700/error.svg);
}
.system-status-report__status-icon--warning::before {
  background-image: url(../../../../misc/icons/e29700/warning.svg);
}
.system-status-report__entry__value {
  padding: 1em 0.5em;
}

/**
 * Appearance page.
 
.theme-info__header {
  margin-bottom: 0;
  font-weight: normal;
}
.theme-default .theme-info__header {
  font-weight: bold;
}
.theme-info__description {
  margin-top: 0;
}
.system-themes-list {
  margin-bottom: 20px;
}
.system-themes-list-uninstalled {
  padding-top: 20px;
  border-top: 1px solid #cdcdcd;
}
.system-themes-list__header {
  margin: 0;
}

.theme-selector {
  padding-top: 20px;
}
.theme-selector .screenshot,
.theme-selector .no-screenshot {
  max-width: 100%;
  height: auto;
  padding: 2px;
  text-align: center;
  vertical-align: bottom;
  border: 1px solid #e0e0d8;
}
.theme-default .screenshot {
  border: 1px solid #aaa;
}
.system-themes-list-uninstalled .screenshot,
.system-themes-list-uninstalled .no-screenshot {
  max-width: 194px;
  height: auto;
}



/**
 * Theme display without vertical toolbar.
 
@media screen and (min-width: 45em) {
  body:not(.toolbar-vertical) .system-themes-list-installed .screenshot,
  body:not(.toolbar-vertical) .system-themes-list-installed .no-screenshot {
    float: left; /* LTR 
    width: 294px;
    margin: 0 20px 0 0; /* LTR 
  }
  [dir="rtl"] body:not(.toolbar-vertical) .system-themes-list-installed .screenshot,
  [dir="rtl"] body:not(.toolbar-vertical) .system-themes-list-installed .no-screenshot {
    float: right;
    margin: 0 0 0 20px;
  }
  body:not(.toolbar-vertical) .system-themes-list-installed .system-themes-list__header {
    margin-top: 0;
  }
  body:not(.toolbar-vertical) .system-themes-list-uninstalled .theme-selector {
    float: left; /* LTR 
    box-sizing: border-box;
    width: 31.25%;
    padding: 20px 20px 20px 0; /* LTR 
  }
  [dir="rtl"] body:not(.toolbar-vertical) .system-themes-list-uninstalled .theme-selector {
    float: right;
    padding: 20px 0 20px 20px;
  }
  body:not(.toolbar-vertical) .system-themes-list-uninstalled .theme-info {
    min-height: 170px;
  }
}

/**
 * Theme display with vertical toolbar.
 
@media screen and (min-width: 60em) {
  .toolbar-vertical .system-themes-list-installed .screenshot,
  .toolbar-vertical .system-themes-list-installed .no-screenshot {
    float: left; /* LTR 
    width: 294px;
    margin: 0 20px 0 0; /* LTR 
  }
  [dir="rtl"] .toolbar-vertical .system-themes-list-installed .screenshot,
  [dir="rtl"] .toolbar-vertical .system-themes-list-installed .no-screenshot {
    float: right;
    margin: 0 0 0 20px;
  }
  .toolbar-vertical .system-themes-list-installed .theme-info__header {
    margin-top: 0;
  }
  .toolbar-vertical .system-themes-list-uninstalled .theme-selector {
    float: left; /* LTR 
    box-sizing: border-box;
    width: 31.25%;
    padding: 20px 20px 20px 0; /* LTR 
  }
  [dir="rtl"] .toolbar-vertical .system-themes-list-uninstalled .theme-selector {
    float: right;
    padding: 20px 0 20px 20px;
  }
  .toolbar-vertical .system-themes-list-uninstalled .theme-info {
    min-height: 170px;
  }
}
.system-themes-list-installed .theme-info {
  max-width: 940px;
}

.theme-selector .incompatible {
  margin-top: 10px;
  font-weight: bold;
}
.theme-selector .operations {
  margin: 10px 0 0 0;
  padding: 0;
}
.theme-selector .operations li {
  float: left; /* LTR 
  margin: 0;
  padding: 0 0.7em;
  list-style-type: none;
  border-right: 1px solid #cdcdcd; /* LTR 
}
[dir="rtl"] .theme-selector .operations li {
  float: right;
  border-right: none;
  border-left: 1px solid #cdcdcd;
}
.theme-selector .operations li:last-child {
  padding: 0 0 0 0.7em; /* LTR 
  border-right: none; /* LTR 
}
[dir="rtl"] .theme-selector .operations li:last-child {
  padding: 0 0.7em 0 0;
  border-left: none;
}
.theme-selector .operations li:first-child {
  padding: 0 0.7em 0 0; /* LTR 
}
[dir="rtl"] .theme-selector .operations li:first-child {
  padding: 0 0 0 0.7em;
}
.system-themes-admin-form {
  clear: left; /* LTR *
}
[dir="rtl"] .system-themes-admin-form {
  clear: right;
}
.cron-description__run-cron {
  display: block;
}

.system-cron-settings__link {
  overflow-wrap: break-word;
  word-wrap: break-word;
}
*/




/*table, tr {
    /* width:100%; 
}


.system-modules {
    display:grid;
    grid-template-columns: calc(2em + var(--gutter-2)) 25% 1fr;
}

/*



#system-modules table tr {
    display:grid;
    grid-column:1/4;
    grid-template-columns:subgrid;
}


.table-filter {
    grid-column:1/4;
}

.system-modules > details {
    display:grid;
    grid-column:1/4;
    grid-template-columns:subgrid;
}

.system-modules > details > * {
    grid-column:1/4;
}

.system-modules table {
    display:grid;
    grid-column:1/4;
    grid-template-columns:subgrid;
}

.system-modules table tr {
    display:grid;
    grid-column:1/4;
    grid-template-columns:subgrid;
}

.system-modules table tr td {
  min-width:unset;
  width:100%;
}


/*
.system-modules .details-wrapper table {
  grid-template-columns: calc(2em + var(--gutter-2)) 25% 1fr;
}

.system-modules .details-wrapper table tbody tr:not(:last-child) {
  border-bottom:1px solid #727272a3;
}

.system-modules details {
  white-space: collapse;
  text-overflow: ellipsis;
  line-height: 20px;
}

.system-modules details[open] {
  overflow: visible;
  height: auto;
  white-space: normal;
}
  

.system-modules thead > tr {
  border: 0;
}
.system-modules div.incompatible {
  font-weight: bold;
}
.system-modules td.checkbox {
  width: 4%;
  min-width: 25px;
}
.system-modules td.module {
  width: 25%;
}
.system-modules td {
  vertical-align: top;
}
.system-modules label,
.system-modules-uninstall label {
  color: #1d1d1d;
  font-size: 1.15em;
}
.system-modules details[open] summary .text {
  text-transform: none;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.system-modules td details a {
  color: #5c5c5b;
  border: 0;
}
.system-modules td details {
  height: 20px;
  margin: 0;
  border: 0;
}
.system-modules td details summary {
  padding: 0;
  cursor: default;
  text-transform: none;
  font-weight: normal;
}
.system-modules td {
  padding-left: 0; /* LTR 
}
[dir="rtl"] .system-modules td {
  padding-right: 0;
  padding-left: 12px;
}

@media screen and (max-width: 40em) {
  .system-modules td.name {
    width: 20%;
  }
  .system-modules td.description {
    width: 40%;
  }
}
.system-modules .requirements {
  max-width: 490px;
  padding: 5px 0;
}
.system-modules .links {
  overflow: hidden; /* prevents collapse 
}
.system-modules .checkbox {
  margin: 0 5px;
}
.system-modules .checkbox .form-item {
  margin-bottom: 0;
}

*/