/* =========================================================
   CHATZA – MOBILE DESIGN SYSTEM
   Navy / Amber / Modern Community UI
   ========================================================= */

:root {
    --cz-bg: #030b17;
    --cz-bg-2: #071426;
    --cz-card: #09182c;
    --cz-card-hover: #0d2039;
    --cz-border: #183252;

    --cz-amber: #ffad18;
    --cz-amber-light: #ffc34d;
    --cz-amber-dark: #d88900;

    --cz-text: #f5f7fb;
    --cz-text-soft: #aeb9c9;
    --cz-text-muted: #718096;

    --cz-green: #32d583;
    --cz-red: #ff5d6c;

    --cz-radius: 18px;
    --cz-radius-small: 12px;

    --cz-shadow: 0 10px 35px rgba(0, 0, 0, .30);
    --cz-glow: 0 0 25px rgba(255, 173, 24, .14);
}

/* =============================================================================
   COMMUNITY WORKSPACE V12
   Antworten, Gespräche, Nickpage-Baukasten sowie Admin-/Moderationszentrale.
   Dieser Block ist bewusst gesammelt, damit Farben, Abstände und mobile Grenzwerte an
   einer Stelle angepasst werden können, ohne die älteren Komponenten zu durchsuchen.
   ============================================================================= */
.composer-reply-preview{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:9px 16px 9px 62px;border-top:1px solid #18304d;background:#071426;color:#a6b4c5;font-size:12px}.composer-reply-preview>span:first-child{color:#d2a43b}.composer-reply-preview>span:nth-child(2){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.composer-reply-preview button{grid-column:2;grid-row:1/3;width:32px;height:32px;border:0;border-radius:50%;background:#10213a;color:#d2a43b}.chat-reply-quote{min-width:0;max-width:360px;padding:4px 8px;border:0;border-left:2px solid #b88a25;border-radius:0 7px 7px 0;background:rgba(197,150,46,.08);color:#8595a9;text-align:left}.chat-reply-quote b,.chat-reply-quote span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-reply-quote b{color:#c5962e;font-size:10px}.chat-reply-quote span{font-size:11px}.chat-message-flash{background:rgba(197,150,46,.16)!important}
.cz-room-choice{display:inline-flex;position:relative;flex:0 0 auto}.cz-room-choice .cz-room-pill{padding-right:28px}.cz-room-favorite{position:absolute;right:3px;top:50%;translate:0 -50%;width:25px;height:25px;border:0;background:transparent;color:#64758a;font-size:16px}.cz-room-favorite.active{color:#d2a43b}
.cz-conversation-list,.cz-thread,.cz-audit-list,.cz-report-list{display:grid;gap:10px}.cz-conversation-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;padding:12px;border:1px solid #17304f;border-radius:14px;background:#08182c;color:#eef3fa;text-align:left}.cz-conversation-copy,.cz-conversation-meta{display:grid;gap:4px;min-width:0}.cz-conversation-copy span{overflow:hidden;color:#92a1b5;white-space:nowrap;text-overflow:ellipsis}.cz-conversation-meta{justify-items:end;color:#77899f;font-size:10px}.cz-conversation-meta i{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#d2a43b;color:#06111f;font-style:normal;font-weight:900}.cz-thread{height:min(70vh,620px);grid-template-rows:auto minmax(0,1fr) auto}.cz-thread-head{display:flex;justify-content:space-between}.cz-thread-head button{border:0;background:transparent;color:#c5962e}.cz-thread-log{display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding:8px}.cz-thread-message{max-width:82%;padding:9px 12px;border:1px solid #17304f;border-radius:14px;background:#0b1d34}.cz-thread-message.mine{align-self:flex-end;border-color:rgba(197,150,46,.45);background:rgba(197,150,46,.1)}.cz-thread-message p{margin:0 0 4px;white-space:pre-wrap}.cz-thread-message time{color:#71849b;font-size:9px}.cz-thread-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.cz-thread-composer textarea{resize:none}.cz-thread-composer button{align-self:stretch}
.cz-module-picker>small{width:100%;color:#7f90a6}.cz-module-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:7px 9px;border:1px solid #17304f;border-radius:10px;background:#07172a}.cz-module-row label{border:0!important;background:transparent!important}.cz-module-row>span{display:flex;gap:5px}.cz-module-row button{width:34px;height:34px;border:1px solid #29405c;border-radius:8px;background:#0b1d34;color:#d2a43b}.cz-presence-settings{margin-top:12px}
.cz-topic-card .cz-dashboard-card-head p{margin:3px 0 0;color:#8192a7}.cz-topic-cloud{display:flex;flex-wrap:wrap;gap:8px}.cz-topic-cloud button{padding:8px 11px;border:1px solid rgba(197,150,46,.34);border-radius:999px;background:rgba(197,150,46,.07);color:#dbc377}.cz-topic-cloud small{margin-left:6px;color:#8293a8}.cz-topic-members{display:grid;gap:8px}.cz-topic-members>button{display:flex;justify-content:space-between;padding:12px;border:1px solid #17304f;border-radius:12px;background:#08182c}.cz-topic-members small{color:#8293a8}
.cz-admin-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;margin-bottom:16px;padding:22px;border:1px solid rgba(197,150,46,.34);border-radius:18px;background:radial-gradient(circle at 90% 0,rgba(197,150,46,.18),transparent 40%),linear-gradient(145deg,#0b1d34,#071526)}.cz-admin-hero h1{margin:4px 0;font-size:26px}.cz-admin-hero p{margin:0;color:#92a2b7}.cz-admin-hero>button{display:grid;place-items:center;min-width:118px;padding:14px;border:1px solid rgba(197,150,46,.45);border-radius:14px;background:rgba(197,150,46,.08);color:#d2a43b}.cz-admin-hero>button b{font-size:28px}.cz-admin-hero>button span{font-size:10px}.cz-admin-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 22px}.cz-admin-quick button{display:grid;gap:4px;padding:14px;border:1px solid #193352;border-radius:14px;background:#091a30;color:#edf2f8;text-align:left}.cz-admin-quick span{color:#d2a43b;font-size:22px}.cz-admin-quick small{color:#8293a8}.cz-admin-search{display:flex;gap:8px;align-items:center;margin:10px 0;padding:10px 12px;border:1px solid #193352;border-radius:12px;background:#07172a}.cz-admin-search input{border:0!important;background:transparent!important}.cz-admin-section-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:14px}.cz-admin-section-head h2{margin:3px 0}.cz-admin-section-head p{margin:0;color:#899aaf}.cz-admin-section-head label{display:grid;gap:4px;color:#899aaf;font-size:10px}.cz-report-card{padding:15px;border:1px solid #193352;border-radius:15px;background:#08192d}.cz-report-card.open{box-shadow:inset 3px 0 #d2a43b}.cz-report-card header,.cz-report-card footer{display:flex;justify-content:space-between;gap:12px;align-items:center}.cz-report-card header time,.cz-report-card footer{color:#8293a8;font-size:10px}.cz-report-card h3{margin:10px 0 5px}.cz-report-card h3 button{border:0;background:transparent;color:#d2a43b;font:inherit}.cz-report-card p{margin:0 0 12px;color:#c9d2de}.cz-report-status{padding:4px 7px;border-radius:999px;background:rgba(197,150,46,.12);color:#d2a43b;font-size:9px;text-transform:uppercase}.cz-audit-list article{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:start;padding:12px;border-bottom:1px solid #172d48}.cz-audit-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgba(197,150,46,.1);color:#d2a43b}.cz-audit-list h3,.cz-audit-list p{margin:0 0 3px}.cz-audit-list p,.cz-audit-list small,.cz-audit-list time{color:#8293a8;font-size:10px}
.cz-mod-action-center{display:grid;gap:12px;padding:16px;border:1px solid rgba(197,150,46,.38);border-radius:16px;background:linear-gradient(145deg,rgba(197,150,46,.08),#07172a)}.cz-mod-action-grid{display:grid;grid-template-columns:1.2fr 1fr .7fr;gap:9px}.cz-mod-action-grid label,.cz-mod-reason{display:grid;gap:5px}.cz-mod-action-grid span,.cz-mod-reason span{color:#899aaf;font-size:10px}.cz-mod-action-center input,.cz-mod-action-center select,.cz-mod-action-center textarea{width:100%;box-sizing:border-box}.cz-mod-action-footer{display:flex;justify-content:space-between;gap:12px;align-items:center}.cz-mod-action-footer small{color:#8596aa}.cz-mod-action-footer button{padding:10px 14px;border:0;border-radius:10px;background:#d2a43b;color:#071426;font-weight:900}
@media(max-width:700px){.cz-admin-hero{grid-template-columns:1fr;padding:16px}.cz-admin-hero h1{font-size:21px}.cz-admin-hero>button{grid-template-columns:auto 1fr;gap:8px;justify-content:start}.cz-admin-quick{grid-template-columns:repeat(2,minmax(0,1fr))}.cz-admin-section-head{align-items:stretch;flex-direction:column}.cz-report-card footer{align-items:flex-start;flex-direction:column}.cz-audit-list article{grid-template-columns:36px minmax(0,1fr)}.cz-audit-list time{grid-column:2}.cz-mod-action-grid{grid-template-columns:1fr}.cz-mod-action-footer{align-items:stretch;flex-direction:column}.cz-mod-action-footer button{min-height:44px}.composer-reply-preview{padding-left:14px}.cz-thread{height:calc(var(--cz-visual-height,100dvh) - 190px)}}

/* =============================================================================
   CHATZA MOBILE – kompakte Nickpage, Seitennavigation und offene Chatzeilen
   Gemeinsame Bausteine; die zwingenden Endregeln stehen kommentiert am Dateiende.
   ============================================================================= */
.cz-chat-tools {
    min-height:38px; padding:5px 12px; display:flex; align-items:center; gap:7px; overflow-x:auto;
    border-bottom:1px solid #142b45; background:#051326; scrollbar-width:none;
}
.cz-chat-tools::-webkit-scrollbar { display:none; }
.cz-chat-tools button,.cz-chat-tools a {
    min-height:27px; padding:0 10px; flex:0 0 auto; display:inline-flex; align-items:center;
    border:1px solid #1a3654; border-radius:999px; color:#9fb0c3; background:#081a30;
    font:700 9px/1 var(--font); text-decoration:none; white-space:nowrap;
}
.cz-chat-tools button:first-child { border-color:rgba(255,173,24,.45); color:#ffad18; }
.cz-chat-tools .cz-chat-tools-toggle { display:none; }
#cz-side-menu a.cz-side-item { display:flex; text-decoration:none; }

.cz-team-page { display:grid; gap:10px; }
.cz-team-intro { padding:18px; border:1px solid #173451; border-radius:15px; background:linear-gradient(145deg,#0b2038,#071528); }
.cz-team-intro span { color:#ffad18; font-size:10px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.cz-team-intro h2 { margin:7px 0 5px; color:#f4f7fa; font-size:23px; }
.cz-team-intro p { margin:0; color:#91a2b6; font-size:11px; line-height:1.55; }
.cz-team-page .team-group { padding:14px; border:1px solid #16304c; border-radius:13px; background:#071629; }
.cz-team-page .team-group-header { color:#f1f5f9; font-weight:800; }
.cz-team-page .team-group-desc { margin:6px 0 10px; color:#8496aa; font-size:10px; line-height:1.5; }

.cz-profile-quickview {
    margin-top:12px; padding:14px; display:flex; align-items:center; justify-content:space-between; gap:12px;
    border:1px solid #193653; border-radius:12px; background:#08182d;
}
.cz-profile-quickview div { min-width:0; display:grid; gap:3px; }
.cz-profile-quickview small { color:#ffad18; font-size:9px; font-weight:800; text-transform:uppercase; }
.cz-profile-quickview strong { color:#f1f5f9; font-size:14px; }
.cz-profile-quickview span { color:#8799ad; font-size:9px; line-height:1.45; }
.cz-profile-quickview button { min-height:38px; padding:0 12px; flex:0 0 auto; border:0; border-radius:9px; color:#111827; background:#ffad18; font-size:10px; font-weight:850; }

@media (max-width:768px) {
    #app .cz-chat-tools {
        position:absolute; right:0; top:118px; z-index:90; width:auto; min-height:0; padding:0;
        overflow:visible; border:0; background:transparent;
    }
    #app .cz-chat-tools > :not(.cz-chat-tools-toggle) { display:none !important; }
    #app .cz-chat-tools .cz-chat-tools-toggle {
        min-height:72px; padding:7px 5px; display:flex; flex-direction:column; justify-content:center; gap:5px;
        border:1px solid rgba(197,150,46,.58); border-right:0; border-radius:12px 0 0 12px;
        background:rgba(5,17,34,.97); color:#d4a43a; box-shadow:-6px 8px 20px rgba(0,0,0,.28);
        font-size:9px; writing-mode:vertical-rl;
    }
    #app .cz-chat-tools .cz-chat-tools-toggle span { writing-mode:horizontal-tb; font-size:16px; }
    body.cz-keyboard-open #app .cz-chat-tools { display:none !important; }

    #modal-overlay[data-view="profile"] .cz-profile-page { padding:0 9px 88px !important; }
    #modal-overlay[data-view="profile"] .profile-banner.cz-profile-hero { padding:0 9px 10px !important; border-radius:11px !important; }
    #modal-overlay[data-view="profile"] .cz-profile-cover { height:88px !important; min-height:88px !important; margin:0 -9px !important; }
    #modal-overlay[data-view="profile"] .profile-avatar-ring {
        width:72px !important; height:72px !important; margin:-50px 0 0 4px !important; border-width:2px !important;
    }
    #modal-overlay[data-view="profile"] .cz-profile-online-dot { width:13px; height:13px; border-width:2px; }
    #modal-overlay[data-view="profile"] .cz-profile-edit-btn { top:98px !important; min-height:32px !important; padding:0 10px !important; }
    #modal-overlay[data-view="profile"] .cz-profile-hero-actions { top:98px !important; right:9px !important; }
    #modal-overlay[data-view="profile"] .cz-profile-hero-actions .cz-profile-edit-btn { min-height:32px !important; }
    #modal-overlay[data-view="profile"] .cz-profile-friend-mini { min-height:32px !important; }
    #modal-overlay[data-view="profile"] .cz-profile-identity { margin:8px 3px 0 !important; }
    #modal-overlay[data-view="profile"] .profile-name-big { font-size:18px !important; }
    #modal-overlay[data-view="profile"] .cz-profile-handle { margin-top:3px; font-size:9px; }
    #modal-overlay[data-view="profile"] .cz-profile-handle .level-pill { margin-left:5px; padding:3px 6px; font-size:8px; }
    #modal-overlay[data-view="profile"] .profile-motto { margin-top:7px !important; font-size:10px !important; }
    #modal-overlay[data-view="profile"] .profile-stats.cz-profile-stats { margin:9px 0 0 !important; }
    #modal-overlay[data-view="profile"] .cz-profile-stats .profile-stat { min-height:43px !important; padding:6px 2px !important; }
    #modal-overlay[data-view="profile"] .cz-profile-stats .profile-stat-value { font-size:11px !important; }
    #modal-overlay[data-view="profile"] .cz-profile-stats .profile-stat-label { margin-top:2px; font-size:7px !important; }
    #modal-overlay[data-view="profile"] .cz-profile-about { margin-top:7px; padding:9px; }
    #modal-overlay[data-view="profile"] .cz-profile-about p { margin-top:5px; line-height:1.4; }
    #modal-overlay[data-view="profile"] .cz-profile-section { margin-top:7px; padding:10px; }
    #modal-overlay[data-view="profile"] .cz-profile-activity { min-height:45px; grid-template-columns:30px minmax(0,1fr) auto; }
    #modal-overlay[data-view="profile"] .cz-profile-activity > span { width:30px; height:30px; }
    #modal-overlay[data-view="profile"] .cz-profile-manage { margin-top:7px; padding:0 9px 10px; }
    #modal-overlay[data-view="profile"] .cz-profile-manage .profile-tabs { margin:0 -9px; padding:0 9px; gap:12px !important; }
    #modal-overlay[data-view="profile"] .cz-profile-manage .profile-tab-btn { min-height:38px; }
    #modal-overlay[data-view="profile"] .cz-profile-quickview { margin-top:9px; padding:10px; }
    #modal-overlay[data-view="profile"] .cz-nickpage.is-own .cz-profile-interests,
    #modal-overlay[data-view="profile"] .cz-nickpage.is-own .cz-profile-activities { display:none; }

    #app .log { padding-top:9px !important; }
    #app .line.chat,
    #app .line.chat.own {
        width:100% !important; margin:0 !important; padding:7px 3px !important;
        display:grid !important; grid-template-columns:30px minmax(0,1fr) auto !important;
        grid-template-rows:auto auto auto !important; column-gap:8px !important; row-gap:1px !important;
        justify-items:start !important; align-items:start !important; border:0 !important; border-radius:0 !important;
        color:var(--message-user-color,var(--text)) !important; background:transparent !important; box-shadow:none !important; text-align:left !important;
    }
    #app .line.chat .mini-avatar-sm,
    #app .line.chat.own .mini-avatar-sm {
        grid-column:1 !important; grid-row:1 / 3 !important; width:30px !important; height:30px !important;
        margin:1px 0 0 !important; display:grid !important;
    }
    #app .line.chat .name,
    #app .line.chat.own .name {
        grid-column:2 !important; grid-row:1 !important; justify-self:start !important; display:block !important;
        color:var(--message-user-color,var(--text)) !important; font-size:10px !important; line-height:13px !important; text-align:left !important;
    }
    #app .line.chat .ts,
    #app .line.chat.own .ts { grid-column:3 !important; grid-row:1 !important; justify-self:end !important; width:auto !important; padding:0 !important; font-size:8px !important; line-height:13px !important; }
    #app .line.chat .text,
    #app .line.chat.own .text {
        grid-column:2 / 4 !important; grid-row:2 !important; justify-self:start !important; width:auto !important; max-width:100% !important;
        margin:0 !important; padding:1px 0 !important; border:0 !important; border-radius:0 !important;
        color:var(--message-user-color,var(--text)) !important; background:transparent !important; box-shadow:none !important;
        font-size:13px !important; line-height:1.45 !important; text-align:left !important;
    }
    #app .line.chat .reaction-bar,#app .line.chat .message-actions,#app .line.chat .edited-tag,
    #app .line.chat.own .reaction-bar,#app .line.chat.own .message-actions,#app .line.chat.own .edited-tag {
        grid-column:2 / 4 !important; justify-self:start !important; margin:2px 0 0 !important;
    }
    #app .line.mention .text { border:0 !important; box-shadow:none !important; text-decoration:underline; text-decoration-color:rgba(255,173,24,.5); text-underline-offset:3px; }
}

/* =============================================================================
   MOBILE V5 – Chat-Rückweg, Nickpage, Team, Rangliste und kompakte Textnachrichten
   ============================================================================= */
@media (max-width:768px) {
    body.cz-page-mode #cz-menu-btn { width:auto !important; min-width:78px !important; display:flex !important; align-items:center; gap:5px; color:#ffad18 !important; }
    body.cz-page-mode #cz-menu-btn svg { width:22px !important; }
    body.cz-page-mode #cz-menu-btn span { font-size:10px; font-weight:800; }

    #modal-overlay[data-view="profile"] { overflow:hidden !important; }
    #modal-overlay[data-view="profile"] .modal-card { height:100% !important; min-height:0 !important; }
    #modal-overlay[data-view="profile"] .modal-body { height:100% !important; min-height:0 !important; overflow-y:auto !important; overflow-x:hidden !important; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
    #modal-overlay[data-view="profile"] .cz-profile-page { width:100%; max-width:560px; margin:0 auto; padding:0 8px 92px !important; }
    #modal-overlay[data-view="profile"] .profile-banner.cz-profile-hero { padding:0 8px 9px !important; }
    #modal-overlay[data-view="profile"] .cz-profile-cover { height:76px !important; min-height:76px !important; margin:0 -8px !important; }
    #modal-overlay[data-view="profile"] .profile-avatar-ring { width:62px !important; height:62px !important; margin:-40px 0 0 3px !important; }
    #modal-overlay[data-view="profile"] .cz-profile-edit-btn { top:83px !important; }
    #modal-overlay[data-view="profile"] .cz-profile-hero-actions { top:83px !important; }
    #modal-overlay[data-view="profile"] .cz-profile-identity { margin-top:6px !important; }
    #modal-overlay[data-view="profile"] .profile-name-big { font-size:17px !important; }
    #modal-overlay[data-view="profile"] .profile-motto { margin-top:5px !important; }
    #modal-overlay[data-view="profile"] .profile-stats.cz-profile-stats { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
    #modal-overlay[data-view="profile"] .cz-profile-stats .profile-stat { min-height:38px !important; border-bottom:1px solid #162d49; }
    #modal-overlay[data-view="profile"] .cz-profile-stats .profile-stat:nth-child(2) { border-right:0 !important; }
    #modal-overlay[data-view="profile"] .cz-profile-about { padding:8px !important; }
    #modal-overlay[data-view="profile"] .cz-profile-manage { overflow:visible; }
    #modal-overlay[data-view="profile"] .profile-tabs { position:sticky !important; top:0 !important; z-index:8; overflow-x:auto !important; flex-wrap:nowrap !important; scrollbar-width:none; }
    #modal-overlay[data-view="profile"] .profile-tab-btn { flex:0 0 auto !important; min-height:38px !important; padding:0 8px !important; }
    #modal-overlay[data-view="profile"] .cz-profile-editor { display:grid; gap:8px; }
    #modal-overlay[data-view="profile"] .cz-editor-card,#modal-overlay[data-view="profile"] .cz-editor-progress { padding:11px !important; border-radius:11px !important; }
    #modal-overlay[data-view="profile"] .cz-editor-grid,#modal-overlay[data-view="profile"] .cz-privacy-switches { grid-template-columns:1fr !important; }
    #modal-overlay[data-view="profile"] .cz-editor-savebar { bottom:82px !important; padding:8px !important; }
    #modal-overlay[data-view="profile"] input,#modal-overlay[data-view="profile"] textarea,#modal-overlay[data-view="profile"] select { width:100% !important; max-width:100% !important; }

    #app .line.chat,#app .line.chat.own {
        display:flex !important; align-items:baseline !important; flex-wrap:wrap !important; gap:0 !important;
        width:100% !important; padding:5px 3px !important; border:0 !important; background:transparent !important;
    }
    #app .line.chat .mini-avatar-sm,#app .line.chat.own .mini-avatar-sm,#app .line.chat .ts,#app .line.chat.own .ts { display:none !important; }
    #app .line.chat .name,#app .line.chat.own .name {
        flex:0 0 auto !important; margin:0 5px 0 0 !important; color:var(--message-user-color,var(--text)) !important; font-size:12px !important; line-height:1.45 !important;
    }
    #app .line.chat .text,#app .line.chat.own .text {
        flex:1 1 auto !important; min-width:0 !important; margin:0 !important; padding:0 !important; color:var(--message-user-color,var(--text)) !important; font-size:12px !important; line-height:1.45 !important;
    }
    #app .line.chat .reaction-bar,#app .line.chat .message-actions,#app .line.chat.own .reaction-bar,#app .line.chat.own .message-actions { display:none !important; }

    #modal-overlay[data-view="team"] .modal-body,#modal-overlay[data-view="leaderboard"] .modal-body { overflow-y:auto !important; -webkit-overflow-scrolling:touch; }
    .cz-team-intro { grid-template-columns:minmax(0,1fr) 72px !important; padding:13px !important; gap:9px !important; }
    .cz-team-intro h2 { font-size:18px !important; }
    .cz-team-intro aside { min-width:0; padding:8px 4px; }
    .cz-team-intro aside b { font-size:21px; }
    .cz-team-page .team-group { padding:11px !important; }
    .cz-team-person { grid-template-columns:38px minmax(0,1fr) auto; min-height:54px; padding:7px; }
    .cz-team-avatar { width:38px; height:38px; }

    .cz-leaderboard-hero { padding:14px !important; border-radius:14px !important; }
    .cz-leaderboard-hero h2 { margin:5px 0 !important; font-size:20px !important; }
    .cz-leaderboard-hero p { font-size:10px; }
    .cz-leaderboard-tabs { margin:10px 0 !important; }
    .cz-leaderboard-tabs button { padding:7px 10px !important; font-size:9px !important; }
    .cz-podium { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; margin:10px 0 !important; }
    .cz-podium-place { min-height:105px !important; padding:9px 5px !important; border-radius:13px !important; }
    .cz-podium-place.place-1 { grid-column:1 / -1; min-height:82px !important; display:grid !important; grid-template-columns:43px 50px minmax(0,1fr) auto; text-align:left; }
    .cz-podium-place.place-1 > i { position:static; width:30px; height:30px; }
    .cz-podium-place.place-1 > span { text-align:left; }
    .cz-podium-place.place-1 > strong { text-align:right; }
    .cz-podium-place.place-1 .cz-rank-avatar { width:48px; height:48px; }
    .cz-podium-place.place-2 { order:2; }.cz-podium-place.place-3 { order:3; }
    .cz-rank-avatar { width:43px; height:43px; }
    .cz-rank-row { grid-template-columns:24px 34px minmax(0,1fr) auto 8px !important; gap:6px !important; padding:8px 7px !important; }
    .cz-rank-row .cz-rank-avatar { width:34px; height:34px; }
    .cz-rank-row > strong { font-size:11px; }
    .cz-leaderboard-note { font-size:9px; }
}

/* CHATZA ANPASSUNGSZONE: neue Community-Module auf kleinen Bildschirmen */
@media (max-width: 768px) {
  .cz-nickpage { padding:0 2px 96px; gap:10px; }
  .cz-nickpage .cz-profile-hero,
  .cz-nickpage .cz-profile-section,
  .cz-nickpage .cz-profile-manage { border-radius:18px; }
  .cz-nickpage .cz-profile-cover { min-height:155px; border-radius:17px 17px 0 0; }
  .cz-cover-upload { min-height:120px; }
  .cz-module-picker label { flex:1 1 calc(50% - 8px); }
  .cz-leaderboard-hero { padding:18px; }
  .cz-leaderboard-hero h2 { font-size:25px; }
  .cz-leaderboard-tabs { scrollbar-width:none; }
  .cz-podium-place b { max-width:85px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .cz-podium-place strong { font-size:16px; }
  .cz-newsletter-setting { grid-template-columns:1fr; }
  .cz-newsletter-setting small { grid-column:auto; }
  .cz-mod-hero { padding:16px; }
  .cz-mod-hero > span { width:48px; height:48px; }
  .admin-modal-content { border-radius:22px 22px 0 0; }
  .admin-tabs { position:sticky; top:0; z-index:5; overflow-x:auto; flex-wrap:nowrap; scrollbar-width:none; }
  .admin-tab { flex:0 0 auto; min-height:42px; }
  .admin-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
}

/* Community-Funktionen 2026: Postfach, Nickpage-Editor, Themen und Schnellmenü */
.cz-member-match { color: #ffb31f; font-weight: 700; }

.cz-compose-card,
.cz-inbox,
.cz-profile-editor { color: #f4f7fb; }
.cz-compose-card { max-width: 620px; margin: 0 auto; padding: 22px; border: 1px solid #17304c; border-radius: 18px; background: linear-gradient(150deg, #0a1a30, #071426); }
.cz-compose-icon { display: grid; place-items: center; width: 50px; height: 50px; margin-bottom: 14px; border-radius: 15px; color: #ffad18; background: rgba(255,173,24,.12); font-size: 23px; }
.cz-compose-heading h2,.cz-inbox-head h2 { margin: 0; font-size: 20px; }
.cz-compose-heading p,.cz-inbox-head p { margin: 5px 0 18px; color: #91a0b5; font-size: 12px; }
.cz-compose-field { display: block; margin-top: 14px; }
.cz-compose-field > span { display: block; margin-bottom: 7px; color: #c9d2de; font-size: 12px; font-weight: 700; }
.cz-compose-field select,.cz-compose-field textarea { width: 100%; border: 1px solid #1b3655; border-radius: 12px; color: #f7f9fc; background: #061326; }
.cz-compose-field small { display: block; margin-top: 5px; color: #718199; text-align: right; }
.cz-compose-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 16px; }
.cz-btn-primary { border-color: #ffad18 !important; color: #06101d !important; background: #ffad18 !important; font-weight: 800; }
.cz-btn-ghost { border-color: #263d59 !important; color: #aeb9c8 !important; background: transparent !important; }
.cz-compose-status { min-height: 20px; margin-top: 10px; font-size: 12px; }
.cz-compose-status.success { color: #38d477; }.cz-compose-status.error { color: #ff6d72; }

.cz-inbox-head { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 15px; }
.cz-inbox-list { display: grid; gap: 9px; }
.cz-inbox-message { display: grid; grid-template-columns: 42px 1fr; gap: 12px; padding: 14px; border: 1px solid #152c47; border-radius: 14px; background: #071528; }
.cz-inbox-message.unread { border-left: 3px solid #ffad18; background: #0a1a30; }
.cz-inbox-avatar { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; font-weight: 800; }
.cz-inbox-meta { display: flex; justify-content: space-between; gap: 10px; font-size: 12px; }.cz-inbox-meta time { color: #7f8ca0; font-size: 10px; }
.cz-inbox-copy p { margin: 7px 0 10px; color: #d7dee8; font-size: 13px; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; }
.cz-inbox-actions { display: flex; gap: 12px; }.cz-inbox-actions button { padding: 0; border: 0; color: #ffad18; background: none; font-size: 11px; }.cz-inbox-actions .memo-delete-btn { color: #8491a4; }
.cz-inbox-empty { display: grid; place-items: center; padding: 45px 20px; color: #8593a6; text-align: center; }.cz-inbox-empty span { color: #ffad18; font-size: 30px; }.cz-inbox-empty b { margin: 10px 0 3px; color: #eef2f7; }

.cz-profile-hero-actions { position: absolute; right: 20px; top: 205px; display: flex; gap: 7px; }
.cz-profile-hero-actions .cz-profile-edit-btn { position: static !important; }
.cz-profile-friend-mini { min-height: 38px; padding: 0 13px; border: 1px solid #28435f; border-radius: 20px; color: #bdc8d6; background: #102139; font-size: 11px; font-weight: 700; }
.cz-profile-interest-grid { display: flex; flex-wrap: wrap; gap: 8px; }.cz-profile-interest-grid > span { padding: 9px 12px; border: 1px solid #29435e; border-radius: 12px; color: #ffb31f; background: #0a1a2f; font-size: 11px; font-weight: 700; }
.cz-profile-editor { display: grid; gap: 12px; padding: 2px; }
.cz-editor-progress,.cz-editor-card { border: 1px solid #17304c; border-radius: 15px; background: #071528; }
.cz-editor-progress { padding: 16px; background: linear-gradient(135deg, rgba(255,173,24,.12), #071528 60%); }
.cz-editor-progress > div:first-child { display: flex; justify-content: space-between; gap: 12px; font-size: 12px; }.cz-editor-progress b { color: #ffad18; }.cz-editor-progress p { margin: 7px 0 0; color: #8d9aae; font-size: 11px; }
.cz-editor-progress-bar { height: 6px; margin-top: 11px; overflow: hidden; border-radius: 10px; background: #10253e; }.cz-editor-progress-bar i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#ff9f0a,#ffc13d); box-shadow: 0 0 12px rgba(255,173,24,.45); }
.cz-editor-card { padding: 16px; }
.cz-editor-card-title { display: flex; gap: 10px; margin-bottom: 14px; }.cz-editor-card-title > span { display: grid; place-items: center; flex: 0 0 38px; height: 38px; border-radius: 11px; background: rgba(255,173,24,.09); }.cz-editor-card-title h3 { margin: 0; font-size: 14px; }.cz-editor-card-title p { margin: 3px 0 0; color: #8391a5; font-size: 10px; }
.cz-editor-current-status { margin-bottom: 9px; padding: 10px 12px; border-radius: 10px; color: #dbe2eb; background: #0c1d32; font-size: 12px; }.cz-editor-current-status small { margin-left: 5px; color: #78869a; }
.cz-editor-inline { display: grid; grid-template-columns: 1fr auto; gap: 7px; }.cz-editor-inline input,.cz-editor-field input,.cz-editor-field textarea,.cz-editor-details input { width: 100%; border: 1px solid #1a3553; border-radius: 10px; color: #f4f7fb; background: #061326; }.cz-editor-inline button { border: 0; border-radius: 10px; color: #06101d; background: #ffad18; font-weight: 800; }
.cz-editor-avatar-row { margin: 0 !important; }.cz-editor-details { margin-top: 12px; color: #8391a5; font-size: 11px; }.cz-editor-details summary { margin-bottom: 8px; cursor: pointer; }
.cz-editor-field { display: block; margin-top: 11px; }.cz-editor-field > span { display: flex; justify-content: space-between; margin-bottom: 6px; color: #b9c4d2; font-size: 11px; font-weight: 700; }.cz-editor-field > span small { color: #718097; font-weight: 500; }
.cz-editor-savebar { position: sticky; bottom: 70px; z-index: 5; display: flex; align-items: center; justify-content: flex-end; gap: 12px; padding: 11px; border: 1px solid #25415e; border-radius: 14px; background: rgba(5,17,32,.94); box-shadow: 0 -10px 30px rgba(0,0,0,.28); backdrop-filter: blur(12px); }.cz-editor-savebar > div { flex: 1; color: #4bd381; font-size: 11px; }.cz-editor-savebar button { min-height: 40px; padding: 0 17px; border: 0; border-radius: 11px; color: #06101d; background: #ffad18; font-weight: 800; }

.cz-home-profile-check { display: grid; grid-template-columns: 38px 1fr auto 12px; align-items: center; gap: 10px; width: 100%; margin: 0 0 13px; padding: 12px; border: 1px solid #664510; border-radius: 13px; color: #f4f7fb; text-align: left; background: linear-gradient(110deg,rgba(255,171,24,.12),#08162a 62%); }
.cz-home-check-icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; color: #ffad18; background: rgba(255,173,24,.12); }.cz-home-check-copy { min-width: 0; }.cz-home-check-copy b,.cz-home-check-copy small { display: block; }.cz-home-check-copy b { font-size: 11px; }.cz-home-check-copy small { margin-top: 2px; overflow: hidden; color: #8695aa; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }.cz-home-check-copy i { display: block; height: 3px; margin-top: 7px; overflow: hidden; border-radius: 5px; background: #172941; }.cz-home-check-copy em { display: block; height: 100%; border-radius: inherit; background: #ffad18; }.cz-home-profile-check strong { color: #ffad18; font-size: 11px; }.cz-home-check-arrow { color: #77879d; }

.cz-quick-create-backdrop { position: fixed; inset: 0; z-index: 2998; pointer-events: none; background: rgba(0,5,14,.68); opacity: 0; transition: opacity .2s ease; }.cz-quick-create-backdrop.open { pointer-events: auto; opacity: 1; }
.cz-quick-create { position: fixed; left: 50%; bottom: 0; z-index: 2999; width: min(100%,560px); padding: 8px 18px calc(24px + env(safe-area-inset-bottom)); border: 1px solid #1b3652; border-bottom: 0; border-radius: 24px 24px 0 0; color: #f5f7fa; background: #071426; box-shadow: 0 -18px 45px rgba(0,0,0,.45); transform: translate(-50%,105%); transition: transform .25s ease; }.cz-quick-create.open { transform: translate(-50%,0); }.cz-quick-handle { width: 42px; height: 4px; margin: 2px auto 15px; border-radius: 5px; background: #30435a; }.cz-quick-head { display: flex; justify-content: space-between; }.cz-quick-head h2 { margin: 0; font-size: 18px; }.cz-quick-head p { margin: 3px 0 15px; color: #8290a3; font-size: 11px; }.cz-quick-head button { align-self: flex-start; border: 0; color: #8d9bae; background: none; font-size: 28px; }.cz-quick-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; }.cz-quick-grid button { min-width: 0; padding: 14px 5px; border: 1px solid #17304b; border-radius: 13px; color: #eef2f7; background: #0a1a30; }.cz-quick-grid span { display: grid; place-items: center; width: 38px; height: 38px; margin: 0 auto 8px; border-radius: 12px; color: #ffad18; background: rgba(255,173,24,.1); font-size: 18px; }.cz-quick-grid b,.cz-quick-grid small { display: block; }.cz-quick-grid b { font-size: 11px; }.cz-quick-grid small { margin-top: 2px; color: #78869a; font-size: 8px; }

@media (max-width: 720px) {
  .cz-compose-card { padding: 16px; border-radius: 14px; }
  .cz-compose-actions { display: grid; grid-template-columns: 1fr 1.35fr; }.cz-compose-actions button { min-height: 42px; }
  .cz-inbox-head { align-items: flex-start; }.cz-inbox-head .cz-btn { padding: 9px 11px; white-space: nowrap; }
  .cz-inbox-message { grid-template-columns: 36px 1fr; padding: 12px; }.cz-inbox-avatar { width: 36px; height: 36px; font-size: 11px; }.cz-inbox-meta { display: block; }.cz-inbox-meta time { display: block; margin-top: 2px; }
  .cz-profile-hero-actions { top: 202px; right: 13px; }.cz-profile-friend-mini { padding: 0 9px; }
  .cz-editor-card { padding: 13px; }.cz-editor-inline { grid-template-columns: 1fr; }.cz-editor-inline button { min-height: 40px; }.cz-editor-savebar { bottom: 76px; }
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    min-height: 100vh;
    background:
        radial-gradient(circle at 80% 10%, rgba(255, 173, 24, .07), transparent 30%),
        linear-gradient(180deg, #020914 0%, #030b17 45%, #020914 100%);
    color: var(--cz-text);
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 15px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

a {
    color: inherit;
    text-decoration: none;
}

button,
input,
textarea,
select {
    font: inherit;
}

button {
    cursor: pointer;
}

::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: var(--cz-bg);
}

::-webkit-scrollbar-thumb {
    background: #1c304b;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--cz-amber-dark);
}

/* Header */
.cz-header {
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    border-bottom: 1px solid rgba(255,255,255,.06);
    background: rgba(3, 11, 23, .88);
    backdrop-filter: blur(18px);
    position: sticky;
    top: 0;
    z-index: 100;
}

.cz-logo {
    font-size: 30px;
    font-weight: 800;
    letter-spacing: -1.5px;
}

.cz-logo span {
    color: var(--cz-amber);
}

.cz-header-subtitle {
    display: block;
    margin-top: -4px;
    color: var(--cz-text-muted);
    font-size: 11px;
}

/* Main */
.cz-main {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 25px 18px 110px;
}

.cz-page-title {
    margin: 0;
    font-size: 30px;
    font-weight: 750;
    letter-spacing: -.7px;
}

.cz-page-subtitle {
    margin: 5px 0 25px;
    color: var(--cz-text-soft);
}

/* Cards */
.cz-card {
    background: linear-gradient(145deg, rgba(12, 29, 52, .96), rgba(6, 19, 36, .96));
    border: 1px solid var(--cz-border);
    border-radius: var(--cz-radius);
    box-shadow: var(--cz-shadow);
    transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.cz-card:hover {
    border-color: rgba(255, 173, 24, .35);
    background: linear-gradient(145deg, rgba(14, 34, 60, .98), rgba(7, 22, 41, .98));
    transform: translateY(-2px);
}

/* Buttons */
.cz-btn {
    min-height: 46px;
    padding: 0 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 13px;
    border: 1px solid transparent;
    font-weight: 650;
    transition: all .2s ease;
}

.cz-btn-primary {
    color: #111;
    background: linear-gradient(135deg, var(--cz-amber-light), var(--cz-amber));
    box-shadow: 0 7px 22px rgba(255, 173, 24, .18);
}

.cz-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(255, 173, 24, .28);
}

.cz-btn-outline {
    color: var(--cz-amber);
    background: transparent;
    border-color: var(--cz-amber);
}

.cz-btn-outline:hover {
    background: rgba(255, 173, 24, .08);
}

/* Search */
.cz-search {
    width: 100%;
    min-height: 52px;
    display: flex;
    align-items: center;
    padding: 0 17px;
    background: var(--cz-card);
    border: 1px solid var(--cz-border);
    border-radius: 15px;
    color: var(--cz-text);
}

.cz-search input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--cz-text);
    padding: 0 10px;
}

.cz-search input::placeholder {
    color: var(--cz-text-muted);
}

/* Tabs */
.cz-tabs {
    display: flex;
    gap: 6px;
    margin: 22px 0;
    overflow-x: auto;
    scrollbar-width: none;
}

.cz-tabs::-webkit-scrollbar {
    display: none;
}

.cz-tab {
    flex: 0 0 auto;
    padding: 11px 17px;
    border-radius: 11px;
    color: var(--cz-text-soft);
    white-space: nowrap;
}

.cz-tab.active {
    color: var(--cz-amber);
    background: rgba(255, 173, 24, .10);
    box-shadow: inset 0 -2px 0 var(--cz-amber);
}

/* Members */
.cz-member-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cz-member {
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 13px;
}

.cz-avatar {
    position: relative;
    flex: 0 0 auto;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(255,173,24,.45);
}

.cz-online {
    position: absolute;
    width: 13px;
    height: 13px;
    right: 0;
    bottom: 2px;
    background: var(--cz-green);
    border: 2px solid var(--cz-card);
    border-radius: 50%;
}

.cz-member-info {
    min-width: 0;
    flex: 1;
}

.cz-member-name {
    font-size: 17px;
    font-weight: 700;
}

.cz-member-meta {
    color: var(--cz-text-soft);
    font-size: 13px;
}

.cz-level {
    display: inline-block;
    margin-left: 5px;
    padding: 3px 7px;
    border-radius: 6px;
    color: var(--cz-amber);
    background: rgba(255,173,24,.10);
    font-size: 11px;
    font-weight: 700;
}

.cz-member-action {
    flex: 0 0 auto;
}

/* Forum */
.cz-forum-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cz-forum-category {
    padding: 17px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.cz-forum-icon {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 50%;
    color: var(--cz-amber);
    border: 1px solid rgba(255,173,24,.35);
    background: rgba(255,173,24,.04);
    font-size: 21px;
}

.cz-forum-info {
    flex: 1;
    min-width: 0;
}

.cz-forum-name {
    font-size: 17px;
    font-weight: 700;
}

.cz-forum-description {
    color: var(--cz-text-soft);
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cz-forum-stats {
    text-align: right;
    flex: 0 0 auto;
}

.cz-forum-count {
    font-size: 13px;
}

.cz-forum-new {
    color: var(--cz-amber);
    font-size: 12px;
}

/* Posts */
.cz-post-list {
    display: flex;
    flex-direction: column;
}

.cz-post {
    padding: 16px;
    display: flex;
    gap: 12px;
    border-bottom: 1px solid rgba(255,255,255,.05);
}

.cz-post:last-child {
    border-bottom: 0;
}

.cz-post-avatar {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    object-fit: cover;
}

.cz-post-content {
    min-width: 0;
    flex: 1;
}

.cz-post-title {
    font-weight: 650;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cz-post-meta {
    margin-top: 3px;
    color: var(--cz-text-muted);
    font-size: 12px;
}

.cz-post-comments {
    color: var(--cz-text-soft);
    white-space: nowrap;
}

/* Online users */
.cz-online-users {
    display: flex;
    gap: 17px;
    overflow-x: auto;
    padding: 5px 2px 12px;
    scrollbar-width: none;
}

.cz-online-users::-webkit-scrollbar {
    display: none;
}

.cz-online-user {
    flex: 0 0 auto;
    text-align: center;
}

.cz-online-user .cz-avatar {
    width: 58px;
    height: 58px;
}

.cz-online-user-name {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    color: var(--cz-text-soft);
}

/* Tags */
.cz-tag {
    display: inline-flex;
    align-items: center;
    padding: 4px 9px;
    border-radius: 8px;
    background: rgba(255,255,255,.06);
    color: var(--cz-text-soft);
    font-size: 11px;
}

.cz-tag-amber {
    color: var(--cz-amber);
    background: rgba(255,173,24,.10);
}

/* Profile */
.cz-profile {
    text-align: center;
    padding: 25px 18px;
}

.cz-profile-avatar {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid var(--cz-amber);
    box-shadow: 0 0 30px rgba(255,173,24,.15);
}

.cz-profile-name {
    margin-top: 13px;
    font-size: 24px;
    font-weight: 750;
}

.cz-profile-status {
    color: var(--cz-green);
    font-size: 13px;
}

/* Bottom navigation */
.cz-bottom-nav {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 72px;
    z-index: 200;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 6px 8px calc(6px + env(safe-area-inset-bottom));
    background: rgba(3, 11, 23, .94);
    border-top: 1px solid rgba(255,255,255,.08);
    backdrop-filter: blur(20px);
}

.cz-nav-item {
    min-width: 58px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    color: var(--cz-text-muted);
    font-size: 10px;
    transition: .2s ease;
}

.cz-nav-icon {
    font-size: 22px;
}

.cz-nav-item.active {
    color: var(--cz-amber);
}

.cz-nav-item.active .cz-nav-icon {
    filter: drop-shadow(0 0 7px rgba(255,173,24,.4));
}

/* Mobile */
@media (max-width: 767px) {
    .cz-header {
        height: 64px;
        padding: 0 16px;
    }

    .cz-logo {
        font-size: 26px;
    }

    .cz-main {
        padding: 22px 14px 100px;
    }

    .cz-page-title {
        font-size: 27px;
    }

    .cz-card {
        border-radius: 16px;
    }

    .cz-member {
        padding: 13px;
    }

    .cz-avatar {
        width: 52px;
        height: 52px;
    }

    .cz-member-action .cz-btn {
        min-height: 38px;
        padding: 0 11px;
        font-size: 12px;
    }

    .cz-forum-category {
        padding: 14px;
    }

    .cz-forum-icon {
        width: 44px;
        height: 44px;
    }

    .cz-forum-stats {
        display: none;
    }

    .cz-post {
        padding: 14px 5px;
    }
}

/* Desktop */
@media (min-width: 768px) {
    .cz-bottom-nav {
        display: none;
    }

    .cz-main {
        padding-bottom: 50px;
    }

    .cz-member {
        padding: 18px;
    }

    .cz-forum-category {
        padding: 20px;
    }
}

/* Small phones */
@media (max-width: 380px) {
    .cz-main {
        padding-left: 11px;
        padding-right: 11px;
    }

    .cz-page-title {
        font-size: 24px;
    }

    .cz-member-action {
        display: none;
    }

    .cz-nav-item {
        min-width: 48px;
    }
}

/* =========================================================
   Gesamte Community – gemeinsame mobile Komponenten
   ========================================================= */
@media (max-width: 720px) {
    #modal-overlay .modal-body,
    #forum-overlay .forum-body,
    #admin-overlay .forum-body { color: #eaf0f6; }

    #modal-overlay .empty,
    #forum-overlay .empty,
    #admin-overlay .empty {
        padding: 22px 14px;
        color: #8796a9;
        border: 1px dashed #1a3453;
        border-radius: 10px;
        background: rgba(7, 20, 38, .7);
        text-align: center;
        font-size: 10px;
    }

    #modal-overlay .admin-btn,
    #admin-overlay .admin-btn,
    #forum-overlay button,
    #modal-overlay .gb-form button,
    #modal-overlay button[type="submit"] {
        min-height: 38px;
        padding: 0 13px;
        border: 1px solid #ff9418;
        border-radius: 8px !important;
        color: #101722;
        background: linear-gradient(145deg, #ffae2d, #ff8610);
        font-size: 10px;
        font-weight: 680;
    }
    #modal-overlay .admin-btn.danger,
    #admin-overlay .admin-btn.danger,
    #forum-overlay .danger {
        color: #ff7373;
        border-color: rgba(255, 91, 91, .45);
        background: rgba(255, 77, 77, .08);
    }
    #modal-overlay input,
    #modal-overlay textarea,
    #modal-overlay select,
    #admin-overlay input,
    #admin-overlay textarea,
    #admin-overlay select,
    #forum-overlay input,
    #forum-overlay textarea,
    #forum-overlay select {
        width: 100%;
        min-height: 43px;
        padding: 10px 12px;
        border: 1px solid #1a3453 !important;
        border-radius: 9px !important;
        outline: 0;
        color: #edf2f7 !important;
        background: #08182e !important;
        font-size: 11px !important;
    }
    #modal-overlay textarea,
    #admin-overlay textarea,
    #forum-overlay textarea { min-height: 100px; resize: vertical; }
    #modal-overlay input:focus,
    #modal-overlay textarea:focus,
    #modal-overlay select:focus,
    #admin-overlay input:focus,
    #admin-overlay textarea:focus,
    #admin-overlay select:focus,
    #forum-overlay input:focus,
    #forum-overlay textarea:focus { border-color: #ff9418 !important; box-shadow: 0 0 0 3px rgba(255, 148, 24, .08); }
    .field label { display: block; margin-bottom: 6px; color: #95a4b7; font-size: 9px; }
    .admin-inline-form { display: flex !important; flex-wrap: wrap; gap: 9px !important; align-items: flex-end !important; }
    .admin-inline-form .field { flex: 1 1 140px !important; }

    /* Pinnwand, Postfach, Neuigkeiten, Gästebuch und Benachrichtigungen */
    .gb-list,
    .status-feed-list,
    .pin-list,
    .row-list,
    .kudos-list { display: flex; flex-direction: column; gap: 8px; }
    .gb-entry,
    .status-feed-item,
    .pin-item,
    .kudos-item,
    .notif-item {
        position: relative;
        padding: 13px !important;
        border: 1px solid #152d49 !important;
        border-radius: 10px !important;
        background: linear-gradient(155deg, #08182d, #061326) !important;
        box-shadow: none !important;
    }
    .gb-author,
    .kudos-from,
    .pin-item-head { font-size: 11px; font-weight: 700; }
    .gb-date,
    .kudos-date,
    .pin-item-meta,
    .notif-item-time,
    .row-meta { color: #8090a5 !important; font-size: 8px !important; }
    .gb-text,
    .kudos-message,
    .pin-item-text,
    .status-feed-text { margin-top: 7px !important; color: #c2ccd8 !important; font-size: 10px !important; line-height: 1.55; }
    .gb-form { display: flex; gap: 7px; align-items: stretch; }
    .gb-form input { flex: 1; min-width: 0; }
    .gb-header { margin: 18px 0 9px; color: #f1f4f8; font-size: 13px; font-weight: 700; }
    .unread-dot { background: #ff9418 !important; }

    /* Rangliste und Team */
    .member-list { display: flex; flex-direction: column; gap: 7px; }
    .member-row {
        min-height: 60px;
        padding: 10px 12px !important;
        display: flex;
        align-items: center;
        gap: 9px;
        border: 1px solid #152d49 !important;
        border-radius: 10px !important;
        color: #e8edf3;
        background: linear-gradient(155deg, #08182d, #061326) !important;
    }
    .member-row .swatch { width: 34px !important; height: 34px !important; flex: 0 0 34px; border: 2px solid #213956; border-radius: 50% !important; }
    .member-row .member-name { min-width: 0; flex: 1; font-size: 11px !important; }
    .member-row .member-meta { color: #8d9caf !important; font-size: 8px !important; white-space: nowrap; }
    .team-group { margin-bottom: 13px; padding: 13px; border: 1px solid #152d49; border-radius: 11px; background: #061326; }
    .team-group-header { color: #ff9418; font-size: 13px; font-weight: 720; }
    .team-group-desc { margin: 7px 0 10px; color: #8e9db0; font-size: 9px; line-height: 1.5; }

    /* Termine */
    .event-card {
        padding: 14px;
        border: 1px solid #152d49;
        border-radius: 11px;
        background: linear-gradient(155deg, #08182d, #061326);
    }
    .event-title { color: #f0f4f8; font-size: 13px; font-weight: 700; }
    .event-time { margin-top: 7px; color: #ff9418; font-size: 10px; }
    .event-desc { margin-top: 9px; color: #a1aec0; font-size: 10px; line-height: 1.5; }
    .event-footer { margin-top: 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
    .event-rsvp-btn.going { color: #28d870 !important; border-color: #28d870 !important; background: rgba(40, 216, 112, .08) !important; }

    /* Suche */
    .search-results { display: flex; flex-direction: column; gap: 7px; }
    .search-result-row {
        min-height: 66px;
        padding: 12px;
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr) auto;
        gap: 10px;
        align-items: center;
        border: 1px solid #152d49;
        border-radius: 10px;
        background: linear-gradient(155deg, #08182d, #061326);
    }
    .search-result-row::before { content: "⌕"; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 8px; color: #ff9418; background: #0c1c34; font-size: 19px; }
    .search-result-text { min-width: 0; overflow: hidden; color: #dce3eb; font-size: 10px; text-overflow: ellipsis; }
    .search-result-meta { color: #8190a4; font-size: 8px; }

    /* Feedback */
    .feedback-list { display: flex; flex-direction: column; gap: 8px; }
    .feedback-item { padding: 13px; border: 1px solid #152d49; border-radius: 10px; background: linear-gradient(155deg, #08182d, #061326); }
    .feedback-item-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
    .feedback-cat { color: #ff9418; font-size: 9px; font-weight: 700; }
    .feedback-status { padding: 4px 7px; border-radius: 999px; color: #a9b5c4; background: #0c1c34; font-size: 8px; }
    .feedback-status-done { color: #2edb73; }
    .feedback-text { margin-top: 9px; color: #c2ccd8; font-size: 10px; line-height: 1.55; }
    .feedback-item-footer { margin-top: 11px; display: flex; justify-content: space-between; align-items: center; color: #8190a4; font-size: 8px; }
    .feedback-vote-btn { color: #ff9418 !important; border-color: #ff9418 !important; background: rgba(255, 148, 24, .07) !important; }

    /* Kontakt */
    .contact-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-bottom: 12px; }
    .contact-tab-btn { min-height: 42px; border: 1px solid #1a3453 !important; color: #9daabc !important; background: #08182e !important; }
    .contact-tab-btn.active { color: #ff9418 !important; border-color: #ff9418 !important; background: rgba(255, 148, 24, .08) !important; }
    .contact-pane { padding: 13px; border: 1px solid #152d49; border-radius: 11px; background: #061326; }

    /* Moderationsbefehle und Befehlspalette */
    .mod-cmd-row,
    .command-palette-item,
    .room-picker-item {
        width: 100%;
        min-height: 58px;
        padding: 11px 12px !important;
        display: flex;
        align-items: center;
        gap: 10px;
        border: 1px solid #152d49 !important;
        border-radius: 10px !important;
        color: #e8edf3 !important;
        background: linear-gradient(155deg, #08182d, #061326) !important;
        text-align: left;
    }
    .mod-cmd { color: #ff9418; font-family: var(--mono); font-size: 10px; font-weight: 700; }
    .mod-cmd-desc,
    .command-palette-desc { color: #8998ab; font-size: 9px; }
    .mod-cmd-tier { margin-left: auto; color: #718197; font-size: 8px; }
    .command-palette-list,
    .room-picker-list { display: flex; flex-direction: column; gap: 7px; }
    .command-palette-cmd { min-width: 92px; color: #ff9418; font-family: var(--mono); font-size: 10px; }

    /* Forum-Details */
    .forum-toolbar { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 10px; }
    .forum-pagination { margin: 12px 0; display: flex; justify-content: center; gap: 5px; }
    .forum-post {
        margin-bottom: 8px;
        padding: 13px !important;
        border: 1px solid #152d49 !important;
        border-radius: 11px !important;
        background: linear-gradient(155deg, #08182d, #061326) !important;
    }
    .forum-post-author { display: flex; align-items: center; gap: 9px; }
    .forum-post-avatar { width: 36px !important; height: 36px !important; border-radius: 50% !important; }
    .forum-post-name { color: #ff9418 !important; font-size: 11px !important; }
    .forum-post-meta { color: #8190a4 !important; font-size: 8px !important; }
    .forum-post-body { margin-top: 10px; color: #c8d1dc !important; font-size: 10px !important; line-height: 1.6; }
    .forum-newtopic-form,
    .forum-reply-form { padding: 12px; border: 1px solid #152d49; border-radius: 10px; background: #061326; }
    .forum-locked-notice { padding: 12px; border: 1px solid rgba(255, 148, 24, .32); border-radius: 9px; color: #ffad3c; background: rgba(255, 148, 24, .07); font-size: 9px; }

    /* Umfragen und Link-Vorschauen im Chat */
    .poll-question { color: #eff3f7; font-size: 12px; font-weight: 700; }
    .poll-options { margin-top: 9px; display: flex; flex-direction: column; gap: 6px; }
    .poll-option { position: relative; min-height: 38px; overflow: hidden; border: 1px solid #1a3453; border-radius: 8px; background: #08182e; }
    .poll-option-bar { position: absolute; inset: 0 auto 0 0; background: rgba(255, 148, 24, .11); }
    .poll-option-label,
    .poll-option-count { position: relative; z-index: 1; font-size: 9px; }
    .link-preview-body { border-color: #17304e !important; border-radius: 9px !important; background: #07172c !important; }
    .link-preview-title { color: #eff3f7 !important; font-size: 10px !important; }
    .link-preview-desc,
    .link-preview-site { color: #8796a9 !important; font-size: 8px !important; }

    /* Adminbereich */
    #admin-overlay {
        z-index: 1500 !important;
        padding: 72px 0 80px !important;
        background: var(--cz-bg) !important;
    }
    #admin-overlay .forum-header { min-height: 58px !important; padding: 13px 15px !important; border-bottom: 1px solid #142945 !important; background: #030b18 !important; }
    #admin-overlay .area-badge { color: #f0f4f8 !important; background: transparent !important; font-size: 16px !important; }
    #admin-overlay .admin-tabs { display: flex; gap: 0; overflow-x: auto; border-bottom: 1px solid #142945; background: #041020; scrollbar-width: none; }
    #admin-overlay .admin-tabs::-webkit-scrollbar { display: none; }
    #admin-overlay .admin-tab-btn { flex: 0 0 auto; min-height: 44px; padding: 0 12px; border: 0; border-bottom: 2px solid transparent; color: #92a0b3; background: transparent; font-size: 9px; }
    #admin-overlay .admin-tab-btn.active { color: #ff9418; border-bottom-color: #ff9418; }
    #admin-overlay .forum-body { padding: 13px !important; }
    .admin-section-header { margin: 19px 0 9px; padding-bottom: 7px; border-bottom: 1px solid #142945; }
    .admin-section-title { color: #f0f4f8; font-size: 13px; font-weight: 720; }
    .admin-stat-grid { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; }
    .admin-stat-card { padding: 14px !important; border: 1px solid #152d49 !important; border-radius: 10px !important; background: linear-gradient(155deg, #08182d, #061326) !important; }
    .admin-stat-value { color: #ff9418 !important; font-size: 19px !important; }
    .admin-stat-label { color: #8998ab !important; font-size: 9px !important; }
    .admin-table-wrap { overflow-x: auto; border: 1px solid #152d49; border-radius: 10px; }
    .admin-table { min-width: 600px; color: #d9e0e8; background: #061326; font-size: 9px; }
    .admin-table th { color: #ff9418; background: #0a1a31; }
    .admin-table th,
    .admin-table td { padding: 9px; border-bottom-color: #142945 !important; }
    .theme-picker { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
    .theme-option,
    .feature-toggle,
    .admin-checkbox-field { padding: 11px !important; border: 1px solid #152d49 !important; border-radius: 9px !important; background: #061326 !important; }
    .theme-option.active { border-color: #ff9418 !important; }
    .profile-danger-zone { border-color: rgba(255, 87, 87, .4) !important; background: rgba(255, 70, 70, .055) !important; }

    /* Toasts und Hinweise */
    .toast-container { left: 12px !important; right: 12px !important; bottom: 92px !important; }
    .toast { border: 1px solid #1a3453 !important; border-radius: 10px !important; background: #08182e !important; box-shadow: 0 12px 32px rgba(0, 0, 0, .35) !important; }
    .toast-title { color: #f0f4f8 !important; font-size: 11px !important; }
    .toast-text { color: #93a1b4 !important; font-size: 9px !important; }
    .deletion-banner,
    .reconnect-banner { border-color: #ff9418 !important; background: #0a182a !important; color: #eef2f7 !important; }
}

.chat-navbar-logo {
    width: 118px;
    height: 46px;
    display: block;
    object-fit: contain;
}

/* =========================================================
   Referenz-Update: Dashboard + Profil mit Original-Logo
   ========================================================= */
@media (max-width: 720px) {
    #cz-mobile-header {
        height: 72px;
        display: grid !important;
        grid-template-columns: 1fr auto 1fr;
        padding: max(8px, env(safe-area-inset-top)) 14px 7px;
        background: rgba(2, 9, 20, .96);
        border-bottom: 0;
    }
    .cz-header-logo {
        grid-column: 2;
        width: 104px;
        height: 48px;
        display: block;
        object-fit: contain;
        filter: drop-shadow(0 3px 8px rgba(0, 0, 0, .35));
    }
    .cz-header-icon {
        position: relative;
        width: 38px;
        height: 42px;
        padding: 7px;
        border: 0;
        color: #f4f7fb;
        background: transparent;
    }
    .cz-header-icon svg {
        width: 100%;
        height: 100%;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }
    #cz-menu-btn { grid-column: 1; justify-self: start; }
    .cz-header-actions { grid-column: 3; justify-self: end; display: flex; gap: 5px; }
    .cz-header-actions .cz-mobile-badge { top: 3px; right: 1px; }

    #cz-side-menu {
        right: auto;
        left: 0;
        border-right: 1px solid #182d49;
        border-left: 0;
        transform: translateX(-100%);
        box-shadow: 20px 0 45px rgba(0, 0, 0, .38);
    }
    #cz-side-menu.open { transform: translateX(0); }

    #cz-mobile-bottom.cz-bottom-nav {
        height: 80px;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        padding: 6px 7px calc(8px + env(safe-area-inset-bottom));
        border-radius: 0;
        border-right: 0;
        border-left: 0;
        background: rgba(3, 10, 22, .985);
    }
    #cz-mobile-bottom .cz-nav-item {
        min-height: 60px;
        color: #9ba8ba;
        font-size: 9px;
    }
    #cz-mobile-bottom .cz-nav-item.active { color: #ff8d13; }
    #cz-mobile-bottom .cz-nav-create {
        width: 58px;
        min-width: 58px;
        height: 58px;
        min-height: 58px;
        margin: -23px auto 0;
        align-self: start;
        border-radius: 50%;
        color: #fff;
        background: linear-gradient(145deg, #ff9e24, #ff7f0d);
        box-shadow: 0 9px 24px rgba(255, 132, 12, .34), inset 0 1px 0 rgba(255, 255, 255, .28);
    }
    #cz-mobile-bottom .cz-nav-create .cz-nav-icon { width: 30px; height: 30px; }

    /* Dashboard nach dem Login */
    #home-screen { padding: 72px 0 80px !important; }
    #home-screen .home-inner { padding: 12px 13px 26px !important; }
    .cz-dashboard-welcome,
    .cz-dashboard-card,
    .cz-dashboard-banner,
    .cz-dashboard-community-stats {
        border: 1px solid #142b48;
        border-radius: 13px;
        background: linear-gradient(155deg, rgba(7, 22, 42, .98), rgba(4, 15, 30, .99));
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .018), 0 9px 28px rgba(0, 0, 0, .16);
    }
    .cz-dashboard-welcome {
        min-height: 185px;
        padding: 18px 16px 15px;
        display: grid;
        grid-template-columns: 76px minmax(0, 1fr) auto;
        grid-template-rows: auto 1fr auto;
        gap: 0 14px;
        align-items: center;
    }
    .cz-dashboard-avatar {
        position: relative;
        grid-column: 1;
        grid-row: 1 / 3;
        width: 76px;
        height: 76px;
    }
    .cz-dashboard-avatar img,
    .cz-dashboard-avatar > span {
        width: 100%;
        height: 100%;
        display: grid;
        place-items: center;
        object-fit: cover;
        border: 1px solid rgba(255, 171, 24, .62);
        border-radius: 50%;
        font-size: 15px;
        font-weight: 750;
    }
    .cz-dashboard-avatar i {
        position: absolute;
        right: 1px;
        bottom: 3px;
        width: 17px;
        height: 17px;
        border: 3px solid #071529;
        border-radius: 50%;
        background: #31db70;
    }
    .cz-dashboard-hello { grid-column: 2; grid-row: 1 / 3; align-self: center; }
    .cz-dashboard-hello h1 { margin: 0; font-size: 21px; line-height: 1.15; letter-spacing: -.35px; }
    .cz-dashboard-hello p { margin: 7px 0 0; color: #a3b0c2; font-size: 11px; }
    .cz-dashboard-welcome .home-level-pill {
        grid-column: 3;
        grid-row: 1;
        align-self: start;
        margin: 4px 0 0;
        padding: 7px 10px;
        border: 1px solid #1b3150;
        border-radius: 999px;
        color: #e5eaf1;
        background: #0a1a31;
        font-size: 9px;
        white-space: nowrap;
    }
    .cz-dashboard-welcome .home-level-pill span { color: #ff9317; margin-right: 3px; }
    .cz-dashboard-mini-stats {
        grid-column: 2 / 4;
        grid-row: 3;
        margin-top: 17px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    .cz-dashboard-mini-stats > div {
        min-height: 47px;
        padding: 0 8px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border-left: 1px solid #1a304d;
    }
    .cz-dashboard-mini-stats b { font-size: 16px; line-height: 1; }
    .cz-dashboard-mini-stats span { margin-top: 5px; color: #98a6b8; font-size: 9px; }

    .cz-dashboard-actions {
        margin: 12px 0;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 8px;
    }
    .cz-dashboard-actions button {
        min-height: 105px;
        padding: 12px 4px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 11px;
        border: 1px solid #142b48;
        border-radius: 12px;
        color: #f2f5f9;
        background: linear-gradient(155deg, #08172c, #061326);
    }
    .cz-dashboard-actions button:active { transform: scale(.98); border-color: rgba(255, 147, 23, .55); }
    .cz-dashboard-actions b { font-size: 10px; font-weight: 620; white-space: nowrap; }
    .cz-action-icon { color: #edf1f6; font-size: 31px; line-height: 1; }
    .cz-action-icon.amber { color: #ff9118; }

    .cz-dashboard-card { margin-top: 12px; padding: 16px 14px; }
    .cz-dashboard-card-head,
    .cz-profile-section-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }
    .cz-dashboard-card-head h2,
    .cz-profile-section-head h2 { margin: 0; font-size: 14px; letter-spacing: -.15px; }
    .cz-dashboard-card-head a,
    .cz-profile-section-head span { color: #ff9418; font-size: 9px; text-decoration: none; }
    .cz-dashboard-card-head a span { margin-left: 5px; font-size: 15px; vertical-align: -1px; }
    .cz-dashboard-online {
        margin-top: 14px;
        display: flex;
        justify-content: space-between;
        gap: 9px;
        overflow-x: auto;
        scrollbar-width: none;
    }
    .cz-dashboard-online::-webkit-scrollbar { display: none; }
    .cz-online-person {
        flex: 0 0 48px;
        padding: 0;
        border: 0;
        color: #edf2f7;
        background: transparent;
        text-align: center;
    }
    .cz-online-avatar { position: relative; width: 48px; height: 48px; display: block; }
    .cz-online-avatar img,
    .cz-online-avatar > span { width: 48px; height: 48px; display: grid; place-items: center; object-fit: cover; border: 1px solid #61bd76; border-radius: 50%; font-size: 10px; font-weight: 700; }
    .cz-online-avatar i { position: absolute; right: 0; bottom: 1px; width: 12px; height: 12px; border: 2px solid #071529; border-radius: 50%; background: #2bdd69; }
    .cz-online-person b { display: block; margin-top: 6px; overflow: hidden; font-size: 9px; font-weight: 580; text-overflow: ellipsis; }

    .cz-dashboard-banner {
        position: relative;
        min-height: 105px;
        margin-top: 12px;
        padding: 19px 142px 17px 16px;
        overflow: hidden;
        background:
            linear-gradient(90deg, rgba(5, 17, 33, .99) 0%, rgba(5, 17, 33, .94) 53%, rgba(8, 18, 30, .48) 100%),
            radial-gradient(circle at 83% 48%, rgba(255, 139, 12, .22), transparent 36%),
            #071426;
    }
    .cz-dashboard-banner h2 { margin: 0; font-size: 17px; line-height: 1.2; }
    .cz-dashboard-banner p { margin: 8px 0 0; color: #a4b1c2; font-size: 10px; line-height: 1.45; }
    .cz-neon-chat {
        position: absolute;
        right: 34px;
        top: 24px;
        width: 78px;
        height: 52px;
        display: grid;
        place-items: center;
        border: 3px solid #ff9418;
        border-radius: 24px;
        color: #ff9418;
        box-shadow: 0 0 8px #ff9418, 0 0 24px rgba(255, 148, 24, .55);
    }
    .cz-neon-chat::after { content: ""; position: absolute; left: 11px; bottom: -13px; width: 17px; height: 18px; border-left: 3px solid #ff9418; border-bottom: 3px solid #ff9418; transform: skewY(-35deg); background: #071426; }
    .cz-neon-chat span { letter-spacing: 4px; transform: translateX(2px); }

    .cz-dashboard-posts { padding-bottom: 0; }
    #home-latest-posts { margin-top: 9px; }
    .cz-dashboard-post {
        width: 100%;
        min-height: 66px;
        padding: 9px 3px;
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr) auto;
        align-items: center;
        gap: 10px;
        border: 0;
        border-bottom: 1px solid #142945;
        color: #eef2f7;
        background: transparent;
        text-align: left;
    }
    .cz-dashboard-post-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 8px; color: #d9e0ea; background: #0d1d35; font-size: 18px; }
    .cz-dashboard-post-copy { min-width: 0; }
    .cz-dashboard-post-copy b { display: block; overflow: hidden; font-size: 11px; font-weight: 620; white-space: nowrap; text-overflow: ellipsis; }
    .cz-dashboard-post-copy small { display: block; margin-top: 5px; color: #8f9caf; font-size: 9px; }
    .cz-dashboard-post-count { color: #ff9418; font-size: 10px; white-space: nowrap; }
    .cz-all-posts-btn { width: calc(100% + 28px); height: 45px; margin: 0 -14px; border: 0; border-top: 1px solid #142945; color: #ff9418; background: transparent; font-size: 10px; }

    .cz-dashboard-community-stats {
        min-height: 82px;
        margin-top: 12px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        align-items: center;
    }
    .cz-dashboard-community-stats > div { min-width: 0; padding: 0 8px; text-align: center; border-left: 1px solid #19304d; }
    .cz-dashboard-community-stats > div:first-child { border-left: 0; }
    .cz-dashboard-community-stats b { display: block; color: #eef2f7; font-size: 17px; }
    .cz-dashboard-community-stats span { display: block; margin-top: 5px; color: #8e9caf; font-size: 9px; }
    .cz-dashboard-logout { margin: 20px auto 0 !important; opacity: .62; font-size: 9px !important; }

    /* Profilseite */
    #modal-overlay[data-view="profile"] .modal-header { display: none !important; }
    #modal-overlay[data-view="profile"] .modal-body { padding: 0 !important; }
    .cz-profile-page { min-height: 100%; padding: 0 13px 28px; }
    .cz-profile-hero {
        position: relative;
        min-height: 0 !important;
        padding: 0 12px 14px !important;
        display: block !important;
        overflow: hidden;
        border: 1px solid #142b48 !important;
        border-radius: 13px !important;
        background: linear-gradient(160deg, #07172b, #051225) !important;
        text-align: left !important;
    }
    .cz-profile-cover {
        height: 138px;
        margin: 0 -12px;
        overflow: hidden;
        background-image:
            linear-gradient(180deg, rgba(3, 11, 23, .05), #071629 94%),
            radial-gradient(circle at 80% 48%, color-mix(in srgb, var(--profile-color) 42%, transparent), transparent 38%),
            url("assets/icon.png");
        background-repeat: no-repeat;
        background-position: center, center, 88% 47%;
        background-size: cover, cover, 190px auto;
    }
    .cz-profile-cover::after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: linear-gradient(120deg, rgba(35, 61, 94, .36), transparent 52%, rgba(255, 139, 15, .12));
    }
    .cz-profile-hero .profile-avatar-ring {
        position: relative;
        z-index: 2;
        width: 114px !important;
        height: 114px !important;
        margin: -91px 0 0 5px;
        border: 3px solid #071629;
        border-radius: 50%;
    }
    .cz-profile-hero .profile-avatar-img,
    .cz-profile-hero .profile-avatar-fallback { width: 100% !important; height: 100% !important; border-radius: 50%; }
    .cz-profile-online-dot { position: absolute; right: 4px; bottom: 7px; width: 18px; height: 18px; border: 3px solid #071629; border-radius: 50%; background: #7d8a9c; }
    .cz-profile-online-dot.online { background: #2bdd69; }
    .cz-profile-edit-btn {
        position: absolute;
        top: 151px;
        right: 13px;
        min-height: 38px;
        padding: 0 14px;
        border: 1px solid #172f4d;
        border-radius: 999px !important;
        color: #eef2f7;
        background: #0a1930;
        font-size: 10px;
        font-weight: 620;
    }
    .cz-profile-identity { margin: 12px 4px 0; }
    .cz-profile-identity .profile-name-big { display: flex; align-items: center; gap: 6px; color: #f5f7fa; font-size: 23px !important; text-align: left !important; }
    .cz-verified { width: 18px; height: 18px; display: inline-grid; place-items: center; border-radius: 50%; color: #fff; background: #ff8d13; font-size: 10px; }
    .cz-profile-handle { margin-top: 5px; color: #9eabbd; font-size: 10px; }
    .cz-profile-handle .level-pill { margin-left: 10px; padding: 5px 8px; border: 1px solid #1a3150; color: #e8edf3; background: #0b1a30; font-size: 9px; }
    .cz-profile-handle .level-pill::first-letter { color: #ff9418; }
    .cz-profile-identity .profile-motto { margin-top: 12px; color: #a7b3c3 !important; font-size: 11px !important; text-align: left !important; }
    .cz-profile-stats {
        margin: 16px 2px 0 !important;
        padding: 0 !important;
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        overflow: hidden;
        border: 1px solid #162d49;
        border-radius: 10px !important;
        background: #061326 !important;
    }
    .cz-profile-stats .profile-stat { min-width: 0; min-height: 66px; padding: 11px 4px !important; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid #162d49 !important; }
    .cz-profile-stats .profile-stat:last-child { border-right: 0 !important; }
    .cz-profile-stats .profile-stat-value { overflow: hidden; color: #f0f4f8 !important; font-size: 14px !important; white-space: nowrap; text-overflow: ellipsis; }
    .cz-profile-stats .profile-stat-label { margin-top: 6px; color: #8795a8 !important; font-size: 8px !important; }
    .cz-profile-about { margin-top: 11px; padding: 13px 11px; border: 1px solid #152c48; border-radius: 10px; background: #061326; }
    .cz-profile-about h3 { margin: 0; display: flex; justify-content: space-between; color: #eef2f7; font-size: 12px; }
    .cz-profile-about h3 span { color: #738399; font-size: 18px; }
    .cz-profile-about p { margin: 8px 0 0; color: #a2afc0; font-size: 10px; line-height: 1.55; }
    .cz-profile-about small { display: block; margin-top: 7px; color: #ff9418; font-size: 9px; }

    .cz-profile-section,
    .cz-profile-manage {
        margin-top: 9px;
        padding: 14px 12px;
        border: 1px solid #142b48;
        border-radius: 12px;
        background: linear-gradient(155deg, #07172b, #051225);
    }
    .cz-profile-photo-grid { margin-top: 12px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; }
    .cz-profile-photo-grid img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 8px; }
    .cz-profile-photo-empty { grid-column: 1 / -1; padding: 18px; color: #8795a8; border: 1px dashed #1a3453; border-radius: 8px; text-align: center; font-size: 9px; }
    .cz-profile-activities { padding-bottom: 6px; }
    .cz-profile-activity { min-height: 58px; display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 10px; border-bottom: 1px solid #142945; }
    .cz-profile-activity:last-child { border-bottom: 0; }
    .cz-profile-activity > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 8px; color: #e2e8f0; background: #0d1d35; }
    .cz-profile-activity b { display: block; font-size: 10px; font-weight: 620; }
    .cz-profile-activity small { display: block; margin-top: 4px; color: #8795a8; font-size: 8px; }
    .cz-profile-activity > i { color: #6f8096; font-size: 18px; font-style: normal; }
    .cz-profile-manage { padding: 0 12px 14px; }
    .cz-profile-manage .profile-tabs { top: 0 !important; margin: 0 -12px; padding: 0 12px; gap: 17px !important; border-bottom-color: #142945 !important; background: #061326 !important; }
    .cz-profile-manage .profile-tab-btn { min-height: 46px; font-size: 9px !important; }
    .cz-profile-manage #profile-tab-body { padding-top: 1px; }
}

@media (max-width: 380px) {
    .cz-dashboard-welcome { grid-template-columns: 68px minmax(0, 1fr) auto; padding-left: 12px; padding-right: 10px; gap: 0 9px; }
    .cz-dashboard-avatar { width: 68px; height: 68px; }
    .cz-dashboard-hello h1 { font-size: 18px; }
    .cz-dashboard-welcome .home-level-pill { padding: 6px 7px; font-size: 8px; }
    .cz-dashboard-actions { gap: 6px; }
    .cz-dashboard-actions button { min-height: 98px; }
    .cz-dashboard-actions b { font-size: 9px; }
    .cz-dashboard-banner { padding-right: 125px; }
    .cz-neon-chat { right: 24px; transform: scale(.88); }
    .cz-profile-edit-btn span { display: none; }
    .cz-profile-edit-btn { width: 42px; padding: 0; }
}

/* =========================================================
   chatZa Referenz-UI – eingeloggte mobile Oberfläche
   ========================================================= */
@media (max-width: 720px) {
    :root {
        --cz-bg: #020914;
        --cz-bg-2: #04101f;
        --cz-card: #071529;
        --cz-card-hover: #0a1b33;
        --cz-border: #162b47;
        --cz-amber: #ffab18;
        --cz-amber-light: #ffc149;
        --cz-amber-dark: #d98a00;
        --cz-text: #f5f7fb;
        --cz-text-soft: #a9b5c6;
        --cz-text-muted: #718197;
        --cz-green: #31d980;
        --cz-radius: 14px;
        --cz-radius-small: 10px;
    }

    html, body {
        width: 100%;
        min-height: 100%;
        background: var(--cz-bg) !important;
        color: var(--cz-text) !important;
    }

    body {
        background:
            radial-gradient(circle at 84% 8%, rgba(255, 171, 24, .055), transparent 22rem),
            linear-gradient(180deg, #020914, #030b17 55%, #020914) !important;
    }

    /* Header wie in der Referenz: Branding links, Profil und Menü rechts. */
    #cz-mobile-header {
        position: fixed !important;
        inset: 0 0 auto 0;
        z-index: 1600;
        height: 72px;
        padding: max(9px, env(safe-area-inset-top)) 16px 7px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: rgba(2, 9, 20, .94);
        border-bottom: 1px solid #10213a;
        backdrop-filter: blur(20px);
        box-shadow: none;
    }

    .cz-brand-lockup { min-width: 0; }
    .cz-brand-lockup .cz-logo { font-size: 28px; line-height: 1; letter-spacing: -1.6px; }
    .cz-brand-lockup small { display: block; margin-top: 3px; color: #7f8ca0; font-size: 8px; line-height: 1; }
    .cz-header-actions { display: flex; align-items: center; gap: 14px; }
    #cz-profile-avatar.cz-avatar {
        width: 40px;
        height: 40px;
        display: grid;
        place-items: center;
        overflow: hidden;
        border: 1px solid rgba(255, 171, 24, .75);
        border-radius: 50%;
        font-size: 11px;
        font-weight: 750;
        box-shadow: 0 0 12px rgba(255, 171, 24, .10);
    }
    #cz-profile-avatar img { width: 100%; height: 100%; object-fit: cover; }
    .cz-header-menu {
        width: 34px;
        height: 40px;
        padding: 6px 0;
        border: 0;
        color: #eef2f8;
        background: transparent;
    }
    .cz-header-menu svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; }

    /* Einheitliche untere Navigation. */
    #cz-mobile-bottom.cz-bottom-nav {
        position: fixed;
        inset: auto 0 0 0;
        z-index: 1600;
        height: 74px;
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        padding: 7px 6px calc(7px + env(safe-area-inset-bottom));
        background: rgba(2, 9, 20, .97);
        border: 1px solid #142640;
        border-bottom: 0;
        border-radius: 24px 24px 0 0;
        box-shadow: 0 -10px 28px rgba(0, 0, 0, .22);
        backdrop-filter: blur(20px);
    }
    #cz-mobile-bottom .cz-nav-item {
        position: relative;
        min-width: 0;
        min-height: 56px;
        padding: 2px 1px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        border: 0;
        color: #a1aec0;
        background: transparent;
        font-size: 8px;
        font-weight: 500;
    }
    #cz-mobile-bottom .cz-nav-item.active { color: var(--cz-amber); }
    #cz-mobile-bottom .cz-nav-icon { width: 23px; height: 23px; display: block; line-height: 1; }
    #cz-mobile-bottom .cz-nav-icon svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
    #cz-mobile-bottom .cz-mobile-badge { top: 1px; right: calc(50% - 21px); }

    /* Menü-Schublade – passend zum Hamburger rechts. */
    #cz-side-menu-backdrop { z-index: 1700; }
    #cz-side-menu {
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;
        z-index: 1701;
        width: min(82vw, 300px);
        padding: calc(24px + env(safe-area-inset-top)) 14px 24px;
        align-items: stretch;
        gap: 7px;
        background: #041020;
        border: 0;
        border-left: 1px solid #182d49;
        transform: translateX(100%);
        box-shadow: -20px 0 45px rgba(0, 0, 0, .38);
    }
    #cz-side-menu.open { transform: translateX(0); }
    #cz-side-menu .cz-side-item {
        width: 100%;
        height: 48px;
        padding: 0 14px;
        flex-direction: row;
        justify-content: flex-start;
        gap: 13px;
        border: 1px solid transparent;
        border-radius: 11px;
        color: #c9d3e0;
        background: transparent;
        font-size: 18px;
    }
    #cz-side-menu .cz-side-item:hover { border-color: #193150; background: #08172b; color: var(--cz-amber); }
    #cz-side-menu .cz-side-item span { font-size: 12px; }
    #cz-side-menu .cz-side-divider { width: 100%; margin: 5px 0; background: #182b46; }

    /* Gemeinsamer Seitenrahmen. */
    #home-screen,
    #forum-overlay,
    #modal-overlay {
        background:
            radial-gradient(circle at 82% 6%, rgba(255, 171, 24, .045), transparent 18rem),
            var(--cz-bg) !important;
    }
    #modal-overlay {
        padding: 72px 0 74px !important;
        align-items: stretch !important;
        justify-content: stretch !important;
    }
    #modal-overlay .modal-card {
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: auto !important;
    }
    #modal-overlay .modal-header {
        min-height: 58px;
        padding: 15px 17px !important;
        border-bottom: 1px solid #142640 !important;
        background: rgba(2, 9, 20, .94) !important;
        font-size: 17px !important;
    }
    #modal-overlay .modal-body { padding: 16px 17px 28px !important; }
    #modal-overlay[data-view="members"] .modal-header { display: none !important; }
    #modal-overlay[data-view="members"] .modal-body { padding: 0 !important; }

    /* Mitgliederseite. */
    .cz-members-page { min-height: 100%; padding: 20px 15px 28px; }
    .cz-members-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
    .cz-members-heading h1 { margin: 0; font-size: 22px; line-height: 1.1; letter-spacing: -.4px; }
    .cz-title-icon { display: inline-block; margin-right: 6px; color: #aeb9c9; font-size: 25px; vertical-align: -2px; }
    .cz-members-heading p { margin: 6px 0 0; color: var(--cz-text-soft); font-size: 10px; }
    .cz-members-heading .cz-btn { min-height: 40px; padding: 0 12px; border-radius: 999px; font-size: 10px; white-space: nowrap; }

    .cz-member-tools { display: grid; grid-template-columns: 1fr auto; gap: 7px; }
    .cz-member-tools .cz-search {
        min-height: 45px;
        padding: 0 13px;
        border-radius: 9px;
        background: #071427;
        border-color: #18304e;
    }
    .cz-member-tools .cz-search span { color: #95a4b7; font-size: 21px; line-height: 1; }
    .cz-member-tools .cz-search input { padding-left: 7px; font-size: 12px; }
    .cz-filter-btn {
        min-width: 76px;
        min-height: 45px;
        padding: 0 12px;
        border: 1px solid #18304e;
        border-radius: 9px;
        color: #e2e8f0;
        background: #0a1930;
        font-size: 11px;
        font-weight: 650;
    }
    .cz-filter-btn span { margin-right: 4px; color: #c7d0dc; }
    .cz-member-filters {
        margin-top: 8px;
        padding: 10px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 9px;
        border: 1px solid #172e4b;
        border-radius: 10px;
        background: #061327;
    }
    .cz-member-filters.hidden { display: none !important; }
    .cz-member-filters label { color: #8e9db0; font-size: 9px; }
    .cz-member-filters select { width: 100%; margin-top: 5px; padding: 8px; border: 1px solid #1b3454; border-radius: 7px; color: #e5ebf2; background: #091a31; font-size: 10px; }

    .cz-member-tabs {
        margin: 11px 0 12px;
        display: flex;
        gap: 0;
        overflow-x: auto;
        border-bottom: 1px solid #132640;
        scrollbar-width: none;
    }
    .cz-member-tabs::-webkit-scrollbar { display: none; }
    .cz-member-tabs button {
        flex: 0 0 auto;
        min-width: 82px;
        height: 43px;
        padding: 0 10px;
        border: 0;
        border-bottom: 2px solid transparent;
        color: #9ca9bb;
        background: transparent;
        font-size: 10px;
        white-space: nowrap;
    }
    .cz-member-tabs button.active { color: var(--cz-amber); border-bottom-color: var(--cz-amber); font-weight: 700; }
    .cz-member-tabs button i { display: inline-block; width: 7px; height: 7px; margin-left: 4px; border-radius: 50%; background: var(--cz-green); }

    .cz-member-list { gap: 7px; }
    .cz-card.cz-member {
        position: relative;
        min-height: 92px;
        padding: 10px 28px 10px 10px;
        display: grid;
        grid-template-columns: 56px minmax(0, 1fr) 84px;
        grid-template-rows: auto auto;
        align-items: center;
        column-gap: 9px;
        row-gap: 4px;
        border-radius: 10px;
        border-color: #152c49;
        background: linear-gradient(160deg, #071629, #061326);
        box-shadow: none;
    }
    .cz-card.cz-member:hover { transform: none; background: #08182c; }
    .cz-avatar-wrap { position: relative; grid-row: 1 / 3; align-self: center; }
    .cz-card.cz-member .cz-avatar {
        width: 54px;
        height: 54px;
        display: grid;
        place-items: center;
        object-fit: cover;
        border: 1px solid rgba(255, 171, 24, .44);
        border-radius: 50%;
        font-size: 12px;
        font-weight: 750;
    }
    .cz-presence { position: absolute; right: 0; bottom: 1px; width: 12px; height: 12px; border: 2px solid #071529; border-radius: 50%; background: #8a96a6; }
    .cz-presence.online { background: var(--cz-green); }
    .cz-member-info { grid-column: 2; grid-row: 1 / 3; align-self: center; }
    .cz-member-name { font-size: 13px; line-height: 1.25; white-space: nowrap; }
    .cz-level { margin-left: 4px; padding: 3px 5px; border-radius: 5px; font-size: 8px; font-weight: 700; }
    .cz-member-meta { margin-top: 5px; color: #aab5c5; font-size: 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .cz-member-about { margin-top: 3px; color: #8795a8; font-size: 8.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .cz-member-stats { grid-column: 3; grid-row: 1; display: flex; flex-direction: column; gap: 2px; color: #aab5c5; font-size: 8.5px; line-height: 1.25; }
    .cz-member-stats .is-online { color: var(--cz-green); }
    .cz-member-action { grid-column: 3; grid-row: 2; }
    .cz-member-action .cz-btn { width: 100%; min-height: 31px; padding: 0 7px; gap: 4px; border-radius: 7px; font-size: 8.5px; white-space: nowrap; }
    .cz-member-menu { position: absolute; top: 6px; right: 5px; width: 22px; height: 25px; padding: 0; border: 0; color: #9eacbd; background: transparent; font-size: 17px; line-height: 1; }

    .cz-member-pagination { min-height: 38px; margin-top: 10px; display: flex; align-items: center; justify-content: center; gap: 4px; }
    .cz-member-pagination button { min-width: 30px; height: 30px; padding: 0 7px; border: 0; border-radius: 6px; color: #9eabbd; background: #071427; font-size: 10px; }
    .cz-member-pagination button.active { color: var(--cz-amber); background: rgba(255, 171, 24, .13); }
    .cz-member-pagination button:disabled { opacity: .35; }
    .cz-member-pagination span { color: #8b99ac; }

    /* Eingeloggte Startseite. */
    #home-screen { padding: 72px 0 74px !important; }
    #home-screen .home-inner { padding: 17px 15px 26px !important; }
    #home-screen .home-hero-card {
        position: relative;
        min-height: 225px;
        padding: 25px 145px 24px 18px !important;
        overflow: hidden;
        border: 1px solid rgba(255, 171, 24, .18) !important;
        border-radius: 16px !important;
        background:
            radial-gradient(circle at 84% 45%, rgba(255, 171, 24, .22), transparent 28%),
            linear-gradient(140deg, #0a1a31, #041122 68%, #0b1423) !important;
        box-shadow: 0 12px 34px rgba(0, 0, 0, .24) !important;
    }
    #home-screen .home-hero-card::after {
        content: "Za";
        position: absolute;
        right: 23px;
        top: 45px;
        width: 90px;
        height: 90px;
        display: grid;
        place-items: center;
        border: 4px solid var(--cz-amber);
        border-radius: 50%;
        color: var(--cz-amber);
        font-size: 34px;
        font-weight: 750;
        box-shadow: 0 0 25px rgba(255, 171, 24, .28);
    }
    #home-screen .home-greeting { color: var(--cz-amber) !important; font-size: 11px !important; font-weight: 700 !important; }
    #home-screen .home-hero-title { margin-top: 9px !important; font-size: 22px !important; line-height: 1.13 !important; }
    #home-screen .home-sub { color: #aab6c6 !important; font-size: 10px !important; line-height: 1.5 !important; }
    #home-screen .home-level-pill { color: var(--cz-amber) !important; font-size: 9px !important; }
    #home-screen .home-hero-actions { flex-direction: column !important; align-items: stretch !important; gap: 6px !important; }
    #home-screen .home-chat-btn,
    #home-screen .home-hero-secondary-btn { min-height: 37px !important; border-radius: 8px !important; font-size: 9px !important; }
    #home-screen .home-section { margin-top: 21px !important; }
    #home-screen .home-section-head h2 { font-size: 15px !important; }
    #home-screen .home-section-head a { color: var(--cz-amber) !important; font-size: 9px !important; }
    #home-screen .home-discover-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 6px !important; }
    #home-screen .home-discover-card { min-height: 125px !important; padding: 12px 5px !important; border: 1px solid #152c48 !important; border-radius: 10px !important; background: #071529 !important; font-size: 10px !important; }
    #home-screen .home-discover-icon { color: var(--cz-amber) !important; background: rgba(255, 171, 24, .08) !important; }
    #home-screen .home-discover-sub { color: #8997aa !important; font-size: 8px !important; }
    #home-screen .home-active-room-row,
    #home-screen .status-feed-list,
    #home-screen .challenge-card,
    #home-screen .recap-card,
    #home-screen .home-next-event { border-color: #152c48 !important; border-radius: 10px !important; background: #071529 !important; }

    /* Forum. */
    #forum-overlay { padding: 72px 0 74px !important; }
    #forum-overlay .forum-header { min-height: 64px !important; height: auto !important; padding: 14px 16px !important; border-bottom: 1px solid #132640 !important; background: transparent !important; }
    #forum-overlay .forum-header .area-badge { font-size: 19px !important; }
    #forum-overlay .forum-body { padding: 8px 15px 26px !important; }
    #forum-overlay .forum-category-title { margin: 18px 0 9px !important; color: var(--cz-amber) !important; font-size: 13px !important; }
    #forum-overlay .forum-row { margin-bottom: 7px !important; padding: 13px 11px !important; border: 1px solid #152c48 !important; border-radius: 10px !important; background: linear-gradient(160deg, #071629, #061326) !important; }
    #forum-overlay .forum-row-title { color: #f2f5f9 !important; font-size: 12px !important; }
    #forum-overlay .forum-row-desc { color: #8e9caf !important; font-size: 9px !important; }
    #forum-overlay .forum-new-btn,
    #forum-overlay #forum-close { min-height: 37px; border-radius: 8px !important; color: var(--cz-amber) !important; border-color: var(--cz-amber) !important; font-size: 10px !important; }

    /* Profil und sonstige Community-Overlays. */
    #modal-overlay .profile-banner {
        min-height: 225px !important;
        padding: 19px 15px !important;
        grid-template-columns: 96px minmax(0, 1fr) !important;
        gap: 6px 13px !important;
        border: 1px solid #1a304d !important;
        border-radius: 13px !important;
        background: linear-gradient(145deg, #09192f, #061225) !important;
    }
    #modal-overlay .profile-avatar-ring { width: 96px !important; height: 96px !important; }
    #modal-overlay .profile-name-big { font-size: 23px !important; }
    #modal-overlay .profile-motto { color: #a4b0c1 !important; font-size: 11px !important; }
    #modal-overlay .profile-stats { padding: 11px 0 !important; }
    #modal-overlay .profile-stat-value { color: var(--cz-amber) !important; font-size: 14px !important; }
    #modal-overlay .profile-stat-label { font-size: 8px !important; }
    #modal-overlay .profile-tabs { top: 0 !important; gap: 18px !important; }
    #modal-overlay .profile-tab-btn { font-size: 10px !important; }
    #modal-overlay .profile-status-block,
    #modal-overlay .profile-tags-block,
    #modal-overlay .profile-edit,
    #modal-overlay .gb-list,
    #modal-overlay .profile-security-zone,
    #modal-overlay .gb-entry,
    #modal-overlay .memo-item,
    #modal-overlay .pinnwand-entry { border-color: #172e4a !important; border-radius: 10px !important; background: #071529 !important; }
    #modal-overlay input,
    #modal-overlay textarea,
    #modal-overlay select { border-color: #1a3453 !important; border-radius: 9px !important; color: #eef2f7 !important; background: #091a31 !important; font-size: 12px !important; }
    #modal-overlay button:not(.profile-tab-btn):not(.cz-nav-item) { border-radius: 8px; }

    /* Chat. */
    #app { padding-top: 72px !important; }
    #app .topbar { height: 52px !important; padding: 0 15px !important; background: #030b18 !important; }
    #app .topbar-room { font-size: 17px !important; }
    #app .cz-room-strip { padding: 7px 11px !important; background: #041020 !important; }
    #app .cz-room-pill { padding: 6px 11px !important; border-color: #193251 !important; background: #07162a !important; font-size: 10px !important; }
    #app .cz-room-pill.active { background: rgba(255, 171, 24, .12) !important; border-color: var(--cz-amber) !important; color: var(--cz-amber) !important; }
    #app .log { padding: 12px 12px 154px !important; }
    #app .line { padding: 8px 4px !important; }
    #app .line .name { color: var(--cz-amber) !important; font-size: 12px !important; }
    #app .line.chat .text { color: #e4eaf1 !important; font-size: 13px !important; }
    #app .composer { left: 10px !important; right: 10px !important; bottom: 82px !important; height: 52px !important; border-color: #1a3453 !important; background: #07162a !important; }
    #app .composer-input-wrap { background: #091a31 !important; }
    #app .composer-commands-btn,
    #app .composer-send-btn { width: 42px !important; height: 42px !important; background: linear-gradient(135deg, var(--cz-amber-light), var(--cz-amber)) !important; color: #10151d !important; }
}

@media (max-width: 380px) {
    .cz-members-heading .cz-btn span { display: none; }
    .cz-members-heading .cz-btn { width: 42px; padding: 0; }
    .cz-card.cz-member { grid-template-columns: 50px minmax(0, 1fr) 78px; padding-left: 8px; padding-right: 24px; column-gap: 7px; }
    .cz-card.cz-member .cz-avatar { width: 48px; height: 48px; }
    .cz-member-name { font-size: 12px; }
    .cz-member-meta, .cz-member-about, .cz-member-stats { font-size: 8px; }
    #home-screen .home-hero-card { padding-right: 125px !important; }
    #home-screen .home-hero-card::after { right: 18px; width: 78px; height: 78px; font-size: 29px; }
}

/* Finale Kaskade für die neue Referenzstruktur. */
@media (max-width: 720px) {
    #cz-mobile-header {
        height: 72px !important;
        display: grid !important;
        grid-template-columns: 1fr auto 1fr !important;
        padding: max(8px, env(safe-area-inset-top)) 14px 7px !important;
        background: rgba(2, 9, 20, .96) !important;
        border-bottom: 0 !important;
    }
    #cz-mobile-header .cz-header-logo { grid-column: 2 !important; width: 104px !important; height: 48px !important; object-fit: contain !important; }
    #cz-mobile-header #cz-menu-btn { grid-column: 1 !important; justify-self: start !important; }
    #cz-mobile-header .cz-header-actions { grid-column: 3 !important; justify-self: end !important; display: flex !important; gap: 5px !important; }
    #cz-mobile-header .cz-header-icon { width: 38px !important; height: 42px !important; padding: 7px !important; border: 0 !important; color: #f4f7fb !important; background: transparent !important; }
    #cz-mobile-header .cz-header-icon svg { width: 100% !important; height: 100% !important; fill: none !important; stroke: currentColor !important; }

    #cz-mobile-bottom.cz-bottom-nav {
        height: 80px !important;
        display: grid !important;
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        padding: 6px 7px calc(8px + env(safe-area-inset-bottom)) !important;
        border-radius: 0 !important;
        background: rgba(3, 10, 22, .985) !important;
    }
    #cz-mobile-bottom .cz-nav-create {
        width: 58px !important;
        min-width: 58px !important;
        height: 58px !important;
        min-height: 58px !important;
        margin: -23px auto 0 !important;
        border-radius: 50% !important;
        color: #fff !important;
        background: linear-gradient(145deg, #ff9e24, #ff7f0d) !important;
        box-shadow: 0 9px 24px rgba(255, 132, 12, .34) !important;
    }
    #cz-side-menu { right: auto !important; left: 0 !important; transform: translateX(-100%) !important; }
    #cz-side-menu.open { transform: translateX(0) !important; }

    #home-screen { padding: 72px 0 80px !important; }
    #home-screen .home-inner { padding: 12px 13px 26px !important; }
    #home-screen .cz-dashboard-welcome .home-level-pill {
        grid-column: 3 !important;
        grid-row: 1 !important;
        align-self: start !important;
        margin: 4px 0 0 !important;
        padding: 7px 10px !important;
        color: #e5eaf1 !important;
        border: 1px solid #1b3150 !important;
        border-radius: 999px !important;
        background: #0a1a31 !important;
        font-size: 9px !important;
    }

    #modal-overlay[data-view="profile"] .modal-header { display: none !important; }
    #modal-overlay[data-view="profile"] .modal-body { padding: 0 !important; }
    #modal-overlay[data-view="profile"] .profile-banner.cz-profile-hero {
        min-height: 0 !important;
        padding: 0 12px 14px !important;
        display: block !important;
        grid-template-columns: none !important;
        gap: 0 !important;
        overflow: hidden !important;
        border: 1px solid #142b48 !important;
        border-radius: 13px !important;
        background: linear-gradient(160deg, #07172b, #051225) !important;
        text-align: left !important;
    }
    #modal-overlay[data-view="profile"] .profile-avatar-ring {
        position: relative !important;
        z-index: 2 !important;
        width: 114px !important;
        height: 114px !important;
        margin: -91px 0 0 5px !important;
        grid-row: auto !important;
    }
    #modal-overlay[data-view="profile"] .profile-name-big { font-size: 23px !important; text-align: left !important; }
    #modal-overlay[data-view="profile"] .profile-motto { font-size: 11px !important; text-align: left !important; }
    #modal-overlay[data-view="profile"] .profile-stats.cz-profile-stats {
        margin: 16px 2px 0 !important;
        padding: 0 !important;
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        border: 1px solid #162d49 !important;
        border-radius: 10px !important;
        background: #061326 !important;
    }
    #modal-overlay[data-view="profile"] .cz-profile-stats .profile-stat { min-height: 66px !important; padding: 11px 4px !important; }
    #modal-overlay[data-view="profile"] .cz-profile-stats .profile-stat-value { color: #f0f4f8 !important; font-size: 14px !important; }
    #modal-overlay[data-view="profile"] .cz-profile-hero-actions {
        top: 151px !important;
        right: 13px !important;
    }
    #modal-overlay[data-view="profile"] .cz-profile-hero-actions .cz-profile-edit-btn {
        position: static !important;
        width: auto !important;
        padding: 0 12px !important;
    }
    #modal-overlay[data-view="profile"] .cz-profile-friend-mini { min-height: 38px !important; }
}

/* =========================================================
   ChatZa Chat 2026 – Nachrichten, Composer und Tastatur
   ========================================================= */
.chat-jump-latest {
    position: absolute;
    right: 20px;
    bottom: 92px;
    z-index: 45;
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid #29445f;
    border-radius: 999px;
    color: #ffb31f;
    background: rgba(7, 21, 40, .94);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .35);
    font-size: 11px;
    font-weight: 750;
    backdrop-filter: blur(12px);
}
.chat-jump-latest.hidden { display: none !important; }

@media (max-width: 720px) {
    #app {
        height: var(--cz-visual-height, 100dvh) !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }
    #app .main {
        position: relative !important;
        min-width: 0 !important;
        overflow: hidden !important;
        background:
            radial-gradient(circle at 12% 18%, rgba(255, 173, 24, .045), transparent 26%),
            linear-gradient(180deg, #030c19, #04101f) !important;
    }
    #app .topbar {
        height: 54px !important;
        padding: 8px 14px !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto auto !important;
        grid-template-rows: 21px 15px !important;
        align-items: center !important;
        gap: 0 9px !important;
        border-bottom: 1px solid #142b45 !important;
        background: rgba(4, 15, 29, .96) !important;
        backdrop-filter: blur(15px) !important;
    }
    #app .topbar-room {
        grid-column: 1 !important;
        grid-row: 1 !important;
        overflow: hidden !important;
        color: #f4f7fb !important;
        font-size: 16px !important;
        line-height: 20px !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }
    #app .topbar-room .hash { color: #ffad18 !important; }
    #app .topbar-topic {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        overflow: hidden !important;
        color: #7f8da1 !important;
        font-size: 9px !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }
    #app .topbar-online {
        grid-column: 2 !important;
        grid-row: 1 !important;
        margin: 0 !important;
        padding: 5px 8px !important;
        border: 1px solid rgba(52, 211, 122, .2) !important;
        border-radius: 999px !important;
        color: #49d982 !important;
        background: rgba(52, 211, 122, .07) !important;
        font-size: 9px !important;
    }
    #app .topbar-online-dot { width: 6px !important; height: 6px !important; }
    #app .topbar-pins-btn {
        grid-column: 3 !important;
        grid-row: 1 !important;
        width: 30px !important;
        height: 30px !important;
        padding: 0 !important;
        display: grid !important;
        place-items: center !important;
        border-color: #1d3854 !important;
        border-radius: 9px !important;
        color: #ffad18 !important;
        background: #091a2f !important;
    }
    #app .topbar-engine { display: none !important; }

    #app .cz-room-strip {
        min-height: 43px !important;
        padding: 7px 11px !important;
        gap: 7px !important;
        border-bottom: 1px solid #122942 !important;
        background: #061325 !important;
        scrollbar-width: none !important;
    }
    #app .cz-room-strip::-webkit-scrollbar { display: none !important; }
    #app .cz-room-pill {
        min-height: 29px !important;
        padding: 5px 11px !important;
        border: 1px solid #1a3552 !important;
        border-radius: 9px !important;
        color: #8f9db0 !important;
        background: #08172a !important;
        font-size: 10px !important;
    }
    #app .cz-room-pill.active {
        border-color: #ffad18 !important;
        color: #ffb527 !important;
        background: rgba(255, 173, 24, .1) !important;
        box-shadow: inset 0 0 0 1px rgba(255, 173, 24, .05) !important;
    }

    #app .log {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        padding: 15px 11px 160px !important;
        gap: 4px !important;
        overscroll-behavior: contain !important;
        scroll-behavior: auto !important;
        overflow-anchor: none !important;
    }
    #app .line.chat {
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 6px 3px !important;
        display: grid !important;
        grid-template-columns: 34px minmax(0, 1fr) auto !important;
        grid-template-rows: auto auto auto !important;
        align-items: start !important;
        column-gap: 9px !important;
        row-gap: 3px !important;
        border-radius: 12px !important;
        background: transparent !important;
        text-align: left !important;
    }
    #app .line.chat .mini-avatar-sm {
        grid-column: 1 !important;
        grid-row: 1 / 3 !important;
        width: 34px !important;
        height: 34px !important;
        margin: 1px 0 0 !important;
        display: grid !important;
        place-items: center !important;
        border-width: 1px !important;
        border-style: solid !important;
        border-radius: 50% !important;
        font-size: 9px !important;
        font-weight: 800 !important;
    }
    #app .line.chat .name {
        grid-column: 2 !important;
        grid-row: 1 !important;
        display: block !important;
        min-width: 0 !important;
        overflow: hidden !important;
        color: #dfe6ee !important;
        font-size: 10px !important;
        font-weight: 750 !important;
        line-height: 14px !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }
    #app .line.chat .name::after { content: none !important; }
    #app .line.chat .ts {
        grid-column: 3 !important;
        grid-row: 1 !important;
        width: auto !important;
        padding: 0 !important;
        float: none !important;
        color: #64758b !important;
        font-size: 8px !important;
        line-height: 14px !important;
    }
    #app .line.chat .text {
        grid-column: 2 / 4 !important;
        grid-row: 2 !important;
        justify-self: start !important;
        display: block !important;
        width: auto !important;
        max-width: min(88%, 520px) !important;
        margin: 0 !important;
        padding: 9px 11px !important;
        overflow-wrap: anywhere !important;
        border: 1px solid #18334f !important;
        border-radius: 5px 14px 14px 14px !important;
        color: #e5ebf2 !important;
        background: linear-gradient(145deg, #0b1d34, #09182c) !important;
        box-shadow: 0 5px 14px rgba(0, 0, 0, .12) !important;
        font-size: 13px !important;
        line-height: 1.48 !important;
        text-align: left !important;
    }
    #app .line.chat.own {
        grid-template-columns: minmax(0, 1fr) auto !important;
        padding-left: 46px !important;
    }
    #app .line.chat.own .mini-avatar-sm { display: none !important; }
    #app .line.chat.own .name {
        grid-column: 1 !important;
        text-align: right !important;
        color: #ffb31f !important;
    }
    #app .line.chat.own .ts { grid-column: 2 !important; }
    #app .line.chat.own .text {
        grid-column: 1 / 3 !important;
        justify-self: end !important;
        border-color: #e89a0f !important;
        border-radius: 14px 5px 14px 14px !important;
        color: #151006 !important;
        background: linear-gradient(135deg, #ffc34a, #ff9f0a) !important;
        box-shadow: 0 6px 18px rgba(255, 159, 10, .13) !important;
    }
    #app .line.chat .reaction-bar,
    #app .line.chat .message-actions,
    #app .line.chat .edited-tag {
        grid-column: 2 / 4 !important;
        grid-row: auto !important;
        margin: 1px 0 0 !important;
    }
    #app .line.chat.own .reaction-bar,
    #app .line.chat.own .message-actions,
    #app .line.chat.own .edited-tag {
        grid-column: 1 / 3 !important;
        justify-self: end !important;
    }
    #app .line.chat .message-actions { opacity: .7 !important; }
    #app .message-action-btn { border-color: #1b3856 !important; border-radius: 8px !important; background: #09192d !important; }
    #app .line.mention .text { border-color: #ffad18 !important; box-shadow: 0 0 0 2px rgba(255, 173, 24, .1) !important; }
    #app .line.system,
    #app .line.system-italic,
    #app .line.system-roomchange,
    #app .line.system-error {
        width: fit-content !important;
        max-width: 92% !important;
        margin: 5px auto !important;
        padding: 6px 10px !important;
        display: block !important;
        border: 1px solid #18314c !important;
        border-radius: 999px !important;
        color: #8493a6 !important;
        background: rgba(8, 24, 44, .72) !important;
        font-size: 9px !important;
        line-height: 1.35 !important;
        text-align: center !important;
    }
    #app .line.system-error { border-color: rgba(255, 93, 108, .35) !important; color: #ff7b86 !important; border-radius: 10px !important; }
    #app .line.system .ts,
    #app .line.system-italic .ts,
    #app .line.system-roomchange .ts,
    #app .line.system-error .ts { display: none !important; margin: 0 !important; }
    #app .history-divider { margin: 12px 0 !important; color: #6f8095 !important; font-size: 8px !important; }

    #app .composer {
        left: 10px !important;
        right: 10px !important;
        bottom: calc(82px + env(safe-area-inset-bottom)) !important;
        height: 58px !important;
        padding: 6px !important;
        gap: 6px !important;
        border: 1px solid #23405d !important;
        border-radius: 17px !important;
        background: rgba(7, 22, 40, .97) !important;
        box-shadow: 0 12px 32px rgba(0, 0, 0, .42), 0 0 0 1px rgba(255,255,255,.015) inset !important;
        backdrop-filter: blur(16px) !important;
        transition: bottom .18s ease, transform .18s ease !important;
    }
    #app .composer-input-wrap {
        min-width: 0 !important;
        height: 44px !important;
        padding: 0 13px !important;
        border: 1px solid #17324f !important;
        border-radius: 12px !important;
        background: #091a30 !important;
    }
    #app .composer-input-wrap:focus-within { border-color: #ffad18 !important; box-shadow: 0 0 0 2px rgba(255,173,24,.1) !important; }
    #app .composer-input-wrap input { min-width: 0 !important; color: #f1f4f8 !important; font-size: 16px !important; }
    #app .composer-input-wrap input::placeholder { color: #6f7f94 !important; }
    #app .composer-commands-btn,
    #app .composer-send-btn {
        flex: 0 0 44px !important;
        width: 44px !important;
        height: 44px !important;
        border: 1px solid #28435f !important;
        border-radius: 12px !important;
        box-shadow: none !important;
        font-size: 21px !important;
    }
    #app .composer-commands-btn { color: #ffad18 !important; background: #0a1c32 !important; }
    #app .composer-send-btn { border-color: #ffad18 !important; color: #07101c !important; background: linear-gradient(135deg, #ffc144, #ff9f0a) !important; }
    #app .typing-indicator {
        left: 15px !important;
        right: 15px !important;
        bottom: calc(145px + env(safe-area-inset-bottom)) !important;
        height: 18px !important;
        padding: 0 !important;
        color: #7e8da1 !important;
        font-size: 9px !important;
    }
    #app .cmd-autocomplete {
        bottom: calc(148px + env(safe-area-inset-bottom)) !important;
        border: 1px solid #1d3855 !important;
        border-radius: 14px !important;
        background: #07182d !important;
        box-shadow: 0 14px 35px rgba(0,0,0,.45) !important;
    }
    #app .chat-jump-latest {
        position: fixed !important;
        right: 14px !important;
        bottom: calc(151px + env(safe-area-inset-bottom)) !important;
    }

    /* Mit geöffneter Tastatur zählt nur der tatsächlich sichtbare Viewport. Die globale
       Navigation fährt weg und der Composer liegt – sowohl bei Resize- als auch bei
       Overlay-Tastaturen – direkt über der Tastatur. */
    body.cz-keyboard-open #cz-mobile-header,
    body.cz-keyboard-open #cz-mobile-bottom {
        pointer-events: none !important;
        opacity: 0 !important;
        transform: translateY(110%) !important;
    }
    body.cz-keyboard-open #cz-mobile-header { transform: translateY(-110%) !important; }
    body.cz-keyboard-open #app { padding-top: 0 !important; }
    body.cz-keyboard-open #app .cz-room-strip { display: none !important; }
    body.cz-keyboard-open #app .topbar { height: 43px !important; grid-template-rows: 25px !important; }
    body.cz-keyboard-open #app .topbar-topic { display: none !important; }
    body.cz-keyboard-open #app .composer {
        bottom: calc(9px + var(--cz-keyboard-inset, 0px) + env(safe-area-inset-bottom)) !important;
    }
    body.cz-keyboard-open #app .typing-indicator {
        bottom: calc(75px + var(--cz-keyboard-inset, 0px) + env(safe-area-inset-bottom)) !important;
    }
    body.cz-keyboard-open #app .cmd-autocomplete {
        bottom: calc(78px + var(--cz-keyboard-inset, 0px) + env(safe-area-inset-bottom)) !important;
    }
    body.cz-keyboard-open #app .chat-jump-latest {
        bottom: calc(80px + var(--cz-keyboard-inset, 0px) + env(safe-area-inset-bottom)) !important;
    }
    body.cz-keyboard-open #app .log { padding-bottom: 88px !important; }
}

/* FINALER MOBILE-CASCADE-LOCK
   Diese wenigen Regeln müssen nach allen älteren Screenshot-Varianten stehen. */
@media (max-width:768px) {
    #modal-overlay[data-view="profile"] .cz-profile-cover { height:88px !important; min-height:88px !important; margin:0 -9px !important; }
    #modal-overlay[data-view="profile"] .profile-avatar-ring { width:72px !important; height:72px !important; margin:-50px 0 0 4px !important; }
    #modal-overlay[data-view="profile"] .cz-profile-edit-btn { top:98px !important; min-height:32px !important; }
    #modal-overlay[data-view="profile"] .cz-profile-hero-actions { top:98px !important; right:9px !important; }
    #modal-overlay[data-view="profile"] .profile-name-big { font-size:18px !important; }
    #modal-overlay[data-view="profile"] .profile-stats.cz-profile-stats { margin:9px 0 0 !important; }
    #modal-overlay[data-view="profile"] .cz-profile-stats .profile-stat { min-height:43px !important; padding:6px 2px !important; }
    #modal-overlay[data-view="profile"] .cz-profile-stats .profile-stat-value { font-size:11px !important; }
    #modal-overlay[data-view="profile"] .cz-nickpage.is-own .cz-profile-interests,
    #modal-overlay[data-view="profile"] .cz-nickpage.is-own .cz-profile-activities { display:none !important; }

    #app .line.chat,#app .line.chat.own {
        width:100% !important; margin:0 !important; padding:7px 3px !important;
        display:grid !important; grid-template-columns:30px minmax(0,1fr) auto !important;
        grid-template-rows:auto auto auto !important; column-gap:8px !important; row-gap:1px !important;
        justify-items:start !important; border:0 !important; border-radius:0 !important;
        background:transparent !important; box-shadow:none !important; text-align:left !important;
    }
    #app .line.chat .mini-avatar-sm,#app .line.chat.own .mini-avatar-sm {
        grid-column:1 !important; grid-row:1 / 3 !important; width:30px !important; height:30px !important; margin:1px 0 0 !important; display:grid !important;
    }
    #app .line.chat .name,#app .line.chat.own .name {
        grid-column:2 !important; grid-row:1 !important; justify-self:start !important;
        color:var(--message-user-color,var(--text)) !important; text-align:left !important;
    }
    #app .line.chat .ts,#app .line.chat.own .ts { grid-column:3 !important; grid-row:1 !important; justify-self:end !important; width:auto !important; }
    #app .line.chat .text,#app .line.chat.own .text {
        grid-column:2 / 4 !important; grid-row:2 !important; justify-self:start !important; width:auto !important; max-width:100% !important;
        margin:0 !important; padding:1px 0 !important; border:0 !important; border-radius:0 !important;
        color:var(--message-user-color,var(--text)) !important; background:transparent !important; box-shadow:none !important; text-align:left !important;
    }
    #app .line.chat .reaction-bar,#app .line.chat .message-actions,#app .line.chat .edited-tag,
    #app .line.chat.own .reaction-bar,#app .line.chat.own .message-actions,#app .line.chat.own .edited-tag {
        grid-column:2 / 4 !important; justify-self:start !important;
    }
}

/* FINALER V5-CASCADE-LOCK – muss die älteren mobilen Varianten überstimmen. */
@media (max-width:768px) {
    body.cz-page-mode #cz-menu-btn { width:auto !important; min-width:78px !important; display:flex !important; align-items:center; gap:5px; color:#ffad18 !important; }
    body.cz-page-mode #cz-menu-btn svg { width:22px !important; }
    body.cz-page-mode #cz-menu-btn span { font-size:10px; font-weight:800; }

    #modal-overlay[data-view="profile"] { overflow:hidden !important; }
    #modal-overlay[data-view="profile"] .modal-card { height:100% !important; min-height:0 !important; }
    #modal-overlay[data-view="profile"] .modal-body { height:100% !important; min-height:0 !important; overflow-y:auto !important; overflow-x:hidden !important; -webkit-overflow-scrolling:touch; }
    #modal-overlay[data-view="profile"] .cz-profile-page { width:100% !important; max-width:560px; margin:0 auto; padding:0 8px 92px !important; }
    #modal-overlay[data-view="profile"] .cz-profile-cover { height:76px !important; min-height:76px !important; margin:0 -8px !important; }
    #modal-overlay[data-view="profile"] .profile-avatar-ring { width:62px !important; height:62px !important; margin:-40px 0 0 3px !important; }
    #modal-overlay[data-view="profile"] .cz-profile-edit-btn,#modal-overlay[data-view="profile"] .cz-profile-hero-actions { top:83px !important; }
    #modal-overlay[data-view="profile"] .profile-name-big { font-size:17px !important; }
    #modal-overlay[data-view="profile"] .profile-stats.cz-profile-stats { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
    #modal-overlay[data-view="profile"] .cz-profile-stats .profile-stat { min-height:38px !important; padding:5px 2px !important; }
    #modal-overlay[data-view="profile"] .profile-tabs { position:sticky !important; top:0 !important; z-index:8; overflow-x:auto !important; flex-wrap:nowrap !important; }
    #modal-overlay[data-view="profile"] .profile-tab-btn { flex:0 0 auto !important; min-height:38px !important; padding:0 8px !important; }
    #modal-overlay[data-view="profile"] .cz-editor-grid,#modal-overlay[data-view="profile"] .cz-privacy-switches { grid-template-columns:1fr !important; }
    #modal-overlay[data-view="profile"] input,#modal-overlay[data-view="profile"] textarea,#modal-overlay[data-view="profile"] select { width:100% !important; max-width:100% !important; }

    #app .line.chat,#app .line.chat.own {
        display:flex !important; align-items:baseline !important; flex-wrap:wrap !important; gap:0 !important;
        width:100% !important; padding:5px 3px !important; border:0 !important; background:transparent !important;
    }
    #app .line.chat .mini-avatar-sm,#app .line.chat.own .mini-avatar-sm,#app .line.chat .ts,#app .line.chat.own .ts { display:none !important; }
    #app .line.chat .name,#app .line.chat.own .name {
        flex:0 0 auto !important; margin:0 5px 0 0 !important; color:var(--message-user-color,var(--text)) !important; font-size:12px !important; line-height:1.45 !important;
    }
    #app .line.chat .text,#app .line.chat.own .text {
        flex:1 1 auto !important; min-width:0 !important; margin:0 !important; padding:0 !important; color:var(--message-user-color,var(--text)) !important; font-size:12px !important; line-height:1.45 !important;
    }
    #app .line.chat .reaction-bar,#app .line.chat .message-actions,#app .line.chat.own .reaction-bar,#app .line.chat.own .message-actions { display:none !important; }

    #modal-overlay[data-view="team"] .modal-body,#modal-overlay[data-view="leaderboard"] .modal-body { overflow-y:auto !important; -webkit-overflow-scrolling:touch; }
    .cz-team-intro { grid-template-columns:minmax(0,1fr) 72px !important; padding:13px !important; gap:9px !important; }
    .cz-team-intro h2 { font-size:18px !important; }
    .cz-team-intro aside { min-width:0 !important; padding:8px 4px !important; }
    .cz-team-page .team-group { padding:11px !important; }
    .cz-team-person { grid-template-columns:38px minmax(0,1fr) auto !important; min-height:54px !important; padding:7px !important; }
    .cz-team-avatar { width:38px !important; height:38px !important; }

    .cz-leaderboard-hero { padding:14px !important; border-radius:14px !important; }
    .cz-leaderboard-hero h2 { margin:5px 0 !important; font-size:20px !important; }
    .cz-leaderboard-hero p { font-size:10px !important; }
    .cz-leaderboard-tabs { margin:10px 0 !important; }
    .cz-leaderboard-tabs button { padding:7px 10px !important; font-size:9px !important; }
    .cz-podium { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; margin:10px 0 !important; }
    .cz-podium-place { min-height:105px !important; padding:9px 5px !important; border-radius:13px !important; }
    .cz-podium-place.place-1 { grid-column:1 / -1; min-height:82px !important; display:grid !important; grid-template-columns:30px 48px minmax(0,1fr) auto !important; text-align:left !important; }
    .cz-podium-place.place-1 > i { position:static !important; }
    .cz-podium-place.place-1 > span { text-align:left !important; }
    .cz-podium-place.place-1 > strong { text-align:right !important; }
    .cz-podium-place.place-2 { order:2; }.cz-podium-place.place-3 { order:3; }
    .cz-rank-row { grid-template-columns:24px 34px minmax(0,1fr) auto 8px !important; gap:6px !important; padding:8px 7px !important; }
    .cz-rank-row .cz-rank-avatar { width:34px !important; height:34px !important; }
    .cz-rank-row > strong { font-size:11px !important; }
}

/* Auf der öffentlichen Loginseite darf keinerlei eingeloggte Navigation sichtbar
   oder anklickbar sein. `!important` ist hier nötig, weil die mobile Leiste weiter oben
   absichtlich mit derselben Priorität eingeblendet wird. */
body.cz-login-active #cz-mobile-header,
body.cz-login-active #cz-mobile-bottom,
body.cz-login-active #cz-side-menu,
body.cz-login-active #cz-side-menu-backdrop,
body.cz-login-active #cz-quick-create,
body.cz-login-active #cz-quick-create-backdrop {
    display:none !important;
    pointer-events:none !important;
}

/* Auch beim öffentlichen Forum bzw. Team bleibt die private App-Navigation verborgen. */
body.cz-guest-public #cz-mobile-header,
body.cz-guest-public #cz-mobile-bottom,
body.cz-guest-public #cz-side-menu,
body.cz-guest-public #cz-side-menu-backdrop,
body.cz-guest-public #cz-quick-create,
body.cz-guest-public #cz-quick-create-backdrop {
    display:none !important;
    pointer-events:none !important;
}

/* FINALER V7-PROFIL-LOCK
   Die Nickpage darf nie breiter als der sichtbare Mobil-Viewport werden. Insbesondere
   Flex-/Grid-Kinder, die Tab-Leiste und Checkboxen erhalten hier eindeutige Mobilmaße. */
@media (max-width:768px) {
    #modal-overlay[data-view="profile"] {
        inset:0 !important;
        width:100dvw !important;
        max-width:100dvw !important;
        padding:72px 0 80px !important;
        overflow:hidden !important;
    }
    #modal-overlay[data-view="profile"] .modal-card,
    #modal-overlay[data-view="profile"] .modal-body,
    #modal-overlay[data-view="profile"] .cz-profile-page,
    #modal-overlay[data-view="profile"] .cz-profile-page > *,
    #modal-overlay[data-view="profile"] .cz-profile-manage,
    #modal-overlay[data-view="profile"] #profile-tab-body,
    #modal-overlay[data-view="profile"] .cz-profile-editor,
    #modal-overlay[data-view="profile"] .profile-edit {
        box-sizing:border-box !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
    }
    #modal-overlay[data-view="profile"] .modal-card {
        margin:0 !important;
        overflow:hidden !important;
    }
    #modal-overlay[data-view="profile"] .modal-body {
        padding:0 !important;
        overflow-x:hidden !important;
        overflow-y:auto !important;
        overscroll-behavior:contain;
    }
    #modal-overlay[data-view="profile"] .cz-profile-page,
    #modal-overlay[data-view="profile"] .cz-profile-page.layout-wide {
        display:block !important;
        margin:0 !important;
        padding:8px 8px 96px !important;
        grid-template-columns:1fr !important;
        overflow-x:hidden !important;
    }
    #modal-overlay[data-view="profile"] .profile-banner.cz-profile-hero {
        position:relative !important;
        margin:0 !important;
        padding:0 10px 10px !important;
        overflow:hidden !important;
    }
    #modal-overlay[data-view="profile"] .cz-profile-cover {
        width:auto !important;
        height:96px !important;
        min-height:96px !important;
        max-width:none !important;
        margin:0 -10px !important;
    }
    #modal-overlay[data-view="profile"] .profile-avatar-ring {
        width:70px !important;
        height:70px !important;
        margin:-46px 0 0 3px !important;
    }
    #modal-overlay[data-view="profile"] .cz-profile-edit-btn,
    #modal-overlay[data-view="profile"] .cz-profile-hero-actions {
        top:103px !important;
        right:10px !important;
    }
    #modal-overlay[data-view="profile"] .cz-profile-identity {
        min-width:0 !important;
        margin:7px 2px 0 !important;
    }
    #modal-overlay[data-view="profile"] .cz-profile-handle,
    #modal-overlay[data-view="profile"] .profile-motto,
    #modal-overlay[data-view="profile"] .cz-profile-about p {
        overflow-wrap:anywhere !important;
    }
    #modal-overlay[data-view="profile"] .profile-stats.cz-profile-stats {
        width:100% !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        margin:10px 0 0 !important;
    }
    #modal-overlay[data-view="profile"] .cz-profile-stats .profile-stat {
        min-width:0 !important;
        min-height:46px !important;
        padding:6px 2px !important;
        border-right:1px solid #162d49 !important;
        border-bottom:0 !important;
    }
    #modal-overlay[data-view="profile"] .cz-profile-stats .profile-stat:last-child {
        border-right:0 !important;
    }
    #modal-overlay[data-view="profile"] .cz-profile-stats .profile-stat-value {
        font-size:11px !important;
    }
    #modal-overlay[data-view="profile"] .cz-profile-stats .profile-stat-label {
        margin-top:3px !important;
        font-size:7px !important;
    }
    #modal-overlay[data-view="profile"] .cz-profile-manage {
        margin:8px 0 0 !important;
        padding:0 8px 12px !important;
        overflow:hidden !important;
    }
    #modal-overlay[data-view="profile"] .cz-profile-manage .profile-tabs {
        position:sticky !important;
        top:0 !important;
        z-index:9 !important;
        width:calc(100% + 16px) !important;
        max-width:calc(100% + 16px) !important;
        min-width:0 !important;
        margin:0 -8px !important;
        padding:5px 6px !important;
        display:grid !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:4px !important;
        overflow:visible !important;
        border-bottom:1px solid #19304c !important;
        background:#061326 !important;
    }
    #modal-overlay[data-view="profile"] .cz-profile-manage .profile-tab-btn {
        width:100% !important;
        min-width:0 !important;
        min-height:34px !important;
        padding:4px 2px !important;
        overflow:hidden !important;
        border:1px solid transparent !important;
        border-radius:8px !important;
        font-size:8px !important;
        line-height:1.15 !important;
        text-align:center !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
    }
    #modal-overlay[data-view="profile"] .cz-profile-manage .profile-tab-btn.active {
        border-color:rgba(255,173,24,.35) !important;
        background:rgba(255,173,24,.1) !important;
    }
    #modal-overlay[data-view="profile"] #profile-tab-body {
        padding-top:8px !important;
        overflow:hidden !important;
    }
    #modal-overlay[data-view="profile"] .cz-profile-quickview {
        width:100% !important;
        margin:0 !important;
        padding:11px !important;
        flex-direction:column !important;
        align-items:stretch !important;
    }
    #modal-overlay[data-view="profile"] .cz-profile-quickview button {
        width:100% !important;
    }
    #modal-overlay[data-view="profile"] .cz-editor-card,
    #modal-overlay[data-view="profile"] .cz-editor-progress,
    #modal-overlay[data-view="profile"] .profile-status-block,
    #modal-overlay[data-view="profile"] .profile-security-zone {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        padding:11px !important;
        overflow:hidden !important;
    }
    #modal-overlay[data-view="profile"] .cz-editor-grid,
    #modal-overlay[data-view="profile"] .cz-privacy-switches {
        width:100% !important;
        min-width:0 !important;
        grid-template-columns:minmax(0,1fr) !important;
    }
    #modal-overlay[data-view="profile"] .cz-editor-inline,
    #modal-overlay[data-view="profile"] .avatar-upload-row,
    #modal-overlay[data-view="profile"] .cz-newsletter-setting {
        width:100% !important;
        min-width:0 !important;
        grid-template-columns:minmax(0,1fr) !important;
    }
    #modal-overlay[data-view="profile"] .avatar-upload-row {
        flex-wrap:wrap !important;
    }
    #modal-overlay[data-view="profile"] input:not([type="checkbox"]):not([type="radio"]),
    #modal-overlay[data-view="profile"] textarea,
    #modal-overlay[data-view="profile"] select,
    #modal-overlay[data-view="profile"] button {
        min-width:0 !important;
        max-width:100% !important;
    }
    #modal-overlay[data-view="profile"] input[type="checkbox"],
    #modal-overlay[data-view="profile"] input[type="radio"] {
        appearance:auto !important;
        -webkit-appearance:auto !important;
        flex:0 0 18px !important;
        width:18px !important;
        min-width:18px !important;
        max-width:18px !important;
        height:18px !important;
        min-height:18px !important;
        margin:0 !important;
        padding:0 !important;
        accent-color:var(--profile-accent,#ff9418) !important;
    }
    #modal-overlay[data-view="profile"] .cz-setting-toggle {
        width:100% !important;
        min-width:0 !important;
        display:flex !important;
        align-items:flex-start !important;
        gap:10px !important;
        margin:0 !important;
        padding:11px !important;
        border:1px solid #17304c !important;
        border-radius:10px !important;
        color:#aab6c6 !important;
        background:#07172a !important;
        font-size:10px !important;
        line-height:1.45 !important;
    }
    #modal-overlay[data-view="profile"] .cz-setting-toggle span {
        min-width:0 !important;
        overflow-wrap:anywhere !important;
    }
    #modal-overlay[data-view="profile"] .cz-module-picker label,
    #modal-overlay[data-view="profile"] .cz-privacy-switches label {
        min-width:0 !important;
        flex:1 1 calc(50% - 5px) !important;
        padding:8px 9px !important;
        font-size:9px !important;
        white-space:normal !important;
    }
    #modal-overlay[data-view="profile"] .cz-newsletter-setting {
        display:grid !important;
        gap:9px !important;
        padding:11px !important;
    }
    #modal-overlay[data-view="profile"] .cz-newsletter-setting button,
    #modal-overlay[data-view="profile"] #save-settings-tab-btn,
    #modal-overlay[data-view="profile"] #save-profile-btn {
        width:100% !important;
        white-space:normal !important;
    }
    #modal-overlay[data-view="profile"] .cz-editor-savebar {
        width:100% !important;
        min-width:0 !important;
        bottom:82px !important;
        flex-direction:column !important;
        align-items:stretch !important;
        padding:8px !important;
    }
}

/* FINALER V9-MOBILE-TYPOGRAFIE-LOCK
   Lesbare Mindestgrößen für die gesamte eingeloggte Community. Kleine Metadaten
   bleiben optisch untergeordnet, fallen aber nicht mehr auf Mockup-Größen von 7–9 px. */
@media (max-width:768px) {
    #home-screen,
    #app,
    #modal-overlay,
    #forum-overlay,
    #admin-overlay {
        font-size:14px !important;
        line-height:1.5 !important;
    }
    #home-screen button,
    #app button,
    #modal-overlay button,
    #forum-overlay button,
    #admin-overlay button {
        font-size:12px !important;
    }
    #home-screen input,
    #home-screen textarea,
    #home-screen select,
    #app input,
    #app textarea,
    #app select,
    #modal-overlay input:not([type="checkbox"]):not([type="radio"]),
    #modal-overlay textarea,
    #modal-overlay select,
    #forum-overlay input,
    #forum-overlay textarea,
    #forum-overlay select,
    #admin-overlay input,
    #admin-overlay textarea,
    #admin-overlay select {
        font-size:16px !important;
        line-height:1.4 !important;
    }

    /* App-Kopf und Fußnavigation */
    #cz-mobile-header #cz-menu-btn span { font-size:12px !important; }
    #cz-mobile-bottom .cz-nav-item > span:last-child { font-size:11px !important; line-height:1.15 !important; }

    /* Eingeloggte Startseite */
    #home-screen .cz-dashboard-hello h1 { font-size:23px !important; }
    #home-screen .cz-dashboard-hello p { font-size:13px !important; line-height:1.45 !important; }
    #home-screen .cz-dashboard-welcome .home-level-pill { font-size:10.5px !important; }
    #home-screen .cz-dashboard-mini-stats b { font-size:18px !important; }
    #home-screen .cz-dashboard-mini-stats span { font-size:11px !important; }
    #home-screen .cz-dashboard-actions b { font-size:12px !important; }
    #home-screen .cz-dashboard-card-head h2,
    #home-screen .cz-profile-section-head h2,
    #home-screen .home-section-head h2 { font-size:17px !important; }
    #home-screen .cz-dashboard-card-head a,
    #home-screen .cz-profile-section-head span,
    #home-screen .home-section-head a { font-size:11.5px !important; }
    #home-screen .cz-dashboard-banner h2 { font-size:19px !important; }
    #home-screen .cz-dashboard-banner p { font-size:12.5px !important; line-height:1.55 !important; }
    #home-screen .cz-dashboard-post-copy b { font-size:13px !important; }
    #home-screen .cz-dashboard-post-copy small { font-size:11px !important; line-height:1.35 !important; }
    #home-screen .cz-dashboard-post-count { font-size:12px !important; }
    #home-screen .cz-dashboard-community-stats b { font-size:19px !important; }
    #home-screen .cz-dashboard-community-stats span { font-size:11px !important; }
    #home-screen .cz-dashboard-logout { font-size:11px !important; }

    /* Nickpage und Profilverwaltung */
    #modal-overlay[data-view="profile"] .profile-name-big { font-size:22px !important; }
    #modal-overlay[data-view="profile"] .cz-profile-handle { font-size:12px !important; line-height:1.4 !important; }
    #modal-overlay[data-view="profile"] .cz-profile-handle .level-pill { font-size:10px !important; }
    #modal-overlay[data-view="profile"] .profile-motto { font-size:13px !important; line-height:1.5 !important; }
    #modal-overlay[data-view="profile"] .cz-profile-stats .profile-stat-value { font-size:14px !important; }
    #modal-overlay[data-view="profile"] .cz-profile-stats .profile-stat-label { font-size:9.5px !important; line-height:1.2 !important; }
    #modal-overlay[data-view="profile"] .cz-profile-about h3 { font-size:15px !important; }
    #modal-overlay[data-view="profile"] .cz-profile-about p { font-size:13px !important; line-height:1.55 !important; }
    #modal-overlay[data-view="profile"] .cz-profile-about small { font-size:11px !important; }
    #modal-overlay[data-view="profile"] .cz-profile-section-head h2 { font-size:16px !important; }
    #modal-overlay[data-view="profile"] .cz-profile-section-head span { font-size:11px !important; }
    #modal-overlay[data-view="profile"] .cz-profile-activity b { font-size:13px !important; }
    #modal-overlay[data-view="profile"] .cz-profile-activity small { font-size:11px !important; }
    #modal-overlay[data-view="profile"] .cz-profile-manage .profile-tab-btn { font-size:10px !important; }
    #modal-overlay[data-view="profile"] .cz-profile-quickview small { font-size:11px !important; }
    #modal-overlay[data-view="profile"] .cz-profile-quickview strong { font-size:17px !important; }
    #modal-overlay[data-view="profile"] .cz-profile-quickview span { font-size:12.5px !important; line-height:1.55 !important; }
    #modal-overlay[data-view="profile"] .cz-profile-quickview button { font-size:12px !important; }
    #modal-overlay[data-view="profile"] .cz-editor-progress > div:first-child { font-size:13px !important; }
    #modal-overlay[data-view="profile"] .cz-editor-progress p { font-size:12px !important; line-height:1.5 !important; }
    #modal-overlay[data-view="profile"] .cz-editor-card-title h3 { font-size:15px !important; }
    #modal-overlay[data-view="profile"] .cz-editor-card-title p { font-size:12px !important; line-height:1.45 !important; }
    #modal-overlay[data-view="profile"] .cz-editor-current-status { font-size:13px !important; }
    #modal-overlay[data-view="profile"] .cz-editor-current-status small,
    #modal-overlay[data-view="profile"] .cz-editor-details,
    #modal-overlay[data-view="profile"] .avatar-upload-hint,
    #modal-overlay[data-view="profile"] .avatar-upload-status { font-size:11px !important; }
    #modal-overlay[data-view="profile"] .cz-editor-field > span,
    #modal-overlay[data-view="profile"] .cz-module-picker strong { font-size:12.5px !important; }
    #modal-overlay[data-view="profile"] .cz-editor-field > span small { font-size:11px !important; }
    #modal-overlay[data-view="profile"] .cz-module-picker label,
    #modal-overlay[data-view="profile"] .cz-privacy-switches label { font-size:11.5px !important; line-height:1.35 !important; }
    #modal-overlay[data-view="profile"] .cz-setting-toggle { font-size:12.5px !important; line-height:1.5 !important; }
    #modal-overlay[data-view="profile"] .cz-newsletter-setting b { font-size:15px !important; }
    #modal-overlay[data-view="profile"] .cz-newsletter-setting p,
    #modal-overlay[data-view="profile"] .cz-newsletter-setting small { font-size:12px !important; line-height:1.5 !important; }
    #modal-overlay[data-view="profile"] .profile-status-label,
    #modal-overlay[data-view="profile"] .gb-header { font-size:15px !important; }
    #modal-overlay[data-view="profile"] .profile-status-text,
    #modal-overlay[data-view="profile"] .profile-bio,
    #modal-overlay[data-view="profile"] .gb-text { font-size:13px !important; line-height:1.55 !important; }
    #modal-overlay[data-view="profile"] .gb-author { font-size:13px !important; }
    #modal-overlay[data-view="profile"] .gb-date { font-size:10.5px !important; }

    /* Mitglieder, Team und Rangliste */
    #modal-overlay[data-view="members"] .cz-member-name { font-size:15px !important; }
    #modal-overlay[data-view="members"] .cz-member-meta { font-size:11px !important; }
    #modal-overlay[data-view="members"] .cz-member-about,
    #modal-overlay[data-view="members"] .cz-member-stats { font-size:10.5px !important; line-height:1.35 !important; }
    #modal-overlay[data-view="members"] .cz-member-action .cz-btn { font-size:10.5px !important; }
    #modal-overlay[data-view="members"] .cz-member-tabs button,
    #modal-overlay[data-view="members"] .cz-member-filters label { font-size:11px !important; }
    .cz-team-intro span { font-size:11px !important; }
    .cz-team-intro h2 { font-size:21px !important; }
    .cz-team-intro p,
    .cz-team-page .team-group-desc { font-size:12.5px !important; line-height:1.55 !important; }
    .cz-team-page .team-group-header b { font-size:14px !important; }
    .cz-team-page .team-group-header small,
    .cz-team-person-copy small { font-size:11px !important; }
    .cz-team-person-copy b { font-size:14px !important; }
    .cz-team-open { font-size:11px !important; }
    .cz-leaderboard-hero h2 { font-size:23px !important; }
    .cz-leaderboard-hero p { font-size:12.5px !important; line-height:1.55 !important; }
    .cz-leaderboard-tabs button { font-size:11px !important; }
    .cz-podium-place b,
    .cz-rank-row b { font-size:13px !important; }
    .cz-podium-place small,
    .cz-rank-row small,
    .cz-leaderboard-note { font-size:10.5px !important; }
    .cz-podium-place strong,
    .cz-rank-row > strong { font-size:12px !important; }

    /* Forum und Kontakt */
    #forum-overlay .area-badge { font-size:18px !important; }
    #forum-overlay .forum-breadcrumb { font-size:11px !important; }
    #forum-overlay .forum-category-title { font-size:15px !important; }
    #forum-overlay .forum-row-title { font-size:14px !important; line-height:1.4 !important; }
    #forum-overlay .forum-row-desc,
    #forum-overlay .forum-row-lastpost,
    #forum-overlay .forum-row-stats { font-size:11px !important; line-height:1.4 !important; }
    #forum-overlay .forum-post-name { font-size:13px !important; }
    #forum-overlay .forum-post-meta { font-size:10.5px !important; }
    #forum-overlay .forum-post-body { font-size:14px !important; line-height:1.65 !important; }
    #modal-overlay .contact-tab-btn { font-size:12px !important; line-height:1.25 !important; }
    #modal-overlay .contact-pane,
    #modal-overlay .contact-pane label,
    #modal-overlay .contact-pane p { font-size:13px !important; }
    #modal-overlay .contact-pane [id$="status"] { font-size:12px !important; }

    /* Chat und Verwaltung */
    #app .line.chat .name,
    #app .line.chat.own .name { font-size:13px !important; line-height:1.5 !important; }
    #app .line.chat .text,
    #app .line.chat.own .text { font-size:15px !important; line-height:1.55 !important; }
    #app .line.system,
    #app .line.info,
    #app .typing-indicator { font-size:12px !important; }
    #app .topbar-room { font-size:18px !important; }
    #app .topbar-topic,
    #app .cz-room-pill,
    #app .cz-chat-tools > * { font-size:11px !important; }
    #admin-overlay .admin-tab-btn { font-size:11px !important; }
    #admin-overlay .admin-section-title { font-size:15px !important; }
    #admin-overlay .admin-stat-label { font-size:11px !important; }
    #admin-overlay .admin-table { font-size:10.5px !important; }
}

@media (max-width:370px) {
    #modal-overlay[data-view="profile"] .cz-profile-manage .profile-tab-btn { font-size:9px !important; }
    #cz-mobile-bottom .cz-nav-item > span:last-child { font-size:10px !important; }
}

@media (max-width:768px) {
    #modal-overlay .modal-header,
    #modal-overlay .modal-header #modal-title { font-size:20px !important; }
    #modal-overlay .empty { font-size:12.5px !important; line-height:1.55 !important; }
    #modal-overlay[data-view="profile"] .profile-edit > label:not(.cz-setting-toggle) { font-size:13px !important; line-height:1.45 !important; }
    #modal-overlay[data-view="profile"] .profile-danger-title { font-size:15px !important; }
    #modal-overlay[data-view="profile"] .profile-danger-text,
    #modal-overlay[data-view="profile"] .profile-danger-zone p { font-size:13px !important; line-height:1.55 !important; }
    #modal-overlay[data-view="profile"] #account-security-status,
    #modal-overlay[data-view="profile"] #settings-tab-status,
    #modal-overlay[data-view="profile"] #profile-save-status { font-size:12px !important; }
    #modal-overlay[data-view="profile"] .kudos-from,
    #modal-overlay[data-view="profile"] .kudos-message { font-size:13px !important; line-height:1.5 !important; }
    #modal-overlay[data-view="profile"] .kudos-date { font-size:10.5px !important; }
    #modal-overlay[data-view="profile"] .achievement-title { font-size:13px !important; }
    #modal-overlay[data-view="profile"] .achievement-desc { font-size:11px !important; line-height:1.4 !important; }
    #modal-overlay[data-view="profile"] .member-name { font-size:13px !important; }
    #modal-overlay .role-tag { font-size:10px !important; }
    #modal-overlay .memo-item,
    #modal-overlay .notification-item,
    #modal-overlay .pinnwand-entry { font-size:13px !important; line-height:1.5 !important; }
}

/* ==========================================================================
   V10 – warme Lesefarben und eindeutig erkennbare Links
   --------------------------------------------------------------------------
   Zentrale Farbvariablen: Wer die Goldnuance später ändern möchte, passt nur
   --cz-link-gold und --cz-link-gold-hover an. Usergewählte Chatfarben bleiben
   davon unberührt, weil Chat-Namen/-Texte ihre eigene Farbvariable verwenden.
   ========================================================================== */
@media (max-width:768px) {
    body {
        --text:#e2dccf;
        --muted:#a7a9a6;
        --cz-copy:#e2dccf;
        --cz-copy-muted:#aaa9a4;
        --cz-link-gold:#c5962e;
        --cz-link-gold-hover:#e0b64e;
    }

    #home-screen a:not(.primary-btn),
    #app a,
    #modal-overlay a,
    #forum-overlay a,
    #admin-overlay a,
    .home-section-link,
    .info-link,
    .cz-side-menu a {
        color:var(--cz-link-gold) !important;
    }

    #home-screen a:not(.primary-btn):hover,
    #home-screen a:not(.primary-btn):focus-visible,
    #app a:hover,
    #app a:focus-visible,
    #modal-overlay a:hover,
    #modal-overlay a:focus-visible,
    #forum-overlay a:hover,
    #forum-overlay a:focus-visible,
    #admin-overlay a:hover,
    #admin-overlay a:focus-visible,
    .home-section-link:hover,
    .info-link:hover,
    .cz-side-menu a:hover {
        color:var(--cz-link-gold-hover) !important;
    }

    #home-screen p,
    #modal-overlay p,
    #forum-overlay p,
    #admin-overlay p,
    .cz-member-meta,
    .cz-member-about,
    .cz-team-person-copy small,
    .cz-leaderboard-note,
    .forum-row-desc,
    .forum-row-lastpost {
        color:var(--cz-copy-muted) !important;
    }

    #home-screen h1,
    #home-screen h2,
    #home-screen h3,
    #modal-overlay h1,
    #modal-overlay h2,
    #modal-overlay h3,
    #forum-overlay h1,
    #forum-overlay h2,
    #forum-overlay h3,
    #admin-overlay h1,
    #admin-overlay h2,
    #admin-overlay h3 {
        color:var(--cz-copy) !important;
    }
}

/* ==========================================================================
   V11 – größere Dashboard-Typografie und sichtbare Neuigkeiten-Zähler
   ========================================================================== */
@media (max-width:768px) {
    #home-screen .cz-dashboard-hello h1 { font-size:26px !important; }
    #home-screen .cz-dashboard-hello p { font-size:15px !important; line-height:1.5 !important; }
    #home-screen .cz-dashboard-welcome .home-level-pill { font-size:12px !important; }
    #home-screen .cz-dashboard-mini-stats b { font-size:20px !important; }
    #home-screen .cz-dashboard-mini-stats span { font-size:12px !important; }
    #home-screen .cz-dashboard-actions b { font-size:14px !important; }
    #home-screen .cz-dashboard-card-head h2,
    #home-screen .cz-profile-section-head h2,
    #home-screen .home-section-head h2 { font-size:18px !important; }
    #home-screen .cz-dashboard-card-head a,
    #home-screen .cz-profile-section-head span,
    #home-screen .home-section-head a { font-size:13px !important; }
    #home-screen .cz-online-person b { font-size:12px !important; }
    #home-screen .cz-dashboard-banner h2 { font-size:21px !important; }
    #home-screen .cz-dashboard-banner p { font-size:14px !important; line-height:1.55 !important; }
    #home-screen .cz-dashboard-post-copy b { font-size:15px !important; }
    #home-screen .cz-dashboard-post-copy small { font-size:12.5px !important; }
    #home-screen .cz-dashboard-post-count { font-size:13px !important; }
    #home-screen .cz-all-posts-btn { font-size:13px !important; }
    #home-screen .cz-dashboard-community-stats b { font-size:21px !important; }
    #home-screen .cz-dashboard-community-stats span { font-size:12px !important; }

    .cz-home-unread {
        width:100%;
        min-height:68px;
        margin:12px 0 0;
        padding:11px 13px;
        display:grid;
        grid-template-columns:42px minmax(0,1fr) auto auto;
        align-items:center;
        gap:10px;
        border:1px solid rgba(197,150,46,.48);
        border-radius:13px;
        color:var(--cz-copy);
        background:linear-gradient(110deg,rgba(197,150,46,.15),rgba(8,23,44,.98) 54%);
        text-align:left;
    }
    .cz-home-unread-icon {
        width:42px;
        height:42px;
        display:grid;
        place-items:center;
        border-radius:11px;
        color:#071426;
        background:#c5962e;
        font-size:21px;
        font-style:normal;
    }
    .cz-home-unread > span:nth-child(2) { min-width:0; }
    .cz-home-unread b { display:block; font-size:15px; }
    .cz-home-unread small { display:block; margin-top:3px; overflow:hidden; color:var(--cz-copy-muted); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
    .cz-home-unread strong,
    .cz-nav-unread {
        min-width:21px;
        height:21px;
        padding:0 6px;
        display:grid;
        place-items:center;
        border-radius:999px;
        color:#071426;
        background:#d2a43b;
        font-size:11px;
        font-style:normal;
        font-weight:800;
    }
    .cz-home-unread > i { color:#d2a43b; font-size:22px; font-style:normal; }
    #cz-mobile-bottom .cz-nav-icon { position:relative; }
    #cz-mobile-bottom .cz-nav-unread {
        position:absolute;
        top:-8px;
        right:-12px;
        min-width:18px;
        height:18px;
        padding:0 5px;
        border:2px solid #050f1d;
        font-size:9px;
        line-height:1;
    }
}
/* =============================================================================
   CHATZA FEATURE-BEREICH: freie Nickpage-Karten, Datenschutz und Postfach-Leseansicht
   ============================================================================= */
.cz-profile-custom-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.cz-profile-custom-card { min-width:0; padding:15px; display:grid; grid-template-columns:34px minmax(0,1fr); gap:10px; border:1px solid #1b344f; border-radius:15px; background:#07172a; }
.cz-profile-custom-card>span { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:color-mix(in srgb,var(--profile-accent,#d2a233) 14%,transparent); color:var(--profile-accent,#d2a233); font-size:19px; }
.cz-profile-custom-card h2 { margin:0 0 5px; color:#f2f5f8; font-size:15px; }.cz-profile-custom-card p { margin:0; color:#a4b1c0; font-size:12px; line-height:1.55; overflow-wrap:anywhere; }
.cz-custom-block-editor { display:grid; gap:11px; }.cz-custom-block-row,.cz-custom-block-new { padding:12px; display:grid; grid-template-columns:56px minmax(0,1fr); gap:8px; border:1px solid #1b344f; border-radius:13px; background:#06172a; }
.cz-custom-block-row textarea,.cz-custom-block-new textarea { grid-column:1/-1; }.cz-custom-block-row>label { grid-column:1/-1; color:#9cabbc; font-size:11px; }.cz-custom-block-row>div { grid-column:1/-1; display:flex; gap:7px; }.cz-custom-block-row button,.cz-custom-block-new button { min-height:38px; padding:0 12px; border:1px solid #29435f; border-radius:9px; background:#0a2037; color:#d2a233; font-weight:750; }.cz-custom-block-row [data-block-delete] { color:#ee7b7b; }.cz-custom-block-new button { grid-column:1/-1; background:#d2a233; color:#071426; }
#profile-block-status { min-height:16px; color:#d2a233; font-size:11px; }
.cz-privacy-center { display:grid; gap:12px; }.cz-privacy-summary,.cz-privacy-facts,.cz-privacy-blocked { padding:16px; border:1px solid #1b344f; border-radius:15px; background:#07172a; }.cz-privacy-summary { display:grid; grid-template-columns:44px minmax(0,1fr); gap:11px; }.cz-privacy-summary>span { display:grid; place-items:center; width:44px; height:44px; border-radius:12px; background:rgba(210,162,51,.12); color:#d2a233; font-size:25px; }.cz-privacy-summary small { color:#d2a233; font-size:9px; font-weight:850; text-transform:uppercase; }.cz-privacy-summary h3 { margin:3px 0; color:#f3f6fa; font-size:18px; }.cz-privacy-summary p,.cz-privacy-blocked p { margin:0; color:#95a5b8; font-size:11px; line-height:1.5; }.cz-privacy-facts h3 { margin:0 0 10px; }.cz-privacy-facts>div { display:grid; grid-template-columns:75px minmax(0,1fr); gap:9px; padding:9px 0; border-top:1px solid #17304c; }.cz-privacy-facts b { color:#d2a233; }.cz-privacy-facts span { color:#a7b4c3; font-size:11px; line-height:1.5; }.cz-privacy-blocked-row { display:flex; justify-content:space-between; align-items:center; padding:10px 0; border-top:1px solid #17304c; }.cz-privacy-blocked-row button { border:0; background:transparent; color:#d2a233; }
.cz-radar-editor { display:grid; gap:13px; }.cz-radar-editor h2 { margin:0; }.cz-radar-editor>p { margin:0; color:#94a4b7; }.cz-radar-editor>label { display:grid; gap:5px; }.cz-radar-editor>label>span { color:#9aabbc; font-size:11px; }.cz-radar-moods { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }.cz-radar-moods input { position:absolute; opacity:0; }.cz-radar-moods span { min-height:42px; display:flex; align-items:center; justify-content:center; padding:0 8px; border:1px solid #223b58; border-radius:10px; background:#07182b; color:#abb8c7; font-size:11px; }.cz-radar-moods input:checked+span { border-color:#d2a233; background:rgba(210,162,51,.1); color:#e0b854; }
.cz-inbox-message { width:100%; border:0; color:inherit; text-align:left; }.cz-inbox-message .cz-inbox-copy>small { display:block; margin-top:7px; color:#d2a233; font-size:10px; }.cz-memo-detail { display:grid; gap:14px; }.cz-memo-detail header,.cz-memo-detail footer { display:flex; justify-content:space-between; gap:9px; align-items:center; }.cz-memo-detail header button { border:0; background:transparent; color:#d2a233; }.cz-memo-detail header time { color:#8495a9; font-size:10px; }.cz-memo-detail article { padding:16px; border:1px solid #1a3450; border-radius:15px; background:#07182b; }.cz-memo-detail article p { color:#d5dce5; line-height:1.65; overflow-wrap:anywhere; }
.cz-conversation-copy>small { display:block; margin-top:3px; color:#d2a233; font-size:9px; }

@media(max-width:700px){.cz-profile-custom-grid{grid-template-columns:1fr}.cz-custom-block-row,.cz-custom-block-new{grid-template-columns:48px minmax(0,1fr)}.cz-privacy-facts>div{grid-template-columns:1fr;gap:3px}.cz-radar-moods{grid-template-columns:1fr 1fr}}

/* =============================================================================
   V14 – klare Lesbarkeit, linke Raum-Sidebar und flüssige Seitenwechsel
   Diese abschließenden Regeln überschreiben gezielt ältere Layout-Schichten. Änderungen
   an Abständen/Farben für die neue mobile Oberfläche gehören in diesen Block.
   ============================================================================= */
.cz-nav-transition{position:fixed;inset:0;z-index:4999;display:grid;place-items:center;pointer-events:none;opacity:0;background:rgba(3,11,23,.76);backdrop-filter:blur(4px);transition:opacity .1s ease}.cz-nav-transition.visible{opacity:1}.cz-nav-transition i{width:26px;height:26px;border:2px solid rgba(197,150,46,.25);border-top-color:#d2a43b;border-radius:50%;animation:cz-nav-spin .6s linear infinite}@keyframes cz-nav-spin{to{transform:rotate(360deg)}}
.cz-transient-notices{position:fixed;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));z-index:6000;width:min(92vw,440px);display:grid;gap:8px;transform:translateX(-50%);pointer-events:none}.cz-transient-notice{padding:12px 15px;border:1px solid rgba(197,150,46,.5);border-radius:12px;background:rgba(7,23,42,.97);box-shadow:0 12px 32px rgba(0,0,0,.38);color:#f1f4f8;font-size:14px;line-height:1.45;text-align:center;animation:cz-notice-in .18s ease}.cz-transient-notice.error{border-color:rgba(238,106,106,.65);color:#ffd0d0}@keyframes cz-notice-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.cz-public-preview-toggle{margin:18px 0;border:1px solid rgba(197,150,46,.38);border-radius:16px;background:#061527;overflow:hidden}.cz-public-preview-toggle>summary{min-height:70px;padding:12px 17px;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;list-style:none}.cz-public-preview-toggle>summary::-webkit-details-marker{display:none}.cz-public-preview-toggle>summary span{display:grid;gap:4px}.cz-public-preview-toggle>summary small{color:#899aad;font-size:12px}.cz-public-preview-toggle>summary b{color:#f3f6fa;font-size:17px}.cz-public-preview-toggle>summary i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(197,150,46,.12);color:#d2a43b;font-size:23px;font-style:normal;transition:transform .2s ease}.cz-public-preview-toggle[open]>summary i{transform:rotate(45deg)}.cz-public-preview-content{border-top:1px solid #18314c}.cz-public-preview-content>.home-section{margin-inline:0;border-radius:0;border-inline:0}.cz-public-preview-more{padding:0 16px 18px;text-align:center}.cz-public-preview-more a{display:inline-flex;text-decoration:none}

.cz-home-live-status{margin:14px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.cz-home-live-status button{min-width:0;min-height:62px;padding:10px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #1a3552;border-radius:14px;background:#07182c;color:#d2a43b}.cz-home-live-status button>i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(197,150,46,.1);font-size:18px;font-style:normal}.cz-home-live-status button>i.online{width:10px;height:10px;border-radius:50%;background:#32d583;box-shadow:0 0 12px rgba(50,213,131,.55)}.cz-home-live-status span{min-width:0;display:grid;text-align:left}.cz-home-live-status b{color:#f3f6fa;font-size:18px}.cz-home-live-status small{overflow:hidden;color:#a6b3c3;font-size:11px;text-overflow:ellipsis;white-space:nowrap}

@media(min-width:721px){#app.app{grid-template-columns:280px minmax(0,1fr)}#app .app-rail{display:none}#app .sidebar{grid-column:1;border-right:1px solid #18314c;border-left:0}#app .main{grid-column:2}}
.cz-room-sidebar-head{padding:16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #18314c;background:linear-gradient(145deg,#0a1d33,#071426)}.cz-room-sidebar-head div{display:grid;gap:3px}.cz-room-sidebar-head small{color:#8799ad;font-size:11px}.cz-room-sidebar-head b{color:#e0b854;font-size:18px}.cz-room-sidebar-head button{width:36px;height:36px;border:1px solid #29425e;border-radius:10px;background:#0a2036;color:#d2a43b;font-size:23px}.cz-room-people{flex:1;min-height:0;overflow:auto}.cz-room-people>p{margin:4px 0 12px;color:#91a2b6;font-size:12px;line-height:1.5}.cz-room-help{display:grid;gap:6px;border-top:1px solid #18314c}.cz-room-help a{min-height:44px;padding:0 10px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid #193450;border-radius:11px;background:#08192d;color:#aeb9c7;text-decoration:none}.cz-room-help a span,.cz-room-help a i{color:#d2a43b;font-style:normal}.sidebar-support-hidden{display:none!important}

@media(max-width:720px){
  body{font-size:16px}
  #login-screen .home-tagline,#login-screen .home-feature p,#login-screen .cz-public-privacy p{font-size:15px!important;line-height:1.55!important}
  #login-screen .home-feature h3{font-size:17px!important}#login-screen .home-feature em{font-size:13px!important}
  #login-screen .home-section-heading h2{font-size:23px!important;line-height:1.25!important}
  #home-screen p,#home-screen small,#modal-overlay p,#modal-overlay small,#modal-overlay label,#modal-overlay input,#modal-overlay textarea,#modal-overlay select{font-size:14px!important;line-height:1.5}
  #modal-overlay .profile-tab-btn{font-size:13px!important}
  #modal-overlay[data-view="profile"] .profile-name-big{font-size:22px!important}
  #modal-overlay[data-view="profile"] .cz-profile-handle{font-size:13px!important}
  #modal-overlay[data-view="profile"] .profile-motto{font-size:14px!important;line-height:1.45!important}
  #modal-overlay[data-view="profile"] .cz-profile-stats .profile-stat-value{font-size:16px!important}
  #modal-overlay[data-view="profile"] .cz-profile-stats .profile-stat-label{font-size:11px!important}
  #modal-overlay[data-view="profile"] .cz-profile-manage .profile-tabs{overflow-x:auto;scrollbar-width:none}
  #modal-overlay[data-view="profile"] .profile-tab-pane label{min-width:0;overflow-wrap:anywhere}
  #modal-overlay[data-view="profile"] .profile-tab-pane input:not([type="checkbox"]),#modal-overlay[data-view="profile"] .profile-tab-pane textarea,#modal-overlay[data-view="profile"] .profile-tab-pane select{width:100%;max-width:100%;box-sizing:border-box}
  #app .app-rail{display:none!important}
  body.cz-mobile-chat-active #app .sidebar{display:flex!important;position:fixed;top:72px;bottom:76px;left:0;width:min(86vw,330px);max-width:none;z-index:1302;border-right:1px solid #24415f;border-left:0;transform:translateX(-105%)!important;transition:transform .22s ease;box-shadow:12px 0 34px rgba(0,0,0,.55)}
  body.cz-mobile-chat-active #app .sidebar.sidebar-open{transform:translateX(0)!important}
  body.cz-mobile-chat-active #app .sidebar-backdrop.visible{display:block!important;z-index:1301}
  #app .cz-chat-tools{position:absolute;left:0!important;right:auto!important;top:118px;z-index:90;width:auto;min-height:0;padding:0;overflow:visible;border:0;background:transparent}
  #app .cz-chat-tools .cz-chat-tools-toggle{min-height:78px;padding:8px 5px;display:flex;flex-direction:column;justify-content:center;gap:5px;border:1px solid rgba(197,150,46,.58);border-left:0;border-right:1px solid rgba(197,150,46,.58);border-radius:0 12px 12px 0;background:rgba(5,17,34,.97);color:#d4a43a;box-shadow:6px 8px 20px rgba(0,0,0,.28);font-size:10px;writing-mode:vertical-rl}
  .cz-room-sidebar-head{padding:13px 14px}.cz-room-people>p{font-size:13px}.cz-room-help a{font-size:14px}
  .cz-home-live-status button{padding:8px 5px;gap:6px}.cz-home-live-status b{font-size:17px}.cz-home-live-status small{font-size:10px}
  #user-menu{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(84px + env(safe-area-inset-bottom))!important;top:auto!important;max-height:min(62vh,520px);overflow-y:auto;border-radius:18px 18px 12px 12px;box-shadow:0 -18px 50px rgba(0,0,0,.55)}
  #user-menu .user-menu-header{position:sticky;top:0;z-index:1;background:#0b1c31;font-size:16px}
  #user-menu .user-menu-item{min-height:46px;display:flex;align-items:center;font-size:14px}
}