:root {
    --color-btn-primary: #0084b6;
}

.form-wrapper .form-control-htmltextarea {
    align-self: center;
}

.form-wrapper .form-control-htmltextarea textarea {
    width: 100%;
    height: 200px;
}

nav {
    display: flex;
    justify-content: space-between;
}

nav ul.main-menu-list {
    flex: 0 0 auto;
}

nav ul.main-menu-list:first-child {
    flex: 1 1 auto;
}

html:has(> body > article > section.large-edit-form) {
    height: 100%;
}

body:has(> article > section.large-edit-form) {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Menu */
li.main-menu-item {
    display: flex;
}

ul.main-menu-sublist {
    margin-left: -0.625em;
    position: relative;
    z-index: 1;
    display: inline;
    padding: 0;
    line-height: 12px;
}

li.main-menu-subitem {
    display: inline;
}

a.main-menu-sublink {
    background: var(--color-warning);
    font-size: 0.75em;
    padding: 0 4px;
    border-radius: 10px;
    text-decoration: none;
    color: var(--color-text);
    box-shadow: 2px 2px 0 0 rgb(0 0 0 / 0.2);
}

/*=======================[Login screen]=======================================*/

body, button, input, select, textarea {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 1rem;
}

body.login_page {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    height: 100vh;
}

#login_wrap {
    line-height: 1.5;
    position: relative;
    top: -1em;
}

#login_wrap p#message {
    margin: 1em;
}

#login_wrap .message {
    color: red;
    position: absolute;
}

.loginform {
    position: relative;
    text-align: center;
    background: #eee linear-gradient(#f4f4f4, #e5e5e5);
    border-radius: 5px;
    border: 1px solid #ccc;
    box-shadow: 0 3px 15px -4px #aaa, inset 0 0 2px #fff;
    padding: 1em 1em 0.75em;
}

.loginform > p {
    display: table;
    width: 100%;
    margin: 0 0 0.25em;
}

.loginform label {
    display: table-row;
}

.loginform label > input {
    display: table-cell;
}

.loginform span {
    text-align: left;
    display: table-cell;
    padding: 0 1em 0.5em 0;
}

/* List pages */

.list-content .field-Article-published,
.list-content .field-Article-commented,
.list-content .field-Comment-email,
.list-content .field-Comment-sent,
.list-content .field-Comment-subscribed,
.list-content .field-Comment-show_email {
    display: none;
}

.admin-content .list-content td.field-Comment-text,
.admin-content .list-content td.field-Comment-article_id,
.admin-content .list-content td.field-Comment-nick {
    white-space: pre-wrap;
    line-height: 1.25;
    padding-block: 0.25em;
}

/* Article edit form */

article.admin-content {
    flex: 1 1 auto;
}

section.large-edit-form,
section.large-edit-form form {
    height: 100%;
    margin: 0;
}

section.large-edit-form {
    padding: 1em 0;
    box-sizing: border-box;
}

.large-form-wrapper {
    height: 100%;
    display: grid;
    grid-template-columns: 1fr minmax(170px, 13%);
    gap: 1rem;
}

.large-form-wrapper label[title]:not([title=""]) {
    cursor: help;
    text-decoration: underline dotted 1px;
}

.article-edit-content .article-form-column-1 {
    grid-template-rows: auto auto auto 1fr;
}

.article-form-column-1 .form-control-htmltextarea {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.article-form-column-2 .article-form-control {
    margin-bottom: 0.5em;
}

.article-form-column-1 {
    display: grid;
    grid-template-columns: auto 1fr auto 1fr;
    gap: .5em;
    align-items: baseline;
}

.article-form-control input[type="text"],
.article-form-control input[type="number"],
.article-form-control input[type="password"],
.article-form-control input[type="email"],
.article-form-control input[type="url"],
.article-form-control input[type="tel"],
.article-form-control input[type="search"],
.article-form-control input[type="date"],
.article-form-control input[type="time"],
.article-form-control input[type="datetime-local"],
.article-form-control input[type="month"],
.article-form-control input[type="week"],
.article-form-control input[type="color"],
.article-form-control select,
.article-form-control textarea {
    width: 100%;
}

.article-form-control.form-control-customdatetime {
    position: relative;
}

.form-control-customdatetime .now-control {
    text-decoration-style: dashed;
    text-decoration-thickness: 1px;
    margin-left: 0.5em;
}

.article-form-control.form-control-customdatetime .now-control {
    position: absolute;
    top: -1.375em;
    right: 0;
}

.html-textarea-with-preview-wrapper {
    flex: 1 1 auto;
    height: 100%;
    position: relative;
}

.html-textarea-wrapper, .html-preview-wrapper {
    position: absolute;
    width: 50%;
    height: 100%;
}

.html-preview-wrapper {
    left: 50%;
}


.large-edit-form label[for="id-url"] {
    position: absolute;
}

.large-edit-form .field-url {
    padding-top: 1.5em;
}

.large-edit-form .field-url[data-url-status="not_unique"],
.large-edit-form .field-url[data-url-status="empty"] {
    outline: color-mix(in srgb, var(--color-warning) 90%, var(--page-background)) 3px solid;
    background-color: color-mix(in srgb, var(--color-warning) 40%, var(--page-background));
}

.large-edit-form .field-published[data-published-status="1"] {
    outline: color-mix(in srgb, var(--color-success) 50%, var(--page-background)) 3px solid;
    background-color: color-mix(in srgb, var(--color-success) 20%, var(--page-background));
}

.large-edit-form .field-url[data-url-status="mainpage"] {
    outline: color-mix(in srgb, var(--color-muted) 40%, var(--page-background)) 3px solid;
    background-color: color-mix(in srgb, var(--color-muted) 40%, var(--page-background));
}

.toolbar {
    font-size: 0;
    line-height: 0;
    margin: 0 0 4px;
    flex: 0 0 auto;
}

.toolbar .separator {
    margin: 0 5px;
}

.toolbar button {
    background: transparent no-repeat center;
    width: 22px;
    height: 22px;
    border: 1px solid transparent;
    cursor: pointer;
}

.toolbar button:hover {
    background-color: #eee;
    border-color: #bbb;
}

.toolbar button.b {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='16' height='16' viewBox='0 0 512 512'%3E%3Cpath d='M376 281a79 79 0 0 0-50-31c18-7 32-18 40-32 9-14 13-31 13-49 0-35-13-61-40-79s-64-26-112-26H96v384h150c47 0 83-10 109-29 25-19 37-47 37-85 0-20-5-38-16-53zM185 132h42c22 0 37 4 47 11 11 8 16 20 16 36 0 15-5 26-15 33s-25 11-46 12h-44zm104 236c-9 7-24 11-43 11h-61v-96h66c19 0 32 4 40 13 8 8 12 21 12 38 0 15-4 26-14 34z'/%3E%3C/svg%3E");
}

.toolbar button.i {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='16' height='16' viewBox='0 0 512 512'%3E%3Cpath d='M321 64h-64l-97 384h63z'/%3E%3C/svg%3E");
}

.toolbar button.strike {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 2091 2091'%3E%3Cpath d='M1928 1044q15 0 24 9 9 10 9 24v65q0 14-9 24-9 9-24 9H167q-15 0-24-9-9-10-9-24v-65q0-14 9-24 9-9 24-9zM626 979q-28-36-52-81-48-99-48-192 0-185 136-315t401-130q51 0 170 20 67 12 180 49 11 38 22 120 14 125 14 187 0 18-5 45l-12 3-86-6-14-2q-51-152-105-209-90-92-214-92-116 0-186 60-68 59-68 149 0 74 67 142 68 69 285 132 70 20 176 67 59 29 97 53zm517 261h419q7 40 7 94 0 113-41 216-24 56-73 106-37 36-111 83-81 48-156 67-81 21-207 21-116 0-199-23l-142-41q-58-16-74-29-8-8-8-22v-13q0-110-2-159v-70l2-37v-45l104-2 31 72 23 57q7 20 12 28 36 58 82 96 44 36 107 58 60 22 135 22 65 0 141-27 79-27 125-88 48-62 48-132 0-85-83-160-35-29-140-72z'/%3E%3C/svg%3E");
}

.toolbar button.big {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='16' height='16' viewBox='0 0 512 512'%3E%3Cpath fill='%230089fe' d='M464 224 400 96l-64 128Z'/%3E%3Cpath d='M256.046 64.122h-95.993L64.084 448h64.009L152 352h112l24.086 96h63.923zM168 288l40-176.243L248.8 288Z'/%3E%3C/svg%3E");}

.toolbar button.small {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='16' height='16' viewBox='0 0 512 512'%3E%3Cpath fill='%230089fe' d='m432 96-64 128-64-128Z'/%3E%3Cpath d='M245.342 160h-74.68L96 448h48l16-64 95.905.227L272 448h48zm-74.686 176L208 195.2 245.344 336Z'/%3E%3C/svg%3E");}

.toolbar button.sup {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='16' height='16' viewBox='0 0 512 512'%3E%3Cpath d='M64 64v64h96v321h64V128h96V64Z'/%3E%3Cpath fill='%230089fe' d='M479 224V12L370 32v35l47-7v164h-34v32h129v-32z'/%3E%3C/svg%3E");
}

.toolbar button.sub {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='16' height='16' viewBox='0 0 512 512'%3E%3Cpath d='M64 64v64h96v321h64V128h96V64Z'/%3E%3Cpath fill='%230089fe' d='M447 480V265l-113 21v34l51-7v167h-34v32h129v-32z'/%3E%3C/svg%3E");
}

.toolbar button.nobr {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M2.86 6q.51 0 .8.45.3.44.3 1.31v3.21h-.94V8.1q0-.52-.1-.79-.1-.26-.36-.26-.35 0-.48.37-.13.38-.13 1.22v2.33H1V6.1h.74l.11.63h.06q.14-.36.39-.54.25-.18.56-.18zm5.2 2.52q0 .72-.17 1.3-.17.57-.52.91-.35.33-.9.33-.5 0-.85-.33-.35-.34-.53-.9-.18-.59-.18-1.31 0-.76.17-1.32t.52-.88Q5.95 6 6.5 6q.7 0 1.13.65.43.66.43 1.87zm-2.18.02q0 .75.14 1.13.14.38.47.38.32 0 .46-.38t.14-1.15q0-.76-.14-1.13Q6.8 7 6.49 7q-.33 0-.47.38-.14.38-.14 1.15zm4.07-4.35v2.07l-.02.47h.03q.15-.35.38-.53.22-.19.53-.19.55 0 .88.65.32.65.32 1.86t-.32 1.88q-.33.66-.9.66-.3 0-.51-.15-.2-.15-.38-.46H9.9l-.14.52H9V4.2Zm.6 2.84q-.33 0-.46.35-.13.34-.14 1v.22q0 .73.14 1.1.14.35.47.35.55 0 .55-1.54 0-1.48-.55-1.48zM14.85 6q.15 0 .32.06l-.08 1.25q-.12-.07-.32-.07-.35 0-.57.32-.2.33-.2.92v2.5h-.96v-4.9h.73l.14.81h.04q.13-.35.36-.62.23-.28.54-.28z' /%3E%3C/svg%3E");
}

.toolbar button.a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='icon flat-color' data-name='Flat Color' viewBox='0 0 24 24'%3E%3Cpath fill='%230089fe' d='M7 21.54a4.54 4.54 0 0 1-3.21-7.75 1 1 0 0 1 1.42 1.42 2.51 2.51 0 0 0 0 3.58 2.59 2.59 0 0 0 3.58 0l5-5a2.53 2.53 0 0 0 0-3.58 1 1 0 0 1 1.42-1.42 4.54 4.54 0 0 1 0 6.42l-5 5A4.55 4.55 0 0 1 7 21.54Z'/%3E%3Cpath d='M9.5 15.5a1 1 0 0 1-.71-.29 4.54 4.54 0 0 1 0-6.42l5-5a4.54 4.54 0 1 1 6.42 6.42 1 1 0 0 1-1.42-1.42 2.51 2.51 0 0 0 0-3.58 2.59 2.59 0 0 0-3.58 0l-5 5a2.53 2.53 0 0 0 0 3.58 1 1 0 0 1 0 1.42 1 1 0 0 1-.71.29Z'/%3E%3C/svg%3E");
}

.toolbar button.img {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='icon flat-color' data-name='Flat Color' viewBox='0 0 24 24'%3E%3Cpath fill='%230089fe' d='M2.29 17 7 12.29a1 1 0 0 1 1.42 0l2.09 2.1 4.07-4.08a1 1 0 0 1 1.42 0L21.71 16a1 1 0 0 1 .29.71V19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-1.29a1 1 0 0 1 .29-.71ZM7.5 7.5A1.5 1.5 0 1 0 9 6a1.5 1.5 0 0 0-1.5 1.5Z'/%3E%3Crect width='19.5' height='16.5' x='2.25' y='3.75' fill='none' stroke='%23000' stroke-width='1.5' rx='1.99'/%3E%3C/svg%3E");
}

.toolbar button.h2 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath d='M12 21H9v-7.5H4.5V21h-3V3h3v7.5H9V3h3z'/%3E%3Cpath fill='%230089fe' d='M22.5 21H15a1.5 1.5 0 0 1-1.5-1.5 8.9 8.9 0 0 1 4.5-7.7l1.9-1a2.3 2.3 0 0 0 1-2v-.5a2.2 2.2 0 0 0-4.4 0V9a1.5 1.5 0 0 1-3 0v-.7a5.2 5.2 0 0 1 10.5 0v.4a5.3 5.3 0 0 1-2.7 4.5l-1.8 1.2a6 6 0 0 0-2.8 3.6h5.8a1.5 1.5 0 0 1 0 3z'/%3E%3C/svg%3E");
}

.toolbar button.h3 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%230089fe' d='M19.5 21H18a4.5 4.5 0 0 1-4.5-4.5 1.5 1.5 0 0 1 3 0A1.5 1.5 0 0 0 18 18h1.5a1.5 1.5 0 0 0 1.5-1.5v-3a1.5 1.5 0 0 0-1.5-1.5h-1.2a1.5 1.5 0 0 1-1.2-2.3L19.6 6H15a1.5 1.5 0 0 1 0-3h7.5a1.5 1.5 0 0 1 1.2 2.4L21 9.3a4.5 4.5 0 0 1 3 4.2v3a4.5 4.5 0 0 1-4.5 4.5z'/%3E%3Cpath d='M12 21H9v-7.5H4.5V21h-3V3h3v7.5H9V3h3z'/%3E%3C/svg%3E");
}

.toolbar button.h4 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath d='M12 21H9v-7.5H4.5V21h-3V3h3v7.5H9V3h3Z'/%3E%3Cpath fill='%230089fe' d='M22.5 3A1.5 1.5 0 0 0 21 4.5v6h-4.5v-6a1.5 1.5 0 0 0-3 0v6a3 3 0 0 0 3 3H21v6a1.5 1.5 0 0 0 3 0v-15A1.5 1.5 0 0 0 22.5 3Z'/%3E%3C/svg%3E");
}

.toolbar button.left {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 2091 2091'%3E%3Cpath d='M1959 1634v130c0 18-6 33-19 46a63 63 0 0 1-46 20H194c-17 0-33-7-46-20a63 63 0 0 1-19-46v-130c0-18 6-33 19-46s29-20 46-20h1700c17 0 33 7 46 20s19 28 19 46zm-392-393v131c0 18-6 33-19 46a63 63 0 0 1-46 19H195c-17 0-33-6-46-19a63 63 0 0 1-19-46v-131c0-17 6-33 19-46s29-19 46-19h1307c17 0 33 6 46 19s19 29 19 46zm261-392v131c0 18-6 33-19 46a63 63 0 0 1-46 19H195c-18 0-33-6-46-19a63 63 0 0 1-19-46V849c0-18 6-33 19-46s28-19 46-19h1568c18 0 33 6 46 19s19 28 19 46zm-392-392v131c0 17-6 33-19 46a63 63 0 0 1-46 19H194c-17 0-33-6-45-19a63 63 0 0 1-20-46V457c0-18 7-33 20-46 12-13 28-19 45-19h1177c18 0 33 6 46 19s19 28 19 46z'/%3E%3C/svg%3E");
}

.toolbar button.center {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 2091 2091'%3E%3Cpath d='M1959 1634v130q0 27-19 46-20 20-46 20H194q-26 0-46-20-19-19-19-46v-130q0-27 19-46 20-20 46-20h1700q26 0 46 20 19 19 19 46zm-392-393v131q0 27-19 46-20 19-46 19H587q-27 0-46-19-20-19-20-46v-131q0-26 20-46 19-19 46-19h915q26 0 46 19 19 20 19 46zm261-392v131q0 26-19 46-19 19-46 19H325q-27 0-46-19-19-20-19-46V849q0-26 19-46 19-19 46-19h1438q27 0 46 19 19 20 19 46zm-392-392v131q0 26-19 46-20 19-46 19H717q-26 0-46-19-19-20-19-46V457q0-27 19-46 20-19 46-19h654q26 0 46 19 19 19 19 46z'/%3E%3C/svg%3E");
}

.toolbar button.right {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 2091 2091'%3E%3Cpath d='M1959 1634v130c0 18-6 33-19 46a63 63 0 0 1-46 20H194c-17 0-33-7-46-20a63 63 0 0 1-19-46v-130c0-18 6-33 19-46s29-20 46-20h1700c17 0 33 7 46 20s19 28 19 46zm2-393v131c0 18-7 33-20 46a63 63 0 0 1-46 19H589c-18 0-33-6-46-19a63 63 0 0 1-19-46v-131c0-17 6-33 19-46s28-19 46-19h1306c18 0 33 6 46 19s20 29 20 46zm0-392v131c0 18-7 33-20 46a63 63 0 0 1-45 19H328c-18 0-33-6-46-19a63 63 0 0 1-20-46V849c0-18 7-33 20-46s28-19 46-19h1568c17 0 33 6 45 19 13 13 20 28 20 46zm-2-392v131c0 17-6 33-19 46a63 63 0 0 1-46 19H717c-17 0-33-6-46-19a63 63 0 0 1-19-46V457c0-18 6-33 19-46s29-19 46-19h1177c17 0 33 6 46 19s19 28 19 46z'/%3E%3C/svg%3E");
}

.toolbar button.justify {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 2091 2091'%3E%3Cpath d='M1959 1634v130c0 18-6 33-19 46a63 63 0 0 1-46 20H194c-17 0-33-7-46-20a63 63 0 0 1-19-46v-130c0-18 6-33 19-46s29-20 46-20h1700c17 0 33 7 46 20s19 28 19 46zm2-393v131c0 18-7 33-20 46a63 63 0 0 1-46 19H195c-17 0-33-6-46-19a63 63 0 0 1-19-46v-131c0-17 6-33 19-46s29-19 46-19h1700c18 0 33 6 46 19s20 29 20 46zm0-392v131c0 18-7 33-20 46a63 63 0 0 1-45 19H195c-18 0-33-6-46-19a63 63 0 0 1-19-46V849c0-18 6-33 19-46s28-19 46-19h1701c17 0 33 6 45 19 13 13 20 28 20 46zm-2-392v131c0 17-6 33-19 46a63 63 0 0 1-46 19H194c-17 0-33-6-45-19a63 63 0 0 1-20-46V457c0-18 7-33 20-46 12-13 28-19 45-19h1700c17 0 33 6 46 19s19 28 19 46z'/%3E%3C/svg%3E");
}

.toolbar button.quote {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 1941 1941'%3E%3Cpath d='M850 544v667q0 99-39 188-38 90-103 155-66 66-155 104-90 38-188 38h-61q-25 0-43-18t-18-42v-122q0-24 18-42t43-18h61q100 0 171-71t71-172v-30q0-38-26-64-27-27-65-27H304q-76 0-129-53t-53-129V544q0-75 53-129 53-53 129-53h364q76 0 129 53 53 54 53 129zm849 0v667q0 99-39 188-38 90-103 155-66 66-155 104-90 38-188 38h-61q-25 0-43-18t-18-42v-122q0-24 18-42t43-18h61q100 0 171-71t71-172v-30q0-38-26-64-27-27-65-27h-212q-76 0-129-53t-53-129V544q0-75 53-129 53-53 129-53h364q76 0 129 53 53 54 53 129z'/%3E%3C/svg%3E");
}

.toolbar button.ul {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 2091 2091'%3E%3Cpath d='M1961 1470v196c0 9-4 17-10 23-6 7-14 10-23 10H686c-8 0-16-3-23-10-6-6-9-14-9-23v-196c0-9 3-16 9-23 7-6 15-9 23-9h1242c9 0 17 3 23 9 6 7 10 14 10 23zm0-523v197c0 8-4 16-10 22-6 7-14 10-23 10H686c-8 0-16-3-23-10-6-6-9-14-9-22V947c0-8 3-16 9-22 7-7 15-10 23-10h1242c9 0 17 3 23 10 6 6 10 14 10 22zm0-522v196c0 9-4 16-10 23-6 6-14 9-23 9H686c-8 0-16-3-23-9-6-7-9-14-9-23V425c0-9 3-17 9-23 7-7 15-10 23-10h1242c9 0 17 3 23 10 6 6 10 14 10 23z'/%3E%3Cpath fill='%230089fe' d='M523 1568c0 55-19 101-57 139s-85 57-139 57-101-19-139-57-57-84-57-139c0-54 19-100 57-139 38-38 85-57 139-57s101 19 139 57c38 39 57 85 57 139zm0-523c0 55-19 101-57 139s-85 58-139 58-101-20-139-58-57-84-57-139c0-54 19-100 57-138s85-58 139-58 101 20 139 58 57 84 57 138zm0-522c0 54-19 100-57 139-38 38-85 57-139 57s-101-19-139-57c-38-39-57-85-57-139 0-55 19-101 57-139s85-57 139-57 101 19 139 57 57 84 57 139z'/%3E%3C/svg%3E");
}

.toolbar button.ol {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 2091 2091'%3E%3Cpath fill='%230089fe' d='M515 1783c0 55-18 98-55 129s-84 47-139 47c-72 0-130-23-175-67l58-82c33 31 69 54 108 54 20 0 38-4 52-14 15-10 34-41 34-60 0-44-48-63-120-58l-26-57c5-7 24-25 44-44 61-55 81-79 120-110H256v53H148v-137h361v75l-121 142c35 9 76 23 97 48 20 25 30 47 30 81zm4-607v130H150c-4-25-6-43-6-55 0-35 13-61 30-89a506 506 0 0 1 123-121c22-14 51-32 67-47s30-30 30-46c0-17-4-35-14-47a78 78 0 0 0-61-24c-31 0-66 38-89 77l-80-60c16-35 41-62 73-81 32-20 68-29 108-29 49 0 91 14 125 42s51 66 51 115c0 34-11 65-35 93-23 28-48 50-76 66s-67 37-89 57c-23 22-42 53-43 70h148v-51zm-16-616v93H161v-93h109a24161 24161 0 0 1 1-266v-12h-2c-5 11-22 30-51 55l-72-78 138-129h108v430z'/%3E%3Cpath d='M1957 1469v196c0 9-3 17-10 23-6 6-14 10-23 10H684c-9 0-17-4-23-10-7-6-10-14-10-23v-196c0-9 3-17 9-23s14-9 24-9h1240c9 0 17 3 23 9 7 7 10 14 10 23zm0-522v196c0 9-3 16-10 23-6 6-14 9-23 9H684c-9 0-17-3-23-9-7-7-10-14-10-23V947c0-10 3-17 9-24 6-6 14-9 24-9h1240c9 0 17 3 23 10 7 6 10 14 10 23zm0-522v195c0 9-3 17-10 23-6 7-14 10-23 10H684c-9 0-17-3-23-10-7-6-10-14-10-23V425c0-9 3-17 10-23 6-7 14-10 23-10h1240c9 0 17 3 23 10 7 6 10 14 10 23z'/%3E%3C/svg%3E");
}

.toolbar button.li {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Ccircle fill='%230089fe' stroke-width='0.5' stroke='black' cx='8' cy='8' r='3.5'/%3E%3C/svg%3E");
}

.toolbar button.pre {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M4.84 5.96q.57 0 .9.66.32.65.32 1.87 0 1.2-.33 1.87-.32.66-.88.66-.31 0-.54-.18-.22-.18-.37-.52H3.9l.03.45v2.3H3V6.05h.76l.14.64h.05q.17-.38.38-.55.22-.18.52-.18Zm-.3 1q-.32 0-.46.35-.14.33-.14 1.05v.21q0 .73.14 1.07.14.35.46.35.55 0 .55-1.49 0-1.53-.55-1.53zm4.2-1q.16 0 .33.05L9 7.26q-.12-.06-.32-.06-.35 0-.56.32-.21.32-.21.92v2.49h-.96V6.05h.73l.14.81h.04q.14-.36.36-.62.23-.28.54-.28Zm2.65 0q.68 0 1.06.6.38.59.38 1.61v.65h-2.01q.01 1.23.79 1.23.28 0 .52-.08.25-.08.52-.27v.98q-.25.18-.52.26-.28.08-.63.08-.8 0-1.22-.65-.4-.65-.4-1.85 0-1.25.39-1.9.4-.65 1.12-.65zm.01.93q-.25 0-.4.26-.16.25-.17.82h1.12q0-.5-.14-.79-.14-.3-.41-.3z'/%3E%3C/svg%3E");
}

.toolbar button.code {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M2.39 11.02q-.77 0-1.16-.6-.38-.62-.38-1.9 0-1.19.4-1.87.4-.7 1.17-.7.32 0 .56.1.25.09.46.24l-.28.95q-.18-.11-.35-.18-.17-.08-.34-.08-.66 0-.66 1.53 0 1.48.67 1.48.24 0 .45-.1.21-.1.42-.27v1.03q-.4.37-.96.37Zm4.68-2.55q0 .73-.18 1.3-.16.58-.51.92-.35.33-.9.33-.5 0-.85-.33-.35-.34-.54-.91-.17-.58-.17-1.3 0-.76.17-1.33.17-.56.52-.87.35-.32.9-.32.7 0 1.13.65.43.65.43 1.86zm-2.18.02q0 .75.14 1.14.14.38.46.38.33 0 .47-.38.14-.39.14-1.16 0-.75-.14-1.13-.14-.37-.47-.37-.32 0-.46.38T4.89 8.5Zm4.22 2.53q-.58 0-.9-.66-.33-.66-.33-1.87t.32-1.87q.33-.66.9-.66.3 0 .52.19.24.18.39.52h.03l-.02-.45L10 5.8V4.15h.95v6.78h-.75l-.15-.56H10q-.17.3-.37.48-.2.17-.52.17Zm.3-1q.32 0 .46-.33.15-.34.15-1.05V8.4q0-.71-.14-1.06Q9.74 7 9.4 7q-.27 0-.42.39-.14.37-.14 1.1 0 1.54.57 1.54zm4.04-4.05q.68 0 1.06.59.39.59.39 1.61v.65h-2.02q.01 1.23.79 1.23.28 0 .53-.08.24-.08.5-.27v.98q-.24.18-.51.26-.27.08-.62.08-.82 0-1.23-.65-.4-.65-.4-1.85 0-1.25.39-1.9.4-.65 1.12-.65zm.01.92q-.24 0-.4.26-.16.25-.17.82H14q0-.5-.14-.79-.14-.3-.41-.3z'/%3E%3C/svg%3E");
}

.toolbar button.parag {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%230089fe' d='M4.003 5.22.972 3.773v-.49l3.03-1.498v.826l-1.966.91 1.967.882zm4.985-.818 1.974-.882-1.974-.91v-.826l3.031 1.498v.49L8.99 5.22zm-4.985 8.794L.972 11.747v-.49l3.03-1.498v.826l-1.966.91 1.967.882zm8.008-.819 1.974-.882-1.974-.91V9.76l3.031 1.498v.49l-3.03 1.45z'/%3E%3Cpath d='M5.94 8.674v1.302q0 .14-.007.322-.007.175-.021.364h.035q.154-.273.378-.413.224-.147.532-.147.553 0 .875.511.329.511.329 1.456 0 .952-.33 1.477-.321.518-.895.518-.308 0-.511-.119t-.378-.364H5.89l-.147.413h-.75v-5.32Zm.602 2.226q-.336 0-.47.273-.125.273-.132.791v.168q0 .574.14.861.14.28.469.28.546 0 .546-1.21 0-1.163-.553-1.163zm4.273-.805q.154 0 .322.042l-.077.98q-.126-.049-.322-.049-.35 0-.567.252-.21.252-.21.721v1.953h-.952v-3.829h.728l.14.637h.042q.133-.28.357-.49.23-.217.539-.217zM6.862 2.12q.574 0 .896.518.322.51.322 1.47 0 .938-.329 1.463-.322.518-.882.518-.308 0-.532-.14-.224-.14-.37-.406h-.043q.021.196.028.35.007.154.007.273v1.533h-.945v-5.51h.763l.14.505h.05q.167-.301.377-.434.217-.14.518-.14zm-.3.79q-.323 0-.463.267-.133.259-.14.826v.168q0 .567.14.84t.462.273q.553 0 .553-1.17 0-1.203-.553-1.203z'/%3E%3C/svg%3E");
}

.toolbar button.fullscreen {
    float: right;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='transparent' stroke='%23000' stroke-width='2' d='M2 10v4h4m4 0h4v-4m0-4V2h-4M6 2H2v4'/%3E%3C/svg%3E");
}

.CodeMirror {
    border: 1px solid #ccc;
}

/* Comments page */
.admin-content tbody tr:has(.field-Comment-good input[type=checkbox]:checked) {
    background-color: color-mix(in srgb, var(--color-success) 10%, var(--page-background));
}

.admin-content tbody tr:has(.field-Comment-shown input[type=checkbox]:not(:checked)) {
    background-color: color-mix(in srgb, var(--base-2) 50%, var(--page-background));
}

.list-action-link-reject:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' width='16' height='16' viewBox='0 0 1792 1792'%3E%3Cpath d='M1344 960V832q0-26-19-45t-45-19H512q-26 0-45 19t-19 45v128q0 26 19 45t45 19h768q26 0 45-19t19-45zm320-64q0 209-103 386t-279 279-386 103-385-103-280-279-103-386 103-385 280-280 385-103 386 103 279 280 103 385z'/%3E%3C/svg%3E");
    /*vertical-align: -2px;*/
    opacity: 0.6;
}

/* Session page */
.admin-content .field-Session-current {
    display: none;
}

.admin-content tbody tr:has(.field-Session-current:not(:empty)) {
    background-color: color-mix(in srgb, var(--color-success) 10%, var(--page-background));
}

/* Config page */
.admin-content .list-content td.field-Config-help {
    max-width: none;
    overflow: visible;
    white-space: normal;
}

.admin-content .list-content td.field-Config-value form.inline-form:not(.success) input,
.admin-content .list-content td.field-Config-value form.inline-form:not(.success) select {
    --border-color: rgba(0, 0, 0, 0.15);
    --background-color: var(--page-background);
}

.admin-content .list-content tr:has(th.field-Config-name) {
    display: none;
}

.admin-content .list-content tr:has(td.type-config-title.field-Config-name) {
    background: none;
}

.admin-content .list-content tr td.type-config-title.field-Config-name {
    padding: 1em 0 0 0;
}

/* Common styles */
a.js {
    text-decoration-style: dashed;
    text-decoration-thickness: 0.5px;
}

.icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: -2px;
    background-repeat: no-repeat;
}

.icon.icon-comments-disabled {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 2091 2091'%3E%3Cpath d='M1045.33 640q-204 0-381.5 69.5t-282 187.5-104.5 255q0 112 71.5 213.5t201.5 175.5l87 50-27 96q-24 91-70 172 152-63 275-171l43-38 57 6q69 8 130 8 204 0 381.5-69.5t282-187.5 104.5-255-104.5-255-282-187.5-381.5-69.5zm896 512q0 174-120 321.5t-326 233-450 85.5q-70 0-145-8-198 175-460 242-49 14-114 22h-5q-15 0-27-10.5t-16-27.5v-1q-3-4-.5-12t2-10 4.5-9.5l6-9 7-8.5 8-9q7-8 31-34.5t34.5-38 31-39.5 32.5-51 27-59 26-76q-157-89-247.5-220t-90.5-281q0-174 120-321.5t326-233 450-85.5 450 85.5 326 233 120 321.5z'/%3E%3Crect width='159.76' height='2323.87' x='-126.62' y='366.95' fill='%23fd0000' rx='58.27' ry='68.69' transform='rotate(-45)'/%3E%3C/svg%3E");
}

.icon.icon-favorite-active,
.icon.icon-favorite-disabled {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 1792 1792'%3E%3Cpath d='m678.44 673.06 193.39-521.1q10.33-28.06 25.83-28.06 15.5 0 25.84 28.05l190.43 521.11h621.5q31 0 35.42 12.55 4.43 12.55-20.67 30.26l-504.87 367.58 191.91 591.97q10.34 29.53-.73 37.64-11.08 8.12-36.17-9.6l-506.35-363.14-504.87 364.63q-25.1 17.71-36.17 9.6-11.07-8.13-.74-37.65l191.91-590.5L31.85 715.87q-25.1-17.71-20.66-30.26 4.42-12.55 33.95-12.55Z'/%3E%3C/svg%3E");
}

.icon.icon-favorite-disabled {
    opacity: 0.4;
}

.icon.icon-favorite-active {
    filter: invert(0.7) sepia(1) hue-rotate(11deg) saturate(10);
}

.icon.icon-hidden {
    background-image: url("data:image/svg+xml,%3Csvg height='16' width='16' viewBox='0 0 2091 2091' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M704.333 1591l78-141q-87-63-136-159t-49-203q0-121 61-225-229 117-381 353 167 258 427 375zm389-759q0-20-14-34t-34-14q-125 0-214.5 89.5t-89.5 214.5q0 20 14 34t34 14 34-14 14-34q0-86 61-147t147-61q20 0 34-14t14-34zm363-191q0 7-1 9-105 188-315 566t-316 567l-49 89q-10 16-28 16-12 0-134-70-16-10-16-28 0-12 44-87-143-65-263.5-173t-208.5-245q-20-31-20-69t20-69q153-235 380-371t496-136q89 0 180 17l54-97q10-16 28-16 5 0 18 6t31 15.5 33 18.5 31.5 18.5 19.5 11.5q16 10 16 27zm37 447q0 139-79 253.5t-209 164.5l280-502q8 45 8 84zm448 128q0 35-20 69-39 64-109 145-150 172-347.5 267t-419.5 95l74-132q212-18 392.5-137t301.5-307q-115-179-282-294l63-112q95 64 182.5 153t144.5 184q20 34 20 69z'/%3E%3C/svg%3E");
}

.icon.icon-bell {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 2091 2091'%3E%3Cpath d='M1061 1859q0-16-16-16-60 0-103-43t-43-102q0-16-16-16t-16 16q0 73 52 126 52 52 126 52 16 0 16-17zm-673-291h1313q-268-302-268-840 0-51-25-106-24-54-69-104-46-49-123-81t-171-32q-94 0-171 32-78 32-123 81-46 50-70 104-24 55-24 106 0 538-269 840zm1497 0q0 53-38 91-39 39-91 39h-453q0 107-76 183-75 75-182 75t-183-75q-76-76-76-183H334q-53 0-91-39-39-38-39-91 51-42 92-88 42-47 86-121 45-74 75-160 31-86 51-208t20-263q0-153 118-285t310-160q-8-19-8-40 0-40 28-68 28-29 69-29 40 0 68 29 29 28 29 68 0 21-8 40 191 28 310 160 118 132 118 285 0 141 19 263 20 122 51 208t75 160q45 74 86 121 41 46 92 88z'/%3E%3C/svg%3E");
}

.icon.icon-warning {
    background-color: var(--color-warning);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M7 2h2v8h-2z m0 10h2v2h-2z'/%3E%3C/svg%3E%0A");
    border-radius: 50%;
}

#popup_message {
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 5000;
    width: 90%;
    left: 5%;
    height: 1px;
}

#popup_message .message-list {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    background: #ffa;
    padding: 1px 24px 1px 3px;
    border: 1px solid #ccb444;
    border-top: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    font-size: 0.917em;
}

#popup_message .message {
    padding: 2px 0;
}

#popup_message a.action {
    font-weight: bold;
    color: var(--color-accent);
    white-space: nowrap;
}

#popup_message .cross {
    display: block;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='red' viewBox='0 0 1195 1195' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1005.141 259.968c12.48 12.416 12.48 32.832 0 45.248L756.245 554.24c-12.352 12.416-12.352 32.832 0 45.312l248.768 249.088c12.48 12.416 12.48 32.832 0 45.248L914.39 984.32c-12.352 12.416-32.768 12.416-45.248 0l-248.64-249.088c-12.416-12.416-32.832-12.416-45.248 0L326.357 984.128c-12.416 12.48-32.832 12.48-45.248 0l-90.496-90.624c-12.416-12.352-12.416-32.768 0-45.248l248.96-248.896c12.416-12.416 12.416-32.832 0-45.312L190.805 305.024c-12.416-12.48-12.416-32.832 0-45.248l90.56-90.496c12.416-12.416 32.832-12.416 45.248 0l248.64 249.024c12.416 12.48 32.832 12.48 45.248.064l248.832-248.96c12.48-12.352 32.896-12.352 45.248 0l90.56 90.56z'/%3E%3C/svg%3E");
    float: right;
    position: relative;
    top: 2px;
    left: 22px;
    margin-left: -20px
}

#popup_message .cross:hover {
    background-color: #fff;
    cursor: pointer;
}

.loading-indicator {
    display: none;
    right: 55px;
    top: 10px;
    position: absolute;
    width: 100px;
    height: 10px;
    -webkit-mask: -webkit-linear-gradient(90deg, #0004 50%, #0000 0) left/20% 100%;
    mask: linear-gradient(90deg, #0004 50%, #0000 0) left/20% 100%;
    background: linear-gradient(#000 0, #000 0) left -25% top 0/20% 100% no-repeat #0005;
    animation: loading-animation 1s infinite steps(6);
}

@keyframes loading-animation {
    100% {
        background-position: right -25% top 0;
    }
}

#picture_dialog[open], #error-dialog[open] {
    width: calc(100% - 60px);
    height: calc(100% - 90px);
    padding: 0;
    background: var(--page-secondary-background);
    border: none;
    box-shadow: 0 3px 8px -2px rgba(0, 0, 0, 0.6);
}

#picture_dialog[open]::backdrop, #error-dialog[open]::backdrop {
    backdrop-filter: blur(2px);
}

.picture-dialog-close {
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    border: none;
    background: transparent;
    color: var(--color-text);
    padding: 0 0.4375rem;
    margin: 0;
    font-size: 2rem;
    line-height: 1.875rem;
    cursor: pointer;
}

#error-dialog[open] {
    padding: 0 1em;
}

#error-iframe {
    width: 100%;
    height: calc(100vh - 235px);
    background: var(--page-background);
    border: 0;
}

#picture_frame,
.preview-frame {
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
}

#id-article-editor-block {
    background: var(--page-secondary-background);
}

/* Tree page */

section.admin-structure {
    margin: 0.75em 0;
}

#tree {
    font-size: 15px;
    min-height: calc(100vh - 95px);
    background: #fff;
    border: 1px solid #eee;
    border-color: #aaa #fff #fff #aaa;
}

.treetree {
    border-radius: 2px;
    cursor: default;
}

.jstree .Search {
    color: #999;
}

.jstree .Draft {
    text-decoration: line-through;
}

.jstree .Search.Match {
    color: #03a;
}

#context_buttons {
    display: none;
}

.jstree #context_buttons {
    margin-left: 2em;
    display: inline;
}

#context_buttons img {
    width: 16px;
    height: 16px;
    margin-left: 4px;
    vertical-align: top;
    color: #000;
    background: url(../i/icons.png);
    border: none;
}

#context_buttons a.context-link {
    display: inline;
    padding: 0;
    margin: 0;
}

img#context_edit {
    background-position: -32px -32px;
}

img#context_add {
    background-position: -32px 0;
}

.Search #context_add {
    display: none;
}

img#context_delete {
    background-position: 0 -32px;
}

ul #context_delete,
.Search #context_delete {
    display: none;
}

ul ul #context_delete {
    display: inline-block;
}

img#context_comments {
    background: url(../i/icons.png) -16px -48px;
    display: none;
}

[data-comments] > .jstree-clicked #context_comments {
    display: inline-block;
}

#context_buttons img:hover {
    background-color: #fff;
}


#folders.jstree .jstree-leaf > a > .jstree-icon,
.jstree li,
.jstree ins,
#vakata-dragged ins.jstree-ok,
#vakata-dragged ins.jstree-invalid,
#jstree-marker {
    background: url(data:image/png;base64,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) no-repeat transparent;
}

.jstree a {
    background: none;
}

.jstree li {
    background-position: -90px 0;
    background-repeat: repeat-y;
}

.jstree li.jstree-last {
    background: transparent;
}

.jstree .jstree-open > ins {
    background-position: -72px 0;
}

.jstree .jstree-closed > ins {
    background-position: -54px 0;
}

.jstree .jstree-leaf > ins {
    background-position: -36px 0;
}

.jstree .jstree-hovered {
    background: #e7f4f9;
    border: 1px solid #d8f0fa;
    padding: 0 2px 0 1px;
}

.jstree .jstree-clicked {
    background: #d2e5fc;
    background: linear-gradient(#dcebfc, #c1dbfc);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
    border: 1px solid #7da2ce;
    border-radius: 2px;
    padding: 0 2px 0 1px;
}

.jstree .jstree-rename-input {
    font-size: 15px;
    min-width: 120px;
    border-color: #aaa #ccc #ccc #aaa !important;
    border-width: 1px !important;
    height: 16px !important;
    display: inline-block !important;
    outline: none;
}

.jstree a .jstree-icon {
    background-position: -55px -19px;
}

.jstree-open > a > .jstree-icon {
    background-position: -73px -19px;
}

.jstree-leaf > a > .jstree-icon {
    background: url(../i/icons.png) -33px -64px;
}

#vakata-dragged {
    font: 0.917em "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", "Droid Sans", Tahoma, Ubuntu, sans-serif;
    background: rgba(245, 252, 255, 0.8);
    border: 1px solid #eee;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 1px 1px 4px -1px #666;
    -webkit-box-shadow: 1px 1px 4px -1px #666;
    box-shadow: 1px 1px 4px -1px #666;
    padding: 2px 2px 2px 22px !important;
    margin: -10px 0 0 10px !important;
}

#vakata-dragged ins {
    top: 2px !important;
    left: 2px;
}

#vakata-dragged ins.jstree-ok {
    background-position: -1px -19px;
}

#vakata-dragged ins.jstree-invalid {
    background-position: -19px -19px;
}

#jstree-marker {
    background-position: -41px -21px;
    text-indent: -100px;
}

.jstree .jstree-locked a {
    color: silver;
    cursor: default;
}

#vakata-dragged {
    -moz-box-shadow: 1px 1px 4px -1px #666;
    -webkit-box-shadow: 1px 1px 4px -1px #666;
    box-shadow: 1px 1px 4px -1px #666;
}

#search_field {
    margin-left: 1em;
    width: 300px;
}

.admin-structure .toolbar {
    position: sticky;
    top: 0;
    background: var(--page-secondary-background);
    padding-bottom: 5px;
}

.toolbar > img {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    height: 24px;
    width: 24px;
    border: transparent solid 1px;
    background-position: center;
}

.toolbar > img:hover,
.toolbar > img.pressed {
    border-color: #fff #aaa #aaa #fff;
    background-color: rgba(255, 255, 255, 0.5);
}

.toolbar > img:active:hover,
.toolbar > img.pressed {
    border-color: #aaa #fff #fff #aaa;
}

.toolbar .separator {
    border: 0;
    width: 0;
    padding: 0;
    margin: 4px;
    background: none;
}

.toolbar .refresh {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 1792 1792'%3E%3Cpath d='M896 180c-173 0-319 51-447 155a720 720 0 0 0-246 381h160c12-29 22-54 31-72 9-20 14-32 22-44a559 559 0 0 1 480-268c146 0 277 51 384 151a52 52 0 0 1 2 75l-138 138c-4 4-4 3-4 8s0 4 4 8 3 4 8 4h448c5 0 4 0 8-4s4-3 4-8V256c0-5 0-4-4-8s-3-4-8-4-4 0-8 4l-130 129a52 52 0 0 1-73 1 721 721 0 0 0-493-198Zm695 860c-4 8-5 12-5 14l1-3a52 52 0 0 1 4-11zm-1402 36c-2 0-2 1-5 4-4 4-4 3-4 8v448c0 5 0 4 4 8s3 4 8 4 4 0 8-4l129-129a52 52 0 0 1 73-1 710 710 0 0 0 490 198c172 0 318-51 445-155a717 717 0 0 0 244-381h-152c-12 29-22 54-31 72-9 20-14 32-22 44a559 559 0 0 1-686 228c-66-26-126-64-178-112a52 52 0 0 1-1-75l137-137c4-4 4-3 4-8s0-4-4-8-3-4-8-4H189z'/%3E%3C/svg%3E");
}

.toolbar .expand {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23000' stroke-width='2' d='M8 8 3 3m6 0H3v6m13-1 5-5m0 6V3h-6m1 13 5 5m-6 0h6v-6M8 16l-5 5m0-6v6h6'/%3E%3C/svg%3E");
}

.toolbar .collapse {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23000' stroke-width='2' d='m21 21-5-5m6 0h-6v6M3 21l5-5m0 6v-6H2M3 3l5 5M2 8h6V2m13 1-5 5m0-6v6h6'/%3E%3C/svg%3E");
}


/*=======================[Dashboard tab]=====================================*/
.stat-items {
    line-height: 1.4;
    display: flex;
    gap: 2em;
    flex-wrap: wrap;
    margin: 0 0 1.5em;
}

.stat-item {
    flex: 0 0 auto;
    max-width: 20em;
}

.stat-item h3 {
    font-weight: 600;
    margin: 0;
}

/*=======================[Extensions tab]=====================================*/

section.admin-extensions h2 {
    font-size: 1.4em;
    margin: 1em 0 0.5em;
    border-bottom: 3px double #ddd;
    border-color: rgba(0, 0, 0, 0.1);
    line-height: 22px;
}

#comm_div h3 {
    font-size: 1.2em;
    font-weight: normal;
    margin: 1em 0 0.5em;
}

.extensions {
    line-height: 23px;
    display: grid;
    grid-template-columns: repeat(auto-fill, 22em);
    /*justify-content: space-between;*/
    grid-gap: 2em
}

.extension button {
    margin: 0.5em 1em 1em 0;
}

.extension p,
.extension h3 {
    margin: 0;
}

.info-box {
    line-height: 1.5;
    margin: 1em 0;
    border-radius: 4px;
    padding: 1em 1em 0;
    overflow: hidden;
    background: #fafae0;
    border: 1px solid #dda;
}

.info-box p {
    margin: 0 0 1em;
    font-size: 1em;
}

.info-box strong,
.extension.error h3 {
    color: red;
}

.extension.disabled {
    color: #666;
    color: rgba(0, 0, 0, 0.4);
}

.extension.disabled h3 {
    text-decoration: line-through;
}

/* from autocomplete.css */

.autoComplete_wrapper {
    display: inline-block;
    position: relative;
    width: 100%;
}

.autoComplete_wrapper > ul {
    position: absolute;
    max-height: 426px;
    overflow-y: auto;
    box-sizing: border-box;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    z-index: 1;
    list-style: none;
    background-color: var(--page-background);
    border: 1px solid var(--table-border);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    outline: none;
}

.autoComplete_wrapper > ul[hidden],
.autoComplete_wrapper > ul:empty {
    display: block;
    opacity: 0;
    transform: scale(0);
}

.autoComplete_wrapper > ul > li {
    margin: 0;
    padding: 0.1875rem 0.5rem;
    font-size: 1rem;
    border-radius: 1rem;
    background-color: var(--highlight-color);
    white-space: nowrap;
    display: inline-block;
}

.autoComplete_wrapper > ul > li mark {
    background-color: transparent;
    color: var(--color-accent);
    font-weight: bold;
}

.autoComplete_wrapper > ul > li:hover {
    cursor: pointer;
    background-color: color-mix(in srgb, var(--color-accent) 10%, transparent);
}

.autoComplete_wrapper > ul > li[aria-selected="true"] {
    background-color: color-mix(in srgb, var(--color-accent) 20%, transparent);
}