@charset "utf-8";
@import url("memo-variables.css");

.main_header_small{
    background-color:#1a1a1a;
    display: flex;
    justify-content: space-between !important;
    align-items: center;
    flex-wrap: wrap !important;
    overflow: visible;
}

body.memo-page-theme-dark .memo-user-messenger {
    overflow: hidden;
    border: 1px solid var(--memo-light-border-color-soft) !important;
    border-radius: 0.75rem;
    background: var(--memo-dark-bg-color) !important;
    box-shadow: 0 24px 58px rgba(0, 0, 0, 0.48);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent) !important;
}

body.memo-page-theme-dark .memo-user-messenger header,
body.memo-page-theme-dark .memo-user-messenger footer,
body.memo-page-theme-dark .memo-user-messenger [class*="header"],
body.memo-page-theme-dark .memo-user-messenger [class*="footer"],
body.memo-page-theme-dark .memo-user-messenger [class*="toolbar"] {
    border-color: var(--memo-light-border-color-soft) !important;
    background: var(--memo-light-bg-color-soft) !important;
    color: var(--memo-light-text-color) !important;
}

body.memo-page-theme-dark .memo-user-messenger aside,
body.memo-page-theme-dark .memo-user-messenger nav,
body.memo-page-theme-dark .memo-user-messenger [class*="sidebar"],
body.memo-page-theme-dark .memo-user-messenger [class*="conversation-list"],
body.memo-page-theme-dark .memo-user-messenger [class*="thread-list"] {
    border-color: var(--memo-light-border-color-soft) !important;
    background: var(--memo-dark-bg-color) !important;
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent) !important;
}

body.memo-page-theme-dark .memo-user-messenger main,
body.memo-page-theme-dark .memo-user-messenger [class*="content"],
body.memo-page-theme-dark .memo-user-messenger [class*="messages"],
body.memo-page-theme-dark .memo-user-messenger [class*="chat"] {
    background: var(--memo-dark-bg-color) !important;
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent) !important;
}

body.memo-page-theme-dark .memo-user-messenger [class*="active"],
body.memo-page-theme-dark .memo-user-messenger [class*="selected"],
body.memo-page-theme-dark .memo-user-messenger [aria-selected="true"] {
    border-color: color-mix(in srgb, var(--memo-accent-color) 45%, transparent) !important;
    background: var(--memo-accent-color-soft) !important;
    color: var(--memo-light-text-color) !important;
}

body.memo-page-theme-dark .memo-user-messenger [class*="preview"],
body.memo-page-theme-dark .memo-user-messenger [class*="meta"],
body.memo-page-theme-dark .memo-user-messenger small {
    color: color-mix(in srgb, var(--memo-light-text-color) 68%, transparent) !important;
}

body.memo-page-theme-dark .memo-user-messenger [class*="bubble"],
body.memo-page-theme-dark .memo-user-messenger [class*="message-body"],
body.memo-page-theme-dark .memo-user-messenger [class*="message-text"] {
    border-color: var(--memo-light-border-color-soft) !important;
    background: var(--memo-light-bg-color-soft) !important;
    color: var(--memo-light-text-color) !important;
}

body.memo-page-theme-dark .memo-user-messenger [class*="outgoing"] [class*="bubble"],
body.memo-page-theme-dark .memo-user-messenger [class*="own"] [class*="bubble"],
body.memo-page-theme-dark .memo-user-messenger [class*="sent"] [class*="bubble"] {
    border-color: var(--memo-accent-color) !important;
    background: var(--memo-accent-color) !important;
    color: var(--memo-light-text-color) !important;
}

body.memo-page-theme-dark .memo-user-messenger input,
body.memo-page-theme-dark .memo-user-messenger textarea,
body.memo-page-theme-dark .memo-user-messenger [contenteditable="true"] {
    border: 1px solid var(--memo-light-border-color-soft) !important;
    background: var(--memo-light-bg-color-soft) !important;
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent) !important;
}

body.memo-page-theme-dark .memo-user-messenger input::placeholder,
body.memo-page-theme-dark .memo-user-messenger textarea::placeholder {
    color: color-mix(in srgb, var(--memo-light-text-color) 68%, transparent) !important;
    opacity: 1;
}

body.memo-page-theme-dark .memo-user-messenger button {
    border: 1px solid var(--memo-light-border-color-soft) !important;
    background: var(--memo-light-bg-color-soft) !important;
    color: var(--memo-light-text-color) !important;
    box-shadow: none;
}

body.memo-page-theme-dark .memo-user-messenger button:hover,
body.memo-page-theme-dark .memo-user-messenger button:focus-visible {
    border-color: var(--memo-accent-color) !important;
    background: var(--memo-accent-color) !important;
    color: var(--memo-light-text-color) !important;
}

.eva_logo_small,
.eva_logo_small_dev {
    display: block;
    background-image: url(images/Memo_Logo_Original_dark.svg);
    background-repeat: no-repeat;
    background-position: 1.4rem center;
    background-size: 180px auto;
    width: 100%;
    height: 64px;
    min-width: 0;
    margin: 0;
}

html.memo-theme-preload-light .eva_logo_small,
html.memo-theme-preload-light .eva_logo_small_dev {
    background-image: url(images/Memo_Logo_Original.svg);
}

html.memo-theme-preload-dark .eva_logo_small,
html.memo-theme-preload-dark .eva_logo_small_dev {
    background-image: url(images/Memo_Logo_Original_dark.svg);
}

@media (max-width: 864px) {
    .eva_logo_small_dev {
        flex: 1 1 auto !important;
    }
}

.eva_list_element.borderBottomOrange
{
    border-bottom: 1px solid #dedede;
    cursor:default;
}

.start_header{
    background-color:#3a5ea4;
    height:101px;
}

.eva_logo{
    background-image:url(images/eva_logo.jpg);
    width:234px;
    height:101px;
    float:left;
}

.main_menu{
    background-image:url(images/menu_bg.jpg);
    width:1046px;
    height:101px;
    float:left;
}

.watermark{
    background-image:url(images/watermark.png);
    width:251px;
    height:90px;
    float:right;
    margin-right:20px;
}

.watermark_small{
    background-image:url(images/watermark_small.png);
    width:137px;
    height:43px;
    margin-right:10px;
    float:right;
    display: none;
}

.menu{
    margin-left:10px;
    margin-top:2px;
    float:left;
}

.menu a.eva_manager{
    background-image:url(images/eva_manager_botton.png);
    width:93px;
    height:92px;
    margin-right:10px;
    float:left;
}

a.eva_manager:hover{
    background-image:url(images/eva_manager_botton_hover.png);
}

.menu a.eva_carlive{
    background-image:url(images/eva_carlive_botton.png);
    width:93px;
    height:92px;
    margin-right:10px;
    float:left;
}

a.eva_carlive:hover{
    background-image:url(images/eva_carlive_botton_hover.png);
}

.menu a.eva_direct{
    background-image:url(images/eva_direct_botton.png);
    width:93px;
    height:92px;
    margin-right:10px;
    float:left;
}

a.eva_direct:hover{
    background-image:url(images/eva_direct_botton_hover.png);
}

.menu a.eva_after_sale{
    background-image:url(images/eva_after_sale_botton.png);
    width:93px;
    height:92px;
    margin-right:10px;
    float:left;
}

a.eva_after_sale:hover{
    background-image:url(images/eva_after_sale_botton_hover.png);
}

.menu a.eva_cms{
    background-image:url(images/eva_cms_botton.png);
    width:93px;
    height:92px;
    margin-right:10px;
    float:left;
}

a.eva_cms:hover{
    background-image:url(images/eva_cms_botton_hover.png);
}

/* ------------------------------------ */

.sub_menu{
    position:relative;
    background: #252525;
    /*background-color:#c1c1c1;
    border-bottom:1px solid #d8d8d8;*/
    width:100%;
    min-height:40px;
    display: flex;
    /*justify-content: space-between;*/
    flex-wrap: wrap !important;
    z-index: 2;
}

/*object{
position:relative;
z-index:1;
}*/

/* ------------------------------------ */

.sub_menu_topline{
    /*background-image:url(images/line01.jpg);
    background-repeat:repeat-x;*/
    background: #2c2c2c;
    height:0px;
    width:100%;
    float:left;
}

div.willkommen{
    width:234px;
    line-height:40px;
    font-weight:600;
    font-size:14px;
    color:#000;
    background: var(--memo-accent-color);
    text-align: center;
}

@media (max-width: 1160px) {
    div.willkommen{
        font-size: 0;
        width:60px;
    }

    .user-thumbnail{
        margin: 0!important;
    }
}

/* div.willkommen:before{
    content: url(images/icons/logged-in-user.svg);
    width: 1.2rem;
    display: inline-block;
    margin-right: 0.2rem;
    margin-bottom: 0.3rem;
    vertical-align: middle;
}*/

/* #### USER THUMBNAIL #### */

/* Container for user profile and dropdown */
.user-thumbnail {
    position: relative;
    display: inline-block;
    margin-right: 0.8rem;
}

/* Profile picture styling */
.user-thumbnail .profile-pic {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
    /*border: 1px solid #000;*/
}

/* Notification badge styling */
.user-thumbnail .notification-badge {
    position: absolute;
    top: 5px;
    right: -8px;
    background-color: #000;
    color: var(--memo-accent-color);
    font-size: 12px;
    font-weight: bold;
    border-radius: 50%;
    padding: 1px 5px;
    min-width: 7px;
    text-align: center;
    line-height: 1.2;
    border: 1px solid #fff;
    animation: note-bounce 2s infinite;
}

/* Dropdown menu container */
.user-thumbnail .dropdown {
    position: absolute;
    top: 50px;
    right: 0;
    width: 300px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    display: none;
    z-index: 1000;
    padding: 0.5rem 0;
}

/* Individual dropdown links */
.user-thumbnail .dropdown a {
    display: block;
    padding: 0.5rem 1rem;
    color: #333;
    font-size: 14px;
    text-decoration: none;
    border-bottom: 1px solid #eee;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Hover effect for dropdown links */
.user-thumbnail .dropdown a:hover {
    background-color: #f7f7f7;
}

/* Show dropdown on hover */
.user-thumbnail:hover .dropdown {
    display: block;
}

.menu_small a .eva_sub_txt.menu-text-message-error{
    font-size: 0.7rem;
    background: #b80000;
    height: fit-content;
    white-space: inherit;
    color: #fff;
    padding: 0.2rem 0.5rem;
    border-radius: 0.2rem;
}

.menu_small a .eva_sub_txt.menu-text-message-error:hover{
    color: #fff;
}

.menu_small a .eva_sub_txt.menu-text-message-error:before{
    content: url(images/icons/menu-error.svg);
    width: 0.7rem;
    display: inline-block;
    margin-right: 0.2rem;
    vertical-align: middle;
}

.menu_small a .eva_sub_txt.menu-text-message-update{
    font-size: 0.7rem;
    background: #4a9d00;
    color: #fff;
    white-space: inherit;
    height: fit-content;
    padding: 0.2rem 0.5rem;
    border-radius: 0.2rem;
}

.menu_small a .eva_sub_txt.menu-text-message-update:hover{
    color: #fff;
}

.menu_small a .eva_sub_txt.menu-text-message-update:before{
    content: url(images/icons/menu-update.svg);
    width: 0.7rem;
    display: inline-block;
    margin-right: 0.2rem;
    vertical-align: middle;
}


@media (max-width: 1350px) {

    .menu_small a .eva_sub_txt.menu-text-message-error:before,
    .menu_small a .eva_sub_txt.menu-text-message-update:before{
        width: 1rem;
    }

    .menu_small a .eva_sub_txt.menu-text-message-error,
    .menu_small a .eva_sub_txt.menu-text-message-update{
        font-size: 0;
        padding: 0.2rem 0rem 0.2rem 0.2rem;
    }
}

.menu_small {
    display: flex;
    padding: 0 0.5rem;
    flex-wrap: wrap !important; /* NEU */
    flex: 1 1 auto !important; /* NEU */
}

.no-hover{
    z-index: 1;
}

.menu_small:last-of-type {
    padding-right: 0;
}

.menu_small a{
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
    transition: all .15s ease-in-out;
    cursor: pointer;
    flex: 1 1 auto !important; /* NEU */
    justify-content: center !important; /* NEU */
}

@media (max-width: 575.98px) {
    .menu_small a{
        border:none!important;
        padding: 0.2rem;
    }
    .menu_small a .eva_sub_txt{
        font-size: 0!important;
    }
}



.menu_small.icons a{
    padding: 0.5rem;
    display: flex;
    align-items: center !important;
}

.menu_small.icons .menu-item {
    display: flex;
    align-items: center !important;
    display: flex;
    align-items: center;
    transition: all .15s ease-in-out;
    cursor: pointer;
    flex: 1 1 auto !important;
    justify-content: center !important;
}

.menu_small.icons a.login_small{
    padding: 0 1rem;
}



.menu_small a.eva_manager{
    background-image:url(images/sub_manager.png);
    width:45px;
    height:41px;
    float:left;
}
.menu_small a.eva_manager_aktiv{
    width:45px;
    height:41px;
    float:left;
    background-image:url(images/sub_manager_hover.png);
}

.menu_small a.eva_sub_txt{
    display:block;
    text-decoration:none;
    color:#FFFFFF;
    height:25px;
    width:auto;
    background-color:#1a1a1a;
    font-size:12px;
    margin-top:6px;
    margin-right:5px;
    padding-top:8px;
    padding-right:6px;
    float:left;
}

.menu_small a .eva_sub_txt{
    display:block;
    text-decoration:none;
    color:#FFFFFF;
    width:auto;
    background-color:#1a1a1a;
    font-size:14px;
    margin-right:5px;
    padding-right:6px;
    white-space: nowrap;
    float:left;
    transition: all .15s ease-in-out;
}

.menu_small a.aktiv .eva_sub_txt{
    color: var(--memo-accent-color);
}

.menu_small a:hover .eva_sub_txt{
    color: var(--memo-accent-color);
}

.menu_small a.no-hover,
.menu_small a.no-hover:hover,
.menu_small a.no-hover:hover .eva_sub_txt{
    color: #fff!important;
}

.menu-icon img {
    width: 27px;
    margin-right: 0.3rem;
    background: #1a1a1a;
    border-radius: 100%;
    padding: 3.5px;
    transition: all .45s ease-in-out;
}

.menu_small a:nth-child(2) .menu-icon img,
.menu_small a:nth-child(3) .menu-icon img,
.menu_small a:nth-child(4) .menu-icon img{
    padding: 2px 3.5px;
}

.menu-icon.help img {
    width: 27px;
    padding: 3px 3px!important;
}

.menu-icon.management img {
    width: 27px;
    padding: 0;
}

.menu-icon.calendar img{
    width: 27px;
    padding: 3px 3.5px!important;
}

.menu_small a.aktiv .menu-icon img{
    background: var(--memo-accent-color);
}

.menu_small a:hover .menu-icon img{
    background: var(--memo-accent-color);
    transform: rotate(360deg);
}

.menu_small a.eva_manager:hover{
    background-image:url(images/sub_manager_hover.png);
}


.menu_small a.eva_carlive{
    background-image:url(images/sub_carlive.png);
    width:45px;
    height:41px;
    float:left;
}
.menu_small a.eva_carlive_aktiv{
    background-image:url(images/sub_carlive_hover.png);
    width:45px;
    height:41px;
    float:left;
}

.menu_small a.eva_carlive:hover{
    background-image:url(images/sub_carlive_hover.png);
}

.menu_small a.eva_direct{
    background-image:url(images/sub_direct.png);
    width:45px;
    height:41px;
    float:left;
}
.menu_small a.eva_direct_aktiv{
    background-image:url(images/sub_direct_hover.png);
    width:45px;
    height:41px;
    float:left;
}

.menu_small a.eva_direct:hover{
    background-image:url(images/sub_direct_hover.png);
}

.menu_small a.eva_after_sale{
    background-image:url(images/sub_after_sale.png);
    width:45px;
    height:41px;
    float:left;
}
.menu_small a.eva_after_sale_aktiv{
    background-image:url(images/sub_after_sale_hover.png);
    width:45px;
    height:41px;
    float:left;
}

.menu_small a.eva_after_sale:hover{
    background-image:url(images/sub_after_sale_hover.png);
}

.menu_small a.eva_cms{
    background-image:url(images/sub_cms.png);
    width:45px;
    height:41px;
    float:left;
}
.menu_small a.eva_cms_aktiv{
    background-image:url(images/sub_cms_hover.png);
    width:45px;
    height:41px;
    float:left;
}

.menu_small a.eva_cms:hover{
    background-image:url(images/sub_cms_hover.png);
}

.menu_small a.eva_cars{
    background-color:var(--memo-accent-color);
    color:#ffffff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    padding: 5px 10px;
    margin:7px 0 0 5px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.75);
    float:left;
}


.sub_menu ul{
    text-indent:5px;
    color:#3a3a3a;
    line-height:40px;
    font-size:12px;
    padding:0px;
    text-align: center;
    /*float:left;
    margin:0px; alt */
    margin-bottom: 0.8rem; /* NEU */
}

.sub_menu ul li{
    font-size:14px;
    cursor:default;
    position:relative;
    list-style-type:none;
    padding: 0 0.5rem;
}

.sub_menu ul ul{
    margin:0 0 0 -1rem;
    display:none;
    padding-top: 10px;
}

.sub_menu ul li:hover > ul{
    position:absolute;
    display:block;
    z-index: 1;
}

@media (max-width: 575.98px) {
    .sub_menu ul li:hover > ul {
        position: fixed;
        display: flex;
        z-index: 9999;
        top: 0;
        justify-content: center !important;
        width: 100%;
        background: #1a1a1a;
        gap: 10px;
        left: 0;
        align-items: center !important;
        margin: 0;
        flex-wrap: wrap;
        padding-bottom: 10px;
        min-height: 150px;
        border-radius: 0.25rem;
    }
    .sub_menu li > a{
        border: solid 1px #2c2c2c;
        border-radius: 0.25rem;
        width: auto!important;
        font-size: 0.8rem;
    }
}

@media (max-width: 326px) {
    .sub_menu ul li:hover > ul {
        min-height: 190px;
    }
}

.sub_menu ul > li > span{
    display:block;
    /*background-image:url(images/button_submenu.png);*/
    width:138px;
    height:30px;
    margin:0 0 0 0;
    color: var(--memo-accent-color);
}

.sub_menu li > a{
    overflow:visible;
    color:#fff;
    text-decoration:none;
    width:270px;
    background-color:#1a1a1a;
    display:block;
    line-height:normal;
    text-align: left;
    padding:5px;
    border-bottom:solid 1px #2c2c2c;
    transition: all .15s ease-in-out;
}

.sub_menu li > a:hover{
    color:#FFFFFF;
    background-color:var(--memo-accent-color);
}
li .submenu_headline{
    background-color:#FFFFFF;
    line-height:22px;
    padding-left:5px;
    width:225px;
    height:22px;
    border-bottom:1px solid #9d9d9d;
}

.flex-menu {
    display: flex;
    width: 100%;
    background-color: #f1f1f1;
    gap: 1rem;
}

.flex-menu .menu-item {
    flex: 1;
    text-align: center;
    transition: background-color 0.3s;
    -webkit-border-top-left-radius: 0.2rem;
    -webkit-border-top-right-radius: 0.2rem;
    -moz-border-radius-topleft: 0.2rem;
    -moz-border-radius-topright: 0.2rem;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    background-color: #fff;
    color: var(--memo-accent-color);
    border: 1px solid #f1f1f1;
    border-top: 0.2rem solid #696969;
    -webkit-box-shadow: inset 0px -10px 15px -9px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0px -10px 15px -9px rgba(0, 0, 0, 0.05);
}

.flex-menu .menu-item:hover {
    background-color: var(--memo-accent-color);
    border-top: 0.2rem solid var(--memo-accent-color);
    color:#fff;
}

.flex-menu .menu-item a{
    color:#555;
}

.flex-menu .menu-item:hover a{
    color:#fff;
}

.flex-menu .kundenmenu_reiter_aktiv {
    background-color: var(--memo-accent-color);
    color: #fff;
    border: 1px solid #f1f1f1;
    border-bottom: 1px solid #fff;
    border-top: 3px solid var(--memo-accent-color);
    -webkit-box-shadow:
            0px -10px 15px -9px rgba(0,0,0,0.22),
            inset 0px -10px 15px -9px rgba(0,0,0,0.05);
    box-shadow:
            0px -10px 15px -9px rgba(0,0,0,0.22),
            inset 0px -10px 15px -9px rgba(0,0,0,0.05);
}

.flex-menu .kundenmenu_reiter_aktiv a{
    color: #fff;
}

.flex-menu .Menutext {
    display: block;
    padding: 0.5rem;
    text-decoration: none;
    color: #555;
}

@media (max-width: 992px) {
    .menu_small a{
        margin: 0.5rem;
        border-radius: 0.25rem;
    }
    .menu_small a.no-hover, .menu_small a.no-hover:hover, .menu_small a.no-hover:hover .eva_sub_txt {
        border: none;
    }
    .menu_small.icons{
        margin-bottom: 0.5rem;
    }
    .menu_small.icons a {
        padding: 0.5rem;
        margin: 0.5rem;
        height: 2.3rem;
    }
}

.dropdown-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    border-bottom: 1px solid #eee;
    background-color: #f9f9f9;
    font-weight: bold;
    font-size: 14px;
    line-height: 25px;
}

.dropdown-title {
    flex-grow: 1;
}

.dropdown-close {
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
    color: #888;
    line-height: 1;
    padding: 0;
}

.dropdown-close:hover {
    color: #000;
}

.user-thumbnail {
    position: relative;
    display: inline-block;
    transition: transform 0.2s ease-in-out;
}

.user-thumbnail:hover {
    cursor: pointer;
    transform: scale(1.15);

}

.notification-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    background: red;
    color: white;
    font-size: 12px;
    padding: 2px 6px;
    border-radius: 50%;
}

.notif-entry {
    display: flex!important;
    align-items: flex-start;
    padding: 10px;
    text-decoration: none;
    color: black;
    border-bottom: 1px solid #f0f0f0;
}

.notif-entry:hover {
    background: #e9e9e9;
    border-bottom: 1px solid #f0f0f0;
}

.notif-avatar {
    width: 48px;
    height: 48px;
    margin-top: 7px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 10px;
}

.notif-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    line-height: 25px;
    text-align: left;
}

.notif-header {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 2px;
}

.notif-icon-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notif-time {
    font-size: 11px;
    white-space: nowrap;
}

.notif-preview {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.25rem;
}

.notif-vin  {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 0.75rem;
}
.notif-unread {
    color: #000;
    font-weight: 600;
}

.notif-read {
    color: #777;
    opacity: 0.7;
    font-weight: 400;
}
.notif-unread .notif-header {
    color: #222;
}

.notif-read .notif-header {
    color: #555
}

/* SUBMENÜ */

.menu-item.has-submenu {
    position: relative;
}

.menu-item.has-submenu .submenu {
    position: absolute;
    top: calc(100% + 0px);
    left: 47%;
    min-width: 220px;
    background: #fff;
    border-radius: 0.25rem;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.14);
    padding: 10px 0;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(-50%) translateY(-8px) scale(0.96);
    transform-origin: top center;
    transition:
            opacity 0.22s ease,
            transform 0.22s cubic-bezier(0.22, 1, 0.36, 1),
            visibility 0.22s ease;
}

.menu-item.has-submenu .submenu::before {
    content: "";
    position: absolute;
    top: -6px;
    left: 50%;
    width: 12px;
    height: 12px;
    background: #fff;
    transform: translateX(-50%) rotate(45deg) scale(0.8);
    opacity: 0;
    box-shadow: -2px -2px 6px rgba(0, 0, 0, 0.04);
    transition:
            opacity 0.22s ease,
            transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}

.menu-item.has-submenu .submenu a {
    display: block;
    padding: 10px 16px;
    color: #222;
    text-decoration: none;
    white-space: nowrap;
    transition:
            background 0.2s ease,
            color 0.2s ease,
            padding-left 0.2s ease;
    font-size: 14px;
}

.menu-item.has-submenu .submenu a:hover {
    background: var(--memo-accent-color);
    color: #fff;
}

.menu-item.has-submenu:hover .submenu,
.menu-item.has-submenu.open .submenu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0) scale(1);
}

.menu-item.has-submenu:hover .submenu::before,
.menu-item.has-submenu.open .submenu::before {
    opacity: 1;
    transform: translateX(-50%) rotate(45deg) scale(1);
}

/* SIDEBAR MENU */
:root {
    --memo-sidebar-width: 282px;
    --memo-page-topbar-height: 64px;
    --memo-sidebar-bg: var(--memo-dark-bg-color); /* old #151a20; */
    --memo-sidebar-bg-soft: #252525;
    --memo-sidebar-line: var(--memo-light-border-color-soft);
    --memo-sidebar-text: #f7f7f7;
    --memo-sidebar-muted: #a8a8a8;
    --memo-sidebar-accent: var(--memo-accent-color);
    --memo-sidebar-accent-soft: var(--memo-accent-color-soft);
    --memo-sidebar-active-border: var(--memo-accent-color-medium-soft);
    --memo-sidebar-card-bg: rgba(255, 255, 255, 0.05);
    --memo-sidebar-section-body-bg: var(--memo-sidebar-card-bg);
    --memo-sidebar-control-text: #fff;
    --memo-sidebar-footer-bg: #181818;
    --memo-sidebar-group-bg: rgba(255, 255, 255, 0.06);
    --memo-sidebar-link-text: #e9e9e9;
    --memo-sidebar-popup-bg: #fff;
    --memo-sidebar-popup-text: #222;
    --memo-sidebar-avatar-border: rgba(255, 255, 255, 0.5);
    --memo-sidebar-inactive-icon-filter: none;
    --memo-sidebar-width-collapsed: 74px;
}

.main_header_small.memo-sidebar.is-theme-light,
.memo-mobile-bar.is-theme-light,
.memo-page-topbar.is-theme-light,
html.memo-theme-preload-light .main_header_small.memo-sidebar,
html.memo-theme-preload-light .memo-mobile-bar,
html.memo-theme-preload-light .memo-page-topbar {
    --memo-sidebar-bg: #fff;
    --memo-sidebar-bg-soft: #f1f3f5;
    --memo-sidebar-line: #edf0f3;
    --memo-sidebar-text: #1f2328;
    --memo-sidebar-muted: #68727d;
    --memo-sidebar-active-border: #ffd8c2;
    --memo-sidebar-card-bg: #f5f7f9;
    --memo-sidebar-section-body-bg: #fafbfc;
    --memo-sidebar-control-text: #1f2328;
    --memo-sidebar-footer-bg: #fff;
    --memo-sidebar-group-bg: #f6f8fa;
    --memo-sidebar-link-text: #2f363d;
    --memo-sidebar-popup-bg: #fff;
    --memo-sidebar-popup-text: #1f2328;
    --memo-sidebar-avatar-border: rgba(31, 35, 40, 0.28);
    --memo-sidebar-inactive-icon-filter: brightness(0) saturate(100%) invert(12%) sepia(10%) saturate(652%) hue-rotate(169deg) brightness(93%) contrast(91%);
}

.main_header_small.memo-sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 100;
    display: flex;
    flex-flow: column nowrap !important;
    align-items: stretch;
    justify-content: flex-start !important;
    width: var(--memo-sidebar-width);
    height: 100vh;
    overflow: visible;
    background: var(--memo-sidebar-bg);
    border-right: 1px solid var(--memo-sidebar-line);
    transition: width 0.38s cubic-bezier(0.4, 0, 0.2, 1);
}

body.memo-sidebar-collapsing .main_header_small.memo-sidebar,
body.memo-sidebar-expanding .main_header_small.memo-sidebar {
    overflow: hidden;
}

.memo-page-topbar {
    position: fixed;
    inset: 0 0 auto var(--memo-sidebar-width);
    z-index: 95;
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(280px, 460px) minmax(220px, 1fr);
    align-items: center;
    column-gap: 1.25rem;
    height: var(--memo-page-topbar-height);
    padding: 0 1.35rem;
    background: var(--memo-sidebar-bg);
    border-bottom: 1px solid var(--memo-sidebar-line);
    color: var(--memo-sidebar-text);
    box-sizing: border-box;
    transition: left 0.38s cubic-bezier(0.4, 0, 0.2, 1);
}

.memo-page-topbar-spacer {
    width: calc(100% - var(--memo-sidebar-width));
    height: var(--memo-page-topbar-height);
    margin-left: var(--memo-sidebar-width);
    transition: margin-left 0.38s cubic-bezier(0.4, 0, 0.2, 1), width 0.38s cubic-bezier(0.4, 0, 0.2, 1);
}

.memo-page-topbar-greeting {
    display: flex;
    flex-flow: column nowrap;
    grid-column: 1;
    min-width: 210px;
    line-height: 1.2;
}

.memo-page-topbar-greeting strong {
    display: flex;
    align-items: center;
    gap: 0.32rem;
    color: var(--memo-sidebar-text);
    font-size: 17px;
    font-weight: 600;
    white-space: nowrap;
}

.memo-page-topbar-greeting i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    background: transparent;
    color: var(--memo-sidebar-accent);
    font-size: 19px;
    font-weight: 400;
    font-synthesis: none;
    line-height: 1;
}

.memo-page-topbar-greeting span {
    display: block;
    margin-top: 0.22rem;
    color: var(--memo-sidebar-muted);
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap;
}

.memo-page-topbar-tools {
    display: flex;
    grid-column: 3;
    align-items: center;
    justify-content: flex-end;
    justify-self: end;
    gap: 0.85rem;
    flex: 0 1 auto;
    min-width: 0;
}

.memo-page-topbar-search {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    grid-column: 2;
    justify-self: center;
    width: 100%;
    min-width: 0;
    max-width: 620px;
    height: 38px;
    padding: 0 0.8rem;
    border: 1px solid var(--memo-sidebar-line);
    border-radius: 0.55rem;
    background: var(--memo-sidebar-bg-soft);
    color: var(--memo-sidebar-muted);
    box-sizing: border-box;
}

body.memo-page-theme-dark .memo-page-topbar-search{
    background: var(--memo-light-bg-color-soft)!important;
    border: 1px solid var(--memo-light-border-color-soft)!important;
}

.memo-page-topbar-search input {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--memo-sidebar-text);
    font: inherit;
    font-size: 14px;
}

.memo-page-topbar-search input::placeholder {
    color: var(--memo-sidebar-muted);
}

.memo-page-topbar-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 0;
    border-radius: 0.45rem;
    background: transparent;
    color: var(--memo-sidebar-accent);
    font-size: 20px;
    line-height: 1;
    text-decoration: none;
}

button.memo-page-topbar-icon {
    cursor: pointer;
}

.memo-page-topbar-icon:hover,
.memo-page-topbar-icon:focus-visible {
    background: var(--memo-sidebar-accent-soft);
    color: var(--memo-sidebar-accent);
}

.memo-page-topbar-badge {
    position: absolute;
    top: 0;
    right: -1px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    border: 2px solid var(--memo-sidebar-bg);
    border-radius: 999px;
    background: var(--memo-sidebar-accent);
    color: #1a1a1a;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
}

.memo-page-topbar-profile {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--memo-sidebar-text);
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
}

.memo-page-topbar-profile .icon-chevron-down{
    color:var(--memo-accent-color);
    padding-right: 0.2rem;
}

.memo-page-topbar-profile .icon-chevron-down {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 20px;
}

/* Falls dein Icon über ::before erzeugt wird */
.memo-page-topbar-profile .icon-chevron-down::before {
    display: block;
    transform-origin: 50% 50%;
    transition: transform 0.25s ease;
}

.memo-page-topbar-profile[aria-expanded="true"] .icon-chevron-down::before {
    transform: rotate(180deg);
}

.memo-page-topbar-profile img {
    display: block;
    width: 38px;
    height: 38px;
    border: 1px solid var(--memo-light-bg-color);
    border-radius: 50%;
    object-fit: cover;
}

.memo-sidebar.is-theme-dark .memo-page-topbar-profile img{
    border: 1px solid var(--memo-accent-color-soft);
}

.memo-page-topbar-profile:hover {
    color: var(--memo-sidebar-accent);
}

.memo-page-topbar-profile:focus-visible {
    outline: 2px solid var(--memo-sidebar-accent);
    outline-offset: 3px;
}

.memo-sidebar-mobile-topbar {
    display: none;
}

@media (max-width: 1199.98px) {
    .memo-page-topbar-search {
        display: none;
    }
}

@media (max-width: 1080px) {
    .memo-page-topbar-greeting span,
    .memo-page-topbar-profile span {
        display: none;
    }
}

.memo-sidebar ~ .headline,
.memo-sidebar ~ .headline_small,
.memo-sidebar ~ .main,
.memo-sidebar ~ form .main {
    width: calc(100% - var(--memo-sidebar-width));
    margin-left: var(--memo-sidebar-width);
    transition: margin-left 0.38s cubic-bezier(0.4, 0, 0.2, 1), width 0.38s cubic-bezier(0.4, 0, 0.2, 1);
}

.memo-sidebar ~ .headline {
    float: none;
}

html.memo-theme-preload-dark,
html.memo-theme-preload-dark body {
    color-scheme: dark;
    background: var(--memo-super-dark-bg-color);
}

body.memo-page-theme-dark {
    --bs-body-bg: var(--memo-dark-bg-color);
    --bs-body-bg-rgb: 17, 19, 21;
    --bs-body-color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
    --bs-body-color-rgb: 231, 234, 238;
    --bs-border-color: var(--memo-light-border-color-soft);
    --bs-secondary-color: color-mix(in srgb, var(--memo-light-text-color) 68%, transparent);
    --bs-tooltip-bg: var(--memo-dark-field-bg-color);
    --bs-tooltip-color: var(--memo-light-text-color);
    --bs-tooltip-opacity: 1;

    background: var(--memo-dark-bg-color);
}

body.data_upload.memo-page-theme-dark {
    padding-bottom: 0;
    background: var(--memo-dark-bg-color);
}

body.memo-page-theme-dark .tooltip {
    --bs-tooltip-bg: var(--memo-dark-field-bg-color);
    --bs-tooltip-color: var(--memo-light-text-color);
    --bs-tooltip-opacity: 1;
}

body.memo-page-theme-dark .tooltip .tooltip-inner {
    border: 1px solid var(--memo-light-border-color-soft);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
}

body.memo-page-theme-dark .alert-light {
    --bs-alert-bg: var(--memo-dark-field-bg-color);
    --bs-alert-border-color: var(--memo-light-border-color-soft);
    --bs-alert-color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
    --bs-alert-link-color: var(--memo-accent-color);

    background-color: var(--memo-dark-field-bg-color);
    border-color: var(--memo-light-border-color-soft);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .memo-sidebar ~ .headline,
body.memo-page-theme-dark .memo-sidebar ~ .headline_small,
body.memo-page-theme-dark .memo-sidebar ~ .main,
body.memo-page-theme-dark .memo-sidebar ~ form,
body.memo-page-theme-dark .memo-sidebar ~ form .main {
    background: var(--memo-super-dark-bg-color);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .memo-sidebar ~ .headline {
    color: var(--memo-light-text-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main,
body.memo-page-theme-dark .memo-sidebar ~ form .main {
    color-scheme: dark;
}

body.memo-page-theme-dark .memo-sidebar ~ .main a,
body.memo-page-theme-dark .memo-sidebar ~ form .main a{
    color: var(--memo-accent-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main a.top_page{
    color: var(--memo-light-text-color);
}

.table a.text-primary {
    color: var(--memo-accent-color)!important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main a.eva_button01{
    color: var(--memo-light-text-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main th,
body.memo-page-theme-dark .memo-sidebar ~ .main td,
body.memo-page-theme-dark .memo-sidebar ~ form .main th,
body.memo-page-theme-dark .memo-sidebar ~ form .main td {
    border-color: var(--memo-light-border-color-soft);
    color: inherit;
}

body.memo-page-theme-dark .memo-sidebar ~ .main input:not([type="checkbox"], [type="radio"], [type="button"], [type="submit"], [type="reset"]),
body.memo-page-theme-dark .memo-sidebar ~ .main select,
body.memo-page-theme-dark .memo-sidebar ~ .main textarea,
body.memo-page-theme-dark .memo-sidebar ~ .main .form-control,
body.memo-page-theme-dark .memo-sidebar ~ form .main input:not([type="checkbox"], [type="radio"], [type="button"], [type="submit"], [type="reset"]),
body.memo-page-theme-dark .memo-sidebar ~ form .main select,
body.memo-page-theme-dark .memo-sidebar ~ form .main textarea,
body.memo-page-theme-dark .memo-sidebar ~ form .main .form-control {
    background: var(--memo-light-bg-color-soft);
    border-color: var(--memo-light-border-color-soft);
    color: var(--memo-light-text-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main input::placeholder,
body.memo-page-theme-dark .memo-sidebar ~ .main textarea::placeholder,
body.memo-page-theme-dark .memo-sidebar ~ form .main input::placeholder,
body.memo-page-theme-dark .memo-sidebar ~ form .main textarea::placeholder {
    color: color-mix(in srgb, var(--memo-light-text-color) 68%, transparent);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .form-floating > .form-control::placeholder,
body.memo-page-theme-dark .memo-sidebar ~ form .main .form-floating > .form-control::placeholder {
    color: transparent;
    opacity: 0;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .card,
body.memo-page-theme-dark .memo-sidebar ~ .main .card-body,
body.memo-page-theme-dark .memo-sidebar ~ .main .card-header,
body.memo-page-theme-dark .memo-sidebar ~ .main .card-footer,
body.memo-page-theme-dark .memo-sidebar ~ .main .detail_main_main,
body.memo-page-theme-dark .memo-sidebar ~ form .main .card,
body.memo-page-theme-dark .memo-sidebar ~ form .main .card-body,
body.memo-page-theme-dark .memo-sidebar ~ form .main .card-header,
body.memo-page-theme-dark .memo-sidebar ~ form .main .card-footer,
body.memo-page-theme-dark .memo-sidebar ~ form .main .detail_main_main {
    background: var(--memo-dark-bg-color);
    border-color: var(--memo-light-border-color-soft);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .bg-light,
body.memo-page-theme-dark .memo-sidebar ~ .main .bg-white,
body.memo-page-theme-dark .memo-sidebar ~ form .main .bg-light,
body.memo-page-theme-dark .memo-sidebar ~ form .main .bg-white {
    background-color: var(--memo-dark-bg-color) !important;
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent) !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .text-dark,
body.memo-page-theme-dark .memo-sidebar ~ .main .link-dark,
body.memo-page-theme-dark .memo-sidebar ~ form .main .text-dark,
body.memo-page-theme-dark .memo-sidebar ~ form .main .link-dark {
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent) !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .text-muted,
body.memo-page-theme-dark .memo-sidebar ~ .main .form-text,
body.memo-page-theme-dark .memo-sidebar ~ form .main .text-muted,
body.memo-page-theme-dark .memo-sidebar ~ form .main .form-text {
    color: color-mix(in srgb, var(--memo-light-text-color) 68%, transparent) !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .nav-tabs,
body.memo-page-theme-dark .memo-sidebar ~ form .main .nav-tabs {
    border-bottom: 1px solid var(--memo-light-border-color-soft);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .nav-tabs .nav-link,
body.memo-page-theme-dark .memo-sidebar ~ form .main .nav-tabs .nav-link {
    background: var(--memo-light-bg-color-soft);
    border-color: var(--memo-light-border-color-soft);
    box-shadow: inset 0 -10px 15px -9px rgba(0, 0, 0, 0.55);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent) !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .nav-tabs .nav-link:hover,
body.memo-page-theme-dark .memo-sidebar ~ .main .nav-tabs .nav-link:focus,
body.memo-page-theme-dark .memo-sidebar ~ form .main .nav-tabs .nav-link:hover,
body.memo-page-theme-dark .memo-sidebar ~ form .main .nav-tabs .nav-link:focus {
    background: var(--memo-light-bg-color-soft);
    border-color: var(--memo-accent-color);
    color: var(--memo-accent-color) !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .nav-tabs .nav-link.active,
body.memo-page-theme-dark .memo-sidebar ~ .main .nav-tabs .nav-item.show .nav-link,
body.memo-page-theme-dark .memo-sidebar ~ form .main .nav-tabs .nav-link.active,
body.memo-page-theme-dark .memo-sidebar ~ form .main .nav-tabs .nav-item.show .nav-link {
    background: var(--memo-accent-color);
    border-color: var(--memo-accent-color);
    box-shadow: none;
    color: var(--memo-light-text-color) !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .tab-content,
body.memo-page-theme-dark .memo-sidebar ~ form .main .tab-content {
    background: var(--memo-dark-bg-color);
    border: 1px solid var(--memo-light-border-color-soft);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .tab-content .input-group-text,
body.memo-page-theme-dark .memo-sidebar ~ .main .input-group-text,
body.memo-page-theme-dark .memo-sidebar ~ form .main .tab-content .input-group-text,
body.memo-page-theme-dark .memo-sidebar ~ form .main .input-group-text {
    background: var(--memo-light-bg-color-soft);
    border-color: var(--memo-light-border-color-soft);
    color: var(--memo-accent-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .alert-info,
body.memo-page-theme-dark .memo-sidebar ~ form .main .alert-info {
    background: var(--memo-light-bg-color-soft);
    border-color: #2b6776;
    color: #c9f2ff;
}

body .memo-sidebar ~ .main .btn,
body .memo-sidebar ~ form .main .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 2.35rem;
    padding: 0.48rem 0.85rem;
    border-radius: 0.42rem;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

body .memo-sidebar ~ .main .btn-sm,
body .memo-sidebar ~ form .main .btn-sm {
    min-height: 2rem;
    padding: 0.34rem 0.65rem;
    font-size: 0.85rem;
}

body .memo-sidebar ~ .main .vehicle-contract-customer-group > .form-control,
body .memo-sidebar ~ .main .vehicle-contract-customer-group > .btn,
body .memo-sidebar ~ form .main .vehicle-contract-customer-group > .form-control,
body .memo-sidebar ~ form .main .vehicle-contract-customer-group > .btn {
    height: 28px;
    min-height: 0;
    padding-top: 0;
    padding-bottom: 0;
}

body .memo-sidebar ~ .main .btn-group,
body .memo-sidebar ~ form .main .btn-group {
    gap: 0.4rem;
    flex-wrap: wrap;
}

body .memo-sidebar ~ .main .btn-group > .btn,
body .memo-sidebar ~ form .main .btn-group > .btn {
    border-radius: 0.42rem !important;
    margin-left: 0 !important;
}

body .memo-sidebar ~ .main .btn-outline-dark,
body .memo-sidebar ~ form .main .btn-outline-dark {
    background: #fff;
    border-color: #cfd6df;
    box-shadow: 0 1px 2px rgba(20, 26, 33, 0.08);
    color: #272d35;
}

body .memo-sidebar ~ .main .btn-outline-dark:hover,
body .memo-sidebar ~ .main .btn-outline-dark:focus,
body .memo-sidebar ~ form .main .btn-outline-dark:hover,
body .memo-sidebar ~ form .main .btn-outline-dark:focus {
    background: var(--memo-accent-color);
    border-color: var(--memo-accent-color);
    box-shadow: 0 6px 14px rgba(255, 96, 15, 0.22);
    color: #fff;
}

body .memo-sidebar ~ .main .btn-outline-dark:disabled,
body .memo-sidebar ~ .main .btn-outline-dark.disabled,
body .memo-sidebar ~ form .main .btn-outline-dark:disabled,
body .memo-sidebar ~ form .main .btn-outline-dark.disabled {
    background: #f1f4f7;
    border-color: #d8dee6;
    box-shadow: none;
    color: #9aa4b0;
    opacity: 1;
}

body .memo-sidebar ~ .main .btn.white,
body .memo-sidebar ~ .main .select-button,
body .memo-sidebar ~ form .main .btn.white,
body .memo-sidebar ~ form .main .select-button {
    color: var(--memo-light-text-color) !important;
}

body .memo-sidebar ~ .main .btn.white:hover,
body .memo-sidebar ~ .main .btn.white:focus,
body .memo-sidebar ~ .main .select-button:hover,
body .memo-sidebar ~ .main .select-button:focus,
body .memo-sidebar ~ form .main .btn.white:hover,
body .memo-sidebar ~ form .main .btn.white:focus,
body .memo-sidebar ~ form .main .select-button:hover,
body .memo-sidebar ~ form .main .select-button:focus {
    background-color: var(--memo-accent-color) !important;
    border-color: var(--memo-accent-color) !important;
    color: var(--memo-light-text-color) !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .btn-outline-dark,
body.memo-page-theme-dark .memo-sidebar ~ form .main .btn-outline-dark {
    background: var(--memo-light-bg-color-soft);
    border-color: var(--memo-light-border-color-soft);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .btn-outline-dark:hover,
body.memo-page-theme-dark .memo-sidebar ~ .main .btn-outline-dark:focus,
body.memo-page-theme-dark .memo-sidebar ~ form .main .btn-outline-dark:hover,
body.memo-page-theme-dark .memo-sidebar ~ form .main .btn-outline-dark:focus {
    background: var(--memo-accent-color);
    border-color: var(--memo-accent-color);
    box-shadow: 0 6px 16px color-mix(in srgb, var(--memo-accent-color) 24%, transparent);
    color: var(--memo-light-text-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .btn-outline-dark:disabled,
body.memo-page-theme-dark .memo-sidebar ~ .main .btn-outline-dark.disabled,
body.memo-page-theme-dark .memo-sidebar ~ form .main .btn-outline-dark:disabled,
body.memo-page-theme-dark .memo-sidebar ~ form .main .btn-outline-dark.disabled {
    background: var(--memo-dark-bg-color);
    border-color: var(--memo-light-border-color-soft);
    color: color-mix(in srgb, var(--memo-light-text-color) 68%, transparent);
    opacity: 1;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .btn-primary,
body.memo-page-theme-dark .memo-sidebar ~ .main .detail_button04,
body.memo-page-theme-dark .memo-sidebar ~ .main #eva_button04,
body.memo-page-theme-dark .memo-sidebar ~ .main #eva_button06,
body.memo-page-theme-dark .memo-sidebar ~ form .main .btn-primary,
body.memo-page-theme-dark .memo-sidebar ~ form .main .detail_button04,
body.memo-page-theme-dark .memo-sidebar ~ form .main #eva_button04,
body.memo-page-theme-dark .memo-sidebar ~ form .main #eva_button06 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    border: 1px solid var(--memo-accent-color);
    border-radius: 0.35rem;
    background: var(--memo-accent-color);
    box-shadow: none;
    color: var(--memo-light-text-color) !important;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .btn-primary:hover,
body.memo-page-theme-dark .memo-sidebar ~ .main .btn-primary:focus,
body.memo-page-theme-dark .memo-sidebar ~ .main .detail_button04:hover,
body.memo-page-theme-dark .memo-sidebar ~ .main .detail_button04:focus,
body.memo-page-theme-dark .memo-sidebar ~ .main #eva_button04:hover,
body.memo-page-theme-dark .memo-sidebar ~ .main #eva_button04:focus,
body.memo-page-theme-dark .memo-sidebar ~ .main #eva_button06:hover,
body.memo-page-theme-dark .memo-sidebar ~ .main #eva_button06:focus,
body.memo-page-theme-dark .memo-sidebar ~ form .main .btn-primary:hover,
body.memo-page-theme-dark .memo-sidebar ~ form .main .btn-primary:focus,
body.memo-page-theme-dark .memo-sidebar ~ form .main .detail_button04:hover,
body.memo-page-theme-dark .memo-sidebar ~ form .main .detail_button04:focus,
body.memo-page-theme-dark .memo-sidebar ~ form .main #eva_button04:hover,
body.memo-page-theme-dark .memo-sidebar ~ form .main #eva_button04:focus,
body.memo-page-theme-dark .memo-sidebar ~ form .main #eva_button06:hover,
body.memo-page-theme-dark .memo-sidebar ~ form .main #eva_button06:focus {
    border-color: var(--memo-accent-color);
    background: var(--memo-accent-color);
    color: var(--memo-light-text-color) !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .btn-primary:disabled,
body.memo-page-theme-dark .memo-sidebar ~ .main .btn-primary.disabled,
body.memo-page-theme-dark .memo-sidebar ~ .main .detail_button04_inaktiv,
body.memo-page-theme-dark .memo-sidebar ~ .main #eva_button04:disabled,
body.memo-page-theme-dark .memo-sidebar ~ .main #eva_button06:disabled,
body.memo-page-theme-dark .memo-sidebar ~ form .main .btn-primary:disabled,
body.memo-page-theme-dark .memo-sidebar ~ form .main .btn-primary.disabled,
body.memo-page-theme-dark .memo-sidebar ~ form .main .detail_button04_inaktiv,
body.memo-page-theme-dark .memo-sidebar ~ form .main #eva_button04:disabled,
body.memo-page-theme-dark .memo-sidebar ~ form .main #eva_button06:disabled {
    border-color: var(--memo-light-border-color-soft);
    background: var(--memo-light-bg-color-soft);
    box-shadow: none;
    color: color-mix(in srgb, var(--memo-light-text-color) 68%, transparent) !important;
    cursor: not-allowed;
    opacity: 1;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .detail_button01,
body.memo-page-theme-dark .memo-sidebar ~ .main #eva_button05,
body.memo-page-theme-dark .memo-sidebar ~ .main .btn-secondary.back,
body.memo-page-theme-dark .memo-sidebar ~ form .main .detail_button01,
body.memo-page-theme-dark .memo-sidebar ~ form .main #eva_button05,
body.memo-page-theme-dark .memo-sidebar ~ form .main .btn-secondary.back {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 2.45rem;
    padding: 0.56rem 0.9rem;
    border: 1px solid var(--memo-light-border-color-soft);
    border-radius: 0.35rem;
    background: var(--memo-light-bg-color-soft);
    box-shadow: none;
    color: var(--memo-light-text-color) !important;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .detail_button01:hover,
body.memo-page-theme-dark .memo-sidebar ~ .main .detail_button01:focus,
body.memo-page-theme-dark .memo-sidebar ~ .main #eva_button05:hover,
body.memo-page-theme-dark .memo-sidebar ~ .main #eva_button05:focus,
body.memo-page-theme-dark .memo-sidebar ~ .main .btn-secondary.back:hover,
body.memo-page-theme-dark .memo-sidebar ~ .main .btn-secondary.back:focus,
body.memo-page-theme-dark .memo-sidebar ~ form .main .detail_button01:hover,
body.memo-page-theme-dark .memo-sidebar ~ form .main .detail_button01:focus,
body.memo-page-theme-dark .memo-sidebar ~ form .main #eva_button05:hover,
body.memo-page-theme-dark .memo-sidebar ~ form .main #eva_button05:focus,
body.memo-page-theme-dark .memo-sidebar ~ form .main .btn-secondary.back:hover,
body.memo-page-theme-dark .memo-sidebar ~ form .main .btn-secondary.back:focus {
    border-color: var(--memo-light-border-color-soft);
    background: var(--memo-light-border-color-soft);
    color: var(--memo-light-text-color) !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .detail_button01_inaktiv,
body.memo-page-theme-dark .memo-sidebar ~ .main .btn-secondary.back:disabled,
body.memo-page-theme-dark .memo-sidebar ~ .main .btn-secondary.back.disabled,
body.memo-page-theme-dark .memo-sidebar ~ form .main .detail_button01_inaktiv,
body.memo-page-theme-dark .memo-sidebar ~ form .main .btn-secondary.back:disabled,
body.memo-page-theme-dark .memo-sidebar ~ form .main .btn-secondary.back.disabled {
    border-color: var(--memo-light-border-color-soft);
    background: var(--memo-light-bg-color-soft);
    color: color-mix(in srgb, var(--memo-light-text-color) 68%, transparent) !important;
    cursor: not-allowed;
    opacity: 1;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .detail_button01 img,
body.memo-page-theme-dark .memo-sidebar ~ .main .detail_button04 img,
body.memo-page-theme-dark .memo-sidebar ~ .main .detail_button04_inaktiv img,
body.memo-page-theme-dark .memo-sidebar ~ .main #eva_button05 img,
body.memo-page-theme-dark .memo-sidebar ~ .main #eva_button06 img,
body.memo-page-theme-dark .memo-sidebar ~ form .main .detail_button01 img,
body.memo-page-theme-dark .memo-sidebar ~ form .main .detail_button04 img,
body.memo-page-theme-dark .memo-sidebar ~ form .main .detail_button04_inaktiv img,
body.memo-page-theme-dark .memo-sidebar ~ form .main #eva_button05 img,
body.memo-page-theme-dark .memo-sidebar ~ form .main #eva_button06 img {
    display: none;
}

body.memo-page-theme-dark .memo-sidebar ~ .main a#eva_button05::before,
body.memo-page-theme-dark .memo-sidebar ~ form .main a#eva_button05::before {
    content: url(images/icons/back-icon.svg);
    display: inline-block;
    width: 1rem;
    margin-right: 0.2rem;
    vertical-align: middle;
}

body.memo-page-theme-dark .memo-sidebar ~ .main a#eva_button06::before,
body.memo-page-theme-dark .memo-sidebar ~ .main a#eva_button04::before,
body.memo-page-theme-dark .memo-sidebar ~ form .main a#eva_button06::before,
body.memo-page-theme-dark .memo-sidebar ~ form .main a#eva_button04::before {
    content: url(images/icons/save-icon.svg);
    display: inline-block;
    width: 1rem;
    margin-right: 0.2rem;
    vertical-align: middle;
}

body .memo-sidebar ~ .main input[type="file"],
body .memo-sidebar ~ form .main input[type="file"] {
    max-width: 100%;
    padding: 0.35rem;
    border: 1px solid #d8dee6;
    border-radius: 0.38rem;
    background: #fff;
    color: #272d35;
    vertical-align: middle;
}

body .memo-sidebar ~ .main input[type="file"]::file-selector-button,
body .memo-sidebar ~ form .main input[type="file"]::file-selector-button {
    margin-right: 0.65rem;
    padding: 0.58rem 0.8rem;
    border: 0;
    border-radius: 0.3rem;
    background: var(--memo-accent-color);
    color: #fff;
    font-weight: 700;
    transition: none;
}

body .memo-sidebar ~ .main input[type="file"]::file-selector-button:hover,
body .memo-sidebar ~ form .main input[type="file"]::file-selector-button:hover,
body .memo-sidebar ~ .main input[type="file"]:hover::file-selector-button,
body .memo-sidebar ~ .main input[type="file"]:focus::file-selector-button,
body .memo-sidebar ~ .main input[type="file"]:active::file-selector-button,
body .memo-sidebar ~ form .main input[type="file"]:hover::file-selector-button,
body .memo-sidebar ~ form .main input[type="file"]:focus::file-selector-button,
body .memo-sidebar ~ form .main input[type="file"]:active::file-selector-button {
    background: var(--memo-accent-color) !important;
    border-color: var(--memo-accent-color) !important;
    color: #fff !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main input[type="file"].eautoseller-file-input::file-selector-button,
body.memo-page-theme-dark .memo-sidebar ~ form .main input[type="file"].eautoseller-file-input::file-selector-button {
    border-color: var(--memo-accent-color);
    background: var(--memo-accent-color);
    color: var(--memo-light-text-color) !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main input[type="file"].eautoseller-file-input:hover::file-selector-button,
body.memo-page-theme-dark .memo-sidebar ~ .main input[type="file"].eautoseller-file-input:focus::file-selector-button,
body.memo-page-theme-dark .memo-sidebar ~ form .main input[type="file"].eautoseller-file-input:hover::file-selector-button,
body.memo-page-theme-dark .memo-sidebar ~ form .main input[type="file"].eautoseller-file-input:focus::file-selector-button {
    border-color: var(--memo-accent-color);
    background: var(--memo-accent-color);
    color: var(--memo-light-text-color) !important;
}

body .memo-sidebar ~ .main button[type="submit"]:not(.btn),
body .memo-sidebar ~ .main input[type="submit"]:not(.btn),
body .memo-sidebar ~ form .main button[type="submit"]:not(.btn),
body .memo-sidebar ~ form .main input[type="submit"]:not(.btn) {
    min-height: 2.35rem;
    padding: 0.52rem 0.9rem;
    border: 1px solid var(--memo-accent-color);
    border-radius: 0.38rem;
    background: var(--memo-accent-color);
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
    vertical-align: middle;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

body .memo-sidebar ~ .main input[type="file"] + button[type="submit"]:not(.btn),
body .memo-sidebar ~ form .main input[type="file"] + button[type="submit"]:not(.btn) {
    margin-left: 0.45rem;
}

body .memo-sidebar ~ .main button[type="submit"]:not(.btn):hover,
body .memo-sidebar ~ .main input[type="submit"]:not(.btn):hover,
body .memo-sidebar ~ form .main button[type="submit"]:not(.btn):hover,
body .memo-sidebar ~ form .main input[type="submit"]:not(.btn):hover {
    border-color: var(--memo-accent-color-soft);
    background: var(--memo-accent-color-soft);
    color: #fff;
}

body.memo-page-theme-dark .memo-sidebar ~ .main input[type="file"],
body.memo-page-theme-dark .memo-sidebar ~ form .main input[type="file"] {
    background: var(--memo-light-bg-color-soft);
    border-color: var(--memo-light-border-color-soft);
    color: var(--memo-light-text-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main table[style*="#cccccc"],
body.memo-page-theme-dark .memo-sidebar ~ .main table[style*="#CCCCCC"],
body.memo-page-theme-dark .memo-sidebar ~ form .main table[style*="#cccccc"],
body.memo-page-theme-dark .memo-sidebar ~ form .main table[style*="#CCCCCC"] {
    background: var(--memo-dark-bg-color) !important;
    border-color: var(--memo-light-border-color-soft) !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .detail_headline {
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .detail_head .input-group.custom {
    box-shadow: none;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .detail_head .input-group.custom span.input-group-text {
    border-color: var(--memo-accent-color);
    background: var(--memo-accent-color);
    color: var(--memo-light-text-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .detail_head .input-group.custom .form-control {
    background: var(--memo-light-bg-color-soft);
    border-color: var(--memo-light-border-color-soft);
    border-left: 0;
    color: var(--memo-light-text-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .detail_change_date > div,
body.memo-page-theme-dark .memo-sidebar ~ .main .detail_sale > div,
body.memo-page-theme-dark .memo-sidebar ~ .main .detail_sold > div,
body.memo-page-theme-dark .memo-sidebar ~ .main .detail_delivered > div,
body.memo-page-theme-dark .memo-sidebar ~ .main .detail_release_status > div {
    border-bottom-color: var(--memo-light-border-color-soft);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .detail_change_date b,
body.memo-page-theme-dark .memo-sidebar ~ .main .detail_sale b,
body.memo-page-theme-dark .memo-sidebar ~ .main .detail_sold b,
body.memo-page-theme-dark .memo-sidebar ~ .main .detail_delivered b,
body.memo-page-theme-dark .memo-sidebar ~ .main .detail_release_status b,
body.memo-page-theme-dark .memo-sidebar ~ .main .form-label {
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .detail_sold a {
    color: var(--memo-accent-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .ad_status a,
body.memo-page-theme-dark .memo-sidebar ~ form .main .ad_status a {
    color: var(--memo-light-text-color);
    text-decoration: none;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .ad_status .deactivated {
    opacity: 0.46;
}

body.memo-page-theme-dark .memo-sidebar ~ .main.main.detail-main,
body.memo-page-theme-dark .memo-sidebar ~ form .main.main.detail-main {
    padding: 0.85rem 1rem 1rem;
    border-top: 1px solid var(--memo-light-border-color-soft);
    border-bottom: 0;
    background: var(--memo-dark-bg-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .detail_menue02,
body.memo-page-theme-dark .memo-sidebar ~ form .main .detail_menue02 {
    padding: 0.7rem 0 0.85rem;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .detail_menue,
body.memo-page-theme-dark .memo-sidebar ~ form .main .detail_menue {
    background: transparent;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .flex-menu,
body.memo-page-theme-dark .memo-sidebar ~ form .main .flex-menu {
    gap: 0.35rem;
    background: var(--memo-dark-bg-color);
    border-bottom: 1px solid var(--memo-light-border-color-soft);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .flex-menu .menu-item,
body.memo-page-theme-dark .memo-sidebar ~ form .main .flex-menu .menu-item {
    background: var(--memo-light-bg-color-soft);
    border: 1px solid var(--memo-light-border-color-soft);
    border-bottom: 0;
    border-top: 3px solid var(--memo-light-border-color-soft);
    box-shadow: none;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .flex-menu .menu-item a,
body.memo-page-theme-dark .memo-sidebar ~ .main .flex-menu .Menutext,
body.memo-page-theme-dark .memo-sidebar ~ form .main .flex-menu .menu-item a,
body.memo-page-theme-dark .memo-sidebar ~ form .main .flex-menu .Menutext {
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .flex-menu .menu-item:hover,
body.memo-page-theme-dark .memo-sidebar ~ .main .flex-menu .kundenmenu_reiter_aktiv,
body.memo-page-theme-dark .memo-sidebar ~ form .main .flex-menu .menu-item:hover,
body.memo-page-theme-dark .memo-sidebar ~ form .main .flex-menu .kundenmenu_reiter_aktiv {
    background: var(--memo-accent-color);
    border-color: var(--memo-accent-color);
    border-top-color: var(--memo-accent-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .flex-menu .menu-item:hover a,
body.memo-page-theme-dark .memo-sidebar ~ .main .flex-menu .kundenmenu_reiter_aktiv a,
body.memo-page-theme-dark .memo-sidebar ~ form .main .flex-menu .menu-item:hover a,
body.memo-page-theme-dark .memo-sidebar ~ form .main .flex-menu .kundenmenu_reiter_aktiv a {
    color: var(--memo-light-text-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .detail_main_main,
body.memo-page-theme-dark .memo-sidebar ~ form .main .detail_main_main {
    background: var(--memo-dark-bg-color);
    border-color: var(--memo-light-border-color-soft);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .detail_main_headline,
body.memo-page-theme-dark .memo-sidebar ~ form .main .detail_main_headline {
    border-top-color: var(--memo-light-border-color-soft);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body .memo-sidebar ~ .main .mobile-highlights-box,
body .memo-sidebar ~ form .main .mobile-highlights-box {
    margin: 1.5rem 0;
    padding: 1rem;
    border: 1px solid #ffccb2;
    border-radius: 0.45rem;
    background: #fff4ed;
    color: #1f2933;
}

body .memo-sidebar ~ .main .mobile-highlights-title,
body .memo-sidebar ~ form .main .mobile-highlights-title {
    margin: 0 0 0.75rem;
    color: #1f2933;
}

body .memo-sidebar ~ .main .mobile-highlights-fields,
body .memo-sidebar ~ form .main .mobile-highlights-fields {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    max-width: 52rem;
    margin: 0 auto;
}

body .memo-sidebar ~ .main .mobile-highlights-fields .form-control,
body .memo-sidebar ~ form .main .mobile-highlights-fields .form-control {
    min-width: 0;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .orange-box,
body.memo-page-theme-dark .memo-sidebar ~ form .main .orange-box {
    border-color: var(--memo-light-border-color-soft);
    background: var(--memo-dark-bg-color);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .vehicleCosts.orange-box,
body.memo-page-theme-dark .memo-sidebar ~ form .main .vehicleCosts.orange-box {
    border-width: 1px;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .vehicleCosts.orange-box > div,
body.memo-page-theme-dark .memo-sidebar ~ form .main .vehicleCosts.orange-box > div {
    border-bottom-color: var(--memo-light-border-color-soft) !important;
}

body .memo-sidebar ~ .main .detail_button02,
body .memo-sidebar ~ form .main .detail_button02,
body .memo-sidebar ~ .main .detail_button02.reklalink,
body .memo-sidebar ~ form .main .detail_button02.reklalink {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 2.45rem;
    border: 1px solid var(--memo-accent-color);
    background: var(--memo-accent-color);
    color: #fff !important;
    font-weight: 700;
    text-decoration: none;
}

body .memo-sidebar ~ .main .detail_button02:hover,
body .memo-sidebar ~ .main .detail_button02:focus,
body .memo-sidebar ~ form .main .detail_button02:hover,
body .memo-sidebar ~ form .main .detail_button02:focus {
    border-color: var(--memo-accent-color);
    background: var(--memo-accent-color);
    color: #fff !important;
    text-decoration: none;
}

body .memo-sidebar ~ .main .detail_button02_inaktiv,
body .memo-sidebar ~ form .main .detail_button02_inaktiv {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 2.45rem;
    border: 1px solid #d8dee6;
    color: #6b7280 !important;
    text-decoration: none;
}

body .memo-sidebar ~ .main .detail_button02_inaktiv.reklalinkm-0{
    color: var(--memo-light-text-color)!important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .detail_button02_inaktiv,
body.memo-page-theme-dark .memo-sidebar ~ form .main .detail_button02_inaktiv {
    border-color: var(--memo-light-border-color-soft);
    background: var(--memo-light-bg-color-soft);
    color: color-mix(in srgb, var(--memo-light-text-color) 68%, transparent) !important;
    opacity: 1;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .mobile-highlights-box,
body.memo-page-theme-dark .memo-sidebar ~ form .main .mobile-highlights-box {
    border-color: var(--memo-light-border-color-soft);
    background: var(--memo-dark-bg-color);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .mobile-highlights-title,
body.memo-page-theme-dark .memo-sidebar ~ form .main .mobile-highlights-title {
    color: var(--memo-light-text-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .col-container,
body.memo-page-theme-dark .memo-sidebar ~ form .main .col-container {
    border-color: var(--memo-light-border-color-soft);
    background: var(--memo-dark-bg-color);
}

body .memo-sidebar ~ .main .image-request-box,
body .memo-sidebar ~ form .main .image-request-box {
    background: #fff;
    color: #1f2933;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .image-request-box,
body.memo-page-theme-dark .memo-sidebar ~ form .main .image-request-box {
    border-color: var(--memo-light-border-color-soft);
    background: var(--memo-light-bg-color-soft);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body .memo-sidebar ~ .main .uploads-container,
body .memo-sidebar ~ form .main .uploads-container {
    align-items: flex-start;
}

body .memo-sidebar ~ .main .uploads-container .upload-card,
body .memo-sidebar ~ form .main .uploads-container .upload-card {
    border: 1px solid #d8dee6;
    border-radius: 0.45rem;
    background: #fff;
    box-shadow: none;
    color: #1f2933;
}

body .memo-sidebar ~ .main .uploads-container .upload-card > strong,
body .memo-sidebar ~ form .main .uploads-container .upload-card > strong {
    color: #1f2933;
}

body .memo-sidebar ~ .main .uploads-container .damage-card,
body .memo-sidebar ~ form .main .uploads-container .damage-card {
    padding: 1rem;
}

body .memo-sidebar ~ .main .uploads-container .vehicle-image-upload-card,
body .memo-sidebar ~ form .main .uploads-container .vehicle-image-upload-card {
    gap: 1rem;
    min-height: 0;
    align-self: flex-start;
}

body .memo-sidebar ~ .main .uploads-container .vehicle-image-upload-card .upload-inputs,
body .memo-sidebar ~ form .main .uploads-container .vehicle-image-upload-card .upload-inputs {
    display: grid;
    gap: 1rem;
    margin-top: 0 !important;
}

body .memo-sidebar ~ .main .vehicle-image-upload-actions,
body .memo-sidebar ~ form .main .vehicle-image-upload-actions {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
    gap: 0.5rem;
    width: 100%;
}

body .memo-sidebar ~ .main .vehicle-image-upload-actions .btn.white,
body .memo-sidebar ~ form .main .vehicle-image-upload-actions .btn.white {
    width: 100%;
    min-height: 2.55rem;
    padding: 0.58rem 0.7rem;
    font-size: 0.88rem;
    line-height: 1.15;
    white-space: nowrap;
}

body .memo-sidebar ~ .main .uploads-container .card-header,
body .memo-sidebar ~ form .main .uploads-container .card-header {
    margin: -1rem -1rem 0;
    padding: 0.65rem 1rem;
    border-bottom: 1px solid #d8dee6;
    background: #f6f8fb;
    color: #1f2933;
}

body .memo-sidebar ~ .main .uploads-container .upload-card-actions,
body .memo-sidebar ~ form .main .uploads-container .upload-card-actions {
    gap: 12px;
    align-items: center;
}

body .memo-sidebar ~ .main .uploads-container .upload-card-actions .pic-actions,
body .memo-sidebar ~ form .main .uploads-container .upload-card-actions .pic-actions {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin: 0 !important;
    padding: 0 !important;
    border: 0;
    background: transparent;
    color: var(--memo-accent-color) !important;
    font-size: 22px;
    line-height: 1;
    text-decoration: none;
}

body .memo-sidebar ~ .main .uploads-container .upload-card-actions .pic-actions > [class^="icon-"],
body .memo-sidebar ~ .main .uploads-container .upload-card-actions .pic-actions > [class*=" icon-"],
body .memo-sidebar ~ form .main .uploads-container .upload-card-actions .pic-actions > [class^="icon-"],
body .memo-sidebar ~ form .main .uploads-container .upload-card-actions .pic-actions > [class*=" icon-"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight:100;
    width: 22px;
    height: 22px;
    line-height: 1;
}

body .memo-sidebar ~ .main .uploads-container .upload-card-actions .trash-container,
body .memo-sidebar ~ form .main .uploads-container .upload-card-actions .trash-container,
body .memo-sidebar ~ .main .uploads-container .upload-card-actions .trash-label,
body .memo-sidebar ~ form .main .uploads-container .upload-card-actions .trash-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}

body .memo-sidebar ~ .main .uploads-container .upload-card-actions .trash-label img,
body .memo-sidebar ~ form .main .uploads-container .upload-card-actions .trash-label img {
    display: none !important;
}

body .memo-sidebar ~ .main .uploads-container .upload-card-actions .trash-label::before,
body .memo-sidebar ~ form .main .uploads-container .upload-card-actions .trash-label::before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background: var(--memo-accent-color);
    mask: url("../icons/trash-closed.svg") center / contain no-repeat;
    -webkit-mask: url("../icons/trash-closed.svg") center / contain no-repeat;
}

body .memo-sidebar ~ .main .uploads-container .upload-card-actions .trash-checkbox:checked + .trash-label::before,
body .memo-sidebar ~ form .main .uploads-container .upload-card-actions .trash-checkbox:checked + .trash-label::before {
    mask-image: url("../icons/trash-open.svg");
    -webkit-mask-image: url("../icons/trash-open.svg");
}

body .memo-sidebar ~ .main .uploads-container .gallery-image,
body .memo-sidebar ~ form .main .uploads-container .gallery-image {
    display: block;
    margin: 0;
    border: 1px solid #e3e8ef;
    background: #f8fafc;
    object-fit: contain;
}

body .memo-sidebar ~ .main .uploads-container .file-input,
body .memo-sidebar ~ form .main .uploads-container .file-input {
    border-color: #cfd6df;
    background: #fff;
    color: #1f2933;
}

body .memo-sidebar ~ .main .uploads-container .btn.white,
body .memo-sidebar ~ form .main .uploads-container .btn.white {
    min-height: 2.45rem;
    border-color: var(--memo-accent-color);
    background: var(--memo-accent-color);
    color: #fff !important;
}

body .memo-sidebar ~ .main .uploads-container .btn.white:hover,
body .memo-sidebar ~ .main .uploads-container .btn.white:focus,
body .memo-sidebar ~ form .main .uploads-container .btn.white:hover,
body .memo-sidebar ~ form .main .uploads-container .btn.white:focus {
    border-color: #ff7a35;
    background: #ff7a35;
    color: #fff !important;
}

body .memo-sidebar ~ .main .uploads-container .light_box,
body .memo-sidebar ~ form .main .uploads-container .light_box {
    border: 1px solid #ffccb2;
    border-radius: 0.38rem;
    background: #fff4ed;
    color: #7a3212;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .uploads-container .upload-card,
body.memo-page-theme-dark .memo-sidebar ~ form .main .uploads-container .upload-card {
    border-color: var(--memo-light-border-color-soft);
    background: var(--memo-dark-bg-color);
    box-shadow: none;
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .uploads-container .upload-card > strong,
body.memo-page-theme-dark .memo-sidebar ~ form .main .uploads-container .upload-card > strong {
    color: var(--memo-light-text-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .uploads-container .card-header,
body.memo-page-theme-dark .memo-sidebar ~ form .main .uploads-container .card-header {
    border-bottom-color: var(--memo-light-border-color-soft);
    background: var(--memo-light-bg-color-soft);
    color: var(--memo-light-text-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .uploads-container .pic-actions,
body.memo-page-theme-dark .memo-sidebar ~ form .main .uploads-container .pic-actions {
    color: var(--memo-accent-color) !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .uploads-container .pic-actions:hover,
body.memo-page-theme-dark .memo-sidebar ~ .main .uploads-container .pic-actions:focus,
body.memo-page-theme-dark .memo-sidebar ~ form .main .uploads-container .pic-actions:hover,
body.memo-page-theme-dark .memo-sidebar ~ form .main .uploads-container .pic-actions:focus {
    color: var(--memo-accent-color) !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .uploads-container .gallery-image,
body.memo-page-theme-dark .memo-sidebar ~ form .main .uploads-container .gallery-image {
    border-color: var(--memo-light-border-color-soft);
    background: var(--memo-dark-bg-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .uploads-container .file-input,
body.memo-page-theme-dark .memo-sidebar ~ form .main .uploads-container .file-input {
    border-color: var(--memo-light-border-color-soft);
    background: var(--memo-light-bg-color-soft);
    color: var(--memo-light-text-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .uploads-container .btn.white,
body.memo-page-theme-dark .memo-sidebar ~ form .main .uploads-container .btn.white {
    border-color: var(--memo-accent-color);
    background: var(--memo-accent-color);
    color: var(--memo-light-text-color) !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .uploads-container .btn.white:hover,
body.memo-page-theme-dark .memo-sidebar ~ .main .uploads-container .btn.white:focus,
body.memo-page-theme-dark .memo-sidebar ~ form .main .uploads-container .btn.white:hover,
body.memo-page-theme-dark .memo-sidebar ~ form .main .uploads-container .btn.white:focus {
    border-color: var(--memo-accent-color);
    background: var(--memo-accent-color);
    color: var(--memo-light-text-color) !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .uploads-container .light_box,
body.memo-page-theme-dark .memo-sidebar ~ form .main .uploads-container .light_box {
    border-color: var(--memo-accent-color);
    background: var(--memo-accent-color-soft);
    color: var(--memo-accent-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .reorder-photos-list.ui-sortable .ui-sortable-handle::after,
body.memo-page-theme-dark .memo-sidebar ~ form .main .reorder-photos-list.ui-sortable .ui-sortable-handle::after {
    background-color: var(--memo-light-bg-color-soft);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.3);
}

@media (max-width: 575.98px) {
    body .memo-sidebar ~ .main .vehicle-image-upload-actions,
    body .memo-sidebar ~ form .main .vehicle-image-upload-actions {
        grid-template-columns: 1fr;
    }
}

body.memo-page-theme-dark .memo-sidebar ~ .main .document-settings,
body.memo-page-theme-dark .memo-sidebar ~ form .main .document-settings {
    background-color: var(--memo-dark-bg-color);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .document-settings .card.config-card,
body.memo-page-theme-dark .memo-sidebar ~ .main .document-settings .config-card .card-header,
body.memo-page-theme-dark .memo-sidebar ~ .main .document-settings .config-card .card-body,
body.memo-page-theme-dark .memo-sidebar ~ .main .document-settings .footer-option,
body.memo-page-theme-dark .memo-sidebar ~ .main .document-settings .empty-state,
body.memo-page-theme-dark .memo-sidebar ~ form .main .document-settings .card.config-card,
body.memo-page-theme-dark .memo-sidebar ~ form .main .document-settings .config-card .card-header,
body.memo-page-theme-dark .memo-sidebar ~ form .main .document-settings .config-card .card-body,
body.memo-page-theme-dark .memo-sidebar ~ form .main .document-settings .footer-option,
body.memo-page-theme-dark .memo-sidebar ~ form .main .document-settings .empty-state {
    background: var(--memo-dark-bg-color);
    border-color: var(--memo-light-border-color-soft);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .document-settings .section-subtitle,
body.memo-page-theme-dark .memo-sidebar ~ form .main .document-settings .section-subtitle {
    color: color-mix(in srgb, var(--memo-light-text-color) 68%, transparent);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .document-settings .sticky-savebar,
body.memo-page-theme-dark .memo-sidebar ~ form .main .document-settings .sticky-savebar {
    background: rgba(17, 19, 21, 0.94);
    border-top-color: var(--memo-light-border-color-soft);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .form-control,
body.memo-page-theme-dark .memo-sidebar ~ .main .form-select,
body.memo-page-theme-dark .memo-sidebar ~ .main select,
body.memo-page-theme-dark .memo-sidebar ~ .main select[multiple],
body.memo-page-theme-dark .memo-sidebar ~ .main .datepicker-wrapper input,
body.memo-page-theme-dark .memo-sidebar ~ .main .datepicker-wrapper .flatpickr-input,
body.memo-page-theme-dark .memo-sidebar ~ .main .datepicker-wrapper .flatpickr-input[readonly],
body.memo-page-theme-dark .memo-sidebar ~ form .main .form-control,
body.memo-page-theme-dark .memo-sidebar ~ form .main .form-select,
body.memo-page-theme-dark .memo-sidebar ~ form .main select,
body.memo-page-theme-dark .memo-sidebar ~ form .main select[multiple],
body.memo-page-theme-dark .memo-sidebar ~ form .main .datepicker-wrapper input,
body.memo-page-theme-dark .memo-sidebar ~ form .main .datepicker-wrapper .flatpickr-input,
body.memo-page-theme-dark .memo-sidebar ~ form .main .datepicker-wrapper .flatpickr-input[readonly] {
    background-color: var(--memo-light-bg-color-soft) !important;
    border-color: var(--memo-light-border-color-soft) !important;
    color: var(--memo-light-text-color) !important;
    -webkit-text-fill-color: var(--memo-light-text-color) !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main select option,
body.memo-page-theme-dark .memo-sidebar ~ form .main select option {
    background: var(--memo-dark-field-bg-color);
    color: var(--memo-light-text-color) !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .form-select,
body.memo-page-theme-dark .memo-sidebar ~ .main select,
body.memo-page-theme-dark .memo-sidebar ~ .main select[multiple],
body.memo-page-theme-dark .memo-sidebar ~ form .main .form-select,
body.memo-page-theme-dark .memo-sidebar ~ form .main select,
body.memo-page-theme-dark .memo-sidebar ~ form .main select[multiple] {
    background-color: var(--memo-dark-field-bg-color) !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main select[multiple] option:checked,
body.memo-page-theme-dark .memo-sidebar ~ form .main select[multiple] option:checked {
    background: var(--memo-light-border-color-soft) !important;
    color: var(--memo-light-text-color) !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .form-check-label {
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .memo-sidebar ~ .main.claimMain .tab-pane > .main,
body.memo-page-theme-dark .memo-sidebar ~ form .main.claimMain .tab-pane > .main {
    background: var(--memo-dark-bg-color);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .memo-sidebar ~ .main.claimMain .avatar-wrapper,
body.memo-page-theme-dark .memo-sidebar ~ form .main.claimMain .avatar-wrapper {
    background: var(--memo-light-bg-color-soft);
    border-color: var(--memo-light-border-color-soft);
    box-shadow: none;
}

body.memo-page-theme-dark .memo-sidebar ~ .main.claimMain .vehicle-not-arrived-tag,
body.memo-page-theme-dark .memo-sidebar ~ form .main.claimMain .vehicle-not-arrived-tag {
    background: var(--memo-light-bg-color-soft);
    border-color: #7a2a2f;
    color: #ffb4aa;
}

body.list-export.memo-page-theme-dark .memo-sidebar ~ .main .tile,
body.list-export.memo-page-theme-dark .memo-sidebar ~ form .main .tile {
    background: var(--memo-dark-bg-color);
    border: 1px solid var(--memo-light-border-color-soft);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.list-export.memo-page-theme-dark .memo-sidebar ~ .main .tile-content,
body.list-export.memo-page-theme-dark .memo-sidebar ~ form .main .tile-content {
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.list-export.memo-page-theme-dark .memo-sidebar ~ .main .tile .tile-head,
body.list-export.memo-page-theme-dark .memo-sidebar ~ form .main .tile .tile-head {
    border-top-color: var(--memo-light-border-color-soft);
    color: var(--memo-light-text-color);
}

body.list-export.memo-page-theme-dark .memo-sidebar ~ .main .tile a:not(.btn),
body.list-export.memo-page-theme-dark .memo-sidebar ~ form .main .tile a:not(.btn),
body.list-export.memo-page-theme-dark .memo-sidebar ~ .main .tile-content.sold-vehicles a,
body.list-export.memo-page-theme-dark .memo-sidebar ~ form .main .tile-content.sold-vehicles a {
    color: var(--memo-accent-color);
}

body.list-export.memo-page-theme-dark .memo-sidebar ~ .main .sold-count-label,
body.list-export.memo-page-theme-dark .memo-sidebar ~ form .main .sold-count-label {
    color: var(--memo-accent-color);
}

body.list-export.memo-page-theme-dark .memo-sidebar ~ .main .sold-count-label.black,
body.list-export.memo-page-theme-dark .memo-sidebar ~ form .main .sold-count-label.black {
    color: color-mix(in srgb, var(--memo-light-text-color) 68%, transparent);
}

body.list-export.memo-page-theme-dark .memo-sidebar ~ .main .tile .btn.white,
body.list-export.memo-page-theme-dark .memo-sidebar ~ form .main .tile .btn.white {
    background: var(--memo-accent-color);
    border-color: var(--memo-accent-color);
    box-shadow: none;
    color: var(--memo-light-text-color) !important;
}

body.list-export.memo-page-theme-dark .memo-sidebar ~ .main .tile .btn.white:hover,
body.list-export.memo-page-theme-dark .memo-sidebar ~ .main .tile .btn.white:focus,
body.list-export.memo-page-theme-dark .memo-sidebar ~ form .main .tile .btn.white:hover,
body.list-export.memo-page-theme-dark .memo-sidebar ~ form .main .tile .btn.white:focus {
    background: var(--memo-accent-color);
    border-color: var(--memo-accent-color);
    color: var(--memo-light-text-color) !important;
}

body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main .tiles-container {
    align-items: flex-start;
}

body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main .tile {
    border-radius: 0.35rem;
}

body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main .tile.orange {
    background: var(--memo-dark-bg-color);
    border-color: var(--memo-light-border-color-soft);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main .tile table {
    color: inherit;
}

body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main .tile input[type="search"],
body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main .tile input[type="text"],
body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main .tile textarea,
body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main .tile select,
body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main .tile .form-control,
body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main .tile .form-select {
    background-color: var(--memo-light-bg-color-soft);
    border-color: var(--memo-light-border-color-soft);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
    -webkit-text-fill-color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main .tile input::placeholder,
body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main .tile textarea::placeholder {
    color: color-mix(in srgb, var(--memo-light-text-color) 68%, transparent);
    -webkit-text-fill-color: color-mix(in srgb, var(--memo-light-text-color) 68%, transparent);
}

body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main .tile input:focus,
body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main .tile textarea:focus,
body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main .tile select:focus,
body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main .tile .form-control:focus,
body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main .tile .form-select:focus {
    background-color: var(--memo-light-bg-color-soft);
    border-color: var(--memo-accent-color);
    color: var(--memo-light-text-color);
    -webkit-text-fill-color: var(--memo-light-text-color);
    box-shadow: 0 0 0 0.18rem color-mix(in srgb, var(--memo-accent-color) 25%, transparent);
}

body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main #ausgabe {
    overflow: hidden;
    border: 1px solid var(--memo-light-border-color-soft);
    border-radius: 0.35rem;
    background: var(--memo-dark-bg-color);
}

body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main #ausgabe:empty {
    display: none;
}

body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main #ausgabe p {
    margin: 0;
    padding: 0.85rem 1rem;
    color: color-mix(in srgb, var(--memo-light-text-color) 68%, transparent);
}

body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main #ausgabe table,
body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main #ausgabe .sort-table {
    width: 100%;
    margin: 0;
    border: 0 !important;
    border-collapse: separate;
    border-spacing: 0;
    background: var(--memo-dark-bg-color) !important;
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent) !important;
}

body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main #ausgabe thead td,
body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main #ausgabe thead th {
    background: var(--memo-light-bg-color-soft) !important;
    border-bottom: 1px solid var(--memo-light-border-color-soft) !important;
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent) !important;
    font-weight: 600;
}

body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main #ausgabe td,
body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main #ausgabe th {
    padding: 0.55rem 0.75rem;
    border-color: var(--memo-light-border-color-soft) !important;
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent) !important;
}

body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main #ausgabe tr {
    background: var(--memo-dark-bg-color) !important;
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent) !important;
}

body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main #ausgabe tr:nth-child(even) {
    background: var(--memo-light-bg-color-soft) !important;
}

body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main #ausgabe tbody tr:hover,
body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main #ausgabe tr:hover {
    background: color-mix(in srgb, var(--memo-accent-color) 16%, transparent) !important;
    color: var(--memo-light-text-color) !important;
}

body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main .table-responsive {
    border: 1px solid var(--memo-light-border-color-soft);
    border-radius: 0.35rem;
}

body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main .round-grey-border {
    background: var(--memo-light-bg-color-soft);
    border-color: var(--memo-light-border-color-soft);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main .btn.grey {
    background: var(--memo-light-border-color-soft);
    border-color: var(--memo-light-border-color-soft);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent) !important;
}

body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main .btn.grey:hover,
body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main .btn.grey:focus {
    background: var(--memo-accent-color);
    border-color: var(--memo-accent-color);
    color: var(--memo-light-text-color) !important;
}

body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main a.top_page:not(:is([href="#oben"])) {
    color: var(--memo-light-text-color) !important;
}

body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main a.top_page:not(:is([href="#oben"])):hover,
body.collective-invoice-page.memo-page-theme-dark .memo-sidebar ~ .main a.top_page:not(:is([href="#oben"])):focus {
    background: var(--memo-accent-color);
    border-color: var(--memo-accent-color);
    color: var(--memo-light-text-color) !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main [bgcolor="#ffffff"],
body.memo-page-theme-dark .memo-sidebar ~ .main [bgcolor="#fff"],
body.memo-page-theme-dark .memo-sidebar ~ form .main [bgcolor="#ffffff"],
body.memo-page-theme-dark .memo-sidebar ~ form .main [bgcolor="#fff"] {
    background-color: var(--memo-dark-bg-color) !important;
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .memo-sidebar ~ .main [bgcolor="#CCCCCC"],
body.memo-page-theme-dark .memo-sidebar ~ .main [bgcolor="#cccccc"],
body.memo-page-theme-dark .memo-sidebar ~ form .main [bgcolor="#CCCCCC"],
body.memo-page-theme-dark .memo-sidebar ~ form .main [bgcolor="#cccccc"] {
    background-color: var(--memo-light-border-color-soft) !important;
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .memo-sidebar ~ .main [bgcolor="#EBEBEB"],
body.memo-page-theme-dark .memo-sidebar ~ .main [bgcolor="#ebebeb"],
body.memo-page-theme-dark .memo-sidebar ~ form .main [bgcolor="#EBEBEB"],
body.memo-page-theme-dark .memo-sidebar ~ form .main [bgcolor="#ebebeb"] {
    background-color: var(--memo-light-bg-color-soft) !important;
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .table-light,
body.memo-page-theme-dark .memo-sidebar ~ form .main .table-light {
    --bs-table-bg: var(--memo-light-bg-color-soft);
    --bs-table-color: var(--memo-light-text-color);
    --bs-table-border-color: var(--memo-light-border-color-soft);
    --bs-table-striped-bg: var(--memo-light-bg-color-soft);
    --bs-table-striped-color: var(--memo-light-text-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .table-light > *,
body.memo-page-theme-dark .memo-sidebar ~ form .main .table-light > * {
    background-color: var(--memo-light-bg-color-soft) !important;
    border-color: var(--memo-light-border-color-soft) !important;
    color: var(--memo-light-text-color) !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .eva_list,
body.memo-page-theme-dark .memo-sidebar ~ form .main .eva_list {
    background: var(--memo-dark-bg-color);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .eva_list a,
body.memo-page-theme-dark .memo-sidebar ~ form .main .eva_list a {
    color: var(--memo-accent-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .eva_list_head,
body.memo-page-theme-dark .memo-sidebar ~ .main .eva_list_head2,
body.memo-page-theme-dark .memo-sidebar ~ form .main .eva_list_head,
body.memo-page-theme-dark .memo-sidebar ~ form .main .eva_list_head2 {
    background-color: var(--memo-light-bg-color-soft) !important;
    border-color: var(--memo-light-border-color-soft) !important;
    color: var(--memo-light-text-color) !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .eva_list_element,
body.memo-page-theme-dark .memo-sidebar ~ .main .eva_list_element_da,
body.memo-page-theme-dark .memo-sidebar ~ form .main .eva_list_element,
body.memo-page-theme-dark .memo-sidebar ~ form .main .eva_list_element_da {
    background-color: var(--memo-dark-bg-color);
    border-color: var(--memo-light-border-color-soft) !important;
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent) !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main tr.eva_list_line,
body.memo-page-theme-dark .memo-sidebar ~ form .main tr.eva_list_line {
    background-color: var(--memo-dark-bg-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main tr.eva_list_line_grey,
body.memo-page-theme-dark .memo-sidebar ~ form .main tr.eva_list_line_grey {
    background-color: var(--memo-light-bg-color-soft);
}

body.memo-page-theme-dark .memo-sidebar ~ .main tr.eva_list_line_green,
body.memo-page-theme-dark .memo-sidebar ~ form .main tr.eva_list_line_green {
    background-color: var(--memo-light-bg-color-soft);
}

body.memo-page-theme-dark .memo-sidebar ~ .main tr.eva_list_line_blue,
body.memo-page-theme-dark .memo-sidebar ~ form .main tr.eva_list_line_blue {
    background-color: #173246;
}

body.memo-page-theme-dark .memo-sidebar ~ .main tr.eva_list_line_yellow,
body.memo-page-theme-dark .memo-sidebar ~ .main tr.eva_list_line_yellow2,
body.memo-page-theme-dark .memo-sidebar ~ form .main tr.eva_list_line_yellow,
body.memo-page-theme-dark .memo-sidebar ~ form .main tr.eva_list_line_yellow2 {
    background-color: var(--memo-light-bg-color-soft);
}

body.memo-page-theme-dark .memo-sidebar ~ .main tr.eva_list_line:hover,
body.memo-page-theme-dark .memo-sidebar ~ .main tr.eva_list_line_grey:hover,
body.memo-page-theme-dark .memo-sidebar ~ .main tr.eva_list_line_green:hover,
body.memo-page-theme-dark .memo-sidebar ~ .main tr.eva_list_line_blue:hover,
body.memo-page-theme-dark .memo-sidebar ~ .main tr.eva_list_line_yellow:hover,
body.memo-page-theme-dark .memo-sidebar ~ .main tr.eva_list_line_yellow2:hover,
body.memo-page-theme-dark .memo-sidebar ~ form .main tr.eva_list_line:hover,
body.memo-page-theme-dark .memo-sidebar ~ form .main tr.eva_list_line_grey:hover,
body.memo-page-theme-dark .memo-sidebar ~ form .main tr.eva_list_line_green:hover,
body.memo-page-theme-dark .memo-sidebar ~ form .main tr.eva_list_line_blue:hover,
body.memo-page-theme-dark .memo-sidebar ~ form .main tr.eva_list_line_yellow:hover,
body.memo-page-theme-dark .memo-sidebar ~ form .main tr.eva_list_line_yellow2:hover {
    background-color: var(--memo-accent-color);
    color: var(--memo-light-text-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main tr.eva_list_line:hover a,
body.memo-page-theme-dark .memo-sidebar ~ .main tr.eva_list_line_grey:hover a,
body.memo-page-theme-dark .memo-sidebar ~ .main tr.eva_list_line_green:hover a,
body.memo-page-theme-dark .memo-sidebar ~ .main tr.eva_list_line_blue:hover a,
body.memo-page-theme-dark .memo-sidebar ~ .main tr.eva_list_line_yellow:hover a,
body.memo-page-theme-dark .memo-sidebar ~ .main tr.eva_list_line_yellow2:hover a,
body.memo-page-theme-dark .memo-sidebar ~ form .main tr.eva_list_line:hover a,
body.memo-page-theme-dark .memo-sidebar ~ form .main tr.eva_list_line_grey:hover a,
body.memo-page-theme-dark .memo-sidebar ~ form .main tr.eva_list_line_green:hover a,
body.memo-page-theme-dark .memo-sidebar ~ form .main tr.eva_list_line_blue:hover a,
body.memo-page-theme-dark .memo-sidebar ~ form .main tr.eva_list_line_yellow:hover a,
body.memo-page-theme-dark .memo-sidebar ~ form .main tr.eva_list_line_yellow2:hover a {
    color: var(--memo-light-text-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .customer_details,
body.memo-page-theme-dark .memo-sidebar ~ .main.claimMain .tab-content,
body.memo-page-theme-dark .memo-sidebar ~ .main .claimMain .tab-content,
body.memo-page-theme-dark .memo-sidebar ~ .main .vehicle-history-entry,
body.memo-page-theme-dark .memo-sidebar ~ .main .vehicle-history-entry-body,
body.memo-page-theme-dark .memo-sidebar ~ .main .reclamation-doc-preview,
body.memo-page-theme-dark .memo-sidebar ~ form .main .customer_details,
body.memo-page-theme-dark .memo-sidebar ~ form .main.claimMain .tab-content,
body.memo-page-theme-dark .memo-sidebar ~ form .main .claimMain .tab-content,
body.memo-page-theme-dark .memo-sidebar ~ form .main .vehicle-history-entry,
body.memo-page-theme-dark .memo-sidebar ~ form .main .vehicle-history-entry-body,
body.memo-page-theme-dark .memo-sidebar ~ form .main .reclamation-doc-preview {
    background: var(--memo-dark-bg-color);
    border-color: var(--memo-light-border-color-soft);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .memo-sidebar ~ .main.claimMain .nav-tabs .nav-link,
body.memo-page-theme-dark .memo-sidebar ~ .main .claimMain .nav-tabs .nav-link,
body.memo-page-theme-dark .memo-sidebar ~ .main .vehicle-history-entry-header,
body.memo-page-theme-dark .memo-sidebar ~ form .main.claimMain .nav-tabs .nav-link,
body.memo-page-theme-dark .memo-sidebar ~ form .main .claimMain .nav-tabs .nav-link,
body.memo-page-theme-dark .memo-sidebar ~ form .main .vehicle-history-entry-header {
    background: var(--memo-light-bg-color-soft);
    border-color: var(--memo-light-border-color-soft);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .memo-sidebar ~ .main.claimMain .nav-tabs .nav-link.active,
body.memo-page-theme-dark .memo-sidebar ~ .main .claimMain .nav-tabs .nav-link.active,
body.memo-page-theme-dark .memo-sidebar ~ .main .vehicle-history-entry-toggle,
body.memo-page-theme-dark .memo-sidebar ~ form .main.claimMain .nav-tabs .nav-link.active,
body.memo-page-theme-dark .memo-sidebar ~ form .main .claimMain .nav-tabs .nav-link.active,
body.memo-page-theme-dark .memo-sidebar ~ form .main .vehicle-history-entry-toggle {
    background: var(--memo-accent-color);
    border-color: var(--memo-accent-color);
    color: var(--memo-light-text-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main.claimMain .card.transp-orange,
body.memo-page-theme-dark .memo-sidebar ~ .main .claimMain .card.transp-orange,
body.memo-page-theme-dark .memo-sidebar ~ form .main.claimMain .card.transp-orange,
body.memo-page-theme-dark .memo-sidebar ~ form .main .claimMain .card.transp-orange {
    background: var(--memo-dark-bg-color);
    border-color: var(--memo-light-border-color-soft);
    box-shadow: none;
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .memo-sidebar ~ .main.claimMain .card.transp-orange .border-bottom,
body.memo-page-theme-dark .memo-sidebar ~ .main .claimMain .card.transp-orange .border-bottom,
body.memo-page-theme-dark .memo-sidebar ~ form .main.claimMain .card.transp-orange .border-bottom,
body.memo-page-theme-dark .memo-sidebar ~ form .main .claimMain .card.transp-orange .border-bottom {
    border-bottom-color: var(--memo-light-border-color-soft) !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .claimMain .form-floating > label,
body.memo-page-theme-dark .memo-sidebar ~ form .main.claimMain .form-floating > label,
body.memo-page-theme-dark .memo-sidebar ~ form .main .claimMain .form-floating > label {
    display: inline-flex;
    align-items: center;
    width: auto;
    height: auto;
    padding: 0.12rem 0.35rem;
    border: 1px solid var(--memo-light-border-color-soft);
    border-radius: 0.3rem;
    background: var(--memo-light-bg-color-soft);
    box-shadow: none;
    color: color-mix(in srgb, var(--memo-light-text-color) 68%, transparent);
    line-height: 1.15;
}

body.memo-page-theme-dark .memo-sidebar ~ .main.claimMain .form-floating > label::after,
body.memo-page-theme-dark .memo-sidebar ~ .main .claimMain .form-floating > label::after,
body.memo-page-theme-dark .memo-sidebar ~ form .main.claimMain .form-floating > label::after,
body.memo-page-theme-dark .memo-sidebar ~ form .main .claimMain .form-floating > label::after {
    background: transparent !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main.claimMain .form-floating > .form-control:focus ~ label,
body.memo-page-theme-dark .memo-sidebar ~ .main.claimMain .form-floating > .form-select:focus ~ label,
body.memo-page-theme-dark .memo-sidebar ~ .main .claimMain .form-floating > .form-control:focus ~ label,
body.memo-page-theme-dark .memo-sidebar ~ .main .claimMain .form-floating > .form-select:focus ~ label,
body.memo-page-theme-dark .memo-sidebar ~ form .main.claimMain .form-floating > .form-control:focus ~ label,
body.memo-page-theme-dark .memo-sidebar ~ form .main.claimMain .form-floating > .form-select:focus ~ label,
body.memo-page-theme-dark .memo-sidebar ~ form .main .claimMain .form-floating > .form-control:focus ~ label,
body.memo-page-theme-dark .memo-sidebar ~ form .main .claimMain .form-floating > .form-select:focus ~ label {
    border-color: var(--memo-accent-color);
    color: var(--memo-accent-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main.claimMain .btn-primary:disabled,
body.memo-page-theme-dark .memo-sidebar ~ .main.claimMain .btn-primary.disabled,
body.memo-page-theme-dark .memo-sidebar ~ .main.claimMain .btn-primary.opacity-50,
body.memo-page-theme-dark .memo-sidebar ~ .main .claimMain .btn-primary:disabled,
body.memo-page-theme-dark .memo-sidebar ~ .main .claimMain .btn-primary.disabled,
body.memo-page-theme-dark .memo-sidebar ~ .main .claimMain .btn-primary.opacity-50,
body.memo-page-theme-dark .memo-sidebar ~ form .main.claimMain .btn-primary:disabled,
body.memo-page-theme-dark .memo-sidebar ~ form .main.claimMain .btn-primary.disabled,
body.memo-page-theme-dark .memo-sidebar ~ form .main.claimMain .btn-primary.opacity-50,
body.memo-page-theme-dark .memo-sidebar ~ form .main .claimMain .btn-primary:disabled,
body.memo-page-theme-dark .memo-sidebar ~ form .main .claimMain .btn-primary.disabled,
body.memo-page-theme-dark .memo-sidebar ~ form .main .claimMain .btn-primary.opacity-50 {
    background: var(--memo-light-bg-color-soft);
    border-color: var(--memo-light-border-color-soft);
    box-shadow: none;
    color: color-mix(in srgb, var(--memo-light-text-color) 68%, transparent);
    opacity: 1 !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main.claimMain .card-corner-avatar,
body.memo-page-theme-dark .memo-sidebar ~ .main .claimMain .card-corner-avatar,
body.memo-page-theme-dark .memo-sidebar ~ form .main.claimMain .card-corner-avatar,
body.memo-page-theme-dark .memo-sidebar ~ form .main .claimMain .card-corner-avatar {
    background: var(--memo-dark-bg-color);
    border-color: var(--memo-light-border-color-soft);
}

body.memo-page-theme-dark .memo-sidebar ~ .main.claimMain .card-corner-avatar-empty:is(:hover, :focus-within),
body.memo-page-theme-dark .memo-sidebar ~ .main .claimMain .card-corner-avatar-empty:is(:hover, :focus-within),
body.memo-page-theme-dark .memo-sidebar ~ form .main.claimMain .card-corner-avatar-empty:is(:hover, :focus-within),
body.memo-page-theme-dark .memo-sidebar ~ form .main .claimMain .card-corner-avatar-empty:is(:hover, :focus-within) {
    background: var(--memo-accent-color);
    border-color: var(--memo-accent-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main.claimMain .reclamation-doc-preview,
body.memo-page-theme-dark .memo-sidebar ~ .main.claimMain .reclamation-doc-preview-placeholder,
body.memo-page-theme-dark .memo-sidebar ~ .main .claimMain .reclamation-doc-preview,
body.memo-page-theme-dark .memo-sidebar ~ .main .claimMain .reclamation-doc-preview-placeholder,
body.memo-page-theme-dark .memo-sidebar ~ form .main.claimMain .reclamation-doc-preview,
body.memo-page-theme-dark .memo-sidebar ~ form .main.claimMain .reclamation-doc-preview-placeholder,
body.memo-page-theme-dark .memo-sidebar ~ form .main .claimMain .reclamation-doc-preview,
body.memo-page-theme-dark .memo-sidebar ~ form .main .claimMain .reclamation-doc-preview-placeholder {
    background: var(--memo-light-bg-color-soft);
    border-color: var(--memo-light-border-color-soft);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .vehicle-history-entry-header:hover,
body.memo-page-theme-dark .memo-sidebar ~ .main .vehicle-history-entry-header[aria-expanded="true"],
body.memo-page-theme-dark .memo-sidebar ~ form .main .vehicle-history-entry-header:hover,
body.memo-page-theme-dark .memo-sidebar ~ form .main .vehicle-history-entry-header[aria-expanded="true"] {
    background: var(--memo-light-bg-color-soft);
    border-color: var(--memo-light-border-color-soft);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .vehicle-history-empty-state,
body.memo-page-theme-dark .memo-sidebar ~ form .main .vehicle-history-empty-state {
    background: var(--memo-accent-color-soft);
    border-color: var(--memo-accent-color);
    color: var(--memo-accent-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .vehicle-arrival-info-cell .vehicle-not-arrived-tag,
body.memo-page-theme-dark .memo-sidebar ~ form .main .vehicle-arrival-info-cell .vehicle-not-arrived-tag {
    background: var(--memo-light-bg-color-soft);
    border-color: #8a332e;
    color: #ffb4ad;
}

body .memo-sidebar ~ .main a.top_page[href="#oben"],
body .memo-sidebar ~ form .main a.top_page[href="#oben"] {
    display: none;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .form-floating > select[multiple].form-select ~ label,
body.memo-page-theme-dark .memo-sidebar ~ form .main .form-floating > select[multiple].form-select ~ label {
    background: var(--memo-light-bg-color-soft);
    color: color-mix(in srgb, var(--memo-light-text-color) 68%, transparent);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .language-wrap__label,
body.memo-page-theme-dark .memo-sidebar ~ form .main .language-wrap__label {
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .language-wrap,
body.memo-page-theme-dark .memo-sidebar ~ form .main .language-wrap {
    --language-wrap-bg: color-mix(in srgb, var(--memo-dark-bg-color) 93%, var(--memo-light-bg-color) 7%);

    background: var(--language-wrap-bg);
    border-color: var(--memo-light-border-color-soft);
}

body.memo-page-theme-dark .memo-sidebar ~ .main select[multiple].language-wrap__select,
body.memo-page-theme-dark .memo-sidebar ~ form .main select[multiple].language-wrap__select {
    background-color: var(--language-wrap-bg) !important;
    border-color: transparent !important;
    color: var(--memo-light-text-color) !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main select[multiple].language-wrap__select:focus,
body.memo-page-theme-dark .memo-sidebar ~ form .main select[multiple].language-wrap__select:focus {
    border-color: transparent !important;
    box-shadow: none;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .language-wrap__select option,
body.memo-page-theme-dark .memo-sidebar ~ form .main .language-wrap__select option {
    background: var(--language-wrap-bg) !important;
    color: var(--memo-light-text-color) !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .language-wrap__select option:checked,
body.memo-page-theme-dark .memo-sidebar ~ form .main .language-wrap__select option:checked {
    background: var(--memo-accent-color-soft) !important;
    color: var(--memo-light-text-color) !important;
}

body.data_upload.memo-page-theme-dark .memo-sidebar ~ .main {
    background: var(--memo-dark-bg-color);
}

html.memo-theme-preload-light body.data_upload,
html.memo-theme-preload-light body.data_upload .container,
html.memo-theme-preload-light body.data_upload .memo-sidebar ~ .main,
html.memo-theme-preload-light body.data_upload .memo-sidebar ~ form .main {
    background: #f6f8fa;
    color: #1f2328;
}

html.memo-theme-preload-light body.data_upload {
    padding-bottom: 0;
}

html.memo-theme-preload-light body.data_upload .memo-sidebar ~ .main .card,
html.memo-theme-preload-light body.data_upload .memo-sidebar ~ form .main .card {
    border: 1px solid rgba(180, 74, 20, 0.28);
    border-radius: 0.75rem;
    background: var(--memo-accent-color);
    box-shadow: 0 18px 38px rgba(31, 35, 40, 0.16), 0 4px 12px rgba(180, 74, 20, 0.18);
    color: #fff;
}

html.memo-theme-preload-light body.data_upload .memo-sidebar ~ .main .card .headline,
html.memo-theme-preload-light body.data_upload .memo-sidebar ~ form .main .card .headline {
    margin-bottom: 1.5rem;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.35;
    text-align: center;
}

html.memo-theme-preload-light body.data_upload .memo-sidebar ~ .main .card .headline a,
html.memo-theme-preload-light body.data_upload .memo-sidebar ~ form .main .card .headline a {
    display: inline-flex;
    margin-top: 0.35rem;
    color: #fff !important;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
}

html.memo-theme-preload-light body.data_upload .memo-sidebar ~ .main .card .headline a:hover,
html.memo-theme-preload-light body.data_upload .memo-sidebar ~ form .main .card .headline a:hover {
    color: #fff2eb !important;
}

body.data_upload.memo-page-theme-dark .memo-sidebar ~ .main .card {
    border: 1px solid var(--memo-light-border-color-soft);
    border-radius: 0.75rem;
    background: var(--memo-dark-bg-color);
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.24);
    color: var(--memo-light-text-color);
}

body.data_upload.memo-page-theme-dark .memo-sidebar ~ .main .card .headline {
    margin-bottom: 1.5rem;
    color: var(--memo-light-text-color);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.35;
    text-align: center;
}

body.data_upload.memo-page-theme-dark .memo-sidebar ~ .main .card .headline a {
    display: inline-flex;
    margin-top: 0.35rem;
    color: var(--memo-accent-color) !important;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
}

body.data_upload.memo-page-theme-dark .memo-sidebar ~ .main .card .headline a:hover {
    color: var(--memo-accent-color) !important;
}

body.data_upload .memo-sidebar ~ .main .card > b,
body.data_upload .memo-sidebar ~ form .main .card > b {
    display: block;
    margin-bottom: 0.55rem;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
}

body.data_upload .memo-sidebar ~ .main .card input[type="file"],
body.data_upload .memo-sidebar ~ .main .card input[type="submit"],
body.data_upload .memo-sidebar ~ .main .card select,
body.data_upload .memo-sidebar ~ form .main .card input[type="file"],
body.data_upload .memo-sidebar ~ form .main .card input[type="submit"],
body.data_upload .memo-sidebar ~ form .main .card select {
    font-size: 14px;
    line-height: 1.5;
}

html.memo-theme-preload-light body.data_upload .memo-sidebar ~ .main .card input[type="file"],
html.memo-theme-preload-light body.data_upload .memo-sidebar ~ form .main .card input[type="file"] {
    margin: 0 0 1.25rem;
    padding: 0.85rem;
    border: 1px solid rgba(31, 35, 40, 0.2);
    background: #fff;
    box-shadow: 0 8px 18px rgba(31, 35, 40, 0.16);
    color: #1f2328;
}

html.memo-theme-preload-light body.data_upload .memo-sidebar ~ .main .card input[type="file"]::file-selector-button,
html.memo-theme-preload-light body.data_upload .memo-sidebar ~ form .main .card input[type="file"]::file-selector-button {
    margin-right: 0.8rem;
    padding: 0.65rem 0.9rem;
    border: 0;
    border-radius: 0.3rem;
    background: var(--memo-accent-color);
    color: #fff;
    font-weight: 700;
}

body.data_upload.memo-page-theme-dark .memo-sidebar ~ .main .card input[type="file"] {
    margin: 0 0 1.25rem;
    padding: 0.85rem;
    background: var(--memo-light-bg-color-soft);
    border: 1px solid var(--memo-light-border-color-soft);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.data_upload.memo-page-theme-dark .memo-sidebar ~ .main .card input[type="file"]::file-selector-button {
    margin-right: 0.8rem;
    padding: 0.65rem 0.9rem;
    border: 0;
    border-radius: 0.3rem;
    background: var(--memo-accent-color);
    color: var(--memo-light-text-color);
    font-weight: 700;
}

body.data_upload.memo-page-theme-dark .memo-sidebar ~ .main .card label {
    margin-bottom: 0.35rem;
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
    font-size: 15px;
    font-weight: 700;
}

body.data_upload.memo-page-theme-dark .memo-sidebar ~ .main .card select {
    margin-bottom: 1.25rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid var(--memo-light-border-color-soft);
    border-radius: 0.35rem;
    background: var(--memo-light-bg-color-soft);
    color: var(--memo-light-text-color);
}

html.memo-theme-preload-light body.data_upload .memo-sidebar ~ .main .card label,
html.memo-theme-preload-light body.data_upload .memo-sidebar ~ form .main .card label {
    margin-bottom: 0.35rem;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
}

html.memo-theme-preload-light body.data_upload .memo-sidebar ~ .main .card select,
html.memo-theme-preload-light body.data_upload .memo-sidebar ~ form .main .card select {
    margin-bottom: 1.25rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid rgba(31, 35, 40, 0.2);
    border-radius: 0.35rem;
    background: #fff;
    color: #1f2328;
}

body.data_upload .memo-sidebar ~ .main .card #eva_button06,
body.data_upload .memo-sidebar ~ form .main .card #eva_button06 {
    margin: 0;
    padding: 0.85rem 1rem;
    border: 1px solid #fff;
    border-radius: 0.35rem;
    background-color: #fff;
    color: var(--memo-accent-color);
    font-weight: 700;
}

body.data_upload .memo-sidebar ~ .main .card #eva_button06:hover,
body.data_upload .memo-sidebar ~ form .main .card #eva_button06:hover {
    border-color: #fff2eb;
    background-color: #fff2eb;
    color: #e65100;
}

html.memo-theme-preload-light body.data_upload .memo-sidebar ~ .main .card input[type="submit"],
html.memo-theme-preload-light body.data_upload .memo-sidebar ~ form .main .card input[type="submit"] {
    margin: 0;
    padding: 0.85rem 1rem;
    border: 1px solid #fff;
    border-radius: 0.35rem;
    background: #fff;
    color: var(--memo-accent-color);
    font-weight: 700;
}

html.memo-theme-preload-light body.data_upload .memo-sidebar ~ .main .card input[type="submit"]:hover,
html.memo-theme-preload-light body.data_upload .memo-sidebar ~ form .main .card input[type="submit"]:hover {
    border-color: #fff2eb;
    background: #fff2eb;
    color: #e65100;
}

body.data_upload.memo-page-theme-dark .memo-sidebar ~ .main .card #eva_button06,
body.data_upload.memo-page-theme-dark .memo-sidebar ~ form .main .card #eva_button06 {
    border-color: var(--memo-accent-color);
    background-color: var(--memo-accent-color);
    color: var(--memo-light-text-color);
}

body.data_upload.memo-page-theme-dark .memo-sidebar ~ .main .card #eva_button06:hover,
body.data_upload.memo-page-theme-dark .memo-sidebar ~ form .main .card #eva_button06:hover {
    border-color: var(--memo-accent-color);
    background-color: var(--memo-accent-color);
    color: var(--memo-light-text-color);
}

body.data_upload.memo-page-theme-dark .memo-sidebar ~ .main .card input[type="submit"] {
    margin: 0;
    border: 1px solid var(--memo-accent-color);
    border-radius: 0.35rem;
    background: var(--memo-accent-color);
    color: var(--memo-light-text-color);
    font-weight: 700;
}

body.data_upload.memo-page-theme-dark .memo-sidebar ~ .main .card input[type="submit"]:hover {
    border-color: var(--memo-accent-color);
    background: var(--memo-accent-color);
}

body.data_upload.memo-page-theme-dark .memo-sidebar ~ .main .response-message {
    margin-top: 1rem;
    border: 1px solid var(--memo-light-border-color-soft);
    background: var(--memo-dark-bg-color);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .custom-card,
body.memo-page-theme-dark .memo-sidebar ~ form .main .custom-card {
    background: var(--memo-dark-bg-color);
    border-color: var(--memo-light-border-color-soft);
    box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.2);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .custom-card.orange,
body.memo-page-theme-dark .memo-sidebar ~ form .main .custom-card.orange {
    border-top-color: var(--memo-accent-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .custom-card.orange:hover,
body.memo-page-theme-dark .memo-sidebar ~ form .main .custom-card.orange:hover {
    background: var(--memo-dark-bg-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .custom-card .card-header,
body.memo-page-theme-dark .memo-sidebar ~ form .main .custom-card .card-header {
    background: var(--memo-dark-bg-color);
    border-bottom-color: var(--memo-light-border-color-soft);
    color: var(--memo-light-text-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .custom-card .card-content,
body.memo-page-theme-dark .memo-sidebar ~ form .main .custom-card .card-content {
    background: var(--memo-dark-bg-color);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body .memo-sidebar ~ .main .vehicle-transfer-filter.custom-card {
    border-color: #d8dee6;
    border-radius: 0.5rem;
    box-shadow: none;
}

body .memo-sidebar ~ .main .vehicle-transfer-filter.custom-card:hover {
    background: #fff;
}

body .memo-sidebar ~ .main .vehicle-transfer-filter .card-header {
    background: #fff;
    color: #1f2933;
}

body .memo-sidebar ~ .main .vehicle-transfer-filter .card-content {
    padding: 0.75rem 1rem 1rem;
    background: #fff;
}

body .memo-sidebar ~ .main #vehiclesTransferFilters .form-floating:last-child {
    flex: 0 0 10rem;
    min-width: 10rem;
}

body .memo-sidebar ~ .main .vehicle-transfer-list {
    margin-top: 1rem;
    overflow: auto;
    border: 1px solid #d8dee6;
    border-radius: 0.5rem;
    background: #fff;
    box-shadow: 0 1px 2px rgba(20, 26, 33, 0.08);
}

body .memo-sidebar ~ .main .vehicle-transfer-table {
    min-width: 62rem;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
}

body .memo-sidebar ~ .main .vehicle-transfer-table td.eva_list_head2 {
    padding: 0.62rem 0.7rem;
    border-color: #d8dee6;
    background: #f6f8fb;
    color: #1f2933;
    font-size: 0.92rem;
    font-weight: 700;
}

body .memo-sidebar ~ .main .vehicle-transfer-table td.eva_list_head2 a {
    color: inherit;
}

body .memo-sidebar ~ .main .vehicle-transfer-table tr.eva_list_line {
    background: #fff;
    color: #24303c;
}

body .memo-sidebar ~ .main .vehicle-transfer-table tr.eva_list_line:nth-of-type(2n+1) {
    background: #f8fafc;
}

body .memo-sidebar ~ .main .vehicle-transfer-table tr.eva_list_line:hover {
    background: #fff4ed;
    color: #1f2933;
}

body .memo-sidebar ~ .main .vehicle-transfer-table tr.eva_list_line:hover a {
    color: var(--memo-accent-color);
}

body .memo-sidebar ~ .main .vehicle-transfer-table .eva_list_element {
    padding: 0.55rem 0.7rem;
    border-color: #e3e8ef;
    color: inherit;
    font-size: 0.88rem;
}

body .memo-sidebar ~ .main .vehicle-transfer-table .eva_list_element a {
    color: var(--memo-accent-color);
}

body .memo-sidebar ~ .main .vehicle-transfer-actions-row > td {
    border-bottom: 0;
    background: #fff;
}

body .memo-sidebar ~ .main .vehicle-transfer-actions {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.75rem;
}

body .memo-sidebar ~ .main .vehicle-transfer-actions .eva_button02 {
    width: auto;
    margin: 0;
}

body .memo-sidebar ~ .main .vehicle-transfer-actions #eva_button04 {
    margin: 0;
}

body .memo-sidebar ~ .main .vehicle-transfer-pagination {
    padding: 0.75rem 1rem;
    border-top: 1px solid #e3e8ef;
    background: #f8fafc;
    color: #4b5563;
}

body .memo-sidebar ~ .main .vehicle-transfer-pagination table {
    margin: 0;
    background: transparent;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .vehicle-transfer-filter.custom-card {
    background: var(--memo-dark-bg-color);
    border-color: var(--memo-light-border-color-soft);
    box-shadow: none;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .vehicle-transfer-filter.custom-card:hover {
    background: var(--memo-dark-bg-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .vehicle-transfer-filter .card-header {
    background: var(--memo-dark-bg-color);
    border-bottom-color: var(--memo-light-border-color-soft);
    color: var(--memo-light-text-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .vehicle-transfer-filter .card-content {
    background: var(--memo-dark-bg-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .vehicle-transfer-list {
    background: var(--memo-dark-bg-color);
    border-color: var(--memo-light-border-color-soft);
    box-shadow: none;
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .vehicle-transfer-table {
    background: var(--memo-dark-bg-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .vehicle-transfer-table td.eva_list_head2 {
    border-color: var(--memo-light-border-color-soft);
    background: var(--memo-light-bg-color-soft);
    color: var(--memo-light-text-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .vehicle-transfer-table td.eva_list_head2 a {
    color: inherit;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .vehicle-transfer-table tr.eva_list_line {
    background: var(--memo-dark-bg-color);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .vehicle-transfer-table tr.eva_list_line:nth-of-type(2n+1) {
    background: var(--memo-light-bg-color-soft);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .vehicle-transfer-table tr.eva_list_line:hover {
    background: var(--memo-light-bg-color-soft);
    color: var(--memo-light-text-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .vehicle-transfer-table tr.eva_list_line:hover a {
    color: var(--memo-accent-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .vehicle-transfer-table .eva_list_element {
    border-color: var(--memo-light-border-color-soft);
    color: inherit;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .vehicle-transfer-table .eva_list_element a {
    color: var(--memo-accent-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .vehicle-transfer-actions-row > td {
    background: var(--memo-dark-bg-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .vehicle-transfer-pagination {
    border-top-color: var(--memo-light-border-color-soft);
    background: var(--memo-dark-bg-color);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .vehicle-transfer-pagination table {
    background: transparent;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .form-floating > label,
body.memo-page-theme-dark .memo-sidebar ~ form .main .form-floating > label {
    color: color-mix(in srgb, var(--memo-light-text-color) 68%, transparent);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .form-floating > .form-control:focus ~ label,
body.memo-page-theme-dark .memo-sidebar ~ .main .form-floating > .form-select:focus ~ label,
body.memo-page-theme-dark .memo-sidebar ~ form .main .form-floating > .form-control:focus ~ label,
body.memo-page-theme-dark .memo-sidebar ~ form .main .form-floating > .form-select:focus ~ label {
    color: var(--memo-accent-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main table.table,
body.memo-page-theme-dark .memo-sidebar ~ form .main table.table {
    --bs-table-bg: var(--memo-dark-bg-color);
    --bs-table-color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
    --bs-table-striped-bg: var(--memo-light-bg-color-soft);
    --bs-table-striped-color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
    --bs-table-hover-bg: var(--memo-light-bg-color-soft);
    --bs-table-hover-color: var(--memo-light-text-color);
    --bs-table-active-bg: var(--memo-light-bg-color-soft);
    --bs-table-active-color: var(--memo-light-text-color);
    --bs-table-border-color: var(--memo-light-border-color-soft);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .dt-container,
body.memo-page-theme-dark .memo-sidebar ~ .main .dataTables_wrapper,
body.memo-page-theme-dark .memo-sidebar ~ form .main .dt-container,
body.memo-page-theme-dark .memo-sidebar ~ form .main .dataTables_wrapper {
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .dt-layout-row,
body.memo-page-theme-dark .memo-sidebar ~ .main .dt-length,
body.memo-page-theme-dark .memo-sidebar ~ .main .dt-search,
body.memo-page-theme-dark .memo-sidebar ~ .main .dt-info,
body.memo-page-theme-dark .memo-sidebar ~ .main .dataTables_length,
body.memo-page-theme-dark .memo-sidebar ~ .main .dataTables_filter,
body.memo-page-theme-dark .memo-sidebar ~ .main .dataTables_info,
body.memo-page-theme-dark .memo-sidebar ~ form .main .dt-layout-row,
body.memo-page-theme-dark .memo-sidebar ~ form .main .dt-length,
body.memo-page-theme-dark .memo-sidebar ~ form .main .dt-search,
body.memo-page-theme-dark .memo-sidebar ~ form .main .dt-info,
body.memo-page-theme-dark .memo-sidebar ~ form .main .dataTables_length,
body.memo-page-theme-dark .memo-sidebar ~ form .main .dataTables_filter,
body.memo-page-theme-dark .memo-sidebar ~ form .main .dataTables_info {
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .dt-container .dt-button,
body.memo-page-theme-dark .memo-sidebar ~ .main .dt-container .buttons-colvis,
body.memo-page-theme-dark .memo-sidebar ~ .main .dataTables_wrapper .dt-button,
body.memo-page-theme-dark .memo-sidebar ~ .main .dataTables_wrapper .buttons-colvis,
body.memo-page-theme-dark .memo-sidebar ~ form .main .dt-container .dt-button,
body.memo-page-theme-dark .memo-sidebar ~ form .main .dt-container .buttons-colvis,
body.memo-page-theme-dark .memo-sidebar ~ form .main .dataTables_wrapper .dt-button,
body.memo-page-theme-dark .memo-sidebar ~ form .main .dataTables_wrapper .buttons-colvis {
    border-color: var(--memo-light-border-color-soft) !important;
    color: var(--memo-light-text-color) !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .dt-container .dt-button:hover,
body.memo-page-theme-dark .memo-sidebar ~ .main .dt-container .buttons-colvis:hover,
body.memo-page-theme-dark .memo-sidebar ~ .main .dataTables_wrapper .dt-button:hover,
body.memo-page-theme-dark .memo-sidebar ~ .main .dataTables_wrapper .buttons-colvis:hover,
body.memo-page-theme-dark .memo-sidebar ~ form .main .dt-container .dt-button:hover,
body.memo-page-theme-dark .memo-sidebar ~ form .main .dt-container .buttons-colvis:hover,
body.memo-page-theme-dark .memo-sidebar ~ form .main .dataTables_wrapper .dt-button:hover,
body.memo-page-theme-dark .memo-sidebar ~ form .main .dataTables_wrapper .buttons-colvis:hover {
    background: var(--memo-accent-color-soft) !important;
    border-color: var(--memo-accent-color) !important;
    color: var(--memo-light-text-color) !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main table.table.dataTable,
body.memo-page-theme-dark .memo-sidebar ~ form .main table.table.dataTable {
    background: var(--memo-dark-bg-color) !important;
    border-color: var(--memo-light-border-color-soft) !important;
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent) !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main .table > thead tr,
body.memo-page-theme-dark .memo-sidebar ~ .main table.table.dataTable > thead > tr > th,
body.memo-page-theme-dark .memo-sidebar ~ .main table.table.dataTable > thead > tr > td,
body.memo-page-theme-dark .memo-sidebar ~ form .main .table > thead tr,
body.memo-page-theme-dark .memo-sidebar ~ form .main table.table.dataTable > thead > tr > th,
body.memo-page-theme-dark .memo-sidebar ~ form .main table.table.dataTable > thead > tr > td {
    background-color: var(--memo-light-bg-color-soft) !important;
    border-color: var(--memo-light-border-color-soft) !important;
    color: var(--memo-light-text-color) !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main table.table.dataTable > tbody > tr:not(.child),
body.memo-page-theme-dark .memo-sidebar ~ form .main table.table.dataTable > tbody > tr:not(.child) {
    background-color: var(--memo-dark-bg-color) !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1):not(.child),
body.memo-page-theme-dark .memo-sidebar ~ .main table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1):not(.child) + tr.child,
body.memo-page-theme-dark .memo-sidebar ~ form .main table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1):not(.child),
body.memo-page-theme-dark .memo-sidebar ~ form .main table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1):not(.child) + tr.child {
    background-color: var(--memo-light-bg-color-soft) !important;
    box-shadow: none !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main table.table.dataTable > tbody > tr:hover:not(.child),
body.memo-page-theme-dark .memo-sidebar ~ form .main table.table.dataTable > tbody > tr:hover:not(.child) {
    background-color: var(--memo-light-bg-color-soft) !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main table.table.dataTable > tbody > tr > th,
body.memo-page-theme-dark .memo-sidebar ~ .main table.table.dataTable > tbody > tr > td,
body.memo-page-theme-dark .memo-sidebar ~ form .main table.table.dataTable > tbody > tr > th,
body.memo-page-theme-dark .memo-sidebar ~ form .main table.table.dataTable > tbody > tr > td {
    background-color: transparent !important;
    border-color: var(--memo-light-border-color-soft) !important;
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent) !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main table.table.dataTable > tbody > tr:hover > th,
body.memo-page-theme-dark .memo-sidebar ~ .main table.table.dataTable > tbody > tr:hover > td,
body.memo-page-theme-dark .memo-sidebar ~ form .main table.table.dataTable > tbody > tr:hover > th,
body.memo-page-theme-dark .memo-sidebar ~ form .main table.table.dataTable > tbody > tr:hover > td {
    color: var(--memo-light-text-color) !important;
}

body.memo-page-theme-dark .memo-sidebar ~ .main table.dataTable > tbody > tr.child ul.dtr-details > li,
body.memo-page-theme-dark .memo-sidebar ~ form .main table.dataTable > tbody > tr.child ul.dtr-details > li {
    background: var(--memo-light-bg-color-soft) !important;
    border-color: var(--memo-light-border-color-soft) !important;
    box-shadow: none;
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .dataTable i,
body.memo-page-theme-dark .memo-sidebar ~ form .main .dataTable i {
    color: var(--memo-light-text-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .page-link,
body.memo-page-theme-dark .memo-sidebar ~ form .main .page-link {
    background: var(--memo-light-bg-color-soft);
    border-color: var(--memo-light-border-color-soft);
    color: var(--memo-accent-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .page-link:hover,
body.memo-page-theme-dark .memo-sidebar ~ form .main .page-link:hover {
    background: var(--memo-light-bg-color-soft);
    border-color: var(--memo-accent-color);
    color: var(--memo-accent-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .active > .page-link,
body.memo-page-theme-dark .memo-sidebar ~ .main .page-link.active,
body.memo-page-theme-dark .memo-sidebar ~ form .main .active > .page-link,
body.memo-page-theme-dark .memo-sidebar ~ form .main .page-link.active {
    background: var(--memo-accent-color);
    border-color: var(--memo-accent-color);
    color: var(--memo-light-text-color);
}

body.memo-page-theme-dark .memo-sidebar ~ .main .disabled > .page-link,
body.memo-page-theme-dark .memo-sidebar ~ .main .page-link.disabled,
body.memo-page-theme-dark .memo-sidebar ~ form .main .disabled > .page-link,
body.memo-page-theme-dark .memo-sidebar ~ form .main .page-link.disabled {
    background: var(--memo-dark-bg-color);
    border-color: var(--memo-light-border-color-soft);
    color: color-mix(in srgb, var(--memo-light-text-color) 68%, transparent);
}

.memo-sidebar .memo-sidebar-logo.eva_logo_small,
.memo-sidebar .memo-sidebar-logo.eva_logo_small_dev {
    display: block;
    flex: 0 0 auto;
    width: 100%;
    height: 64px;
    min-width: 0;
    margin: 0;
    background-position: 1.4rem center;
    background-size: 180px auto;
    background-repeat: no-repeat;
    border-bottom: 1px solid var(--memo-sidebar-line);
}

.memo-sidebar.is-theme-light .memo-sidebar-logo.eva_logo_small,
.memo-sidebar.is-theme-light .memo-sidebar-logo.eva_logo_small_dev,
.memo-mobile-bar.is-theme-light .memo-mobile-logo.eva_logo_small,
.memo-mobile-bar.is-theme-light .memo-mobile-logo.eva_logo_small_dev {
    background-image: url(images/Memo_Logo_Original.svg);
}

.memo-sidebar.is-theme-dark .memo-sidebar-logo.eva_logo_small,
.memo-sidebar.is-theme-dark .memo-sidebar-logo.eva_logo_small_dev,
.memo-mobile-bar.is-theme-dark .memo-mobile-logo.eva_logo_small,
.memo-mobile-bar.is-theme-dark .memo-mobile-logo.eva_logo_small_dev {
    background-image: url(images/Memo_Logo_Original_dark.svg);
}

/* The base logo keeps its light/dark variant; accent paths use the live accent color. */
.memo-sidebar .memo-sidebar-logo,
.memo-mobile-bar .memo-mobile-logo {
    position: relative;
}

.memo-sidebar .memo-sidebar-logo::before,
.memo-mobile-bar .memo-mobile-logo::before {
    content: "";
    position: absolute;
    top: 50%;
    width: 180px;
    aspect-ratio: 387.23 / 118.55;
    background-color: var(--memo-accent-color);
    transform: translateY(-50%);
    pointer-events: none;
    -webkit-mask: url(images/Memo_Logo_Original_Akzent.svg) center / contain no-repeat;
    mask: url(images/Memo_Logo_Original_Akzent.svg) center / contain no-repeat;
}

.memo-sidebar .memo-sidebar-logo::before {
    left: 1.4rem;
}

.memo-mobile-bar .memo-mobile-logo::before {
    left: 0;
}

.memo-sidebar-scroll {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 0.85rem 0.75rem;
    scrollbar-width: thin;
    scrollbar-color: #555 transparent;
    opacity: 1;
    transition: opacity 0.14s ease;
}

.memo-sidebar-label {
    margin: 0.65rem 0 0.4rem;
    color: var(--memo-sidebar-muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1;
    text-transform: uppercase;
}

.memo-sidebar-label:first-child {
    margin-top: 0;
}

.memo-sidebar-main.menu_small,
.memo-sidebar-status.menu_small,
.memo-sidebar-actions.menu_small {
    display: flex;
    padding: 0;
    flex: 0 0 auto !important;
}

.memo-sidebar-main.menu_small,
.memo-sidebar-status.menu_small {
    flex-direction: column;
    gap: 0.25rem;
}

.memo-sidebar-main.menu_small a {
    display: flex;
    align-items: center;
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
    width: 100%;
    min-height: 42px;
    padding: 0.62rem 0.65rem;
    border-radius: 0.35rem;
    color: var(--memo-sidebar-text);
    text-decoration: none;
}

.memo-sidebar-main.menu_small a .eva_sub_txt {
    float: none;
    margin: 0;
    padding: 0;
    background: transparent;
    color: inherit;
    font-size: 14px;
    line-height: 1.25;
    white-space: normal;
}

.memo-sidebar-main.menu_small a.aktiv,
.memo-sidebar-main.menu_small a:hover {
    color: var(--memo-sidebar-accent);
}

.memo-sidebar-main.menu_small a.aktiv .eva_sub_txt,
.memo-sidebar-main.menu_small a:hover .eva_sub_txt {
    color: var(--memo-sidebar-accent);
}

.memo-sidebar .menu-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 27px;
    width: 27px;
    height: 27px;
}

.memo-sidebar .menu-icon img {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0;
    filter: var(--memo-sidebar-inactive-icon-filter);
    object-fit: contain;
    transition: transform .45s ease-in-out;
}

.memo-sidebar-main.menu_small .menu-icon,
.memo-sidebar-actions.menu_small.icons .menu-icon {
    border-radius: 50%;
    transform-origin: center center;
    transition: background 0.2s ease, transform 0.8s ease-in-out;
}

.memo-sidebar-main.menu_small .menu-icon {
    margin-right: 0.35rem;
}

.memo-sidebar-actions.menu_small.icons .menu-icon {
    margin-right: 0;
}

.memo-sidebar-status.menu_small {
    gap: 0.4rem;
    margin: 0.65rem 0;
}

.memo-sidebar-status.menu_small:empty {
    display: none;
}

.memo-sidebar-status-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 0 0 auto;
    width: 100%;
    min-height: 56px;
    padding: 0.7rem 0.8rem;
    border-radius: 0.35rem;
    background: var(--memo-sidebar-card-bg);
    color: var(--memo-sidebar-text);
    box-sizing: border-box;
}

.memo-sidebar-status-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #4a9d00;
}

.memo-sidebar-status-item.is-error .memo-sidebar-status-icon {
    background: #b80000;
}

.memo-sidebar-status-icon img {
    display: block;
    width: 15px;
    height: 15px;
    object-fit: contain;
}

.memo-sidebar-status-copy {
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
    min-width: 0;
    line-height: 1.25;
}

.memo-sidebar-status-title {
    display: block;
    color: var(--memo-sidebar-text);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    white-space: normal;
}

.memo-sidebar-status-meta {
    display: block;
    overflow: visible;
    color: var(--memo-sidebar-muted);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    overflow-wrap: anywhere;
    text-overflow: clip;
    white-space: normal;
}

.memo-sidebar-subnav.sub_menu {
    position: static;
    display: block;
    width: 100%;
    min-height: 0;
    background: transparent;
    z-index: auto;
}

.memo-sidebar-group {
    border-top: 1px solid var(--memo-sidebar-line);
}

.memo-sidebar-group:last-child {
    border-bottom: 1px solid var(--memo-sidebar-line);
}

.memo-sidebar-group summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.72rem 0.4rem;
    color: var(--memo-sidebar-text);
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25;
    list-style: none;
}

.memo-sidebar-group summary::-webkit-details-marker {
    display: none;
}

.memo-sidebar-group summary::after {
    content: "";
    display: inline-block;
    flex: 0 0 auto;
    margin-left: auto;
    margin-right: 7px;
    width: 8px;
    height: 8px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    color: var(--memo-sidebar-muted);
    transform: rotate(45deg);
    transform-origin: center;
    transition: transform 0.2s ease, color 0.2s ease;
}

.memo-sidebar-group[open] summary::after {
    color: var(--memo-sidebar-accent);
    transform: rotate(225deg);
}

.memo-sidebar-group.is-active summary,
.memo-sidebar-group summary:hover {
    color: var(--memo-sidebar-accent);
}

.memo-sidebar-subnav.sub_menu ul,
.memo-sidebar-subnav.sub_menu ul ul {
    display: block;
    margin: 0;
    padding: 0;
    color: var(--memo-sidebar-text);
    line-height: normal;
    text-align: left;
    text-indent: 0;
}

.memo-sidebar-subnav.sub_menu ul {
    padding-bottom: 0.45rem;
}

.memo-sidebar-subnav.sub_menu ul li {
    padding: 0;
    list-style: none;
    font-size: 13px;
}

.memo-sidebar-subnav.sub_menu ul li:hover > ul {
    position: static;
    display: block;
}

.memo-sidebar-subnav.sub_menu li > a {
    width: auto;
    margin: 0.1rem 0;
    padding: 0.48rem 0.65rem 0.48rem 1rem;
    overflow: hidden;
    background: transparent;
    border: 0;
    border-radius: 0.35rem;
    color: var(--memo-sidebar-link-text);
    line-height: 1.25;
    text-decoration: none;
    text-overflow: ellipsis;
}

.memo-sidebar-subnav.sub_menu li > a.active,
.memo-sidebar-subnav.sub_menu li > a:hover {
    background: var(--memo-sidebar-accent);
    color: #fff;
}

.memo-sidebar-subnav.sub_menu li.submenu_headline {
    width: auto;
    height: auto;
    padding: 0.7rem 0.65rem 0.25rem;
    background: transparent;
    border: 0;
    color: var(--memo-sidebar-accent);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: uppercase;
}

.memo-sidebar-footer {
    position: relative;
    flex: 0 0 auto;
    padding: 0.75rem;
    border-top: 1px solid var(--memo-sidebar-line);
}

.memo-sidebar-footer .memo-sidebar-link{
    min-height: 32px;
    padding: 0rem 0.65rem;
}

.memo-sidebar-preferences {
    display: grid;
    align-items: stretch;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.45rem;
}

.memo-sidebar-theme-toggle {
    --memo-sidebar-theme-track-bg: #ffd8c2;
    --memo-sidebar-theme-track-border: rgba(255, 96, 15, 0.28);
    --memo-sidebar-theme-thumb-bg: var(--memo-accent-color);

    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 40px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    cursor: pointer;
    line-height: 1;
}

.memo-sidebar-theme-track {
    position: relative;
    display: block;
    width: 100%;
    height: 32px;
    overflow: hidden;
    border-radius: 999px;
    background: var(--memo-accent-color-soft);
    box-shadow: inset 0 0 0 1px var(--memo-sidebar-theme-track-border);
    transition: background 0.22s ease, box-shadow 0.22s ease;
}

.memo-sidebar-theme-thumb {
    position: absolute;
    inset: 4px auto auto 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--memo-sidebar-theme-thumb-bg);
    box-shadow: 0 2px 8px rgba(76, 35, 0, 0.2);
    color: #fff;
    transition: background 0.22s ease, box-shadow 0.22s ease, left 0.22s ease;
}

.memo-sidebar-theme-icon {
    position: absolute;
    transition: opacity 0.18s ease, transform 0.22s ease;
}

.memo-sidebar-theme-sun {
    width: 19px;
    height: 19px;
    overflow: visible;
}

.memo-sidebar-theme-sun circle {
    fill: currentColor;
}

.memo-sidebar-theme-sun path {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-width: 1.5;
}

.memo-sidebar-theme-moon {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: currentColor;
    opacity: 0;
    transform: scale(0.55) rotate(20deg);
}

.memo-sidebar-theme-moon::after {
    content: "";
    position: absolute;
    top: -1px;
    left: 5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--memo-sidebar-theme-thumb-bg);
}

.memo-sidebar-theme-toggle:hover .memo-sidebar-theme-track {
    box-shadow: inset 0 0 0 1px rgba(255, 96, 15, 0.45);
}

.memo-sidebar-theme-toggle.is-active {
    --memo-sidebar-theme-track-bg: #2c3036;
    --memo-sidebar-theme-track-border: rgba(255, 255, 255, 0.12);
    --memo-sidebar-theme-thumb-bg: #7f8793;
}

.memo-sidebar-theme-toggle.is-active:hover .memo-sidebar-theme-track {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22);
}

.memo-sidebar-theme-toggle.is-active .memo-sidebar-theme-thumb {
    left: calc(100% - 28px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.32);
}

.memo-sidebar-theme-toggle.is-active .memo-sidebar-theme-sun {
    opacity: 0;
    transform: scale(0.55) rotate(-20deg);
}

.memo-sidebar-theme-toggle.is-active .memo-sidebar-theme-moon {
    opacity: 1;
    transform: scale(1) rotate(0);
}

.memo-sidebar-theme-toggle:focus-visible {
    outline: 2px solid var(--memo-sidebar-accent);
    outline-offset: 2px;
}

.memo-sidebar-user {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.65rem;
    border-radius: 0.45rem;
    background: var(--memo-sidebar-bg-soft);
    color: var(--memo-sidebar-text);
}

.memo-sidebar-user .user-thumbnail {
    flex: 0 0 auto;
    margin-right: 0;
}

.memo-sidebar-user .profile-pic {
    display: block;
}

.memo-sidebar-user-text {
    min-width: 0;
    line-height: 1.25;
}

.memo-sidebar-user-text strong {
    display: block;
    overflow: hidden;
    color: var(--memo-sidebar-text);
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.memo-sidebar-user-text .login_small {
    display: inline-block;
    margin-top: 0.15rem;
    color: var(--memo-sidebar-accent);
    font-size: 12px;
    font-weight: 700;
}

.memo-sidebar-language {
    display: contents;
}

.memo-sidebar-language-options {
    display: contents;
}

.memo-sidebar-language-option {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.28rem;
    width: 100%;
    min-height: 40px;
    padding: 0.22rem 0.42rem;
    border-radius: 0.35rem;
    background: var(--memo-sidebar-bg-soft);
    color: var(--memo-sidebar-control-text);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
}

.memo-sidebar-language-option img {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    object-fit: cover;
}

.memo-sidebar-language-option:hover,
.memo-sidebar-language-option.is-active {
    background: var(--memo-sidebar-accent);
    color: #fff;
}

.memo-profile-dropdown {
    position: fixed;
    inset: calc(var(--memo-page-topbar-height) + 10px) 1rem auto auto;
    z-index: 275;
    display: flex;
    flex-flow: column nowrap;
    gap: 0.35rem;
    width: min(280px, calc(100vw - 2rem));
    padding: 0.55rem;
    border: 1px solid var(--memo-sidebar-line);
    border-radius: 0.5rem;
    background: var(--memo-sidebar-bg);
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28);
    color: var(--memo-sidebar-text);
    opacity: 0;
    pointer-events: none;
    transform: translateY(-6px) scale(0.98);
    transform-origin: right top;
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
    visibility: hidden;
}

.memo-profile-dropdown.show-dropdown {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0) scale(1);
    visibility: visible;
}

.memo-profile-user {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
    min-height: 42px;
    margin: 0 0.35rem 0.15rem;
    padding: 0.55rem 0.3rem 0.7rem;
    border-bottom: 1px solid var(--memo-sidebar-line);
    color: var(--memo-sidebar-text);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    transition: color 0.2s ease;
}

.memo-profile-user:hover,
.memo-profile-user:focus-visible {
    color: var(--memo-sidebar-accent);
    text-decoration: none;
}

.memo-profile-user:focus-visible {
    outline: 2px solid var(--memo-sidebar-accent);
    outline-offset: 2px;
}

.memo-profile-user i {
    flex: 0 0 18px;
    color: var(--memo-sidebar-accent);
    font-size: 18px;
    text-align: center;
}

.memo-profile-user .memo-profile-user-chevron {
    margin-left: auto;
    color: var(--memo-sidebar-muted);
    font-size: 15px;
    transition: color 0.2s ease, transform 0.2s ease;
}

.memo-profile-user:hover .memo-profile-user-chevron,
.memo-profile-user:focus-visible .memo-profile-user-chevron {
    color: var(--memo-sidebar-accent);
    transform: translateX(2px);
}

.memo-profile-user span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.memo-profile-dropdown-row,
.memo-profile-language summary,
.memo-profile-language-option,
.memo-profile-logout {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 42px;
    padding: 0.55rem 0.65rem;
    border-radius: 0.35rem;
    color: var(--memo-sidebar-text);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
}

.memo-profile-theme-row {
    justify-content: space-between;
}

.memo-profile-theme-toggle {
    flex: 0 0 78px;
    width: 78px;
    min-height: 34px;
}

.memo-profile-language {
    display: block;
}

.memo-profile-language summary {
    cursor: pointer;
    list-style: none;
}

.memo-profile-language summary::-webkit-details-marker {
    display: none;
}

.memo-profile-language[open] summary {
    color: var(--memo-sidebar-accent);
}

.memo-profile-language-current,
.memo-profile-language-option {
    white-space: nowrap;
}

.memo-profile-language-current {
    --memo-sidebar-theme-track-bg: var(--memo-sidebar-bg-soft);
    --memo-sidebar-theme-track-border: var(--memo-sidebar-line);

    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    min-height: 32px;
    margin-left: auto;
    padding: 0.26rem 0.6rem;
    border: 0;
    border-radius: 999px;
    background: var(--memo-sidebar-theme-track-bg);
    box-shadow: inset 0 0 0 1px var(--memo-sidebar-theme-track-border);
    color: var(--memo-sidebar-control-text);
    font-size: 12px;
    transition: background 0.22s ease, box-shadow 0.22s ease, color 0.2s ease;
}

.memo-profile-language summary:hover .memo-profile-language-current,
.memo-profile-language[open] .memo-profile-language-current {
    --memo-sidebar-theme-track-border: var(--memo-accent-color);
}

html.memo-theme-preload-dark .memo-profile-language-current {
    --memo-sidebar-theme-track-bg: var(--memo-light-bg-color-soft);
    --memo-sidebar-theme-track-border: rgba(255, 255, 255, 0.12);

    background: var(--memo-sidebar-theme-track-bg);
    box-shadow: inset 0 0 0 1px var(--memo-sidebar-theme-track-border);
}

html.memo-theme-preload-dark .memo-profile-language summary:hover .memo-profile-language-current,
html.memo-theme-preload-dark .memo-profile-language[open] .memo-profile-language-current {
    --memo-sidebar-theme-track-border: rgba(255, 255, 255, 0.22);
}

.memo-profile-language-current i {
    margin-left: 0.15rem;
    color: var(--memo-sidebar-muted);
    transition: color 0.2s ease, transform 0.2s ease;
}

.memo-profile-language[open] .memo-profile-language-current i {
    color: var(--memo-accent-color);
    transform: rotate(180deg);
}

.memo-profile-language-flag {
    position: relative;
    display: inline-flex;
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    overflow: hidden;
    border: 1px solid var(--memo-sidebar-line);
    border-radius: 999px;
    background: var(--memo-sidebar-bg-soft);
}

.memo-profile-language-flag img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 146%;
    max-width: none;
    height: 146%;
    object-fit: cover;
    transform: translate(-50%, -50%);
}

.memo-profile-language-option {
    gap: 0.4rem;
}

.memo-profile-language-options {
    display: grid;
    gap: 0.35rem;
    margin-top: 0.35rem;
}

.memo-profile-language-option:hover,
.memo-profile-language-option.is-active {
    background: color-mix(in srgb, var(--memo-accent-color) 20%, transparent);
    color: #1f2328;
}

html.memo-theme-preload-dark .memo-profile-language-option.is-active {
    color: var(--memo-light-text-color);
}

.memo-profile-logout {
    margin: 0.15rem 0.35rem 0;
    padding: 0.7rem 0.3rem 0.55rem;
    border-top: 1px solid var(--memo-sidebar-line);
}

.memo-profile-logout:hover {
    background: transparent;
    color: var(--memo-accent-color);
}

.memo-profile-logout .icon-log-out {
    width: 18px;
    text-align: center;
}

.memo-sidebar #assignmentDropdown {
    position: fixed;
    inset: calc(var(--memo-page-topbar-height) + 10px) 1rem auto auto;
    width: min(420px, calc(100vw - var(--memo-sidebar-width) - 2rem));
    max-height: min(430px, calc(100vh - 2rem));
    margin-left: 0;
    overflow: hidden;
    border: 1px solid var(--memo-sidebar-line);
    border-radius: 0.5rem;
    background: var(--memo-sidebar-bg);
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28);
    color: var(--memo-sidebar-text);
}

body.memo-sidebar-collapsed .memo-sidebar #assignmentDropdown {
    inset: calc(var(--memo-page-topbar-height) + 10px) 1rem auto auto;
    width: min(420px, calc(100vw - var(--memo-sidebar-width-collapsed, 74px) - 2rem));
}

.memo-sidebar #assignmentDropdown .dropdown-header {
    min-height: 54px;
    padding: 0 1.15rem;
    border-bottom: 1px solid var(--memo-sidebar-line);
    background: var(--memo-sidebar-bg);
    color: var(--memo-sidebar-text);
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
}

.memo-sidebar #assignmentDropdown .dropdown-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid var(--memo-sidebar-line);
    border-radius: 10px;
    background: var(--memo-sidebar-bg-soft);
    color: var(--memo-sidebar-text);
}

.memo-sidebar #assignmentDropdown .dropdown-close:hover,
.memo-sidebar #assignmentDropdown .dropdown-close:focus-visible {
    border-color: var(--memo-sidebar-accent);
    color: var(--memo-sidebar-accent);
}

body.memo-page-theme-dark #dropdownCloseBtn,
body.memo-page-theme-dark #dropdownCloseBtn .fa-times,
html.memo-theme-preload-dark #dropdownCloseBtn,
html.memo-theme-preload-dark #dropdownCloseBtn .fa-times {
    color: #fff !important;
}

body.memo-page-theme-dark #dropdownCloseBtn:hover,
body.memo-page-theme-dark #dropdownCloseBtn:focus-visible,
html.memo-theme-preload-dark #dropdownCloseBtn:hover,
html.memo-theme-preload-dark #dropdownCloseBtn:focus-visible {
    border-color: var(--memo-sidebar-accent);
    background: var(--memo-sidebar-accent);
    color: #fff !important;
}

.memo-sidebar #assignmentDropdown .memo-notification-list {
    max-height: calc(min(430px, calc(100vh - 2rem)) - 54px);
    overflow-y: auto;
    overscroll-behavior: contain;
}

.memo-sidebar #assignmentDropdown .notif-entry {
    gap: 0.75rem;
    min-height: 86px;
    padding: 0.95rem 1.1rem;
    border-bottom: 1px solid var(--memo-sidebar-line);
    background: var(--memo-sidebar-bg);
    color: var(--memo-sidebar-text);
}

.memo-sidebar #assignmentDropdown .notif-entry:hover {
    border-bottom-color: var(--memo-sidebar-line);
    background: var(--memo-sidebar-bg-soft);
}

.memo-sidebar #assignmentDropdown .notif-avatar {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    margin: 0;
}

.memo-sidebar #assignmentDropdown .notif-content {
    min-width: 0;
    line-height: 1.35;
}

.memo-sidebar #assignmentDropdown .notif-header {
    gap: 0.6rem;
    color: var(--memo-sidebar-text);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.25;
}

.memo-sidebar #assignmentDropdown .notif-time {
    color: var(--memo-sidebar-muted);
    font-size: 11px;
    font-weight: 400;
}

.memo-sidebar #assignmentDropdown .notif-vin,
.memo-sidebar #assignmentDropdown .notif-preview {
    color: var(--memo-sidebar-muted);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.35;
}

.memo-sidebar #assignmentDropdown .notif-unread {
    color: var(--memo-sidebar-text);
    font-weight: 500;
}

.memo-sidebar #assignmentDropdown .notif-unread .notif-header,
.memo-sidebar #assignmentDropdown .notif-read .notif-header {
    color: var(--memo-sidebar-text);
}

.memo-sidebar #assignmentDropdown .notif-unread .notif-header,
.memo-sidebar #assignmentDropdown .notif-unread .notif-vin,
.memo-sidebar #assignmentDropdown .notif-unread .notif-preview{
    font-weight: 600;
    color: var(--memo-sidebar-text);
}


.memo-sidebar #assignmentDropdown .notif-read {
    color: var(--memo-sidebar-muted);
    font-weight: 400;
    opacity: 0.78;
}

.memo-user-messenger {
    --memo-sidebar-bg: #fff;
    --memo-sidebar-bg-soft: #f1f3f5;
    --memo-sidebar-line: #edf0f3;
    --memo-sidebar-text: #1f2328;
    --memo-sidebar-muted: #68727d;
    --memo-sidebar-accent: var(--memo-accent-color);

    position: fixed;
    inset: calc(var(--memo-page-topbar-height) + 10px) 1rem auto auto;
    z-index: 10020;
    display: none;
    width: min(760px, calc(100vw - var(--memo-sidebar-width) - 2rem));
    height: min(620px, calc(100vh - var(--memo-page-topbar-height) - 2rem));
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 16px;
    background: var(--memo-sidebar-bg);
    box-shadow: 0 24px 64px rgba(30, 24, 20, 0.25);
    color: var(--memo-sidebar-text);
    backdrop-filter: none;
    min-width: 360px;
    min-height: 420px;
}

.memo-global-task-widget__panel {
    --memo-sidebar-bg: #fff;
    --memo-sidebar-bg-soft: #f1f3f5;
    --memo-sidebar-line: #edf0f3;
    --memo-sidebar-text: #1f2328;
    --memo-sidebar-muted: #68727d;
    --memo-sidebar-accent: var(--memo-accent-color);
}

body.memo-page-theme-dark .memo-user-messenger,
body.memo-page-theme-dark .memo-global-task-widget__panel {
    --memo-sidebar-bg: var(--memo-dark-bg-color);
    --memo-sidebar-bg-soft: var(--memo-light-bg-color-soft);
    --memo-sidebar-line: #333;
    --memo-sidebar-text: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
    --memo-sidebar-muted: color-mix(in srgb, var(--memo-light-text-color) 68%, transparent);
    --memo-sidebar-accent: var(--memo-accent-color);
}

body.memo-page-theme-dark .memo-global-task-widget__panel,
html.memo-theme-preload-dark .memo-global-task-widget__panel {
    --memo-sidebar-bg: var(--memo-dark-bg-color);
    --memo-sidebar-bg-soft: var(--memo-light-bg-color-soft);
    --memo-sidebar-line: var(--memo-light-border-color-soft);
    --memo-sidebar-text: var(--memo-light-text-color);
    --memo-sidebar-muted: color-mix(in srgb, var(--memo-light-text-color) 68%, transparent);
    --memo-sidebar-accent: var(--memo-accent-color);
}

.memo-user-messenger.is-open {
    display: grid;
    grid-template-rows: auto 1fr;
}

body.memo-sidebar-collapsed .memo-user-messenger {
    width: min(760px, calc(100vw - var(--memo-sidebar-width-collapsed, 74px) - 2rem));
}

.memo-user-messenger__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 54px;
    padding: 0 0.75rem 0 1rem;
    border-bottom: 1px solid var(--memo-sidebar-line);
    background: linear-gradient(135deg, var(--memo-sidebar-bg) 0%, var(--memo-sidebar-bg-soft) 100%);
    cursor: move;
    touch-action: none;
    user-select: none;
}

.memo-user-messenger__head strong {
    font-size: 16px;
    letter-spacing: 0;
}

.memo-user-messenger__head div {
    display: inline-flex;
    gap: 0.35rem;
}

.memo-user-messenger__head button,
.memo-user-messenger__send > button,
.memo-user-messenger__send .memo-messenger-brummoji > button,
.memo-messenger-first-composer .memo-messenger-brummoji > button,
.memo-user-messenger__new form > div:last-child > button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    min-height: 34px;
    border: 1px solid var(--memo-sidebar-line);
    border-radius: 10px;
    background: var(--memo-sidebar-bg-soft);
    color: var(--memo-sidebar-text);
}

.memo-user-messenger__head button:hover,
.memo-user-messenger__send > button:hover,
.memo-user-messenger__send .memo-messenger-brummoji > button:hover,
.memo-messenger-first-composer .memo-messenger-brummoji > button:hover,
.memo-user-messenger__new form > div:last-child > button:hover {
    border-color: var(--memo-sidebar-accent);
    color: var(--memo-sidebar-accent);
}

#memoMessengerNewChat {
    gap: 0;
    width: auto;
    max-width: 34px;
    padding: 0 9px;
    overflow: hidden;
    border-color: var(--memo-sidebar-accent);
    background: var(--memo-sidebar-accent);
    color: #fff;
    white-space: nowrap;
    transition: max-width 0.65s ease, gap 0.65s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

#memoMessengerNewChat::after {
    max-width: 0;
    overflow: hidden;
    content: attr(aria-label);
    opacity: 0;
    font-size: 0.8rem;
    font-weight: 700;
    transition: max-width 0.65s ease, opacity 0.5s ease;
}

#memoMessengerNewChat:hover,
#memoMessengerNewChat:focus-visible {
    gap: 0.45rem;
    max-width: 220px;
    border-color: var(--memo-sidebar-accent);
    background: var(--memo-sidebar-accent);
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 8px 20px var(--memo-accent-color-soft);
}

#memoMessengerNewChat:hover::after,
#memoMessengerNewChat:focus-visible::after {
    max-width: 180px;
    opacity: 1;
}

body.memo-page-theme-dark #memoUserMessengerClose,
html.memo-theme-preload-dark #memoUserMessengerClose,
body.memo-page-theme-dark #memoUserMessengerClose .fa-times,
html.memo-theme-preload-dark #memoUserMessengerClose .fa-times {
    color: #fff !important;
}

.memo-user-messenger.is-dragging {
    opacity: 0.96;
    user-select: none;
}

.memo-user-messenger.is-resizing {
    user-select: none;
}

.memo-user-messenger__body {
    display: grid;
    grid-template-columns: clamp(180px, 34%, 260px) minmax(0, 1fr);
    min-height: 0;
}

.memo-user-messenger.is-thread-collapsed .memo-user-messenger__body {
    grid-template-columns: minmax(0, 1fr);
}

.memo-user-messenger.is-thread-collapsed .memo-user-messenger__threads {
    display: none;
}

.memo-user-messenger.is-thread-open .memo-user-messenger__body {
    grid-template-columns: clamp(180px, 34%, 260px) minmax(0, 1fr);
}

.memo-user-messenger.is-thread-open .memo-user-messenger__threads {
    display: block;
}

#memoMessengerThreadToggle {
    display: none;
}

.memo-user-messenger.is-thread-collapsed #memoMessengerThreadToggle,
.memo-user-messenger.is-thread-open #memoMessengerThreadToggle {
    display: inline-flex;
}

.memo-user-messenger #memoMessengerThreadToggle.is-active {
    border-color: var(--memo-sidebar-accent);
    color: var(--memo-sidebar-accent);
}

.memo-user-messenger__threads {
    overflow-y: auto;
    border-right: 1px solid var(--memo-sidebar-line);
    background: var(--memo-sidebar-bg-soft);
}

.memo-messenger-thread {
    position: relative;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.65rem;
    width: 100%;
    min-height: 72px;
    padding: 0.85rem 2.5rem 0.85rem 0.85rem;
    border: 0;
    border-bottom: 1px solid var(--memo-sidebar-line);
    background: transparent;
    color: var(--memo-sidebar-text);
    cursor: pointer;
    text-align: left;
}

.memo-messenger-thread-mute {
    position: absolute;
    right: 0.7rem;
    bottom: 0.55rem;
    z-index: 2;
    display: inline-flex;
    width: 26px;
    height: 26px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 7px;
    background: transparent;
    color: var(--memo-sidebar-muted);
    font-size: 12px;
}

.memo-messenger-thread-mute:hover,
.memo-messenger-thread-mute:focus-visible,
.memo-messenger-thread.is-muted .memo-messenger-thread-mute {
    border-color: var(--memo-sidebar-accent);
    background: var(--memo-sidebar-accent-soft);
    color: var(--memo-sidebar-accent);
    outline: none;
}

.memo-messenger-thread-orb {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--memo-sidebar-accent-soft);
    color: var(--memo-sidebar-accent);
}

.memo-messenger-thread-group-avatar {
    display: flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
}

.memo-messenger-thread-group-icon {
    display: inline-flex;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--memo-sidebar-accent);
    color: #fff;
    font-size: 19px;
}

.memo-messenger-thread-title-row {
    display: flex;
    gap: 0.4rem;
    align-items: center;
    min-width: 0;
}

.memo-messenger-thread-title-row > strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.memo-messenger-thread .memo-messenger-thread-participants {
    position: static;
    display: inline-flex;
    gap: 2px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    color: var(--memo-sidebar-accent) !important;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    cursor: help;
}

.memo-messenger-thread .memo-messenger-thread-participants > span,
.memo-messenger-thread .memo-messenger-thread-participants .icon-users {
    color: inherit;
    font-size: 13px;
    line-height: 1;
}

.memo-messenger-thread .memo-messenger-thread-participants::after {
    position: absolute;
    top: 2.4rem;
    right: 0.65rem;
    left: 0.65rem;
    z-index: 12;
    width: auto;
    padding: 0.45rem 0.6rem;
    border: 1px solid var(--memo-sidebar-line);
    border-radius: 0.4rem;
    background: var(--memo-sidebar-bg);
    box-shadow: 0 0.4rem 1rem rgb(0 0 0 / 22%);
    color: var(--memo-sidebar-text);
    content: attr(data-tooltip);
    font-size: 11px;
    font-weight: 500;
    line-height: 1.35;
    opacity: 0;
    pointer-events: none;
    text-align: left;
    transform: translateY(-3px);
    transition: opacity 160ms ease, transform 160ms ease;
    white-space: normal;
}

.memo-messenger-thread .memo-messenger-thread-participants:hover::after,
.memo-messenger-thread .memo-messenger-thread-participants:focus-visible::after {
    opacity: 1;
    transform: translateY(0);
}

.memo-messenger-thread-avatars {
    position: relative;
    display: block;
    width: 44px;
    height: 44px;
}

.memo-messenger-thread-avatars img {
    position: absolute;
    left: 0;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 50%;
    object-fit: cover;
    outline: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow:
        -3px 3px 7px rgba(0, 0, 0, 0.28),
        0 6px 14px rgba(0, 0, 0, 0.2);
}

.memo-messenger-thread-avatars img:nth-child(1) {
    top: 0;
    z-index: 3;
}

.memo-messenger-thread-avatars img:nth-child(2) {
    top: 10px;
    left: 6px;
    z-index: 2;
}

.memo-messenger-thread-avatars img:nth-child(3) {
    top: 20px;
    left: 12px;
    z-index: 1;
    opacity: 0.85;
}

.memo-messenger-thread-avatars em {
    position: absolute;
    right: 0;
    bottom: -2px;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 18px;
    padding: 0 0.25rem;
    border-radius: 999px;
    background: rgba(255, 96, 15, 0.88);
    color: #1a1a1a;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
}

.memo-messenger-thread-copy {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.memo-messenger-thread:hover,
.memo-messenger-thread.is-active {
    background: var(--memo-accent-color-soft) !important;
}

.memo-messenger-thread strong,
.memo-messenger-thread-copy > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.memo-messenger-thread-copy > .memo-messenger-thread-title-row {
    overflow: visible;
    text-overflow: clip;
}

.memo-messenger-thread strong {
    font-size: 13px;
}

.memo-messenger-thread span,
.memo-messenger-thread small {
    color: var(--memo-sidebar-muted);
    font-size: 12px;
}

.memo-messenger-thread b {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    border-radius: 999px;
    background: var(--memo-sidebar-accent);
    color: #1a1a1a;
    font-size: 11px;
}

.memo-user-messenger__chat {
    position: relative;
    display: grid;
    grid-template-rows: 1fr auto;
    min-width: 0;
    min-height: 0;
}

.memo-user-messenger__messages {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    min-height: 0;
    padding: 1rem 1.1rem;
    overflow-y: auto;
}

.memo-messenger-message {
    display: grid;
    grid-template-columns: 30px minmax(0, auto);
    gap: 0.45rem;
    align-self: flex-start;
    max-width: min(78%, 420px);
}

.memo-messenger-message.is-own {
    grid-template-columns: minmax(0, auto) 30px;
    align-self: flex-end;
}

.memo-messenger-message.is-own .memo-messenger-message-avatar {
    order: 2;
}

.memo-messenger-message-avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22);
}

.memo-messenger-message small {
    display: block;
    margin-bottom: 0.2rem;
    color: var(--memo-sidebar-muted);
    font-size: 11px;
}

.memo-messenger-message p {
    margin: 0;
    padding: 0.6rem 0.75rem;
    border-radius: 0.7rem 0.7rem 0.7rem 0.2rem;
    background: var(--memo-sidebar-bg-soft);
    color: var(--memo-sidebar-text);
    font-size: 13px;
    line-height: 1.35;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.memo-messenger-message.is-own p {
    border-radius: 0.7rem 0.7rem 0.2rem 0.7rem;
    background: #ffd8c2;
    color: #261205;
}

body.memo-page-theme-dark .memo-messenger-message p,
html.memo-theme-preload-dark body .memo-messenger-message p {
    border: 1px solid var(--memo-light-border-color-soft);
    background: var(--memo-light-bg-color-soft);
    color: var(--memo-light-text-color);
    box-shadow: none;
}

body.memo-page-theme-dark .memo-messenger-message.is-own p,
html.memo-theme-preload-dark body .memo-messenger-message.is-own p {
    border-color: color-mix(in srgb, var(--memo-accent-color) 55%, var(--memo-light-border-color-soft));
    background: color-mix(in srgb, var(--memo-accent-color) 22%, var(--memo-light-bg-color-soft));
    color: var(--memo-light-text-color);
}

body.memo-page-theme-dark .memo-messenger-message small,
html.memo-theme-preload-dark body .memo-messenger-message small {
    color: color-mix(in srgb, var(--memo-light-text-color) 68%, transparent);
}

.memo-user-messenger__send {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 0.5rem;
    padding: 0.75rem;
    border-top: 1px solid var(--memo-sidebar-line);
}

.memo-brummoji-inline {
    width: 38px;
    height: 38px;
    object-fit: contain;
    vertical-align: middle;
}

.memo-brummoji-compose {
    width: 34px;
    height: 34px;
    object-fit: contain;
    vertical-align: middle;
}

.memo-messenger-brummoji {
    position: relative;
}

.memo-messenger-brummoji > button img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.memo-messenger-brummoji-picker {
    position: absolute;
    bottom: calc(100% + 0.55rem);
    left: 0;
    z-index: 4;
    display: none;
    grid-template-columns: repeat(4, 52px);
    gap: 0.45rem;
    padding: 0.65rem;
    border: 1px solid var(--memo-sidebar-line);
    border-radius: 0.7rem;
    background: var(--memo-sidebar-bg);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.36);
}

.memo-messenger-brummoji-picker.is-open {
    display: grid;
}

.memo-messenger-brummoji-picker button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border: 1px solid transparent;
    border-radius: 0.45rem;
    background: var(--memo-sidebar-bg-soft);
}

.memo-messenger-brummoji-picker button:hover {
    border-color: var(--memo-sidebar-accent);
    transform: translateY(-1px);
}

.memo-messenger-brummoji-picker img {
    width: 42px;
    height: 42px;
    object-fit: contain;
}

.memo-user-messenger__send .memo-messenger-input,
.memo-messenger-first-composer .memo-messenger-input,
.memo-user-messenger__new input,
.memo-user-messenger__new textarea {
    width: 100%;
    border: 1px solid var(--memo-sidebar-line);
    border-radius: 0.4rem;
    background: var(--memo-sidebar-bg-soft);
    color: var(--memo-sidebar-text);
    font: inherit;
}

.memo-user-messenger .memo-messenger-input {
    text-transform: none;
}

.memo-user-messenger__send .memo-messenger-input {
    min-height: 42px;
    max-height: 116px;
    min-width: 0;
    padding: 0.45rem 0.75rem;
    overflow-y: auto;
    line-height: 1.45;
    outline: none;
    overflow-wrap: anywhere;
    resize: none;
    white-space: pre-wrap;
    -webkit-user-select: text;
    user-select: text;
    caret-color: var(--memo-sidebar-text);
}

.memo-user-messenger__send .memo-messenger-input:empty:not(:focus)::before {
    content: attr(data-placeholder);
    color: var(--memo-sidebar-muted);
}

.memo-user-messenger__send .memo-messenger-input::placeholder {
    color: var(--memo-sidebar-muted);
    opacity: 1;
}

.memo-user-messenger__resize {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 6;
    width: 18px;
    height: 18px;
    cursor: nwse-resize;
}

.memo-user-messenger__resize::before {
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 9px;
    height: 9px;
    border-right: 2px solid var(--memo-sidebar-muted);
    border-bottom: 2px solid var(--memo-sidebar-muted);
    content: "";
}

.memo-user-messenger__new {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: none;
    overflow-y: auto;
    padding: 1rem;
    background:
        linear-gradient(160deg, rgba(255, 96, 15, 0.12), transparent 34%),
        var(--memo-sidebar-bg);
}

.memo-user-messenger__new.is-open {
    display: block;
}

.memo-user-messenger__new form {
    display: grid;
    gap: 0.75rem;
}

.memo-messenger-new-hero {
    display: grid;
    gap: 0.2rem;
    padding: 0.85rem;
    border: 1px solid var(--memo-sidebar-line);
    border-radius: 0.65rem;
    background: var(--memo-sidebar-bg-soft);
}

.memo-messenger-new-hero strong {
    color: var(--memo-sidebar-text);
    font-size: 16px;
}

.memo-messenger-new-hero span {
    color: var(--memo-sidebar-muted);
    font-size: 13px;
}

.memo-user-messenger__new label,
.memo-user-messenger__new .memo-messenger-field {
    display: grid;
    gap: 0.3rem;
    color: var(--memo-sidebar-muted);
    font-size: 12px;
    font-weight: 600;
}

.memo-user-messenger__new input,
.memo-user-messenger__new textarea {
    padding: 0.55rem 0.65rem;
}

.memo-messenger-first-composer {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 0.5rem;
}

.memo-messenger-first-composer .memo-messenger-input {
    width: 100%;
    min-height: 76px;
    max-height: 142px;
    min-width: 0;
    padding: 0.55rem 0.65rem;
    overflow-y: auto;
    border: 1px solid var(--memo-sidebar-line);
    border-radius: 0.4rem;
    background: var(--memo-sidebar-bg-soft);
    color: var(--memo-sidebar-text);
    font: inherit;
    font-weight: 400;
    line-height: 1.45;
    outline: none;
    overflow-wrap: anywhere;
    resize: none;
    white-space: pre-wrap;
    -webkit-user-select: text;
    user-select: text;
    caret-color: var(--memo-sidebar-text);
}

.memo-messenger-first-composer .memo-messenger-input:empty:not(:focus)::before {
    content: attr(data-placeholder);
    color: var(--memo-sidebar-muted);
}

.memo-messenger-first-composer .memo-messenger-input::placeholder {
    color: var(--memo-sidebar-muted);
    opacity: 1;
}

.memo-user-messenger__new form > div:last-child {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.memo-messenger-selected-users {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    min-height: 32px;
}

.memo-messenger-selected-users > span {
    color: var(--memo-sidebar-muted);
    font-size: 12px;
}

.memo-messenger-selected-users button {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.35rem;
    min-height: 32px;
    padding: 0.2rem 0.45rem 0.2rem 0.25rem;
    border: 1px solid rgba(255, 96, 15, 0.36);
    border-radius: 999px;
    background: var(--memo-sidebar-accent-soft);
    color: var(--memo-sidebar-text);
}

.memo-messenger-selected-users img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
}

.memo-messenger-user-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    gap: 0.55rem;
    max-height: 245px;
    overflow-y: auto;
    padding: 0.35rem 0.15rem 0.15rem 0;
}

.memo-messenger-user-card {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 22px;
    place-items: center start;
    gap: 0.55rem;
    min-height: 58px;
    padding: 0.45rem;
    border: 1px solid var(--memo-sidebar-line);
    border-radius: 0.65rem;
    background: var(--memo-sidebar-bg-soft);
    color: var(--memo-sidebar-text);
    text-align: left;
}

.memo-messenger-user-card:hover,
.memo-messenger-user-card.is-selected {
    border-color: var(--memo-sidebar-accent);
    background: var(--memo-sidebar-accent-soft);
}

.memo-messenger-user-card img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    object-fit: cover;
}

.memo-messenger-user-card span {
    display: grid;
    min-width: 0;
}

.memo-messenger-user-card strong,
.memo-messenger-user-card small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.memo-messenger-user-card strong {
    font-size: 13px;
}

.memo-messenger-user-card small {
    color: var(--memo-sidebar-muted);
    font-size: 11px;
}

.memo-messenger-user-card i {
    justify-self: center;
    opacity: 0;
    color: var(--memo-sidebar-accent);
}

.memo-messenger-user-card.is-selected i {
    opacity: 1;
}

.memo-messenger-empty {
    padding: 1rem;
    color: var(--memo-sidebar-muted);
    font-size: 13px;
}

@media (max-width: 991.98px) {
    .memo-user-messenger {
        inset: 74px 0.75rem auto 0.75rem;
        width: auto;
        height: min(680px, calc(100vh - 92px));
        min-width: 0;
        min-height: 0;
        border-radius: 0.75rem;
    }

    .memo-user-messenger__body {
        grid-template-columns: 1fr;
        grid-template-rows: 180px 1fr;
    }

    .memo-user-messenger.is-thread-collapsed .memo-user-messenger__body {
        grid-template-columns: 1fr;
        grid-template-rows: minmax(0, 1fr);
    }

    .memo-user-messenger.is-thread-open .memo-user-messenger__body {
        grid-template-columns: 1fr;
        grid-template-rows: 180px minmax(0, 1fr);
    }

    .memo-user-messenger__threads {
        border-right: 0;
        border-bottom: 1px solid var(--memo-sidebar-line);
    }

    .memo-user-messenger__head {
        cursor: default;
    }

    .memo-user-messenger__resize {
        display: none;
    }

    .memo-messenger-brummoji-picker {
        right: 0;
        left: auto;
    }
}

.memo-sidebar-actions.menu_small.icons {
    display: flex;
    gap: 0.45rem;
    margin-top: 0.65rem;
}

.memo-sidebar-actions.menu_small.icons > a,
.memo-sidebar-actions.menu_small.icons > .menu-item {
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 0 !important;
    height: 40px;
    min-width: 0;
    min-height: 40px;
    padding: 0;
    border-radius: 0.35rem;
    background: var(--memo-sidebar-bg-soft);
    box-sizing: border-box;
}

.memo-sidebar-actions.menu_small.icons > .menu-item .submenu-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 40px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.memo-sidebar-actions.menu_small.icons > a:hover,
.memo-sidebar-actions.menu_small.icons > a.aktiv,
.memo-sidebar-actions.menu_small.icons > .menu-item:hover,
.memo-sidebar-actions.menu_small.icons > .menu-item.open {
    background: var(--memo-sidebar-accent-soft);
}

.memo-sidebar-actions.menu_small.icons > a:hover .menu-icon,
.memo-sidebar-actions.menu_small.icons > a.aktiv .menu-icon,
.memo-sidebar-actions.menu_small.icons > .menu-item:hover .submenu-trigger .menu-icon,
.memo-sidebar-actions.menu_small.icons > .menu-item.open .submenu-trigger .menu-icon,
.memo-sidebar-actions.menu_small.icons > .menu-item .submenu-trigger:hover .menu-icon {
    background: var(--memo-sidebar-accent);
}

.memo-sidebar-actions.menu_small.icons > a:hover .menu-icon,
.memo-sidebar-actions.menu_small.icons > .menu-item:hover .submenu-trigger .menu-icon,
.memo-sidebar-actions.menu_small.icons > .menu-item.open .submenu-trigger .menu-icon,
.memo-sidebar-actions.menu_small.icons > .menu-item .submenu-trigger:hover .menu-icon {
    transform: rotate(360deg);
}

.memo-sidebar .memo-sidebar-help .submenu a {
    display: block !important;
    justify-content: flex-start !important;
    flex: none !important;
    position: relative;
    z-index: 2;
    width: 100%;
    min-height: 0;
    padding: 10px 16px;
    border-radius: 0;
    background: var(--memo-sidebar-popup-bg);
    color: var(--memo-sidebar-popup-text);
    font-size: 14px;
    line-height: 1.25;
    text-decoration: none;
    white-space: nowrap;
}

.memo-sidebar .memo-sidebar-help .submenu a:hover {
    background: var(--memo-sidebar-accent);
    color: #fff;
}

.memo-sidebar .memo-sidebar-help .submenu {
    isolation: isolate;
    inset: auto 0 calc(100% + 8px) auto;
    background: var(--memo-sidebar-popup-bg);
    transform: translateY(8px) scale(0.96);
    transform-origin: right bottom;
}

.memo-sidebar .memo-sidebar-help .submenu::before {
    inset: auto 18px -6px auto;
    z-index: 1;
    background: var(--memo-sidebar-popup-bg);
    pointer-events: none;
    transform: rotate(45deg) scale(0.8);
}

.memo-sidebar .memo-sidebar-help .submenu::after {
    content: "";
    position: absolute;
    inset: auto -14px -18px -14px;
    z-index: 0;
    height: 24px;
    background: transparent;
}

.memo-sidebar .memo-sidebar-help:hover .submenu,
.memo-sidebar .memo-sidebar-help.open .submenu {
    transform: translateY(0) scale(1);
}

.memo-sidebar .memo-sidebar-help:hover .submenu::before,
.memo-sidebar .memo-sidebar-help.open .submenu::before {
    transform: rotate(45deg) scale(1);
}

/* SIDEBAR MENU TREE + TOGGLE */
.memo-mobile-bar {
    display: none;
}

.memo-sidebar-header {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex: 0 0 auto;
    height: 64px;
    padding: 0 0.65rem 0 0;
    border-bottom: 1px solid var(--memo-sidebar-line);
}

.memo-sidebar-header .memo-sidebar-logo.eva_logo_small,
.memo-sidebar-header .memo-sidebar-logo.eva_logo_small_dev {
    flex: 1 1 auto;
    height: 64px;
    border-bottom: 0;
    opacity: 1;
    overflow: hidden;
    transition: flex-basis 0.32s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease, width 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}

.memo-sidebar-collapse-toggle,
.memo-mobile-burger {
    border: 0;
    background: transparent;
    color: var(--memo-accent-color);
    cursor: pointer;
}

.memo-sidebar-collapse-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 0.35rem;
    background: var(--memo-accent-color-soft);
    position: relative;
    transition: background 0.2s ease, color 0.2s ease;
}

.memo-sidebar-collapse-toggle:hover,
.memo-mobile-burger:hover {
    background: var(--memo-accent-color);
    color:var(--memo-light-text-color);
}

.memo-sidebar-collapse-toggle i {
    position: relative;
    z-index: 1;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.memo-sidebar-main.menu_small {
    flex-flow: column nowrap !important;
}

.memo-sidebar-section,
.memo-sidebar-link {
    display: block;
    width: 100%;
}

.memo-sidebar-menu-divider {
    width: 100%;
    height: 1px;
    margin: 0.45rem 0 0.55rem;
    background: var(--memo-sidebar-line);
}

.memo-sidebar-section summary,
.memo-sidebar-link {
    display: flex;
    align-items: center;
    justify-content: flex-start !important;
    gap: 0;
    min-height: 42px;
    padding: 0.62rem 0.65rem;
    border-bottom: 1px solid transparent;
    border-radius: 0.35rem;
    box-sizing: border-box;
    color: var(--memo-sidebar-text);
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.25;
    list-style: none;
    text-decoration: none;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.memo-sidebar-section summary::-webkit-details-marker {
    display: none;
}

.memo-sidebar-main.menu_small .memo-sidebar-section-link {
    display: flex;
    align-items: center;
    justify-content: flex-start !important;
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    min-height: 0;
    padding: 0;
    border-radius: 0;
    color: inherit;
    text-decoration: none;
}

.memo-sidebar-section-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 22px;
    margin-left: auto;
    color: var(--memo-sidebar-muted);
    opacity: 1;
    transition: opacity 0.16s ease;
}

.memo-sidebar-section-toggle::before {
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    transform-origin: center;
    transition: transform 0.2s ease, color 0.2s ease;
}

.memo-sidebar-section[open] > summary .memo-sidebar-section-toggle::before {
    color: var(--memo-sidebar-accent);
    transform: rotate(225deg);
}

.memo-sidebar-section > summary:hover,
.memo-sidebar-link:hover {
    background: var(--memo-sidebar-accent-soft);
    color: var(--memo-sidebar-accent);
}

.memo-sidebar-section.aktiv > summary,
.memo-sidebar-section.aktiv > summary:hover,
.memo-sidebar-link.aktiv,
.memo-sidebar-link.aktiv:hover {
    border-bottom-color: var(--memo-accent-color-medium-soft);
    border-radius: 0;
    background: transparent;
    color: var(--memo-sidebar-accent);
}

.memo-sidebar-section.aktiv > summary .menu-icon,
.memo-sidebar-section > summary:hover .menu-icon,
.memo-sidebar-link.aktiv .menu-icon,
.memo-sidebar-link:hover .menu-icon {
    background: var(--memo-sidebar-accent);
}

.memo-sidebar-section.aktiv > summary .menu-icon img,
.memo-sidebar-section > summary:hover .menu-icon img,
.memo-sidebar-link.aktiv .menu-icon img,
.memo-sidebar-link:hover .menu-icon img,
.memo-sidebar-actions.menu_small.icons > a:hover .menu-icon img,
.memo-sidebar-actions.menu_small.icons > a.aktiv .menu-icon img,
.memo-sidebar-actions.menu_small.icons > .menu-item:hover .submenu-trigger .menu-icon img,
.memo-sidebar-actions.menu_small.icons > .menu-item.open .submenu-trigger .menu-icon img,
.memo-sidebar-actions.menu_small.icons > .menu-item .submenu-trigger:hover .menu-icon img {
    filter: none;
}

.memo-sidebar-section > summary:hover .menu-icon,
.memo-sidebar-link:hover .menu-icon {
    transform: rotate(360deg);
}

.memo-sidebar-section-link .eva_sub_txt,
.memo-sidebar-link .eva_sub_txt {
    float: none;
    margin: 0;
    padding: 0;
    background: transparent;
    color: inherit;
    font-size: 14px;
    line-height: 1.25;
    opacity: 1;
    transform: translateX(0);
    transition: opacity 0.16s ease, transform 0.2s ease;
}

.memo-sidebar-utility-link {
    gap: 0.35rem;
}

.memo-sidebar-utility-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 27px;
    width: 27px;
    height: 27px;
    margin-right: 0.35rem;
    color: currentColor;
    font-size: 15px;
    line-height: 1;
}

.memo-sidebar-footer-links {
    display: flex;
    flex-flow: column nowrap;
    gap: 0.25rem;
}

.memo-sidebar-section-body {
    padding: 0.18rem 0 0.65rem 0.65rem;
    background: var(--memo-sidebar-section-body-bg);
    border-bottom-right-radius: 0.35rem;
    border-bottom-left-radius: 0.35rem;
    opacity: 1;
    transition: opacity 0.16s ease;
}

.memo-sidebar-main.menu_small .memo-sidebar-section-body a {
    display: block;
    justify-content: flex-start !important;
    flex: none !important;
    width: auto;
    min-height: 0 !important;
    color: var(--memo-sidebar-link-text);
    text-decoration: none;
}

.memo-sidebar-flat-submenu {
    display: block;
    margin: 0;
    padding: 0.15rem 0 0.3rem;
    list-style: none;
}

.memo-sidebar-flat-submenu li,
.memo-sidebar-group li {
    list-style: none;
}

.memo-sidebar-flat-submenu li > a {
    display: block !important;
    width: auto !important;
    margin: 0.1rem 0;
    padding: 0.44rem 0.65rem !important;
    border-radius: 0.35rem;
    font-size: 13px;
    line-height: 1.25;
}

.memo-sidebar-flat-submenu li > a.active,
.memo-sidebar-flat-submenu li > a:hover,
.memo-sidebar-group li > a.active,
.memo-sidebar-group li > a:hover {
    color: var(--memo-sidebar-accent) !important;
}

.memo-sidebar-group {
    border: 0;
}

.memo-sidebar-group:last-child {
    border-bottom: 0;
}

.memo-sidebar-group summary {
    margin: 0.25rem 0 0.05rem;
    display: flex;
    align-items: center;
    min-height: 42px;
    padding: 0.56rem 0.65rem 0.5rem;
    border-bottom: 1px solid transparent;
    border-radius: 0.35rem;
    box-sizing: border-box;
    color: var(--memo-sidebar-muted);
    font-size: 14px;
    font-weight: 600;
}

.memo-sidebar-group-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 1.05rem;
    width: 1.05rem;
    height: 1.05rem;
    margin-right: 0.48rem;
    color: currentColor;
    font-size: 15px;
    line-height: 1;
}

.memo-sidebar-group-icon::before {
    line-height: 1;
}

.memo-sidebar-group-title {
    min-width: 0;
}

.memo-sidebar-group summary::after {
    margin-left: auto;
}

.memo-sidebar-group[open] summary,
.memo-sidebar-group summary:hover {
    background: var(--memo-sidebar-group-bg);
    color: var(--memo-sidebar-accent);
}

.memo-sidebar-group.is-active summary,
.memo-sidebar-group.is-active summary:hover {
    border-bottom-color: var(--memo-sidebar-active-border);
    border-radius: 0;
    background: transparent;
    color: var(--memo-sidebar-accent);
}

.memo-sidebar-group ul {
    margin: 0;
    padding: 0.25rem 0;
    list-style: none;
}

.memo-sidebar-group li > a {
    display: block !important;
    width: auto !important;
    margin: 0.1rem 0;
    padding: 0.44rem 0.65rem !important;
    border-radius: 0.35rem;
    font-size: 13px;
    line-height: 1.25;
}

.memo-sidebar-logout {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 40px;
    margin-top: 0.65rem;
    padding: 0.55rem 0.75rem;
    border-radius: 0.35rem;
    background: var(--memo-sidebar-bg-soft);
    color: var(--memo-sidebar-control-text);
    font-weight: 700;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
}

.memo-sidebar-logout:hover {
    background: var(--memo-sidebar-accent);
    color: #fff;
}

body.memo-sidebar-collapsed .main_header_small.memo-sidebar {
    width: var(--memo-sidebar-width-collapsed, 74px);
}

body.memo-sidebar-collapsed .memo-sidebar ~ .headline,
body.memo-sidebar-collapsed .memo-sidebar ~ .headline_small,
body.memo-sidebar-collapsed .memo-sidebar ~ .main,
body.memo-sidebar-collapsed .memo-sidebar ~ form .main {
    width: calc(100% - var(--memo-sidebar-width-collapsed, 74px));
    margin-left: var(--memo-sidebar-width-collapsed, 74px);
}

body.memo-sidebar-collapsed .memo-page-topbar {
    inset: 0 0 auto var(--memo-sidebar-width-collapsed, 74px);
}

body.memo-sidebar-collapsed .memo-page-topbar-spacer {
    width: calc(100% - var(--memo-sidebar-width-collapsed, 74px));
    margin-left: var(--memo-sidebar-width-collapsed, 74px);
}

body.memo-sidebar-collapsed .memo-sidebar-header {
    justify-content: center;
    padding: 0;
}

body.memo-sidebar-collapsed .memo-sidebar-header .memo-sidebar-logo.eva_logo_small,
body.memo-sidebar-collapsed .memo-sidebar-header .memo-sidebar-logo.eva_logo_small_dev {
    display: block;
    flex: 0 0 0;
    width: 0;
    min-width: 0;
    opacity: 0;
    pointer-events: none;
}

body.memo-sidebar-collapsed .memo-sidebar .eva_sub_txt,
body.memo-sidebar-collapsed .memo-sidebar-section-body,
body.memo-sidebar-collapsed .memo-sidebar-status,
body.memo-sidebar-collapsed .memo-sidebar-user-text,
body.memo-sidebar-collapsed .memo-sidebar-logout span {
    display: none;
}

body.memo-sidebar-collapsing .memo-sidebar-scroll,
body.memo-sidebar-collapsing .memo-sidebar-footer,
body.memo-sidebar-expanding .memo-sidebar-scroll,
body.memo-sidebar-expanding .memo-sidebar-footer {
    opacity: 0;
    pointer-events: none;
}

body.memo-sidebar-expanding .memo-sidebar-scroll,
body.memo-sidebar-expanding .memo-sidebar-footer {
    transition: none;
}

body.memo-sidebar-icons-revealing .memo-sidebar-main > * {
    animation: memo-sidebar-icon-reveal 0.24s ease both;
}

body.memo-sidebar-icons-revealing .memo-sidebar-main > :nth-child(2) {
    animation-delay: 0.04s;
}

body.memo-sidebar-icons-revealing .memo-sidebar-main > :nth-child(3) {
    animation-delay: 0.08s;
}

body.memo-sidebar-icons-revealing .memo-sidebar-main > :nth-child(4) {
    animation-delay: 0.12s;
}

body.memo-sidebar-icons-revealing .memo-sidebar-main > :nth-child(5) {
    animation-delay: 0.16s;
}

body.memo-sidebar-icons-revealing .memo-sidebar-main > :nth-child(n + 6) {
    animation-delay: 0.2s;
}

body.memo-sidebar-icons-revealing .memo-sidebar-status,
body.memo-sidebar-icons-revealing .memo-sidebar-footer {
    animation: memo-sidebar-icon-reveal 0.24s 0.24s ease both;
}

@keyframes memo-sidebar-icon-reveal {
    from {
        opacity: 0;
        transform: translateY(0.25rem) scale(0.94);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.memo-sidebar-status,
.memo-sidebar-user-text,
.memo-sidebar-logout span {
    opacity: 1;
    transform: translateX(0);
    transition: opacity 0.16s ease, transform 0.2s ease;
}

body.memo-sidebar-collapsed .memo-sidebar-collapse-toggle i {
    opacity: 0;
    transform: rotate(180deg);
}

body.memo-sidebar-collapsed .memo-sidebar-collapse-toggle {
    background: transparent;
}

@media (prefers-reduced-motion: reduce) {
    .main_header_small.memo-sidebar,
    .memo-page-topbar,
    .memo-page-topbar-spacer,
    .memo-sidebar ~ .headline,
    .memo-sidebar ~ .headline_small,
    .memo-sidebar ~ .main,
    .memo-sidebar ~ form .main,
    .memo-sidebar-header .memo-sidebar-logo.eva_logo_small,
    .memo-sidebar-header .memo-sidebar-logo.eva_logo_small_dev,
    .memo-sidebar .eva_sub_txt,
    .memo-sidebar-section-body,
    .memo-sidebar-status,
    .memo-sidebar-user-text,
    .memo-sidebar-logout span {
        transition-duration: 0.01ms;
    }
}

body.memo-sidebar-collapsed .memo-sidebar-collapse-toggle::before,
body.memo-sidebar-collapsed .memo-sidebar-collapse-toggle::after {
    content: "";
    position: absolute;
    inset: 2px;
    pointer-events: none;
    transition: opacity 0.2s ease;
}

body.memo-sidebar-collapsed .memo-sidebar-collapse-toggle::before {
    background: url(images/Memo_Bildmarke.svg) center / contain no-repeat;
}

body.memo-sidebar-collapsed .memo-sidebar-collapse-toggle::after {
    background: var(--memo-accent-color);
    -webkit-mask: url(images/Memo_Bildmarke_Akzent.svg) center / contain no-repeat;
    mask: url(images/Memo_Bildmarke_Akzent.svg) center / contain no-repeat;
}

body.memo-sidebar-collapsed .memo-sidebar.is-theme-dark .memo-sidebar-collapse-toggle::before {
    background-image: url(images/Memo_Bildmarke_dark.svg);
}

body.memo-sidebar-collapsed .memo-sidebar-collapse-toggle:is(:hover, :focus-visible) {
    background: var(--memo-accent-color);
    color: var(--memo-light-text-color);
}

body.memo-sidebar-collapsed .memo-sidebar-collapse-toggle:is(:hover, :focus-visible)::before,
body.memo-sidebar-collapsed .memo-sidebar-collapse-toggle:is(:hover, :focus-visible)::after {
    opacity: 0;
}

body.memo-sidebar-collapsed .memo-sidebar-collapse-toggle:is(:hover, :focus-visible) i {
    opacity: 1;
}

body.memo-sidebar-collapsed .memo-sidebar-section summary,
body.memo-sidebar-collapsed .memo-sidebar-link {
    justify-content: center !important;
    padding: 0.65rem;
}

body.memo-sidebar-collapsed .memo-sidebar-section-link {
    justify-content: center;
    flex: 0 0 auto;
}

body.memo-sidebar-collapsed .memo-sidebar-main.menu_small .menu-icon {
    margin-right: 0;
}

body.memo-sidebar-collapsed .memo-sidebar-section-toggle {
    display: none;
}

body.memo-sidebar-collapsed .memo-sidebar-footer {
    padding: 0.5rem;
}

body.memo-sidebar-collapsed .memo-sidebar-preferences {
    grid-template-columns: 1fr;
    gap: 0.35rem;
}

body.memo-sidebar-collapsed .memo-sidebar-theme-toggle {
    width: 100%;
    min-height: 40px;
}

body.memo-sidebar-collapsed .memo-sidebar-user {
    justify-content: center;
    padding: 0.5rem 0;
    background: transparent;
}

body.memo-sidebar-collapsed .memo-sidebar-language {
    flex-direction: column;
    gap: 0.35rem;
    padding: 0.5rem 0;
    background: transparent;
}

body.memo-sidebar-collapsed .memo-sidebar-language-option span {
    display: none;
}

body.memo-sidebar-collapsed .memo-sidebar-language-options {
    flex-direction: column;
}

body.memo-sidebar-collapsed .memo-sidebar-language-option {
    width: 100%;
    height: 40px;
    min-height: 40px;
    padding: 0;
}

body.memo-sidebar-collapsed .memo-sidebar-actions.menu_small.icons {
    flex-direction: column;
    gap: 0.35rem;
}

body.memo-sidebar-collapsed .memo-sidebar-actions.menu_small.icons > a,
body.memo-sidebar-collapsed .memo-sidebar-actions.menu_small.icons > .menu-item,
body.memo-sidebar-collapsed .memo-sidebar-logout {
    width: 100%;
}

body.memo-sidebar-collapsed .memo-sidebar .memo-sidebar-help .submenu {
    inset: auto auto 0 calc(100% + 10px);
    transform: translateY(8px) scale(0.96);
    transform-origin: left bottom;
}

body.memo-sidebar-collapsed .memo-sidebar .memo-sidebar-help .submenu::before {
    inset: auto auto 18px -6px;
}

body.memo-sidebar-collapsed .memo-sidebar .memo-sidebar-help .submenu::after {
    inset: -14px auto -14px -18px;
    width: 28px;
    height: auto;
}

@media (max-width: 991.98px) {
    .memo-page-topbar,
    .memo-page-topbar-spacer {
        display: none;
    }

    .memo-mobile-bar {
        position: sticky;
        top: 0;
        z-index: 200;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 58px;
        padding: 0 0.75rem;
        background: var(--memo-sidebar-bg);
        border-bottom: 1px solid var(--memo-sidebar-line);
    }

    .memo-mobile-logo.eva_logo_small,
    .memo-mobile-logo.eva_logo_small_dev {
        display: block;
        width: 180px;
        height: 58px;
        min-width: 0;
        margin: 0;
        background-position: left center;
        background-size: 180px auto;
        background-repeat: no-repeat;
    }

    .memo-mobile-burger {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 5px;
        width: 42px;
        height: 42px;
        border-radius: 0.35rem;
    }

    .memo-mobile-burger span {
        display: block;
        width: 22px;
        height: 2px;
        background: var(--memo-sidebar-control-text);
        transition: transform 0.2s ease, opacity 0.2s ease;
    }

    body.memo-sidebar-mobile-open .memo-mobile-burger span:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
    }

    body.memo-sidebar-mobile-open .memo-mobile-burger span:nth-child(2) {
        opacity: 0;
    }

    body.memo-sidebar-mobile-open .memo-mobile-burger span:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
    }

    .main_header_small.memo-sidebar,
    body.memo-sidebar-collapsed .main_header_small.memo-sidebar {
        position: fixed;
        top: 58px;
        left: 0;
        z-index: 199;
        width: 100vw !important;
        height: calc(100dvh - 58px) !important;
        min-height: 0;
        overflow: hidden;
        transform: translateX(-100%);
        transition: transform 0.24s ease;
        box-shadow: 12px 0 35px rgba(0, 0, 0, 0.22);
    }

    body.memo-sidebar-mobile-open .main_header_small.memo-sidebar {
        transform: translateX(0);
    }

    body.memo-sidebar-mobile-open {
        overflow: hidden;
    }

    .memo-sidebar-header {
        display: none;
    }

    .memo-sidebar ~ .headline,
    .memo-sidebar ~ .headline_small,
    .memo-sidebar ~ .main,
    .memo-sidebar ~ form .main,
    body.memo-sidebar-collapsed .memo-sidebar ~ .headline,
    body.memo-sidebar-collapsed .memo-sidebar ~ .headline_small,
    body.memo-sidebar-collapsed .memo-sidebar ~ .main,
    body.memo-sidebar-collapsed .memo-sidebar ~ form .main {
        width: 100%;
        margin-left: 0;
    }

    .memo-sidebar-scroll {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        padding: 0.85rem 0.75rem;
    }

    .memo-sidebar-mobile-topbar {
        display: flex;
        flex-flow: column nowrap;
        gap: 0.45rem;
        margin: 0 0 0.55rem;
        padding: 0 0.25rem 0.65rem;
        border-bottom: 1px solid var(--memo-sidebar-line);
        color: var(--memo-sidebar-text);
    }

    .memo-sidebar-mobile-topbar-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.55rem;
        min-width: 0;
    }

    .memo-sidebar-mobile-topbar .memo-page-topbar-greeting {
        flex: 1 1 auto;
        min-width: 0;
    }

    .memo-sidebar-mobile-topbar .memo-page-topbar-greeting strong {
        gap: 0.3rem;
        overflow: hidden;
        font-size: 14px;
        font-weight: 600;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .memo-sidebar-mobile-topbar .memo-page-topbar-greeting i {
        width: 17px;
        height: 17px;
        font-size: 16px;
    }

    .memo-sidebar-mobile-topbar .memo-page-topbar-greeting span {
        display: none;
    }

    .memo-sidebar-mobile-topbar .memo-page-topbar-search {
        display: flex;
        flex: 1 1 auto;
        width: 100%;
        min-width: 100%;
        height: 34px;
        padding: 0 0.6rem;
        font-size: 13px;
    }

    .memo-sidebar-mobile-topbar-actions {
        display: grid;
        grid-template-columns: 35px 35px 35px 50px;
        flex: 0 0 auto;
        gap: 0.35rem;
        align-items: center;
    }

    .memo-sidebar-mobile-topbar-actions .memo-page-topbar-icon {
        width: 34px;
        height: 34px;
        background: var(--memo-sidebar-bg-soft);
        font-size: 16px;
    }

    .memo-sidebar-mobile-topbar-actions .memo-page-topbar-profile {
        justify-content: center;
        width: auto;
        min-width: 0;
        height: 34px;
        padding: 0;
        border-radius: 0.45rem;
        background: var(--memo-accent-color-soft);
        border: 1px solid var(--memo-accent-color-soft);
        box-sizing: border-box;
    }

    .memo-sidebar-mobile-topbar-actions .memo-page-topbar-profile img {
        width: 26px;
        height: 26px;
    }

    .memo-sidebar-mobile-topbar-actions .memo-page-topbar-profile span {
        display: none;
    }

    .memo-sidebar-mobile-topbar-actions .memo-page-topbar-badge {
        top: -6px;
        right: -6px;
        min-width: 18px;
        height: 18px;
        padding: 0 4px;
        border-color: var(--memo-sidebar-bg-soft);
        font-size: 11px;
    }

    .memo-sidebar-main.menu_small {
        flex-flow: column nowrap !important;
        gap: 0.1rem;
    }

    .memo-sidebar-main.menu_small a,
    .memo-sidebar-section,
    .memo-sidebar-link {
        width: 100%;
    }

    .memo-sidebar-section > summary,
    .memo-sidebar-main.menu_small > .memo-sidebar-link {
        min-height: 32px;
        padding: 0rem 0.4rem !important;
    }

    .memo-sidebar-main.menu_small .menu-icon {
        flex-basis: 21px;
        width: 21px;
        height: 21px;
        margin-right: 0.25rem;
    }

    .memo-sidebar-main.menu_small .menu-icon img {
        width: 17px;
        height: 17px;
    }

    .memo-sidebar-menu-divider {
        margin: 0.2rem 0 0.25rem;
    }

    .memo-sidebar-section-body {
        padding: 0.08rem 0 0.3rem 0.12rem;
    }

    .memo-sidebar-flat-submenu {
        padding: 0.05rem 0 0.15rem;
    }

    .memo-sidebar-flat-submenu li > a,
    .memo-sidebar-group li > a {
        margin: 0.02rem 0;
        padding: 0.5rem 0.5rem !important;
        line-height: 1.15;
    }

    .memo-sidebar-group summary {
        min-height: 34px;
        margin: 0.08rem 0 0.02rem;
        padding: 0.3rem 0.5rem;
        line-height: 1.15;
    }

    .memo-sidebar-group ul {
        padding: 0.08rem 0;
    }

    .memo-sidebar .memo-sidebar-main.menu_small a .eva_sub_txt,
    .memo-sidebar .memo-sidebar-section-link .eva_sub_txt,
    .memo-sidebar .memo-sidebar-link .eva_sub_txt {
        display: block !important;
        visibility: visible !important;
        width: auto !important;
        min-width: 0;
        font-size: 14px !important;
        line-height: 1.25 !important;
        opacity: 1 !important;
        color: inherit !important;
        white-space: normal !important;
    }

    .memo-sidebar-main.menu_small .memo-sidebar-section-link {
        padding: 0 !important;
    }

    .memo-sidebar-main.menu_small .memo-sidebar-link {
        min-height: 32px;
        margin: 0;
    }

    .memo-sidebar-section-body {
        padding-left: 0.65rem;
    }

    .memo-sidebar-group {
        border: 0;
        border-radius: 0;
    }

    .memo-sidebar-footer {
        display: block;
        flex: 0 0 auto;
    }

    body.memo-sidebar-collapsed .memo-sidebar-preferences {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.45rem;
    }

    body.memo-sidebar-collapsed .memo-sidebar-theme-toggle {
        width: 100%;
        min-height: 40px;
    }

    .memo-sidebar-actions.menu_small.icons {
        display: flex;
        align-items: center;
        gap: 0.45rem;
        width: 100%;
        margin-top: 0.65rem;
    }

    .memo-sidebar-actions.menu_small.icons > a,
    .memo-sidebar-actions.menu_small.icons > .menu-item {
        flex: 1 1 0 !important;
        height: 40px;
        min-height: 40px;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box;
    }

    .memo-sidebar-actions.menu_small.icons > .menu-item .submenu-trigger {
        height: 100%;
        min-height: 0;
    }

    .memo-sidebar #assignmentDropdown {
        position: fixed;
        inset: calc(58px + 1rem) 1rem auto 1rem;
        z-index: 260;
        width: auto;
        max-height: calc(100dvh - 90px);
    }

    .memo-sidebar #assignmentDropdown .memo-notification-list {
        max-height: calc(100dvh - 144px);
    }

    .memo-profile-dropdown {
        inset: calc(58px + 0.75rem) 0.75rem auto auto;
        width: min(280px, calc(100vw - 1.5rem));
    }

    body.memo-sidebar-collapsed .memo-sidebar .eva_sub_txt,
    body.memo-sidebar-collapsed .memo-sidebar-section-body,
    body.memo-sidebar-collapsed .memo-sidebar-status,
    body.memo-sidebar-collapsed .memo-sidebar-user-text,
    body.memo-sidebar-collapsed .memo-sidebar-logout span {
        display: block;
    }

    body.memo-sidebar-collapsed .memo-sidebar-status {
        display: flex;
    }

    body.memo-sidebar-collapsed .memo-sidebar-section-toggle {
        display: inline-flex;
    }

    body.memo-sidebar-collapsed .memo-sidebar-section-link {
        justify-content: flex-start;
        flex: 1 1 auto;
    }

    body.memo-sidebar-collapsed .memo-sidebar-main.menu_small .menu-icon {
        margin-right: 0.35rem;
    }

    body.memo-sidebar-collapsed .memo-sidebar-section summary,
    body.memo-sidebar-collapsed .memo-sidebar-link {
        justify-content: flex-start !important;
        padding: 0.2rem 0.4rem;
    }

    body.memo-sidebar-collapsed .memo-sidebar-user {
        justify-content: flex-start;
        padding: 0.65rem;
        background: var(--memo-sidebar-bg-soft);
    }

    body.memo-sidebar-collapsed .memo-sidebar-language {
        flex-direction: row;
        padding: 0;
        background: transparent;
    }

    body.memo-sidebar-collapsed .memo-sidebar-language-option span {
        display: inline;
    }

    body.memo-sidebar-collapsed .memo-sidebar-language-options {
        flex-direction: row;
    }

    body.memo-sidebar-collapsed .memo-sidebar-language-option {
        width: auto;
        height: auto;
        min-height: 32px;
        padding: 0.22rem 0.42rem;
    }

    body.memo-sidebar-collapsed .memo-sidebar-actions.menu_small.icons {
        flex-direction: row;
    }

    .memo-sidebar .memo-sidebar-help .submenu,
    body.memo-sidebar-collapsed .memo-sidebar .memo-sidebar-help .submenu {
        inset: auto 0 calc(100% + 8px) auto;
        transform: translateY(8px) scale(0.96);
        transform-origin: right bottom;
    }

    .memo-sidebar .memo-sidebar-help .submenu::before,
    body.memo-sidebar-collapsed .memo-sidebar .memo-sidebar-help .submenu::before {
        inset: auto 18px -6px auto;
    }

    .memo-sidebar .memo-sidebar-help .submenu::after,
    body.memo-sidebar-collapsed .memo-sidebar .memo-sidebar-help .submenu::after {
        inset: auto -14px -18px -14px;
        width: auto;
        height: 24px;
    }

.memo-sidebar .memo-sidebar-help:hover .submenu,
.memo-sidebar .memo-sidebar-help.open .submenu,
body.memo-sidebar-collapsed .memo-sidebar .memo-sidebar-help:hover .submenu,
body.memo-sidebar-collapsed .memo-sidebar .memo-sidebar-help.open .submenu {
    transform: translateY(0) scale(1);
}
}

.memo-global-task-widget {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 10020;
    font-family: var(--memo-font-family, inherit);
}

.memo-global-task-widget__toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    border: 0;
    border-radius: 999px;
    padding: 0.72rem 0.95rem;
    color: #fff;
    background: linear-gradient(135deg, var(--memo-accent-color) 0%, #e2470b 100%);
    box-shadow: 0 16px 34px rgba(50, 30, 20, 0.22);
    font-weight: 600;
}

.memo-global-task-widget__toggle strong {
    min-width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: var(--memo-accent-color);
    background: #fff;
    font-size: 0.78rem;
}

.memo-global-task-widget__toggle strong[hidden] {
    display: none;
}

.memo-global-task-widget__panel {
    position: absolute;
    right: 0;
    bottom: calc(100% + 12px);
    display: none;
    width: min(520px, calc(100vw - 40px));
    height: min(650px, calc(100dvh - 32px));
    max-height: calc(100dvh - 16px);
    overflow: hidden;
    border: 1px solid rgba(28, 33, 40, 0.12);
    border-radius: 16px;
    background: var(--memo-sidebar-bg);
    box-shadow: 0 24px 64px rgba(30, 24, 20, 0.25);
}

.memo-global-task-widget.is-open .memo-global-task-widget__panel {
    display: flex;
    flex-direction: column;
    border: 1px solid #ffffff;
}

html.memo-theme-preload-dark .memo-global-task-widget.is-open .memo-global-task-widget__panel{
    border: 1px solid var(--memo-light-border-color-soft) !important;
}

.memo-global-task-widget__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    color: var(--memo-sidebar-text);
    background: linear-gradient(135deg, var(--memo-sidebar-bg) 0%, var(--memo-sidebar-bg-soft) 100%);
    border-bottom: 1px solid var(--memo-sidebar-line);
    cursor: move;
    touch-action: none;
    user-select: none;
}

body.memo-page-theme-dark .memo-global-task-widget__head,
html.memo-theme-preload-dark .memo-global-task-widget__head {
    background: linear-gradient(135deg, var(--memo-dark-bg-color) 0%, var(--memo-light-bg-color-soft) 100%);
}

.memo-global-task-widget__head strong,
.memo-global-task-widget__head span {
    display: block;
}

.memo-global-task-widget__head strong {
    font-size: 1rem;
}

.memo-global-task-widget__head span {
    margin-top: 0.12rem;
    color: var(--memo-sidebar-muted);
    font-size: 0.82rem;
}

.memo-global-task-widget__head button,
.memo-global-task-form button {
    border: 0;
}

.memo-global-task-widget__head button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid var(--memo-sidebar-line);
    border-radius: 10px;
    color: var(--memo-sidebar-text);
    background: var(--memo-sidebar-bg-soft);
    transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, transform 0.2s ease,
        box-shadow 0.2s ease;
}

#memoGlobalTaskClose:hover,
#memoGlobalTaskClose:focus-visible {
    border-color: var(--memo-sidebar-accent);
    color: var(--memo-sidebar-accent);
}

body.memo-page-theme-dark #memoGlobalTaskClose,
html.memo-theme-preload-dark #memoGlobalTaskClose,
body.memo-page-theme-dark #memoGlobalTaskClose .fa-times,
html.memo-theme-preload-dark #memoGlobalTaskClose .fa-times {
    color: #fff !important;
}

body.memo-page-theme-dark #memoGlobalTaskClose:hover,
body.memo-page-theme-dark #memoGlobalTaskClose:focus-visible,
html.memo-theme-preload-dark #memoGlobalTaskClose:hover,
html.memo-theme-preload-dark #memoGlobalTaskClose:focus-visible {
    border-color: var(--memo-sidebar-accent) !important;
    background: var(--memo-sidebar-accent);
    color: #fff !important;
}

.memo-global-task-widget__panel.is-dragging,
.memo-global-task-widget__panel.is-resizing {
    user-select: none;
}

.memo-global-task-widget__tabs {
    display: flex;
    align-items: stretch;
    gap: 1.5rem;
    padding: 0 0.9rem;
    border-bottom: 1px solid var(--memo-sidebar-line);
    background: #fff;
}

body.memo-page-theme-dark .memo-global-task-widget__tabs,
html.memo-theme-preload-dark .memo-global-task-widget__tabs {
    background: var(--memo-dark-bg-color) !important;
}

.memo-global-task-widget__tabs.has-context {
    gap: 1.1rem;
}

.memo-user-messenger__send .memo-messenger-input,
.memo-user-messenger__new input,
.memo-user-messenger__new textarea,
.memo-global-task-form input,
.memo-global-task-form select,
.memo-global-task-form textarea,
.memo-global-task-widget__filters input,
.memo-global-task-widget__filters select,
.memo-global-task-item select {
    border: 1px solid var(--memo-sidebar-line);
    border-radius: 10px;
    background: #fff;
    color: var(--memo-sidebar-text);
}

.memo-global-task-item__reference {
    display: block;
    margin-top: 0.25rem;
    color: var(--memo-sidebar-accent);
    font-size: 0.78rem;
    line-height: 1.35;
    text-decoration: none;
}

.memo-global-task-item__reference:hover {
    text-decoration: underline;
}

.memo-messenger-first-composer .memo-messenger-input {
    border-radius: 10px;
    background: var(--memo-sidebar-bg-soft);
    color: var(--memo-sidebar-text);
}

.memo-user-messenger__send > button[type="submit"],
.memo-user-messenger__new form button[type="submit"],
.memo-global-task-form button[type="submit"] {
    border-color: var(--memo-sidebar-accent);
    border-radius: 10px;
    background: var(--memo-sidebar-accent);
    color: #fff;
}

.memo-user-messenger__new {
    background: var(--memo-sidebar-bg);
}

.memo-global-task-widget__tabs button {
    position: relative;
    min-height: 50px;
    padding: 0.2rem 0;
    border: 0;
    border-radius: 0;
    color: var(--memo-sidebar-muted);
    background: transparent;
    font-weight: 700;
    white-space: nowrap;
    transition: color 0.18s ease;
}

.memo-global-task-widget__tabs button::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 3px;
    border-radius: 999px 999px 0 0;
    background: var(--memo-accent-color);
    opacity: 0;
    transform: scaleX(0.55);
    transition: opacity 0.18s ease, transform 0.18s ease;
}

.memo-global-task-widget__tabs button:hover,
.memo-global-task-widget__tabs button:focus-visible {
    color: var(--memo-sidebar-text);
}

.memo-global-task-widget__tabs button.is-active {
    color: var(--memo-sidebar-text);
    background: transparent;
    box-shadow: none;
}

.memo-global-task-widget__tabs button.is-active::after {
    opacity: 1;
    transform: scaleX(1);
}

.memo-global-task-widget__view {
    display: none;
    flex: 1 1 auto;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: auto;
    padding: 0.95rem;
}

.memo-global-task-widget__view.is-active {
    display: flex;
}

.memo-global-task-form {
    display: grid;
    gap: 0.75rem;
}

.memo-global-task-form__grid {
    display: grid;
    grid-template-columns: minmax(150px, 0.75fr) minmax(0, 1.25fr);
    gap: 0.65rem;
}

.memo-global-task-form__field--wide {
    grid-column: 1 / -1;
}

.memo-global-task-form__hint {
    color: var(--memo-sidebar-muted);
    font-size: 0.78rem;
}

.memo-global-task-form label,
.memo-global-task-widget__filters label {
    display: grid;
    gap: 0.25rem;
    margin: 0;
}

.memo-global-task-form span {
    color: var(--memo-sidebar-muted);
    font-size: 0.78rem;
    font-weight: 600;
}

.memo-global-task-form input,
.memo-global-task-form select,
.memo-global-task-form textarea,
.memo-global-task-widget__filters input,
.memo-global-task-widget__filters select,
.memo-global-task-item select {
    width: 100%;
    border: 1px solid var(--memo-sidebar-line);
    border-radius: 10px;
    padding: 0.62rem 0.7rem;
    color: var(--memo-sidebar-text);
    background: #fff;
    font: inherit;
}

.memo-task-assignee-control {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.35rem;
    align-items: stretch;
}

.memo-task-assign-self {
    min-width: max-content;
    border: 1px solid var(--memo-sidebar-line);
    border-radius: 10px;
    padding: 0.45rem 0.6rem;
    color: var(--memo-sidebar-text);
    background: var(--memo-sidebar-bg-soft);
    font: inherit;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
}

.memo-task-assign-self:hover,
.memo-task-assign-self:focus-visible {
    border-color: var(--memo-accent-color);
    color: var(--memo-accent-color);
    background: rgba(255, 96, 15, 0.08);
}

body.memo-page-theme-dark .memo-task-assign-self,
html.memo-theme-preload-dark .memo-task-assign-self {
    border-color: var(--memo-light-border-color-soft);
    color: var(--memo-light-text-color);
    background: var(--memo-light-bg-color-soft);
}

body.memo-page-theme-dark .memo-task-assign-self:hover,
body.memo-page-theme-dark .memo-task-assign-self:focus-visible,
html.memo-theme-preload-dark .memo-task-assign-self:hover,
html.memo-theme-preload-dark .memo-task-assign-self:focus-visible {
    border-color: var(--memo-accent-color);
    color: var(--memo-light-text-color);
    background: color-mix(in srgb, var(--memo-accent-color) 16%, transparent);
}

.memo-global-task-form select,
.memo-global-task-widget__filters select,
.memo-global-task-item select {
    -webkit-appearance: none;
    appearance: none;
    padding-right: 2.35rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m4 6 4 4 4-4'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.85rem center;
    background-size: 0.85rem 0.85rem;
}

body.memo-page-theme-dark .memo-global-task-form select,
body.memo-page-theme-dark .memo-global-task-widget__filters select,
body.memo-page-theme-dark .memo-global-task-item select,
html.memo-theme-preload-dark .memo-global-task-form select,
html.memo-theme-preload-dark .memo-global-task-widget__filters select,
html.memo-theme-preload-dark .memo-global-task-item select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23e7eaee' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m4 6 4 4 4-4'/%3e%3c/svg%3e");
}

body.memo-page-theme-dark .memo-global-task-form input,
body.memo-page-theme-dark .memo-global-task-form select,
body.memo-page-theme-dark .memo-global-task-form textarea,
body.memo-page-theme-dark .memo-global-task-widget__filters input,
body.memo-page-theme-dark .memo-global-task-widget__filters select,
body.memo-page-theme-dark .memo-global-task-item select,
html.memo-theme-preload-dark .memo-global-task-form input,
html.memo-theme-preload-dark .memo-global-task-form select,
html.memo-theme-preload-dark .memo-global-task-form textarea,
html.memo-theme-preload-dark .memo-global-task-widget__filters input,
html.memo-theme-preload-dark .memo-global-task-widget__filters select,
html.memo-theme-preload-dark .memo-global-task-item select {
    border-color: var(--memo-light-border-color-soft);
    background-color: var(--memo-light-bg-color-soft);
    color: var(--memo-light-text-color);
    -webkit-text-fill-color: var(--memo-light-text-color);
    color-scheme: dark;
}

body.memo-page-theme-dark .memo-global-task-form select,
body.memo-page-theme-dark .memo-global-task-widget__filters select,
body.memo-page-theme-dark .memo-global-task-item select,
body.memo-page-theme-dark .memo-global-task-form select option,
body.memo-page-theme-dark .memo-global-task-widget__filters select option,
body.memo-page-theme-dark .memo-global-task-item select option,
html.memo-theme-preload-dark .memo-global-task-form select,
html.memo-theme-preload-dark .memo-global-task-widget__filters select,
html.memo-theme-preload-dark .memo-global-task-item select,
html.memo-theme-preload-dark .memo-global-task-form select option,
html.memo-theme-preload-dark .memo-global-task-widget__filters select option,
html.memo-theme-preload-dark .memo-global-task-item select option {
    background-color: var(--memo-dark-field-bg-color);
    color: var(--memo-light-text-color) !important;
    -webkit-text-fill-color: var(--memo-light-text-color) !important;
}

body.memo-page-theme-dark .memo-global-task-form input::placeholder,
body.memo-page-theme-dark .memo-global-task-form textarea::placeholder,
body.memo-page-theme-dark .memo-global-task-widget__filters input::placeholder,
html.memo-theme-preload-dark .memo-global-task-form input::placeholder,
html.memo-theme-preload-dark .memo-global-task-form textarea::placeholder,
html.memo-theme-preload-dark .memo-global-task-widget__filters input::placeholder {
    color: color-mix(in srgb, var(--memo-light-text-color) 68%, transparent);
    -webkit-text-fill-color: color-mix(in srgb, var(--memo-light-text-color) 68%, transparent);
}

.memo-global-task-form textarea {
    resize: vertical;
}

.memo-global-task-form button[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 42px;
    border-radius: 12px;
    color: #fff;
    background: var(--memo-accent-color);
    font-weight: 600;
}

.memo-global-task-widget__list-head {
    margin: 1rem 0 0.55rem;
    color: var(--memo-sidebar-text);
}

.memo-global-task-widget__filters {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 250px;
    gap: 0.65rem;
    margin-bottom: 0.8rem;
}

.memo-global-task-widget__filters label {
    position: relative;
}

.memo-global-task-widget__filters i {
    position: absolute;
    left: 0.7rem;
    top: 50%;
    color: #a27a65;
    transform: translateY(-50%);
}

.memo-global-task-widget__filters input {
    padding-left: 2rem;
}

.memo-global-task-list {
    display: grid;
    gap: 0.6rem;
}

.memo-global-task-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 138px;
    gap: 0.7rem;
    align-items: start;
    padding: 0.78rem;
    border: 1px solid var(--memo-sidebar-line);
    border-left: 4px solid var(--task-status-color, var(--memo-accent-color));
    border-radius: 12px;
    background: var(--memo-sidebar-bg-soft);
}

body.memo-page-theme-dark .memo-global-task-item,
html.memo-theme-preload-dark .memo-global-task-item {
    background: var(--memo-light-bg-color-soft);
    border-color: var(--memo-light-border-color-soft);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
}

.memo-global-task-item.is-overdue {
    border-left-color: #d92d20;
    background: var(--memo-sidebar-bg-soft);
}

body.memo-page-theme-dark .memo-global-task-item.is-overdue,
html.memo-theme-preload-dark .memo-global-task-item.is-overdue {
    background: var(--memo-light-bg-color-soft);
}

.memo-global-task-item.is-highlighted {
    border-color: var(--memo-accent-color);
    box-shadow: 0 0 0 3px rgba(255, 96, 15, 0.22), 0 8px 20px rgba(0, 0, 0, 0.12);
}

.memo-global-task-item strong {
    display: block;
    color: var(--memo-sidebar-text);
    font-size: 0.92rem;
}

.memo-global-task-item__status {
    width: fit-content;
    padding: 0.16rem 0.42rem;
    border-radius: 999px;
    color: #fff !important;
    background: var(--task-status-color, var(--memo-accent-color));
    font-weight: 600;
}

.memo-global-task-item__actions {
    display: grid;
    gap: 0.4rem;
}

.memo-global-task-item__actions button {
    min-height: 32px;
    border: 1px solid var(--memo-sidebar-line);
    border-radius: 8px;
}

body.memo-page-theme-dark .memo-global-task-item__actions button,
html.memo-theme-preload-dark .memo-global-task-item__actions button {
    border-color: var(--memo-sidebar-accent);
    background: var(--memo-sidebar-accent);
    color: var(--memo-light-text-color);
}

body.memo-page-theme-dark .memo-global-task-widget__filters i,
html.memo-theme-preload-dark .memo-global-task-widget__filters i {
    color: color-mix(in srgb, var(--memo-light-text-color) 68%, transparent);
}

.memo-global-task-reference,
.memo-task-detail-dialog__reference {
    position: relative;
}

.memo-global-task-reference {
    display: grid;
    gap: 0.25rem;
}

.memo-global-task-reference__controls {
    display: grid;
    grid-template-columns: minmax(170px, 0.35fr) minmax(0, 1fr);
    gap: 0.65rem;
    align-items: stretch;
}

.memo-global-task-reference__search {
    position: relative;
}

.memo-task-detail-dialog__reference-control {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 38px;
    gap: 0.4rem;
    align-items: stretch;
}

.memo-task-detail-dialog__reference-open {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    min-width: 38px;
    height: 38px;
    border: 1px solid rgba(84, 65, 52, 0.16);
    border-radius: 9px;
    color: #755747;
    background: #fff;
    text-decoration: none;
}

.memo-task-detail-dialog__reference-open:hover,
.memo-task-detail-dialog__reference-open:focus-visible {
    border-color: var(--memo-sidebar-accent);
    color: var(--memo-sidebar-accent);
}

.memo-task-detail-dialog__reference-open[hidden] {
    display: none;
}

.memo-task-detail-dialog__completion-hint {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
    align-items: center;
    margin: 0.75rem 0 1rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid color-mix(in srgb, var(--memo-sidebar-accent) 35%, transparent);
    border-radius: 12px;
    background: color-mix(in srgb, var(--memo-sidebar-accent) 10%, transparent);
    color: var(--memo-accent-color);
}

body.memo-page-theme-dark .memo-task-detail-dialog__completion-hint{
    color: var(--memo-light-text-color);
}

.memo-task-detail-dialog__completion-hint[hidden],
.memo-task-detail-dialog__completion-hint a[hidden] {
    display: none;
}

.memo-task-detail-dialog__completion-hint a {
    display: inline-flex;
    gap: 0.35rem;
    align-items: center;
    color: var(--memo-sidebar-accent);
    font-weight: 700;
    text-decoration: none;
}

.memo-task-detail-dialog__completion-hint a:hover,
.memo-task-detail-dialog__completion-hint a:focus-visible {
    text-decoration: underline;
}

.memo-global-task-reference__suggestions,
.memo-task-detail-dialog__suggestions {
    position: absolute;
    z-index: 2;
    top: calc(100% - 0.1rem);
    right: 0;
    left: 0;
    display: grid;
    overflow: hidden;
    border-radius: 0 0 10px 10px;
    background: var(--memo-sidebar-bg);
    box-shadow: 0 12px 26px rgba(55, 38, 28, 0.14);
}

.memo-global-task-reference__suggestions[hidden],
.memo-task-detail-dialog__suggestions[hidden] {
    display: none;
}

.memo-global-task-reference__suggestions button,
.memo-task-detail-dialog__suggestions button {
    padding: 0.55rem 0.7rem;
    border: 0;
    border-bottom: 1px solid var(--memo-sidebar-line);
    color: var(--memo-sidebar-text);
    background: var(--memo-sidebar-bg);
    text-align: left;
}

.memo-global-task-reference__suggestions button:hover,
.memo-task-detail-dialog__suggestions button:hover {
    background: var(--memo-sidebar-bg-soft);
}

.memo-global-task-widget__resize {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 18px;
    height: 18px;
    cursor: nwse-resize;
    touch-action: none;
}

.memo-global-task-widget__resize::after {
    position: absolute;
    right: 4px;
    bottom: 4px;
    width: 8px;
    height: 8px;
    border-right: 2px solid #c6a28e;
    border-bottom: 2px solid #c6a28e;
    content: '';
}

.memo-global-task-item p,
.memo-global-task-item small,
.memo-global-task-item span {
    display: block;
    margin: 0.18rem 0 0;
    color: var(--memo-sidebar-muted);
    font-size: 0.78rem;
    line-height: 1.35;
}

.memo-global-task-item .memo-global-task-item__reference {
    color: var(--memo-sidebar-accent);
}

.memo-global-task-empty {
    padding: 1rem;
    border: 1px dashed var(--memo-sidebar-line);
    border-radius: 12px;
    color: var(--memo-sidebar-muted);
    background: var(--memo-sidebar-bg-soft);
    text-align: center;
}

body.memo-sidebar-collapsed .memo-global-task-widget {
    right: 24px;
}

@media (max-width: 720px) {
    .memo-global-task-widget {
        right: 12px;
        bottom: 76px;
        left: 12px;
    }

    .memo-global-task-widget__toggle {
        margin-left: auto;
    }

    .memo-global-task-widget__panel {
        right: 0;
        left: 0;
        width: auto;
        height: auto;
        max-height: calc(100dvh - 132px);
    }

    .memo-global-task-widget__tabs {
        overflow-x: auto;
        gap: 1rem;
        padding-inline: 0.85rem;
    }

    .memo-global-task-widget__tabs.has-context {
        gap: 1rem;
    }

    .memo-global-task-form__grid,
    .memo-global-task-widget__filters,
    .memo-global-task-item {
        grid-template-columns: 1fr;
    }
}

/* Mobile widgets use the full viewport so their content remains reachable. */
@media (max-width: 720px) {
    .memo-user-messenger.is-open {
        inset: 0;
        width: 100vw;
        height: 100dvh;
        max-height: none;
        min-width: 0;
        min-height: 0;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .memo-user-messenger.is-open .memo-user-messenger__head {
        min-height: calc(54px + env(safe-area-inset-top));
        padding-top: env(safe-area-inset-top);
    }

    .memo-global-task-widget {
        inset: 0;
        width: 100vw;
        height: 100dvh;
        pointer-events: none;
    }

    .memo-global-task-widget__toggle {
        position: fixed;
        right: 12px;
        bottom: 76px;
        margin-left: 0;
        pointer-events: auto;
    }

    .memo-global-task-widget__panel,
    .memo-global-task-widget.is-open .memo-global-task-widget__panel {
        position: absolute;
        inset: 0;
        width: 100vw;
        height: 100dvh;
        max-height: none;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        pointer-events: auto;
    }

    .memo-global-task-widget.is-open .memo-global-task-widget__head {
        padding-top: max(1rem, env(safe-area-inset-top));
    }
}

.memo-task-detail-dialog {
    position: fixed;
    z-index: 10040;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.memo-task-detail-dialog.is-open {
    display: flex;
}

.memo-task-detail-dialog__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(30, 24, 20, 0.38);
    backdrop-filter: blur(3px);
}

.memo-task-detail-dialog__panel {
    position: relative;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    width: min(760px, 100%);
    max-height: min(850px, 100%);
    overflow: hidden;
    border: 1px solid rgba(84, 65, 52, 0.16);
    border-radius: 16px;
    background: #fffaf7;
    box-shadow: 0 24px 70px rgba(30, 24, 20, 0.3);
}

.memo-task-detail-dialog__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    color: #27160e;
    background: #ffe6d8;
}

.memo-task-detail-dialog__head span,
.memo-task-detail-dialog__head h2 {
    display: block;
    margin: 0;
}

.memo-task-detail-dialog__head span {
    color: #7b6256;
    font-size: 0.78rem;
}

.memo-task-detail-dialog__head h2 {
    margin-top: 0.15rem;
    font-size: 1.2rem;
    font-weight: 600;
}

.memo-task-detail-dialog__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    min-height: 34px;
    border: 1px solid var(--memo-sidebar-line);
    border-radius: 10px;
    background: var(--memo-sidebar-bg-soft);
    color: var(--memo-sidebar-text);
}

.memo-task-detail-dialog__close:hover,
.memo-task-detail-dialog__close:focus-visible {
    border-color: var(--memo-sidebar-accent);
    background: var(--memo-sidebar-bg-soft);
    color: var(--memo-sidebar-accent);
}

.memo-task-detail-dialog__form,
.memo-task-comments {
    padding: 1rem 1.15rem;
}

.memo-task-detail-dialog__form {
    overflow: auto;
}

.memo-task-detail-dialog__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
}

.memo-task-detail-dialog label {
    display: grid;
    gap: 0.25rem;
    margin-bottom: 0.75rem;
}

.memo-task-detail-dialog label > span {
    color: #755747;
    font-size: 0.78rem;
    font-weight: 600;
}

.memo-task-detail-dialog input,
.memo-task-detail-dialog select,
.memo-task-detail-dialog textarea,
.memo-task-comments textarea {
    width: 100%;
    border: 1px solid rgba(84, 65, 52, 0.16);
    border-radius: 9px;
    padding: 0.6rem 0.7rem;
    color: #27160e;
    background: #fff;
    font: inherit;
}

.memo-task-detail-dialog select {
    -webkit-appearance: none;
    appearance: none;
    padding-right: 2.35rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m4 6 4 4 4-4'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.85rem center;
    background-size: 0.85rem 0.85rem;
}

.memo-task-detail-dialog select:disabled,
.memo-task-detail-dialog input[readonly] {
    color: #5f4a3f;
    background-color: #f5f1ee;
    cursor: default;
    opacity: 1;
}

body.memo-page-theme-dark .memo-task-detail-dialog__panel,
html.memo-theme-preload-dark .memo-task-detail-dialog__panel {
    border-color: var(--memo-light-border-color-soft);
    background: var(--memo-dark-bg-color);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
}

body.memo-page-theme-dark .memo-task-detail-dialog__head,
html.memo-theme-preload-dark .memo-task-detail-dialog__head {
    color: var(--memo-light-text-color);
    background: var(--memo-light-bg-color-soft);
    border-bottom: 1px solid var(--memo-light-border-color-soft);
}

body.memo-page-theme-dark .memo-task-detail-dialog__head span,
html.memo-theme-preload-dark .memo-task-detail-dialog__head span {
    color: color-mix(in srgb, var(--memo-light-text-color) 68%, transparent);
}

body.memo-page-theme-dark .memo-task-detail-dialog__close,
html.memo-theme-preload-dark .memo-task-detail-dialog__close {
    border-color: var(--memo-sidebar-line);
    background: var(--memo-sidebar-bg-soft);
    color: var(--memo-sidebar-text);
}

body.memo-page-theme-dark .memo-task-detail-dialog__close:hover,
body.memo-page-theme-dark .memo-task-detail-dialog__close:focus-visible,
html.memo-theme-preload-dark .memo-task-detail-dialog__close:hover,
html.memo-theme-preload-dark .memo-task-detail-dialog__close:focus-visible {
    border-color: var(--memo-sidebar-accent);
    background: var(--memo-sidebar-accent);
    color: #fff;
}

body.memo-page-theme-dark .memo-task-detail-dialog label > span,
html.memo-theme-preload-dark .memo-task-detail-dialog label > span {
    color: color-mix(in srgb, var(--memo-light-text-color) 68%, transparent);
}

body.memo-page-theme-dark .memo-task-detail-dialog input,
body.memo-page-theme-dark .memo-task-detail-dialog select,
body.memo-page-theme-dark .memo-task-detail-dialog textarea,
body.memo-page-theme-dark .memo-task-comments textarea,
html.memo-theme-preload-dark .memo-task-detail-dialog input,
html.memo-theme-preload-dark .memo-task-detail-dialog select,
html.memo-theme-preload-dark .memo-task-detail-dialog textarea,
html.memo-theme-preload-dark .memo-task-comments textarea {
    border-color: var(--memo-light-border-color-soft);
    background-color: var(--memo-light-bg-color-soft);
    color: var(--memo-light-text-color);
    -webkit-text-fill-color: var(--memo-light-text-color);
    color-scheme: dark;
}

body.memo-page-theme-dark .memo-task-detail-dialog select,
html.memo-theme-preload-dark .memo-task-detail-dialog select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23e7eaee' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m4 6 4 4 4-4'/%3e%3c/svg%3e");
}

body.memo-page-theme-dark .memo-task-detail-dialog__reference-open,
html.memo-theme-preload-dark .memo-task-detail-dialog__reference-open {
    border-color: var(--memo-light-border-color-soft);
    background-color: var(--memo-light-bg-color-soft);
    color: var(--memo-light-text-color);
}

body.memo-page-theme-dark .memo-task-detail-dialog__reference-open:hover,
body.memo-page-theme-dark .memo-task-detail-dialog__reference-open:focus-visible,
html.memo-theme-preload-dark .memo-task-detail-dialog__reference-open:hover,
html.memo-theme-preload-dark .memo-task-detail-dialog__reference-open:focus-visible {
    border-color: var(--memo-sidebar-accent);
    color: var(--memo-sidebar-accent);
}

body.memo-page-theme-dark .memo-task-detail-dialog__completion-hint,
html.memo-theme-preload-dark .memo-task-detail-dialog__completion-hint {
    border-color: color-mix(in srgb, var(--memo-sidebar-accent) 48%, transparent);
    background: color-mix(in srgb, var(--memo-sidebar-accent) 16%, transparent);
    color: var(--memo-light-text-color);
}

body.memo-page-theme-dark .memo-task-detail-dialog select,
body.memo-page-theme-dark .memo-task-detail-dialog select option,
html.memo-theme-preload-dark .memo-task-detail-dialog select,
html.memo-theme-preload-dark .memo-task-detail-dialog select option {
    background-color: var(--memo-dark-field-bg-color);
    color: var(--memo-light-text-color) !important;
    -webkit-text-fill-color: var(--memo-light-text-color) !important;
}

body.memo-page-theme-dark .memo-task-detail-dialog select:disabled,
body.memo-page-theme-dark .memo-task-detail-dialog input[readonly],
html.memo-theme-preload-dark .memo-task-detail-dialog select:disabled,
html.memo-theme-preload-dark .memo-task-detail-dialog input[readonly] {
    background-color: color-mix(in srgb, var(--memo-light-bg-color-soft) 78%, #000 22%);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
    -webkit-text-fill-color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

.memo-task-detail-dialog textarea,
.memo-task-comments textarea {
    resize: vertical;
}

.memo-task-detail-dialog__actions {
    display: flex;
    justify-content: flex-end;
}

.memo-task-detail-dialog__actions button,
.memo-task-comments__form button {
    border: 0;
    border-radius: 9px;
    padding: 0.6rem 0.8rem;
    color: #fff;
    background: var(--memo-accent-color);
    font-weight: 600;
}

.memo-task-comments {
    min-height: 0;
    overflow: auto;
    border-top: 1px solid rgba(84, 65, 52, 0.12);
    background: #fff3ec;
}

body.memo-page-theme-dark .memo-task-comments,
html.memo-theme-preload-dark .memo-task-comments {
    border-top-color: var(--memo-light-border-color-soft);
    background: var(--memo-dark-bg-color);
}

.memo-task-comments__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.6rem;
}

.memo-task-comments__head h3 {
    margin: 0;
    color: #392419;
    font-size: 0.95rem;
    font-weight: 600;
}

body.memo-page-theme-dark .memo-task-comments__head h3,
html.memo-theme-preload-dark .memo-task-comments__head h3 {
    color: var(--memo-light-text-color);
}

.memo-task-comments__head span {
    min-width: 22px;
    padding: 0.15rem 0.4rem;
    border-radius: 999px;
    color: #744832;
    background: #fff;
    text-align: center;
    font-size: 0.75rem;
}

body.memo-page-theme-dark .memo-task-comments__head span,
html.memo-theme-preload-dark .memo-task-comments__head span {
    color: var(--memo-light-text-color);
    background: var(--memo-light-bg-color-soft);
}

.memo-task-comments__list {
    display: grid;
    align-content: start;
    gap: 0.5rem;
    max-height: 180px;
    overflow: auto;
}

.memo-task-comments__list article {
    padding: 0.6rem 0.7rem;
    border: 1px solid rgba(84, 65, 52, 0.1);
    border-radius: 9px;
    background: #fff;
}

body.memo-page-theme-dark .memo-task-comments__list article,
html.memo-theme-preload-dark .memo-task-comments__list article {
    border-color: var(--memo-light-border-color-soft);
    background: var(--memo-light-bg-color-soft);
}

.memo-task-comments__list article header {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.memo-task-comments__list strong,
.memo-task-comments__list time {
    font-size: 0.75rem;
}

.memo-task-comments__list time {
    color: #876b5d;
}

.memo-task-comments__list p,
.memo-task-comments__empty {
    margin: 0.35rem 0 0;
    color: #6f584b;
    font-size: 0.8rem;
    white-space: pre-wrap;
}

body.memo-page-theme-dark .memo-task-comments__list p,
body.memo-page-theme-dark .memo-task-comments__empty,
html.memo-theme-preload-dark .memo-task-comments__list p,
html.memo-theme-preload-dark .memo-task-comments__empty {
    color: color-mix(in srgb, var(--memo-light-text-color) 68%, transparent);
}

.memo-task-comments__item--system {
    border-color: color-mix(in srgb, var(--memo-accent-color) 34%, rgba(84, 65, 52, 0.1));
    background: color-mix(in srgb, var(--memo-accent-color) 8%, #fff);
    box-shadow: inset 3px 0 0 var(--memo-accent-color);
}

.memo-task-comments__item--system header {
    margin-bottom: 0.4rem;
}

.memo-task-comments__system-badge {
    padding: 0.08rem 0.35rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--memo-accent-color) 18%, transparent);
    color: color-mix(in srgb, var(--memo-accent-color) 82%, #5b3a23);
    font-size: 0.66rem;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
}

.memo-task-comments__system-body {
    display: grid;
    gap: 0.3rem;
}

.memo-task-comments__system-body p {
    margin: 0;
}

.memo-task-comments__change {
    display: grid;
    grid-template-columns: minmax(5.5rem, auto) 1fr;
    gap: 0.45rem;
    align-items: baseline;
    color: #6f584b;
    font-size: 0.8rem;
}

.memo-task-comments__change-field {
    color: #4f4038;
    font-weight: 700;
}

.memo-task-comments__change-values {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
}

.memo-task-comments__change-values span {
    min-width: 0;
    overflow-wrap: anywhere;
}

.memo-task-comments__change-values i {
    color: var(--memo-accent-color);
    font-style: normal;
    font-weight: 800;
}

body.memo-page-theme-dark .memo-task-comments__item--system,
html.memo-theme-preload-dark .memo-task-comments__item--system {
    border-color: color-mix(in srgb, var(--memo-accent-color) 38%, var(--memo-light-border-color-soft));
    background: color-mix(in srgb, var(--memo-accent-color) 10%, var(--memo-light-bg-color-soft));
}

body.memo-page-theme-dark .memo-task-comments__system-badge,
html.memo-theme-preload-dark .memo-task-comments__system-badge {
    background: color-mix(in srgb, var(--memo-accent-color) 24%, transparent);
    color: color-mix(in srgb, var(--memo-accent-color) 82%, var(--memo-light-text-color));
}

body.memo-page-theme-dark .memo-task-comments__change,
html.memo-theme-preload-dark .memo-task-comments__change {
    color: color-mix(in srgb, var(--memo-light-text-color) 72%, transparent);
}

body.memo-page-theme-dark .memo-task-comments__change-field,
html.memo-theme-preload-dark .memo-task-comments__change-field {
    color: var(--memo-light-text-color);
}

.memo-task-comments__form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.5rem;
    margin-top: 0.7rem;
}

@media (max-width: 640px) {
    .memo-task-detail-dialog {
        align-items: stretch;
        padding: 0;
    }

    .memo-task-detail-dialog__panel {
        max-height: none;
        border-radius: 0;
    }

    .memo-task-detail-dialog__grid,
    .memo-task-comments__form {
        grid-template-columns: 1fr;
    }
}
.memo-page-topbar-search {
    position: relative;
    z-index: 20;
}

.memo-global-search-results {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    max-height: min(520px, calc(100vh - 100px));
    overflow-y: auto;
    padding: 0.45rem;
    border: 1px solid var(--memo-sidebar-line);
    border-radius: 0.75rem;
    background: var(--memo-sidebar-bg, #fff);
    box-shadow: 0 16px 38px rgba(12, 18, 24, 0.2);
}

.memo-global-search-result {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
    padding: 0.65rem;
    border-radius: 0.55rem;
    color: var(--memo-sidebar-text);
    text-decoration: none;
}

.memo-global-search-result:hover,
.memo-global-search-result:focus-visible {
    background: var(--memo-sidebar-bg-soft);
    outline: 0;
}

.memo-global-search-result__icon {
    display: inline-flex;
    flex: 0 0 32px;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 0.55rem;
    background: var(--memo-sidebar-accent-soft);
    color: var(--memo-sidebar-accent);
}

.memo-global-search-result__body {
    display: grid;
    flex: 1 1 auto;
    min-width: 0;
    gap: 0.12rem;
}

.memo-global-search-result__body strong,
.memo-global-search-result__body small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.memo-global-search-result__body strong {
    color: var(--memo-sidebar-text);
    font-size: 0.86rem;
    font-weight: 600;
}

.memo-global-search-result__body small,
.memo-global-search-result__type {
    color: var(--memo-sidebar-muted);
    font-size: 0.72rem;
}

.memo-global-search-result__type {
    flex: 0 0 auto;
    padding: 0.2rem 0.4rem;
    border-radius: 999px;
    background: var(--memo-sidebar-bg-soft);
}

.memo-global-search-message {
    padding: 1rem 0.75rem;
    color: var(--memo-sidebar-muted);
    font-size: 0.82rem;
    text-align: center;
}

.memo-global-search-message.is-loading::before {
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    margin-right: 0.45rem;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    content: '';
    vertical-align: -0.12rem;
    animation: memo-global-search-spin 0.7s linear infinite;
}

.memo-global-search-message.is-error {
    color: #d92d20;
}

@keyframes memo-global-search-spin {
    to { transform: rotate(360deg); }
}

@media (max-width: 760px) {
    .memo-global-search-results {
        position: fixed;
        top: calc(var(--memo-topbar-height, 58px) + 8px);
        right: 0.8rem;
        left: 0.8rem;
        width: auto;
    }

    .memo-global-search-result__type {
        display: none;
    }
}

/* Task details use the available desktop width for the form and comments. */
.memo-task-detail-dialog__panel {
    grid-template-rows: auto minmax(0, 1fr);
    width: min(1120px, 100%);
}

.memo-task-detail-dialog__body {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.85fr);
    min-height: 0;
    overflow: hidden;
}

.memo-task-detail-dialog__form {
    min-width: 0;
}

.memo-task-detail-dialog__audit {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    margin: 0 0 0.85rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid rgba(84, 65, 52, 0.12);
    border-radius: 10px;
    background: rgba(255, 239, 231, 0.7);
}

.memo-task-detail-dialog__audit > div {
    display: grid;
    min-width: 0;
    gap: 0.12rem;
}

.memo-task-detail-dialog__audit span,
.memo-task-detail-dialog__audit time {
    color: #876b5d;
    font-size: 0.72rem;
}

.memo-task-detail-dialog__audit strong {
    overflow: hidden;
    color: #392419;
    font-size: 0.82rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.memo-task-comments {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    min-width: 0;
    border-top: 0;
    border-left: 1px solid rgba(84, 65, 52, 0.12);
    overflow: hidden;
}

.memo-task-comments__list {
    max-height: none;
    min-height: 0;
}

body.memo-page-theme-dark .memo-task-detail-dialog__audit,
html.memo-theme-preload-dark .memo-task-detail-dialog__audit {
    border-color: var(--memo-light-border-color-soft);
    background: var(--memo-light-bg-color-soft);
}

body.memo-page-theme-dark .memo-task-detail-dialog__audit span,
body.memo-page-theme-dark .memo-task-detail-dialog__audit time,
html.memo-theme-preload-dark .memo-task-detail-dialog__audit span,
html.memo-theme-preload-dark .memo-task-detail-dialog__audit time {
    color: color-mix(in srgb, var(--memo-light-text-color) 68%, transparent);
}

body.memo-page-theme-dark .memo-task-detail-dialog__audit strong,
html.memo-theme-preload-dark .memo-task-detail-dialog__audit strong {
    color: var(--memo-light-text-color);
}

body.memo-page-theme-dark .memo-task-comments,
html.memo-theme-preload-dark .memo-task-comments {
    border-left-color: var(--memo-light-border-color-soft);
}

@media (max-width: 900px) {
    .memo-task-detail-dialog__body {
        display: block;
        overflow-y: auto;
        overscroll-behavior-y: contain;
    }

    .memo-task-detail-dialog__form {
        overflow: visible;
    }

    .memo-task-comments {
        display: block;
        overflow: visible;
        border-top: 1px solid rgba(84, 65, 52, 0.12);
        border-left: 0;
    }

    .memo-task-comments__list {
        max-height: none;
        overflow: visible;
    }

    body.memo-page-theme-dark .memo-task-comments,
    html.memo-theme-preload-dark .memo-task-comments {
        border-top-color: var(--memo-light-border-color-soft);
    }
}

@media (max-width: 560px) {
    .memo-task-detail-dialog__audit {
        grid-template-columns: 1fr;
    }
}