/* ==========================================================================
   AEGIS MAINFRAME :: GLOBAL BBS STYLES (CONSOLIDATED)
   ========================================================================== */

body {
    background-color: #000; /* Tiefes Schwarz als Basis */
    color: #ccc;
    font-family: monospace;
    margin: 0;
    padding: 20px;
    
    /* Das Hintergrundbild aus der Hauptseite, absolut referenziert */
    background-image: 
        linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, #000 95%),
        url('/files/images/charon-bg.webp'); 
    background-size: cover; 
    background-position: center top;
    background-attachment: fixed; 
    background-repeat: no-repeat;
    
    min-height: 100vh;
}

.post-body-rendered {
    text-align: left !important;
}

.container {
    max-width: 1000px; /* Standard für das Board */
    margin: 0 auto;
}

.section-title {
    text-align: left;
    color: #fff;
    font-size: 1.2rem;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* --- 1. NAVIGATION & HEADER --- */
.bbs-nav {
    background: rgba(110,122,207,0.1);
    border: 1px solid var(--accent-primary);
    padding: 15px;
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: monospace;
}
.bbs-nav a, .bbs-nav-links a { color: var(--accent-primary); text-decoration: none; }
.bbs-nav-links a { margin-left: 20px; }
.bbs-nav a:hover, .bbs-nav-links a:hover { color: #fff; }

/* --- 2. TERMINALS & BOXEN --- */
.terminal-box, .form-box { 
    border: 1px solid #333; 
    background: rgba(0,0,0,0.6); 
    padding: 20px; /* Gemittelt aus 20px und 25px */
    margin-bottom: 30px; 
    font-family: monospace;
}
.terminal-box h3 { 
    color: var(--accent-primary); 
    margin-top: 0; 
    border-bottom: 1px dashed #333; 
    padding-bottom: 10px; 
    display: flex; 
    justify-content: space-between;
}
/* Ausnahme für Password Recovery Terminals */
.terminal-box[style*="max-width: 500px"] { border-color: #ffaa00; }

/* --- 3. FORMULARE & INPUTS --- */
.bbs-form-group { margin-bottom: 20px; }
.bbs-form-group label, .telemetry-label { 
    display: block; 
    color: var(--accent-primary) ; 
    margin-bottom: 5px; 
    font-weight: bold; 
    font-family: monospace;
}
.telemetry-label { color: #888; display: inline-block; width: 120px; }

.bbs-input, .bbs-select {
    width: 100%; 
    padding: 10px; 
    background: rgba(0, 0, 0, 0.5); 
    border: 1px solid #333; 
    color: #fff; 
    font-family: monospace; 
    box-sizing: border-box;
    margin-bottom: 15px;
}
.bbs-input:focus, .bbs-select:focus { 
    border-color: var(--accent-primary); 
    outline: none; 
    box-shadow: 0 0 5px rgba(0, 229, 255, 0.3); 
}

/* --- 4. BUTTONS --- */
.bbs-btn, .btn-submit, .btn-new {
    background: rgba(110,122,207,0.1); 
    border: 1px solid var(--accent-primary); 
    color: var(--accent-primary);
    padding: 10px 20px; 
    font-family: monospace; 
    font-size: 1rem;
    font-weight: bold;
    cursor: pointer; 
    transition: all 0.3s;
    text-decoration: none;
    display: inline-block;
}
.bbs-btn:hover, .btn-submit:hover, .btn-new:hover { 
    background: var(--accent-green); 
    color: #000; 
}
.btn-action { 
    background: transparent; border: 1px solid var(--accent-primary); color: var(--accent-primary); padding: 5px 10px; font-family: monospace; cursor: pointer; text-decoration: none; font-size: 0.8rem;
}
.btn-action:hover { background: var(--accent-green); color: #000; }
.btn-delete { border-color: #ff5555; color: #ff5555; }
.btn-delete:hover { background: #ff5555; color: #000; }

/* --- 5. ALARM- & STATUS-PROTOKOLLE --- */
.alert-box, .alert-error, .alert-success { 
    padding: 10px 15px; 
    margin-bottom: 20px; 
    font-family: monospace; 
    border: 1px dashed; 
}
.alert-success, .success { color: var(--accent-green); background: rgba(0, 255, 170, 0.1); border-color: var(--accent-green); }
.alert-error, .error { color: var(--accent-red); background: rgba(255, 85, 85, 0.1); border-color: var(--accent-red); }

/* --- 6. BBS LISTEN (BOARD & THREADS) --- */
.board-category, .thread-row, .post-container {
    border: 1px solid #333;
    background: rgba(0, 0, 0, 0.6);
    margin-bottom: 15px;
    transition: all 0.2s;
}
.board-category:hover, .thread-row:hover { border-color: var(--accent-green); box-shadow: 0 0 10px rgba(0, 255, 170, 0.1); }
.thread-row { display: flex; justify-content: space-between; padding: 15px; }
.post-container { display: flex; }

.category-header { padding: 15px; border-bottom: 1px dashed #333; }
.category-title, .thread-title { font-size: 1.2rem; color: var(--accent-primary); text-decoration: none; display: block; margin-bottom: 5px; }
.category-title:hover, .thread-title:hover { color: #fff; }
.category-desc { color: #888; font-size: 0.9rem; font-family: monospace; }
.category-stats { padding: 10px 15px; background: rgba(0,0,0,0.4); font-family: monospace; font-size: 0.8rem; color: #666; }

.subcat-box { border: 1px dashed #333; background: rgba(0,0,0,0.4); margin-bottom: 20px; padding: 15px; }
.subcat-box h3 { margin-top: 0; color: #aaa; font-size: 1rem; border-bottom: 1px solid #333; padding-bottom: 5px; }
.subcat-item { margin-bottom: 10px; display: block; text-decoration: none; color: #00e5ff; }
.subcat-item:hover { color: #fff; }

.thread-main { flex-grow: 1; }
.thread-meta { color: #666; font-size: 0.8rem; font-family: monospace; }
.thread-stats { text-align: right; color: #888; font-size: 0.8rem; font-family: monospace; min-width: 120px; }

/* --- 7. BBS POSTS & PROFILE --- */
.post-sidebar { color: var(--accent-primary); width: 200px; padding: 15px; border-right: 1px solid #333; background: rgba(0,0,0,0.3); font-family: monospace; text-align: left; flex-shrink: 0;}
.post-content { flex-grow: 1; padding: 20px; color: #ccc; line-height: 1.6; min-width: 0; text-align: left; }
.post-meta { font-family: monospace; font-size: 0.8rem; color: #666; border-bottom: 1px dashed #333; padding-bottom: 10px; margin-bottom: 15px; display: flex; justify-content: space-between;}

.profile-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: start; }
@media (max-width: 768px) { .profile-grid { grid-template-columns: 1fr; } }
.telemetry-data { color: #ccc; font-family: monospace; line-height: 2; }

/* --- 8. INBOX TABLES --- */
.msg-table { width: 100%; border-collapse: collapse; font-family: monospace; }
.msg-table th { text-align: left; padding: 10px; border-bottom: 1px solid #333; color: #888; }
.msg-table td { padding: 10px; border-bottom: 1px dashed #222; color: #ccc; }
.msg-table tr:hover td { background: rgba(110,122,207,0.1); }
.msg-link { color: #ccc; text-decoration: none; display: block; }
.msg-link:hover { color: #00e5ff; }
.msg-unread { color: var(--accent-green); font-weight: bold; }
.msg-unread .msg-link { color: var(--accent-green); }

/* --- 9. TAGS & BADGES --- */
.clearance-tag { font-size: 0.7rem; padding: 2px 5px; border: 1px solid #ff5555; color: #ff5555; margin-left: 10px; vertical-align: middle; }
.pinned-tag { color: #ffaa00; border: 1px solid #ffaa00; padding: 2px 5px; font-size: 0.7rem; margin-right: 10px; }
.rank-tag { display: inline-block; padding: 2px 5px; font-size: 0.75rem; margin-top: 5px; border: 1px solid #666; }
.rank-core { color: #ff5555; border-color: #ff5555; }
.rank-praetor { color: #aa55ff; border-color: #aa55ff; }

/* --- 10. EDITOR STYLES (EASYMDE / MARKDOWN) --- */

.editor-preview { background: #000 !important; color: #ccc !important; }
.editor-toolbar { border-color: #333; background: rgba(0,0,0,0.8); text-align: left; }
.editor-toolbar button { color: var(--accent-primary) !important; transition: 0.3s; }
.editor-toolbar button.active, .editor-toolbar button:hover { background: rgba(110,122,207,0.1); border-color: var(--accent-primary); }

/* Das ist das eigentliche Textfeld */
.CodeMirror { 
    background: rgba(0,0,0,0.6) !important; 
    color: #fff !important; 
    border: 1px solid #333 !important; 
    font-family: monospace !important; 
    text-align: left !important; 
}

.CodeMirror-cursor { border-left: 2px solid var(--accent-green) !important; }
.reply-box { border: 1px solid var(--accent-primary); padding: 20px; background: rgba(110,122,207,0.1); margin-top: 40px; }

/* Markdown Renderer Overrides */
.post-body-rendered { text-align: left !important; }
.post-body-rendered img { max-width: 100%; height: auto; border: 1px solid #333; }
.post-body-rendered blockquote { border-left: 3px solid var(--accent-primary); margin: 0; padding-left: 15px; color: #888; font-style: italic; background: rgba(110,122,207,0.1); }
.post-body-rendered code { background: rgba(0,0,0,0.8); color: var(--accent-green); padding: 2px 5px; font-family: monospace; }
.post-body-rendered pre code { display: block; padding: 10px; overflow-x: auto; }

/* ==========================================================================
   BBS ACCORDION & SUBCAT LAYOUT (LINKSBÜNDIG)
   ========================================================================== */
.board-container {
    text-align: left; /* Zwingt den gesamten Inhalt nach links */
}

.bbs-accordion { 
    border: 1px solid rgba(110, 122, 207, 0.3); 
    background: rgba(5, 5, 5, 0.9); 
    margin-bottom: 20px; 
    text-align: left;
}

.bbs-accordion-header { 
    padding: 15px 20px; 
    background: rgba(110, 122, 207, 0.1); 
    cursor: pointer; 
    display: flex; 
    justify-content: space-between; 
    font-weight: bold; 
    letter-spacing: 2px; 
    transition: background 0.3s;
    color: var(--text-main);
    text-transform: uppercase;
}

.bbs-accordion-header:hover { background: rgba(110, 122, 207, 0.2); color: #fff; }
.bbs-accordion-content { padding: 0; display: none; }
.bbs-accordion.active .bbs-accordion-content { display: block; }
.bbs-accordion.active .bbs-accordion-header .accordion-icon { transform: rotate(-180deg); }
.accordion-icon { transition: transform 0.3s ease; }

.subcat-row { 
    display: flex; 
    justify-content: space-between; 
    align-items: center;
    border-top: 1px dashed rgba(110, 122, 207, 0.3); 
    padding: 15px 20px; 
    text-decoration: none;
    transition: all 0.3s ease;
    border-left: 3px solid transparent;
}

.subcat-row:hover {
    background: rgba(255,255,255,0.02);
    border-left-color: var(--accent-primary);
}

.subcat-info { display: flex; flex-direction: column; gap: 5px; flex-grow: 1; }
.subcat-title { color: var(--accent-primary); font-weight: bold; font-size: 0.9rem; font-family: monospace; text-transform: uppercase; }
.subcat-desc { color: #888; font-size: 0.85rem; }

.subcat-latest { 
    text-align: right; 
    display: flex; 
    flex-direction: column; 
    gap: 4px; 
    width: 300px; /* Feste Breite für das Vorschau-Fenster */
    border-left: 1px dashed #333;
    padding-left: 15px;
    margin-left: 15px;
}

.latest-title { 
    color: #ccc; 
    font-size: 0.9rem; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
}

.latest-meta { color: var(--accent-primary); font-size: 0.75rem; text-transform: uppercase; }

/* Mobile Optimierung */
@media (max-width: 768px) {
    .subcat-row { flex-direction: column; align-items: flex-start; gap: 15px; }
    .subcat-latest { text-align: left; border-left: none; padding-left: 0; margin-left: 0; border-top: 1px dashed #333; padding-top: 10px; width: 100%; }
}

/* ==========================================================================
   AEGIS GLOBAL HEADER (FIXIERT & ZENTRIERT - 2 ZEILEN)
   ========================================================================== */
.aegis-global-header {
    max-width: 900px;
    margin: 0 auto 40px auto;
    background: rgba(5, 5, 10, 0.95);
    
    /* Rand-Korrektur: Nur unten */
    border: none;
    border-bottom: 1px solid var(--accent-primary); 
    
    padding: 20px 15px 15px 15px;
    
    /* Layout: 2 Zeilen, zentriert */
    display: flex;
    flex-direction: column; 
    justify-content: center;
    align-items: center;
    gap: 15px; 
    
    position: sticky;
    top: 0;
    z-index: 1000;
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 20px rgba(0,0,0,0.8);
}

/* Zentriert das Logo auch auf kleinen Bildschirmen */
.header-branding a {
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
}

.bbs-nav-global {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap; /* Erlaubt das Umbrechen von ganzen Blöcken, nicht Wörtern */
    gap: 20px;
    font-family: monospace;
    font-size: 0.9rem;
}

.nav-operative { 
    color: #888; 
    white-space: nowrap; /* Verhindert Zeilenumbruch im Namen */
}

.nav-links { 
    display: flex; 
    gap: 15px; 
    flex-wrap: wrap;
    justify-content: center;
}

.nav-links a {
    color: var(--accent-primary);
    text-decoration: none;
    font-weight: bold;
    transition: all 0.2s;
    white-space: nowrap; /* <-- DIE PANZERUNG: Verhindert den Klammer-Kollaps */
}

.nav-links a:hover {
    color: #fff;
    text-shadow: 0 0 8px var(--accent-primary);
}

.nav-links .core-link { color: #aa55ff; }
.nav-links .core-link:hover { text-shadow: 0 0 8px #aa55ff; }
.nav-links .logout-link { color: #ff5555; }
.nav-links .logout-link:hover { text-shadow: 0 0 8px #ff5555; }

/* Mobile Rerouting */
@media (max-width: 850px) {
    .bbs-nav-global {
        flex-direction: column;
        gap: 10px;
    }
}

/* ========================================= */
/* BBS NAVI (INDIGO NEON OVERRIDE)           */
/* ========================================= */
.main-nav { 
    /* Breite auf den Foren-Container limitieren und zentrieren */
    max-width: 1000px; 
    margin: 0 auto;

    /* Der Hologramm-Effekt: weicher Gradient */
    background: linear-gradient(to top, rgba(2, 6, 13, 0.95) 0%, transparent 100%);
    
    display: flex; 
    justify-content: center; 
    align-items: center;
    flex-wrap: wrap; 
    
    position: sticky; top: 0; z-index: 1000; 
}

/* Die leuchtende Indigo-Kante als entkoppeltes Pseudo-Element (verhindert Rendering-Glitches) */
.main-nav::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, rgba(110, 122, 207, 0.5) 15%, rgba(110, 122, 207, 0.5) 85%, transparent 100%);
    pointer-events: none; /* Klicks gehen durch */
}

.nav-item { 
    padding: 18px 25px; 
    color: #8da6b5; 
    font-weight: bold; 
    font-size: 0.95rem; 
    text-transform: uppercase; 
    border-bottom: 3px solid transparent; 
    transition: all 0.2s ease-in-out; 
    text-decoration: none;
    font-family: 'Inconsolata', monospace; /* Zwingt die Links in den Terminal-Look */
    letter-spacing: 1px;
}

.nav-item-command { 
    padding: 18px 25px; 
    color: var(--accent-primary);
    font-weight: bold; 
    font-size: 0.95rem; 
    text-transform: uppercase; 
    border-bottom: 3px solid transparent; 
    transition: all 0.2s ease-in-out; 
    text-decoration: none;
    font-family: 'Inconsolata', monospace; /* Zwingt die Links in den Terminal-Look */
    letter-spacing: 1px;
}

.nav-item-logout { 
    padding: 18px 25px; 
    color: var(--accent-alert); 
    font-weight: bold; 
    font-size: 0.95rem; 
    text-transform: uppercase; 
    border-bottom: 3px solid transparent; 
    transition: all 0.2s ease-in-out; 
    text-decoration: none;
    font-family: 'Inconsolata', monospace; /* Zwingt die Links in den Terminal-Look */
    letter-spacing: 1px;
}

/* Hover-Effekt: Der Indigo-Glow */
.nav-item:hover:not(.operative-tag) { 
    color: #e6ebff; /* Heißer, weiß-blauer Kern */
    background-color: rgba(110, 122, 207, 0.1); 
    border-bottom: 3px solid #6e7acf; /* Indigo-Linie */
    text-shadow: 0 0 8px #6e7acf, 0 0 15px #6e7acf; /* Äußere Korona */
    box-shadow: inset 0 -10px 15px -10px rgba(110, 122, 207, 0.4); /* Leuchten von unten */
}

/* Hover-Effekt: Der Indigo-Glow */
.nav-item-command:hover:not(.operative-tag) { 
    color: #e6ebff; /* Heißer, weiß-blauer Kern */
    background-color: rgba(110, 122, 207, 0.1); 
    border-bottom: 3px solid #6e7acf; /* Indigo-Linie */
    text-shadow: 0 0 8px #6e7acf, 0 0 15px #6e7acf; /* Äußere Korona */
    box-shadow: inset 0 -10px 15px -10px rgba(110, 122, 207, 0.4); /* Leuchten von unten */
}

/* Hover-Effekt: Der Indigo-Glow */
.nav-item-logout:hover:not(.operative-tag) { 
    color: #ffe5e5; /* Heißer, rot-weißer Kern */
    background-color: rgba(110, 122, 207, 0.1); 
    border-bottom: 3px solid #ff0000; /* Rot-Linie */
    text-shadow: 0 0 8px #ff0000, 0 0 15px #ff0000; /* Äußere Korona */
    box-shadow: inset 0 -10px 15px -10px rgba(255, 21, 21, 0.4); /* Leuchten von unten */
}


/* ========================================= */
/* MOBILE OVERRIDE (Frequenz-Anpassung)      */
/* ========================================= */
@media (max-width: 768px) {
    .main-nav { padding: 10px 0; }
    .nav-item { padding: 10px 15px; font-size: 0.85rem; width: 50%; text-align: center; border-bottom: none; }
    /* Auf mobilen Geräten schalten wir den Bottom-Border beim Hovern ab, da er das Layout zerschießt */
    .nav-item:hover:not(.operative-tag) { border-bottom: none; }
    .operative-tag { width: 100%; text-align: center; padding-bottom: 5px; border-bottom: 1px dashed rgba(110,122,207,0.3); }
}

.roster-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    margin-top: 20px;
}
.member-card {
    background: rgba(0,0,0,0.4);
    border: 1px solid #333;
    padding: 15px;
    font-family: var(--font-term);
    transition: border 0.3s ease, background 0.3s ease;
}
.member-card:hover {
    border-color: var(--accent-primary);
    background: rgba(110,122,207,0.05);
}
.member-name {
    font-size: 1.2rem;
    color: #fff;
    margin-bottom: 5px;
    display: block;
    text-decoration: none;
    letter-spacing: 1px;
}
.member-stats {
    font-size: 0.8rem;
    color: #888;
    margin-top: 10px;
    border-top: 1px dashed #333;
    padding-top: 10px;
    line-height: 1.5;
}
.search-roster {
    background: rgba(0, 0, 0, 0.4);
    border: 1px dashed #555;
    color: #fff;
    padding: 10px;
    font-family: var(--font-term);
    width: 100%;
    max-width: 300px;
    outline: none;
}
.search-roster:focus {
    border-color: var(--accent-primary);
}

.roster-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
}

.member-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(10, 15, 25, 0.6);
    border: 1px solid #333;
    border-left: 4px solid var(--accent-primary);
    padding: 15px 20px;
    font-family: var(--font-term);
    transition: all 0.2s ease;
}

.member-row:hover {
    background: rgba(110,122,207,0.15);
    border-color: #555;
    border-left-color: #00e5ff;
}

.member-info {
    display: flex;
    align-items: center;
    gap: 15px;
}

.member-name {
    font-size: 1.2rem;
    color: #fff;
    text-decoration: none;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.member-stats {
    text-align: right;
    font-size: 0.85rem;
    color: #888;
}

.stat-highlight {
    color: var(--accent-primary);
    font-weight: bold;
    font-size: 1.1rem;
}

.search-roster {
    background: rgba(0, 0, 0, 0.4);
    border: 1px dashed #555;
    color: #fff;
    padding: 10px;
    font-family: var(--font-term);
    width: 100%;
    max-width: 300px;
    outline: none;
}

.search-roster:focus {
    border-color: var(--accent-primary);
}

/* Mobile Reaktionsfähigkeit */
@media (max-width: 600px) {
    .member-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .member-stats {
        text-align: left;
        width: 100%;
        border-top: 1px dashed #333;
        padding-top: 10px;
    }
}

.dossier-grid {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 30px;
    margin-top: 20px;
}
.dossier-panel {
    background: rgba(10, 15, 25, 0.6);
    border: 1px solid #333;
    padding: 25px;
    font-family: var(--font-term);
}
.dossier-header {
    border-bottom: 1px dashed var(--accent-primary);
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.callsign-large {
    font-size: 2.5rem;
    color: #fff;
    letter-spacing: 2px;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    text-shadow: 0 0 10px rgba(110,122,207,0.5);
}
.data-row {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #222;
    padding: 8px 0;
    font-size: 0.9rem;
}
.data-label { color: #888; }
.data-value { color: #fff; text-align: right; }

.activity-item {
    border-left: 2px solid #444;
    padding-left: 15px;
    margin-bottom: 20px;
    position: relative;
}
.activity-item::before {
    content: '';
    position: absolute;
    left: -6px;
    top: 5px;
    width: 10px;
    height: 10px;
    background: var(--accent-primary);
    border-radius: 50%;
}
.activity-meta { font-size: 0.8rem; color: #888; margin-bottom: 5px; }
.activity-preview { font-size: 0.9rem; color: #ccc; line-height: 1.4; }

@media (max-width: 768px) {
    .dossier-grid { grid-template-columns: 1fr; }
}

.msg-header {
    background: rgba(10, 15, 25, 0.8);
    border: 1px solid #333;
    border-left: 4px solid var(--accent-primary);
    padding: 20px;
    margin-bottom: 20px;
    font-family: var(--font-term);
}
.msg-meta-row {
    display: flex;
    margin-bottom: 8px;
    font-size: 0.9rem;
}
.msg-label {
    color: #888;
    width: 100px;
    text-transform: uppercase;
}
.msg-value {
    color: #fff;
    font-weight: bold;
}
.msg-subject {
    font-size: 1.5rem;
    color: var(--accent-primary);
    margin: 15px 0 0 0;
    padding-top: 15px;
    border-top: 1px dashed #333;
}
.msg-payload {
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid #222;
    padding: 25px;
    color: #ccc;
    font-size: 1rem;
    line-height: 1.6;
    min-height: 200px;
}
.msg-actions {
    margin-top: 20px;
    display: flex;
    gap: 15px;
}

.search-panel {
    background: rgba(0,0,0,0.4); 
    border: 1px dashed var(--accent-primary); 
    padding: 20px; 
    margin-bottom: 30px;
    font-family: var(--font-term);
}
.search-panel label {
    display: block;
    color: var(--accent-primary);
    font-size: 0.8rem;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.search-panel input, .search-panel select {
    width: 100%;
    background: #000;
    border: 1px solid #333;
    color: #fff;
    padding: 8px;
    font-family: var(--font-term);
    outline: none;
}
.search-panel input:focus, .search-panel select:focus {
    border-color: var(--accent-primary);
}

/* === HEADER OVERRIDE === //

<!-- Sektor 2: Navigations-Matrix (Ultra-Kompakt) -->
/* TYCHO-PATCH: Zerstört die unsichtbaren vertikalen Paddings der globalen CSS-Klassen */
.bbs-compact-nav .nav-item, 
.bbs-compact-nav .nav-item-command, 
.bbs-compact-nav .nav-item-logout, 
.bbs-compact-nav .operative-tag {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1.2 !important;
}

/* TYCHO-PATCH: Zerstört die unsichtbaren vertikalen Paddings der globalen CSS-Klassen */
.bbs-compact-nav .nav-item, 
.bbs-compact-nav .nav-item-command, 
.bbs-compact-nav .nav-item-logout, 
.bbs-compact-nav .operative-tag {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1.2 !important;
}

/* TYCHO-PATCH: Dynamisches Inline-Suchfeld */
.bbs-compact-nav .matrix-search {
    background: rgba(0, 0, 0, 0.4);
    border: 1px dashed var(--accent-primary);
    color: var(--accent-primary);
    font-family: var(--font-term), monospace;
    font-size: 0.8rem;
    padding: 2px 10px;
    width: 120px;
    text-align: center;
    outline: none;
    transition: width 0.3s ease, border 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
    text-transform: uppercase;
}

.bbs-compact-nav .matrix-search::placeholder {
    color: rgba(110,122,207,0.6);
    letter-spacing: 1px;
}

.bbs-compact-nav .matrix-search:focus {
    border-style: solid;
    box-shadow: 0 0 10px rgba(110,122,207,0.5);
    width: 180px;
    background: rgba(0, 0, 0, 0.8);
}