body, .misago-app, .page-content {
    background-color: #1a1a1a !important;
    color: #cccccc !important;
    // font-family: "Courier New", monospace !important;
}

.btn {
  color: white !important;
}

.dropdown-subheader {
  color: white;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #ffffff !important;
    font-weight: bold !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* 2. Links and Accents */
a, .btn-link {
    color: #cc3333 !important;
    transition: all 0.2s ease;
}

a:hover, .btn-link:hover {
    color: #ff5555 !important;
    text-decoration: none !important;
}

/* 3. Navbar (Styled like your Dashboard Header) */
.navbar {
    background: linear-gradient(180deg, #1a1a1a 0%, #242424 50%, #1a1a1a 100%) !important;
    border-bottom: 3px solid #cc3333 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.navbar-brand, .nav-link {
    color: #cccccc !important;
    // font-family: "Courier New", monospace !important;
    text-transform: uppercase;
    font-weight: bold;
}

.nav-link:hover {
    color: #cc3333 !important;
}

/* 4. Panels, Cards, and Forum Categories */
.card, .list-group-item, .panel {
    background-color: #242424 !important;
    border: 1px solid #3a3a3a !important;
    color: #cccccc !important;
    border-radius: 0 !important; /* Sharp edges fit the aesthetic better */
    margin-bottom: -1px; /* Prevents double borders */
}

.card-header, .panel-heading {
    background: rgba(204, 51, 51, 0.08) !important;
    border-bottom: 1px solid #cc3333 !important;
    color: #ffffff !important;
}

/* 5. Buttons (Styled like your Nav/Login Buttons) */
.btn {
    // font-family: "Courier New", monospace !important;
    font-weight: bold !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 0 !important; /* Blocky, tactical look */
    transition: all 0.2s ease !important;
}

/* Primary buttons (e.g., "Post Reply") */
.btn-primary, .btn-success {
    background: linear-gradient(135deg, #cc3333 0%, #ff5555 100%) !important;
    border: 1px solid #cc3333 !important;
    color: #ffffff !important;
}

.btn-primary:hover, .btn-success:hover {
    background: linear-gradient(135deg, #ff5555 0%, #ff7777 100%) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(204, 51, 51, 0.3) !important;
}

/* Secondary/Default buttons */
.btn-default, .btn-secondary {
    background: transparent !important;
    border: 1px solid #3a3a3a !important;
    color: #999999 !important;
}

.btn-default:hover, .btn-secondary:hover {
    border-color: #cc3333 !important;
    color: #cc3333 !important;
}

/* 6. Forms and Inputs */
.form-control {
    background-color: rgba(51, 51, 51, 0.6) !important;
    border: 1px solid rgba(51, 51, 51, 0.8) !important;
    color: #ffffff !important;
   // font-family: "Courier New", monospace !important;
    border-radius: 0 !important;
}

.form-control:focus {
    background-color: rgba(51, 51, 51, 0.8) !important;
    border-color: #cc3333 !important;
    box-shadow: none !important;
}

/* 7. Dropdowns and Menus */
.dropdown-menu {
    background-color: #242424 !important;
    border: 1px solid #3a3a3a !important;
    border-radius: 0 !important;
}

.dropdown-item {
    color: #cccccc !important;
}

.dropdown-item:hover {
    background-color: rgba(204, 51, 51, 0.1) !important;
    color: #cc3333 !important;
}

/* 8. Avatars (Square fits the tactical UI better than circles) */
.avatar {
    border-radius: 0 !important;
    border: 1px solid #cc3333;
}

/* =========================================
   AA2REBORN: POSTING DIALOG & TEXT EDITOR
   ========================================= */

/* 1. The Main Dialog Overlay Container */
.posting-dialog .posting-dialog-container {
    background-color: #1a1a1a !important;
    border: 1px solid #3a3a3a !important;
    border-radius: 0 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8) !important;
}

/* 2. Dialog Header (Matches Navbar style) */
.posting-dialog-header {
    background: linear-gradient(180deg, #1a1a1a 0%, #242424 50%, #1a1a1a 100%) !important;
    border-bottom: 3px solid #cc3333 !important;
    padding: 10px 15px !important;
}

.posting-dialog-caption {
    color: #ffffff !important;
    // font-family: "Courier New", monospace !important;
    font-weight: bold !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Minimize, Fullscreen, and Close Buttons */
.btn-posting-dialog {
    color: #999999 !important;
    background: transparent !important;
    border-radius: 0 !important;
    transition: color 0.2s ease !important;
}

.btn-posting-dialog:hover {
    color: #cc3333 !important;
}

/* 3. Thread Title & Category Selection Area */
.posting-dialog-toolbar {
    margin-bottom: 15px !important;
    padding: 10px !important;
}

/* 4. The Main Text Editor Container */
.markup-editor {
    border: 1px solid #3a3a3a !important;
    border-radius: 0 !important;
    background-color: #242424 !important;
    margin: 0 10px !important;
}

/* 5. Editor Formatting Toolbar (Bold, Italic, Link, etc.) */
.markup-editor-toolbar {
    background-color: #1a1a1a !important;
    border-bottom: 1px solid #3a3a3a !important;
}

.btn-markup-editor {
    color: #cccccc !important;
    border-radius: 0 !important;
    background: transparent !important;
    transition: all 0.2s ease !important;
}

.btn-markup-editor:hover, .btn-markup-editor:focus {
    color: #cc3333 !important;
    background-color: rgba(204, 51, 51, 0.1) !important;
}

/* 6. The Typing Area */
.markup-editor-textarea {
    background-color: rgba(26, 26, 26, 0.6) !important;
    color: #ffffff !important;
    font-family: "Courier New", monospace !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 15px !important;
}

.markup-editor-textarea:focus {
    background-color: #1a1a1a !important;
    box-shadow: none !important;
    outline: none !important;
}

/* 7. Editor Footer (Preview & Start Thread buttons) */
.markup-editor-footer {
    background-color: #242424 !important;
    border-top: 1px solid #3a3a3a !important;
    padding: 15px !important;
}

/* Target Disabled Buttons in Footer (e.g., when text box is empty) */
.markup-editor-footer .btn:disabled {
    background-color: #333333 !important;
    border-color: #3a3a3a !important;
    color: #666666 !important;
    opacity: 1 !important;
    cursor: not-allowed;
}

/* 8. Fix Dropdown Menus specifically inside the posting dialog */
.posting-dialog .dropdown-menu {
    background-color: #1a1a1a !important;
    border: 1px solid #cc3333 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}

.posting-dialog .dropdown-menu .btn-link {
    color: #cccccc !important;
    text-transform: uppercase;
    font-size: 12px;
}

#posting-mount.show {
  background-color: #1a1a1a;
}

.posting-dialog .dropdown-menu .btn-link:hover {
    color: #ffffff !important;
    background-color: rgba(204, 51, 51, 0.2) !important;
    text-decoration: none !important;
}