* { box-sizing: border-box; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; }

body {
    background: radial-gradient(circle at center, #0a145c 0%, #000033 100%);
    margin: 0;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

@keyframes msgPopIn {
    0%   { opacity: 0; transform: translateY(5px); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes modalZoomIn {
    0%   { opacity: 0; transform: scale(0.9) translateY(8px); }
    100% { opacity: 1; transform: scale(1) translateY(0); }
}

@keyframes menuPop {
    0%   { opacity: 0; transform: scale(0.92); }
    100% { opacity: 1; transform: scale(1); }
}

/* ================= ORIGINAL MFC LOGIN APPLET ================= */
.mfc-login-applet {
    width: 740px;
    max-width: 96vw;
    background-color: #000066;
    border: 2px solid #4466cc;
    padding: 22px 28px 30px 28px;
    color: #ffffff;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.85);
    animation: modalZoomIn 0.22s ease-out;
}
.mfc-top-buttons { display: flex; justify-content: center; gap: 12px; margin-bottom: 28px; }
.mfc-btn-3d {
    background: linear-gradient(to bottom, #3558b5 0%, #0d267a 50%, #051144 100%);
    color: #ffffff; font-weight: bold;
    border-top: 2px solid #7799ee; border-left: 2px solid #7799ee;
    border-right: 2px solid #020822; border-bottom: 2px solid #020822;
    border-radius: 6px; padding: 7px 16px; cursor: pointer; text-shadow: 1px 1px 1px #000;
}
.mfc-btn-3d:active { transform: translateY(1px) scale(0.97); }
.mfc-login-grid { display: flex; gap: 26px; align-items: flex-start; }
.mfc-login-left { width: 350px; }
.mfc-form-row { display: flex; align-items: center; margin-bottom: 10px; }
.mfc-form-row label { width: 92px; color: #aabbff; }
.mfc-form-row input, .mfc-form-row select {
    flex: 1; background: #ffffff; color: #000000; border: 2px inset #888888; padding: 6px 8px; font-weight: bold;
}
.mfc-help-q { color: #99aadd; font-weight: bold; font-size: 16px; margin-left: 6px; cursor: help; }
.mfc-submit-bar { margin-top: 26px; margin-left: 92px; }
.mfc-btn-login {
    width: 100%; background: linear-gradient(to bottom, #638ef2 0%, #2650bd 55%, #18368a 100%);
    color: #ffffff; font-weight: bold; font-size: 14px; border: 1px solid #99bbff;
    border-radius: 4px; padding: 7px 14px; cursor: pointer; text-shadow: 1px 1px 1px #000;
}
.mfc-btn-login:active { transform: scale(0.96); }
.mfc-channel-panel { flex: 1; display: flex; flex-direction: column; }
.mfc-tab-header { display: flex; }
.mfc-tab {
    background: #000066; color: #ffffff; font-weight: bold; padding: 4px 14px;
    border-top: 1px solid #8899cc; border-left: 1px solid #8899cc; border-right: 1px solid #8899cc;
    border-top-left-radius: 5px; border-top-right-radius: 5px; margin-bottom: -1px; z-index: 2;
}
.mfc-channel-box { border: 1px solid #8899cc; background: #000066; height: 230px; overflow-y: scroll; padding: 4px; }
.mfc-channel-item { padding: 5px 8px; color: #ffffff; cursor: pointer; display: flex; justify-content: space-between; }
.mfc-channel-item:hover { background: #1a3399; }
.mfc-channel-item.active { background: #3355cc; font-weight: bold; }

/* ================= GROSSES CHAT-FENSTER (ORIGINAL MFC HELLBLAU + WOLKEN + WASSERZEICHEN) ================= */
.applet-window {
    width: 1380px;
    height: 860px;
    max-width: 98vw;
    max-height: 96vh;
    background: #000066;
    border: 2px solid #5577cc;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.9);
    display: flex;
    flex-direction: column;
    position: relative;
}
.title-bar {
    background: linear-gradient(to right, #000055, #1e429f);
    color: #ffffff; font-weight: bold;
    padding: 8px 14px; display: flex; justify-content: space-between; align-items: center;
    border-bottom: 1px solid #5577cc;
}
.topic-bar {
    background: #0a1f66; color: #cce0ff; padding: 5px 14px;
    border-bottom: 1px solid #3355aa; font-size: 12.5px;
}

.main-area { display: flex; flex: 1; overflow: hidden; padding: 7px; gap: 7px; }

.chat-box {
    flex: 1;
    position: relative;
    background-color: #c2cbff;
    background-image:
        radial-gradient(ellipse 140px 48px at 18% 22%, rgba(255, 255, 255, 0.52) 40%, transparent 72%),
        radial-gradient(ellipse 180px 58px at 74% 30%, rgba(255, 255, 255, 0.48) 40%, transparent 72%),
        radial-gradient(ellipse 160px 52px at 42% 68%, rgba(255, 255, 255, 0.45) 40%, transparent 72%),
        radial-gradient(ellipse 130px 44px at 84% 78%, rgba(255, 255, 255, 0.42) 40%, transparent 72%),
        linear-gradient(to bottom, #b4beff 0%, #cfd6ff 55%, #dce1ff 100%);
    color: #000000;
    padding: 12px 14px;
    border: 2px inset #6688cc;
    overflow-y: auto;
    line-height: 1.65;
    font-size: 14px;
}

/* Dezentes MFC-Wasserzeichen unten rechts im Standard-Channel */
.theme-default .chat-box::after {
    content: "Mainfranken-Chat";
    position: sticky;
    bottom: 6px;
    float: right;
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
    font-weight: bold;
    font-size: 26px;
    letter-spacing: 1px;
    color: rgba(0, 0, 102, 0.12);
    pointer-events: none;
    user-select: none;
}

.chat-line { animation: msgPopIn 0.16s ease-out; padding: 1px 2px; font-size: 14px; }

.right-sidebar {
    width: 270px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.user-list {
    flex: 1;
    background: linear-gradient(to bottom, #c8d0ff 0%, #dfe4ff 100%);
    color: #000000;
    border: 2px inset #6688cc;
    padding: 8px;
    overflow-y: auto;
}
.user-list-header {
    font-weight: bold; color: #000066; border-bottom: 1px solid #8899dd;
    padding-bottom: 4px; margin-bottom: 6px;
}
.user-item {
    padding: 4px 5px; cursor: pointer; border-radius: 3px;
    display: flex; justify-content: space-between; align-items: center;
    user-select: none;
}
.user-item:hover { background: rgba(255, 255, 255, 0.65); }
.user-flagged {
    background: #ffe0e0 !important;
    border-left: 3px solid #cc0000;
}

.channel-go-bar {
    display: flex; gap: 4px; background: #0a1f66; padding: 5px; border: 1px solid #5577cc;
}
.channel-go-bar select {
    flex: 1; background: #ffffff; color: #000000; font-weight: bold; border: 2px inset #888; padding: 4px;
}
.go-btn {
    background: linear-gradient(to bottom, #638ef2, #18368a); color: #fff;
    font-weight: bold; border: 1px solid #99bbff; padding: 4px 12px; cursor: pointer;
}
.go-btn:active { transform: scale(0.95); }

.role-admin  { color: #cc0000; font-weight: bold; }
.role-mod    { color: #d95300; font-weight: bold; }
.role-club   { color: #0033aa; font-weight: bold; }
.role-stammi { color: #006600; font-weight: bold; }
.role-bot    { color: #cc0000; font-weight: bold; }

/* Smiley-Leiste & Eingabe */
.smiley-bar {
    display: none; background: #0d2266; border-top: 1px solid #4466bb;
    padding: 6px 12px; gap: 6px; flex-wrap: wrap;
}
.smiley-btn {
    background: #eef4ff; border: 1px solid #6688cc; border-radius: 4px;
    padding: 4px 9px; cursor: pointer; font-weight: bold; color: #000055;
}
.smiley-btn:hover { background: #ffffff; transform: scale(1.08); }

.input-area { display: flex; padding: 0 7px 7px 7px; gap: 6px; align-items: center; }
.input-area input {
    flex: 1; padding: 9px 12px; border: 2px inset #6688cc;
    background: #ffffff; color: #000000; font-size: 14px;
}
.tool-btn {
    background: #1a3b8c; color: #fff; border: 1px solid #6688cc; border-radius: 4px;
    padding: 8px 11px; cursor: pointer; font-weight: bold;
    transition: transform 0.08s ease, filter 0.12s ease;
}
.tool-btn:hover { filter: brightness(1.2); }
.tool-btn:active { transform: scale(0.94); }

.msg-time { color: #44507a; font-size: 11.5px; }
.msg-sender { font-weight: bold; color: #000080; font-size: 14px; }
.msg-sender:hover { text-decoration: underline; }
.msg-action { color: #006600; font-style: italic; font-size: 14px; }
.msg-bot { color: #000088; font-weight: bold; background: rgba(255, 255, 255, 0.65); padding: 2px 6px; border-radius: 3px; font-size: 14px; }
.msg-whisper { color: #7a007a; background: rgba(255, 235, 255, 0.82); padding: 2px 6px; border-radius: 3px; font-size: 14px; }

/* ================= RECHTSKLICK-KONTEXTMENÜ ================= */
.retro-context-menu {
    display: none;
    position: fixed;
    z-index: 9999;
    width: 240px;
    background: #e8f0fe;
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #0d2244;
    border-bottom: 2px solid #0d2244;
    box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.75);
    padding: 2px;
    animation: menuPop 0.1s ease-out;
    transform-origin: top left;
}
.ctx-header {
    background: linear-gradient(to right, #000066, #1e429f);
    color: #ffffff;
    font-weight: bold;
    padding: 5px 8px;
    font-size: 12.5px;
    margin-bottom: 2px;
    display: flex;
    justify-content: space-between;
}
.ctx-item {
    padding: 4px 10px;
    color: #000033;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12.5px;
}
.ctx-item:hover {
    background: #1e429f;
    color: #ffffff;
}
.ctx-divider {
    height: 1px;
    background: #9bb4e0;
    margin: 3px 4px;
}
.ctx-admin-label {
    font-size: 10.5px;
    color: #880000;
    font-weight: bold;
    padding: 2px 10px;
}

/* ================= KOMPLETTES FAQ- & ADMIN-HANDBUCH FENSTER ================= */
.faq-content {
    flex: 1;
    background-color: #b4beff;
    background-image:
        radial-gradient(ellipse 65px 26px at 20% 25%, rgba(255,255,255,0.45) 45%, transparent 70%),
        radial-gradient(ellipse 80px 30px at 78% 35%, rgba(255,255,255,0.4) 45%, transparent 70%),
        linear-gradient(to bottom, #aab5ff 0%, #c4ccff 100%);
    color: #000000;
    padding: 14px 18px;
    overflow-y: auto;
    line-height: 1.55;
}
.faq-tabs {
    display: flex;
    gap: 4px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}
.faq-tab-btn {
    background: #c8cff8;
    color: #000044;
    font-weight: bold;
    padding: 5px 12px;
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #5c6699;
    border-bottom: 2px solid #5c6699;
    cursor: pointer;
}
.faq-tab-btn.active {
    background: #1e429f;
    color: #ffffff;
    border-top: 2px solid #0d2244;
    border-left: 2px solid #0d2244;
    border-right: 2px solid #88aaff;
    border-bottom: 2px solid #88aaff;
}
.faq-card {
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid #7c88d8;
    border-radius: 4px;
    padding: 12px 14px;
    margin-bottom: 10px;
}
.faq-card h3 {
    margin: 0 0 8px 0;
    color: #000066;
    font-size: 14.5px;
    border-bottom: 1px solid #99a6eb;
    padding-bottom: 4px;
}
.faq-table {
    width: 100%;
    border-collapse: collapse;
}
.faq-table td, .faq-table th {
    padding: 5px 6px;
    border-bottom: 1px dashed #b4beff;
    vertical-align: top;
    text-align: left;
}
.faq-cmd {
    font-family: Consolas, monospace;
    font-weight: bold;
    color: #b30000;
    white-space: nowrap;
    width: 175px;
}

/* ================= AUTHENTISCHE RETRO-CHANNEL-SZENERIEN ================= */

/* 1. SEASONS */
.theme-seasons { background: #141622; border-color: #525c85; }
.theme-seasons .title-bar { background: linear-gradient(to right, #1f2233, #434b6b); }
.theme-seasons .topic-bar { background: #121524; color: #99ffcc; }
.theme-seasons .chat-box {
    background-color: #090b16;
    background-image:
        radial-gradient(ellipse 90px 55px at 78% 86%, rgba(255, 220, 60, 0.55) 0%, rgba(255, 180, 0, 0.15) 45%, transparent 70%),
        radial-gradient(circle 68px at 82% 92%, #4a4f66 0%, #2b2e3d 68%, transparent 70%),
        linear-gradient(to top, #1f222e 0%, #151824 22%, transparent 32%),
        radial-gradient(ellipse 55% 32% at 62% 24%, rgba(235, 50, 230, 0.42) 0%, transparent 65%),
        radial-gradient(ellipse 65% 28% at 42% 16%, rgba(0, 255, 175, 0.34) 0%, transparent 62%),
        linear-gradient(to bottom, #050711 0%, #14122b 60%, #252838 100%);
    color: #ffffff; text-shadow: 1px 1px 2px #000000; border-color: #444b6e;
}
.theme-seasons .msg-time { color: #99aadd; }
.theme-seasons .msg-sender { color: #ffffff; }
.theme-seasons .msg-bot { background: rgba(0, 0, 0, 0.55); color: #aaddff; }
.theme-seasons .msg-whisper { background: rgba(45, 0, 55, 0.78); color: #ff6666; }
.theme-seasons .user-list { background: #000000; color: #ffffff; border-color: #444b6e; }
.theme-seasons .user-list-header { color: #99bbff; border-bottom-color: #333; }
.theme-seasons .user-item:hover { background: #1c223b; }

/* 2. TECHNO */
.theme-techno { background: #030a08; border-color: #00cc88; box-shadow: 0 0 28px rgba(0, 255, 136, 0.3); }
.theme-techno .title-bar { background: linear-gradient(to right, #021a12, #005544); border-bottom-color: #00ff99; }
.theme-techno .topic-bar { background: #041410; color: #00ff99; border-bottom-color: #006644; }
.theme-techno .chat-box {
    background-color: #030807;
    background-image:
        conic-gradient(from 155deg at 25% 0%, transparent 0deg, rgba(0, 255, 136, 0.16) 14deg, transparent 28deg),
        conic-gradient(from 185deg at 75% 0%, transparent 0deg, rgba(0, 210, 255, 0.16) 14deg, transparent 28deg),
        repeating-linear-gradient(to right, rgba(0, 255, 136, 0.08) 0px, rgba(0, 255, 136, 0.08) 12px, transparent 12px, transparent 18px),
        radial-gradient(ellipse at bottom, rgba(0, 255, 136, 0.18) 0%, transparent 60%);
    color: #d9fff0; border-color: #009966;
}
.theme-techno .msg-time { color: #4d9980; }
.theme-techno .msg-sender { color: #00ffaa; text-shadow: 0 0 5px rgba(0, 255, 170, 0.5); }
.theme-techno .msg-bot { background: rgba(0, 60, 45, 0.75); color: #66ffff; }
.theme-techno .msg-whisper { background: rgba(60, 0, 80, 0.75); color: #ff88ff; }
.theme-techno .user-list { background: #040f0c; color: #ccffee; border-color: #009966; }
.theme-techno .user-list-header { color: #00ffaa; border-bottom-color: #006644; }
.theme-techno .user-item:hover { background: #0a2920; }
.theme-techno .input-area input { background: #061410; color: #00ffaa; border-color: #009966; }

/* 3. DISCO & MUSIK */
.theme-disco { background: #1a0529; border-color: #b833ff; }
.theme-disco .title-bar { background: linear-gradient(to right, #2b0645, #7a12b8); }
.theme-disco .topic-bar { background: #140321; color: #ff66ff; }
.theme-disco .chat-box {
    background-color: #0c0314;
    background-image:
        radial-gradient(circle at 50% 6%, rgba(255, 255, 255, 0.35) 0%, rgba(200, 120, 255, 0.15) 12%, transparent 35%),
        radial-gradient(circle at 18% 25%, rgba(255, 0, 200, 0.24) 0%, transparent 45%),
        radial-gradient(circle at 82% 28%, rgba(0, 220, 255, 0.24) 0%, transparent 45%),
        radial-gradient(circle at 50% 85%, rgba(160, 32, 240, 0.22) 0%, transparent 55%);
    color: #f3e6ff; border-color: #8822cc;
}
.theme-disco .msg-sender { color: #ff66ff; }
.theme-disco .msg-bot { background: rgba(90, 15, 130, 0.75); color: #00f0ff; }
.theme-disco .user-list { background: #140621; color: #e8ccff; border-color: #8822cc; }
.theme-disco .user-list-header { color: #00f0ff; }
.theme-disco .user-item:hover { background: #2d0d4a; }

/* 4. STERNENHIMMEL */
.theme-starry { background: #02040d; border-color: #3a5588; box-shadow: 0 12px 35px rgba(0, 0, 0, 0.95); }
.theme-starry .title-bar { background: linear-gradient(to right, #020512, #0d1d47); border-bottom-color: #3a5588; }
.theme-starry .topic-bar { background: #050b21; color: #cce0ff; border-bottom-color: #243866; }
.theme-starry .chat-box {
    background-color: #020308;
    background-image:
        radial-gradient(1px 1px at 18px 24px, #ffffff 100%, transparent),
        radial-gradient(1px 1px at 54px 72px, rgba(255, 255, 255, 0.85) 100%, transparent),
        radial-gradient(1.5px 1.5px at 88px 36px, #e6f2ff 100%, transparent),
        radial-gradient(1px 1px at 32px 115px, rgba(220, 235, 255, 0.75) 100%, transparent),
        radial-gradient(1px 1px at 124px 94px, #ffffff 100%, transparent),
        radial-gradient(1.5px 1.5px at 165px 48px, #ffffff 100%, transparent),
        radial-gradient(1px 1px at 195px 142px, rgba(255, 255, 255, 0.8) 100%, transparent),
        radial-gradient(1px 1px at 74px 178px, rgba(200, 225, 255, 0.7) 100%, transparent),
        radial-gradient(1px 1px at 245px 82px, #ffffff 100%, transparent),
        radial-gradient(1.5px 1.5px at 285px 210px, #d9ecff 100%, transparent),
        radial-gradient(1px 1px at 142px 245px, rgba(255, 255, 255, 0.65) 100%, transparent),
        radial-gradient(1px 1px at 310px 128px, rgba(255, 255, 255, 0.9) 100%, transparent),
        linear-gradient(to bottom, #010205 0%, #040817 100%);
    background-size:
        110px 110px,
        145px 145px,
        190px 190px,
        165px 165px,
        220px 220px,
        260px 260px,
        295px 295px,
        240px 240px,
        330px 330px,
        370px 370px,
        315px 315px,
        395px 395px,
        100% 100%;
    background-position:
        0 0,
        23px 41px,
        67px 19px,
        11px 88px,
        93px 52px,
        39px 134px,
        121px 27px,
        55px 163px,
        178px 95px,
        84px 212px,
        205px 141px,
        149px 76px,
        0 0;
    color: #f0f4ff;
    text-shadow: 1px 1px 1px #000000;
    border-color: #2c4470;
}
.theme-starry .msg-time { color: #7f94bd; }
.theme-starry .msg-sender { color: #8ec5ff; }
.theme-starry .msg-action { color: #7ae582; }
.theme-starry .msg-bot { background: rgba(12, 26, 62, 0.85); color: #dceaff; }
.theme-starry .msg-whisper { background: rgba(45, 16, 72, 0.85); color: #f2b8ff; }
.theme-starry .user-list { background: #040714; color: #dce6ff; border-color: #2c4470; }
.theme-starry .user-list-header { color: #99c2ff; border-bottom-color: #1f335c; }
.theme-starry .user-item:hover { background: #0e1b3d; }

/* 5. BEACH CLUBBING */
.theme-beach { background: #7a2408; border-color: #ff9944; }
.theme-beach .title-bar { background: linear-gradient(to right, #8c2300, #e66b00); }
.theme-beach .topic-bar { background: #5e1700; color: #ffe0b3; }
.theme-beach .chat-box {
    background:
        radial-gradient(circle 55px at 78% 48%, rgba(255, 240, 150, 0.85) 0%, rgba(255, 160, 60, 0.35) 55%, transparent 75%),
        linear-gradient(to bottom, #ff9e6d 0%, #ffcc80 48%, #2b8cbe 50%, #4eb3d3 74%, #f4d58d 76%, #e6be6a 100%);
    color: #1f0d00; border-color: #e68a44;
}
.theme-beach .msg-sender { color: #801b00; }
.theme-beach .user-list { background: #fff0db; border-color: #e68a44; }

/* 6. SANDKASTEN */
.theme-sandbox { background: #b8860b; border-color: #e6b800; }
.theme-sandbox .title-bar { background: linear-gradient(to right, #8c6200, #cc9900); }
.theme-sandbox .topic-bar { background: #6e4d00; color: #fff3cc; }
.theme-sandbox .chat-box {
    background:
        radial-gradient(ellipse 90px 28px at 22% 16%, rgba(255,255,255,0.85) 45%, transparent 70%),
        radial-gradient(ellipse 110px 32px at 72% 22%, rgba(255,255,255,0.8) 45%, transparent 70%),
        radial-gradient(ellipse 75% 32% at 50% 102%, #e6b84c 0%, #f2cd6d 65%, transparent 67%),
        linear-gradient(to bottom, #bde6ff 0%, #e8f7ff 62%, #f7dfa1 100%);
    color: #2b1d00; border-color: #d4aa3b;
}
.theme-sandbox .msg-sender { color: #805500; }
.theme-sandbox .user-list { background: #fcf4d9; border-color: #d4aa3b; }

/* 7. FLIRT, SINGLE & FOTOFLIRT */
.theme-flirt { background: #5c0a28; border-color: #d96b94; }
.theme-flirt .title-bar { background: linear-gradient(to right, #6b0f32, #b8255f); }
.theme-flirt .topic-bar { background: #4a0820; color: #ffd6e5; }
.theme-flirt .chat-box {
    background:
        radial-gradient(circle at 85% 20%, rgba(255, 105, 165, 0.16) 0%, transparent 45%),
        linear-gradient(to bottom, #fff5f8 0%, #ffe6ef 100%);
    border-color: #d96b94;
}
.theme-flirt .msg-sender { color: #a80044; }
.theme-flirt .user-list { background: #ffeaf1; border-color: #d96b94; }

/* 8. 40+ */
.theme-age40 { background: #3b1c26; border-color: #a65c73; }
.theme-age40 .title-bar { background: linear-gradient(to right, #4a1e2c, #7d354b); }
.theme-age40 .topic-bar { background: #2e141c; color: #f5d0dc; }
.theme-age40 .chat-box { background: linear-gradient(to bottom, #fdf8f5 0%, #f7ece6 100%); border-color: #b87a8d; }
.theme-age40 .msg-sender { color: #6e1e36; }
.theme-age40 .user-list { background: #f5e6e0; border-color: #b87a8d; }

/* 9. MAFIA */
.theme-mafia { background: #141722; border-color: #555c75; }
.theme-mafia .title-bar { background: linear-gradient(to right, #11131c, #2c3247); }
.theme-mafia .topic-bar { background: #1d2130; color: #ff9999; }
.theme-mafia .chat-box { background: #1c202e; color: #e2e6f0; border-color: #454c66; }
.theme-mafia .msg-sender { color: #ff6b6b; }
.theme-mafia .msg-bot { background: #2a3045; color: #ffd166; }
.theme-mafia .msg-whisper { background: #3b1c47; color: #f0b3ff; }
.theme-mafia .user-list { background: #181b26; color: #dce1f0; border-color: #454c66; }
.theme-mafia .user-list-header { color: #ff6b6b; }

/* 10. QUIZ */
.theme-quiz .chat-box { background: #fffdf2; }
.theme-quiz .user-list { background: #faf5dc; }

/* ================= UNIVERSELLER DARK MODE FÜR ALLE CHANNELS ================= */
.applet-window.dark-mode {
    background: #090b10 !important;
    border-color: #3a4666 !important;
    box-shadow: 0 14px 45px rgba(0, 0, 0, 0.95) !important;
}
.applet-window.dark-mode .title-bar {
    background: linear-gradient(to right, #0d111a, #1d263b) !important;
    border-bottom-color: #3a4666 !important;
}
.applet-window.dark-mode .topic-bar {
    background: #121724 !important;
    color: #99bbff !important;
    border-bottom-color: #2c3652 !important;
}
.applet-window.dark-mode .chat-box {
    background-color: #10131c !important;
    background-blend-mode: soft-light;
    color: #e4e8f2 !important;
    border-color: #333e5c !important;
}
.applet-window.dark-mode .chat-box::after {
    color: rgba(150, 180, 255, 0.1) !important;
}
.applet-window.dark-mode .msg-time { color: #6e7b99 !important; }
.applet-window.dark-mode .msg-sender { color: #66b2ff !important; }
.applet-window.dark-mode .msg-action { color: #66e085 !important; }
.applet-window.dark-mode .msg-bot {
    background: rgba(30, 48, 86, 0.85) !important;
    color: #ffd166 !important;
}
.applet-window.dark-mode .msg-whisper {
    background: rgba(75, 25, 95, 0.85) !important;
    color: #f0b3ff !important;
}
.applet-window.dark-mode .user-list {
    background: #141824 !important;
    color: #dce2f0 !important;
    border-color: #333e5c !important;
}
.applet-window.dark-mode .user-list-header {
    color: #88b4ff !important;
    border-bottom-color: #2c3652 !important;
}
.applet-window.dark-mode .user-item:hover { background: #222a40 !important; }
.applet-window.dark-mode .channel-go-bar {
    background: #121724 !important;
    border-color: #333e5c !important;
}
.applet-window.dark-mode .channel-go-bar select,
.applet-window.dark-mode .input-area input {
    background: #181d2b !important;
    color: #ffffff !important;
    border-color: #3a4666 !important;
}

/* ================= SCHWEBENDES PRIVAT-CHAT-FENSTER (/pp Nickname) ================= */
.private-chat-box {
    display: none;
    position: absolute;
    bottom: 54px;
    right: 285px;
    width: 390px;
    height: 310px;
    background: #000066;
    border: 2px solid #88aaff;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.85);
    z-index: 40;
    flex-direction: column;
    animation: modalZoomIn 0.18s ease-out;
}
.private-chat-box.minimized {
    height: 32px;
    overflow: hidden;
}
.private-messages {
    flex: 1;
    background: #fdf8ff;
    color: #111111;
    padding: 8px;
    border: 2px inset #6688cc;
    margin: 5px;
    overflow-y: auto;
    line-height: 1.5;
    font-size: 13px;
}
.private-input-row {
    display: flex;
    gap: 4px;
    padding: 0 5px 5px 5px;
}
.private-input-row input {
    flex: 1;
    padding: 5px 7px;
    border: 2px inset #6688cc;
    background: #ffffff;
    color: #000000;
}
.applet-window.dark-mode .private-messages {
    background: #161324 !important;
    color: #f2e8ff !important;
}

/* ================= INTERNES WHOIS- & FAQ-FENSTER ================= */
.internal-modal-backdrop {
    display: none; position: absolute; inset: 0; background: rgba(0, 0, 34, 0.72);
    z-index: 50; justify-content: center; align-items: center;
}
.internal-modal {
    width: 680px; height: 610px; max-width: 94vw; max-height: 92vh;
    background: #000066; border: 2px solid #88aaff;
    box-shadow: 0 12px 35px #000; display: flex; flex-direction: column;
    animation: modalZoomIn 0.2s ease-out;
}
.internal-modal iframe { flex: 1; border: none; background: #b4beff; }