/* AUTOMATISCH ERZEUGT aus admin.css (database/tools/gen_forum_public_css.py) - nicht von Hand ändern. Öffentliches Forum (v313). */
.fx-dash{--a-bg: #f5f5f6; --a-panel: #ffffff; --a-border: #e6e6e9;
    --a-text: #16161a; --a-muted: #6b6b74; --a-accent: #d40924; --a-accent-hover: #ef1230;
    --a-radius: 10px; --a-danger: #d64545; --a-success: #2f9e52;
    --a-input-bg: #ffffff; --a-btn-secondary-bg: #ececed; --a-chip-bg: #ececed;
    --a-success-bg: #e3f6e8; --a-success-border: #b7e6c2; --a-success-text: #1f7a3a;
    --a-error-bg: #fbe9e9; --a-error-border: #f0c2c2; --a-error-text: #a3312f;
    --a-warning-bg: #fff3d6; --a-warning-border: #f0d28a; --a-warning-text: #8a6512;
    --a-hover-tint: rgba(0,0,0,0.03);
    --font: 'Inter', 'Helvetica Neue', Arial, sans-serif;}
html[data-theme="dark"] .fx-dash{--a-bg: #0a0a0b; --a-panel: #131315; --a-border: #232326;
    --a-text: #f0f0f2; --a-muted: #8b8b95; --a-accent: #d40924; --a-accent-hover: #ef1230;
    --a-danger: #e05252; --a-success: #3fbf60;
    --a-input-bg: #0f1115; --a-btn-secondary-bg: #262a33; --a-chip-bg: #2a2a30;
    --a-success-bg: #163a1e; --a-success-border: #2f7a3f; --a-success-text: #6fe08a;
    --a-error-bg: #3a1616; --a-error-border: #7a2f2f; --a-error-text: #f0b6b6;
    --a-warning-bg: #3a2e0f; --a-warning-border: #7a5f1f; --a-warning-text: #f0cf6f;
    --a-hover-tint: rgba(255,255,255,0.03);}
.fx-dash *{box-sizing: border-box;}
.fx-dash{margin: 0; background: var(--a-bg); color: var(--a-text); font-family: var(--font); transition: background-color .25s ease, color .25s ease;}
.fx-dash a{color: inherit; text-decoration: none;}
.fx-dash p a:not(.btn),.fx-dash li a:not(.btn),.fx-dash td a:not(.btn),.fx-dash .hint a:not(.btn),.fx-dash label a:not(.btn),.fx-dash .alert a:not(.btn){text-decoration: underline; text-underline-offset: 2px;}
.fx-dash .admin-sidebar a,.fx-dash .admin-sidebar li a,.fx-dash .admin-sidebar p a{text-decoration: none;}
.fx-dash .login-page{display: flex; align-items: center; justify-content: center; min-height: 100vh;}
.fx-dash .login-box{background: var(--a-panel); border: 1px solid var(--a-border); border-radius: var(--a-radius); padding: 40px; width: 100%; max-width: 360px; text-align: center;}
.fx-dash .login-box h1{color: var(--a-accent); margin-bottom: 0;}
.fx-dash .login-sub{color: var(--a-muted); margin-top: 4px; margin-bottom: 24px;}
.fx-dash .admin-layout{display: flex; min-height: 100vh;}
.fx-dash .admin-sidebar{width: 268px; background: var(--a-panel); border-right: 1px solid var(--a-border); display: flex; flex-direction: column; flex-shrink: 0;}
.fx-dash .sidebar-brand{padding: 24px 20px; font-weight: 800; font-size: 1.1rem; border-bottom: 1px solid var(--a-border);}
.fx-dash .sidebar-brand-sub{display: block; font-size: .75rem; color: var(--a-muted); font-weight: 400;}
.fx-dash .admin-sidebar nav{flex-grow: 1; padding: 12px 0; overflow-y: auto; overflow-x: hidden;}
.fx-dash .sidebar-group-label{width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 8px;
    padding: 16px 20px 6px; font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
    color: var(--a-muted); opacity: .75; background: none; border: none; cursor: pointer; font-family: inherit;
    transition: opacity .15s;}
.fx-dash .sidebar-group-label:hover{opacity: 1;}
.fx-dash .sidebar-group-chevron{font-size: .7rem; transition: transform .18s ease; flex-shrink: 0;}
.fx-dash .sidebar-group.is-collapsed .sidebar-group-chevron{transform: rotate(-90deg);}
.fx-dash .sidebar-group.is-collapsed ul{display: none;}
.fx-dash .admin-sidebar nav.is-searching .sidebar-group.is-collapsed ul{display: block;}
.fx-dash .admin-sidebar nav.is-searching .sidebar-group-chevron{display: none;}
.fx-dash .admin-sidebar [hidden]{display: none !important;}
.fx-dash .admin-sidebar ul{list-style: none; margin: 0; padding: 0;}
.fx-dash .sidebar-subheading{display: flex; align-items: center; gap: 8px; padding: 10px 20px 2px 22px; font-size: .62rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase;
    color: var(--a-muted); opacity: .6;}
.fx-dash .sidebar-subheading::after{content: ''; flex: 1; height: 1px; background: var(--a-border);}
.fx-dash .sidebar-group > ul > li:first-child.sidebar-subheading{padding-top: 2px;}
.fx-dash .sidebar-search{padding: 10px 14px 0;}
.fx-dash .sidebar-search input{width: 100%; box-sizing: border-box; padding: 8px 12px; font-size: .85rem; border: 1px solid var(--a-border); border-radius: 8px; background: var(--a-bg); color: var(--a-text); font-family: inherit;}
.fx-dash .sidebar-search input:focus{outline: 2px solid var(--a-accent); outline-offset: -1px;}
.fx-dash .sidebar-nohit{margin: 12px 20px; font-size: .85rem; color: var(--a-muted);}
.fx-dash .sidebar-group + .sidebar-group{border-top: 1px solid var(--a-border); margin-top: 4px;}
.fx-dash .admin-sidebar li a{padding-top: 8px; padding-bottom: 8px;}
.fx-dash .admin-sidebar li a{display: flex; align-items: flex-start; gap: 10px; padding: 10px 20px; color: var(--a-muted); font-weight: 500;
    line-height: 1.3;}
.fx-dash .admin-sidebar li a .icon{flex-shrink: 0; margin-top: 1px;}
.fx-dash .admin-sidebar li a .label{min-width: 0; overflow-wrap: break-word; word-break: break-word;}
.fx-dash .admin-sidebar li a:hover{color: var(--a-text); background: var(--a-hover-tint);}
.fx-dash .admin-sidebar li.active a{color: var(--a-accent); background: rgba(212,9,36,0.1); border-right: 3px solid var(--a-accent);}
.fx-dash .sidebar-footer{padding: 16px 20px; border-top: 1px solid var(--a-border);}
.fx-dash .sidebar-user{font-size: .85rem; margin-bottom: 8px;}
.fx-dash .sidebar-customer-number{font-size: .72rem; color: var(--a-muted); margin: -4px 0 8px;}
.fx-dash .role-badge{display: inline-block; background: var(--a-accent); color: #fff; font-size: .68rem; padding: 1px 6px; border-radius: 10px; margin-left: 4px; text-transform: uppercase;}
.fx-dash .sidebar-logout{color: var(--a-danger); font-size: .85rem;}
.fx-dash .admin-main{flex-grow: 1; display: flex; flex-direction: column; min-width: 0;}
.fx-dash .admin-topbar{display: flex; align-items: center; gap: 16px; padding: 18px 28px; border-bottom: 1px solid var(--a-border); background: var(--a-panel);}
.fx-dash .admin-topbar h1{font-size: 1.2rem; margin: 0; flex-grow: 1;}
.fx-dash .topbar-view-site{color: var(--a-muted); font-size: .85rem;}
.fx-dash .theme-toggle{width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--a-border); background: var(--a-panel);
    color: var(--a-text); display: flex; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0;
    transition: border-color .2s;}
.fx-dash .theme-toggle:hover{border-color: var(--a-accent);}
.fx-dash .theme-toggle svg{width: 16px; height: 16px;}
.fx-dash .theme-toggle .icon-sun{display: none;}
html[data-theme="dark"] .fx-dash .theme-toggle .icon-moon{display: none;}
html[data-theme="dark"] .fx-dash .theme-toggle .icon-sun{display: block;}
.fx-dash .sidebar-toggle{display: none; background: none; border: 0; color: var(--a-text); font-size: 1.3rem;}
.fx-dash .admin-content{padding: 28px;}
@media (max-width: 900px){.fx-dash .admin-sidebar{position: fixed; left: -268px; top: 0; bottom: 0; z-index: 200; transition: left .2s;}
.fx-dash .admin-layout.sidebar-open .admin-sidebar{left: 0;}
.fx-dash .sidebar-toggle{display: block;}}
.fx-dash .panel{background: var(--a-panel); border: 1px solid var(--a-border); border-radius: var(--a-radius); padding: 24px; margin-bottom: 24px; overflow-x: auto;}
.fx-dash .panel h2,.fx-dash .panel p{overflow-wrap: break-word;}
.fx-dash .panel h2{margin-top: 0; font-size: 1.05rem;}
.fx-dash .btn{display: inline-block; padding: 10px 20px; border-radius: var(--a-radius); font-weight: 600; border: 1px solid transparent; cursor: pointer; font-size: .9rem;}
.fx-dash .btn-primary{background: var(--a-accent); color: #fff;}
.fx-dash .btn-primary:hover{background: var(--a-accent-hover);}
.fx-dash .btn-secondary{background: var(--a-btn-secondary-bg); color: var(--a-text);}
.fx-dash .btn-danger{background: var(--a-danger); color: #fff;}
.fx-dash .btn-block{width: 100%;}
.fx-dash .btn-sm{padding: 6px 12px; font-size: .8rem;}
.fx-dash table{width: 100%; min-width: 640px; border-collapse: collapse;}
.fx-dash .monetize-icon-cell{width: 20px; color: var(--a-accent);}
.fx-dash .monetize-icon-cell svg{width: 18px; height: 18px; display: block;}
.fx-dash th,.fx-dash td{text-align: left; padding: 14px; border-bottom: 1px solid var(--a-border); font-size: .9rem; vertical-align: middle;}
.fx-dash th{color: var(--a-muted); font-weight: 600; text-transform: uppercase; font-size: .72rem; letter-spacing: .04em;}
.fx-dash tr:hover td{background: var(--a-hover-tint);}
.fx-dash .actions-cell{white-space: nowrap;}
.fx-dash .actions-inner{display: flex; gap: 8px; flex-wrap: wrap;}
.fx-dash .genre-tags{display: flex; flex-wrap: wrap; gap: 6px;}
.fx-dash .genre-tag{display: inline-block; padding: 3px 10px; border-radius: 20px; font-size: .74rem; font-weight: 600;
    background: rgba(212,9,36,0.1); color: var(--a-accent); white-space: nowrap;}
.fx-dash .form-row{margin-bottom: 18px;}
.fx-dash .form-row label{display: block; margin-bottom: 6px; font-weight: 600; font-size: .88rem;}
.fx-dash .form-row .hint{display: block; color: var(--a-muted); font-size: .78rem; margin-top: 4px; font-weight: 400;}
.fx-dash input[type=text],.fx-dash input[type=email],.fx-dash input[type=password],.fx-dash input[type=number],.fx-dash input[type=url],.fx-dash input[type=search],.fx-dash input[type=tel],.fx-dash input[type=date],.fx-dash input[type=month],.fx-dash input[type=time],.fx-dash input[type=datetime-local],.fx-dash textarea,.fx-dash select{width: 100%; padding: 10px 12px; background: var(--a-input-bg); border: 1px solid var(--a-border); border-radius: var(--a-radius);
    color: var(--a-text); font-family: var(--font); font-size: 16px;}
.fx-dash input[type=file]{width: 100%; padding: 8px 0; color: var(--a-muted); font-family: var(--font); font-size: .88rem;}
.fx-dash input[type=file]::file-selector-button{background: var(--a-accent); color: #fff; border: none; padding: 10px 18px; border-radius: var(--a-radius);
    cursor: pointer; font-weight: 600; font-family: inherit; font-size: .85rem; margin-right: 14px; transition: background .2s;}
.fx-dash input[type=file]::file-selector-button:hover{background: var(--a-accent-hover);}
.fx-dash input[type=checkbox],.fx-dash input[type=radio]{appearance: none; -webkit-appearance: none; -moz-appearance: none;
    width: 20px; height: 20px; min-width: 20px; flex-shrink: 0;
    border: 2px solid var(--a-border); background: var(--a-bg); cursor: pointer;
    position: relative; margin: 0; transition: border-color .15s, background .15s;
    vertical-align: middle;}
.fx-dash input[type=checkbox]{border-radius: 6px;}
.fx-dash input[type=radio]{border-radius: 50%;}
.fx-dash input[type=checkbox]:hover,.fx-dash input[type=radio]:hover{border-color: var(--a-accent);}
.fx-dash input[type=checkbox]:checked,.fx-dash input[type=radio]:checked{background: var(--a-accent); border-color: var(--a-accent);}
.fx-dash input[type=checkbox]:checked::after{content: ''; position: absolute; left: 50%; top: 44%; width: 5px; height: 9px;
    border: solid #fff; border-width: 0 2px 2px 0; transform: translate(-50%,-50%) rotate(45deg);}
.fx-dash input[type=radio]:checked::after{content: ''; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px;
    background: #fff; border-radius: 50%; transform: translate(-50%,-50%);}
.fx-dash .checkbox-row{display: flex; align-items: flex-start; gap: 10px;}
.fx-dash .checkbox-row input{margin-top: 2px;}
.fx-dash .store-card input[type=checkbox]{border-radius: 50%;}
.fx-dash textarea{resize: vertical;}
.fx-dash input:focus,.fx-dash textarea:focus,.fx-dash select:focus{outline: none; border-color: var(--a-accent);}
.fx-dash .form-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px;}
.fx-dash .cart-summary-grid{grid-template-columns: 2fr 1fr;}
.fx-dash .cart-summary-grid > *{min-width: 0;}
.fx-dash .alert{padding: 12px 16px; border-radius: var(--a-radius); margin-bottom: 20px; font-size: .9rem;}
.fx-dash .alert-success{background: var(--a-success-bg); border: 1px solid var(--a-success-border); color: var(--a-success-text);}
.fx-dash .alert-error{background: var(--a-error-bg); border: 1px solid var(--a-error-border); color: var(--a-error-text);}
.fx-dash .badge{display: inline-block; padding: 2px 10px; border-radius: 20px; font-size: .72rem; font-weight: 700;}
.fx-dash .badge-active{background: var(--a-success-bg); color: var(--a-success-text);}
.fx-dash .badge-inactive{background: var(--a-error-bg); color: var(--a-error-text);}
.fx-dash .badge-neutral{background: var(--a-border); color: var(--a-muted);}
.fx-dash .social-links-editor{margin-bottom: 12px;}
.fx-dash .social-links-group{margin-bottom: 20px;}
.fx-dash .social-links-group:last-child{margin-bottom: 0;}
.fx-dash .social-links-group-title{font-weight: 600; font-size: .85rem; color: var(--a-muted); text-transform: uppercase; letter-spacing: .03em; margin-bottom: 8px;}
.fx-dash .social-link-row{display: flex; gap: 10px; margin-bottom: 10px; align-items: center;}
.fx-dash .social-link-row select{flex: 0 0 220px;}
.fx-dash .social-link-row input{flex: 1;}
.fx-dash .social-link-row .social-link-remove{flex: 0 0 auto; padding: 10px 14px;}
.fx-dash .internal-ids-box{background: var(--a-bg); border: 1px solid var(--a-border); border-radius: var(--a-radius); padding: 16px 18px;}
.fx-dash .internal-ids-note{font-size: .85rem; color: var(--a-muted); margin: 0 0 14px;}
.fx-dash .form-section-title{font-size: 1.02rem; font-weight: 700; margin: 28px 0 12px; padding-top: 20px; border-top: 1px solid var(--a-border);}
.fx-dash .form-section-title:first-child{margin-top: 0; padding-top: 0; border-top: none;}
.fx-dash .store-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px;}
.fx-dash .store-card{display: flex; align-items: center; gap: 12px; padding: 12px 14px; background: var(--a-bg);
    border: 1px solid var(--a-border); border-radius: var(--a-radius); cursor: pointer; transition: border-color .15s, background .15s;
    position: relative;}
.fx-dash .store-card:hover{border-color: var(--a-accent);}
.fx-dash .store-card.checked{border-color: var(--a-accent); background: rgba(212,9,36,0.08);}
.fx-dash .store-card input[type=checkbox]{width: auto; margin: 0; accent-color: var(--a-accent);}
.fx-dash .store-badge{width: 34px; height: 34px; border-radius: 9px; display: flex; align-items: center; justify-content: center;
    font-size: 1.1rem; flex-shrink: 0;}
.fx-dash .store-card-label{font-weight: 600; font-size: .9rem; flex-grow: 1;}
.fx-dash .store-select-all{display: flex; align-items: center; gap: 10px; padding: 12px 16px; background: var(--a-accent); color: #fff;
    border-radius: var(--a-radius); font-weight: 700; cursor: pointer; margin-bottom: 16px; width: fit-content;}
.fx-dash .store-select-all input{accent-color: #fff;}
.fx-dash .preview-slider{margin: 10px 0;}
.fx-dash .preview-time-row{display: flex; align-items: center; gap: 14px;}
.fx-dash .preview-play-btn{width: 38px; height: 38px; border-radius: 50%; border: none; background: var(--a-accent); color: #fff;
    font-size: .9rem; cursor: pointer; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
.fx-dash .preview-play-btn:hover{background: var(--a-accent-hover);}
.fx-dash .preview-track-wrap{flex-grow: 1;}
.fx-dash .preview-time-labels{display: flex; justify-content: space-between; font-size: .78rem; color: var(--a-accent); font-weight: 600; margin-bottom: 4px;}
.fx-dash .preview-bar{position: relative; height: 40px; background: #cfe4ff; border-radius: 8px; overflow: hidden; cursor: pointer;}
.fx-dash .preview-window{position: absolute; top: 0; bottom: 0; background: #4c8dff; color: #fff; font-size: .78rem; font-weight: 700;
    display: flex; align-items: center; justify-content: center; border-radius: 8px; cursor: grab; user-select: none;
    box-shadow: 0 0 0 2px #fff inset;}
.fx-dash .preview-window:active{cursor: grabbing;}
.fx-dash .artist-chip-row{display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-start;}
.fx-dash .artist-chip{text-align: center; width: 76px;}
.fx-dash .artist-chip-avatar{position: relative; width: 64px; height: 64px; border-radius: 50%; margin: 0 auto 6px;
    background-size: cover; background-position: center; background-color: var(--a-chip-bg);
    display: flex; align-items: center; justify-content: center; font-weight: 700; color: var(--a-muted);}
.fx-dash .artist-chip-remove{position: absolute; top: -4px; right: -4px; width: 20px; height: 20px; border-radius: 50%; background: #333;
    color: #fff; display: flex; align-items: center; justify-content: center; font-size: .8rem; cursor: pointer; border: 2px solid var(--a-bg);}
.fx-dash .artist-chip-name{font-size: .72rem; color: var(--a-muted); display: block; word-break: break-word;}
.fx-dash .artist-chip-add{cursor: pointer;}
.fx-dash .artist-chip-add-icon{background: var(--a-panel); border: 1px dashed var(--a-border); color: var(--a-accent); font-size: 1.3rem;}
.fx-dash .artist-chip-add:hover .artist-chip-add-icon{border-color: var(--a-accent);}
.fx-dash .oc-tooltip-icon{position: relative;}
.fx-dash .oc-tooltip-text{display: none; position: absolute; bottom: 130%; left: 50%; transform: translateX(-50%);
    background: #1a1a2e; color: #fff; padding: 12px 14px; border-radius: 10px; font-size: .78rem;
    width: 260px; line-height: 1.5; z-index: 50; box-shadow: 0 8px 20px rgba(0,0,0,0.3);}
.fx-dash .oc-tooltip-icon:hover .oc-tooltip-text{display: block;}
.fx-dash .thumb{width: 44px; height: 44px; border-radius: 6px; object-fit: cover; background: #222;}
.fx-dash .page-header-row{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
@media (max-width: 900px){.fx-dash .admin-content{padding: 20px 16px;}
.fx-dash .admin-topbar{padding: 14px 16px; gap: 10px;}
.fx-dash .admin-topbar h1{font-size: 1.05rem;}
.fx-dash .topbar-view-site{display: none;}}
@media (max-width: 700px){.fx-dash .form-grid{grid-template-columns: 1fr;}
.fx-dash .cart-summary-grid{grid-template-columns: 1fr;}
.fx-dash .page-header-row{flex-direction: column; align-items: flex-start; gap: 12px;}
.fx-dash .page-header-row .btn{width: 100%; text-align: center;}
.fx-dash .social-link-row{flex-wrap: wrap;}
.fx-dash .social-link-row select{flex: 1 1 100%;}
.fx-dash .social-link-row input{flex: 1 1 100%;}}
@media (max-width: 480px){.fx-dash .login-box{padding: 28px 22px; margin: 16px;}
.fx-dash .panel{padding: 18px;}
.fx-dash .actions-inner{flex-direction: column; align-items: stretch;}
.fx-dash .actions-inner .btn{width: 100%; text-align: center;}}
@media (hover: none) and (pointer: coarse){.fx-dash .btn{min-height: 44px; display: inline-flex; align-items: center; justify-content: center;}
.fx-dash .btn-sm{min-height: 40px; padding: 8px 14px;}
.fx-dash .admin-sidebar li a{min-height: 46px;}
.fx-dash .sidebar-group-label{min-height: 46px;}
.fx-dash .sidebar-toggle{min-width: 44px; min-height: 44px;}
.fx-dash .theme-toggle{min-width: 40px; min-height: 40px;}}
.fx-dash .alert-warning{background: var(--a-warning-bg); border: 1px solid var(--a-warning-border); color: var(--a-warning-text);}
.fx-dash .oc-subtabs{display: flex; gap: 22px; border-bottom: 1px solid var(--a-border); margin-bottom: 20px; flex-wrap: wrap;}
.fx-dash .oc-subtabs a{padding: 10px 2px; color: var(--a-muted); text-decoration: none; font-weight: 600; font-size: .92rem; border-bottom: 2px solid transparent;}
.fx-dash .oc-subtabs a:hover{color: var(--a-text);}
.fx-dash .oc-subtabs a.active{color: var(--a-accent); border-bottom-color: var(--a-accent);}
.fx-dash .oc-chart-wrap{display: flex; gap: 24px;}
.fx-dash .oc-chart-bars{flex: 1; display: flex; align-items: flex-end; gap: 10px; height: 220px; padding-top: 10px;}
.fx-dash .oc-chart-bar-col{flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 100%;}
.fx-dash .oc-chart-bar{width: 60%; background: var(--a-accent); border-radius: 4px 4px 0 0; min-height: 2px; opacity: .85;}
.fx-dash .oc-chart-label{margin-top: 8px; font-size: .72rem; color: var(--a-muted);}
.fx-dash .oc-chart-side{width: 220px; border-left: 1px solid var(--a-border); padding-left: 24px;}
.fx-dash .oc-stat-empty{color: var(--a-muted); text-align: center; padding: 30px 10px; background: var(--a-bg); border-radius: var(--a-radius);}
.fx-dash .report-card{position: relative; text-align: center; padding: 40px 20px 26px;}
.fx-dash .report-card .report-icon{width: 46px; height: 46px; border-radius: 10px; background: var(--a-chip-bg); display: flex; align-items: center; justify-content: center; margin: 0 auto 14px; font-size: 1.3rem;}
.fx-dash .report-card .pill-badge{position: absolute; top: 14px; left: 50%; transform: translateX(-50%); background: var(--a-accent); color: #fff; font-size: .68rem; font-weight: 700; padding: 3px 12px; border-radius: 20px; white-space: nowrap;}
.fx-dash .report-card p{color: var(--a-muted); font-size: .85rem; min-height: 55px;}
.fx-dash .report-card .btn:disabled{opacity: .5; cursor: not-allowed;}
.fx-dash .btn:disabled{opacity: .5; cursor: not-allowed;}
.fx-dash .notif-bell-btn{position: relative; font-size: 1.1rem;}
.fx-dash .notif-badge{position: absolute; top: -2px; right: -2px; background: #d4183d; color: #fff; font-size: .65rem; font-weight: 700; border-radius: 999px; padding: 1px 5px; line-height: 1.3; min-width: 16px; text-align: center;}
.fx-dash .notif-dropdown{display: none; position: absolute; top: 100%; right: 0; margin-top: 8px; width: 320px; max-width: 90vw; background: var(--a-panel); border: 1px solid var(--a-border); border-radius: var(--a-radius); box-shadow: 0 8px 24px rgba(0,0,0,.18); z-index: 100; overflow: hidden;}
.fx-dash .notif-dropdown.open{display: block;}
.fx-dash .notif-dropdown-header{display: flex; justify-content: space-between; align-items: center; padding: 10px 14px; border-bottom: 1px solid var(--a-border); font-size: .9rem;}
.fx-dash .notif-mark-all{background: none; border: none; color: var(--a-accent); font-size: .78rem; cursor: pointer; padding: 0;}
.fx-dash .notif-item{display: block; padding: 10px 14px; border-bottom: 1px solid var(--a-border); text-decoration: none; color: inherit; font-size: .85rem; max-height: 260px;}
.fx-dash .notif-item:last-child{border-bottom: none;}
.fx-dash .notif-item.unread{background: var(--a-bg); font-weight: 600;}
.fx-dash .notif-item-date{color: var(--a-muted); font-size: .75rem; margin-top: 3px; font-weight: 400;}
.fx-dash .notif-empty{padding: 20px 14px; text-align: center; color: var(--a-muted); font-size: .85rem;}
.fx-dash .notif-dropdown-footer{display: block; text-align: center; padding: 10px; border-top: 1px solid var(--a-border); font-size: .82rem; text-decoration: none; color: var(--a-accent);}
.fx-dash .smiley-picker{display: flex; flex-wrap: wrap; gap: 4px; padding: 6px; border: 1px solid var(--a-border); border-top: none; background: var(--a-bg);}
.fx-dash .smiley-picker button{border: none; background: none; padding: 3px; border-radius: 4px; cursor: pointer; line-height: 0;}
.fx-dash .smiley-picker button:hover{background: var(--a-border);}
.fx-dash .smiley-picker img{width: 22px; height: 22px; display: block;}
.fx-dash .bbcode-smiley{width: 20px; height: 20px; vertical-align: middle; display: inline-block;}
.fx-dash .ticket-table{table-layout: fixed;}
.fx-dash .ticket-table td{padding: 10px 12px; font-size: .85rem;}
.fx-dash .ticket-table th{padding: 10px 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.fx-dash .balance-progress{width: 100%; height: 10px; border-radius: 20px; background: var(--a-border); overflow: hidden; margin: 16px 0;}
.fx-dash .balance-progress-fill{height: 100%; background: var(--a-accent);}
.fx-dash .balance-legend{display: flex; gap: 24px; align-items: center; flex-wrap: wrap;}
.fx-dash .balance-legend-dot{display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 6px;}
.fx-dash .payout-method-card{display: flex; align-items: center; gap: 12px; padding: 16px; border: 1px solid var(--a-border); border-radius: var(--a-radius);}
.fx-dash .payout-method-card .bank-icon{width: 40px; height: 40px; border-radius: 8px; background: var(--a-chip-bg); display: flex; align-items: center; justify-content: center; font-size: 1.2rem;}
.fx-dash .user-avatar{border-radius: 50%; object-fit: cover; display: inline-block; flex-shrink: 0;}
.fx-dash .user-avatar-fallback{color: #fff; text-align: center; font-weight: 700;}
.fx-dash .forum-badge-admin{background: #d40924; color: #fff;}
.fx-dash .forum-badge-supermod{background: #e8791a; color: #fff;}
.fx-dash .forum-badge-mod{background: #2f9e52; color: #fff;}
.fx-dash .forum-post{display: flex; gap: 20px; align-items: flex-start;}
.fx-dash .forum-post-author{width: 160px; flex-shrink: 0; text-align: center; padding-right: 16px;
    border-right: 1px solid var(--a-border);}
.fx-dash .forum-post-author .user-avatar{width: 64px; height: 64px; font-size: 26px; line-height: 64px; margin: 0 auto 8px;}
.fx-dash .forum-post-author .author-name{font-weight: 700; display: block; margin-bottom: 4px;}
.fx-dash .forum-post-author .author-stats{font-size: .74rem; color: var(--a-muted); line-height: 1.6; margin-top: 8px;}
.fx-dash .forum-post-body{flex: 1; min-width: 0;}
.fx-dash .forum-post-meta{color: var(--a-muted); font-size: .8rem; margin-bottom: 10px;}
.fx-dash .forum-post-content{line-height: 1.65; word-wrap: break-word;}
.fx-dash .forum-post-content p{margin: 0 0 12px;}
.fx-dash .bbcode-quote{border-left: 3px solid var(--a-accent); background: var(--a-bg); margin: 10px 0; padding: 8px 14px;
    font-size: .92rem; color: var(--a-muted);}
.fx-dash .bbcode-quote cite{display: block; font-style: normal; font-weight: 700; color: var(--a-text); margin-bottom: 4px;}
.fx-dash .bbcode-code{background: #1a1a1a; color: #e4e4e4; padding: 12px 14px; border-radius: 6px; font-family: monospace;
    font-size: .85rem; overflow-x: auto; white-space: pre-wrap;}
.fx-dash .bbcode-list{margin: 10px 0; padding-left: 22px;}
.fx-dash .bbcode-img{max-width: 100%; border-radius: 6px; margin: 8px 0;}
.fx-dash .forum-post-content ul,.fx-dash .forum-post-content ol{margin: 8px 0 12px; padding-left: 24px;}
.fx-dash .forum-post-content li{margin-bottom: 3px;}
.fx-dash .forum-post-content h2{font-size: 1.2rem; margin: 16px 0 8px;}
.fx-dash .forum-post-content h3{font-size: 1.05rem; margin: 14px 0 6px;}
.fx-dash .forum-post-content pre.bbcode-code{margin: 10px 0;}
.fx-dash .forum-post-content img.forum-inline-img{display: block; max-width: 100%; max-height: 520px; height: auto; border-radius: 6px; margin: 8px 0; cursor: zoom-in;}
.fx-dash .bbcode-toolbar{display: flex; gap: 4px; margin-bottom: 6px; flex-wrap: wrap;}
.fx-dash .bbcode-toolbar button{padding: 5px 10px; font-size: .8rem; border-radius: 5px; border: 1px solid var(--a-border);
    background: var(--a-panel); color: var(--a-text); cursor: pointer;}
.fx-dash .bbcode-toolbar button:hover{background: var(--a-bg);}
@media (max-width: 640px){.fx-dash .forum-post{flex-direction: column;}
.fx-dash .forum-post-author{width: 100%; border-right: none; border-bottom: 1px solid var(--a-border); padding-right: 0; padding-bottom: 12px; text-align: left; display: flex; align-items: center; gap: 12px;}
.fx-dash .forum-post-author .user-avatar{margin: 0;}
.fx-dash .forum-post-author .author-stats{margin-top: 0;}}
@media (max-width: 640px){.fx-dash .forum-post-head{flex-direction: column; gap: 8px !important;}
.fx-dash .forum-post-head > div:last-child{justify-content: flex-start !important;}}
.fx-dash .forum-post-content{overflow-wrap: anywhere; min-width: 0; max-width: 100%;}
.fx-dash .forum-post-content pre,.fx-dash .forum-post-content pre.bbcode-code{max-width: 100%; overflow-x: auto; box-sizing: border-box;}
.fx-dash .forum-post-content table{display: block; max-width: 100%; min-width: 0; overflow-x: auto;}
.fx-dash .forum-post-content img,.fx-dash .forum-post-content video{max-width: 100%; height: auto;}
.fx-dash .forum-post-content iframe{max-width: 100%;}
@media (max-width: 640px){.fx-dash .forum-post{align-items: stretch;}
.fx-dash .forum-post-body{width: 100%;}}
@media (max-width: 640px){.fx-dash .forum-post-author{display: grid !important; grid-template-columns: 64px minmax(0, 1fr); gap: 2px 14px !important; align-items: center; text-align: left; width: 100%; box-sizing: border-box;}
.fx-dash .forum-post-author > *{grid-column: 2; min-width: 0; margin: 0;}
.fx-dash .forum-post-author > :first-child{grid-column: 1; grid-row: 1 / span 6; align-self: start;}
.fx-dash .forum-post-author .author-name{overflow-wrap: anywhere;}
.fx-dash .forum-post-author .fa-line{display: flex; flex-wrap: wrap; gap: 4px; align-items: center;}
.fx-dash .forum-post-author > .author-stats{grid-column: 1 / -1; margin-top: 8px;}
.fx-dash .forum-post-content{margin-top: 12px;}}
.fx-dash .forum-tree-table{table-layout: fixed; width: 100%;}
.fx-dash .forum-tree-table td{vertical-align: middle; height: 52px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis;}
.fx-dash .forum-tree-table th{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.fx-dash .forum-tree-table .actions-inner{flex-wrap: nowrap; white-space: nowrap;}
.fx-dash .forum-status-badges{display: flex; flex-wrap: nowrap; align-items: center; gap: 6px; white-space: nowrap;}
@media (max-width: 700px){.fx-dash .forum-tree-table:not(.perm-grid),.fx-dash .forum-tree-table:not(.perm-grid) tbody{display: block; min-width: 0; width: 100%;}
.fx-dash .forum-tree-table:not(.perm-grid) thead{display: none;}
.fx-dash .forum-tree-table:not(.perm-grid) tr{display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; border: 1px solid var(--a-border); border-radius: 10px; padding: 10px 12px; margin-bottom: 10px;}
.fx-dash .forum-tree-table:not(.perm-grid) td{display: block; border: 0; height: auto; padding: 2px 0; white-space: normal; overflow: visible; box-sizing: border-box;}
.fx-dash .forum-tree-table:not(.perm-grid) td:nth-child(2){order: -2; width: 100%; font-size: 1rem;}
.fx-dash .forum-tree-table:not(.perm-grid) td:nth-child(1){order: -1;}
.fx-dash .forum-tree-table:not(.perm-grid) td:nth-child(3),.fx-dash .forum-tree-table:not(.perm-grid) td:nth-child(4){font-size: .82rem; color: var(--a-muted);}
.fx-dash .forum-tree-table:not(.perm-grid) td:nth-child(3)::before{content: "Themen: ";}
.fx-dash .forum-tree-table:not(.perm-grid) td:nth-child(4)::before{content: "Beiträge: ";}
.fx-dash .forum-tree-table:not(.perm-grid) td:nth-child(5){margin-left: auto;}
.fx-dash .forum-tree-table:not(.perm-grid) td.actions-cell{width: 100%;}
.fx-dash .forum-tree-table:not(.perm-grid) .actions-inner{flex-direction: row; flex-wrap: wrap; white-space: normal;}
.fx-dash .forum-tree-table:not(.perm-grid) .actions-inner .btn{width: auto;}
.fx-dash .forum-status-badges{flex-wrap: wrap; white-space: normal;}}
.fx-dash .forum-leaderboard-grid{display: grid; grid-template-columns: repeat(var(--lb-cols, 3), minmax(0, 1fr)); gap: 24px;
    max-width: 100%;}
@media (max-width: 1100px){.fx-dash .forum-leaderboard-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}}
@media (max-width: 600px){.fx-dash .forum-leaderboard-grid{grid-template-columns: minmax(0, 1fr);}}
.fx-dash .forum-leaderboard-col{min-width: 0; max-width: 100%;}
.fx-dash .forum-leaderboard-col table{table-layout: fixed; width: 100%; min-width: 0 !important;}
.fx-dash .forum-leaderboard-col th:first-child,.fx-dash .forum-leaderboard-col td:first-child{width: 62%;}
.fx-dash .forum-leaderboard-col th:last-child,.fx-dash .forum-leaderboard-col td:last-child{width: 38%;}
.fx-dash .forum-leaderboard-col td,.fx-dash .forum-leaderboard-col th{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 8px 6px;}
.fx-dash .forum-rank-title{display: block; font-weight: 700; font-size: .82rem; color: var(--a-text); margin-top: 4px;}
.fx-dash .forum-rank-stars{display: block; font-size: 1rem; letter-spacing: 1px; line-height: 1; margin-top: 3px;}
.fx-dash .forum-post-attachments{display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--a-border);}
.fx-dash .forum-attachment-image{display: block; cursor: zoom-in;}
.fx-dash .forum-attachment-image img{max-width: 160px; max-height: 160px; border-radius: 6px; border: 1px solid var(--a-border); object-fit: cover;}
.fx-dash .forum-attachment-file{display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border: 1px solid var(--a-border);
    border-radius: 6px; font-size: .82rem; background: var(--a-bg);}
.fx-dash .forum-attachment-file span{color: var(--a-muted);}
.fx-dash .forum-attachment-file{max-width: 100%; box-sizing: border-box; overflow-wrap: anywhere; word-break: break-word;}
.fx-dash .forum-attachment-remove{background: none; border: 1px solid var(--a-border); border-radius: 50%; width: 20px; height: 20px;
    line-height: 1; color: var(--a-danger); cursor: pointer; font-size: .7rem; margin-left: -4px;}
.fx-dash .forum-report-form{display: flex; gap: 8px; align-items: center; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--a-border);}
.fx-dash .forum-report-form input[type="text"]{padding: 8px 10px; border: 1px solid var(--a-border); border-radius: 6px; background: var(--a-panel); color: var(--a-text);}
.fx-dash .account-section-label{font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em;
    color: var(--a-muted); margin: 32px 0 12px; display: flex; align-items: center; gap: 8px;}
.fx-dash .account-section-label:first-of-type{margin-top: 0;}
.fx-dash .login-box .logo-img{height: 48px; width: auto; margin: 0 auto 4px; display: block;}
.fx-dash .login-box .logo-dark-img{display: none;}
html[data-theme="dark"] .fx-dash .login-box .logo-light-img{display: none;}
html[data-theme="dark"] .fx-dash .login-box .logo-dark-img{display: block;}
.fx-dash .topbar-search{flex-shrink: 0;}
.fx-dash .topbar-search input{width: 280px; padding: 8px 12px; border: 1px solid var(--a-border); border-radius: 100px;
    background: var(--a-bg); color: var(--a-text); font-size: .85rem;}
@media (max-width: 900px){.fx-dash .topbar-search{display: none;}}
.fx-dash .dash-blog-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 18px;}
.fx-dash .dash-blog-card{display: flex; flex-direction: column; background: var(--a-bg); border: 1px solid var(--a-border);
    border-radius: var(--a-radius); overflow: hidden; color: var(--a-text); transition: border-color .15s, transform .15s;}
.fx-dash .dash-blog-card:hover{border-color: var(--a-accent); transform: translateY(-2px);}
.fx-dash .dash-blog-card-img{aspect-ratio: 16 / 9; background-size: cover; background-position: top center; background-color: var(--a-border);}
.fx-dash .dash-blog-card-body{padding: 14px 16px 16px; display: flex; flex-direction: column; flex: 1;}
.fx-dash .dash-blog-card-cat{font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--a-accent); margin-bottom: 6px;}
.fx-dash .dash-blog-card-body h3{font-size: .96rem; margin: 0 0 8px; line-height: 1.3;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.fx-dash .dash-blog-card-body p{font-size: .82rem; color: var(--a-muted); margin: 0 0 10px; flex: 1;}
.fx-dash .dash-blog-card-date{font-size: .72rem; color: var(--a-muted); margin-top: auto;}
.fx-dash .dash-blog-content{line-height: 1.7; font-size: .96rem;}
.fx-dash .dash-blog-content h2{margin: 28px 0 12px; font-size: 1.25rem;}
.fx-dash .dash-blog-content h3{margin: 22px 0 10px; font-size: 1.08rem;}
.fx-dash .dash-blog-content p{margin: 0 0 16px;}
.fx-dash .dash-blog-content img{max-width: 100%; border-radius: var(--a-radius); margin: 12px 0;}
.fx-dash .dash-blog-content a{color: var(--a-accent);}
.fx-dash .dash-blog-content ul,.fx-dash .dash-blog-content ol{margin: 0 0 16px; padding-left: 22px;}
.fx-dash .dash-blog-article-grid{display: grid; grid-template-columns: 1fr 300px; gap: 28px; align-items: start;}
.fx-dash .dash-blog-article-image{position: sticky; top: 20px;}
.fx-dash .dash-blog-article-image img{width: 100%; border-radius: var(--a-radius); display: block;}
@media (max-width: 860px){.fx-dash .dash-blog-article-grid{grid-template-columns: 1fr;}
.fx-dash .dash-blog-article-image{position: static; order: -1;}
.fx-dash .dash-blog-article-image img{max-height: 280px; object-fit: cover;}}
.fx-dash .dash-blog-comments{display: flex; flex-direction: column; gap: 16px; margin-bottom: 8px;}
.fx-dash .dash-blog-comment{padding: 14px 0; border-bottom: 1px solid var(--a-border); font-size: .9rem;}
.fx-dash .dash-blog-comment:last-child{border-bottom: none;}
.fx-dash #kommentar-formular{scroll-margin-top: 20px;}
.fx-dash .dash-faq-search{display: flex; gap: 10px; max-width: 560px; margin-top: 16px;}
.fx-dash .dash-faq-search input[type=text]{flex: 1; min-width: 0; border-radius: 100px; padding-left: 18px;}
.fx-dash .dash-faq-search .btn{border-radius: 100px;}
.fx-dash .dash-faq-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr)); gap: 18px; margin-bottom: 24px;}
.fx-dash .dash-faq-card{display: flex; flex-direction: column; background: var(--a-panel); border: 1px solid var(--a-border);
    border-radius: var(--a-radius); padding: 20px 22px;}
.fx-dash .dash-faq-card-icon{font-size: 1.8rem; line-height: 1; margin-bottom: 10px;}
.fx-dash .dash-faq-card h3{margin: 0 0 4px; font-size: 1.05rem;}
.fx-dash .dash-faq-card h3 a{color: var(--a-text);}
.fx-dash .dash-faq-card h3 a:hover{color: var(--a-accent);}
.fx-dash .dash-faq-card-desc{margin: 0 0 4px; font-size: .84rem; color: var(--a-muted);}
.fx-dash .dash-faq-list{list-style: none; padding: 0; margin: 12px 0 0;}
.fx-dash .dash-faq-list li{padding: 8px 0; border-top: 1px solid var(--a-border); font-size: .9rem;}
.fx-dash .dash-faq-list li:first-child{border-top: none;}
.fx-dash .dash-faq-list a{color: var(--a-text);}
.fx-dash .dash-faq-list a:hover{color: var(--a-accent);}
.fx-dash .dash-faq-list .dash-faq-empty{color: var(--a-muted);}
.fx-dash .dash-faq-more{margin-top: auto; padding-top: 12px; font-size: .84rem; font-weight: 600; color: var(--a-accent);}
.fx-dash .dash-faq-results{display: flex; flex-direction: column; gap: 12px;}
.fx-dash .dash-faq-result{display: block; padding: 14px 16px; background: var(--a-bg); border: 1px solid var(--a-border);
    border-radius: var(--a-radius); color: var(--a-text); transition: border-color .15s;}
.fx-dash .dash-faq-result:hover{border-color: var(--a-accent);}
.fx-dash .dash-faq-result-cat{display: block; font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--a-accent); margin-bottom: 4px;}
.fx-dash .dash-faq-result strong{display: block; font-size: .96rem;}
.fx-dash .dash-faq-result p{margin: 4px 0 0; font-size: .82rem; color: var(--a-muted);}
.fx-dash .dash-faq-help-box{display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap;}
.fx-dash .dash-faq-help-box h2{margin: 0 0 4px;}
.fx-dash .dash-faq-help-box p{margin: 0; font-size: .88rem; color: var(--a-muted);}
.fx-dash .dash-faq-help-actions{display: flex; gap: 10px; flex-wrap: wrap;}
@media (max-width: 600px){.fx-dash .dash-faq-search{max-width: none;}
.fx-dash .dash-faq-help-actions{width: 100%; flex-direction: column;}
.fx-dash .dash-faq-help-actions .btn{width: 100%; text-align: center;}}
.fx-dash .dash-faq-content{font-size: 1rem; line-height: 1.8; overflow-wrap: break-word;}
.fx-dash .dash-faq-content > :first-child{margin-top: 0;}
.fx-dash .dash-faq-content p{margin: 0;}
.fx-dash .dash-faq-content h2,.fx-dash .dash-faq-content h3{margin: 32px 0 14px; line-height: 1.3;}
.fx-dash .dash-faq-content h2{font-size: 1.3rem;}
.fx-dash .dash-faq-content h3{font-size: 1.1rem;}
.fx-dash .dash-faq-content ul,.fx-dash .dash-faq-content ol{margin: 0; padding-left: 22px;}
.fx-dash .dash-faq-content img{max-width: 100%; border-radius: var(--a-radius); margin: 16px 0;}
.fx-dash .dash-faq-content a{color: var(--a-accent);}
.fx-dash .dash-faq-content li[data-list="bullet"]{list-style-type: disc;}
.fx-dash .dash-faq-content li[data-list] > .ql-ui{display: none;}
.fx-dash .dash-faq-content blockquote{margin: 16px 0; padding: 4px 0 4px 16px; border-left: 3px solid var(--a-border); color: var(--a-muted);}
.fx-dash tr[id^="article-"],.fx-dash tr[id^="category-"]{scroll-margin-top: 110px;}
.fx-dash code,.fx-dash .panel code{overflow-wrap: anywhere;}
.fx-dash img,.fx-dash video,.fx-dash iframe{max-width: 100%;}
.fx-dash .admin-topbar{padding-left: max(28px, env(safe-area-inset-left)); padding-right: max(28px, env(safe-area-inset-right)); padding-top: max(18px, env(safe-area-inset-top));}
.fx-dash .admin-content{padding-left: max(28px, env(safe-area-inset-left)); padding-right: max(28px, env(safe-area-inset-right)); padding-bottom: max(28px, env(safe-area-inset-bottom));}
.fx-dash .admin-sidebar{padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); box-sizing: border-box;}
.fx-dash .settings-tabs,.fx-dash .oc-subtabs,.fx-dash .step-nav{-webkit-overflow-scrolling: touch;}
.fx-dash .step-nav{display: flex; overflow-x: auto; scrollbar-width: none;}
.fx-dash .step-nav::-webkit-scrollbar{display: none;}
.fx-dash .step-nav a{flex: 1 0 auto; white-space: nowrap;}
.fx-dash #perm-table th:first-child,.fx-dash #perm-table td:first-child{position: sticky; left: 0; z-index: 2; background: var(--a-panel);}
.fx-dash #perm-table tr[style*="background"] > td:first-child{background: var(--a-bg);}
@media (max-width: 900px){.fx-dash .admin-topbar{padding-left: max(16px, env(safe-area-inset-left)); padding-right: max(16px, env(safe-area-inset-right)); padding-top: max(14px, env(safe-area-inset-top));}
.fx-dash .admin-content{padding-left: max(16px, env(safe-area-inset-left)); padding-right: max(16px, env(safe-area-inset-right)); padding-bottom: max(20px, env(safe-area-inset-bottom));}
.fx-dash .admin-layout.sidebar-open::after{content: ''; position: fixed; inset: 0; background: rgba(0, 0, 0, .45); z-index: 150;}
.fx-dash .nav-lock{overflow: hidden;}
.fx-dash .admin-sidebar{max-width: 86vw; overscroll-behavior: contain;}
.fx-dash .admin-topbar h1{min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.fx-dash .notif-dropdown{position: fixed; top: calc(env(safe-area-inset-top, 0px) + 64px); left: 12px; right: 12px; width: auto; max-width: none;}
.fx-dash .pitch-grid{grid-template-columns: repeat(auto-fit, minmax(min(420px, 100%), 1fr));}}
@media (max-width: 700px){.fx-dash input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),.fx-dash select,.fx-dash textarea{font-size: 16px;}
.fx-dash [style*="grid-template-columns"]:not([style*="auto-fit"]):not([style*="auto-fill"]):not(.keep-grid):not(.stat-grid){grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)) !important;}
.fx-dash .form-grid > .panel{margin-bottom: 0;}
.fx-dash .form-grid > .form-row,.fx-dash .form-grid > div{min-width: 0;}
.fx-dash table.rt{min-width: 0; border-collapse: separate; border-spacing: 0;}
.fx-dash table.rt thead{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;}
.fx-dash table.rt,.fx-dash table.rt tbody,.fx-dash table.rt tr,.fx-dash table.rt td{display: block; width: 100%; box-sizing: border-box;}
.fx-dash table.rt tr{background: var(--a-bg); border: 1px solid var(--a-border); border-radius: 10px; margin: 0 0 12px; padding: 2px 12px;}
.fx-dash table.rt td{position: relative; min-height: 38px; padding: 9px 0 9px 40%; border-bottom: 1px solid var(--a-border); text-align: left; overflow-wrap: anywhere;}
.fx-dash table.rt td:last-child{border-bottom: 0;}
.fx-dash table.rt td::before{content: attr(data-label); position: absolute; left: 0; top: 11px; width: 36%; padding-right: 8px; box-sizing: border-box; font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--a-muted);}
.fx-dash table.rt td[data-label=""],.fx-dash table.rt td[data-span]{padding-left: 0;}
.fx-dash table.rt td[data-label=""]::before,.fx-dash table.rt td[data-span]::before{content: none;}
.fx-dash table.rt td.actions-cell{white-space: normal;}}
@media (max-width: 700px){.fx-dash table.rt-flat{min-width: 0;}
.fx-dash table.rt colgroup{display: none;}
.fx-dash .oc-chart-bar-col{min-width: 0;}}
@media (max-width: 700px){.fx-dash .stat-grid[style*="grid-template-columns"]{grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important;}}
@media (max-width: 700px){.fx-dash table.rt-flat td,.fx-dash table.rt-flat th{padding: 10px 8px; overflow-wrap: anywhere; white-space: normal !important;}
.fx-dash .oc-chart-bars{gap: 3px;}
.fx-dash .oc-chart-bar-col,.fx-dash .oc-chart-bar-col span,.fx-dash .oc-chart-bar-col div:not(.oc-chart-bar){font-size: .6rem;}}
@media (max-width: 900px){.fx-dash [style*="grid-template-columns"]:not([style*="auto-fit"]):not([style*="auto-fill"]):not(.keep-grid):not(.stat-grid){grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)) !important;}
.fx-dash .stat-grid[style*="grid-template-columns"]{grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important;}
.fx-dash .form-grid > .panel{margin-bottom: 0;}
.fx-dash .dash-lists[style*="grid-template-columns"]{grid-template-columns: 1fr !important;}
.fx-dash table.rt-flat{min-width: 0;}}
@media (max-width: 700px){.fx-dash .release-filter{flex-wrap: wrap; width: 100%;}
.fx-dash .release-filter input[type="text"]{flex: 1 1 160px; width: auto !important; min-width: 0;}
.fx-dash .release-filter select{flex: 1 1 120px; width: auto;}}
.fx-dash .wio-ort{max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
@media (max-width: 700px){.fx-dash .wio-ort{max-width: none; white-space: normal;}}
@media (max-width: 700px){.fx-dash .wio-filter .form-row{flex: 1 1 100%;}
.fx-dash .wio-filter select{width: 100%;}}
.fx-dash .account-tabs{display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 20px; padding: 0 0 0;
    border-bottom: 1px solid var(--a-border);}
.fx-dash .account-tabs a{padding: 10px 16px; font-size: .9rem; font-weight: 600; text-decoration: none;
    color: var(--a-muted); border-bottom: 3px solid transparent; margin-bottom: -1px;
    border-radius: 6px 6px 0 0;}
.fx-dash .account-tabs a:hover{color: var(--a-text); background: var(--a-panel);}
.fx-dash .account-tabs a.active{color: var(--a-accent); border-bottom-color: var(--a-accent);}
.fx-dash .account-tab-panel[hidden]{display: none;}
.fx-dash .notif-prefs-wrap{overflow-x: auto; margin-top: 8px;}
.fx-dash .notif-prefs{width: 100%; border-collapse: collapse;}
.fx-dash .notif-prefs th,.fx-dash .notif-prefs td{padding: 10px 8px; border-bottom: 1px solid var(--a-border); text-align: left; vertical-align: middle;}
.fx-dash .notif-prefs thead th{font-size: .82rem; color: var(--a-muted); white-space: nowrap;}
.fx-dash .notif-prefs thead label{cursor: pointer; display: inline-flex; align-items: center; gap: 6px;}
.fx-dash .notif-prefs .notif-col{text-align: center; width: 110px;}
.fx-dash .notif-prefs tr.notif-group td{background: var(--a-panel); font-size: .78rem; font-weight: 700; text-transform: uppercase;
    letter-spacing: .04em; color: var(--a-muted); padding: 8px;}
.fx-dash .notif-prefs .notif-hint{display: block; font-size: .78rem; color: var(--a-muted); margin-top: 2px;}
.fx-dash .notif-prefs .notif-na{color: var(--a-muted);}
.fx-dash .notif-footnote{color: var(--a-muted); font-size: .82rem; margin: 14px 0 0;}
@media (max-width: 560px){.fx-dash .account-tabs a{padding: 8px 10px; font-size: .84rem;}
.fx-dash .notif-prefs .notif-col{width: 78px;}}
.fx-dash .sidebar-toggle.sidebar-toggle-always{display: inline-flex; align-items: center; justify-content: center; cursor: pointer; padding: 4px 10px; border-radius: 8px; line-height: 1;}
.fx-dash .sidebar-toggle.sidebar-toggle-always:hover{background: var(--a-hover-tint);}
@media (min-width: 901px){.fx-dash .admin-sidebar{transition: margin-left .2s ease, visibility 0s linear 0s;}
html .fx-dash .oc-sidebar-collapsed .admin-sidebar{margin-left: -268px; visibility: hidden; transition: margin-left .2s ease, visibility 0s linear .2s;}}
@media (prefers-reduced-motion: reduce){.fx-dash .admin-sidebar,html .fx-dash .oc-sidebar-collapsed .admin-sidebar{transition: none;}}
.fx-dash .admin-bell{position: relative; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin-left: 10px;
    border-radius: 50%; border: 1px solid var(--a-border); background: var(--a-panel); text-decoration: none; font-size: 1.05rem; flex-shrink: 0;}
.fx-dash .admin-bell:hover{background: var(--a-hover-tint);}
.fx-dash .admin-bell-badge{position: absolute; top: -5px; right: -5px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: var(--a-accent); color: #fff;
    font-size: .68rem; font-weight: 700; line-height: 18px; text-align: center;}
.fx-dash .an-list{list-style: none; margin: 0; padding: 0;}
.fx-dash .an-item{display: flex; gap: 12px; align-items: flex-start; padding: 12px 6px; border-bottom: 1px solid var(--a-border);}
.fx-dash .an-item.unread{background: rgba(212, 9, 36, .05);}
.fx-dash .an-dot{width: 9px; height: 9px; border-radius: 50%; background: var(--a-accent); margin-top: 7px; flex-shrink: 0;}
.fx-dash .an-item:not(.unread) .an-dot{background: transparent; border: 1px solid var(--a-border);}
.fx-dash .an-body{flex: 1; min-width: 0;}
.fx-dash .an-body a{text-decoration: none; color: var(--a-text); font-weight: 600; word-break: break-word;}
.fx-dash .an-body a:hover{text-decoration: underline;}
.fx-dash .an-meta{color: var(--a-muted); font-size: .8rem; margin-top: 2px;}
.fx-dash .an-prefs{width: 100%; min-width: 620px; border-collapse: separate; border-spacing: 0;}
.fx-dash .an-prefs th,.fx-dash .an-prefs td{padding: 16px 14px; border-bottom: 1px solid var(--a-border); text-align: left; vertical-align: middle;}
.fx-dash .an-prefs thead th{padding-top: 6px; padding-bottom: 14px; font-size: .8rem; color: var(--a-muted); vertical-align: bottom;}
.fx-dash .an-prefs .an-col{text-align: center; width: 150px;}
.fx-dash .an-prefs .an-colhead{display: flex; flex-direction: column; align-items: center; gap: 8px; cursor: pointer; font-weight: 600; font-size: .8rem; line-height: 1.3; color: var(--a-text);}
.fx-dash .an-prefs .an-colicon{font-size: 1.15rem; line-height: 1;}
.fx-dash .an-prefs .an-coltext{display: block; max-width: 120px;}
.fx-dash .an-prefs tr.an-group td{background: var(--a-panel); font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--a-muted); padding: 12px 14px; border-top: 1px solid var(--a-border);}
.fx-dash .an-prefs td:first-child{font-size: .95rem; line-height: 1.4;}
.fx-dash .an-prefs .an-hint{display: block; font-size: .8rem; color: var(--a-muted); margin-top: 4px; line-height: 1.4;}
.fx-dash .an-prefs input[type=checkbox]{width: 18px; height: 18px;}
.fx-dash .an-prefs tbody tr:not(.an-group):hover td{background: var(--a-hover-tint);}
.fx-dash .an-prefs .an-na{color: var(--a-muted);}
.fx-dash .sidebar-logout{display: inline-flex; align-items: center;}
@media (hover: none), (max-width: 900px){.fx-dash .sidebar-logout{min-height: 44px;}
.fx-dash .sidebar-to-website{display: flex !important; margin-bottom: 0 !important;}}
.fx-dash .page-header-row{flex-wrap: wrap; gap: 10px 16px;}
.fx-dash .page-header-row > div{flex-wrap: wrap;}
@media (max-width: 380px){.fx-dash .admin-topbar > span[style*="margin-left"],.fx-dash .admin-topbar > .theme-toggle[style*="margin-left"],.fx-dash .admin-topbar > .admin-bell{margin-left: 0 !important;}}
.fx-dash{background:transparent;color:var(--a-text);font-family:var(--font);line-height:1.5;font-size:16px}
.fx-dash a{color:inherit}
.fx-dash .panel{box-shadow:none}
