/* Layout 3 colonnes */
.docs-wrap {
    display: grid;
    grid-template-columns: 280px 1fr 260px;
    gap: 16px;
    padding: 0 16px;
}

/* Colonnes */
.docs-sidebar {
    position: sticky;
    top: 70px;
    align-self: start;
    max-height: calc(100vh - 90px);
    overflow: auto;
    border-right: 1px solid rgba(255,255,255,.08);
    padding: 12px;
}

.docs-content {
    padding: 24px;
}

.docs-toc {
    position: sticky;
    top: 70px;
    align-self: start;
    max-height: calc(100vh - 90px);
    overflow: auto;
    padding: 12px;
    border-left: 1px solid rgba(255,255,255,.08);
}

/* Sidebar tree */
.side-tree ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.side-tree li {
    margin: 4px 0;
}

/* Titre de niveau 1 en gras */
.side-tree .lvl-1 > a {
    font-weight: 600;
    font-size: 1rem;
}

.side-tree .lvl-2 {
    padding-left: 12px;
}

.side-tree .lvl-3 {
    padding-left: 24px;
}


/* Liens: défaut + états */
.side-tree a {
    color: var(--fg);
    transition: color .2s ease;
    font-size: 0.95rem;
    text-decoration: underline;
}

    /* visited = même couleur que normal */
    .side-tree a:visited {
        color: var(--fg);
    }

        /* hover > visited (règle placée APRÈS) */
        .side-tree a:hover,
        .side-tree a:focus-visible,
        .side-tree a:visited:hover {
            color: var(--color1);
        }

    /* actif */
    .side-tree li.active > a,
    .side-tree a[aria-current="page"] {
        color: var(--color2);
        font-weight: 700;
    }


/* TOC */
.toc-box .toc-title {
    font-weight: 600;
    margin-bottom: 8px;
}

.toc-box ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-decoration: underline;
}

.toc-box li {
    margin: 4px 0;
}

    .toc-box li.l3 {
        margin-left: 12px;
    }

    .toc-box li.l4 {
        margin-left: 24px;
    }

/* Liens: défaut + états */
.toc-box a {
    color: var(--fg);
    transition: color .2s ease;
}

    .toc-box a:visited {
        color: var(--fg);
    }

        .toc-box a:hover,
        .toc-box a:focus-visible,
        .toc-box a:visited:hover {
            color: var(--color1);
        }

    .toc-box a.active {
        color: var(--color2);
        font-weight: 600;
    }


/* Content */
.doc-header h1 {
    margin: 0 0 16px 0;
}

.doc-body h2 {
    margin-top: 28px;
}

.doc-body img {
    max-width: 100%;
    height: auto;
}

.doc-body.ql-editor {
    padding: 0;
    height: auto;
    overflow: visible;
    background: transparent;
    tab-size: 4;
    -moz-tab-size: 4;
}

.doc-body.ql-editor > * {
    cursor: auto;
}

/* ── Rich content (miroir des styles Quill) ────────────── */
.doc-body.ql-editor h1,
.doc-body.ql-editor h2,
.doc-body.ql-editor h3,
.doc-body.ql-editor h4 {
    color: var(--titre, #FFB65A);
    margin: 16px 0 8px;
}

.doc-body.ql-editor h2 {
    margin-top: 28px;
}

.doc-body.ql-editor p {
    line-height: 1.7;
    margin: 8px 0;
}

.doc-body.ql-editor ol,
.doc-body.ql-editor ul,
.doc-body.ql-editor pre,
.doc-body.ql-editor blockquote {
    margin: 8px 0;
}

.doc-body.ql-editor li {
    margin: 4px 0;
    line-height: 1.7;
}

.doc-body.ql-editor a {
    color: var(--color2, #00E0FF);
}

    .doc-body.ql-editor a:visited {
        color: var(--color2, #00E0FF);
    }

        .doc-body.ql-editor a:hover,
        .doc-body.ql-editor a:focus-visible,
        .doc-body.ql-editor a:visited:hover {
            color: var(--color1);
        }

.doc-body.ql-editor blockquote {
    border-left: 3px solid var(--color2, #00E0FF);
    padding-left: 14px;
    color: rgba(255, 255, 255, .7);
}

.doc-body.ql-editor pre.ql-syntax,
.doc-body.ql-editor .ql-code-block-container {
    background: rgba(0, 0, 0, .45);
    border-radius: var(--radius-sm, .35rem);
    padding: 12px 16px;
    color: var(--fg, #fff);
    font-family: "Fira Code", "Cascadia Code", Consolas, monospace;
    font-size: 0.88rem;
    overflow-x: auto;
}

.doc-body.ql-editor code {
    background: rgba(0, 0, 0, .35);
    border-radius: 4px;
    padding: 2px 6px;
    font-family: "Fira Code", "Cascadia Code", Consolas, monospace;
    font-size: 0.88em;
}

    .doc-body.ql-editor pre code {
        background: none;
        padding: 0;
        border-radius: 0;
    }

.doc-body.ql-editor strong,
.doc-body.ql-editor b {
    font-weight: 800;
}

@supports (counter-set: none) {
    .doc-body.ql-editor p.ql-list-continue {
        counter-reset: none;
        counter-set: none;
    }
}

@supports not (counter-set: none) {
    .doc-body.ql-editor p.ql-list-continue {
        counter-reset: none;
    }
}

.doc-body h1,
.doc-body h2,
.doc-body h3,
.doc-body h4 {
    color: var(--titre, #FFB65A);
    margin: 16px 0 8px;
}

.doc-body p {
    line-height: 1.7;
    margin: 8px 0;
}

.doc-body {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.doc-body p,
.doc-body h1,
.doc-body h2,
.doc-body h3,
.doc-body h4,
.doc-body h5,
.doc-body h6 {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.doc-body .ql-editor {
    padding: 0;
    height: auto;
    overflow: visible;
}

.doc-body a {
    color: var(--color2, #00E0FF);
}

    .doc-body a:visited {
        color: var(--color2, #00E0FF);
    }

        .doc-body a:hover,
        .doc-body a:focus-visible,
        .doc-body a:visited:hover {
            color: var(--color1);
        }

.doc-body blockquote {
    border-left: 3px solid var(--color2, #00E0FF);
    padding-left: 14px;
    margin: 8px 0;
    color: rgba(255, 255, 255, .7);
}

.doc-body pre.ql-syntax,
.doc-body .ql-code-block-container {
    background: rgba(0, 0, 0, .45);
    border-radius: var(--radius-sm, .35rem);
    padding: 12px 16px;
    color: var(--fg, #fff);
    font-family: "Fira Code", "Cascadia Code", Consolas, monospace;
    font-size: 0.88rem;
    overflow-x: auto;
}

.doc-body code {
    background: rgba(0, 0, 0, .35);
    border-radius: 4px;
    padding: 2px 6px;
    font-family: "Fira Code", "Cascadia Code", Consolas, monospace;
    font-size: 0.88em;
}

    /* Évite le double fond pour le code dans les blocs pre */
    .doc-body pre code {
        background: none;
        padding: 0;
        border-radius: 0;
    }

.doc-body .ql-align-center {
    text-align: center;
}

.doc-body .ql-align-right {
    text-align: right;
}

.doc-body .ql-align-justify {
    text-align: justify;
}

.doc-body .ql-color-black {
    color: #000;
}

.doc-body .ql-color-white {
    color: #fff;
}

.doc-body .ql-color-red {
    color: #e60000;
}

.doc-body .ql-color-orange {
    color: #f90;
}

.doc-body .ql-color-yellow {
    color: #ff0;
}

.doc-body .ql-color-green {
    color: #008a00;
}

.doc-body .ql-color-blue {
    color: #06c;
}

.doc-body .ql-color-purple {
    color: #93f;
}

.doc-body .ql-bg-black {
    background-color: #000;
}

.doc-body .ql-bg-red {
    background-color: #e60000;
}

.doc-body .ql-bg-orange {
    background-color: #f90;
}

.doc-body .ql-bg-yellow {
    background-color: #ff0;
}

.doc-body .ql-bg-green {
    background-color: #008a00;
}

.doc-body .ql-bg-blue {
    background-color: #06c;
}

.doc-body .ql-bg-purple {
    background-color: #93f;
}

.doc-body .ql-font-serif {
    font-family: Georgia, "Times New Roman", serif;
}

.doc-body .ql-font-monospace {
    font-family: Monaco, "Courier New", monospace;
}

.doc-body .ql-size-small {
    font-size: .75em;
}

.doc-body .ql-size-large {
    font-size: 1.5em;
}

.doc-body .ql-size-huge {
    font-size: 2.5em;
}

.doc-body .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em;
}

.doc-body .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em;
}

.doc-body .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em;
}

.doc-body .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em;
}

.doc-body .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em;
}

.doc-body .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em;
}

.doc-body ul,
.doc-body ol {
    padding-left: 1.5em;
    margin: 8px 0;
}

.doc-body li {
    margin: 4px 0;
    line-height: 1.7;
}

.doc-body li[data-list] {
    list-style-type: none;
    padding-left: 1.5em;
    position: relative;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.doc-body li > .ql-ui {
    position: absolute;
}

.doc-body li > .ql-ui:before {
    display: inline-block;
    margin-left: -1.5em;
    margin-right: .3em;
    text-align: right;
    white-space: nowrap;
    width: 1.2em;
}

.doc-body li[data-list=bullet] > .ql-ui:before {
    content: '\2022';
}

.doc-body li[data-list=checked] > .ql-ui,
.doc-body li[data-list=unchecked] > .ql-ui {
    color: rgba(255, 255, 255, .7);
}

.doc-body li[data-list=checked] > .ql-ui:before {
    content: '\2611';
}

.doc-body li[data-list=unchecked] > .ql-ui:before {
    content: '\2610';
}

.doc-body li[data-list=ordered] {
    counter-increment: list-0;
}

.doc-body li[data-list=ordered] > .ql-ui:before {
    content: counter(list-0, decimal) '. ';
}

.doc-body li[data-list=ordered].ql-indent-1 {
    counter-increment: list-1;
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.doc-body li[data-list=ordered].ql-indent-1 > .ql-ui:before {
    content: counter(list-1, lower-alpha) '. ';
}

.doc-body li[data-list=ordered].ql-indent-2 {
    counter-increment: list-2;
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.doc-body li[data-list=ordered].ql-indent-2 > .ql-ui:before {
    content: counter(list-2, lower-roman) '. ';
}

.doc-body li[data-list=ordered].ql-indent-3 {
    counter-increment: list-3;
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}

.doc-body li[data-list=ordered].ql-indent-3 > .ql-ui:before {
    content: counter(list-3, decimal) '. ';
}

.doc-body li[data-list=ordered].ql-indent-4 {
    counter-increment: list-4;
    counter-reset: list-5 list-6 list-7 list-8 list-9;
}

.doc-body li[data-list=ordered].ql-indent-4 > .ql-ui:before {
    content: counter(list-4, lower-alpha) '. ';
}

.doc-body li[data-list=ordered].ql-indent-5 {
    counter-increment: list-5;
    counter-reset: list-6 list-7 list-8 list-9;
}

.doc-body li[data-list=ordered].ql-indent-5 > .ql-ui:before {
    content: counter(list-5, lower-roman) '. ';
}

.doc-body li[data-list=ordered].ql-indent-6 {
    counter-increment: list-6;
    counter-reset: list-7 list-8 list-9;
}

.doc-body li[data-list=ordered].ql-indent-6 > .ql-ui:before {
    content: counter(list-6, decimal) '. ';
}

.doc-body li[data-list=ordered].ql-indent-7 {
    counter-increment: list-7;
    counter-reset: list-8 list-9;
}

.doc-body li[data-list=ordered].ql-indent-7 > .ql-ui:before {
    content: counter(list-7, lower-alpha) '. ';
}

.doc-body li[data-list=ordered].ql-indent-8 {
    counter-increment: list-8;
    counter-reset: list-9;
}

.doc-body li[data-list=ordered].ql-indent-8 > .ql-ui:before {
    content: counter(list-8, lower-roman) '. ';
}

.doc-body li[data-list=ordered].ql-indent-9 {
    counter-increment: list-9;
}

.doc-body li[data-list=ordered].ql-indent-9 > .ql-ui:before {
    content: counter(list-9, decimal) '. ';
}

.doc-body li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.5em;
}

.doc-body li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 7.5em;
}

.doc-body li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em;
}

.doc-body li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em;
}

.doc-body li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em;
}

.doc-body li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em;
}

.doc-body li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em;
}

.doc-body li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em;
}

.doc-body li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em;
}

.doc-body hr {
    border: none;
    border-top: 1px solid rgba(255, 255, 255, .10);
    margin: 20px 0;
}

.doc-body table {
    width: 100%;
    border-collapse: collapse;
    margin: 12px 0;
}

    .doc-body table th,
    .doc-body table td {
        border: 1px solid rgba(255, 255, 255, .12);
        padding: 8px 12px;
        text-align: left;
    }

    .doc-body table th {
        background: rgba(255, 255, 255, .05);
        font-weight: 600;
    }

/* Règles de listes Quill fidèles pour éviter la dérive de numérotation */
.doc-body.ql-editor {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

@supports (counter-set: none) {
    .doc-body.ql-editor p,
    .doc-body.ql-editor h1,
    .doc-body.ql-editor h2,
    .doc-body.ql-editor h3,
    .doc-body.ql-editor h4,
    .doc-body.ql-editor h5,
    .doc-body.ql-editor h6 {
        counter-reset: none;
        counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }

    .doc-body.ql-editor li[data-list] {
        counter-reset: none;
        counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }

    .doc-body.ql-editor li[data-list].ql-indent-1 {
        counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }

    .doc-body.ql-editor li[data-list].ql-indent-2 {
        counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }

    .doc-body.ql-editor li[data-list].ql-indent-3 {
        counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
    }

    .doc-body.ql-editor li[data-list].ql-indent-4 {
        counter-set: list-5 list-6 list-7 list-8 list-9;
    }

    .doc-body.ql-editor li[data-list].ql-indent-5 {
        counter-set: list-6 list-7 list-8 list-9;
    }

    .doc-body.ql-editor li[data-list].ql-indent-6 {
        counter-set: list-7 list-8 list-9;
    }

    .doc-body.ql-editor li[data-list].ql-indent-7 {
        counter-set: list-8 list-9;
    }

    .doc-body.ql-editor li[data-list].ql-indent-8 {
        counter-set: list-9;
    }
}

@supports not (counter-set: none) {
    .doc-body.ql-editor p,
    .doc-body.ql-editor h1,
    .doc-body.ql-editor h2,
    .doc-body.ql-editor h3,
    .doc-body.ql-editor h4,
    .doc-body.ql-editor h5,
    .doc-body.ql-editor h6 {
        counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }

    .doc-body.ql-editor li[data-list] {
        counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }

    .doc-body.ql-editor li[data-list].ql-indent-1 {
        counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }

    .doc-body.ql-editor li[data-list].ql-indent-2 {
        counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }

    .doc-body.ql-editor li[data-list].ql-indent-3 {
        counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
    }

    .doc-body.ql-editor li[data-list].ql-indent-4 {
        counter-reset: list-5 list-6 list-7 list-8 list-9;
    }

    .doc-body.ql-editor li[data-list].ql-indent-5 {
        counter-reset: list-6 list-7 list-8 list-9;
    }

    .doc-body.ql-editor li[data-list].ql-indent-6 {
        counter-reset: list-7 list-8 list-9;
    }

    .doc-body.ql-editor li[data-list].ql-indent-7 {
        counter-reset: list-8 list-9;
    }

    .doc-body.ql-editor li[data-list].ql-indent-8 {
        counter-reset: list-9;
    }
}

.doc-body.ql-editor ol {
    padding-left: 1.5em;
}

.doc-body.ql-editor li {
    list-style-type: none;
    padding-left: 1.5em;
    position: relative;
}

.doc-body.ql-editor li > .ql-ui {
    position: absolute;
}

.doc-body.ql-editor li > .ql-ui:before {
    display: inline-block;
    margin-left: -1.5em;
    margin-right: .3em;
    text-align: right;
    white-space: nowrap;
    width: 1.2em;
}

.doc-body.ql-editor li[data-list=checked] > .ql-ui,
.doc-body.ql-editor li[data-list=unchecked] > .ql-ui {
    color: rgba(255, 255, 255, .7);
}

.doc-body.ql-editor li[data-list=bullet] > .ql-ui:before {
    content: '\2022';
}

.doc-body.ql-editor li[data-list=checked] > .ql-ui:before {
    content: '\2611';
}

.doc-body.ql-editor li[data-list=unchecked] > .ql-ui:before {
    content: '\2610';
}

.doc-body.ql-editor li[data-list=ordered] {
    counter-increment: list-0;
}

.doc-body.ql-editor li[data-list=ordered] > .ql-ui:before {
    content: counter(list-0, decimal) '. ';
}

.doc-body.ql-editor li[data-list=ordered].ql-indent-1 {
    counter-increment: list-1;
}

.doc-body.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before {
    content: counter(list-1, lower-alpha) '. ';
}

.doc-body.ql-editor li[data-list=ordered].ql-indent-2 {
    counter-increment: list-2;
}

.doc-body.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before {
    content: counter(list-2, lower-roman) '. ';
}

.doc-body.ql-editor li[data-list=ordered].ql-indent-3 {
    counter-increment: list-3;
}

.doc-body.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before {
    content: counter(list-3, decimal) '. ';
}

.doc-body.ql-editor li[data-list=ordered].ql-indent-4 {
    counter-increment: list-4;
}

.doc-body.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before {
    content: counter(list-4, lower-alpha) '. ';
}

.doc-body.ql-editor li[data-list=ordered].ql-indent-5 {
    counter-increment: list-5;
}

.doc-body.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before {
    content: counter(list-5, lower-roman) '. ';
}

.doc-body.ql-editor li[data-list=ordered].ql-indent-6 {
    counter-increment: list-6;
}

.doc-body.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before {
    content: counter(list-6, decimal) '. ';
}

.doc-body.ql-editor li[data-list=ordered].ql-indent-7 {
    counter-increment: list-7;
}

.doc-body.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before {
    content: counter(list-7, lower-alpha) '. ';
}

.doc-body.ql-editor li[data-list=ordered].ql-indent-8 {
    counter-increment: list-8;
}

.doc-body.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before {
    content: counter(list-8, lower-roman) '. ';
}

.doc-body.ql-editor li[data-list=ordered].ql-indent-9 {
    counter-increment: list-9;
}

.doc-body.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before {
    content: counter(list-9, decimal) '. ';
}

.doc-body.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em;
}

.doc-body.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.5em;
}

.doc-body.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em;
}

.doc-body.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 7.5em;
}

.doc-body.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em;
}

.doc-body.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em;
}

.doc-body.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em;
}

.doc-body.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em;
}

.doc-body.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em;
}

.doc-body.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em;
}

.doc-body.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em;
}

.doc-body.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em;
}

.doc-body.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em;
}

.doc-body.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em;
}

.doc-body.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em;
}

.doc-body.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em;
}

.doc-body.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em;
}

.doc-body.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em;
}

/* Responsif */
@media (max-width: 1100px) {
    .docs-wrap {
        grid-template-columns: 220px 1fr;
    }

    .docs-toc {
        display: none;
    }
}

@media (max-width: 780px) {
    .docs-wrap {
        grid-template-columns: 1fr;
    }

    .docs-sidebar {
        position: relative;
        top: auto;
        border-right: none;
    }

    .docs-content {
        padding: 16px;
    }
}

.admin_doc_page .btn-row {
    display: flex;
    gap: 8px;
    align-items: center;
}

.admin_doc_page .btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 12px 18px;
    border-radius: 8px;
    border: 1px solid var(--color2);
    background: transparent;
    color: var(--fg);
    font-size: 16px;
}

    .admin_doc_page .btn:hover {
        border-color: var(--color1);
    }

.admin_doc_page .btn-danger {
    border-color: #e74c3c;
    color: #e74c3c;
}

    .admin_doc_page .btn-danger:hover {
        border-color: #ff6b61;
        color: #ff6b61;
    }

.admin_doc_page .btn-edit {
    border-color: var(--color2);
}

/* ADMIN DOCS */
.md-editor {
    color: var(--fg);
}

form-admin {
    display: inline;
}