/* ============================================
   LTOJ Dark Mode - Override layer (Mint Theme)
   Loaded AFTER darkmode.min.css (DarkReader)
   Only overrides what DarkReader gets wrong
   ============================================ */
/* === Links: DarkReader may use wrong color === */
body.dark a {
  color: #60a5fa !important;
}

body.dark a:hover {
  color: #93c5fd !important;
}

body.dark a:visited {
  color: #60a5fa !important;
}

/* === Navbar: clean dark with mint accent === */
body.dark #nav-container {
  background-color: #1e1e1e !important;
  background-image: none !important;
  border-bottom: 2px solid #2db38a !important;
}

body.dark #navigation {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) !important;
}

body.dark .nav-item {
  color: #a3a3a3 !important;
}

body.dark .nav-item i {
  color: #a3a3a3 !important;
}

body.dark .nav-item .nav-label {
  color: #a3a3a3 !important;
}

body.dark .nav-item:hover {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

body.dark .nav-item:hover i {
  color: #fff !important;
}

body.dark .nav-item.active {
  color: #66ffcc !important;
  background: rgba(102, 255, 204, 0.12) !important;
}

body.dark .nav-item.active i {
  color: #66ffcc !important;
}

body.dark .nav-action-btn {
  color: #a3a3a3 !important;
}

body.dark .nav-action-btn:hover {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

body.dark #user-links {
  color: #d4d4d4 !important;
}

body.dark #user-links:hover {
  background: rgba(255, 255, 255, 0.08) !important;
}

body.dark .user-img {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

body.dark .anon .nav-login-btn {
  color: #d4d4d4 !important;
}

body.dark .anon .nav-login-btn:hover {
  color: #fff !important;
}

body.dark .anon .nav-signup-btn {
  color: #0a3d2a !important;
  background: #2db38a !important;
}

body.dark .anon .nav-signup-btn:hover {
  background: #3dcca0 !important;
}

body.dark .nav-logo img {
  filter: none !important;
}

body.dark #navicon {
  color: #d4d4d4 !important;
}

/* === Navbar dropdowns === */
body.dark .dropdown {
  background: #252525 !important;
  border-color: #404040 !important;
}

body.dark .dropdown-item {
  color: #d4d4d4 !important;
  border-top-color: #333 !important;
}

body.dark .dropdown-item:hover {
  background: #2a2a2a !important;
  color: #60a5fa !important;
}

body.dark .nav-dropdown {
  background: #252525 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

body.dark .nav-dropdown .nav-dropdown-item {
  color: #d4d4d4 !important;
}

body.dark .nav-dropdown .nav-dropdown-item:hover {
  background: #2a2a2a !important;
  color: #60a5fa !important;
}

/* === Buttons: mint brand === */
body.dark .action-btn {
  background: linear-gradient(135deg, #2db38a, #1e8a6a) !important;
  color: #fff !important;
}

body.dark .action-btn:hover {
  background: linear-gradient(135deg, #3dcca0, #2db38a) !important;
}

body.dark input[type=submit], body.dark button[type=submit] {
  background: linear-gradient(135deg, #2db38a, #1e8a6a) !important;
  color: #fff !important;
  border-color: #1e8a6a !important;
}

/* === Sidebar: subtle mint active === */
body.dark .left-sidebar-item.active {
  background: rgba(102, 255, 204, 0.2) !important;
  color: #66ffcc !important;
}

body.dark .left-sidebar-item.active a {
  color: #66ffcc !important;
}

body.dark .left-sidebar-item:hover {
  background: rgba(255, 255, 255, 0.05) !important;
}

/* === Blog titles: neutral, not green === */
body.dark .blog-box .post .title a {
  color: #e5e5e5 !important;
}

body.dark .blog-box .post .title a:hover {
  color: #60a5fa !important;
}

body.dark .show-more {
  color: #60a5fa !important;
}

/* === Table headers: neutral border === */
body.dark th {
  border-bottom-color: #404040 !important;
}

/* === Tabs: blue active === */
body.dark .tab.active, body.dark .tabs .active {
  border-color: #2563eb !important;
  color: #60a5fa !important;
}

body.dark .tabs ul li a:hover {
  border-bottom-color: #60a5fa !important;
}

/* === Pagination: blue active === */
body.dark .active-page > a, body.dark .active-page > span {
  background: #2563eb !important;
  color: #fff !important;
  border-color: #2563eb !important;
}

body.dark .pagination a:hover {
  background: #2563eb !important;
  color: #fff !important;
}

body.dark .disabled-page > a, body.dark .disabled-page > span {
  opacity: 0.4 !important;
}

/* === Forms: blue focus === */
body.dark input:focus, body.dark select:focus, body.dark textarea:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2) !important;
}

body.dark input::placeholder, body.dark textarea::placeholder {
  color: #666 !important;
}

/* === Welcome banner === */
body.dark .ltoj-welcome-banner {
  background: linear-gradient(135deg, #0a3d2a 0%, #1a3d2a 100%) !important;
}

/* === Login card === */
body.dark .login-card {
  background: #222 !important;
}

body.dark .login-title {
  color: #e5e5e5 !important;
}

body.dark .login-title i {
  color: #66ffcc !important;
}

body.dark .login-card .form-group label {
  color: #a3a3a3 !important;
}

body.dark .login-submit {
  background: linear-gradient(135deg, #2db38a, #1e8a6a) !important;
}

body.dark .login-links a {
  color: #60a5fa !important;
}

body.dark .login-divider::before {
  background: #404040 !important;
}

body.dark .login-divider span {
  background: #222 !important;
  color: #666 !important;
}

body.dark .social-btn {
  border-color: #404040 !important;
  color: #d4d4d4 !important;
}

body.dark .social-btn:hover {
  background: #2a2a2a !important;
}

/* === Contest: fix mint tags === */
body.dark .contest-tag-rated {
  background: #0d3d2a !important;
  color: #66ffcc !important;
}

/* === Loading bar === */
body.dark #loading-bar {
  background-color: #2563eb !important;
}

/* === Chat === */
body.dark .message-bubble-self {
  background: #0d3d2a !important;
}

/* === Footer === */
body.dark footer {
  background: #141414 !important;
  border-top-color: #2a2a2a !important;
  color: #666 !important;
}

body.dark footer a {
  color: #60a5fa !important;
}

/* === Notifications === */
body.dark .unread_boxes {
  background: #ef4444 !important;
}

body.dark .notification-open #notification {
  color: #60a5fa !important;
}

/* === Utility classes: fix for dark bg === */
body.dark .black {
  color: #d4d4d4 !important;
}

body.dark .blue {
  color: #60a5fa !important;
}

body.dark .red {
  color: #f87171 !important;
}

body.dark .colored-text {
  color: #d4d4d4 !important;
}

/* === Verdict badges: proper dark contrast === */
body.dark .AC {
  background: #0d3d2a !important;
  color: #66ffcc !important;
}

body.dark .WA {
  background: #7f1d1d !important;
  color: #fca5a5 !important;
}

body.dark .TLE, body.dark .MLE {
  background: #78350f !important;
  color: #fcd34d !important;
}

body.dark .RTE {
  background: #7f1d1d !important;
  color: #fca5a5 !important;
}

body.dark .CE, body.dark .IE, body.dark .OLE {
  background: #374151 !important;
  color: #d1d5db !important;
}

/* === RSS === */
body.dark .rssatom span {
  background: #0d3d2a !important;
  color: #66ffcc !important;
}

/* === Course === */
body.dark .course-tag {
  background: #0d3d2a !important;
  color: #66ffcc !important;
}

body.dark .course-card, body.dark .course-item {
  background: #1e1e1e !important;
  border-color: #2a2a2a !important;
}

body.dark .course-image {
  filter: brightness(0.7) !important;
}

body.dark .course-name {
  color: #e5e5e5 !important;
}

body.dark .course-name:hover {
  color: #60a5fa !important;
}

body.dark .course-info {
  background: #1e1e1e !important;
  border-color: #2a2a2a !important;
}

body.dark .course-description {
  color: #a3a3a3 !important;
}

body.dark .role-badge {
  border-color: #404040 !important;
}

body.dark .role-badge.role-teacher {
  background: #2db38a !important;
  color: #fff !important;
}

body.dark .role-badge.role-student {
  background: #2563eb !important;
  color: white !important;
}

body.dark .lesson-item, body.dark .lesson-card {
  background: #1e1e1e !important;
  border-color: #2a2a2a !important;
}

body.dark .lesson-title {
  color: #e5e5e5 !important;
}

body.dark .lesson-title:hover {
  color: #60a5fa !important;
}

body.dark .course-sidebar {
  background: #1e1e1e !important;
}

body.dark .course-progress {
  background: #2a2a2a !important;
}

body.dark .course-progress-bar {
  background: #2db38a !important;
}

/* === Follow button === */
body.dark .follow-button {
  background: #2db38a !important;
  color: #fff !important;
}

/* === Markdown editor toolbar === */
body.dark .wmd-button > span {
  filter: invert(0.85);
}

/* === Quiz === */
body.dark .quiz-option.selected {
  border-color: #2563eb !important;
}

/* === Problem code cell === */
body.dark .pcodecell {
  background: #2a2a2a !important;
  color: #a3a3a3 !important;
  border: 1px solid #333 !important;
}

/* === Scrollbar === */
body.dark ::-webkit-scrollbar {
  background: #1a1a1a;
}

body.dark ::-webkit-scrollbar-thumb {
  background: #404040;
  border-radius: 4px;
}

body.dark ::-webkit-scrollbar-thumb:hover {
  background: #555;
}



/*# sourceMappingURL=dark-green.css.map */


/* === Core surface fallback: must be last so ordinary page styles cannot undo dark mode === */
body.dark {
  background: #121719 !important;
  color: #e5e7eb !important;
  color-scheme: dark;
}
body.dark #page-container,
body.dark #content,
body.dark .content,
body.dark .content-body,
body.dark .content-side,
body.dark .content-left,
body.dark .content-right,
body.dark .main-content,
body.dark .card,
body.dark .panel,
body.dark .box,
body.dark .well,
body.dark .table-container,
body.dark .modal-content,
body.dark .featherlight-content,
body.dark .select2-container .select2-selection,
body.dark .ui-dialog,
body.dark .ui-widget-content {
  background-color: #171d20 !important;
  color: #e5e7eb !important;
  border-color: #303b40 !important;
}
body.dark input:not([type=checkbox]):not([type=radio]),
body.dark textarea,
body.dark select,
body.dark .select2-dropdown {
  background: #1d2529 !important;
  color: #e5e7eb !important;
  border-color: #3b474d !important;
}
body.dark input::placeholder,
body.dark textarea::placeholder {
  color: #9aa7ad !important;
  opacity: 1;
}
body.dark table,
body.dark tr,
body.dark td {
  background-color: #171d20 !important;
  color: #e5e7eb !important;
  border-color: #303b40 !important;
}
body.dark tr:nth-child(even) td {
  background-color: #1b2226 !important;
}
body.dark th,
body.dark thead th {
  background-color: #222c30 !important;
  color: #f3f4f6 !important;
  border-color: #3b474d !important;
}
body.dark pre,
body.dark code,
body.dark .ace_editor,
body.dark .ace_gutter {
  background-color: #121719 !important;
  color: #e5e7eb !important;
}
body.dark .ace_gutter {
  color: #93a1a1 !important;
  border-right-color: #303b40 !important;
}
body.dark .dropdown,
body.dark .select2-results,
body.dark .tooltip,
body.dark .popover {
  background: #1d2529 !important;
  color: #e5e7eb !important;
  border-color: #3b474d !important;
}
body.dark hr {
  border-color: #303b40 !important;
}