/*
 * Airsoft ONE theme for ShaunSocial
 * Completed Light + Dark palette
 * Primary: #168FE5
 * Source: custom_2.css
 */
html:not(.dark) .bg-body{
            background-color: #F5F7FA;
        }html:not(.dark) .border-divider{
            border-color: #D7E0E8;
        }html:not(.dark) .text-main-color{
            color: #101820;
        }html:not(.dark) .text-sub-color{
            color: #667788;
        }html:not(.dark) a, html:not(.dark)  button.text-primary-color, html:not(.dark)  a.text-primary-color{
            color: #168FE5;
        }html:not(.dark) a:hover, html:not(.dark)  button.text-primary-color:hover{
            color: #168FE5;
        }html:not(.dark) .bg-main-bg{
            background-color: #F4F7FA;
        }html:not(.dark) .widget-box{
            background-color: #ffffff;
        }html:not(.dark) .widget-box{
            border-color: #ffffff;
        }html:not(.dark) .widget-box-header .widget-box-header-title{
            color: #101820;
        }html:not(.dark) .widget-box-header a, html:not(.dark)  .widget-box-header a:hover{
            color: #168FE5;
        }html:not(.dark) .widget-box{
            color: #101820;
        }html:not(.dark) .main-header{
            background-color: #F5F7FA;
        }html:not(.dark) body.documentScrolling .main-header{
            border-color: #F0F3F6;
        }html:not(.dark) .header-icons-list .header-icons-list-item {
            color: #101820;
        }html:not(.dark) .header-icons-badge{
            background-color: #E5484D;
        }html:not(.dark) .header-icons-badge{
            color: #ffffff;
        }html:not(.dark) .main-footer-menu{
            color: #667788;
        }html:not(.dark) .main-footer-menu{
            border-color: #D7E0E8;
        }html:not(.dark) .main-footer-menu a, html:not(.dark)  .main-footer-menu button{
            color: #168FE5;
        }html:not(.dark) .main-footer-menu a:hover, html:not(.dark)  .main-footer-menu button:hover{
            color: #168FE5;
        }html:not(.dark) .main-footer-menu-list li a{
            color: #667788;
        }html:not(.dark) .main-footer-menu-list li a:hover{
            color: #667788;
        }html:not(.dark) .main-content-section {
            background-color: #ffffff;
        }html:not(.dark) .main-content-section {
            border-color: #ffffff;
        }html:not(.dark) .main-content-menu {
            border-color: #D7E0E8;
        }html:not(.dark) .chat-rooms-list{
            border-color: #D7E0E8;
        }html:not(.dark) .main-content-menu{
            background-color: transparent;
        }html:not(.dark) .main-content-menu-item, html:not(.dark)  .main-content-menu-item:hover{
            color: #101820;
        }html:not(.dark) .main-content-menu-item .main-content-menu-item-wrap{
            border-color: transparent;
        }html:not(.dark) .main-content-menu-item.router-link-exact-active{
            color: #168FE5;
        }html:not(.dark) .main-content-menu-item.active{
            color: #168FE5;
        }html:not(.dark) .main-content-menu-item.router-link-exact-active .main-content-menu-item-wrap{
            border-color: #168FE5;
        }html:not(.dark) .main-content-menu-item.active .main-content-menu-item-wrap{
            border-color: #168FE5;
        }html:not(.dark) .list_items_title_text_color{
            color: #101820;
        }html:not(.dark) .list_items_sub_text_color{
            color: #667788;
        }html:not(.dark) button.list_items_button{
            color: #168FE5;
        }html:not(.dark) button.list_items_button:hover{
            color: #168FE5;
        }html:not(.dark) .boxes-list .boxes-list-item{
            background-color: transparent;
        }html:not(.dark) .boxes-list .boxes-list-item{
            border-color: #CBD5DF;
        }html:not(.dark) .boxes-list .boxes-list-item{
            color: #667788;
        }html:not(.dark) .grid-item{
            background-color: #ffffff;
        }html:not(.dark) .grid-item{
            border-color: #D7E0E8;
        }html:not(.dark) .grid-item .grid-item-title{
            color: #101820;
        }html:not(.dark) .grid-item .grid-item-sub{
            color: #667788;
        }html:not(.dark) .emoji-picker{
            color: #101820;
        }html:not(.dark) .emoji-picker-box {
            background-color: #ffffff;
        }html:not(.dark) .emoji-picker-box-title {
            color: #91A1B2;
        }html:not(.dark) .header-mobile{
            background-color: #ffffff;
        }html:not(.dark) .header-mobile-icon{
            color: #101820;
        }html:not(.dark) .footer-mobile{
            background-color: #ffffff;
        }html:not(.dark) .footer-mobile .footer-mobile-item a, html:not(.dark)  .footer-mobile .footer-mobile-item button{
            color: #101820;
        }html:not(.dark) .footer-mobile .footer-mobile-item a.router-link-exact-active, html:not(.dark)  .footer-mobile .footer-mobile-item button.router-link-exact-active{
            color: #168FE5;
        }html:not(.dark) .create-post-btn-mobile{
            color: #E5484D;
        }html:not(.dark) .footer-icons-badge{
            background-color: #E5484D;
        }html:not(.dark) .footer-icons-badge{
            color: #ffffff;
        }html:not(.dark) .p-dialog{
            background-color: #ffffff;
        }html:not(.dark) .p-dialog{
            color: #101820;
        }html:not(.dark) .p-dialog .p-dialog-header .p-button-text.p-button-secondary{
            color: #101820;
        }html:not(.dark) .p-dialog .p-dialog-header .p-button-text.p-button-secondary:not(:disabled):hover{
            background: #F4F7FA;
        }html:not(.dark) .header-profile{
            background-color: #ffffff;
        }html:not(.dark) .header-profile-name{
            color: #101820;
        }html:not(.dark) .header-profile-username{
            color: #667788;
        }html:not(.dark) .header-profile-count{
            color: #101820;
        }html:not(.dark) .global-search-header .global-search-header-input input{
            background-color: #ffffff;
        }html:not(.dark) .global-search-header .global-search-header-input input{
            border-color: #D7E0E8;
        }html:not(.dark) .global-search-header .global-search-header-input .p-inputtext-icon{
            color: #667788;
        }html:not(.dark) .global-search-header .global-search-header-input input{
            color: #101820;
        }html:not(.dark) .global-search-header .global-search-header-input input::placeholder{
            color: #667788;
        }html:not(.dark) .global-search-suggestion-box{
            background-color: #ffffff;
        }html:not(.dark) .global-search-suggestion-box .global-search-suggestion-box-icon{
            color: #101820;
        }html:not(.dark) .global-search-suggestion-box .global-search-suggestion-box-text{
            color: #101820;
        }html:not(.dark) .global-search-suggestion-box .global-search-suggestion-box-title{
            color: #101820;
        }html:not(.dark) .global-search-suggestion-box .global-search-suggestion-box-sub{
            color: #667788;
        }html:not(.dark) .create-story-box{
            background-color: #ffffff;
        }html:not(.dark) .create-story-box{
            border-color: #D7E0E8;
        }html:not(.dark) .create-story-btn{
            background-color: #168FE5;
        }html:not(.dark) .create-story-box .create-story-box-bottom{
            color: #101820;
        }html:not(.dark) .story-progress-bar{
            background-color: #168FE5;
        }html:not(.dark) .story-remaining-bar{
            background-color: #D7E0E8;
        }html:not(.dark) .story-name{
                color: #ffffff;
            }html:not(.dark) .stories-list-scroll .stories-list-scroll-name{
                color: #ffffff;
            }html:not(.dark) .story-date{
            color: #ffffff;
        }html:not(.dark) .story-icon{
            color: #ffffff;
        }html:not(.dark) .story-viewers{
            color: #ffffff;
            border-color: #ffffff;
        }html:not(.dark) .dropdown-menu-box-notification{
            background-color: #ffffff;
        }html:not(.dark) .notification-item{
            background-color: #ffffff;
        }html:not(.dark) .notification-item .notification-item-name{
            color: #101820;
        }html:not(.dark) .notification-item .notification-item-message{
            color: #101820;
        }html:not(.dark) .notification-item .notification-item-date{
            color: #667788;
        }html:not(.dark) .notification-item-active{
            background-color: #ffffff;
        }html:not(.dark) .notification-item-active .notification-item-name{
            color: #101820;
        }html:not(.dark) .notification-item-active .notification-item-message{
            color: #101820;
        }html:not(.dark) .notification-item-active .notification-item-date{
            color: #168FE5;
        }html:not(.dark) .notification-item-active .notification-item-dot{
            background-color: #168FE5;
        }html:not(.dark) .notification-view-all, html:not(.dark)  .notification-view-all:hover{
            color: #168FE5;
        }html:not(.dark) .post-status-box{
                background-color: #ffffff;
            }html:not(.dark) .status-box-main{
                background-color: #ffffff;
            }html:not(.dark) .post-status-box{
                border-color: #ffffff;
            }html:not(.dark) .status-box-main{
                border-color: #ffffff;
            }html:not(.dark) .post-status-modal.p-dialog .p-dialog-content .post-status-close-icon{
            color: #101820;
        }html:not(.dark) .post-status-modal.p-dialog .p-dialog-content .status-box-main .status-box-header{
            color: #101820;
        }html:not(.dark) .post-status-modal.p-dialog .p-dialog-content .status-box-main .status-box-message-input textarea{
            color: #101820;
        }html:not(.dark) .post-status-modal.p-dialog .p-dialog-content .status-box-main .status-box-message-input textarea::placeholder{
                color: #667788;
            }html:not(.dark) .post-status-box .post-status-box-placeholder{
                color: #667788;
            }html:not(.dark) .add-images-icon{
            background-color: #ffffff;
        }html:not(.dark) .add-images-icon{
            border-color: #D7E0E8;
        }html:not(.dark) .add-images-icon{
            color: #101820;
        }html:not(.dark) .privacy-button{
            background-color: #D7E0E8;
        }html:not(.dark) .privacy-button{
            color: #101820;
        }html:not(.dark) .post-status-modal.p-dialog .p-dialog-content .status-box-action{
            background-color: #ffffff;
        }html:not(.dark) .post-status-modal.p-dialog .p-dialog-content .status-box-action{
                border-color: #D7E0E8;
            }html:not(.dark) .post-status-box .status-box-action{
                border-color: #D7E0E8;
            }html:not(.dark) .post-status-modal.p-dialog .p-dialog-content .status-box-action .status-box-action-list-item{
                color: #101820;
            }html:not(.dark) .post-status-modal.p-dialog .p-dialog-content .status-box-action .status-box-action-list-item .emoji-picker{
                color: #101820;
            }html:not(.dark) .post-status-box .status-box-action .status-box-action-button{
            background-color: #F0F3F6;
        }html:not(.dark) .post-status-box .status-box-action .status-box-action-button{
            color: #101820;
        }html:not(.dark) .post-status-box .status-box-action .status-box-action-button .status-box-action-button-icon{
            color: #101820;
        }html:not(.dark) .loading-icon{
            color: #168FE5;
        }html:not(.dark) .bg-table-header-color{
            background-color: #D7E0E8;
        }html:not(.dark) .bg-table-header-color{
            color: #101820;
        }html:not(.dark) table.s-table tbody tr td{
            background-color: #ffffff;
        }html:not(.dark) .border-table-border-color{
             border-color: #D7E0E8;
         }html:not(.dark) table.s-table tbody tr td{
            color: #101820;
        }html:not(.dark) .p-dialog.dropdown-menu-modal{
            background-color: #ffffff;
        }html:not(.dark) .options-menu-modal-border{
            border-color: #F0F3F6;
        }html:not(.dark) .options-menu-modal-text{
            color: #E5484D;
        }html:not(.dark) .options-menu-modal-sub-text{
            color: #101820;
        }html:not(.dark) .dropdown-menu-box, html:not(.dark)  .p-popover.dropdown-menu-box{
            background-color: #ffffff;
        }html:not(.dark) .p-popover.dropdown-menu-box:after{
            border-bottom-color: #ffffff;
        }html:not(.dark) .dropdown-menu-box, html:not(.dark)  .p-popover.dropdown-menu-box{
            border-color: #D7E0E8;
        }html:not(.dark) .p-popover.dropdown-menu-box:before{
            border-bottom-color: #D7E0E8;
        }html:not(.dark) .dropdown-menu-box li, html:not(.dark)  .p-popover.dropdown-menu-box li{
            color: #101820;
        }html:not(.dark) .dropdown-menu-box ul li:hover, html:not(.dark)  .p-popover.dropdown-menu-box ul li:hover{
            background-color: #F0F3F6;
        }html:not(.dark) .dropdown-menu-box ul li:hover, html:not(.dark)  .p-popover.dropdown-menu-box ul li:hover{
            color: #101820;
        }html:not(.dark) .dropdown-menu-box ul li.active, html:not(.dark)  .p-popover.dropdown-menu-box ul li.active{
            background-color: transparent;
        }html:not(.dark) .dropdown-menu-box ul li.active, html:not(.dark)  .p-popover.dropdown-menu-box ul li.active{
            color: #168FE5;
        }html:not(.dark) .tabs-list .tabs-list-item{
            background-color: #D7E0E8;
        }html:not(.dark) .tabs-list .tabs-list-item{
            color: #101820;
        }html:not(.dark) .tabs-list .tabs-list-item.active{
            background-color: #168FE5;
        }html:not(.dark) .tabs-list .tabs-list-item.active{
            color: #ffffff;
        }html:not(.dark) .p-popover{
            background: #ffffff;
        }html:not(.dark) .p-popover:after{
            border-bottom-color: #ffffff;
        }html:not(.dark) .p-popover{
            border-color: #D7E0E8;
        }html:not(.dark) .p-popover:before{
            border-bottom-color: #D7E0E8;
        }html:not(.dark) .p-popover{
            color: #101820;
        }html:not(.dark) .p-progressbar{
            background: #D7E0E8;
        }html:not(.dark) .p-progressbar-value{
            background: #168FE5;
        }html:not(.dark) .p-progressbar-label{
             color: #ffffff;
         }html:not(.dark) .sidebar-user-menu, html:not(.dark)  .bg-sidebar{
            background-color: #ffffff;
        }html:not(.dark) .sidebar-user-menu-box{
            background-color: #F8FAFC;
        }html:not(.dark) .sidebar-user-menu-box{
            border-color: #F0F3F6;
        }html:not(.dark) .sidebar-user-menu-name{
            color: #101820;
        }html:not(.dark) .sidebar-user-menu-sub-text, html:not(.dark)  a.sidebar-user-menu-sub-text:hover{
            color: #667788;
        }html:not(.dark) .sidebar-user-menu-link{
            color: #168FE5;
        }html:not(.dark) .sidebar-user-menu-icon{
            color: #101820;
        }html:not(.dark) .sidebar-user-menu .sidebar-user-menu-title{
            color: #667788;
        }html:not(.dark) ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap, html:not(.dark) 
        ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap{
            background-color: #ffffff;
        }html:not(.dark) ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap, html:not(.dark) 
        ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap{
            color: #101820;
        }html:not(.dark) ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap .sidebar-main-menu-item-icon, html:not(.dark) 
        ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap .sidebar-main-menu-item-icon{
            background-color: #101820;
        }html:not(.dark) ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap .sidebar-main-menu-item-icon-more, html:not(.dark) 
        ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap .sidebar-main-menu-item-icon-more{
            color: #101820;
        }html:not(.dark) ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap:hover, html:not(.dark) 
        ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap:hover{
            background-color: #ffffff;
        }html:not(.dark) ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap:hover, html:not(.dark)  
        ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap:hover .sidebar-main-menu-item-icon-more, html:not(.dark) 
        ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap:hover, html:not(.dark)  
        ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap:hover .sidebar-main-menu-item-icon-more{
            color: #168FE5;
        }html:not(.dark) .sidebar-user-menu ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap:hover .sidebar-main-menu-item-icon, html:not(.dark) 
        .sidebar-user-menu ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap:hover .sidebar-main-menu-item-icon {
            background-color: #168FE5;
        }html:not(.dark) .sidebar-user-menu ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap:hover .sidebar-main-menu-item-icon-more, html:not(.dark) 
        .sidebar-user-menu ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap:hover .sidebar-main-menu-item-icon-more{
            color: #168FE5;
        }html:not(.dark) .sidebar-user-menu ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap.router-link-exact-active, html:not(.dark) 
        .sidebar-user-menu ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap.router-link-exact-active {
            background-color: #E8F4FD;
        }html:not(.dark) .sidebar-user-menu ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap.router-link-exact-active, html:not(.dark) 
        .sidebar-user-menu ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap.router-link-exact-active{
            color: #168FE5;
        }html:not(.dark) .sidebar-user-menu ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap.router-link-exact-active .sidebar-main-menu-item-icon, html:not(.dark) 
        .sidebar-user-menu ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap.router-link-exact-active .sidebar-main-menu-item-icon {
            background-color: #168FE5;
        }html:not(.dark) .sidebar-user-menu ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap.router-link-exact-active .sidebar-main-menu-item-icon-more, html:not(.dark) 
        .sidebar-user-menu ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap.router-link-exact-active .sidebar-main-menu-item-icon-more {
            color: #168FE5;
        }html:not(.dark) .comment-item-username{
            color: #101820;
        }html:not(.dark) .comment-item-content{
            color: #101820;
        }html:not(.dark) .comment-item-date, html:not(.dark)  .comment-item-date a{
            color: #667788;
        }html:not(.dark) .comment-item-like{
            color: #101820;
        }html:not(.dark) .comment-item-like.is-liked{
            color: #E5484D;
        }html:not(.dark) .comment-item-view_all{
            color: #667788;
        }html:not(.dark) .reply-item-username{
            color: #101820;
        }html:not(.dark) .reply-item-content{
            color: #101820;
        }html:not(.dark) .reply-item-date, html:not(.dark)  .reply-item-date a{
            color: #667788;
        }html:not(.dark) .reply-item-like{
            color: #101820;
        }html:not(.dark) .reply-item-like.is-liked{
            color: #E5484D;
        }html:not(.dark) .reply-status-item{
            background-color: #D7E0E8;
        }html:not(.dark) .reply-status-item{
            color: #101820;
        }html:not(.dark) .reply-status-item-icon{
            color: #101820;
        }html:not(.dark) .feed-item, html:not(.dark)  
        .comment-form-wrapper, html:not(.dark)  
        .p-dialog.post-detail-modal, html:not(.dark)  
        .post-header-back{
            background-color: #ffffff;
        }html:not(.dark) .feed-item{
            border-color: #ffffff;
        }html:not(.dark) .feed-item-header-info-title{
                color: #101820;
            }html:not(.dark) .feed-share-content .activity_feed_header a{
                color: #101820;
            }html:not(.dark) .feed-item-header-info-date{
            color: #667788;
        }html:not(.dark) .feed-item-dropdown{
            color: #667788;
        }html:not(.dark) .feed-item-content{
            color: #101820;
        }html:not(.dark) .feed-polls-list .feed-polls-list-item{
            background-color: #D7E0E8;
        }html:not(.dark) .feed-polls-list .feed-polls-list-item{
            color: #101820;
        }html:not(.dark) .feed-polls-list .feed-polls-list-item-selected{
            background-color: #168FE5;
        }html:not(.dark) .feed-polls-list .feed-polls-list-item.is_voted{
            color: #101820;
        }html:not(.dark) .feed-polls .feed-polls-sub-text{
            color: #667788;
        }html:not(.dark) .feed-share-content{
            background-color: #F0F3F6;
        }html:not(.dark) .feed-item .activity_content_photos_list .vueperslides__bullets .vueperslides__bullet .default{
            background-color: #D7E0E8;
            border-color: #D7E0E8;
        }html:not(.dark) .feed-item .activity_content_photos_list .vueperslides__bullets .vueperslides__bullet--active .default{
            background-color: #168FE5;
            border-color: #168FE5;
        }html:not(.dark) .feed-item-like{
                color: #101820;
            }html:not(.dark) .feed-item-like-text{
                color: #101820;
            }html:not(.dark) .feed-main-action{
            border-color: #D7E0E8;
        }html:not(.dark) .feed-main-action .feed-main-action-item{
            color: #101820;
        }html:not(.dark) .feed-main-action .feed-main-action-item.feed-main-action-like.is-liked{
            color: #E5484D;
        }html:not(.dark) .feed-main-action .feed-main-action-item.feed-main-action-bookmark.is-bookmarked{
            color: #168FE5;
        }html:not(.dark) .comment-form-wrapper{
            border-color: #D7E0E8;
        }html:not(.dark) .comment-form{
            background-color: #F0F3F6;
        }html:not(.dark) .feed-comment-info-comment-holder textarea::placeholder{
            color: #667788;
        }html:not(.dark) .feed-comment-info-comment-holder textarea{
            color: #101820;
        }html:not(.dark) .comment-form .comment-form-action .comment-form-action-item .base-icon{
            color: #101820;
        }html:not(.dark) button.feed-comment-info-comment-holder-btn{
            color: #168FE5;
        }html:not(.dark) button.feed-comment-info-comment-holder-btn:hover{
            color: #168FE5;
        }html:not(.dark) .post-notifications{
            background-color: #168FE5;
        }html:not(.dark) .post-notifications{
            color: #ffffff;
        }html:not(.dark) .btn-primary, html:not(.dark)  
        .p-dialog .p-dialog-footer button.p-button.p-confirmdialog-accept-button{
            background-color: #168FE5;
        }html:not(.dark) .btn-primary, html:not(.dark)  
        .p-dialog .p-dialog-footer button.p-button.p-confirmdialog-accept-button{
            border-color: #168FE5;
        }html:not(.dark) .btn-primary, html:not(.dark) 
        .btn-primary:hover, html:not(.dark) 
        .p-dialog .p-dialog-footer button.p-button.p-confirmdialog-accept-button, html:not(.dark) 
        .p-dialog .p-dialog-footer button.p-button.p-confirmdialog-accept-button:hover{
            color: #ffffff;
        }html:not(.dark) .btn-secondary{
            background-color: #91A1B2;
        }html:not(.dark) .btn-secondary{
            border-color: #91A1B2;
        }html:not(.dark) .btn-secondary{
            color: #ffffff;
        }html:not(.dark) .btn-outlined, html:not(.dark)  
        .p-dialog .p-dialog-footer button.p-button.p-confirmdialog-reject-button{
            background-color: transparent;
        }html:not(.dark) .btn-outlined, html:not(.dark)  
        .p-dialog .p-dialog-footer button.p-button.p-confirmdialog-reject-button{
            border-color: #168FE5;
        }html:not(.dark) .btn-outlined, html:not(.dark) 
        .btn-outlined:hover, html:not(.dark) 
        .p-dialog .p-dialog-footer button.p-button.p-confirmdialog-reject-button, html:not(.dark) 
        .p-dialog .p-dialog-footer button.p-button.p-confirmdialog-reject-button:hover{
            color: #168FE5;
        }html:not(.dark) .btn-secondary-outlined{
            background-color: transparent;
        }html:not(.dark) .btn-secondary-outlined{
            border-color: #CBD5DF;
        }html:not(.dark) .btn-secondary-outlined, html:not(.dark)  .btn-secondary-outlined:hover{
            color: #101820;
        }html:not(.dark) .btn-transparent{
            background-color: transparent;
        }html:not(.dark) .btn-transparent{
            border-color: transparent;
        }html:not(.dark) .btn-transparent, html:not(.dark)  .btn-danger:hover{
            color: #168FE5;
        }html:not(.dark) .btn-danger{
            background-color: #E5484D;
        }html:not(.dark) .btn-danger{
            border-color: #E5484D;
        }html:not(.dark) .btn-danger, html:not(.dark)  .btn-danger:hover{
            color: #ffffff;
        }html:not(.dark) .btn-danger-outlined{
            background-color: transparent;
        }html:not(.dark) .btn-danger-outlined{
            border-color: #E5484D;
        }html:not(.dark) .btn-danger-outlined, html:not(.dark)  .btn-danger-outlined:hover{
            color: #E5484D;
        }html:not(.dark) .btn-warning{
            background-color: #F59E0B;
        }html:not(.dark) .btn-warning{
            border-color: #F59E0B;
        }html:not(.dark) .btn-warning, html:not(.dark)  .btn-warning:hover{
            color: #ffffff;
        }html:not(.dark) .btn-success{
            background-color: #22C55E;
        }html:not(.dark) .btn-success{
            border-color: #22C55E;
        }html:not(.dark) .btn-success, html:not(.dark)  .btn-success:hover{
            color: #ffffff;
        }html:not(.dark) .btn-info{
            background-color: #38BDF8;
        }html:not(.dark) .btn-info{
            border-color: #38BDF8;
        }html:not(.dark) .btn-info, html:not(.dark)  .btn-info:hover{
            color: #ffffff;
        }html:not(.dark) .p-inputtext, html:not(.dark)  .bg-input-background-color, html:not(.dark)  .base-input-tel .vue-tel-input, html:not(.dark)  .p-textarea, html:not(.dark)  .p-datepicker-panel, html:not(.dark)  .p-datepicker-header, html:not(.dark)  .p-autocomplete-input-multiple{
            background-color: #ffffff;
        }html:not(.dark) .p-inputtext, html:not(.dark)  
        .border-input-border-color, html:not(.dark)  
        .base-input-tel .vue-tel-input, html:not(.dark)  
        .p-textarea, html:not(.dark)  
        .p-datepicker-panel, html:not(.dark)  
        .p-autocomplete-input-multiple{
            border-color: #D7E0E8;
        }html:not(.dark) .p-inputtext, html:not(.dark)  
        .text-input-text-color, html:not(.dark)  
        .base-input-tel .vue-tel-input .vti__input, html:not(.dark)  .p-textarea, html:not(.dark)  
        .p-datepicker-panel, html:not(.dark)  .p-datepicker-header, html:not(.dark)  .p-datepicker-select-month, html:not(.dark)  .p-datepicker-weekday, html:not(.dark)  .p-datepicker-select-year, html:not(.dark)  .p-datepicker-day, html:not(.dark) 
        .p-autocomplete-input-multiple{
            color: #101820;
        }html:not(.dark) .p-inputtext-icon, html:not(.dark)  
        .text-input-icon-color, html:not(.dark)  
        .base-input-tel .vue-tel-input .vti__dropdown-arrow, html:not(.dark)  
        .p-select-dropdown, html:not(.dark)  
        .p-datepicker-header .p-button-text.p-button-secondary, html:not(.dark) 
        .p-multiselect-dropdown, html:not(.dark) 
        .p-treeselect-dropdown{
            color: #667788;
        }html:not(.dark) .p-inputtext::placeholder, html:not(.dark)  .base-input-tel .vue-tel-input .vti__input::placeholder, html:not(.dark)  .p-textarea::placeholder{
            color: #667788;
        }html:not(.dark) .p-select, html:not(.dark)  
        .p-select-overlay, html:not(.dark)  
        .p-multiselect, html:not(.dark)  
        .p-multiselect-overlay, html:not(.dark) 
        .p-treeselect, html:not(.dark) 
        .p-tree{
            background-color: #ffffff;
        }html:not(.dark) .p-select, html:not(.dark) 
        .p-select:not(.p-disabled):hover, html:not(.dark) 
        .p-select-overlay, html:not(.dark) 
        .p-multiselect, html:not(.dark) 
        .p-multiselect:not(.p-disabled):hover, html:not(.dark) 
        .p-multiselect-overlay, html:not(.dark) 
        .p-treeselect, html:not(.dark) 
        .p-treeselect:not(.p-disabled):hover{
            border-color: #D7E0E8;
        }html:not(.dark) .p-select-label, html:not(.dark)  
        .p-select-overlay, html:not(.dark)  
        .p-select-option, html:not(.dark)  
        .p-multiselect-label, html:not(.dark)  
        .p-multiselect-option, html:not(.dark)  
        .p-treeselect-label{
            color: #101820;
        }html:not(.dark) .p-select-option:not(.p-select-option-selected):not(.p-disabled).p-focus, html:not(.dark) 
        .p-datepicker-day:not(.p-datepicker-day-selected):not(.p-disabled):hover, html:not(.dark) 
        .p-multiselect-option:not(.p-multiselect-option-selected):not(.p-disabled).p-focus, html:not(.dark) 
        .p-tree-node-content.p-tree-node-selectable:not(.p-tree-node-selected):hover{
            color: #33495C;
        }html:not(.dark) .p-select-option:not(.p-select-option-selected):not(.p-disabled).p-focus, html:not(.dark) 
        .p-datepicker-day:not(.p-datepicker-day-selected):not(.p-disabled):hover, html:not(.dark) 
        .p-multiselect-option:not(.p-multiselect-option-selected):not(.p-disabled).p-focus, html:not(.dark) 
        .p-tree-node-content.p-tree-node-selectable:not(.p-tree-node-selected):hover{
            background-color: #E8F4FD;
        }html:not(.dark) .p-select-option.p-select-option-selected, html:not(.dark) 
        .p-datepicker-day-selected, html:not(.dark) 
        .p-tree-node-content.p-tree-node-selected{
            color: #168FE5;
        }html:not(.dark) .p-select-option.p-select-option-selected, html:not(.dark) 
        .p-datepicker-day-selected, html:not(.dark) 
        .p-tree-node-content.p-tree-node-selected{
            background-color: #E8F4FD;
        }html:not(.dark) .p-toggleswitch-slider, html:not(.dark)  .p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover) .p-toggleswitch-slider{
            background: #CBD5DF;
            border-color: #CBD5DF;
        }html:not(.dark) .p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider, html:not(.dark)  .p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover).p-toggleswitch-checked .p-toggleswitch-slider{
            background: #168FE5;
            border-color: #168FE5;
        }html:not(.dark) .p-radiobutton-box, html:not(.dark)  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box{
            border-color: #D7E0E8;
        }html:not(.dark) .p-radiobutton-checked .p-radiobutton-box, html:not(.dark)  .p-radiobutton-checked:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box{
            background: #168FE5;
            border-color: #168FE5;
        }html:not(.dark) .p-checkbox-box, html:not(.dark)  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box{
            border-color: #D7E0E8;
        }html:not(.dark) .p-checkbox-checked .p-checkbox-box, html:not(.dark)  .p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box{
            background: #168FE5;
            border-color: #168FE5;
        }html:not(.dark) .p-chip{
            background-color: #E8F4FD;
        }html:not(.dark) .p-chip{
            color: #101820;
        }html:not(.dark) .p-chip-remove-icon{
            color: #168FE5;
        }html:not(.dark) .p-inputtext:enabled:focus, html:not(.dark)  
        .p-textarea:enabled:focus, html:not(.dark)  
        .p-select:not(.p-disabled).p-focus, html:not(.dark) 
        .p-treeselect:not(.p-disabled).p-focus{
            border-color: #168FE5;
        }html:not(.dark) .chat-rooms-list .page-title{
            color: #101820;
        }html:not(.dark) .chat-header-wrap{
            color: #168FE5;
        }html:not(.dark) .chat-header-wrap .chat-header-wrap-icon{
            color: #667788;
        }html:not(.dark) .chat-date-time{
            color: #7B8997;
        }html:not(.dark) .room_search_bar{
            background-color: #FFFFFF;
        }html:not(.dark) .room_search_bar{
            border-color: #D7E0E8;
        }html:not(.dark) .room_search_bar::placeholder{
            color: #91A1B2;
        }html:not(.dark) .room_search_bar{
            color: #101820;
        }html:not(.dark) .room_items{
            background-color: #FFFFFF;
        }html:not(.dark) .room_items_title_text{
            color: #101820;
        }html:not(.dark) .room_items_date_text{
            color: #7B8997;
        }html:not(.dark) .room_items_dropdown_icon{
             color: #667788;
         }html:not(.dark) .room_items:hover{
            background-color: #E8F4FD;
        }html:not(.dark) .room_items:hover .room_items_title_text{
            color: #101820;
        }html:not(.dark) .room_items:hover .room_items_date_text{
            color: #667788;
        }html:not(.dark) .room_items.room_items_active{
            background-color: #D9EEFC;
        }html:not(.dark) .room_items.room_items_active .room_items_title_text{
            color: #0B74C4;
        }html:not(.dark) .room_items.room_items_active .room_items_date_text{
            color: #526575;
        }html:not(.dark) .room_items_dot{
            background-color: #168FE5;
        }html:not(.dark) .message-item{
            background-color: #F0F3F6;
        }html:not(.dark) .message-item{
            border-color: #D7E0E8;
        }html:not(.dark) .message-item{
            color: #101820;
        }html:not(.dark) .owner-message-item{
            background-color: #168FE5;
        }html:not(.dark) .owner-message-item{
            border-color: #168FE5;
        }html:not(.dark) .owner-message-item{
            color: #FFFFFF;
        }html:not(.dark) .waiting-request{
            background-color: #E8F4FD;
        }html:not(.dark) .waiting-request{
            border-color: #B7DCF5;
        }html:not(.dark) .waiting-request{
            color: #33495C;
        }html:not(.dark) .accept-request-btn{
            background-color: #168FE5;
        }html:not(.dark) .accept-request-btn{
            border-color: #168FE5;
        }html:not(.dark) .accept-request-btn{
            color: #FFFFFF;
        }html:not(.dark) .decline-request-btn{
            background-color: #E5484D;
        }html:not(.dark) .decline-request-btn{
            border-color: #E5484D;
        }html:not(.dark) .decline-request-btn{
            color: #FFFFFF;
        }html:not(.dark) .chat-form, html:not(.dark)  .chat-form textarea {
            background-color: #FFFFFF;
        }html:not(.dark) .chat-form textarea::placeholder {
            color: #91A1B2;
        }html:not(.dark) .chat-form textarea {
            color: #101820;
        }html:not(.dark) .send-message-btn, html:not(.dark)  .send-message-btn:hover {
            background-color: #168FE5;
            border-color: #168FE5;
        }html:not(.dark) button.scroll-bottom-btn {
            background-color: #168FE5;
        }html:not(.dark) button.scroll-bottom-btn {
            color: #FFFFFF;
        }html:not(.dark) .chat-bubble{
            background-color: #168FE5;
        }html:not(.dark) .chat-bubble{
            color: #FFFFFF;
        }html:not(.dark) .cookies-warning{
            background-color: #E8F4FD;
        }html:not(.dark) .cookies-warning{
            color: #101820;
        }html:not(.dark) .dropdown-menu-box-mention{
            background-color: #FFFFFF;
        }html:not(.dark) .dropdown-menu-box-mention .dropdown-menu-box-mention-title{
            color: #101820;
        }html:not(.dark) .dropdown-menu-box-mention .dropdown-menu-box-mention-sub-title{
            color: #667788;
        }html:not(.dark) .mention-selected{
            background-color: #E8F4FD;
        }html:not(.dark) .fetched-link-close{
            background-color: #168FE5;
        }html:not(.dark) .fetched-link{
            background-color: #168FE5;
        }html:not(.dark) .fetched-link{
            color: #ffffff;
        }html:not(.dark) .video-progress .p-slider .p-slider-range{
            background-color: #168FE5;
        }html:not(.dark) .volume-controls .volume-controls-slider .p-slider .p-slider-range{
            background-color: #168FE5;
        }html:not(.dark) .switch-page-icon{
                background-color: #168FE5;
            }html:not(.dark) .switch-page-icon::after{
                background-color: #168FE5;
            }html:not(.dark) .main-content-menu.vibb-menu .main-content-menu-item{
            color: #ffffff;
        }html:not(.dark) .main-content-menu.vibb-menu .main-content-menu-item.active{
            color: #168FE5;
        }html:not(.dark) .main-content-menu.vibb-menu .main-content-menu-item.active .main-content-menu-item-wrap{
            border-color: #168FE5;
        }html:not(.dark) .vibb-header .base-icon{
            color: #ffffff;
        }html:not(.dark) .vibb-main-action .vibb-main-action-item .vibb-main-action-item-icon{
            background-color: #ffffff;
        }html:not(.dark) .vibb-action-button {
            background-color: #ffffff;
        }html:not(.dark) .vibb-main-action .vibb-main-action-item .vibb-main-action-item-icon{
            color: #101820;
        }html:not(.dark) .vibb-action-button{
            color: #101820;
        }html:not(.dark) .vibb-main-action .vibb-main-action-item .vibb-main-action-item-text{
            color: #ffffff;
        }html:not(.dark) .vibb-main-action .vibb-main-action-item .vibb-main-action-like.is-liked{
            color: #E5484D;
        }html:not(.dark) .vibb-main-action .vibb-main-action-item .vibb-main-action-bookmark.is-bookmarked{
            color: #168FE5;
        }html:not(.dark) .main-content-menu-tab .main-content-menu-tab-item{
            background-color: #ffffff;
        }html:not(.dark) .main-content-menu-tab .main-content-menu-tab-item .base-icon{
            color: #101820;
        }html:not(.dark) .main-content-menu-tab .main-content-menu-tab-item{
            color: #101820;
        }html:not(.dark) .main-content-menu-tab .main-content-menu-tab-item.active{
            background-color: #168FE5;
        }html:not(.dark) .main-content-menu-tab .main-content-menu-tab-item.active .base-icon{
            color: #ffffff;
        }html:not(.dark) .main-content-menu-tab .main-content-menu-tab-item.active{
            color: #ffffff;
        }html:not(.dark) .invites-button{
            background-color: #D7E0E8;
        }html:not(.dark) .invites-button{
            border-color: #CBD5DF;
        }html:not(.dark) .invites-button{
            color: #101820;
        }html:not(.dark) .invites-button .invites-button-icon{
            color: #168FE5;
        }html:not(.dark) .feed-item-header-info-ads-badge{
            background-color: #D7E0E8;
        }html:not(.dark) .feed-item-header-info-ads-badge{
            color: #101820;
        }html:not(.dark) .feed-item-header-info-label-badge{
            background-color: #E8F4FD;
        }html:not(.dark) .feed-item-header-info-label-badge{
            color: #168FE5;
        }html:not(.dark) .feed-item-header-info-pinned-badge{
            background-color: #E8F4FD;
        }html:not(.dark) .feed-item-header-info-pinned-badge{
            color: #101820;
        }html.dark .bg-body{
            background-color: #070C12;
        }html.dark .text-main-color{
            color: #ffffff;
        }html.dark .text-sub-color{
            color: #91A1B2;
        }html.dark a, html.dark  button.text-primary-color, html.dark  a.text-primary-color{
            color: #168FE5;
        }html.dark a:hover, html.dark  button.text-primary-color:hover{
            color: #168FE5;
        }html.dark .bg-main-bg{
            background-color: #18232F;
        }html.dark .widget-box{
            background-color: #121C28;
        }html.dark .widget-box{
            border-color: #263545;
        }html.dark .widget-box-header .widget-box-header-title{
            color: #ffffff;
        }html.dark .widget-box-header a, html.dark  .widget-box-header a:hover{
            color: #168FE5;
        }html.dark .widget-box{
            color: #ffffff;
        }html.dark .main-header{
            background-color: #070C12;
        }html.dark body.documentScrolling .main-header{
            border-color: #121C28;
        }html.dark .header-icons-list .header-icons-list-item {
            color: #ffffff;
        }html.dark .header-icons-badge{
            background-color: #E5484D;
        }html.dark .header-icons-badge{
            color: #ffffff;
        }html.dark .main-footer-menu{
            color: #AAB7C4;
        }html.dark .main-footer-menu a, html.dark  .main-footer-menu button{
            color: #168FE5;
        }html.dark .main-footer-menu a:hover, html.dark  .main-footer-menu button:hover{
            color: #168FE5;
        }html.dark .main-footer-menu-list li a{
            color: #AAB7C4;
        }html.dark .main-footer-menu-list li a:hover{
            color: #AAB7C4;
        }html.dark .main-content-section {
            background-color: #121C28;
        }html.dark .main-content-section {
            border-color: #121C28;
        }html.dark .main-content-menu{
            background-color: transparent;
        }html.dark .main-content-menu-item, html.dark  .main-content-menu-item:hover{
            color: #ffffff;
        }html.dark .main-content-menu-item .main-content-menu-item-wrap{
            border-color: transparent;
        }html.dark .main-content-menu-item.router-link-exact-active{
            color: #168FE5;
        }html.dark .main-content-menu-item.active{
            color: #168FE5;
        }html.dark .main-content-menu-item.router-link-exact-active .main-content-menu-item-wrap{
            border-color: #168FE5;
        }html.dark .main-content-menu-item.active .main-content-menu-item-wrap{
            border-color: #168FE5;
        }html.dark .list_items_title_text_color{
            color: #ffffff;
        }html.dark .list_items_sub_text_color{
            color: #91A1B2;
        }html.dark button.list_items_button{
            color: #168FE5;
        }html.dark button.list_items_button:hover{
            color: #168FE5;
        }html.dark .boxes-list .boxes-list-item{
            background-color: transparent;
        }html.dark .boxes-list .boxes-list-item{
            color: #91A1B2;
        }html.dark .grid-item{
            background-color: #121C28;
        }html.dark .grid-item .grid-item-title{
            color: #ffffff;
        }html.dark .grid-item .grid-item-sub{
            color: #91A1B2;
        }html.dark .emoji-picker{
            color: #ffffff;
        }html.dark .emoji-picker-box {
            background-color: #121C28;
        }html.dark .emoji-picker-box-title {
            color: #91A1B2;
        }html.dark .header-mobile{
            background-color: #121C28;
        }html.dark .header-mobile-icon{
            color: #ffffff;
        }html.dark .footer-mobile{
            background-color: #121C28;
        }html.dark .footer-mobile .footer-mobile-item a, html.dark  .footer-mobile .footer-mobile-item button{
            color: #ffffff;
        }html.dark .footer-mobile .footer-mobile-item a.router-link-exact-active, html.dark  .footer-mobile .footer-mobile-item button.router-link-exact-active{
            color: #168FE5;
        }html.dark .create-post-btn-mobile{
            color: #E5484D;
        }html.dark .footer-icons-badge{
            background-color: #E5484D;
        }html.dark .footer-icons-badge{
            color: #ffffff;
        }html.dark .p-dialog{
            background-color: #121C28;
        }html.dark .p-dialog{
            color: #ffffff;
        }html.dark .p-dialog .p-dialog-header .p-button-text.p-button-secondary{
            color: #ffffff;
        }html.dark .p-dialog .p-dialog-header .p-button-text.p-button-secondary:not(:disabled):hover{
            background: #182C3D;
        }html.dark .header-profile{
            background-color: #121C28;
        }html.dark .header-profile-name{
            color: #ffffff;
        }html.dark .header-profile-username{
            color: #91A1B2;
        }html.dark .header-profile-count{
            color: #ffffff;
        }html.dark .global-search-header .global-search-header-input input{
            background-color: #121C28;
        }html.dark .global-search-header .global-search-header-input .p-inputtext-icon{
            color: #91A1B2;
        }html.dark .global-search-header .global-search-header-input input{
            color: #ffffff;
        }html.dark .global-search-header .global-search-header-input input::placeholder{
            color: #718396;
        }html.dark .global-search-suggestion-box{
            background-color: #121C28;
        }html.dark .global-search-suggestion-box .global-search-suggestion-box-icon{
            color: #ffffff;
        }html.dark .global-search-suggestion-box .global-search-suggestion-box-text{
            color: #ffffff;
        }html.dark .global-search-suggestion-box .global-search-suggestion-box-title{
            color: #ffffff;
        }html.dark .global-search-suggestion-box .global-search-suggestion-box-sub{
            color: #91A1B2;
        }html.dark .create-story-box{
            background-color: #121C28;
        }html.dark .create-story-btn{
            background-color: #168FE5;
        }html.dark .create-story-box .create-story-box-bottom{
            color: #ffffff;
        }html.dark .story-progress-bar{
            background-color: #ffffff;
        }html.dark .story-remaining-bar{
            background-color: #91A1B2;
        }html.dark .story-name{
                color: #ffffff;
            }html.dark .stories-list-scroll .stories-list-scroll-name{
                color: #ffffff;
            }html.dark .story-date{
            color: #ffffff;
        }html.dark .story-icon{
            color: #ffffff;
        }html.dark .story-viewers{
            color: #ffffff;
            border-color: #ffffff;
        }html.dark .dropdown-menu-box-notification{
            background-color: #121C28;
        }html.dark .notification-item{
            background-color: #121C28;
        }html.dark .notification-item .notification-item-name{
            color: #ffffff;
        }html.dark .notification-item .notification-item-message{
            color: #ffffff;
        }html.dark .notification-item .notification-item-date{
            color: #91A1B2;
        }html.dark .notification-item-active{
            background-color: #121C28;
        }html.dark .notification-item-active .notification-item-name{
            color: #ffffff;
        }html.dark .notification-item-active .notification-item-message{
            color: #ffffff;
        }html.dark .notification-item-active .notification-item-date{
            color: #168FE5;
        }html.dark .notification-item-active .notification-item-dot{
            background-color: #168FE5;
        }html.dark .notification-view-all, html.dark  .notification-view-all:hover{
            color: #168FE5;
        }html.dark .post-status-box{
                background-color: #121C28;
            }html.dark .status-box-main{
                background-color: #121C28;
            }html.dark .post-status-box{
                border-color: #121C28;
            }html.dark .status-box-main{
                border-color: #121C28;
            }html.dark .post-status-modal.p-dialog .p-dialog-content .post-status-close-icon{
            color: #ffffff;
        }html.dark .post-status-modal.p-dialog .p-dialog-content .status-box-main .status-box-header{
            color: #ffffff;
        }html.dark .post-status-modal.p-dialog .p-dialog-content .status-box-main .status-box-message-input textarea{
            color: #ffffff;
        }html.dark .post-status-modal.p-dialog .p-dialog-content .status-box-main .status-box-message-input textarea::placeholder{
                color: #91A1B2;
            }html.dark .post-status-box .post-status-box-placeholder{
                color: #91A1B2;
            }html.dark .add-images-icon{
            background-color: #121C28;
        }html.dark .add-images-icon{
            color: #ffffff;
        }html.dark .privacy-button{
            background-color: #18232F;
        }html.dark .privacy-button{
            color: #ffffff;
        }html.dark .post-status-modal.p-dialog .p-dialog-content .status-box-action{
            background-color: #121C28;
        }html.dark .post-status-modal.p-dialog .p-dialog-content .status-box-action .status-box-action-list-item{
                color: #ffffff;
            }html.dark .post-status-modal.p-dialog .p-dialog-content .status-box-action .status-box-action-list-item .emoji-picker{
                color: #ffffff;
            }html.dark .post-status-box .status-box-action .status-box-action-button{
            background-color: #18232F;
        }html.dark .post-status-box .status-box-action .status-box-action-button{
            color: #ffffff;
        }html.dark .post-status-box .status-box-action .status-box-action-button .status-box-action-button-icon{
            color: #ffffff;
        }html.dark .loading-icon{
            color: #168FE5;
        }html.dark .bg-table-header-color{
            background-color: #18344A;
        }html.dark .bg-table-header-color{
            color: #ffffff;
        }html.dark table.s-table tbody tr td{
            background-color: #121C28;
        }html.dark table.s-table tbody tr td{
            color: #ffffff;
        }html.dark .p-dialog.dropdown-menu-modal{
            background-color: #121C28;
        }html.dark .options-menu-modal-text{
            color: #E5484D;
        }html.dark .options-menu-modal-sub-text{
            color: #ffffff;
        }html.dark .dropdown-menu-box, html.dark  .p-popover.dropdown-menu-box{
            background-color: #18232F;
        }html.dark .p-popover.dropdown-menu-box:after{
            border-bottom-color: #18232F;
        }html.dark .dropdown-menu-box li, html.dark  .p-popover.dropdown-menu-box li{
            color: #D8E6F0;
        }html.dark .dropdown-menu-box ul li:hover, html.dark  .p-popover.dropdown-menu-box ul li:hover{
            background-color: #263545;
        }html.dark .dropdown-menu-box ul li:hover, html.dark  .p-popover.dropdown-menu-box ul li:hover{
            color: #ffffff;
        }html.dark .dropdown-menu-box ul li.active, html.dark  .p-popover.dropdown-menu-box ul li.active{
            background-color: transparent;
        }html.dark .dropdown-menu-box ul li.active, html.dark  .p-popover.dropdown-menu-box ul li.active{
            color: #168FE5;
        }html.dark .tabs-list .tabs-list-item{
            background-color: #18232F;
        }html.dark .tabs-list .tabs-list-item{
            color: #ffffff;
        }html.dark .tabs-list .tabs-list-item.active{
            background-color: #168FE5;
        }html.dark .tabs-list .tabs-list-item.active{
            color: #ffffff;
        }html.dark .p-popover{
            background: #18232F;
        }html.dark .p-popover:after{
            border-bottom-color: #18232F;
        }html.dark .p-popover{
            color: #ffffff;
        }html.dark .p-progressbar{
            background: #263545;
        }html.dark .p-progressbar-value{
            background: #168FE5;
        }html.dark .p-progressbar-label{
             color: #ffffff;
         }html.dark .sidebar-user-menu, html.dark  .bg-sidebar{
            background-color: #121C28;
        }html.dark .sidebar-user-menu-box{
            background-color: #18232F;
        }html.dark .sidebar-user-menu-name{
            color: #ffffff;
        }html.dark .sidebar-user-menu-sub-text, html.dark  a.sidebar-user-menu-sub-text:hover{
            color: #91A1B2;
        }html.dark .sidebar-user-menu-link{
            color: #168FE5;
        }html.dark .sidebar-user-menu-icon{
            color: #ffffff;
        }html.dark .sidebar-user-menu .sidebar-user-menu-title{
            color: #91A1B2;
        }html.dark ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap, html.dark 
        ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap{
            background-color: #121C28;
        }html.dark ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap, html.dark 
        ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap{
            color: #AAB7C4;
        }html.dark ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap .sidebar-main-menu-item-icon, html.dark 
        ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap .sidebar-main-menu-item-icon{
            background-color: #AAB7C4;
        }html.dark ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap .sidebar-main-menu-item-icon-more, html.dark 
        ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap .sidebar-main-menu-item-icon-more{
            color: #AAB7C4;
        }html.dark ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap:hover, html.dark 
        ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap:hover{
            background-color: #121C28;
        }html.dark ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap:hover, html.dark  
        ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap:hover .sidebar-main-menu-item-icon-more, html.dark 
        ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap:hover, html.dark  
        ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap:hover .sidebar-main-menu-item-icon-more{
            color: #168FE5;
        }html.dark .sidebar-user-menu ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap:hover .sidebar-main-menu-item-icon, html.dark 
        .sidebar-user-menu ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap:hover .sidebar-main-menu-item-icon {
            background-color: #168FE5;
        }html.dark .sidebar-user-menu ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap:hover .sidebar-main-menu-item-icon-more, html.dark 
        .sidebar-user-menu ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap:hover .sidebar-main-menu-item-icon-more{
            color: #168FE5;
        }html.dark .sidebar-user-menu ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap.router-link-exact-active, html.dark 
        .sidebar-user-menu ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap.router-link-exact-active {
            background-color: #18344A;
        }html.dark .sidebar-user-menu ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap.router-link-exact-active, html.dark 
        .sidebar-user-menu ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap.router-link-exact-active{
            color: #168FE5;
        }html.dark .sidebar-user-menu ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap.router-link-exact-active .sidebar-main-menu-item-icon, html.dark 
        .sidebar-user-menu ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap.router-link-exact-active .sidebar-main-menu-item-icon {
            background-color: #168FE5;
        }html.dark .sidebar-user-menu ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap.router-link-exact-active .sidebar-main-menu-item-icon-more, html.dark 
        .sidebar-user-menu ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap.router-link-exact-active .sidebar-main-menu-item-icon-more {
            color: #168FE5;
        }html.dark .comment-item-username{
            color: #ffffff;
        }html.dark .comment-item-content{
            color: #ffffff;
        }html.dark .comment-item-date, html.dark  .comment-item-date a{
            color: #91A1B2;
        }html.dark .comment-item-like{
            color: #ffffff;
        }html.dark .comment-item-like.is-liked{
            color: #E5484D;
        }html.dark .comment-item-view_all{
            color: #91A1B2;
        }html.dark .reply-item-username{
            color: #ffffff;
        }html.dark .reply-item-content{
            color: #ffffff;
        }html.dark .reply-item-date, html.dark  .reply-item-date a{
            color: #91A1B2;
        }html.dark .reply-item-like{
            color: #ffffff;
        }html.dark .reply-item-like.is-liked{
            color: #E5484D;
        }html.dark .reply-status-item{
            background-color: #18344A;
        }html.dark .reply-status-item{
            color: #ffffff;
        }html.dark .reply-status-item-icon{
            color: #ffffff;
        }html.dark .feed-item, html.dark  
        .comment-form-wrapper, html.dark  
        .p-dialog.post-detail-modal, html.dark  
        .post-header-back{
            background-color: #121C28;
        }html.dark .feed-item{
            border-color: #121C28;
        }html.dark .feed-item-header-info-title{
                color: #ffffff;
            }html.dark .feed-share-content .activity_feed_header a{
                color: #ffffff;
            }html.dark .feed-item-header-info-date{
            color: #91A1B2;
        }html.dark .feed-item-dropdown{
            color: #91A1B2;
        }html.dark .feed-item-content{
            color: #ffffff;
        }html.dark .feed-polls-list .feed-polls-list-item{
            background-color: #33495C;
        }html.dark .feed-polls-list .feed-polls-list-item{
            color: #ffffff;
        }html.dark .feed-polls-list .feed-polls-list-item-selected{
            background-color: #168FE5;
        }html.dark .feed-polls-list .feed-polls-list-item.is_voted{
            color: #ffffff;
        }html.dark .feed-polls .feed-polls-sub-text{
            color: #91A1B2;
        }html.dark .feed-share-content{
            background-color: #18344A;
        }html.dark .feed-item .activity_content_photos_list .vueperslides__bullets .vueperslides__bullet .default{
            background-color: #526575;
            border-color: #526575;
        }html.dark .feed-item .activity_content_photos_list .vueperslides__bullets .vueperslides__bullet--active .default{
            background-color: #168FE5;
            border-color: #168FE5;
        }html.dark .feed-item-like{
                color: #ffffff;
            }html.dark .feed-item-like-text{
                color: #ffffff;
            }html.dark .feed-main-action .feed-main-action-item{
            color: #ffffff;
        }html.dark .feed-main-action .feed-main-action-item.feed-main-action-like.is-liked{
            color: #E5484D;
        }html.dark .feed-main-action .feed-main-action-item.feed-main-action-bookmark.is-bookmarked{
            color: #168FE5;
        }html.dark .comment-form{
            background-color: #18232F;
        }html.dark .feed-comment-info-comment-holder textarea::placeholder{
            color: #91A1B2;
        }html.dark .feed-comment-info-comment-holder textarea{
            color: #ffffff;
        }html.dark .comment-form .comment-form-action .comment-form-action-item .base-icon{
            color: #ffffff;
        }html.dark button.feed-comment-info-comment-holder-btn{
            color: #168FE5;
        }html.dark button.feed-comment-info-comment-holder-btn:hover{
            color: #168FE5;
        }html.dark .post-notifications{
            background-color: #168FE5;
        }html.dark .post-notifications{
            color: #ffffff;
        }html.dark .btn-primary, html.dark  
        .p-dialog .p-dialog-footer button.p-button.p-confirmdialog-accept-button{
            background-color: #168FE5;
        }html.dark .btn-primary, html.dark  
        .p-dialog .p-dialog-footer button.p-button.p-confirmdialog-accept-button{
            border-color: #168FE5;
        }html.dark .btn-primary, html.dark 
        .btn-primary:hover, html.dark 
        .p-dialog .p-dialog-footer button.p-button.p-confirmdialog-accept-button, html.dark 
        .p-dialog .p-dialog-footer button.p-button.p-confirmdialog-accept-button:hover{
            color: #ffffff;
        }html.dark .btn-secondary{
            background-color: #18232F;
        }html.dark .btn-secondary{
            border-color: #18232F;
        }html.dark .btn-secondary{
            color: #ffffff;
        }html.dark .btn-outlined, html.dark  
        .p-dialog .p-dialog-footer button.p-button.p-confirmdialog-reject-button{
            background-color: transparent;
        }html.dark .btn-outlined, html.dark  
        .p-dialog .p-dialog-footer button.p-button.p-confirmdialog-reject-button{
            border-color: #168FE5;
        }html.dark .btn-outlined, html.dark 
        .btn-outlined:hover, html.dark 
        .p-dialog .p-dialog-footer button.p-button.p-confirmdialog-reject-button, html.dark 
        .p-dialog .p-dialog-footer button.p-button.p-confirmdialog-reject-button:hover{
            color: #168FE5;
        }html.dark .btn-secondary-outlined{
            background-color: transparent;
        }html.dark .btn-secondary-outlined, html.dark  .btn-secondary-outlined:hover{
            color: #ffffff;
        }html.dark .btn-transparent{
            background-color: transparent;
        }html.dark .btn-transparent{
            border-color: transparent;
        }html.dark .btn-transparent, html.dark  .btn-danger:hover{
            color: #168FE5;
        }html.dark .btn-danger{
            background-color: #E5484D;
        }html.dark .btn-danger{
            border-color: #E5484D;
        }html.dark .btn-danger, html.dark  .btn-danger:hover{
            color: #ffffff;
        }html.dark .btn-danger-outlined{
            background-color: transparent;
        }html.dark .btn-danger-outlined{
            border-color: #E5484D;
        }html.dark .btn-danger-outlined, html.dark  .btn-danger-outlined:hover{
            color: #E5484D;
        }html.dark .btn-warning{
            background-color: #F59E0B;
        }html.dark .btn-warning{
            border-color: #F59E0B;
        }html.dark .btn-warning, html.dark  .btn-warning:hover{
            color: #ffffff;
        }html.dark .btn-success{
            background-color: #22C55E;
        }html.dark .btn-success{
            border-color: #22C55E;
        }html.dark .btn-success, html.dark  .btn-success:hover{
            color: #ffffff;
        }html.dark .btn-info{
            background-color: #38BDF8;
        }html.dark .btn-info{
            border-color: #38BDF8;
        }html.dark .btn-info, html.dark  .btn-info:hover{
            color: #ffffff;
        }html.dark .p-inputtext, html.dark  .bg-input-background-color, html.dark  .base-input-tel .vue-tel-input, html.dark  .p-textarea, html.dark  .p-datepicker-panel, html.dark  .p-datepicker-header, html.dark  .p-autocomplete-input-multiple{
            background-color: #121C28;
        }html.dark .p-inputtext, html.dark  
        .text-input-text-color, html.dark  
        .base-input-tel .vue-tel-input .vti__input, html.dark  .p-textarea, html.dark  
        .p-datepicker-panel, html.dark  .p-datepicker-header, html.dark  .p-datepicker-select-month, html.dark  .p-datepicker-weekday, html.dark  .p-datepicker-select-year, html.dark  .p-datepicker-day, html.dark 
        .p-autocomplete-input-multiple{
            color: #ffffff;
        }html.dark .p-inputtext-icon, html.dark  
        .text-input-icon-color, html.dark  
        .base-input-tel .vue-tel-input .vti__dropdown-arrow, html.dark  
        .p-select-dropdown, html.dark  
        .p-datepicker-header .p-button-text.p-button-secondary, html.dark 
        .p-multiselect-dropdown, html.dark 
        .p-treeselect-dropdown{
            color: #91A1B2;
        }html.dark .p-inputtext::placeholder, html.dark  .base-input-tel .vue-tel-input .vti__input::placeholder, html.dark  .p-textarea::placeholder{
            color: #718396;
        }html.dark .p-select, html.dark  
        .p-select-overlay, html.dark  
        .p-multiselect, html.dark  
        .p-multiselect-overlay, html.dark 
        .p-treeselect, html.dark 
        .p-tree{
            background-color: #121C28;
        }html.dark .p-select-label, html.dark  
        .p-select-overlay, html.dark  
        .p-select-option, html.dark  
        .p-multiselect-label, html.dark  
        .p-multiselect-option, html.dark  
        .p-treeselect-label{
            color: #ffffff;
        }html.dark .p-select-option:not(.p-select-option-selected):not(.p-disabled).p-focus, html.dark 
        .p-datepicker-day:not(.p-datepicker-day-selected):not(.p-disabled):hover, html.dark 
        .p-multiselect-option:not(.p-multiselect-option-selected):not(.p-disabled).p-focus, html.dark 
        .p-tree-node-content.p-tree-node-selectable:not(.p-tree-node-selected):hover{
            color: #ffffff;
        }html.dark .p-select-option:not(.p-select-option-selected):not(.p-disabled).p-focus, html.dark 
        .p-datepicker-day:not(.p-datepicker-day-selected):not(.p-disabled):hover, html.dark 
        .p-multiselect-option:not(.p-multiselect-option-selected):not(.p-disabled).p-focus, html.dark 
        .p-tree-node-content.p-tree-node-selectable:not(.p-tree-node-selected):hover{
            background-color: #070C12;
        }html.dark .p-select-option.p-select-option-selected, html.dark 
        .p-datepicker-day-selected, html.dark 
        .p-tree-node-content.p-tree-node-selected{
            color: #168FE5;
        }html.dark .p-select-option.p-select-option-selected, html.dark 
        .p-datepicker-day-selected, html.dark 
        .p-tree-node-content.p-tree-node-selected{
            background-color: #18232F;
        }html.dark .p-toggleswitch-slider, html.dark  .p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover) .p-toggleswitch-slider{
            background: #18232F;
            border-color: #18232F;
        }html.dark .p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider, html.dark  .p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover).p-toggleswitch-checked .p-toggleswitch-slider{
            background: #168FE5;
            border-color: #168FE5;
        }html.dark .p-radiobutton-checked .p-radiobutton-box, html.dark  .p-radiobutton-checked:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box{
            background: #168FE5;
            border-color: #168FE5;
        }html.dark .p-checkbox-checked .p-checkbox-box, html.dark  .p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box{
            background: #168FE5;
            border-color: #168FE5;
        }html.dark .p-chip{
            background-color: #18232F;
        }html.dark .p-chip{
            color: #ffffff;
        }html.dark .p-chip-remove-icon{
            color: #168FE5;
        }html.dark .p-inputtext:enabled:focus, html.dark  
        .p-textarea:enabled:focus, html.dark  
        .p-select:not(.p-disabled).p-focus, html.dark 
        .p-treeselect:not(.p-disabled).p-focus{
            border-color: #168FE5;
        }html.dark .chat-rooms-list .page-title{
            color: #F4F7FA;
        }html.dark .chat-header-wrap{
            color: #5BB8F5;
        }html.dark .chat-header-wrap .chat-header-wrap-icon{
            color: #91A1B2;
        }html.dark .chat-date-time{
            color: #718396;
        }html.dark .room_search_bar{
            background-color: #121C28;
        }html.dark .room_search_bar{
            border-color: #263545;
        }html.dark .room_search_bar::placeholder{
            color: #718396;
        }html.dark .room_search_bar{
            color: #F4F7FA;
        }html.dark .room_items{
            background-color: #121C28;
        }html.dark .room_items_title_text{
            color: #F4F7FA;
        }html.dark .room_items_date_text{
            color: #91A1B2;
        }html.dark .room_items_dropdown_icon{
             color: #91A1B2;
         }html.dark .room_items:hover{
            background-color: #182C3D;
        }html.dark .room_items:hover .room_items_title_text{
            color: #FFFFFF;
        }html.dark .room_items:hover .room_items_date_text{
            color: #AAB7C4;
        }html.dark .room_items.room_items_active{
            background-color: #18344A;
        }html.dark .room_items.room_items_active .room_items_title_text{
            color: #5BB8F5;
        }html.dark .room_items.room_items_active .room_items_date_text{
            color: #AAB7C4;
        }html.dark .room_items_dot{
            background-color: #168FE5;
        }html.dark .message-item{
            background-color: #18232F;
        }html.dark .message-item{
            border-color: #263545;
        }html.dark .message-item{
            color: #F4F7FA;
        }html.dark .owner-message-item{
            background-color: #168FE5;
        }html.dark .owner-message-item{
            border-color: #168FE5;
        }html.dark .owner-message-item{
            color: #FFFFFF;
        }html.dark .waiting-request{
            background-color: #12283A;
        }html.dark .waiting-request{
            border-color: #24506D;
        }html.dark .waiting-request{
            color: #D8E6F0;
        }html.dark .accept-request-btn{
            background-color: #168FE5;
        }html.dark .accept-request-btn{
            border-color: #168FE5;
        }html.dark .accept-request-btn{
            color: #FFFFFF;
        }html.dark .decline-request-btn{
            background-color: #E5484D;
        }html.dark .decline-request-btn{
            border-color: #E5484D;
        }html.dark .decline-request-btn{
            color: #FFFFFF;
        }html.dark .chat-form, html.dark  .chat-form textarea {
            background-color: #121C28;
        }html.dark .chat-form textarea::placeholder {
            color: #718396;
        }html.dark .chat-form textarea {
            color: #F4F7FA;
        }html.dark .send-message-btn, html.dark  .send-message-btn:hover {
            background-color: #168FE5;
            border-color: #168FE5;
        }html.dark button.scroll-bottom-btn {
            background-color: #168FE5;
        }html.dark button.scroll-bottom-btn {
            color: #FFFFFF;
        }html.dark .chat-bubble{
            background-color: #168FE5;
        }html.dark .chat-bubble{
            color: #FFFFFF;
        }html.dark .cookies-warning{
            background-color: #12283A;
        }html.dark .cookies-warning{
            color: #F4F7FA;
        }html.dark .dropdown-menu-box-mention{
            background-color: #121C28;
        }html.dark .dropdown-menu-box-mention .dropdown-menu-box-mention-title{
            color: #F4F7FA;
        }html.dark .dropdown-menu-box-mention .dropdown-menu-box-mention-sub-title{
            color: #91A1B2;
        }html.dark .mention-selected{
            background-color: #18344A;
        }html.dark .fetched-link-close{
            background-color: #168FE5;
        }html.dark .fetched-link{
            background-color: #168FE5;
        }html.dark .fetched-link{
            color: #ffffff;
        }html.dark .video-progress .p-slider .p-slider-range{
            background-color: #168FE5;
        }html.dark .volume-controls .volume-controls-slider .p-slider .p-slider-range{
            background-color: #168FE5;
        }html.dark .switch-page-icon{
                background-color: #168FE5;
            }html.dark .switch-page-icon::after{
                background-color: #168FE5;
            }html.dark .main-content-menu.vibb-menu .main-content-menu-item{
            color: #ffffff;
        }html.dark .main-content-menu.vibb-menu .main-content-menu-item.active{
            color: #168FE5;
        }html.dark .main-content-menu.vibb-menu .main-content-menu-item.active .main-content-menu-item-wrap{
            border-color: #168FE5;
        }html.dark .vibb-header .base-icon{
            color: #ffffff;
        }html.dark .vibb-main-action .vibb-main-action-item .vibb-main-action-item-icon{
            background-color: #18232F;
        }html.dark .vibb-action-button {
            background-color: #18232F;
        }html.dark .vibb-main-action .vibb-main-action-item .vibb-main-action-item-icon{
            color: #ffffff;
        }html.dark .vibb-action-button{
            color: #ffffff;
        }html.dark .vibb-main-action .vibb-main-action-item .vibb-main-action-item-text{
            color: #ffffff;
        }html.dark .vibb-main-action .vibb-main-action-item .vibb-main-action-like.is-liked{
            color: #E5484D;
        }html.dark .vibb-main-action .vibb-main-action-item .vibb-main-action-bookmark.is-bookmarked{
            color: #168FE5;
        }html.dark .main-content-menu-tab .main-content-menu-tab-item{
            background-color: #121C28;
        }html.dark .main-content-menu-tab .main-content-menu-tab-item .base-icon{
            color: #ffffff;
        }html.dark .main-content-menu-tab .main-content-menu-tab-item{
            color: #ffffff;
        }html.dark .main-content-menu-tab .main-content-menu-tab-item.active{
            background-color: #168FE5;
        }html.dark .main-content-menu-tab .main-content-menu-tab-item.active .base-icon{
            color: #ffffff;
        }html.dark .main-content-menu-tab .main-content-menu-tab-item.active{
            color: #ffffff;
        }html.dark .invites-button{
            background-color: #18232F;
        }html.dark .invites-button{
            color: #ffffff;
        }html.dark .invites-button .invites-button-icon{
            color: #168FE5;
        }html.dark .feed-item-header-info-ads-badge{
            background-color: #18232F;
        }html.dark .feed-item-header-info-ads-badge{
            color: #ffffff;
        }html.dark .feed-item-header-info-label-badge{
            background-color: #18232F;
        }html.dark .feed-item-header-info-label-badge{
            color: #ffffff;
        }html.dark .feed-item-header-info-pinned-badge{
            background-color: #18232F;
        }html.dark .feed-item-header-info-pinned-badge{
            color: #ffffff;
        }
/* =========================================================
   AIRSOFT ONE — Sidebar / Mobile menu refinement
   Added 2026-09-04
   ========================================================= */

/* Keep the whole drawer visually cleaner */
.sidebar-user-menu {
    --one-menu-radius: 12px;
    --one-menu-gap: 6px;
}

/* Profile card: more compact, cleaner, less “stock ShaunSocial” */
html:not(.dark) .sidebar-user-menu-box,
html.dark .sidebar-user-menu-box {
    border-radius: 14px;
    padding: 14px 16px;
    margin: 10px 12px 14px;
    box-shadow: none;
}

html:not(.dark) .sidebar-user-menu-box {
    background-color: #FFFFFF;
    border: 1px solid #D7E0E8;
}

html.dark .sidebar-user-menu-box {
    background-color: #121C28;
    border: 1px solid #263545;
}

/* Slightly stronger hierarchy inside the profile card */
html:not(.dark) .sidebar-user-menu-name,
html.dark .sidebar-user-menu-name {
    font-weight: 700;
    line-height: 1.2;
}

html:not(.dark) .sidebar-user-menu-sub-text,
html.dark .sidebar-user-menu-sub-text {
    margin-top: 2px;
    line-height: 1.25;
}

html:not(.dark) .sidebar-user-menu-link,
html.dark .sidebar-user-menu-link {
    font-weight: 600;
}

/* Menu spacing */
.sidebar-user-menu-list,
.sidebar-user-menu-child-list {
    padding-left: 10px;
    padding-right: 10px;
}

.sidebar-user-menu-list > li,
.sidebar-user-menu-child-list > li {
    margin-bottom: var(--one-menu-gap);
}

html:not(.dark) ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap,
html:not(.dark) ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap,
html.dark ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap,
html.dark ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap {
    min-height: 50px;
    border-radius: var(--one-menu-radius);
    padding-top: 9px;
    padding-bottom: 9px;
    transition: background-color .18s ease, color .18s ease, transform .18s ease;
}

/* Neutral hover states */
html:not(.dark) ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap:hover,
html:not(.dark) ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap:hover {
    background-color: #F0F6FA;
}

html.dark ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap:hover,
html.dark ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap:hover {
    background-color: #18232F;
}

/* Active navigation: cleaner ONE-blue treatment */
html:not(.dark) .sidebar-user-menu ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap.router-link-exact-active,
html:not(.dark) .sidebar-user-menu ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap.router-link-exact-active {
    background-color: #E8F4FD;
    color: #0B74C4;
    box-shadow: inset 3px 0 0 #168FE5;
}

html.dark .sidebar-user-menu ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap.router-link-exact-active,
html.dark .sidebar-user-menu ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap.router-link-exact-active {
    background-color: #18344A;
    color: #5BB8F5;
    box-shadow: inset 3px 0 0 #168FE5;
}

/* Keep active icons aligned with brand blue */
html:not(.dark) .sidebar-user-menu ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap.router-link-exact-active .sidebar-main-menu-item-icon,
html:not(.dark) .sidebar-user-menu ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap.router-link-exact-active .sidebar-main-menu-item-icon,
html.dark .sidebar-user-menu ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap.router-link-exact-active .sidebar-main-menu-item-icon,
html.dark .sidebar-user-menu ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap.router-link-exact-active .sidebar-main-menu-item-icon {
    background-color: #168FE5;
}

/* Slightly calmer inactive icons */
html:not(.dark) ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap .sidebar-main-menu-item-icon,
html:not(.dark) ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap .sidebar-main-menu-item-icon {
    background-color: #667788;
}

html.dark ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap .sidebar-main-menu-item-icon,
html.dark ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap .sidebar-main-menu-item-icon {
    background-color: #91A1B2;
}

/* Drawer itself: consistent Airsoft ONE surfaces */
html:not(.dark) .sidebar-user-menu,
html:not(.dark) .bg-sidebar {
    background-color: #F7F9FB;
}

html.dark .sidebar-user-menu,
html.dark .bg-sidebar {
    background-color: #0F1B27;
}

/* Better mobile density without making touch targets too small */
@media (max-width: 767px) {
    .sidebar-user-menu-box {
        margin-top: 8px;
        margin-bottom: 12px;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    html:not(.dark) ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap,
    html:not(.dark) ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap,
    html.dark ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap,
    html.dark ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap {
        min-height: 48px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

/* =========================================================
   AIRSOFT ONE — V3 POLISH PASS
   UI consistency / cards / navigation / forms / overlays
   ========================================================= */

/* Global motion + keyboard focus */
a, button, .btn, .widget-box, .feed-item, .grid-item,
.main-content-menu-item, .sidebar-user-menu-list-item-wrap,
.dropdown-menu-box li, .p-popover li, .p-inputtext, .p-textarea,
.p-select, .p-multiselect, .p-treeselect {
    transition: background-color .18s ease, color .18s ease,
                border-color .18s ease, box-shadow .18s ease,
                transform .18s ease;
}

:focus-visible {
    outline: 2px solid #168FE5;
    outline-offset: 2px;
}

::selection {
    background: rgba(22,143,229,.25);
}

/* Consistent radii */
.widget-box, .feed-item, .grid-item, .main-content-section,
.p-dialog, .dropdown-menu-box, .p-popover {
    border-radius: 12px;
}

.p-inputtext, .p-textarea, .p-select, .p-multiselect, .p-treeselect,
.btn-primary, .btn-secondary, .btn-outlined, .btn-secondary-outlined,
.btn-danger, .btn-danger-outlined, .btn-warning, .btn-success, .btn-info {
    border-radius: 8px;
}

/* ---------- LIGHT ---------- */
html:not(.dark) .main-header {
    background-color: #FFFFFF;
    border-bottom: 1px solid #D7E0E8;
}

html:not(.dark) .widget-box,
html:not(.dark) .main-content-section,
html:not(.dark) .feed-item,
html:not(.dark) .grid-item {
    background-color: #FFFFFF;
    border-color: #D7E0E8;
}

html:not(.dark) .widget-box,
html:not(.dark) .feed-item,
html:not(.dark) .grid-item {
    box-shadow: 0 2px 8px rgba(16,24,32,.06);
}

html:not(.dark) .dropdown-menu-box,
html:not(.dark) .p-popover.dropdown-menu-box,
html:not(.dark) .p-popover {
    background-color: #FFFFFF;
    border-color: #D7E0E8;
    box-shadow: 0 10px 30px rgba(16,24,32,.10);
}

html:not(.dark) .dropdown-menu-box ul li:hover,
html:not(.dark) .p-popover.dropdown-menu-box ul li:hover {
    background-color: #E8F4FD;
    color: #101820;
}

html:not(.dark) .btn-secondary {
    background-color: #EEF2F5;
    border-color: #D7E0E8;
    color: #101820;
}
html:not(.dark) .btn-secondary:hover {
    background-color: #E3E9EE;
    border-color: #C8D3DC;
    color: #101820;
}

html:not(.dark) .p-inputtext:enabled:focus,
html:not(.dark) .p-textarea:enabled:focus,
html:not(.dark) .p-select:not(.p-disabled).p-focus,
html:not(.dark) .p-multiselect:not(.p-disabled).p-focus,
html:not(.dark) .p-treeselect:not(.p-disabled).p-focus {
    border-color: #168FE5;
    box-shadow: 0 0 0 3px rgba(22,143,229,.12);
}

/* Softer active navigation instead of full primary-blue blocks */
html:not(.dark) .sidebar-user-menu ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap.router-link-exact-active,
html:not(.dark) .sidebar-user-menu ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap.router-link-exact-active {
    background-color: #E8F4FD;
    color: #0B74C4;
    box-shadow: inset 3px 0 0 #168FE5;
}

/* ---------- DARK ---------- */
html.dark .main-header {
    background-color: #0F1B27;
    border-bottom: 1px solid #263545;
}

html.dark .widget-box,
html.dark .main-content-section,
html.dark .feed-item,
html.dark .grid-item,
html.dark .p-dialog {
    background-color: #121C28;
    border-color: #263545;
}

html.dark .p-dialog .p-dialog-header .p-button-text.p-button-secondary:not(:disabled):hover {
    background: #18232F;
}

html.dark .dropdown-menu-box,
html.dark .p-popover.dropdown-menu-box,
html.dark .p-popover {
    background-color: #18232F;
    border-color: #263545;
    box-shadow: 0 14px 35px rgba(0,0,0,.28);
}
html.dark .p-popover.dropdown-menu-box:after,
html.dark .p-popover:after {
    border-bottom-color: #18232F;
}
html.dark .p-popover.dropdown-menu-box:before,
html.dark .p-popover:before {
    border-bottom-color: #263545;
}
html.dark .dropdown-menu-box ul li:hover,
html.dark .p-popover.dropdown-menu-box ul li:hover {
    background-color: #213244;
    color: #FFFFFF;
}

html.dark .sidebar-user-menu,
html.dark .bg-sidebar {
    background-color: #0F1B27;
}
html.dark .sidebar-user-menu-box {
    background-color: #121C28;
    border: 1px solid #263545;
}
html.dark ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap,
html.dark ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap {
    background-color: transparent;
    color: #AAB7C4;
}
html.dark ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap:hover,
html.dark ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap:hover {
    background-color: #18232F;
    color: #F4F7FA;
}
html.dark .sidebar-user-menu ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap.router-link-exact-active,
html.dark .sidebar-user-menu ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap.router-link-exact-active {
    background-color: #18344A;
    color: #5BB8F5;
    box-shadow: inset 3px 0 0 #168FE5;
}

html.dark .btn-secondary {
    background-color: #18232F;
    border-color: #263545;
    color: #F4F7FA;
}
html.dark .btn-secondary:hover {
    background-color: #213244;
    border-color: #33495C;
    color: #FFFFFF;
}

html.dark .p-inputtext:enabled:focus,
html.dark .p-textarea:enabled:focus,
html.dark .p-select:not(.p-disabled).p-focus,
html.dark .p-multiselect:not(.p-disabled).p-focus,
html.dark .p-treeselect:not(.p-disabled).p-focus {
    border-color: #168FE5;
    box-shadow: 0 0 0 3px rgba(22,143,229,.18);
}

/* Fix almost invisible chat room dropdown icon */
html.dark .room_items_dropdown_icon {
    color: #91A1B2;
}

/* More useful badge hierarchy */
html.dark .feed-item-header-info-ads-badge {
    background-color: #263545;
    color: #AAB7C4;
}
html.dark .feed-item-header-info-label-badge {
    background-color: #18344A;
    color: #5BB8F5;
}
html.dark .feed-item-header-info-pinned-badge {
    background-color: #12283A;
    color: #5BB8F5;
}
html:not(.dark) .feed-item-header-info-ads-badge {
    background-color: #EEF2F5;
    color: #667788;
}
html:not(.dark) .feed-item-header-info-label-badge,
html:not(.dark) .feed-item-header-info-pinned-badge {
    background-color: #E8F4FD;
    color: #0B74C4;
}

/* Primary interactions */
html:not(.dark) .btn-primary:hover,
html.dark .btn-primary:hover {
    background-color: #0B74C4;
    border-color: #0B74C4;
}

/* Scrollbars */
* {
    scrollbar-width: thin;
    scrollbar-color: #263545 transparent;
}
*::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
*::-webkit-scrollbar-track {
    background: transparent;
}
*::-webkit-scrollbar-thumb {
    background-color: #263545;
    border-radius: 999px;
    border: 2px solid transparent;
    background-clip: padding-box;
}
*::-webkit-scrollbar-thumb:hover {
    background-color: #168FE5;
}

/* Mobile polish */
@media (max-width: 767px) {
    .sidebar-user-menu-box {
        border-radius: 12px;
    }
    ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap,
    ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap {
        border-radius: 9px;
        min-height: 48px;
    }
    .header-mobile,
    .footer-mobile {
        border-color: #263545;
    }
}

/* =========================================================
   AIRSOFT ONE v4 — Mobile header logo size fix
   ========================================================= */
@media (max-width: 767px) {
    /* Keep uploaded/site logos from stretching the mobile header */
    .header-mobile img {
        width: auto !important;
        height: auto !important;
        max-width: 180px !important;
        max-height: 56px !important;
        object-fit: contain !important;
    }

    /* Common ShaunSocial/logo wrappers — keep them compact */
    .header-mobile .logo,
    .header-mobile .site-logo,
    .header-mobile .header-logo,
    .header-mobile .main-logo {
        width: auto !important;
        max-width: 180px !important;
        height: 56px !important;
        max-height: 56px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Prevent the header itself from inheriting the logo's intrinsic height */
    .header-mobile {
        min-height: 72px !important;
        height: auto !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        align-items: center !important;
    }
}

/* =========================================================
   AIRSOFT ONE v5 — Mobile header avatar correction
   Keep the profile/avatar independent from the centered site logo
   ========================================================= */
@media (max-width: 767px) {
    /* The left account/profile image must stay compact. */
    .header-mobile > *:first-child img,
    .header-mobile .avatar img,
    .header-mobile .user-avatar img,
    .header-mobile .avatar-image,
    .header-mobile .profile-avatar img,
    .header-mobile .header-avatar img {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        max-width: 40px !important;
        max-height: 40px !important;
        aspect-ratio: 1 / 1 !important;
        object-fit: cover !important;
        border-radius: 50% !important;
        flex: 0 0 40px !important;
    }

    /* Do not let the first/left header control expand to the 180px logo width. */
    .header-mobile > *:first-child {
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        flex: 0 0 44px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Keep the centered site logo from v4 unchanged. */
    .header-mobile .logo img,
    .header-mobile .site-logo img,
    .header-mobile .header-logo img,
    .header-mobile .main-logo img {
        width: auto !important;
        height: auto !important;
        max-width: 180px !important;
        max-height: 56px !important;
        object-fit: contain !important;
        border-radius: 0 !important;
    }
}

/* =========================================================
   AIRSOFT ONE v6 — Mobile layout polish
   Compact, cleaner social feed layout for phones
   ========================================================= */
@media (max-width: 767px) {
    /* --- Overall mobile rhythm --- */
    body {
        overflow-x: hidden;
    }

    .main-content-section,
    .feed-item,
    .post-status-box,
    .status-box-main,
    .widget-box {
        box-sizing: border-box;
    }

    /* Header: compact, balanced, centered logo */
    .header-mobile {
        min-height: 68px !important;
        padding: 6px 16px !important;
        gap: 10px !important;
    }
    .header-mobile .logo,
    .header-mobile .site-logo,
    .header-mobile .header-logo,
    .header-mobile .main-logo {
        height: 48px !important;
        max-height: 48px !important;
        flex: 1 1 auto !important;
    }
    .header-mobile .logo img,
    .header-mobile .site-logo img,
    .header-mobile .header-logo img,
    .header-mobile .main-logo img {
        max-width: 156px !important;
        max-height: 46px !important;
    }
    .header-mobile > *:first-child {
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        flex-basis: 42px !important;
    }
    .header-mobile > *:last-child {
        min-width: 42px;
        display: flex;
        justify-content: flex-end;
    }

    /* Stories: stop the create-story card from dominating the page */
    .stories-list-scroll {
        display: flex !important;
        align-items: stretch !important;
        gap: 10px !important;
        padding: 12px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x proximity;
    }
    .create-story-box {
        width: 112px !important;
        min-width: 112px !important;
        max-width: 112px !important;
        height: 166px !important;
        min-height: 166px !important;
        border-radius: 13px !important;
        overflow: hidden !important;
        scroll-snap-align: start;
    }
    .create-story-box img {
        width: 100% !important;
        height: 112px !important;
        max-height: 112px !important;
        object-fit: cover !important;
    }
    .create-story-box .create-story-box-bottom {
        min-height: 54px !important;
        padding: 16px 8px 8px !important;
        font-size: 13px !important;
        line-height: 1.15 !important;
        text-align: center !important;
    }
    .create-story-btn {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
    }

    /* Composer: less vertical space, cleaner controls */
    .post-status-box,
    .status-box-main {
        border-radius: 0 !important;
    }
    .post-status-box {
        padding: 12px 14px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .post-status-box .post-status-box-placeholder {
        font-size: 16px !important;
        line-height: 1.3 !important;
    }
    .post-status-box .status-box-action {
        gap: 8px !important;
        padding-top: 10px !important;
        margin-top: 10px !important;
    }
    .post-status-box .status-box-action .status-box-action-button {
        min-height: 42px !important;
        border-radius: 11px !important;
        padding: 8px 12px !important;
    }

    /* Feed cards: breathing room without wasting screen space */
    .feed-item {
        margin: 10px 10px 14px !important;
        border-radius: 14px !important;
        overflow: hidden !important;
    }
    .feed-item-header,
    .feed-item-content,
    .feed-main-action,
    .comment-form-wrapper {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
    .feed-item-header-info-title {
        line-height: 1.2 !important;
    }
    .feed-item-content {
        font-size: 15px !important;
        line-height: 1.48 !important;
    }

    /* Generic main sections: less giant empty framing */
    .main-content-section {
        border-radius: 14px !important;
    }

    /* Bottom navigation: slimmer and visually aligned */
    .footer-mobile {
        min-height: 66px !important;
        height: 66px !important;
        padding: 6px 8px calc(6px + env(safe-area-inset-bottom)) !important;
        align-items: center !important;
    }
    .footer-mobile .footer-mobile-item {
        height: 54px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .footer-mobile .footer-mobile-item a,
    .footer-mobile .footer-mobile-item button {
        min-width: 46px !important;
        min-height: 46px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 12px !important;
    }
    .create-post-btn-mobile {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        border-radius: 13px !important;
    }
}

/* Light mobile separation */
@media (max-width: 767px) {
    html:not(.dark) .stories-list-scroll,
    html:not(.dark) .post-status-box {
        border-bottom: 1px solid #D7E0E8;
    }
    html:not(.dark) .feed-item {
        border: 1px solid #D7E0E8 !important;
        box-shadow: 0 3px 12px rgba(16,24,32,.06);
    }

    html.dark .stories-list-scroll,
    html.dark .post-status-box {
        border-bottom: 1px solid #263545;
    }
    html.dark .feed-item {
        border: 1px solid #263545 !important;
        box-shadow: 0 8px 24px rgba(0,0,0,.18);
    }
}

/* =========================================================
   AIRSOFT ONE v6 — SAFE CLS PASS
   Added 2026-09-09

   Bewusst konservativ:
   - keine globalen aspect-ratio-Regeln
   - keine neuen min-heights für Feed/Stories
   - keine translate/position-Eingriffe
   - keine Änderung bestehender Kartenbreiten
   ========================================================= */

/* Bilder dürfen ihre vorhandenen Container nicht verbreitern.
   Höhe bleibt bewusst unangetastet, damit ShaunSocials eigenes
   Layout und vorhandene Crop-Regeln erhalten bleiben. */
.feed-item img,
.widget-box img,
.grid-item img,
.post-status-box img,
.stories-list img,
.stories-list-scroll img,
.create-story-box img {
    max-width: 100%;
    box-sizing: border-box;
}

/* Avatar-Bilder: vorhandene Komponentengröße respektieren.
   Kein erzwungenes Seitenverhältnis und keine feste globale Größe. */
.avatar img,
.user-avatar img,
.profile-avatar img,
.header-avatar img,
.avatar-image {
    max-width: 100%;
    object-fit: cover;
}

/* Bereits in v6 definierte mobile Story-Größen bleiben unangetastet.
   Nur sicherstellen, dass geladene Bilder die reservierte Fläche
   nicht durch intrinsische Übergröße sprengen. */
@media (max-width: 767px) {
    .create-story-box img {
        display: block;
    }

    .header-mobile .logo img,
    .header-mobile .site-logo img,
    .header-mobile .header-logo img,
    .header-mobile .main-logo img {
        display: block;
    }
}

/* Browser darf Bilder außerhalb des sichtbaren Bereichs effizienter
   behandeln. Kein Eingriff in Größe oder Position. */
.feed-item,
.widget-box,
.grid-item {
    overflow-anchor: auto;
}

/* Ende SAFE CLS PASS */

/* =========================================================
   AIRSOFT ONE GLOBAL THEME v10
   Ticketing Design Language
   ========================================================= */

:root {
    --one-blue: #299CFF;
    --one-blue-dark: #168FE5;

    --one-light-page: #F5F7FA;
    --one-light-card: #FFFFFF;
    --one-light-soft: #F7F9FC;
    --one-light-border: #D7E2EC;
    --one-light-text: #1F2937;
    --one-light-sub: #64748B;

    --one-dark-page: #0D1722;
    --one-dark-card: #162435;
    --one-dark-soft: #111E2B;
    --one-dark-border: #26394C;
    --one-dark-text: #F1F5F9;
    --one-dark-sub: #93A4B8;

    --one-radius: 14px;
    --one-radius-small: 10px;
}


/* =========================================================
   LIGHT MODE
   ========================================================= */

html:not(.dark) body,
html:not(.dark) .bg-body,
html:not(.dark) .bg-main-bg {
    background: var(--one-light-page) !important;
    color: var(--one-light-text) !important;
}


/* ----- HEADER ----- */

html:not(.dark) .main-header,
html:not(.dark) .header-mobile {
    background: rgba(255,255,255,.96) !important;
    border-bottom: 1px solid var(--one-light-border) !important;
    box-shadow: 0 2px 12px rgba(15,35,55,.05);
}


/* ----- HAUPTBEREICHE / KARTEN ----- */

html:not(.dark) .widget-box,
html:not(.dark) .main-content-section,
html:not(.dark) .grid-item {
    background: var(--one-light-card) !important;
    border: 1px solid var(--one-light-border) !important;
    border-radius: var(--one-radius) !important;
    box-shadow: 0 4px 18px rgba(15,35,55,.055);
}


/* ----- FEED ----- */

html:not(.dark) .feed-item {
    background: var(--one-light-card) !important;
    border: 1px solid var(--one-light-border) !important;
    border-radius: var(--one-radius) !important;
    box-shadow: 0 4px 18px rgba(15,35,55,.055) !important;
    overflow: hidden;
}

html:not(.dark) .feed-item-header-info-title,
html:not(.dark) .feed-item-content {
    color: var(--one-light-text) !important;
}

html:not(.dark) .feed-item-header-info-date,
html:not(.dark) .feed-item-like-text,
html:not(.dark) .feed-comment-info,
html:not(.dark) .text-sub-color {
    color: var(--one-light-sub) !important;
}

html:not(.dark) .feed-main-action {
    border-top: 1px solid #E8EEF4 !important;
}

html:not(.dark) .feed-main-action .feed-main-action-item {
    border-radius: 10px;
    transition: background .18s ease, color .18s ease;
}

html:not(.dark) .feed-main-action .feed-main-action-item:hover {
    background: #EEF7FF !important;
    color: var(--one-blue) !important;
}


/* ----- POST ERSTELLEN ----- */

html:not(.dark) .post-status-box,
html:not(.dark) .status-box-main {
    background: var(--one-light-card) !important;
    border: 1px solid var(--one-light-border) !important;
    border-radius: var(--one-radius) !important;
    box-shadow: 0 4px 18px rgba(15,35,55,.045);
}

html:not(.dark) .post-status-box .status-box-action {
    border-top: 1px solid #E8EEF4 !important;
}

html:not(.dark) .post-status-box .status-box-action-button {
    background: var(--one-light-soft) !important;
    border: 1px solid #E0E8F0 !important;
    border-radius: 10px !important;
}

html:not(.dark) .post-status-box .status-box-action-button:hover {
    background: #EEF7FF !important;
    border-color: #B9DCFB !important;
}


/* ----- SIDEBAR ----- */

html:not(.dark) .sidebar-user-menu,
html:not(.dark) .bg-sidebar {
    background: transparent !important;
}

html:not(.dark) .sidebar-user-menu-box {
    background: var(--one-light-card) !important;
    border: 1px solid var(--one-light-border) !important;
    border-radius: var(--one-radius) !important;
    box-shadow: 0 4px 18px rgba(15,35,55,.045);
}

html:not(.dark) ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap,
html:not(.dark) ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap {
    border-radius: 10px !important;
    transition: background .18s ease, color .18s ease;
}

html:not(.dark) ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap:hover,
html:not(.dark) ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap:hover {
    background: #EEF7FF !important;
    color: var(--one-blue) !important;
}

html:not(.dark) .sidebar-user-menu ul.sidebar-user-menu-list li
.sidebar-user-menu-list-item-wrap.router-link-exact-active,
html:not(.dark) .sidebar-user-menu ul.sidebar-user-menu-child-list li
.sidebar-user-menu-list-item-wrap.router-link-exact-active {
    background: #EAF5FF !important;
    color: var(--one-blue) !important;
}


/* ----- MENÜ / TABS ----- */

html:not(.dark) .main-content-menu {
    background: var(--one-light-card) !important;
    border-color: var(--one-light-border) !important;
}

html:not(.dark) .main-content-menu-item,
html:not(.dark) .main-content-menu-tab-item {
    border-radius: 9px !important;
}

html:not(.dark) .main-content-menu-item:hover,
html:not(.dark) .main-content-menu-tab-item:hover {
    background: #EEF7FF !important;
}


/* ----- INPUTS ----- */

html:not(.dark) .p-inputtext,
html:not(.dark) .p-textarea,
html:not(.dark) .p-select,
html:not(.dark) .p-dropdown,
html:not(.dark) select,
html:not(.dark) textarea {
    background: #FFFFFF !important;
    color: var(--one-light-text) !important;
    border: 1px solid #CBD8E4 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

html:not(.dark) .p-inputtext:enabled:focus,
html:not(.dark) .p-textarea:enabled:focus,
html:not(.dark) input:focus,
html:not(.dark) textarea:focus,
html:not(.dark) select:focus {
    border-color: var(--one-blue) !important;
    box-shadow: 0 0 0 3px rgba(41,156,255,.12) !important;
    outline: none !important;
}


/* ----- BUTTONS ----- */

html:not(.dark) .p-button:not(.p-button-text):not(.p-button-secondary),
html:not(.dark) button.bg-primary-color {
    border-radius: 10px !important;
}

html:not(.dark) .p-button.p-button-primary,
html:not(.dark) .bg-primary-color {
    background: var(--one-blue) !important;
    border-color: var(--one-blue) !important;
    color: #FFFFFF !important;
}

html:not(.dark) .p-button.p-button-primary:hover,
html:not(.dark) .bg-primary-color:hover {
    background: var(--one-blue-dark) !important;
    border-color: var(--one-blue-dark) !important;
}


/* ----- DIALOGE ----- */

html:not(.dark) .p-dialog {
    background: #FFFFFF !important;
    border: 1px solid var(--one-light-border) !important;
    border-radius: 16px !important;
    box-shadow: 0 20px 60px rgba(15,35,55,.18) !important;
    overflow: hidden;
}

html:not(.dark) .p-dialog-header,
html:not(.dark) .p-dialog-content,
html:not(.dark) .p-dialog-footer {
    background: #FFFFFF !important;
    color: var(--one-light-text) !important;
}


/* ----- DROPDOWNS ----- */

html:not(.dark) .dropdown-menu-box,
html:not(.dark) .dropdown-menu-box-notification,
html:not(.dark) .global-search-suggestion-box {
    background: #FFFFFF !important;
    border: 1px solid var(--one-light-border) !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 35px rgba(15,35,55,.12) !important;
}


/* =========================================================
   DARK MODE
   ========================================================= */

html.dark body,
html.dark .bg-body,
html.dark .bg-main-bg {
    background: var(--one-dark-page) !important;
    color: var(--one-dark-text) !important;
}


/* ----- HEADER ----- */

html.dark .main-header,
html.dark .header-mobile {
    background: rgba(13,23,34,.97) !important;
    border-bottom: 1px solid var(--one-dark-border) !important;
    box-shadow: 0 3px 18px rgba(0,0,0,.2);
}


/* ----- KARTEN ----- */

html.dark .widget-box,
html.dark .main-content-section,
html.dark .grid-item,
html.dark .feed-item,
html.dark .post-status-box,
html.dark .status-box-main,
html.dark .sidebar-user-menu-box {
    background: var(--one-dark-card) !important;
    border: 1px solid var(--one-dark-border) !important;
    border-radius: var(--one-radius) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.16);
}

html.dark .feed-item-header-info-title,
html.dark .feed-item-content {
    color: var(--one-dark-text) !important;
}

html.dark .feed-item-header-info-date,
html.dark .feed-item-like-text,
html.dark .text-sub-color {
    color: var(--one-dark-sub) !important;
}


/* ----- FEED ACTIONS ----- */

html.dark .feed-main-action {
    border-top: 1px solid var(--one-dark-border) !important;
}

html.dark .feed-main-action .feed-main-action-item {
    border-radius: 10px;
}

html.dark .feed-main-action .feed-main-action-item:hover {
    background: rgba(41,156,255,.10) !important;
    color: var(--one-blue) !important;
}


/* ----- SIDEBAR ----- */

html.dark ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap,
html.dark ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap {
    border-radius: 10px !important;
}

html.dark ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap:hover,
html.dark ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap:hover {
    background: rgba(41,156,255,.10) !important;
}

html.dark .sidebar-user-menu ul.sidebar-user-menu-list li
.sidebar-user-menu-list-item-wrap.router-link-exact-active,
html.dark .sidebar-user-menu ul.sidebar-user-menu-child-list li
.sidebar-user-menu-list-item-wrap.router-link-exact-active {
    background: rgba(41,156,255,.14) !important;
    color: var(--one-blue) !important;
}


/* ----- INPUTS ----- */

html.dark .p-inputtext,
html.dark .p-textarea,
html.dark .p-select,
html.dark .p-dropdown,
html.dark select,
html.dark textarea {
    background: var(--one-dark-soft) !important;
    color: var(--one-dark-text) !important;
    border: 1px solid var(--one-dark-border) !important;
    border-radius: 10px !important;
}

html.dark .p-inputtext:enabled:focus,
html.dark .p-textarea:enabled:focus,
html.dark input:focus,
html.dark textarea:focus,
html.dark select:focus {
    border-color: var(--one-blue) !important;
    box-shadow: 0 0 0 3px rgba(41,156,255,.15) !important;
}


/* ----- DIALOGE ----- */

html.dark .p-dialog {
    background: var(--one-dark-card) !important;
    border: 1px solid var(--one-dark-border) !important;
    border-radius: 16px !important;
    box-shadow: 0 22px 65px rgba(0,0,0,.45) !important;
    overflow: hidden;
}

html.dark .p-dialog-header,
html.dark .p-dialog-content,
html.dark .p-dialog-footer {
    background: var(--one-dark-card) !important;
    color: var(--one-dark-text) !important;
}


/* ----- MOBILE ----- */

@media (max-width: 767px) {

    html:not(.dark) .footer-mobile {
        background: rgba(255,255,255,.97) !important;
        border-top: 1px solid var(--one-light-border) !important;
        box-shadow: 0 -3px 16px rgba(15,35,55,.07);
    }

    html.dark .footer-mobile {
        background: rgba(13,23,34,.98) !important;
        border-top: 1px solid var(--one-dark-border) !important;
        box-shadow: 0 -4px 18px rgba(0,0,0,.25);
    }

    .feed-item {
        border-radius: 14px !important;
    }
}

/* ===== ENDE AIRSOFT ONE GLOBAL THEME v10 ===== */



/* =========================================================
   AIRSOFT ONE GLOBAL THEME v10.1
   Startseite / Widgets / Feed / Sidebar
   ========================================================= */

/* ---------- LIGHT MODE ---------- */

html:not(.dark) .main-header {
    background: rgba(255,255,255,.97) !important;
    border-bottom: 1px solid #D7E2EC !important;
    box-shadow: 0 2px 14px rgba(15,35,55,.06) !important;
}

html:not(.dark) .widget-box,
html:not(.dark) .main-content-section,
html:not(.dark) .grid-item,
html:not(.dark) .feed-item,
html:not(.dark) .post-status-box,
html:not(.dark) .status-box-main {
    background: #FFFFFF !important;
    border: 1px solid #D7E2EC !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 18px rgba(15,35,55,.055) !important;
}

html:not(.dark) .widget-box-header {
    border-bottom: 1px solid #E7EDF3 !important;
}

html:not(.dark) .widget-box-header-title {
    color: #1F2937 !important;
    font-weight: 800 !important;
}

html:not(.dark) .stories-list-scroll,
html:not(.dark) .boxes-list,
html:not(.dark) .grid-item {
    background: #FFFFFF !important;
}

html:not(.dark) .boxes-list .boxes-list-item,
html:not(.dark) .grid-item {
    background: #F8FAFC !important;
    border: 1px solid #DCE5EE !important;
    border-radius: 12px !important;
}

html:not(.dark) .boxes-list .boxes-list-item:hover,
html:not(.dark) .grid-item:hover {
    background: #F3F9FE !important;
    border-color: #B9DCFB !important;
}

html:not(.dark) .sidebar-user-menu-box {
    background: #FFFFFF !important;
    border: 1px solid #D7E2EC !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 18px rgba(15,35,55,.045) !important;
}

html:not(.dark) ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap,
html:not(.dark) ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap {
    background: #FFFFFF !important;
    border: 1px solid transparent !important;
    border-radius: 11px !important;
}

html:not(.dark) ul.sidebar-user-menu-list li .sidebar-user-menu-list-item-wrap:hover,
html:not(.dark) ul.sidebar-user-menu-child-list li .sidebar-user-menu-list-item-wrap:hover {
    background: #EEF7FF !important;
    border-color: #CBE5FA !important;
}

html:not(.dark) .sidebar-user-menu ul.sidebar-user-menu-list li
.sidebar-user-menu-list-item-wrap.router-link-exact-active,
html:not(.dark) .sidebar-user-menu ul.sidebar-user-menu-child-list li
.sidebar-user-menu-list-item-wrap.router-link-exact-active {
    background: #EAF5FF !important;
    border-color: #299CFF !important;
    color: #168FE5 !important;
}

html:not(.dark) .feed-item {
    overflow: hidden !important;
}

html:not(.dark) .feed-item-header,
html:not(.dark) .feed-item-content,
html:not(.dark) .feed-main-action,
html:not(.dark) .comment-form-wrapper {
    background: #FFFFFF !important;
}

html:not(.dark) .feed-main-action {
    border-top: 1px solid #E7EDF3 !important;
}

html:not(.dark) .feed-main-action .feed-main-action-item {
    border-radius: 10px !important;
}

html:not(.dark) .feed-main-action .feed-main-action-item:hover {
    background: #EEF7FF !important;
    color: #299CFF !important;
}

html:not(.dark) .post-status-box .status-box-action-button {
    background: #F7F9FC !important;
    border: 1px solid #DCE5EE !important;
    border-radius: 10px !important;
}

html:not(.dark) .post-status-box .status-box-action-button:hover {
    background: #EEF7FF !important;
    border-color: #B9DCFB !important;
}

html:not(.dark) .p-dialog {
    background: #FFFFFF !important;
    border: 1px solid #D7E2EC !important;
    border-radius: 16px !important;
    box-shadow: 0 20px 60px rgba(15,35,55,.18) !important;
}

html:not(.dark) .p-inputtext,
html:not(.dark) .p-textarea,
html:not(.dark) select,
html:not(.dark) textarea {
    background: #FFFFFF !important;
    color: #1F2937 !important;
    border: 1px solid #CBD8E4 !important;
    border-radius: 10px !important;
}

html:not(.dark) .p-inputtext:enabled:focus,
html:not(.dark) .p-textarea:enabled:focus,
html:not(.dark) input:focus,
html:not(.dark) textarea:focus,
html:not(.dark) select:focus {
    border-color: #299CFF !important;
    box-shadow: 0 0 0 3px rgba(41,156,255,.12) !important;
}

/* ---------- DARK MODE ---------- */

html.dark .main-header {
    background: rgba(13,23,34,.97) !important;
    border-bottom: 1px solid #26394C !important;
    box-shadow: 0 3px 18px rgba(0,0,0,.22) !important;
}

html.dark .widget-box,
html.dark .main-content-section,
html.dark .grid-item,
html.dark .feed-item,
html.dark .post-status-box,
html.dark .status-box-main,
html.dark .sidebar-user-menu-box {
    background: #162435 !important;
    border: 1px solid #26394C !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.16) !important;
}

html.dark .boxes-list .boxes-list-item,
html.dark .grid-item {
    background: #111E2B !important;
    border-color: #26394C !important;
}

html.dark .feed-main-action {
    border-top: 1px solid #26394C !important;
}

html.dark .feed-main-action .feed-main-action-item:hover {
    background: rgba(41,156,255,.10) !important;
    color: #299CFF !important;
}

/* ===== ENDE AIRSOFT ONE GLOBAL THEME v10.1 ===== */


/* =========================================================
   AIRSOFT ONE EVENTS v10
   ========================================================= */

.one-events-page {
    width: 100%;
}

.one-events-header {
    margin-bottom: 14px !important;
    padding: 18px 20px !important;
    border-radius: 14px !important;
}

.one-events-header h3 {
    font-size: 22px !important;
    font-weight: 900 !important;
}

.one-events-tabs {
    padding: 0 6px;
}

.one-events-body {
    padding-top: 4px;
}


/* Filter */

.one-events-filter {
    padding: 14px !important;
    border-radius: 14px !important;
}

.one-events-filter .p-inputtext,
.one-events-filter .p-select,
.one-events-filter button {
    min-height: 42px;
}


/* Cards */

.one-events-grid {
    gap: 16px !important;
}

.one-event-card {
    border-radius: 14px !important;
    overflow: hidden !important;
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}

.one-event-card:hover {
    transform: translateY(-2px);
}

.one-event-card > div:first-child {
    border-radius: 0 !important;
}


/* Managed */

.one-events-subtoolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 16px;
    padding: 15px 16px;
    border-radius: 14px;
}

.one-events-subtoolbar strong,
.one-events-subtoolbar span {
    display: block;
}

.one-events-subtoolbar strong {
    font-size: 15px;
    font-weight: 850;
}

.one-events-subtoolbar span {
    margin-top: 3px;
    font-size: 11px;
}

.one-events-status-filter {
    width: 210px;
}


/* Meine Tickets */

.one-my-ticket-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 16px;
}

.one-my-ticket-card {
    overflow: hidden;
    border-radius: 14px;
}

.one-my-ticket-cover {
    height: 150px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.one-my-ticket-cover-empty {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-size: 34px;
}

.one-my-ticket-body {
    padding: 17px;
}

.one-my-ticket-title {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.one-my-ticket-title strong {
    display: block;
    margin-top: 3px;
    font-size: 17px;
    line-height: 1.25;
}

.one-my-ticket-eyebrow {
    color: #299cff;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .08em;
}

.one-my-ticket-total {
    flex: 0 0 auto;
    color: #299cff;
    font-size: 25px;
    font-weight: 900;
    line-height: .9;
    text-align: right;
}

.one-my-ticket-total small {
    display: block;
    margin-top: 6px;
    font-size: 9px;
    font-weight: 700;
}

.one-my-ticket-meta {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 13px;
    font-size: 11px;
}

.one-my-ticket-meta i {
    color: #299cff;
}

.one-my-ticket-statuses {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 14px;
}

.one-ticket-state {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 9px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 750;
}

.one-ticket-state-paid {
    background: rgba(34,197,94,.11);
    color: #16a34a;
}

.one-ticket-state-reserved {
    background: rgba(41,156,255,.11);
    color: #168fe5;
}

.one-ticket-state-pending {
    background: rgba(245,158,11,.12);
    color: #d97706;
}

.one-ticket-state-waitlist {
    background: rgba(249,115,22,.11);
    color: #ea580c;
}

.one-ticket-waitlist-position {
    margin-top: 12px;
    padding: 10px 11px;
    border-radius: 9px;
    font-size: 11px;
}

.one-my-ticket-payment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 14px;
    padding-top: 12px;
}

.one-my-ticket-payment span {
    font-size: 10px;
}

.one-my-ticket-payment strong {
    font-size: 11px;
}

.one-ticket-open-button {
    width: 100%;
    margin-top: 14px;
}

.one-ticket-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 45px 20px;
    border-radius: 14px;
    text-align: center;
}

.one-ticket-empty i {
    margin-bottom: 11px;
    color: #299cff;
    font-size: 32px;
}

.one-ticket-empty strong {
    font-size: 15px;
}

.one-ticket-empty span {
    max-width: 440px;
    margin-top: 5px;
    font-size: 11px;
}


/* LIGHT */

html:not(.dark) .one-events-header,
html:not(.dark) .one-events-filter,
html:not(.dark) .one-events-subtoolbar,
html:not(.dark) .one-my-ticket-card,
html:not(.dark) .one-ticket-empty {
    background: #fff !important;
    border: 1px solid #d7e2ec !important;
    box-shadow: 0 4px 18px rgba(15,35,55,.055);
}

html:not(.dark) .one-event-card {
    background: #fff !important;
    border-color: #d7e2ec !important;
    box-shadow: 0 4px 16px rgba(15,35,55,.05) !important;
}

html:not(.dark) .one-event-card:hover {
    border-color: #b9dcfb !important;
    box-shadow: 0 8px 24px rgba(15,35,55,.09) !important;
}

html:not(.dark) .one-events-subtoolbar span,
html:not(.dark) .one-my-ticket-meta,
html:not(.dark) .one-my-ticket-payment span,
html:not(.dark) .one-ticket-empty span {
    color: #64748b;
}

html:not(.dark) .one-my-ticket-cover-empty {
    background: #eef7ff;
    color: #299cff;
}

html:not(.dark) .one-ticket-waitlist-position {
    background: #fff8ed;
    border: 1px solid #fed7aa;
    color: #7c4b16;
}

html:not(.dark) .one-my-ticket-payment {
    border-top: 1px solid #e5edf4;
}


/* DARK */

html.dark .one-events-header,
html.dark .one-events-filter,
html.dark .one-events-subtoolbar,
html.dark .one-my-ticket-card,
html.dark .one-ticket-empty {
    background: #162435 !important;
    border: 1px solid #26394c !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.16);
}

html.dark .one-event-card {
    background: #162435 !important;
    border-color: #26394c !important;
}

html.dark .one-event-card:hover {
    border-color: rgba(41,156,255,.45) !important;
    box-shadow: 0 8px 26px rgba(0,0,0,.24) !important;
}

html.dark .one-events-subtoolbar span,
html.dark .one-my-ticket-meta,
html.dark .one-my-ticket-payment span,
html.dark .one-ticket-empty span {
    color: #93a4b8;
}

html.dark .one-my-ticket-cover-empty {
    background: #111e2b;
    color: #299cff;
}

html.dark .one-ticket-waitlist-position {
    background: rgba(245,158,11,.08);
    border: 1px solid rgba(245,158,11,.25);
    color: #fbbf24;
}

html.dark .one-my-ticket-payment {
    border-top: 1px solid #26394c;
}


/* MOBILE */

@media (max-width: 767px) {

    .one-events-header {
        padding: 14px !important;
    }

    .one-events-header h3 {
        font-size: 19px !important;
    }

    .one-events-subtoolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .one-events-status-filter {
        width: 100%;
    }

    .one-my-ticket-grid {
        grid-template-columns: 1fr;
    }

    .one-my-ticket-cover {
        height: 135px;
    }
}

/* ===== ENDE AIRSOFT ONE EVENTS v10 ===== */


/* =========================================================
   AIRSOFT ONE EVENTS v10.1
   Feinschliff Event-Zentrale
   ========================================================= */


/* ---------- Gesamtbreite ---------- */

.one-events-page {
    width: 100%;
}

.one-events-body {
    min-width: 0;
}


/* ---------- Header ---------- */

.one-events-header {
    min-height: 68px;
    padding: 16px 18px !important;
}

.one-events-header h3 {
    font-size: 21px !important;
    letter-spacing: -.02em;
}

.one-events-header .base-button,
.one-events-header button {
    border-radius: 9px !important;
}


/* ---------- Haupttabs ---------- */

.one-events-tabs {
    margin: 0 0 14px !important;
    padding: 0 4px !important;
}

.one-events-tabs a,
.one-events-tabs button {
    font-weight: 700 !important;
}

html:not(.dark) .one-events-tabs a:hover,
html:not(.dark) .one-events-tabs button:hover {
    color: #299cff !important;
}

html.dark .one-events-tabs a:hover,
html.dark .one-events-tabs button:hover {
    color: #4aabff !important;
}


/* =========================================================
   FILTERBAR
   ========================================================= */

.one-events-filter {
    display: flex;
    align-items: center;
    gap: 10px !important;
    margin-bottom: 16px !important;
    padding: 12px !important;
}

.one-events-filter > * {
    margin: 0 !important;
}

.one-events-filter .p-inputtext,
.one-events-filter .p-select,
.one-events-filter button {
    min-height: 40px !important;
    border-radius: 9px !important;
}

html:not(.dark) .one-events-filter {
    background: #fff !important;
    border: 1px solid #d7e2ec !important;
}

html.dark .one-events-filter {
    background: #162435 !important;
    border: 1px solid #26394c !important;
}


/* =========================================================
   NORMALE EVENTCARDS
   ========================================================= */

.one-events-grid {
    grid-template-columns:
        repeat(auto-fill, minmax(310px, 1fr)) !important;
    gap: 16px !important;
}

.one-event-card {
    border-radius: 14px !important;
    overflow: hidden;
}

.one-event-card > div:first-child {
    transition: transform .25s ease;
}

.one-event-card:hover > div:first-child {
    transform: scale(1.015);
}

.one-event-card .grid-item-title {
    margin-top: 2px !important;
    font-size: 16px !important;
    font-weight: 850 !important;
}

.one-event-card .grid-item-sub {
    line-height: 1.45;
}

.one-event-card .pt-3.px-4.pb-4 {
    padding: 14px 15px 15px !important;
}

html:not(.dark) .one-event-card {
    background: #fff !important;
    border: 1px solid #d7e2ec !important;
    box-shadow: 0 4px 16px rgba(15,35,55,.045) !important;
}

html:not(.dark) .one-event-card:hover {
    border-color: #afd8fb !important;
    box-shadow: 0 8px 26px rgba(15,35,55,.09) !important;
}

html.dark .one-event-card {
    background: #162435 !important;
    border-color: #26394c !important;
    box-shadow: 0 6px 20px rgba(0,0,0,.12) !important;
}

html.dark .one-event-card:hover {
    border-color: rgba(41,156,255,.45) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.20) !important;
}


/* =========================================================
   SUBHEADERS
   Meine Tickets / Meine Veranstaltungen
   ========================================================= */

.one-events-subtoolbar {
    margin-bottom: 14px !important;
    padding: 12px 14px !important;
    border-radius: 12px !important;
}

.one-events-subtoolbar strong {
    font-size: 14px !important;
}

.one-events-subtoolbar span {
    margin-top: 2px !important;
    font-size: 10px !important;
    line-height: 1.4;
}

html:not(.dark) .one-events-subtoolbar {
    background: #f9fbfd !important;
    border-color: #dce6ef !important;
    box-shadow: none !important;
}

html.dark .one-events-subtoolbar {
    background: #111e2b !important;
    border-color: #26394c !important;
    box-shadow: none !important;
}


/* =========================================================
   MEINE TICKETS
   ========================================================= */

.one-my-ticket-grid {
    grid-template-columns:
        repeat(auto-fill, minmax(360px, 1fr)) !important;
    gap: 16px !important;
}

.one-my-ticket-card {
    border-radius: 14px !important;
    overflow: hidden !important;
    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.one-my-ticket-card:hover {
    transform: translateY(-2px);
}

.one-my-ticket-cover {
    height: 170px !important;
    position: relative;
}

.one-my-ticket-cover::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 40%;
    pointer-events: none;
    background: linear-gradient(
        to bottom,
        transparent,
        rgba(8,20,32,.12)
    );
}

.one-my-ticket-body {
    padding: 16px !important;
}

.one-my-ticket-eyebrow {
    font-size: 9px !important;
    letter-spacing: .10em !important;
}

.one-my-ticket-title strong {
    margin-top: 4px !important;
    font-size: 17px !important;
    font-weight: 850 !important;
}

.one-my-ticket-total {
    min-width: 62px;
    color: #299cff !important;
    font-size: 25px !important;
}

.one-my-ticket-total small {
    margin-top: 5px !important;
    font-size: 9px !important;
    letter-spacing: .02em;
}

.one-waitlist-total-icon {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 25px;
    color: #f59e0b;
    font-size: 20px;
}

.one-my-ticket-meta {
    margin-top: 11px !important;
}

.one-my-ticket-statuses {
    margin-top: 12px !important;
}

.one-ticket-state {
    padding: 5px 9px !important;
    font-size: 9px !important;
}

.one-ticket-waitlist-position {
    margin-top: 11px !important;
    padding: 9px 10px !important;
    border-radius: 9px !important;
}

.one-ticket-waitlist-position strong {
    margin-left: 3px;
}

.one-my-ticket-payment {
    margin-top: 12px !important;
    padding-top: 11px !important;
}

.one-ticket-open-button {
    min-height: 39px;
    margin-top: 12px !important;
    border-radius: 9px !important;
}


/* Warteliste */

html:not(.dark) .one-ticket-state-waitlist {
    background: #fff7ed !important;
    border: 1px solid #fed7aa;
    color: #ea580c !important;
}

html.dark .one-ticket-state-waitlist {
    background: rgba(249,115,22,.09) !important;
    border: 1px solid rgba(249,115,22,.24);
    color: #fb923c !important;
}


/* Ticket Card Light */

html:not(.dark) .one-my-ticket-card {
    background: #fff !important;
    border: 1px solid #d7e2ec !important;
    box-shadow: 0 4px 18px rgba(15,35,55,.055) !important;
}

html:not(.dark) .one-my-ticket-card:hover {
    border-color: #afd8fb !important;
    box-shadow: 0 8px 26px rgba(15,35,55,.09) !important;
}


/* Ticket Card Dark */

html.dark .one-my-ticket-card {
    background: #162435 !important;
    border: 1px solid #26394c !important;
    box-shadow: 0 7px 22px rgba(0,0,0,.14) !important;
}

html.dark .one-my-ticket-card:hover {
    border-color: rgba(41,156,255,.45) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.22) !important;
}


/* =========================================================
   MANAGED EVENTS
   ========================================================= */

.one-events-managed .one-events-status-filter {
    min-width: 190px;
}

.one-events-managed .one-events-grid {
    margin-top: 2px;
}


/* =========================================================
   POPULAR EVENTS WIDGET
   ========================================================= */

html:not(.dark) .widget-box {
    border-color: #d7e2ec !important;
}

html:not(.dark) .widget-box:hover {
    border-color: #c8dcec !important;
}

html.dark .widget-box {
    border-color: #26394c !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .one-events-header {
        min-height: auto;
        padding: 13px !important;
    }

    .one-events-tabs {
        overflow-x: auto;
        white-space: nowrap;
        scrollbar-width: none;
    }

    .one-events-tabs::-webkit-scrollbar {
        display: none;
    }

    .one-events-filter {
        align-items: stretch;
        flex-direction: column;
        padding: 11px !important;
    }

    .one-events-filter > * {
        width: 100% !important;
        max-width: none !important;
    }

    .one-events-grid {
        grid-template-columns: 1fr !important;
    }

    .one-my-ticket-grid {
        grid-template-columns: 1fr !important;
    }

    .one-my-ticket-cover {
        height: 150px !important;
    }

    .one-events-subtoolbar {
        align-items: stretch;
        flex-direction: column;
        padding: 11px 12px !important;
    }

    .one-events-status-filter {
        width: 100% !important;
        min-width: 0 !important;
    }
}

/* ===== ENDE AIRSOFT ONE EVENTS v10.1 ===== */


/* =========================================================
   AIRSOFT ONE EVENTS - ALL EVENTS v10.2
   ========================================================= */


/* ---------- Seitenbereich ---------- */

.one-events-all {
    width: 100%;
    min-width: 0;
}


/* ---------- Filterbox ---------- */

.one-events-all .one-events-filter {
    display: grid !important;
    grid-template-columns:
        minmax(150px, 1.2fr)
        minmax(145px, .8fr)
        minmax(180px, 1.1fr)
        minmax(160px, .9fr)
        minmax(145px, .8fr)
        auto;
    gap: 10px !important;
    align-items: center;
    padding: 13px !important;
    border-radius: 14px !important;
}

.one-events-all .one-events-filter > * {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
}

.one-events-all .one-events-filter button {
    white-space: nowrap;
}

html:not(.dark) .one-events-all .one-events-filter {
    background: #ffffff !important;
    border: 1px solid #d7e2ec !important;
    box-shadow: 0 4px 18px rgba(15,35,55,.05) !important;
}

html.dark .one-events-all .one-events-filter {
    background: #162435 !important;
    border: 1px solid #26394c !important;
    box-shadow: 0 6px 20px rgba(0,0,0,.12) !important;
}


/* ---------- Eingaben ---------- */

.one-events-all .one-events-filter .p-inputtext,
.one-events-all .one-events-filter .p-select,
.one-events-all .one-events-filter button {
    min-height: 42px !important;
    border-radius: 9px !important;
}

html:not(.dark) .one-events-all .one-events-filter .p-inputtext,
html:not(.dark) .one-events-all .one-events-filter .p-select {
    background: #f8fafc !important;
    border-color: #d7e2ec !important;
}

html:not(.dark) .one-events-all .one-events-filter .p-inputtext:focus,
html:not(.dark) .one-events-all .one-events-filter .p-select:focus-within {
    border-color: #299cff !important;
    box-shadow: 0 0 0 3px rgba(41,156,255,.08) !important;
}


/* =========================================================
   EVENT GRID
   auto-fit statt auto-fill:
   1 Event = volle Breite
   mehrere Events = sauberes Raster
   ========================================================= */

.one-events-all .one-events-grid {
    display: grid !important;
    grid-template-columns:
        repeat(auto-fit, minmax(330px, 1fr)) !important;
    gap: 16px !important;
}


/* ---------- Event Card ---------- */

.one-events-all .one-event-card {
    min-width: 0;
    border-radius: 14px !important;
    overflow: hidden !important;
}

.one-events-all .one-event-card > div:first-child {
    min-height: 215px;
    padding-bottom: 0 !important;
    background-size: cover !important;
    background-position: center !important;
}

.one-events-all .one-event-card .pt-3.px-4.pb-4 {
    padding: 16px !important;
}

.one-events-all .one-event-card .grid-item-title {
    margin-top: 3px !important;
    margin-bottom: 6px !important;
    font-size: 18px !important;
    font-weight: 850 !important;
    line-height: 1.25 !important;
}

.one-events-all .one-event-card .grid-item-sub {
    font-size: 11px !important;
    line-height: 1.45 !important;
}


/* ---------- RSVP / Buttons ---------- */

.one-events-all .one-event-card .mt-auto {
    margin-top: 14px !important;
    padding-top: 12px !important;
}

.one-events-all .one-event-card button {
    min-height: 38px;
    border-radius: 9px !important;
}


/* ---------- Card Light ---------- */

html:not(.dark) .one-events-all .one-event-card {
    background: #ffffff !important;
    border: 1px solid #d7e2ec !important;
    box-shadow: 0 4px 18px rgba(15,35,55,.05) !important;
}

html:not(.dark) .one-events-all .one-event-card:hover {
    border-color: #acd7fb !important;
    box-shadow: 0 9px 28px rgba(15,35,55,.09) !important;
}


/* ---------- Card Dark ---------- */

html.dark .one-events-all .one-event-card {
    background: #162435 !important;
    border: 1px solid #26394c !important;
    box-shadow: 0 7px 22px rgba(0,0,0,.14) !important;
}

html.dark .one-events-all .one-event-card:hover {
    border-color: rgba(41,156,255,.45) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.22) !important;
}


/* ---------- Leerer Zustand ---------- */

.one-events-all .main-content-section.text-center {
    margin-top: 4px;
    padding: 42px 20px !important;
    border-radius: 14px !important;
}

html:not(.dark) .one-events-all .main-content-section.text-center {
    background: #fff !important;
    border: 1px solid #d7e2ec !important;
}

html.dark .one-events-all .main-content-section.text-center {
    background: #162435 !important;
    border: 1px solid #26394c !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1250px) {

    .one-events-all .one-events-filter {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;
    }

    .one-events-all .one-events-filter > button:last-child {
        width: 100% !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .one-events-all {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .one-events-all .one-events-filter {
        display: flex !important;
        flex-direction: column;
        gap: 8px !important;
        padding: 10px !important;
    }

    .one-events-all .one-events-filter > * {
        width: 100% !important;
        max-width: none !important;
    }

    .one-events-all .one-events-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .one-events-all .one-event-card > div:first-child {
        min-height: 175px;
    }

    .one-events-all .one-event-card .grid-item-title {
        font-size: 16px !important;
    }
}

/* ===== ENDE AIRSOFT ONE EVENTS ALL v10.2 ===== */


/* =========================================================
   AIRSOFT ONE EVENTS v10.3
   Filter Layout Fix
   ========================================================= */

/*
 * Linke Event-Spalte ist durch das rechte Popular-Events-Widget
 * deutlich schmaler als die gesamte Seite.
 *
 * Deshalb:
 * Desktop = 3 Spalten / 2 Reihen
 * Tablet  = 2 Spalten
 * Mobile  = 1 Spalte
 */

.one-events-all .one-events-filter {
    display: grid !important;
    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    gap: 10px !important;

    width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box !important;
    overflow: visible !important;
}


/* Alle direkten Filterelemente sauber begrenzen */

.one-events-all .one-events-filter > * {
    width: 100% !important;

    min-width: 0 !important;
    max-width: none !important;

    box-sizing: border-box !important;
}


/* PrimeVue Controls dürfen die Grid-Spalte nicht sprengen */

.one-events-all .one-events-filter .p-select,
.one-events-all .one-events-filter .p-inputtext,
.one-events-all .one-events-filter .p-component {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}


/* Lange Texte wie Standort / Kategorie abschneiden */

.one-events-all .one-events-filter .p-select-label,
.one-events-all .one-events-filter .p-inputtext {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}


/* Suchbutton */

.one-events-all .one-events-filter > button:last-child {
    width: 100% !important;
    min-width: 0 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

    .one-events-all .one-events-filter {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .one-events-all .one-events-filter {
        display: grid !important;

        grid-template-columns:
            1fr !important;

        gap: 8px !important;
    }
}

/* ===== ENDE AIRSOFT ONE EVENTS v10.3 ===== */


/* =========================================================
   AIRSOFT ONE EVENTS v10.4
   2-Spalten-Grid + Ticket Button
   ========================================================= */


/* Desktop: bewusst maximal 2 Spalten */

.one-events-all .one-events-grid {
    display: grid !important;
    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
}


/* Cover kompakter */

.one-events-all .one-event-card > div:first-child {
    min-height: 155px !important;
    height: 155px !important;
}


/* Card-Inhalt kompakter */

.one-events-all .one-event-card .pt-3.px-4.pb-4 {
    padding: 13px !important;
}

.one-events-all .one-event-card .grid-item-title {
    font-size: 15px !important;
}

.one-events-all .one-event-card .grid-item-sub {
    font-size: 10px !important;
}


/* =========================================================
   ACTIONS
   ========================================================= */

.one-event-actions {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding-top: 10px !important;
}

.one-event-rsvp {
    min-width: 0;
}


/* Ticket Button */

.one-event-ticket-button {
    flex: 0 0 auto;
}

.one-event-ticket-button button,
button.one-event-ticket-button {
    min-height: 36px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    border-radius: 8px !important;
}

.one-event-ticket-button i {
    margin-right: 5px;
    color: #299cff;
}

.one-event-ticket-button span {
    font-size: 11px;
    font-weight: 750;
}


/* Share kompakt */

.one-event-share-button {
    flex: 0 0 auto;
}

.one-event-share-button button,
button.one-event-share-button {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    border-radius: 8px !important;
}


/* Ticket Button Light */

html:not(.dark) .one-event-ticket-button button,
html:not(.dark) button.one-event-ticket-button {
    background: #eef7ff !important;
    border-color: #acd7fb !important;
    color: #168fe5 !important;
}

html:not(.dark) .one-event-ticket-button button:hover,
html:not(.dark) button.one-event-ticket-button:hover {
    background: #e3f2ff !important;
    border-color: #299cff !important;
}


/* Ticket Button Dark */

html.dark .one-event-ticket-button button,
html.dark button.one-event-ticket-button {
    background: rgba(41,156,255,.08) !important;
    border-color: rgba(41,156,255,.35) !important;
    color: #4aabff !important;
}

html.dark .one-event-ticket-button button:hover,
html.dark button.one-event-ticket-button:hover {
    background: rgba(41,156,255,.14) !important;
    border-color: #299cff !important;
}


/* =========================================================
   TABLET / schmalere Content-Spalte
   ========================================================= */

@media (max-width: 1050px) {

    .one-events-all .one-events-grid {
        grid-template-columns:
            1fr !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .one-events-all .one-event-card > div:first-child {
        min-height: 165px !important;
        height: 165px !important;
    }

    .one-event-actions {
        flex-wrap: wrap;
    }

    .one-event-rsvp {
        flex: 1 1 100%;
    }

    .one-event-ticket-button {
        flex: 1 1 auto;
    }

    .one-event-ticket-button button,
    button.one-event-ticket-button {
        width: 100% !important;
    }
}

/* ===== ENDE AIRSOFT ONE EVENTS v10.4 ===== */


/* =========================================================
   AIRSOFT ONE EVENTS v10.5
   Meine Veranstaltungen
   ========================================================= */


/* ---------- Toolbar ---------- */

.one-events-managed .one-events-subtoolbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;

    margin-bottom: 14px !important;
    padding: 13px 14px !important;

    border-radius: 14px !important;
}

.one-events-managed .one-events-subtoolbar > div:first-child {
    min-width: 0;
}

.one-events-managed .one-events-subtoolbar strong {
    display: block;

    font-size: 14px !important;
    font-weight: 850 !important;
}

.one-events-managed .one-events-subtoolbar span {
    display: block;

    margin-top: 3px !important;

    font-size: 10px !important;
    line-height: 1.4 !important;
}


/* ---------- Statusfilter ---------- */

.one-events-managed .one-events-status-filter {
    flex: 0 0 210px;

    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;
}

.one-events-managed .one-events-status-filter .p-select {
    width: 100% !important;

    min-height: 40px !important;

    border-radius: 9px !important;
}


/* ---------- Grid ---------- */

.one-events-managed-list .one-events-grid {
    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;

    gap: 14px !important;
}


/* ---------- Karten ---------- */

.one-events-managed-list .one-event-card {
    min-width: 0;

    border-radius: 14px !important;

    overflow: hidden !important;
}

.one-events-managed-list .one-event-card > div:first-child {
    height: 155px !important;
    min-height: 155px !important;

    padding-bottom: 0 !important;

    background-size: cover !important;
    background-position: center !important;
}

.one-events-managed-list .one-event-card .pt-3.px-4.pb-4 {
    padding: 13px !important;
}

.one-events-managed-list .one-event-card .grid-item-title {
    font-size: 15px !important;
    font-weight: 850 !important;
}

.one-events-managed-list .one-event-card .grid-item-sub {
    font-size: 10px !important;
    line-height: 1.45 !important;
}


/* ---------- Light ---------- */

html:not(.dark) .one-events-managed .one-events-subtoolbar {
    background: #ffffff !important;

    border: 1px solid #d7e2ec !important;

    box-shadow: 0 4px 18px rgba(15,35,55,.05) !important;
}

html:not(.dark) .one-events-managed-list .one-event-card {
    background: #ffffff !important;

    border: 1px solid #d7e2ec !important;

    box-shadow: 0 4px 18px rgba(15,35,55,.05) !important;
}

html:not(.dark) .one-events-managed-list .one-event-card:hover {
    border-color: #acd7fb !important;

    box-shadow: 0 9px 28px rgba(15,35,55,.09) !important;
}


/* ---------- Dark ---------- */

html.dark .one-events-managed .one-events-subtoolbar {
    background: #162435 !important;

    border: 1px solid #26394c !important;

    box-shadow: 0 7px 22px rgba(0,0,0,.14) !important;
}

html.dark .one-events-managed-list .one-event-card {
    background: #162435 !important;

    border: 1px solid #26394c !important;

    box-shadow: 0 7px 22px rgba(0,0,0,.14) !important;
}

html.dark .one-events-managed-list .one-event-card:hover {
    border-color: rgba(41,156,255,.45) !important;

    box-shadow: 0 10px 30px rgba(0,0,0,.22) !important;
}


/* ---------- Tablet ---------- */

@media (max-width: 1050px) {

    .one-events-managed-list .one-events-grid {
        grid-template-columns: 1fr !important;
    }
}


/* ---------- Mobile ---------- */

@media (max-width: 767px) {

    .one-events-managed .one-events-subtoolbar {
        align-items: stretch !important;
        flex-direction: column !important;

        padding: 11px 12px !important;
    }

    .one-events-managed .one-events-status-filter {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    .one-events-managed-list .one-event-card > div:first-child {
        height: 165px !important;
        min-height: 165px !important;
    }
}

/* ===== ENDE AIRSOFT ONE EVENTS v10.5 ===== */


/* =========================================================
   AIRSOFT ONE EVENTS v10.6
   Für dich + Deine Events
   ========================================================= */


/* =========================================================
   FÃœR DICH
   ========================================================= */

.one-events-for-you {
    width: 100%;
    min-width: 0;
}

.one-events-for-you-grid {
    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;

    gap: 14px !important;
}


/* Event Cards */

.one-events-for-you-grid .one-event-card {
    min-width: 0;

    border-radius: 14px !important;

    overflow: hidden !important;
}

.one-events-for-you-grid .one-event-card > div:first-child {
    height: 155px !important;
    min-height: 155px !important;

    padding-bottom: 0 !important;

    background-size: cover !important;
    background-position: center !important;
}

.one-events-for-you-grid .one-event-card .pt-3.px-4.pb-4 {
    padding: 13px !important;
}

.one-events-for-you-grid .one-event-card .grid-item-title {
    font-size: 15px !important;
    font-weight: 850 !important;
}

.one-events-for-you-grid .one-event-card .grid-item-sub {
    font-size: 10px !important;
    line-height: 1.45 !important;
}


/* Skeletons gleich groß wie echte Karten */

.one-events-for-you-skeleton > div {
    border-radius: 14px !important;
    overflow: hidden !important;
}

.one-events-for-you-skeleton > div > div:first-child {
    height: 155px !important;
    min-height: 155px !important;
    padding-bottom: 0 !important;
}


/* Empty State */

.one-events-for-you .main-content-section.text-center {
    padding: 42px 20px !important;
    border-radius: 14px !important;
}

html:not(.dark) .one-events-for-you .main-content-section.text-center {
    background: #fff !important;
    border: 1px solid #d7e2ec !important;
}

html.dark .one-events-for-you .main-content-section.text-center {
    background: #162435 !important;
    border: 1px solid #26394c !important;
}


/* =========================================================
   DEINE EVENTS
   ========================================================= */

.one-events-your {
    width: 100%;
    min-width: 0;
}


/* ---------- Subtabs ---------- */

.one-events-your-tabs {
    display: inline-flex !important;

    gap: 4px !important;

    margin-bottom: 14px !important;
    padding: 4px !important;

    border-radius: 11px !important;
}

.one-events-your-tabs button {
    min-height: 34px;

    padding: 7px 14px !important;

    border-radius: 8px !important;

    font-size: 11px !important;
    font-weight: 750 !important;

    transition:
        background .16s ease,
        color .16s ease,
        border-color .16s ease;
}


/* Light */

html:not(.dark) .one-events-your-tabs {
    background: #f4f7fa !important;
    border: 1px solid #d7e2ec !important;
}

html:not(.dark) .one-events-your-tabs button {
    background: transparent !important;
    color: #64748b !important;
}

html:not(.dark) .one-events-your-tabs button.bg-primary-color {
    background: #ffffff !important;

    color: #168fe5 !important;

    border: 1px solid #b9dcfb !important;

    box-shadow: 0 2px 8px rgba(15,35,55,.06) !important;
}

html:not(.dark) .one-events-your-tabs button:hover {
    background: #eef7ff !important;
    color: #168fe5 !important;
}


/* Dark */

html.dark .one-events-your-tabs {
    background: #111e2b !important;
    border: 1px solid #26394c !important;
}

html.dark .one-events-your-tabs button {
    background: transparent !important;
    color: #93a4b8 !important;
}

html.dark .one-events-your-tabs button.bg-primary-color {
    background: rgba(41,156,255,.12) !important;

    color: #4aabff !important;

    border: 1px solid rgba(41,156,255,.35) !important;
}

html.dark .one-events-your-tabs button:hover {
    background: rgba(41,156,255,.08) !important;
    color: #4aabff !important;
}


/* ---------- Event Grid ---------- */

.one-events-your-list .one-events-grid {
    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;

    gap: 14px !important;
}


/* Cards */

.one-events-your-list .one-event-card {
    min-width: 0;

    border-radius: 14px !important;

    overflow: hidden !important;
}

.one-events-your-list .one-event-card > div:first-child {
    height: 155px !important;
    min-height: 155px !important;

    padding-bottom: 0 !important;

    background-size: cover !important;
    background-position: center !important;
}

.one-events-your-list .one-event-card .pt-3.px-4.pb-4 {
    padding: 13px !important;
}

.one-events-your-list .one-event-card .grid-item-title {
    font-size: 15px !important;
    font-weight: 850 !important;
}

.one-events-your-list .one-event-card .grid-item-sub {
    font-size: 10px !important;
    line-height: 1.45 !important;
}


/* =========================================================
   Einheitliche Light Cards
   ========================================================= */

html:not(.dark) .one-events-for-you-grid .one-event-card,
html:not(.dark) .one-events-your-list .one-event-card {
    background: #fff !important;

    border: 1px solid #d7e2ec !important;

    box-shadow: 0 4px 18px rgba(15,35,55,.05) !important;
}

html:not(.dark) .one-events-for-you-grid .one-event-card:hover,
html:not(.dark) .one-events-your-list .one-event-card:hover {
    border-color: #acd7fb !important;

    box-shadow: 0 9px 28px rgba(15,35,55,.09) !important;
}


/* =========================================================
   Einheitliche Dark Cards
   ========================================================= */

html.dark .one-events-for-you-grid .one-event-card,
html.dark .one-events-your-list .one-event-card {
    background: #162435 !important;

    border: 1px solid #26394c !important;

    box-shadow: 0 7px 22px rgba(0,0,0,.14) !important;
}

html.dark .one-events-for-you-grid .one-event-card:hover,
html.dark .one-events-your-list .one-event-card:hover {
    border-color: rgba(41,156,255,.45) !important;

    box-shadow: 0 10px 30px rgba(0,0,0,.22) !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

    .one-events-for-you-grid,
    .one-events-your-list .one-events-grid {
        grid-template-columns: 1fr !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .one-events-for-you,
    .one-events-your {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .one-events-for-you-grid,
    .one-events-your-list .one-events-grid {
        grid-template-columns: 1fr !important;

        gap: 12px !important;
    }

    .one-events-for-you-grid .one-event-card > div:first-child,
    .one-events-your-list .one-event-card > div:first-child,
    .one-events-for-you-skeleton > div > div:first-child {
        height: 165px !important;
        min-height: 165px !important;
    }

    .one-events-your-tabs {
        display: flex !important;

        width: 100%;

        overflow-x: auto;

        white-space: nowrap;

        scrollbar-width: none;
    }

    .one-events-your-tabs::-webkit-scrollbar {
        display: none;
    }

    .one-events-your-tabs button {
        flex: 1 0 auto;
    }
}

/* ===== ENDE AIRSOFT ONE EVENTS v10.6 ===== */


/* =========================================================
   AIRSOFT ONE EVENT DETAIL v11
   ========================================================= */

.one-event-detail-page {
    width: 100%;
    min-width: 0;
}


/* =========================================================
   HERO / HAUPTCARD
   ========================================================= */

.one-event-detail-hero {
    overflow: hidden;
    border-radius: 14px !important;
}

.one-event-detail-cover {
    position: relative;
    min-height: 260px;
    border-radius: 14px 14px 0 0 !important;
}

/* dezenter Verlauf nach unten */
.one-event-detail-cover::after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    height: 32%;
    pointer-events: none;
    background: linear-gradient(
        to bottom,
        rgba(8,20,32,0),
        rgba(8,20,32,.22)
    );
}

/* Overlay-Inhalte über dem Verlauf */
.one-event-detail-cover > * {
    position: relative;
    z-index: 2;
}


/* =========================================================
   INFO-BEREICH
   ========================================================= */

.one-event-detail-info {
    padding: 18px 20px !important;
}

.one-event-detail-info .header-profile-name {
    font-size: 24px !important;
    line-height: 1.18 !important;
    font-weight: 900 !important;
    letter-spacing: -.025em;
}

html:not(.dark) .one-event-detail-info .header-profile-name {
    color: #1f2937 !important;
}

html.dark .one-event-detail-info .header-profile-name {
    color: #f1f5f9 !important;
}


/* =========================================================
   ACTION BUTTONS
   ========================================================= */

.one-event-detail-actions {
    gap: 7px !important;
}

.one-event-detail-actions button,
.one-event-detail-actions .p-button {
    min-height: 39px !important;
    border-radius: 9px !important;
}


/* Tickets bewusst hervorheben */

.one-event-detail-ticket-btn {
    position: relative;
}

html:not(.dark) .one-event-detail-ticket-btn button,
html:not(.dark) button.one-event-detail-ticket-btn,
html:not(.dark) .one-event-detail-ticket-btn.p-button {
    background: #eef7ff !important;
    border-color: #a9d7fb !important;
    color: #168fe5 !important;
}

html:not(.dark) .one-event-detail-ticket-btn:hover button,
html:not(.dark) button.one-event-detail-ticket-btn:hover,
html:not(.dark) .one-event-detail-ticket-btn.p-button:hover {
    background: #e2f2ff !important;
    border-color: #299cff !important;
}

html.dark .one-event-detail-ticket-btn button,
html.dark button.one-event-detail-ticket-btn,
html.dark .one-event-detail-ticket-btn.p-button {
    background: rgba(41,156,255,.10) !important;
    border-color: rgba(41,156,255,.40) !important;
    color: #4aabff !important;
}


/* =========================================================
   META
   ========================================================= */

.one-event-detail-meta {
    display: grid;
    gap: 6px;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    padding: 12px 14px;
    border-radius: 10px;
}

.one-event-detail-meta > div {
    margin-bottom: 0 !important;
    font-size: 12px !important;
}

.one-event-detail-meta svg,
.one-event-detail-meta i {
    color: #299cff !important;
}

html:not(.dark) .one-event-detail-meta {
    background: #f7f9fc;
    border: 1px solid #dce6ef;
}

html.dark .one-event-detail-meta {
    background: #111e2b;
    border: 1px solid #26394c;
}


/* =========================================================
   KATEGORIEN
   ========================================================= */

.one-event-detail-categories {
    gap: 6px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.one-event-detail-categories a {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 4px 9px;
    border-radius: 999px;
    font-size: 10px !important;
    font-weight: 750;
    text-decoration: none !important;
}

.one-event-detail-categories > span > span {
    display: none;
}

html:not(.dark) .one-event-detail-categories a {
    background: #eef7ff;
    border: 1px solid #c8e4fa;
    color: #168fe5 !important;
}

html.dark .one-event-detail-categories a {
    background: rgba(41,156,255,.09);
    border: 1px solid rgba(41,156,255,.25);
    color: #4aabff !important;
}


/* =========================================================
   TEILNEHMER / INTERESSIERT
   ========================================================= */

.one-event-detail-attendees {
    gap: 8px !important;
    margin-top: 12px !important;
}

.one-event-detail-attendees > div {
    min-height: 34px;
    padding: 5px 10px;
    border-radius: 999px;
    transition:
        background .16s ease,
        border-color .16s ease;
}

.one-event-detail-attendees > span {
    display: none;
}

.one-event-detail-attendees > div span {
    font-size: 11px !important;
    font-weight: 700;
}

html:not(.dark) .one-event-detail-attendees > div {
    background: #f7f9fc;
    border: 1px solid #dce6ef;
}

html:not(.dark) .one-event-detail-attendees > div.cursor-pointer:hover {
    background: #eef7ff;
    border-color: #b9dcfb;
}

html.dark .one-event-detail-attendees > div {
    background: #111e2b;
    border: 1px solid #26394c;
}

html.dark .one-event-detail-attendees > div.cursor-pointer:hover {
    background: rgba(41,156,255,.08);
    border-color: rgba(41,156,255,.35);
}


/* =========================================================
   TABS
   ========================================================= */

.one-event-detail-tabs {
    padding: 0 14px !important;
}

.one-event-detail-tabs .border-t {
    border-top: 1px solid !important;
}

html:not(.dark) .one-event-detail-tabs .border-t {
    border-color: #e1e9f0 !important;
}

html.dark .one-event-detail-tabs .border-t {
    border-color: #26394c !important;
}

.one-event-detail-tabs a,
.one-event-detail-tabs button {
    font-weight: 750 !important;
}


/* =========================================================
   TAB CONTENT
   ========================================================= */

.one-event-detail-content {
    margin-top: 14px;
}

.one-event-detail-content .main-content-section {
    border-radius: 14px !important;
}

.one-event-detail-content .main-content-section-header {
    padding: 14px 16px !important;
}

.one-event-detail-content .main-content-section-header-title {
    font-size: 15px !important;
    font-weight: 850 !important;
}

html:not(.dark) .one-event-detail-content .main-content-section {
    background: #ffffff !important;
    border: 1px solid #d7e2ec !important;
    box-shadow: 0 4px 18px rgba(15,35,55,.05) !important;
}

html.dark .one-event-detail-content .main-content-section {
    background: #162435 !important;
    border: 1px solid #26394c !important;
    box-shadow: 0 7px 22px rgba(0,0,0,.14) !important;
}


/* =========================================================
   GESAMTE HERO CARD LIGHT/DARK
   ========================================================= */

html:not(.dark) .one-event-detail-hero {
    background: #ffffff !important;
    border: 1px solid #d7e2ec !important;
    box-shadow: 0 5px 20px rgba(15,35,55,.055) !important;
}

html.dark .one-event-detail-hero {
    background: #162435 !important;
    border: 1px solid #26394c !important;
    box-shadow: 0 8px 26px rgba(0,0,0,.17) !important;
}


/* =========================================================
   STATUS-HINWEISE
   ========================================================= */

.one-event-detail-page > .main-content-section {
    margin-bottom: 12px;
    border-radius: 12px !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .one-event-detail-hero {
        border-radius: 0 !important;
    }

    .one-event-detail-cover {
        min-height: 190px !important;
        border-radius: 0 !important;
    }

    .one-event-detail-info {
        padding: 14px !important;
    }

    .one-event-detail-info .header-profile-name {
        font-size: 20px !important;
    }

    .one-event-detail-actions {
        width: 100%;
    }

    .one-event-detail-actions > * {
        flex: 1 1 auto;
    }

    .one-event-detail-meta {
        padding: 10px 11px;
    }

    .one-event-detail-tabs {
        padding: 0 8px !important;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .one-event-detail-tabs::-webkit-scrollbar {
        display: none;
    }

    .one-event-detail-content {
        margin-top: 10px;
    }
}

/* ===== ENDE AIRSOFT ONE EVENT DETAIL v11 ===== */


/* =========================================================
   AIRSOFT ONE EVENT DETAIL v11.1
   Cover / Upload / Datum Fix
   ========================================================= */


/* Die generische position:relative-Regel aus v11 neutralisieren */
.one-event-detail-cover > * {
    z-index: auto;
}


/* Coverbild wieder vollflächig */
.one-event-detail-cover > .absolute.inset-0.h-full {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 0 !important;
}


/* Cover Upload wieder oben rechts */
.one-event-detail-cover > .absolute.top-base-2.end-base-2 {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 5 !important;
}


/* Datum wieder unten links */
.one-event-detail-cover > .absolute.bottom-base-2.start-base-2 {
    position: absolute !important;
    left: 12px !important;
    bottom: 12px !important;
    top: auto !important;
    right: auto !important;
    z-index: 4 !important;
}


/* Datumskarte */
.one-event-detail-cover .w-12.rounded-base {
    width: 48px !important;
    min-width: 48px !important;
    overflow: hidden !important;
}


/* Monatskopf */
.one-event-detail-cover .w-12.rounded-base > div:first-child {
    display: block !important;
    min-height: 20px !important;
    padding: 4px 3px !important;
    background: #ef3340 !important;
    color: #ffffff !important;
    font-size: 9px !important;
    line-height: 12px !important;
}


/* Tageszahl */
.one-event-detail-cover .w-12.rounded-base > div:nth-child(2) {
    display: block !important;
    min-height: 32px !important;
    padding: 4px 2px !important;

    background: #ffffff !important;
    color: #1f2937 !important;

    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 24px !important;

    text-align: center !important;
}


/* Verlauf darf keine Bedienelemente verdecken */
.one-event-detail-cover::after {
    z-index: 1 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .one-event-detail-cover > .absolute.top-base-2.end-base-2 {
        top: 9px !important;
        right: 9px !important;
    }

    .one-event-detail-cover > .absolute.bottom-base-2.start-base-2 {
        left: 9px !important;
        bottom: 9px !important;
    }
}

/* ===== ENDE AIRSOFT ONE EVENT DETAIL v11.1 ===== */